@stfrigerio/sito-template 0.1.87 → 0.1.89

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

@@ -1,47 +0,0 @@
-import{r as p,j as e}from"./iframe-zy5fIh42.js";import{m as s}from"./proxy-CPPwweV0.js";import{M as _,S as y}from"./sun-j_wDVUAd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-ej6g39cv.js";import"./createLucideIcon-CrHgDpuU.js";const E=p.createContext(void 0),R=()=>p.useContext(E)??null,O=({children:o,defaultTheme:m="light",storageKey:l="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(l);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(l,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],x=(a.indexOf(i)+1)%a.length;v(a[x])};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=x=>{localStorage.getItem(l)||g(x.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[l]),e.jsx(E.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};O.__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 W="_button_2917u_1",P="_iconWrapper_2917u_20",z="_label_2917u_28",A="_toggle_2917u_33",H="_toggleTrack_2917u_43",Q="_toggleThumb_2917u_53",F="_dropdown_2917u_65",G="_dropdownTrigger_2917u_69",J="_dropdownMenu_2917u_87",U="_dropdownItem_2917u_106",X="_active_2917u_124",Y="_icon_2917u_20",Z="_text_2917u_144",r={button:W,iconWrapper:P,label:z,toggle:A,toggleTrack:H,toggleThumb:Q,dropdown:F,dropdownTrigger:G,dropdownMenu:J,dropdownItem:U,active:X,icon:Y,text:Z},h=({variant:o="button",showLabel:m=!1,className:l="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=R(),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(y,{})},{value:"dark",label:"Dark",icon:e.jsx(_,{})},{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:"⬛"}],k=c.findIndex(t=>t.value===a),u=c[k]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(s.button,{className:`${r.toggle} ${l}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(s.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(s.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(_,{size:14}):e.jsx(y,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${l}`,children:[e.jsxs(s.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(s.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(s.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(s.button,{className:`${r.button} ${l}`,onClick:()=>{const t=(k+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(s.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 K=({children:o})=>e.jsx(O,{defaultTheme:"light",children:o}),ne={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(K,{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"}}}},w={args:{variant:"button",showLabel:!0}},b={args:{variant:"toggle",showLabel:!0}},T={args:{variant:"dropdown",showLabel:!0}},f={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 j,L,S;w.parameters={...w.parameters,docs:{...(j=w.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: true
-  }
-}`,...(S=(L=w.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: true
-  }
-}`,...(D=(N=b.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var V,C,M;T.parameters={...T.parameters,docs:{...(V=T.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: true
-  }
-}`,...(M=(C=T.parameters)==null?void 0:C.docs)==null?void 0:M.source}}};var B,q,$;f.parameters={...f.parameters,docs:{...(B=f.parameters)==null?void 0:B.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>
-}`,...($=(q=f.parameters)==null?void 0:q.docs)==null?void 0:$.source}}};const se=["Button","Toggle","Dropdown","MultipleVariants"];export{w as Button,T as Dropdown,f as MultipleVariants,b as Toggle,se as __namedExportsOrder,ne as default};

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

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