admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{forms-BrVikK1p.js → forms-BukyUSKs.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Lr as i,hr as a,mr as o,r as s,t as c}from"./example-BIrQab7K.js";import{t as l}from"./box-mt6TbZO6.js";import{t as u}from"./camera-CGKLOOep.js";import{t as d}from"./circle-Dy08kACD.js";import{t as f}from"./clock-DuBsP5t3.js";import{t as p}from"./dropzone-Bl7RO_Uk.js";import{t as m}from"./password-input-BVaUPw7a.js";import{t as h}from"./globe-BJHI134i.js";import{a as g,c as _,d as v,f as y,i as b,l as x,m as S,n as C,p as w,r as T,s as E,t as D}from"./sortable.esm-CoekVJlU.js";import{t as O}from"./lock-Dn4-vUBz.js";import{t as k}from"./mail-w1nhszbW.js";import{t as A}from"./plus-DkHZm34I.js";import{t as j}from"./shield-CcR2q5u_.js";import{t as M}from"./star-DK5onZCp.js";import{t as N}from"./trash-2-OsaEm8cc.js";import{t as P}from"./x-BqJnRkKw.js";import{t as ee}from"./zap-DHBVTfYZ.js";import{i as te,k as F,n as I,s as ne}from"./index-Cz4UGUT2.js";import{a as re,i as ie,n as ae,o as oe,r as se,t as ce}from"./select-BG_Iad8E.js";import{t as L}from"./props-table-BR-KjRNe.js";import{t as R}from"./label-BlCKlLE-.js";import{t as le}from"./text-link-DT-nOORV.js";import{a as ue,i as z,n as B,r as de}from"./index.esm-Ducg7a0P.js";import{t as fe}from"./checkbox-fwuAAaUZ.js";import{i as pe,n as me,t as V}from"./form-sizing-DHUDpiPA.js";import{t as H}from"./input-BPDdWrB1.js";import{t as U}from"./textarea-BGHGV17m.js";import{t as he}from"./select-t6dryszf.js";import{i as W,n as ge,r as _e,t as ve}from"./tags-input-DRlg3zQH.js";import{t as ye}from"./switch-arjWj-n7.js";import{t as be}from"./slider-Cp4m3NTK.js";import{i as xe,n as Se,r as Ce,t as we}from"./card-radio-group-Du6yaMZ-.js";import{n as Te,r as Ee,t as De}from"./RadioGroup-C-0MNAYY.js";import{i as Oe,t as ke}from"./popover-BSB11Qjp.js";import{t as Ae}from"./popover-CECpX3MQ.js";import{n as je,t as Me}from"./date-picker-CbYq8wZ7.js";import{n as G,t as Ne}from"./form-field-Cxm4APa9.js";var K=t(n(),1),q=ne();function Pe(e,{separator:t=`-`,lowercase:n=!0,trim:r=!0}={}){let i=t||`-`,a=i.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),o=String(e??``).normalize(`NFKD`).replace(/[\u0300-\u036f]/g,``).replace(/&/g,` and `).replace(/['’]/g,``);return n&&(o=o.toLowerCase()),o=o.replace(/[^\p{Letter}\p{Number}]+/gu,i).replace(RegExp(`${a}{2,}`,`g`),i),r&&(o=o.replace(RegExp(`^${a}|${a}$`,`g`),``)),o}var Fe=K.forwardRef(function({value:e,slugify:t,separator:n=`-`,lowercase:r=!0,trim:i=!0,wrapperClassName:a,className:o,...s},c){let l=K.useMemo(()=>t?.(e)??Pe(e,{separator:n,lowercase:r,trim:i}),[r,n,t,i,e]);return(0,q.jsx)(`div`,{className:I(`slug-field--component`,a),children:(0,q.jsx)(H,{ref:c,...s,type:`text`,value:l,readOnly:!0,className:o})})});Fe.displayName=`SlugField`;var Ie={prefixPlaceholder:`Prefix`},Le={US:{value:`+1`,label:`United States`,iso:`US`},CA:{value:`+1`,label:`Canada`,iso:`CA`},AU:{value:`+61`,label:`Australia`,iso:`AU`},BG:{value:`+359`,label:`Bulgaria`,iso:`BG`},GR:{value:`+30`,label:`Greece`,iso:`GR`},GB:{value:`+44`,label:`United Kingdom`,iso:`GB`},DE:{value:`+49`,label:`Germany`,iso:`DE`},FR:{value:`+33`,label:`France`,iso:`FR`},IT:{value:`+39`,label:`Italy`,iso:`IT`},ES:{value:`+34`,label:`Spain`,iso:`ES`},NL:{value:`+31`,label:`Netherlands`,iso:`NL`},BE:{value:`+32`,label:`Belgium`,iso:`BE`},AT:{value:`+43`,label:`Austria`,iso:`AT`},CH:{value:`+41`,label:`Switzerland`,iso:`CH`},PL:{value:`+48`,label:`Poland`,iso:`PL`},RO:{value:`+40`,label:`Romania`,iso:`RO`},RS:{value:`+381`,label:`Serbia`,iso:`RS`},HR:{value:`+385`,label:`Croatia`,iso:`HR`},SI:{value:`+386`,label:`Slovenia`,iso:`SI`},MK:{value:`+389`,label:`North Macedonia`,iso:`MK`},TR:{value:`+90`,label:`Turkey`,iso:`TR`},RU:{value:`+7`,label:`Russia`,iso:`RU`},UA:{value:`+380`,label:`Ukraine`,iso:`UA`},SK:{value:`+421`,label:`Slovakia`,iso:`SK`},CZ:{value:`+420`,label:`Czech Republic`,iso:`CZ`},HU:{value:`+36`,label:`Hungary`,iso:`HU`},PT:{value:`+351`,label:`Portugal`,iso:`PT`},IE:{value:`+353`,label:`Ireland`,iso:`IE`},SE:{value:`+46`,label:`Sweden`,iso:`SE`},NO:{value:`+47`,label:`Norway`,iso:`NO`},DK:{value:`+45`,label:`Denmark`,iso:`DK`},FI:{value:`+358`,label:`Finland`,iso:`FI`},CY:{value:`+357`,label:`Cyprus`,iso:`CY`},AL:{value:`+355`,label:`Albania`,iso:`AL`},ME:{value:`+382`,label:`Montenegro`,iso:`ME`},BA:{value:`+387`,label:`Bosnia and Herzegovina`,iso:`BA`},XK:{value:`+383`,label:`Kosovo`,iso:`XK`},MD:{value:`+373`,label:`Moldova`,iso:`MD`},BY:{value:`+375`,label:`Belarus`,iso:`BY`},LT:{value:`+370`,label:`Lithuania`,iso:`LT`},LV:{value:`+371`,label:`Latvia`,iso:`LV`},EE:{value:`+372`,label:`Estonia`,iso:`EE`}},Re=[`US`,`CA`,`GB`,`DE`,`FR`,`IT`,`ES`,`AU`],ze=e=>typeof e==`string`?Le[e.toUpperCase()]??null:e,Be=e=>e.map(ze).filter(e=>e!==null),Ve=(e,t)=>{let n=e.trim().replace(/\s+/g,` `).replace(/[^\d ()+-]/g,``);return t&&n.startsWith(t)&&(n=n.slice(t.length).replace(/^[\s-]+/,``)),t&&n.startsWith(`0`)&&(n=n.slice(1)),n},He=(e,t)=>e?e.startsWith(`+`)?e:Le[e.toUpperCase()]?.value??e:t[0]?.value??``;function Ue({normalizeOnBlur:e=!0,onBlur:t,onChange:n,prefix:a,defaultPrefix:o,prefixes:s=Re,onPrefixChange:c,disablePrefixSelector:l=!1,prefixPlaceholder:u,prefixWidth:d=`w-[120px]`,showCountryName:f=!0,showPrefixInDropdown:p=!0,invalid:m,disabled:h,className:g,size:_,strings:v,...y},b){let{defaultControlSize:x}=i(),S=pe(_,x),C=F(Ie,v),w=(0,K.useMemo)(()=>Be(s),[s]),[T,E]=(0,K.useState)((0,K.useMemo)(()=>He(o,w),[o,w])),D=a!==void 0,O=D?He(a,w):T,k=(0,K.useMemo)(()=>w.find(e=>e.value===O),[w,O]),A=(0,K.useCallback)(e=>{e!==null&&(D||E(e),c?.(e))},[D,c]),j=(0,K.useCallback)(e=>{if(!n)return;let t=e.target.value;if(O&&t.startsWith(O)){let r=t.slice(O.length).replace(/^[\s-]+/,``),i=r.startsWith(`0`)?r.slice(1):r;if(i!==t){n({...e,target:{...e.target,value:i},currentTarget:{...e.currentTarget,value:i}});return}}n(e)},[n,O]),M=(0,K.useCallback)(r=>{if(e&&typeof n==`function`){let e=Ve(r.target.value,O);e!==r.target.value&&n({...r,target:{...r.target,value:e},currentTarget:{...r.currentTarget,value:e}})}t?.(r)},[e,n,t,O]);if(w.length===0||l){let e=O||o;return e?(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(`div`,{"aria-invalid":m||void 0,className:I(`flex items-center justify-center rounded-md border border-input bg-muted px-3`,me[S],h&&`opacity-50`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`),children:(0,q.jsx)(r,{tag:`span`,type:`secondary`,weight:`medium`,children:e})}),(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:g,...y})})]}):(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:I(`phone-input--component`,g),...y})}return(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsxs)(ce,{value:O,onValueChange:e=>A(e),disabled:h,children:[(0,q.jsx)(re,{"aria-invalid":m||void 0,className:I(`border-input bg-transparent shrink-0 !shadow-none`,me[S],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,d,h&&`opacity-50 cursor-not-allowed`),children:(0,q.jsx)(oe,{placeholder:u??C.prefixPlaceholder,children:!!k&&(0,q.jsx)(r,{tag:`span`,children:k.value})})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:w.map(e=>(0,q.jsx)(ie,{value:e.value,children:(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!p&&(0,q.jsx)(r,{tag:`span`,weight:`medium`,className:`min-w-[50px]`,children:e.value}),!!f&&(0,q.jsx)(r,{tag:`span`,type:`secondary`,lineHeight:`tight`,children:e.label})]})},e.value))})})]}),(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:g,...y})})]})}var We=(0,K.memo)(K.forwardRef(Ue));We.displayName=`PhoneInput`;var Ge=(0,K.forwardRef)(function({decimalPlaces:e=2,min:t=0,max:n=100,step:r,...i},a){return(0,q.jsx)(W,{className:`percentage-input--component`,ref:a,decimalPlaces:e,allowNegative:!1,min:t,max:n,step:r,endAddon:`%`,...i})});Ge.displayName=`PercentageInput`;function Ke({name:e,id:t,value:n,defaultValue:i,min:a=0,max:o=100,step:s=1,disabled:c=!1,invalid:l=!1,onChange:u,onValueChange:d,onValueCommitted:f,showValue:p=!1,formatValue:m,unit:h,className:g,orientation:_=`horizontal`},v){let y=(0,K.useId)(),b=t??`slider-${y}`,x=e??b,S=(0,K.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;d?.(t),u?.({target:{name:x,value:t}})},[x,u,d]),C=(0,K.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;f?.(t)},[f]),w=(0,K.useMemo)(()=>{if(!p)return null;let e=n??i??a;return m?m(e):h?`${e}${h}`:String(e)},[p,n,i,a,m,h]),T=n===void 0?void 0:[n],E=i===void 0?[a]:[i];return(0,q.jsxs)(`div`,{className:I(`slider--component`,`flex items-center gap-3`,g),children:[(0,q.jsx)(be,{ref:v,id:b,value:T,defaultValue:E,min:a,max:o,step:s,disabled:c,orientation:_,onValueChange:S,onValueCommitted:C,"aria-invalid":l||void 0,className:I(`min-w-0 flex-1`,l&&`[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive`)}),!!p&&w!==null&&(0,q.jsx)(r,{tag:`span`,type:l?`error`:`secondary`,className:`min-w-[3ch] shrink-0 text-right tabular-nums`,children:w})]})}var qe=K.forwardRef(Ke);qe.displayName=`SliderField`;function Je({options:e,value:t,defaultValue:n,onChange:a,name:o,invalid:s,disabled:c,size:l,className:u}){let{defaultControlSize:f}=i(),p=Ce[pe(l,f)];return(0,q.jsx)(De,{value:t,defaultValue:n,onValueChange:e=>e&&a?.(e),name:o,disabled:c,"aria-invalid":s||void 0,className:I(`list-radio-group--component`,`overflow-hidden rounded-md border [&>[role=radio]~[role=radio]]:border-t`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,c&&`pointer-events-none opacity-50`,u),children:e.map(e=>(0,q.jsxs)(Ee,{value:e.value,disabled:c||e.disabled,className:I(`group flex w-full items-start gap-3 text-start outline-none cursor-pointer`,`transition-colors hover:bg-muted/40 focus-visible:bg-muted/40`,`data-[checked]:bg-primary/10`,`disabled:cursor-not-allowed disabled:opacity-50`,p),children:[(0,q.jsx)(`div`,{className:`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-primary group-data-[checked]:border-primary group-not-data-[checked]:border-muted-foreground/50`,children:(0,q.jsx)(Te,{render:(0,q.jsx)(d,{className:`h-2.5 w-2.5 fill-primary text-primary`})})}),(0,q.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,q.jsx)(r,{tag:`span`,weight:`medium`,lineHeight:`tight`,className:`block`,children:e.label}),!!e.description&&(0,q.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`block mt-0.5`,children:e.description})]})]},e.value))})}Je.displayName=`ListRadioGroup`;var Ye={USD:`$`,EUR:`€`,GBP:`£`,BGN:`лв`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`},Xe=e=>!e||e.length===0?[]:e.map(e=>typeof e==`string`?{value:e,label:`${Ye[e]||e} ${e}`}:e);function Ze({currency:e,defaultCurrency:t,currencies:n,onCurrencyChange:r,currencyPosition:a=`start`,disableCurrencySelector:o=!1,currencyPlaceholder:s,currencyWidth:c=`w-28`,currencyLabel:l,invalid:u,disabled:d,onConfigError:f,size:p,...m},h){let{defaultControlSize:g}=i(),_=pe(p,g),v=(0,K.useMemo)(()=>Xe(n),[n]),[y,b]=(0,K.useState)(t??v[0]?.value??``),x=e!==void 0,S=x?e:y;(0,K.useEffect)(()=>{let n={currency:e,defaultCurrency:t,disableCurrencySelector:o};o&&typeof e==`string`&&typeof t==`string`&&e.trim()!==``&&t.trim()!==``&&e!==t&&f?.(`[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.`,n),o&&(typeof S!=`string`||S.trim().length===0)&&f?.(`[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.`,n)},[e,t,o,f,S]);let C=(0,K.useCallback)(e=>{e!==null&&(x||b(e),r?.(e))},[x,r]),w=(0,K.useMemo)(()=>I(`border-input bg-transparent !shadow-none`,me[_],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,c,d&&`opacity-50 cursor-not-allowed`),[_,c,d]),T=(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!l&&(0,q.jsx)(R,{className:`leading-6`,children:l}),(0,q.jsxs)(ce,{value:S,onValueChange:e=>C(e),disabled:d||o,children:[(0,q.jsx)(re,{"aria-invalid":u||void 0,className:w,children:(0,q.jsx)(oe,{placeholder:s??``})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:v.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]});return(0,q.jsxs)(`div`,{className:I(`currency-input--component`,`flex items-start gap-2`),children:[a===`start`&&T,(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(W,{ref:h,size:_,decimalPlaces:2,allowNegative:!1,disabled:d,invalid:u,...m})}),a===`end`&&T]})}var Qe=(0,K.memo)((0,K.forwardRef)(Ze));Qe.displayName=`CurrencyInput`;var $e=[`USD`,`EUR`],et=(0,K.forwardRef)(function({currencies:e=$e,onCurrencyChange:t,currency:n,defaultCurrency:r,...i},a){return(0,q.jsx)(Qe,{className:`money-input--component`,ref:a,currencies:e,currency:n,defaultCurrency:r,onCurrencyChange:(0,K.useCallback)(e=>{t?.(e)},[t]),...i})});et.displayName=`MoneyInput`;var tt=[`floor`,`half_up`,`ceil`];function nt({value:e,onChange:t,labels:n,placeholder:r,...i}){return(0,q.jsx)(he,{className:`rounding-mode-select--component`,options:(0,K.useMemo)(()=>tt.map(e=>({value:e,label:n?.[e]??e})),[n]),value:e,onChange:(0,K.useCallback)(e=>{t?.(e)},[t]),placeholder:r,...i})}nt.displayName=`RoundingModeSelect`;var rt={placeholder:`Select an item`},it=`__rich_select_empty__`,at=(0,K.forwardRef)(({options:e,placeholder:t,strings:n,onChange:a,className:o,disabled:s,defaultOpen:c,open:l,onOpenChange:u,name:d,required:f,value:p,defaultValue:m,allowClear:h=!1,invalid:g,size:_},v)=>{let{defaultControlSize:y}=i(),b=pe(_,y),x=F(rt,n),S=t??x.placeholder,C=(0,K.useCallback)(e=>{if(e!==it)return e===``||e==null?h?it:void 0:e},[h]),w=(0,K.useCallback)(e=>{if(e!==it)return e},[]),T=(0,K.useMemo)(()=>{let t=e.map(e=>({...e,value:C(e.value)??``}));return h&&(t.some(e=>e.label===S)||t.unshift({label:S,value:it})),t},[e,h,S,C]),E=(0,K.useMemo)(()=>C(p??void 0),[p,C]),D=(0,K.useMemo)(()=>C(m??void 0),[m,C]),O=p!==void 0,[k,A]=(0,K.useState)(D),j=O?E:k,M=(0,K.useMemo)(()=>T.find(e=>e.value===j),[j,T]),N=(0,K.useCallback)(e=>{e!=null&&(O||A(e),a?.(w(e)))},[O,a,w]),P=I(`border-input bg-transparent w-full rounded-radius border outline-none transition-[color,box-shadow] !shadow-none`,me[b],V[b],`h-auto py-2`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:text-destructive`,`disabled:cursor-not-allowed disabled:opacity-50`,o),ee=O?{value:E}:{};return(0,q.jsxs)(ce,{onValueChange:e=>N(e),disabled:s,defaultOpen:c,open:l,onOpenChange:u,name:d,required:f,defaultValue:D,...ee,children:[(0,q.jsx)(re,{ref:v,className:I(`rich-select--component`,P),"aria-invalid":g,children:M?(0,q.jsx)(r,{tag:`span`,className:`text-left break-words whitespace-normal`,children:M.label}):(0,q.jsx)(oe,{placeholder:S})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:T.map(e=>(0,q.jsx)(ie,{value:e.value,disabled:e.disabled,children:(0,q.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[!!e.icon&&(0,q.jsx)(`span`,{className:`w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5`,children:e.icon}),(0,q.jsxs)(`div`,{className:`flex flex-col min-w-0 text-left flex-1`,children:[(0,q.jsx)(r,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,q.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,lineHeight:`tight`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]})},e.value))})})]})});at.displayName=`RichSelect`;var ot={width:`Width`,height:`Height`,depth:`Depth`,unit:`Unit`,widthPlaceholder:`0.00`,heightPlaceholder:`0.00`,depthPlaceholder:`0.00`},st=[{value:`g`,label:`g (grams)`},{value:`kg`,label:`kg (kilograms)`}],ct=(e,t)=>{if(!e)return{width:``,height:``,depth:``};if(t===`string`&&typeof e==`string`){let t=e.split(`x`).map(e=>e.trim());return{width:t[0]||``,height:t[1]||``,depth:t[2]||``}}return t===`object`&&typeof e==`object`?{width:e.width||``,height:e.height||``,depth:e.depth||``}:{width:``,height:``,depth:``}},lt=(e,t,n,r)=>r===`string`?`${e}x${t}x${n}`:{width:e,height:t,depth:n};function ut({value:e,defaultValue:t,format:n=`string`,unit:a,defaultUnit:o=`g`,widthLabel:s,heightLabel:c,depthLabel:l,unitLabel:u,unitPlaceholder:d,widthPlaceholder:f,heightPlaceholder:p,depthPlaceholder:m,onChange:h,onUnitChange:g,decimalPlaces:_=2,min:v=0,max:y,showUnitSelector:b=!0,disableUnitSelector:x=!1,layout:S=`horizontal`,invalid:C,disabled:w=!1,className:T,size:E,strings:D}){let{defaultControlSize:O}=i(),k=pe(E,O),A=F(ot,D),j=s??A.width,M=c??A.height,N=l??A.depth,P=d??A.unit,ee=f??A.widthPlaceholder,te=p??A.heightPlaceholder,ne=m??A.depthPlaceholder,L=S===`horizontal`,le=S===`vertical`,ue=b===!0,z=(u??``).length>0,B=le?j:``,de=le?M:``,fe=le?N:``,V=e!==void 0,H=a!==void 0,U=ct(V?e:t,n),[he,ge]=(0,K.useState)(U.width),[_e,ve]=(0,K.useState)(U.height),[ye,be]=(0,K.useState)(U.depth),[xe,Se]=(0,K.useState)(a||o),Ce=ct(e,n),we=V?Ce.width:he,Te=V?Ce.height:_e,Ee=V?Ce.depth:ye,De=H?a:xe;(0,K.useEffect)(()=>{if(V){let t=ct(e,n);ge(t.width),ve(t.height),be(t.depth)}},[e,n,V]);let Oe=(0,K.useCallback)((e,t)=>{let r=we,i=Te,a=Ee;e===`width`&&(r=t),e===`height`&&(i=t),e===`depth`&&(a=t),V||(ge(r),ve(i),be(a));let o=lt(r,i,a,n);h?.({target:{value:o}})},[we,Te,Ee,V,n,h]),ke=(0,K.useCallback)(e=>{if(e===null)return;let t=e;H||Se(t),g?.(t)},[H,g]),Ae=(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!z&&(0,q.jsx)(R,{className:`leading-6`,children:u}),(0,q.jsxs)(ce,{value:De,onValueChange:e=>ke(e),disabled:w||x,children:[(0,q.jsx)(re,{"aria-invalid":C||void 0,className:I(`border-input bg-transparent !shadow-none`,me[k],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,`w-32`,w&&`opacity-50 cursor-not-allowed`),children:(0,q.jsx)(oe,{placeholder:P})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:st.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]});return(0,q.jsx)(`div`,{className:I(`dimensions-input--component`,`space-y-2`,T),children:(0,q.jsxs)(`div`,{className:I(`flex gap-2`,S===`vertical`?`flex-col`:`flex-row items-start`),children:[(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!B&&(0,q.jsx)(R,{children:B}),(0,q.jsx)(W,{size:k,value:we,onChange:e=>Oe(`width`,e.target.value),placeholder:ee,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":j}),!!L&&(0,q.jsx)(r,{size:`xs`,type:`secondary`,className:`text-center`,children:j})]}),S===`horizontal`&&(0,q.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,q.jsx)(r,{tag:`span`,type:`secondary`,children:`×`})}),(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!de&&(0,q.jsx)(R,{children:de}),(0,q.jsx)(W,{size:k,value:Te,onChange:e=>Oe(`height`,e.target.value),placeholder:te,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":M}),!!L&&(0,q.jsx)(r,{size:`xs`,type:`secondary`,className:`text-center`,children:M})]}),S===`horizontal`&&(0,q.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,q.jsx)(r,{tag:`span`,type:`secondary`,children:`×`})}),(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!fe&&(0,q.jsx)(R,{children:fe}),(0,q.jsx)(W,{size:k,value:Ee,onChange:e=>Oe(`depth`,e.target.value),placeholder:ne,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":N}),!!L&&(0,q.jsx)(r,{size:`xs`,type:`secondary`,className:`text-center`,children:N})]}),!!ue&&(0,q.jsxs)(`div`,{className:I(S===`vertical`?`w-full`:`w-32 pt-0`),children:[Ae,!!L&&!z&&(0,q.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 text-center`,children:P})]})]})})}ut.displayName=`DimensionsInput`;var dt={unitLabel:``,unitPlaceholder:``},ft=[{value:`g`,label:`g`},{value:`kg`,label:`kg`},{value:`lb`,label:`lb`},{value:`oz`,label:`oz`}];function pt({value:e,defaultValue:t,unit:n,defaultUnit:r=`g`,onChange:a,onUnitChange:o,decimalPlaces:s=2,min:c=0,max:l,showUnitSelector:u=!0,disableUnitSelector:d=!1,unitLabel:f,unitPlaceholder:p,unitWidth:m=`w-24`,strings:h,invalid:g,disabled:_=!1,size:v,className:y}){let{defaultControlSize:b}=i(),x=pe(v,b),S=F(dt,{...f===void 0?{}:{unitLabel:f},...p===void 0?{}:{unitPlaceholder:p},...h}),C=e!==void 0,w=n!==void 0,[T,E]=(0,K.useState)(t??``),[D,O]=(0,K.useState)(n??r),k=C?e??``:T,A=w?n??r:D,j=(0,K.useCallback)(e=>{C||E(e.target.value),a?.({target:{value:e.target.value}})},[C,a]),M=(0,K.useCallback)(e=>{if(e===null)return;let t=e;w||O(t),o?.(t)},[w,o]),N=(0,K.useMemo)(()=>ft,[]),P=S.unitLabel!==``;return(0,q.jsxs)(`div`,{className:I(`weight-input--component`,`flex items-start gap-2`,y),children:[(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(W,{size:x,value:k,onChange:j,decimalPlaces:s,allowNegative:!1,min:c,max:l,disabled:_,invalid:g})}),!!u&&(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!P&&(0,q.jsx)(R,{className:`leading-6`,children:S.unitLabel}),(0,q.jsxs)(ce,{value:A,onValueChange:e=>M(e),disabled:_||d,children:[(0,q.jsx)(re,{"aria-invalid":g||void 0,className:I(`border-input bg-transparent !shadow-none`,me[x],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,(_||d)&&`opacity-50 cursor-not-allowed`,m),children:(0,q.jsx)(oe,{placeholder:S.unitPlaceholder||void 0})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:N.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]})]})}pt.displayName=`WeightInput`;var mt={latLabel:``,lngLabel:``,latPlaceholder:``,lngPlaceholder:``,previewLinkLabel:``},ht=(e,t)=>{if(!e)return{lat:``,lng:``};if(t===`string`&&typeof e==`string`){let[t,n]=e.split(`,`).map(e=>e.trim());return{lat:t??``,lng:n??``}}return t===`object`&&typeof e==`object`?{lat:e.lat??``,lng:e.lng??``}:{lat:``,lng:``}},gt=(e,t,n)=>n===`string`?`${e},${t}`:{lat:e,lng:t},_t=(e,t,n)=>{if(!e)return!1;let r=Number(e);return Number.isFinite(r)&&r>=t&&r<=n};function vt({value:e,defaultValue:t,format:n=`object`,onChange:r,latLabel:i,lngLabel:a,latPlaceholder:o,lngPlaceholder:s,decimalPlaces:c=6,showPreviewLink:l=!0,previewLinkLabel:u,strings:d,invalid:f,className:p,disabled:m}){let h=F(mt,{...i===void 0?{}:{latLabel:i},...a===void 0?{}:{lngLabel:a},...o===void 0?{}:{latPlaceholder:o},...s===void 0?{}:{lngPlaceholder:s},...u===void 0?{}:{previewLinkLabel:u},...d}),g=e!==void 0,_=ht(g?e:t,n),[v,y]=(0,K.useState)(_.lat),[b,x]=(0,K.useState)(_.lng),S=ht(e,n),C=g?S.lat:v,w=g?S.lng:b;(0,K.useEffect)(()=>{g&&(y(S.lat),x(S.lng))},[g,S.lat,S.lng]);let T=(0,K.useCallback)((e,t)=>{g||(y(e),x(t)),r?.({target:{value:gt(e,t,n)}})},[g,r,n]),E=(0,K.useMemo)(()=>{let e=_t(C,-90,90),t=_t(w,-180,180);return!e||!t?null:`https://www.google.com/maps?q=${encodeURIComponent(`${C},${w}`)}`},[C,w]);return(0,q.jsxs)(`div`,{className:I(`coordinates-input--component`,`space-y-3`,p),children:[(0,q.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:[(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!h.latLabel&&(0,q.jsx)(R,{children:h.latLabel}),(0,q.jsx)(W,{placeholder:h.latPlaceholder||void 0,value:C,onChange:e=>T(e.target.value,w),decimalPlaces:c,allowNegative:!0,min:-90,max:90,invalid:f,disabled:m})]}),(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!h.lngLabel&&(0,q.jsx)(R,{children:h.lngLabel}),(0,q.jsx)(W,{placeholder:h.lngPlaceholder||void 0,value:w,onChange:e=>T(C,e.target.value),decimalPlaces:c,allowNegative:!0,min:-180,max:180,invalid:f,disabled:m})]})]}),!!l&&!!E&&!!h.previewLinkLabel&&(0,q.jsx)(le,{href:E,type:`secondary`,underline:!1,children:h.previewLinkLabel})]})}vt.displayName=`CoordinatesInput`;function yt({value:e,onChange:t,placeholder:n,readableFormat:r=`dd-MM-yyyy HH:mm`,stepMinutes:i=30,modal:a=!0,invalid:o,disabled:s}){let c=e?new Date(e):void 0;return(0,q.jsx)(Me,{className:`date-time-input--component`,mode:`single`,disabled:s,error:o?` `:void 0,placeholder:n,value:c,onChange:(0,K.useCallback)(e=>{t?.(e.date?e.date.toISOString():void 0)},[t]),readableFormat:r,withTime:{enabled:!0,format:`24`,step:i},modal:a})}yt.displayName=`DateTimeInput`;var bt={placeholder:`Select time`,dialogTitle:`Select Time`,hours:`Hours`,minutes:`Minutes`,seconds:`Seconds`,now:`Now`,done:`Done`,hoursPlaceholder:`HH`,minutesPlaceholder:`MM`,secondsPlaceholder:`SS`,am:`AM`,pm:`PM`},J=e=>String(e).padStart(2,`0`),Y=e=>{let t=e.trim();if(t===``)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)?n:null},X=(e,t,n)=>Math.min(Math.max(e,t),n),xt=e=>(e??``).replace(/\D/g,``).slice(0,2),St=(e,t)=>{if(!Number.isFinite(t)||t<=0||t===1)return e;let n=e%t,r=n>=Math.max(1,Math.floor(t*.8)),i=e-n,a=r?i+t:i;return a>=60?0:a};function Ct({className:e,value:t=`00:00:00`,onChange:n,invalid:i,disabled:a,placeholder:o,dialogTitle:c,hoursLabel:l,minutesLabel:u,secondsLabel:d,nowLabel:p,doneLabel:m,format:h=`24`,minuteStep:g=5,showSeconds:_=!0,strings:v}){let y=(0,K.useId)(),b=F(bt,{...o===void 0?{}:{placeholder:o},...c===void 0?{}:{dialogTitle:c},...l===void 0?{}:{hours:l},...u===void 0?{}:{minutes:u},...d===void 0?{}:{seconds:d},...p===void 0?{}:{now:p},...m===void 0?{}:{done:m},...v??{}}),x=(0,K.useCallback)((e,t)=>{let n=Y(e??``)??0;return h===`12`?{hours:J(n>12?12:X(n===0?12:n,1,12)),meridiem:t}:{hours:J(n>24?24:X(n,0,24)),meridiem:t}},[h]),S=(0,K.useCallback)(e=>{let t=Y(e??``)??0;return t>59&&(t=0),t=St(X(t,0,59),g),J(t)},[g]),C=(0,K.useCallback)(e=>{let t=Y(e??``)??0;return t>59&&(t=0),t=X(t,0,59),J(t)},[]),w=(0,K.useCallback)((e,t,n,r)=>{let i=Y(e)??0,a=Y(t)??0;a>59&&(a=0),a=St(X(a,0,59),g);let o=_?Y(n)??0:0;if(o>59&&(o=0),o=_?X(o,0,59):0,h===`12`){let e=i>12?12:X(i===0?12:i,1,12);return`${J(r===`AM`?e===12?0:e:e===12?12:e+12)}:${J(a)}:${J(o)}`}return`${J(i>24?24:X(i,0,24))}:${J(a)}:${J(o)}`},[h,g,_]),T=(0,K.useCallback)(e=>{let[t=`00`,n=`00`,r=`00`]=(e??``).split(`:`),i=_?r:`00`;return{hours:xt(t),minutes:xt(n),seconds:xt(i)}},[_]),[E,D]=(0,K.useState)(!1),[O,k]=(0,K.useState)(()=>T(t)),[A,j]=(0,K.useState)(()=>{let[e=`00`]=(t??``).split(`:`);return(Y(e)??0)>=12?`PM`:`AM`}),M=(0,K.useRef)({});(0,K.useEffect)(()=>{if(E)return;k(T(t));let[e=`00`]=(t??``).split(`:`);j((Y(e)??0)>=12?`PM`:`AM`)},[E,T,t]);let N=(e,t)=>{let r=xt(t);k(t=>({...t,[e]:r})),M.current[e]&&window.clearTimeout(M.current[e]),M.current[e]=window.setTimeout(()=>{k(t=>{let r={...t};if(e===`hours`){let e=(r.hours??``).trim();e.length===1&&(r.hours=`0${e}`),(r.hours??``).trim().length===2&&(r.hours=x(r.hours,A).hours)}if(e===`minutes`){let e=(r.minutes??``).trim();e.length===1&&(r.minutes=`0${e}`),(r.minutes??``).trim().length===2&&(r.minutes=S(r.minutes))}if(e===`seconds`){let e=(r.seconds??``).trim();e.length===1&&(r.seconds=`0${e}`),(r.seconds??``).trim().length===2&&(r.seconds=C(r.seconds))}let i=w(r.hours,r.minutes,r.seconds,A);n?.(i);let[a=`00`,o=`00`,s=`00`]=i.split(`:`);return h===`12`?r.hours=J((Y(a)??0)%12||12):r.hours=a,r.minutes=o,r.seconds=s,r})},400)},P=e=>{M.current[e]&&window.clearTimeout(M.current[e]),k(e=>{let t={...e};t.hours=x(t.hours,A).hours,t.minutes=S(t.minutes),t.seconds=C(t.seconds);let r=w(t.hours,t.minutes,t.seconds,A);n?.(r);let[i=`00`,a=`00`,o=`00`]=r.split(`:`);return{hours:h===`12`?xt(String((Y(i)??0)%12||12)):i,minutes:a,seconds:o}})},ee=(0,K.useMemo)(()=>{let e=w(O.hours,O.minutes,O.seconds,A);if(!_){let[t=`00`,n=`00`]=e.split(`:`);return`${t}:${n}`}return e},[A,w,_,O.hours,O.minutes,O.seconds]);return(0,q.jsxs)(ke,{open:E,onOpenChange:D,children:[(0,q.jsx)(Oe,{render:n=>(0,q.jsx)(s,{...n,id:y,variant:`secondary`,buttonStyle:`outline`,"aria-expanded":E,"aria-invalid":i,disabled:a,className:I(`time-picker--component`,je,`w-full justify-between text-left`,!t&&`!text-muted-foreground`,n.className,e),children:n.children}),children:(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(f,{className:`h-4 w-4`}),(0,q.jsx)(`span`,{children:ee||b.placeholder})]})}),(0,q.jsx)(Ae,{className:`w-auto p-4`,align:`start`,children:(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsx)(r,{tag:`div`,weight:`medium`,align:`center`,children:b.dialogTitle}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.hours}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.hours,onChange:e=>N(`hours`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`hours`),placeholder:b.hoursPlaceholder,className:`w-16 text-center`})]}),(0,q.jsx)(r,{tag:`div`,className:`text-2xl`,children:`:`}),(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.minutes}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.minutes,onChange:e=>N(`minutes`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`minutes`),placeholder:b.minutesPlaceholder,className:`w-16 text-center`})]}),!!_&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(r,{tag:`div`,className:`text-2xl`,children:`:`}),(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.seconds}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.seconds,onChange:e=>N(`seconds`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`seconds`),placeholder:b.secondsPlaceholder,className:`w-16 text-center`})]})]}),h===`12`&&(0,q.jsxs)(`div`,{className:`flex items-end gap-1 pb-0.5`,children:[(0,q.jsx)(s,{type:`button`,variant:A===`AM`?`primary`:`secondary`,buttonStyle:A===`AM`?`solid`:`outline`,onClick:()=>j(`AM`),children:b.am}),(0,q.jsx)(s,{type:`button`,variant:A===`PM`?`primary`:`secondary`,buttonStyle:A===`PM`?`solid`:`outline`,onClick:()=>j(`PM`),children:b.pm})]})]}),(0,q.jsxs)(`div`,{className:`flex gap-2`,children:[(0,q.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,className:`flex-1`,onClick:()=>{let e=new Date,t={hours:String(h===`12`?e.getHours()%12||12:e.getHours()),minutes:String(e.getMinutes()),seconds:``};k(t),j(e.getHours()>=12?`PM`:`AM`),n?.(w(t.hours,t.minutes,t.seconds,e.getHours()>=12?`PM`:`AM`))},children:b.now}),(0,q.jsx)(s,{variant:`primary`,buttonStyle:`solid`,className:`flex-1`,onClick:()=>{n?.(w(O.hours,O.minutes,O.seconds,A)),D(!1)},children:b.done})]})]})})]})}Ct.displayName=`TimePicker`;var wt=e=>{if(e===0)return`0 Bytes`;let t=1024,n=[`Bytes`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${(e/t**r).toFixed(2)} ${n[r]}`},Tt=0,Et=()=>`${Date.now().toString(36)}-${(Tt++).toString(36)}`,Dt=e=>{let[t,n]=(0,K.useState)([]),[r,i]=(0,K.useState)({}),a=(0,K.useCallback)(wt,[]),o=(0,K.useCallback)(t=>{if(e?.minSize!==void 0&&t.size<e.minSize)return`Size (${wt(t.size)}) is smaller than minimum (${wt(e.minSize)}).`;if(e?.maxSize!==void 0&&t.size>e.maxSize)return`Size (${wt(t.size)}) exceeds maximum (${wt(e.maxSize)}).`;let n=t.name.split(`.`).pop()?.toLowerCase()||``;if(e?.allowedExtensions&&!e.allowedExtensions.map(e=>e.toLowerCase()).includes(n))return`Extension (.${n}) is not allowed.`;if(e?.customValidator){let n=e.customValidator(t);if(n!==!0)return typeof n==`string`?n:`Custom validation failed.`}return null},[e]),s=(0,K.useCallback)((t,r=!1)=>{let a=Array.isArray(t)?t:Array.from(t),s={};n(t=>{let n=r?[]:[...t];return a.forEach(t=>{let r=t.name.split(`.`).pop()?.toLowerCase()||``;if(n.some(e=>e.name===t.name&&e.size===t.size&&e.extension===r))return;let i=o(t);if(i){s[t.name]=i;return}if(e?.maxFiles!==void 0&&n.length+1>e.maxFiles){s[t.name]=`Cannot exceed max files limit of ${e.maxFiles}.`;return}let a={id:Et(),file:t,name:t.name,size:t.size,formattedSize:wt(t.size),type:t.type,extension:r,lastModified:t.lastModified};n.push(a)}),n}),i(s)},[e?.maxFiles,o]);return{files:t,addFiles:(0,K.useCallback)(e=>s(e,!1),[s]),setFiles:(0,K.useCallback)(e=>s(e,!0),[s]),remove:(0,K.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),removeAll:(0,K.useCallback)(()=>{n(e=>e.length===0?e:[]),i({})},[]),formatSize:a,validationErrors:r}},Ot={change:`Change photo`,remove:`Remove photo`,hint:`Click or drop an image`,dragOver:`Drop image to upload`},kt={sm:{box:`size-16`,icon:`size-4`,remove:`size-5`},base:{box:`size-24`,icon:`size-5`,remove:`size-6`},lg:{box:`size-32`,icon:`size-6`,remove:`size-7`}};function At({value:e,onChange:t,defaultPreviewUrl:n,accept:i=`.png,.jpg,.jpeg,.gif,.webp`,disabled:a=!1,invalid:o=!1,size:s=`base`,className:c,strings:l,initials:d},f){let p=F(Ot,l),m=(0,K.useId)(),h=(0,K.useRef)(null),[g,_]=(0,K.useState)(!1),v=kt[s],{files:y,setFiles:b,removeAll:x}=Dt({maxFiles:1,allowedExtensions:(0,K.useMemo)(()=>i.split(`,`).map(e=>e.trim().replace(/^\./,``).toLowerCase()).filter(Boolean),[i])});(0,K.useEffect)(()=>{e?b([e]):x()},[e]);let S=y[0],[C,w]=(0,K.useState)(void 0);(0,K.useEffect)(()=>{let t=S?.file??e;if(!t){w(void 0);return}let n=URL.createObjectURL(t);return w(n),()=>URL.revokeObjectURL(n)},[S,e]);let T=C??n,E=!!T,D=(0,K.useCallback)(e=>{let n=e.target.files;!n||n.length===0||(b(n),t?.(n[0]),h.current&&(h.current.value=``))},[t,b]),O=(0,K.useCallback)(()=>{a||h.current?.click()},[a]),k=(0,K.useCallback)(()=>{x(),t?.(void 0),h.current&&(h.current.value=``)},[t,x]),A=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),O())},j=(0,K.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),a||_(!0)},[a]),M=(0,K.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),_(!1)},[]),N=(0,K.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),_(!1),a)return;let n=e.dataTransfer?.files;!n||n.length===0||(b(n),t?.(n[0]))},[a,t,b]);return(0,q.jsxs)(`div`,{className:I(`avatar-upload--component`,`inline-flex flex-col items-center gap-2`,c),children:[(0,q.jsxs)(`div`,{role:`button`,tabIndex:a?-1:0,"aria-label":p.change,"aria-disabled":a||void 0,"aria-invalid":o||void 0,onClick:O,onKeyDown:A,onDragEnter:j,onDragOver:j,onDragLeave:M,onDrop:N,className:I(`group relative flex shrink-0 items-center justify-center overflow-hidden rounded-full`,`border border-dashed transition-colors duration-150 outline-none`,`focus-visible:ring-2 focus-visible:ring-ring/50`,E?`border-border/60 bg-muted/20`:I(`bg-muted/30 hover:border-primary hover:bg-primary/5`,o?`border-destructive`:`border-muted-foreground/40`),a&&`cursor-not-allowed opacity-50`,!a&&g&&`border-primary bg-primary/10`,v.box),children:[(0,q.jsx)(`input`,{id:m,ref:e=>{h.current=e,typeof f==`function`?f(e):f&&(f.current=e)},type:`file`,className:`sr-only`,"aria-label":p.change,accept:i,disabled:a,onChange:D}),E&&T?(0,q.jsx)(`img`,{src:T,alt:p.change,className:`absolute inset-0 size-full object-cover`}):d?(0,q.jsx)(r,{size:s===`lg`?`lg`:`base`,weight:`bold`,className:`leading-none`,children:d}):(0,q.jsx)(u,{className:I(v.icon,`text-muted-foreground`),"aria-hidden":`true`}),!a&&E&&(0,q.jsx)(`div`,{className:`pointer-events-none absolute inset-0 hidden items-center justify-center bg-foreground/50 text-background backdrop-blur-[1px] group-hover:flex`,"aria-hidden":`true`,children:(0,q.jsx)(u,{className:v.icon})}),!a&&E&&(0,q.jsx)(`button`,{type:`button`,"aria-label":p.remove,onClick:e=>{e.stopPropagation(),k()},className:I(`absolute right-0.5 top-0.5 inline-flex items-center justify-center rounded-full bg-card text-foreground shadow ring-1 ring-border`,`opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,v.remove),children:(0,q.jsx)(P,{className:`size-3`})}),!a&&!E&&g&&(0,q.jsx)(r,{size:`xxs`,weight:`medium`,className:`absolute inset-x-0 bottom-1.5 text-center text-primary`,children:p.dragOver})]}),!E&&(0,q.jsx)(r,{size:`xs`,type:`secondary`,children:p.hint})]})}var jt=K.forwardRef(At);jt.displayName=`AvatarUpload`;var Z={emptyState:`No items added yet.`,addItem:`Add item`,removeAriaLabel:`Remove item`},Mt={emptyState:Z.emptyState,addButton:Z.addItem,removeAriaLabel:Z.removeAriaLabel,dragHandleAriaLabel:`Drag to reorder`};function Nt({item:e,index:t,sortable:n,rowVariant:r,removeVariant:i,hideRemove:a,disabled:o,strings:c,onRemove:l,renderRow:u}){let d=T({id:e.id,disabled:o||!n}),f=n?d.isDragging:!1,p=n?{transform:w.Transform.toString(d.transform),transition:d.transition,opacity:f?.6:1}:void 0,m=n?d.setNodeRef:void 0,h=n?d.attributes:{},g=n?d.listeners:void 0,_=n?(0,q.jsx)(`button`,{type:`button`,"aria-label":c.dragHandleAriaLabel,className:I(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/50 hover:text-foreground hover:bg-muted`,`cursor-grab active:cursor-grabbing`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,o&&`pointer-events-none opacity-50`),...h,...g,children:(0,q.jsx)(S,{className:`size-4`,"aria-hidden":`true`})}):null,v=a?null:i===`icon-button`?(0,q.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:`shrink-0`,children:(0,q.jsx)(N,{className:`size-4`,"aria-hidden":`true`})}):(0,q.jsx)(`button`,{type:`button`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:I(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/70 hover:bg-destructive/10 hover:text-destructive`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,`disabled:pointer-events-none disabled:opacity-50`),children:(0,q.jsx)(P,{className:`size-4`,"aria-hidden":`true`})});return r===`card`?(0,q.jsx)(`div`,{ref:m,style:p,className:I(`repeater--component`,`relative rounded-md border border-input bg-card p-4`,n&&`pl-2`),children:(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[_,(0,q.jsx)(`div`,{className:`min-w-0 flex-1`,children:u(e,{index:t,isDragging:f})}),v]})}):(0,q.jsxs)(`div`,{ref:m,style:p,className:`flex items-start gap-2`,children:[_,(0,q.jsx)(`div`,{className:`min-w-0 flex-1`,children:u(e,{index:t,isDragging:f})}),v]})}function Pt({items:e,renderRow:t,onAdd:n,onRemove:i,onMove:a,sortable:o=!1,rowVariant:c=`inline`,removeVariant:l=`ghost`,hideRemove:u=!1,hideAdd:d=!1,disabled:f=!1,strings:p,className:m}){let h=F(Mt,p),S=y(v(_,{activationConstraint:{distance:4}}),v(E,{coordinateGetter:C})),w=(0,K.useCallback)(t=>{let{active:n,over:r}=t;if(!r||n.id===r.id)return;let i=e.findIndex(e=>e.id===n.id),o=e.findIndex(e=>e.id===r.id);i<0||o<0||a?.(i,o)},[e,a]),T=(0,K.useMemo)(()=>e.map(e=>e.id),[e]),O=(0,q.jsx)(`div`,{className:`space-y-2`,children:e.map((e,n)=>(0,q.jsx)(Nt,{item:e,index:n,sortable:o,rowVariant:c,removeVariant:l,hideRemove:u,disabled:f,strings:h,onRemove:i,renderRow:t},e.id))});return(0,q.jsxs)(`div`,{className:I(`space-y-3`,m),children:[e.length===0?(0,q.jsx)(`div`,{className:`rounded-md border border-dashed border-input p-4`,children:(0,q.jsx)(r,{type:`secondary`,children:h.emptyState})}):o?(0,q.jsx)(g,{sensors:S,collisionDetection:x,onDragEnd:w,children:(0,q.jsx)(D,{items:T,strategy:b,children:O})}):O,!d&&(0,q.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,disabled:f,onClick:n,children:[(0,q.jsx)(A,{className:`size-4 mr-1.5`}),h.addButton]})]})}Pt.displayName=`Repeater`;var Ft={keyLabel:`Key`,valueLabel:`Value`,keyPlaceholder:`key`,valuePlaceholder:`value`,addButton:`Add row`,removeRowAriaLabel:`Remove row`,emptyState:`No rows yet.`},It=()=>typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():Math.random().toString(36).slice(2,10),Lt=(0,K.memo)(function({row:e,keyPlaceholder:t,valuePlaceholder:n,invalid:r,onKeyChange:i,onValueChange:a}){let{id:o,key:s,value:c}=e;return(0,q.jsxs)(`div`,{className:I(`key-value-editor--component`,`grid grid-cols-1 md:grid-cols-2 gap-2`),children:[(0,q.jsx)(H,{value:s??``,placeholder:t,onChange:e=>i(o,e.target.value),invalid:r}),(0,q.jsx)(H,{value:c??``,placeholder:n,onChange:e=>a(o,e.target.value),invalid:r})]})});function Rt({value:e,onChange:t,invalid:n,sortable:r=!1,keyPlaceholder:i,valuePlaceholder:a,keyLabel:o,valueLabel:s,addButtonText:c,strings:l}){let u=F(Ft,{...i===void 0?{}:{keyPlaceholder:i},...a===void 0?{}:{valuePlaceholder:a},...o===void 0?{}:{keyLabel:o},...s===void 0?{}:{valueLabel:s},...c===void 0?{}:{addButton:c},...l}),d=(0,K.useRef)(!1),[f,p]=(0,K.useState)(()=>e&&Object.keys(e).length>0?Object.entries(e).map(([e,t])=>({id:It(),key:e,value:String(t??``)})):[{id:It(),key:``,value:``}]),m=(0,K.useCallback)(e=>{let n={};e.forEach(({key:e,value:t})=>{e.trim()!==``&&(n[e]=t??``)}),d.current=!0,t?.(n),queueMicrotask(()=>{d.current=!1})},[t]),h=(0,K.useCallback)((e,t)=>{p(n=>{let r=n.map(n=>n.id===e?{...n,key:t}:n);return m(r),r})},[m]),g=(0,K.useCallback)((e,t)=>{p(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return m(r),r})},[m]),_=(0,K.useCallback)(()=>{p(e=>{let t=[...e,{id:It(),key:``,value:``}];return m(t),t})},[m]),v=(0,K.useCallback)(e=>{p(t=>{let n=t.filter((t,n)=>n!==e),r=n.length?n:[{id:It(),key:``,value:``}];return m(r),r})},[m]),y=(0,K.useCallback)((e,t)=>{p(n=>{let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),m(r),r})},[m]);return(0,q.jsxs)(`div`,{className:`space-y-2`,children:[(!!u.keyLabel||!!u.valueLabel)&&(0,q.jsxs)(`div`,{className:I(`grid grid-cols-1 md:grid-cols-2 gap-2`,r?`pl-11`:``,`pr-11`),children:[!!u.keyLabel&&(0,q.jsx)(R,{className:`flex items-center`,children:u.keyLabel}),!!u.valueLabel&&(0,q.jsx)(R,{className:`flex items-center`,children:u.valueLabel})]}),(0,q.jsx)(Pt,{items:f,sortable:r,onAdd:_,onRemove:v,onMove:y,strings:{emptyState:u.emptyState,addButton:u.addButton,removeAriaLabel:u.removeRowAriaLabel},renderRow:e=>(0,q.jsx)(Lt,{row:e,keyPlaceholder:u.keyPlaceholder,valuePlaceholder:u.valuePlaceholder,invalid:n,onKeyChange:h,onValueChange:g})})]})}Rt.displayName=`KeyValueEditor`;var zt={placeholder:`Enter value`,addButton:`Add item`,...Z};function Bt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=F(zt,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e});return(0,q.jsx)(Pt,{className:`string-repeater--component`,items:u,sortable:a,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(t,{index:n})=>(0,q.jsx)(H,{...l(`${e}.${n}`),placeholder:s.placeholder,invalid:i})})}Bt.displayName=`StringRepeater`;var Vt={addButton:`Add item`,...Z};function Ht({name:e,fields:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=F(Vt,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e}),m=(0,K.useCallback)(()=>t.reduce((e,t)=>(e[t.name]=``,e),{}),[t]);return(0,q.jsx)(Pt,{items:u,sortable:a,rowVariant:`card`,removeVariant:`ghost`,onAdd:()=>d(m()),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(n,{index:r})=>(0,q.jsx)(`div`,{className:I(`object-repeater--component`,`space-y-3`),children:t.map(t=>{let n=`${e}.${r}.${t.name}`;return(0,q.jsx)(G,{label:t.label,required:t.required,hint:t.hint,htmlFor:n,children:t.type===`textarea`?(0,q.jsx)(U,{...l(n),id:n,placeholder:t.placeholder,minRows:3,invalid:i}):(0,q.jsx)(H,{...l(n),id:n,type:t.type||`text`,placeholder:t.placeholder,invalid:i})},t.name)})})})}Ht.displayName=`ObjectRepeater`;var Ut={addButton:`Add item`,emptyState:Z.emptyState,dragHandle:`Drag to reorder`,removeAriaLabel:Z.removeAriaLabel};function Wt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,disableSort:i=!1,invalid:a,strings:o}){let s=F(Ut,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o??{}}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e});return(0,q.jsx)(Pt,{className:`list--component`,items:u,sortable:!i,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel,dragHandleAriaLabel:s.dragHandle},renderRow:(n,{index:r})=>(0,q.jsx)(H,{...l(`${e}.${r}`),placeholder:t,invalid:a})})}Wt.displayName=`List`;function Gt({name:e,value:t,options:n,onChange:r,allowClear:a=!1,size:o,fullWidth:s=!1,disabled:c=!1,invalid:l=!1,className:u}){let{defaultControlSize:d}=i(),f=pe(o,d),p=K.useCallback(e=>{e===t?a&&r(null):r(e)},[a,r,t]);return(0,q.jsx)(`div`,{"data-name":e,role:`radiogroup`,"aria-invalid":l||void 0,className:I(`pill-radio-group--component`,`border-input inline-flex items-center overflow-hidden rounded-lg border`,s&&`w-full`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,c&&`pointer-events-none opacity-50`,u),children:n.map((e,n)=>{let r=e.value===t,i=e.icon;return(0,q.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":(typeof e.label==`string`?e.label:void 0)||e.value,disabled:c||e.disabled,onClick:()=>p(e.value),className:I(`inline-flex select-none items-center justify-center font-medium transition-colors`,`focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2`,`disabled:pointer-events-none disabled:opacity-50`,xe[f],s&&`flex-1`,n>0&&`border-input border-l`,r?`bg-primary text-primary-foreground`:`bg-background text-foreground hover:bg-muted`),children:[!!i&&(0,q.jsx)(i,{className:I(`size-3.5`,e.label&&`mr-1.5`)}),e.label]},e.value)})})}Gt.displayName=`PillRadioGroup`;function Kt({name:e,type:t=`text`,placeholder:n,primaryLocale:r,secondaryLocale:i,activeLocale:a,invalid:o,className:s}){let{register:c}=ue(),l=`${e}.${a===`primary`?r:i}`;return t===`textarea`?(0,q.jsx)(U,{...c(l),placeholder:n,minRows:3,invalid:o,className:I(`localized-string-field--component`,s)}):(0,q.jsx)(H,{...c(l),type:t===`number`?`number`:`text`,placeholder:n,invalid:o,className:s})}Kt.displayName=`LocalizedStringField`;function qt({name:e,fields:t,primaryLocale:n,secondaryLocale:r,activeLocale:i,invalid:a,className:o}){let{register:s}=ue(),c=i===`primary`?n:r;return(0,q.jsx)(`div`,{className:`w-full space-y-3 rounded-md border p-4 ${o??``}`,children:t.map(t=>{let n=`${e}.${c}.${t.name}`;return(0,q.jsxs)(`div`,{className:`w-full space-y-1.5`,children:[(0,q.jsxs)(R,{htmlFor:n,children:[t.label,!!t.required&&(0,q.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),t.type===`textarea`?(0,q.jsx)(U,{...s(n),id:n,placeholder:t.placeholder,minRows:3,invalid:a}):(0,q.jsx)(H,{...s(n),id:n,type:t.type===`number`?`number`:`text`,placeholder:t.placeholder,invalid:a})]},t.name)})})}qt.displayName=`LocalizedObjectField`;var Jt={placeholder:`Enter value`,addButton:Z.addItem,emptyState:Z.emptyState,removeAriaLabel:Z.removeAriaLabel};function Yt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,primaryLocale:i,secondaryLocale:a,activeLocale:o,invalid:s,sortable:c=!1,strings:l}){let u=F(Jt,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...l??{}}),{control:d,register:f}=ue(),p=`${e}.${o===`primary`?i:a}`,{fields:m,append:h,remove:g,move:_}=de({control:d,name:p});return(0,q.jsx)(Pt,{className:`localized-string-repeater--component`,items:m,sortable:c,onAdd:()=>h(``),onRemove:e=>g(e),onMove:(e,t)=>_(e,t),strings:{emptyState:u.emptyState,addButton:u.addButton,removeAriaLabel:u.removeAriaLabel},renderRow:(e,{index:t})=>(0,q.jsx)(U,{...f(`${p}.${t}`),placeholder:u.placeholder,minRows:2,invalid:s})})}Yt.displayName=`LocalizedStringRepeater`;var Xt=e({AvatarUploadExample:()=>zn,BasicField:()=>Zt,CardCheckboxGroupExample:()=>Tn,CardRadioGroupExample:()=>wn,CheckboxExample:()=>yn,CoordinatesInputExample:()=>jn,CurrencyInputExample:()=>dn,DateTimeInputExample:()=>En,DecimalInputExample:()=>ln,DimensionsInputExample:()=>mn,DropzoneExample:()=>Bn,InputBasic:()=>en,InputCharacterCount:()=>sn,InputClearableLoading:()=>on,InputWithAddons:()=>an,InputWithIcons:()=>tn,KeyValueEditorExample:()=>Pn,ListExample:()=>Fn,ListRadioGroupExample:()=>Cn,LocalizedObjectFieldExample:()=>Ln,LocalizedStringFieldExample:()=>In,LocalizedStringRepeaterExample:()=>Rn,MoneyInputExample:()=>fn,ObjectRepeaterExample:()=>Nn,PasswordInputExample:()=>nn,PercentageInputExample:()=>un,PhoneInputExample:()=>An,PillRadioGroupExample:()=>Sn,RichSelectExample:()=>gn,RoundingModeSelectExample:()=>_n,SelectExample:()=>hn,SliderExample:()=>On,SlugFieldExample:()=>rn,StringRepeaterExample:()=>Mn,SwitchCardExample:()=>xn,SwitchExample:()=>vn,TagsInputExample:()=>kn,TextareaExample:()=>cn,TimePickerExample:()=>Dn,ToggleFieldExample:()=>bn,WeightInputExample:()=>pn,WholeForm:()=>Vn,WithError:()=>Qt,WithHelperText:()=>$t});function Zt(){let[e,t]=(0,K.useState)(``);return(0,q.jsx)(G,{label:`Full name`,hint:`As it appears on your ID`,required:!0,children:(0,q.jsx)(H,{value:e,onChange:e=>t(e.target.value),placeholder:`Sarah Smitha`})})}function Qt(){return(0,q.jsx)(G,{label:`Email`,error:`That doesn't look like a valid email.`,required:!0,children:(0,q.jsx)(H,{defaultValue:`not-an-email`,invalid:!0})})}function $t(){return(0,q.jsx)(G,{label:`API token`,helperText:`Stored encrypted at rest. Rotate every 90 days.`,children:(0,q.jsx)(H,{defaultValue:`sk_live_••••••••••••`})})}function en(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{placeholder:`Type something…`}),(0,q.jsx)(H,{"aria-label":`Pre-filled value`,defaultValue:`Pre-filled value`}),(0,q.jsx)(H,{"aria-label":`Disabled example`,disabled:!0,defaultValue:`Disabled`})]})}function tn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{startIcon:te,placeholder:`Search orders…`}),(0,q.jsx)(H,{endIcon:k,placeholder:`you@example.com`}),(0,q.jsx)(m,{"aria-label":`Password`,startIcon:O,defaultValue:`hunter2`})]})}function nn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(G,{label:`Password`,hint:`The reveal button is keyboard and screen-reader accessible.`,children:(0,q.jsx)(m,{placeholder:`Enter password`,autoComplete:`current-password`})})})}function rn(){let[e,t]=(0,K.useState)(`Summer Collection: Salt & Pepper Set`);return(0,q.jsxs)(`div`,{className:`grid w-full max-w-sm gap-3`,children:[(0,q.jsx)(G,{label:`Title`,hint:`The slug below updates from this value.`,children:(0,q.jsx)(H,{value:e,onChange:e=>t(e.target.value)})}),(0,q.jsx)(G,{label:`Slug`,hint:`Read-only value submitted with the form.`,children:(0,q.jsx)(Fe,{name:`slug`,value:e,startAddon:`/`,"aria-label":`Generated slug`})})]})}function an(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{startAddon:`$`,placeholder:`0.00`}),(0,q.jsx)(H,{"aria-label":`Weight in kilograms`,endAddon:`kg`,defaultValue:`2.4`}),(0,q.jsx)(H,{"aria-label":`Amount in USD`,startAddon:`$`,endAddon:`USD`,defaultValue:`49.00`})]})}function on(){let[e,t]=(0,K.useState)(`Click the × to clear`);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{clearable:!0,"aria-label":`Clearable value`,value:e,onChange:e=>t(e.target.value),onClear:()=>t(``)}),(0,q.jsx)(H,{"aria-label":`Loading value`,isLoading:!0,defaultValue:`Loading…`}),(0,q.jsx)(H,{"aria-label":`Invalid value`,invalid:!0,defaultValue:`Invalid value`})]})}function sn(){let[e,t]=(0,K.useState)(`A short bio`);return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(H,{value:e,"aria-label":`Biography`,onChange:e=>t(e.target.value),maxLength:60,showCharacterCount:!0})})}function cn(){let[e,t]=(0,K.useState)(``);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Description`,hint:`Up to 200 characters.`,children:(0,q.jsx)(U,{value:e,onChange:e=>t(e.target.value),placeholder:`Write a description…`,maxLength:200,showCharacterCount:!0})}),(0,q.jsx)(G,{label:`Read-only field`,children:(0,q.jsx)(U,{defaultValue:`Read-only content the user cannot edit.`,disabled:!0,rows:2})}),(0,q.jsx)(G,{label:`Bio`,error:`Bio cannot be empty.`,required:!0,children:(0,q.jsx)(U,{invalid:!0,placeholder:`Tell us about yourself…`,rows:2})})]})}function ln(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Free-form decimal`,children:(0,q.jsx)(W,{defaultValue:`1234.56`,decimalPlaces:2})}),(0,q.jsx)(G,{label:`With steppers (1–100)`,children:(0,q.jsx)(`div`,{className:`w-44`,children:(0,q.jsx)(W,{defaultValue:`10`,step:1,min:0,max:100})})}),(0,q.jsx)(G,{label:`Allows negative`,children:(0,q.jsx)(W,{placeholder:`0.00`,decimalPlaces:2,allowNegative:!0})})]})}function un(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Discount`,children:(0,q.jsx)(Ge,{defaultValue:`12.5`})}),(0,q.jsx)(G,{label:`Tax rate (whole-number steppers)`,children:(0,q.jsx)(`div`,{className:`w-44`,children:(0,q.jsx)(Ge,{defaultValue:`20`,decimalPlaces:0,step:5})})})]})}function dn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(Qe,{defaultValue:`2450.00`,defaultCurrency:`USD`,currencies:[`USD`,`EUR`,`GBP`]})})}function fn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(et,{defaultValue:`49.99`,defaultCurrency:`USD`})})}function pn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(pt,{defaultValue:`2.4`,defaultUnit:`kg`})})}function mn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(ut,{defaultValue:{width:`30`,height:`20`,depth:`10`},format:`object`,unit:`g`})})}function hn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(he,{options:[{value:`paid`,label:`Paid`},{value:`pending`,label:`Pending`},{value:`overdue`,label:`Overdue`}],placeholder:`Pick a status…`,allowClear:!0})})}function gn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(at,{options:[{value:`free`,label:`Free`,description:`Up to 3 projects, community support.`},{value:`pro`,label:`Pro`,description:`$12/mo — unlimited projects, email support.`},{value:`enterprise`,label:`Enterprise`,description:`Custom pricing, SAML SSO.`}],placeholder:`Choose a plan…`})})}function _n(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(G,{label:`Rounding mode`,children:(0,q.jsx)(nt,{defaultValue:`half_up`,labels:{floor:`Round down (floor)`,half_up:`Round half up`,ceil:`Round up (ceil)`}})})})}function vn(){let[e,t]=(0,K.useState)(!0);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{checked:e,onCheckedChange:e=>t(!!e.target.value)}),`Enable notifications`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{defaultChecked:!0,disabled:!0}),`Disabled (on)`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{invalid:!0}),`Invalid state`]})]})}function yn(){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{defaultChecked:!0}),`I agree to the terms`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{}),`Subscribe to the newsletter`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{disabled:!0,defaultChecked:!0}),`Disabled (checked)`]})]})}function bn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(ge,{label:`Email digest`,description:`Receive a weekly summary every Monday.`,defaultValue:!0}),(0,q.jsx)(ge,{kind:`checkbox`,label:`Beta features`,description:`Opt in to in-progress experiments. May be unstable.`}),(0,q.jsx)(ge,{label:`Leading control`,controlPosition:`leading`,defaultValue:!0})]})}function xn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(_e,{icon:j,label:`Two-factor authentication`,description:`Require a one-time code on every sign-in.`,defaultValue:!0}),(0,q.jsx)(_e,{icon:ee,label:`Auto-deploy`,description:`Push to production on every merge to main.`})]})}function Sn(){let[e,t]=(0,K.useState)(`week`);return(0,q.jsx)(Gt,{name:`range`,value:e,onChange:t,options:[{value:`day`,label:`Day`},{value:`week`,label:`Week`},{value:`month`,label:`Month`},{value:`year`,label:`Year`}]})}function Cn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(Je,{name:`delivery`,defaultValue:`standard`,options:[{value:`standard`,label:`Standard`,description:`5–7 business days · Free`},{value:`express`,label:`Express`,description:`2–3 business days · $9.99`},{value:`overnight`,label:`Overnight`,description:`Next business day · $24.99`}]})})}function wn(){return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(we,{name:`plan`,defaultValue:`pro`,columns:3,options:[{value:`free`,label:`Free`,description:`3 projects`,icon:M},{value:`pro`,label:`Pro`,description:`Unlimited`,icon:ee},{value:`team`,label:`Team`,description:`Workspaces`,icon:h}]})})}function Tn(){return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Se,{name:`features`,defaultValue:[`analytics`],columns:3,options:[{value:`analytics`,label:`Analytics`,description:`Realtime dashboards`,icon:M},{value:`webhooks`,label:`Webhooks`,description:`Outbound events`,icon:ee},{value:`sso`,label:`SSO`,description:`SAML & SCIM`,icon:j}]})})}function En(){let[e,t]=(0,K.useState)(void 0);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,q.jsx)(yt,{value:e,onChange:t,placeholder:`Pick a date…`}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e??`—`]})]})}function Dn(){let[e,t]=(0,K.useState)(`09:30:00`);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,q.jsx)(Ct,{value:e,onChange:t}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function On(){let[e,t]=(0,K.useState)(40);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-2`,children:[(0,q.jsx)(qe,{value:e,onValueChange:t,min:0,max:100,step:5}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function kn(){let[e,t]=(0,K.useState)([`design`,`systems`]);return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(ve,{value:e,onChange:t,placeholder:`Add a tag…`,recommendations:[`typography`,`tokens`,`figma`,`a11y`]})})}function An(){let[e,t]=(0,K.useState)(`555 0100`);return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(We,{"aria-label":`Phone number`,value:e,onChange:e=>t(e.target.value),defaultPrefix:`US`})})}function jn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(vt,{defaultValue:{lat:`37.7749`,lng:`-122.4194`},format:`object`})})}function Mn(){return(0,q.jsx)(B,{...z({defaultValues:{tags:[`alpha`,`beta`]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Bt,{name:`tags`,placeholder:`Tag name`,addButtonText:`Add tag`})})})}function Nn(){return(0,q.jsx)(B,{...z({defaultValues:{contacts:[{name:`Sarah Smitha`,email:`sarah@example.com`}]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Ht,{name:`contacts`,fields:[{name:`name`,label:`Name`,placeholder:`Full name`},{name:`email`,label:`Email`,placeholder:`name@example.com`}]})})})}function Pn(){let[e,t]=(0,K.useState)({env:`production`,region:`eu-west-1`});return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Rt,{value:e,onChange:t})})}function Fn(){return(0,q.jsx)(B,{...z({defaultValues:{aliases:[`acme`,`acme-corp`]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Wt,{name:`aliases`,placeholder:`Add an alias…`})})})}function In(){return(0,q.jsx)(B,{...z({defaultValues:{title:{en:`Welcome`,bg:`Добре дошли`}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Kt,{name:`title`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Page title`})})})}function Ln(){return(0,q.jsx)(B,{...z({defaultValues:{seo:{en:{title:`About`,description:`About our company.`},bg:{title:`За нас`,description:`За нашата компания.`}}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(qt,{name:`seo`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,fields:[{name:`title`,label:`Title`},{name:`description`,label:`Description`,type:`textarea`}]})})})}function Rn(){return(0,q.jsx)(B,{...z({defaultValues:{tags:{en:[`systems`,`design`],bg:[`системи`,`дизайн`]}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Yt,{name:`tags`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Tag`})})})}function zn(){return(0,q.jsx)(jt,{defaultPreviewUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`})}function Bn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(p,{accept:`image/*`,onDrop:()=>{}})})}function Vn(){let e=z({defaultValues:{name:``,sku:``,price:``,currency:`USD`,description:``,category:``,published:!1}});return(0,q.jsxs)(`form`,{onSubmit:e.handleSubmit(()=>{}),className:`flex w-full max-w-xl flex-col gap-4 rounded-lg border border-border bg-card p-5`,children:[(0,q.jsx)(Ne,{control:e.control,name:`name`,label:`Product name`,required:!0,rules:{required:!0},children:e=>(0,q.jsx)(H,{...e,placeholder:`Vintage leather wallet`})}),(0,q.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,q.jsx)(Ne,{control:e.control,name:`sku`,label:`SKU`,hint:`Inventory keeping unit.`,children:e=>(0,q.jsx)(H,{...e,placeholder:`LW-0021`,startIcon:l})}),(0,q.jsx)(Ne,{control:e.control,name:`price`,label:`Price`,required:!0,rules:{required:!0},children:e=>(0,q.jsx)(et,{value:e.value,onChange:t=>e.onChange(t.target.value),defaultCurrency:`USD`})})]}),(0,q.jsx)(Ne,{control:e.control,name:`category`,label:`Category`,children:e=>(0,q.jsx)(he,{options:[{value:`apparel`,label:`Apparel`},{value:`accessories`,label:`Accessories`},{value:`home`,label:`Home & living`}],value:e.value,onChange:e.onChange,placeholder:`Choose a category…`})}),(0,q.jsx)(Ne,{control:e.control,name:`description`,label:`Description`,children:e=>(0,q.jsx)(U,{...e,rows:3,placeholder:`What makes it special?`})}),(0,q.jsx)(Ne,{control:e.control,name:`published`,label:`Visibility`,children:e=>(0,q.jsx)(ge,{label:`Published`,description:`Visible in the storefront.`,value:!!e.value,onChange:e.onChange})}),(0,q.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,q.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,children:`Cancel`}),(0,q.jsx)(s,{type:`submit`,variant:`primary`,children:`Save product`})]})]})}var Q=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,Yr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./box-rZ0pA-02.js";import{t as u}from"./camera-C16z6v0m.js";import{t as d}from"./circle-V5hdlsIn.js";import{t as f}from"./clock-9xbB7EnW.js";import{t as p}from"./dropzone-9Gb4mR4x.js";import{t as m}from"./password-input-CfS4sfCl.js";import{t as h}from"./globe-BCikLfKc.js";import{a as g,c as _,d as v,f as y,i as b,l as x,m as S,n as C,p as w,r as T,s as E,t as D}from"./sortable.esm-YOwRw8Hr.js";import{t as O}from"./lock-DLIcOBUd.js";import{t as k}from"./mail-AES_tOd2.js";import{t as A}from"./plus-D5swsZCz.js";import{t as j}from"./shield-D1EaWJMG.js";import{t as M}from"./star-BaV-UTPq.js";import{t as N}from"./trash-2-CE9bDw49.js";import{t as P}from"./x-D8UN9pOu.js";import{t as ee}from"./zap-DIJUAJEb.js";import{i as te,k as F,n as I,s as ne}from"./index-BQIv1ffM.js";import{a as re,i as ie,n as ae,o as oe,r as se,t as ce}from"./select-Dymyvyh6.js";import{t as L}from"./props-table-2pIZzGC-.js";import{t as R}from"./label-BgpcD3V6.js";import{t as le}from"./text-link-9_mZpq_f.js";import{a as ue,i as z,n as B,r as de}from"./index.esm-Ducg7a0P.js";import{t as fe}from"./checkbox-BI3gcjED.js";import{i as pe,n as me,t as V}from"./form-sizing-DHUDpiPA.js";import{t as H}from"./input-NIgvB9CZ.js";import{t as U}from"./textarea-CHvnWHWH.js";import{t as he}from"./select-BRbyPtx8.js";import{i as W,n as ge,r as _e,t as ve}from"./tags-input-DmBY2CKI.js";import{t as ye}from"./switch-xzxCDtyg.js";import{t as be}from"./slider-vuwVVBby.js";import{i as xe,n as Se,r as Ce,t as we}from"./card-radio-group-7GU9AtWs.js";import{n as Te,r as Ee,t as De}from"./RadioGroup-DBA3iBQw.js";import{i as Oe,t as ke}from"./popover-xC8qczvP.js";import{t as Ae}from"./popover-nCGXR4Yd.js";import{n as je,t as Me}from"./date-picker-Cd5vsEEd.js";import{n as G,t as Ne}from"./form-field-B5g_5Zjm.js";var K=t(n(),1),q=ne();function Pe(e,{separator:t=`-`,lowercase:n=!0,trim:r=!0}={}){let i=t||`-`,a=i.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),o=String(e??``).normalize(`NFKD`).replace(/[\u0300-\u036f]/g,``).replace(/&/g,` and `).replace(/['’]/g,``);return n&&(o=o.toLowerCase()),o=o.replace(/[^\p{Letter}\p{Number}]+/gu,i).replace(RegExp(`${a}{2,}`,`g`),i),r&&(o=o.replace(RegExp(`^${a}|${a}$`,`g`),``)),o}var Fe=K.forwardRef(function({value:e,slugify:t,separator:n=`-`,lowercase:r=!0,trim:i=!0,wrapperClassName:a,className:o,...s},c){let l=K.useMemo(()=>t?.(e)??Pe(e,{separator:n,lowercase:r,trim:i}),[r,n,t,i,e]);return(0,q.jsx)(`div`,{className:I(`slug-field--component`,a),children:(0,q.jsx)(H,{ref:c,...s,type:`text`,value:l,readOnly:!0,className:o})})});Fe.displayName=`SlugField`;var Ie={prefixPlaceholder:`Prefix`},Le={US:{value:`+1`,label:`United States`,iso:`US`},CA:{value:`+1`,label:`Canada`,iso:`CA`},AU:{value:`+61`,label:`Australia`,iso:`AU`},BG:{value:`+359`,label:`Bulgaria`,iso:`BG`},GR:{value:`+30`,label:`Greece`,iso:`GR`},GB:{value:`+44`,label:`United Kingdom`,iso:`GB`},DE:{value:`+49`,label:`Germany`,iso:`DE`},FR:{value:`+33`,label:`France`,iso:`FR`},IT:{value:`+39`,label:`Italy`,iso:`IT`},ES:{value:`+34`,label:`Spain`,iso:`ES`},NL:{value:`+31`,label:`Netherlands`,iso:`NL`},BE:{value:`+32`,label:`Belgium`,iso:`BE`},AT:{value:`+43`,label:`Austria`,iso:`AT`},CH:{value:`+41`,label:`Switzerland`,iso:`CH`},PL:{value:`+48`,label:`Poland`,iso:`PL`},RO:{value:`+40`,label:`Romania`,iso:`RO`},RS:{value:`+381`,label:`Serbia`,iso:`RS`},HR:{value:`+385`,label:`Croatia`,iso:`HR`},SI:{value:`+386`,label:`Slovenia`,iso:`SI`},MK:{value:`+389`,label:`North Macedonia`,iso:`MK`},TR:{value:`+90`,label:`Turkey`,iso:`TR`},RU:{value:`+7`,label:`Russia`,iso:`RU`},UA:{value:`+380`,label:`Ukraine`,iso:`UA`},SK:{value:`+421`,label:`Slovakia`,iso:`SK`},CZ:{value:`+420`,label:`Czech Republic`,iso:`CZ`},HU:{value:`+36`,label:`Hungary`,iso:`HU`},PT:{value:`+351`,label:`Portugal`,iso:`PT`},IE:{value:`+353`,label:`Ireland`,iso:`IE`},SE:{value:`+46`,label:`Sweden`,iso:`SE`},NO:{value:`+47`,label:`Norway`,iso:`NO`},DK:{value:`+45`,label:`Denmark`,iso:`DK`},FI:{value:`+358`,label:`Finland`,iso:`FI`},CY:{value:`+357`,label:`Cyprus`,iso:`CY`},AL:{value:`+355`,label:`Albania`,iso:`AL`},ME:{value:`+382`,label:`Montenegro`,iso:`ME`},BA:{value:`+387`,label:`Bosnia and Herzegovina`,iso:`BA`},XK:{value:`+383`,label:`Kosovo`,iso:`XK`},MD:{value:`+373`,label:`Moldova`,iso:`MD`},BY:{value:`+375`,label:`Belarus`,iso:`BY`},LT:{value:`+370`,label:`Lithuania`,iso:`LT`},LV:{value:`+371`,label:`Latvia`,iso:`LV`},EE:{value:`+372`,label:`Estonia`,iso:`EE`}},Re=[`US`,`CA`,`GB`,`DE`,`FR`,`IT`,`ES`,`AU`],ze=e=>typeof e==`string`?Le[e.toUpperCase()]??null:e,Be=e=>e.map(ze).filter(e=>e!==null),Ve=(e,t)=>{let n=e.trim().replace(/\s+/g,` `).replace(/[^\d ()+-]/g,``);return t&&n.startsWith(t)&&(n=n.slice(t.length).replace(/^[\s-]+/,``)),t&&n.startsWith(`0`)&&(n=n.slice(1)),n},He=(e,t)=>e?e.startsWith(`+`)?e:Le[e.toUpperCase()]?.value??e:t[0]?.value??``;function Ue({normalizeOnBlur:e=!0,onBlur:t,onChange:n,prefix:r,defaultPrefix:i,prefixes:s=Re,onPrefixChange:c,disablePrefixSelector:l=!1,prefixPlaceholder:u,prefixWidth:d=`w-[120px]`,showCountryName:f=!0,showPrefixInDropdown:p=!0,invalid:m,disabled:h,className:g,size:_,strings:v,...y},b){let{defaultControlSize:x}=o(),S=pe(_,x),C=F(Ie,v),w=(0,K.useMemo)(()=>Be(s),[s]),[T,E]=(0,K.useState)((0,K.useMemo)(()=>He(i,w),[i,w])),D=r!==void 0,O=D?He(r,w):T,k=(0,K.useMemo)(()=>w.find(e=>e.value===O),[w,O]),A=(0,K.useCallback)(e=>{e!==null&&(D||E(e),c?.(e))},[D,c]),j=(0,K.useCallback)(e=>{if(!n)return;let t=e.target.value;if(O&&t.startsWith(O)){let r=t.slice(O.length).replace(/^[\s-]+/,``),i=r.startsWith(`0`)?r.slice(1):r;if(i!==t){n({...e,target:{...e.target,value:i},currentTarget:{...e.currentTarget,value:i}});return}}n(e)},[n,O]),M=(0,K.useCallback)(r=>{if(e&&typeof n==`function`){let e=Ve(r.target.value,O);e!==r.target.value&&n({...r,target:{...r.target,value:e},currentTarget:{...r.currentTarget,value:e}})}t?.(r)},[e,n,t,O]);if(w.length===0||l){let e=O||i;return e?(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsx)(`div`,{"aria-invalid":m||void 0,className:I(`flex items-center justify-center rounded-md border border-input bg-muted px-3`,me[S],h&&`opacity-50`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`),children:(0,q.jsx)(a,{tag:`span`,type:`secondary`,weight:`medium`,children:e})}),(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:g,...y})})]}):(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:I(`phone-input--component`,g),...y})}return(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,q.jsxs)(ce,{value:O,onValueChange:e=>A(e),disabled:h,children:[(0,q.jsx)(re,{"aria-invalid":m||void 0,className:I(`border-input bg-transparent shrink-0 !shadow-none`,me[S],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,d,h&&`opacity-50 cursor-not-allowed`),children:(0,q.jsx)(oe,{placeholder:u??C.prefixPlaceholder,children:!!k&&(0,q.jsx)(a,{tag:`span`,children:k.value})})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:w.map(e=>(0,q.jsx)(ie,{value:e.value,children:(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!p&&(0,q.jsx)(a,{tag:`span`,weight:`medium`,className:`min-w-[50px]`,children:e.value}),!!f&&(0,q.jsx)(a,{tag:`span`,type:`secondary`,lineHeight:`tight`,children:e.label})]})},e.value))})})]}),(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(H,{ref:b,size:S,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:j,onBlur:M,invalid:m,disabled:h,className:g,...y})})]})}var We=(0,K.memo)(K.forwardRef(Ue));We.displayName=`PhoneInput`;var Ge=(0,K.forwardRef)(function({decimalPlaces:e=2,min:t=0,max:n=100,step:r,...i},a){return(0,q.jsx)(W,{className:`percentage-input--component`,ref:a,decimalPlaces:e,allowNegative:!1,min:t,max:n,step:r,endAddon:`%`,...i})});Ge.displayName=`PercentageInput`;function Ke({name:e,id:t,value:n,defaultValue:r,min:i=0,max:o=100,step:s=1,disabled:c=!1,invalid:l=!1,onChange:u,onValueChange:d,onValueCommitted:f,showValue:p=!1,formatValue:m,unit:h,className:g,orientation:_=`horizontal`},v){let y=(0,K.useId)(),b=t??`slider-${y}`,x=e??b,S=(0,K.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;d?.(t),u?.({target:{name:x,value:t}})},[x,u,d]),C=(0,K.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;f?.(t)},[f]),w=(0,K.useMemo)(()=>{if(!p)return null;let e=n??r??i;return m?m(e):h?`${e}${h}`:String(e)},[p,n,r,i,m,h]),T=n===void 0?void 0:[n],E=r===void 0?[i]:[r];return(0,q.jsxs)(`div`,{className:I(`slider--component`,`flex items-center gap-3`,g),children:[(0,q.jsx)(be,{ref:v,id:b,value:T,defaultValue:E,min:i,max:o,step:s,disabled:c,orientation:_,onValueChange:S,onValueCommitted:C,"aria-invalid":l||void 0,className:I(`min-w-0 flex-1`,l&&`[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive`)}),!!p&&w!==null&&(0,q.jsx)(a,{tag:`span`,type:l?`error`:`secondary`,className:`min-w-[3ch] shrink-0 text-right tabular-nums`,children:w})]})}var qe=K.forwardRef(Ke);qe.displayName=`SliderField`;function Je({options:e,value:t,defaultValue:n,onChange:r,name:i,invalid:s,disabled:c,size:l,className:u}){let{defaultControlSize:f}=o(),p=Ce[pe(l,f)];return(0,q.jsx)(De,{value:t,defaultValue:n,onValueChange:e=>e&&r?.(e),name:i,disabled:c,"aria-invalid":s||void 0,className:I(`list-radio-group--component`,`overflow-hidden rounded-md border [&>[role=radio]~[role=radio]]:border-t`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,c&&`pointer-events-none opacity-50`,u),children:e.map(e=>(0,q.jsxs)(Ee,{value:e.value,disabled:c||e.disabled,className:I(`group flex w-full items-start gap-3 text-start outline-none cursor-pointer`,`transition-colors hover:bg-muted/40 focus-visible:bg-muted/40`,`data-[checked]:bg-primary/10`,`disabled:cursor-not-allowed disabled:opacity-50`,p),children:[(0,q.jsx)(`div`,{className:`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-primary group-data-[checked]:border-primary group-not-data-[checked]:border-muted-foreground/50`,children:(0,q.jsx)(Te,{render:(0,q.jsx)(d,{className:`h-2.5 w-2.5 fill-primary text-primary`})})}),(0,q.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,q.jsx)(a,{tag:`span`,weight:`medium`,lineHeight:`tight`,className:`block`,children:e.label}),!!e.description&&(0,q.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,className:`block mt-0.5`,children:e.description})]})]},e.value))})}Je.displayName=`ListRadioGroup`;var Ye={USD:`$`,EUR:`€`,GBP:`£`,BGN:`лв`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`},Xe=e=>!e||e.length===0?[]:e.map(e=>typeof e==`string`?{value:e,label:`${Ye[e]||e} ${e}`}:e);function Ze({currency:e,defaultCurrency:t,currencies:n,onCurrencyChange:r,currencyPosition:i=`start`,disableCurrencySelector:a=!1,currencyPlaceholder:s,currencyWidth:c=`w-28`,currencyLabel:l,invalid:u,disabled:d,onConfigError:f,size:p,...m},h){let{defaultControlSize:g}=o(),_=pe(p,g),v=(0,K.useMemo)(()=>Xe(n),[n]),[y,b]=(0,K.useState)(t??v[0]?.value??``),x=e!==void 0,S=x?e:y;(0,K.useEffect)(()=>{let n={currency:e,defaultCurrency:t,disableCurrencySelector:a};a&&typeof e==`string`&&typeof t==`string`&&e.trim()!==``&&t.trim()!==``&&e!==t&&f?.(`[CurrencyInput] currency/defaultCurrency mismatch while selector is disabled.`,n),a&&(typeof S!=`string`||S.trim().length===0)&&f?.(`[CurrencyInput] disableCurrencySelector is enabled but no currency is provided.`,n)},[e,t,a,f,S]);let C=(0,K.useCallback)(e=>{e!==null&&(x||b(e),r?.(e))},[x,r]),w=(0,K.useMemo)(()=>I(`border-input bg-transparent !shadow-none`,me[_],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,c,d&&`opacity-50 cursor-not-allowed`),[_,c,d]),T=(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!l&&(0,q.jsx)(R,{className:`leading-6`,children:l}),(0,q.jsxs)(ce,{value:S,onValueChange:e=>C(e),disabled:d||a,children:[(0,q.jsx)(re,{"aria-invalid":u||void 0,className:w,children:(0,q.jsx)(oe,{placeholder:s??``})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:v.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]});return(0,q.jsxs)(`div`,{className:I(`currency-input--component`,`flex items-start gap-2`),children:[i===`start`&&T,(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(W,{ref:h,size:_,decimalPlaces:2,allowNegative:!1,disabled:d,invalid:u,...m})}),i===`end`&&T]})}var Qe=(0,K.memo)((0,K.forwardRef)(Ze));Qe.displayName=`CurrencyInput`;var $e=[`USD`,`EUR`],et=(0,K.forwardRef)(function({currencies:e=$e,onCurrencyChange:t,currency:n,defaultCurrency:r,...i},a){return(0,q.jsx)(Qe,{className:`money-input--component`,ref:a,currencies:e,currency:n,defaultCurrency:r,onCurrencyChange:(0,K.useCallback)(e=>{t?.(e)},[t]),...i})});et.displayName=`MoneyInput`;var tt=[`floor`,`half_up`,`ceil`];function nt({value:e,onChange:t,labels:n,placeholder:r,...i}){return(0,q.jsx)(he,{className:`rounding-mode-select--component`,options:(0,K.useMemo)(()=>tt.map(e=>({value:e,label:n?.[e]??e})),[n]),value:e,onChange:(0,K.useCallback)(e=>{t?.(e)},[t]),placeholder:r,...i})}nt.displayName=`RoundingModeSelect`;var rt={placeholder:`Select an item`},it=`__rich_select_empty__`,at=(0,K.forwardRef)(({options:e,placeholder:t,strings:n,onChange:r,className:i,disabled:s,defaultOpen:c,open:l,onOpenChange:u,name:d,required:f,value:p,defaultValue:m,allowClear:h=!1,invalid:g,size:_},v)=>{let{defaultControlSize:y}=o(),b=pe(_,y),x=F(rt,n),S=t??x.placeholder,C=(0,K.useCallback)(e=>{if(e!==it)return e===``||e==null?h?it:void 0:e},[h]),w=(0,K.useCallback)(e=>{if(e!==it)return e},[]),T=(0,K.useMemo)(()=>{let t=e.map(e=>({...e,value:C(e.value)??``}));return h&&(t.some(e=>e.label===S)||t.unshift({label:S,value:it})),t},[e,h,S,C]),E=(0,K.useMemo)(()=>C(p??void 0),[p,C]),D=(0,K.useMemo)(()=>C(m??void 0),[m,C]),O=p!==void 0,[k,A]=(0,K.useState)(D),j=O?E:k,M=(0,K.useMemo)(()=>T.find(e=>e.value===j),[j,T]),N=(0,K.useCallback)(e=>{e!=null&&(O||A(e),r?.(w(e)))},[O,r,w]),P=I(`border-input bg-transparent w-full rounded-radius border outline-none transition-[color,box-shadow] !shadow-none`,me[b],V[b],`h-auto py-2`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:text-destructive`,`disabled:cursor-not-allowed disabled:opacity-50`,i),ee=O?{value:E}:{};return(0,q.jsxs)(ce,{onValueChange:e=>N(e),disabled:s,defaultOpen:c,open:l,onOpenChange:u,name:d,required:f,defaultValue:D,...ee,children:[(0,q.jsx)(re,{ref:v,className:I(`rich-select--component`,P),"aria-invalid":g,children:M?(0,q.jsx)(a,{tag:`span`,className:`text-left break-words whitespace-normal`,children:M.label}):(0,q.jsx)(oe,{placeholder:S})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:T.map(e=>(0,q.jsx)(ie,{value:e.value,disabled:e.disabled,children:(0,q.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[!!e.icon&&(0,q.jsx)(`span`,{className:`w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5`,children:e.icon}),(0,q.jsxs)(`div`,{className:`flex flex-col min-w-0 text-left flex-1`,children:[(0,q.jsx)(a,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,q.jsx)(a,{tag:`span`,size:`xs`,type:`secondary`,lineHeight:`tight`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]})},e.value))})})]})});at.displayName=`RichSelect`;var ot={width:`Width`,height:`Height`,depth:`Depth`,unit:`Unit`,widthPlaceholder:`0.00`,heightPlaceholder:`0.00`,depthPlaceholder:`0.00`},st=[{value:`g`,label:`g (grams)`},{value:`kg`,label:`kg (kilograms)`}],ct=(e,t)=>{if(!e)return{width:``,height:``,depth:``};if(t===`string`&&typeof e==`string`){let t=e.split(`x`).map(e=>e.trim());return{width:t[0]||``,height:t[1]||``,depth:t[2]||``}}return t===`object`&&typeof e==`object`?{width:e.width||``,height:e.height||``,depth:e.depth||``}:{width:``,height:``,depth:``}},lt=(e,t,n,r)=>r===`string`?`${e}x${t}x${n}`:{width:e,height:t,depth:n};function ut({value:e,defaultValue:t,format:n=`string`,unit:r,defaultUnit:i=`g`,widthLabel:s,heightLabel:c,depthLabel:l,unitLabel:u,unitPlaceholder:d,widthPlaceholder:f,heightPlaceholder:p,depthPlaceholder:m,onChange:h,onUnitChange:g,decimalPlaces:_=2,min:v=0,max:y,showUnitSelector:b=!0,disableUnitSelector:x=!1,layout:S=`horizontal`,invalid:C,disabled:w=!1,className:T,size:E,strings:D}){let{defaultControlSize:O}=o(),k=pe(E,O),A=F(ot,D),j=s??A.width,M=c??A.height,N=l??A.depth,P=d??A.unit,ee=f??A.widthPlaceholder,te=p??A.heightPlaceholder,ne=m??A.depthPlaceholder,L=S===`horizontal`,le=S===`vertical`,ue=b===!0,z=(u??``).length>0,B=le?j:``,de=le?M:``,fe=le?N:``,V=e!==void 0,H=r!==void 0,U=ct(V?e:t,n),[he,ge]=(0,K.useState)(U.width),[_e,ve]=(0,K.useState)(U.height),[ye,be]=(0,K.useState)(U.depth),[xe,Se]=(0,K.useState)(r||i),Ce=ct(e,n),we=V?Ce.width:he,Te=V?Ce.height:_e,Ee=V?Ce.depth:ye,De=H?r:xe;(0,K.useEffect)(()=>{if(V){let t=ct(e,n);ge(t.width),ve(t.height),be(t.depth)}},[e,n,V]);let Oe=(0,K.useCallback)((e,t)=>{let r=we,i=Te,a=Ee;e===`width`&&(r=t),e===`height`&&(i=t),e===`depth`&&(a=t),V||(ge(r),ve(i),be(a));let o=lt(r,i,a,n);h?.({target:{value:o}})},[we,Te,Ee,V,n,h]),ke=(0,K.useCallback)(e=>{if(e===null)return;let t=e;H||Se(t),g?.(t)},[H,g]),Ae=(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!z&&(0,q.jsx)(R,{className:`leading-6`,children:u}),(0,q.jsxs)(ce,{value:De,onValueChange:e=>ke(e),disabled:w||x,children:[(0,q.jsx)(re,{"aria-invalid":C||void 0,className:I(`border-input bg-transparent !shadow-none`,me[k],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,`w-32`,w&&`opacity-50 cursor-not-allowed`),children:(0,q.jsx)(oe,{placeholder:P})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:st.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]});return(0,q.jsx)(`div`,{className:I(`dimensions-input--component`,`space-y-2`,T),children:(0,q.jsxs)(`div`,{className:I(`flex gap-2`,S===`vertical`?`flex-col`:`flex-row items-start`),children:[(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!B&&(0,q.jsx)(R,{children:B}),(0,q.jsx)(W,{size:k,value:we,onChange:e=>Oe(`width`,e.target.value),placeholder:ee,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":j}),!!L&&(0,q.jsx)(a,{size:`xs`,type:`secondary`,className:`text-center`,children:j})]}),S===`horizontal`&&(0,q.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,q.jsx)(a,{tag:`span`,type:`secondary`,children:`×`})}),(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!de&&(0,q.jsx)(R,{children:de}),(0,q.jsx)(W,{size:k,value:Te,onChange:e=>Oe(`height`,e.target.value),placeholder:te,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":M}),!!L&&(0,q.jsx)(a,{size:`xs`,type:`secondary`,className:`text-center`,children:M})]}),S===`horizontal`&&(0,q.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,q.jsx)(a,{tag:`span`,type:`secondary`,children:`×`})}),(0,q.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!le&&!!fe&&(0,q.jsx)(R,{children:fe}),(0,q.jsx)(W,{size:k,value:Ee,onChange:e=>Oe(`depth`,e.target.value),placeholder:ne,decimalPlaces:_,min:v,max:y,disabled:w,invalid:C,"aria-label":N}),!!L&&(0,q.jsx)(a,{size:`xs`,type:`secondary`,className:`text-center`,children:N})]}),!!ue&&(0,q.jsxs)(`div`,{className:I(S===`vertical`?`w-full`:`w-32 pt-0`),children:[Ae,!!L&&!z&&(0,q.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1 text-center`,children:P})]})]})})}ut.displayName=`DimensionsInput`;var dt={unitLabel:``,unitPlaceholder:``},ft=[{value:`g`,label:`g`},{value:`kg`,label:`kg`},{value:`lb`,label:`lb`},{value:`oz`,label:`oz`}];function pt({value:e,defaultValue:t,unit:n,defaultUnit:r=`g`,onChange:i,onUnitChange:a,decimalPlaces:s=2,min:c=0,max:l,showUnitSelector:u=!0,disableUnitSelector:d=!1,unitLabel:f,unitPlaceholder:p,unitWidth:m=`w-24`,strings:h,invalid:g,disabled:_=!1,size:v,className:y}){let{defaultControlSize:b}=o(),x=pe(v,b),S=F(dt,{...f===void 0?{}:{unitLabel:f},...p===void 0?{}:{unitPlaceholder:p},...h}),C=e!==void 0,w=n!==void 0,[T,E]=(0,K.useState)(t??``),[D,O]=(0,K.useState)(n??r),k=C?e??``:T,A=w?n??r:D,j=(0,K.useCallback)(e=>{C||E(e.target.value),i?.({target:{value:e.target.value}})},[C,i]),M=(0,K.useCallback)(e=>{if(e===null)return;let t=e;w||O(t),a?.(t)},[w,a]),N=(0,K.useMemo)(()=>ft,[]),P=S.unitLabel!==``;return(0,q.jsxs)(`div`,{className:I(`weight-input--component`,`flex items-start gap-2`,y),children:[(0,q.jsx)(`div`,{className:`flex-1`,children:(0,q.jsx)(W,{size:x,value:k,onChange:j,decimalPlaces:s,allowNegative:!1,min:c,max:l,disabled:_,invalid:g})}),!!u&&(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!P&&(0,q.jsx)(R,{className:`leading-6`,children:S.unitLabel}),(0,q.jsxs)(ce,{value:A,onValueChange:e=>M(e),disabled:_||d,children:[(0,q.jsx)(re,{"aria-invalid":g||void 0,className:I(`border-input bg-transparent !shadow-none`,me[x],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,(_||d)&&`opacity-50 cursor-not-allowed`,m),children:(0,q.jsx)(oe,{placeholder:S.unitPlaceholder||void 0})}),(0,q.jsx)(ae,{children:(0,q.jsx)(se,{children:N.map(e=>(0,q.jsx)(ie,{value:e.value,children:e.label},e.value))})})]})]})]})}pt.displayName=`WeightInput`;var mt={latLabel:``,lngLabel:``,latPlaceholder:``,lngPlaceholder:``,previewLinkLabel:``},ht=(e,t)=>{if(!e)return{lat:``,lng:``};if(t===`string`&&typeof e==`string`){let[t,n]=e.split(`,`).map(e=>e.trim());return{lat:t??``,lng:n??``}}return t===`object`&&typeof e==`object`?{lat:e.lat??``,lng:e.lng??``}:{lat:``,lng:``}},gt=(e,t,n)=>n===`string`?`${e},${t}`:{lat:e,lng:t},_t=(e,t,n)=>{if(!e)return!1;let r=Number(e);return Number.isFinite(r)&&r>=t&&r<=n};function vt({value:e,defaultValue:t,format:n=`object`,onChange:r,latLabel:i,lngLabel:a,latPlaceholder:o,lngPlaceholder:s,decimalPlaces:c=6,showPreviewLink:l=!0,previewLinkLabel:u,strings:d,invalid:f,className:p,disabled:m}){let h=F(mt,{...i===void 0?{}:{latLabel:i},...a===void 0?{}:{lngLabel:a},...o===void 0?{}:{latPlaceholder:o},...s===void 0?{}:{lngPlaceholder:s},...u===void 0?{}:{previewLinkLabel:u},...d}),g=e!==void 0,_=ht(g?e:t,n),[v,y]=(0,K.useState)(_.lat),[b,x]=(0,K.useState)(_.lng),S=ht(e,n),C=g?S.lat:v,w=g?S.lng:b;(0,K.useEffect)(()=>{g&&(y(S.lat),x(S.lng))},[g,S.lat,S.lng]);let T=(0,K.useCallback)((e,t)=>{g||(y(e),x(t)),r?.({target:{value:gt(e,t,n)}})},[g,r,n]),E=(0,K.useMemo)(()=>{let e=_t(C,-90,90),t=_t(w,-180,180);return!e||!t?null:`https://www.google.com/maps?q=${encodeURIComponent(`${C},${w}`)}`},[C,w]);return(0,q.jsxs)(`div`,{className:I(`coordinates-input--component`,`space-y-3`,p),children:[(0,q.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:[(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!h.latLabel&&(0,q.jsx)(R,{children:h.latLabel}),(0,q.jsx)(W,{placeholder:h.latPlaceholder||void 0,value:C,onChange:e=>T(e.target.value,w),decimalPlaces:c,allowNegative:!0,min:-90,max:90,invalid:f,disabled:m})]}),(0,q.jsxs)(`div`,{className:`space-y-2`,children:[!!h.lngLabel&&(0,q.jsx)(R,{children:h.lngLabel}),(0,q.jsx)(W,{placeholder:h.lngPlaceholder||void 0,value:w,onChange:e=>T(C,e.target.value),decimalPlaces:c,allowNegative:!0,min:-180,max:180,invalid:f,disabled:m})]})]}),!!l&&!!E&&!!h.previewLinkLabel&&(0,q.jsx)(le,{href:E,type:`secondary`,underline:!1,children:h.previewLinkLabel})]})}vt.displayName=`CoordinatesInput`;function yt({value:e,onChange:t,placeholder:n,readableFormat:r=`dd-MM-yyyy HH:mm`,stepMinutes:i=30,modal:a=!0,invalid:o,disabled:s}){let c=e?new Date(e):void 0;return(0,q.jsx)(Me,{className:`date-time-input--component`,mode:`single`,disabled:s,error:o?` `:void 0,placeholder:n,value:c,onChange:(0,K.useCallback)(e=>{t?.(e.date?e.date.toISOString():void 0)},[t]),readableFormat:r,withTime:{enabled:!0,format:`24`,step:i},modal:a})}yt.displayName=`DateTimeInput`;var bt={placeholder:`Select time`,dialogTitle:`Select Time`,hours:`Hours`,minutes:`Minutes`,seconds:`Seconds`,now:`Now`,done:`Done`,hoursPlaceholder:`HH`,minutesPlaceholder:`MM`,secondsPlaceholder:`SS`,am:`AM`,pm:`PM`},J=e=>String(e).padStart(2,`0`),Y=e=>{let t=e.trim();if(t===``)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)?n:null},X=(e,t,n)=>Math.min(Math.max(e,t),n),xt=e=>(e??``).replace(/\D/g,``).slice(0,2),St=(e,t)=>{if(!Number.isFinite(t)||t<=0||t===1)return e;let n=e%t,r=n>=Math.max(1,Math.floor(t*.8)),i=e-n,a=r?i+t:i;return a>=60?0:a};function Ct({className:e,value:t=`00:00:00`,onChange:n,invalid:r,disabled:i,placeholder:o,dialogTitle:c,hoursLabel:l,minutesLabel:u,secondsLabel:d,nowLabel:p,doneLabel:m,format:h=`24`,minuteStep:g=5,showSeconds:_=!0,strings:v}){let y=(0,K.useId)(),b=F(bt,{...o===void 0?{}:{placeholder:o},...c===void 0?{}:{dialogTitle:c},...l===void 0?{}:{hours:l},...u===void 0?{}:{minutes:u},...d===void 0?{}:{seconds:d},...p===void 0?{}:{now:p},...m===void 0?{}:{done:m},...v??{}}),x=(0,K.useCallback)((e,t)=>{let n=Y(e??``)??0;return h===`12`?{hours:J(n>12?12:X(n===0?12:n,1,12)),meridiem:t}:{hours:J(n>24?24:X(n,0,24)),meridiem:t}},[h]),S=(0,K.useCallback)(e=>{let t=Y(e??``)??0;return t>59&&(t=0),t=St(X(t,0,59),g),J(t)},[g]),C=(0,K.useCallback)(e=>{let t=Y(e??``)??0;return t>59&&(t=0),t=X(t,0,59),J(t)},[]),w=(0,K.useCallback)((e,t,n,r)=>{let i=Y(e)??0,a=Y(t)??0;a>59&&(a=0),a=St(X(a,0,59),g);let o=_?Y(n)??0:0;if(o>59&&(o=0),o=_?X(o,0,59):0,h===`12`){let e=i>12?12:X(i===0?12:i,1,12);return`${J(r===`AM`?e===12?0:e:e===12?12:e+12)}:${J(a)}:${J(o)}`}return`${J(i>24?24:X(i,0,24))}:${J(a)}:${J(o)}`},[h,g,_]),T=(0,K.useCallback)(e=>{let[t=`00`,n=`00`,r=`00`]=(e??``).split(`:`),i=_?r:`00`;return{hours:xt(t),minutes:xt(n),seconds:xt(i)}},[_]),[E,D]=(0,K.useState)(!1),[O,k]=(0,K.useState)(()=>T(t)),[A,j]=(0,K.useState)(()=>{let[e=`00`]=(t??``).split(`:`);return(Y(e)??0)>=12?`PM`:`AM`}),M=(0,K.useRef)({});(0,K.useEffect)(()=>{if(E)return;k(T(t));let[e=`00`]=(t??``).split(`:`);j((Y(e)??0)>=12?`PM`:`AM`)},[E,T,t]);let N=(e,t)=>{let r=xt(t);k(t=>({...t,[e]:r})),M.current[e]&&window.clearTimeout(M.current[e]),M.current[e]=window.setTimeout(()=>{k(t=>{let r={...t};if(e===`hours`){let e=(r.hours??``).trim();e.length===1&&(r.hours=`0${e}`),(r.hours??``).trim().length===2&&(r.hours=x(r.hours,A).hours)}if(e===`minutes`){let e=(r.minutes??``).trim();e.length===1&&(r.minutes=`0${e}`),(r.minutes??``).trim().length===2&&(r.minutes=S(r.minutes))}if(e===`seconds`){let e=(r.seconds??``).trim();e.length===1&&(r.seconds=`0${e}`),(r.seconds??``).trim().length===2&&(r.seconds=C(r.seconds))}let i=w(r.hours,r.minutes,r.seconds,A);n?.(i);let[a=`00`,o=`00`,s=`00`]=i.split(`:`);return h===`12`?r.hours=J((Y(a)??0)%12||12):r.hours=a,r.minutes=o,r.seconds=s,r})},400)},P=e=>{M.current[e]&&window.clearTimeout(M.current[e]),k(e=>{let t={...e};t.hours=x(t.hours,A).hours,t.minutes=S(t.minutes),t.seconds=C(t.seconds);let r=w(t.hours,t.minutes,t.seconds,A);n?.(r);let[i=`00`,a=`00`,o=`00`]=r.split(`:`);return{hours:h===`12`?xt(String((Y(i)??0)%12||12)):i,minutes:a,seconds:o}})},ee=(0,K.useMemo)(()=>{let e=w(O.hours,O.minutes,O.seconds,A);if(!_){let[t=`00`,n=`00`]=e.split(`:`);return`${t}:${n}`}return e},[A,w,_,O.hours,O.minutes,O.seconds]);return(0,q.jsxs)(ke,{open:E,onOpenChange:D,children:[(0,q.jsx)(Oe,{render:n=>(0,q.jsx)(s,{...n,id:y,variant:`secondary`,buttonStyle:`outline`,"aria-expanded":E,"aria-invalid":r,disabled:i,className:I(`time-picker--component`,je,`w-full justify-between text-left`,!t&&`!text-muted-foreground`,n.className,e),children:n.children}),children:(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(f,{className:`h-4 w-4`}),(0,q.jsx)(`span`,{children:ee||b.placeholder})]})}),(0,q.jsx)(Ae,{className:`w-auto p-4`,align:`start`,children:(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsx)(a,{tag:`div`,weight:`medium`,align:`center`,children:b.dialogTitle}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.hours}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.hours,onChange:e=>N(`hours`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`hours`),placeholder:b.hoursPlaceholder,className:`w-16 text-center`})]}),(0,q.jsx)(a,{tag:`div`,className:`text-2xl`,children:`:`}),(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.minutes}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.minutes,onChange:e=>N(`minutes`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`minutes`),placeholder:b.minutesPlaceholder,className:`w-16 text-center`})]}),!!_&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(a,{tag:`div`,className:`text-2xl`,children:`:`}),(0,q.jsxs)(`div`,{className:`text-center`,children:[(0,q.jsx)(R,{size:`xs`,className:`text-muted-foreground`,children:b.seconds}),(0,q.jsx)(H,{inputMode:`numeric`,value:O.seconds,onChange:e=>N(`seconds`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>P(`seconds`),placeholder:b.secondsPlaceholder,className:`w-16 text-center`})]})]}),h===`12`&&(0,q.jsxs)(`div`,{className:`flex items-end gap-1 pb-0.5`,children:[(0,q.jsx)(s,{type:`button`,variant:A===`AM`?`primary`:`secondary`,buttonStyle:A===`AM`?`solid`:`outline`,onClick:()=>j(`AM`),children:b.am}),(0,q.jsx)(s,{type:`button`,variant:A===`PM`?`primary`:`secondary`,buttonStyle:A===`PM`?`solid`:`outline`,onClick:()=>j(`PM`),children:b.pm})]})]}),(0,q.jsxs)(`div`,{className:`flex gap-2`,children:[(0,q.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,className:`flex-1`,onClick:()=>{let e=new Date,t={hours:String(h===`12`?e.getHours()%12||12:e.getHours()),minutes:String(e.getMinutes()),seconds:``};k(t),j(e.getHours()>=12?`PM`:`AM`),n?.(w(t.hours,t.minutes,t.seconds,e.getHours()>=12?`PM`:`AM`))},children:b.now}),(0,q.jsx)(s,{variant:`primary`,buttonStyle:`solid`,className:`flex-1`,onClick:()=>{n?.(w(O.hours,O.minutes,O.seconds,A)),D(!1)},children:b.done})]})]})})]})}Ct.displayName=`TimePicker`;var wt=e=>{if(e===0)return`0 Bytes`;let t=1024,n=[`Bytes`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${(e/t**r).toFixed(2)} ${n[r]}`},Tt=0,Et=()=>`${Date.now().toString(36)}-${(Tt++).toString(36)}`,Dt=e=>{let[t,n]=(0,K.useState)([]),[r,i]=(0,K.useState)({}),a=(0,K.useCallback)(wt,[]),o=(0,K.useCallback)(t=>{if(e?.minSize!==void 0&&t.size<e.minSize)return`Size (${wt(t.size)}) is smaller than minimum (${wt(e.minSize)}).`;if(e?.maxSize!==void 0&&t.size>e.maxSize)return`Size (${wt(t.size)}) exceeds maximum (${wt(e.maxSize)}).`;let n=t.name.split(`.`).pop()?.toLowerCase()||``;if(e?.allowedExtensions&&!e.allowedExtensions.map(e=>e.toLowerCase()).includes(n))return`Extension (.${n}) is not allowed.`;if(e?.customValidator){let n=e.customValidator(t);if(n!==!0)return typeof n==`string`?n:`Custom validation failed.`}return null},[e]),s=(0,K.useCallback)((t,r=!1)=>{let a=Array.isArray(t)?t:Array.from(t),s={};n(t=>{let n=r?[]:[...t];return a.forEach(t=>{let r=t.name.split(`.`).pop()?.toLowerCase()||``;if(n.some(e=>e.name===t.name&&e.size===t.size&&e.extension===r))return;let i=o(t);if(i){s[t.name]=i;return}if(e?.maxFiles!==void 0&&n.length+1>e.maxFiles){s[t.name]=`Cannot exceed max files limit of ${e.maxFiles}.`;return}let a={id:Et(),file:t,name:t.name,size:t.size,formattedSize:wt(t.size),type:t.type,extension:r,lastModified:t.lastModified};n.push(a)}),n}),i(s)},[e?.maxFiles,o]);return{files:t,addFiles:(0,K.useCallback)(e=>s(e,!1),[s]),setFiles:(0,K.useCallback)(e=>s(e,!0),[s]),remove:(0,K.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),removeAll:(0,K.useCallback)(()=>{n(e=>e.length===0?e:[]),i({})},[]),formatSize:a,validationErrors:r}},Ot={change:`Change photo`,remove:`Remove photo`,hint:`Click or drop an image`,dragOver:`Drop image to upload`},kt={sm:{box:`size-16`,icon:`size-4`,remove:`size-5`},base:{box:`size-24`,icon:`size-5`,remove:`size-6`},lg:{box:`size-32`,icon:`size-6`,remove:`size-7`}};function At({value:e,onChange:t,defaultPreviewUrl:n,accept:r=`.png,.jpg,.jpeg,.gif,.webp`,disabled:i=!1,invalid:o=!1,size:s=`base`,className:c,strings:l,initials:d},f){let p=F(Ot,l),m=(0,K.useId)(),h=(0,K.useRef)(null),[g,_]=(0,K.useState)(!1),v=kt[s],{files:y,setFiles:b,removeAll:x}=Dt({maxFiles:1,allowedExtensions:(0,K.useMemo)(()=>r.split(`,`).map(e=>e.trim().replace(/^\./,``).toLowerCase()).filter(Boolean),[r])});(0,K.useEffect)(()=>{e?b([e]):x()},[e]);let S=y[0],[C,w]=(0,K.useState)(void 0);(0,K.useEffect)(()=>{let t=S?.file??e;if(!t){w(void 0);return}let n=URL.createObjectURL(t);return w(n),()=>URL.revokeObjectURL(n)},[S,e]);let T=C??n,E=!!T,D=(0,K.useCallback)(e=>{let n=e.target.files;!n||n.length===0||(b(n),t?.(n[0]),h.current&&(h.current.value=``))},[t,b]),O=(0,K.useCallback)(()=>{i||h.current?.click()},[i]),k=(0,K.useCallback)(()=>{x(),t?.(void 0),h.current&&(h.current.value=``)},[t,x]),A=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),O())},j=(0,K.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),i||_(!0)},[i]),M=(0,K.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),_(!1)},[]),N=(0,K.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),_(!1),i)return;let n=e.dataTransfer?.files;!n||n.length===0||(b(n),t?.(n[0]))},[i,t,b]);return(0,q.jsxs)(`div`,{className:I(`avatar-upload--component`,`inline-flex flex-col items-center gap-2`,c),children:[(0,q.jsxs)(`div`,{role:`button`,tabIndex:i?-1:0,"aria-label":p.change,"aria-disabled":i||void 0,"aria-invalid":o||void 0,onClick:O,onKeyDown:A,onDragEnter:j,onDragOver:j,onDragLeave:M,onDrop:N,className:I(`group relative flex shrink-0 items-center justify-center overflow-hidden rounded-full`,`border border-dashed transition-colors duration-150 outline-none`,`focus-visible:ring-2 focus-visible:ring-ring/50`,E?`border-border/60 bg-muted/20`:I(`bg-muted/30 hover:border-primary hover:bg-primary/5`,o?`border-destructive`:`border-muted-foreground/40`),i&&`cursor-not-allowed opacity-50`,!i&&g&&`border-primary bg-primary/10`,v.box),children:[(0,q.jsx)(`input`,{id:m,ref:e=>{h.current=e,typeof f==`function`?f(e):f&&(f.current=e)},type:`file`,className:`sr-only`,"aria-label":p.change,accept:r,disabled:i,onChange:D}),E&&T?(0,q.jsx)(`img`,{src:T,alt:p.change,className:`absolute inset-0 size-full object-cover`}):d?(0,q.jsx)(a,{size:s===`lg`?`lg`:`base`,weight:`bold`,className:`leading-none`,children:d}):(0,q.jsx)(u,{className:I(v.icon,`text-muted-foreground`),"aria-hidden":`true`}),!i&&E&&(0,q.jsx)(`div`,{className:`pointer-events-none absolute inset-0 hidden items-center justify-center bg-foreground/50 text-background backdrop-blur-[1px] group-hover:flex`,"aria-hidden":`true`,children:(0,q.jsx)(u,{className:v.icon})}),!i&&E&&(0,q.jsx)(`button`,{type:`button`,"aria-label":p.remove,onClick:e=>{e.stopPropagation(),k()},className:I(`absolute right-0.5 top-0.5 inline-flex items-center justify-center rounded-full bg-card text-foreground shadow ring-1 ring-border`,`opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,v.remove),children:(0,q.jsx)(P,{className:`size-3`})}),!i&&!E&&g&&(0,q.jsx)(a,{size:`xxs`,weight:`medium`,className:`absolute inset-x-0 bottom-1.5 text-center text-primary`,children:p.dragOver})]}),!E&&(0,q.jsx)(a,{size:`xs`,type:`secondary`,children:p.hint})]})}var jt=K.forwardRef(At);jt.displayName=`AvatarUpload`;var Z={emptyState:`No items added yet.`,addItem:`Add item`,removeAriaLabel:`Remove item`},Mt={emptyState:Z.emptyState,addButton:Z.addItem,removeAriaLabel:Z.removeAriaLabel,dragHandleAriaLabel:`Drag to reorder`};function Nt({item:e,index:t,sortable:n,rowVariant:r,removeVariant:i,hideRemove:a,disabled:o,strings:c,onRemove:l,renderRow:u}){let d=T({id:e.id,disabled:o||!n}),f=n?d.isDragging:!1,p=n?{transform:w.Transform.toString(d.transform),transition:d.transition,opacity:f?.6:1}:void 0,m=n?d.setNodeRef:void 0,h=n?d.attributes:{},g=n?d.listeners:void 0,_=n?(0,q.jsx)(`button`,{type:`button`,"aria-label":c.dragHandleAriaLabel,className:I(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/50 hover:text-foreground hover:bg-muted`,`cursor-grab active:cursor-grabbing`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,o&&`pointer-events-none opacity-50`),...h,...g,children:(0,q.jsx)(S,{className:`size-4`,"aria-hidden":`true`})}):null,v=a?null:i===`icon-button`?(0,q.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:`shrink-0`,children:(0,q.jsx)(N,{className:`size-4`,"aria-hidden":`true`})}):(0,q.jsx)(`button`,{type:`button`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:I(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/70 hover:bg-destructive/10 hover:text-destructive`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,`disabled:pointer-events-none disabled:opacity-50`),children:(0,q.jsx)(P,{className:`size-4`,"aria-hidden":`true`})});return r===`card`?(0,q.jsx)(`div`,{ref:m,style:p,className:I(`repeater--component`,`relative rounded-md border border-input bg-card p-4`,n&&`pl-2`),children:(0,q.jsxs)(`div`,{className:`flex items-start gap-2`,children:[_,(0,q.jsx)(`div`,{className:`min-w-0 flex-1`,children:u(e,{index:t,isDragging:f})}),v]})}):(0,q.jsxs)(`div`,{ref:m,style:p,className:`flex items-start gap-2`,children:[_,(0,q.jsx)(`div`,{className:`min-w-0 flex-1`,children:u(e,{index:t,isDragging:f})}),v]})}function Pt({items:e,renderRow:t,onAdd:n,onRemove:r,onMove:i,sortable:o=!1,rowVariant:c=`inline`,removeVariant:l=`ghost`,hideRemove:u=!1,hideAdd:d=!1,disabled:f=!1,strings:p,className:m}){let h=F(Mt,p),S=y(v(_,{activationConstraint:{distance:4}}),v(E,{coordinateGetter:C})),w=(0,K.useCallback)(t=>{let{active:n,over:r}=t;if(!r||n.id===r.id)return;let a=e.findIndex(e=>e.id===n.id),o=e.findIndex(e=>e.id===r.id);a<0||o<0||i?.(a,o)},[e,i]),T=(0,K.useMemo)(()=>e.map(e=>e.id),[e]),O=(0,q.jsx)(`div`,{className:`space-y-2`,children:e.map((e,n)=>(0,q.jsx)(Nt,{item:e,index:n,sortable:o,rowVariant:c,removeVariant:l,hideRemove:u,disabled:f,strings:h,onRemove:r,renderRow:t},e.id))});return(0,q.jsxs)(`div`,{className:I(`space-y-3`,m),children:[e.length===0?(0,q.jsx)(`div`,{className:`rounded-md border border-dashed border-input p-4`,children:(0,q.jsx)(a,{type:`secondary`,children:h.emptyState})}):o?(0,q.jsx)(g,{sensors:S,collisionDetection:x,onDragEnd:w,children:(0,q.jsx)(D,{items:T,strategy:b,children:O})}):O,!d&&(0,q.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,disabled:f,onClick:n,children:[(0,q.jsx)(A,{className:`size-4 mr-1.5`}),h.addButton]})]})}Pt.displayName=`Repeater`;var Ft={keyLabel:`Key`,valueLabel:`Value`,keyPlaceholder:`key`,valuePlaceholder:`value`,addButton:`Add row`,removeRowAriaLabel:`Remove row`,emptyState:`No rows yet.`},It=()=>typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():Math.random().toString(36).slice(2,10),Lt=(0,K.memo)(function({row:e,keyPlaceholder:t,valuePlaceholder:n,invalid:r,onKeyChange:i,onValueChange:a}){let{id:o,key:s,value:c}=e;return(0,q.jsxs)(`div`,{className:I(`key-value-editor--component`,`grid grid-cols-1 md:grid-cols-2 gap-2`),children:[(0,q.jsx)(H,{value:s??``,placeholder:t,onChange:e=>i(o,e.target.value),invalid:r}),(0,q.jsx)(H,{value:c??``,placeholder:n,onChange:e=>a(o,e.target.value),invalid:r})]})});function Rt({value:e,onChange:t,invalid:n,sortable:r=!1,keyPlaceholder:i,valuePlaceholder:a,keyLabel:o,valueLabel:s,addButtonText:c,strings:l}){let u=F(Ft,{...i===void 0?{}:{keyPlaceholder:i},...a===void 0?{}:{valuePlaceholder:a},...o===void 0?{}:{keyLabel:o},...s===void 0?{}:{valueLabel:s},...c===void 0?{}:{addButton:c},...l}),d=(0,K.useRef)(!1),[f,p]=(0,K.useState)(()=>e&&Object.keys(e).length>0?Object.entries(e).map(([e,t])=>({id:It(),key:e,value:String(t??``)})):[{id:It(),key:``,value:``}]),m=(0,K.useCallback)(e=>{let n={};e.forEach(({key:e,value:t})=>{e.trim()!==``&&(n[e]=t??``)}),d.current=!0,t?.(n),queueMicrotask(()=>{d.current=!1})},[t]),h=(0,K.useCallback)((e,t)=>{p(n=>{let r=n.map(n=>n.id===e?{...n,key:t}:n);return m(r),r})},[m]),g=(0,K.useCallback)((e,t)=>{p(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return m(r),r})},[m]),_=(0,K.useCallback)(()=>{p(e=>{let t=[...e,{id:It(),key:``,value:``}];return m(t),t})},[m]),v=(0,K.useCallback)(e=>{p(t=>{let n=t.filter((t,n)=>n!==e),r=n.length?n:[{id:It(),key:``,value:``}];return m(r),r})},[m]),y=(0,K.useCallback)((e,t)=>{p(n=>{let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),m(r),r})},[m]);return(0,q.jsxs)(`div`,{className:`space-y-2`,children:[(!!u.keyLabel||!!u.valueLabel)&&(0,q.jsxs)(`div`,{className:I(`grid grid-cols-1 md:grid-cols-2 gap-2`,r?`pl-11`:``,`pr-11`),children:[!!u.keyLabel&&(0,q.jsx)(R,{className:`flex items-center`,children:u.keyLabel}),!!u.valueLabel&&(0,q.jsx)(R,{className:`flex items-center`,children:u.valueLabel})]}),(0,q.jsx)(Pt,{items:f,sortable:r,onAdd:_,onRemove:v,onMove:y,strings:{emptyState:u.emptyState,addButton:u.addButton,removeAriaLabel:u.removeRowAriaLabel},renderRow:e=>(0,q.jsx)(Lt,{row:e,keyPlaceholder:u.keyPlaceholder,valuePlaceholder:u.valuePlaceholder,invalid:n,onKeyChange:h,onValueChange:g})})]})}Rt.displayName=`KeyValueEditor`;var zt={placeholder:`Enter value`,addButton:`Add item`,...Z};function Bt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=F(zt,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e});return(0,q.jsx)(Pt,{className:`string-repeater--component`,items:u,sortable:a,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(t,{index:n})=>(0,q.jsx)(H,{...l(`${e}.${n}`),placeholder:s.placeholder,invalid:i})})}Bt.displayName=`StringRepeater`;var Vt={addButton:`Add item`,...Z};function Ht({name:e,fields:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=F(Vt,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e}),m=(0,K.useCallback)(()=>t.reduce((e,t)=>(e[t.name]=``,e),{}),[t]);return(0,q.jsx)(Pt,{items:u,sortable:a,rowVariant:`card`,removeVariant:`ghost`,onAdd:()=>d(m()),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(n,{index:r})=>(0,q.jsx)(`div`,{className:I(`object-repeater--component`,`space-y-3`),children:t.map(t=>{let n=`${e}.${r}.${t.name}`;return(0,q.jsx)(G,{label:t.label,required:t.required,hint:t.hint,htmlFor:n,children:t.type===`textarea`?(0,q.jsx)(U,{...l(n),id:n,placeholder:t.placeholder,minRows:3,invalid:i}):(0,q.jsx)(H,{...l(n),id:n,type:t.type||`text`,placeholder:t.placeholder,invalid:i})},t.name)})})})}Ht.displayName=`ObjectRepeater`;var Ut={addButton:`Add item`,emptyState:Z.emptyState,dragHandle:`Drag to reorder`,removeAriaLabel:Z.removeAriaLabel};function Wt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,disableSort:i=!1,invalid:a,strings:o}){let s=F(Ut,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o??{}}),{control:c,register:l}=ue(),{fields:u,append:d,remove:f,move:p}=de({control:c,name:e});return(0,q.jsx)(Pt,{className:`list--component`,items:u,sortable:!i,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel,dragHandleAriaLabel:s.dragHandle},renderRow:(n,{index:r})=>(0,q.jsx)(H,{...l(`${e}.${r}`),placeholder:t,invalid:a})})}Wt.displayName=`List`;function Gt({name:e,value:t,options:n,onChange:r,allowClear:i=!1,size:a,fullWidth:s=!1,disabled:c=!1,invalid:l=!1,className:u}){let{defaultControlSize:d}=o(),f=pe(a,d),p=K.useCallback(e=>{e===t?i&&r(null):r(e)},[i,r,t]);return(0,q.jsx)(`div`,{"data-name":e,role:`radiogroup`,"aria-invalid":l||void 0,className:I(`pill-radio-group--component`,`border-input inline-flex items-center overflow-hidden rounded-lg border`,s&&`w-full`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,c&&`pointer-events-none opacity-50`,u),children:n.map((e,n)=>{let r=e.value===t,i=e.icon;return(0,q.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":(typeof e.label==`string`?e.label:void 0)||e.value,disabled:c||e.disabled,onClick:()=>p(e.value),className:I(`inline-flex select-none items-center justify-center font-medium transition-colors`,`focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2`,`disabled:pointer-events-none disabled:opacity-50`,xe[f],s&&`flex-1`,n>0&&`border-input border-l`,r?`bg-primary text-primary-foreground`:`bg-background text-foreground hover:bg-muted`),children:[!!i&&(0,q.jsx)(i,{className:I(`size-3.5`,e.label&&`mr-1.5`)}),e.label]},e.value)})})}Gt.displayName=`PillRadioGroup`;function Kt({name:e,type:t=`text`,placeholder:n,primaryLocale:r,secondaryLocale:i,activeLocale:a,invalid:o,className:s}){let{register:c}=ue(),l=`${e}.${a===`primary`?r:i}`;return t===`textarea`?(0,q.jsx)(U,{...c(l),placeholder:n,minRows:3,invalid:o,className:I(`localized-string-field--component`,s)}):(0,q.jsx)(H,{...c(l),type:t===`number`?`number`:`text`,placeholder:n,invalid:o,className:s})}Kt.displayName=`LocalizedStringField`;function qt({name:e,fields:t,primaryLocale:n,secondaryLocale:r,activeLocale:i,invalid:a,className:o}){let{register:s}=ue(),c=i===`primary`?n:r;return(0,q.jsx)(`div`,{className:`w-full space-y-3 rounded-md border p-4 ${o??``}`,children:t.map(t=>{let n=`${e}.${c}.${t.name}`;return(0,q.jsxs)(`div`,{className:`w-full space-y-1.5`,children:[(0,q.jsxs)(R,{htmlFor:n,children:[t.label,!!t.required&&(0,q.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),t.type===`textarea`?(0,q.jsx)(U,{...s(n),id:n,placeholder:t.placeholder,minRows:3,invalid:a}):(0,q.jsx)(H,{...s(n),id:n,type:t.type===`number`?`number`:`text`,placeholder:t.placeholder,invalid:a})]},t.name)})})}qt.displayName=`LocalizedObjectField`;var Jt={placeholder:`Enter value`,addButton:Z.addItem,emptyState:Z.emptyState,removeAriaLabel:Z.removeAriaLabel};function Yt({name:e,placeholder:t,addButtonText:n,emptyMessage:r,primaryLocale:i,secondaryLocale:a,activeLocale:o,invalid:s,sortable:c=!1,strings:l}){let u=F(Jt,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...l??{}}),{control:d,register:f}=ue(),p=`${e}.${o===`primary`?i:a}`,{fields:m,append:h,remove:g,move:_}=de({control:d,name:p});return(0,q.jsx)(Pt,{className:`localized-string-repeater--component`,items:m,sortable:c,onAdd:()=>h(``),onRemove:e=>g(e),onMove:(e,t)=>_(e,t),strings:{emptyState:u.emptyState,addButton:u.addButton,removeAriaLabel:u.removeAriaLabel},renderRow:(e,{index:t})=>(0,q.jsx)(U,{...f(`${p}.${t}`),placeholder:u.placeholder,minRows:2,invalid:s})})}Yt.displayName=`LocalizedStringRepeater`;var Xt=e({AvatarUploadExample:()=>zn,BasicField:()=>Zt,CardCheckboxGroupExample:()=>Tn,CardRadioGroupExample:()=>wn,CheckboxExample:()=>yn,CoordinatesInputExample:()=>jn,CurrencyInputExample:()=>dn,DateTimeInputExample:()=>En,DecimalInputExample:()=>ln,DimensionsInputExample:()=>mn,DropzoneExample:()=>Bn,InputBasic:()=>en,InputCharacterCount:()=>sn,InputClearableLoading:()=>on,InputWithAddons:()=>an,InputWithIcons:()=>tn,KeyValueEditorExample:()=>Pn,ListExample:()=>Fn,ListRadioGroupExample:()=>Cn,LocalizedObjectFieldExample:()=>Ln,LocalizedStringFieldExample:()=>In,LocalizedStringRepeaterExample:()=>Rn,MoneyInputExample:()=>fn,ObjectRepeaterExample:()=>Nn,PasswordInputExample:()=>nn,PercentageInputExample:()=>un,PhoneInputExample:()=>An,PillRadioGroupExample:()=>Sn,RichSelectExample:()=>gn,RoundingModeSelectExample:()=>_n,SelectExample:()=>hn,SliderExample:()=>On,SlugFieldExample:()=>rn,StringRepeaterExample:()=>Mn,SwitchCardExample:()=>xn,SwitchExample:()=>vn,TagsInputExample:()=>kn,TextareaExample:()=>cn,TimePickerExample:()=>Dn,ToggleFieldExample:()=>bn,WeightInputExample:()=>pn,WholeForm:()=>Vn,WithError:()=>Qt,WithHelperText:()=>$t});function Zt(){let[e,t]=(0,K.useState)(``);return(0,q.jsx)(G,{label:`Full name`,hint:`As it appears on your ID`,required:!0,children:(0,q.jsx)(H,{value:e,onChange:e=>t(e.target.value),placeholder:`Sarah Smitha`})})}function Qt(){return(0,q.jsx)(G,{label:`Email`,error:`That doesn't look like a valid email.`,required:!0,children:(0,q.jsx)(H,{defaultValue:`not-an-email`,invalid:!0})})}function $t(){return(0,q.jsx)(G,{label:`API token`,helperText:`Stored encrypted at rest. Rotate every 90 days.`,children:(0,q.jsx)(H,{defaultValue:`sk_live_••••••••••••`})})}function en(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{placeholder:`Type something…`}),(0,q.jsx)(H,{"aria-label":`Pre-filled value`,defaultValue:`Pre-filled value`}),(0,q.jsx)(H,{"aria-label":`Disabled example`,disabled:!0,defaultValue:`Disabled`})]})}function tn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{startIcon:te,placeholder:`Search orders…`}),(0,q.jsx)(H,{endIcon:k,placeholder:`you@example.com`}),(0,q.jsx)(m,{"aria-label":`Password`,startIcon:O,defaultValue:`hunter2`})]})}function nn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(G,{label:`Password`,hint:`The reveal button is keyboard and screen-reader accessible.`,children:(0,q.jsx)(m,{placeholder:`Enter password`,autoComplete:`current-password`})})})}function rn(){let[e,t]=(0,K.useState)(`Summer Collection: Salt & Pepper Set`);return(0,q.jsxs)(`div`,{className:`grid w-full max-w-sm gap-3`,children:[(0,q.jsx)(G,{label:`Title`,hint:`The slug below updates from this value.`,children:(0,q.jsx)(H,{value:e,onChange:e=>t(e.target.value)})}),(0,q.jsx)(G,{label:`Slug`,hint:`Read-only value submitted with the form.`,children:(0,q.jsx)(Fe,{name:`slug`,value:e,startAddon:`/`,"aria-label":`Generated slug`})})]})}function an(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{startAddon:`$`,placeholder:`0.00`}),(0,q.jsx)(H,{"aria-label":`Weight in kilograms`,endAddon:`kg`,defaultValue:`2.4`}),(0,q.jsx)(H,{"aria-label":`Amount in USD`,startAddon:`$`,endAddon:`USD`,defaultValue:`49.00`})]})}function on(){let[e,t]=(0,K.useState)(`Click the × to clear`);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(H,{clearable:!0,"aria-label":`Clearable value`,value:e,onChange:e=>t(e.target.value),onClear:()=>t(``)}),(0,q.jsx)(H,{"aria-label":`Loading value`,isLoading:!0,defaultValue:`Loading…`}),(0,q.jsx)(H,{"aria-label":`Invalid value`,invalid:!0,defaultValue:`Invalid value`})]})}function sn(){let[e,t]=(0,K.useState)(`A short bio`);return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(H,{value:e,"aria-label":`Biography`,onChange:e=>t(e.target.value),maxLength:60,showCharacterCount:!0})})}function cn(){let[e,t]=(0,K.useState)(``);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Description`,hint:`Up to 200 characters.`,children:(0,q.jsx)(U,{value:e,onChange:e=>t(e.target.value),placeholder:`Write a description…`,maxLength:200,showCharacterCount:!0})}),(0,q.jsx)(G,{label:`Read-only field`,children:(0,q.jsx)(U,{defaultValue:`Read-only content the user cannot edit.`,disabled:!0,rows:2})}),(0,q.jsx)(G,{label:`Bio`,error:`Bio cannot be empty.`,required:!0,children:(0,q.jsx)(U,{invalid:!0,placeholder:`Tell us about yourself…`,rows:2})})]})}function ln(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Free-form decimal`,children:(0,q.jsx)(W,{defaultValue:`1234.56`,decimalPlaces:2})}),(0,q.jsx)(G,{label:`With steppers (1–100)`,children:(0,q.jsx)(`div`,{className:`w-44`,children:(0,q.jsx)(W,{defaultValue:`10`,step:1,min:0,max:100})})}),(0,q.jsx)(G,{label:`Allows negative`,children:(0,q.jsx)(W,{placeholder:`0.00`,decimalPlaces:2,allowNegative:!0})})]})}function un(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,q.jsx)(G,{label:`Discount`,children:(0,q.jsx)(Ge,{defaultValue:`12.5`})}),(0,q.jsx)(G,{label:`Tax rate (whole-number steppers)`,children:(0,q.jsx)(`div`,{className:`w-44`,children:(0,q.jsx)(Ge,{defaultValue:`20`,decimalPlaces:0,step:5})})})]})}function dn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(Qe,{defaultValue:`2450.00`,defaultCurrency:`USD`,currencies:[`USD`,`EUR`,`GBP`]})})}function fn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(et,{defaultValue:`49.99`,defaultCurrency:`USD`})})}function pn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(pt,{defaultValue:`2.4`,defaultUnit:`kg`})})}function mn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(ut,{defaultValue:{width:`30`,height:`20`,depth:`10`},format:`object`,unit:`g`})})}function hn(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(he,{options:[{value:`paid`,label:`Paid`},{value:`pending`,label:`Pending`},{value:`overdue`,label:`Overdue`}],placeholder:`Pick a status…`,allowClear:!0})})}function gn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(at,{options:[{value:`free`,label:`Free`,description:`Up to 3 projects, community support.`},{value:`pro`,label:`Pro`,description:`$12/mo — unlimited projects, email support.`},{value:`enterprise`,label:`Enterprise`,description:`Custom pricing, SAML SSO.`}],placeholder:`Choose a plan…`})})}function _n(){return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(G,{label:`Rounding mode`,children:(0,q.jsx)(nt,{defaultValue:`half_up`,labels:{floor:`Round down (floor)`,half_up:`Round half up`,ceil:`Round up (ceil)`}})})})}function vn(){let[e,t]=(0,K.useState)(!0);return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{checked:e,onCheckedChange:e=>t(!!e.target.value)}),`Enable notifications`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{defaultChecked:!0,disabled:!0}),`Disabled (on)`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(ye,{invalid:!0}),`Invalid state`]})]})}function yn(){return(0,q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{defaultChecked:!0}),`I agree to the terms`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{}),`Subscribe to the newsletter`]}),(0,q.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,q.jsx)(fe,{disabled:!0,defaultChecked:!0}),`Disabled (checked)`]})]})}function bn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(ge,{label:`Email digest`,description:`Receive a weekly summary every Monday.`,defaultValue:!0}),(0,q.jsx)(ge,{kind:`checkbox`,label:`Beta features`,description:`Opt in to in-progress experiments. May be unstable.`}),(0,q.jsx)(ge,{label:`Leading control`,controlPosition:`leading`,defaultValue:!0})]})}function xn(){return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,q.jsx)(_e,{icon:j,label:`Two-factor authentication`,description:`Require a one-time code on every sign-in.`,defaultValue:!0}),(0,q.jsx)(_e,{icon:ee,label:`Auto-deploy`,description:`Push to production on every merge to main.`})]})}function Sn(){let[e,t]=(0,K.useState)(`week`);return(0,q.jsx)(Gt,{name:`range`,value:e,onChange:t,options:[{value:`day`,label:`Day`},{value:`week`,label:`Week`},{value:`month`,label:`Month`},{value:`year`,label:`Year`}]})}function Cn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(Je,{name:`delivery`,defaultValue:`standard`,options:[{value:`standard`,label:`Standard`,description:`5–7 business days · Free`},{value:`express`,label:`Express`,description:`2–3 business days · $9.99`},{value:`overnight`,label:`Overnight`,description:`Next business day · $24.99`}]})})}function wn(){return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(we,{name:`plan`,defaultValue:`pro`,columns:3,options:[{value:`free`,label:`Free`,description:`3 projects`,icon:M},{value:`pro`,label:`Pro`,description:`Unlimited`,icon:ee},{value:`team`,label:`Team`,description:`Workspaces`,icon:h}]})})}function Tn(){return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Se,{name:`features`,defaultValue:[`analytics`],columns:3,options:[{value:`analytics`,label:`Analytics`,description:`Realtime dashboards`,icon:M},{value:`webhooks`,label:`Webhooks`,description:`Outbound events`,icon:ee},{value:`sso`,label:`SSO`,description:`SAML & SCIM`,icon:j}]})})}function En(){let[e,t]=(0,K.useState)(void 0);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,q.jsx)(yt,{value:e,onChange:t,placeholder:`Pick a date…`}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e??`—`]})]})}function Dn(){let[e,t]=(0,K.useState)(`09:30:00`);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,q.jsx)(Ct,{value:e,onChange:t}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function On(){let[e,t]=(0,K.useState)(40);return(0,q.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-2`,children:[(0,q.jsx)(qe,{value:e,onValueChange:t,min:0,max:100,step:5}),(0,q.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function kn(){let[e,t]=(0,K.useState)([`design`,`systems`]);return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(ve,{value:e,onChange:t,placeholder:`Add a tag…`,recommendations:[`typography`,`tokens`,`figma`,`a11y`]})})}function An(){let[e,t]=(0,K.useState)(`555 0100`);return(0,q.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,q.jsx)(We,{"aria-label":`Phone number`,value:e,onChange:e=>t(e.target.value),defaultPrefix:`US`})})}function jn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(vt,{defaultValue:{lat:`37.7749`,lng:`-122.4194`},format:`object`})})}function Mn(){return(0,q.jsx)(B,{...z({defaultValues:{tags:[`alpha`,`beta`]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Bt,{name:`tags`,placeholder:`Tag name`,addButtonText:`Add tag`})})})}function Nn(){return(0,q.jsx)(B,{...z({defaultValues:{contacts:[{name:`Sarah Smitha`,email:`sarah@example.com`}]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Ht,{name:`contacts`,fields:[{name:`name`,label:`Name`,placeholder:`Full name`},{name:`email`,label:`Email`,placeholder:`name@example.com`}]})})})}function Pn(){let[e,t]=(0,K.useState)({env:`production`,region:`eu-west-1`});return(0,q.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(Rt,{value:e,onChange:t})})}function Fn(){return(0,q.jsx)(B,{...z({defaultValues:{aliases:[`acme`,`acme-corp`]}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Wt,{name:`aliases`,placeholder:`Add an alias…`})})})}function In(){return(0,q.jsx)(B,{...z({defaultValues:{title:{en:`Welcome`,bg:`Добре дошли`}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Kt,{name:`title`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Page title`})})})}function Ln(){return(0,q.jsx)(B,{...z({defaultValues:{seo:{en:{title:`About`,description:`About our company.`},bg:{title:`За нас`,description:`За нашата компания.`}}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,q.jsx)(qt,{name:`seo`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,fields:[{name:`title`,label:`Title`},{name:`description`,label:`Description`,type:`textarea`}]})})})}function Rn(){return(0,q.jsx)(B,{...z({defaultValues:{tags:{en:[`systems`,`design`],bg:[`системи`,`дизайн`]}}}),children:(0,q.jsx)(`form`,{className:`w-full max-w-md`,children:(0,q.jsx)(Yt,{name:`tags`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Tag`})})})}function zn(){return(0,q.jsx)(jt,{defaultPreviewUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`})}function Bn(){return(0,q.jsx)(`div`,{className:`w-full max-w-md`,children:(0,q.jsx)(p,{accept:`image/*`,onDrop:()=>{}})})}function Vn(){let e=z({defaultValues:{name:``,sku:``,price:``,currency:`USD`,description:``,category:``,published:!1}});return(0,q.jsxs)(`form`,{onSubmit:e.handleSubmit(()=>{}),className:`flex w-full max-w-xl flex-col gap-4 rounded-lg border border-border bg-card p-5`,children:[(0,q.jsx)(Ne,{control:e.control,name:`name`,label:`Product name`,required:!0,rules:{required:!0},children:e=>(0,q.jsx)(H,{...e,placeholder:`Vintage leather wallet`})}),(0,q.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,q.jsx)(Ne,{control:e.control,name:`sku`,label:`SKU`,hint:`Inventory keeping unit.`,children:e=>(0,q.jsx)(H,{...e,placeholder:`LW-0021`,startIcon:l})}),(0,q.jsx)(Ne,{control:e.control,name:`price`,label:`Price`,required:!0,rules:{required:!0},children:e=>(0,q.jsx)(et,{value:e.value,onChange:t=>e.onChange(t.target.value),defaultCurrency:`USD`})})]}),(0,q.jsx)(Ne,{control:e.control,name:`category`,label:`Category`,children:e=>(0,q.jsx)(he,{options:[{value:`apparel`,label:`Apparel`},{value:`accessories`,label:`Accessories`},{value:`home`,label:`Home & living`}],value:e.value,onChange:e.onChange,placeholder:`Choose a category…`})}),(0,q.jsx)(Ne,{control:e.control,name:`description`,label:`Description`,children:e=>(0,q.jsx)(U,{...e,rows:3,placeholder:`What makes it special?`})}),(0,q.jsx)(Ne,{control:e.control,name:`published`,label:`Visibility`,children:e=>(0,q.jsx)(ge,{label:`Published`,description:`Visible in the storefront.`,value:!!e.value,onChange:e.onChange})}),(0,q.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,q.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,children:`Cancel`}),(0,q.jsx)(s,{type:`submit`,variant:`primary`,children:`Save product`})]})]})}var Q=`import { useState } from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 import { Mail, Search, Lock, Star, Zap, Box, Globe, Shield } from 'lucide-react';
 
@@ -804,7 +804,7 @@ export function WholeForm() {
 		</form>
 	);
 }
-`;function Hn(e){let t={a:`a`,code:`code`,h4:`h4`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...e.components};return Xt||$(`Examples`,!1),zn||$(`Examples.AvatarUploadExample`,!0),Zt||$(`Examples.BasicField`,!0),Tn||$(`Examples.CardCheckboxGroupExample`,!0),wn||$(`Examples.CardRadioGroupExample`,!0),yn||$(`Examples.CheckboxExample`,!0),jn||$(`Examples.CoordinatesInputExample`,!0),dn||$(`Examples.CurrencyInputExample`,!0),En||$(`Examples.DateTimeInputExample`,!0),ln||$(`Examples.DecimalInputExample`,!0),mn||$(`Examples.DimensionsInputExample`,!0),Bn||$(`Examples.DropzoneExample`,!0),en||$(`Examples.InputBasic`,!0),sn||$(`Examples.InputCharacterCount`,!0),on||$(`Examples.InputClearableLoading`,!0),an||$(`Examples.InputWithAddons`,!0),tn||$(`Examples.InputWithIcons`,!0),Pn||$(`Examples.KeyValueEditorExample`,!0),Fn||$(`Examples.ListExample`,!0),Cn||$(`Examples.ListRadioGroupExample`,!0),Ln||$(`Examples.LocalizedObjectFieldExample`,!0),In||$(`Examples.LocalizedStringFieldExample`,!0),Rn||$(`Examples.LocalizedStringRepeaterExample`,!0),fn||$(`Examples.MoneyInputExample`,!0),Nn||$(`Examples.ObjectRepeaterExample`,!0),nn||$(`Examples.PasswordInputExample`,!0),un||$(`Examples.PercentageInputExample`,!0),An||$(`Examples.PhoneInputExample`,!0),Sn||$(`Examples.PillRadioGroupExample`,!0),gn||$(`Examples.RichSelectExample`,!0),_n||$(`Examples.RoundingModeSelectExample`,!0),hn||$(`Examples.SelectExample`,!0),On||$(`Examples.SliderExample`,!0),rn||$(`Examples.SlugFieldExample`,!0),Mn||$(`Examples.StringRepeaterExample`,!0),xn||$(`Examples.SwitchCardExample`,!0),vn||$(`Examples.SwitchExample`,!0),kn||$(`Examples.TagsInputExample`,!0),cn||$(`Examples.TextareaExample`,!0),Dn||$(`Examples.TimePickerExample`,!0),bn||$(`Examples.ToggleFieldExample`,!0),pn||$(`Examples.WeightInputExample`,!0),Vn||$(`Examples.WholeForm`,!0),Qt||$(`Examples.WithError`,!0),$t||$(`Examples.WithHelperText`,!0),(0,q.jsxs)(a,{title:`Forms`,description:`The full form scope — FormField wrapper plus every field component exported from base/forms/fields: text inputs, numeric, selects, toggles, choice groups, date/time, repeaters, localized fields, and uploads.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms`,children:[(0,q.jsxs)(o,{title:`Overview`,id:`overview`,children:[(0,q.jsxs)(t.p,{children:[`The `,(0,q.jsx)(t.code,{children:`forms/`}),` folder ships the canonical form-row wrapper (`,(0,q.jsx)(t.code,{children:`FormField`}),` /
+`;function Hn(e){let t={a:`a`,code:`code`,h4:`h4`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...e.components};return Xt||$(`Examples`,!1),zn||$(`Examples.AvatarUploadExample`,!0),Zt||$(`Examples.BasicField`,!0),Tn||$(`Examples.CardCheckboxGroupExample`,!0),wn||$(`Examples.CardRadioGroupExample`,!0),yn||$(`Examples.CheckboxExample`,!0),jn||$(`Examples.CoordinatesInputExample`,!0),dn||$(`Examples.CurrencyInputExample`,!0),En||$(`Examples.DateTimeInputExample`,!0),ln||$(`Examples.DecimalInputExample`,!0),mn||$(`Examples.DimensionsInputExample`,!0),Bn||$(`Examples.DropzoneExample`,!0),en||$(`Examples.InputBasic`,!0),sn||$(`Examples.InputCharacterCount`,!0),on||$(`Examples.InputClearableLoading`,!0),an||$(`Examples.InputWithAddons`,!0),tn||$(`Examples.InputWithIcons`,!0),Pn||$(`Examples.KeyValueEditorExample`,!0),Fn||$(`Examples.ListExample`,!0),Cn||$(`Examples.ListRadioGroupExample`,!0),Ln||$(`Examples.LocalizedObjectFieldExample`,!0),In||$(`Examples.LocalizedStringFieldExample`,!0),Rn||$(`Examples.LocalizedStringRepeaterExample`,!0),fn||$(`Examples.MoneyInputExample`,!0),Nn||$(`Examples.ObjectRepeaterExample`,!0),nn||$(`Examples.PasswordInputExample`,!0),un||$(`Examples.PercentageInputExample`,!0),An||$(`Examples.PhoneInputExample`,!0),Sn||$(`Examples.PillRadioGroupExample`,!0),gn||$(`Examples.RichSelectExample`,!0),_n||$(`Examples.RoundingModeSelectExample`,!0),hn||$(`Examples.SelectExample`,!0),On||$(`Examples.SliderExample`,!0),rn||$(`Examples.SlugFieldExample`,!0),Mn||$(`Examples.StringRepeaterExample`,!0),xn||$(`Examples.SwitchCardExample`,!0),vn||$(`Examples.SwitchExample`,!0),kn||$(`Examples.TagsInputExample`,!0),cn||$(`Examples.TextareaExample`,!0),Dn||$(`Examples.TimePickerExample`,!0),bn||$(`Examples.ToggleFieldExample`,!0),pn||$(`Examples.WeightInputExample`,!0),Vn||$(`Examples.WholeForm`,!0),Qt||$(`Examples.WithError`,!0),$t||$(`Examples.WithHelperText`,!0),(0,q.jsxs)(r,{title:`Forms`,description:`The full form scope — FormField wrapper plus every field component exported from base/forms/fields: text inputs, numeric, selects, toggles, choice groups, date/time, repeaters, localized fields, and uploads.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms`,children:[(0,q.jsxs)(i,{title:`Overview`,id:`overview`,children:[(0,q.jsxs)(t.p,{children:[`The `,(0,q.jsx)(t.code,{children:`forms/`}),` folder ships the canonical form-row wrapper (`,(0,q.jsx)(t.code,{children:`FormField`}),` /
 `,(0,q.jsx)(t.code,{children:`ControlledFormField`}),`) plus every input primitive — `,(0,q.jsx)(t.code,{children:`Input`}),`, `,(0,q.jsx)(t.code,{children:`Textarea`}),`,
 `,(0,q.jsx)(t.code,{children:`Select`}),`, numeric/money/dimension/weight inputs, choice groups, date & time
 pickers, sliders, tag/phone/coordinates inputs, three repeater families, and
@@ -812,7 +812,7 @@ the localized field set. Most fields are framework-free and accept
 value/onChange directly. The repeater and localized-* families opt into
 `,(0,q.jsx)(t.code,{children:`react-hook-form`}),` — that coupling is intentional and contained to those files.`]}),(0,q.jsxs)(t.p,{children:[`Pair any field with `,(0,q.jsx)(t.code,{children:`FormField`}),` (or `,(0,q.jsx)(t.code,{children:`ControlledFormField`}),` for RHF) to inherit
 the standard label / required asterisk / error / hint rhythm. Pass `,(0,q.jsx)(t.code,{children:`invalid`}),`
-to the inner field to flip the destructive border + ring.`]})]}),(0,q.jsxs)(o,{title:`FormField wrapper`,id:`form-field`,children:[(0,q.jsx)(c,{name:`BasicField`,source:Q,children:(0,q.jsx)(Zt,{})}),(0,q.jsx)(c,{name:`WithError`,source:Q,children:(0,q.jsx)(Qt,{})}),(0,q.jsx)(c,{name:`WithHelperText`,source:Q,children:(0,q.jsx)($t,{})})]}),(0,q.jsxs)(o,{title:`Consumer usage`,id:`usage`,children:[(0,q.jsx)(t.p,{children:`Consumers import the form row wrappers and field primitives from the exact
+to the inner field to flip the destructive border + ring.`]})]}),(0,q.jsxs)(i,{title:`FormField wrapper`,id:`form-field`,children:[(0,q.jsx)(c,{name:`BasicField`,source:Q,children:(0,q.jsx)(Zt,{})}),(0,q.jsx)(c,{name:`WithError`,source:Q,children:(0,q.jsx)(Qt,{})}),(0,q.jsx)(c,{name:`WithHelperText`,source:Q,children:(0,q.jsx)($t,{})})]}),(0,q.jsxs)(i,{title:`Consumer usage`,id:`usage`,children:[(0,q.jsx)(t.p,{children:`Consumers import the form row wrappers and field primitives from the exact
 package entrypoint:`}),(0,q.jsx)(t.pre,{children:(0,q.jsx)(t.code,{className:`language-tsx`,children:`import {
 	ControlledFormField,
 	FormField,
@@ -828,7 +828,7 @@ render-prop receives `,(0,q.jsx)(t.code,{children:`(field, error, invalid, field
 renders the merged backend / validation error message, so pass
 `,(0,q.jsx)(t.code,{children:`invalid={invalid}`}),` to the inner field and avoid duplicating error text inside
 the control.`]}),(0,q.jsxs)(t.p,{children:[`Searchable selects live in `,(0,q.jsx)(t.code,{children:`admin-ui-starter-kit/base/combobox`}),`, but they still
-belong inside `,(0,q.jsx)(t.code,{children:`ControlledFormField`}),` when used in forms.`]})]}),(0,q.jsxs)(o,{title:`Choosing field primitives`,id:`choosing`,children:[(0,q.jsxs)(t.ul,{children:[`
+belong inside `,(0,q.jsx)(t.code,{children:`ControlledFormField`}),` when used in forms.`]})]}),(0,q.jsxs)(i,{title:`Choosing field primitives`,id:`choosing`,children:[(0,q.jsxs)(t.ul,{children:[`
 `,(0,q.jsxs)(t.li,{children:[`Use `,(0,q.jsx)(t.code,{children:`Input`}),` and `,(0,q.jsx)(t.code,{children:`Textarea`}),` for ordinary text entry.`]}),`
 `,(0,q.jsxs)(t.li,{children:[`Use `,(0,q.jsx)(t.code,{children:`PasswordInput`}),` for password fields that need a show/hide visibility
 control; it keeps the icon button, aria labels, and input sizing consistent.`]}),`
@@ -849,14 +849,14 @@ behaviours from generic inputs.`]}),`
 `,(0,q.jsx)(t.code,{children:`react-hook-form`}),`; they intentionally bind to RHF because they manage nested
 arrays and locale-keyed objects.`]}),`
 `]}),(0,q.jsxs)(t.p,{children:[`Do not use `,(0,q.jsx)(t.code,{children:`Item`}),` for form controls. `,(0,q.jsx)(t.code,{children:`Item`}),` is for display/action rows;
-`,(0,q.jsx)(t.code,{children:`FormField`}),` is the canonical label + control + hint/error row.`]})]}),(0,q.jsxs)(o,{title:`Text inputs`,id:`text-inputs`,children:[(0,q.jsx)(c,{name:`InputBasic`,source:Q,children:(0,q.jsx)(en,{})}),(0,q.jsx)(c,{name:`InputWithIcons`,source:Q,children:(0,q.jsx)(tn,{})}),(0,q.jsx)(c,{name:`PasswordInputExample`,source:Q,children:(0,q.jsx)(nn,{})}),(0,q.jsx)(c,{name:`SlugFieldExample`,source:Q,children:(0,q.jsx)(rn,{})}),(0,q.jsx)(c,{name:`InputWithAddons`,source:Q,children:(0,q.jsx)(an,{})}),(0,q.jsx)(c,{name:`InputClearableLoading`,source:Q,children:(0,q.jsx)(on,{})}),(0,q.jsx)(c,{name:`InputCharacterCount`,source:Q,children:(0,q.jsx)(sn,{})}),(0,q.jsx)(c,{name:`TextareaExample`,source:Q,children:(0,q.jsx)(cn,{})})]}),(0,q.jsxs)(o,{title:`Numeric inputs`,id:`numeric`,children:[(0,q.jsx)(c,{name:`DecimalInputExample`,source:Q,children:(0,q.jsx)(ln,{})}),(0,q.jsx)(c,{name:`PercentageInputExample`,source:Q,children:(0,q.jsx)(un,{})}),(0,q.jsx)(c,{name:`CurrencyInputExample`,source:Q,children:(0,q.jsx)(dn,{})}),(0,q.jsx)(c,{name:`MoneyInputExample`,source:Q,children:(0,q.jsx)(fn,{})}),(0,q.jsx)(c,{name:`WeightInputExample`,source:Q,children:(0,q.jsx)(pn,{})}),(0,q.jsx)(c,{name:`DimensionsInputExample`,source:Q,children:(0,q.jsx)(mn,{})})]}),(0,q.jsxs)(o,{title:`Selects`,id:`selects`,children:[(0,q.jsx)(c,{name:`SelectExample`,source:Q,children:(0,q.jsx)(hn,{})}),(0,q.jsx)(c,{name:`RichSelectExample`,source:Q,children:(0,q.jsx)(gn,{})}),(0,q.jsx)(c,{name:`RoundingModeSelectExample`,source:Q,children:(0,q.jsx)(_n,{})})]}),(0,q.jsxs)(o,{title:`Toggles & checkboxes`,id:`toggles`,children:[(0,q.jsx)(c,{name:`SwitchExample`,source:Q,children:(0,q.jsx)(vn,{})}),(0,q.jsx)(c,{name:`CheckboxExample`,source:Q,children:(0,q.jsx)(yn,{})}),(0,q.jsx)(c,{name:`ToggleFieldExample`,source:Q,children:(0,q.jsx)(bn,{})}),(0,q.jsx)(c,{name:`SwitchCardExample`,source:Q,children:(0,q.jsx)(xn,{})})]}),(0,q.jsxs)(o,{title:`Choice groups`,id:`choice-groups`,children:[(0,q.jsx)(c,{name:`PillRadioGroupExample`,source:Q,children:(0,q.jsx)(Sn,{})}),(0,q.jsx)(c,{name:`ListRadioGroupExample`,source:Q,children:(0,q.jsx)(Cn,{})}),(0,q.jsx)(c,{name:`CardRadioGroupExample`,source:Q,children:(0,q.jsx)(wn,{})}),(0,q.jsx)(c,{name:`CardCheckboxGroupExample`,source:Q,children:(0,q.jsx)(Tn,{})})]}),(0,q.jsxs)(o,{title:`Date & time`,id:`date-time`,children:[(0,q.jsx)(c,{name:`DateTimeInputExample`,source:Q,children:(0,q.jsx)(En,{})}),(0,q.jsx)(c,{name:`TimePickerExample`,source:Q,children:(0,q.jsx)(Dn,{})})]}),(0,q.jsxs)(o,{title:`Other inputs`,id:`other`,children:[(0,q.jsx)(c,{name:`SliderExample`,source:Q,children:(0,q.jsx)(On,{})}),(0,q.jsx)(c,{name:`TagsInputExample`,source:Q,children:(0,q.jsx)(kn,{})}),(0,q.jsx)(c,{name:`PhoneInputExample`,source:Q,children:(0,q.jsx)(An,{})}),(0,q.jsx)(c,{name:`CoordinatesInputExample`,source:Q,children:(0,q.jsx)(jn,{})})]}),(0,q.jsxs)(o,{title:`Repeaters`,id:`repeaters`,children:[(0,q.jsxs)(t.p,{children:[`These four primitives — `,(0,q.jsx)(t.code,{children:`StringRepeater`}),`, `,(0,q.jsx)(t.code,{children:`ObjectRepeater`}),`, `,(0,q.jsx)(t.code,{children:`KeyValueEditor`}),`,
+`,(0,q.jsx)(t.code,{children:`FormField`}),` is the canonical label + control + hint/error row.`]})]}),(0,q.jsxs)(i,{title:`Text inputs`,id:`text-inputs`,children:[(0,q.jsx)(c,{name:`InputBasic`,source:Q,children:(0,q.jsx)(en,{})}),(0,q.jsx)(c,{name:`InputWithIcons`,source:Q,children:(0,q.jsx)(tn,{})}),(0,q.jsx)(c,{name:`PasswordInputExample`,source:Q,children:(0,q.jsx)(nn,{})}),(0,q.jsx)(c,{name:`SlugFieldExample`,source:Q,children:(0,q.jsx)(rn,{})}),(0,q.jsx)(c,{name:`InputWithAddons`,source:Q,children:(0,q.jsx)(an,{})}),(0,q.jsx)(c,{name:`InputClearableLoading`,source:Q,children:(0,q.jsx)(on,{})}),(0,q.jsx)(c,{name:`InputCharacterCount`,source:Q,children:(0,q.jsx)(sn,{})}),(0,q.jsx)(c,{name:`TextareaExample`,source:Q,children:(0,q.jsx)(cn,{})})]}),(0,q.jsxs)(i,{title:`Numeric inputs`,id:`numeric`,children:[(0,q.jsx)(c,{name:`DecimalInputExample`,source:Q,children:(0,q.jsx)(ln,{})}),(0,q.jsx)(c,{name:`PercentageInputExample`,source:Q,children:(0,q.jsx)(un,{})}),(0,q.jsx)(c,{name:`CurrencyInputExample`,source:Q,children:(0,q.jsx)(dn,{})}),(0,q.jsx)(c,{name:`MoneyInputExample`,source:Q,children:(0,q.jsx)(fn,{})}),(0,q.jsx)(c,{name:`WeightInputExample`,source:Q,children:(0,q.jsx)(pn,{})}),(0,q.jsx)(c,{name:`DimensionsInputExample`,source:Q,children:(0,q.jsx)(mn,{})})]}),(0,q.jsxs)(i,{title:`Selects`,id:`selects`,children:[(0,q.jsx)(c,{name:`SelectExample`,source:Q,children:(0,q.jsx)(hn,{})}),(0,q.jsx)(c,{name:`RichSelectExample`,source:Q,children:(0,q.jsx)(gn,{})}),(0,q.jsx)(c,{name:`RoundingModeSelectExample`,source:Q,children:(0,q.jsx)(_n,{})})]}),(0,q.jsxs)(i,{title:`Toggles & checkboxes`,id:`toggles`,children:[(0,q.jsx)(c,{name:`SwitchExample`,source:Q,children:(0,q.jsx)(vn,{})}),(0,q.jsx)(c,{name:`CheckboxExample`,source:Q,children:(0,q.jsx)(yn,{})}),(0,q.jsx)(c,{name:`ToggleFieldExample`,source:Q,children:(0,q.jsx)(bn,{})}),(0,q.jsx)(c,{name:`SwitchCardExample`,source:Q,children:(0,q.jsx)(xn,{})})]}),(0,q.jsxs)(i,{title:`Choice groups`,id:`choice-groups`,children:[(0,q.jsx)(c,{name:`PillRadioGroupExample`,source:Q,children:(0,q.jsx)(Sn,{})}),(0,q.jsx)(c,{name:`ListRadioGroupExample`,source:Q,children:(0,q.jsx)(Cn,{})}),(0,q.jsx)(c,{name:`CardRadioGroupExample`,source:Q,children:(0,q.jsx)(wn,{})}),(0,q.jsx)(c,{name:`CardCheckboxGroupExample`,source:Q,children:(0,q.jsx)(Tn,{})})]}),(0,q.jsxs)(i,{title:`Date & time`,id:`date-time`,children:[(0,q.jsx)(c,{name:`DateTimeInputExample`,source:Q,children:(0,q.jsx)(En,{})}),(0,q.jsx)(c,{name:`TimePickerExample`,source:Q,children:(0,q.jsx)(Dn,{})})]}),(0,q.jsxs)(i,{title:`Other inputs`,id:`other`,children:[(0,q.jsx)(c,{name:`SliderExample`,source:Q,children:(0,q.jsx)(On,{})}),(0,q.jsx)(c,{name:`TagsInputExample`,source:Q,children:(0,q.jsx)(kn,{})}),(0,q.jsx)(c,{name:`PhoneInputExample`,source:Q,children:(0,q.jsx)(An,{})}),(0,q.jsx)(c,{name:`CoordinatesInputExample`,source:Q,children:(0,q.jsx)(jn,{})})]}),(0,q.jsxs)(i,{title:`Repeaters`,id:`repeaters`,children:[(0,q.jsxs)(t.p,{children:[`These four primitives — `,(0,q.jsx)(t.code,{children:`StringRepeater`}),`, `,(0,q.jsx)(t.code,{children:`ObjectRepeater`}),`, `,(0,q.jsx)(t.code,{children:`KeyValueEditor`}),`,
 and `,(0,q.jsx)(t.code,{children:`List`}),` — share the underlying `,(0,q.jsx)(t.code,{children:`<Repeater>`}),` primitive (drag-to-reorder,
 add/remove, empty state). They are the only fields here that hard-couple to
-react-hook-form.`]}),(0,q.jsx)(c,{name:`StringRepeaterExample`,source:Q,children:(0,q.jsx)(Mn,{})}),(0,q.jsx)(c,{name:`ObjectRepeaterExample`,source:Q,children:(0,q.jsx)(Nn,{})}),(0,q.jsx)(c,{name:`KeyValueEditorExample`,source:Q,children:(0,q.jsx)(Pn,{})}),(0,q.jsx)(c,{name:`ListExample`,source:Q,children:(0,q.jsx)(Fn,{})})]}),(0,q.jsxs)(o,{title:`Localized fields`,id:`localized`,children:[(0,q.jsxs)(t.p,{children:[`The localized field family edits per-locale objects (e.g. `,(0,q.jsx)(t.code,{children:`{ en: '…', bg: '…' }`}),`)
+react-hook-form.`]}),(0,q.jsx)(c,{name:`StringRepeaterExample`,source:Q,children:(0,q.jsx)(Mn,{})}),(0,q.jsx)(c,{name:`ObjectRepeaterExample`,source:Q,children:(0,q.jsx)(Nn,{})}),(0,q.jsx)(c,{name:`KeyValueEditorExample`,source:Q,children:(0,q.jsx)(Pn,{})}),(0,q.jsx)(c,{name:`ListExample`,source:Q,children:(0,q.jsx)(Fn,{})})]}),(0,q.jsxs)(i,{title:`Localized fields`,id:`localized`,children:[(0,q.jsxs)(t.p,{children:[`The localized field family edits per-locale objects (e.g. `,(0,q.jsx)(t.code,{children:`{ en: '…', bg: '…' }`}),`)
 with a single field surface. Pass `,(0,q.jsx)(t.code,{children:`primaryLocale`}),` / `,(0,q.jsx)(t.code,{children:`secondaryLocale`}),` and the
-currently `,(0,q.jsx)(t.code,{children:`activeLocale`}),`. RHF-coupled.`]}),(0,q.jsx)(c,{name:`LocalizedStringFieldExample`,source:Q,children:(0,q.jsx)(In,{})}),(0,q.jsx)(c,{name:`LocalizedObjectFieldExample`,source:Q,children:(0,q.jsx)(Ln,{})}),(0,q.jsx)(c,{name:`LocalizedStringRepeaterExample`,source:Q,children:(0,q.jsx)(Rn,{})})]}),(0,q.jsxs)(o,{title:`Uploads`,id:`uploads`,children:[(0,q.jsxs)(t.p,{children:[`The full upload subsystem (`,(0,q.jsx)(t.code,{children:`UploadTray`}),`, `,(0,q.jsx)(t.code,{children:`MediaGallery`}),`, `,(0,q.jsx)(t.code,{children:`FileUpload`}),`,
+currently `,(0,q.jsx)(t.code,{children:`activeLocale`}),`. RHF-coupled.`]}),(0,q.jsx)(c,{name:`LocalizedStringFieldExample`,source:Q,children:(0,q.jsx)(In,{})}),(0,q.jsx)(c,{name:`LocalizedObjectFieldExample`,source:Q,children:(0,q.jsx)(Ln,{})}),(0,q.jsx)(c,{name:`LocalizedStringRepeaterExample`,source:Q,children:(0,q.jsx)(Rn,{})})]}),(0,q.jsxs)(i,{title:`Uploads`,id:`uploads`,children:[(0,q.jsxs)(t.p,{children:[`The full upload subsystem (`,(0,q.jsx)(t.code,{children:`UploadTray`}),`, `,(0,q.jsx)(t.code,{children:`MediaGallery`}),`, `,(0,q.jsx)(t.code,{children:`FileUpload`}),`,
 `,(0,q.jsx)(t.code,{children:`ImageUpload`}),`, `,(0,q.jsx)(t.code,{children:`UploadProgressList`}),`) lives on the dedicated
 `,(0,q.jsx)(t.a,{href:`/base/upload-tray`,children:(0,q.jsx)(t.code,{children:`base/upload-tray`})}),` page. The two field-shaped
-upload primitives appear here for completeness.`]}),(0,q.jsx)(c,{name:`AvatarUploadExample`,source:Q,children:(0,q.jsx)(zn,{})}),(0,q.jsx)(c,{name:`DropzoneExample`,source:Q,children:(0,q.jsx)(Bn,{})})]}),(0,q.jsxs)(o,{title:`Whole form`,id:`whole-form`,children:[(0,q.jsxs)(t.p,{children:[`A realistic product form combining `,(0,q.jsx)(t.code,{children:`Input`}),`, `,(0,q.jsx)(t.code,{children:`MoneyInput`}),`, `,(0,q.jsx)(t.code,{children:`Select`}),`,
+upload primitives appear here for completeness.`]}),(0,q.jsx)(c,{name:`AvatarUploadExample`,source:Q,children:(0,q.jsx)(zn,{})}),(0,q.jsx)(c,{name:`DropzoneExample`,source:Q,children:(0,q.jsx)(Bn,{})})]}),(0,q.jsxs)(i,{title:`Whole form`,id:`whole-form`,children:[(0,q.jsxs)(t.p,{children:[`A realistic product form combining `,(0,q.jsx)(t.code,{children:`Input`}),`, `,(0,q.jsx)(t.code,{children:`MoneyInput`}),`, `,(0,q.jsx)(t.code,{children:`Select`}),`,
 `,(0,q.jsx)(t.code,{children:`Textarea`}),`, and `,(0,q.jsx)(t.code,{children:`ToggleField`}),` behind `,(0,q.jsx)(t.code,{children:`ControlledFormField`}),` and
-`,(0,q.jsx)(t.code,{children:`react-hook-form`}),`.`]}),(0,q.jsx)(c,{name:`WholeForm`,source:Q,children:(0,q.jsx)(Vn,{})})]}),(0,q.jsxs)(o,{title:`API`,id:`api`,children:[(0,q.jsx)(t.h4,{children:`FormField`}),(0,q.jsx)(L,{component:`FormField`}),(0,q.jsx)(t.h4,{children:`ControlledFormField`}),(0,q.jsx)(L,{component:`ControlledFormField`}),(0,q.jsx)(t.h4,{children:`Text fields`}),(0,q.jsx)(L,{component:`Input`}),(0,q.jsx)(L,{component:`PasswordInput`}),(0,q.jsx)(L,{component:`SlugField`}),(0,q.jsx)(L,{component:`Textarea`}),(0,q.jsx)(t.h4,{children:`Select fields`}),(0,q.jsx)(L,{component:`Select`}),(0,q.jsx)(L,{component:`RichSelect`}),(0,q.jsx)(t.h4,{children:`Numeric fields`}),(0,q.jsx)(L,{component:`DecimalInput`}),(0,q.jsx)(L,{component:`PercentageInput`}),(0,q.jsx)(L,{component:`MoneyInput`}),(0,q.jsx)(L,{component:`CurrencyInput`}),(0,q.jsx)(t.h4,{children:`Boolean fields`}),(0,q.jsx)(L,{component:`Switch`}),(0,q.jsx)(L,{component:`Checkbox`}),(0,q.jsx)(L,{component:`ToggleField`}),(0,q.jsx)(t.h4,{children:`Choice groups`}),(0,q.jsx)(L,{component:`PillRadioGroup`}),(0,q.jsx)(L,{component:`ListRadioGroup`}),(0,q.jsx)(L,{component:`CardRadioGroup`}),(0,q.jsx)(L,{component:`CardCheckboxGroup`}),(0,q.jsx)(t.h4,{children:`Domain fields`}),(0,q.jsx)(L,{component:`DateTimeInput`}),(0,q.jsx)(L,{component:`TagsInput`}),(0,q.jsx)(L,{component:`PhoneInput`})]})]})}function Un(e={}){let{wrapper:t}=e.components||{};return t?(0,q.jsx)(t,{...e,children:(0,q.jsx)(Hn,{...e})}):Hn(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Un as default};
+`,(0,q.jsx)(t.code,{children:`react-hook-form`}),`.`]}),(0,q.jsx)(c,{name:`WholeForm`,source:Q,children:(0,q.jsx)(Vn,{})})]}),(0,q.jsxs)(i,{title:`API`,id:`api`,children:[(0,q.jsx)(t.h4,{children:`FormField`}),(0,q.jsx)(L,{component:`FormField`}),(0,q.jsx)(t.h4,{children:`ControlledFormField`}),(0,q.jsx)(L,{component:`ControlledFormField`}),(0,q.jsx)(t.h4,{children:`Text fields`}),(0,q.jsx)(L,{component:`Input`}),(0,q.jsx)(L,{component:`PasswordInput`}),(0,q.jsx)(L,{component:`SlugField`}),(0,q.jsx)(L,{component:`Textarea`}),(0,q.jsx)(t.h4,{children:`Select fields`}),(0,q.jsx)(L,{component:`Select`}),(0,q.jsx)(L,{component:`RichSelect`}),(0,q.jsx)(t.h4,{children:`Numeric fields`}),(0,q.jsx)(L,{component:`DecimalInput`}),(0,q.jsx)(L,{component:`PercentageInput`}),(0,q.jsx)(L,{component:`MoneyInput`}),(0,q.jsx)(L,{component:`CurrencyInput`}),(0,q.jsx)(t.h4,{children:`Boolean fields`}),(0,q.jsx)(L,{component:`Switch`}),(0,q.jsx)(L,{component:`Checkbox`}),(0,q.jsx)(L,{component:`ToggleField`}),(0,q.jsx)(t.h4,{children:`Choice groups`}),(0,q.jsx)(L,{component:`PillRadioGroup`}),(0,q.jsx)(L,{component:`ListRadioGroup`}),(0,q.jsx)(L,{component:`CardRadioGroup`}),(0,q.jsx)(L,{component:`CardCheckboxGroup`}),(0,q.jsx)(t.h4,{children:`Domain fields`}),(0,q.jsx)(L,{component:`DateTimeInput`}),(0,q.jsx)(L,{component:`TagsInput`}),(0,q.jsx)(L,{component:`PhoneInput`})]})]})}function Un(e={}){let{wrapper:t}=e.components||{};return t?(0,q.jsx)(t,{...e,children:(0,q.jsx)(Hn,{...e})}):Hn(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Un as default};

package/dist/showcase/assets/{frame-CkLEABTd.js → frame-BNKhZVlb.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Nr as i,hr as a,mr as o,r as s,t as c,xr as l,yr as u}from"./example-BIrQab7K.js";import{t as d}from"./activity-B-FxNryB.js";import{t as f}from"./badge-check-BRAVo7dA.js";import{t as p}from"./credit-card-CYgRtM77.js";import{t as m}from"./database-BVwSMeGM.js";import{t as h}from"./shield-check-CRbBJXw2.js";import{n as g,s as _}from"./index-Cz4UGUT2.js";import{t as v}from"./props-table-BR-KjRNe.js";import{c as y,i as b,n as x,r as S,t as C,u as w}from"./item-CbiuwbAN.js";var T=t(n(),1),E=_(),D=l([`frame--component relative flex flex-col rounded-[var(--frame-radius)]`,`[--frame-radius:var(--radius-lg)]`,`[--frame-border-color:var(--border)]`,`[--frame-panel-bg:var(--card)] [--frame-panel-border-color:var(--border)]`,`gap-[var(--frame-gap)] p-[var(--frame-pad)]`],{variants:{variant:{default:`border border-[var(--frame-border-color)] bg-muted/50 bg-clip-padding`,inverse:[`border border-[var(--frame-border-color)] bg-background bg-clip-padding`,`[--frame-panel-bg:color-mix(in_oklch,var(--muted)_44%,transparent)]`,`[--frame-panel-border-color:var(--border)]`],ghost:`bg-transparent [--frame-pad:0]`},spacing:{xs:[`[--frame-gap:0.125rem] [--frame-pad:0.125rem]`,`[--frame-panel-p:0.5rem]`,`[--frame-panel-header-px:0.5rem] [--frame-panel-header-py:0.375rem]`,`[--frame-panel-footer-px:0.5rem] [--frame-panel-footer-py:0.375rem]`],sm:[`[--frame-gap:0.25rem] [--frame-pad:0.25rem]`,`[--frame-panel-p:0.75rem]`,`[--frame-panel-header-px:0.75rem] [--frame-panel-header-py:0.5rem]`,`[--frame-panel-footer-px:0.75rem] [--frame-panel-footer-py:0.5rem]`],base:[`[--frame-gap:0.375rem] [--frame-pad:0.375rem]`,`[--frame-panel-p:1rem]`,`[--frame-panel-header-px:1rem] [--frame-panel-header-py:0.75rem]`,`[--frame-panel-footer-px:1rem] [--frame-panel-footer-py:0.75rem]`],lg:[`[--frame-gap:0.5rem] [--frame-pad:0.5rem]`,`[--frame-panel-p:1.25rem]`,`[--frame-panel-header-px:1.25rem] [--frame-panel-header-py:1rem]`,`[--frame-panel-footer-px:1.25rem] [--frame-panel-footer-py:1rem]`]},stacked:{true:[`gap-0`,`[&>[data-slot=frame-panel]:not(:first-child)]:rounded-t-none`,`[&>[data-slot=frame-panel]:not(:first-child)]:border-t-0`,`[&>[data-slot=frame-panel]:not(:last-child)]:rounded-b-none`,`[&>[data-slot=frame-panel]:not(:last-child)]:before:hidden`],false:``},dense:{true:[`gap-0 p-0`,`[&>[data-slot=frame-panel]]:-mx-px`,`[&>[data-slot=frame-panel]:last-child]:-mb-px`,`[&>[data-slot=frame-panel]:not(:first-child)]:rounded-t-none`,`[&>[data-slot=frame-panel]:not(:first-child)]:border-t-0`,`[&>[data-slot=frame-panel]:not(:last-child)]:rounded-b-none`],false:``}},defaultVariants:{variant:`default`,spacing:`base`,stacked:!1,dense:!1}}),O={sm:`sm`,base:`base`,lg:`lg`},k=(0,T.forwardRef)(function({variant:e=`default`,spacing:t,stacked:n=!1,dense:r=!1,className:a,...o},s){let{defaultPadding:c}=i(),l=t??O[c??`sm`]??`sm`;return(0,E.jsx)(`div`,{ref:s,"data-slot":`frame`,"data-variant":e,"data-spacing":l,"data-stacked":n?``:void 0,"data-dense":r?``:void 0,className:g(D({variant:e,spacing:l,stacked:n,dense:r}),a),...o})});k.displayName=`Frame`;var A=(0,T.forwardRef)(function({fit:e=!1,className:t,...n},r){return(0,E.jsx)(`div`,{ref:r,"data-slot":`frame-panel`,"data-fit":e?``:void 0,className:g(`frame--panel relative grow overflow-hidden rounded-[var(--frame-radius)] border border-[var(--frame-panel-border-color)] bg-[var(--frame-panel-bg)] bg-clip-padding shadow-xs`,`before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--frame-radius)-1px)] before:shadow-[1px_1px_2px_color-mix(in_oklch,var(--foreground)_3%,transparent)] before:content-[""]`,e?`p-0`:`p-[var(--frame-panel-p)]`,t),...n})});A.displayName=`FramePanel`;var j=(0,T.forwardRef)(function({className:e,...t},n){return(0,E.jsx)(`header`,{ref:n,"data-slot":`frame-header`,className:g(`frame--header flex flex-col px-[var(--frame-panel-header-px)] py-[var(--frame-panel-header-py)]`,e),...t})});j.displayName=`FrameHeader`;var M=(0,T.forwardRef)(function({className:e,children:t,...n},i){return(0,E.jsx)(`div`,{ref:i,"data-slot":`frame-title`,className:g(`frame--title`,e),...n,children:(0,E.jsx)(r,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});M.displayName=`FrameTitle`;var N=(0,T.forwardRef)(function({className:e,children:t,...n},i){return(0,E.jsx)(`div`,{ref:i,"data-slot":`frame-description`,className:g(`frame--description mt-0.5`,e),...n,children:(0,E.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});N.displayName=`FrameDescription`;var P=(0,T.forwardRef)(function({className:e,...t},n){return(0,E.jsx)(`footer`,{ref:n,"data-slot":`frame-footer`,className:g(`frame--footer flex flex-col gap-1 px-[var(--frame-panel-footer-px)] py-[var(--frame-panel-footer-py)]`,e),...t})});P.displayName=`FrameFooter`;var F=e({DefaultFrame:()=>R,DenseFitPanel:()=>V,FrameVariantMatrix:()=>H,InverseFrame:()=>B,StackedPanels:()=>z}),I=[{id:`sync`,title:`Catalog sync`,description:`Last completed 8 minutes ago`,icon:m,badge:`Healthy`},{id:`payments`,title:`Payments`,description:`Stripe webhooks are processing normally`,icon:p,badge:`Live`},{id:`security`,title:`Security review`,description:`2 team members need SSO confirmation`,icon:h,badge:`Review`}],L=[{variant:`default`,spacing:`xs`,title:`Default / xs`},{variant:`inverse`,spacing:`sm`,title:`Inverse / sm`},{variant:`ghost`,spacing:`base`,title:`Ghost / base`},{variant:`default`,spacing:`lg`,title:`Default / lg`}];function R(){return(0,E.jsxs)(k,{className:`w-full max-w-xl`,children:[(0,E.jsxs)(j,{children:[(0,E.jsx)(M,{children:`Workspace health`}),(0,E.jsx)(N,{children:`Grouped panels with one shared outer frame.`})]}),(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,E.jsxs)(`div`,{children:[(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Uptime`}),(0,E.jsx)(r,{weight:`semibold`,children:`99.98%`})]}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Open alerts`}),(0,E.jsx)(r,{weight:`semibold`,children:`3`})]}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Queued jobs`}),(0,E.jsx)(r,{weight:`semibold`,children:`18`})]})]})}),(0,E.jsx)(P,{children:(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Updated just now`})})]})}function z(){return(0,E.jsx)(k,{stacked:!0,spacing:`sm`,className:`w-full max-w-xl`,children:I.map(e=>{let t=e.icon;return(0,E.jsx)(A,{children:(0,E.jsxs)(C,{className:`rounded-none p-0`,children:[(0,E.jsx)(y,{variant:`icon`,children:(0,E.jsx)(t,{})}),(0,E.jsxs)(S,{children:[(0,E.jsx)(w,{children:e.title}),(0,E.jsx)(b,{children:e.description})]}),(0,E.jsx)(x,{children:(0,E.jsx)(u,{variant:e.badge===`Review`?`warning`:`success`,children:e.badge})})]})},e.id)})})}function B(){return(0,E.jsx)(k,{variant:`inverse`,spacing:`base`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,E.jsxs)(`div`,{className:`space-y-1`,children:[(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Monthly automation run`}),(0,E.jsx)(r,{weight:`semibold`,children:`12,842 tasks completed`}),(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Average queue latency is down 18% from last week.`})]}),(0,E.jsxs)(u,{variant:`info`,children:[(0,E.jsx)(d,{className:`size-3`}),`Live`]})]})})})}function V(){return(0,E.jsx)(k,{dense:!0,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{fit:!0,children:(0,E.jsxs)(`div`,{className:`grid grid-cols-[1fr_auto] items-center gap-3 px-3 py-2`,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(f,{className:`size-4 text-success`}),(0,E.jsx)(r,{weight:`semibold`,children:`Payout batch approved`})]}),(0,E.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,children:`View`})]})})})}function H(){return(0,E.jsx)(`div`,{className:`grid w-full gap-3 md:grid-cols-2`,children:L.map(e=>(0,E.jsxs)(k,{variant:e.variant,spacing:e.spacing,children:[(0,E.jsxs)(j,{children:[(0,E.jsx)(M,{children:e.title}),(0,E.jsx)(N,{children:`Provider-aware spacing with stable frame hooks.`})]}),(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,E.jsx)(r,{size:`xs`,type:`secondary`,children:`Review queue`}),(0,E.jsx)(u,{variant:e.variant===`ghost`?`secondary`:`info`,children:`12 open`})]})})]},`${e.variant}-${e.spacing}`))})}var U=`import { Activity, BadgeCheck, CreditCard, Database, ShieldCheck } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Gr as a,Nr as o,Rr as s,jr as c,r as l,t as u}from"./example-Cz_880po.js";import{t as d}from"./activity-BVP5C805.js";import{t as f}from"./badge-check-D2C2BPUT.js";import{t as p}from"./credit-card-CAI3F3HB.js";import{t as m}from"./database-oHsxHUj-.js";import{t as h}from"./shield-check-DUTAPADm.js";import{n as g,s as _}from"./index-BQIv1ffM.js";import{t as v}from"./props-table-2pIZzGC-.js";import{c as y,i as b,n as x,r as S,t as C,u as w}from"./item-YF6wMI9W.js";var T=t(n(),1),E=_(),D=o([`frame--component relative flex flex-col rounded-[var(--frame-radius)]`,`[--frame-radius:var(--radius-lg)]`,`[--frame-border-color:var(--border)]`,`[--frame-panel-bg:var(--card)] [--frame-panel-border-color:var(--border)]`,`gap-[var(--frame-gap)] p-[var(--frame-pad)]`],{variants:{variant:{default:`border border-[var(--frame-border-color)] bg-muted/50 bg-clip-padding`,inverse:[`border border-[var(--frame-border-color)] bg-background bg-clip-padding`,`[--frame-panel-bg:color-mix(in_oklch,var(--muted)_44%,transparent)]`,`[--frame-panel-border-color:var(--border)]`],ghost:`bg-transparent [--frame-pad:0]`},spacing:{xs:[`[--frame-gap:0.125rem] [--frame-pad:0.125rem]`,`[--frame-panel-p:0.5rem]`,`[--frame-panel-header-px:0.5rem] [--frame-panel-header-py:0.375rem]`,`[--frame-panel-footer-px:0.5rem] [--frame-panel-footer-py:0.375rem]`],sm:[`[--frame-gap:0.25rem] [--frame-pad:0.25rem]`,`[--frame-panel-p:0.75rem]`,`[--frame-panel-header-px:0.75rem] [--frame-panel-header-py:0.5rem]`,`[--frame-panel-footer-px:0.75rem] [--frame-panel-footer-py:0.5rem]`],base:[`[--frame-gap:0.375rem] [--frame-pad:0.375rem]`,`[--frame-panel-p:1rem]`,`[--frame-panel-header-px:1rem] [--frame-panel-header-py:0.75rem]`,`[--frame-panel-footer-px:1rem] [--frame-panel-footer-py:0.75rem]`],lg:[`[--frame-gap:0.5rem] [--frame-pad:0.5rem]`,`[--frame-panel-p:1.25rem]`,`[--frame-panel-header-px:1.25rem] [--frame-panel-header-py:1rem]`,`[--frame-panel-footer-px:1.25rem] [--frame-panel-footer-py:1rem]`]},stacked:{true:[`gap-0`,`[&>[data-slot=frame-panel]:not(:first-child)]:rounded-t-none`,`[&>[data-slot=frame-panel]:not(:first-child)]:border-t-0`,`[&>[data-slot=frame-panel]:not(:last-child)]:rounded-b-none`,`[&>[data-slot=frame-panel]:not(:last-child)]:before:hidden`],false:``},dense:{true:[`gap-0 p-0`,`[&>[data-slot=frame-panel]]:-mx-px`,`[&>[data-slot=frame-panel]:last-child]:-mb-px`,`[&>[data-slot=frame-panel]:not(:first-child)]:rounded-t-none`,`[&>[data-slot=frame-panel]:not(:first-child)]:border-t-0`,`[&>[data-slot=frame-panel]:not(:last-child)]:rounded-b-none`],false:``}},defaultVariants:{variant:`default`,spacing:`base`,stacked:!1,dense:!1}}),O={sm:`sm`,base:`base`,lg:`lg`},k=(0,T.forwardRef)(function({variant:e=`default`,spacing:t,stacked:n=!1,dense:r=!1,className:i,...o},s){let{defaultPadding:c}=a(),l=t??O[c??`sm`]??`sm`;return(0,E.jsx)(`div`,{ref:s,"data-slot":`frame`,"data-variant":e,"data-spacing":l,"data-stacked":n?``:void 0,"data-dense":r?``:void 0,className:g(D({variant:e,spacing:l,stacked:n,dense:r}),i),...o})});k.displayName=`Frame`;var A=(0,T.forwardRef)(function({fit:e=!1,className:t,...n},r){return(0,E.jsx)(`div`,{ref:r,"data-slot":`frame-panel`,"data-fit":e?``:void 0,className:g(`frame--panel relative grow overflow-hidden rounded-[var(--frame-radius)] border border-[var(--frame-panel-border-color)] bg-[var(--frame-panel-bg)] bg-clip-padding shadow-xs`,`before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--frame-radius)-1px)] before:shadow-[1px_1px_2px_color-mix(in_oklch,var(--foreground)_3%,transparent)] before:content-[""]`,e?`p-0`:`p-[var(--frame-panel-p)]`,t),...n})});A.displayName=`FramePanel`;var j=(0,T.forwardRef)(function({className:e,...t},n){return(0,E.jsx)(`header`,{ref:n,"data-slot":`frame-header`,className:g(`frame--header flex flex-col px-[var(--frame-panel-header-px)] py-[var(--frame-panel-header-py)]`,e),...t})});j.displayName=`FrameHeader`;var M=(0,T.forwardRef)(function({className:e,children:t,...n},r){return(0,E.jsx)(`div`,{ref:r,"data-slot":`frame-title`,className:g(`frame--title`,e),...n,children:(0,E.jsx)(s,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});M.displayName=`FrameTitle`;var N=(0,T.forwardRef)(function({className:e,children:t,...n},r){return(0,E.jsx)(`div`,{ref:r,"data-slot":`frame-description`,className:g(`frame--description mt-0.5`,e),...n,children:(0,E.jsx)(s,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});N.displayName=`FrameDescription`;var P=(0,T.forwardRef)(function({className:e,...t},n){return(0,E.jsx)(`footer`,{ref:n,"data-slot":`frame-footer`,className:g(`frame--footer flex flex-col gap-1 px-[var(--frame-panel-footer-px)] py-[var(--frame-panel-footer-py)]`,e),...t})});P.displayName=`FrameFooter`;var F=e({DefaultFrame:()=>R,DenseFitPanel:()=>V,FrameVariantMatrix:()=>H,InverseFrame:()=>B,StackedPanels:()=>z}),I=[{id:`sync`,title:`Catalog sync`,description:`Last completed 8 minutes ago`,icon:m,badge:`Healthy`},{id:`payments`,title:`Payments`,description:`Stripe webhooks are processing normally`,icon:p,badge:`Live`},{id:`security`,title:`Security review`,description:`2 team members need SSO confirmation`,icon:h,badge:`Review`}],L=[{variant:`default`,spacing:`xs`,title:`Default / xs`},{variant:`inverse`,spacing:`sm`,title:`Inverse / sm`},{variant:`ghost`,spacing:`base`,title:`Ghost / base`},{variant:`default`,spacing:`lg`,title:`Default / lg`}];function R(){return(0,E.jsxs)(k,{className:`w-full max-w-xl`,children:[(0,E.jsxs)(j,{children:[(0,E.jsx)(M,{children:`Workspace health`}),(0,E.jsx)(N,{children:`Grouped panels with one shared outer frame.`})]}),(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,E.jsxs)(`div`,{children:[(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Uptime`}),(0,E.jsx)(s,{weight:`semibold`,children:`99.98%`})]}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Open alerts`}),(0,E.jsx)(s,{weight:`semibold`,children:`3`})]}),(0,E.jsxs)(`div`,{children:[(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Queued jobs`}),(0,E.jsx)(s,{weight:`semibold`,children:`18`})]})]})}),(0,E.jsx)(P,{children:(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Updated just now`})})]})}function z(){return(0,E.jsx)(k,{stacked:!0,spacing:`sm`,className:`w-full max-w-xl`,children:I.map(e=>{let t=e.icon;return(0,E.jsx)(A,{children:(0,E.jsxs)(C,{className:`rounded-none p-0`,children:[(0,E.jsx)(y,{variant:`icon`,children:(0,E.jsx)(t,{})}),(0,E.jsxs)(S,{children:[(0,E.jsx)(w,{children:e.title}),(0,E.jsx)(b,{children:e.description})]}),(0,E.jsx)(x,{children:(0,E.jsx)(c,{variant:e.badge===`Review`?`warning`:`success`,children:e.badge})})]})},e.id)})})}function B(){return(0,E.jsx)(k,{variant:`inverse`,spacing:`base`,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,E.jsxs)(`div`,{className:`space-y-1`,children:[(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Monthly automation run`}),(0,E.jsx)(s,{weight:`semibold`,children:`12,842 tasks completed`}),(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Average queue latency is down 18% from last week.`})]}),(0,E.jsxs)(c,{variant:`info`,children:[(0,E.jsx)(d,{className:`size-3`}),`Live`]})]})})})}function V(){return(0,E.jsx)(k,{dense:!0,className:`w-full max-w-xl`,children:(0,E.jsx)(A,{fit:!0,children:(0,E.jsxs)(`div`,{className:`grid grid-cols-[1fr_auto] items-center gap-3 px-3 py-2`,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(f,{className:`size-4 text-success`}),(0,E.jsx)(s,{weight:`semibold`,children:`Payout batch approved`})]}),(0,E.jsx)(l,{variant:`secondary`,buttonStyle:`ghost`,children:`View`})]})})})}function H(){return(0,E.jsx)(`div`,{className:`grid w-full gap-3 md:grid-cols-2`,children:L.map(e=>(0,E.jsxs)(k,{variant:e.variant,spacing:e.spacing,children:[(0,E.jsxs)(j,{children:[(0,E.jsx)(M,{children:e.title}),(0,E.jsx)(N,{children:`Provider-aware spacing with stable frame hooks.`})]}),(0,E.jsx)(A,{children:(0,E.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,E.jsx)(s,{size:`xs`,type:`secondary`,children:`Review queue`}),(0,E.jsx)(c,{variant:e.variant===`ghost`?`secondary`:`info`,children:`12 open`})]})})]},`${e.variant}-${e.spacing}`))})}var U=`import { Activity, BadgeCheck, CreditCard, Database, ShieldCheck } from 'lucide-react';
 
 import {
 	Frame,
@@ -149,9 +149,9 @@ export function FrameVariantMatrix() {
 		</div>
 	);
 }
-`;function W(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return F||K(`Examples`,!1),R||K(`Examples.DefaultFrame`,!0),V||K(`Examples.DenseFitPanel`,!0),H||K(`Examples.FrameVariantMatrix`,!0),B||K(`Examples.InverseFrame`,!0),z||K(`Examples.StackedPanels`,!0),(0,E.jsxs)(a,{title:`Frame`,description:`Grouped panel primitive for related admin content, stacked records, and dense framed surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/frame`,children:[(0,E.jsx)(o,{title:`Overview`,id:`overview`,children:(0,E.jsxs)(t.p,{children:[(0,E.jsx)(t.code,{children:`Frame`}),` gives consumers a reusable grouping shell without reaching for ad hoc
+`;function W(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return F||K(`Examples`,!1),R||K(`Examples.DefaultFrame`,!0),V||K(`Examples.DenseFitPanel`,!0),H||K(`Examples.FrameVariantMatrix`,!0),B||K(`Examples.InverseFrame`,!0),z||K(`Examples.StackedPanels`,!0),(0,E.jsxs)(r,{title:`Frame`,description:`Grouped panel primitive for related admin content, stacked records, and dense framed surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/frame`,children:[(0,E.jsx)(i,{title:`Overview`,id:`overview`,children:(0,E.jsxs)(t.p,{children:[(0,E.jsx)(t.code,{children:`Frame`}),` gives consumers a reusable grouping shell without reaching for ad hoc
 card divs. It owns the outer chrome and spacing tokens; `,(0,E.jsx)(t.code,{children:`FramePanel`}),` owns each
-inner surface. Use it when several related panels should read as one object.`]})}),(0,E.jsxs)(o,{title:`Usage`,id:`usage`,children:[(0,E.jsx)(t.p,{children:`Import from the exact public entrypoint:`}),(0,E.jsx)(t.pre,{children:(0,E.jsx)(t.code,{className:`language-tsx`,children:`import {
+inner surface. Use it when several related panels should read as one object.`]})}),(0,E.jsxs)(i,{title:`Usage`,id:`usage`,children:[(0,E.jsx)(t.p,{children:`Import from the exact public entrypoint:`}),(0,E.jsx)(t.pre,{children:(0,E.jsx)(t.code,{className:`language-tsx`,children:`import {
 	Frame,
 	FramePanel,
 	FrameHeader,
@@ -164,4 +164,4 @@ inner surface. Use it when several related panels should read as one object.`]})
 touch the panel edge, `,(0,E.jsx)(t.code,{children:`stacked`}),` when panels should collapse into one segmented
 record, and `,(0,E.jsx)(t.code,{children:`dense`}),` for table-adjacent or settings-row layouts. The default
 `,(0,E.jsx)(t.code,{children:`spacing`}),` follows `,(0,E.jsx)(t.code,{children:`useCardConfig().defaultPadding`}),`; pass `,(0,E.jsx)(t.code,{children:`spacing`}),` only when a
-surface needs to override the provider default.`]})]}),(0,E.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(c,{name:`DefaultFrame`,source:U,children:(0,E.jsx)(R,{})}),(0,E.jsx)(c,{name:`StackedPanels`,source:U,children:(0,E.jsx)(z,{})}),(0,E.jsx)(c,{name:`InverseFrame`,source:U,children:(0,E.jsx)(B,{})}),(0,E.jsx)(c,{name:`DenseFitPanel`,source:U,children:(0,E.jsx)(V,{})}),(0,E.jsx)(c,{name:`FrameVariantMatrix`,source:U,children:(0,E.jsx)(H,{})})]}),(0,E.jsxs)(o,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`Frame`}),(0,E.jsx)(v,{component:`Frame`}),(0,E.jsx)(t.h4,{children:`FramePanel`}),(0,E.jsx)(v,{component:`FramePanel`}),(0,E.jsx)(t.h4,{children:`FrameHeader`}),(0,E.jsx)(v,{component:`FrameHeader`}),(0,E.jsx)(t.h4,{children:`FrameTitle`}),(0,E.jsx)(v,{component:`FrameTitle`}),(0,E.jsx)(t.h4,{children:`FrameDescription`}),(0,E.jsx)(v,{component:`FrameDescription`}),(0,E.jsx)(t.h4,{children:`FrameFooter`}),(0,E.jsx)(v,{component:`FrameFooter`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};
+surface needs to override the provider default.`]})]}),(0,E.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(u,{name:`DefaultFrame`,source:U,children:(0,E.jsx)(R,{})}),(0,E.jsx)(u,{name:`StackedPanels`,source:U,children:(0,E.jsx)(z,{})}),(0,E.jsx)(u,{name:`InverseFrame`,source:U,children:(0,E.jsx)(B,{})}),(0,E.jsx)(u,{name:`DenseFitPanel`,source:U,children:(0,E.jsx)(V,{})}),(0,E.jsx)(u,{name:`FrameVariantMatrix`,source:U,children:(0,E.jsx)(H,{})})]}),(0,E.jsxs)(i,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`Frame`}),(0,E.jsx)(v,{component:`Frame`}),(0,E.jsx)(t.h4,{children:`FramePanel`}),(0,E.jsx)(v,{component:`FramePanel`}),(0,E.jsx)(t.h4,{children:`FrameHeader`}),(0,E.jsx)(v,{component:`FrameHeader`}),(0,E.jsx)(t.h4,{children:`FrameTitle`}),(0,E.jsx)(v,{component:`FrameTitle`}),(0,E.jsx)(t.h4,{children:`FrameDescription`}),(0,E.jsx)(v,{component:`FrameDescription`}),(0,E.jsx)(t.h4,{children:`FrameFooter`}),(0,E.jsx)(v,{component:`FrameFooter`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/getPseudoElementBounds-DwyQgIj-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Bn as n,Bt as r,En as i,Fn as a,Hn as o,In as s,It as c,Jt as l,Kt as u,Ln as d,Lt as f,Mn as p,Nn as m,On as h,Pn as g,Pt as _,Qt as v,Rt as y,Sr as b,Vn as x,Yn as S,Yt as C,br as w,dt as ee,ft as te,gn as ne,hr as T,ir as E,jn as re,mr as D,sn as ie,zn as ae,zt as oe}from"./example-Cz_880po.js";import{s as se}from"./useOpenInteractionType-DLUX6CcH.js";var O=e(t(),1),k=`Escape`;function A(e,t,n){switch(e){case`vertical`:return t;case`horizontal`:return n;default:return t||n}}function j(e,t){return A(t,e===`ArrowUp`||e===`ArrowDown`,e===`ArrowLeft`||e===`ArrowRight`)}function ce(e,t,n){return A(t,e===`ArrowDown`,n?e===`ArrowLeft`:e===`ArrowRight`)||e===`Enter`||e===` `||e===``}function le(e,t,n){return A(t,n?e===a:e===s,e===g)}function ue(e,t,n,r){return t===`both`||t===`horizontal`&&r?e===k:A(t,n?e===s:e===a,e===d)}function M(e,t){let{listRef:r,activeIndex:a,onNavigate:o=()=>{},enabled:s=!0,selectedIndex:d=null,allowEscape:g=!1,loopFocus:y=!1,nested:S=!1,rtl:w=!1,virtual:E=!1,focusItemOnOpen:k=`auto`,focusItemOnHover:A=!0,openOnArrowKeyDown:M=!0,disabledIndices:N=void 0,orientation:P=`vertical`,parentOrientation:de,id:fe,resetOnPointerLeave:pe=!0,externalTree:me,grid:he}=t,ge=he!=null,F=`rootStore`in e?e.rootStore:e,I=F.useState(`open`),L=F.useState(`floatingElement`),R=F.useState(`domReferenceElement`),_e=F.context.dataRef,ve=i(L),ye=h(R),z=C(ve),be=ee(),B=te(me),V=O.useRef(k),H=O.useRef(d??-1),U=O.useRef(null),W=O.useRef(!0),G=T(e=>{o(H.current===-1?null:H.current,e)}),K=O.useRef(!!L),xe=O.useRef(I),q=O.useRef(!1),J=O.useRef(!1),Se=O.useRef(null),Ce=C(N),Y=C(I),X=C(d),we=C(pe),Te=l(),Ee=l(),De=T(()=>{function e(e){E?B?.events.emit(`virtualfocus`,e):Se.current=se(e,{sync:q.current,preventScroll:!0})}let t=r.current[H.current],n=J.current;t&&e(t),(q.current?e=>e():e=>Te.request(e))(()=>{let i=r.current[H.current]||t;i&&(t||e(i),je&&(n||!W.current)&&i.scrollIntoView?.({block:`nearest`,inline:`nearest`}))})});D(()=>{_e.current.orientation=P},[_e,P]),D(()=>{s&&(I&&L?(H.current=d??-1,V.current&&d!=null&&(J.current=!0,G())):K.current&&(H.current=-1,G()))},[s,I,L,d,G]),D(()=>{if(s){if(!I){q.current=!1;return}if(L)if(a==null){if(q.current=!1,X.current!=null)return;if(K.current&&(H.current=-1,De()),(!xe.current||!K.current)&&V.current&&(U.current!=null||V.current===!0&&U.current==null)){let e=0,t=()=>{r.current[0]==null?(e<2&&(e?e=>Ee.request(e):queueMicrotask)(t),e+=1):(H.current=U.current==null||ce(U.current,P,w)||S?f(r):c(r),U.current=null,G())};t()}}else oe(r.current,a)||(H.current=a,De(),J.current=!1)}},[s,I,L,a,X,S,r,P,w,G,De,Ee]),D(()=>{if(!s||L||!B||E||!K.current)return;let e=B.nodesRef.current,t=e.find(e=>e.id===be)?.context?.elements.floating,n=re(u(R??t??null)),r=e.some(e=>e.context&&p(e.context.elements.floating,n));t&&!r&&W.current&&t.focus({preventScroll:!0})},[s,L,R,B,be,E]),D(()=>{xe.current=I,K.current=!!L}),D(()=>{I||(U.current=null,V.current=k)},[I,k]);let Oe=a!=null,ke=T(e=>{if(!Y.current)return;let t=r.current.indexOf(e.currentTarget);t!==-1&&(H.current!==t||a!==t)&&(H.current=t,G(e))}),Z=T(()=>de??B?.nodesRef.current.find(e=>e.id===be)?.context?.dataRef?.current.orientation),Ae=T(()=>f(r,Ce.current)),Q=T(e=>{if(W.current=!1,q.current=!0,e.which===229||!Y.current&&e.currentTarget===z.current)return;if(S&&ue(e.key,P,w,ge)){j(e.key,Z())||x(e),F.setOpen(!1,v(ne,e.nativeEvent)),b(R)&&(E?B?.events.emit(`virtualfocus`,R):R.focus());return}let t=H.current,n=f(r,N),i=c(r,N);if(ye||(e.key===`Home`&&(x(e),H.current=n,G(e)),e.key===`End`&&(x(e),H.current=i,G(e))),he!=null){let t=he(e,H.current,r,P,y,w,N,n,i);if(t!=null&&(H.current=t,G(e)),P===`both`)return}if(j(e.key,P)){if(x(e),I&&!E&&re(e.currentTarget.ownerDocument)===e.currentTarget){H.current=ce(e.key,P,w)?n:i,G(e);return}ce(e.key,P,w)?y?t>=i?g&&t!==r.current.length?H.current=-1:(q.current=!1,H.current=n):H.current=_(r.current,{startingIndex:t,disabledIndices:N}):H.current=Math.min(i,_(r.current,{startingIndex:t,disabledIndices:N})):y?t<=n?g&&t!==-1?H.current=r.current.length:(q.current=!1,H.current=i):H.current=_(r.current,{startingIndex:t,decrement:!0,disabledIndices:N}):H.current=Math.max(n,_(r.current,{startingIndex:t,decrement:!0,disabledIndices:N})),oe(r.current,H.current)&&(H.current=-1),G(e)}}),je=O.useMemo(()=>({onFocus(e){q.current=!0,ke(e)},onClick:({currentTarget:e})=>e.focus({preventScroll:!0}),onMouseMove(e){q.current=!0,J.current=!1,A&&ke(e)},onPointerLeave(e){if(!Y.current||!W.current||e.pointerType===`touch`)return;q.current=!0;let t=e.relatedTarget;if(!(!A||r.current.includes(t))&&we.current&&(Se.current?.(),Se.current=null,H.current=-1,G(e),!E)){let e=z.current,t=re(u(e));e&&p(e,t)&&e.focus({preventScroll:!0})}}}),[ke,Y,z,A,r,G,we,E]),$=O.useMemo(()=>E&&I&&Oe&&{"aria-activedescendant":`${fe}-${a}`},[E,I,Oe,fe,a]),Me=O.useMemo(()=>({"aria-orientation":P===`both`?void 0:P,...ye?{}:$,onKeyDown(e){if(e.key===`Tab`&&e.shiftKey&&I&&!E){let t=m(e.nativeEvent);if(t&&!p(z.current,t))return;x(e),F.setOpen(!1,v(ie,e.nativeEvent)),b(R)&&R.focus();return}Q(e)},onPointerMove(){W.current=!0}}),[$,Q,z,P,ye,F,I,E,R]),Ne=O.useMemo(()=>{function e(e){F.setOpen(!0,v(ne,e.nativeEvent,e.currentTarget))}function t(e){k===`auto`&&ae(e.nativeEvent)&&(V.current=!E)}function r(e){V.current=k,k===`auto`&&n(e.nativeEvent)&&(V.current=!0)}return{onKeyDown(t){let n=F.select(`open`);W.current=!1;let r=t.key.startsWith(`Arrow`),i=le(t.key,Z(),w),a=j(t.key,P),o=(S?i:a)||t.key===`Enter`||t.key.trim()===``;if(E&&n)return Q(t);if(!(!n&&!M&&r)){if(o){let e=j(t.key,Z());U.current=S&&e?null:t.key}if(S){i&&(x(t),n?(H.current=Ae(),G(t)):e(t));return}a&&(X.current!=null&&(H.current=X.current),x(t),!n&&M?e(t):Q(t),n&&G(t))}},onFocus(e){F.select(`open`)&&!E&&(H.current=-1,G(e))},onPointerDown:r,onPointerEnter:r,onMouseDown:t,onClick:t}},[Q,k,Ae,S,G,F,M,P,Z,w,X,E]),Pe=O.useMemo(()=>({...$,...Ne}),[$,Ne]);return O.useMemo(()=>s?{reference:Pe,floating:Me,item:je,trigger:Ne}:{},[s,Pe,Me,Ne,je])}function N(e,t){let{listRef:n,elementsRef:i,activeIndex:a,onMatch:o,disabledIndices:s,onTyping:c,enabled:l=!0,resetMs:u=750,selectedIndex:d=null}=t,f=`rootStore`in e?e.rootStore:e,m=f.useState(`open`),h=S(),g=O.useRef(``),_=O.useRef(d??a??-1),v=O.useRef(null),b=T(e=>{function t(e){let t=i?.current[e];return!t||y(t)}function l(e){return t(e)?s==null||!r(E,e,s):!1}function f(e,t,n=0){if(e.length===0)return-1;let r=(n%e.length+e.length)%e.length,i=t.toLowerCase();for(let t=0;t<e.length;t+=1){let n=(r+t)%e.length;if(!(!e[n]?.toLowerCase().startsWith(i)||!l(n)))return n}return-1}let p=n.current;if(g.current.length>0&&e.key===` `&&(x(e),c?.(!0)),g.current.length>0&&g.current[0]!==` `&&f(p,g.current)===-1&&e.key!==` `&&c?.(!1),p==null||e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;m&&e.key!==` `&&(x(e),c?.(!0));let b=g.current===``;b&&(_.current=d??a??-1),p.every((e,t)=>e&&l(t)?e[0]?.toLowerCase()!==e[1]?.toLowerCase():!0)&&g.current===e.key&&(g.current=``,_.current=v.current),g.current+=e.key,h.start(u,()=>{g.current=``,_.current=v.current,c?.(!1)});let S=((b?d??a??-1:_.current)??0)+1,C=f(p,g.current,S);C===-1?e.key!==` `&&(g.current=``,c?.(!1)):(o?.(C),v.current=C)}),C=T(e=>{let t=e.relatedTarget,n=f.select(`domReferenceElement`),r=f.select(`floatingElement`);p(n,t)||p(r,t)||(h.clear(),g.current=``,_.current=v.current,c?.(!1))});D(()=>{!m&&d!==null||(h.clear(),v.current=null,g.current!==``&&(g.current=``))},[m,d,h]),D(()=>{m&&g.current===``&&(_.current=d??a??-1)},[m,d,a]);let w=O.useMemo(()=>({onKeyDown:b,onBlur:C}),[b,C]);return O.useMemo(()=>l?{reference:w,floating:w}:{},[l,w])}function P(e){let t=e.getBoundingClientRect(),n=w(e);if(o)return t;let r=n.getComputedStyle(e,`::before`),i=n.getComputedStyle(e,`::after`);if(!(r.content!==`none`||i.content!==`none`))return t;let a=parseFloat(r.width)||0,s=parseFloat(r.height)||0,c=parseFloat(i.width)||0,l=parseFloat(i.height)||0,u=Math.max(t.width,a,c),d=Math.max(t.height,s,l),f=u-t.width,p=d-t.height;return{left:t.left-f/2,right:t.right+f/2,top:t.top-p/2,bottom:t.bottom+p/2}}export{N as n,M as r,P as t};

package/dist/showcase/assets/{gift-Bx8IO1FQ.js → gift-CtM--bDo.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`gift`,[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8`,key:`1sqzm4`}],[`path`,{d:`M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5`,key:`kc0143`}],[`rect`,{x:`3`,y:`7`,width:`18`,height:`4`,rx:`1`,key:`1hberx`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`gift`,[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8`,key:`1sqzm4`}],[`path`,{d:`M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5`,key:`kc0143`}],[`rect`,{x:`3`,y:`7`,width:`18`,height:`4`,rx:`1`,key:`1hberx`}]]);export{t};

package/dist/showcase/assets/{giftcard-cards-CZTXBjv0.js → giftcard-cards-imm4Br0H.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Ar as t,Er as n,Tr as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./arrow-right-Bf1Tl6D5.js";import{t as u}from"./eye-CnRPL_H8.js";import{t as d}from"./gift-Bx8IO1FQ.js";import{k as f,n as p,s as m}from"./index-Cz4UGUT2.js";import{t as h}from"./props-table-BR-KjRNe.js";import{t as g}from"./icon-badge-CxvxB8Vd.js";import{c as _,i as v,n as y,r as b,t as x,u as S}from"./item-CbiuwbAN.js";import{t as C}from"./metadata-list-fm8e58ID.js";var w={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},T={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};w.status.active,w.status.redeemed,w.status.expired,w.status.disabled;var E={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},D={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},O={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},k={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},A={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`},j=m();function M({code:e,amount:i,remainingAmount:a,status:s,recipientName:c,senderName:l,message:m,expiresAt:h,createdAt:g,template:_,onView:v,gradient:y=`purple`,pattern:b=`none`,className:x,strings:S}){let D=f(w,S),O=D.status[s],k=T[s],A=!!a&&a!==i,M=A?a:i,N=[...c?[{label:D.to,value:c}]:[],...l?[{label:D.from,value:l}]:[],...h?[{label:D.expires,value:h}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,x),children:[(0,j.jsxs)(`div`,{className:p(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,E[y].card),children:[b===`circles`&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,j.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),b===`waves`&&(0,j.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,j.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,j.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,j.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,j.jsxs)(`span`,{className:p(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":k,children:[(0,j.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),O]})}),(0,j.jsxs)(`div`,{className:`relative z-10`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(d,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,j.jsx)(n,{weight:`medium`,className:`text-inverse-muted`,children:D.giftCard})]}),(0,j.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,j.jsx)(n,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:D.balance}),(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,j.jsx)(r,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:M}),!!A&&(0,j.jsx)(n,{className:`line-through tabular-nums text-inverse-disabled`,children:i})]})]}),(0,j.jsxs)(`div`,{className:p(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,j.jsx)(n,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:e}),(0,j.jsx)(o,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":D.copyCode,children:(0,j.jsx)(t,{className:`h-4 w-4`})})]})]})]}),(0,j.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!m&&(0,j.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,j.jsx)(n,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:D.personalMessage}),(0,j.jsxs)(n,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,m,`”`]})]}),(0,j.jsx)(C,{items:N,columns:2}),!!v&&(0,j.jsx)(o,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:v,children:D.viewDetails})]})]})}M.displayName=`GiftcardCard`;function N({code:e,amount:t,remainingAmount:r,status:i,recipientName:a,gradient:o=`purple`,className:s,strings:l}){let u=f(w,l).status[i],m=T[i],h=!!r&&r!==t,g=h?r:t;return(0,j.jsxs)(x,{size:`xs`,variant:`outline`,className:p(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,s),children:[(0,j.jsx)(_,{variant:`image`,children:(0,j.jsx)(`div`,{className:p(`flex size-full items-center justify-center bg-gradient-to-br`,D[o]),children:(0,j.jsx)(d,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,j.jsxs)(b,{className:`min-w-0`,children:[(0,j.jsx)(S,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:e}),!!a&&(0,j.jsx)(v,{clamp:1,children:a})]}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,j.jsx)(n,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:g}),!!h&&(0,j.jsx)(n,{size:`xxs`,type:`discrete`,className:`line-through tabular-nums`,children:t})]}),(0,j.jsx)(c,{variant:m,size:`xs`,children:u})]})})]})}N.displayName=`GiftcardCompact`;function P({code:e,amount:i,remainingAmount:a,status:s,recipientName:u,expiresAt:m,onView:h,color:g=`green`,className:v,strings:E}){let D=f(w,E),k=D.status[s],A=T[s],M=!!a&&a!==i,N=M?a:i,P=O[g],F=[...u?[{label:D.recipient,value:u}]:[],...m?[{label:D.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsx)(`div`,{className:p(`mx-4 mt-3 h-1 w-12 rounded-sm`,P.line)}),(0,j.jsxs)(x,{size:`xs`,className:`flex-nowrap items-center px-4 pb-1.5 pt-2`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:p(`flex h-7 w-7 items-center justify-center rounded-full`,P.iconBg),children:(0,j.jsx)(d,{className:`h-3.5 w-3.5`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:D.giftCard})}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsx)(c,{variant:A,size:`xs`,children:k})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(r,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:N}),!!M&&(0,j.jsx)(n,{type:`discrete`,className:`line-through tabular-nums`,children:i})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,j.jsx)(n,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:e}),(0,j.jsx)(o,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,className:`shrink-0`,"aria-label":D.copyCode,children:(0,j.jsx)(t,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:F,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,j.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,j.jsxs)(o,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[D.viewDetails,(0,j.jsx)(l,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}P.displayName=`GiftcardCardMinimal`;function F({code:e,amount:i,remainingAmount:a,status:s,recipientName:l,expiresAt:m,onView:h,className:g,strings:v}){let E=f(w,v),D=E.status[s],O=T[s],k=!!a&&a!==i,A=k?a:i,M=[...l?[{label:E.recipient,value:l}]:[],...m?[{label:E.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,j.jsxs)(x,{size:`xs`,className:`px-4 pb-2 pt-4`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,j.jsx)(d,{className:`h-4 w-4 text-warning`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:E.giftCard})}),(0,j.jsx)(y,{children:(0,j.jsx)(c,{variant:O,children:D})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(r,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:A}),!!k&&(0,j.jsx)(n,{type:`discrete`,className:`line-through tabular-nums`,children:i})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,j.jsx)(n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(o,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":E.copyCode,children:(0,j.jsx)(t,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:M,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,j.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,j.jsx)(o,{variant:`dark`,buttonStyle:`solid`,icon:u,fullWidth:!0,onClick:h,children:E.viewDetails})})]})}F.displayName=`GiftcardCardDark`;function I({code:e,amount:i,remainingAmount:a,status:s,recipientName:l,expiresAt:m,onView:h,headerColor:_=`green`,className:v,strings:y}){let b=f(w,y),x=b.status[s],S=T[s],E=!!a&&a!==i,D=E?a:i,O=[...l?[{label:b.recipient,value:l}]:[],...m?[{label:b.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsxs)(`div`,{className:p(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,k[_]),children:[(0,j.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,j.jsx)(g,{icon:d,size:`md`,shape:`square`,className:p(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,A[_])}),(0,j.jsx)(n,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:b.giftCard})]}),(0,j.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,j.jsxs)(`div`,{children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(r,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:D}),!!E&&(0,j.jsx)(n,{type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,j.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:b.balance})]}),(0,j.jsx)(c,{variant:S,children:x})]}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,j.jsx)(n,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(o,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":b.copyCode,children:(0,j.jsx)(t,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:O,columns:2}),!!h&&(0,j.jsx)(o,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:h,children:b.viewDetails})]})]})}I.displayName=`GiftcardCardIllustrated`;var L=e({CompactActiveExpired:()=>H,Dark:()=>B,GradientDefault:()=>R,Illustrated:()=>V,Minimal:()=>z});function R(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(M,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,senderName:`Petar Williams`,message:`Happy Birthday!`,expiresAt:`Dec 31, 2026`,createdAt:`Mar 15, 2026`,onView:()=>{}})})}function z(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(P,{code:`GCT-M1N2-A3L4`,amount:`150.00 USD`,status:`active`,color:`green`,recipientName:`Daniel Kowalski`,expiresAt:`Sep 15, 2026`,onView:()=>{}})})}function B(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(F,{code:`GCT-D4K5-G6H7`,amount:`1,000.00 USD`,status:`active`,recipientName:`Viktoria Johnsona`,expiresAt:`Dec 31, 2026`,onView:()=>{}})})}function V(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(I,{code:`GCT-I1L2-U3S4`,amount:`350.00 USD`,status:`active`,headerColor:`green`,recipientName:`Kalina Smitha`,expiresAt:`Nov 30, 2026`,onView:()=>{}})})}function H(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,j.jsx)(N,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,expiresAt:`Dec 31, 2026`,onView:()=>{}}),(0,j.jsx)(N,{code:`GCT-W5X8-Y1Z3`,amount:`75.00 USD`,status:`expired`,recipientName:`Dimitar Georgiev`,expiresAt:`Jan 15, 2026`})]})})}var U=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Hr as r,Lr as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./arrow-right-D6hTB0Bd.js";import{t as u}from"./eye-C85PNNdH.js";import{t as d}from"./gift-CtM--bDo.js";import{k as f,n as p,s as m}from"./index-BQIv1ffM.js";import{t as h}from"./props-table-2pIZzGC-.js";import{t as g}from"./icon-badge-dwVx3Hxf.js";import{c as _,i as v,n as y,r as b,t as x,u as S}from"./item-YF6wMI9W.js";import{t as C}from"./metadata-list-BoEVt7cX.js";var w={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},T={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};w.status.active,w.status.redeemed,w.status.expired,w.status.disabled;var E={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},D={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},O={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},k={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},A={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`},j=m();function M({code:e,amount:t,remainingAmount:n,status:o,recipientName:c,senderName:l,message:m,expiresAt:h,createdAt:g,template:_,onView:v,gradient:y=`purple`,pattern:b=`none`,className:x,strings:S}){let D=f(w,S),O=D.status[o],k=T[o],A=!!n&&n!==t,M=A?n:t,N=[...c?[{label:D.to,value:c}]:[],...l?[{label:D.from,value:l}]:[],...h?[{label:D.expires,value:h}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,x),children:[(0,j.jsxs)(`div`,{className:p(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,E[y].card),children:[b===`circles`&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,j.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),b===`waves`&&(0,j.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,j.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,j.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,j.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,j.jsxs)(`span`,{className:p(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xxs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":k,children:[(0,j.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),O]})}),(0,j.jsxs)(`div`,{className:`relative z-10`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(d,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,j.jsx)(a,{weight:`medium`,className:`text-inverse-muted`,children:D.giftCard})]}),(0,j.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,j.jsx)(a,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:D.balance}),(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,j.jsx)(i,{tag:`h2`,className:`text-4xl border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:M}),!!A&&(0,j.jsx)(a,{className:`line-through tabular-nums text-inverse-disabled`,children:t})]})]}),(0,j.jsxs)(`div`,{className:p(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,j.jsx)(a,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:e}),(0,j.jsx)(s,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":D.copyCode,children:(0,j.jsx)(r,{className:`h-4 w-4`})})]})]})]}),(0,j.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!m&&(0,j.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,j.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:D.personalMessage}),(0,j.jsxs)(a,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,m,`”`]})]}),(0,j.jsx)(C,{items:N,columns:2}),!!v&&(0,j.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:v,children:D.viewDetails})]})]})}M.displayName=`GiftcardCard`;function N({code:e,amount:t,remainingAmount:n,status:r,recipientName:i,gradient:s=`purple`,className:c,strings:l}){let u=f(w,l).status[r],m=T[r],h=!!n&&n!==t,g=h?n:t;return(0,j.jsxs)(x,{size:`xs`,variant:`outline`,className:p(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,c),children:[(0,j.jsx)(_,{variant:`image`,children:(0,j.jsx)(`div`,{className:p(`flex size-full items-center justify-center bg-gradient-to-br`,D[s]),children:(0,j.jsx)(d,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,j.jsxs)(b,{className:`min-w-0`,children:[(0,j.jsx)(S,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:e}),!!i&&(0,j.jsx)(v,{clamp:1,children:i})]}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,j.jsx)(a,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:g}),!!h&&(0,j.jsx)(a,{size:`xxs`,type:`discrete`,className:`line-through tabular-nums`,children:t})]}),(0,j.jsx)(o,{variant:m,size:`xs`,children:u})]})})]})}N.displayName=`GiftcardCompact`;function P({code:e,amount:t,remainingAmount:n,status:c,recipientName:u,expiresAt:m,onView:h,color:g=`green`,className:v,strings:E}){let D=f(w,E),k=D.status[c],A=T[c],M=!!n&&n!==t,N=M?n:t,P=O[g],F=[...u?[{label:D.recipient,value:u}]:[],...m?[{label:D.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsx)(`div`,{className:p(`mx-4 mt-3 h-1 w-12 rounded-sm`,P.line)}),(0,j.jsxs)(x,{size:`xs`,className:`flex-nowrap items-center px-4 pb-1.5 pt-2`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:p(`flex h-7 w-7 items-center justify-center rounded-full`,P.iconBg),children:(0,j.jsx)(d,{className:`h-3.5 w-3.5`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:D.giftCard})}),(0,j.jsx)(y,{className:`shrink-0`,children:(0,j.jsx)(o,{variant:A,size:`xs`,children:k})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(i,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:N}),!!M&&(0,j.jsx)(a,{type:`discrete`,className:`line-through tabular-nums`,children:t})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,j.jsx)(a,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:e}),(0,j.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,className:`shrink-0`,"aria-label":D.copyCode,children:(0,j.jsx)(r,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:F,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,j.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,j.jsxs)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[D.viewDetails,(0,j.jsx)(l,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}P.displayName=`GiftcardCardMinimal`;function F({code:e,amount:t,remainingAmount:n,status:c,recipientName:l,expiresAt:m,onView:h,className:g,strings:v}){let E=f(w,v),D=E.status[c],O=T[c],k=!!n&&n!==t,A=k?n:t,M=[...l?[{label:E.recipient,value:l}]:[],...m?[{label:E.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,j.jsxs)(x,{size:`xs`,className:`px-4 pb-2 pt-4`,children:[(0,j.jsx)(_,{children:(0,j.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,j.jsx)(d,{className:`h-4 w-4 text-warning`})})}),(0,j.jsx)(b,{children:(0,j.jsx)(S,{bold:!1,className:`text-muted-foreground`,children:E.giftCard})}),(0,j.jsx)(y,{children:(0,j.jsx)(o,{variant:O,children:D})})]}),(0,j.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(i,{tag:`h2`,className:`border-none pb-0 text-3xl tabular-nums`,children:A}),!!k&&(0,j.jsx)(a,{type:`discrete`,className:`line-through tabular-nums`,children:t})]})}),(0,j.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,j.jsx)(a,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":E.copyCode,children:(0,j.jsx)(r,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:M,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,j.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,j.jsx)(s,{variant:`dark`,buttonStyle:`solid`,icon:u,fullWidth:!0,onClick:h,children:E.viewDetails})})]})}F.displayName=`GiftcardCardDark`;function I({code:e,amount:t,remainingAmount:n,status:c,recipientName:l,expiresAt:m,onView:h,headerColor:_=`green`,className:v,strings:y}){let b=f(w,y),x=b.status[c],S=T[c],E=!!n&&n!==t,D=E?n:t,O=[...l?[{label:b.recipient,value:l}]:[],...m?[{label:b.expires,value:m}]:[]];return(0,j.jsxs)(`div`,{className:p(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,v),children:[(0,j.jsxs)(`div`,{className:p(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,k[_]),children:[(0,j.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,j.jsx)(g,{icon:d,size:`md`,shape:`square`,className:p(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,A[_])}),(0,j.jsx)(a,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:b.giftCard})]}),(0,j.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,j.jsxs)(`div`,{children:[(0,j.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,j.jsx)(i,{tag:`h2`,className:`border-none pb-0 text-2xl tabular-nums`,children:D}),!!E&&(0,j.jsx)(a,{type:`discrete`,className:`line-through tabular-nums`,children:t})]}),(0,j.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:b.balance})]}),(0,j.jsx)(o,{variant:S,children:x})]}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,j.jsx)(a,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:e}),(0,j.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":b.copyCode,children:(0,j.jsx)(r,{className:`h-3.5 w-3.5`})})]}),(0,j.jsx)(C,{items:O,columns:2}),!!h&&(0,j.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,icon:u,fullWidth:!0,onClick:h,children:b.viewDetails})]})]})}I.displayName=`GiftcardCardIllustrated`;var L=e({CompactActiveExpired:()=>H,Dark:()=>B,GradientDefault:()=>R,Illustrated:()=>V,Minimal:()=>z});function R(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(M,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,senderName:`Petar Williams`,message:`Happy Birthday!`,expiresAt:`Dec 31, 2026`,createdAt:`Mar 15, 2026`,onView:()=>{}})})}function z(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(P,{code:`GCT-M1N2-A3L4`,amount:`150.00 USD`,status:`active`,color:`green`,recipientName:`Daniel Kowalski`,expiresAt:`Sep 15, 2026`,onView:()=>{}})})}function B(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(F,{code:`GCT-D4K5-G6H7`,amount:`1,000.00 USD`,status:`active`,recipientName:`Viktoria Johnsona`,expiresAt:`Dec 31, 2026`,onView:()=>{}})})}function V(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsx)(I,{code:`GCT-I1L2-U3S4`,amount:`350.00 USD`,status:`active`,headerColor:`green`,recipientName:`Kalina Smitha`,expiresAt:`Nov 30, 2026`,onView:()=>{}})})}function H(){return(0,j.jsx)(j.Fragment,{children:(0,j.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,j.jsx)(N,{code:`GCT-A4B7-C9E2`,amount:`250.00 USD`,status:`active`,gradient:`purple`,recipientName:`Davida Todorova`,expiresAt:`Dec 31, 2026`,onView:()=>{}}),(0,j.jsx)(N,{code:`GCT-W5X8-Y1Z3`,amount:`75.00 USD`,status:`expired`,recipientName:`Dimitar Georgiev`,expiresAt:`Jan 15, 2026`})]})})}var U=`import {
 	GiftcardCard,
 	GiftcardCompact,
 	GiftcardCardMinimal,
@@ -82,4 +82,4 @@ export function CompactActiveExpired() {
 		</>
 	);
 }
-`;function W(e){let t={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.CompactActiveExpired`,!0),B||K(`Examples.Dark`,!0),R||K(`Examples.GradientDefault`,!0),V||K(`Examples.Illustrated`,!0),z||K(`Examples.Minimal`,!0),(0,j.jsxs)(i,{title:`Composed · Giftcard cards`,description:`Five visual variants — gradient, compact, minimal, dark, illustrated.`,layer:`composed`,status:`ready`,children:[(0,j.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,j.jsx)(s,{name:`GradientDefault`,source:U,children:(0,j.jsx)(R,{})}),(0,j.jsx)(s,{name:`Minimal`,source:U,children:(0,j.jsx)(z,{})}),(0,j.jsx)(s,{name:`Dark`,source:U,children:(0,j.jsx)(B,{})}),(0,j.jsx)(s,{name:`Illustrated`,source:U,children:(0,j.jsx)(V,{})}),(0,j.jsx)(s,{name:`CompactActiveExpired`,source:U,children:(0,j.jsx)(H,{})})]}),(0,j.jsxs)(a,{title:`API`,id:`api`,children:[(0,j.jsx)(t.h4,{children:`GiftcardCard`}),(0,j.jsx)(h,{component:`GiftcardCard`}),(0,j.jsx)(t.h4,{children:`GiftcardCompact`}),(0,j.jsx)(h,{component:`GiftcardCompact`}),(0,j.jsx)(t.h4,{children:`GiftcardCardMinimal`}),(0,j.jsx)(h,{component:`GiftcardCardMinimal`}),(0,j.jsx)(t.h4,{children:`GiftcardCardDark`}),(0,j.jsx)(h,{component:`GiftcardCardDark`}),(0,j.jsx)(t.h4,{children:`GiftcardCardIllustrated`}),(0,j.jsx)(h,{component:`GiftcardCardIllustrated`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};
+`;function W(e){let r={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.CompactActiveExpired`,!0),B||K(`Examples.Dark`,!0),R||K(`Examples.GradientDefault`,!0),V||K(`Examples.Illustrated`,!0),z||K(`Examples.Minimal`,!0),(0,j.jsxs)(t,{title:`Composed · Giftcard cards`,description:`Five visual variants — gradient, compact, minimal, dark, illustrated.`,layer:`composed`,status:`ready`,children:[(0,j.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,j.jsx)(c,{name:`GradientDefault`,source:U,children:(0,j.jsx)(R,{})}),(0,j.jsx)(c,{name:`Minimal`,source:U,children:(0,j.jsx)(z,{})}),(0,j.jsx)(c,{name:`Dark`,source:U,children:(0,j.jsx)(B,{})}),(0,j.jsx)(c,{name:`Illustrated`,source:U,children:(0,j.jsx)(V,{})}),(0,j.jsx)(c,{name:`CompactActiveExpired`,source:U,children:(0,j.jsx)(H,{})})]}),(0,j.jsxs)(n,{title:`API`,id:`api`,children:[(0,j.jsx)(r.h4,{children:`GiftcardCard`}),(0,j.jsx)(h,{component:`GiftcardCard`}),(0,j.jsx)(r.h4,{children:`GiftcardCompact`}),(0,j.jsx)(h,{component:`GiftcardCompact`}),(0,j.jsx)(r.h4,{children:`GiftcardCardMinimal`}),(0,j.jsx)(h,{component:`GiftcardCardMinimal`}),(0,j.jsx)(r.h4,{children:`GiftcardCardDark`}),(0,j.jsx)(h,{component:`GiftcardCardDark`}),(0,j.jsx)(r.h4,{children:`GiftcardCardIllustrated`}),(0,j.jsx)(h,{component:`GiftcardCardIllustrated`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,j.jsx)(t,{...e,children:(0,j.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/{git-branch-D9jt-u1q.js → git-branch-Dl3AzbqP.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`git-branch`,[[`path`,{d:`M15 6a9 9 0 0 0-9 9V3`,key:`1cii5b`}],[`circle`,{cx:`18`,cy:`6`,r:`3`,key:`1h7g24`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`git-branch`,[[`path`,{d:`M15 6a9 9 0 0 0-9 9V3`,key:`1cii5b`}],[`circle`,{cx:`18`,cy:`6`,r:`3`,key:`1h7g24`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}]]);export{t};