@stfrigerio/sito-template 0.1.36 → 0.1.37

package/storybook-static/assets/ToggleButton-Dl6hvkJv.js

@@ -0,0 +1,32 @@
+import{j as a}from"./iframe-BUaP2gIF.js";import{m as t}from"./proxy-9Y4F2rF8.js";import{A as c}from"./index-CZs7_DA6.js";const z="_button_1iiwz_1",k="_background_1iiwz_33",T="_content_1iiwz_49",x="_iconWrapper_1iiwz_58",j="_icon_1iiwz_58",A="_label_1iiwz_75",C="_hideMobile_1iiwz_81",N="_checkmark_1iiwz_86",q="_ripple_1iiwz_101",B="_small_1iiwz_119",V="_large_1iiwz_133",W="_active_1iiwz_148",R="_outlined_1iiwz_154",S="_filled_1iiwz_168",L="_ghost_1iiwz_179",M="_active-primary_1iiwz_196",P="_active-secondary_1iiwz_202",I="_active-success_1iiwz_208",D="_active-danger_1iiwz_214",E="_active-warning_1iiwz_220",F="_animation-scale_1iiwz_258",Y="_scaleAnimation_1iiwz_1",$="_animation-rotate_1iiwz_262",H="_rotateAnimation_1iiwz_1",J="_animation-flip_1iiwz_266",O="_flipAnimation_1iiwz_1",X="_disabled_1iiwz_298",e={button:z,background:k,content:T,iconWrapper:x,icon:j,label:A,hideMobile:C,checkmark:N,ripple:q,small:B,large:V,default:"_default_1iiwz_148",active:W,outlined:R,filled:S,ghost:L,"active-primary":"_active-primary_1iiwz_196",activePrimary:M,"active-secondary":"_active-secondary_1iiwz_202",activeSecondary:P,"active-success":"_active-success_1iiwz_208",activeSuccess:I,"active-danger":"_active-danger_1iiwz_214",activeDanger:D,"active-warning":"_active-warning_1iiwz_220",activeWarning:E,"animation-scale":"_animation-scale_1iiwz_258",animationScale:F,scaleAnimation:Y,"animation-rotate":"_animation-rotate_1iiwz_262",animationRotate:$,rotateAnimation:H,"animation-flip":"_animation-flip_1iiwz_266",animationFlip:J,flipAnimation:O,disabled:X},G=({active:i,onClick:r,icon:n,label:l,disabled:o=!1,size:m="medium",variant:d="default",activeColor:u="primary",showCheckmark:p=!1,animation:s="scale",className:_="",tooltip:v,hideLabelOnMobile:f=!1})=>{const g=[e.button,e[m],e[d],i&&e.active,i&&e[`active-${u}`],o&&e.disabled,s!=="none"&&e[`animation-${s}`],_].filter(Boolean).join(" "),h=[e.label,f&&e.hideMobile].filter(Boolean).join(" "),w={scale:{inactive:{scale:1},active:{scale:[1,1.2,1]}},rotate:{inactive:{rotate:0},active:{rotate:360}},flip:{inactive:{rotateY:0},active:{rotateY:180}},none:{inactive:{},active:{}}},y={hidden:{scale:0,opacity:0,rotate:-90},visible:{scale:1,opacity:1,rotate:0,transition:{type:"spring",stiffness:500,damping:25}}},b={inactive:{scale:0,opacity:0},active:{scale:1,opacity:1,transition:{type:"spring",stiffness:400,damping:20}}};return a.jsxs(t.button,{className:g,onClick:r,disabled:o,whileHover:o?void 0:{scale:1.05},whileTap:o?void 0:{scale:.95},title:v,"aria-pressed":i,"aria-label":l,children:[a.jsx(t.div,{className:e.background,variants:b,initial:"inactive",animate:i?"active":"inactive"}),a.jsxs("div",{className:e.content,children:[n&&a.jsx(t.div,{className:e.iconWrapper,variants:w[s],initial:"inactive",animate:i?"active":"inactive",transition:{duration:.3},children:typeof n=="string"?a.jsx("span",{className:e.icon,children:n}):a.jsx("div",{className:e.icon,children:n})}),l&&a.jsx("span",{className:h,children:l}),a.jsx(c,{children:p&&i&&a.jsx(t.div,{className:e.checkmark,variants:y,initial:"hidden",animate:"visible",exit:"hidden",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),a.jsx(c,{children:i&&a.jsx(t.div,{className:e.ripple,initial:{scale:0,opacity:.5},animate:{scale:2,opacity:0},exit:{scale:0,opacity:0},transition:{duration:.6}})})]})};G.__docgenInfo={description:`ToggleButton Component
+
+@component
+@description
+A toggle button component that can be activated/deactivated with a click.
+Different from a toggle switch, this is a button with on/off states.
+Perfect for boolean habits tracking or feature toggles.
+
+@example
+// Basic usage
+<ToggleButton
+  active={isActive}
+  onClick={() => setIsActive(!isActive)}
+  icon="🦷"
+  label="Teeth"
+/>
+
+@example
+// With custom styling and animation
+<ToggleButton
+  active={isEnabled}
+  onClick={handleToggle}
+  icon={<CustomIcon />}
+  label="Feature"
+  variant="filled"
+  activeColor="success"
+  animation="flip"
+  showCheckmark
+/>
+
+@param {ToggleButtonProps} props - The props for the ToggleButton component
+@returns {JSX.Element} The rendered ToggleButton component`,methods:[],displayName:"ToggleButton",props:{active:{required:!0,tsType:{name:"boolean"},description:"Whether the button is active/selected"},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Click handler"},icon:{required:!1,tsType:{name:"union",raw:"string | React.ReactNode",elements:[{name:"string"},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"Icon or emoji to display"},label:{required:!1,tsType:{name:"string"},description:"Label text"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the button 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' | 'ghost'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'filled'"},{name:"literal",value:"'ghost'"}]},description:"Visual variant",defaultValue:{value:"'default'",computed:!1}},activeColor:{required:!1,tsType:{name:"union",raw:"'primary' | 'secondary' | 'success' | 'danger' | 'warning'",elements:[{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'success'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'warning'"}]},description:"Color when active",defaultValue:{value:"'primary'",computed:!1}},showCheckmark:{required:!1,tsType:{name:"boolean"},description:"Show a checkmark when active",defaultValue:{value:"false",computed:!1}},animation:{required:!1,tsType:{name:"union",raw:"'scale' | 'rotate' | 'flip' | 'none'",elements:[{name:"literal",value:"'scale'"},{name:"literal",value:"'rotate'"},{name:"literal",value:"'flip'"},{name:"literal",value:"'none'"}]},description:"Animation type for state change",defaultValue:{value:"'scale'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom className",defaultValue:{value:"''",computed:!1}},tooltip:{required:!1,tsType:{name:"string"},description:"Tooltip text"},hideLabelOnMobile:{required:!1,tsType:{name:"boolean"},description:"Whether to show the label on mobile",defaultValue:{value:"false",computed:!1}}}};export{G as T};

package/storybook-static/assets/ToggleButton-gfPoPxTQ.css

@@ -0,0 +1 @@
+._button_1iiwz_1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);overflow:hidden;outline:none;-webkit-user-select:none;user-select:none}._button_1iiwz_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._button_1iiwz_1:hover:not(:disabled){border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}._background_1iiwz_33{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));z-index:0;border-radius:calc(var(--radius-lg) - 2px)}._content_1iiwz_49{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-sm)}._iconWrapper_1iiwz_58{display:flex;align-items:center;justify-content:center;position:relative}._icon_1iiwz_58{font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}._label_1iiwz_75{font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-normal);transition:all var(--transition-base)}._hideMobile_1iiwz_81{display:inline}._checkmark_1iiwz_86{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:currentColor}._checkmark_1iiwz_86 svg{width:100%;height:100%}._ripple_1iiwz_101{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:0}._small_1iiwz_119{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._small_1iiwz_119 ._icon_1iiwz_58{font-size:var(--font-size-base)}._small_1iiwz_119 ._checkmark_1iiwz_86{width:12px;height:12px}._large_1iiwz_133{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}._large_1iiwz_133 ._icon_1iiwz_58{font-size:var(--font-size-2xl)}._large_1iiwz_133 ._checkmark_1iiwz_86{width:20px;height:20px}._default_1iiwz_148._active_1iiwz_148{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._outlined_1iiwz_154{background:transparent}._outlined_1iiwz_154._active_1iiwz_148{border-color:var(--color-primary);color:var(--color-primary);background:transparent}._outlined_1iiwz_154 ._background_1iiwz_33{background:#7c3aed1a}._filled_1iiwz_168{background:var(--color-background-secondary);border-color:transparent}._filled_1iiwz_168._active_1iiwz_148{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._ghost_1iiwz_179{background:transparent;border-color:transparent}._ghost_1iiwz_179:hover:not(:disabled){background:var(--color-background-secondary);border-color:transparent}._ghost_1iiwz_179._active_1iiwz_148{background:var(--color-primary-lighter);color:var(--color-primary);border-color:transparent}._active-primary_1iiwz_196._active_1iiwz_148{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._active-secondary_1iiwz_202._active_1iiwz_148{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}._active-success_1iiwz_208._active_1iiwz_148{background:var(--color-success, #10b981);border-color:var(--color-success, #10b981);color:#fff}._active-danger_1iiwz_214._active_1iiwz_148{background:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444);color:#fff}._active-warning_1iiwz_220._active_1iiwz_148{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b);color:#fff}._outlined_1iiwz_154._active-primary_1iiwz_196._active_1iiwz_148{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}._outlined_1iiwz_154._active-secondary_1iiwz_202._active_1iiwz_148{background:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}._outlined_1iiwz_154._active-success_1iiwz_208._active_1iiwz_148{background:transparent;border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}._outlined_1iiwz_154._active-danger_1iiwz_214._active_1iiwz_148{background:transparent;border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}._outlined_1iiwz_154._active-warning_1iiwz_220._active_1iiwz_148{background:transparent;border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b)}._animation-scale_1iiwz_258._active_1iiwz_148 ._iconWrapper_1iiwz_58{animation:_scaleAnimation_1iiwz_1 .3s ease-in-out}._animation-rotate_1iiwz_262._active_1iiwz_148 ._iconWrapper_1iiwz_58{animation:_rotateAnimation_1iiwz_1 .5s ease-in-out}._animation-flip_1iiwz_266._active_1iiwz_148 ._iconWrapper_1iiwz_58{animation:_flipAnimation_1iiwz_1 .5s ease-in-out}@keyframes _scaleAnimation_1iiwz_1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes _rotateAnimation_1iiwz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _flipAnimation_1iiwz_1{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}._disabled_1iiwz_298{opacity:.5;cursor:not-allowed}._disabled_1iiwz_298:hover{transform:none;box-shadow:none;border-color:var(--color-border)}[data-theme=dark] ._button_1iiwz_1{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._outlined_1iiwz_154{background:transparent}[data-theme=dark] ._outlined_1iiwz_154._active_1iiwz_148{border-color:var(--color-primary-light);color:var(--color-primary-light)}[data-theme=dark] ._outlined_1iiwz_154 ._background_1iiwz_33{background:#a78bfa26}[data-theme=dark] ._filled_1iiwz_168{background:var(--color-background-tertiary)}[data-theme=dark] ._ghost_1iiwz_179:hover:not(:disabled){background:var(--color-background-tertiary)}[data-theme=dark] ._ghost_1iiwz_179._active_1iiwz_148{background:#a78bfa33;color:var(--color-primary-light)}@media (max-width: 768px){._hideMobile_1iiwz_81{display:none}._button_1iiwz_1{padding:var(--spacing-sm)}._small_1iiwz_119{padding:var(--spacing-xs)}._large_1iiwz_133{padding:var(--spacing-md)}}

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

@@ -0,0 +1,143 @@
+import{j as e,r as o}from"./iframe-BUaP2gIF.js";import{T as a}from"./ToggleButton-Dl6hvkJv.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9Y4F2rF8.js";import"./index-CZs7_DA6.js";const ie={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"},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"}}},b=t=>{const[n,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:n,onClick:()=>{var l;s(!n),(l=t.onClick)==null||l.call(t)}})},m={render:t=>e.jsx(b,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},p={render:t=>e.jsx(b,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},g={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"🐘",label:"Large",size:"large"})]})}},v={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1),[r,u]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:r,onClick:()=>u(!r),icon:"👻",label:"Ghost",variant:"ghost"})]})}},f={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1),[r,u]=o.useState(!1),[d,y]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:r,onClick:()=>u(!r),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:d,onClick:()=>y(!d),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1),[r,u]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:r,onClick:()=>u(!r),icon:"⏸️",label:"None",animation:"none"})]})}},C={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1),[r,u]=o.useState(!1),[d,y]=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:()=>n(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:r,onClick:()=>u(!r),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:d,onClick:()=>y(!d),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},S={render:t=>e.jsx(b,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},x={render:()=>{const[t,n]=o.useState(!1),[s,l]=o.useState(!1),[i,c]=o.useState(!1),[r,u]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>n(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>l(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>c(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:r,onClick:()=>u(!r),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var w,T,j;m.parameters={...m.parameters,docs:{...(w=m.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  render: args => <ToggleButtonWrapper {...args} />,
+  args: {
+    active: false,
+    icon: '🦷',
+    label: 'Teeth'
+  }
+}`,...(j=(T=m.parameters)==null?void 0:T.docs)==null?void 0:j.source}}};var B,W,D;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  render: args => <ToggleButtonWrapper {...args} />,
+  args: {
+    active: false,
+    icon: '✅',
+    label: 'Complete',
+    showCheckmark: true
+  }
+}`,...(D=(W=p.parameters)==null?void 0:W.docs)==null?void 0:D.source}}};var F,M,O;g.parameters={...g.parameters,docs:{...(F=g.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>;
+  }
+}`,...(O=(M=g.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};var z,E,P;v.parameters={...v.parameters,docs:{...(z=v.parameters)==null?void 0:z.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=(E=v.parameters)==null?void 0:E.docs)==null?void 0:P.source}}};var A,N,V;f.parameters={...f.parameters,docs:{...(A=f.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=(N=f.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var L,R,G;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>;
+  }
+}`,...(G=(R=k.parameters)==null?void 0:R.docs)==null?void 0:G.source}}};var I,H,_;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.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>;
+  }
+}`,...(_=(H=C.parameters)==null?void 0:H.docs)==null?void 0:_.source}}};var q,J,K;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.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>;
+  }
+}`,...(K=(J=h.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,U,X;S.parameters={...S.parameters,docs:{...(Q=S.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  render: args => <ToggleButtonWrapper {...args} />,
+  args: {
+    active: true,
+    icon: '🔒',
+    label: 'Disabled',
+    disabled: true
+  }
+}`,...(X=(U=S.parameters)==null?void 0:U.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: () => {
+    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>;
+  }
+}`,...($=(Z=x.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};const ne=["Default","WithCheckmark","DifferentSizes","Variants","ActiveColors","AnimationTypes","BooleanHabits","IconOnly","Disabled","OutlinedWithColors"];export{f as ActiveColors,k as AnimationTypes,C as BooleanHabits,m as Default,g as DifferentSizes,S as Disabled,h as IconOnly,x as OutlinedWithColors,v as Variants,p as WithCheckmark,ne as __namedExportsOrder,ie as default};

package/storybook-static/assets/arc-DgcIQOLP.js

@@ -0,0 +1 @@
+import{w as tn,c as z}from"./path-CbwjOpE9.js";const un=Math.abs,c=Math.atan2,G=Math.cos,on=Math.max,en=Math.min,w=Math.sin,K=Math.sqrt,y=1e-12,L=Math.PI,Y=L/2,cn=2*L;function ln(u){return u>1?0:u<-1?L:Math.acos(u)}function sn(u){return u>=1?Y:u<=-1?-Y:Math.asin(u)}function fn(u){return u.innerRadius}function yn(u){return u.outerRadius}function gn(u){return u.startAngle}function hn(u){return u.endAngle}function mn(u){return u&&u.padAngle}function pn(u,x,D,q,v,A,B,a){var E=D-u,s=q-x,n=B-v,h=a-A,r=h*E-n*s;if(!(r*r<y))return r=(n*(x-A)-h*(u-v))/r,[u+r*E,x+r*s]}function X(u,x,D,q,v,A,B){var a=u-D,E=x-q,s=(B?A:-A)/K(a*a+E*E),n=s*E,h=-s*a,r=u+n,t=x+h,l=D+n,f=q+h,C=(r+l)/2,o=(t+f)/2,m=l-r,g=f-t,R=m*m+g*g,M=v-A,T=r*f-l*t,O=(g<0?-1:1)*K(on(0,M*M*R-T*T)),S=(T*g-m*O)/R,j=(-T*m-g*O)/R,P=(T*g+m*O)/R,p=(-T*m+g*O)/R,d=S-C,e=j-o,i=P-C,F=p-o;return d*d+e*e>i*i+F*F&&(S=P,j=p),{cx:S,cy:j,x01:-n,y01:-h,x11:S*(v/M-1),y11:j*(v/M-1)}}function xn(){var u=fn,x=yn,D=z(0),q=null,v=gn,A=hn,B=mn,a=null,E=tn(s);function s(){var n,h,r=+u.apply(this,arguments),t=+x.apply(this,arguments),l=v.apply(this,arguments)-Y,f=A.apply(this,arguments)-Y,C=un(f-l),o=f>l;if(a||(a=n=E()),t<r&&(h=t,t=r,r=h),!(t>y))a.moveTo(0,0);else if(C>cn-y)a.moveTo(t*G(l),t*w(l)),a.arc(0,0,t,l,f,!o),r>y&&(a.moveTo(r*G(f),r*w(f)),a.arc(0,0,r,f,l,o));else{var m=l,g=f,R=l,M=f,T=C,O=C,S=B.apply(this,arguments)/2,j=S>y&&(q?+q.apply(this,arguments):K(r*r+t*t)),P=en(un(t-r)/2,+D.apply(this,arguments)),p=P,d=P,e,i;if(j>y){var F=sn(j/r*w(S)),N=sn(j/t*w(S));(T-=F*2)>y?(F*=o?1:-1,R+=F,M-=F):(T=0,R=M=(l+f)/2),(O-=N*2)>y?(N*=o?1:-1,m+=N,g-=N):(O=0,m=g=(l+f)/2)}var H=t*G(m),J=t*w(m),Q=r*G(M),U=r*w(M);if(P>y){var V=t*G(g),W=t*w(g),Z=r*G(R),$=r*w(R),I;if(C<L)if(I=pn(H,J,Z,$,V,W,Q,U)){var b=H-I[0],k=J-I[1],_=V-I[0],nn=W-I[1],an=1/w(ln((b*_+k*nn)/(K(b*b+k*k)*K(_*_+nn*nn)))/2),rn=K(I[0]*I[0]+I[1]*I[1]);p=en(P,(r-rn)/(an-1)),d=en(P,(t-rn)/(an+1))}else p=d=0}O>y?d>y?(e=X(Z,$,H,J,t,d,o),i=X(V,W,Q,U,t,d,o),a.moveTo(e.cx+e.x01,e.cy+e.y01),d<P?a.arc(e.cx,e.cy,d,c(e.y01,e.x01),c(i.y01,i.x01),!o):(a.arc(e.cx,e.cy,d,c(e.y01,e.x01),c(e.y11,e.x11),!o),a.arc(0,0,t,c(e.cy+e.y11,e.cx+e.x11),c(i.cy+i.y11,i.cx+i.x11),!o),a.arc(i.cx,i.cy,d,c(i.y11,i.x11),c(i.y01,i.x01),!o))):(a.moveTo(H,J),a.arc(0,0,t,m,g,!o)):a.moveTo(H,J),!(r>y)||!(T>y)?a.lineTo(Q,U):p>y?(e=X(Q,U,V,W,r,-p,o),i=X(H,J,Z,$,r,-p,o),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<P?a.arc(e.cx,e.cy,p,c(e.y01,e.x01),c(i.y01,i.x01),!o):(a.arc(e.cx,e.cy,p,c(e.y01,e.x01),c(e.y11,e.x11),!o),a.arc(0,0,r,c(e.cy+e.y11,e.cx+e.x11),c(i.cy+i.y11,i.cx+i.x11),o),a.arc(i.cx,i.cy,p,c(i.y11,i.x11),c(i.y01,i.x01),!o))):a.arc(0,0,r,M,R,o)}if(a.closePath(),n)return a=null,n+""||null}return s.centroid=function(){var n=(+u.apply(this,arguments)+ +x.apply(this,arguments))/2,h=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-L/2;return[G(h)*n,w(h)*n]},s.innerRadius=function(n){return arguments.length?(u=typeof n=="function"?n:z(+n),s):u},s.outerRadius=function(n){return arguments.length?(x=typeof n=="function"?n:z(+n),s):x},s.cornerRadius=function(n){return arguments.length?(D=typeof n=="function"?n:z(+n),s):D},s.padRadius=function(n){return arguments.length?(q=n==null?null:typeof n=="function"?n:z(+n),s):q},s.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:z(+n),s):v},s.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:z(+n),s):A},s.padAngle=function(n){return arguments.length?(B=typeof n=="function"?n:z(+n),s):B},s.context=function(n){return arguments.length?(a=n??null,s):a},s}export{xn as a,cn as t};

package/storybook-static/assets/array-BKyUJesY.js

@@ -0,0 +1 @@
+function t(r){return typeof r=="object"&&"length"in r?r:Array.from(r)}export{t as a};

package/storybook-static/assets/defaultLocale-DJ2q5QjE.js

@@ -0,0 +1 @@
+const R=new Date,P=new Date;function C(e,n,t,r){function g(a){return e(a=arguments.length===0?new Date:new Date(+a)),a}return g.floor=a=>(e(a=new Date(+a)),a),g.ceil=a=>(e(a=new Date(a-1)),n(a,1),e(a),a),g.round=a=>{const i=g(a),y=g.ceil(a);return a-i<y-a?i:y},g.offset=(a,i)=>(n(a=new Date(+a),i==null?1:Math.floor(i)),a),g.range=(a,i,y)=>{const M=[];if(a=g.ceil(a),y=y==null?1:Math.floor(y),!(a<i)||!(y>0))return M;let N;do M.push(N=new Date(+a)),n(a,y),e(a);while(N<a&&a<i);return M},g.filter=a=>C(i=>{if(i>=i)for(;e(i),!a(i);)i.setTime(i-1)},(i,y)=>{if(i>=i)if(y<0)for(;++y<=0;)for(;n(i,-1),!a(i););else for(;--y>=0;)for(;n(i,1),!a(i););}),t&&(g.count=(a,i)=>(R.setTime(+a),P.setTime(+i),e(R),e(P),Math.floor(t(R,P))),g.every=a=>(a=Math.floor(a),!isFinite(a)||!(a>0)?null:a>1?g.filter(r?i=>r(i)%a===0:i=>g.count(0,i)%a===0):g)),g}const Qe=1e3,_=Qe*60,Ve=_*60,p=Ve*24,ue=p*7,nt=p*30,tt=p*365,q=C(e=>e.setHours(0,0,0,0),(e,n)=>e.setDate(e.getDate()+n),(e,n)=>(n-e-(n.getTimezoneOffset()-e.getTimezoneOffset())*_)/p,e=>e.getDate()-1);q.range;const z=C(e=>{e.setUTCHours(0,0,0,0)},(e,n)=>{e.setUTCDate(e.getUTCDate()+n)},(e,n)=>(n-e)/p,e=>e.getUTCDate()-1);z.range;const _e=C(e=>{e.setUTCHours(0,0,0,0)},(e,n)=>{e.setUTCDate(e.getUTCDate()+n)},(e,n)=>(n-e)/p,e=>Math.floor(e/p));_e.range;function W(e){return C(n=>{n.setDate(n.getDate()-(n.getDay()+7-e)%7),n.setHours(0,0,0,0)},(n,t)=>{n.setDate(n.getDate()+t*7)},(n,t)=>(t-n-(t.getTimezoneOffset()-n.getTimezoneOffset())*_)/ue)}const oe=W(0),Z=W(1),qe=W(2),ze=W(3),L=W(4),Je=W(5),Xe=W(6);oe.range;Z.range;qe.range;ze.range;L.range;Je.range;Xe.range;function x(e){return C(n=>{n.setUTCDate(n.getUTCDate()-(n.getUTCDay()+7-e)%7),n.setUTCHours(0,0,0,0)},(n,t)=>{n.setUTCDate(n.getUTCDate()+t*7)},(n,t)=>(t-n)/ue)}const ae=x(0),I=x(1),je=x(2),Be=x(3),b=x(4),Ge=x(5),$e=x(6);ae.range;I.range;je.range;Be.range;b.range;Ge.range;$e.range;const Y=C(e=>{e.setMonth(0,1),e.setHours(0,0,0,0)},(e,n)=>{e.setFullYear(e.getFullYear()+n)},(e,n)=>n.getFullYear()-e.getFullYear(),e=>e.getFullYear());Y.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(n=>{n.setFullYear(Math.floor(n.getFullYear()/e)*e),n.setMonth(0,1),n.setHours(0,0,0,0)},(n,t)=>{n.setFullYear(n.getFullYear()+t*e)});Y.range;const F=C(e=>{e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,n)=>{e.setUTCFullYear(e.getUTCFullYear()+n)},(e,n)=>n.getUTCFullYear()-e.getUTCFullYear(),e=>e.getUTCFullYear());F.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(n=>{n.setUTCFullYear(Math.floor(n.getUTCFullYear()/e)*e),n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0)},(n,t)=>{n.setUTCFullYear(n.getUTCFullYear()+t*e)});F.range;function Q(e){if(0<=e.y&&e.y<100){var n=new Date(-1,e.m,e.d,e.H,e.M,e.S,e.L);return n.setFullYear(e.y),n}return new Date(e.y,e.m,e.d,e.H,e.M,e.S,e.L)}function V(e){if(0<=e.y&&e.y<100){var n=new Date(Date.UTC(-1,e.m,e.d,e.H,e.M,e.S,e.L));return n.setUTCFullYear(e.y),n}return new Date(Date.UTC(e.y,e.m,e.d,e.H,e.M,e.S,e.L))}function k(e,n,t){return{y:e,m:n,d:t,H:0,M:0,S:0,L:0}}function Ee(e){var n=e.dateTime,t=e.date,r=e.time,g=e.periods,a=e.days,i=e.shortDays,y=e.months,M=e.shortMonths,N=d(g),le=O(g),ge=d(a),me=O(a),ye=d(i),he=O(i),Te=d(y),Ue=O(y),Ce=d(M),Me=O(M),v={a:He,A:Le,b:be,B:ke,c:null,d:K,e:K,f:Sn,g:kn,G:On,H:Mn,I:Dn,j:vn,L:ce,m:wn,M:pn,p:de,q:Oe,Q:te,s:re,S:Yn,u:Fn,U:Wn,V:xn,w:Hn,W:Ln,x:null,X:null,y:bn,Y:dn,Z:Nn,"%":ne},S={a:Ne,A:Ae,b:Ze,B:Ie,c:null,d:ee,e:ee,f:Rn,g:Bn,G:$n,H:An,I:Zn,j:In,L:fe,m:Pn,M:Qn,p:Re,q:Pe,Q:te,s:re,S:Vn,u:_n,U:qn,V:zn,w:Jn,W:Xn,x:null,X:null,y:jn,Y:Gn,Z:En,"%":ne},De={a:Se,A:we,b:pe,B:Ye,c:Fe,d:$,e:$,f:hn,g:G,G:B,H:E,I:E,j:ln,L:yn,m:sn,M:gn,p:ve,q:fn,Q:Un,s:Cn,S:mn,u:rn,U:un,V:on,w:tn,W:an,x:We,X:xe,y:G,Y:B,Z:cn,"%":Tn};v.x=D(t,v),v.X=D(r,v),v.c=D(n,v),S.x=D(t,S),S.X=D(r,S),S.c=D(n,S);function D(o,c){return function(f){var u=[],h=-1,l=0,T=o.length,U,w,X;for(f instanceof Date||(f=new Date(+f));++h<T;)o.charCodeAt(h)===37&&(u.push(o.slice(l,h)),(w=j[U=o.charAt(++h)])!=null?U=o.charAt(++h):w=U==="e"?" ":"0",(X=c[U])&&(U=X(f,w)),u.push(U),l=h+1);return u.push(o.slice(l,h)),u.join("")}}function J(o,c){return function(f){var u=k(1900,void 0,1),h=A(u,o,f+="",0),l,T;if(h!=f.length)return null;if("Q"in u)return new Date(u.Q);if("s"in u)return new Date(u.s*1e3+("L"in u?u.L:0));if(c&&!("Z"in u)&&(u.Z=0),"p"in u&&(u.H=u.H%12+u.p*12),u.m===void 0&&(u.m="q"in u?u.q:0),"V"in u){if(u.V<1||u.V>53)return null;"w"in u||(u.w=1),"Z"in u?(l=V(k(u.y,0,1)),T=l.getUTCDay(),l=T>4||T===0?I.ceil(l):I(l),l=z.offset(l,(u.V-1)*7),u.y=l.getUTCFullYear(),u.m=l.getUTCMonth(),u.d=l.getUTCDate()+(u.w+6)%7):(l=Q(k(u.y,0,1)),T=l.getDay(),l=T>4||T===0?Z.ceil(l):Z(l),l=q.offset(l,(u.V-1)*7),u.y=l.getFullYear(),u.m=l.getMonth(),u.d=l.getDate()+(u.w+6)%7)}else("W"in u||"U"in u)&&("w"in u||(u.w="u"in u?u.u%7:"W"in u?1:0),T="Z"in u?V(k(u.y,0,1)).getUTCDay():Q(k(u.y,0,1)).getDay(),u.m=0,u.d="W"in u?(u.w+6)%7+u.W*7-(T+5)%7:u.w+u.U*7-(T+6)%7);return"Z"in u?(u.H+=u.Z/100|0,u.M+=u.Z%100,V(u)):Q(u)}}function A(o,c,f,u){for(var h=0,l=c.length,T=f.length,U,w;h<l;){if(u>=T)return-1;if(U=c.charCodeAt(h++),U===37){if(U=c.charAt(h++),w=De[U in j?c.charAt(h++):U],!w||(u=w(o,f,u))<0)return-1}else if(U!=f.charCodeAt(u++))return-1}return u}function ve(o,c,f){var u=N.exec(c.slice(f));return u?(o.p=le.get(u[0].toLowerCase()),f+u[0].length):-1}function Se(o,c,f){var u=ye.exec(c.slice(f));return u?(o.w=he.get(u[0].toLowerCase()),f+u[0].length):-1}function we(o,c,f){var u=ge.exec(c.slice(f));return u?(o.w=me.get(u[0].toLowerCase()),f+u[0].length):-1}function pe(o,c,f){var u=Ce.exec(c.slice(f));return u?(o.m=Me.get(u[0].toLowerCase()),f+u[0].length):-1}function Ye(o,c,f){var u=Te.exec(c.slice(f));return u?(o.m=Ue.get(u[0].toLowerCase()),f+u[0].length):-1}function Fe(o,c,f){return A(o,n,c,f)}function We(o,c,f){return A(o,t,c,f)}function xe(o,c,f){return A(o,r,c,f)}function He(o){return i[o.getDay()]}function Le(o){return a[o.getDay()]}function be(o){return M[o.getMonth()]}function ke(o){return y[o.getMonth()]}function de(o){return g[+(o.getHours()>=12)]}function Oe(o){return 1+~~(o.getMonth()/3)}function Ne(o){return i[o.getUTCDay()]}function Ae(o){return a[o.getUTCDay()]}function Ze(o){return M[o.getUTCMonth()]}function Ie(o){return y[o.getUTCMonth()]}function Re(o){return g[+(o.getUTCHours()>=12)]}function Pe(o){return 1+~~(o.getUTCMonth()/3)}return{format:function(o){var c=D(o+="",v);return c.toString=function(){return o},c},parse:function(o){var c=J(o+="",!1);return c.toString=function(){return o},c},utcFormat:function(o){var c=D(o+="",S);return c.toString=function(){return o},c},utcParse:function(o){var c=J(o+="",!0);return c.toString=function(){return o},c}}}var j={"-":"",_:" ",0:"0"},m=/^\s*\d+/,Ke=/^%/,en=/[\\^$*+?|[\]().{}]/g;function s(e,n,t){var r=e<0?"-":"",g=(r?-e:e)+"",a=g.length;return r+(a<t?new Array(t-a+1).join(n)+g:g)}function nn(e){return e.replace(en,"\\$&")}function d(e){return new RegExp("^(?:"+e.map(nn).join("|")+")","i")}function O(e){return new Map(e.map((n,t)=>[n.toLowerCase(),t]))}function tn(e,n,t){var r=m.exec(n.slice(t,t+1));return r?(e.w=+r[0],t+r[0].length):-1}function rn(e,n,t){var r=m.exec(n.slice(t,t+1));return r?(e.u=+r[0],t+r[0].length):-1}function un(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.U=+r[0],t+r[0].length):-1}function on(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.V=+r[0],t+r[0].length):-1}function an(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.W=+r[0],t+r[0].length):-1}function B(e,n,t){var r=m.exec(n.slice(t,t+4));return r?(e.y=+r[0],t+r[0].length):-1}function G(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.y=+r[0]+(+r[0]>68?1900:2e3),t+r[0].length):-1}function cn(e,n,t){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(n.slice(t,t+6));return r?(e.Z=r[1]?0:-(r[2]+(r[3]||"00")),t+r[0].length):-1}function fn(e,n,t){var r=m.exec(n.slice(t,t+1));return r?(e.q=r[0]*3-3,t+r[0].length):-1}function sn(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.m=r[0]-1,t+r[0].length):-1}function $(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.d=+r[0],t+r[0].length):-1}function ln(e,n,t){var r=m.exec(n.slice(t,t+3));return r?(e.m=0,e.d=+r[0],t+r[0].length):-1}function E(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.H=+r[0],t+r[0].length):-1}function gn(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.M=+r[0],t+r[0].length):-1}function mn(e,n,t){var r=m.exec(n.slice(t,t+2));return r?(e.S=+r[0],t+r[0].length):-1}function yn(e,n,t){var r=m.exec(n.slice(t,t+3));return r?(e.L=+r[0],t+r[0].length):-1}function hn(e,n,t){var r=m.exec(n.slice(t,t+6));return r?(e.L=Math.floor(r[0]/1e3),t+r[0].length):-1}function Tn(e,n,t){var r=Ke.exec(n.slice(t,t+1));return r?t+r[0].length:-1}function Un(e,n,t){var r=m.exec(n.slice(t));return r?(e.Q=+r[0],t+r[0].length):-1}function Cn(e,n,t){var r=m.exec(n.slice(t));return r?(e.s=+r[0],t+r[0].length):-1}function K(e,n){return s(e.getDate(),n,2)}function Mn(e,n){return s(e.getHours(),n,2)}function Dn(e,n){return s(e.getHours()%12||12,n,2)}function vn(e,n){return s(1+q.count(Y(e),e),n,3)}function ce(e,n){return s(e.getMilliseconds(),n,3)}function Sn(e,n){return ce(e,n)+"000"}function wn(e,n){return s(e.getMonth()+1,n,2)}function pn(e,n){return s(e.getMinutes(),n,2)}function Yn(e,n){return s(e.getSeconds(),n,2)}function Fn(e){var n=e.getDay();return n===0?7:n}function Wn(e,n){return s(oe.count(Y(e)-1,e),n,2)}function ie(e){var n=e.getDay();return n>=4||n===0?L(e):L.ceil(e)}function xn(e,n){return e=ie(e),s(L.count(Y(e),e)+(Y(e).getDay()===4),n,2)}function Hn(e){return e.getDay()}function Ln(e,n){return s(Z.count(Y(e)-1,e),n,2)}function bn(e,n){return s(e.getFullYear()%100,n,2)}function kn(e,n){return e=ie(e),s(e.getFullYear()%100,n,2)}function dn(e,n){return s(e.getFullYear()%1e4,n,4)}function On(e,n){var t=e.getDay();return e=t>=4||t===0?L(e):L.ceil(e),s(e.getFullYear()%1e4,n,4)}function Nn(e){var n=e.getTimezoneOffset();return(n>0?"-":(n*=-1,"+"))+s(n/60|0,"0",2)+s(n%60,"0",2)}function ee(e,n){return s(e.getUTCDate(),n,2)}function An(e,n){return s(e.getUTCHours(),n,2)}function Zn(e,n){return s(e.getUTCHours()%12||12,n,2)}function In(e,n){return s(1+z.count(F(e),e),n,3)}function fe(e,n){return s(e.getUTCMilliseconds(),n,3)}function Rn(e,n){return fe(e,n)+"000"}function Pn(e,n){return s(e.getUTCMonth()+1,n,2)}function Qn(e,n){return s(e.getUTCMinutes(),n,2)}function Vn(e,n){return s(e.getUTCSeconds(),n,2)}function _n(e){var n=e.getUTCDay();return n===0?7:n}function qn(e,n){return s(ae.count(F(e)-1,e),n,2)}function se(e){var n=e.getUTCDay();return n>=4||n===0?b(e):b.ceil(e)}function zn(e,n){return e=se(e),s(b.count(F(e),e)+(F(e).getUTCDay()===4),n,2)}function Jn(e){return e.getUTCDay()}function Xn(e,n){return s(I.count(F(e)-1,e),n,2)}function jn(e,n){return s(e.getUTCFullYear()%100,n,2)}function Bn(e,n){return e=se(e),s(e.getUTCFullYear()%100,n,2)}function Gn(e,n){return s(e.getUTCFullYear()%1e4,n,4)}function $n(e,n){var t=e.getUTCDay();return e=t>=4||t===0?b(e):b.ceil(e),s(e.getUTCFullYear()%1e4,n,4)}function En(){return"+0000"}function ne(){return"%"}function te(e){return+e}function re(e){return Math.floor(+e/1e3)}var H,Kn;et({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});function et(e){return H=Ee(e),Kn=H.format,H.parse,H.utcFormat,H.utcParse,H}export{C as a,_ as b,Ve as c,Qe as d,p as e,ue as f,nt as g,tt as h,q as i,oe as j,Y as k,Kn as t};

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

@@ -0,0 +1 @@
+*{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,:root[data-theme=default],[data-theme=default]{--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-primary-active: #5b21b6;--color-primary-light: #a78bfa;--color-primary-lighter: #c4b5fd;--color-secondary: #14b8a6;--color-secondary-hover: #0d9488;--color-secondary-active: #0f766e;--color-secondary-light: #5eead4;--color-secondary-lighter: #99f6e4;--color-accent: #ec4899;--color-accent-hover: #db2777;--color-accent-active: #be185d;--color-success: #10b981;--color-success-hover: #059669;--color-success-active: #047857;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #f43f5e;--color-error-hover: #e11d48;--color-error-active: #be123c;--color-error-light: #fb7185;--color-error-bg: #ffe4e6;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-info: #0ea5e9;--color-info-hover: #0284c7;--color-info-active: #0369a1;--color-info-light: #38bdf8;--color-info-bg: #e0f2fe;--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;--color-border-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .08);--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)}:root[data-theme=dark],[data-theme=dark]{--color-primary: #a78bfa;--color-primary-hover: #8b5cf6;--color-primary-active: #7c3aed;--color-primary-light: #c4b5fd;--color-primary-lighter: #ddd6fe;--color-secondary: #2dd4bf;--color-secondary-hover: #14b8a6;--color-secondary-active: #0d9488;--color-secondary-light: #5eead4;--color-secondary-lighter: #99f6e4;--color-accent: #f472b6;--color-accent-hover: #ec4899;--color-accent-active: #db2777;--color-success: #34d399;--color-success-hover: #10b981;--color-success-active: #059669;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-error: #fb7185;--color-error-hover: #f43f5e;--color-error-active: #e11d48;--color-error-light: #fda4af;--color-error-bg: #881337;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-active: #d97706;--color-warning-light: #fcd34d;--color-warning-bg: #451a03;--color-info: #38bdf8;--color-info-hover: #0ea5e9;--color-info-active: #0284c7;--color-info-light: #7dd3fc;--color-info-bg: #082f49;--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;--color-border-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3)}:root[data-theme=lossito],[data-theme=lossito]{--color-primary: #d4af37;--color-primary-hover: #c5a028;--color-primary-active: #a08021;--color-primary-light: #f5b829;--color-primary-lighter: #fce390;--color-secondary: #1f2937;--color-secondary-hover: #111827;--color-secondary-active: #030712;--color-secondary-light: #374151;--color-secondary-lighter: #4b5563;--color-accent: #f5b829;--color-accent-hover: #d4af37;--color-accent-active: #c5a028;--color-success: #22c55e;--color-success-hover: #16a34a;--color-success-active: #15803d;--color-success-light: #bbf7d0;--color-success-bg: #dcfce7;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-active: #b91c1c;--color-error-light: #fecaca;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-light: #fef3c7;--color-warning-bg: #fffbeb;--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-active: #1d4ed8;--color-info-light: #dbeafe;--color-info-bg: #eff6ff;--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;--color-border-focus: #d4af37;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--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, .05)}:root[data-theme=lossito-dark],[data-theme=lossito-dark]{--color-primary: #f5b829;--color-primary-hover: #d4af37;--color-primary-active: #c5a028;--color-primary-light: #fce390;--color-primary-lighter: #fef9e8;--color-secondary: #e5e7eb;--color-secondary-hover: #d1d5db;--color-secondary-active: #9ca3af;--color-secondary-light: #f3f4f6;--color-secondary-lighter: #f9fafb;--color-accent: #fce390;--color-accent-hover: #f5b829;--color-accent-active: #d4af37;--color-success: #bbf7d0;--color-success-hover: #22c55e;--color-success-active: #16a34a;--color-success-light: #dcfce7;--color-success-bg: #15803d;--color-error: #fecaca;--color-error-hover: #ef4444;--color-error-active: #dc2626;--color-error-light: #fee2e2;--color-error-bg: #b91c1c;--color-warning: #fef3c7;--color-warning-hover: #f59e0b;--color-warning-active: #d97706;--color-warning-light: #fffbeb;--color-warning-bg: #b45309;--color-info: #dbeafe;--color-info-hover: #3b82f6;--color-info-active: #2563eb;--color-info-light: #eff6ff;--color-info-bg: #1d4ed8;--color-background: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #374151;--color-surface: #1f2937;--color-surface-hover: #374151;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #111827;--color-border: #374151;--color-border-hover: #4b5563;--color-border-focus: #f5b829;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3), 0 10px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2)}:root[data-theme=dmood],[data-theme=dmood]{--color-primary: #0500F2;--color-primary-hover: #4946ff;--color-primary-active: #0400d9;--color-primary-light: #6b68ff;--color-primary-lighter: #9b99ff;--color-secondary: #fd79a8;--color-secondary-hover: #e0567c;--color-secondary-active: #c94366;--color-secondary-light: #ffb3d0;--color-secondary-lighter: #ffcce0;--color-accent: #fd79a8;--color-accent-hover: #e0567c;--color-accent-active: #c94366;--color-success: #28a745;--color-success-hover: #218838;--color-success-active: #1e7e34;--color-success-light: #5dd879;--color-success-bg: #d4edda;--color-error: #d0021b;--color-error-hover: #a00116;--color-error-active: #800111;--color-error-light: #ff6b7d;--color-error-bg: #f8d7da;--color-warning: #ffc107;--color-warning-hover: #e0a800;--color-warning-active: #d39e00;--color-warning-light: #ffda6a;--color-warning-bg: #fff3cd;--color-info: #17a2b8;--color-info-hover: #138496;--color-info-active: #117a8b;--color-info-light: #6dd3e3;--color-info-bg: #d1ecf1;--color-background: #ffffff;--color-background-secondary: #f8f8f8;--color-background-tertiary: #e8e8e8;--color-surface: #ffffff;--color-surface-hover: #f8f8f8;--color-text: #2d3436;--color-text-secondary: #707070;--color-text-tertiary: #909090;--color-text-muted: #b0b0b0;--color-text-inverse: #ffffff;--color-border: #dfe6e9;--color-border-hover: #c0c0c0;--color-border-focus: #0500F2;--color-grey-50: #f8f8f8;--color-grey-100: #e8e8e8;--color-grey-200: #e0e0e0;--color-grey-300: #d0d0d0;--color-grey-400: #c0c0c0;--color-grey-500: #b0b0b0;--color-grey-600: #a0a0a0;--color-grey-700: #909090;--color-grey-800: #808080;--color-grey-900: #707070;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}:root[data-theme=dmood-dark],[data-theme=dmood-dark]{--color-primary: #4946ff;--color-primary-hover: #6b68ff;--color-primary-active: #0500F2;--color-primary-light: #9b99ff;--color-primary-lighter: #b8b7ff;--color-secondary: #ffb3d0;--color-secondary-hover: #fd79a8;--color-secondary-active: #e0567c;--color-secondary-light: #ffcce0;--color-secondary-lighter: #ffe0ed;--color-accent: #ffb3d0;--color-accent-hover: #fd79a8;--color-accent-active: #e0567c;--color-success: #5dd879;--color-success-hover: #28a745;--color-success-active: #218838;--color-success-light: #90e8a1;--color-success-bg: #1e7e34;--color-error: #ff6b7d;--color-error-hover: #d0021b;--color-error-active: #a00116;--color-error-light: #ff9ca8;--color-error-bg: #800111;--color-warning: #ffda6a;--color-warning-hover: #ffc107;--color-warning-active: #e0a800;--color-warning-light: #ffe699;--color-warning-bg: #d39e00;--color-info: #6dd3e3;--color-info-hover: #17a2b8;--color-info-active: #138496;--color-info-light: #9de4f0;--color-info-bg: #117a8b;--color-background: #1a1a1a;--color-background-secondary: #252525;--color-background-tertiary: #333333;--color-surface: #252525;--color-surface-hover: #333333;--color-text: #f0f0f0;--color-text-secondary: #c0c0c0;--color-text-tertiary: #909090;--color-text-muted: #707070;--color-text-inverse: #1a1a1a;--color-border: #404040;--color-border-hover: #505050;--color-border-focus: #4946ff;--color-grey-50: #1a1a1a;--color-grey-100: #252525;--color-grey-200: #333333;--color-grey-300: #404040;--color-grey-400: #505050;--color-grey-500: #606060;--color-grey-600: #707070;--color-grey-700: #808080;--color-grey-800: #909090;--color-grey-900: #a0a0a0;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .5);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3)}