npm - @stfrigerio/sito-template - Versions diffs - 0.1.35 → 0.1.37 - Mend

@stfrigerio/sito-template 0.1.35 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (258) hide show

package/storybook-static/assets/Navbar.stories-Dkf77idX.js ADDED Viewed

@@ -0,0 +1,235 @@
+import{r as p,j as e}from"./iframe-BUaP2gIF.js";import{q as fe,u as Ie,v as T,m as le,e as N,w as ce,x as Ne,f as Se,y as de,z as me,l as Te,A as ve,B as ke,C as je}from"./index-5bdJXrkD.js";import{m as t}from"./proxy-9Y4F2rF8.js";import{A as S}from"./index-CZs7_DA6.js";import"./preload-helper-C1FmrZbK.js";const Fe="_navbar_1ou84_1",Ce="_navbarSidebar_1ou84_12",Me="_navbarTop_1ou84_22",$e="_navList_1ou84_33",we="_navItem_1ou84_39",Ae="_navbarMinimal_1ou84_44",Le="_navLogo_1ou84_57",Be="_logoContainer_1ou84_66",Pe="_logoImage_1ou84_72",He="_logoPlaceholder_1ou84_79",Ee="_logoContent_1ou84_92",Oe="_logoText_1ou84_97",qe="_logoSubtitle_1ou84_104",ze="_subNavItem_1ou84_124",Re="_navLink_1ou84_128",We="_active_1ou84_150",De="_activeBackground_1ou84_154",Ue="_navIcon_1ou84_165",Ve="_activeIcon_1ou84_173",Ge="_navText_1ou84_177",Ye="_activeText_1ou84_184",Xe="_navBadge_1ou84_188",Je="_chevron_1ou84_200",Ke="_subNavList_1ou84_209",Qe="_navFooter_1ou84_222",Ze="_mobileMenuButton_1ou84_229",en="_mobileBackdrop_1ou84_256",nn="_mobileMenuOpen_1ou84_276",an={navbar:Fe,navbarSidebar:Ce,navbarTop:Me,navList:$e,navItem:we,navbarMinimal:Ae,navLogo:Le,logoContainer:Be,logoImage:Pe,logoPlaceholder:He,logoContent:Ee,logoText:Oe,logoSubtitle:qe,subNavItem:ze,navLink:Re,active:We,activeBackground:De,navIcon:Ue,activeIcon:Ve,navText:Ge,activeText:Ye,navBadge:Xe,chevron:Je,subNavList:Ke,navFooter:Qe,mobileMenuButton:Ze,mobileBackdrop:en,mobileMenuOpen:nn},tn="_navbar_t9p09_2",on="_navLogo_t9p09_14",sn="_navList_t9p09_18",rn="_navItem_t9p09_28",ln="_navLink_t9p09_33",cn="_active_t9p09_56",dn="_activeBackground_t9p09_60",mn="_navIcon_t9p09_64",vn="_activeIcon_t9p09_71",pn="_navText_t9p09_75",bn="_activeText_t9p09_83",un="_navBadge_t9p09_87",gn="_chevron_t9p09_102",_n="_subNavList_t9p09_103",hn="_navFooter_t9p09_108",xn="_mobileMenuButton_t9p09_113",yn="_mobileBackdrop_t9p09_117",fn="_navbarTop_t9p09_122",In="_navbarMinimal_t9p09_155",Nn={navbar:tn,navLogo:on,navList:sn,navItem:rn,navLink:ln,active:cn,activeBackground:dn,navIcon:mn,activeIcon:vn,navText:pn,activeText:bn,navBadge:un,chevron:gn,subNavList:_n,navFooter:hn,mobileMenuButton:xn,mobileBackdrop:yn,navbarTop:fn,navbarMinimal:In},pe=({items:s,logo:i,onItemClick:k,variant:c="sidebar",isMobile:d=!1,footer:j,className:F=""})=>{var $;const a=p.useMemo(()=>d?Nn:an,[d]),[r,v]=p.useState(!1),[be,ue]=p.useState(new Set);p.useEffect(()=>{const n=()=>{window.innerWidth>768&&v(!1)};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const ge=()=>{v(!r)},_e=n=>{ue(m=>{const o=new Set(m);return o.has(n)?o.delete(n):o.add(n),o})},he=n=>{n.children&&n.children.length>0?_e(n.id):(n.onClick&&n.onClick(),k&&k(n),(d||r)&&v(!1))},C=(n,m,o=0)=>{const w=n.icon,A=be.has(n.id),L=n.children&&n.children.length>0;return e.jsxs(t.li,{className:`${a.navItem} ${o>0?a.subNavItem:""}`,initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:m*.05},children:[e.jsxs(t.button,{className:`${a.navLink} ${n.isActive?a.active:""}`,onClick:()=>he(n),whileHover:{x:5},whileTap:{scale:.98},children:[n.isActive&&e.jsx(t.div,{className:a.activeBackground,layoutId:"activeNavBackground",initial:!1,transition:{type:"spring",stiffness:500,damping:35}}),w&&e.jsx(w,{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}),L&&e.jsx(t.span,{className:a.chevron,animate:{rotate:A?180:0},transition:{duration:.2},children:"▼"})]}),L&&e.jsx(S,{children:A&&e.jsx(t.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((xe,ye)=>C(xe,ye,o+1))})})]},n.id)},M=e.jsxs(e.Fragment,{children:[i&&e.jsx(t.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:[i.src?e.jsx(t.img,{src:i.src,alt:i.alt||"Logo",className:a.logoImage,whileHover:{scale:1.05},transition:{type:"spring",stiffness:400}}):e.jsx("div",{className:a.logoPlaceholder,children:(($=i.text)==null?void 0:$.charAt(0))||"L"}),(i.text||i.subtitle)&&e.jsxs("div",{className:a.logoContent,children:[i.text&&e.jsx("span",{className:a.logoText,children:i.text}),i.subtitle&&e.jsx("span",{className:a.logoSubtitle,children:i.subtitle})]})]})}),e.jsx("ul",{className:a.navList,children:s.map((n,m)=>C(n,m))}),j&&e.jsx(t.div,{className:a.navFooter,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:j})]});return c==="top"?e.jsx(t.nav,{className:`${a.navbar} ${a.navbarTop} ${F}`,initial:{y:-100},animate:{y:0},transition:{type:"spring",stiffness:300,damping:30},children:M}):e.jsxs(e.Fragment,{children:[(d||window.innerWidth<=768)&&e.jsx(t.button,{className:a.mobileMenuButton,onClick:ge,"aria-label":"Toggle navigation menu",whileTap:{scale:.9},children:e.jsx(S,{mode:"wait",children:r?e.jsx(t.div,{initial:{rotate:-90,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:90,opacity:0},children:e.jsx(fe,{})},"close"):e.jsx(t.div,{initial:{rotate:90,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:-90,opacity:0},children:e.jsx(Ie,{})},"menu")})}),e.jsx(S,{children:r&&e.jsx(t.div,{className:a.mobileBackdrop,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>v(!1)})}),e.jsx(t.nav,{className:`${a.navbar} ${a[`navbar${c.charAt(0).toUpperCase()+c.slice(1)}`]} ${r?a.mobileMenuOpen:""} ${F}`,initial:c==="sidebar"?{x:-300}:{opacity:0},animate:c==="sidebar"?{x:r||!d?0:-300}:{opacity:1},transition:{type:"spring",stiffness:300,damping:30},children:M})]})};pe.__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}}}};const Cn={title:"Organisms/Navbar",component:pe,parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"select"},options:["sidebar","top","minimal"]},isMobile:{control:{type:"boolean"}}}},l=[{id:"home",label:"Home",icon:T,isActive:!0},{id:"projects",label:"Projects",icon:le,badge:3},{id:"team",label:"Team",icon:N},{id:"settings",label:"Settings",icon:ce,children:[{id:"profile",label:"Profile"},{id:"account",label:"Account"},{id:"security",label:"Security"}]},{id:"help",label:"Help",icon:Ne}],b={args:{items:l,variant:"sidebar",logo:{text:"MyApp",subtitle:"Dashboard"}}},u={args:{items:l,variant:"sidebar",logo:{src:"https://via.placeholder.com/48",alt:"Company Logo",text:"Company",subtitle:"Management System"}}},g={args:{items:l.slice(0,5),variant:"top",logo:{text:"TopNav"}}},_={args:{items:l.map(s=>({...s,icon:void 0})),variant:"minimal"}},h={args:{items:[{id:"home",label:"Home",icon:T,isActive:!0},{id:"search",label:"Search",icon:Se},{id:"cart",label:"Cart",icon:de,badge:2},{id:"favorites",label:"Favorites",icon:me},{id:"profile",label:"Profile",icon:N}],variant:"sidebar",isMobile:!0}},x={args:{items:[{id:"shop",label:"Shop",icon:de,isActive:!0},{id:"categories",label:"Categories",icon:Te,children:[{id:"electronics",label:"Electronics"},{id:"clothing",label:"Clothing"},{id:"home",label:"Home & Garden"},{id:"sports",label:"Sports"}]},{id:"trending",label:"Trending",icon:ve,badge:"New"},{id:"wishlist",label:"Wishlist",icon:me,badge:5},{id:"account",label:"Account",icon:N}],variant:"sidebar",logo:{text:"ShopHub",subtitle:"Your Online Store"}}},y={args:{items:[{id:"overview",label:"Overview",icon:T,isActive:!0},{id:"analytics",label:"Analytics",icon:ve},{id:"projects",label:"Projects",icon:le,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:N,children:[{id:"members",label:"Members"},{id:"roles",label:"Roles"},{id:"invites",label:"Invitations",badge:2}]},{id:"messages",label:"Messages",icon:ke,badge:7},{id:"integrations",label:"Integrations",icon:je},{id:"settings",label:"Settings",icon:ce}],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"})]})}},f={args:{items:l,variant:"sidebar",logo:{text:"MyApp"},footer:e.jsx("div",{style:{padding:"var(--spacing-sm)"},children:e.jsx("button",{style:{width:"100%",padding:"var(--spacing-sm)",background:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-md)",cursor:"pointer",fontWeight:"var(--font-weight-semibold)"},children:"Sign Out"})})}},I={args:{items:l,variant:"sidebar",logo:{text:"Interactive",subtitle:"Click items to see console logs"},onItemClick:s=>{console.log("Clicked item:",s),alert(`You clicked: ${s.label}`)}}};var B,P,H;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'MyApp',
+      subtitle: 'Dashboard'
+    }
+  }
+}`,...(H=(P=b.parameters)==null?void 0:P.docs)==null?void 0:H.source}}};var E,O,q;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      src: 'https://via.placeholder.com/48',
+      alt: 'Company Logo',
+      text: 'Company',
+      subtitle: 'Management System'
+    }
+  }
+}`,...(q=(O=u.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var z,R,W;g.parameters={...g.parameters,docs:{...(z=g.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems.slice(0, 5),
+    variant: 'top',
+    logo: {
+      text: 'TopNav'
+    }
+  }
+}`,...(W=(R=g.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var D,U,V;_.parameters={..._.parameters,docs:{...(D=_.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems.map(item => ({
+      ...item,
+      icon: undefined
+    })),
+    variant: 'minimal'
+  }
+}`,...(V=(U=_.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var G,Y,X;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'home',
+      label: 'Home',
+      icon: FiHome,
+      isActive: true
+    }, {
+      id: 'search',
+      label: 'Search',
+      icon: FiSearch
+    }, {
+      id: 'cart',
+      label: 'Cart',
+      icon: FiShoppingCart,
+      badge: 2
+    }, {
+      id: 'favorites',
+      label: 'Favorites',
+      icon: FiHeart
+    }, {
+      id: 'profile',
+      label: 'Profile',
+      icon: FiUsers
+    }],
+    variant: 'sidebar',
+    isMobile: true
+  }
+}`,...(X=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:X.source}}};var J,K,Q;x.parameters={...x.parameters,docs:{...(J=x.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'shop',
+      label: 'Shop',
+      icon: FiShoppingCart,
+      isActive: true
+    }, {
+      id: 'categories',
+      label: 'Categories',
+      icon: FiGrid,
+      children: [{
+        id: 'electronics',
+        label: 'Electronics'
+      }, {
+        id: 'clothing',
+        label: 'Clothing'
+      }, {
+        id: 'home',
+        label: 'Home & Garden'
+      }, {
+        id: 'sports',
+        label: 'Sports'
+      }]
+    }, {
+      id: 'trending',
+      label: 'Trending',
+      icon: FiTrendingUp,
+      badge: 'New'
+    }, {
+      id: 'wishlist',
+      label: 'Wishlist',
+      icon: FiHeart,
+      badge: 5
+    }, {
+      id: 'account',
+      label: 'Account',
+      icon: FiUsers
+    }],
+    variant: 'sidebar',
+    logo: {
+      text: 'ShopHub',
+      subtitle: 'Your Online Store'
+    }
+  }
+}`,...(Q=(K=x.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var Z,ee,ne;y.parameters={...y.parameters,docs:{...(Z=y.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'overview',
+      label: 'Overview',
+      icon: FiHome,
+      isActive: true
+    }, {
+      id: 'analytics',
+      label: 'Analytics',
+      icon: FiTrendingUp
+    }, {
+      id: 'projects',
+      label: 'Projects',
+      icon: FiFolder,
+      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: FiUsers,
+      children: [{
+        id: 'members',
+        label: 'Members'
+      }, {
+        id: 'roles',
+        label: 'Roles'
+      }, {
+        id: 'invites',
+        label: 'Invitations',
+        badge: 2
+      }]
+    }, {
+      id: 'messages',
+      label: 'Messages',
+      icon: FiMail,
+      badge: 7
+    }, {
+      id: 'integrations',
+      label: 'Integrations',
+      icon: FiLayers
+    }, {
+      id: 'settings',
+      label: 'Settings',
+      icon: FiSettings
+    }],
+    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>
+  }
+}`,...(ne=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var ae,te,ie;f.parameters={...f.parameters,docs:{...(ae=f.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'MyApp'
+    },
+    footer: <div style={{
+      padding: 'var(--spacing-sm)'
+    }}>
+                <button style={{
+        width: '100%',
+        padding: 'var(--spacing-sm)',
+        background: 'var(--color-primary)',
+        color: 'white',
+        border: 'none',
+        borderRadius: 'var(--radius-md)',
+        cursor: 'pointer',
+        fontWeight: 'var(--font-weight-semibold)'
+      }}>
+                    Sign Out
+                </button>
+            </div>
+  }
+}`,...(ie=(te=f.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var oe,se,re;I.parameters={...I.parameters,docs:{...(oe=I.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'Interactive',
+      subtitle: 'Click items to see console logs'
+    },
+    onItemClick: item => {
+      console.log('Clicked item:', item);
+      alert(\`You clicked: \${item.label}\`);
+    }
+  }
+}`,...(re=(se=I.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};const Mn=["SidebarDefault","SidebarWithImage","TopNavigation","MinimalNavigation","MobileBottomNav","ECommerceNav","DashboardNav","WithCustomFooter","InteractiveExample"];export{y as DashboardNav,x as ECommerceNav,I as InteractiveExample,_ as MinimalNavigation,h as MobileBottomNav,b as SidebarDefault,u as SidebarWithImage,g as TopNavigation,f as WithCustomFooter,Mn as __namedExportsOrder,Cn as default};

package/storybook-static/assets/NumberStepper-BVHPJutJ.css ADDED Viewed

@@ -0,0 +1 @@

+ ._container_9yae8_1{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-family-primary)}._header_9yae8_8{display:flex;align-items:center;gap:var(--spacing-sm)}._icon_9yae8_14{font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center}._label_9yae8_22{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}._stepper_9yae8_31{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xs);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}._stepper_9yae8_31:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._stepper_9yae8_31:hover:not(._disabled_9yae8_49 ._stepper_9yae8_31){border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}._button_9yae8_55{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-background-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}._button_9yae8_55:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-light);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}._button_9yae8_55:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}._button_9yae8_55:hover:not(:disabled):before{width:100%;height:100%}._button_9yae8_55:active:not(:disabled){transform:scale(.95)}._button_9yae8_55:disabled{opacity:.3;cursor:not-allowed}._buttonIcon_9yae8_103{width:16px;height:16px;position:relative;z-index:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}._valueContainer_9yae8_114{flex:1;min-width:60px;position:relative;height:36px;display:flex;align-items:center;justify-content:center}._valueWrapper_9yae8_124{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._value_9yae8_114{width:100%;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;border:none;outline:none;padding:0 var(--spacing-xs)}._value_9yae8_114:focus{color:var(--color-primary)}._limits_9yae8_150{display:flex;justify-content:space-between;padding:0 var(--spacing-xs);opacity:.6}._limit_9yae8_150{font-size:var(--font-size-xs);color:var(--color-text-secondary)}._small_9yae8_163 ._stepper_9yae8_31{padding:2px}._small_9yae8_163 ._button_9yae8_55{width:28px;height:28px}._small_9yae8_163 ._valueContainer_9yae8_114{min-width:48px;height:28px}._small_9yae8_163 ._value_9yae8_114{font-size:var(--font-size-base)}._small_9yae8_163 ._buttonIcon_9yae8_103{width:12px;height:12px;font-size:var(--font-size-lg)}._large_9yae8_187 ._stepper_9yae8_31{padding:var(--spacing-sm)}._large_9yae8_187 ._button_9yae8_55{width:44px;height:44px}._large_9yae8_187 ._valueContainer_9yae8_114{min-width:80px;height:44px}._large_9yae8_187 ._value_9yae8_114{font-size:var(--font-size-xl)}._large_9yae8_187 ._buttonIcon_9yae8_103{width:20px;height:20px;font-size:var(--font-size-2xl)}._outlined_9yae8_212 ._stepper_9yae8_31{background:transparent;border:2px solid var(--color-border)}._outlined_9yae8_212 ._button_9yae8_55{background:transparent}._outlined_9yae8_212 ._button_9yae8_55:hover:not(:disabled){background:var(--color-primary-light)}._filled_9yae8_225 ._stepper_9yae8_31{background:var(--color-primary);border-color:var(--color-primary)}._filled_9yae8_225 ._button_9yae8_55{background:#fff3;color:#fff}._filled_9yae8_225 ._value_9yae8_114{color:#fff}._filled_9yae8_225 ._button_9yae8_55:hover:not(:disabled){background:#ffffff4d}._disabled_9yae8_49{opacity:.5;pointer-events:none}._disabled_9yae8_49 ._stepper_9yae8_31,[data-theme=dark] ._stepper_9yae8_31{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._button_9yae8_55{background:var(--color-background-tertiary)}[data-theme=dark] ._button_9yae8_55:hover:not(:disabled){background:var(--color-primary)}[data-theme=dark] ._outlined_9yae8_212 ._stepper_9yae8_31{background:transparent}[data-theme=dark] ._filled_9yae8_225 ._stepper_9yae8_31{background:var(--color-primary-light)}@keyframes _pulse_9yae8_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){._valueContainer_9yae8_114{min-width:50px}}

package/storybook-static/assets/NumberStepper-BZGlrWCN.js ADDED Viewed

@@ -0,0 +1,30 @@
+import{r as u,j as a}from"./iframe-BUaP2gIF.js";import{m as N}from"./proxy-9Y4F2rF8.js";import{A as L}from"./index-CZs7_DA6.js";const W="_container_9yae8_1",A="_header_9yae8_8",B="_icon_9yae8_14",E="_label_9yae8_22",P="_stepper_9yae8_31",z="_disabled_9yae8_49",F="_button_9yae8_55",K="_buttonIcon_9yae8_103",U="_valueContainer_9yae8_114",$="_valueWrapper_9yae8_124",H="_value_9yae8_114",J="_limits_9yae8_150",Q="_limit_9yae8_150",R="_small_9yae8_163",X="_large_9yae8_187",G="_outlined_9yae8_212",O="_filled_9yae8_225",Y="_pulse_9yae8_1",n={container:W,header:A,icon:B,label:E,stepper:P,disabled:z,button:F,buttonIcon:K,valueContainer:U,valueWrapper:$,value:H,limits:J,limit:Q,small:R,large:X,outlined:G,filled:O,pulse:Y},Z=({value:t,onChange:i,min:s=-1/0,max:l=1/0,step:r=1,label:m,icon:y,disabled:o=!1,size:D="medium",variant:T="default",showPlusMinus:I=!1,allowKeyboard:x=!0,className:V=""})=>{const[b,j]=u.useState(!1),[v,k]=u.useState(!1),[c,p]=u.useState(t);u.useEffect(()=>{p(t)},[t]);const _=u.useCallback(()=>{if(o||t>=l)return;const e=Math.min(t+r,l);i(e),j(!0),setTimeout(()=>j(!1),200)},[t,i,l,r,o]),h=u.useCallback(()=>{if(o||t<=s)return;const e=Math.max(t-r,s);i(e),k(!0),setTimeout(()=>k(!1),200)},[t,i,s,r,o]),S=u.useCallback(e=>{if(!(!x||o))switch(e.key){case"ArrowUp":e.preventDefault(),_();break;case"ArrowDown":e.preventDefault(),h();break;case"PageUp":e.preventDefault();const d=Math.min(t+r*10,l);i(d);break;case"PageDown":e.preventDefault();const f=Math.max(t-r*10,s);i(f);break;case"Home":e.preventDefault(),s!==-1/0&&i(s);break;case"End":e.preventDefault(),l!==1/0&&i(l);break}},[x,o,_,h,t,r,s,l,i]),C=u.useCallback(e=>{const d=e.target.value;if(d===""||d==="-"){p(d);return}const f=parseFloat(d);isNaN(f)||p(f)},[]),q=u.useCallback(()=>{let e=typeof c=="string"?c===""||c==="-"?s:parseFloat(c):c;isNaN(e)&&(e=s),e=Math.max(s,Math.min(l,e)),r!==1&&(e=Math.round(e/r)*r),i(e),p(e)},[c,s,l,r,i]),M=[n.container,n[D],n[T],o&&n.disabled,V].filter(Boolean).join(" "),w=o||t<=s,g=o||t>=l;return a.jsxs("div",{className:M,children:[(m||y)&&a.jsxs("div",{className:n.header,children:[y&&a.jsx("span",{className:n.icon,children:y}),m&&a.jsx("label",{className:n.label,children:m})]}),a.jsxs("div",{className:n.stepper,onKeyDown:S,tabIndex:o?-1:0,children:[a.jsx(N.button,{className:n.button,onClick:h,disabled:w,whileTap:w?void 0:{scale:.9},animate:v?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:I?a.jsx("span",{className:n.buttonIcon,children:"−"}):a.jsx("svg",{className:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),a.jsx("div",{className:n.valueContainer,children:a.jsx(L,{mode:"wait",children:a.jsx(N.div,{initial:{y:b?10:v?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:b?-10:v?10:0,opacity:0},transition:{duration:.15},className:n.valueWrapper,children:a.jsx("input",{type:"text",className:n.value,value:c,onChange:C,onBlur:q,disabled:o,"aria-label":m||"Number input","aria-valuemin":s,"aria-valuemax":l,"aria-valuenow":t})},t)})}),a.jsx(N.button,{className:n.button,onClick:_,disabled:g,whileTap:g?void 0:{scale:.9},animate:b?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:I?a.jsx("span",{className:n.buttonIcon,children:"+"}):a.jsx("svg",{className:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(s!==-1/0||l!==1/0)&&a.jsxs("div",{className:n.limits,children:[a.jsx("span",{className:n.limit,children:s!==-1/0&&`Min: ${s}`}),a.jsx("span",{className:n.limit,children:l!==1/0&&`Max: ${l}`})]})]})};Z.__docgenInfo={description:`NumberStepper Component
+@component
+@description
+A number input component with increment and decrement controls.
+Supports keyboard navigation, min/max limits, and custom step values.
+@example
+// Basic usage
+<NumberStepper
+  value={count}
+  onChange={setCount}
+  min={0}
+  max={10}
+/>
+@example
+// With label and icon
+<NumberStepper
+  value={5}
+  onChange={(val) => setValue(val)}
+  min={0}
+  max={100}
+  step={5}
+  label="Quantity"
+  icon="📦"
+/>
+@param {NumberStepperProps} props - The props for the NumberStepper component
+@returns {JSX.Element} The rendered NumberStepper component`,methods:[],displayName:"NumberStepper",props:{value:{required:!0,tsType:{name:"number"},description:"Current value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum allowed value",defaultValue:{value:"-Infinity",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum allowed value",defaultValue:{value:"Infinity",computed:!0}},step:{required:!1,tsType:{name:"number"},description:"Step increment/decrement amount",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Label text"},icon:{required:!1,tsType:{name:"string"},description:"Icon or emoji to display"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the stepper is disabled",defaultValue:{value:"false",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size variant",defaultValue:{value:"'medium'",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'filled'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'filled'"}]},description:"Visual variant",defaultValue:{value:"'default'",computed:!1}},showPlusMinus:{required:!1,tsType:{name:"boolean"},description:"Show plus/minus icons instead of arrows",defaultValue:{value:"false",computed:!1}},allowKeyboard:{required:!1,tsType:{name:"boolean"},description:"Allow keyboard navigation",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom className",defaultValue:{value:"''",computed:!1}}}};export{Z as N};

package/storybook-static/assets/NumberStepper.stories-NZw7r4Oh.js ADDED Viewed

@@ -0,0 +1,127 @@
+import{j as r,r as v}from"./iframe-BUaP2gIF.js";import{N as n}from"./NumberStepper-BZGlrWCN.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9Y4F2rF8.js";import"./index-CZs7_DA6.js";const pe={title:"Atoms/NumberStepper",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{value:{control:{type:"number"},description:"Current value of the stepper"},onChange:{action:"changed",description:"Callback when value changes"},min:{control:{type:"number"},description:"Minimum allowed value"},max:{control:{type:"number"},description:"Maximum allowed value"},step:{control:{type:"number"},description:"Step increment/decrement amount"},label:{control:"text",description:"Label text for the stepper"},icon:{control:"text",description:"Icon or emoji to display"},disabled:{control:"boolean",description:"Whether the stepper is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant of the stepper"},variant:{control:{type:"select"},options:["default","outlined","filled"],description:"Visual variant of the stepper"},showPlusMinus:{control:"boolean",description:"Show plus/minus icons instead of arrows"},allowKeyboard:{control:"boolean",description:"Allow keyboard navigation"}}},a=e=>{const[f,h]=v.useState(e.value||0);return r.jsx(n,{...e,value:f,onChange:s=>{var t;h(s),(t=e.onChange)==null||t.call(e,s)}})},o={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:10,step:1}},l={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},i={render:e=>r.jsx(a,{...e}),args:{value:1,min:1,max:99,step:1,label:"Quantity",icon:"📦",showPlusMinus:!0}},p={render:e=>r.jsx(a,{...e}),args:{value:20,min:16,max:30,step:.5,label:"Temperature",icon:"🌡️",variant:"filled"}},c={render:e=>r.jsx(a,{...e}),args:{value:3,min:0,max:10,step:1,size:"small",label:"Small"}},m={render:e=>r.jsx(a,{...e}),args:{value:50,min:0,max:100,step:10,size:"large",label:"Large",icon:"🎯"}},u={render:e=>r.jsx(a,{...e}),args:{value:25,min:0,max:100,step:5,variant:"outlined",label:"Progress",icon:"📊"}},d={render:e=>r.jsx(a,{...e}),args:{value:7,min:1,max:10,step:1,variant:"filled",label:"Rating",icon:"⭐"}},g={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:10,step:1,disabled:!0,label:"Disabled"}},b={render:e=>r.jsx(a,{...e}),args:{value:0,step:1,label:"Unlimited",icon:"♾️"}},x={render:e=>r.jsx(a,{...e}),args:{value:1.5,min:0,max:5,step:.1,label:"Decimal",icon:"🔢"}},S={render:()=>{const[e,f]=v.useState(0),[h,s]=v.useState(0),[t,ne]=v.useState(7);return r.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[r.jsx(n,{value:e,onChange:f,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),r.jsx(n,{value:h,onChange:s,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),r.jsx(n,{value:t,onChange:ne,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}};var N,W,j;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 5,
+    min: 0,
+    max: 10,
+    step: 1
+  }
+}`,...(j=(W=o.parameters)==null?void 0:W.docs)==null?void 0:j.source}}};var y,C,w;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 5,
+    min: 0,
+    max: 100,
+    step: 1,
+    label: 'Cigarettes',
+    icon: '🚬'
+  }
+}`,...(w=(C=l.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};var D,z,L;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 1,
+    min: 1,
+    max: 99,
+    step: 1,
+    label: 'Quantity',
+    icon: '📦',
+    showPlusMinus: true
+  }
+}`,...(L=(z=i.parameters)==null?void 0:z.docs)==null?void 0:L.source}}};var E,T,M;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 20,
+    min: 16,
+    max: 30,
+    step: 0.5,
+    label: 'Temperature',
+    icon: '🌡️',
+    variant: 'filled'
+  }
+}`,...(M=(T=p.parameters)==null?void 0:T.docs)==null?void 0:M.source}}};var P,V,k;c.parameters={...c.parameters,docs:{...(P=c.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 3,
+    min: 0,
+    max: 10,
+    step: 1,
+    size: 'small',
+    label: 'Small'
+  }
+}`,...(k=(V=c.parameters)==null?void 0:V.docs)==null?void 0:k.source}}};var A,H,Q;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 50,
+    min: 0,
+    max: 100,
+    step: 10,
+    size: 'large',
+    label: 'Large',
+    icon: '🎯'
+  }
+}`,...(Q=(H=m.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var I,O,R;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 25,
+    min: 0,
+    max: 100,
+    step: 5,
+    variant: 'outlined',
+    label: 'Progress',
+    icon: '📊'
+  }
+}`,...(R=(O=u.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};var F,G,U;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 7,
+    min: 1,
+    max: 10,
+    step: 1,
+    variant: 'filled',
+    label: 'Rating',
+    icon: '⭐'
+  }
+}`,...(U=(G=d.parameters)==null?void 0:G.docs)==null?void 0:U.source}}};var _,K,q;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 5,
+    min: 0,
+    max: 10,
+    step: 1,
+    disabled: true,
+    label: 'Disabled'
+  }
+}`,...(q=(K=g.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var B,J,X;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 0,
+    step: 1,
+    label: 'Unlimited',
+    icon: '♾️'
+  }
+}`,...(X=(J=b.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var Y,Z,$;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  render: args => <NumberStepperWrapper {...args} />,
+  args: {
+    value: 1.5,
+    min: 0,
+    max: 5,
+    step: 0.1,
+    label: 'Decimal',
+    icon: '🔢'
+  }
+}`,...($=(Z=x.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ae;S.parameters={...S.parameters,docs:{...(ee=S.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  render: () => {
+    const [water, setWater] = useState(0);
+    const [exercise, setExercise] = useState(0);
+    const [sleep, setSleep] = useState(7);
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '20px'
+    }}>
+                <NumberStepper value={water} onChange={setWater} min={0} max={10} step={1} label="Glasses of Water" icon="💧" variant="filled" />
+                <NumberStepper value={exercise} onChange={setExercise} min={0} max={120} step={15} label="Exercise (minutes)" icon="🏃" variant="outlined" />
+                <NumberStepper value={sleep} onChange={setSleep} min={0} max={12} step={0.5} label="Hours of Sleep" icon="😴" />
+            </div>;
+  }
+}`,...(ae=(re=S.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};const ce=["Default","WithLabelAndIcon","QuantitySelector","TemperatureControl","SmallSize","LargeSize","OutlinedVariant","FilledVariant","Disabled","NoLimits","DecimalStep","HabitTracking"];export{x as DecimalStep,o as Default,g as Disabled,d as FilledVariant,S as HabitTracking,m as LargeSize,b as NoLimits,u as OutlinedVariant,i as QuantitySelector,c as SmallSize,p as TemperatureControl,l as WithLabelAndIcon,ce as __namedExportsOrder,pe as default};

package/storybook-static/assets/PieChart-OfDGlJ4g.css ADDED Viewed

@@ -0,0 +1 @@

+ ._container_10542_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}._title_10542_7{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}._chartContainer_10542_15{display:flex;gap:var(--spacing-4xl);align-items:flex-start}._chart_10542_15{display:block;flex-shrink:0}._legend_10542_26{flex:1;min-width:200px}._legendItem_10542_31{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:var(--transition-base)}._legendItem_10542_31:hover{background:var(--color-surface-hover)}._legendColor_10542_45{width:16px;height:16px;border-radius:var(--radius-full);flex-shrink:0}._legendLabel_10542_52{flex:1;font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}._legendValue_10542_59{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}._tooltip_10542_65{background:var(--color-background);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000}._tooltip_10542_65 div{margin:var(--spacing-xs) 0}._tooltip_10542_65 strong{color:var(--color-primary)}@media (max-width: 768px){._chartContainer_10542_15{flex-direction:column;gap:var(--space-4)}._legend_10542_26{min-width:auto}}