@k3-universe/react-kit 0.0.8 → 0.0.10

package/storybook-static/assets/Form.Dynamic.stories-cJTbd6cV.js

@@ -1,247 +0,0 @@
-import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{F as u}from"./FormBuilder-C0S7C69Q.js";import{c as l,a as e}from"./section-factories-DKfKL-5s.js";import{c as i,a as t}from"./dependencies-ctrV69dx.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 me={title:"Kit/Builder/Form",component:u,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},n={name:"Dynamic example",render:()=>{const p=a=>{console.log("Dynamic form submitted:",a)},h=(a,o)=>{console.log(`Field ${a} changed to:`,o),a==="productType"&&o==="subscription"&&console.log("Subscription product selected - additional fields will appear"),a==="hasDiscount"&&o===!0&&console.log("Discount enabled - discount fields will appear")},m=[l.card("Product Configuration",[e.select("productType","Product Type",[{label:"One-time Purchase",value:"onetime"},{label:"Subscription",value:"subscription"},{label:"Bundle",value:"bundle"},{label:"Digital Download",value:"digital"}],{required:!0,placeholder:"Select product type"}),e.text("productName","Product Name",{required:!0,placeholder:"Enter product name"}),e.number("basePrice","Base Price ($)",{required:!0,placeholder:"29.99"}),e.select("billingCycle","Billing Cycle",[{label:"Monthly",value:"monthly"},{label:"Quarterly",value:"quarterly"},{label:"Yearly",value:"yearly"}],{required:!0,placeholder:"Select billing cycle",dependencies:[i.showWhen("productType",t.equals("subscription"))]}),e.number("trialDays","Free Trial Days",{placeholder:"14",defaultValue:0,dependencies:[i.showWhen("productType",t.equals("subscription"))]}),e.array("bundleItems","Bundle Items",[e.text("itemName","Item Name",{required:!0,placeholder:"Item name"}),e.number("itemPrice","Item Price ($)",{required:!0,placeholder:"9.99"}),e.number("quantity","Quantity",{required:!0,defaultValue:1,placeholder:"1"})],{gridCols:2,defaultValue:[{itemName:"",itemPrice:0,quantity:1}],dependencies:[i.showWhen("productType",t.equals("bundle"))]}),e.select("fileFormat","File Format",[{label:"PDF",value:"pdf"},{label:"ZIP Archive",value:"zip"},{label:"Video (MP4)",value:"mp4"},{label:"Audio (MP3)",value:"mp3"},{label:"Software Installer",value:"exe"}],{required:!0,placeholder:"Select file format",dependencies:[i.showWhen("productType",t.equals("digital"))]}),e.number("fileSizeMB","File Size (MB)",{placeholder:"50",dependencies:[i.showWhen("productType",t.equals("digital"))]})]),l.card("Pricing & Discounts",[e.checkbox("hasDiscount","Apply Discount",{defaultValue:!1,gridCols:2}),e.select("discountType","Discount Type",[{label:"Percentage",value:"percentage"},{label:"Fixed Amount",value:"fixed"},{label:"Buy One Get One",value:"bogo"}],{required:!0,placeholder:"Select discount type",dependencies:[i.showWhen("hasDiscount",t.isTrue())]}),e.number("discountValue","Discount Value",{required:!0,placeholder:"10",dependencies:[i.showWhen("hasDiscount",t.isTrue()),i.showWhen("discountType",a=>a!=="bogo")]}),e.date("discountStartDate","Discount Start Date",{dependencies:[i.showWhen("hasDiscount",t.isTrue())]}),e.date("discountEndDate","Discount End Date",{dependencies:[i.showWhen("hasDiscount",t.isTrue())]}),e.number("minimumQuantity","Minimum Quantity for Discount",{placeholder:"2",defaultValue:1,dependencies:[i.showWhen("hasDiscount",t.isTrue())]})]),l.card("Shipping Configuration",[e.checkbox("requiresShipping","Requires Physical Shipping",{defaultValue:!0,gridCols:2,dependencies:[i.setValueWhen("productType",t.equals("digital"),!1),i.disableWhen("productType",t.equals("digital"))]}),e.number("weight","Weight (lbs)",{placeholder:"1.5",dependencies:[i.showWhen("requiresShipping",t.isTrue())]}),e.object("dimensions","Dimensions (inches)",[e.number("length","Length",{required:!0,placeholder:"10"}),e.number("width","Width",{required:!0,placeholder:"8"}),e.number("height","Height",{required:!0,placeholder:"2"})],{dependencies:[i.showWhen("requiresShipping",t.isTrue())]}),e.select("shippingClass","Shipping Class",[{label:"Standard",value:"standard"},{label:"Express",value:"express"},{label:"Overnight",value:"overnight"},{label:"Fragile",value:"fragile"},{label:"Hazardous",value:"hazardous"}],{required:!0,defaultValue:"standard",placeholder:"Select shipping class",dependencies:[i.showWhen("requiresShipping",t.isTrue())]}),e.checkbox("freeShipping","Offer Free Shipping",{defaultValue:!1,dependencies:[i.showWhen("requiresShipping",t.isTrue())]}),e.number("freeShippingThreshold","Free Shipping Threshold ($)",{placeholder:"50",dependencies:[i.showWhen("requiresShipping",t.isTrue()),i.showWhen("freeShipping",t.isTrue())]})]),l.card("Inventory Management",[e.checkbox("trackInventory","Track Inventory",{defaultValue:!0,gridCols:2,dependencies:[i.setValueWhen("productType",t.equals("digital"),!1)]}),e.number("stockQuantity","Stock Quantity",{required:!0,placeholder:"100",dependencies:[i.showWhen("trackInventory",t.isTrue())]}),e.number("lowStockThreshold","Low Stock Alert Threshold",{placeholder:"10",dependencies:[i.showWhen("trackInventory",t.isTrue())]}),e.checkbox("allowBackorders","Allow Backorders",{defaultValue:!1,dependencies:[i.showWhen("trackInventory",t.isTrue())]}),e.text("sku","SKU (Stock Keeping Unit)",{placeholder:"PROD-001",dependencies:[i.showWhen("trackInventory",t.isTrue())]}),e.text("barcode","Barcode",{placeholder:"123456789012",dependencies:[i.showWhen("trackInventory",t.isTrue())]})]),l.card("Marketing & SEO",[e.text("metaTitle","Meta Title",{placeholder:"SEO-friendly title",gridCols:2}),e.textarea("metaDescription","Meta Description",{placeholder:"SEO-friendly description (150-160 characters)",gridCols:2}),e.array("tags","Product Tags",[e.text("tag","Tag",{required:!0,placeholder:"e.g., electronics, gadgets"})],{gridCols:2,defaultValue:[{tag:""}]}),e.checkbox("featured","Featured Product",{defaultValue:!1}),e.checkbox("newProduct","Mark as New",{defaultValue:!1}),e.select("visibility","Product Visibility",[{label:"Public",value:"public"},{label:"Private",value:"private"},{label:"Password Protected",value:"password"},{label:"Coming Soon",value:"coming_soon"}],{required:!0,defaultValue:"public",placeholder:"Select visibility"}),e.text("password","Access Password",{placeholder:"Enter password",dependencies:[i.showWhen("visibility",t.equals("password"))]}),e.date("launchDate","Launch Date",{dependencies:[i.showWhen("visibility",t.equals("coming_soon"))]})])];return r.jsxs("div",{className:"max-w-6xl mx-auto p-6",children:[r.jsxs("div",{className:"mb-8",children:[r.jsx("h1",{className:"text-3xl font-bold text-gray-900",children:"Dynamic Product Configuration"}),r.jsx("p",{className:"text-gray-600 mt-2",children:"This form demonstrates advanced field dependencies and real-time interactions. Watch how fields appear, disappear, and change based on your selections."}),r.jsxs("div",{className:"mt-4 p-4 bg-blue-50 border border-blue-200 rounded-lg",children:[r.jsx("h3",{className:"font-semibold text-blue-900",children:"Try these interactions:"}),r.jsxs("ul",{className:"mt-2 text-sm text-blue-800 space-y-1",children:[r.jsx("li",{children:"• Change Product Type to see different field sets"}),r.jsx("li",{children:'• Enable "Apply Discount" to reveal discount configuration'}),r.jsx("li",{children:'• Toggle "Requires Physical Shipping" for shipping options'}),r.jsx("li",{children:'• Select "Digital Download" to auto-disable shipping'}),r.jsx("li",{children:'• Choose "Password Protected" visibility for password field'})]})]})]}),r.jsx(u,{sections:m,onSubmit:p,onFieldChange:h,submitLabel:"Save Product Configuration",resetLabel:"Reset All",className:"space-y-8"})]})}};var s,d,c;n.parameters={...n.parameters,docs:{...(s=n.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  name: 'Dynamic example',
-  render: () => {
-    const handleSubmit = (data: unknown) => {
-      console.log('Dynamic form submitted:', data);
-    };
-    const handleFieldChange = (name: string, value: unknown) => {
-      console.log(\`Field \${name} changed to:\`, value);
-      if (name === 'productType' && value === 'subscription') {
-        console.log('Subscription product selected - additional fields will appear');
-      }
-      if (name === 'hasDiscount' && value === true) {
-        console.log('Discount enabled - discount fields will appear');
-      }
-    };
-    const sections = [createSection.card('Product Configuration', [createField.select('productType', 'Product Type', [{
-      label: 'One-time Purchase',
-      value: 'onetime'
-    }, {
-      label: 'Subscription',
-      value: 'subscription'
-    }, {
-      label: 'Bundle',
-      value: 'bundle'
-    }, {
-      label: 'Digital Download',
-      value: 'digital'
-    }], {
-      required: true,
-      placeholder: 'Select product type'
-    }), createField.text('productName', 'Product Name', {
-      required: true,
-      placeholder: 'Enter product name'
-    }), createField.number('basePrice', 'Base Price ($)', {
-      required: true,
-      placeholder: '29.99'
-    }), createField.select('billingCycle', 'Billing Cycle', [{
-      label: 'Monthly',
-      value: 'monthly'
-    }, {
-      label: 'Quarterly',
-      value: 'quarterly'
-    }, {
-      label: 'Yearly',
-      value: 'yearly'
-    }], {
-      required: true,
-      placeholder: 'Select billing cycle',
-      dependencies: [createDependency.showWhen('productType', conditions.equals('subscription'))]
-    }), createField.number('trialDays', 'Free Trial Days', {
-      placeholder: '14',
-      defaultValue: 0,
-      dependencies: [createDependency.showWhen('productType', conditions.equals('subscription'))]
-    }), createField.array('bundleItems', 'Bundle Items', [createField.text('itemName', 'Item Name', {
-      required: true,
-      placeholder: 'Item name'
-    }), createField.number('itemPrice', 'Item Price ($)', {
-      required: true,
-      placeholder: '9.99'
-    }), createField.number('quantity', 'Quantity', {
-      required: true,
-      defaultValue: 1,
-      placeholder: '1'
-    })], {
-      gridCols: 2,
-      defaultValue: [{
-        itemName: '',
-        itemPrice: 0,
-        quantity: 1
-      }],
-      dependencies: [createDependency.showWhen('productType', conditions.equals('bundle'))]
-    }), createField.select('fileFormat', 'File Format', [{
-      label: 'PDF',
-      value: 'pdf'
-    }, {
-      label: 'ZIP Archive',
-      value: 'zip'
-    }, {
-      label: 'Video (MP4)',
-      value: 'mp4'
-    }, {
-      label: 'Audio (MP3)',
-      value: 'mp3'
-    }, {
-      label: 'Software Installer',
-      value: 'exe'
-    }], {
-      required: true,
-      placeholder: 'Select file format',
-      dependencies: [createDependency.showWhen('productType', conditions.equals('digital'))]
-    }), createField.number('fileSizeMB', 'File Size (MB)', {
-      placeholder: '50',
-      dependencies: [createDependency.showWhen('productType', conditions.equals('digital'))]
-    })]), createSection.card('Pricing & Discounts', [createField.checkbox('hasDiscount', 'Apply Discount', {
-      defaultValue: false,
-      gridCols: 2
-    }), createField.select('discountType', 'Discount Type', [{
-      label: 'Percentage',
-      value: 'percentage'
-    }, {
-      label: 'Fixed Amount',
-      value: 'fixed'
-    }, {
-      label: 'Buy One Get One',
-      value: 'bogo'
-    }], {
-      required: true,
-      placeholder: 'Select discount type',
-      dependencies: [createDependency.showWhen('hasDiscount', conditions.isTrue())]
-    }), createField.number('discountValue', 'Discount Value', {
-      required: true,
-      placeholder: '10',
-      dependencies: [createDependency.showWhen('hasDiscount', conditions.isTrue()), createDependency.showWhen('discountType', value => value !== 'bogo')]
-    }), createField.date('discountStartDate', 'Discount Start Date', {
-      dependencies: [createDependency.showWhen('hasDiscount', conditions.isTrue())]
-    }), createField.date('discountEndDate', 'Discount End Date', {
-      dependencies: [createDependency.showWhen('hasDiscount', conditions.isTrue())]
-    }), createField.number('minimumQuantity', 'Minimum Quantity for Discount', {
-      placeholder: '2',
-      defaultValue: 1,
-      dependencies: [createDependency.showWhen('hasDiscount', conditions.isTrue())]
-    })]), createSection.card('Shipping Configuration', [createField.checkbox('requiresShipping', 'Requires Physical Shipping', {
-      defaultValue: true,
-      gridCols: 2,
-      dependencies: [createDependency.setValueWhen('productType', conditions.equals('digital'), false), createDependency.disableWhen('productType', conditions.equals('digital'))]
-    }), createField.number('weight', 'Weight (lbs)', {
-      placeholder: '1.5',
-      dependencies: [createDependency.showWhen('requiresShipping', conditions.isTrue())]
-    }), createField.object('dimensions', 'Dimensions (inches)', [createField.number('length', 'Length', {
-      required: true,
-      placeholder: '10'
-    }), createField.number('width', 'Width', {
-      required: true,
-      placeholder: '8'
-    }), createField.number('height', 'Height', {
-      required: true,
-      placeholder: '2'
-    })], {
-      dependencies: [createDependency.showWhen('requiresShipping', conditions.isTrue())]
-    }), createField.select('shippingClass', 'Shipping Class', [{
-      label: 'Standard',
-      value: 'standard'
-    }, {
-      label: 'Express',
-      value: 'express'
-    }, {
-      label: 'Overnight',
-      value: 'overnight'
-    }, {
-      label: 'Fragile',
-      value: 'fragile'
-    }, {
-      label: 'Hazardous',
-      value: 'hazardous'
-    }], {
-      required: true,
-      defaultValue: 'standard',
-      placeholder: 'Select shipping class',
-      dependencies: [createDependency.showWhen('requiresShipping', conditions.isTrue())]
-    }), createField.checkbox('freeShipping', 'Offer Free Shipping', {
-      defaultValue: false,
-      dependencies: [createDependency.showWhen('requiresShipping', conditions.isTrue())]
-    }), createField.number('freeShippingThreshold', 'Free Shipping Threshold ($)', {
-      placeholder: '50',
-      dependencies: [createDependency.showWhen('requiresShipping', conditions.isTrue()), createDependency.showWhen('freeShipping', conditions.isTrue())]
-    })]), createSection.card('Inventory Management', [createField.checkbox('trackInventory', 'Track Inventory', {
-      defaultValue: true,
-      gridCols: 2,
-      dependencies: [createDependency.setValueWhen('productType', conditions.equals('digital'), false)]
-    }), createField.number('stockQuantity', 'Stock Quantity', {
-      required: true,
-      placeholder: '100',
-      dependencies: [createDependency.showWhen('trackInventory', conditions.isTrue())]
-    }), createField.number('lowStockThreshold', 'Low Stock Alert Threshold', {
-      placeholder: '10',
-      dependencies: [createDependency.showWhen('trackInventory', conditions.isTrue())]
-    }), createField.checkbox('allowBackorders', 'Allow Backorders', {
-      defaultValue: false,
-      dependencies: [createDependency.showWhen('trackInventory', conditions.isTrue())]
-    }), createField.text('sku', 'SKU (Stock Keeping Unit)', {
-      placeholder: 'PROD-001',
-      dependencies: [createDependency.showWhen('trackInventory', conditions.isTrue())]
-    }), createField.text('barcode', 'Barcode', {
-      placeholder: '123456789012',
-      dependencies: [createDependency.showWhen('trackInventory', conditions.isTrue())]
-    })]), createSection.card('Marketing & SEO', [createField.text('metaTitle', 'Meta Title', {
-      placeholder: 'SEO-friendly title',
-      gridCols: 2
-    }), createField.textarea('metaDescription', 'Meta Description', {
-      placeholder: 'SEO-friendly description (150-160 characters)',
-      gridCols: 2
-    }), createField.array('tags', 'Product Tags', [createField.text('tag', 'Tag', {
-      required: true,
-      placeholder: 'e.g., electronics, gadgets'
-    })], {
-      gridCols: 2,
-      defaultValue: [{
-        tag: ''
-      }]
-    }), createField.checkbox('featured', 'Featured Product', {
-      defaultValue: false
-    }), createField.checkbox('newProduct', 'Mark as New', {
-      defaultValue: false
-    }), createField.select('visibility', 'Product Visibility', [{
-      label: 'Public',
-      value: 'public'
-    }, {
-      label: 'Private',
-      value: 'private'
-    }, {
-      label: 'Password Protected',
-      value: 'password'
-    }, {
-      label: 'Coming Soon',
-      value: 'coming_soon'
-    }], {
-      required: true,
-      defaultValue: 'public',
-      placeholder: 'Select visibility'
-    }), createField.text('password', 'Access Password', {
-      placeholder: 'Enter password',
-      dependencies: [createDependency.showWhen('visibility', conditions.equals('password'))]
-    }), createField.date('launchDate', 'Launch Date', {
-      dependencies: [createDependency.showWhen('visibility', conditions.equals('coming_soon'))]
-    })])];
-    return <div className="max-w-6xl mx-auto p-6">
-        <div className="mb-8">
-          <h1 className="text-3xl font-bold text-gray-900">Dynamic Product Configuration</h1>
-          <p className="text-gray-600 mt-2">
-            This form demonstrates advanced field dependencies and real-time interactions. Watch how fields appear, disappear, and change based on your selections.
-          </p>
-          <div className="mt-4 p-4 bg-blue-50 border border-blue-200 rounded-lg">
-            <h3 className="font-semibold text-blue-900">Try these interactions:</h3>
-            <ul className="mt-2 text-sm text-blue-800 space-y-1">
-              <li>• Change Product Type to see different field sets</li>
-              <li>• Enable "Apply Discount" to reveal discount configuration</li>
-              <li>• Toggle "Requires Physical Shipping" for shipping options</li>
-              <li>• Select "Digital Download" to auto-disable shipping</li>
-              <li>• Choose "Password Protected" visibility for password field</li>
-            </ul>
-          </div>
-        </div>
-  
-        <FormBuilder sections={sections} onSubmit={handleSubmit} onFieldChange={handleFieldChange} submitLabel="Save Product Configuration" resetLabel="Reset All" className="space-y-8" />
-      </div>;
-  }
-}`,...(c=(d=n.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const be=["DynamicExample"];export{n as DynamicExample,be as __namedExportsOrder,me as default};

package/storybook-static/assets/Form.Simple.stories-DOPzZKhh.js

@@ -1,50 +0,0 @@
-import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{F as i}from"./FormBuilder-C0S7C69Q.js";import{c as n,a as e,b as c}from"./section-factories-DKfKL-5s.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 ne={title:"Kit/Builder/Form",component:i,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},t={name:"Simple example",render:()=>{const s=p=>{console.log("Form submitted:",p)},m=[n.card("Contact Information",[e.text("name","Full Name",{required:!0,placeholder:"Enter your full name"}),e.email("email","Email Address",{required:!0,placeholder:"Enter your email address"}),e.text("phone","Phone Number",{validation:c.phone,placeholder:"+1 (555) 123-4567"}),e.select("subject","Subject",[{label:"General Inquiry",value:"general"},{label:"Technical Support",value:"support"},{label:"Sales Question",value:"sales"},{label:"Partnership",value:"partnership"}],{required:!0,placeholder:"Select a subject"}),e.textarea("message","Message",{required:!0,placeholder:"Enter your message here...",gridCols:2}),e.checkbox("subscribe","Subscribe to newsletter",{defaultValue:!1,gridCols:2})])];return r.jsxs("div",{className:"max-w-2xl mx-auto p-6",children:[r.jsxs("div",{className:"mb-6",children:[r.jsx("h1",{className:"text-2xl font-bold text-gray-900",children:"Contact Us"}),r.jsx("p",{className:"text-gray-600 mt-2",children:"Fill out the form below and we'll get back to you as soon as possible."})]}),r.jsx(i,{sections:m,onSubmit:s,className:"space-y-6"})]})}};var a,o,l;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
-  name: 'Simple example',
-  render: () => {
-    const handleSubmit = (data: unknown) => {
-      console.log('Form submitted:', data);
-    };
-    const sections = [createSection.card('Contact Information', [createField.text('name', 'Full Name', {
-      required: true,
-      placeholder: 'Enter your full name'
-    }), createField.email('email', 'Email Address', {
-      required: true,
-      placeholder: 'Enter your email address'
-    }), createField.text('phone', 'Phone Number', {
-      validation: commonValidations.phone,
-      placeholder: '+1 (555) 123-4567'
-    }), createField.select('subject', 'Subject', [{
-      label: 'General Inquiry',
-      value: 'general'
-    }, {
-      label: 'Technical Support',
-      value: 'support'
-    }, {
-      label: 'Sales Question',
-      value: 'sales'
-    }, {
-      label: 'Partnership',
-      value: 'partnership'
-    }], {
-      required: true,
-      placeholder: 'Select a subject'
-    }), createField.textarea('message', 'Message', {
-      required: true,
-      placeholder: 'Enter your message here...',
-      gridCols: 2
-    }), createField.checkbox('subscribe', 'Subscribe to newsletter', {
-      defaultValue: false,
-      gridCols: 2
-    })])];
-    return <div className="max-w-2xl mx-auto p-6">
-        <div className="mb-6">
-          <h1 className="text-2xl font-bold text-gray-900">Contact Us</h1>
-          <p className="text-gray-600 mt-2">
-            Fill out the form below and we'll get back to you as soon as possible.
-          </p>
-        </div>
-  
-        <FormBuilder sections={sections} onSubmit={handleSubmit} className="space-y-6" />
-      </div>;
-  }
-}`,...(l=(o=t.parameters)==null?void 0:o.docs)==null?void 0:l.source}}};const ce=["SimpleExample"];export{t as SimpleExample,ce as __namedExportsOrder,ne as default};

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

@@ -1,5 +0,0 @@
-import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{r as C}from"./iframe-BWjPIle6.js";import{u as ne,c as le,o as F,d as ie,e as ce,Z as K,s as V,f as Q,g as W,h as M,n as E,i as O,j as X,a as Y,b as oe,l as me}from"./schemas-CaLvKjsI.js";import{c as k}from"./utils-D-KgF5mV.js";import{B as $}from"./button-BObfgcV1.js";import{I as q}from"./input-11YRd9gD.js";import{T as de}from"./textarea-Dw2vruMl.js";import{S as ue,a as pe,b as he,c as ve,d as ge}from"./select-gtXRB92c.js";import{C as be}from"./checkbox-D5BmNJeL.js";import{R as xe,a as ye}from"./radio-group-CvN0LQZp.js";import{L as z}from"./label-CwntpYJ0.js";import{C as U,a as Z,b as ee,c as D}from"./card-BJpPOzP8.js";import{A as fe}from"./Autocomplete-B4gV705L.js";import{P as je,T as Ne}from"./trash-2-D55eseMQ.js";import{G as Ce}from"./grip-vertical-CM0GDwvq.js";import{S as we}from"./SectionBuilder-Df_lRZkj.js";function P({field:e,control:x,onChange:b,onFieldChange:I,parentPath:L}){const d=L?`${L}.${e.name}`:e.name,f="__NULL__",{field:u,fieldState:{error:j}}=ne({name:d,control:x,disabled:e.disabled}),h=C.useCallback(m=>{u.onChange(m),b==null||b(m)},[u.onChange,b]),w=()=>{var N,T;const m={id:d,disabled:e.disabled,placeholder:e.placeholder,className:k(j&&"border-destructive focus-visible:ring-destructive",e.className)};switch(e.type){case"autocomplete":{const c=(e.options??[]).filter(o=>o.value!==null&&o.value!==void 0).map(o=>({label:o.label,value:o.value}));return a.jsx(fe,{mode:e.autocompleteMode??"client",options:c,fetcher:e.fetcher,pageSize:e.pageSize,value:u.value??null,onChange:o=>h(o),placeholder:e.placeholder,searchPlaceholder:e.searchPlaceholder,renderOption:e.renderOption,disabled:e.disabled,className:m.className})}case"text":case"email":case"password":return a.jsx(q,{...m,type:e.type,value:u.value||"",onChange:c=>h(c.target.value)});case"number":return a.jsx(q,{...m,type:"number",value:u.value||"",onChange:c=>h(Number(c.target.value))});case"textarea":return a.jsx(de,{...m,value:u.value||"",onChange:c=>h(c.target.value),rows:4});case"select":{const c=t=>t==null?f:String(t),o=t=>{var v;const g=(v=e.options)==null?void 0:v.find(y=>c(y.value)===t);return g?g.value:null};return a.jsxs(ue,{value:c(u.value),onValueChange:t=>h(o(t)),disabled:e.disabled,children:[a.jsx(pe,{className:m.className,children:a.jsx(he,{placeholder:e.placeholder})}),a.jsx(ve,{children:(N=e.options)==null?void 0:N.map(t=>a.jsx(ge,{value:c(t.value),children:t.label},c(t.value)))})]})}case"checkbox":return a.jsxs("div",{className:"flex items-center space-x-2",children:[a.jsx(be,{id:d,checked:u.value||!1,onCheckedChange:h,disabled:e.disabled,className:k(j&&"border-destructive",e.className)}),a.jsx(z,{htmlFor:d,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:e.label})]});case"radio":{const c=t=>t==null?f:String(t),o=t=>{var v;const g=(v=e.options)==null?void 0:v.find(y=>c(y.value)===t);return g?g.value:null};return a.jsx(xe,{value:c(u.value),onValueChange:t=>h(o(t)),disabled:e.disabled,className:e.className,children:(T=e.options)==null?void 0:T.map(t=>a.jsxs("div",{className:"flex items-center space-x-2",children:[a.jsx(ye,{value:c(t.value),id:`${d}-${c(t.value)}`}),a.jsx(z,{htmlFor:`${d}-${c(t.value)}`,children:t.label})]},c(t.value)))})}case"date":return a.jsx(q,{...m,type:"date",value:u.value?new Date(u.value).toISOString().split("T")[0]:"",onChange:c=>h(c.target.value?new Date(c.target.value):null)});case"file":return a.jsx(q,{...m,type:"file",onChange:c=>{var o;return h(((o=c.target.files)==null?void 0:o[0])||null)}});default:return a.jsx(q,{...m,value:u.value||"",onChange:c=>h(c.target.value)})}},A=()=>e.fields?a.jsxs(U,{className:e.className,children:[a.jsxs(Z,{className:"pb-3",children:[a.jsx(ee,{className:"text-base",children:e.label}),e.description&&a.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),a.jsx(D,{className:"space-y-4",children:a.jsx("div",{className:"grid gap-4 md:grid-cols-2",children:e.fields.map(m=>a.jsx(P,{field:m,control:x,parentPath:d,onChange:b,onFieldChange:I},m.name))})})]}):null,_=()=>{const{fields:m,append:N,remove:T}=le({control:x,name:d}),c=()=>{if(e.fields&&e.fields.length===1){const o=e.fields[0].defaultValue||"";N(o)}else if(e.fields){const o={};e.fields.forEach(t=>{o[t.name]=t.defaultValue||""}),N(o)}else N("")};return a.jsxs(U,{className:e.className,children:[a.jsx(Z,{className:"pb-3",children:a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsxs("div",{children:[a.jsx(ee,{className:"text-base",children:e.label}),e.description&&a.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),a.jsxs($,{type:"button",variant:"outline",size:"sm",onClick:c,disabled:e.disabled,children:[a.jsx(je,{className:"h-4 w-4 mr-1"}),"Add Item"]})]})}),a.jsx(D,{className:"space-y-4",children:m.length===0?a.jsx("p",{className:"text-sm text-muted-foreground text-center py-4",children:'No items added yet. Click "Add Item" to get started.'}):m.map((o,t)=>{var g;return a.jsxs(U,{className:"relative",children:[a.jsx(Z,{className:"pb-3",children:a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(Ce,{className:"h-4 w-4 text-muted-foreground"}),a.jsxs("span",{className:"text-sm font-medium",children:["Item",t+1]})]}),a.jsx($,{type:"button",variant:"ghost",size:"sm",onClick:()=>T(t),disabled:e.disabled,children:a.jsx(Ne,{className:"h-4 w-4"})})]})}),a.jsx(D,{children:e.fields&&e.fields.length===1?a.jsx(P,{field:{...e.fields[0],name:e.fields[0].name,label:e.fields[0].label||"Value"},control:x,parentPath:`${d}.${t}`,onChange:b}):e.fields?a.jsx("div",{className:"grid gap-4 md:grid-cols-2",children:e.fields.map(v=>a.jsx(P,{field:v,control:x,parentPath:`${d}.${t}`,onChange:b,onFieldChange:I},v.name))}):a.jsx(q,{value:((g=u.value)==null?void 0:g[t])||"",onChange:v=>{const y=[...u.value||[]];y[t]=v.target.value,h(y)},placeholder:`Item ${t+1}`,disabled:e.disabled})})]},o.id)})})]})};return e.type==="object"?A():e.type==="array"?_():e.type==="checkbox"?a.jsxs("div",{className:k("space-y-2",e.gridCols&&`md:col-span-${e.gridCols}`),children:[w(),e.description&&a.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),j&&a.jsx("p",{className:"text-sm text-destructive",children:j.message})]}):a.jsxs("div",{className:k("space-y-2",e.gridCols&&`md:col-span-${e.gridCols}`),children:[a.jsxs(z,{htmlFor:d,className:"text-sm font-medium",children:[e.label,e.required&&a.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),w(),e.description&&a.jsx("p",{className:"text-sm text-muted-foreground",children:e.description}),j&&a.jsx("p",{className:"text-sm text-destructive",children:j.message})]})}P.__docgenInfo={description:"",methods:[],displayName:"FormBuilderField",props:{field:{required:!0,tsType:{name:"FormBuilderFieldConfig"},description:""},control:{required:!0,tsType:{name:"Control",elements:[{name:"any"}],raw:"Control<any>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: any) => void",signature:{arguments:[{type:{name:"any"},name:"value"}],return:{name:"void"}}},description:""},onFieldChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, value: any, allValues: Record<string, any>) => void",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"any"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},name:"allValues"}],return:{name:"void"}}},description:""},parentPath:{required:!1,tsType:{name:"string"},description:""}}};function Ve({sections:e,schema:x,defaultValues:b={},onSubmit:I,onCancel:L,onReset:d,onFieldChange:f,submitLabel:u="Submit",cancelLabel:j="Cancel",resetLabel:h="Reset",isSubmitting:w=!1,className:A,formClassName:_,actionsClassName:m,showActions:N=!0,customActions:T}){const c=C.useMemo(()=>{if(x)return x;const l=i=>{if(i.validation&&i.validation instanceof K)return i.validation;if(i.validation&&typeof i.validation=="object"&&!(i.validation instanceof K)){const n=i.validation;let r;switch(i.type){case"email":r=V().email("Invalid email address");break;case"number":r=E();break;case"autocomplete":r=M([V(),E()]).nullable();break;case"checkbox":r=W();break;case"date":r=Q();break;default:r=V()}return n.pattern&&r instanceof O&&(r=r.regex(n.pattern.value,n.pattern.message)),n.min&&r instanceof X&&(r=r.min(n.min.value,n.min.message)),n.max&&r instanceof X&&(r=r.max(n.max.value,n.max.message)),n.minLength&&r instanceof O&&(r=r.min(n.minLength.value,n.minLength.message)),n.maxLength&&r instanceof O&&(r=r.max(n.maxLength.value,n.maxLength.message)),i.required?r:r.optional()}let s;switch(i.type){case"email":s=V().email("Invalid email address");break;case"number":s=E();break;case"autocomplete":s=M([V(),E(),F()]).nullable();break;case"checkbox":s=W();break;case"date":s=Q();break;case"select":case"radio":if(i.options&&i.options.length>0){const n=i.options.map(r=>me(r.value));n.length===1?s=n[0]:s=M(n)}else s=V();break;case"object":if(i.fields){const n={};i.fields.forEach(r=>{n[r.name]=l(r)}),s=F(n)}else s=F({});break;case"array":if(i.fields&&i.fields.length>0){const n=i.fields.length===1?l(i.fields[0]):F(i.fields.reduce((r,R)=>(r[R.name]=l(R),r),{}));s=Y(n)}else s=Y(oe());break;default:s=V()}return i.required?s:s.optional()},p={};return e.forEach(i=>{i.fields.forEach(s=>{p[s.name]=l(s)})}),F(p)},[e,x]),o=C.useMemo(()=>{const l={...b},p=i=>{i.forEach(s=>{if(l[s.name]===void 0&&s.defaultValue!==void 0&&(l[s.name]=s.defaultValue),s.type==="object"&&s.fields){l[s.name]||(l[s.name]={});const n={};s.fields.forEach(r=>{r.defaultValue!==void 0&&(n[r.name]=r.defaultValue)}),l[s.name]={...n,...l[s.name]}}s.type==="array"&&s.fields&&(l[s.name]||(l[s.name]=s.defaultValue||[]))})};return e.forEach(i=>p(i.fields)),l},[e,b]),t=ie({resolver:ce(c),defaultValues:o}),{control:g,handleSubmit:v,reset:y,setValue:B,getValues:S,watch:ae}=t,G=ae(),H=C.useCallback(l=>{if(!l.dependencies)return{};const p={};return l.dependencies.forEach(i=>{const s=G[i.field],n=i.condition(s);switch(i.action){case"show":n||(p.hidden=!0);break;case"hide":n&&(p.hidden=!0);break;case"enable":n||(p.disabled=!0);break;case"disable":n&&(p.disabled=!0);break;case"setValue":n&&i.value!==void 0&&S(l.name)!==i.value&&B(l.name,i.value);break}}),p},[G,B,S]),J=C.useCallback((l,p)=>{l.onChange&&l.onChange(p,B,S)},[B,S]),se=C.useCallback(async l=>{try{await I(l)}catch(p){console.error("Form submission error:",p)}},[I]),te=C.useCallback(()=>{y(o),d==null||d()},[y,o,d]),re=C.useMemo(()=>e.map((l,p)=>({id:l.id??`section-${p}`,title:l.title,subtitle:l.description,variant:l.variant??"card",className:l.className,layout:l.layout??"grid",grid:l.grid??{cols:1,mdCols:2,gap:"gap-4"},flex:l.flex,hidden:l.hidden,children:l.fields.map(s=>{const n=H(s);if(s.hidden||n.hidden)return null;const r=Math.max(1,Math.min(12,s.gridCols??1));return{key:s.name,span:{base:1,md:r},hidden:s.hidden,content:a.jsx(P,{field:{...s,disabled:s.disabled||n.disabled},control:g,onChange:R=>{J(s,R),f==null||f(s.name,R,S())},onFieldChange:f},s.name)}}).filter(Boolean)})),[e,g,H,J,f,S]);return a.jsx("div",{className:k("space-y-6",A),children:a.jsxs("form",{onSubmit:v(se),className:k("space-y-6",_),children:[a.jsx(we,{sections:re}),N&&a.jsxs("div",{className:k("flex flex-col sm:flex-row gap-3 pt-6 border-t",m),children:[a.jsx($,{type:"submit",disabled:w,className:"sm:order-last",children:w?"Submitting...":u}),L&&a.jsx($,{type:"button",variant:"outline",onClick:L,disabled:w,children:j}),d&&a.jsx($,{type:"button",variant:"ghost",onClick:te,disabled:w,children:h}),T]})]})})}Ve.__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:"any"}],raw:"z.ZodType<any>"},description:""},defaultValues:{required:!1,tsType:{name:"union",raw:"Record<string, any> | null",elements:[{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},{name:"null"}]},description:"",defaultValue:{value:"{}",computed:!1}},onSubmit:{required:!0,tsType:{name:"signature",type:"function",raw:"(data: any) => void | Promise<void>",signature:{arguments:[{type:{name:"any"},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: any,
-  allValues: Record<string, any>
-) => void`,signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"any"},name:"value"},{type:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},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:""}}};export{Ve as F};

package/storybook-static/assets/Section.stories-Ce5qYITI.js

@@ -1,196 +0,0 @@
-import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{S as t}from"./SectionBuilder-Df_lRZkj.js";import"./iframe-BWjPIle6.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./card-BJpPOzP8.js";import"./separator-CxCWfpZX.js";import"./index-04C4iZwC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";const D={title:"Kit/Builder/Section",component:t,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}},render:n=>a.jsx(t,{...n})};function e(n,N){return a.jsx("div",{className:["rounded border p-3 text-sm",N].filter(Boolean).join(" "),children:n})}const I=[{key:"a",content:e("A"),span:{md:6}},{key:"b",content:e("B"),span:{md:6}},{key:"c",content:e("C"),span:{md:4}},{key:"d",content:e("D"),span:{md:4}},{key:"e",content:e("E"),span:{md:4}}],r={name:"Grid layout",args:{sections:[{id:"grid-1",title:"Grid (responsive spans)",subtitle:"Uses md column spans 6/6 then 4/4/4",variant:"card",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:I}]},render:n=>a.jsx(t,{...n})},s={name:"Leaves with labels",args:{sections:[{id:"labels-1",title:"Label layouts",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"l1",label:"Inline label",labelLayout:"inline",inlineLabelWidthClass:"w-40",content:e("Value content inline"),span:{md:12}},{key:"l2",label:"Stacked label",labelLayout:"stacked",description:"Optional description appears under value",content:e("Value content stacked"),span:{md:6}},{key:"l3",label:"No description",labelLayout:"stacked",content:e("Another value"),span:{md:6}}]}]},render:n=>a.jsx(t,{...n})},o={name:"Flex layout",args:{sections:[{id:"flex-1",title:"Horizontal flex with wrap",variant:"card",layout:"flex",flex:{direction:"row",wrap:!0,gap:"gap-3",align:"start",justify:"start"},children:[{key:"f1",content:e("Item 1"),className:"w-56"},{key:"f2",content:e("Item 2"),className:"w-56"},{key:"f3",content:e("Item 3"),className:"w-56"},{key:"f4",content:e("Item 4"),className:"w-56"}]}]}},i={name:"Nested sections",args:{sections:[{id:"outer",title:"Outer section",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{id:"inner-1",title:"Inner A",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ia",content:e("Inner A1"),span:{md:6}},{key:"ib",content:e("Inner A2"),span:{md:6}}]},{id:"inner-2",title:"Inner B",variant:"plain",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ic",content:e("Inner B1"),span:{md:4}},{key:"id",content:e("Inner B2"),span:{md:4}},{key:"ie",content:e("Inner B3"),span:{md:4}}]}]}]},render:n=>a.jsx(t,{...n})},l={name:"Custom leaf renderer",args:{sections:[{id:"custom-1",title:"Custom renderer",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"x",label:"Name",labelLayout:"inline",content:"Jane Doe",span:{md:6}},{key:"y",label:"Email",labelLayout:"inline",content:"jane@example.com",span:{md:6}}]}],renderLeaf:n=>a.jsxs("div",{className:"rounded border p-3",children:[a.jsx("div",{className:"text-[10px] uppercase tracking-wide text-muted-foreground",children:n.label??"Field"}),a.jsx("div",{className:"text-sm",children:n.content})]})},render:n=>a.jsx(t,{...n})};var d,c,m;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  name: 'Grid layout',
-  args: {
-    sections: [{
-      id: 'grid-1',
-      title: 'Grid (responsive spans)',
-      subtitle: 'Uses md column spans 6/6 then 4/4/4',
-      variant: 'card',
-      layout: 'grid',
-      grid: {
-        cols: 1,
-        mdCols: 12,
-        gap: 'gap-4'
-      },
-      children: gridLeaves
-    }] satisfies SectionNode[]
-  },
-  render: args => <SectionBuilder {...args} />
-}`,...(m=(c=r.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,u,y;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  name: 'Leaves with labels',
-  args: {
-    sections: [{
-      id: 'labels-1',
-      title: 'Label layouts',
-      variant: 'card',
-      layout: 'grid',
-      grid: {
-        cols: 1,
-        mdCols: 12
-      },
-      children: [{
-        key: 'l1',
-        label: 'Inline label',
-        labelLayout: 'inline',
-        inlineLabelWidthClass: 'w-40',
-        content: demoBox('Value content inline'),
-        span: {
-          md: 12
-        }
-      }, {
-        key: 'l2',
-        label: 'Stacked label',
-        labelLayout: 'stacked',
-        description: 'Optional description appears under value',
-        content: demoBox('Value content stacked'),
-        span: {
-          md: 6
-        }
-      }, {
-        key: 'l3',
-        label: 'No description',
-        labelLayout: 'stacked',
-        content: demoBox('Another value'),
-        span: {
-          md: 6
-        }
-      }]
-    }] satisfies SectionNode[]
-  },
-  render: args => <SectionBuilder {...args} />
-}`,...(y=(u=s.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};var g,x,b;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
-  name: 'Flex layout',
-  args: {
-    sections: [{
-      id: 'flex-1',
-      title: 'Horizontal flex with wrap',
-      variant: 'card',
-      layout: 'flex',
-      flex: {
-        direction: 'row',
-        wrap: true,
-        gap: 'gap-3',
-        align: 'start',
-        justify: 'start'
-      },
-      children: [{
-        key: 'f1',
-        content: demoBox('Item 1'),
-        className: 'w-56'
-      }, {
-        key: 'f2',
-        content: demoBox('Item 2'),
-        className: 'w-56'
-      }, {
-        key: 'f3',
-        content: demoBox('Item 3'),
-        className: 'w-56'
-      }, {
-        key: 'f4',
-        content: demoBox('Item 4'),
-        className: 'w-56'
-      }]
-    }] satisfies SectionNode[]
-  }
-}`,...(b=(x=o.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var k,f,v;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  name: 'Nested sections',
-  args: {
-    sections: [{
-      id: 'outer',
-      title: 'Outer section',
-      variant: 'card',
-      layout: 'grid',
-      grid: {
-        cols: 1,
-        mdCols: 12
-      },
-      children: [{
-        id: 'inner-1',
-        title: 'Inner A',
-        variant: 'separator',
-        layout: 'grid',
-        grid: {
-          cols: 1,
-          mdCols: 12
-        },
-        children: [{
-          key: 'ia',
-          content: demoBox('Inner A1'),
-          span: {
-            md: 6
-          }
-        }, {
-          key: 'ib',
-          content: demoBox('Inner A2'),
-          span: {
-            md: 6
-          }
-        }]
-      }, {
-        id: 'inner-2',
-        title: 'Inner B',
-        variant: 'plain',
-        layout: 'grid',
-        grid: {
-          cols: 1,
-          mdCols: 12
-        },
-        children: [{
-          key: 'ic',
-          content: demoBox('Inner B1'),
-          span: {
-            md: 4
-          }
-        }, {
-          key: 'id',
-          content: demoBox('Inner B2'),
-          span: {
-            md: 4
-          }
-        }, {
-          key: 'ie',
-          content: demoBox('Inner B3'),
-          span: {
-            md: 4
-          }
-        }]
-      }]
-    } as unknown as SectionNode]
-  },
-  render: args => <SectionBuilder {...args} />
-}`,...(v=(f=i.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var h,B,L;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  name: 'Custom leaf renderer',
-  args: {
-    sections: [{
-      id: 'custom-1',
-      title: 'Custom renderer',
-      layout: 'grid',
-      grid: {
-        cols: 1,
-        mdCols: 12
-      },
-      children: [{
-        key: 'x',
-        label: 'Name',
-        labelLayout: 'inline',
-        content: 'Jane Doe',
-        span: {
-          md: 6
-        }
-      }, {
-        key: 'y',
-        label: 'Email',
-        labelLayout: 'inline',
-        content: 'jane@example.com',
-        span: {
-          md: 6
-        }
-      }]
-    }] satisfies SectionNode[],
-    renderLeaf: leaf => <div className="rounded border p-3">
-        <div className="text-[10px] uppercase tracking-wide text-muted-foreground">{leaf.label ?? 'Field'}</div>
-        <div className="text-sm">{leaf.content}</div>
-      </div>
-  },
-  render: args => <SectionBuilder {...args} />
-}`,...(L=(B=l.parameters)==null?void 0:B.docs)==null?void 0:L.source}}};const R=["GridLayout","WithLabels","FlexLayout","NestedSections","CustomLeafRenderer"];export{l as CustomLeafRenderer,o as FlexLayout,r as GridLayout,i as NestedSections,s as WithLabels,R as __namedExportsOrder,D as default};

package/storybook-static/assets/SectionBuilder-Df_lRZkj.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as C}from"./iframe-BWjPIle6.js";import{c}from"./utils-D-KgF5mV.js";import{C as f,a as y,b as v,d as S,c as L}from"./card-BJpPOzP8.js";import{S as b}from"./separator-CxCWfpZX.js";const m={base:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",5:"sm:grid-cols-5",6:"sm:grid-cols-6",7:"sm:grid-cols-7",8:"sm:grid-cols-8",9:"sm:grid-cols-9",10:"sm:grid-cols-10",11:"sm:grid-cols-11",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",5:"md:grid-cols-5",6:"md:grid-cols-6",7:"md:grid-cols-7",8:"md:grid-cols-8",9:"md:grid-cols-9",10:"md:grid-cols-10",11:"md:grid-cols-11",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6",7:"lg:grid-cols-7",8:"lg:grid-cols-8",9:"lg:grid-cols-9",10:"lg:grid-cols-10",11:"lg:grid-cols-11",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",5:"xl:grid-cols-5",6:"xl:grid-cols-6",7:"xl:grid-cols-7",8:"xl:grid-cols-8",9:"xl:grid-cols-9",10:"xl:grid-cols-10",11:"xl:grid-cols-11",12:"xl:grid-cols-12"}},o={base:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},sm:{1:"sm:col-span-1",2:"sm:col-span-2",3:"sm:col-span-3",4:"sm:col-span-4",5:"sm:col-span-5",6:"sm:col-span-6",7:"sm:col-span-7",8:"sm:col-span-8",9:"sm:col-span-9",10:"sm:col-span-10",11:"sm:col-span-11",12:"sm:col-span-12"},md:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},lg:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"},xl:{1:"xl:col-span-1",2:"xl:col-span-2",3:"xl:col-span-3",4:"xl:col-span-4",5:"xl:col-span-5",6:"xl:col-span-6",7:"xl:col-span-7",8:"xl:col-span-8",9:"xl:col-span-9",10:"xl:col-span-10",11:"xl:col-span-11",12:"xl:col-span-12"}};function w(s){const l=(s==null?void 0:s.cols)??1,i=s==null?void 0:s.smCols,n=s==null?void 0:s.mdCols,t=s==null?void 0:s.lgCols,a=s==null?void 0:s.xlCols,r=(s==null?void 0:s.gap)??"gap-4";return c("grid",m.base[l],i?m.sm[i]:void 0,n?m.md[n]:void 0,t?m.lg[t]:void 0,a?m.xl[a]:void 0,r)}function R(s){const l=(s==null?void 0:s.direction)??"col",i=s!=null&&s.wrap?"flex-wrap":"flex-nowrap",n=(s==null?void 0:s.gap)??"gap-4",t=(s==null?void 0:s.align)??"stretch",a=(s==null?void 0:s.justify)??"start",r=t==="start"?"items-start":t==="center"?"items-center":t==="end"?"items-end":"items-stretch",d=a==="start"?"justify-start":a==="center"?"justify-center":a==="between"?"justify-between":"justify-end";return c("flex",`flex-${l}`,i,n,r,d)}function q(s){if(!s.span)return;const l=[];return s.span.base&&l.push(o.base[s.span.base]),s.span.sm&&l.push(o.sm[s.span.sm]),s.span.md&&l.push(o.md[s.span.md]),s.span.lg&&l.push(o.lg[s.span.lg]),s.span.xl&&l.push(o.xl[s.span.xl]),l.join(" ")}function E(s){return s.content!==void 0}function k(s,l){return s===l?!0:!s||!l?!s&&!l:s.base===l.base&&s.sm===l.sm&&s.md===l.md&&s.lg===l.lg&&s.xl===l.xl}function B(s,l){const i=(s.renderKey??null)===(l.renderKey??null);return s.key===l.key&&s.hidden===l.hidden&&s.className===l.className&&s.labelLayout===l.labelLayout&&s.labelClassName===l.labelClassName&&s.valueClassName===l.valueClassName&&s.inlineLabelWidthClass===l.inlineLabelWidthClass&&k(s.span,l.span)&&i}const T=C.memo(function({leaf:l,renderLeaf:i}){if(l.hidden)return null;const n=q(l);if(i)return e.jsx("div",{className:c(n,l.className),children:i(l)});const t=l.label!==void 0&&l.label!==null&&l.label!=="",a=l.labelLayout??"stacked",r="text-xs text-muted-foreground",d="text-sm leading-6";if(!t)return e.jsx("div",{className:c(n,l.className,l.valueClassName),children:l.content});if(a==="inline"){const g=l.inlineLabelWidthClass??"w-32";return e.jsxs("div",{className:c(n,l.className,"flex items-start gap-4"),children:[e.jsx("div",{className:c(g,r,l.labelClassName),children:l.label}),e.jsxs("div",{className:c("flex-1",d,l.valueClassName),children:[l.content,l.description?e.jsx("div",{className:c("mt-1",r),children:l.description}):null]})]})}return e.jsxs("div",{className:c(n,l.className,"flex flex-col"),children:[e.jsx("div",{className:c(r,l.labelClassName),children:l.label}),e.jsx("div",{className:c(d,l.valueClassName),children:l.content}),l.description?e.jsx("div",{className:c("mt-1",r),children:l.description}):null]})},(s,l)=>B(s.leaf,l.leaf)&&s.renderLeaf===l.renderLeaf);function N({node:s,renderLeaf:l}){if(s.hidden)return null;const n=(s.layout??"grid")==="grid"?w(s.grid):R(s.flex),t=({children:a})=>{const r=s.title,d=s.subtitle,g=s.variant??"card",u=s.className,h=s.headerClassName,j=s.contentClassName,p=()=>!r&&!d?null:e.jsxs("div",{className:c("space-y-1",h),children:[r&&e.jsx("h3",{className:"text-lg font-medium leading-none",children:r}),d&&e.jsx("p",{className:"text-sm text-muted-foreground",children:d})]}),x=()=>e.jsx("div",{className:c("space-y-4",j),children:a});switch(g){case"card":return e.jsxs(f,{className:u,children:[(r||d)&&e.jsxs(y,{children:[r&&e.jsx(v,{children:r}),d&&e.jsx(S,{children:d})]}),e.jsx(L,{className:c(!r&&!d&&"pt-6"),children:x()})]});case"separator":return e.jsxs("div",{className:c("space-y-6",u),children:[(r||d)&&e.jsxs(e.Fragment,{children:[p(),e.jsx(b,{})]}),x()]});case"plain":default:return e.jsxs("div",{className:c("space-y-6",u),children:[p(),x()]})}};return e.jsx(t,{children:e.jsx("div",{className:n,children:(s.children??[]).map(a=>E(a)?e.jsx(T,{leaf:a,renderLeaf:l},a.key):a.hidden?null:e.jsx("div",{className:"col-span-full",children:e.jsx(N,{node:a,renderLeaf:l})},a.id))})})}function W({sections:s,className:l,renderLeaf:i}){return e.jsx("div",{className:c("space-y-6",l),children:s.map(n=>e.jsx(N,{node:n,renderLeaf:i},n.id))})}W.__docgenInfo={description:"",methods:[],displayName:"SectionBuilder",props:{sections:{required:!0,tsType:{name:"Array",elements:[{name:"SectionNode"}],raw:"SectionNode[]"},description:""},renderLeaf:{required:!1,tsType:{name:"signature",type:"function",raw:"(leaf: SectionLeaf) => React.ReactNode",signature:{arguments:[{type:{name:"SectionLeaf"},name:"leaf"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};export{W as S};

package/storybook-static/assets/Sonner.stories-CXW5e_Qg.js

@@ -1,18 +0,0 @@
-import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-BWjPIle6.js";import{T,t as a}from"./index-A7UzX-Xw.js";import{B as m}from"./button-BObfgcV1.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";import"./index-BcAKBHrX.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";var E=(t,n,h,i,c,o,f,v)=>{let s=document.documentElement,g=["light","dark"];function l(e){(Array.isArray(t)?t:[t]).forEach(d=>{let y=d==="class",b=y&&o?c.map(S=>o[S]||S):c;y?(s.classList.remove(...b),s.classList.add(o&&o[e]?o[e]:e)):s.setAttribute(d,e)}),w(e)}function w(e){v&&g.includes(e)&&(s.style.colorScheme=e)}function j(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(i)l(i);else try{let e=localStorage.getItem(n)||h,d=f&&e==="system"?j():e;l(d)}catch{}},N=p.createContext(void 0),U={setTheme:t=>{},themes:[]},_=()=>{var t;return(t=p.useContext(N))!=null?t:U};p.memo(({forcedTheme:t,storageKey:n,attribute:h,enableSystem:i,enableColorScheme:c,defaultTheme:o,value:f,themes:v,nonce:s,scriptProps:g})=>{let l=JSON.stringify([h,n,o,t,v,f,i,c]).slice(1,-1);return p.createElement("script",{...g,suppressHydrationWarning:!0,nonce:typeof window>"u"?s:"",dangerouslySetInnerHTML:{__html:`(${E.toString()})(${l})`}})});const x=({...t})=>{const{theme:n="system"}=_();return r.jsx(T,{theme:n,className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},...t})};x.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const R={title:"Shadcn/UI/Sonner",component:x},u={render:()=>r.jsxs("div",{className:"space-y-3",children:[r.jsx(x,{richColors:!0,position:"top-right"}),r.jsxs("div",{className:"flex flex-wrap gap-2",children:[r.jsx(m,{onClick:()=>a("Hello from Sonner!"),children:"Default"}),r.jsx(m,{variant:"secondary",onClick:()=>a.success("Saved successfully"),children:"Success"}),r.jsx(m,{variant:"destructive",onClick:()=>a.error("Something went wrong"),children:"Error"}),r.jsx(m,{variant:"outline",onClick:()=>a("Action required",{action:{label:"Undo",onClick:()=>a("Undone")}}),children:"With action"})]})]})};var C,k,B;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  render: () => <div className="space-y-3">
-      <Toaster richColors position="top-right" />
-      <div className="flex flex-wrap gap-2">
-        <Button onClick={() => toast('Hello from Sonner!')}>Default</Button>
-        <Button variant="secondary" onClick={() => toast.success('Saved successfully')}>Success</Button>
-        <Button variant="destructive" onClick={() => toast.error('Something went wrong')}>Error</Button>
-        <Button variant="outline" onClick={() => toast('Action required', {
-        action: {
-          label: 'Undo',
-          onClick: () => toast('Undone')
-        }
-      })}>
-          With action
-        </Button>
-      </div>
-    </div>
-}`,...(B=(k=u.parameters)==null?void 0:k.docs)==null?void 0:B.source}}};const z=["Basic"];export{u as Basic,z as __namedExportsOrder,R as default};

package/storybook-static/assets/Switch.stories-zr6i-aNi.js

@@ -1,3 +0,0 @@
-import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-BWjPIle6.js";import{c as U}from"./index-DW48STyt.js";import{u as _}from"./index-BcAKBHrX.js";import{c as z}from"./index-Pk2lGsul.js";import{u as A}from"./index-7XoYQV2z.js";import{u as O}from"./index-Dqw7miiX.js";import{u as q}from"./index-DMk2qc2_.js";import{P as N}from"./index-04C4iZwC.js";import{c as y}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DWC9SV-P.js";import"./index-C5eJ31Z3.js";import"./index-npvyVsxD.js";var b="Switch",[F,de]=z(b),[L,W]=F(b),R=s.forwardRef((e,r)=>{const{__scopeSwitch:o,name:n,checked:a,defaultChecked:w,required:d,disabled:c,value:l="on",onCheckedChange:S,form:i,...x}=e,[u,p]=s.useState(null),k=_(r,h=>p(h)),g=s.useRef(!1),C=u?i||!!u.closest("form"):!0,[m,D]=A({prop:a,defaultProp:w??!1,onChange:S,caller:b});return t.jsxs(L,{scope:o,checked:m,disabled:c,children:[t.jsx(N.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":M(m),"data-disabled":c?"":void 0,disabled:c,value:l,...x,ref:k,onClick:U(e.onClick,h=>{D(H=>!H),C&&(g.current=h.isPropagationStopped(),g.current||h.stopPropagation())})}),C&&t.jsx(T,{control:u,bubbles:!g.current,name:n,value:l,checked:m,required:d,disabled:c,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var B="SwitchThumb",I=s.forwardRef((e,r)=>{const{__scopeSwitch:o,...n}=e,a=W(B,o);return t.jsx(N.span,{"data-state":M(a.checked),"data-disabled":a.disabled?"":void 0,...n,ref:r})});I.displayName=B;var X="SwitchBubbleInput",T=s.forwardRef(({__scopeSwitch:e,control:r,checked:o,bubbles:n=!0,...a},w)=>{const d=s.useRef(null),c=_(d,w),l=O(o),S=q(r);return s.useEffect(()=>{const i=d.current;if(!i)return;const x=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(x,"checked").set;if(l!==o&&p){const k=new Event("click",{bubbles:n});p.call(i,o),i.dispatchEvent(k)}},[l,o,n]),t.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:o,...a,tabIndex:-1,ref:c,style:{...a.style,...S,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=X;function M(e){return e?"checked":"unchecked"}var $=R,G=I;function v({className:e,...r}){return t.jsx($,{"data-slot":"switch",className:y("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...r,children:t.jsx(G,{"data-slot":"switch-thumb",className:y("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")})})}v.__docgenInfo={description:"",methods:[],displayName:"Switch"};const le={title:"Shadcn/UI/Switch",component:v};function J(){const[e,r]=s.useState(!1);return t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(v,{checked:e,onCheckedChange:r,id:"demo-switch"}),t.jsx("label",{htmlFor:"demo-switch",className:"text-sm",children:e?"Enabled":"Disabled"})]})}const f={render:()=>t.jsx(J,{})};var E,j,P;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  render: () => <SwitchDemo />
-}`,...(P=(j=f.parameters)==null?void 0:j.docs)==null?void 0:P.source}}};const ue=["Basic"];export{f as Basic,ue as __namedExportsOrder,le as default};