Deploying to gh-pages from @ b0eed25 🚀

assets/Sidebar.stories-K5yI6Y3l.js

@@ -0,0 +1,49 @@
+import{R as e}from"./index-OjgoNOWw.js";import{f as u,a as S,S as b,b as v,g as p,h as E,i as f,c as a,d as n,e as l,u as g,C as I}from"./icons-Bb07RcR7.js";import{B as h}from"./Button-1fD2P03D.js";import"./index-jKYK_Gmc.js";import"./index-FlAvnLNT.js";import"./index-polp_dyw.js";function d({children:t}){return e.createElement("div",{style:{minHeight:"1000px",display:"flex",flexDirection:"column",width:"100%"}},e.createElement("div",{style:{height:"64px",backgroundColor:"white",borderBottom:"solid lightgrey 1px"}}),t)}d.__docgenInfo={description:"",methods:[],displayName:"AppShell",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""}}};const H={title:"UI/Sidebar",component:u,parameters:{layout:"fullscreen"},decorators:[t=>e.createElement(S,{initialOpen:!0},e.createElement(d,null,e.createElement(t,null)))],tags:["autodocs"]},r={name:"Sidebar",args:{children:e.createElement(e.Fragment,null,e.createElement(b,{icon:e.createElement("div",null,e.createElement(y,null)),title:"ZenML Tenant"},e.createElement(v,null,e.createElement("img",{src:"https://avatar.vercel.sh/ZenMLTenant?size=32"})),e.createElement(p,null,"My Tenant")),e.createElement(E,null,e.createElement(f,null,e.createElement("li",{className:"w-full"},e.createElement(a,{isActive:!0},e.createElement("div",null,e.createElement(n,{svgStroke:!0,isActive:!0,icon:e.createElement(l,null),label:"Models"})))),e.createElement("li",{className:"w-full"},e.createElement(a,{isActive:!1},e.createElement("div",null,e.createElement(n,{svgStroke:!0,isActive:!1,icon:e.createElement(l,null),label:"Models"})))),e.createElement("li",{className:"w-full"},e.createElement(a,{isActive:!1},e.createElement("div",null,e.createElement(n,{svgStroke:!0,isActive:!1,icon:e.createElement(l,null),label:"Models"}))))),e.createElement("div",{style:{marginTop:"auto"}},e.createElement(a,null,e.createElement("div",null,e.createElement(n,{svgStroke:!0,isActive:!1,icon:e.createElement(l,null),label:"Models"}))))))}};function y(){const{setIsOpen:t,isOpen:o}=g();return e.createElement(h,{onClick:()=>t(m=>!m),className:"w-6 bg-transparent h-6 p-0 flex items-center justify-center",intent:"secondary"},e.createElement(I,{className:`w-4 h-4 aspect-square ${!o&&"rotate-180"}`}))}var i,s,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  name: "Sidebar",
+  args: {
+    children: <>
+                <SidebarHeader icon={<div>
+                            <SidebarButton />
+                        </div>} title="ZenML Tenant">
+                    <SidebarHeaderImage>
+                        <img src={\`https://avatar.vercel.sh/ZenMLTenant?size=32\`} />
+                    </SidebarHeaderImage>
+                    <SidebarHeaderTitle>My Tenant</SidebarHeaderTitle>
+                </SidebarHeader>
+                <SidebarBody>
+                    <SidebarList>
+                        <li className="w-full">
+                            <SidebarItem isActive={true}>
+                                <div>
+                                    <SidebarItemContent svgStroke isActive={true} icon={<CPU />} label="Models" />
+                                </div>
+                            </SidebarItem>
+                        </li>
+                        <li className="w-full">
+                            <SidebarItem isActive={false}>
+                                <div>
+                                    <SidebarItemContent svgStroke isActive={false} icon={<CPU />} label="Models" />
+                                </div>
+                            </SidebarItem>
+                        </li>
+                        <li className="w-full">
+                            <SidebarItem isActive={false}>
+                                <div>
+                                    <SidebarItemContent svgStroke isActive={false} icon={<CPU />} label="Models" />
+                                </div>
+                            </SidebarItem>
+                        </li>
+                    </SidebarList>
+                    <div style={{
+          marginTop: "auto"
+        }}>
+                        <SidebarItem>
+                            <div>
+                                <SidebarItemContent svgStroke isActive={false} icon={<CPU />} label="Models" />
+                            </div>
+                        </SidebarItem>
+                    </div>
+                </SidebarBody>
+            </>
+  }
+}`,...(c=(s=r.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};const N=["defaultStory"];export{N as __namedExportsOrder,H as default,r as defaultStory};

assets/SidebarHeader.stories-qAgrSVNE.js

@@ -0,0 +1,12 @@
+import{R as e}from"./index-OjgoNOWw.js";import{S as i,C as d,a as o,b as c}from"./icons-Bb07RcR7.js";import"./index-jKYK_Gmc.js";import"./index-FlAvnLNT.js";const S={title:"UI/Sidebar",component:i,decorators:[s=>e.createElement("div",{className:"group"},e.createElement(s,null))],tags:["autodocs"]},a={name:"Sidebar Header",args:{title:"ZenML Tenant",icon:e.createElement(d,{className:"w-6 h-6"}),children:e.createElement(o,{initialOpen:!1},e.createElement(c,null,e.createElement("img",{src:"https://avatar.vercel.sh/ZenMLTenant?size=32"})))}};var r,t,n;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  name: "Sidebar Header",
+  args: {
+    title: "ZenML Tenant",
+    icon: <CloseButton className="w-6 h-6" />,
+    children: <SidebarProvider initialOpen={false}>
+                <SidebarHeaderImage>
+                    <img src={\`https://avatar.vercel.sh/ZenMLTenant?size=32\`} />
+                </SidebarHeaderImage>
+            </SidebarProvider>
+  }
+}`,...(n=(t=a.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const g=["sidebarHeader"];export{g as __namedExportsOrder,S as default,a as sidebarHeader};

assets/SidebarItem.stories-FU62mnSL.js

@@ -0,0 +1,17 @@
+import{R as e}from"./index-OjgoNOWw.js";import{c as v,a as u,d as l,e as m}from"./icons-Bb07RcR7.js";import"./index-jKYK_Gmc.js";import"./index-FlAvnLNT.js";const I={title:"UI/Sidebar",component:v,decorators:[d=>e.createElement("ul",{style:{listStyle:"none"},className:"group"},e.createElement(u,{initialOpen:!1},e.createElement(d,null)))],tags:["autodocs"]},t={name:"Inactive Sidebar Item",args:{isActive:!1,children:e.createElement("div",null,e.createElement(l,{svgStroke:!0,icon:e.createElement(m,null),label:"Models"}))}},r={name:"Active Sidebar Item",args:{isActive:!0,children:e.createElement("div",null,e.createElement(l,{svgStroke:!0,isActive:!0,icon:e.createElement(m,null),label:"Models"}))}};var a,n,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  name: "Inactive Sidebar Item",
+  args: {
+    isActive: false,
+    children: <div>
+                <SidebarItemContent svgStroke icon={<CPU />} label="Models" />
+            </div>
+  }
+}`,...(i=(n=t.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,c,o;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  name: "Active Sidebar Item",
+  args: {
+    isActive: true,
+    children: <div>
+                <SidebarItemContent svgStroke isActive={true} icon={<CPU />} label="Models" />
+            </div>
+  }
+}`,...(o=(c=r.parameters)==null?void 0:c.docs)==null?void 0:o.source}}};const E=["inactive","active"];export{E as __namedExportsOrder,r as active,I as default,t as inactive};