@donotdev/crud 0.0.2 → 0.0.4

package/dist/components/form/fields/FileFieldComponent.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{Upload as b,X as y}from"lucide-react";import{useCallback as p,useState as z}from"react";import{Button as x,BUTTON_VARIANT as k,Input as N,Label as S,Stack as d}from"@donotdev/components";const w=({label:m,value:c,onChange:a,error:o,helperText:u,accept:f,maxSize:n,multiple:g=!1})=>{const[v,i]=z(!1),s=p(e=>{if(!e){a({target:{value:"",files:null}});return}if(n&&e.size>n)return;const l={target:{value:e.name,files:[e]}};a(l)},[n,a]),h=p(e=>{e.preventDefault(),i(!1);const l=e.dataTransfer?.files[0]||null;s(l)},[s]);return t(d,{gap:"tight",children:[r(S,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:m}),t("div",{className:"dndev-relative dndev-surface","data-variant":o?"destructive":"default",style:{border:"2px dashed",borderColor:v?"var(--primary)":o?"var(--destructive)":"var(--border)",borderRadius:"var(--radius-lg)",padding:"var(--gap-lg)",backgroundColor:v?"color-mix(in oklab, var(--primary) 5%, transparent)":void 0,transition:"border-color 0.2s, background-color 0.2s"},onDragOver:e=>{e.preventDefault(),i(!0)},onDragLeave:()=>i(!1),onDrop:h,children:[r(N,{type:"file",accept:f,multiple:g,className:"dndev-absolute dndev-inset-0 dndev-pointer-events-auto",style:{width:"100%",height:"100%",opacity:0,cursor:"pointer"},onChange:e=>s(e.target.files?.[0]||null)}),t(d,{align:"center",justify:"center",gap:"medium",children:[r(b,{className:"dndev-size-touch",style:{color:"var(--muted-foreground)"}}),r("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:"Drag & drop or click to upload"})]}),c&&t(d,{direction:"row",align:"center",justify:"between",className:"dndev-surface","data-variant":"muted",style:{marginTop:"var(--gap-md)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)"},children:[r("span",{style:{fontSize:"var(--font-size-sm)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c.name}),r(x,{variant:k.GHOST,onClick:()=>a(null),className:"dndev-size-touch",children:r(y,{className:"dndev-size-md"})})]})]}),u&&r("p",{style:{fontSize:"var(--font-size-xs)",color:o?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:u})]})};var T=w;export{T as default};
+"use client";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Upload as y,X as b}from"lucide-react";import{useCallback as p,useState as z}from"react";import{Button as k,BUTTON_VARIANT as x,Input as D,Label as N,Stack as l}from"@donotdev/components";const w=({label:f,value:c,onChange:t,error:n,helperText:u,accept:m,maxSize:s,multiple:g=!1})=>{const[v,o]=z(!1),i=p(e=>{if(!e){t({target:{value:"",files:null}});return}if(s&&e.size>s)return;const d={target:{value:e.name,files:[e]}};t(d)},[s,t]),h=p(e=>{e.preventDefault(),o(!1);const d=e.dataTransfer?.files[0]||null;i(d)},[i]);return a(l,{gap:"tight",children:[r(N,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:f}),a("div",{className:"dndev-relative dndev-surface","data-variant":n?"destructive":"default",style:{border:"2px dashed",borderColor:v?"var(--primary)":n?"var(--destructive)":"var(--border)",borderRadius:"var(--radius-lg)",padding:"var(--gap-lg)",backgroundColor:v?"color-mix(in oklab, var(--primary) 5%, transparent)":void 0,transition:"border-color 0.2s, background-color 0.2s"},onDragOver:e=>{e.preventDefault(),o(!0)},onDragLeave:()=>o(!1),onDrop:h,children:[r(D,{type:"file",accept:m,multiple:g,className:"dndev-absolute dndev-inset-0 dndev-pointer-events-auto",style:{width:"100%",height:"100%",opacity:0,cursor:"pointer"},onChange:e=>i(e.target.files?.[0]||null)}),a(l,{align:"center",justify:"center",gap:"medium",children:[r(y,{className:"dndev-size-touch",style:{color:"var(--muted-foreground)"}}),r("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:"Drag & drop or click to upload"})]}),c&&a(l,{direction:"row",align:"center",justify:"between",className:"dndev-surface","data-variant":"muted",style:{marginTop:"var(--gap-md)",padding:"var(--gap-md)",borderRadius:"var(--radius-lg)"},children:[r("span",{style:{fontSize:"var(--font-size-sm)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c.name}),r(k,{variant:x.GHOST,onClick:()=>t(null),className:"dndev-size-touch",children:r(b,{className:"dndev-size-md"})})]})]}),u&&r("p",{style:{fontSize:"var(--font-size-xs)",color:n?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:u})]})};var C=w;export{C as default};

package/dist/components/form/fields/GeoPointFieldComponent.js

@@ -1 +1 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import{Label as d,Input as c,Stack as i}from"@donotdev/components";const h=({label:f,value:a={lat:0,lng:0},onChange:v,error:n,helperText:g,disabled:u})=>{const m=l=>{const e=parseFloat(l.target.value)||0;if(e>=-90&&e<=90){const o={...a,lat:e},s={target:{value:JSON.stringify(o)}};v(s)}},p=l=>{const e=parseFloat(l.target.value)||0;if(e>=-180&&e<=180){const o={...a,lng:e},s={target:{value:JSON.stringify(o)}};v(s)}};return r(i,{gap:"tight",children:[t(d,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:f}),r(i,{direction:"row",gap:"medium",children:[r(i,{gap:"tight",className:"dndev-w-full",children:[t(d,{style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:"Latitude"}),t(c,{type:"number",value:a.lat,onChange:m,min:"-90",max:"90",step:"0.000001",disabled:u,"data-variant":n?"destructive":void 0})]}),r(i,{gap:"tight",className:"dndev-w-full",children:[t(d,{style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:"Longitude"}),t(c,{type:"number",value:a.lng,onChange:p,min:"-180",max:"180",step:"0.000001",disabled:u,"data-variant":n?"destructive":void 0})]})]}),g&&t("p",{style:{fontSize:"var(--font-size-xs)",color:n?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:g})]})};var x=h;export{x as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Label as l,Input as f,Stack as i}from"@donotdev/components";const p=({label:m,value:n={lat:0,lng:0},onChange:c,error:o,helperText:g,disabled:u})=>{const v=s=>{const t=parseFloat(s.target.value)||0;if(t>=-90&&t<=90){const r={...n,lat:t},d={target:{value:JSON.stringify(r)}};c(d)}},h=s=>{const t=parseFloat(s.target.value)||0;if(t>=-180&&t<=180){const r={...n,lng:t},d={target:{value:JSON.stringify(r)}};c(d)}};return a(i,{gap:"tight",children:[e(l,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:m}),a(i,{direction:"row",gap:"medium",children:[a(i,{gap:"tight",className:"dndev-w-full",children:[e(l,{style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:"Latitude"}),e(f,{type:"number",value:n.lat,onChange:v,min:"-90",max:"90",step:"0.000001",disabled:u,"data-variant":o?"destructive":void 0})]}),a(i,{gap:"tight",className:"dndev-w-full",children:[e(l,{style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:"Longitude"}),e(f,{type:"number",value:n.lng,onChange:h,min:"-180",max:"180",step:"0.000001",disabled:u,"data-variant":o?"destructive":void 0})]})]}),g&&e("p",{style:{fontSize:"var(--font-size-xs)",color:o?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:g})]})};var S=p;export{S as default};

package/dist/components/form/fields/HiddenFieldComponent.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"react";const n=({name:a,value:e})=>t("input",{type:"hidden",name:a,value:e});var o=n;export{o as default};
+import{jsx as n}from"react/jsx-runtime";import"react";const o=({name:e,value:t})=>n("input",{type:"hidden",name:e,value:t});var i=o;export{i as default};

package/dist/components/form/fields/ImageFieldComponent.js

@@ -1 +1 @@
-"use client";import{jsx as a,jsxs as n}from"react/jsx-runtime";import{Image as z,X as x}from"lucide-react";import{useCallback as m,useState as p}from"react";import{Button as N,BUTTON_VARIANT as k,Input as D,Label as S,Stack as g}from"@donotdev/components";const T=({label:f,onChange:l,error:d,helperText:i,maxSize:s,multiple:h=!1})=>{const[v,o]=p(!1),[u,c]=p(null),t=m(e=>{if(!e){l({target:{value:"",files:null}}),c(null);return}if(!e.type.startsWith("image/")||s&&e.size>s)return;const r=new FileReader;r.onloadend=()=>{c(r.result)},r.readAsDataURL(e);const y={target:{value:e.name,files:[e]}};l(y)},[s,l]),b=m(e=>{e.preventDefault(),o(!1);const r=e.dataTransfer?.files[0]||null;t(r)},[t]);return n(g,{gap:"tight",children:[a(S,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:f}),n("div",{className:"dndev-relative dndev-surface","data-variant":d?"destructive":"default",style:{border:"2px dashed",borderColor:v?"var(--primary)":d?"var(--destructive)":"var(--border)",borderRadius:"var(--radius-lg)",padding:"var(--gap-lg)",backgroundColor:v?"color-mix(in oklab, var(--primary) 5%, transparent)":void 0,transition:"border-color 0.2s, background-color 0.2s"},onDragOver:e=>{e.preventDefault(),o(!0)},onDragLeave:()=>o(!1),onDrop:b,children:[a(D,{type:"file",accept:"image/*",multiple:h,className:"dndev-absolute dndev-inset-0 dndev-w-full dndev-h-full dndev-pointer-events-auto",style:{opacity:0,cursor:"pointer"},onChange:e=>t(e.target.files?.[0]??null)}),u?n("div",{className:"dndev-relative dndev-aspect-video",children:[a("img",{src:u,alt:"Preview",className:"dndev-mx-auto dndev-h-full dndev-object-contain",style:{borderRadius:"var(--radius-lg)"}}),a(N,{variant:k.GHOST,onClick:()=>t(null),className:"dndev-absolute dndev-size-touch",style:{padding:0,top:"var(--gap-md)",insetInlineEnd:"var(--gap-md)"},children:a(x,{className:"dndev-size-md"})})]}):n(g,{align:"center",justify:"center",gap:"medium",children:[a(z,{className:"dndev-size-lg",style:{color:"var(--muted-foreground)"}}),a("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:"Drag & drop or click to upload"})]})]}),i&&a("p",{style:{fontSize:"var(--font-size-xs)",color:d?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:i})]})};var C=T;export{C as default};
+"use client";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{Image as z,X as D}from"lucide-react";import{useCallback as m,useState as p}from"react";import{Button as N,BUTTON_VARIANT as k,Input as x,Label as j,Stack as g}from"@donotdev/components";const I=({label:f,onChange:s,error:d,helperText:i,maxSize:o,multiple:y=!1})=>{const[c,l]=p(!1),[v,u]=p(null),a=m(e=>{if(!e){s({target:{value:"",files:null}}),u(null);return}if(!e.type.startsWith("image/")||o&&e.size>o)return;const t=new FileReader;t.onloadend=()=>{u(t.result)},t.readAsDataURL(e);const b={target:{value:e.name,files:[e]}};s(b)},[o,s]),h=m(e=>{e.preventDefault(),l(!1);const t=e.dataTransfer?.files[0]||null;a(t)},[a]);return n(g,{gap:"tight",children:[r(j,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:f}),n("div",{className:"dndev-relative dndev-surface","data-variant":d?"destructive":"default",style:{border:"2px dashed",borderColor:c?"var(--primary)":d?"var(--destructive)":"var(--border)",borderRadius:"var(--radius-lg)",padding:"var(--gap-lg)",backgroundColor:c?"color-mix(in oklab, var(--primary) 5%, transparent)":void 0,transition:"border-color 0.2s, background-color 0.2s"},onDragOver:e=>{e.preventDefault(),l(!0)},onDragLeave:()=>l(!1),onDrop:h,children:[r(x,{type:"file",accept:"image/*",multiple:y,className:"dndev-absolute dndev-inset-0 dndev-w-full dndev-h-full dndev-pointer-events-auto",style:{opacity:0,cursor:"pointer"},onChange:e=>a(e.target.files?.[0]??null)}),v?n("div",{className:"dndev-relative dndev-aspect-video",children:[r("img",{src:v,alt:"Preview",className:"dndev-mx-auto dndev-h-full dndev-object-contain",style:{borderRadius:"var(--radius-lg)"}}),r(N,{variant:k.GHOST,onClick:()=>a(null),className:"dndev-absolute dndev-size-touch",style:{padding:0,top:"var(--gap-md)",insetInlineEnd:"var(--gap-md)"},children:r(D,{className:"dndev-size-md"})})]}):n(g,{align:"center",justify:"center",gap:"medium",children:[r(z,{className:"dndev-size-lg",style:{color:"var(--muted-foreground)"}}),r("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:"Drag & drop or click to upload"})]})]}),i&&r("p",{style:{fontSize:"var(--font-size-xs)",color:d?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:i})]})};var E=I;export{E as default};

package/dist/components/form/fields/MapFieldComponent.js

@@ -1 +1 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Label as c,Input as p,Stack as u}from"@donotdev/components";import{useTranslation as f}from"@donotdev/core";const m=({label:n,value:s={},onChange:r,error:e,helperText:t})=>{const{t:d}=f("dndev");return o(u,{gap:"tight",children:[a(c,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:n}),o("div",{className:"dndev-surface","data-variant":e?"destructive":"default",style:{border:"1px solid",borderColor:e?"var(--destructive)":"var(--input)",borderRadius:"var(--radius-lg)",padding:"var(--gap-md)"},children:[a("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",marginBottom:"var(--gap-md)"},children:"Map component placeholder"}),a(p,{type:"text",className:"dndev-w-full",placeholder:d("form.enterLocationData","Enter location data (JSON)"),value:JSON.stringify(s),onChange:l=>{try{const i=JSON.parse(l.target.value),v={target:{value:JSON.stringify(i)}};r(v)}catch{r({target:{value:"{}"}})}}})]}),t&&a("p",{style:{fontSize:"var(--font-size-xs)",color:e?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:t})]})};var g=m;export{g as default};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Label as v,Input as p,Stack as u}from"@donotdev/components";import{useTranslation as m}from"@donotdev/core";const f=({label:s,value:i={},onChange:a,error:e,helperText:r})=>{const{t:d}=m("dndev");return o(u,{gap:"tight",children:[t(v,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:s}),o("div",{className:"dndev-surface","data-variant":e?"destructive":"default",style:{border:"1px solid",borderColor:e?"var(--destructive)":"var(--input)",borderRadius:"var(--radius-lg)",padding:"var(--gap-md)"},children:[t("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)",marginBottom:"var(--gap-md)"},children:"Map component placeholder"}),t(p,{type:"text",className:"dndev-w-full",placeholder:d("form.enterLocationData","Enter location data (JSON)"),value:JSON.stringify(i),onChange:l=>{try{const n=JSON.parse(l.target.value),c={target:{value:JSON.stringify(n)}};a(c)}catch{a({target:{value:"{}"}})}}})]}),r&&t("p",{style:{fontSize:"var(--font-size-xs)",color:e?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:r})]})};var x=f;export{x as default};

package/dist/components/form/fields/MultiDropdownComponent.js

@@ -1 +1 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{X as S}from"lucide-react";import{Select as N,Badge as y,BADGE_VARIANT as T,Button as b,BUTTON_VARIANT as A,Label as B,Stack as m}from"@donotdev/components";import{useTranslation as x}from"@donotdev/core";const z=({label:g,value:r=[],options:i,error:p,helperText:c,onChange:d,onBlur:C,required:u,className:v,...k})=>{const{t:o}=x("dndev"),f=e=>{const a=r.includes(e)?r.filter(s=>s!==e):[...r,e],n={target:{value:JSON.stringify(a)}};d(n)},h=e=>{const a=r.filter(s=>s!==e),n={target:{value:JSON.stringify(a)}};d(n)};return l(m,{gap:"tight",className:v,children:[l(B,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:[o(g),u&&t("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),r.length>0&&t(m,{direction:"row",wrap:"wrap",gap:"medium",style:{marginTop:"var(--gap-md)",marginBottom:"var(--gap-md)"},children:r.map((e,a)=>{const n=i.find(s=>String(s.value)===e)?.label||e;return l(y,{variant:T.SECONDARY,className:"dndev-gap-sm",children:[o(n),t(b,{type:"button",variant:A.GHOST,style:{padding:0,height:"auto"},onClick:()=>h(e),children:t(S,{className:"dndev-size-md"})})]},a)})}),t(N,{onValueChange:f,placeholder:o("actions.select","Select options..."),options:i.map(e=>{const a=String(e.value),n=r.includes(a);return{value:a,label:o(e.label),content:l("span",{style:{backgroundColor:n?"var(--accent)":void 0},children:[o(e.label),n&&" \u2713"]})}})}),c&&t("p",{style:{fontSize:"var(--font-size-xs)",color:p?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:c})]})};var O=z;export{O as default};
+import{jsx as a,jsxs as i}from"react/jsx-runtime";import{X as S}from"lucide-react";import{Select as y,Badge as N,BADGE_VARIANT as b,Button as T,BUTTON_VARIANT as w,Label as A,Stack as m}from"@donotdev/components";import{useTranslation as B}from"@donotdev/core";const x=({label:g,value:r=[],options:l,error:p,helperText:c,onChange:d,onBlur:z,required:u,className:f,...O})=>{const{t:o}=B("dndev"),v=t=>{const e=r.includes(t)?r.filter(s=>s!==t):[...r,t],n={target:{value:JSON.stringify(e)}};d(n)},h=t=>{const e=r.filter(s=>s!==t),n={target:{value:JSON.stringify(e)}};d(n)};return i(m,{gap:"tight",className:f,children:[i(A,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:[o(g),u&&a("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),r.length>0&&a(m,{direction:"row",wrap:"wrap",gap:"medium",style:{marginTop:"var(--gap-md)",marginBottom:"var(--gap-md)"},children:r.map((t,e)=>{const n=l.find(s=>String(s.value)===t)?.label||t;return i(N,{variant:b.SECONDARY,className:"dndev-gap-sm",children:[o(n),a(T,{type:"button",variant:w.GHOST,style:{padding:0,height:"auto"},onClick:()=>h(t),children:a(S,{className:"dndev-size-md"})})]},e)})}),a(y,{onValueChange:v,placeholder:o("actions.select","Select options..."),options:l.map(t=>{const e=String(t.value),n=r.includes(e);return{value:e,label:o(t.label),content:i("span",{style:{backgroundColor:n?"var(--accent)":void 0},children:[o(t.label),n&&" \u2713"]})}})}),c&&a("p",{style:{fontSize:"var(--font-size-xs)",color:p?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:c})]})};var k=x;export{k as default};

package/dist/components/form/fields/MultiInputTextFieldComponent.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as f}from"react";import{Input as h,Button as y,Label as b,Stack as d}from"@donotdev/components";import{useTranslation as x}from"@donotdev/core";const S=({label:c,value:s=[],onChange:l,className:u})=>{const{t:i}=x("dndev"),[n,m]=f(""),g=()=>{if(n.trim()){const e=[...s,n.trim()],a={target:{value:JSON.stringify(e)}};l(a),m("")}},p=e=>{const a=s.filter((w,v)=>v!==e),t={target:{value:JSON.stringify(a)}};l(t)};return o(d,{gap:"medium",className:u,children:[r("div",{children:r(b,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:c})}),o(d,{direction:"row",align:"center",gap:"medium",children:[r(h,{type:"text",value:n,onChange:e=>m(e.target.value),className:"dndev-flex-1",placeholder:i("form.typeAndPressAdd","Type and press Add...")}),r(y,{type:"button",onClick:g,disabled:!n.trim(),children:i("form.add","Add")})]}),r(d,{direction:"row",wrap:"wrap",gap:"medium",children:s.map((e,a)=>o("span",{className:"dndev-surface","data-variant":"muted",style:{display:"inline-flex",alignItems:"center",gap:"var(--gap-sm)",padding:"var(--gap-sm) var(--gap-md)",fontSize:"var(--font-size-sm)",fontWeight:500,borderRadius:"var(--radius-lg)"},children:[e,r("button",{type:"button",onClick:()=>p(a),style:{color:"var(--muted-foreground)",marginInlineStart:"var(--gap-sm)"},onMouseEnter:t=>{t.currentTarget.style.color="var(--foreground)"},onMouseLeave:t=>{t.currentTarget.style.color="var(--muted-foreground)"},"aria-label":`${i("form.remove","Remove")} ${e}`,children:"\xD7"})]},a))})]})};var N=S;export{N as default};
+"use client";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as v}from"react";import{Input as h,Button as y,Label as x,Stack as d}from"@donotdev/components";import{useTranslation as b}from"@donotdev/core";const S=({label:m,value:o=[],onChange:l,className:u})=>{const{t:s}=b("dndev"),[a,c]=v(""),p=()=>{if(a.trim()){const e=[...o,a.trim()],t={target:{value:JSON.stringify(e)}};l(t),c("")}},g=e=>{const t=o.filter((w,f)=>f!==e),n={target:{value:JSON.stringify(t)}};l(n)};return i(d,{gap:"medium",className:u,children:[r("div",{children:r(x,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:m})}),i(d,{direction:"row",align:"center",gap:"medium",children:[r(h,{type:"text",value:a,onChange:e=>c(e.target.value),className:"dndev-flex-1",placeholder:s("form.typeAndPressAdd","Type and press Add...")}),r(y,{type:"button",onClick:p,disabled:!a.trim(),children:s("form.add","Add")})]}),r(d,{direction:"row",wrap:"wrap",gap:"medium",children:o.map((e,t)=>i("span",{className:"dndev-surface","data-variant":"muted",style:{display:"inline-flex",alignItems:"center",gap:"var(--gap-sm)",padding:"var(--gap-sm) var(--gap-md)",fontSize:"var(--font-size-sm)",fontWeight:500,borderRadius:"var(--radius-lg)"},children:[e,r("button",{type:"button",onClick:()=>g(t),style:{color:"var(--muted-foreground)",marginInlineStart:"var(--gap-sm)"},onMouseEnter:n=>{n.currentTarget.style.color="var(--foreground)"},onMouseLeave:n=>{n.currentTarget.style.color="var(--muted-foreground)"},"aria-label":`${s("form.remove","Remove")} ${e}`,children:"\xD7"})]},t))})]})};var z=S;export{z as default};

package/dist/components/form/fields/NumberFieldComponent.js

@@ -1 +1 @@
-import{jsx as r,jsxs as d}from"react/jsx-runtime";import{Input as h,Label as y,cn as x,Stack as b}from"@donotdev/components";const S=({label:v,value:t,onChange:o,error:s,helperText:i,min:c,max:u,step:m,disabled:e,required:n,className:p,...g})=>{const f=a=>{const l=parseFloat(a.target.value);isNaN(l)?o(a):o({...a,target:{...a.target,value:l.toString()}})};return d(b,{gap:"tight",children:[d(y,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:[v,n&&r("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),r(h,{type:"number",value:t!==void 0?t.toString():"",onChange:f,min:c,max:u,step:m,disabled:e,required:n,className:x("dndev-w-full",p),"data-variant":s?"destructive":void 0,style:{opacity:e?"var(--opacity-muted)":void 0,cursor:e?"not-allowed":void 0},...g}),i&&r("p",{style:{fontSize:"var(--font-size-xs)",color:s?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:i})]})};var z=S;export{z as default};
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{Input as y,Label as h,cn as x,Stack as S}from"@donotdev/components";const j=({label:u,value:r,onChange:n,error:o,helperText:s,min:c,max:f,step:m,disabled:e,required:i,className:g,...p})=>{const v=t=>{const d=parseFloat(t.target.value);isNaN(d)?n(t):n({...t,target:{...t.target,value:d.toString()}})};return l(S,{gap:"tight",children:[l(h,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:[u,i&&a("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),a(y,{type:"number",value:r!==void 0?r.toString():"",onChange:v,min:c,max:f,step:m,disabled:e,required:i,className:x("dndev-w-full",g),"data-variant":o?"destructive":void 0,style:{opacity:e?"var(--opacity-muted)":void 0,cursor:e?"not-allowed":void 0},...p}),s&&a("p",{style:{fontSize:"var(--font-size-xs)",color:o?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:s})]})};var b=j;export{b as default};

package/dist/components/form/fields/PasswordFieldComponent.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useId as i}from"react";import{PasswordInput as u,Stack as m}from"@donotdev/components";const c=({label:a,value:s,onChange:o,error:t,helperText:r,...l})=>{const n=i();return d(m,{gap:"tight",children:[e(u,{id:n,value:s??"",onChange:o,label:a,className:"dndev-w-full",...l}),r&&e("p",{style:{fontSize:"var(--font-size-xs)",color:t?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:r})]})};var p=c;export{p as default};
+"use client";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useId as l}from"react";import{PasswordInput as m,Stack as u}from"@donotdev/components";const c=({label:s,value:e,onChange:a,error:t,helperText:o,...n})=>{const d=l();return i(u,{gap:"tight",children:[r(m,{id:d,value:e??"",onChange:a,label:s,className:"dndev-w-full",...n}),o&&r("p",{style:{fontSize:"var(--font-size-xs)",color:t?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:o})]})};var j=c;export{j as default};

package/dist/components/form/fields/PhoneNumberComponent.js

@@ -1 +1 @@
-import{jsx as i,jsxs as p}from"react/jsx-runtime";import{Plus as _,X as x}from"lucide-react";import{useMemo as A}from"react";import{Button as v,BUTTON_VARIANT as d,Stack as h}from"@donotdev/components";import{useTranslation as N}from"@donotdev/core";import g from"./TextFieldComponent";const P=({phoneNumbers:n,onPhoneNumberChange:t,error:s,helperText:m,userType:b})=>{const{t:o}=N("dndev"),c=A(()=>b==="tenant"?"+82":"+33",[b]);n.length===0&&t([{label:"",value:c}]);const f=()=>{t([...n,{label:"",value:"+33"}])},T=a=>{const e=[...n];e.splice(a,1),t(e)},y=(a,e)=>{try{const l=a.target.value,r=[...n],u=r[e]||{label:"",value:""};r[e]={label:u.label,value:l},t(r)}catch{}},C=(a,e)=>{try{const l=a.target.value,r=[...n],u=r[e]||{label:"",value:""};r[e]={label:l,value:u.value},t(r)}catch{}};return p(h,{gap:"medium",children:[p(h,{direction:"row",align:"center",gap:"medium",children:[i("h6",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:o("phone_numbers.title")}),i(v,{type:"button",onClick:f,variant:d.PRIMARY,"aria-label":o("phone_numbers.add"),icon:_})]}),n.map((a,e)=>p(h,{direction:"row",align:"center",gap:"medium",children:[i(g,{label:o("phone_numbers.value"),value:a.value,onChange:l=>y(l,e),placeholder:c,error:s?m:void 0,helperText:s?void 0:m}),i(g,{label:o("phone_numbers.label"),value:a.label,onChange:l=>C(l,e),error:s?m:void 0,helperText:s?void 0:m}),i(v,{type:"button",onClick:()=>T(e),variant:d.DESTRUCTIVE,"aria-label":o("phone_numbers.remove"),icon:x})]},e))]})};var R=P;export{R as default};
+import{jsx as i,jsxs as d}from"react/jsx-runtime";import{Plus as w,X as y}from"lucide-react";import{useMemo as T}from"react";import{Button as h,BUTTON_VARIANT as f,Stack as m}from"@donotdev/components";import{useTranslation as j}from"@donotdev/core";import p from"./TextFieldComponent";const A=({phoneNumbers:a,onPhoneNumberChange:o,error:c,helperText:u,userType:v})=>{const{t:r}=j("dndev"),b=T(()=>v==="tenant"?"+82":"+33",[v]);a.length===0&&o([{label:"",value:b}]);const g=()=>{o([...a,{label:"",value:"+33"}])},_=l=>{const e=[...a];e.splice(l,1),o(e)},C=(l,e)=>{try{const n=l.target.value,t=[...a],s=t[e]||{label:"",value:""};t[e]={label:s.label,value:n},o(t)}catch{}},P=(l,e)=>{try{const n=l.target.value,t=[...a],s=t[e]||{label:"",value:""};t[e]={label:n,value:s.value},o(t)}catch{}};return d(m,{gap:"medium",children:[d(m,{direction:"row",align:"center",gap:"medium",children:[i("h6",{style:{fontSize:"var(--font-size-lg)",fontWeight:600},children:r("phone_numbers.title")}),i(h,{type:"button",onClick:g,variant:f.PRIMARY,"aria-label":r("phone_numbers.add"),icon:w})]}),a.map((l,e)=>d(m,{direction:"row",align:"center",gap:"medium",children:[i(p,{label:r("phone_numbers.value"),value:l.value,onChange:n=>C(n,e),placeholder:b,error:c?u:void 0,helperText:c?void 0:u}),i(p,{label:r("phone_numbers.label"),value:l.label,onChange:n=>P(n,e),error:c?u:void 0,helperText:c?void 0:u}),i(h,{type:"button",onClick:()=>_(e),variant:f.DESTRUCTIVE,"aria-label":r("phone_numbers.remove"),icon:y})]},e))]})};var D=A;export{D as default};

package/dist/components/form/fields/RadioFieldComponent.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{RadioGroup as v,Label as c,Stack as f}from"@donotdev/components";const g=({label:o,value:t,onChange:n,options:s,error:i,helperText:r,required:l})=>{const d=u=>{n({target:{value:u}})};return a(f,{gap:"tight",children:[a(c,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:[o,l&&e("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),e(v,{value:t,onValueChange:d,items:s}),r&&e("p",{style:{fontSize:"var(--font-size-xs)",color:i?"var(--destructive-foreground)":"var(--muted-foreground)"},children:r})]})};var p=g;export{p as default};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{RadioGroup as u,Label as v,Stack as f}from"@donotdev/components";const g=({label:o,value:r,onChange:a,options:s,error:i,helperText:t,required:l})=>{const d=c=>{a({target:{value:c}})};return n(f,{gap:"tight",children:[n(v,{style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500},children:[o,l&&e("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),e(u,{value:r,onValueChange:d,items:s}),t&&e("p",{style:{fontSize:"var(--font-size-xs)",color:i?"var(--destructive-foreground)":"var(--muted-foreground)"},children:t})]})};var y=g;export{y as default};

package/dist/components/form/fields/RangeFieldComponent.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Label as h,Slider as y,Stack as d}from"@donotdev/components";const S=({label:n,value:i=0,onChange:c,error:s,helperText:l,min:r=0,max:v=100,step:u=1,disabled:o,required:m,showValue:g=!0})=>{const p=a=>{const f={target:{value:a.toString()}};c(f)};return t(d,{gap:"tight",children:[t(d,{direction:"row",justify:"between",align:"center",children:[t(h,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:[n,m&&e("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),g&&e("span",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i})]}),e(y,{value:[i??r],onValueChange:([a])=>p(a??r),min:r,max:v,step:u,disabled:o,style:{borderColor:s?"var(--destructive)":void 0,opacity:o?"var(--opacity-muted)":void 0,cursor:o?"not-allowed":void 0},"aria-label":n}),l&&e("p",{style:{fontSize:"var(--font-size-xs)",color:s?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:l})]})};var b=S;export{b as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Label as h,Slider as y,Stack as l}from"@donotdev/components";const S=({label:a,value:i=0,onChange:c,error:s,helperText:d,min:t=0,max:u=100,step:f=1,disabled:r,required:g,showValue:v=!0})=>{const m=n=>{const p={target:{value:n.toString()}};c(p)};return o(l,{gap:"tight",children:[o(l,{direction:"row",justify:"between",align:"center",children:[o(h,{style:{fontSize:"var(--font-size-sm)",fontWeight:500},children:[a,g&&e("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),v&&e("span",{style:{fontSize:"var(--font-size-sm)",color:"var(--muted-foreground)"},children:i})]}),e(y,{value:[i??t],onValueChange:([n])=>m(n??t),min:t,max:u,step:f,disabled:r,style:{borderColor:s?"var(--destructive)":void 0,opacity:r?"var(--opacity-muted)":void 0,cursor:r?"not-allowed":void 0},"aria-label":a}),d&&e("p",{style:{fontSize:"var(--font-size-xs)",color:s?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:d})]})};var C=S;export{C as default};

package/dist/components/form/fields/ReferenceFieldComponent.d.ts

@@ -1,26 +1,32 @@
 /**
- * @fileoverview ReferenceFieldComponent
- * @description Field component that renders a dropdown for selecting referenced entities
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
+ * Reference field component props
  */
-import { type DropdownComponentProps } from './DropdownComponent';
-export interface ReferenceFieldComponentProps extends Omit<DropdownComponentProps, 'options'> {
-    /** Options loaded from the reference collection */
-    options?: Array<{
-        value: string;
-        label: string;
-    }>;
+export interface ReferenceFieldComponentProps {
+    /** Field label */
+    label: string;
+    /** Selected reference document ID */
+    value?: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Collection name to query */
+    collection: string;
+    /** Fields to search in (e.g. ['name', 'email']) */
+    searchFields?: string[];
+    /** Field to display (e.g. 'name') */
+    displayField?: string;
+    /** Error state */
+    error?: boolean;
+    /** Helper text */
+    helperText?: string;
 }
 /**
- * Field component that renders a dropdown for selecting referenced entities
+ * Reference field component for selecting related documents
+ * Provides searchable dropdown with document selection
  *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
+ * @component
+ * @param {ReferenceFieldComponentProps} props - Component props
+ * @returns {JSX.Element} Reference selection field with search
  */
-declare const ReferenceFieldComponent: (props: ReferenceFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ReferenceFieldComponent: ({ label, value, onChange, collection, searchFields, displayField, error, helperText, }: ReferenceFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default ReferenceFieldComponent;
 //# sourceMappingURL=ReferenceFieldComponent.d.ts.map

package/dist/components/form/fields/ReferenceFieldComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReferenceFieldComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/ReferenceFieldComponent.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAA0B,EACxB,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CACxD,sBAAsB,EACtB,SAAS,CACV;IACC,mDAAmD;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED;;;;;;GAMG;AACH,QAAA,MAAM,uBAAuB,GAAI,OAAO,4BAA4B,4CAGnE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ReferenceFieldComponent.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/ReferenceFieldComponent.tsx"],"names":[],"mappings":"AAuBA;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,uBAAuB,GAAI,wFAS9B,4BAA4B,4CA4H9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/form/fields/ReferenceFieldComponent.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import p from"./DropdownComponent";const r=o=>t(p,{...o,options:o.options||[]});var s=r;export{s as default};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{useState as i,useEffect as z,useMemo as O}from"react";import{useCrud as _}from"../../../useCrud";import{Popover as m,Command as k,Button as I,Stack as L}from"@donotdev/components";import{useTranslation as M}from"@donotdev/core";import{Check as T,ChevronsUpDown as q}from"lucide-react";const A=({label:S,value:o,onChange:f,collection:p,searchFields:r=["name"],displayField:a="name",error:h,helperText:u})=>{const{t:c}=M(),[s,d]=i(!1),{query:g,get:v}=_(p),[y,b]=i([]),[B,x]=i(!1),[n,C]=i(null);z(()=>{o&&!n&&v(o).then(e=>{e&&C(e)})},[o,v,n]),z(()=>{if(!s)return;(async()=>{x(!0);try{const w=await g({limit:50});b(w)}catch{}finally{x(!1)}})()},[s,g,p]);const j=O(()=>y.map(e=>({label:e[a]||e.id,value:e.id,description:r[1]&&e[r[1]]?e[r[1]]:void 0,icon:t(T,{style:{width:"var(--size-icon-sm)",height:"var(--size-icon-sm)",opacity:o===e.id?1:0}}),onSelect:()=>{f(e.id),C(e),d(!1)}})),[y,a,r,o,f]);return l(L,{gap:"tight",children:[l(m,{open:s,onOpenChange:d,children:[t(m.Trigger,{asChild:!0,children:l(I,{variant:"outline",role:"combobox","aria-expanded":s,style:{width:"100%",justifyContent:"space-between",borderColor:h?"var(--destructive)":void 0},children:[t("span",{style:{flex:1,textAlign:"left"},children:n?n[a]||n.id:c("common.select_placeholder",{label:S})}),t(q,{style:{marginLeft:"var(--gap-sm)",width:"var(--size-icon-sm)",height:"var(--size-icon-sm)",opacity:.5,flexShrink:0}})]})}),t(m.Content,{style:{width:"var(--radix-popover-trigger-width)",padding:0},children:t(k,{placeholder:c("common.search_placeholder"),emptyMessage:c("common.no_results"),items:j,onClose:()=>d(!1)})})]}),u&&t("p",{style:{fontSize:"var(--font-size-xs)",color:h?"var(--destructive-foreground)":"var(--muted-foreground)",marginTop:"var(--gap-sm)"},children:u})]})};var H=A;export{H as default};

package/dist/components/form/fields/TextAreaComponent.js

@@ -1 +1 @@
-"use client";import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as j,useId as k,useRef as A,useEffect as F}from"react";import{Textarea as I,Label as B,Spinner as E,cn as m,Stack as p}from"@donotdev/components";const H=({label:x,value:n="",onChange:y,error:u,helperText:i,rows:z=3,loading:v=!1,maxLength:r,showCharCount:h=!1,autoResize:s=!1,required:b=!1,disabled:g=!1,className:w,...S})=>{const e=k(),[T,f]=j(!1),l=A(null),a=!!u,d=n.length,$=r&&d>r*.8,C=r&&d>r;F(()=>{if(s&&l.current){const c=l.current;c.style.height="auto",c.style.height=`${c.scrollHeight}px`}},[n,s]);const N=()=>f(!0),L=()=>f(!1);return o(p,{gap:"tight",children:[o(B,{htmlFor:e,style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500,color:a?"var(--destructive-foreground)":g?"var(--muted-foreground)":"var(--foreground)"},children:[x,b&&t("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),o("div",{className:"dndev-relative",children:[t(I,{ref:l,id:e,value:n,onChange:y,onFocus:N,onBlur:L,disabled:g||v,maxLength:r,rows:s?1:z,"aria-describedby":m(a&&`${e}-error`,i&&!a&&`${e}-helper`,h&&`${e}-count`),"aria-invalid":a,className:m("dndev-w-full",s&&"dndev-overflow-hidden",w),"data-variant":a?"destructive":void 0,style:{resize:"none"},...S}),v&&t("div",{className:"dndev-absolute",style:{right:"var(--gap-md)",top:"var(--gap-md)"},children:t(E,{"aria-label":"Loading"})})]}),h&&r&&o("div",{id:`${e}-count`,style:{fontSize:"var(--font-size-xs)",textAlign:"right",color:C?"var(--destructive-foreground)":$?"var(--warning)":"var(--muted-foreground)"},children:[d,"/",r]}),a&&o(p,{as:"p",id:`${e}-error`,direction:"row",align:"center",gap:"tight",style:{fontSize:"var(--font-size-xs)",color:"var(--destructive-foreground)"},role:"alert",children:[t("span",{children:"\u26A0"}),u]}),i&&!a&&t("p",{id:`${e}-helper`,style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:i})]})};var R=H;export{R as default};
+"use client";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useState as A,useId as I,useRef as k,useEffect as B}from"react";import{Textarea as E,Label as _,Spinner as C,cn as p,Stack as m}from"@donotdev/components";const H=({label:y,value:a="",onChange:S,error:f,helperText:i,rows:x=3,loading:u=!1,maxLength:r,showCharCount:v=!1,autoResize:n=!1,required:$=!1,disabled:g=!1,className:b,...z})=>{const e=I(),[O,h]=A(!1),d=k(null),t=!!f,l=a.length,F=r&&l>r*.8,j=r&&l>r;B(()=>{if(n&&d.current){const c=d.current;c.style.height="auto",c.style.height=`${c.scrollHeight}px`}},[a,n]);const w=()=>h(!0),N=()=>h(!1);return s(m,{gap:"tight",children:[s(_,{htmlFor:e,style:{display:"block",fontSize:"var(--font-size-sm)",fontWeight:500,color:t?"var(--destructive-foreground)":g?"var(--muted-foreground)":"var(--foreground)"},children:[y,$&&o("span",{style:{color:"var(--destructive-foreground)",marginInlineStart:"var(--gap-sm)"},children:"*"})]}),s("div",{className:"dndev-relative",children:[o(E,{ref:d,id:e,value:a,onChange:S,onFocus:w,onBlur:N,disabled:g||u,maxLength:r,rows:n?1:x,"aria-describedby":p(t&&`${e}-error`,i&&!t&&`${e}-helper`,v&&`${e}-count`),"aria-invalid":t,className:p("dndev-w-full",n&&"dndev-overflow-hidden",b),"data-variant":t?"destructive":void 0,style:{resize:"none"},...z}),u&&o("div",{className:"dndev-absolute",style:{right:"var(--gap-md)",top:"var(--gap-md)"},children:o(C,{"aria-label":"Loading"})})]}),v&&r&&s("div",{id:`${e}-count`,style:{fontSize:"var(--font-size-xs)",textAlign:"right",color:j?"var(--destructive-foreground)":F?"var(--warning)":"var(--muted-foreground)"},children:[l,"/",r]}),t&&s(m,{as:"p",id:`${e}-error`,direction:"row",align:"center",gap:"tight",style:{fontSize:"var(--font-size-xs)",color:"var(--destructive-foreground)"},role:"alert",children:[o("span",{children:"\u26A0"}),f]}),i&&!t&&o("p",{id:`${e}-helper`,style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:i})]})};var G=H;export{G as default};

package/dist/components/form/fields/TextFieldComponent.js

@@ -1 +1 @@
-"use client";import{jsx as i,jsxs as n}from"react/jsx-runtime";import{useId as z}from"react";import{Input as $,cn as c,Stack as u}from"@donotdev/components";const S=({label:h,value:s="",onChange:v,error:d,helperText:a,type:g="text",loading:f=!1,maxLength:e,showCharCount:l=!1,required:C=!1,disabled:p=!1,className:m,...x})=>{const r=z(),t=!!d,o=s.length,b=e&&o>e*.8,y=e&&o>e;return n(u,{gap:"tight",children:[i($,{id:r,type:g,value:s,onChange:v,label:h,disabled:p||f,maxLength:e,"aria-describedby":c(t&&`${r}-error`,a&&!t&&`${r}-helper`,l&&`${r}-count`),"aria-invalid":t,className:c("dndev-w-full",m),"data-variant":t?"destructive":void 0,...x}),l&&e&&n("div",{id:`${r}-count`,style:{fontSize:"var(--font-size-xs)",textAlign:"right",color:y?"var(--destructive-foreground)":b?"var(--warning)":"var(--muted-foreground)"},children:[o,"/",e]}),t&&n(u,{id:`${r}-error`,direction:"row",align:"center",gap:"tight",style:{fontSize:"var(--font-size-xs)",color:"var(--destructive-foreground)"},role:"alert",children:[i("span",{children:"\u26A0"}),d]}),a&&!t&&i("p",{id:`${r}-helper`,style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:a})]})};var w=S;export{w as default};
+"use client";import{jsx as n,jsxs as s}from"react/jsx-runtime";import{useId as y}from"react";import{Input as S,cn as c,Stack as f}from"@donotdev/components";const j=({label:u,value:d="",onChange:v,error:a,helperText:t,type:p="text",loading:g=!1,maxLength:r,showCharCount:l=!1,required:x=!1,disabled:m=!1,className:z,...$})=>{const e=y(),i=!!a,o=d.length,b=r&&o>r*.8,h=r&&o>r;return s(f,{gap:"tight",children:[n(S,{id:e,type:p,value:d,onChange:v,label:u,disabled:m||g,maxLength:r,"aria-describedby":c(i&&`${e}-error`,t&&!i&&`${e}-helper`,l&&`${e}-count`),"aria-invalid":i,className:c("dndev-w-full",z),"data-variant":i?"destructive":void 0,...$}),l&&r&&s("div",{id:`${e}-count`,style:{fontSize:"var(--font-size-xs)",textAlign:"right",color:h?"var(--destructive-foreground)":b?"var(--warning)":"var(--muted-foreground)"},children:[o,"/",r]}),i&&s(f,{id:`${e}-error`,direction:"row",align:"center",gap:"tight",style:{fontSize:"var(--font-size-xs)",color:"var(--destructive-foreground)"},role:"alert",children:[n("span",{children:"\u26A0"}),a]}),t&&!i&&n("p",{id:`${e}-helper`,style:{fontSize:"var(--font-size-xs)",color:"var(--muted-foreground)"},children:t})]})};var k=j;export{k as default};

package/dist/components/form/fields/TimestampFieldComponent.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import i from"./DateFieldComponent";const u=({label:a,value:e,onChange:t,error:o,helperText:l,mode:n="datetime-local"})=>{const m=e?new Date(e).toISOString():"";return g(i,{label:a,value:m,onChange:r=>{if(r){const s={target:{value:new Date(r).toISOString()}};t(s)}else t({target:{value:""}})},error:o,helperText:l,mode:n})};var v=u;export{v as default};
+import{jsx as m}from"react/jsx-runtime";import d from"./DateFieldComponent";const h=({label:o,value:e,onChange:t,error:a,helperText:r,mode:s="datetime-local"})=>{const l=e?new Date(e).toISOString():"";return m(d,{label:o,value:l,onChange:n=>{if(n){const c={target:{value:new Date(n).toISOString()}};t(c)}else t({target:{value:""}})},error:a,helperText:r,mode:s})};var v=h;export{v as default};

package/dist/components/form/fields/index.d.ts

@@ -50,4 +50,6 @@ export { default as HiddenFieldComponent } from './HiddenFieldComponent';
 export type { HiddenFieldComponentProps } from './HiddenFieldComponent';
 export { default as PasswordFieldComponent } from './PasswordFieldComponent';
 export type { PasswordFieldComponentProps } from './PasswordFieldComponent';
+export { default as AddressFieldComponent } from './AddressFieldComponent';
+export type { AddressFieldComponentProps } from './AddressFieldComponent';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/index.ts"],"names":[],"mappings":"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"}

package/dist/components/form/fields/index.js

@@ -1 +1 @@
-import{default as o}from"./AvatarFieldComponent";import{default as e}from"./BadgeFieldComponent";import{default as t}from"./TextFieldComponent";import{default as a}from"./NumberFieldComponent";import{default as m}from"./DateFieldComponent";import{default as n}from"./CheckboxFieldComponent";import{default as r}from"./DropdownComponent";import{default as p}from"./MultiDropdownComponent";import{default as d}from"./FileFieldComponent";import{default as s}from"./ImageFieldComponent";import{default as i}from"./TextAreaComponent";import{default as f}from"./RadioFieldComponent";import{default as l}from"./RangeFieldComponent";import{default as u}from"./PhoneNumberComponent";import{default as C}from"./GeoPointFieldComponent";import{default as F}from"./MapFieldComponent";import{default as x}from"./TimestampFieldComponent";import{default as b}from"./ReferenceFieldComponent";import{default as w}from"./MultiInputTextFieldComponent";import{default as M}from"./ButtonFieldComponent";import{default as R}from"./HiddenFieldComponent";import{default as T}from"./PasswordFieldComponent";export{o as AvatarFieldComponent,e as BadgeFieldComponent,M as ButtonFieldComponent,n as CheckboxFieldComponent,m as DateFieldComponent,r as DropdownComponent,d as FileFieldComponent,C as GeoPointFieldComponent,R as HiddenFieldComponent,s as ImageFieldComponent,F as MapFieldComponent,p as MultiDropdownComponent,w as MultiInputTextFieldComponent,a as NumberFieldComponent,T as PasswordFieldComponent,u as PhoneNumberComponent,f as RadioFieldComponent,l as RangeFieldComponent,b as ReferenceFieldComponent,i as TextAreaComponent,t as TextFieldComponent,x as TimestampFieldComponent};
+import{default as t}from"./AvatarFieldComponent";import{default as n}from"./BadgeFieldComponent";import{default as d}from"./TextFieldComponent";import{default as p}from"./NumberFieldComponent";import{default as l}from"./DateFieldComponent";import{default as s}from"./CheckboxFieldComponent";import{default as i}from"./DropdownComponent";import{default as F}from"./MultiDropdownComponent";import{default as b}from"./FileFieldComponent";import{default as w}from"./ImageFieldComponent";import{default as D}from"./TextAreaComponent";import{default as P}from"./RadioFieldComponent";import{default as c}from"./RangeFieldComponent";import{default as B}from"./PhoneNumberComponent";import{default as N}from"./GeoPointFieldComponent";import{default as v}from"./MapFieldComponent";import{default as H}from"./TimestampFieldComponent";import{default as q}from"./ReferenceFieldComponent";import{default as z}from"./MultiInputTextFieldComponent";import{default as J}from"./ButtonFieldComponent";import{default as L}from"./HiddenFieldComponent";import{default as Q}from"./PasswordFieldComponent";import{default as U}from"./AddressFieldComponent";export{U as AddressFieldComponent,t as AvatarFieldComponent,n as BadgeFieldComponent,J as ButtonFieldComponent,s as CheckboxFieldComponent,l as DateFieldComponent,i as DropdownComponent,b as FileFieldComponent,N as GeoPointFieldComponent,L as HiddenFieldComponent,w as ImageFieldComponent,v as MapFieldComponent,F as MultiDropdownComponent,z as MultiInputTextFieldComponent,p as NumberFieldComponent,Q as PasswordFieldComponent,B as PhoneNumberComponent,P as RadioFieldComponent,c as RangeFieldComponent,q as ReferenceFieldComponent,D as TextAreaComponent,d as TextFieldComponent,H as TimestampFieldComponent};

package/dist/components/index.js

@@ -1 +1 @@
-import{default as r}from"./CrudButton";import{EntityFormRenderer as e}from"./EntityFormRenderer";import{FormFieldRenderer as o}from"./FormFieldRenderer";import{default as m}from"./FormLayout";export*from"./ControlledFields";export*from"./form/fields";export{r as CrudButton,e as EntityFormRenderer,o as FormFieldRenderer,m as FormLayout};
+import{default as e}from"./CrudButton";import{EntityFormRenderer as m}from"./EntityFormRenderer";import{FormFieldRenderer as d}from"./FormFieldRenderer";import{default as x}from"./FormLayout";export*from"./ControlledFields";export*from"./form/fields";export{e as CrudButton,m as EntityFormRenderer,d as FormFieldRenderer,x as FormLayout};

package/dist/index.js

@@ -1 +1 @@
-export*from"./useCrud";export*from"./components";import{getCrudService as e}from"./CrudService";import{loadDeterministicRange as i,upsertDeterministic as r,appendToCollection as t}from"./utils/collections";export{t as appendToCollection,e as getCrudService,i as loadDeterministicRange,r as upsertDeterministic};
+export*from"./useCrud";export*from"./components";import{getCrudService as i}from"./CrudService";import{loadDeterministicRange as m,upsertDeterministic as n,appendToCollection as c}from"./utils/collections";export{c as appendToCollection,i as getCrudService,m as loadDeterministicRange,n as upsertDeterministic};