@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/SleepChart-DBRb08s_.css

@@ -1 +0,0 @@
-._container_1b7jl_1{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,#9B59B6) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 16px #0000001a;border:1px solid var(--color-border)}._header_1b7jl_11{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}._title_1b7jl_18{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}._legend_1b7jl_24{display:flex;gap:var(--spacing-xl)}._legendItem_1b7jl_29{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._sleepDot_1b7jl_37{width:14px;height:14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 6px #9b59b666;border:2px solid #ffffff}._wakeDot_1b7jl_46{width:14px;height:14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 6px #3498db66;border:2px solid #ffffff}._chart_1b7jl_55{display:block}._gridLine_1b7jl_59{stroke:var(--color-border);stroke-opacity:.1}._sleepBar_1b7jl_64{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}._sleepBar_1b7jl_64:hover{transform:scaleY(1.05);filter:brightness(1.15)}._xAxis_1b7jl_74,._yAxis_1b7jl_75{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}._xAxis_1b7jl_74 line,._xAxis_1b7jl_74 path,._yAxis_1b7jl_75 line,._yAxis_1b7jl_75 path{stroke:var(--color-border)}._xAxis_1b7jl_74 text,._yAxis_1b7jl_75 text{fill:var(--color-text-secondary);transition:all .2s ease}._xAxis_1b7jl_74 text:hover,._yAxis_1b7jl_75 text:hover{fill:var(--color-text);font-weight:600}._tooltip_1b7jl_100{position:fixed;pointer-events:none;background:var(--color-background-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;z-index:10000;box-shadow:0 0 0 1px var(--color-border),0 10px 20px #00000026,0 4px 8px #0000001a;transition:opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(-8px) translate(-50%)}._tooltip_1b7jl_100._visible_1b7jl_121{opacity:1;transform:translateY(-4px) translate(-50%)}._tooltipHeader_1b7jl_126{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}._tooltipEmoji_1b7jl_137{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}._tooltipInfo_1b7jl_142{display:flex;flex-direction:column;gap:6px}._tooltipRow_1b7jl_148{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:13px}._tooltipLabel_1b7jl_156{display:flex;align-items:center;gap:6px}._tooltipValue_1b7jl_162{color:var(--color-text);font-weight:600}._tooltipDuration_1b7jl_167{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);color:var(--color-text);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}

package/storybook-static/assets/SleepChart.stories-DcoBwiEm.js

@@ -1,58 +0,0 @@
-import{r as S,j as l}from"./iframe-B8pH-Lvr.js";import{s as j,a as ut}from"./transform-BKmuZieF.js";import{i as lt,l as ht}from"./linear-dkJHgUri.js";import{a as mt,b as ft}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";class W extends Map{constructor(t,r=xt){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),t!=null)for(const[a,n]of t)this.set(a,n)}get(t){return super.get(P(this,t))}has(t){return super.has(P(this,t))}set(t,r){return super.set(gt(this,t),r)}delete(t){return super.delete(Mt(this,t))}}function P({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):r}function gt({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):(e.set(a,r),r)}function Mt({_intern:e,_key:t},r){const a=t(r);return e.has(a)&&(r=e.get(a),e.delete(a)),r}function xt(e){return e!==null&&typeof e=="object"?e.valueOf():e}function O(e,t,r){e=+e,t=+t,r=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+r;for(var a=-1,n=Math.max(0,Math.ceil((t-e)/r))|0,s=new Array(n);++a<n;)s[a]=e+a*r;return s}var B=1.70158;(function e(t){t=+t;function r(a){return(a=+a)*a*(t*(a-1)+a)}return r.overshoot=e,r})(B);var q=function e(t){t=+t;function r(a){return--a*a*((a+1)*t+a)+1}return r.overshoot=e,r}(B);(function e(t){t=+t;function r(a){return((a*=2)<1?a*a*((t+1)*a-t):(a-=2)*a*((t+1)*a+t)+2)/2}return r.overshoot=e,r})(B);const G=Symbol("implicit");function it(){var e=new W,t=[],r=[],a=G;function n(s){let p=e.get(s);if(p===void 0){if(a!==G)return a;e.set(s,p=t.push(s)-1)}return r[p%r.length]}return n.domain=function(s){if(!arguments.length)return t.slice();t=[],e=new W;for(const p of s)e.has(p)||e.set(p,t.push(p)-1);return n},n.range=function(s){return arguments.length?(r=Array.from(s),n):r.slice()},n.unknown=function(s){return arguments.length?(a=s,n):a},n.copy=function(){return it(t,r).unknown(a)},lt.apply(n,arguments),n}function ct(){var e=it().unknown(void 0),t=e.domain,r=e.range,a=0,n=1,s,p,h=!1,M=0,x=0,g=.5;delete e.unknown;function m(){var i=t().length,y=n<a,_=y?n:a,R=y?a:n;s=(R-_)/Math.max(1,i-M+x*2),h&&(s=Math.floor(s)),_+=(R-_-s*(i-M))*g,p=s*(1-M),h&&(_=Math.round(_),p=Math.round(p));var b=O(i).map(function(v){return _+s*v});return r(y?b.reverse():b)}return e.domain=function(i){return arguments.length?(t(i),m()):t()},e.range=function(i){return arguments.length?([a,n]=i,a=+a,n=+n,m()):[a,n]},e.rangeRound=function(i){return[a,n]=i,a=+a,n=+n,h=!0,m()},e.bandwidth=function(){return p},e.step=function(){return s},e.round=function(i){return arguments.length?(h=!!i,m()):h},e.padding=function(i){return arguments.length?(M=Math.min(1,x=+i),m()):M},e.paddingInner=function(i){return arguments.length?(M=Math.min(1,i),m()):M},e.paddingOuter=function(i){return arguments.length?(x=+i,m()):x},e.align=function(i){return arguments.length?(g=Math.max(0,Math.min(1,i)),m()):g},e.copy=function(){return ct(t(),[a,n]).round(h).paddingInner(M).paddingOuter(x).align(g)},lt.apply(m(),arguments)}const _t="_container_1b7jl_1",wt="_header_1b7jl_11",yt="_title_1b7jl_18",bt="_legend_1b7jl_24",kt="_legendItem_1b7jl_29",St="_sleepDot_1b7jl_37",jt="_wakeDot_1b7jl_46",vt="_chart_1b7jl_55",$t="_gridLine_1b7jl_59",Dt="_sleepBar_1b7jl_64",At="_xAxis_1b7jl_74",Nt="_yAxis_1b7jl_75",Ht="_tooltip_1b7jl_100",It="_visible_1b7jl_121",Tt="_tooltipHeader_1b7jl_126",Rt="_tooltipEmoji_1b7jl_137",Et="_tooltipInfo_1b7jl_142",Ot="_tooltipRow_1b7jl_148",Bt="_tooltipLabel_1b7jl_156",Lt="_tooltipValue_1b7jl_162",Vt="_tooltipDuration_1b7jl_167",d={container:_t,header:wt,title:yt,legend:bt,legendItem:kt,sleepDot:St,wakeDot:jt,chart:vt,gridLine:$t,sleepBar:Dt,xAxis:At,yAxis:Nt,tooltip:Ht,visible:It,tooltipHeader:Tt,tooltipEmoji:Rt,tooltipInfo:Et,tooltipRow:Ot,tooltipLabel:Bt,tooltipValue:Lt,tooltipDuration:Vt},C=e=>{const[t,r]=e.split(":").map(Number);return t+r/60},F=e=>{const t=Math.floor(e%24),r=t===0?12:t>12?t-12:t,a=t>=12?"PM":"AM",n=Math.round(e%1*60);return`${Math.floor(r)}:${n.toString().padStart(2,"0")} ${a}`},dt=({sleepData:e,width:t=800,height:r=400,onDateClick:a})=>{const n=S.useRef(null),[s,p]=S.useState(null),h=S.useMemo(()=>({top:30,right:30,bottom:50,left:80}),[]),M=t-h.left-h.right,x=r-h.top-h.bottom;return S.useEffect(()=>{const g=()=>{p(null)};return window.addEventListener("scroll",g,!0),()=>{window.removeEventListener("scroll",g,!0)}},[]),S.useEffect(()=>{if(!n.current||e.length===0)return;const g=j(n.current);g.selectAll("*").remove(),g.append("rect").attr("width",t).attr("height",r).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{p(null)});const m=g.append("g").attr("transform",`translate(${h.left},${h.top})`),i=ht().domain([18,42]).range([0,M]),y=e.map(o=>o.date),_=ct().domain(y).range([0,x]).paddingInner(.2).paddingOuter(.1);m.selectAll(".grid-line-x").data(O(18,43,1)).enter().append("line").attr("class",d.gridLine).attr("x1",o=>i(o)).attr("y1",0).attr("x2",o=>i(o)).attr("y2",x).style("stroke",o=>{const c=o%24;return"var(--color-border)"}).style("stroke-opacity",o=>{const c=o%24;return c===0||c===12?.3:c%3===0?.15:.05}).style("stroke-width",o=>{const c=o%24;return c===0||c===12?2:1}),e.forEach(o=>{const c=_(o.date);if(c===void 0)return;const k=_.bandwidth(),$=m.append("g").attr("class",d.sleepBar).style("cursor","pointer").on("click",()=>a==null?void 0:a(o.date));let u=null,f=null;o.sleep_time&&(u=C(o.sleep_time),u<18&&(u+=24)),o.wake_hour&&(f=C(o.wake_hour),u!==null?(f<u||u>=18&&f<18)&&(f+=24):f<12&&(f+=24)),u!==null&&f!==null&&$.append("rect").attr("x",i(u)).attr("y",c).attr("width",0).attr("height",k).attr("rx",k/2).attr("fill","url(#sleepGradient)").attr("opacity",0).attr("stroke","rgba(255,255,255,0.3)").attr("stroke-width",1).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))").transition().duration(800).delay(Math.random()*200).ease(ut).attr("width",Math.max(0,i(f)-i(u))).attr("opacity",.85),u!==null&&$.append("circle").attr("cx",i(u)).attr("cy",c+k/2).attr("r",0).attr("fill","#9B59B6").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(155, 89, 182, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(300+Math.random()*100).ease(q).attr("r",6),f!==null&&$.append("circle").attr("cx",i(f)).attr("cy",c+k/2).attr("r",0).attr("fill","#3498DB").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(52, 152, 219, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(500+Math.random()*100).ease(q).attr("r",6),$.on("mouseenter",function(w){var L;if(j(this).select("rect").transition().duration(200).attr("opacity",1).style("filter","drop-shadow(0 4px 12px rgba(155, 89, 182, 0.5)) brightness(1.1)"),j(this).selectAll("circle").transition().duration(200).attr("r",8),(L=n.current)==null?void 0:L.getBoundingClientRect()){const V=u!==null&&f!==null?f-u:null;p({date:o.date,sleepTime:u!==null?F(u):null,wakeTime:f!==null?F(f):null,duration:V!==null?Math.round(V*100)/100:null,x:w.pageX,y:w.pageY-80})}}).on("mouseleave",function(){j(this).select("rect").transition().duration(200).attr("opacity",.85).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))"),j(this).selectAll("circle").transition().duration(200).attr("r",6),p(null)}).on("mousemove",function(w){p(E=>E?{...E,x:w.pageX,y:w.pageY-80}:null)})});const b=g.append("defs").append("linearGradient").attr("id","sleepGradient").attr("x1","0%").attr("x2","100%");b.append("stop").attr("offset","0%").attr("stop-color","#9B59B6").attr("stop-opacity",1),b.append("stop").attr("offset","50%").attr("stop-color","#7B68A6").attr("stop-opacity",1),b.append("stop").attr("offset","100%").attr("stop-color","#3498DB").attr("stop-opacity",1);const v=O(18,43,3).map(o=>({value:o,label:o===24?"12 AM":o===36?"12 PM":o%24===0?"12 AM":o%24<12?`${o%24} AM`:o%24===12?"12 PM":`${o%24-12} PM`}));m.append("g").attr("class",d.xAxis).attr("transform",`translate(0,${x})`).call(mt(i).tickValues(v.map(o=>o.value)).tickFormat(o=>{const c=v.find(k=>k.value===o);return c?c.label:""}).tickSizeOuter(0)).selectAll("text").style("font-weight",o=>{const c=o%24;return c===0||c===12?"600":"400"});const pt=y.filter((o,c)=>c%Math.ceil(y.length/10)===0);m.append("g").attr("class",d.yAxis).call(ft(_).tickValues(pt).tickFormat(o=>{const c=new Date(o);return`${(c.getMonth()+1).toString().padStart(2,"0")}/${c.getDate().toString().padStart(2,"0")}`}))},[e,M,x,h,a,r,t]),l.jsxs("div",{className:d.container,children:[l.jsxs("div",{className:d.header,children:[l.jsx("h3",{className:d.title,children:"Sleep Pattern"}),l.jsxs("div",{className:d.legend,children:[l.jsxs("div",{className:d.legendItem,children:[l.jsx("span",{className:d.sleepDot}),l.jsx("span",{children:"Sleep Time"})]}),l.jsxs("div",{className:d.legendItem,children:[l.jsx("span",{className:d.wakeDot}),l.jsx("span",{children:"Wake Time"})]})]})]}),l.jsx("svg",{ref:n,width:t,height:r,className:d.chart}),s&&l.jsxs("div",{className:`${d.tooltip} ${s?d.visible:""}`,style:{left:`${s.x}px`,top:`${s.y}px`},children:[l.jsxs("div",{className:d.tooltipHeader,children:[l.jsx("span",{className:d.tooltipEmoji,children:"😴"}),l.jsx("span",{children:new Date(s.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})})]}),l.jsxs("div",{className:d.tooltipInfo,children:[s.sleepTime&&l.jsxs("div",{className:d.tooltipRow,children:[l.jsxs("span",{className:d.tooltipLabel,children:[l.jsx("span",{children:"🌙"}),l.jsx("span",{children:"Sleep:"})]}),l.jsx("span",{className:d.tooltipValue,children:s.sleepTime})]}),s.wakeTime&&l.jsxs("div",{className:d.tooltipRow,children:[l.jsxs("span",{className:d.tooltipLabel,children:[l.jsx("span",{children:"☀️"}),l.jsx("span",{children:"Wake:"})]}),l.jsx("span",{className:d.tooltipValue,children:s.wakeTime})]}),s.duration!==null&&l.jsxs("div",{className:d.tooltipDuration,children:[l.jsx("span",{children:"⏱️"}),l.jsxs("span",{children:[Math.floor(s.duration),"h ",Math.round(s.duration%1*60),"m"]})]})]})]})]})};dt.__docgenInfo={description:"",methods:[],displayName:"SleepChart",props:{sleepData:{required:!0,tsType:{name:"Array",elements:[{name:"SleepData"}],raw:"SleepData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: string) => void",signature:{arguments:[{type:{name:"string"},name:"date"}],return:{name:"void"}}},description:""}}};const Xt={title:"Organisms/Charts/SleepChart",component:dt,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},onDateClick:{action:"dateClicked"}}},T=e=>{const t=[],r=new Date;for(let a=e-1;a>=0;a--){const n=new Date(r);n.setDate(n.getDate()-a),t.push(n.toISOString().split("T")[0])}return t},D={args:{sleepData:T(7).map(e=>{const t=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:e,sleep_time:`${t%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${r}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:800,height:400}},A={args:{sleepData:T(30).map(e=>({date:e,sleep_time:`${(Math.floor(Math.random()*3)+22)%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${Math.floor(Math.random()*2)+7}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`})),width:900,height:400}},N={args:{sleepData:T(14).map((e,t)=>{const r=t%7===5||t%7===6,a=r?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,n=r?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:e,sleep_time:`${a%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${n}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},H={args:{sleepData:T(14).map((e,t)=>({date:e,sleep_time:t%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:t%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},I={args:{sleepData:[],width:800,height:400}};var X,Y,z;D.parameters={...D.parameters,docs:{...(X=D.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(7).map(date => {
-      const bedHour = Math.floor(Math.random() * 3) + 22;
-      const wakeHour = Math.floor(Math.random() * 3) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 800,
-    height: 400
-  }
-}`,...(z=(Y=D.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var U,J,K;A.parameters={...A.parameters,docs:{...(U=A.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(30).map(date => ({
-      date,
-      sleep_time: \`\${(Math.floor(Math.random() * 3) + 22) % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-      wake_hour: \`\${Math.floor(Math.random() * 2) + 7}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-    })),
-    width: 900,
-    height: 400
-  }
-}`,...(K=(J=A.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,Z,tt;N.parameters={...N.parameters,docs:{...(Q=N.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => {
-      // Simulate irregular sleep pattern
-      const isWeekend = i % 7 === 5 || i % 7 === 6;
-      const bedHour = isWeekend ? Math.floor(Math.random() * 4) + 24 : Math.floor(Math.random() * 2) + 22;
-      const wakeHour = isWeekend ? Math.floor(Math.random() * 3) + 9 : Math.floor(Math.random() * 2) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 850,
-    height: 400
-  }
-}`,...(tt=(Z=N.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};var et,at,rt;H.parameters={...H.parameters,docs:{...(et=H.parameters)==null?void 0:et.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => ({
-      date,
-      // Some days have missing data
-      sleep_time: i % 3 === 0 ? null : \`\${(Math.floor(Math.random() * 3) + 22) % 24}:30\`,
-      wake_hour: i % 3 === 0 ? null : \`\${Math.floor(Math.random() * 2) + 7}:00\`
-    })),
-    width: 800,
-    height: 400
-  }
-}`,...(rt=(at=H.parameters)==null?void 0:at.docs)==null?void 0:rt.source}}};var nt,ot,st;I.parameters={...I.parameters,docs:{...(nt=I.parameters)==null?void 0:nt.docs,source:{originalSource:`{
-  args: {
-    sleepData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(st=(ot=I.parameters)==null?void 0:ot.docs)==null?void 0:st.source}}};const Yt=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{I as EmptyState,N as IrregularSleep,H as MissingSleepData,A as MonthlySleep,D as WeeklySleep,Yt as __namedExportsOrder,Xt as default};

package/storybook-static/assets/Slider-Bq7zObwV.css

@@ -1 +0,0 @@
-._slider_11ix8_2{display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-primary);width:100%}._label_11ix8_11{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin:0}._sliderContainer_11ix8_19{position:relative;display:flex;align-items:center;width:100%;height:24px;cursor:pointer}._track_11ix8_29{position:absolute;width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}._fill_11ix8_41{height:100%;background:var(--color-primary);border-radius:3px;position:relative;overflow:hidden}._fill_11ix8_41:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%);animation:_shimmer_11ix8_1 2s infinite}@keyframes _shimmer_11ix8_1{0%{transform:translate(-100%)}to{transform:translate(100%)}}._input_11ix8_69{position:absolute;width:100%;height:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;z-index:2}._input_11ix8_69::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent}._input_11ix8_69::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:pointer}._thumb_11ix8_96{position:absolute;width:20px;height:20px;background:var(--color-primary);border:3px solid var(--color-background);border-radius:50%;transform:translate(-50%);cursor:pointer;z-index:3;box-shadow:0 2px 8px #0003}._thumb_11ix8_96:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--color-background);border-radius:50%;transform:translate(-50%,-50%)}._ripple_11ix8_122{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);pointer-events:none}._tooltip_11ix8_135{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap;z-index:10;box-shadow:var(--shadow-md)}._tooltipArrow_11ix8_152{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary)}._valueDisplay_11ix8_165{font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}._labelsContainer_11ix8_177{position:relative;width:100%;height:24px;margin-top:var(--spacing-xs)}._labelItem_11ix8_184{position:absolute;transform:translate(-50%);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}._size-sm_11ix8_199{font-size:var(--font-size-xs)}._size-sm_11ix8_199 ._track_11ix8_29{height:4px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19:hover ._track_11ix8_29{height:6px}._size-sm_11ix8_199 ._thumb_11ix8_96{width:16px;height:16px;border-width:2px}._size-sm_11ix8_199 ._thumb_11ix8_96:before{width:4px;height:4px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19{height:20px}._size-lg_11ix8_226{font-size:var(--font-size-lg)}._size-lg_11ix8_226 ._track_11ix8_29{height:8px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19:hover ._track_11ix8_29{height:10px}._size-lg_11ix8_226 ._thumb_11ix8_96{width:24px;height:24px;border-width:4px}._size-lg_11ix8_226 ._thumb_11ix8_96:before{width:8px;height:8px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19{height:28px}._disabled_11ix8_254{opacity:.5;pointer-events:none;cursor:not-allowed}._disabled_11ix8_254 ._sliderContainer_11ix8_19,._disabled_11ix8_254 ._thumb_11ix8_96{cursor:not-allowed}._loading_11ix8_269{opacity:.7;pointer-events:none}._loadingTrack_11ix8_274{position:relative;width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}._loadingIndicator_11ix8_283{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:3px}._input_11ix8_69:focus-visible+._thumb_11ix8_96{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){._track_11ix8_29{background:var(--color-border);box-shadow:inset 0 1px 2px #0000004d}._thumb_11ix8_96{box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff1a}._sliderContainer_11ix8_19:hover ._thumb_11ix8_96{box-shadow:0 4px 12px #00000080,0 0 0 1px #fff3}._fill_11ix8_41:after{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%)}}@media (prefers-contrast: high){._track_11ix8_29{border:1px solid var(--color-text)}._thumb_11ix8_96{border-width:2px;border-color:var(--color-text)}._fill_11ix8_41{border:1px solid var(--color-text)}}@media (prefers-reduced-motion: reduce){._fill_11ix8_41:after{animation:none}}@media (max-width: 768px){._thumb_11ix8_96{width:24px;height:24px}._size-sm_11ix8_199 ._thumb_11ix8_96{width:20px;height:20px}._size-lg_11ix8_226 ._thumb_11ix8_96{width:28px;height:28px}._sliderContainer_11ix8_19{height:32px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19{height:28px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19{height:36px}._labelItem_11ix8_184{min-width:32px;height:32px;font-size:var(--font-size-md)}}

package/storybook-static/assets/Table-DnhtoClE.css

@@ -1 +0,0 @@
-._container_11eom_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;transition:all .2s ease}._container_11eom_1:hover{box-shadow:0 4px 12px #0000001f}._header_11eom_15{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._title_11eom_23{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;flex-shrink:0}._actions_11eom_31{display:flex;gap:var(--spacing-md)}._controls_11eom_37{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}._searchBox_11eom_45{position:relative;display:flex;align-items:center;min-width:280px}._searchIcon_11eom_52{position:absolute;left:12px;font-size:14px;opacity:.6}._searchInput_11eom_59{width:100%;padding:10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;transition:all .2s ease}._searchInput_11eom_59:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}._clearButton_11eom_76{position:absolute;right:8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease}._clearButton_11eom_76:hover{background:var(--color-surface-hover);color:var(--color-text)}._clearFiltersButton_11eom_93{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}._clearFiltersButton_11eom_93:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}._resultCount_11eom_109{margin-left:auto;font-size:14px;color:var(--color-text-secondary);font-weight:500}._loading_11eom_117{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}._spinner_11eom_126{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:_spin_11eom_126 1s linear infinite}@keyframes _spin_11eom_126{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._empty_11eom_141{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}._emptyIcon_11eom_147{font-size:48px;display:block;margin-bottom:var(--spacing-md);opacity:.5}._empty_11eom_141 p{margin:0;font-size:16px}._tableWrapper_11eom_160{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-primary)}._stickyHeader_11eom_167{max-height:60vh;overflow-y:auto}._stickyHeader_11eom_167 thead th{position:sticky;top:0;z-index:10;background:var(--color-background-secondary);border-bottom:2px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}._table_11eom_160{width:100%;border-collapse:collapse;font-size:14px}._table_11eom_160._striped_11eom_189 tbody tr:nth-child(2n){background-color:var(--color-background-secondary)}._table_11eom_160._compact_11eom_193 ._th_11eom_193,._table_11eom_160._compact_11eom_193 ._td_11eom_194{padding:8px 12px}._table_11eom_160._hoverable_11eom_198 tbody tr:hover{background-color:var(--color-surface-hover)}._th_11eom_193{padding:14px 16px;text-align:left;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}._headerCell_11eom_213{display:flex;flex-direction:column;gap:8px;min-width:0}._headerText_11eom_220{color:var(--color-text);font-weight:var(--font-weight-semibold)}._sortButton_11eom_225{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:14px;cursor:pointer;padding:0;text-align:left;transition:color .2s ease}._sortButton_11eom_225:hover{color:var(--color-primary)}._sortIcon_11eom_244{font-size:12px;opacity:.7;transition:all .2s ease}._sortButton_11eom_225:hover ._sortIcon_11eom_244,._sortButton_11eom_225:focus ._sortIcon_11eom_244{opacity:1;color:var(--color-primary)}._sortButton_11eom_225:focus{outline:2px solid var(--color-primary);outline-offset:2px}._columnFilter_11eom_261{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-primary);color:var(--color-text);font-size:12px;min-width:100px;transition:all .2s ease}._columnFilter_11eom_261:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #d4af371a}._tr_11eom_279{border-bottom:1px solid var(--color-border);transform:translateZ(0);contain:layout style paint}._tr_11eom_279._selected_11eom_285{background-color:#d4af3714;border-color:var(--color-primary)}._tr_11eom_279._clickable_11eom_290{cursor:pointer}._tr_11eom_279._clickable_11eom_290:hover,._tr_11eom_279._clickable_11eom_290:focus-within{background-color:var(--color-surface-hover);transition:background-color .15s ease}._tr_11eom_279:focus{outline:2px solid var(--color-primary);outline-offset:-2px}._td_11eom_194{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:top;word-break:break-word;contain:layout style}._checkboxColumn_11eom_315{width:48px;text-align:center;padding:14px 16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._actionsColumn_11eom_326{width:auto;text-align:center;white-space:nowrap;padding:14px 16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._actionButtons_11eom_338{display:flex;gap:6px;justify-content:center;align-items:center;opacity:.7;transition:opacity .2s ease}._actionsColumn_11eom_326:hover ._actionButtons_11eom_338{opacity:1}._actionButton_11eom_338{--action-button-size: 36px;--action-button-border-radius: 50%;--action-button-font-size: 16px;--action-button-shadow: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--action-button-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--action-button-transform-hover: translateY(-2px) scale(1.05);--action-button-transform-active: translateY(-1px) scale(1.02);--action-button-transition: all .25s cubic-bezier(.34, 1.56, .64, 1);--icon-size: 18px;display:inline-flex;align-items:center;justify-content:center;width:var(--action-button-size);height:var(--action-button-size);border-radius:var(--action-button-border-radius);border:none;background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:pointer;transition:var(--action-button-transition);font-size:var(--action-button-font-size);padding:0;position:relative;overflow:hidden;box-shadow:var(--action-button-shadow)}._actionButton_11eom_338:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#fff3,#ffffff0d,#00000005);opacity:0;transition:opacity .3s ease}._actionButton_11eom_338:hover:not(:disabled):before{opacity:1}._actionButton_11eom_338:hover:not(:disabled){transform:var(--action-button-transform-hover);box-shadow:var(--action-button-shadow-hover)}._actionButton_11eom_338:active:not(:disabled){transform:var(--action-button-transform-active);transition-duration:.1s}._actionButton_11eom_338:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}._actionButton_11eom_338:focus{outline:none;box-shadow:0 0 0 3px #d4af374d,0 8px 20px #0000001f,0 4px 12px #00000014}._actionButton_11eom_338 svg{width:var(--icon-size);height:var(--icon-size);transition:all .2s ease}._actionButton_11eom_338:hover:not(:disabled) svg{transform:scale(1.1)}._actionButtonPrimary_11eom_438{background:linear-gradient(135deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 90%,#ff6b35) 100%);color:var(--color-background-primary);box-shadow:0 4px 12px #d4af3740,0 2px 6px #d4af3726}._actionButtonPrimary_11eom_438:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,black),color-mix(in srgb,var(--color-primary) 75%,#ff6b35));box-shadow:0 8px 24px #d4af3759,0 4px 12px #d4af3740}._actionButtonSecondary_11eom_459{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-primary)) 100%);color:var(--color-text)}._actionButtonSecondary_11eom_459:hover:not(:disabled){background:linear-gradient(135deg,var(--color-surface-hover) 0%,color-mix(in srgb,var(--color-surface-hover) 90%,var(--color-primary)) 100%);color:var(--color-primary);box-shadow:0 8px 20px #0000001f,0 0 0 1px #d4af3733}._actionButtonDanger_11eom_478{background:linear-gradient(135deg,#ef44441f,#dc262626);color:#dc2626;box-shadow:0 4px 12px #dc262626,0 2px 6px #dc262614}._actionButtonDanger_11eom_478:hover:not(:disabled){background:linear-gradient(135deg,#ef444433,#dc262640);color:#b91c1c;box-shadow:0 8px 24px #dc262640,0 4px 12px #dc262626}._actionButtonWarning_11eom_500{background:linear-gradient(135deg,#f59e0b1f,#d9770626);color:#d97706;box-shadow:0 4px 12px #d9770626,0 2px 6px #d9770614}._actionButtonWarning_11eom_500:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b33,#d9770640);color:#b45309;box-shadow:0 8px 24px #d9770640,0 4px 12px #d9770626}._actionButtonSuccess_11eom_522{background:linear-gradient(135deg,#22c55e1f,#05966926);color:#059669;box-shadow:0 4px 12px #05966926,0 2px 6px #05966914}._actionButtonSuccess_11eom_522:hover:not(:disabled){background:linear-gradient(135deg,#22c55e33,#05966940);color:#047857;box-shadow:0 8px 24px #05966940,0 4px 12px #05966926}._checkbox_11eom_315{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}._nullValue_11eom_552{color:var(--color-text-secondary);font-style:italic;opacity:.7}._badge_11eom_558{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-medium);min-width:24px}._badgeSuccess_11eom_569{background:#22c55e1a;color:#059669}._badgeDanger_11eom_574{background:#ef44441a;color:#dc2626}._code_11eom_579{background:var(--color-background-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;border:1px solid var(--color-border);display:block;max-width:300px;overflow:auto}._pagination_11eom_593{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}._pageInfo_11eom_602{font-size:14px;color:var(--color-text-secondary);font-weight:500}._pageControls_11eom_608{display:flex;align-items:center;gap:4px}._pageButton_11eom_614{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}._pageButton_11eom_614:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}._pageButton_11eom_614:disabled{opacity:.5;cursor:not-allowed}._pageNumber_11eom_639{padding:8px 16px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text)}._pageSizeSelect_11eom_646{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}._pageSizeSelect_11eom_646:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}@media (max-width: 768px){._container_11eom_1{padding:var(--spacing-md)}._header_11eom_15{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._bulkActions_11eom_675{justify-content:flex-start}._controls_11eom_37{flex-direction:column;align-items:stretch}._searchBox_11eom_45{min-width:auto}._resultCount_11eom_109{margin-left:0;text-align:center}._tableWrapper_11eom_160{overflow-x:auto}._table_11eom_160{min-width:600px}._pagination_11eom_593{flex-direction:column;align-items:center;text-align:center}._pageControls_11eom_608{order:-1;margin-bottom:var(--spacing-sm)}}@media (max-width: 480px){._th_11eom_193,._td_11eom_194{padding:8px}._columnFilter_11eom_261{min-width:80px}._pageButton_11eom_614{padding:6px 8px;min-width:32px}}._bulkActions_11eom_675{display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-end;min-height:42px}._bulkActionButtons_11eom_740{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;animation:_bulkActionsSlideIn_11eom_1 .3s cubic-bezier(.4,0,.2,1)}@keyframes _bulkActionsSlideIn_11eom_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}._bulkActionButton_11eom_740{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:42px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;position:relative;overflow:hidden;background:var(--color-primary);color:var(--color-background-primary)}._bulkActionButton_11eom_740:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}._bulkActionButton_11eom_740:active:not(:disabled){transform:translateY(-1px);transition:all .1s cubic-bezier(.4,0,.2,1)}._bulkActionButton_11eom_740:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}._bulkActionButton_11eom_740:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}._bulkActionButton_11eom_740:hover:not(:disabled):before{left:100%}._selectionCount_11eom_817{font-size:var(--font-size-xs);opacity:.9;font-weight:var(--font-weight-medium);background:#fff3;padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs)}._bulkPrimary_11eom_828{background:linear-gradient(135deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 85%,#fbbf24) 100%);color:var(--color-background-primary);border:1px solid color-mix(in srgb,var(--color-primary) 80%,transparent)}._bulkPrimary_11eom_828:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,black),color-mix(in srgb,var(--color-primary) 75%,#fbbf24))}._bulkSecondary_11eom_844{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-primary)) 100%);color:var(--color-text);border:1px solid var(--color-border)}._bulkSecondary_11eom_844:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-text)),color-mix(in srgb,var(--color-background-secondary) 85%,var(--color-primary)));border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-primary))}._bulkDanger_11eom_861{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}._bulkDanger_11eom_861:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}._bulkWarning_11eom_871{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #d97706}._bulkWarning_11eom_871:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}._bulkSuccess_11eom_881{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}._bulkSuccess_11eom_881:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}._bulkCustom_11eom_891{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-text)) 100%);color:var(--color-text);border:1px solid var(--color-border)}._horizontalScroll_11eom_901{overflow-x:auto;-webkit-overflow-scrolling:touch}._horizontalScroll_11eom_901 ._table_11eom_160{min-width:100%;width:max-content}._horizontalScroll_11eom_901::-webkit-scrollbar{height:8px}._horizontalScroll_11eom_901::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._horizontalScroll_11eom_901::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}._horizontalScroll_11eom_901::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,var(--color-text))}

package/storybook-static/assets/Tabs-D5ZPN7MM.css

@@ -1 +0,0 @@
-._tabs_uhg6g_1{display:flex;gap:0;padding:0;padding-bottom:var(--spacing-md);background:transparent;position:relative;width:100%}._tabs_uhg6g_1:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--color-border-rgb),.1) 10%,rgba(var(--color-border-rgb),.1) 90%,transparent)}._tab_uhg6g_1{position:relative;flex:1 1 0;justify-content:center;padding:16px 24px;background:transparent;border:none;border-radius:0;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-family);letter-spacing:-.02em;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);opacity:.7}._tab_uhg6g_1:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-primary);transform:translate(-50%);transition:width .4s cubic-bezier(.16,1,.3,1);border-radius:3px 3px 0 0}._tab_uhg6g_1:hover{color:var(--color-text);opacity:1;transform:translateY(-2px)}._tab_uhg6g_1:hover:before{width:30%}._tab_uhg6g_1[data-active=true]:before{width:100%}._activeTabBackground_uhg6g_74{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}._tab_uhg6g_1[data-active=true]{color:var(--color-primary);opacity:1;transform:translateY(-2px)}._tabIcon_uhg6g_87{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}._tab_uhg6g_1:hover ._tabIcon_uhg6g_87{transform:rotate(5deg) scale(1.1)}._tab_uhg6g_1[data-active=true] ._tabIcon_uhg6g_87{transform:rotate(0) scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb),.3))}._tab_uhg6g_1:active{transform:translateY(0)}._tab_uhg6g_1:active ._tabIcon_uhg6g_87{transform:scale(.95)}

package/storybook-static/assets/TextArea.stories-Bpqlv7j5.js

@@ -1,155 +0,0 @@
-import{r as h,j as e}from"./iframe-B8pH-Lvr.js";import{T as u}from"./TextArea-DKx3k6hV.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    label: 'Description',
-    value: '',
-    placeholder: 'Enter your description here...',
-    rows: 4,
-    onChange: () => {}
-  }
-}`,...(v=(C=s.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var f,y,w;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    label: 'Bio',
-    value: 'Software developer passionate about creating great user experiences.',
-    placeholder: 'Tell us about yourself...',
-    rows: 4,
-    maxLength: 200,
-    onChange: () => {}
-  }
-}`,...(w=(y=l.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var T,I,A;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    label: 'Required Message',
-    value: '',
-    placeholder: 'This field is required',
-    required: true,
-    rows: 3,
-    onChange: () => {}
-  }
-}`,...(A=(I=i.parameters)==null?void 0:I.docs)==null?void 0:A.source}}};var S,R,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    label: 'Notes',
-    value: '',
-    placeholder: 'Compact mode for arrays...',
-    rows: 3,
-    compact: true,
-    onChange: () => {}
-  }
-}`,...(j=(R=c.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var D,L,k;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    label: '',
-    value: '',
-    placeholder: 'No label, compact mode...',
-    rows: 2,
-    compact: true,
-    onChange: () => {}
-  }
-}`,...(k=(L=m.parameters)==null?void 0:L.docs)==null?void 0:k.source}}};var q,B,z;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    label: 'Comparison',
-    value: '',
-    onChange: () => {}
-  },
-  render: () => {
-    const [regularText, setRegularText] = useState('');
-    const [compactText, setCompactText] = useState('');
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '2rem',
-      width: '400px'
-    }}>
-                <div>
-                    <h4 style={{
-          marginBottom: '1rem',
-          color: '#333'
-        }}>Regular TextArea</h4>
-                    <TextArea label="Description" value={regularText} onChange={setRegularText} placeholder="Regular size textarea..." rows={4} maxLength={200} />
-                </div>
-                <div>
-                    <h4 style={{
-          marginBottom: '1rem',
-          color: '#333'
-        }}>Compact TextArea</h4>
-                    <TextArea label="Description" value={compactText} onChange={setCompactText} placeholder="Compact size textarea..." rows={4} maxLength={200} compact />
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(z=(B=d.parameters)==null?void 0:B.docs)==null?void 0:z.source}}};var E,M,N;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    label: 'Array Demo',
-    value: '',
-    onChange: () => {}
-  },
-  render: () => {
-    const [items, setItems] = useState(['First item with some text', '']);
-    const handleItemChange = (index: number, value: string) => {
-      const newItems = [...items];
-      newItems[index] = value;
-      setItems(newItems);
-    };
-    const addItem = () => {
-      setItems([...items, '']);
-    };
-    const removeItem = (index: number) => {
-      setItems(items.filter((_, i) => i !== index));
-    };
-    return <div style={{
-      width: '400px'
-    }}>
-                <h4 style={{
-        marginBottom: '1rem',
-        color: '#333'
-      }}>
-                    TextArea in Array Context (Compact Mode)
-                </h4>
-                <div style={{
-        background: '#f8f9fa',
-        padding: '1rem',
-        borderRadius: '8px',
-        border: '1px solid #dee2e6'
-      }}>
-                    {items.map((item, index) => <div key={index} style={{
-          display: 'flex',
-          alignItems: 'flex-start',
-          gap: '0.5rem',
-          marginBottom: index < items.length - 1 ? '1rem' : '0'
-        }}>
-                            <TextArea label="" value={item} onChange={value => handleItemChange(index, value)} placeholder={\`Item \${index + 1}...\`} rows={2} compact />
-                            <button onClick={() => removeItem(index)} style={{
-            background: '#dc3545',
-            color: 'white',
-            border: 'none',
-            borderRadius: '4px',
-            padding: '4px 8px',
-            cursor: 'pointer',
-            fontSize: '12px',
-            marginTop: '2px'
-          }}>
-                                x
-                            </button>
-                        </div>)}
-                    <button onClick={addItem} style={{
-          background: '#007bff',
-          color: 'white',
-          border: 'none',
-          borderRadius: '4px',
-          padding: '8px 16px',
-          cursor: 'pointer',
-          fontSize: '14px',
-          marginTop: '1rem'
-        }}>
-                        + Add Item
-                    </button>
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(N=(M=p.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};const P=["Default","WithCharacterLimit","Required","Compact","CompactWithoutLabel","CompactComparison","ArrayInputDemo"];export{p as ArrayInputDemo,c as Compact,d as CompactComparison,m as CompactWithoutLabel,s as Default,i as Required,l as WithCharacterLimit,P as __namedExportsOrder,O as default};

package/storybook-static/assets/TextInput-BjVJQEYN.css

@@ -1 +0,0 @@
-._textInput_mb1yv_1{margin-bottom:var(--spacing-lg);position:relative}._textInput_mb1yv_1 label{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);transition:color var(--transition-base)}._textInput_mb1yv_1 input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);display:block;transition:all var(--transition-base);min-height:44px;-webkit-appearance:none;outline:none;box-sizing:border-box}._textInput_mb1yv_1 input:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._textInput_mb1yv_1 input:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textInput_mb1yv_1 input::placeholder{color:var(--color-text-secondary);opacity:.6}._textInput_mb1yv_1 input:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none}._textInput_mb1yv_1 input[type=password]{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;letter-spacing:.15em}._textInput_mb1yv_1 input[type=number]::-webkit-inner-spin-button,._textInput_mb1yv_1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._textInput_mb1yv_1 input[type=number]{-moz-appearance:textfield}._required_mb1yv_82{color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:4px}._inputError_mb1yv_89{border-color:var(--color-error)!important;background:linear-gradient(135deg,var(--color-error-bg),var(--color-background))!important;animation:_shake_mb1yv_1 .3s cubic-bezier(.36,.07,.19,.97) both}._inputError_mb1yv_89:focus{box-shadow:0 0 0 3px #f43f5e26!important}._errorMessage_mb1yv_102{position:absolute;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);animation:_slideDown_mb1yv_1 .3s ease-out;font-weight:var(--font-weight-medium)}._errorMessage_mb1yv_102:before{content:"⚠";font-size:1.2em}@keyframes _shake_mb1yv_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes _slideDown_mb1yv_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._success_mb1yv_138 input{border-color:var(--color-success)!important}._success_mb1yv_138:after{content:"✓";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;font-size:var(--font-size-lg);animation:_checkIn_mb1yv_1 .3s ease-out;pointer-events:none}@keyframes _checkIn_mb1yv_1{0%{opacity:0;transform:translateY(-50%) scale(0) rotate(-45deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}._loading_mb1yv_167 input{background-image:linear-gradient(90deg,var(--color-background) 0%,rgba(124,58,237,.05) 50%,var(--color-background) 100%);background-size:200% 100%;animation:_loading_mb1yv_167 2s ease-in-out infinite}@keyframes _loading_mb1yv_167{0%{background-position:200% 0}to{background-position:-200% 0}}._withIcon_mb1yv_184{position:relative}._withIcon_mb1yv_184 input{padding-left:44px}._inputIcon_mb1yv_192{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:20px;height:20px;pointer-events:none;transition:color var(--transition-base)}._textInput_mb1yv_1 input:focus~._inputIcon_mb1yv_192{color:var(--color-primary)}._withAction_mb1yv_209 input{padding-right:100px}._actionButton_mb1yv_213{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px 12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}._actionButton_mb1yv_213:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%) scale(1.05)}._actionButton_mb1yv_213:active{transform:translateY(-50%) scale(.95)}[data-theme=dark] ._textInput_mb1yv_1 input{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textInput_mb1yv_1 input:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textInput_mb1yv_1 input:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._inputError_mb1yv_89{background:linear-gradient(135deg,rgba(244,63,94,.1),var(--color-background-secondary))!important}[data-theme=dark] ._inputIcon_mb1yv_192{color:var(--color-text-tertiary)}[data-theme=dark] ._textInput_mb1yv_1 input:focus~._inputIcon_mb1yv_192{color:var(--color-primary-light)}@media (max-width: 768px){._textInput_mb1yv_1{margin-bottom:var(--spacing-md)}._textInput_mb1yv_1 label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_mb1yv_1 input{min-height:48px;padding:var(--spacing-md);font-size:16px;border-radius:var(--radius-md)}._withIcon_mb1yv_184 input{padding-left:48px}._inputIcon_mb1yv_192{left:var(--spacing-md);width:24px;height:24px}._errorMessage_mb1yv_102{font-size:var(--font-size-sm);position:static;margin-top:var(--spacing-sm)}}@media (prefers-contrast: high){._textInput_mb1yv_1 input{border-width:3px}._textInput_mb1yv_1 input:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textInput_mb1yv_1 input,._inputIcon_mb1yv_192,._errorMessage_mb1yv_102{animation:none;transition:none}}._textInput_mb1yv_1 input:-webkit-autofill,._textInput_mb1yv_1 input:-webkit-autofill:hover,._textInput_mb1yv_1 input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0px 1000px var(--color-background) inset;transition:background-color 5000s ease-in-out 0s;border:2px solid var(--color-primary)}._textInput_mb1yv_1 input[type=search]::-webkit-search-decoration,._textInput_mb1yv_1 input[type=search]::-webkit-search-cancel-button,._textInput_mb1yv_1 input[type=search]::-webkit-search-results-button,._textInput_mb1yv_1 input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}

package/storybook-static/assets/TextInput-CLyTHgK9.js

@@ -1,28 +0,0 @@
-import{R as _,j as n}from"./iframe-B8pH-Lvr.js";import{u as T}from"./useSound-Bk2W5gkV.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=_.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
-
-@component
-@description
-A foundational input component that provides a clean, accessible text field with
-built-in support for labels, validation errors, and various HTML5 input types.
-Follows design system tokens for consistent theming across light/dark modes.
-
-@example
-// Basic usage
-<TextInput
-  label="Email Address"
-  value={email}
-  onChange={setEmail}
-  type="email"
-  placeholder="Enter your email"
-/>
-
-@example
-// With validation error
-<TextInput
-  label="Password"
-  value={password}
-  onChange={setPassword}
-  type="password"
-  error="Password must be at least 8 characters"
-  required
-/>`,methods:[],displayName:"TextInput",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},enableTypingSounds:{defaultValue:{value:"false",computed:!1},required:!1}}};export{H as T};

package/storybook-static/assets/TextInput.stories-BP1LSkLG.js

@@ -1,203 +0,0 @@
-import{j as e,r as l}from"./iframe-B8pH-Lvr.js";import{T as r}from"./TextInput-CLyTHgK9.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";const ae={title:"Atoms/TextInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the input"},value:{control:"text",description:"Current value of the input"},placeholder:{control:"text",description:"Placeholder text"},error:{control:"text",description:"Error message to display"},type:{control:"select",options:["text","email","password","tel","url"],description:"Input type"},required:{control:"boolean",description:"Whether the input is required"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},d={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},p={args:{label:"Username",value:"john_doe",placeholder:"Enter username",onChange:()=>{}}},i={args:{label:"Email Address",value:"",type:"email",placeholder:"john.doe@example.com",onChange:()=>{}}},u={args:{label:"Password",value:"",type:"password",placeholder:"Enter password",onChange:()=>{}}},m={args:{label:"Phone Number",value:"",type:"tel",placeholder:"+1 (555) 123-4567",onChange:()=>{}}},c={args:{label:"Required Field",value:"",placeholder:"This field is required",required:!0,onChange:()=>{}}},h={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},g={args:{label:"Full Name",value:"",placeholder:"Enter your full name",onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Full Name",value:n,onChange:v,placeholder:"Enter your full name"}),e.jsx(r,{label:"Email",type:"email",value:o,onChange:w,placeholder:"john.doe@example.com"}),e.jsx(r,{label:"Password",type:"password",value:a,onChange:t,placeholder:"Enter password"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsx("strong",{children:"Form Values:"})}),e.jsxs("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem",fontSize:"0.875rem"},children:[e.jsxs("li",{children:["Name: ",n||"(empty)"]}),e.jsxs("li",{children:["Email: ",o||"(empty)"]}),e.jsxs("li",{children:["Password: ",a?"•".repeat(a.length):"(empty)"]})]})]})]})},parameters:{controls:{disable:!0}}},x={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState({}),Y=()=>{const s={};n||(s.username="Username is required"),o?o.length<6&&(s.password="Password must be at least 6 characters"):s.password="Password is required",t(s)};return e.jsxs("div",{style:{padding:"2rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Username",value:n,onChange:s=>{v(s),a.username&&t(y=>({...y,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(r,{label:"Password",type:"password",value:o,onChange:s=>{w(s),a.password&&t(y=>({...y,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:Y,style:{padding:"0.75rem 1rem",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}},b={args:{label:"Text Input",value:"",placeholder:"Regular text",onChange:()=>{}},render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Text Input",value:"",onChange:()=>{},placeholder:"Regular text"}),e.jsx(r,{label:"Email Input",type:"email",value:"",onChange:()=>{},placeholder:"email@example.com"}),e.jsx(r,{label:"Password Input",type:"password",value:"",onChange:()=>{},placeholder:"Password"}),e.jsx(r,{label:"Phone Input",type:"tel",value:"",onChange:()=>{},placeholder:"+1 (555) 123-4567"}),e.jsx(r,{label:"URL Input",type:"url",value:"",onChange:()=>{},placeholder:"https://example.com"}),e.jsx(r,{label:"Required Field",required:!0,value:"",onChange:()=>{},placeholder:"Required"}),e.jsx(r,{label:"With Error",error:"This field has an error",value:"",onChange:()=>{}})]}),parameters:{controls:{disable:!0}}};var f,E,C;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    label: 'Name',
-    value: '',
-    placeholder: 'Enter your name',
-    onChange: () => {}
-  }
-}`,...(C=(E=d.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};var j,P,T;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    label: 'Username',
-    value: 'john_doe',
-    placeholder: 'Enter username',
-    onChange: () => {}
-  }
-}`,...(T=(P=p.parameters)==null?void 0:P.docs)==null?void 0:T.source}}};var I,S,q;i.parameters={...i.parameters,docs:{...(I=i.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    label: 'Email Address',
-    value: '',
-    type: 'email',
-    placeholder: 'john.doe@example.com',
-    onChange: () => {}
-  }
-}`,...(q=(S=i.parameters)==null?void 0:S.docs)==null?void 0:q.source}}};var R,N,U;u.parameters={...u.parameters,docs:{...(R=u.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    label: 'Password',
-    value: '',
-    type: 'password',
-    placeholder: 'Enter password',
-    onChange: () => {}
-  }
-}`,...(U=(N=u.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};var F,L,W;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    label: 'Phone Number',
-    value: '',
-    type: 'tel',
-    placeholder: '+1 (555) 123-4567',
-    onChange: () => {}
-  }
-}`,...(W=(L=m.parameters)==null?void 0:L.docs)==null?void 0:W.source}}};var k,D,A;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    label: 'Required Field',
-    value: '',
-    placeholder: 'This field is required',
-    required: true,
-    onChange: () => {}
-  }
-}`,...(A=(D=c.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var z,V,_;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    label: 'Email',
-    value: 'invalid-email',
-    type: 'email',
-    error: 'Please enter a valid email address',
-    onChange: () => {}
-  }
-}`,...(_=(V=h.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var B,O,G;g.parameters={...g.parameters,docs:{...(B=g.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    label: 'Full Name',
-    value: '',
-    placeholder: 'Enter your full name',
-    onChange: () => {}
-  },
-  render: () => {
-    const [name, setName] = useState('');
-    const [email, setEmail] = useState('');
-    const [password, setPassword] = useState('');
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '1rem',
-      width: '300px'
-    }}>
-                <TextInput label="Full Name" value={name} onChange={setName} placeholder="Enter your full name" />
-                <TextInput label="Email" type="email" value={email} onChange={setEmail} placeholder="john.doe@example.com" />
-                <TextInput label="Password" type="password" value={password} onChange={setPassword} placeholder="Enter password" />
-                <div style={{
-        marginTop: '1rem',
-        padding: '1rem',
-        background: '#f5f5f5',
-        borderRadius: '4px'
-      }}>
-                    <p style={{
-          margin: 0,
-          fontSize: '0.875rem'
-        }}>
-                        <strong>Form Values:</strong>
-                    </p>
-                    <ul style={{
-          margin: '0.5rem 0 0',
-          paddingLeft: '1.5rem',
-          fontSize: '0.875rem'
-        }}>
-                        <li>Name: {name || '(empty)'}</li>
-                        <li>Email: {email || '(empty)'}</li>
-                        <li>Password: {password ? '\\u2022'.repeat(password.length) : '(empty)'}</li>
-                    </ul>
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(G=(O=g.parameters)==null?void 0:O.docs)==null?void 0:G.source}}};var H,J,K;x.parameters={...x.parameters,docs:{...(H=x.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    label: 'Username',
-    value: '',
-    placeholder: 'Enter username',
-    required: true,
-    onChange: () => {}
-  },
-  render: () => {
-    const [username, setUsername] = useState('');
-    const [password, setPassword] = useState('');
-    const [errors, setErrors] = useState<{
-      username?: string;
-      password?: string;
-    }>({});
-    const handleSubmit = () => {
-      const newErrors: {
-        username?: string;
-        password?: string;
-      } = {};
-      if (!username) newErrors.username = 'Username is required';
-      if (!password) newErrors.password = 'Password is required';else if (password.length < 6) newErrors.password = 'Password must be at least 6 characters';
-      setErrors(newErrors);
-    };
-    return <div style={{
-      padding: '2rem',
-      background: '#fff',
-      border: '1px solid #e0e0e0',
-      borderRadius: '8px',
-      maxWidth: '400px'
-    }}>
-                <h3 style={{
-        marginTop: 0,
-        marginBottom: '1.5rem'
-      }}>Login</h3>
-                <div style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '1rem'
-      }}>
-                    <TextInput label="Username" value={username} onChange={value => {
-          setUsername(value);
-          if (errors.username) setErrors(prev => ({
-            ...prev,
-            username: undefined
-          }));
-        }} placeholder="Enter username" error={errors.username} required />
-                    <TextInput label="Password" type="password" value={password} onChange={value => {
-          setPassword(value);
-          if (errors.password) setErrors(prev => ({
-            ...prev,
-            password: undefined
-          }));
-        }} placeholder="Enter password" error={errors.password} required />
-                    <button type="button" onClick={handleSubmit} style={{
-          padding: '0.75rem 1rem',
-          backgroundColor: '#007bff',
-          color: 'white',
-          border: 'none',
-          borderRadius: '4px',
-          cursor: 'pointer',
-          marginTop: '0.5rem'
-        }}>
-                        Login
-                    </button>
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(K=(J=x.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var M,Q,X;b.parameters={...b.parameters,docs:{...(M=b.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    label: 'Text Input',
-    value: '',
-    placeholder: 'Regular text',
-    onChange: () => {}
-  },
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '1rem',
-    width: '300px'
-  }}>
-            <TextInput label="Text Input" value="" onChange={() => {}} placeholder="Regular text" />
-            <TextInput label="Email Input" type="email" value="" onChange={() => {}} placeholder="email@example.com" />
-            <TextInput label="Password Input" type="password" value="" onChange={() => {}} placeholder="Password" />
-            <TextInput label="Phone Input" type="tel" value="" onChange={() => {}} placeholder="+1 (555) 123-4567" />
-            <TextInput label="URL Input" type="url" value="" onChange={() => {}} placeholder="https://example.com" />
-            <TextInput label="Required Field" required value="" onChange={() => {}} placeholder="Required" />
-            <TextInput label="With Error" error="This field has an error" value="" onChange={() => {}} />
-        </div>,
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(X=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const se=["Default","WithValue","Email","Password","Phone","Required","WithError","Interactive","LoginForm","AllTypes"];export{b as AllTypes,d as Default,i as Email,g as Interactive,x as LoginForm,u as Password,m as Phone,c as Required,h as WithError,p as WithValue,se as __namedExportsOrder,ae as default};