@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/ThemeSwitcher.stories-Bj0YQKM5.js

@@ -1,62 +0,0 @@
-import{r as p,j as e}from"./iframe-B8pH-Lvr.js";import{m as l}from"./proxy-BA3VZtN5.js";import{M as L,S}from"./sun-DgDhCM_S.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";import"./createLucideIcon-BNUG5osq.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:o,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],w=(a.indexOf(i)+1)%a.length;v(a[w])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=w=>{localStorage.getItem(s)||g(w.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[s]),e.jsx(U.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};X.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",re="_toggleThumb_2917u_53",oe="_dropdown_2917u_65",se="_dropdownTrigger_2917u_69",ne="_dropdownMenu_2917u_87",le="_dropdownItem_2917u_106",ie="_active_2917u_124",de="_icon_2917u_20",ce="_text_2917u_144",r={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:re,dropdown:oe,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:o="button",showLabel:m=!1,className:s="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=Y(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(S,{})},{value:"dark",label:"Dark",icon:e.jsx(L,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${r.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(L,{size:14}):e.jsx(S,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${s}`,children:[e.jsxs(l.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(l.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(l.button,{className:`${r.button} ${s}`,onClick:()=>{const t=(j+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(l.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const me=({children:o})=>e.jsx(X,{defaultTheme:"light",children:o}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(me,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},b={args:{variant:"button",showLabel:!1}},x={args:{variant:"button",showLabel:!0}},f={args:{variant:"toggle",showLabel:!1}},T={args:{variant:"toggle",showLabel:!0}},k={args:{variant:"dropdown",showLabel:!1}},_={args:{variant:"dropdown",showLabel:!0}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: false
-  }
-}`,...(D=(N=b.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var V,B,C;x.parameters={...x.parameters,docs:{...(V=x.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: true
-  }
-}`,...(C=(B=x.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var M,W,q;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: false
-  }
-}`,...(q=(W=f.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var $,E,O;T.parameters={...T.parameters,docs:{...($=T.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: true
-  }
-}`,...(O=(E=T.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var R,P,z;k.parameters={...k.parameters,docs:{...(R=k.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: false
-  }
-}`,...(z=(P=k.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var A,H,Q;_.parameters={..._.parameters,docs:{...(A=_.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: true
-  }
-}`,...(Q=(H=_.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var F,G,J;y.parameters={...y.parameters,docs:{...(F=y.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '2rem',
-    alignItems: 'center'
-  }}>
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Button Variant</h3>
-                <ThemeSwitcher variant="button" showLabel />
-            </div>
-            
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Toggle Variant</h3>
-                <ThemeSwitcher variant="toggle" showLabel />
-            </div>
-            
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Dropdown Variant</h3>
-                <ThemeSwitcher variant="dropdown" showLabel />
-            </div>
-        </div>
-}`,...(J=(G=y.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const xe=["Button","ButtonWithLabel","Toggle","ToggleWithLabel","Dropdown","DropdownWithLabel","MultipleVariants"];export{b as Button,x as ButtonWithLabel,k as Dropdown,_ as DropdownWithLabel,y as MultipleVariants,f as Toggle,T as ToggleWithLabel,xe as __namedExportsOrder,be as default};

package/storybook-static/assets/TimeInput-C3enPYoV.css

@@ -1 +0,0 @@
-._modalOverlay_1ux3k_2{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1ux3k_1 .2s ease}@keyframes _fadeIn_1ux3k_1{0%{opacity:0}to{opacity:1}}._modalContent_1ux3k_22{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:_slideUp_1ux3k_1 .3s ease}@keyframes _slideUp_1ux3k_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_1ux3k_45{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}._modalHeader_1ux3k_45 h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}._closeButton_1ux3k_59{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}._closeButton_1ux3k_59:hover{background:var(--color-background-secondary);color:var(--color-text)}._timeDisplay_1ux3k_77{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);padding:var(--spacing-lg);color:var(--color-primary);font-family:SF Mono,Monaco,monospace;letter-spacing:.1em}._pickerContainer_1ux3k_87{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg);justify-content:center;align-items:center}._pickerColumn_1ux3k_95{flex:1;max-width:150px}._pickerLabel_1ux3k_100{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}._pickerScroll_1ux3k_109{height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);background:var(--color-background-secondary)}._pickerScroll_1ux3k_109::-webkit-scrollbar{width:6px}._pickerScroll_1ux3k_109::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:3px}._pickerScroll_1ux3k_109::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}._pickerScroll_1ux3k_109::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._pickerItem_1ux3k_136{display:block;width:100%;padding:var(--spacing-sm);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-base);border-radius:var(--radius-sm)}._pickerItem_1ux3k_136:hover{background:var(--color-background-tertiary)}._pickerItem_1ux3k_136._selected_1ux3k_153{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}._pickerDivider_1ux3k_159{font-size:var(--font-size-2xl);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);padding:0 var(--spacing-sm)}._modalActions_1ux3k_166{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}._cancelButton_1ux3k_173,._confirmButton_1ux3k_174{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none}._cancelButton_1ux3k_173{background:var(--color-background-secondary);color:var(--color-text)}._cancelButton_1ux3k_173:hover{background:var(--color-background-tertiary)}._confirmButton_1ux3k_174{background:var(--color-primary);color:#fff}._confirmButton_1ux3k_174:hover{background:var(--color-primary-hover)}[data-theme=dark] ._modalContent_1ux3k_22{background:var(--color-background-secondary)}@media (max-width: 768px){._modalContent_1ux3k_22{width:95%;max-width:none}._pickerScroll_1ux3k_109{height:150px}}._timeInput_1yluz_1{margin-bottom:var(--spacing-lg)}._label_1yluz_5{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide)}._required_1yluz_14{color:var(--color-error);margin-left:4px}._inputWrapper_1yluz_19{position:relative;display:flex;align-items:stretch;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);min-height:44px}._inputWrapper_1yluz_19:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._inputWrapper_1yluz_19:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}._textInput_1yluz_41{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-lg);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;color:var(--color-text);outline:none;min-height:44px}._textInput_1yluz_41::placeholder{color:var(--color-text-secondary);opacity:.6}._clockButton_1yluz_58{display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;color:#fff;cursor:pointer;padding:0;min-width:44px;width:44px;height:auto;flex-shrink:0;transition:background var(--transition-base)}._clockButton_1yluz_58:hover:not(:disabled){background:var(--color-primary-hover)}._clockButton_1yluz_58:active:not(:disabled){transform:scale(.95)}._clockButton_1yluz_58:disabled{opacity:.5;cursor:not-allowed}._error_1yluz_88 ._inputWrapper_1yluz_19{border-color:var(--color-error)}._error_1yluz_88 ._label_1yluz_5{color:var(--color-error)}._success_1yluz_97 ._inputWrapper_1yluz_19{border-color:var(--color-success)}._loading_1yluz_102 ._inputWrapper_1yluz_19{position:relative;overflow:hidden}._loading_1yluz_102 ._inputWrapper_1yluz_19:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_1yluz_1 2s infinite;pointer-events:none}@keyframes _shimmer_1yluz_1{to{left:100%}}._disabled_1yluz_131 ._inputWrapper_1yluz_19{background:var(--color-background-tertiary);cursor:not-allowed}._disabled_1yluz_131 ._textInput_1yluz_41{color:var(--color-text-tertiary);cursor:not-allowed}[data-theme=dark] ._inputWrapper_1yluz_19{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_1yluz_19:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}@media (max-width: 768px){._textInput_1yluz_41{font-size:var(--font-size-xl)}._clockButton_1yluz_58{min-width:48px;height:48px}}

package/storybook-static/assets/TimeInput.stories-Cd28zwwR.js

@@ -1,55 +0,0 @@
-import{r as S,j as e}from"./iframe-B8pH-Lvr.js";import{X as ae}from"./x-BC8LCdn9.js";import{c as ne}from"./createLucideIcon-BNUG5osq.js";import"./preload-helper-C1FmrZbK.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 oe=[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],le=ne("clock",oe),ce="_modalOverlay_1ux3k_2",ie="_modalContent_1ux3k_22",ue="_modalHeader_1ux3k_45",de="_closeButton_1ux3k_59",me="_timeDisplay_1ux3k_77",pe="_pickerContainer_1ux3k_87",ge="_pickerColumn_1ux3k_95",he="_pickerLabel_1ux3k_100",_e="_pickerScroll_1ux3k_109",fe="_pickerItem_1ux3k_136",ke="_selected_1ux3k_153",xe="_pickerDivider_1ux3k_159",be="_modalActions_1ux3k_166",ve="_cancelButton_1ux3k_173",Ce="_confirmButton_1ux3k_174",r={modalOverlay:ce,modalContent:ie,modalHeader:ue,closeButton:de,timeDisplay:me,pickerContainer:pe,pickerColumn:ge,pickerLabel:he,pickerScroll:_e,pickerItem:fe,selected:ke,pickerDivider:xe,modalActions:be,cancelButton:ve,confirmButton:Ce};function U({isOpen:y,onClose:i,value:l,onChange:N}){const[j,q]=l?l.split(":").map(Number):[12,0],[m,g]=S.useState(j),[c,u]=S.useState(q);S.useEffect(()=>{if(l){const[n,s]=l.split(":").map(Number);g(n),u(s)}},[l]);const h=()=>{const n=m.toString().padStart(2,"0"),s=c.toString().padStart(2,"0");N(`${n}:${s}`),i()};return y?e.jsx("div",{className:r.modalOverlay,onClick:i,children:e.jsxs("div",{className:r.modalContent,onClick:n=>n.stopPropagation(),children:[e.jsxs("div",{className:r.modalHeader,children:[e.jsx("h3",{children:"Select Time"}),e.jsx("button",{className:r.closeButton,onClick:i,"aria-label":"Close",children:e.jsx(ae,{})})]}),e.jsxs("div",{className:r.timeDisplay,children:[m.toString().padStart(2,"0"),":",c.toString().padStart(2,"0")]}),e.jsxs("div",{className:r.pickerContainer,children:[e.jsxs("div",{className:r.pickerColumn,children:[e.jsx("div",{className:r.pickerLabel,children:"Hours"}),e.jsx("div",{className:r.pickerScroll,children:Array.from({length:24},(n,s)=>e.jsx("button",{className:`${r.pickerItem} ${m===s?r.selected:""}`,onClick:()=>g(s),children:s.toString().padStart(2,"0")},s))})]}),e.jsx("div",{className:r.pickerDivider,children:":"}),e.jsxs("div",{className:r.pickerColumn,children:[e.jsx("div",{className:r.pickerLabel,children:"Minutes"}),e.jsx("div",{className:r.pickerScroll,children:Array.from({length:60},(n,s)=>e.jsx("button",{className:`${r.pickerItem} ${c===s?r.selected:""}`,onClick:()=>u(s),children:s.toString().padStart(2,"0")},s))})]})]}),e.jsxs("div",{className:r.modalActions,children:[e.jsx("button",{className:r.cancelButton,onClick:i,children:"Cancel"}),e.jsx("button",{className:r.confirmButton,onClick:h,children:"Confirm"})]})]})}):null}U.__docgenInfo={description:"",methods:[],displayName:"TimePickerModal",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(time: string) => void",signature:{arguments:[{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:""}}};const Se="_timeInput_1yluz_1",ye="_label_1yluz_5",Ne="_required_1yluz_14",je="_inputWrapper_1yluz_19",qe="_textInput_1yluz_41",Ie="_clockButton_1yluz_58",Te="_error_1yluz_88",Be="_success_1yluz_97",De="_loading_1yluz_102",Me="_disabled_1yluz_131",o={timeInput:Se,label:ye,required:Ne,inputWrapper:je,textInput:qe,clockButton:Ie,error:Te,success:Be,loading:De,disabled:Me};function Y({label:y,value:i,onChange:l,placeholder:N="14:30",onFocus:j,onBlur:q,error:m=!1,success:g=!1,loading:c=!1,disabled:u=!1,required:h=!1,className:n=""}){const[s,I]=S.useState(!1),Z=a=>{if(!a)return"";let t=a.replace(/[^\d:]/g,"");if((t.match(/:/g)||[]).length>1&&(t=t.replace(/:/g,""),t.length>=3&&(t=t.substring(0,2)+":"+t.substring(2))),(t.length===3&&!t.includes(":")||t.length===4&&!t.includes(":"))&&(t=t.substring(0,2)+":"+t.substring(2)),t.includes(":")){const T=t.split(":");let p=T[0],d=T[1]||"";p=p.substring(0,2),p.length===2&&parseInt(p)>23&&(p="23"),d=d.substring(0,2),d.length===2&&parseInt(d)>59&&(d="59"),t=p+(d.length>0?":"+d:":")}return t.substring(0,5)},ee=a=>{const t=Z(a);l(t)},te=()=>{!u&&!c&&I(!0)},re=()=>{const a=[o.timeInput];return m&&a.push(o.error),g&&a.push(o.success),c&&a.push(o.loading),u&&a.push(o.disabled),n&&a.push(n),a.join(" ")};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:re(),children:[e.jsxs("label",{className:o.label,children:[y,h&&e.jsx("span",{className:o.required,children:"*"})]}),e.jsxs("div",{className:o.inputWrapper,children:[e.jsx("input",{type:"text",value:i,onChange:a=>ee(a.target.value),onFocus:j,onBlur:q,placeholder:N,className:o.textInput,maxLength:5,disabled:u||c,"aria-invalid":m,"aria-required":h,inputMode:"numeric",pattern:"[0-9:]*"}),e.jsx("button",{type:"button",onClick:te,className:o.clockButton,title:"Open time picker",disabled:u||c,"aria-label":"Open time picker",children:e.jsx(le,{size:20})})]})]}),e.jsx(U,{isOpen:s,onClose:()=>I(!1),value:i,onChange:l})]})}Y.__docgenInfo={description:"",methods:[],displayName:"TimeInput",props:{placeholder:{defaultValue:{value:'"14:30"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};const Oe={title:"Molecules/TimeInput",component:Y,parameters:{layout:"centered",docs:{description:{component:"A time picker component with both manual text input and native time picker support. Formats time in 24-hour format."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the time input"},value:{control:"text",description:"Current time value in HH:MM format"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},_={args:{label:"Meeting Time",value:"",placeholder:"14:30",onChange:()=>{}}},f={args:{label:"Appointment Time",value:"09:30",placeholder:"14:30",onChange:()=>{}}},k={args:{label:"Error State",value:"25:00",onChange:()=>{},error:!0}},x={args:{label:"Success State",value:"14:30",onChange:()=>{},success:!0}},b={args:{label:"Loading State",value:"14:30",onChange:()=>{},loading:!0}},v={args:{label:"Disabled State",value:"14:30",onChange:()=>{},disabled:!0}},C={args:{label:"Required Field",value:"",onChange:()=>{},required:!0}};var B,D,M;_.parameters={..._.parameters,docs:{...(B=_.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    label: 'Meeting Time',
-    value: '',
-    placeholder: '14:30',
-    onChange: () => {}
-  }
-}`,...(M=(D=_.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var L,z,H;f.parameters={...f.parameters,docs:{...(L=f.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  args: {
-    label: 'Appointment Time',
-    value: '09:30',
-    placeholder: '14:30',
-    onChange: () => {}
-  }
-}`,...(H=(z=f.parameters)==null?void 0:z.docs)==null?void 0:H.source}}};var W,A,O;k.parameters={...k.parameters,docs:{...(W=k.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    label: 'Error State',
-    value: '25:00',
-    onChange: () => {},
-    error: true
-  }
-}`,...(O=(A=k.parameters)==null?void 0:A.docs)==null?void 0:O.source}}};var V,E,$;x.parameters={...x.parameters,docs:{...(V=x.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    label: 'Success State',
-    value: '14:30',
-    onChange: () => {},
-    success: true
-  }
-}`,...($=(E=x.parameters)==null?void 0:E.docs)==null?void 0:$.source}}};var P,w,F;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    label: 'Loading State',
-    value: '14:30',
-    onChange: () => {},
-    loading: true
-  }
-}`,...(F=(w=b.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var R,X,G;v.parameters={...v.parameters,docs:{...(R=v.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    label: 'Disabled State',
-    value: '14:30',
-    onChange: () => {},
-    disabled: true
-  }
-}`,...(G=(X=v.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var J,K,Q;C.parameters={...C.parameters,docs:{...(J=C.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    label: 'Required Field',
-    value: '',
-    onChange: () => {},
-    required: true
-  }
-}`,...(Q=(K=C.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};const Ve=["Default","WithValue","WithError","WithSuccess","Loading","Disabled","Required"];export{_ as Default,v as Disabled,b as Loading,C as Required,k as WithError,x as WithSuccess,f as WithValue,Ve as __namedExportsOrder,Oe as default};

package/storybook-static/assets/Toggle.stories-DtqFmh3E.js

@@ -1,199 +0,0 @@
-import{j as e,r as h}from"./iframe-B8pH-Lvr.js";import{T as a}from"./Toggle-BntWdyUe.js";import{S as o,M as r}from"./sun-DgDhCM_S.js";import{c as J}from"./createLucideIcon-BNUG5osq.js";import{L as F}from"./layout-grid-TssXYNzv.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.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 K=[["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 18h.01",key:"1tta3j"}],["path",{d:"M3 6h.01",key:"1rqtza"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 18h13",key:"1lx6n3"}],["path",{d:"M8 6h13",key:"ik3vkj"}]],H=J("list",K),ae={title:"Atoms/Toggle",component:a,parameters:{layout:"centered",docs:{description:{component:"A two-state toggle button component with optional labels and icons."}}},tags:["autodocs"],argTypes:{isOn:{control:"boolean",description:"Current state of the toggle"},leftLabel:{control:"text",description:"Label for the left (off) state"},rightLabel:{control:"text",description:"Label for the right (on) state"},onToggle:{action:"toggled"}}},l={args:{isOn:!1,leftLabel:"Off",rightLabel:"On",onToggle:()=>{}}},i={args:{isOn:!1,onToggle:()=>{}}},g={args:{isOn:!1,leftIcon:e.jsx(r,{}),rightIcon:e.jsx(o,{}),onToggle:()=>{}}},c={args:{isOn:!1,leftLabel:"Light",rightLabel:"Dark",leftIcon:e.jsx(o,{}),rightIcon:e.jsx(r,{}),onToggle:()=>{}}},d={args:{isOn:!1,leftLabel:"Grid",rightLabel:"List",leftIcon:e.jsx(F,{}),rightIcon:e.jsx(H,{}),onToggle:()=>{}}},f={args:{isOn:!1,leftLabel:"Disabled",rightLabel:"Enabled",onToggle:()=>{}},render:()=>{const[t,s]=h.useState(!1);return e.jsx(a,{isOn:t,onToggle:s,leftLabel:"Disabled",rightLabel:"Enabled"})}},m={args:{isOn:!1,leftLabel:"Light",rightLabel:"Dark",leftIcon:e.jsx(o,{}),rightIcon:e.jsx(r,{}),onToggle:()=>{}},render:()=>{const[t,s]=h.useState(!1);return e.jsxs("div",{style:{padding:"2rem",background:t?"#1a1a1a":"#ffffff",color:t?"#ffffff":"#000000",borderRadius:"8px",transition:"all 0.3s ease"},children:[e.jsx("h3",{style:{marginBottom:"1rem"},children:"Theme Switcher"}),e.jsx(a,{isOn:t,onToggle:s,leftLabel:"Light",rightLabel:"Dark",leftIcon:e.jsx(o,{}),rightIcon:e.jsx(r,{})}),e.jsxs("p",{style:{marginTop:"1rem"},children:["Current theme: ",t?"Dark":"Light"]})]})},parameters:{controls:{disable:!0}}},p={args:{isOn:!1,leftLabel:"Small",rightLabel:"Large",onToggle:()=>{}},render:()=>{const[t,s]=h.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem"},children:"Custom Size with Style Prop"}),e.jsx(a,{isOn:t,onToggle:s,leftLabel:"Small",rightLabel:"Large",style:{fontSize:"18px",padding:"16px 20px",minWidth:"200px"}})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem"},children:"Custom Class Name"}),e.jsx(a,{isOn:t,onToggle:s,leftLabel:"Custom",rightLabel:"Styled",className:"custom-toggle-class"})]})]})},parameters:{controls:{disable:!0}}},u={args:{isOn:!1,leftLabel:"Off",rightLabel:"On",onToggle:()=>{}},render:()=>{const[t,s]=h.useState({notifications:!0,darkMode:!1,autoSave:!0,compactView:!1});return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",minWidth:"300px"},children:[e.jsx("span",{children:"Notifications"}),e.jsx(a,{isOn:t.notifications,onToggle:n=>s({...t,notifications:n}),leftLabel:"Off",rightLabel:"On"})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{children:"Dark Mode"}),e.jsx(a,{isOn:t.darkMode,onToggle:n=>s({...t,darkMode:n}),leftIcon:e.jsx(o,{}),rightIcon:e.jsx(r,{})})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{children:"Auto Save"}),e.jsx(a,{isOn:t.autoSave,onToggle:n=>s({...t,autoSave:n}),leftLabel:"Manual",rightLabel:"Auto"})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{children:"View Mode"}),e.jsx(a,{isOn:t.compactView,onToggle:n=>s({...t,compactView:n}),leftIcon:e.jsx(F,{}),rightIcon:e.jsx(H,{}),leftLabel:"Grid",rightLabel:"List",style:{fontSize:"14px"}})]})]})},parameters:{controls:{disable:!0}}};var b,L,x;l.parameters={...l.parameters,docs:{...(b=l.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Off',
-    rightLabel: 'On',
-    onToggle: () => {}
-  }
-}`,...(x=(L=l.parameters)==null?void 0:L.docs)==null?void 0:x.source}}};var y,O,T;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    onToggle: () => {}
-  }
-}`,...(T=(O=i.parameters)==null?void 0:O.docs)==null?void 0:T.source}}};var S,I,j;g.parameters={...g.parameters,docs:{...(S=g.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftIcon: <Moon />,
-    rightIcon: <Sun />,
-    onToggle: () => {}
-  }
-}`,...(j=(I=g.parameters)==null?void 0:I.docs)==null?void 0:j.source}}};var v,k,D;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Light',
-    rightLabel: 'Dark',
-    leftIcon: <Sun />,
-    rightIcon: <Moon />,
-    onToggle: () => {}
-  }
-}`,...(D=(k=c.parameters)==null?void 0:k.docs)==null?void 0:D.source}}};var M,w,C;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Grid',
-    rightLabel: 'List',
-    leftIcon: <LayoutGrid />,
-    rightIcon: <List />,
-    onToggle: () => {}
-  }
-}`,...(C=(w=d.parameters)==null?void 0:w.docs)==null?void 0:C.source}}};var z,V,W;f.parameters={...f.parameters,docs:{...(z=f.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Disabled',
-    rightLabel: 'Enabled',
-    onToggle: () => {}
-  },
-  render: () => {
-    const [isOn, setIsOn] = useState(false);
-    return <Toggle isOn={isOn} onToggle={setIsOn} leftLabel="Disabled" rightLabel="Enabled" />;
-  }
-}`,...(W=(V=f.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};var A,E,G;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Light',
-    rightLabel: 'Dark',
-    leftIcon: <Sun />,
-    rightIcon: <Moon />,
-    onToggle: () => {}
-  },
-  render: () => {
-    const [isDark, setIsDark] = useState(false);
-    return <div style={{
-      padding: '2rem',
-      background: isDark ? '#1a1a1a' : '#ffffff',
-      color: isDark ? '#ffffff' : '#000000',
-      borderRadius: '8px',
-      transition: 'all 0.3s ease'
-    }}>
-                <h3 style={{
-        marginBottom: '1rem'
-      }}>Theme Switcher</h3>
-                <Toggle isOn={isDark} onToggle={setIsDark} leftLabel="Light" rightLabel="Dark" leftIcon={<Sun />} rightIcon={<Moon />} />
-                <p style={{
-        marginTop: '1rem'
-      }}>
-                    Current theme: {isDark ? 'Dark' : 'Light'}
-                </p>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(G=(E=m.parameters)==null?void 0:E.docs)==null?void 0:G.source}}};var N,B,_;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Small',
-    rightLabel: 'Large',
-    onToggle: () => {}
-  },
-  render: () => {
-    const [isOn, setIsOn] = useState(false);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '2rem',
-      alignItems: 'center'
-    }}>
-                <div>
-                    <h4 style={{
-          marginBottom: '1rem'
-        }}>Custom Size with Style Prop</h4>
-                    <Toggle isOn={isOn} onToggle={setIsOn} leftLabel="Small" rightLabel="Large" style={{
-          fontSize: '18px',
-          padding: '16px 20px',
-          minWidth: '200px'
-        }} />
-                </div>
-                <div>
-                    <h4 style={{
-          marginBottom: '1rem'
-        }}>Custom Class Name</h4>
-                    <Toggle isOn={isOn} onToggle={setIsOn} leftLabel="Custom" rightLabel="Styled" className="custom-toggle-class" />
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(_=(B=p.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var R,P,q;u.parameters={...u.parameters,docs:{...(R=u.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    isOn: false,
-    leftLabel: 'Off',
-    rightLabel: 'On',
-    onToggle: () => {}
-  },
-  render: () => {
-    const [settings, setSettings] = useState({
-      notifications: true,
-      darkMode: false,
-      autoSave: true,
-      compactView: false
-    });
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '1rem'
-    }}>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        minWidth: '300px'
-      }}>
-                    <span>Notifications</span>
-                    <Toggle isOn={settings.notifications} onToggle={value => setSettings({
-          ...settings,
-          notifications: value
-        })} leftLabel="Off" rightLabel="On" />
-                </div>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center'
-      }}>
-                    <span>Dark Mode</span>
-                    <Toggle isOn={settings.darkMode} onToggle={value => setSettings({
-          ...settings,
-          darkMode: value
-        })} leftIcon={<Sun />} rightIcon={<Moon />} />
-                </div>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center'
-      }}>
-                    <span>Auto Save</span>
-                    <Toggle isOn={settings.autoSave} onToggle={value => setSettings({
-          ...settings,
-          autoSave: value
-        })} leftLabel="Manual" rightLabel="Auto" />
-                </div>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center'
-      }}>
-                    <span>View Mode</span>
-                    <Toggle isOn={settings.compactView} onToggle={value => setSettings({
-          ...settings,
-          compactView: value
-        })} leftIcon={<LayoutGrid />} rightIcon={<List />} leftLabel="Grid" rightLabel="List" style={{
-          fontSize: '14px'
-        }} />
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(q=(P=u.parameters)==null?void 0:P.docs)==null?void 0:q.source}}};const ne=["Default","WithoutLabels","WithIcons","WithLabelsAndIcons","ViewToggle","Interactive","ThemeToggle","CustomStyling","MultipleToggles"];export{p as CustomStyling,l as Default,f as Interactive,u as MultipleToggles,m as ThemeToggle,d as ViewToggle,g as WithIcons,c as WithLabelsAndIcons,i as WithoutLabels,ne as __namedExportsOrder,ae as default};

package/storybook-static/assets/ToggleButton.stories-DkN_4qpp.js

@@ -1,163 +0,0 @@
-import{j as e,r as o}from"./iframe-B8pH-Lvr.js";import{T as a}from"./ToggleButton-BQqJdlB_.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";import"./index-DBfrIdYd.js";const ue={title:"Atoms/ToggleButton",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{active:{control:"boolean",description:"Whether the button is active/selected"},onClick:{action:"clicked",description:"Click handler"},icon:{control:"text",description:"Icon or emoji to display"},label:{control:"text",description:"Label text"},disabled:{control:"boolean",description:"Whether the button is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant"},variant:{control:{type:"select"},options:["default","outlined","filled","ghost"],description:"Visual variant"},activeColor:{control:{type:"select"},options:["primary","secondary","success","danger","warning"],description:"Color when active"},color:{control:"color",description:"Custom color for border/background when active"},showCheckmark:{control:"boolean",description:"Show a checkmark when active"},animation:{control:{type:"select"},options:["scale","rotate","flip","none"],description:"Animation type for state change"},tooltip:{control:"text",description:"Tooltip text"},hideLabelOnMobile:{control:"boolean",description:"Whether to hide the label on mobile"}}},w=t=>{const[l,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:l,onClick:()=>{var n;s(!l),(n=t.onClick)==null||n.call(t)}})},p={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},g={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},v={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🐘",label:"Large",size:"large"})]})}},f={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"👻",label:"Ghost",variant:"ghost"})]})}},C={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⏸️",label:"None",animation:"none"})]})}},S={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:"12px",maxWidth:"600px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"😢",label:"Sad",color:"#3b82f6"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"😕",label:"Meh",color:"#8b5cf6"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"😐",label:"Neutral",color:"#6b7280"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🙂",label:"Good",color:"#10b981"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"😁",label:"Great",color:"#f59e0b"})]})}},x={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))",gap:"12px",maxWidth:"400px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},b={render:t=>e.jsx(w,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},y={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var T,j,B;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  render: args => <ToggleButtonWrapper {...args} />,
-  args: {
-    active: false,
-    icon: '🦷',
-    label: 'Teeth'
-  }
-}`,...(B=(j=p.parameters)==null?void 0:j.docs)==null?void 0:B.source}}};var W,M,D;g.parameters={...g.parameters,docs:{...(W=g.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  render: args => <ToggleButtonWrapper {...args} />,
-  args: {
-    active: false,
-    icon: '✅',
-    label: 'Complete',
-    showCheckmark: true
-  }
-}`,...(D=(M=g.parameters)==null?void 0:M.docs)==null?void 0:D.source}}};var F,O,z;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  render: () => {
-    const [small, setSmall] = useState(false);
-    const [medium, setMedium] = useState(false);
-    const [large, setLarge] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '16px',
-      alignItems: 'center'
-    }}>
-                <ToggleButton active={small} onClick={() => setSmall(!small)} icon="🐁" label="Small" size="small" />
-                <ToggleButton active={medium} onClick={() => setMedium(!medium)} icon="🐕" label="Medium" size="medium" />
-                <ToggleButton active={large} onClick={() => setLarge(!large)} icon="🐘" label="Large" size="large" />
-            </div>;
-  }
-}`,...(z=(O=v.parameters)==null?void 0:O.docs)==null?void 0:z.source}}};var E,N,P;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  render: () => {
-    const [default1, setDefault1] = useState(false);
-    const [outlined, setOutlined] = useState(false);
-    const [filled, setFilled] = useState(false);
-    const [ghost, setGhost] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }}>
-                <ToggleButton active={default1} onClick={() => setDefault1(!default1)} icon="🎨" label="Default" variant="default" />
-                <ToggleButton active={outlined} onClick={() => setOutlined(!outlined)} icon="📝" label="Outlined" variant="outlined" />
-                <ToggleButton active={filled} onClick={() => setFilled(!filled)} icon="🎯" label="Filled" variant="filled" />
-                <ToggleButton active={ghost} onClick={() => setGhost(!ghost)} icon="👻" label="Ghost" variant="ghost" />
-            </div>;
-  }
-}`,...(P=(N=f.parameters)==null?void 0:N.docs)==null?void 0:P.source}}};var A,G,V;C.parameters={...C.parameters,docs:{...(A=C.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  render: () => {
-    const [primary, setPrimary] = useState(false);
-    const [secondary, setSecondary] = useState(false);
-    const [success, setSuccess] = useState(false);
-    const [danger, setDanger] = useState(false);
-    const [warning, setWarning] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }}>
-                <ToggleButton active={primary} onClick={() => setPrimary(!primary)} icon="💜" label="Primary" activeColor="primary" />
-                <ToggleButton active={secondary} onClick={() => setSecondary(!secondary)} icon="💚" label="Secondary" activeColor="secondary" />
-                <ToggleButton active={success} onClick={() => setSuccess(!success)} icon="✅" label="Success" activeColor="success" />
-                <ToggleButton active={danger} onClick={() => setDanger(!danger)} icon="⚠️" label="Danger" activeColor="danger" />
-                <ToggleButton active={warning} onClick={() => setWarning(!warning)} icon="🔔" label="Warning" activeColor="warning" />
-            </div>;
-  }
-}`,...(V=(G=C.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var L,R,I;k.parameters={...k.parameters,docs:{...(L=k.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  render: () => {
-    const [scale, setScale] = useState(false);
-    const [rotate, setRotate] = useState(false);
-    const [flip, setFlip] = useState(false);
-    const [none, setNone] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }}>
-                <ToggleButton active={scale} onClick={() => setScale(!scale)} icon="🎈" label="Scale" animation="scale" />
-                <ToggleButton active={rotate} onClick={() => setRotate(!rotate)} icon="🌀" label="Rotate" animation="rotate" />
-                <ToggleButton active={flip} onClick={() => setFlip(!flip)} icon="🔄" label="Flip" animation="flip" />
-                <ToggleButton active={none} onClick={() => setNone(!none)} icon="⏸️" label="None" animation="none" />
-            </div>;
-  }
-}`,...(I=(R=k.parameters)==null?void 0:R.docs)==null?void 0:I.source}}};var H,_,q;S.parameters={...S.parameters,docs:{...(H=S.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  render: () => {
-    const [mood1, setMood1] = useState(false);
-    const [mood2, setMood2] = useState(false);
-    const [mood3, setMood3] = useState(false);
-    const [mood4, setMood4] = useState(false);
-    const [mood5, setMood5] = useState(false);
-    return <div style={{
-      display: 'flex',
-      flexWrap: 'wrap',
-      gap: '12px',
-      maxWidth: '600px'
-    }}>
-                <ToggleButton active={mood1} onClick={() => setMood1(!mood1)} icon="😢" label="Sad" color="#3b82f6" />
-                <ToggleButton active={mood2} onClick={() => setMood2(!mood2)} icon="😕" label="Meh" color="#8b5cf6" />
-                <ToggleButton active={mood3} onClick={() => setMood3(!mood3)} icon="😐" label="Neutral" color="#6b7280" />
-                <ToggleButton active={mood4} onClick={() => setMood4(!mood4)} icon="🙂" label="Good" color="#10b981" />
-                <ToggleButton active={mood5} onClick={() => setMood5(!mood5)} icon="😁" label="Great" color="#f59e0b" />
-            </div>;
-  }
-}`,...(q=(_=S.parameters)==null?void 0:_.docs)==null?void 0:q.source}}};var J,K,Q;x.parameters={...x.parameters,docs:{...(J=x.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  render: () => {
-    const [teeth, setTeeth] = useState(false);
-    const [shower, setShower] = useState(false);
-    const [meditation, setMeditation] = useState(false);
-    const [vitamins, setVitamins] = useState(false);
-    const [exercise, setExercise] = useState(false);
-    return <div style={{
-      display: 'grid',
-      gridTemplateColumns: 'repeat(auto-fit, minmax(120px, 1fr))',
-      gap: '12px',
-      maxWidth: '400px'
-    }}>
-                <ToggleButton active={teeth} onClick={() => setTeeth(!teeth)} icon="🦷" label="Teeth" variant="outlined" activeColor="success" showCheckmark />
-                <ToggleButton active={shower} onClick={() => setShower(!shower)} icon="🚿" label="Shower" variant="outlined" activeColor="success" showCheckmark />
-                <ToggleButton active={meditation} onClick={() => setMeditation(!meditation)} icon="🧘" label="Meditate" variant="outlined" activeColor="success" showCheckmark />
-                <ToggleButton active={vitamins} onClick={() => setVitamins(!vitamins)} icon="💊" label="Vitamins" variant="outlined" activeColor="success" showCheckmark />
-                <ToggleButton active={exercise} onClick={() => setExercise(!exercise)} icon="💪" label="Exercise" variant="outlined" activeColor="success" showCheckmark />
-            </div>;
-  }
-}`,...(Q=(K=x.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;h.parameters={...h.parameters,docs:{...(U=h.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  render: () => {
-    const [favorite, setFavorite] = useState(false);
-    const [bookmark, setBookmark] = useState(false);
-    const [notification, setNotification] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '12px'
-    }}>
-                <ToggleButton active={favorite} onClick={() => setFavorite(!favorite)} icon="❤️" tooltip="Add to favorites" activeColor="danger" animation="scale" />
-                <ToggleButton active={bookmark} onClick={() => setBookmark(!bookmark)} icon="🔖" tooltip="Bookmark" activeColor="primary" animation="flip" />
-                <ToggleButton active={notification} onClick={() => setNotification(!notification)} icon="🔔" tooltip="Enable notifications" activeColor="warning" animation="rotate" />
-            </div>;
-  }
-}`,...(Y=(X=h.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,$,ee;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  render: args => <ToggleButtonWrapper {...args} />,
-  args: {
-    active: true,
-    icon: '🔒',
-    label: 'Disabled',
-    disabled: true
-  }
-}`,...(ee=($=b.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var te,ae,oe;y.parameters={...y.parameters,docs:{...(te=y.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  render: () => {
-    const [primary, setPrimary] = useState(false);
-    const [secondary, setSecondary] = useState(false);
-    const [success, setSuccess] = useState(false);
-    const [danger, setDanger] = useState(false);
-    return <div style={{
-      display: 'flex',
-      gap: '16px',
-      flexWrap: 'wrap'
-    }}>
-                <ToggleButton active={primary} onClick={() => setPrimary(!primary)} icon="🎨" label="Primary" variant="outlined" activeColor="primary" showCheckmark />
-                <ToggleButton active={secondary} onClick={() => setSecondary(!secondary)} icon="🎭" label="Secondary" variant="outlined" activeColor="secondary" showCheckmark />
-                <ToggleButton active={success} onClick={() => setSuccess(!success)} icon="✨" label="Success" variant="outlined" activeColor="success" showCheckmark />
-                <ToggleButton active={danger} onClick={() => setDanger(!danger)} icon="🚨" label="Danger" variant="outlined" activeColor="danger" showCheckmark />
-            </div>;
-  }
-}`,...(oe=(ae=y.parameters)==null?void 0:ae.docs)==null?void 0:oe.source}}};const me=["Default","WithCheckmark","DifferentSizes","Variants","ActiveColors","AnimationTypes","CustomColors","BooleanHabits","IconOnly","Disabled","OutlinedWithColors"];export{C as ActiveColors,k as AnimationTypes,x as BooleanHabits,S as CustomColors,p as Default,v as DifferentSizes,b as Disabled,h as IconOnly,y as OutlinedWithColors,f as Variants,g as WithCheckmark,me as __namedExportsOrder,ue as default};

package/storybook-static/assets/client-0pKYCVHx.js

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

package/storybook-static/assets/iframe-B7RIyArP.css

@@ -1 +0,0 @@
-*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:36px;font-weight:700;color:var(--color-text);margin-bottom:16px}h2{font-size:32px;font-weight:600;color:var(--color-text);margin-bottom:12px}h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:12px}h4{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}h5{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}h6{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}p{color:var(--color-text);line-height:1.6;margin-bottom:16px}@media (max-width: 768px){.header{padding:16px;margin-bottom:24px}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-light: #fb7185;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-info: #0ea5e9;--color-info-light: #38bdf8;--color-info-bg: #e0f2fe;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-error: #fb7185;--color-error-light: #fda4af;--color-error-bg: #881337;--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-warning-bg: #451a03;--color-info: #38bdf8;--color-info-light: #7dd3fc;--color-info-bg: #082f49;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .35), 0 4px 6px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .45);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .25)}:root,:root[data-theme=default],[data-theme=default]{--color-primary: #7c3aed;--color-secondary: #14b8a6;--color-accent: #ec4899;--color-background: #ffffff;--color-background-secondary: #fafafa;--color-background-tertiary: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-text: #18181b;--color-text-secondary: #71717a;--color-text-tertiary: #a1a1aa;--color-text-muted: #d4d4d8;--color-text-inverse: #ffffff;--color-border: #e4e4e7;--color-border-hover: #d4d4d8}:root[data-theme=dark],[data-theme=dark]{--color-primary: #a78bfa;--color-secondary: #2dd4bf;--color-accent: #f472b6;--color-background: #0a0a0a;--color-background-secondary: #18181b;--color-background-tertiary: #27272a;--color-surface: #18181b;--color-surface-hover: #27272a;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-text-inverse: #0a0a0a;--color-border: #27272a;--color-border-hover: #3f3f46}:root[data-theme=lossito],[data-theme=lossito]{--color-primary: #3b82f6;--color-secondary: #1f2937;--color-accent: #3b82f6;--color-background: #f8fafc;--color-background-secondary: #ffffff;--color-background-tertiary: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1}:root[data-theme=lossito-dark],[data-theme=lossito-dark]{--color-primary: #f5b829;--color-secondary: #e5e7eb;--color-accent: #fce390;--color-background: #010907;--color-background-secondary: #0e1a19;--color-background-tertiary: #040d1b;--color-surface: #0e1a19;--color-surface-hover: #040d1b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #111827;--color-border: #3e3c03;--color-border-hover: #4b5563;--color-success: #22c55e;--color-error: #fd4545;--color-warning: #fef3c7;--color-info: #dbeafe}:root[data-theme=dao],[data-theme=dao]{--color-primary: #555555;--color-secondary: #707070;--color-accent: #555555;--color-background: #f8f8f8;--color-background-secondary: #eeeeee;--color-background-tertiary: #e2e2e2;--color-surface: #eeeeee;--color-surface-hover: #e2e2e2;--color-text: #1a1a1a;--color-text-secondary: #505050;--color-text-tertiary: #808080;--color-text-muted: #b0b0b0;--color-text-inverse: #f8f8f8;--color-border: #d8d8d8;--color-border-hover: #c0c0c0}:root[data-theme=dao-dark],[data-theme=dao-dark]{--color-primary: #d0d0d0;--color-secondary: #a0a0a0;--color-accent: #d0d0d0;--color-background: #0a0a0a;--color-background-secondary: #141414;--color-background-tertiary: #1e1e1e;--color-surface: #141414;--color-surface-hover: #1e1e1e;--color-text: #e8e8e8;--color-text-secondary: #b0b0b0;--color-text-tertiary: #787878;--color-text-muted: #565656;--color-text-inverse: #0a0a0a;--color-border: #282828;--color-border-hover: #404040}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-active: color-mix(in oklch, var(--color-primary) 70%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 35%, white);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 20%, white);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 70%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 35%, white);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 20%, white);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);--color-accent-active: color-mix(in oklch, var(--color-accent) 70%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 85%, black);--color-success-active: color-mix(in oklch, var(--color-success) 70%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 85%, black);--color-error-active: color-mix(in oklch, var(--color-error) 70%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 85%, black);--color-warning-active: color-mix(in oklch, var(--color-warning) 70%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 85%, black);--color-info-active: color-mix(in oklch, var(--color-info) 70%, black)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, white);--color-primary-active: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 50%, black);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 30%, black);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, white);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 50%, black);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 30%, black);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, white);--color-accent-active: color-mix(in oklch, var(--color-accent) 85%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 80%, white);--color-success-active: color-mix(in oklch, var(--color-success) 85%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 80%, white);--color-error-active: color-mix(in oklch, var(--color-error) 85%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 80%, white);--color-warning-active: color-mix(in oklch, var(--color-warning) 85%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 80%, white);--color-info-active: color-mix(in oklch, var(--color-info) 85%, black)}:root,[data-theme]{--color-border-focus: var(--color-primary)}

package/storybook-static/assets/index-bi5z6E3I.js

@@ -1 +0,0 @@
-import{R as e}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};

package/storybook-static/assets/layout-grid-TssXYNzv.js

@@ -1,6 +0,0 @@
-import{c as t}from"./createLucideIcon-BNUG5osq.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 e=[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]],i=t("layout-grid",e);export{i as L};