@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/SelectInput.stories-MyE-GqOw.js

@@ -1,112 +0,0 @@
-import{r as w,j as t}from"./iframe-BUaP2gIF.js";import{S as l}from"./SelectInput-D-AwfWVz.js";import"./preload-helper-C1FmrZbK.js";import"./index-5bdJXrkD.js";const E={title:"Atoms/SelectInput",component:l,parameters:{layout:"centered",docs:{description:{component:"A simple dropdown select component with customizable options."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the select input"},value:{control:"text",description:"Currently selected value"},placeholder:{control:"text",description:"Placeholder text when no value is selected"},onChange:{action:"changed"}}},P=["Option 1","Option 2","Option 3","Option 4"],p=[{label:"United States",value:"us"},{label:"United Kingdom",value:"uk"},{label:"Canada",value:"ca"},{label:"Australia",value:"au"},{label:"Germany",value:"de"},{label:"France",value:"fr"},{label:"Italy",value:"it"},{label:"Spain",value:"es"}],r={args:{label:"Select an option",value:"",options:P,placeholder:"Choose..."}},n={args:{label:"Choose your favorite",value:"Option 2",options:P}},s={args:{label:"Country",value:"uk",options:p,placeholder:"Select a country"}},i={args:{label:"Priority",value:"",options:["Low","Medium","High","Critical"]}},c={render:()=>{var a;const[e,o]=w.useState("");return t.jsxs("div",{children:[t.jsx(l,{label:"Select your country",value:e,onChange:o,options:p,placeholder:"Choose a country"}),e&&t.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",((a=p.find(k=>k.value===e))==null?void 0:a.label)||e]})]})}},u={render:()=>{const[e,o]=w.useState({title:"",category:"",priority:"",assignee:""});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",padding:"1.5rem",background:"#f9f9f9",borderRadius:"8px",minWidth:"300px"},children:[t.jsx("h3",{style:{marginTop:0},children:"Create Task"}),t.jsx(l,{label:"Title",value:e.title,onChange:a=>o({...e,title:a}),options:["Mr","Mrs","Ms","Dr","Prof"],placeholder:"Select title"}),t.jsx(l,{label:"Category",value:e.category,onChange:a=>o({...e,category:a}),options:[{label:"Bug",value:"bug"},{label:"Feature",value:"feature"},{label:"Documentation",value:"docs"},{label:"Testing",value:"test"}],placeholder:"Select category"}),t.jsx(l,{label:"Priority",value:e.priority,onChange:a=>o({...e,priority:a}),options:["Low","Medium","High","Critical"],placeholder:"Select priority"}),t.jsx(l,{label:"Assignee",value:e.assignee,onChange:a=>o({...e,assignee:a}),options:[{label:"John Doe",value:"john"},{label:"Jane Smith",value:"jane"},{label:"Bob Johnson",value:"bob"},{label:"Alice Brown",value:"alice"}],placeholder:"Select assignee"})]})},parameters:{controls:{disable:!0}}};var d,m,g;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  args: {
-    label: 'Select an option',
-    value: '',
-    options: simpleOptions,
-    placeholder: 'Choose...'
-  }
-}`,...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,h,b;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    label: 'Choose your favorite',
-    value: 'Option 2',
-    options: simpleOptions
-  }
-}`,...(b=(h=n.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var y,S,C;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    label: 'Country',
-    value: 'uk',
-    options: countryOptions,
-    placeholder: 'Select a country'
-  }
-}`,...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var f,x,D;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    label: 'Priority',
-    value: '',
-    options: ['Low', 'Medium', 'High', 'Critical']
-  }
-}`,...(D=(x=i.parameters)==null?void 0:x.docs)==null?void 0:D.source}}};var O,j,F;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  render: () => {
-    const [selectedCountry, setSelectedCountry] = useState('');
-    return <div>
-                <SelectInput label="Select your country" value={selectedCountry} onChange={setSelectedCountry} options={countryOptions} placeholder="Choose a country" />
-                {selectedCountry && <p style={{
-        marginTop: '1rem',
-        fontSize: '0.875rem',
-        color: '#666'
-      }}>
-                        Selected: {countryOptions.find(opt => opt.value === selectedCountry)?.label || selectedCountry}
-                    </p>}
-            </div>;
-  }
-}`,...(F=(j=c.parameters)==null?void 0:j.docs)==null?void 0:F.source}}};var T,I,M;u.parameters={...u.parameters,docs:{...(T=u.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  render: () => {
-    const [formData, setFormData] = useState({
-      title: '',
-      category: '',
-      priority: '',
-      assignee: ''
-    });
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '1rem',
-      padding: '1.5rem',
-      background: '#f9f9f9',
-      borderRadius: '8px',
-      minWidth: '300px'
-    }}>
-            <h3 style={{
-        marginTop: 0
-      }}>Create Task</h3>
-            
-            <SelectInput label="Title" value={formData.title} onChange={value => setFormData({
-        ...formData,
-        title: value
-      })} options={['Mr', 'Mrs', 'Ms', 'Dr', 'Prof']} placeholder="Select title" />
-            
-            <SelectInput label="Category" value={formData.category} onChange={value => setFormData({
-        ...formData,
-        category: value
-      })} options={[{
-        label: 'Bug',
-        value: 'bug'
-      }, {
-        label: 'Feature',
-        value: 'feature'
-      }, {
-        label: 'Documentation',
-        value: 'docs'
-      }, {
-        label: 'Testing',
-        value: 'test'
-      }]} placeholder="Select category" />
-            
-            <SelectInput label="Priority" value={formData.priority} onChange={value => setFormData({
-        ...formData,
-        priority: value
-      })} options={['Low', 'Medium', 'High', 'Critical']} placeholder="Select priority" />
-            
-            <SelectInput label="Assignee" value={formData.assignee} onChange={value => setFormData({
-        ...formData,
-        assignee: value
-      })} options={[{
-        label: 'John Doe',
-        value: 'john'
-      }, {
-        label: 'Jane Smith',
-        value: 'jane'
-      }, {
-        label: 'Bob Johnson',
-        value: 'bob'
-      }, {
-        label: 'Alice Brown',
-        value: 'alice'
-      }]} placeholder="Select assignee" />
-        </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(M=(I=u.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};const L=["Default","WithSimpleOptions","WithObjectOptions","NoPlaceholder","Interactive","FormExample"];export{r as Default,u as FormExample,c as Interactive,i as NoPlaceholder,s as WithObjectOptions,n as WithSimpleOptions,L as __namedExportsOrder,E as default};

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

@@ -1 +0,0 @@
-._container_9r92y_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}._header_9r92y_7{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}._title_9r92y_14{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}._legend_9r92y_20{display:flex;gap:var(--spacing-xl)}._legendItem_9r92y_25{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._sleepDot_9r92y_33{width:12px;height:12px;border-radius:var(--radius-full);background:#9b59b6}._wakeDot_9r92y_40{width:12px;height:12px;border-radius:var(--radius-full);background:#3498db}._chart_9r92y_47{display:block}._gridLine_9r92y_51{stroke:var(--color-border);stroke-opacity:.1;stroke-dasharray:2,2}._sleepBar_9r92y_57{transition:var(--transition-base)}._sleepBar_9r92y_57:hover{filter:brightness(1.1)}._xAxis_9r92y_65,._yAxis_9r92y_66{color:var(--color-text-secondary);font-size:var(--font-size-xs)}._xAxis_9r92y_65 line,._xAxis_9r92y_65 path,._yAxis_9r92y_66 line,._yAxis_9r92y_66 path{stroke:var(--color-border)}._xAxis_9r92y_65 text,._yAxis_9r92y_66 text{fill:var(--color-text-secondary)}

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

@@ -1,58 +0,0 @@
-import{r as B,j as f}from"./iframe-BUaP2gIF.js";import{s as I}from"./transform-NloTqvdv.js";import{i as Z,l as rt,a as nt,b as ot}from"./linear-4t_RuQok.js";import"./preload-helper-C1FmrZbK.js";class N extends Map{constructor(e,r=lt){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),e!=null)for(const[a,n]of e)this.set(a,n)}get(e){return super.get(R(this,e))}has(e){return super.has(R(this,e))}set(e,r){return super.set(st(this,e),r)}delete(e){return super.delete(it(this,e))}}function R({_intern:t,_key:e},r){const a=e(r);return t.has(a)?t.get(a):r}function st({_intern:t,_key:e},r){const a=e(r);return t.has(a)?t.get(a):(t.set(a,r),r)}function it({_intern:t,_key:e},r){const a=e(r);return t.has(a)&&(r=t.get(a),t.delete(a)),r}function lt(t){return t!==null&&typeof t=="object"?t.valueOf():t}function T(t,e,r){t=+t,e=+e,r=(n=arguments.length)<2?(e=t,t=0,1):n<3?1:+r;for(var a=-1,n=Math.max(0,Math.ceil((e-t)/r))|0,o=new Array(n);++a<n;)o[a]=t+a*r;return o}const O=Symbol("implicit");function tt(){var t=new N,e=[],r=[],a=O;function n(o){let l=t.get(o);if(l===void 0){if(a!==O)return a;t.set(o,l=e.push(o)-1)}return r[l%r.length]}return n.domain=function(o){if(!arguments.length)return e.slice();e=[],t=new N;for(const l of o)t.has(l)||t.set(l,e.push(l)-1);return n},n.range=function(o){return arguments.length?(r=Array.from(o),n):r.slice()},n.unknown=function(o){return arguments.length?(a=o,n):a},n.copy=function(){return tt(e,r).unknown(a)},Z.apply(n,arguments),n}function et(){var t=tt().unknown(void 0),e=t.domain,r=t.range,a=0,n=1,o,l,m=!1,p=0,M=0,d=.5;delete t.unknown;function c(){var i=e().length,x=n<a,y=x?n:a,S=x?a:n;o=(S-y)/Math.max(1,i-p+M*2),m&&(o=Math.floor(o)),y+=(S-y-o*(i-p))*d,l=o*(1-p),m&&(y=Math.round(y),l=Math.round(l));var k=T(i).map(function(s){return y+o*s});return r(x?k.reverse():k)}return t.domain=function(i){return arguments.length?(e(i),c()):e()},t.range=function(i){return arguments.length?([a,n]=i,a=+a,n=+n,c()):[a,n]},t.rangeRound=function(i){return[a,n]=i,a=+a,n=+n,m=!0,c()},t.bandwidth=function(){return l},t.step=function(){return o},t.round=function(i){return arguments.length?(m=!!i,c()):m},t.padding=function(i){return arguments.length?(p=Math.min(1,M=+i),c()):p},t.paddingInner=function(i){return arguments.length?(p=Math.min(1,i),c()):p},t.paddingOuter=function(i){return arguments.length?(M=+i,c()):M},t.align=function(i){return arguments.length?(d=Math.max(0,Math.min(1,i)),c()):d},t.copy=function(){return et(e(),[a,n]).round(m).paddingInner(p).paddingOuter(M).align(d)},Z.apply(c(),arguments)}const dt="_container_9r92y_1",ct="_header_9r92y_7",ut="_title_9r92y_14",pt="_legend_9r92y_20",ht="_legendItem_9r92y_25",mt="_sleepDot_9r92y_33",gt="_wakeDot_9r92y_40",ft="_chart_9r92y_47",Mt="_gridLine_9r92y_51",yt="_sleepBar_9r92y_57",_t="_xAxis_9r92y_65",St="_yAxis_9r92y_66",u={container:dt,header:ct,title:ut,legend:pt,legendItem:ht,sleepDot:mt,wakeDot:gt,chart:ft,gridLine:Mt,sleepBar:yt,xAxis:_t,yAxis:St},W=t=>{const[e,r]=t.split(":").map(Number);return e+r/60},at=({sleepData:t,width:e=800,height:r=300,onDateClick:a})=>{const n=B.useRef(null),o={top:20,right:20,bottom:40,left:60},l=e-o.left-o.right,m=r-o.top-o.bottom;return B.useEffect(()=>{if(!n.current||t.length===0)return;const p=I(n.current);p.selectAll("*").remove();const M=p.append("g").attr("transform",`translate(${o.left},${o.top})`),d=rt().domain([18,42]).range([0,l]),c=t.map(s=>s.date),i=et().domain(c).range([0,m]).paddingInner(.1).paddingOuter(.05);M.selectAll(".grid-line-x").data(T(18,43,3)).enter().append("line").attr("class",u.gridLine).attr("x1",s=>d(s)).attr("y1",0).attr("x2",s=>d(s)).attr("y2",m),t.forEach(s=>{const h=i(s.date);if(h===void 0)return;const w=i.bandwidth(),$=M.append("g").attr("class",u.sleepBar).style("cursor","pointer").on("click",()=>a==null?void 0:a(s.date));let g=null,_=null;s.sleep_time&&(g=W(s.sleep_time),g<18&&(g+=24)),s.wake_hour&&(_=W(s.wake_hour),(g!==null&&_<g-18||g===null&&_<12)&&(_+=24)),g!==null&&_!==null&&$.append("rect").attr("x",d(g)).attr("y",h).attr("width",d(_)-d(g)).attr("height",w).attr("rx",4).attr("fill","url(#sleepGradient)").attr("opacity",.8),g!==null&&$.append("circle").attr("cx",d(g)).attr("cy",h+w/2).attr("r",4).attr("fill","#9B59B6"),_!==null&&$.append("circle").attr("cx",d(_)).attr("cy",h+w/2).attr("r",4).attr("fill","#3498DB"),$.on("mouseenter",function(){I(this).select("rect").transition().duration(200).attr("opacity",1)}).on("mouseleave",function(){I(this).select("rect").transition().duration(200).attr("opacity",.8)})});const y=p.append("defs").append("linearGradient").attr("id","sleepGradient").attr("x1","0%").attr("x2","100%");y.append("stop").attr("offset","0%").attr("stop-color","#9B59B6").attr("stop-opacity",.8),y.append("stop").attr("offset","100%").attr("stop-color","#3498DB").attr("stop-opacity",.8);const S=T(18,43,3).map(s=>({value:s,label:(s%24).toString().padStart(2,"0")+":00"}));M.append("g").attr("class",u.xAxis).attr("transform",`translate(0,${m})`).call(nt(d).tickValues(S.map(s=>s.value)).tickFormat(s=>{const h=S.find(w=>w.value===s);return h?h.label:""}));const k=c.filter((s,h)=>h%Math.ceil(c.length/10)===0);M.append("g").attr("class",u.yAxis).call(ot(i).tickValues(k).tickFormat(s=>{const h=new Date(s);return`${(h.getMonth()+1).toString().padStart(2,"0")}/${h.getDate().toString().padStart(2,"0")}`}))},[t,l,m,o,a]),f.jsxs("div",{className:u.container,children:[f.jsxs("div",{className:u.header,children:[f.jsx("h3",{className:u.title,children:"Sleep Pattern"}),f.jsxs("div",{className:u.legend,children:[f.jsxs("div",{className:u.legendItem,children:[f.jsx("span",{className:u.sleepDot}),f.jsx("span",{children:"Sleep Time"})]}),f.jsxs("div",{className:u.legendItem,children:[f.jsx("span",{className:u.wakeDot}),f.jsx("span",{children:"Wake Time"})]})]})]}),f.jsx("svg",{ref:n,width:e,height:r,className:u.chart})]})};at.__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:"300",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 Dt={title:"Organisms/Charts/SleepChart",component:at,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"}}},A=t=>{const e=[],r=new Date;for(let a=t-1;a>=0;a--){const n=new Date(r);n.setDate(n.getDate()-a),e.push(n.toISOString().split("T")[0])}return e},D={args:{sleepData:A(7).map(t=>{const e=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:t,sleep_time:`${e%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}},b={args:{sleepData:A(30).map(t=>({date:t,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}},v={args:{sleepData:A(14).map((t,e)=>{const r=e%7===5||e%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:t,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:A(14).map((t,e)=>({date:t,sleep_time:e%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:e%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},j={args:{sleepData:[],width:800,height:400}};var E,L,V;D.parameters={...D.parameters,docs:{...(E=D.parameters)==null?void 0:E.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
-  }
-}`,...(V=(L=D.parameters)==null?void 0:L.docs)==null?void 0:V.source}}};var q,G,C;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.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
-  }
-}`,...(C=(G=b.parameters)==null?void 0:G.docs)==null?void 0:C.source}}};var F,P,z;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.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
-  }
-}`,...(z=(P=v.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var J,K,Q;H.parameters={...H.parameters,docs:{...(J=H.parameters)==null?void 0:J.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
-  }
-}`,...(Q=(K=H.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;j.parameters={...j.parameters,docs:{...(U=j.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    sleepData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(Y=(X=j.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};const bt=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{j as EmptyState,v as IrregularSleep,H as MissingSleepData,b as MonthlySleep,D as WeeklySleep,bt as __namedExportsOrder,Dt as default};

package/storybook-static/assets/SunburstChart.stories-CphfyDsR.js

@@ -1,285 +0,0 @@
-import{r as S,j as B}from"./iframe-BUaP2gIF.js";import{s as M,i as te,c as I}from"./transform-NloTqvdv.js";import{a as q}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function ae(e){var n=0,t=e.children,i=t&&t.length;if(!i)n=1;else for(;--i>=0;)n+=t[i].value;e.value=n}function ie(){return this.eachAfter(ae)}function re(e,n){let t=-1;for(const i of this)e.call(n,i,++t,this);return this}function se(e,n){for(var t=this,i=[t],s,c,r=-1;t=i.pop();)if(e.call(n,t,++r,this),s=t.children)for(c=s.length-1;c>=0;--c)i.push(s[c]);return this}function oe(e,n){for(var t=this,i=[t],s=[],c,r,m,l=-1;t=i.pop();)if(s.push(t),c=t.children)for(r=0,m=c.length;r<m;++r)i.push(c[r]);for(;t=s.pop();)e.call(n,t,++l,this);return this}function le(e,n){let t=-1;for(const i of this)if(e.call(n,i,++t,this))return i}function ce(e){return this.eachAfter(function(n){for(var t=+e(n.data)||0,i=n.children,s=i&&i.length;--s>=0;)t+=i[s].value;n.value=t})}function me(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function de(e){for(var n=this,t=he(n,e),i=[n];n!==t;)n=n.parent,i.push(n);for(var s=i.length;e!==t;)i.splice(s,0,e),e=e.parent;return i}function he(e,n){if(e===n)return e;var t=e.ancestors(),i=n.ancestors(),s=null;for(e=t.pop(),n=i.pop();e===n;)s=e,e=t.pop(),n=i.pop();return s}function ue(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function pe(){return Array.from(this)}function fe(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function ge(){var e=this,n=[];return e.each(function(t){t!==e&&n.push({source:t.parent,target:t})}),n}function*ze(){var e=this,n,t=[e],i,s,c;do for(n=t.reverse(),t=[];e=n.pop();)if(yield e,i=e.children)for(s=0,c=i.length;s<c;++s)t.push(i[s]);while(t.length)}function F(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=ve)):n===void 0&&(n=xe);for(var t=new T(e),i,s=[t],c,r,m,l;i=s.pop();)if((r=n(i.data))&&(l=(r=Array.from(r)).length))for(i.children=r,m=l-1;m>=0;--m)s.push(c=r[m]=new T(r[m])),c.parent=i,c.depth=i.depth+1;return t.eachBefore(Ce)}function ye(){return F(this).eachBefore(be)}function xe(e){return e.children}function ve(e){return Array.isArray(e)?e[1]:null}function be(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ce(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function T(e){this.data=e,this.depth=this.height=0,this.parent=null}T.prototype=F.prototype={constructor:T,count:ie,each:re,eachAfter:oe,eachBefore:se,find:le,sum:ce,sort:me,path:de,ancestors:ue,descendants:pe,leaves:fe,links:ge,copy:ye,[Symbol.iterator]:ze};function we(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Se(e,n,t,i,s){for(var c=e.children,r,m=-1,l=c.length,u=e.value&&(i-n)/e.value;++m<l;)r=c[m],r.y0=t,r.y1=s,r.x0=n,r.x1=n+=r.value*u}function Me(){var e=1,n=1,t=0,i=!1;function s(r){var m=r.height+1;return r.x0=r.y0=t,r.x1=e,r.y1=n/m,r.eachBefore(c(n,m)),i&&r.eachBefore(we),r}function c(r,m){return function(l){l.children&&Se(l,l.x0,r*(l.depth+1)/m,l.x1,r*(l.depth+2)/m);var u=l.x0,g=l.y0,p=l.x1-t,d=l.y1-t;p<u&&(u=p=(u+p)/2),d<g&&(g=d=(g+d)/2),l.x0=u,l.y0=g,l.x1=p,l.y1=d}}return s.round=function(r){return arguments.length?(i=!!r,s):i},s.size=function(r){return arguments.length?(e=+r[0],n=+r[1],s):[e,n]},s.padding=function(r){return arguments.length?(t=+r,s):t},s}const Ae="_container_11ons_1",Re="_title_11ons_10",De="_chart_11ons_18",_e="_tooltip_11ons_22",A={container:Ae,title:Re,chart:De,tooltip:_e},j=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],P=e=>{const n=I(e);if(!n)return"#ffffff";const t=n.rgb();return(.299*t.r+.587*t.g+.114*t.b)/255>.5?"#000000":"#ffffff"},Z=({data:e,width:n=500,height:t=500,title:i="Sunburst Chart",tagColors:s={},unit:c="items",centerLabel:r})=>{const m=S.useRef(null),l=S.useRef(new Map).current,u=S.useRef(0),g=Math.min(n,t)/2,p=(d,z)=>{if(s[d]){const y=I(s[d]);if(y)return z>1?y.darker((z-1)*.3).toString():y.toString()}l.has(d)||(l.set(d,j[u.current%j.length]),u.current++);const x=l.get(d)||"#d4af37",E=I(x);return E?E.darker(z*.3).toString():x};return S.useEffect(()=>{if(!m.current||!e)return;const d=M(m.current);d.selectAll("*").remove();const z=d.append("g").attr("transform",`translate(${n/2},${t/2})`),x=F(e).sum(a=>a.size??0).sort((a,o)=>(o.value??0)-(a.value??0)),y=Me().size([2*Math.PI,g*g])(x).descendants(),$=q().startAngle(a=>a.x0).endAngle(a=>a.x1).innerRadius(a=>Math.sqrt(a.y0)).outerRadius(a=>Math.sqrt(a.y1)).cornerRadius(3),b=M("body").append("div").attr("class",A.tooltip).style("opacity",0).style("position","absolute");z.selectAll("path").data(y.filter(a=>a.depth>0&&a.value&&a.value>0)).enter().append("path").attr("d",$).attr("fill",a=>{let o=a;for(;o.depth>1&&o.parent;)o=o.parent;return p(o.data.name,a.depth)}).attr("stroke","var(--bg-primary)").attr("stroke-width",2).style("cursor","pointer").style("filter","drop-shadow(0 1px 3px rgba(0,0,0,0.12))").on("mouseover",function(a,o){const h=q().startAngle(f=>f.x0).endAngle(f=>f.x1).innerRadius(f=>Math.sqrt(f.y0)-2).outerRadius(f=>Math.sqrt(f.y1)+4).cornerRadius(3);M(this).transition().duration(150).attr("d",f=>h(f)).style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.2))").style("opacity",.9),b.transition().duration(200).style("opacity",1);const v=o.value||0,w=(v/(x.value||1)*100).toFixed(1);b.html(`
-                    <div><strong>${o.data.name}</strong></div>
-                    <div>Value: ${v}</div>
-                    <div>${w}% of total</div>
-                `).style("left",a.pageX+10+"px").style("top",a.pageY-28+"px")}).on("mouseout",function(a,o){M(this).transition().duration(150).attr("d",h=>$(h)).style("filter","drop-shadow(0 1px 3px rgba(0,0,0,0.12))").style("opacity",1),b.transition().duration(500).style("opacity",0)});const ee=a=>a.x1-a.x0>.15&&a.depth<=2,L=y.filter(a=>a.depth===1),ne=L.length>0?te.gamma(2.2)(...L.map(a=>p(a.data.name,1)))(.5):"#ffffff",C=P(ne);return z.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","18px").attr("font-weight","bold").attr("fill",C).style("text-shadow",C==="#ffffff"?"0 1px 3px rgba(0,0,0,0.5)":"0 1px 3px rgba(255,255,255,0.5)").text(r||e.name||"Total"),z.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("y",20).attr("font-size","14px").attr("font-weight","500").attr("fill",C).style("text-shadow",C==="#ffffff"?"0 1px 2px rgba(0,0,0,0.4)":"0 1px 2px rgba(255,255,255,0.4)").text(`${(x.value||0).toLocaleString()} ${c}`),z.selectAll("text.segment-label").data(y.filter(a=>a.depth>0&&a.value&&a.value>0&&ee(a))).enter().append("text").attr("class","segment-label").attr("transform",a=>{const o=(a.x0+a.x1)/2,h=(Math.sqrt(a.y0)+Math.sqrt(a.y1))/2,v=Math.cos(o-Math.PI/2)*h,w=Math.sin(o-Math.PI/2)*h;return`translate(${v},${w})`}).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",a=>a.depth===1?"13px":"11px").attr("fill",a=>{let o=a;for(;o.depth>1&&o.parent;)o=o.parent;const h=p(o.data.name,a.depth);return P(h)}).attr("font-weight","600").style("pointer-events","none").style("text-shadow",a=>{let o=a;for(;o.depth>1&&o.parent;)o=o.parent;const h=p(o.data.name,a.depth);return`0 1px 2px ${P(h)==="#ffffff"?"rgba(0,0,0,0.5)":"rgba(255,255,255,0.5)"}`}).text(a=>{const o=a.depth===1?12:8;return a.data.name.substring(0,o)}),()=>{b.remove()}},[e,n,t,l,g]),B.jsxs("div",{className:A.container,children:[B.jsx("h3",{className:A.title,children:i}),B.jsx("svg",{ref:m,width:n,height:t,className:A.chart})]})};Z.__docgenInfo={description:"",methods:[],displayName:"SunburstChart",props:{data:{required:!0,tsType:{name:"SunBurstRecord"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"500",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"500",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Sunburst Chart'",computed:!1}},tagColors:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"string"}],raw:"Record<string, string>"},description:"",defaultValue:{value:"{}",computed:!1}},unit:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'items'",computed:!1}},centerLabel:{required:!1,tsType:{name:"string"},description:""}}};const Ie={title:"Organisms/Charts/SunburstChart",component:Z,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:800,step:50}},height:{control:{type:"number",min:400,max:800,step:50}},title:{control:{type:"text"}}}},R={args:{data:{name:"Activities",children:[{name:"Work",children:[{name:"Coding",size:120},{name:"Meetings",size:60},{name:"Planning",size:45},{name:"Code Review",size:30}]},{name:"Health",children:[{name:"Exercise",size:60},{name:"Cooking",size:45},{name:"Walking",size:30},{name:"Meditation",size:20}]},{name:"Personal",children:[{name:"Reading",size:90},{name:"Gaming",size:60},{name:"Learning",size:75},{name:"Hobbies",size:45}]},{name:"Social",children:[{name:"Family",size:80},{name:"Friends",size:60},{name:"Events",size:30}]}]},width:600,height:600,title:"Daily Time Distribution",tagColors:{Work:"#7c3aed",Health:"#10b981",Personal:"#3b82f6",Social:"#f59e0b",Coding:"#6d28d9",Exercise:"#059669",Reading:"#2563eb",Family:"#ea580c"}}},D={args:{data:{name:"Project",children:[{name:"Frontend",children:[{name:"Components",children:[{name:"UI Components",size:45},{name:"Forms",size:30},{name:"Charts",size:25}]},{name:"Styling",children:[{name:"CSS Modules",size:20},{name:"Themes",size:15},{name:"Animations",size:15}]},{name:"State",children:[{name:"Redux",size:25},{name:"Context",size:15},{name:"Hooks",size:20}]}]},{name:"Backend",children:[{name:"API",children:[{name:"REST",size:40},{name:"GraphQL",size:30}]},{name:"Database",children:[{name:"Models",size:25},{name:"Migrations",size:15}]},{name:"Services",children:[{name:"Auth",size:20},{name:"Email",size:15},{name:"Storage",size:20}]}]},{name:"DevOps",children:[{name:"CI/CD",size:30},{name:"Docker",size:25},{name:"Monitoring",size:20},{name:"Testing",size:35}]}]},width:700,height:700,title:"Project Time Allocation",tagColors:{Frontend:"#8b5cf6",Backend:"#3b82f6",DevOps:"#10b981",Components:"#a78bfa",API:"#60a5fa",Database:"#2563eb"}}},_={args:{data:{name:"Budget",children:[{name:"Essentials",children:[{name:"Rent",size:1500},{name:"Utilities",size:200},{name:"Insurance",size:300},{name:"Groceries",size:400}]},{name:"Transportation",children:[{name:"Car Payment",size:350},{name:"Gas",size:150},{name:"Maintenance",size:100},{name:"Public Transit",size:50}]},{name:"Lifestyle",children:[{name:"Dining Out",size:300},{name:"Entertainment",size:200},{name:"Shopping",size:250},{name:"Subscriptions",size:100}]},{name:"Savings",children:[{name:"Emergency Fund",size:500},{name:"Retirement",size:600},{name:"Investments",size:400}]}]},width:650,height:650,title:"Monthly Budget Distribution",tagColors:{Essentials:"#dc2626",Transportation:"#f59e0b",Lifestyle:"#8b5cf6",Savings:"#10b981"}}},k={args:{data:{name:"Root",children:[{name:"Category A",size:100},{name:"Category B",size:80},{name:"Category C",size:60},{name:"Category D",size:40},{name:"Category E",size:20}]},width:500,height:500,title:"Simple Distribution"}};var O,H,N;R.parameters={...R.parameters,docs:{...(O=R.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    data: {
-      name: 'Activities',
-      children: [{
-        name: 'Work',
-        children: [{
-          name: 'Coding',
-          size: 120
-        }, {
-          name: 'Meetings',
-          size: 60
-        }, {
-          name: 'Planning',
-          size: 45
-        }, {
-          name: 'Code Review',
-          size: 30
-        }]
-      }, {
-        name: 'Health',
-        children: [{
-          name: 'Exercise',
-          size: 60
-        }, {
-          name: 'Cooking',
-          size: 45
-        }, {
-          name: 'Walking',
-          size: 30
-        }, {
-          name: 'Meditation',
-          size: 20
-        }]
-      }, {
-        name: 'Personal',
-        children: [{
-          name: 'Reading',
-          size: 90
-        }, {
-          name: 'Gaming',
-          size: 60
-        }, {
-          name: 'Learning',
-          size: 75
-        }, {
-          name: 'Hobbies',
-          size: 45
-        }]
-      }, {
-        name: 'Social',
-        children: [{
-          name: 'Family',
-          size: 80
-        }, {
-          name: 'Friends',
-          size: 60
-        }, {
-          name: 'Events',
-          size: 30
-        }]
-      }]
-    },
-    width: 600,
-    height: 600,
-    title: 'Daily Time Distribution',
-    tagColors: {
-      Work: '#7c3aed',
-      Health: '#10b981',
-      Personal: '#3b82f6',
-      Social: '#f59e0b',
-      Coding: '#6d28d9',
-      Exercise: '#059669',
-      Reading: '#2563eb',
-      Family: '#ea580c'
-    }
-  }
-}`,...(N=(H=R.parameters)==null?void 0:H.docs)==null?void 0:N.source}}};var G,V,W;D.parameters={...D.parameters,docs:{...(G=D.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    data: {
-      name: 'Project',
-      children: [{
-        name: 'Frontend',
-        children: [{
-          name: 'Components',
-          children: [{
-            name: 'UI Components',
-            size: 45
-          }, {
-            name: 'Forms',
-            size: 30
-          }, {
-            name: 'Charts',
-            size: 25
-          }]
-        }, {
-          name: 'Styling',
-          children: [{
-            name: 'CSS Modules',
-            size: 20
-          }, {
-            name: 'Themes',
-            size: 15
-          }, {
-            name: 'Animations',
-            size: 15
-          }]
-        }, {
-          name: 'State',
-          children: [{
-            name: 'Redux',
-            size: 25
-          }, {
-            name: 'Context',
-            size: 15
-          }, {
-            name: 'Hooks',
-            size: 20
-          }]
-        }]
-      }, {
-        name: 'Backend',
-        children: [{
-          name: 'API',
-          children: [{
-            name: 'REST',
-            size: 40
-          }, {
-            name: 'GraphQL',
-            size: 30
-          }]
-        }, {
-          name: 'Database',
-          children: [{
-            name: 'Models',
-            size: 25
-          }, {
-            name: 'Migrations',
-            size: 15
-          }]
-        }, {
-          name: 'Services',
-          children: [{
-            name: 'Auth',
-            size: 20
-          }, {
-            name: 'Email',
-            size: 15
-          }, {
-            name: 'Storage',
-            size: 20
-          }]
-        }]
-      }, {
-        name: 'DevOps',
-        children: [{
-          name: 'CI/CD',
-          size: 30
-        }, {
-          name: 'Docker',
-          size: 25
-        }, {
-          name: 'Monitoring',
-          size: 20
-        }, {
-          name: 'Testing',
-          size: 35
-        }]
-      }]
-    },
-    width: 700,
-    height: 700,
-    title: 'Project Time Allocation',
-    tagColors: {
-      Frontend: '#8b5cf6',
-      Backend: '#3b82f6',
-      DevOps: '#10b981',
-      Components: '#a78bfa',
-      API: '#60a5fa',
-      Database: '#2563eb'
-    }
-  }
-}`,...(W=(V=D.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};var U,Q,X;_.parameters={..._.parameters,docs:{...(U=_.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    data: {
-      name: 'Budget',
-      children: [{
-        name: 'Essentials',
-        children: [{
-          name: 'Rent',
-          size: 1500
-        }, {
-          name: 'Utilities',
-          size: 200
-        }, {
-          name: 'Insurance',
-          size: 300
-        }, {
-          name: 'Groceries',
-          size: 400
-        }]
-      }, {
-        name: 'Transportation',
-        children: [{
-          name: 'Car Payment',
-          size: 350
-        }, {
-          name: 'Gas',
-          size: 150
-        }, {
-          name: 'Maintenance',
-          size: 100
-        }, {
-          name: 'Public Transit',
-          size: 50
-        }]
-      }, {
-        name: 'Lifestyle',
-        children: [{
-          name: 'Dining Out',
-          size: 300
-        }, {
-          name: 'Entertainment',
-          size: 200
-        }, {
-          name: 'Shopping',
-          size: 250
-        }, {
-          name: 'Subscriptions',
-          size: 100
-        }]
-      }, {
-        name: 'Savings',
-        children: [{
-          name: 'Emergency Fund',
-          size: 500
-        }, {
-          name: 'Retirement',
-          size: 600
-        }, {
-          name: 'Investments',
-          size: 400
-        }]
-      }]
-    },
-    width: 650,
-    height: 650,
-    title: 'Monthly Budget Distribution',
-    tagColors: {
-      Essentials: '#dc2626',
-      Transportation: '#f59e0b',
-      Lifestyle: '#8b5cf6',
-      Savings: '#10b981'
-    }
-  }
-}`,...(X=(Q=_.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,J,K;k.parameters={...k.parameters,docs:{...(Y=k.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    data: {
-      name: 'Root',
-      children: [{
-        name: 'Category A',
-        size: 100
-      }, {
-        name: 'Category B',
-        size: 80
-      }, {
-        name: 'Category C',
-        size: 60
-      }, {
-        name: 'Category D',
-        size: 40
-      }, {
-        name: 'Category E',
-        size: 20
-      }]
-    },
-    width: 500,
-    height: 500,
-    title: 'Simple Distribution'
-  }
-}`,...(K=(J=k.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const Fe=["DailyActivities","ProjectBreakdown","BudgetBreakdown","SimpleData"];export{_ as BudgetBreakdown,R as DailyActivities,D as ProjectBreakdown,k as SimpleData,Fe as __namedExportsOrder,Ie as default};

package/storybook-static/assets/Tabs.stories-c24Ffu3K.js

@@ -1,49 +0,0 @@
-import{j as a,R as G,r as l}from"./iframe-BUaP2gIF.js";import{G as N,r as T,s as q}from"./index-5bdJXrkD.js";import{m as v}from"./proxy-9Y4F2rF8.js";import"./preload-helper-C1FmrZbK.js";function E(e){return N({attr:{role:"img",viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M11.571 11.513H0a5.218 5.218 0 0 0 5.232 5.215h2.13v2.057A5.215 5.215 0 0 0 12.575 24V12.518a1.005 1.005 0 0 0-1.005-1.005zm5.723-5.756H5.736a5.215 5.215 0 0 0 5.215 5.214h2.129v2.058a5.218 5.218 0 0 0 5.215 5.214V6.758a1.001 1.001 0 0 0-1.001-1.001zM23.013 0H11.455a5.215 5.215 0 0 0 5.215 5.215h2.129v2.057A5.215 5.215 0 0 0 24 12.483V1.005A1.001 1.001 0 0 0 23.013 0Z"},child:[]}]})(e)}const F="_tabs_jgahw_1",H="_tab_jgahw_1",J="_tabIcon_jgahw_83",r={tabs:F,tab:H,tabIcon:J},V=[{id:"details",icon:T,label:"Dettagli"},{id:"github",icon:q,label:"GitHub"},{id:"jira",icon:E,label:"Jira"},{id:"functional",icon:T,label:"Analisi funzionale"}],i=({activeTab:e,onTabChange:t,tabs:n,className:C=""})=>{const I=n??V;return a.jsx("div",{className:`${r.tabs} ${C}`,children:I.map(s=>{const u=e===s.id;return a.jsxs(v.button,{className:r.tab,"data-active":u,onClick:()=>t(s.id),style:{position:"relative"},children:[a.jsx(v.div,{animate:{rotate:u?[0,-10,10,-5,5,0]:0},transition:{rotate:{duration:.5,ease:"easeInOut"}},children:s.icon&&(typeof s.icon=="function"?a.jsx("span",{className:r.tabIcon,children:G.createElement(s.icon)}):a.jsx("span",{className:r.tabIcon,children:s.icon}))}),a.jsx("span",{children:s.label})]},s.id)})})};i.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{activeTab:{required:!0,tsType:{name:"string"},description:""},onTabChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(tab: string) => void",signature:{arguments:[{type:{name:"string"},name:"tab"}],return:{name:"void"}}},description:""},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"Tab"}],raw:"Tab[]"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const O={title:"Molecules/Tabs",component:i,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{activeTab:{control:"select",options:["details","github","jira","functional"]}}},c={render:e=>{const[t,n]=l.useState("details");return a.jsx("div",{style:{width:"600px"},children:a.jsx(i,{...e,activeTab:t,onTabChange:n})})},args:{activeTab:"details"}},o={render:e=>{const[t,n]=l.useState("github");return a.jsx("div",{style:{width:"600px"},children:a.jsx(i,{...e,activeTab:t,onTabChange:n})})},args:{activeTab:"github"}},d={render:e=>{const[t,n]=l.useState("jira");return a.jsx("div",{style:{width:"600px"},children:a.jsx(i,{...e,activeTab:t,onTabChange:n})})},args:{activeTab:"jira"}},b={render:e=>{const[t,n]=l.useState("functional");return a.jsx("div",{style:{width:"600px"},children:a.jsx(i,{...e,activeTab:t,onTabChange:n})})},args:{activeTab:"functional"}};var p,m,g;c.parameters={...c.parameters,docs:{...(p=c.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  render: args => {
-    const [activeTab, setActiveTab] = useState<TabType>('details');
-    return <div style={{
-      width: '600px'
-    }}>
-                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
-            </div>;
-  },
-  args: {
-    activeTab: 'details'
-  }
-}`,...(g=(m=c.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var h,x,j;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  render: args => {
-    const [activeTab, setActiveTab] = useState<TabType>('github');
-    return <div style={{
-      width: '600px'
-    }}>
-                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
-            </div>;
-  },
-  args: {
-    activeTab: 'github'
-  }
-}`,...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var y,f,A;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  render: args => {
-    const [activeTab, setActiveTab] = useState<TabType>('jira');
-    return <div style={{
-      width: '600px'
-    }}>
-                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
-            </div>;
-  },
-  args: {
-    activeTab: 'jira'
-  }
-}`,...(A=(f=d.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};var w,S,_;b.parameters={...b.parameters,docs:{...(w=b.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  render: args => {
-    const [activeTab, setActiveTab] = useState<TabType>('functional');
-    return <div style={{
-      width: '600px'
-    }}>
-                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
-            </div>;
-  },
-  args: {
-    activeTab: 'functional'
-  }
-}`,...(_=(S=b.parameters)==null?void 0:S.docs)==null?void 0:_.source}}};const $=["Default","GithubActive","JiraActive","FunctionalActive"];export{c as Default,b as FunctionalActive,o as GithubActive,d as JiraActive,$ as __namedExportsOrder,O as default};

package/storybook-static/assets/TextArea-B_sATPlw.js

@@ -1,28 +0,0 @@
-import{j as t}from"./iframe-BUaP2gIF.js";const C="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",v="_textareaLabel_1p1q8_10",j="_requiredIndicator_1p1q8_25",I="_textareaInput_1p1q8_31",L="_characterCount_1p1q8_90",V="_nearLimit_1p1q8_115",N="_atLimit_1p1q8_124",M="_error_1p1q8_180",T="_success_1p1q8_205",w="_loading_1p1q8_232",A="_focusMode_1p1q8_249",e={textareaContainer:C,compact:b,textareaLabel:v,requiredIndicator:j,textareaInput:I,characterCount:L,nearLimit:V,atLimit:N,error:M,success:T,loading:w,focusMode:A};function y({label:r,value:n,onChange:d,rows:p=5,placeholder:f="",required:o=!1,maxLength:s,disabled:m=!1,error:i=!1,success:h=!1,loading:c=!1,focusMode:_=!1,compact:x=!1}){const l=`textarea-${Math.random().toString(36).substr(2,9)}`,q=()=>{const a=[e.textareaContainer];return i&&a.push(e.error),h&&a.push(e.success),c&&a.push(e.loading),_&&a.push(e.focusMode),x&&a.push(e.compact),a.join(" ")},g=()=>{if(!s)return e.characterCount;const a=[e.characterCount],u=n.length/s*100;return u>=100?a.push(e.atLimit):u>=80&&a.push(e.nearLimit),a.join(" ")};return t.jsxs("div",{className:q(),children:[r&&t.jsxs("label",{htmlFor:l,className:e.textareaLabel,children:[r,o&&t.jsx("span",{className:e.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:l,value:n,onChange:a=>d(a.target.value),rows:p,placeholder:f,maxLength:s,className:e.textareaInput,"aria-required":o,disabled:m||c,"aria-invalid":i}),s&&t.jsxs("div",{className:g(),children:[t.jsx("span",{children:n.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}y.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
-
-@component
-@description
-A resizable text area component designed for longer form content like descriptions,
-comments, or messages. Features automatic character counting when maxLength is set,
-and maintains consistent styling with other form inputs. The component is optimized
-for both desktop and mobile experiences with appropriate touch targets.
-
-@example
-// Basic usage
-<TextArea
-  label="Description"
-  value={description}
-  onChange={setDescription}
-  rows={4}
-  placeholder="Enter a detailed description..."
-/>
-
-@example
-// With character limit
-<TextArea
-  label="Bio"
-  value={bio}
-  onChange={setBio}
-  maxLength={500}
-  required
-/>`,methods:[],displayName:"TextArea",props:{rows:{defaultValue:{value:"5",computed:!1},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},focusMode:{defaultValue:{value:"false",computed:!1},required:!1},compact:{defaultValue:{value:"false",computed:!1},required:!1}}};export{y as T};

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

@@ -1,28 +0,0 @@
-import{j as s}from"./iframe-BUaP2gIF.js";const g="_textInput_mb1yv_1",I="_required_mb1yv_82",w="_inputError_mb1yv_89",j="_errorMessage_mb1yv_102",q="_success_mb1yv_138",E="_loading_mb1yv_167",N="_withIcon_mb1yv_184",A="_inputIcon_mb1yv_192",C="_withAction_mb1yv_209",T="_actionButton_mb1yv_213",e={textInput:g,required:I,inputError:w,errorMessage:j,success:q,loading:E,withIcon:N,inputIcon:A,withAction:C,actionButton:T};function M({label:u,value:c,onChange:d,type:p="text",onFocus:m,onBlur:h,placeholder:_,error:n,required:f,disabled:l=!1,success:v=!1,loading:o=!1,icon:r,actionButton:a,maxLength:b,autoComplete:x}){const i=`input-${Math.random().toString(36).substr(2,9)}`,y=()=>{const t=[e.textInput];return v&&t.push(e.success),o&&t.push(e.loading),r&&t.push(e.withIcon),a&&t.push(e.withAction),t.join(" ")};return s.jsxs("div",{className:y(),children:[s.jsxs("label",{htmlFor:i,children:[u,f&&s.jsx("span",{className:e.required,children:"*"})]}),s.jsxs("div",{style:{position:"relative"},children:[r&&s.jsx("div",{className:e.inputIcon,children:r}),s.jsx("input",{id:i,type:p,value:c,onChange:t=>d(t.target.value),onFocus:m,onBlur:h,placeholder:_,className:n?e.inputError:"","aria-invalid":!!n,"aria-describedby":n?`${i}-error`:void 0,disabled:l||o,maxLength:b,autoComplete:x}),a&&s.jsx("button",{type:"button",className:e.actionButton,onClick:a.onClick,disabled:l||o,children:a.label})]}),n&&s.jsx("span",{id:`${i}-error`,className:e.errorMessage,children:n})]})}M.__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}}};export{M as T};