@stfrigerio/sito-template 0.1.71 → 0.1.73

package/storybook-static/assets/Navbar.stories-BORRPKgI.js

@@ -1,186 +0,0 @@
-import{r as v,j as e}from"./iframe-DeUB-sow.js";import{u as de}from"./useSound-K12Qio3c.js";import{m as i}from"./proxy-CGOWLFI9.js";import{X as ve}from"./x-jCtIZ166.js";import{c as l}from"./createLucideIcon-BYma-pZP.js";import{A as P}from"./index-B91nm_hV.js";import{F as K}from"./folder-hxUWwa0z.js";import{U as $}from"./users-_rOO1DQg.js";import{S as Z}from"./settings-KaeFuAWM.js";import{S as me}from"./search-B02YiHrH.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-gtuPlUge.js";/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ue=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],ge=l("circle-question-mark",ue);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const pe=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],be=l("heart",pe);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const _e=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]],S=l("house",_e);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const he=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],ye=l("layers",he);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const xe=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],fe=l("mail",xe);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ne=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],ke=l("menu",Ne);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const we=[["circle",{cx:"8",cy:"21",r:"1",key:"jimo8o"}],["circle",{cx:"19",cy:"21",r:"1",key:"13723u"}],["path",{d:"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12",key:"9zh506"}]],Ie=l("shopping-cart",we);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const je=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],Te=l("trending-up",je),Me="_navbar_1cr4i_1",$e="_navbarSidebar_1cr4i_12",Se="_navbarTop_1cr4i_24",qe="_navList_1cr4i_35",Le="_navItem_1cr4i_41",Ce="_navbarMinimal_1cr4i_46",Ae="_navLogo_1cr4i_59",Be="_logoContainer_1cr4i_68",Pe="_logoImage_1cr4i_74",Ee="_logoPlaceholder_1cr4i_81",Fe="_logoContent_1cr4i_94",Oe="_logoText_1cr4i_99",He="_logoSubtitle_1cr4i_106",ze="_subNavItem_1cr4i_133",Re="_navLink_1cr4i_137",De="_activeBackground_1cr4i_155",Ue="_navIcon_1cr4i_166",Ve="_activeIcon_1cr4i_175",Ye="_navText_1cr4i_178",Xe="_activeText_1cr4i_186",We="_navBadge_1cr4i_189",Qe="_chevron_1cr4i_201",Ge="_subNavList_1cr4i_210",Je="_navFooter_1cr4i_223",Ke="_mobileMenuButton_1cr4i_229",Ze="_mobileBackdrop_1cr4i_256",en="_mobileMenuOpen_1cr4i_276",nn={navbar:Me,navbarSidebar:$e,navbarTop:Se,navList:qe,navItem:Le,navbarMinimal:Ce,navLogo:Ae,logoContainer:Be,logoImage:Pe,logoPlaceholder:Ee,logoContent:Fe,logoText:Oe,logoSubtitle:He,subNavItem:ze,navLink:Re,activeBackground:De,navIcon:Ue,activeIcon:Ve,navText:Ye,activeText:Xe,navBadge:We,chevron:Qe,subNavList:Ge,navFooter:Je,mobileMenuButton:Ke,mobileBackdrop:Ze,mobileMenuOpen:en},an="_navbar_cwgqa_4",tn="_navLogo_cwgqa_20",on="_logoContainer_cwgqa_24",sn="_logoImage_cwgqa_30",rn="_logoPlaceholder_cwgqa_37",cn="_logoContent_cwgqa_50",ln="_logoText_cwgqa_55",dn="_logoSubtitle_cwgqa_62",vn="_mobileMenuButton_cwgqa_67",mn="_menuOpen_cwgqa_82",un="_mobileBackdrop_cwgqa_87",gn="_navList_cwgqa_108",pn="_navItem_cwgqa_120",bn="_subNavItem_cwgqa_125",_n="_navLink_cwgqa_129",hn="_active_cwgqa_152",yn="_activeBackground_cwgqa_156",xn="_navIcon_cwgqa_160",fn="_activeIcon_cwgqa_169",Nn="_navText_cwgqa_173",kn="_activeText_cwgqa_179",wn="_navBadge_cwgqa_183",In="_chevron_cwgqa_194",jn="_subNavList_cwgqa_195",Tn="_navActions_cwgqa_200",Mn="_navFooter_cwgqa_207",$n="_navbarSidebar_cwgqa_211",Sn="_navbarTop_cwgqa_214",qn="_navbarMinimal_cwgqa_217",Ln="_mobileMenuOpen_cwgqa_220",Cn={navbar:an,navLogo:tn,logoContainer:on,logoImage:sn,logoPlaceholder:rn,logoContent:cn,logoText:ln,logoSubtitle:dn,mobileMenuButton:vn,menuOpen:mn,mobileBackdrop:un,navList:gn,navItem:pn,subNavItem:bn,navLink:_n,active:hn,activeBackground:yn,navIcon:xn,activeIcon:fn,navText:Nn,activeText:kn,navBadge:wn,chevron:In,subNavList:jn,navActions:Tn,navFooter:Mn,navbarSidebar:$n,navbarTop:Sn,navbarMinimal:qn,mobileMenuOpen:Ln},ee=({items:_,logo:t,onItemClick:L,variant:m="sidebar",isMobile:c=!1,footer:h,className:j="",soundConfig:ne,colorfulIcons:ae=!1})=>{var A,B;const y=ae?"true":void 0,a=v.useMemo(()=>c?Cn:nn,[c]),[d,u]=v.useState(!1),[te,oe]=v.useState(new Set),{handlers:g,playSound:T}=de(ne);v.useEffect(()=>{c||u(!1)},[c]);const p=v.useRef(null);v.useEffect(()=>{if(!c)return;const n=s=>{const r=s.touches[0];r.clientX<30&&(p.current={x:r.clientX,y:r.clientY})},o=s=>{if(!p.current)return;const r=s.changedTouches[0],b=r.clientX-p.current.x,x=Math.abs(r.clientY-p.current.y);p.current=null,b>60&&x<b&&(u(!0),T("toggle"))};return document.addEventListener("touchstart",n,{passive:!0}),document.addEventListener("touchend",o,{passive:!0}),()=>{document.removeEventListener("touchstart",n),document.removeEventListener("touchend",o)}},[c,T]),v.useEffect(()=>{if(d){const n=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${n}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.overflow="hidden"}else{const n=document.body.style.top;document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow="",n&&window.scrollTo(0,parseInt(n,10)*-1)}return()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow=""}},[d]);const ie=()=>{T("toggle"),u(!d)},se=n=>{oe(o=>{const s=new Set(o);return s.has(n)?s.delete(n):s.add(n),s})},re=n=>{var o;(o=g.onClick)==null||o.call(g),n.children&&n.children.length>0?se(n.id):(n.onClick&&n.onClick(),L&&L(n),(c||d)&&u(!1))},M=(n,o,s=0)=>{const r=n.icon,b=te.has(n.id),x=n.children&&n.children.length>0;return e.jsxs(i.li,{className:`${a.navItem} ${s>0?a.subNavItem:""}`,initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:o*.05},children:[e.jsxs(i.button,{className:`${a.navLink} ${n.isActive?a.active:""}`,onClick:()=>re(n),onMouseEnter:g.onMouseEnter,whileHover:{x:5},whileTap:{scale:.98},children:[n.isActive&&e.jsx(i.div,{className:a.activeBackground,layoutId:"activeNavBackground",initial:!1,transition:{type:"spring",stiffness:500,damping:35}}),r&&e.jsx(r,{className:`${a.navIcon} ${n.isActive?a.activeIcon:""}`}),e.jsx("span",{className:`${a.navText} ${n.isActive?a.activeText:""}`,children:n.label}),n.badge&&e.jsx("span",{className:a.navBadge,children:n.badge}),x&&e.jsx(i.span,{className:a.chevron,animate:{rotate:b?180:0},transition:{duration:.2},children:"▼"})]}),x&&e.jsx(P,{children:b&&e.jsx(i.ul,{className:a.subNavList,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:n.children.map((ce,le)=>M(ce,le,s+1))})})]},n.id)},C=e.jsxs(e.Fragment,{children:[t&&e.jsx(i.div,{className:a.navLogo,initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{delay:.1},children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx(i.img,{src:t.src,alt:t.alt||"Logo",className:a.logoImage,onMouseEnter:g.onMouseEnter,whileHover:{scale:1.05},transition:{type:"spring",stiffness:400}}):e.jsx("div",{className:a.logoPlaceholder,children:((A=t.text)==null?void 0:A.charAt(0))||"L"}),(t.text||t.subtitle)&&e.jsxs("div",{className:a.logoContent,children:[t.text&&e.jsx("span",{className:a.logoText,children:t.text}),t.subtitle&&e.jsx("span",{className:a.logoSubtitle,children:t.subtitle})]})]})}),e.jsx("ul",{className:a.navList,children:_.map((n,o)=>M(n,o))}),h&&e.jsx(i.div,{className:a.navFooter,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:h})]});return m==="top"?e.jsx(i.nav,{className:`${a.navbar} ${a.navbarTop} ${j}`,"data-colored-icons":y,initial:{y:-100},animate:{y:0},transition:{type:"spring",stiffness:300,damping:30},children:C}):c?e.jsxs(e.Fragment,{children:[e.jsxs("nav",{className:`${a.navbar} ${j}`,"data-colored-icons":y,children:[t&&e.jsx("div",{className:a.navLogo,children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx("img",{src:t.src,alt:t.alt||"Logo",className:a.logoImage}):e.jsx("div",{className:a.logoPlaceholder,children:((B=t.text)==null?void 0:B.charAt(0))||"L"}),t.text&&e.jsx("div",{className:a.logoContent,children:e.jsx("span",{className:a.logoText,children:t.text})})]})}),e.jsxs("div",{className:a.navActions,children:[h&&e.jsx("div",{className:a.navFooter,children:h}),e.jsx("button",{className:`${a.mobileMenuButton} ${d?a.menuOpen:""}`,onClick:ie,"aria-label":"Toggle navigation menu",children:d?e.jsx(ve,{}):e.jsx(ke,{})})]})]}),e.jsx(P,{children:d&&e.jsx(i.div,{className:a.mobileBackdrop,"data-colored-icons":y,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},onClick:()=>u(!1),children:e.jsx(i.div,{initial:{y:-20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.2},onClick:n=>n.stopPropagation(),children:e.jsx("ul",{className:a.navList,children:_.map((n,o)=>M(n,o))})})})})]}):e.jsx(e.Fragment,{children:e.jsx(i.nav,{className:`${a.navbar} ${a[`navbar${m.charAt(0).toUpperCase()+m.slice(1)}`]} ${j}`,"data-colored-icons":y,initial:m==="sidebar"?{x:-300}:{opacity:0},animate:m==="sidebar"?{x:0}:{opacity:1},transition:{type:"spring",stiffness:300,damping:30},children:C})})};ee.__docgenInfo={description:"",methods:[],displayName:"Navbar",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"NavItem"}],raw:"NavItem[]"},description:""},logo:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    src?: string;
-    alt?: string;
-    text?: string;
-    subtitle?: string;
-}`,signature:{properties:[{key:"src",value:{name:"string",required:!1}},{key:"alt",value:{name:"string",required:!1}},{key:"text",value:{name:"string",required:!1}},{key:"subtitle",value:{name:"string",required:!1}}]}},description:""},onItemClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: NavItem) => void",signature:{arguments:[{type:{name:"NavItem"},name:"item"}],return:{name:"void"}}},description:""},variant:{required:!1,tsType:{name:"union",raw:"'sidebar' | 'top' | 'minimal'",elements:[{name:"literal",value:"'sidebar'"},{name:"literal",value:"'top'"},{name:"literal",value:"'minimal'"}]},description:"",defaultValue:{value:"'sidebar'",computed:!1}},isMobile:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},footer:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:""},colorfulIcons:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const Yn={title:"Organisms/Navbar",component:ee,parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"select"},options:["sidebar","top","minimal"]},isMobile:{control:{type:"boolean"}}}},q=[{id:"home",label:"Home",icon:S,isActive:!0},{id:"projects",label:"Projects",icon:K,badge:3},{id:"team",label:"Team",icon:$},{id:"settings",label:"Settings",icon:Z,children:[{id:"profile",label:"Profile"},{id:"account",label:"Account"},{id:"security",label:"Security"}]},{id:"help",label:"Help",icon:ge}],f={args:{items:q,variant:"sidebar",logo:{text:"MyApp",subtitle:"Dashboard"}}},N={args:{items:q.slice(0,5),variant:"top",logo:{text:"TopNav"}}},k={args:{items:q.map(_=>({..._,icon:void 0})),variant:"minimal"}},w={args:{items:[{id:"overview",label:"Overview",icon:S,isActive:!0},{id:"analytics",label:"Analytics",icon:Te},{id:"projects",label:"Projects",icon:K,badge:12,children:[{id:"active",label:"Active Projects",badge:8},{id:"archived",label:"Archived",badge:4},{id:"drafts",label:"Drafts"}]},{id:"team",label:"Team",icon:$,children:[{id:"members",label:"Members"},{id:"roles",label:"Roles"},{id:"invites",label:"Invitations",badge:2}]},{id:"messages",label:"Messages",icon:fe,badge:7},{id:"integrations",label:"Integrations",icon:ye},{id:"settings",label:"Settings",icon:Z}],variant:"sidebar",logo:{text:"AdminPro",subtitle:"Control Panel"},footer:e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"Version 2.1.0"}),e.jsx("div",{style:{fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)",marginTop:"4px"},children:"© 2024 AdminPro"})]})}},I={args:{items:[{id:"home",label:"Home",icon:S,isActive:!0},{id:"search",label:"Search",icon:me},{id:"cart",label:"Cart",icon:Ie,badge:2},{id:"favorites",label:"Favorites",icon:be},{id:"profile",label:"Profile",icon:$}],variant:"sidebar",isMobile:!0,soundConfig:{onClick:"click",onHover:"hover"}}};var E,F,O;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems,
-    variant: 'sidebar',
-    logo: {
-      text: 'MyApp',
-      subtitle: 'Dashboard'
-    }
-  }
-}`,...(O=(F=f.parameters)==null?void 0:F.docs)==null?void 0:O.source}}};var H,z,R;N.parameters={...N.parameters,docs:{...(H=N.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems.slice(0, 5),
-    variant: 'top',
-    logo: {
-      text: 'TopNav'
-    }
-  }
-}`,...(R=(z=N.parameters)==null?void 0:z.docs)==null?void 0:R.source}}};var D,U,V;k.parameters={...k.parameters,docs:{...(D=k.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems.map(item => ({
-      ...item,
-      icon: undefined
-    })),
-    variant: 'minimal'
-  }
-}`,...(V=(U=k.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,X,W;w.parameters={...w.parameters,docs:{...(Y=w.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    items: [{
-      id: 'overview',
-      label: 'Overview',
-      icon: Home,
-      isActive: true
-    }, {
-      id: 'analytics',
-      label: 'Analytics',
-      icon: TrendingUp
-    }, {
-      id: 'projects',
-      label: 'Projects',
-      icon: Folder,
-      badge: 12,
-      children: [{
-        id: 'active',
-        label: 'Active Projects',
-        badge: 8
-      }, {
-        id: 'archived',
-        label: 'Archived',
-        badge: 4
-      }, {
-        id: 'drafts',
-        label: 'Drafts'
-      }]
-    }, {
-      id: 'team',
-      label: 'Team',
-      icon: Users,
-      children: [{
-        id: 'members',
-        label: 'Members'
-      }, {
-        id: 'roles',
-        label: 'Roles'
-      }, {
-        id: 'invites',
-        label: 'Invitations',
-        badge: 2
-      }]
-    }, {
-      id: 'messages',
-      label: 'Messages',
-      icon: Mail,
-      badge: 7
-    }, {
-      id: 'integrations',
-      label: 'Integrations',
-      icon: Layers
-    }, {
-      id: 'settings',
-      label: 'Settings',
-      icon: Settings
-    }],
-    variant: 'sidebar',
-    logo: {
-      text: 'AdminPro',
-      subtitle: 'Control Panel'
-    },
-    footer: <div style={{
-      padding: 'var(--spacing-md)',
-      background: 'var(--color-background-secondary)',
-      borderRadius: 'var(--radius-md)',
-      textAlign: 'center'
-    }}>
-                <div style={{
-        fontSize: 'var(--font-size-sm)',
-        color: 'var(--color-text-secondary)'
-      }}>
-                    Version 2.1.0
-                </div>
-                <div style={{
-        fontSize: 'var(--font-size-xs)',
-        color: 'var(--color-text-tertiary)',
-        marginTop: '4px'
-      }}>
-                    © 2024 AdminPro
-                </div>
-            </div>
-  }
-}`,...(W=(X=w.parameters)==null?void 0:X.docs)==null?void 0:W.source}}};var Q,G,J;I.parameters={...I.parameters,docs:{...(Q=I.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    items: [{
-      id: 'home',
-      label: 'Home',
-      icon: Home,
-      isActive: true
-    }, {
-      id: 'search',
-      label: 'Search',
-      icon: Search
-    }, {
-      id: 'cart',
-      label: 'Cart',
-      icon: ShoppingCart,
-      badge: 2
-    }, {
-      id: 'favorites',
-      label: 'Favorites',
-      icon: Heart
-    }, {
-      id: 'profile',
-      label: 'Profile',
-      icon: Users
-    }],
-    variant: 'sidebar',
-    isMobile: true,
-    soundConfig: {
-      onClick: 'click',
-      onHover: 'hover'
-    }
-  }
-}`,...(J=(G=I.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const Xn=["SidebarDefault","TopNavigation","MinimalNavigation","DashboardNav","MobileWithSounds"];export{w as DashboardNav,k as MinimalNavigation,I as MobileWithSounds,f as SidebarDefault,N as TopNavigation,Xn as __namedExportsOrder,Yn as default};

package/storybook-static/assets/client-fkBkqlp7.js

@@ -1 +0,0 @@
-import{r}from"./index-BouVZTao.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};