@k3-universe/react-kit 0.0.8 → 0.0.10

package/storybook-static/assets/Autocomplete.stories-CyOvjTGN.js

@@ -1,33 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{A as n}from"./Autocomplete-B4gV705L.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./popover-ClqrrvjL.js";import"./index-DW48STyt.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-Cce91yJQ.js";import"./index-CKwUGXmt.js";import"./index-7XoYQV2z.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./createLucideIcon-CLBo0iA0.js";import"./button-BObfgcV1.js";import"./index-CGrAONsN.js";import"./check-DyecuwP4.js";const se={title:"Kit/Components/Autocomplete",component:n,parameters:{controls:{expanded:!0}},argTypes:{mode:{control:"select",options:["client","server"]}}},C=[{label:"New York",value:"nyc"},{label:"San Francisco",value:"sf"},{label:"Los Angeles",value:"la"},{label:"Seattle",value:"sea"},{label:"Austin",value:"aus"},{label:"Chicago",value:"chi"},{label:"Miami",value:"mia"},{label:"Boston",value:"bos"},{label:"Denver",value:"den"},{label:"Portland",value:"pdx"}],t={name:"Client mode",args:{mode:"client",options:C,placeholder:"Select a city...",searchPlaceholder:"Search cities...",pageSize:5,defaultOpen:!1},render:e=>o.jsx(n,{...e})};function j(e,r=350){return async({search:O,page:x,pageSize:l})=>{const m=(O||"").toLowerCase(),A=x??1,p=m?e.filter(c=>c.label.toLowerCase().includes(m)):e,i=(A-1)*l,N=p.slice(i,i+l),T=i+l<p.length;return await new Promise(c=>setTimeout(c,r)),{items:N,hasMore:T,nextCursor:null}}}const y=Array.from({length:100}).map((e,r)=>({label:`Option ${r+1}`,value:r+1})),a={name:"Server mode (infinite scroll)",args:{mode:"server",fetcher:j(y),placeholder:"Pick an option...",searchPlaceholder:"Search options...",pageSize:10},render:e=>o.jsx(n,{...e})},s={name:"Custom option rendering",args:{mode:"client",options:C,renderOption:(e,r)=>o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsx("span",{className:"inline-block h-2 w-2 rounded-full bg-primary"}),o.jsx("span",{className:r?"font-medium":void 0,children:e.label})]})},render:e=>o.jsx(n,{...e})};var d,u,g;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  name: 'Client mode',
-  args: {
-    mode: 'client',
-    options: CITY_OPTIONS,
-    placeholder: 'Select a city...',
-    searchPlaceholder: 'Search cities...',
-    pageSize: 5,
-    defaultOpen: false
-  } satisfies Partial<AutocompleteProps>,
-  render: args => <Autocomplete {...args} />
-}`,...(g=(u=t.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,f,v;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  name: 'Server mode (infinite scroll)',
-  args: {
-    mode: 'server',
-    fetcher: makeServerFetcher(MANY_OPTIONS),
-    placeholder: 'Pick an option...',
-    searchPlaceholder: 'Search options...',
-    pageSize: 10
-  } satisfies Partial<AutocompleteProps>,
-  render: args => <Autocomplete {...args} />
-}`,...(v=(f=a.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var S,P,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  name: 'Custom option rendering',
-  args: {
-    mode: 'client',
-    options: CITY_OPTIONS,
-    renderOption: (option, selected) => <div className="flex items-center gap-2">
-        <span className="inline-block h-2 w-2 rounded-full bg-primary" />
-        <span className={selected ? 'font-medium' : undefined}>{option.label}</span>
-      </div>
-  } satisfies Partial<AutocompleteProps>,
-  render: args => <Autocomplete {...args} />
-}`,...(b=(P=s.parameters)==null?void 0:P.docs)==null?void 0:b.source}}};const ne=["ClientMode","ServerMode","CustomRender"];export{t as ClientMode,s as CustomRender,a as ServerMode,ne as __namedExportsOrder,se as default};

package/storybook-static/assets/Badge.stories-_-G3GriP.js

@@ -1,12 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as m}from"./index-BcAKBHrX.js";import{c as f}from"./index-CGrAONsN.js";import{c as x}from"./utils-D-KgF5mV.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";const b=f("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function r({className:l,variant:u,asChild:g=!1,...p}){const v=g?m:"span";return e.jsx(v,{"data-slot":"badge",className:x(b({variant:u}),l),...p})}r.__docgenInfo={description:"",methods:[],displayName:"Badge",props:{asChild:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const V={title:"Shadcn/UI/Badge",component:r},a={args:{children:"Badge"}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(r,{children:"Default"}),e.jsx(r,{variant:"secondary",children:"Secondary"}),e.jsx(r,{variant:"destructive",children:"Destructive"}),e.jsx(r,{variant:"outline",children:"Outline"})]})};var s,n,i;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  args: {
-    children: 'Badge'
-  }
-}`,...(i=(n=a.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var o,d,c;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  render: () => <div className="flex flex-wrap items-center gap-2">
-      <Badge>Default</Badge>
-      <Badge variant="secondary">Secondary</Badge>
-      <Badge variant="destructive">Destructive</Badge>
-      <Badge variant="outline">Outline</Badge>
-    </div>
-}`,...(c=(d=t.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const k=["Basic","Variants"];export{a as Basic,t as Variants,k as __namedExportsOrder,V as default};

package/storybook-static/assets/DataTable.Basic.stories-BQNWUKiw.js

@@ -1,6 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{D as a}from"./lodash-BkmSIg_J.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./table-CP3vMqFn.js";import"./utils-D-KgF5mV.js";import"./checkbox-D5BmNJeL.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-DW48STyt.js";import"./index-7XoYQV2z.js";import"./index-DWC9SV-P.js";import"./index-Dqw7miiX.js";import"./index-DMk2qc2_.js";import"./index-CKwUGXmt.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./check-DyecuwP4.js";import"./createLucideIcon-CLBo0iA0.js";import"./button-BObfgcV1.js";import"./index-CGrAONsN.js";import"./skeleton-CjDnQs43.js";import"./FormBuilder-C0S7C69Q.js";import"./schemas-CaLvKjsI.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-BdQq_4o_.js";import"./index-C9xvlw_B.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-C6O7WofA.js";import"./index-Cce91yJQ.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";import"./accordion-BCfsz_gl.js";import"./index-3zykFCgl.js";import"./chevron-left-D1L4J3UW.js";import"./chevron-right-oMYqDJ_f.js";import"./dropdown-menu-BwL9gQwG.js";import"./index-DE2OlfDP.js";import"./settings-2-DSSkfF6W.js";import"./refresh-cw-OZakDsFY.js";const p=[{accessorKey:"name",header:"Name",cell:({row:m})=>o.jsx("span",{className:"font-medium",children:m.original.name})},{accessorKey:"email",header:"Email"},{accessorKey:"status",header:"Status",cell:({getValue:m})=>o.jsx("span",{className:"inline-flex items-center rounded px-2 py-0.5 text-xs ring-1 ring-border",children:String(m())})}],s=[{id:"1",name:"Alice Johnson",email:"alice@example.com",status:"active"},{id:"2",name:"Bob Smith",email:"bob@example.com",status:"inactive"},{id:"3",name:"Carol White",email:"carol@example.com",status:"active"}],bt={title:"Kit/Builder/DataTable",component:a},t={name:"Basic",render:()=>o.jsx("div",{className:"max-w-3xl mx-auto p-6",children:o.jsx(a,{columns:p,data:s,loading:!1,emptyText:"No people found."})})};var r,i,e;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
-  name: 'Basic',
-  render: () => <div className="max-w-3xl mx-auto p-6">
-      <DataTable<Person, unknown> columns={columns} data={data} loading={false} emptyText="No people found." />
-    </div>
-}`,...(e=(i=t.parameters)==null?void 0:i.docs)==null?void 0:e.source}}};const gt=["Basic"];export{t as Basic,gt as __namedExportsOrder,bt as default};

package/storybook-static/assets/DataTable.Filters.stories-DPCoeYhK.js

@@ -1,21 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as d}from"./iframe-BWjPIle6.js";import{D as l}from"./lodash-BkmSIg_J.js";import"./button-BObfgcV1.js";import"./FormBuilder-C0S7C69Q.js";import{c as f,a as i}from"./section-factories-DKfKL-5s.js";import{t as x}from"./index-A7UzX-Xw.js";import"./preload-helper-Dp1pzeXC.js";import"./table-CP3vMqFn.js";import"./utils-D-KgF5mV.js";import"./checkbox-D5BmNJeL.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-DW48STyt.js";import"./index-7XoYQV2z.js";import"./index-DWC9SV-P.js";import"./index-Dqw7miiX.js";import"./index-DMk2qc2_.js";import"./index-CKwUGXmt.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./check-DyecuwP4.js";import"./createLucideIcon-CLBo0iA0.js";import"./skeleton-CjDnQs43.js";import"./accordion-BCfsz_gl.js";import"./index-C9xvlw_B.js";import"./index-3zykFCgl.js";import"./index-BN5_W3Yi.js";import"./index-Dr2xmx-F.js";import"./chevron-down-Bp7zbUB0.js";import"./select-gtXRB92c.js";import"./index-BdQq_4o_.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-C6O7WofA.js";import"./index-Cce91yJQ.js";import"./index-URSssr5a.js";import"./chevron-left-D1L4J3UW.js";import"./chevron-right-oMYqDJ_f.js";import"./dropdown-menu-BwL9gQwG.js";import"./index-DE2OlfDP.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./settings-2-DSSkfF6W.js";import"./refresh-cw-OZakDsFY.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./index-CGrAONsN.js";import"./schemas-CaLvKjsI.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./radio-group-CvN0LQZp.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";const b=[{accessorKey:"id",header:"Order #"},{accessorKey:"customer",header:"Customer"},{accessorKey:"status",header:"Status"},{accessorKey:"total",header:"Total",cell:({getValue:t})=>`$${t().toFixed(2)}`}],v=[{id:"1001",customer:"Alice",status:"pending",total:120.4},{id:"1002",customer:"Bob",status:"paid",total:59},{id:"1003",customer:"Carol",status:"shipped",total:220.75},{id:"1004",customer:"Alice",status:"paid",total:18},{id:"1005",customer:"Dan",status:"pending",total:44.99}],y=[f.card("Find orders",[i.text("customer","Customer"),i.select("status","Status",[{label:"Any",value:null},{label:"Pending",value:"pending"},{label:"Paid",value:"paid"},{label:"Shipped",value:"shipped"}])],{grid:{cols:3}})],Kt={title:"Kit/Builder/DataTable",component:l},r={name:"With filters (FormBuilder)",render:()=>{const[t,p]=d.useState({}),u=v.filter(o=>{const n=t.customer?o.customer.toLowerCase().includes(String(t.customer).toLowerCase()):!0,c=t.status?o.status===t.status:!0;return n&&c});return e.jsx("div",{className:"max-w-5xl mx-auto p-6",children:e.jsx(l,{columns:b,data:u,loading:!1,columnVisibility:!0,formFilters:y,formFilterValues:t,onFormFilterChange:p,actions:[{key:"export",label:"Export",variant:"outline",onClick:()=>{x.info("Export...")}}]})})}};var s,a,m;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  name: 'With filters (FormBuilder)',
-  render: () => {
-    const [values, setValues] = useState<Record<string, unknown>>({});
-    const filtered = allData.filter(o => {
-      const byCustomer = values.customer ? o.customer.toLowerCase().includes(String(values.customer).toLowerCase()) : true;
-      const byStatus = values.status ? o.status === values.status : true;
-      return byCustomer && byStatus;
-    });
-    return <div className="max-w-5xl mx-auto p-6">
-        <DataTable<Order, unknown> columns={columns} data={filtered} loading={false} columnVisibility formFilters={filterSections} formFilterValues={values} onFormFilterChange={setValues} actions={[{
-        key: 'export',
-        label: 'Export',
-        variant: 'outline',
-        onClick: () => {
-          toast.info('Export...');
-        }
-      }]} />
-      </div>;
-  }
-}`,...(m=(a=r.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const jt=["WithFilters"];export{r as WithFilters,jt as __namedExportsOrder,Kt as default};

package/storybook-static/assets/DataTable.Pagination.stories-8UNqTNgw.js

@@ -1,24 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{r as l}from"./iframe-BWjPIle6.js";import{D as m}from"./lodash-BkmSIg_J.js";import"./preload-helper-Dp1pzeXC.js";import"./table-CP3vMqFn.js";import"./utils-D-KgF5mV.js";import"./checkbox-D5BmNJeL.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-DW48STyt.js";import"./index-7XoYQV2z.js";import"./index-DWC9SV-P.js";import"./index-Dqw7miiX.js";import"./index-DMk2qc2_.js";import"./index-CKwUGXmt.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./check-DyecuwP4.js";import"./createLucideIcon-CLBo0iA0.js";import"./button-BObfgcV1.js";import"./index-CGrAONsN.js";import"./skeleton-CjDnQs43.js";import"./FormBuilder-C0S7C69Q.js";import"./schemas-CaLvKjsI.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-BdQq_4o_.js";import"./index-C9xvlw_B.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-C6O7WofA.js";import"./index-Cce91yJQ.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";import"./accordion-BCfsz_gl.js";import"./index-3zykFCgl.js";import"./chevron-left-D1L4J3UW.js";import"./chevron-right-oMYqDJ_f.js";import"./dropdown-menu-BwL9gQwG.js";import"./index-DE2OlfDP.js";import"./settings-2-DSSkfF6W.js";import"./refresh-cw-OZakDsFY.js";const h=[{accessorKey:"name",header:"Name"},{accessorKey:"email",header:"Email"}],n=Array.from({length:48},(i,t)=>({id:String(t+1),name:`User ${t+1}`,email:`user${t+1}@example.com`})),bt={title:"Kit/Builder/DataTable",component:m},e={name:"With pagination (client)",render:()=>o.jsx("div",{className:"max-w-4xl mx-auto p-6",children:o.jsx(m,{columns:h,data:n,loading:!1,pagination:!0})})},a={name:"With pagination (controlled/server-like)",render:()=>{const[i,t]=l.useState(0),[r,P]=l.useState(10),p=i*r,z=p+r,f=n.slice(p,z);return o.jsx("div",{className:"max-w-4xl mx-auto p-6",children:o.jsx(m,{columns:h,data:f,loading:!1,pagination:!0,rowCount:n.length,paginationState:{pageIndex:i,pageSize:r},onPaginationChange:s=>{t(s.pageIndex),P(s.pageSize)}})})}};var c,d,g;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
-  name: 'With pagination (client)',
-  render: () => <div className="max-w-4xl mx-auto p-6">
-      <DataTable<Person, unknown> columns={columns} data={data} loading={false} pagination />
-    </div>
-}`,...(g=(d=e.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,u,S;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  name: 'With pagination (controlled/server-like)',
-  render: () => {
-    const [pageIndex, setPageIndex] = useState(0);
-    const [pageSize, setPageSize] = useState(10);
-    const start = pageIndex * pageSize;
-    const end = start + pageSize;
-    const slice = data.slice(start, end);
-    return <div className="max-w-4xl mx-auto p-6">
-        <DataTable<Person, unknown> columns={columns} data={slice} loading={false} pagination rowCount={data.length} paginationState={{
-        pageIndex,
-        pageSize
-      }} onPaginationChange={next => {
-        setPageIndex(next.pageIndex);
-        setPageSize(next.pageSize);
-      }} />
-      </div>;
-  }
-}`,...(S=(u=a.parameters)==null?void 0:u.docs)==null?void 0:S.source}}};const kt=["WithClientPagination","WithControlledPagination"];export{e as WithClientPagination,a as WithControlledPagination,kt as __namedExportsOrder,bt as default};

package/storybook-static/assets/DataTable.SelectionAndActions.stories-CDEjgQ6T.js

@@ -1,26 +0,0 @@
-import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{D as s}from"./lodash-BkmSIg_J.js";import{t as i}from"./index-A7UzX-Xw.js";import{T as p,P as l}from"./trash-2-D55eseMQ.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./table-CP3vMqFn.js";import"./utils-D-KgF5mV.js";import"./checkbox-D5BmNJeL.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-DW48STyt.js";import"./index-7XoYQV2z.js";import"./index-DWC9SV-P.js";import"./index-Dqw7miiX.js";import"./index-DMk2qc2_.js";import"./index-CKwUGXmt.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./check-DyecuwP4.js";import"./createLucideIcon-CLBo0iA0.js";import"./button-BObfgcV1.js";import"./index-CGrAONsN.js";import"./skeleton-CjDnQs43.js";import"./FormBuilder-C0S7C69Q.js";import"./schemas-CaLvKjsI.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-BdQq_4o_.js";import"./index-C9xvlw_B.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-C6O7WofA.js";import"./index-Cce91yJQ.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";import"./accordion-BCfsz_gl.js";import"./index-3zykFCgl.js";import"./chevron-left-D1L4J3UW.js";import"./chevron-right-oMYqDJ_f.js";import"./dropdown-menu-BwL9gQwG.js";import"./index-DE2OlfDP.js";import"./settings-2-DSSkfF6W.js";import"./refresh-cw-OZakDsFY.js";const n=[{accessorKey:"name",header:"Item"},{accessorKey:"price",header:"Price",cell:({getValue:e})=>t.jsxs("span",{className:"tabular-nums",children:["$",e().toFixed(2)]})}],d=[{id:"1",name:"Keyboard",price:49.99},{id:"2",name:"Mouse",price:24.5},{id:"3",name:"Headset",price:79},{id:"4",name:"Monitor",price:199}],ye={title:"Kit/Builder/DataTable",component:s},o={name:"Selectable + actions",render:()=>t.jsx("div",{className:"max-w-4xl mx-auto p-6",children:t.jsx(s,{columns:n,data:d,loading:!1,selectable:!0,showStandardActions:!0,onRefresh:()=>new Promise(e=>setTimeout(e,800)),actions:[{key:"create",label:"New Item",icon:t.jsx(l,{className:"h-4 w-4"}),variant:"outline",onClick:()=>{i.info("Create clicked")}}],batchActions:[{key:"delete",label:"Delete Selected",icon:t.jsx(p,{className:"h-4 w-4"}),variant:"destructive",onClick:async({selectedRows:e,clearSelection:c})=>{i.info(`Would delete ${e.length} items`),c()}}]})})};var r,a,m;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`{
-  name: 'Selectable + actions',
-  render: () => <div className="max-w-4xl mx-auto p-6">
-      <DataTable<Item, unknown> columns={columns} data={data} loading={false} selectable showStandardActions onRefresh={() => new Promise(r => setTimeout(r, 800))} actions={[{
-      key: 'create',
-      label: 'New Item',
-      icon: <Plus className="h-4 w-4" />,
-      variant: 'outline',
-      onClick: () => {
-        toast.info('Create clicked');
-      }
-    }]} batchActions={[{
-      key: 'delete',
-      label: 'Delete Selected',
-      icon: <Trash2 className="h-4 w-4" />,
-      variant: 'destructive',
-      onClick: async ({
-        selectedRows,
-        clearSelection
-      }) => {
-        toast.info(\`Would delete \${selectedRows.length} items\`);
-        clearSelection();
-      }
-    }]} />
-    </div>
-}`,...(m=(a=o.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const Ne=["SelectableWithActions"];export{o as SelectableWithActions,Ne as __namedExportsOrder,ye as default};

package/storybook-static/assets/DataTable.Sorting.stories-qG7-X_6r.js

@@ -1,6 +0,0 @@
-import{j as m}from"./jsx-runtime-D_zvdyIk.js";import{D as p,a as o}from"./lodash-BkmSIg_J.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./table-CP3vMqFn.js";import"./utils-D-KgF5mV.js";import"./checkbox-D5BmNJeL.js";import"./index-BcAKBHrX.js";import"./index-Pk2lGsul.js";import"./index-DW48STyt.js";import"./index-7XoYQV2z.js";import"./index-DWC9SV-P.js";import"./index-Dqw7miiX.js";import"./index-DMk2qc2_.js";import"./index-CKwUGXmt.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./check-DyecuwP4.js";import"./createLucideIcon-CLBo0iA0.js";import"./button-BObfgcV1.js";import"./index-CGrAONsN.js";import"./skeleton-CjDnQs43.js";import"./FormBuilder-C0S7C69Q.js";import"./schemas-CaLvKjsI.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-BdQq_4o_.js";import"./index-C9xvlw_B.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-C6O7WofA.js";import"./index-Cce91yJQ.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";import"./accordion-BCfsz_gl.js";import"./index-3zykFCgl.js";import"./chevron-left-D1L4J3UW.js";import"./chevron-right-oMYqDJ_f.js";import"./dropdown-menu-BwL9gQwG.js";import"./index-DE2OlfDP.js";import"./settings-2-DSSkfF6W.js";import"./refresh-cw-OZakDsFY.js";const s=[{accessorKey:"name",header:({column:t})=>m.jsx(o,{column:t,title:"Name"})},{accessorKey:"email",header:({column:t})=>m.jsx(o,{column:t,title:"Email"})},{accessorKey:"age",header:({column:t})=>m.jsx(o,{column:t,title:"Age"}),cell:({getValue:t})=>m.jsx("span",{className:"tabular-nums",children:t()})}],n=[{id:"1",name:"Zara",email:"zara@example.com",age:29},{id:"2",name:"Mike",email:"mike@example.com",age:41},{id:"3",name:"Anna",email:"anna@example.com",age:22},{id:"4",name:"Ben",email:"ben@example.com",age:35}],bt={title:"Kit/Builder/DataTable",component:p},r={name:"With sorting",render:()=>m.jsx("div",{className:"max-w-4xl mx-auto p-6",children:m.jsx(p,{columns:s,data:n,loading:!1,sorting:!0})})};var i,a,e;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
-  name: 'With sorting',
-  render: () => <div className="max-w-4xl mx-auto p-6">
-      <DataTable<Person, unknown> columns={columns} data={data} loading={false} sorting />
-    </div>
-}`,...(e=(a=r.parameters)==null?void 0:a.docs)==null?void 0:e.source}}};const ft=["WithSorting"];export{r as WithSorting,ft as __namedExportsOrder,bt as default};

package/storybook-static/assets/Form.Basic.stories-dE4nbgpr.js

@@ -1,45 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{F as m}from"./FormBuilder-C0S7C69Q.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./schemas-CaLvKjsI.js";import"./utils-D-KgF5mV.js";import"./button-BObfgcV1.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-C9xvlw_B.js";import"./index-Pk2lGsul.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-Cce91yJQ.js";import"./index-7XoYQV2z.js";import"./index-Dqw7miiX.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./createLucideIcon-CLBo0iA0.js";import"./check-DyecuwP4.js";import"./checkbox-D5BmNJeL.js";import"./index-CKwUGXmt.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";const or={title:"Kit/Builder/Form",component:m,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},r={name:"Basic usage",args:{sections:[{title:"User Info",description:"A minimal configuration using grid layout",variant:"card",layout:"grid",grid:{cols:1,mdCols:2,gap:"gap-4"},fields:[{name:"firstName",label:"First name",type:"text",required:!0},{name:"lastName",label:"Last name",type:"text",required:!0},{name:"email",label:"Email",type:"email",required:!0},{name:"newsletter",label:"Subscribe to newsletter",type:"checkbox",defaultValue:!1,gridCols:2}]}],onSubmit:t=>{console.log("Submit (basic):",t)},showActions:!0},render:t=>e.jsx("div",{className:"max-w-3xl mx-auto p-6",children:e.jsx(m,{...t})})};var i,o,a;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
-  name: 'Basic usage',
-  args: {
-    sections: [{
-      title: 'User Info',
-      description: 'A minimal configuration using grid layout',
-      variant: 'card',
-      layout: 'grid',
-      grid: {
-        cols: 1,
-        mdCols: 2,
-        gap: 'gap-4'
-      },
-      fields: [{
-        name: 'firstName',
-        label: 'First name',
-        type: 'text',
-        required: true
-      }, {
-        name: 'lastName',
-        label: 'Last name',
-        type: 'text',
-        required: true
-      }, {
-        name: 'email',
-        label: 'Email',
-        type: 'email',
-        required: true
-      }, {
-        name: 'newsletter',
-        label: 'Subscribe to newsletter',
-        type: 'checkbox',
-        defaultValue: false,
-        gridCols: 2
-      }]
-    }],
-    onSubmit: (data: unknown) => {
-      console.log('Submit (basic):', data);
-    },
-    showActions: true
-  } satisfies Partial<FormBuilderProps>,
-  render: args => <div className="max-w-3xl mx-auto p-6">
-      <FormBuilder {...args as FormBuilderProps} />
-    </div>
-}`,...(a=(o=r.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const ar=["BasicUsage"];export{r as BasicUsage,ar as __namedExportsOrder,or as default};

package/storybook-static/assets/Form.Complex.stories-BEZufnjb.js

@@ -1,230 +0,0 @@
-import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{F as f}from"./FormBuilder-C0S7C69Q.js";import{c as o,a as e,b as x}from"./section-factories-DKfKL-5s.js";import{c as a,a as r}from"./dependencies-ctrV69dx.js";import{a as m,b as c}from"./schemas-CaLvKjsI.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./button-BObfgcV1.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-gtXRB92c.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-C9xvlw_B.js";import"./index-Pk2lGsul.js";import"./index-Dr2xmx-F.js";import"./index-BfKpUbCE.js";import"./index-04C4iZwC.js";import"./index-DschQYGl.js";import"./Combination-CeVus13L.js";import"./index-BN5_W3Yi.js";import"./index-DWC9SV-P.js";import"./index-C6O7WofA.js";import"./index-DMk2qc2_.js";import"./index-Cce91yJQ.js";import"./index-7XoYQV2z.js";import"./index-Dqw7miiX.js";import"./index-URSssr5a.js";import"./chevron-down-Bp7zbUB0.js";import"./createLucideIcon-CLBo0iA0.js";import"./check-DyecuwP4.js";import"./checkbox-D5BmNJeL.js";import"./index-CKwUGXmt.js";import"./radio-group-CvN0LQZp.js";import"./index-Cw7p-pms.js";import"./circle-CyarsADt.js";import"./label-CwntpYJ0.js";import"./card-BJpPOzP8.js";import"./Autocomplete-B4gV705L.js";import"./popover-ClqrrvjL.js";import"./command-DCnXmNmT.js";import"./index-u70nzfOV.js";import"./dialog-DL0QBIbC.js";import"./x-n8sFtlI2.js";import"./trash-2-D55eseMQ.js";import"./grip-vertical-CM0GDwvq.js";import"./SectionBuilder-Df_lRZkj.js";import"./separator-CxCWfpZX.js";const u={when:(t,l)=>c().refine(t,{message:"Condition not met"}).pipe(l),matchField:(t,l)=>d=>d[t]===d[l],minItems:(t,l)=>m(c()).min(t,l||`Must have at least ${t} items`),maxItems:(t,l)=>m(c()).max(t,l||`Must have at most ${t} items`)},xe={title:"Kit/Builder/Form",component:f,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},s={name:"Complex example",render:()=>{const t=i=>{console.log("Complex form submitted:",i)},l=(i,v,b)=>{console.log(`Field ${i} changed to:`,v),console.log("All form values:",b)},d=[o.card("Personal Information",[e.text("firstName","First Name",{required:!0,placeholder:"Enter first name"}),e.text("lastName","Last Name",{required:!0,placeholder:"Enter last name"}),e.email("email","Email Address",{required:!0,placeholder:"Enter email address"}),e.date("dateOfBirth","Date of Birth",{required:!0}),e.select("gender","Gender",[{label:"Male",value:"male"},{label:"Female",value:"female"},{label:"Other",value:"other"},{label:"Prefer not to say",value:"not_specified"}],{placeholder:"Select gender"})]),o.card("Address Information",[e.object("address","Primary Address",[e.text("street","Street Address",{required:!0,placeholder:"123 Main St",gridCols:2}),e.text("city","City",{required:!0,placeholder:"New York"}),e.text("state","State/Province",{required:!0,placeholder:"NY"}),e.text("postalCode","Postal Code",{required:!0,placeholder:"10001"}),e.select("country","Country",[{label:"United States",value:"US"},{label:"Canada",value:"CA"},{label:"United Kingdom",value:"UK"},{label:"Australia",value:"AU"}],{required:!0,defaultValue:"US"})],{gridCols:2}),e.checkbox("sameAsShipping","Billing address same as shipping",{defaultValue:!0,gridCols:2}),e.object("billingAddress","Billing Address",[e.text("street","Street Address",{required:!0,placeholder:"123 Main St",gridCols:2}),e.text("city","City",{required:!0,placeholder:"New York"}),e.text("state","State/Province",{required:!0,placeholder:"NY"}),e.text("postalCode","Postal Code",{required:!0,placeholder:"10001"}),e.select("country","Country",[{label:"United States",value:"US"},{label:"Canada",value:"CA"},{label:"United Kingdom",value:"UK"},{label:"Australia",value:"AU"}],{required:!0,defaultValue:"US"})],{gridCols:2,dependencies:[a.showWhen("sameAsShipping",r.isFalse())]})]),o.card("Employment Information",[e.select("employmentStatus","Employment Status",[{label:"Employed",value:"employed"},{label:"Self-employed",value:"self_employed"},{label:"Unemployed",value:"unemployed"},{label:"Student",value:"student"},{label:"Retired",value:"retired"}],{required:!0,placeholder:"Select employment status"}),e.text("company","Company Name",{required:!0,placeholder:"Enter company name",dependencies:[a.showWhen("employmentStatus",r.equals("employed"))]}),e.text("jobTitle","Job Title",{required:!0,placeholder:"Enter job title",dependencies:[a.showWhen("employmentStatus",r.equals("employed"))]}),e.text("businessName","Business Name",{required:!0,placeholder:"Enter business name",dependencies:[a.showWhen("employmentStatus",r.equals("self_employed"))]}),e.text("businessType","Type of Business",{placeholder:"e.g., Consulting, Retail, etc.",dependencies:[a.showWhen("employmentStatus",r.equals("self_employed"))]}),e.text("school","School/University",{required:!0,placeholder:"Enter school name",dependencies:[a.showWhen("employmentStatus",r.equals("student"))]}),e.text("major","Major/Field of Study",{placeholder:"Enter your major",dependencies:[a.showWhen("employmentStatus",r.equals("student"))]}),e.number("annualIncome","Annual Income",{placeholder:"50000",validation:u.minItems(0,"Income must be positive"),dependencies:[a.showWhen("employmentStatus",i=>["employed","self_employed"].includes(i))]})]),o.card("Skills & Experience",[e.array("skills","Skills",[e.text("name","Skill Name",{required:!0,placeholder:"e.g., JavaScript, Project Management"}),e.select("level","Proficiency Level",[{label:"Beginner",value:"beginner"},{label:"Intermediate",value:"intermediate"},{label:"Advanced",value:"advanced"},{label:"Expert",value:"expert"}],{required:!0,placeholder:"Select level"}),e.number("yearsOfExperience","Years of Experience",{placeholder:"2",validation:u.minItems(0,"Years must be positive")})],{gridCols:2,defaultValue:[{name:"",level:"",yearsOfExperience:0}]})]),o.card("Professional References",[e.checkbox("hasReferences","I have professional references",{defaultValue:!1,gridCols:2}),e.array("references","References",[e.text("name","Full Name",{required:!0,placeholder:"John Doe"}),e.text("title","Job Title",{required:!0,placeholder:"Senior Manager"}),e.text("company","Company",{required:!0,placeholder:"ABC Corporation"}),e.email("email","Email",{required:!0,placeholder:"john.doe@company.com"}),e.text("phone","Phone",{validation:x.phone,placeholder:"+1 (555) 123-4567"}),e.select("relationship","Relationship",[{label:"Direct Supervisor",value:"supervisor"},{label:"Colleague",value:"colleague"},{label:"Client",value:"client"},{label:"Other",value:"other"}],{required:!0,placeholder:"Select relationship"})],{gridCols:2,defaultValue:[],dependencies:[a.showWhen("hasReferences",r.isTrue())]})]),o.card("Additional Information",[e.textarea("additionalInfo","Additional Comments",{placeholder:"Any additional information you'd like to share...",gridCols:2}),e.checkbox("agreeToTerms","I agree to the terms and conditions",{required:!0,gridCols:2}),e.checkbox("allowMarketing","I agree to receive marketing communications",{defaultValue:!1,gridCols:2})])];return n.jsxs("div",{className:"max-w-4xl mx-auto p-6",children:[n.jsxs("div",{className:"mb-8",children:[n.jsx("h1",{className:"text-3xl font-bold text-gray-900",children:"Professional Profile"}),n.jsx("p",{className:"text-gray-600 mt-2",children:"Complete your professional profile with detailed information. This form demonstrates complex nested structures and field dependencies."})]}),n.jsx(f,{sections:d,onSubmit:t,onFieldChange:l,className:"space-y-8"})]})}};var p,h,y;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  name: 'Complex example',
-  render: () => {
-    const handleSubmit = (data: unknown) => {
-      console.log('Complex form submitted:', data);
-    };
-    const handleFieldChange = (name: string, value: unknown, allValues: Record<string, unknown>) => {
-      console.log(\`Field \${name} changed to:\`, value);
-      console.log('All form values:', allValues);
-    };
-    const sections = [createSection.card('Personal Information', [createField.text('firstName', 'First Name', {
-      required: true,
-      placeholder: 'Enter first name'
-    }), createField.text('lastName', 'Last Name', {
-      required: true,
-      placeholder: 'Enter last name'
-    }), createField.email('email', 'Email Address', {
-      required: true,
-      placeholder: 'Enter email address'
-    }), createField.date('dateOfBirth', 'Date of Birth', {
-      required: true
-    }), createField.select('gender', 'Gender', [{
-      label: 'Male',
-      value: 'male'
-    }, {
-      label: 'Female',
-      value: 'female'
-    }, {
-      label: 'Other',
-      value: 'other'
-    }, {
-      label: 'Prefer not to say',
-      value: 'not_specified'
-    }], {
-      placeholder: 'Select gender'
-    })]), createSection.card('Address Information', [createField.object('address', 'Primary Address', [createField.text('street', 'Street Address', {
-      required: true,
-      placeholder: '123 Main St',
-      gridCols: 2
-    }), createField.text('city', 'City', {
-      required: true,
-      placeholder: 'New York'
-    }), createField.text('state', 'State/Province', {
-      required: true,
-      placeholder: 'NY'
-    }), createField.text('postalCode', 'Postal Code', {
-      required: true,
-      placeholder: '10001'
-    }), createField.select('country', 'Country', [{
-      label: 'United States',
-      value: 'US'
-    }, {
-      label: 'Canada',
-      value: 'CA'
-    }, {
-      label: 'United Kingdom',
-      value: 'UK'
-    }, {
-      label: 'Australia',
-      value: 'AU'
-    }], {
-      required: true,
-      defaultValue: 'US'
-    })], {
-      gridCols: 2
-    }), createField.checkbox('sameAsShipping', 'Billing address same as shipping', {
-      defaultValue: true,
-      gridCols: 2
-    }), createField.object('billingAddress', 'Billing Address', [createField.text('street', 'Street Address', {
-      required: true,
-      placeholder: '123 Main St',
-      gridCols: 2
-    }), createField.text('city', 'City', {
-      required: true,
-      placeholder: 'New York'
-    }), createField.text('state', 'State/Province', {
-      required: true,
-      placeholder: 'NY'
-    }), createField.text('postalCode', 'Postal Code', {
-      required: true,
-      placeholder: '10001'
-    }), createField.select('country', 'Country', [{
-      label: 'United States',
-      value: 'US'
-    }, {
-      label: 'Canada',
-      value: 'CA'
-    }, {
-      label: 'United Kingdom',
-      value: 'UK'
-    }, {
-      label: 'Australia',
-      value: 'AU'
-    }], {
-      required: true,
-      defaultValue: 'US'
-    })], {
-      gridCols: 2,
-      dependencies: [createDependency.showWhen('sameAsShipping', conditions.isFalse())]
-    })]), createSection.card('Employment Information', [createField.select('employmentStatus', 'Employment Status', [{
-      label: 'Employed',
-      value: 'employed'
-    }, {
-      label: 'Self-employed',
-      value: 'self_employed'
-    }, {
-      label: 'Unemployed',
-      value: 'unemployed'
-    }, {
-      label: 'Student',
-      value: 'student'
-    }, {
-      label: 'Retired',
-      value: 'retired'
-    }], {
-      required: true,
-      placeholder: 'Select employment status'
-    }), createField.text('company', 'Company Name', {
-      required: true,
-      placeholder: 'Enter company name',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('employed'))]
-    }), createField.text('jobTitle', 'Job Title', {
-      required: true,
-      placeholder: 'Enter job title',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('employed'))]
-    }), createField.text('businessName', 'Business Name', {
-      required: true,
-      placeholder: 'Enter business name',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('self_employed'))]
-    }), createField.text('businessType', 'Type of Business', {
-      placeholder: 'e.g., Consulting, Retail, etc.',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('self_employed'))]
-    }), createField.text('school', 'School/University', {
-      required: true,
-      placeholder: 'Enter school name',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('student'))]
-    }), createField.text('major', 'Major/Field of Study', {
-      placeholder: 'Enter your major',
-      dependencies: [createDependency.showWhen('employmentStatus', conditions.equals('student'))]
-    }), createField.number('annualIncome', 'Annual Income', {
-      placeholder: '50000',
-      validation: validators.minItems(0, 'Income must be positive'),
-      dependencies: [createDependency.showWhen('employmentStatus', value => ['employed', 'self_employed'].includes(value))]
-    })]), createSection.card('Skills & Experience', [createField.array('skills', 'Skills', [createField.text('name', 'Skill Name', {
-      required: true,
-      placeholder: 'e.g., JavaScript, Project Management'
-    }), createField.select('level', 'Proficiency Level', [{
-      label: 'Beginner',
-      value: 'beginner'
-    }, {
-      label: 'Intermediate',
-      value: 'intermediate'
-    }, {
-      label: 'Advanced',
-      value: 'advanced'
-    }, {
-      label: 'Expert',
-      value: 'expert'
-    }], {
-      required: true,
-      placeholder: 'Select level'
-    }), createField.number('yearsOfExperience', 'Years of Experience', {
-      placeholder: '2',
-      validation: validators.minItems(0, 'Years must be positive')
-    })], {
-      gridCols: 2,
-      defaultValue: [{
-        name: '',
-        level: '',
-        yearsOfExperience: 0
-      }]
-    })]), createSection.card('Professional References', [createField.checkbox('hasReferences', 'I have professional references', {
-      defaultValue: false,
-      gridCols: 2
-    }), createField.array('references', 'References', [createField.text('name', 'Full Name', {
-      required: true,
-      placeholder: 'John Doe'
-    }), createField.text('title', 'Job Title', {
-      required: true,
-      placeholder: 'Senior Manager'
-    }), createField.text('company', 'Company', {
-      required: true,
-      placeholder: 'ABC Corporation'
-    }), createField.email('email', 'Email', {
-      required: true,
-      placeholder: 'john.doe@company.com'
-    }), createField.text('phone', 'Phone', {
-      validation: commonValidations.phone,
-      placeholder: '+1 (555) 123-4567'
-    }), createField.select('relationship', 'Relationship', [{
-      label: 'Direct Supervisor',
-      value: 'supervisor'
-    }, {
-      label: 'Colleague',
-      value: 'colleague'
-    }, {
-      label: 'Client',
-      value: 'client'
-    }, {
-      label: 'Other',
-      value: 'other'
-    }], {
-      required: true,
-      placeholder: 'Select relationship'
-    })], {
-      gridCols: 2,
-      defaultValue: [],
-      dependencies: [createDependency.showWhen('hasReferences', conditions.isTrue())]
-    })]), createSection.card('Additional Information', [createField.textarea('additionalInfo', 'Additional Comments', {
-      placeholder: "Any additional information you'd like to share...",
-      gridCols: 2
-    }), createField.checkbox('agreeToTerms', 'I agree to the terms and conditions', {
-      required: true,
-      gridCols: 2
-    }), createField.checkbox('allowMarketing', 'I agree to receive marketing communications', {
-      defaultValue: false,
-      gridCols: 2
-    })])];
-    return <div className="max-w-4xl mx-auto p-6">
-        <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900">Professional Profile</h1>
-          <p className="text-gray-600 mt-2">
-            Complete your professional profile with detailed information. This form demonstrates complex nested structures and field dependencies.
-          </p>
-        </div>
-
-        <FormBuilder sections={sections} onSubmit={handleSubmit} onFieldChange={handleFieldChange} className="space-y-8" />
-      </div>;
-  }
-}`,...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const ge=["ComplexExample"];export{s as ComplexExample,ge as __namedExportsOrder,xe as default};