@stackshift-ui/form-field 7.0.0-beta.2 → 7.0.0-beta.4

package/dist/chunk-B3SKYISE.mjs

@@ -0,0 +1 @@
+import{Checkbox as s}from"@stackshift-ui/checkbox";import{CheckboxGroup as f}from"@stackshift-ui/checkbox-group";import{Input as m}from"@stackshift-ui/input";import{Label as n}from"@stackshift-ui/label";import{RadioGroup as b,RadioGroupItem as g}from"@stackshift-ui/radio-group";import{Select as F,SelectContent as h,SelectItem as S,SelectTrigger as v,SelectValue as y}from"@stackshift-ui/select";import{Textarea as k}from"@stackshift-ui/textarea";import{jsx as e,jsxs as o}from"react/jsx-runtime";var V=({type:p="textarea",items:a=[],name:t,label:i="",required:d,placeholder:c,textSize:T,noLabel:u,variant:C,...l})=>{let x={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[p];switch(p){case"inputRadio":return o(b,{name:t,...l,children:[e(n,{children:i}),a==null?void 0:a.map(r=>o("div",{className:"flex items-center gap-3",children:[e(g,{id:r,value:r},r),e(n,{htmlFor:r,children:r})]}))]});case"inputSelect":return o(F,{name:t,...l,children:[e(v,{children:e(y,{placeholder:c})}),e(h,{children:a==null?void 0:a.map(r=>e(S,{value:r,children:r},r))})]});case"inputCheckbox":return e(f,{noLabel:u,name:t,label:i,...l,children:a==null?void 0:a.map(r=>o("div",{className:"flex flex-col gap-2 items-start",children:[e(s,{id:r,name:r,...l},r),e(n,{htmlFor:r,children:i})]}))});case"inputFile":return e(m,{type:"file","aria-label":t,name:t,required:d,...l});case"textarea":return o("div",{children:[u?null:e(n,{htmlFor:t,children:i}),e(k,{id:t,name:t,placeholder:c,...l})]});default:return o("div",{className:"flex flex-col gap-2 items-start",children:[u?null:e(n,{htmlFor:t,children:i}),e(m,{id:t,name:t,placeholder:c,type:x,required:d,...l})]})}};export{V as a};

package/dist/form-field.js

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(o,r)=>{for(var t in r)x(o,t,{get:r[t],enumerable:!0})},T=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!k.call(o,n)&&n!==t&&x(o,n,{get:()=>r[n],enumerable:!(i=S(r,n))||i.enumerable});return o};var C=o=>T(x({},"__esModule",{value:!0}),o);var G={};y(G,{FormField:()=>L});module.exports=C(G);var s=require("@stackshift-ui/checkbox"),f=require("@stackshift-ui/checkbox-group"),b=require("@stackshift-ui/input"),F=require("@stackshift-ui/input-file"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),l=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),L=({type:o="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:I,noLabel:m,variant:N,...c})=>{let h={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[o];switch(o){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(l.Select,{name:t,...c,children:[(0,e.jsx)(l.SelectTrigger,{children:(0,e.jsx)(l.SelectValue,{placeholder:d})}),(0,e.jsx)(l.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(l.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(f.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(s.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(F.InputFile,{ariaLabel:t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(b.Input,{id:t,name:t,placeholder:d,type:h,required:n,...c})]})}};0&&(module.exports={FormField});
+"use strict";var x=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var y=(l,r)=>{for(var t in r)x(l,t,{get:r[t],enumerable:!0})},k=(l,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of S(r))!v.call(l,n)&&n!==t&&x(l,n,{get:()=>r[n],enumerable:!(i=h(r,n))||i.enumerable});return l};var T=l=>k(x({},"__esModule",{value:!0}),l);var L={};y(L,{FormField:()=>C});module.exports=T(L);var f=require("@stackshift-ui/checkbox"),b=require("@stackshift-ui/checkbox-group"),s=require("@stackshift-ui/input"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),o=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),C=({type:l="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:G,noLabel:m,variant:N,...c})=>{let F={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[l];switch(l){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(o.Select,{name:t,...c,children:[(0,e.jsx)(o.SelectTrigger,{children:(0,e.jsx)(o.SelectValue,{placeholder:d})}),(0,e.jsx)(o.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(o.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(b.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(f.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(s.Input,{type:"file","aria-label":t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(s.Input,{id:t,name:t,placeholder:d,type:F,required:n,...c})]})}};0&&(module.exports={FormField});

package/dist/form-field.mjs

@@ -1 +1 @@
-import{a}from"./chunk-I3IICQN4.mjs";import"./chunk-3EYN2AKU.mjs";export{a as FormField};
+import{a}from"./chunk-B3SKYISE.mjs";import"./chunk-3EYN2AKU.mjs";export{a as FormField};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(o,r)=>{for(var t in r)x(o,t,{get:r[t],enumerable:!0})},T=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!k.call(o,n)&&n!==t&&x(o,n,{get:()=>r[n],enumerable:!(i=S(r,n))||i.enumerable});return o};var C=o=>T(x({},"__esModule",{value:!0}),o);var G={};y(G,{FormField:()=>L});module.exports=C(G);var s=require("@stackshift-ui/checkbox"),f=require("@stackshift-ui/checkbox-group"),b=require("@stackshift-ui/input"),F=require("@stackshift-ui/input-file"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),l=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),L=({type:o="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:I,noLabel:m,variant:N,...c})=>{let h={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[o];switch(o){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(l.Select,{name:t,...c,children:[(0,e.jsx)(l.SelectTrigger,{children:(0,e.jsx)(l.SelectValue,{placeholder:d})}),(0,e.jsx)(l.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(l.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(f.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(s.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(F.InputFile,{ariaLabel:t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(b.Input,{id:t,name:t,placeholder:d,type:h,required:n,...c})]})}};0&&(module.exports={FormField});
+"use strict";var x=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var y=(l,r)=>{for(var t in r)x(l,t,{get:r[t],enumerable:!0})},k=(l,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of S(r))!v.call(l,n)&&n!==t&&x(l,n,{get:()=>r[n],enumerable:!(i=h(r,n))||i.enumerable});return l};var T=l=>k(x({},"__esModule",{value:!0}),l);var L={};y(L,{FormField:()=>C});module.exports=T(L);var f=require("@stackshift-ui/checkbox"),b=require("@stackshift-ui/checkbox-group"),s=require("@stackshift-ui/input"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),o=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),C=({type:l="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:G,noLabel:m,variant:N,...c})=>{let F={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[l];switch(l){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(o.Select,{name:t,...c,children:[(0,e.jsx)(o.SelectTrigger,{children:(0,e.jsx)(o.SelectValue,{placeholder:d})}),(0,e.jsx)(o.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(o.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(b.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(f.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(s.Input,{type:"file","aria-label":t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(s.Input,{id:t,name:t,placeholder:d,type:F,required:n,...c})]})}};0&&(module.exports={FormField});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-I3IICQN4.mjs";import"./chunk-3EYN2AKU.mjs";export{e as FormField};
+"use strict";import{a as e}from"./chunk-B3SKYISE.mjs";import"./chunk-3EYN2AKU.mjs";export{e as FormField};