@k3-universe/react-kit 0.0.21 → 0.0.23

package/storybook-static/assets/FormBuilder-BQBBxo_k.js

@@ -0,0 +1,5 @@
+import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{r as N}from"./iframe-v7iAhKit.js";import{u as Ie,c as Be,o as S,d as Le,e as Ae,f as $e,Z as de,s as R,g as ue,h as me,i as O,n as $,a as G,j as ee,k as ce,l as Me,m as Pe}from"./schemas-CGNYCiJ6.js";import{c as f}from"./utils-D-KgF5mV.js";import{B}from"./button-0oMkiryo.js";import{L as A}from"./label-Do8ODIVk.js";import{A as Ee}from"./Autocomplete-Cpg4CaJe.js";import{I as M}from"./input-11YRd9gD.js";import{T as Oe}from"./textarea-Dw2vruMl.js";import{S as Ue,a as ze,b as De,c as Ze,d as Ge}from"./select-DDrkxaOg.js";import{C as ne}from"./checkbox-CyIeaWHX.js";import{S as ae}from"./switch-CKGRuk3u.js";import{R as He,a as We}from"./radio-group-DiJ0Y_KQ.js";import{C as J,a as K,b as se,c as Q}from"./card-BJpPOzP8.js";import{T as Je,a as Ke,b as pe,c as H,d as Qe,e as W}from"./table-CP3vMqFn.js";import{P as ge,T as ye}from"./trash-2-xdbApPby.js";import{G as Xe}from"./grip-vertical-BxXG8KNA.js";import{S as Ye}from"./SectionBuilder-BQW705x0.js";function he({field:e,value:s,onChange:c,className:m}){const r=(e.options??[]).filter(d=>d.value!==null&&d.value!==void 0).map(d=>({label:d.label,value:d.value}));let i;return e.defaultValue!==void 0&&(e.multiple?Array.isArray(e.defaultValue)?i=e.defaultValue.filter(d=>typeof d=="string"||typeof d=="number"):e.defaultValue===null||e.defaultValue===void 0?i=[]:typeof e.defaultValue=="string"||typeof e.defaultValue=="number"?i=[e.defaultValue]:i=[]:i=typeof e.defaultValue=="string"||typeof e.defaultValue=="number"||e.defaultValue===null?e.defaultValue:null),n.jsx(Ee,{mode:e.autocompleteMode??"client",options:r,fetcher:e.fetcher,pageSize:e.pageSize,multiple:e.multiple,allowCustomValue:e.allowCustomValue,chipVariant:e.chipVariant,chipClassName:e.chipClassName,clearable:e.clearable,defaultValue:i,initialSelectedOptions:e.initialSelectedOptions??null,loadSelected:e.loadSelected,value:e.multiple?Array.isArray(s)?s:s?[s]:[]:s??null,onChange:d=>c(d),placeholder:e.placeholder,searchPlaceholder:e.searchPlaceholder,renderOption:e.renderOption,disabled:e.disabled,className:m})}he.__docgenInfo={description:"",methods:[],displayName:"AutocompleteField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function re({field:e,fieldPath:s,value:c,onChange:m,className:r}){const i=e.type==="email"||e.type==="password"?e.type:"text";return n.jsx(M,{id:s,className:r,disabled:e.disabled,placeholder:e.placeholder,type:i,value:c||"",onChange:d=>m(d.target.value)})}re.__docgenInfo={description:"",methods:[],displayName:"TextField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function fe({field:e,value:s,onChange:c,className:m}){return n.jsx(M,{className:m,disabled:e.disabled,placeholder:e.placeholder,type:"number",value:s??"",onChange:r=>c(Number(r.target.value))})}fe.__docgenInfo={description:"",methods:[],displayName:"NumberField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function ve({field:e,value:s,onChange:c,className:m}){return n.jsx(Oe,{className:m,disabled:e.disabled,placeholder:e.placeholder,value:s||"",onChange:r=>c(r.target.value),rows:4})}ve.__docgenInfo={description:"",methods:[],displayName:"TextareaField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};const en="__NULL__";function be({field:e,value:s,onChange:c,className:m}){var d;const r=y=>y==null?en:String(y),i=y=>{var w;const g=(w=e.options)==null?void 0:w.find(b=>r(b.value)===y);return g?g.value:null};return n.jsxs(Ue,{value:r(s),onValueChange:y=>c(i(y)),disabled:e.disabled,children:[n.jsx(ze,{className:m,children:n.jsx(De,{placeholder:e.placeholder})}),n.jsx(Ze,{children:(d=e.options)==null?void 0:d.map(y=>n.jsx(Ge,{value:r(y.value),children:y.label},r(y.value)))})]})}be.__docgenInfo={description:"",methods:[],displayName:"SelectField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function we({field:e,fieldPath:s,value:c,onChange:m,className:r}){const i=e.labelPlacement??"inline";if(i==="stacked"){const d=`${s}-label`;return n.jsxs("div",{className:"space-y-2",children:[n.jsxs(A,{id:d,className:"text-sm font-medium",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),n.jsx(ne,{"aria-labelledby":d,id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)})]})}return i==="hidden"?n.jsx(ne,{id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)}):n.jsxs("div",{className:"flex items-center space-x-2",children:[n.jsx(ne,{id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)}),n.jsxs(A,{htmlFor:s,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]})]})}we.__docgenInfo={description:"",methods:[],displayName:"CheckboxField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function xe({field:e,fieldPath:s,value:c,onChange:m,className:r}){const i=e.labelPlacement??"inline";if(i==="stacked"){const d=`${s}-label`;return n.jsxs("div",{className:"space-y-2",children:[n.jsxs(A,{id:d,className:"text-sm font-medium",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),n.jsx(ae,{"aria-labelledby":d,id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)})]})}return i==="hidden"?n.jsx(ae,{id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)}):n.jsxs("div",{className:"flex items-center space-x-2",children:[n.jsx(ae,{id:s,checked:c||!1,onCheckedChange:m,disabled:e.disabled,className:f(r)}),n.jsxs(A,{htmlFor:s,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]})]})}xe.__docgenInfo={description:"",methods:[],displayName:"SwitchField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};const nn="__NULL__";function ke({field:e,value:s,onChange:c,className:m,fieldPath:r}){var y;const i=g=>g==null?nn:String(g),d=g=>{var b;const w=(b=e.options)==null?void 0:b.find(j=>i(j.value)===g);return w?w.value:null};return n.jsx(He,{value:i(s),onValueChange:g=>c(d(g)),disabled:e.disabled,className:m,children:(y=e.options)==null?void 0:y.map(g=>n.jsxs("div",{className:"flex items-center space-x-2",children:[n.jsx(We,{value:i(g.value),id:`${r}-${i(g.value)}`}),n.jsx(A,{htmlFor:`${r}-${i(g.value)}`,children:g.label})]},i(g.value)))})}ke.__docgenInfo={description:"",methods:[],displayName:"RadioField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function Te({field:e,value:s,onChange:c,className:m}){return n.jsx(M,{className:m,disabled:e.disabled,placeholder:e.placeholder,type:"date",value:s?new Date(s).toISOString().split("T")[0]:"",onChange:r=>c(r.target.value?new Date(r.target.value):null)})}Te.__docgenInfo={description:"",methods:[],displayName:"DateField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function Ne({field:e,onChange:s,className:c}){return n.jsx(M,{className:c,disabled:e.disabled,placeholder:e.placeholder,type:"file",onChange:m=>{var r;return s(((r=m.target.files)==null?void 0:r[0])||null)}})}Ne.__docgenInfo={description:"",methods:[],displayName:"FileField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function Ce({field:e,control:s,fieldPath:c}){return e.fields?n.jsxs(J,{className:f(e.className),children:[n.jsxs(K,{className:"pb-3",children:[n.jsx(se,{className:"text-base",children:e.label}),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),n.jsx(Q,{className:"space-y-4",children:n.jsx("div",{className:"grid gap-4 md:grid-cols-2",children:e.fields.map(m=>n.jsx(L,{field:m,control:s,parentPath:c},m.name))})})]}):null}Ce.__docgenInfo={description:"",methods:[],displayName:"ObjectField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function je({field:e,control:s,fieldPath:c,value:m,onChange:r}){var b,j,U,z;const{fields:i,append:d,remove:y}=Ie({control:s,name:c}),g=()=>{if(e.arrayLayout==="custom"){d({});return}if(e.fields&&e.fields.length===1){const x=e.fields[0].defaultValue??"";d(x)}else if(e.fields){const x={};e.fields.forEach(v=>{x[v.name]=v.defaultValue??""}),d(x)}else d("")},w=x=>y(x);if(e.arrayLayout==="custom"&&typeof e.arrayRender=="function")return n.jsx(n.Fragment,{children:e.arrayRender({field:e,control:s,fieldPath:c,value:m,onChange:r,addItem:g,removeItem:w,disabled:e.disabled,rows:i})});if(e.arrayLayout==="table"){const x=Array.isArray(e.fields)&&e.fields.length>0,v=e.fields??[],C=x&&v.length===1,D=((b=e.arrayColors)==null?void 0:b.headerBgClass)??"bg-primary",T=((j=e.arrayColors)==null?void 0:j.headerTextClass)??"text-primary-foreground",X=((U=e.arrayColors)==null?void 0:U.rowAltBgClass)??"bg-muted/40";return n.jsxs(J,{className:f(e.className,"py-3 rounded-md gap-3"),children:[n.jsx(K,{children:n.jsxs("div",{className:"flex items-center justify-between",children:[n.jsxs("div",{children:[n.jsx(se,{className:"text-base",children:e.label}),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),n.jsxs(B,{type:"button",variant:"outline",size:"sm",onClick:g,disabled:e.disabled,children:[n.jsx(ge,{className:"h-4 w-4 mr-1"}),"Add Item"]})]})}),n.jsx(Q,{className:"space-y-4",children:i.length===0?n.jsx("p",{className:"text-sm text-muted-foreground text-center py-2",children:'No items added yet. Click "Add Item" to get started.'}):n.jsxs(Je,{children:[n.jsx(Ke,{children:n.jsxs(pe,{className:f(D,T),children:[x?C?n.jsx(H,{className:f(T),children:((z=v[0])==null?void 0:z.label)||"Value"}):v.map(q=>n.jsx(H,{className:f(T),children:q.label||q.name},q.name)):n.jsx(H,{className:f(T),children:"Value"}),n.jsx(H,{className:f(T),children:"Action"})]})}),n.jsx(Qe,{children:i.map((q,F)=>{var P,_;return n.jsxs(pe,{className:f(F%2===1&&X),children:[x?C?n.jsx(W,{children:n.jsx(L,{field:{...v[0],name:(P=v[0])==null?void 0:P.name,label:((_=v[0])==null?void 0:_.label)||"Value"},control:s,parentPath:`${c}.${F}`})}):v.map(k=>n.jsx(W,{children:n.jsx(L,{field:k,control:s,parentPath:`${c}.${F}`})},k.name)):n.jsx(W,{children:n.jsx(M,{value:String((m==null?void 0:m[F])??""),onChange:k=>{const I=[...m??[]];I[F]=k.target.value,r(I)},placeholder:`Item ${F+1}`,disabled:e.disabled})}),n.jsx(W,{className:"w-1 text-right",children:n.jsx(B,{type:"button",variant:"destructive",size:"sm",onClick:()=>y(F),disabled:e.disabled,children:n.jsx(ye,{className:"h-4 w-4"})})})]},q.id)})})]})})]})}return n.jsxs(J,{className:f(e.className,"py-3 rounded-md gap-3"),children:[n.jsx(K,{children:n.jsxs("div",{className:"flex items-center justify-between",children:[n.jsxs("div",{children:[n.jsx(se,{className:"text-base",children:e.label}),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),n.jsxs(B,{type:"button",variant:"outline",size:"sm",onClick:g,disabled:e.disabled,children:[n.jsx(ge,{className:"h-4 w-4 mr-1"}),"Add Item"]})]})}),n.jsx(Q,{className:"space-y-4",children:i.length===0?n.jsx("p",{className:"text-sm text-muted-foreground text-center py-2",children:'No items added yet. Click "Add Item" to get started.'}):i.map((x,v)=>n.jsxs(J,{className:"relative py-3 rounded-md gap-3",children:[n.jsx(K,{children:n.jsxs("div",{className:"flex items-center justify-between",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(Xe,{className:"h-4 w-4 text-muted-foreground"}),n.jsxs("span",{className:"text-sm font-medium",children:["Item ",v+1]})]}),n.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:()=>y(v),disabled:e.disabled,children:n.jsx(ye,{className:"h-4 w-4"})})]})}),n.jsx(Q,{children:e.fields&&e.fields.length===1?n.jsx(L,{field:{...e.fields[0],name:e.fields[0].name,label:e.fields[0].label||"Value"},control:s,parentPath:`${c}.${v}`}):e.fields?n.jsx("div",{className:"grid gap-2 md:grid-cols-2",children:e.fields.map(C=>n.jsx(L,{field:C,control:s,parentPath:`${c}.${v}`},C.name))}):n.jsx(M,{value:String((m==null?void 0:m[v])??""),onChange:C=>{const T=[...m??[]];T[v]=C.target.value,r(T)},placeholder:`Item ${v+1}`,disabled:e.disabled})})]},x.id))})]})}je.__docgenInfo={description:"",methods:[],displayName:"ArrayField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},fieldPath:{required:!0,tsType:{name:"string"},description:""},value:{required:!0,tsType:{name:"unknown"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""}}};function L({field:e,control:s,onChange:c,parentPath:m}){const r=m?`${m}.${e.name}`:e.name,{field:i,fieldState:{error:d}}=Be({name:r,control:s,disabled:e.disabled}),y=N.useCallback(j=>{i.onChange(j),c==null||c(j)},[i.onChange,c]),g=f(d&&"border-destructive focus-visible:ring-destructive",e.className),w=()=>{switch(e.type){case"autocomplete":return n.jsx(he,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"text":case"email":case"password":return n.jsx(re,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"number":return n.jsx(fe,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"textarea":return n.jsx(ve,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"select":return n.jsx(be,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"checkbox":return n.jsx(we,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"switch":return n.jsx(xe,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"radio":return n.jsx(ke,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"date":return n.jsx(Te,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"file":return n.jsx(Ne,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"object":return n.jsx(Ce,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});case"array":return n.jsx(je,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g});default:return n.jsx(re,{field:e,control:s,fieldPath:r,value:i.value,onChange:y,className:g})}};if(e.type==="checkbox"||e.type==="switch")return n.jsxs("div",{className:f("space-y-2",e.gridCols&&`md:col-span-${e.gridCols}`),children:[w(),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),d&&n.jsx("p",{className:"text-sm text-destructive",children:d.message})]});const b=e.labelPlacement??"stacked";return b==="hidden"||e.type==="array"?n.jsxs("div",{className:f("space-y-2",e.gridCols&&`md:col-span-${e.gridCols}`),children:[w(),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),d&&n.jsx("p",{className:"text-sm text-destructive",children:d.message})]}):b==="inline"?n.jsxs("div",{className:f("space-y-1",e.gridCols&&`md:col-span-${e.gridCols}`),children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs(A,{htmlFor:r,className:"text-sm font-medium",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),w()]}),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),d&&n.jsx("p",{className:"text-sm text-destructive",children:d.message})]}):n.jsxs("div",{className:f("space-y-2",e.gridCols&&`md:col-span-${e.gridCols}`),children:[n.jsxs(A,{htmlFor:r,className:"text-sm font-medium",children:[e.label,e.required&&n.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),w(),e.description&&n.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),d&&n.jsx("p",{className:"text-sm text-destructive",children:d.message})]})}L.__docgenInfo={description:"",methods:[],displayName:"FormBuilderField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"FieldValues"}],raw:"Control<FieldValues>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: unknown) => void",signature:{arguments:[{type:{name:"unknown"},name:"value"}],return:{name:"void"}}},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: unknown, allValues: Record<string, unknown>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""},parentPath:{required:!1,tsType:{name:"string"},description:""}}};function an({sections:e,schema:s,defaultValues:c={},onSubmit:m,onCancel:r,onReset:i,onFieldChange:d,submitLabel:y="Submit",cancelLabel:g="Cancel",resetLabel:w="Reset",isSubmitting:b=!1,className:j,formClassName:U,actionsClassName:z,showActions:x=!0,customActions:v,showActionsSeparator:C=!0}){const D=N.useMemo(()=>{if(s)return s;const p=t=>{if(t.validation&&t.validation instanceof de)return t.validation;if(t.validation&&typeof t.validation=="object"&&!(t.validation instanceof de)){const u=t.validation;let o;switch(t.type){case"email":o=R().email("Invalid email address");break;case"number":o=$();break;case"autocomplete":{const V=O([R(),$(),S({})]).nullable(),Y=G(O([R(),$(),S({})]));o=t.multiple?Y:V;break}case"checkbox":case"switch":o=me();break;case"date":o=ue();break;default:o=R()}return u.pattern&&o instanceof ee&&(o=o.regex(u.pattern.value,u.pattern.message)),u.min&&o instanceof ce&&(o=o.min(u.min.value,u.min.message)),u.max&&o instanceof ce&&(o=o.max(u.max.value,u.max.message)),u.minLength&&o instanceof ee&&(o=o.min(u.minLength.value,u.minLength.message)),u.maxLength&&o instanceof ee&&(o=o.max(u.maxLength.value,u.maxLength.message)),t.required?o:o.optional()}let a;switch(t.type){case"email":a=R().email("Invalid email address");break;case"number":a=$();break;case"autocomplete":{const u=O([R(),$(),S({})]).nullable(),o=G(O([R(),$(),S({})]));a=t.multiple?o:u;break}case"checkbox":case"switch":a=me();break;case"date":a=ue();break;case"select":case"radio":if(t.options&&t.options.length>0){const u=t.options.map(o=>Pe(o.value));u.length===1?a=u[0]:a=O(u)}else a=R();break;case"object":if(t.fields){const u={};for(const o of t.fields)u[o.name]=p(o);a=S(u)}else a=S({});break;case"array":if(t.fields&&t.fields.length>0){const u=t.fields.length===1?p(t.fields[0]):S(t.fields.reduce((o,V)=>(o[V.name]=p(V),o),{}));a=G(u)}else a=G(Me());break;default:a=R()}return t.required?a:a.optional()},h={},l=t=>{for(const a of t){if(a.tabs&&a.tabs.length>0)for(const u of a.tabs)l(u.sections);for(const u of a.fields??[])h[u.name]=p(u)}};return l(e),S(h)},[e,s]),T=N.useMemo(()=>{const p={...c},h=t=>{for(const a of t){if(p[a.name]===void 0&&a.defaultValue!==void 0&&(p[a.name]=a.defaultValue),a.type==="object"&&a.fields){p[a.name]||(p[a.name]={});const u={};for(const V of a.fields)V.defaultValue!==void 0&&(u[V.name]=V.defaultValue);const o=p[a.name]&&typeof p[a.name]=="object"?p[a.name]:{};p[a.name]={...u,...o}}a.type==="array"&&a.fields&&(p[a.name]||(p[a.name]=a.defaultValue||[]))}},l=t=>{for(const a of t){if(a.tabs&&a.tabs.length>0)for(const u of a.tabs)l(u.sections);h(a.fields??[])}};return l(e),p},[e,c]),X=Le({resolver:Ae(D),defaultValues:T}),{control:q,handleSubmit:F,reset:P,setValue:_,getValues:k}=X,E=N.useMemo(()=>{const p=new Set,h=l=>{for(const t of l){if(t.tabs&&t.tabs.length>0)for(const a of t.tabs)h(a.sections);for(const a of t.fields??[])for(const u of a.dependencies||[])p.add(u.field)}};return h(e),Array.from(p)},[e]),I=E.length>0,te=$e({control:q,name:E}),ie=N.useMemo(()=>{if(!I)return{};const p={};return E.forEach((h,l)=>{p[h]=te[l]}),p},[I,E,te]),Z=N.useRef([]),le=N.useCallback(p=>{if(!I||!p.dependencies)return{};const h={};for(const l of p.dependencies){const t=ie[l.field],a=l.condition(t);switch(l.action){case"show":a||(h.hidden=!0);break;case"hide":a&&(h.hidden=!0);break;case"enable":a||(h.disabled=!0);break;case"disable":a&&(h.disabled=!0);break;case"setValue":a&&l.value!==void 0&&k(p.name)!==l.value&&Z.current.push({name:p.name,value:l.value});break}}return h},[I,ie,k]);N.useEffect(()=>{if(Z.current.length===0)return;const p=new Map;for(const{name:h,value:l}of Z.current)p.set(h,l);Z.current=[];for(const[h,l]of p)k(h)!==l&&_(h,l,{shouldDirty:!1,shouldTouch:!1,shouldValidate:!1})},[_,k]);const oe=N.useCallback((p,h)=>{p.onChange&&p.onChange(h,_,k)},[_,k]),qe=N.useCallback(async p=>{try{await m(p)}catch(h){console.error("Form submission error:",h)}},[m]),Fe=N.useCallback(()=>{P(T),i==null||i()},[P,T,i]),Ve=N.useMemo(()=>{const p=l=>(l??[]).map(t=>{const a=le(t);if(t.hidden||a.hidden)return null;const u=Math.max(1,Math.min(12,t.gridCols??1));return{key:t.name,span:{base:1,md:u},className:t.wrapperClassName,hidden:t.hidden,content:n.jsx(L,{field:{...t,disabled:t.disabled||a.disabled},control:q,onChange:o=>{oe(t,o),d==null||d(t.name,o,k())},onFieldChange:d},t.name)}}).filter(Boolean),h=(l,t)=>{var u;const a={id:l.id??`section-${t}`,title:l.title,subtitle:l.description,variant:l.variant??"plain",className:l.className,layout:l.layout??(l.tabs&&l.tabs.length>0?"tabs":"grid"),grid:l.grid??{cols:1,mdCols:2,gap:"gap-4"},flex:l.flex,hidden:l.hidden};return a.layout==="tabs"&&l.tabs&&l.tabs.length>0?(a.defaultTabId=l.defaultTabId??((u=l.tabs[0])==null?void 0:u.id),a.tabsListClassName=l.tabsListClassName,a.tabsContentClassName=l.tabsContentClassName,a.tabs=l.tabs.map((o,V)=>{const Y=o.sections.map((Se,_e)=>h(Se,_e)),Re={id:`${a.id}-tab-${o.id}`,title:void 0,subtitle:void 0,variant:"plain",layout:"grid",grid:l.grid??{cols:1,mdCols:2,gap:"gap-4"},children:Y};return{id:o.id,label:o.label,className:o.className,contentClassName:o.contentClassName,node:Re}}),a):(a.children=p(l.fields),a)};return e.map((l,t)=>h(l,t))},[e,q,le,oe,d,k]);return n.jsx("div",{className:f("space-y-6",j),children:n.jsxs("form",{onSubmit:F(qe),className:f("space-y-6",U),children:[n.jsx(Ye,{sections:Ve}),x&&n.jsxs("div",{className:f("flex flex-col sm:flex-row gap-3",C&&"pt-6",C&&"border-t",z),children:[n.jsx(B,{type:"submit",disabled:b,className:"sm:order-last",children:b?"Submitting...":y}),r&&n.jsx(B,{type:"button",variant:"outline",onClick:r,disabled:b,children:g}),i&&n.jsx(B,{type:"button",variant:"outline",onClick:Fe,disabled:b,children:w}),v]})]})})}an.__docgenInfo={description:"",methods:[],displayName:"FormBuilder",props:{sections:{required:!0,tsType:{name:"Array",elements:[{name:"FormBuilderSectionConfig"}],raw:"FormBuilderSectionConfig[]"},description:""},schema:{required:!1,tsType:{name:"z.ZodType",elements:[{name:"unknown"}],raw:"z.ZodType<unknown>"},description:""},defaultValues:{required:!1,tsType:{name:"union",raw:"Record<string, unknown> | null",elements:[{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},{name:"null"}]},description:"",defaultValue:{value:"{}",computed:!1}},onSubmit:{required:!0,tsType:{name:"signature",type:"function",raw:"(data: unknown) => void | Promise<void>",signature:{arguments:[{type:{name:"unknown"},name:"data"}],return:{name:"union",raw:"void | Promise<void>",elements:[{name:"void"},{name:"Promise",elements:[{name:"void"}],raw:"Promise<void>"}]}}},description:""},onCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onReset:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
+  name: string,
+  value: unknown,
+  allValues: Record<string, unknown>
+) => void`,signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"unknown"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"unknown"}],raw:"Record<string, unknown>"},name:"allValues"}],return:{name:"void"}}},description:""},submitLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Submit'",computed:!1}},cancelLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Cancel'",computed:!1}},resetLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Reset'",computed:!1}},isSubmitting:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},formClassName:{required:!1,tsType:{name:"string"},description:""},actionsClassName:{required:!1,tsType:{name:"string"},description:""},showActions:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},customActions:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},showActionsSeparator:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};export{an as F};

package/storybook-static/assets/HoverCard.stories-CAlQEVn8.js

@@ -0,0 +1,21 @@
+import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as a}from"./iframe-v7iAhKit.js";import{c as l}from"./index-DW48STyt.js";import{c as W}from"./index-CDY5kTx5.js";import{u as z}from"./index-ByqivBWx.js";import{u as V}from"./index-DbaA6-o1.js";import{c as O,R as q,A as G,C as K,a as J}from"./index-nqc17SX4.js";import{P as Q}from"./index-jrimW4QO.js";import{P as A}from"./index-AvwFFKJc.js";import{P as X}from"./index-Tp9IdbR8.js";import{D as Y}from"./index-BVDb4dFc.js";import{c as Z}from"./utils-D-KgF5mV.js";import{A as ee,a as re,b as te}from"./avatar-BzwOE-mi.js";import{B as oe}from"./button-0oMkiryo.js";import"./preload-helper-Dp1pzeXC.js";import"./index-D8RXF03I.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./index-Bw1A27Kp.js";import"./index-WyF3-wTE.js";import"./index-CGrAONsN.js";var w,S="HoverCard",[D,Fe]=W(S,[O]),N=O(),[ne,R]=D(S),k=e=>{const{__scopeHoverCard:o,children:n,open:s,defaultOpen:i,onOpenChange:c,openDelay:m=700,closeDelay:f=300}=e,d=N(o),v=a.useRef(0),u=a.useRef(0),h=a.useRef(!1),p=a.useRef(!1),[C,t]=z({prop:s,defaultProp:i??!1,onChange:c,caller:S}),x=a.useCallback(()=>{clearTimeout(u.current),v.current=window.setTimeout(()=>t(!0),m)},[m,t]),g=a.useCallback(()=>{clearTimeout(v.current),!h.current&&!p.current&&(u.current=window.setTimeout(()=>t(!1),f))},[f,t]),$=a.useCallback(()=>t(!1),[t]);return a.useEffect(()=>()=>{clearTimeout(v.current),clearTimeout(u.current)},[]),r.jsx(ne,{scope:o,open:C,onOpenChange:t,onOpen:x,onClose:g,onDismiss:$,hasSelectionRef:h,isPointerDownOnContentRef:p,children:r.jsx(q,{...d,children:n})})};k.displayName=S;var I="HoverCardTrigger",F=a.forwardRef((e,o)=>{const{__scopeHoverCard:n,...s}=e,i=R(I,n),c=N(n);return r.jsx(G,{asChild:!0,...c,children:r.jsx(X.a,{"data-state":i.open?"open":"closed",...s,ref:o,onPointerEnter:l(e.onPointerEnter,H(i.onOpen)),onPointerLeave:l(e.onPointerLeave,H(i.onClose)),onFocus:l(e.onFocus,i.onOpen),onBlur:l(e.onBlur,i.onClose),onTouchStart:l(e.onTouchStart,m=>m.preventDefault())})})});F.displayName=I;var E="HoverCardPortal",[ae,se]=D(E,{forceMount:void 0}),B=e=>{const{__scopeHoverCard:o,forceMount:n,children:s,container:i}=e,c=R(E,o);return r.jsx(ae,{scope:o,forceMount:n,children:r.jsx(A,{present:n||c.open,children:r.jsx(Q,{asChild:!0,container:i,children:s})})})};B.displayName=E;var P="HoverCardContent",L=a.forwardRef((e,o)=>{const n=se(P,e.__scopeHoverCard),{forceMount:s=n.forceMount,...i}=e,c=R(P,e.__scopeHoverCard);return r.jsx(A,{present:s||c.open,children:r.jsx(ie,{"data-state":c.open?"open":"closed",...i,onPointerEnter:l(e.onPointerEnter,H(c.onOpen)),onPointerLeave:l(e.onPointerLeave,H(c.onClose)),ref:o})})});L.displayName=P;var ie=a.forwardRef((e,o)=>{const{__scopeHoverCard:n,onEscapeKeyDown:s,onPointerDownOutside:i,onFocusOutside:c,onInteractOutside:m,...f}=e,d=R(P,n),v=N(n),u=a.useRef(null),h=V(o,u),[p,C]=a.useState(!1);return a.useEffect(()=>{if(p){const t=document.body;return w=t.style.userSelect||t.style.webkitUserSelect,t.style.userSelect="none",t.style.webkitUserSelect="none",()=>{t.style.userSelect=w,t.style.webkitUserSelect=w}}},[p]),a.useEffect(()=>{if(u.current){const t=()=>{C(!1),d.isPointerDownOnContentRef.current=!1,setTimeout(()=>{var g;((g=document.getSelection())==null?void 0:g.toString())!==""&&(d.hasSelectionRef.current=!0)})};return document.addEventListener("pointerup",t),()=>{document.removeEventListener("pointerup",t),d.hasSelectionRef.current=!1,d.isPointerDownOnContentRef.current=!1}}},[d.isPointerDownOnContentRef,d.hasSelectionRef]),a.useEffect(()=>{u.current&&le(u.current).forEach(x=>x.setAttribute("tabindex","-1"))}),r.jsx(Y,{asChild:!0,disableOutsidePointerEvents:!1,onInteractOutside:m,onEscapeKeyDown:s,onPointerDownOutside:i,onFocusOutside:l(c,t=>{t.preventDefault()}),onDismiss:d.onDismiss,children:r.jsx(K,{...v,...f,onPointerDown:l(f.onPointerDown,t=>{t.currentTarget.contains(t.target)&&C(!0),d.hasSelectionRef.current=!1,d.isPointerDownOnContentRef.current=!0}),ref:h,style:{...f.style,userSelect:p?"text":void 0,WebkitUserSelect:p?"text":void 0,"--radix-hover-card-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-hover-card-content-available-width":"var(--radix-popper-available-width)","--radix-hover-card-content-available-height":"var(--radix-popper-available-height)","--radix-hover-card-trigger-width":"var(--radix-popper-anchor-width)","--radix-hover-card-trigger-height":"var(--radix-popper-anchor-height)"}})})}),ce="HoverCardArrow",de=a.forwardRef((e,o)=>{const{__scopeHoverCard:n,...s}=e,i=N(n);return r.jsx(J,{...i,...s,ref:o})});de.displayName=ce;function H(e){return o=>o.pointerType==="touch"?void 0:e()}function le(e){const o=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:s=>s.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});for(;n.nextNode();)o.push(n.currentNode);return o}var ue=k,pe=F,me=B,fe=L;function T({...e}){return r.jsx(ue,{"data-slot":"hover-card",...e})}function M({...e}){return r.jsx(pe,{"data-slot":"hover-card-trigger",...e})}function U({className:e,align:o="center",sideOffset:n=4,...s}){return r.jsx(me,{"data-slot":"hover-card-portal",children:r.jsx(fe,{"data-slot":"hover-card-content",align:o,sideOffset:n,className:Z("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...s})})}T.__docgenInfo={description:"",methods:[],displayName:"HoverCard"};M.__docgenInfo={description:"",methods:[],displayName:"HoverCardTrigger"};U.__docgenInfo={description:"",methods:[],displayName:"HoverCardContent",props:{align:{defaultValue:{value:'"center"',computed:!1},required:!1},sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};const Be={title:"Shadcn/UI/HoverCard",component:T},b={render:()=>r.jsxs(T,{children:[r.jsx(M,{asChild:!0,children:r.jsx(oe,{variant:"link",className:"px-0",children:"@shadcn"})}),r.jsx(U,{className:"w-80",children:r.jsxs("div",{className:"flex space-x-4",children:[r.jsxs(ee,{children:[r.jsx(re,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),r.jsx(te,{children:"SC"})]}),r.jsxs("div",{className:"space-y-1",children:[r.jsx("h4",{className:"text-sm font-semibold",children:"shadcn"}),r.jsx("p",{className:"text-sm text-muted-foreground",children:"Creator of shadcn/ui. Building beautiful, accessible components."})]})]})})]})};var _,j,y;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  render: () => <HoverCard>
+      <HoverCardTrigger asChild>
+        <Button variant="link" className="px-0">@shadcn</Button>
+      </HoverCardTrigger>
+      <HoverCardContent className="w-80">
+        <div className="flex space-x-4">
+          <Avatar>
+            <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+            <AvatarFallback>SC</AvatarFallback>
+          </Avatar>
+          <div className="space-y-1">
+            <h4 className="text-sm font-semibold">shadcn</h4>
+            <p className="text-sm text-muted-foreground">
+              Creator of shadcn/ui. Building beautiful, accessible components.
+            </p>
+          </div>
+        </div>
+      </HoverCardContent>
+    </HoverCard>
+}`,...(y=(j=b.parameters)==null?void 0:j.docs)==null?void 0:y.source}}};const Le=["Basic"];export{b as Basic,Le as __namedExportsOrder,Be as default};

package/storybook-static/assets/Input.stories-CEhODt0V.js

@@ -0,0 +1,16 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{I as t}from"./input-11YRd9gD.js";import{L as x}from"./label-Do8ODIVk.js";import"./utils-D-KgF5mV.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";const L={title:"Shadcn/UI/Input",component:t},a={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm items-center gap-2",children:[e.jsx(x,{htmlFor:"email",children:"Email"}),e.jsx(t,{id:"email",type:"email",placeholder:"m@example.com"})]})},r={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm items-center gap-2",children:[e.jsx(x,{htmlFor:"disabled",children:"Disabled"}),e.jsx(t,{id:"disabled",placeholder:"Can't type here",disabled:!0})]})},s={render:()=>e.jsxs("div",{className:"relative w-[280px]",children:[e.jsx("span",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted-foreground",children:"@"}),e.jsx(t,{className:"pl-8",placeholder:"username"})]})};var l,i,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  render: () => <div className="grid w-full max-w-sm items-center gap-2">
+      <Label htmlFor="email">Email</Label>
+      <Input id="email" type="email" placeholder="m@example.com" />
+    </div>
+}`,...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var d,o,n;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: () => <div className="grid w-full max-w-sm items-center gap-2">
+      <Label htmlFor="disabled">Disabled</Label>
+      <Input id="disabled" placeholder="Can't type here" disabled />
+    </div>
+}`,...(n=(o=r.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};var c,p,u;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: () => <div className="relative w-[280px]">
+      <span className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted-foreground">@</span>
+      <Input className="pl-8" placeholder="username" />
+    </div>
+}`,...(u=(p=s.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};const D=["Basic","Disabled","WithIcon"];export{a as Basic,r as Disabled,s as WithIcon,D as __namedExportsOrder,L as default};

package/storybook-static/assets/InputOtp.stories-DSvNP4dS.js

@@ -0,0 +1,42 @@
+import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as t}from"./iframe-v7iAhKit.js";import{c as Q}from"./utils-D-KgF5mV.js";import{c as Ae}from"./createLucideIcon-BrHXro7t.js";import"./preload-helper-Dp1pzeXC.js";/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const We=[["path",{d:"M5 12h14",key:"1ays0h"}]],Fe=Ae("minus",We);var Ge=Object.defineProperty,Le=Object.defineProperties,He=Object.getOwnPropertyDescriptors,X=Object.getOwnPropertySymbols,Pe=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,xe=(n,a,o)=>a in n?Ge(n,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[a]=o,$e=(n,a)=>{for(var o in a||(a={}))Pe.call(a,o)&&xe(n,o,a[o]);if(X)for(var o of X(a))ye.call(a,o)&&xe(n,o,a[o]);return n},ze=(n,a)=>Le(n,He(a)),qe=(n,a)=>{var o={};for(var i in n)Pe.call(n,i)&&a.indexOf(i)<0&&(o[i]=n[i]);if(n!=null&&X)for(var i of X(n))a.indexOf(i)<0&&ye.call(n,i)&&(o[i]=n[i]);return o};function Ve(n){let a=setTimeout(n,0),o=setTimeout(n,10),i=setTimeout(n,50);return[a,o,i]}function Ue(n){let a=t.useRef();return t.useEffect(()=>{a.current=n}),a.current}var Ze=18,Ee=40,Je=`${Ee}px`,Ke=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function Qe({containerRef:n,inputRef:a,pushPasswordManagerStrategy:o,isFocused:i}){let[S,p]=t.useState(!1),[O,j]=t.useState(!1),[D,G]=t.useState(!1),L=t.useMemo(()=>o==="none"?!1:(o==="increase-width"||o==="experimental-no-flickering")&&S&&O,[S,O,o]),B=t.useCallback(()=>{let v=n.current,E=a.current;if(!v||!E||D||o==="none")return;let x=v,P=x.getBoundingClientRect().left+x.offsetWidth,A=x.getBoundingClientRect().top+x.offsetHeight/2,s=P-Ze,H=A;document.querySelectorAll(Ke).length===0&&document.elementFromPoint(s,H)===v||(p(!0),G(!0))},[n,a,D,o]);return t.useEffect(()=>{let v=n.current;if(!v||o==="none")return;function E(){let P=window.innerWidth-v.getBoundingClientRect().right;j(P>=Ee)}E();let x=setInterval(E,1e3);return()=>{clearInterval(x)}},[n,o]),t.useEffect(()=>{let v=i||document.activeElement===a.current;if(o==="none"||!v)return;let E=setTimeout(B,0),x=setTimeout(B,2e3),P=setTimeout(B,5e3),A=setTimeout(()=>{G(!0)},6e3);return()=>{clearTimeout(E),clearTimeout(x),clearTimeout(P),clearTimeout(A)}},[a,i,o,B]),{hasPWMBadge:S,willPushPWMBadge:L,PWM_BADGE_SPACE_WIDTH:Je}}var Te=t.createContext({}),Ie=t.forwardRef((n,a)=>{var o=n,{value:i,onChange:S,maxLength:p,textAlign:O="left",pattern:j,placeholder:D,inputMode:G="numeric",onComplete:L,pushPasswordManagerStrategy:B="increase-width",pasteTransformer:v,containerClassName:E,noScriptCSSFallback:x=Xe,render:P,children:A}=o,s=qe(o,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]),H,le,ie,se,ue;let[je,Ce]=t.useState(typeof s.defaultValue=="string"?s.defaultValue:""),u=i??je,C=Ue(u),$=t.useCallback(e=>{S==null||S(e),Ce(e)},[S]),w=t.useMemo(()=>j?typeof j=="string"?new RegExp(j):j:null,[j]),c=t.useRef(null),Y=t.useRef(null),ee=t.useRef({value:u,onChange:$,isIOS:typeof window<"u"&&((le=(H=window==null?void 0:window.CSS)==null?void 0:H.supports)==null?void 0:le.call(H,"-webkit-touch-callout","none"))}),Z=t.useRef({prev:[(ie=c.current)==null?void 0:ie.selectionStart,(se=c.current)==null?void 0:se.selectionEnd,(ue=c.current)==null?void 0:ue.selectionDirection]});t.useImperativeHandle(a,()=>c.current,[]),t.useEffect(()=>{let e=c.current,r=Y.current;if(!e||!r)return;ee.current.value!==e.value&&ee.current.onChange(e.value),Z.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection];function m(){if(document.activeElement!==e){q(null),V(null);return}let l=e.selectionStart,f=e.selectionEnd,J=e.selectionDirection,b=e.maxLength,k=e.value,y=Z.current.prev,T=-1,I=-1,_;if(k.length!==0&&l!==null&&f!==null){let Ne=l===f,De=l===k.length&&k.length<b;if(Ne&&!De){let R=l;if(R===0)T=0,I=1,_="forward";else if(R===b)T=R-1,I=R,_="backward";else if(b>1&&k.length>1){let re=0;if(y[0]!==null&&y[1]!==null){_=R<y[1]?"backward":"forward";let Be=y[0]===y[1]&&y[0]<b;_==="backward"&&!Be&&(re=-1)}T=re+R,I=re+R+1}}T!==-1&&I!==-1&&T!==I&&c.current.setSelectionRange(T,I,_)}let he=T!==-1?T:l,ge=I!==-1?I:f,Re=_??J;q(he),V(ge),Z.current.prev=[he,ge,Re]}if(document.addEventListener("selectionchange",m,{capture:!0}),m(),document.activeElement===e&&te(!0),!document.getElementById("input-otp-style")){let l=document.createElement("style");if(l.id="input-otp-style",document.head.appendChild(l),l.sheet){let f="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";U(l.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),U(l.sheet,`[data-input-otp]:autofill { ${f} }`),U(l.sheet,`[data-input-otp]:-webkit-autofill { ${f} }`),U(l.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),U(l.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let h=()=>{r&&r.style.setProperty("--root-height",`${e.clientHeight}px`)};h();let g=new ResizeObserver(h);return g.observe(e),()=>{document.removeEventListener("selectionchange",m,{capture:!0}),g.disconnect()}},[]);let[ce,de]=t.useState(!1),[z,te]=t.useState(!1),[M,q]=t.useState(null),[W,V]=t.useState(null);t.useEffect(()=>{Ve(()=>{var e,r,m,h;(e=c.current)==null||e.dispatchEvent(new Event("input"));let g=(r=c.current)==null?void 0:r.selectionStart,l=(m=c.current)==null?void 0:m.selectionEnd,f=(h=c.current)==null?void 0:h.selectionDirection;g!==null&&l!==null&&(q(g),V(l),Z.current.prev=[g,l,f])})},[u,z]),t.useEffect(()=>{C!==void 0&&u!==C&&C.length<p&&u.length===p&&(L==null||L(u))},[p,L,C,u]);let F=Qe({containerRef:Y,inputRef:c,pushPasswordManagerStrategy:B,isFocused:z}),pe=t.useCallback(e=>{let r=e.currentTarget.value.slice(0,p);if(r.length>0&&w&&!w.test(r)){e.preventDefault();return}typeof C=="string"&&r.length<C.length&&document.dispatchEvent(new Event("selectionchange")),$(r)},[p,$,C,w]),me=t.useCallback(()=>{var e;if(c.current){let r=Math.min(c.current.value.length,p-1),m=c.current.value.length;(e=c.current)==null||e.setSelectionRange(r,m),q(r),V(m)}te(!0)},[p]),fe=t.useCallback(e=>{var r,m;let h=c.current;if(!v&&(!ee.current.isIOS||!e.clipboardData||!h))return;let g=e.clipboardData.getData("text/plain"),l=v?v(g):g;e.preventDefault();let f=(r=c.current)==null?void 0:r.selectionStart,J=(m=c.current)==null?void 0:m.selectionEnd,b=(f!==J?u.slice(0,f)+l+u.slice(J):u.slice(0,f)+l+u.slice(f)).slice(0,p);if(b.length>0&&w&&!w.test(b))return;h.value=b,$(b);let k=Math.min(b.length,p-1),y=b.length;h.setSelectionRange(k,y),q(k),V(y)},[p,$,w,u]),Me=t.useMemo(()=>({position:"relative",cursor:s.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[s.disabled]),ve=t.useMemo(()=>({position:"absolute",inset:0,width:F.willPushPWMBadge?`calc(100% + ${F.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:F.willPushPWMBadge?`inset(0 ${F.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:O,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[F.PWM_BADGE_SPACE_WIDTH,F.willPushPWMBadge,O]),ke=t.useMemo(()=>t.createElement("input",ze($e({autoComplete:s.autoComplete||"one-time-code"},s),{"data-input-otp":!0,"data-input-otp-placeholder-shown":u.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":W,inputMode:G,pattern:w==null?void 0:w.source,"aria-placeholder":D,style:ve,maxLength:p,value:u,ref:c,onPaste:e=>{var r;fe(e),(r=s.onPaste)==null||r.call(s,e)},onChange:pe,onMouseOver:e=>{var r;de(!0),(r=s.onMouseOver)==null||r.call(s,e)},onMouseLeave:e=>{var r;de(!1),(r=s.onMouseLeave)==null||r.call(s,e)},onFocus:e=>{var r;me(),(r=s.onFocus)==null||r.call(s,e)},onBlur:e=>{var r;te(!1),(r=s.onBlur)==null||r.call(s,e)}})),[pe,me,fe,G,ve,p,W,M,s,w==null?void 0:w.source,u]),ne=t.useMemo(()=>({slots:Array.from({length:p}).map((e,r)=>{var m;let h=z&&M!==null&&W!==null&&(M===W&&r===M||r>=M&&r<W),g=u[r]!==void 0?u[r]:null,l=u[0]!==void 0?null:(m=D==null?void 0:D[r])!=null?m:null;return{char:g,placeholderChar:l,isActive:h,hasFakeCaret:h&&g===null}}),isFocused:z,isHovering:!s.disabled&&ce}),[z,ce,p,W,M,s.disabled,u]),_e=t.useMemo(()=>P?P(ne):t.createElement(Te.Provider,{value:ne},A),[A,ne,P]);return t.createElement(t.Fragment,null,x!==null&&t.createElement("noscript",null,t.createElement("style",null,x)),t.createElement("div",{ref:Y,"data-input-otp-container":!0,style:Me,className:E},_e,t.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},ke)))});Ie.displayName="Input";function U(n,a){try{n.insertRule(a)}catch{console.error("input-otp could not insert CSS rule:",a)}}var Xe=`
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;function oe({className:n,containerClassName:a,...o}){return d.jsx(Ie,{"data-slot":"input-otp",containerClassName:Q("flex items-center gap-2 has-disabled:opacity-50",a),className:Q("disabled:cursor-not-allowed",n),...o})}function ae({className:n,...a}){return d.jsx("div",{"data-slot":"input-otp-group",className:Q("flex items-center",n),...a})}function N({index:n,className:a,...o}){const i=t.useContext(Te),{char:S,hasFakeCaret:p,isActive:O}=(i==null?void 0:i.slots[n])??{};return d.jsxs("div",{"data-slot":"input-otp-slot","data-active":O,className:Q("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",a),...o,children:[S,p&&d.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:d.jsx("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}function Oe({...n}){return d.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...n,children:d.jsx(Fe,{})})}oe.__docgenInfo={description:"",methods:[],displayName:"InputOTP",props:{containerClassName:{required:!1,tsType:{name:"string"},description:""}}};ae.__docgenInfo={description:"",methods:[],displayName:"InputOTPGroup"};N.__docgenInfo={description:"",methods:[],displayName:"InputOTPSlot",props:{index:{required:!0,tsType:{name:"number"},description:""}}};Oe.__docgenInfo={description:"",methods:[],displayName:"InputOTPSeparator"};const at={title:"Shadcn/UI/InputOTP",component:oe},K={render:()=>d.jsxs("div",{className:"space-y-2",children:[d.jsx("p",{className:"text-sm text-muted-foreground",children:"Enter the 6-digit code we emailed you."}),d.jsxs(oe,{maxLength:6,"aria-label":"One-time password input",children:[d.jsxs(ae,{children:[d.jsx(N,{index:0}),d.jsx(N,{index:1}),d.jsx(N,{index:2})]}),d.jsx(Oe,{}),d.jsxs(ae,{children:[d.jsx(N,{index:3}),d.jsx(N,{index:4}),d.jsx(N,{index:5})]})]})]})};var be,we,Se;K.parameters={...K.parameters,docs:{...(be=K.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  render: () => <div className="space-y-2">
+      <p className="text-sm text-muted-foreground">Enter the 6-digit code we emailed you.</p>
+      <InputOTP maxLength={6} aria-label="One-time password input">
+        <InputOTPGroup>
+          <InputOTPSlot index={0} />
+          <InputOTPSlot index={1} />
+          <InputOTPSlot index={2} />
+        </InputOTPGroup>
+        <InputOTPSeparator />
+        <InputOTPGroup>
+          <InputOTPSlot index={3} />
+          <InputOTPSlot index={4} />
+          <InputOTPSlot index={5} />
+        </InputOTPGroup>
+      </InputOTP>
+    </div>
+}`,...(Se=(we=K.parameters)==null?void 0:we.docs)==null?void 0:Se.source}}};const ot=["Basic"];export{K as Basic,ot as __namedExportsOrder,at as default};

package/storybook-static/assets/Label.stories-B3pa8ZLY.js

@@ -0,0 +1,14 @@
+import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{L as i}from"./label-Do8ODIVk.js";import{I as d}from"./input-11YRd9gD.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./utils-D-KgF5mV.js";const h={title:"Shadcn/UI/Label",component:i},e={render:()=>a.jsxs("div",{className:"grid gap-3 w-[320px]",children:[a.jsxs("div",{className:"grid gap-1.5",children:[a.jsx(i,{htmlFor:"email",children:"Email"}),a.jsx(d,{id:"email",type:"email",placeholder:"you@example.com"})]}),a.jsxs("div",{className:"grid gap-1.5",children:[a.jsx(i,{htmlFor:"disabled",className:"group","data-disabled":!0,children:"Disabled input"}),a.jsx(d,{id:"disabled",placeholder:"Disabled",disabled:!0})]})]})};var s,r,l;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  render: () => <div className="grid gap-3 w-[320px]">
+      <div className="grid gap-1.5">
+        <Label htmlFor="email">Email</Label>
+        <Input id="email" type="email" placeholder="you@example.com" />
+      </div>
+      <div className="grid gap-1.5">
+        <Label htmlFor="disabled" className="group" data-disabled>
+          Disabled input
+        </Label>
+        <Input id="disabled" placeholder="Disabled" disabled />
+      </div>
+    </div>
+}`,...(l=(r=e.parameters)==null?void 0:r.docs)==null?void 0:l.source}}};const j=["Basic"];export{e as Basic,j as __namedExportsOrder,h as default};

package/storybook-static/assets/Login.stories-C7KQkmR_.js

@@ -0,0 +1,37 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as g}from"./button-0oMkiryo.js";import{F as a}from"./FormBuilder-BQBBxo_k.js";import{s as f}from"./schemas-CGNYCiJ6.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./label-Do8ODIVk.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-ByqivBWx.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./badge-BnQWua6u.js";import"./check-B9hBGj6o.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-_RPqOjlQ.js";import"./index-C9Ta0ZTH.js";import"./chevron-down-D_37S6il.js";import"./checkbox-CyIeaWHX.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./card-BJpPOzP8.js";import"./table-CP3vMqFn.js";import"./trash-2-xdbApPby.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";function t({appTitle:m="Acme Inc",subtitle:c,signupLabel:k="Don't have an account?",signupLinkLabel:q="Sign up",signupHref:B="#",forgotPasswordLabel:T="Forgot your password?",forgotPasswordLinkLabel:H="Reset Here",forgotPasswordHref:p,rightImageSrc:u,rightImageAlt:P="Login image",className:R,continueWith:d,children:W}){return e.jsxs("div",{className:["grid min-h-dvh grid-cols-1 md:grid-cols-2",R].filter(Boolean).join(" "),children:[e.jsx("div",{className:"flex items-center justify-center p-6 md:p-10",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsxs("div",{className:"mb-6 text-center",children:[e.jsx("h1",{className:"text-2xl font-bold leading-tight tracking-tight",children:m}),c?e.jsx("p",{className:"text-muted-foreground mt-1 text-sm",children:c}):null]}),e.jsxs("div",{className:"grid gap-6",children:[W,p?e.jsxs("div",{className:"text-center text-sm",children:[T," ",e.jsx("a",{href:p,className:"underline underline-offset-4",children:H})]}):null,d?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t",children:e.jsx("span",{className:"bg-background text-muted-foreground relative z-10 px-2",children:"Or continue with"})}),e.jsx("div",{className:"grid gap-3",children:d})]}):null]}),e.jsxs("div",{className:"mt-6 text-center text-sm",children:[k," ",e.jsx("a",{href:B,className:"underline underline-offset-4",children:q})]})]})}),e.jsx("div",{className:"hidden md:block",children:u?e.jsx("img",{src:u,alt:P,className:"h-full w-full object-cover",loading:"lazy"}):e.jsx("div",{className:"h-full w-full bg-muted"})})]})}t.__docgenInfo={description:`Login layout container.
+
+Responsibilities:
+- Provides a two-column layout (form + optional right-side image)
+- Renders an app title and optional subtitle above the form
+- Renders optional separator and custom \`continueWith\` content (e.g., social buttons)
+- Renders a footer with configurable signup CTA
+- Leaves the actual form implementation to children, so you can use FormBuilder or any custom form`,methods:[],displayName:"Login",props:{appTitle:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Acme Inc'",computed:!1}},subtitle:{required:!1,tsType:{name:"string"},description:""},signupLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:`"Don't have an account?"`,computed:!1}},signupLinkLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Sign up'",computed:!1}},signupHref:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#'",computed:!1}},forgotPasswordLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Forgot your password?'",computed:!1}},forgotPasswordLinkLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Reset Here'",computed:!1}},forgotPasswordHref:{required:!1,tsType:{name:"string"},description:""},rightImageSrc:{required:!1,tsType:{name:"string"},description:""},rightImageAlt:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Login image'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""},continueWith:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const Ve={title:"Kit/Components/Login",component:t},n=[{variant:"plain",fields:[{name:"email",label:"Email",type:"email",placeholder:"m@example.com",required:!0,validation:f().email("Please enter a valid email")},{name:"password",label:"Password",type:"password",required:!0,validation:f().min(6,"Password must be at least 6 characters")}]}],l=async m=>{console.log("Login submit",m)};function A(){return e.jsx("svg",{viewBox:"0 0 24 24",className:"h-4 w-4","aria-hidden":!0,children:e.jsx("path",{fill:"#EA4335",d:"M12 10.2v3.9h5.5c-.2 1.3-1.7 3.9-5.5 3.9-3.3 0-6-2.7-6-6s2.7-6 6-6c1.9 0 3.2.8 3.9 1.5l2.7-2.6C16.9 3 14.7 2 12 2 6.9 2 2.7 6.2 2.7 11.3S6.9 20.7 12 20.7c6 0 9.9-4.2 9.9-10.1 0-.7-.1-1.2-.2-1.7H12z"})})}function C(){return e.jsxs("svg",{viewBox:"0 0 24 24",className:"h-4 w-4","aria-hidden":!0,children:[e.jsx("path",{fill:"#F25022",d:"M11.5 11.5H2.5V2.5h9z"}),e.jsx("path",{fill:"#7FBA00",d:"M21.5 11.5h-9V2.5h9z"}),e.jsx("path",{fill:"#00A4EF",d:"M11.5 21.5H2.5v-9h9z"}),e.jsx("path",{fill:"#FFB900",d:"M21.5 21.5h-9v-9h9z"})]})}const o={name:"Basic with FormBuilder",render:()=>e.jsx(t,{appTitle:"Acme Inc",subtitle:"Enter your email and password to sign in",signupLabel:"Don't have an account?",signupLinkLabel:"Create one",signupHref:"#signup",rightImageSrc:"https://images.unsplash.com/photo-1547658719-da2b51169166?q=80&w=2069&auto=format&fit=crop",children:e.jsx(a,{sections:n,onSubmit:l,submitLabel:"Login",className:"",formClassName:""})})},s={name:"With social continue-with",render:()=>e.jsx(t,{appTitle:"Acme Inc",subtitle:"Welcome back",signupLabel:"New here?",signupLinkLabel:"Sign up",signupHref:"#signup",rightImageSrc:"https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?q=80&w=2070&auto=format&fit=crop",continueWith:e.jsxs(e.Fragment,{children:[e.jsxs(g,{variant:"outline",className:"w-full justify-center gap-2",children:[e.jsx(A,{}),"Continue with Google"]}),e.jsxs(g,{variant:"outline",className:"w-full justify-center gap-2",children:[e.jsx(C,{}),"Continue with Microsoft"]})]}),children:e.jsx(a,{sections:n,onSubmit:l,submitLabel:"Login"})})},i={name:"With forgot password (default label)",render:()=>e.jsx(t,{appTitle:"Acme Inc",subtitle:"Use your credentials to sign in",signupLabel:"Don't have an account?",signupLinkLabel:"Create one",signupHref:"#signup",forgotPasswordLabel:"Forgot your password?",forgotPasswordLinkLabel:"Reset Here",forgotPasswordHref:"#forgot-password",rightImageSrc:"https://images.unsplash.com/photo-1547658719-da2b51169166?q=80&w=2069&auto=format&fit=crop",children:e.jsx(a,{sections:n,onSubmit:l,submitLabel:"Login"})})},r={name:"With forgot password (custom label/link)",render:()=>e.jsx(t,{appTitle:"Acme Inc",subtitle:"Welcome back",signupLabel:"New here?",signupLinkLabel:"Join now",signupHref:"#signup",forgotPasswordHref:"/auth/reset-password",forgotPasswordLabel:"Your password is lost?",forgotPasswordLinkLabel:"Reset Here",rightImageSrc:"https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?q=80&w=2070&auto=format&fit=crop",children:e.jsx(a,{sections:n,onSubmit:l,submitLabel:"Login"})})};var h,b,w;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  name: 'Basic with FormBuilder',
+  render: () => <Login appTitle="Acme Inc" subtitle="Enter your email and password to sign in" signupLabel="Don't have an account?" signupLinkLabel="Create one" signupHref="#signup" rightImageSrc="https://images.unsplash.com/photo-1547658719-da2b51169166?q=80&w=2069&auto=format&fit=crop">
+      <FormBuilder sections={formSections} onSubmit={handleSubmit} submitLabel="Login" className="" formClassName="" />
+    </Login>
+}`,...(w=(b=o.parameters)==null?void 0:b.docs)==null?void 0:w.source}}};var L,x,j;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  name: 'With social continue-with',
+  render: () => <Login appTitle="Acme Inc" subtitle="Welcome back" signupLabel="New here?" signupLinkLabel="Sign up" signupHref="#signup" rightImageSrc="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?q=80&w=2070&auto=format&fit=crop" continueWith={<>
+          <Button variant="outline" className="w-full justify-center gap-2">
+            <GoogleIcon />
+            Continue with Google
+          </Button>
+          <Button variant="outline" className="w-full justify-center gap-2">
+            <MicrosoftIcon />
+            Continue with Microsoft
+          </Button>
+        </>}>
+      <FormBuilder sections={formSections} onSubmit={handleSubmit} submitLabel="Login" />
+    </Login>
+}`,...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var v,N,S;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  name: 'With forgot password (default label)',
+  render: () => <Login appTitle="Acme Inc" subtitle="Use your credentials to sign in" signupLabel="Don't have an account?" signupLinkLabel="Create one" signupHref="#signup" forgotPasswordLabel="Forgot your password?" forgotPasswordLinkLabel="Reset Here" forgotPasswordHref="#forgot-password" rightImageSrc="https://images.unsplash.com/photo-1547658719-da2b51169166?q=80&w=2069&auto=format&fit=crop">
+      <FormBuilder sections={formSections} onSubmit={handleSubmit} submitLabel="Login" />
+    </Login>
+}`,...(S=(N=i.parameters)==null?void 0:N.docs)==null?void 0:S.source}}};var y,F,I;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  name: 'With forgot password (custom label/link)',
+  render: () => <Login appTitle="Acme Inc" subtitle="Welcome back" signupLabel="New here?" signupLinkLabel="Join now" signupHref="#signup" forgotPasswordHref="/auth/reset-password" forgotPasswordLabel="Your password is lost?" forgotPasswordLinkLabel="Reset Here" rightImageSrc="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?q=80&w=2070&auto=format&fit=crop">
+      <FormBuilder sections={formSections} onSubmit={handleSubmit} submitLabel="Login" />
+    </Login>
+}`,...(I=(F=r.parameters)==null?void 0:F.docs)==null?void 0:I.source}}};const ze=["Basic","WithSocial","WithForgotPassword","WithForgotPasswordCustom"];export{o as Basic,i as WithForgotPassword,r as WithForgotPasswordCustom,s as WithSocial,ze as __namedExportsOrder,Ve as default};

package/storybook-static/assets/Menubar.stories-CHXhSHxc.js

@@ -0,0 +1,44 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-v7iAhKit.js";import{c as Ie}from"./index-Bv9yk470.js";import{u as _e}from"./index-B_qx7A5T.js";import{c as I}from"./index-DW48STyt.js";import{u as Se}from"./index-DbaA6-o1.js";import{c as je}from"./index-CDY5kTx5.js";import{u as E}from"./index-BfiCOk42.js";import{c as Ne,R as Re,A as Ce,C as ye,I as we,S as Te,f as Ee,g as Ae,h as Pe,a as Oe,b as ke,L as Fe,d as Ge,e as De,P as ze,G as Le,i as $e}from"./index-DLIxT4Z7.js";import{c as q,R as Ke,I as Ve}from"./index-CWjrGFAQ.js";import{P as W}from"./index-Tp9IdbR8.js";import{u as Z}from"./index-ByqivBWx.js";import{c as x}from"./utils-D-KgF5mV.js";import{C as Be}from"./chevron-right-B5vIMLxK.js";import{C as Ue}from"./check-B9hBGj6o.js";import{C as qe}from"./circle-C5Lzx6Nx.js";import"./preload-helper-Dp1pzeXC.js";import"./index-D8RXF03I.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./createLucideIcon-BrHXro7t.js";var N="Menubar",[A,We,Ze]=Ie(N),[H,rn]=je(N,[Ze,q]),l=Ne(),X=q(),[He,G]=H(N),Y=s.forwardRef((r,n)=>{const{__scopeMenubar:a,value:t,onValueChange:o,defaultValue:h,loop:b=!0,dir:d,...u}=r,m=_e(d),i=X(a),[M,p]=Z({prop:t,onChange:o,defaultProp:h??"",caller:N}),[g,c]=s.useState(null);return e.jsx(He,{scope:a,value:M,onMenuOpen:s.useCallback(f=>{p(f),c(f)},[p]),onMenuClose:s.useCallback(()=>p(""),[p]),onMenuToggle:s.useCallback(f=>{p(L=>L?"":f),c(f)},[p]),dir:m,loop:b,children:e.jsx(A.Provider,{scope:a,children:e.jsx(A.Slot,{scope:a,children:e.jsx(Ke,{asChild:!0,...i,orientation:"horizontal",loop:b,dir:m,currentTabStopId:g,onCurrentTabStopIdChange:c,children:e.jsx(W.div,{role:"menubar",...u,ref:n})})})})})});Y.displayName=N;var D="MenubarMenu",[Xe,J]=H(D),Q=r=>{const{__scopeMenubar:n,value:a,...t}=r,o=E(),h=a||o||"LEGACY_REACT_AUTO_VALUE",b=G(D,n),d=l(n),u=s.useRef(null),m=s.useRef(!1),i=b.value===h;return s.useEffect(()=>{i||(m.current=!1)},[i]),e.jsx(Xe,{scope:n,value:h,triggerId:E(),triggerRef:u,contentId:E(),wasKeyboardTriggerOpenRef:m,children:e.jsx(Re,{...d,open:i,onOpenChange:M=>{M||b.onMenuClose()},modal:!1,dir:b.dir,...t})})};Q.displayName=D;var P="MenubarTrigger",ee=s.forwardRef((r,n)=>{const{__scopeMenubar:a,disabled:t=!1,...o}=r,h=X(a),b=l(a),d=G(P,a),u=J(P,a),m=s.useRef(null),i=Se(n,m,u.triggerRef),[M,p]=s.useState(!1),g=d.value===u.value;return e.jsx(A.ItemSlot,{scope:a,value:u.value,disabled:t,children:e.jsx(Ve,{asChild:!0,...h,focusable:!t,tabStopId:u.value,children:e.jsx(Ce,{asChild:!0,...b,children:e.jsx(W.button,{type:"button",role:"menuitem",id:u.triggerId,"aria-haspopup":"menu","aria-expanded":g,"aria-controls":g?u.contentId:void 0,"data-highlighted":M?"":void 0,"data-state":g?"open":"closed","data-disabled":t?"":void 0,disabled:t,...o,ref:i,onPointerDown:I(r.onPointerDown,c=>{!t&&c.button===0&&c.ctrlKey===!1&&(d.onMenuOpen(u.value),g||c.preventDefault())}),onPointerEnter:I(r.onPointerEnter,()=>{var f;!!d.value&&!g&&(d.onMenuOpen(u.value),(f=m.current)==null||f.focus())}),onKeyDown:I(r.onKeyDown,c=>{t||(["Enter"," "].includes(c.key)&&d.onMenuToggle(u.value),c.key==="ArrowDown"&&d.onMenuOpen(u.value),["Enter"," ","ArrowDown"].includes(c.key)&&(u.wasKeyboardTriggerOpenRef.current=!0,c.preventDefault()))}),onFocus:I(r.onFocus,()=>p(!0)),onBlur:I(r.onBlur,()=>p(!1))})})})})});ee.displayName=P;var Ye="MenubarPortal",re=r=>{const{__scopeMenubar:n,...a}=r,t=l(n);return e.jsx(ze,{...t,...a})};re.displayName=Ye;var O="MenubarContent",ne=s.forwardRef((r,n)=>{const{__scopeMenubar:a,align:t="start",...o}=r,h=l(a),b=G(O,a),d=J(O,a),u=We(a),m=s.useRef(!1);return e.jsx(ye,{id:d.contentId,"aria-labelledby":d.triggerId,"data-radix-menubar-content":"",...h,...o,ref:n,align:t,onCloseAutoFocus:I(r.onCloseAutoFocus,i=>{var p;!!!b.value&&!m.current&&((p=d.triggerRef.current)==null||p.focus()),m.current=!1,i.preventDefault()}),onFocusOutside:I(r.onFocusOutside,i=>{const M=i.target;u().some(g=>{var c;return(c=g.ref.current)==null?void 0:c.contains(M)})&&i.preventDefault()}),onInteractOutside:I(r.onInteractOutside,()=>{m.current=!0}),onEntryFocus:i=>{d.wasKeyboardTriggerOpenRef.current||i.preventDefault()},onKeyDown:I(r.onKeyDown,i=>{if(["ArrowRight","ArrowLeft"].includes(i.key)){const M=i.target,p=M.hasAttribute("data-radix-menubar-subtrigger"),g=M.closest("[data-radix-menubar-content]")!==i.currentTarget,f=(b.dir==="rtl"?"ArrowRight":"ArrowLeft")===i.key;if(!f&&p||g&&f)return;let S=u().filter(T=>!T.disabled).map(T=>T.value);f&&S.reverse();const $=S.indexOf(d.value);S=b.loop?lr(S,$+1):S.slice($+1);const[K]=S;K&&b.onMenuOpen(K)}},{checkForDefaultPrevented:!1}),style:{...r.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});ne.displayName=O;var Je="MenubarGroup",Qe=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Le,{...o,...t,ref:n})});Qe.displayName=Je;var er="MenubarLabel",ae=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Fe,{...o,...t,ref:n})});ae.displayName=er;var rr="MenubarItem",te=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(we,{...o,...t,ref:n})});te.displayName=rr;var nr="MenubarCheckboxItem",oe=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Oe,{...o,...t,ref:n})});oe.displayName=nr;var ar="MenubarRadioGroup",se=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Ge,{...o,...t,ref:n})});se.displayName=ar;var tr="MenubarRadioItem",ue=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(De,{...o,...t,ref:n})});ue.displayName=tr;var or="MenubarItemIndicator",ie=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(ke,{...o,...t,ref:n})});ie.displayName=or;var sr="MenubarSeparator",de=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Te,{...o,...t,ref:n})});de.displayName=sr;var ur="MenubarArrow",ir=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx($e,{...o,...t,ref:n})});ir.displayName=ur;var ce="MenubarSub",le=r=>{const{__scopeMenubar:n,children:a,open:t,onOpenChange:o,defaultOpen:h}=r,b=l(n),[d,u]=Z({prop:t,defaultProp:h??!1,onChange:o,caller:ce});return e.jsx(Ee,{...b,open:d,onOpenChange:u,children:a})};le.displayName=ce;var dr="MenubarSubTrigger",be=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Ae,{"data-radix-menubar-subtrigger":"",...o,...t,ref:n})});be.displayName=dr;var cr="MenubarSubContent",pe=s.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,o=l(a);return e.jsx(Pe,{...o,"data-radix-menubar-content":"",...t,ref:n,style:{...r.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});pe.displayName=cr;function lr(r,n){return r.map((a,t)=>r[(n+t)%r.length])}var br=Y,pr=Q,mr=ee,fr=re,Mr=ne,gr=ae,xr=te,hr=oe,vr=se,Ir=ue,me=ie,_r=de,Sr=le,jr=be,Nr=pe;function z({className:r,...n}){return e.jsx(br,{"data-slot":"menubar",className:x("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",r),...n})}function C({...r}){return e.jsx(pr,{"data-slot":"menubar-menu",...r})}function fe({...r}){return e.jsx(fr,{"data-slot":"menubar-portal",...r})}function Me({...r}){return e.jsx(vr,{"data-slot":"menubar-radio-group",...r})}function y({className:r,...n}){return e.jsx(mr,{"data-slot":"menubar-trigger",className:x("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",r),...n})}function w({className:r,align:n="start",alignOffset:a=-4,sideOffset:t=8,...o}){return e.jsx(fe,{children:e.jsx(Mr,{"data-slot":"menubar-content",align:n,alignOffset:a,sideOffset:t,className:x("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",r),...o})})}function v({className:r,inset:n,variant:a="default",...t}){return e.jsx(xr,{"data-slot":"menubar-item","data-inset":n,"data-variant":a,className:x("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r),...t})}function k({className:r,children:n,checked:a,...t}){return e.jsxs(hr,{"data-slot":"menubar-checkbox-item",className:x("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r),checked:a,...t,children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(me,{children:e.jsx(Ue,{className:"size-4"})})}),n]})}function F({className:r,children:n,...a}){return e.jsxs(Ir,{"data-slot":"menubar-radio-item",className:x("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r),...a,children:[e.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:e.jsx(me,{children:e.jsx(qe,{className:"size-2 fill-current"})})}),n]})}function ge({className:r,inset:n,...a}){return e.jsx(gr,{"data-slot":"menubar-label","data-inset":n,className:x("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",r),...a})}function j({className:r,...n}){return e.jsx(_r,{"data-slot":"menubar-separator",className:x("bg-border -mx-1 my-1 h-px",r),...n})}function _({className:r,...n}){return e.jsx("span",{"data-slot":"menubar-shortcut",className:x("text-muted-foreground ml-auto text-xs tracking-widest",r),...n})}function xe({...r}){return e.jsx(Sr,{"data-slot":"menubar-sub",...r})}function he({className:r,inset:n,children:a,...t}){return e.jsxs(jr,{"data-slot":"menubar-sub-trigger","data-inset":n,className:x("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",r),...t,children:[a,e.jsx(Be,{className:"ml-auto h-4 w-4"})]})}function ve({className:r,...n}){return e.jsx(Nr,{"data-slot":"menubar-sub-content",className:x("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",r),...n})}z.__docgenInfo={description:"",methods:[],displayName:"Menubar"};fe.__docgenInfo={description:"",methods:[],displayName:"MenubarPortal"};C.__docgenInfo={description:"",methods:[],displayName:"MenubarMenu"};y.__docgenInfo={description:"",methods:[],displayName:"MenubarTrigger"};w.__docgenInfo={description:"",methods:[],displayName:"MenubarContent",props:{align:{defaultValue:{value:'"start"',computed:!1},required:!1},alignOffset:{defaultValue:{value:"-4",computed:!1},required:!1},sideOffset:{defaultValue:{value:"8",computed:!1},required:!1}}};j.__docgenInfo={description:"",methods:[],displayName:"MenubarSeparator"};ge.__docgenInfo={description:"",methods:[],displayName:"MenubarLabel",props:{inset:{required:!1,tsType:{name:"boolean"},description:""}}};v.__docgenInfo={description:"",methods:[],displayName:"MenubarItem",props:{inset:{required:!1,tsType:{name:"boolean"},description:""},variant:{required:!1,tsType:{name:"union",raw:'"default" | "destructive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"destructive"'}]},description:"",defaultValue:{value:'"default"',computed:!1}}}};_.__docgenInfo={description:"",methods:[],displayName:"MenubarShortcut"};k.__docgenInfo={description:"",methods:[],displayName:"MenubarCheckboxItem"};Me.__docgenInfo={description:"",methods:[],displayName:"MenubarRadioGroup"};F.__docgenInfo={description:"",methods:[],displayName:"MenubarRadioItem"};xe.__docgenInfo={description:"",methods:[],displayName:"MenubarSub"};he.__docgenInfo={description:"",methods:[],displayName:"MenubarSubTrigger",props:{inset:{required:!1,tsType:{name:"boolean"},description:""}}};ve.__docgenInfo={description:"",methods:[],displayName:"MenubarSubContent"};const nn={title:"Shadcn/UI/Menubar",component:z},R={render:()=>e.jsxs(z,{children:[e.jsxs(C,{children:[e.jsx(y,{children:"File"}),e.jsxs(w,{children:[e.jsxs(v,{children:["New Tab ",e.jsx(_,{children:"⌘T"})]}),e.jsxs(v,{children:["New Window ",e.jsx(_,{children:"⌘N"})]}),e.jsx(j,{}),e.jsxs(xe,{children:[e.jsx(he,{children:"Share"}),e.jsxs(ve,{children:[e.jsx(v,{children:"Email link"}),e.jsx(v,{children:"Messages"})]})]}),e.jsx(j,{}),e.jsxs(v,{children:["Close Window ",e.jsx(_,{children:"⌘W"})]})]})]}),e.jsxs(C,{children:[e.jsx(y,{children:"Edit"}),e.jsxs(w,{children:[e.jsxs(v,{children:["Undo ",e.jsx(_,{children:"⌘Z"})]}),e.jsxs(v,{children:["Redo ",e.jsx(_,{children:"⇧⌘Z"})]}),e.jsx(j,{}),e.jsx(k,{checked:!0,children:"Show Ruler"}),e.jsx(k,{children:"Show Toolbar"}),e.jsx(j,{}),e.jsx(ge,{children:"Zoom"}),e.jsxs(Me,{value:"fit",children:[e.jsx(F,{value:"fit",children:"Fit"}),e.jsx(F,{value:"fill",children:"Fill"})]})]})]}),e.jsxs(C,{children:[e.jsx(y,{children:"View"}),e.jsxs(w,{children:[e.jsxs(v,{children:["Reload ",e.jsx(_,{children:"⌘R"})]}),e.jsxs(v,{children:["Toggle Full Screen ",e.jsx(_,{children:"⌃⌘F"})]})]})]})]})};var V,B,U;R.parameters={...R.parameters,docs:{...(V=R.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  render: () => <Menubar>
+      <MenubarMenu>
+        <MenubarTrigger>File</MenubarTrigger>
+        <MenubarContent>
+          <MenubarItem>New Tab <MenubarShortcut>⌘T</MenubarShortcut></MenubarItem>
+          <MenubarItem>New Window <MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
+          <MenubarSeparator />
+          <MenubarSub>
+            <MenubarSubTrigger>Share</MenubarSubTrigger>
+            <MenubarSubContent>
+              <MenubarItem>Email link</MenubarItem>
+              <MenubarItem>Messages</MenubarItem>
+            </MenubarSubContent>
+          </MenubarSub>
+          <MenubarSeparator />
+          <MenubarItem>Close Window <MenubarShortcut>⌘W</MenubarShortcut></MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>Edit</MenubarTrigger>
+        <MenubarContent>
+          <MenubarItem>Undo <MenubarShortcut>⌘Z</MenubarShortcut></MenubarItem>
+          <MenubarItem>Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut></MenubarItem>
+          <MenubarSeparator />
+          <MenubarCheckboxItem checked>Show Ruler</MenubarCheckboxItem>
+          <MenubarCheckboxItem>Show Toolbar</MenubarCheckboxItem>
+          <MenubarSeparator />
+          <MenubarLabel>Zoom</MenubarLabel>
+          <MenubarRadioGroup value="fit">
+            <MenubarRadioItem value="fit">Fit</MenubarRadioItem>
+            <MenubarRadioItem value="fill">Fill</MenubarRadioItem>
+          </MenubarRadioGroup>
+        </MenubarContent>
+      </MenubarMenu>
+      <MenubarMenu>
+        <MenubarTrigger>View</MenubarTrigger>
+        <MenubarContent>
+          <MenubarItem>Reload <MenubarShortcut>⌘R</MenubarShortcut></MenubarItem>
+          <MenubarItem>Toggle Full Screen <MenubarShortcut>⌃⌘F</MenubarShortcut></MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+    </Menubar>
+}`,...(U=(B=R.parameters)==null?void 0:B.docs)==null?void 0:U.source}}};const an=["Basic"];export{R as Basic,an as __namedExportsOrder,nn as default};

package/storybook-static/assets/MonthPicker.stories-BnrOc4fm.js

@@ -0,0 +1,99 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as m}from"./iframe-v7iAhKit.js";import{b as w}from"./button-0oMkiryo.js";import{c as b}from"./utils-D-KgF5mV.js";import{C as P}from"./chevron-left-BBoN0vbI.js";import{C as V}from"./chevron-right-B5vIMLxK.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./createLucideIcon-BrHXro7t.js";const $=[[{number:0,name:"Jan"},{number:1,name:"Feb"},{number:2,name:"Mar"},{number:3,name:"Apr"}],[{number:4,name:"May"},{number:5,name:"Jun"},{number:6,name:"Jul"},{number:7,name:"Aug"}],[{number:8,name:"Sep"},{number:9,name:"Oct"},{number:10,name:"Nov"},{number:11,name:"Dec"}]];function d({onMonthSelect:t,selectedMonth:u,minDate:n,maxDate:a,disabledDates:r,callbacks:s,onYearBackward:i,onYearForward:c,variant:h,className:p,...x}){return e.jsx("div",{className:b("min-w-[200px] w-[280px] p-3",p),...x,children:e.jsx("div",{className:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",children:e.jsx("div",{className:"space-y-4 w-full",children:e.jsx(A,{onMonthSelect:t,callbacks:s,selectedMonth:u,onYearBackward:i,onYearForward:c,variant:h,minDate:n,maxDate:a,disabledDates:r})})})})}function A({selectedMonth:t,onMonthSelect:u,callbacks:n,variant:a,minDate:r,maxDate:s,disabledDates:i,onYearBackward:c,onYearForward:h}){const[p,x]=m.useState((t==null?void 0:t.getFullYear())??new Date().getFullYear()),[C,T]=m.useState((t==null?void 0:t.getMonth())??new Date().getMonth()),[l,j]=m.useState(p);r&&s&&r>s&&(r=s);const f=i==null?void 0:i.map(g=>({year:g.getFullYear(),month:g.getMonth()}));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex justify-center pt-1 relative items-center",children:[e.jsx("div",{className:"text-sm font-medium",children:n!=null&&n.yearLabel?n==null?void 0:n.yearLabel(l):l}),e.jsxs("div",{className:"space-x-1 flex items-center",children:[e.jsx("button",{type:"button",onClick:()=>{j(l-1),c&&c()},className:b(w({variant:(a==null?void 0:a.chevrons)??"outline"}),"inline-flex items-center justify-center h-7 w-7 p-0 absolute left-1"),children:e.jsx(P,{className:"opacity-50 h-4 w-4"})}),e.jsx("button",{type:"button",onClick:()=>{j(l+1),h&&h()},className:b(w({variant:(a==null?void 0:a.chevrons)??"outline"}),"inline-flex items-center justify-center h-7 w-7 p-0 absolute right-1"),children:e.jsx(V,{className:"opacity-50 h-4 w-4"})})]})]}),e.jsx("table",{className:"w-full border-collapse space-y-1",children:e.jsx("tbody",{children:$.map((g,B)=>e.jsx("tr",{className:"flex w-full mt-2",children:g.map(o=>{var N,S;return e.jsx("td",{className:"h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",children:e.jsx("button",{type:"button",onClick:()=>{T(o.number),x(l),u&&u(new Date(l,o.number))},disabled:(s?l>(s==null?void 0:s.getFullYear())||l===(s==null?void 0:s.getFullYear())&&o.number>s.getMonth():!1)||(r?l<(r==null?void 0:r.getFullYear())||l===(r==null?void 0:r.getFullYear())&&o.number<r.getMonth():!1)||(f?f==null?void 0:f.some(L=>L.year===l&&L.month===o.number):!1),className:b(w({variant:C===o.number&&l===p?((N=a==null?void 0:a.calendar)==null?void 0:N.selected)??"default":((S=a==null?void 0:a.calendar)==null?void 0:S.main)??"ghost"}),"h-full w-full p-0 font-normal aria-selected:opacity-100"),children:n!=null&&n.monthLabel?n.monthLabel(o):o.name})},`month-${o.number}`)})},`row-${B}`))})})]})}d.displayName="MonthPicker";d.__docgenInfo={description:"",methods:[],displayName:"MonthPicker",props:{selectedMonth:{required:!1,tsType:{name:"Date"},description:""},onMonthSelect:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:""},onYearForward:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onYearBackward:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},callbacks:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  yearLabel?: (year: number) => string;
+  monthLabel?: (month: Month) => string;
+}`,signature:{properties:[{key:"yearLabel",value:{name:"signature",type:"function",raw:"(year: number) => string",signature:{arguments:[{type:{name:"number"},name:"year"}],return:{name:"string"}},required:!1}},{key:"monthLabel",value:{name:"signature",type:"function",raw:"(month: Month) => string",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
+  number: number;
+  name: string;
+}`,signature:{properties:[{key:"number",value:{name:"number",required:!0}},{key:"name",value:{name:"string",required:!0}}]}},name:"month"}],return:{name:"string"}},required:!1}}]}},description:""},variant:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  calendar?: {
+    main?: ButtonVariant;
+    selected?: ButtonVariant;
+  };
+  chevrons?: ButtonVariant;
+}`,signature:{properties:[{key:"calendar",value:{name:"signature",type:"object",raw:`{
+  main?: ButtonVariant;
+  selected?: ButtonVariant;
+}`,signature:{properties:[{key:"main",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}},{key:"selected",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}}]},required:!1}},{key:"chevrons",value:{name:"union",raw:`| 'default'
+| 'outline'
+| 'ghost'
+| 'link'
+| 'destructive'
+| 'secondary'
+| null
+| undefined`,elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'link'"},{name:"literal",value:"'destructive'"},{name:"literal",value:"'secondary'"},{name:"null"},{name:"undefined"}],required:!1}}]}},description:""},minDate:{required:!1,tsType:{name:"Date"},description:""},maxDate:{required:!1,tsType:{name:"Date"},description:""},disabledDates:{required:!1,tsType:{name:"Array",elements:[{name:"Date"}],raw:"Date[]"},description:""}}};const G={title:"Kit/Components/MonthPicker",component:d,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},y={name:"Basic",render:()=>{const[t,u]=m.useState(new Date);return e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm text-muted-foreground",children:"Selected month"}),e.jsx("div",{className:"font-medium",children:t==null?void 0:t.toLocaleString(void 0,{month:"long",year:"numeric"})})]}),e.jsx(d,{selectedMonth:t,onMonthSelect:n=>u(n),callbacks:{yearLabel:n=>`${n}`,monthLabel:n=>n.name},variant:{calendar:{main:"ghost",selected:"default"},chevrons:"outline"}})]})}},v={name:"With constraints",render:()=>{const[t,u]=m.useState(new Date),n=new Date,a=new Date(n.getFullYear(),2),r=new Date(n.getFullYear(),9),s=[new Date(n.getFullYear(),4),new Date(n.getFullYear(),5)];return e.jsxs("div",{className:"p-6 space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm text-muted-foreground",children:"Selected month"}),e.jsx("div",{className:"font-medium",children:t==null?void 0:t.toLocaleString(void 0,{month:"long",year:"numeric"})})]}),e.jsx(d,{selectedMonth:t,onMonthSelect:i=>u(i),minDate:a,maxDate:r,disabledDates:s,callbacks:{yearLabel:i=>`FY ${i}`,monthLabel:i=>i.name},variant:{calendar:{main:"ghost",selected:"default"},chevrons:"outline"}}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Allowed months: ",a.toLocaleString(void 0,{month:"short"})," - ",r.toLocaleString(void 0,{month:"short"})," (",a.getFullYear(),")"]})]})}};var Y,F,M;y.parameters={...y.parameters,docs:{...(Y=y.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  name: 'Basic',
+  render: () => {
+    const [selected, setSelected] = React.useState<Date | undefined>(new Date());
+    return <div className="p-6">
+        <div className="mb-4">
+          <div className="text-sm text-muted-foreground">Selected month</div>
+          <div className="font-medium">{selected?.toLocaleString(undefined, {
+            month: 'long',
+            year: 'numeric'
+          })}</div>
+        </div>
+        <MonthPicker selectedMonth={selected} onMonthSelect={d => setSelected(d)} callbacks={{
+        yearLabel: y => \`\${y}\`,
+        monthLabel: m => m.name
+      }} variant={{
+        calendar: {
+          main: 'ghost',
+          selected: 'default'
+        },
+        chevrons: 'outline'
+      }} />
+      </div>;
+  }
+}`,...(M=(F=y.parameters)==null?void 0:F.docs)==null?void 0:M.source}}};var q,k,D;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  name: 'With constraints',
+  render: () => {
+    const [selected, setSelected] = React.useState<Date | undefined>(new Date());
+    const now = new Date();
+    const minDate = new Date(now.getFullYear(), 2); // Mar this year
+    const maxDate = new Date(now.getFullYear(), 9); // Oct this year
+    const disabledDates = [new Date(now.getFullYear(), 4),
+    // May
+    new Date(now.getFullYear(), 5) // Jun
+    ];
+    return <div className="p-6 space-y-4">
+        <div>
+          <div className="text-sm text-muted-foreground">Selected month</div>
+          <div className="font-medium">{selected?.toLocaleString(undefined, {
+            month: 'long',
+            year: 'numeric'
+          })}</div>
+        </div>
+        <MonthPicker selectedMonth={selected} onMonthSelect={d => setSelected(d)} minDate={minDate} maxDate={maxDate} disabledDates={disabledDates} callbacks={{
+        yearLabel: y => \`FY \${y}\`,
+        monthLabel: m => m.name
+      }} variant={{
+        calendar: {
+          main: 'ghost',
+          selected: 'default'
+        },
+        chevrons: 'outline'
+      }} />
+        <div className="text-xs text-muted-foreground">
+          Allowed months: {minDate.toLocaleString(undefined, {
+          month: 'short'
+        })} - {maxDate.toLocaleString(undefined, {
+          month: 'short'
+        })} ({minDate.getFullYear()})
+        </div>
+      </div>;
+  }
+}`,...(D=(k=v.parameters)==null?void 0:k.docs)==null?void 0:D.source}}};const Q=["Basic","WithConstraints"];export{y as Basic,v as WithConstraints,Q as __namedExportsOrder,G as default};