admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/showcase/assets/rotate-ccw-Dajwztf1.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`rotate-ccw`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}]]);export{t};

package/dist/showcase/assets/route-5uO9C0gV.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`route`,[[`circle`,{cx:`6`,cy:`19`,r:`3`,key:`1kj8tv`}],[`path`,{d:`M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15`,key:`1d8sl`}],[`circle`,{cx:`18`,cy:`5`,r:`3`,key:`gq8acd`}]]);export{t};

package/dist/showcase/assets/save-DONvClxa.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`save`,[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`,key:`1c8476`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`,key:`1ydtos`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`,key:`t51u73`}]]);export{t};

package/dist/showcase/assets/schema-form-BMQmx4JI.js

@@ -0,0 +1,327 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a}from"./section-Dd6X6IKg.js";import{t as o}from"./bell-Cq9n0a2v.js";import{r as s,t as c}from"./example-Rrx9vj75.js";import{t as l}from"./earth-BgJkqIAs.js";import{t as u}from"./lock-keyhole-B1BEkNvm.js";import{t as d}from"./mail-Bo_4xDQw.js";import{t as f}from"./package-check-C8HJfDxS.js";import{t as p}from"./shield-check-Bnw8RAvI.js";import{t as m}from"./sparkles-Bc0I4qTf.js";import{N as h,d as g,i as _,l as v,n as y}from"./index-o71HAmc3.js";import{t as b}from"./props-table-C6gPyO49.js";import{t as ee}from"./smart-card-BwSFemlj.js";import{t as x}from"./input-CYTQ9nWN.js";import{t as S}from"./textarea-CBhdtg5X.js";import{t as C}from"./select-CJSyu7sS.js";import{i as te,n as ne,r as w,t as T}from"./tags-input-CJSpILy6.js";import{n as E,t as D}from"./card-radio-group-Dq7AUPTp.js";import{n as O}from"./form-field-Dg_Az7lk.js";var re=v(`brush`,[[`path`,{d:`m11 10 3 3`,key:`fzmg1i`}],[`path`,{d:`M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z`,key:`p4q2r7`}],[`path`,{d:`M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031`,key:`wy6l02`}]]),k=v(`webhook`,[[`path`,{d:`M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2`,key:`q3hayz`}],[`path`,{d:`m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06`,key:`1go1hn`}],[`path`,{d:`m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8`,key:`qlwsc0`}]]),ie={1:`grid grid-cols-1 gap-4`,2:`grid grid-cols-1 gap-4 md:grid-cols-2`,3:`grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3`},ae={auto:``,half:`md:col-span-1`,third:`xl:col-span-1`,full:`md:col-span-full xl:col-span-full`};function A(e,t,n){if(typeof e.hidden==`function`)try{return e.hidden(t)}catch(e){return n?.(e),!1}return e.hidden??!1}function oe(e,t,n){if(typeof e.disabled==`function`)try{return e.disabled(t)}catch(e){return n?.(e),!0}return e.disabled??!1}function j(e,t,n){return e.filter(e=>!A(e,t,n))}function se(e,t,n,r,i){let a=j(e.fields,t,i),o=new Map(a.map(e=>[e.key,e])),s=new Set,c=[];for(let t of e.sections??[]){let e=t.fields?t.fields.map(e=>o.get(e)).filter(e=>e!==void 0):a.filter(e=>e.sectionId===t.id);for(let t of e)s.add(t.key);c.push({id:t.id,title:t.title,description:t.description,icon:t.icon,fields:e,columns:t.columns??r,footerSlot:t.footerSlot,className:t.className})}let l=a.filter(e=>!s.has(e.key));return(l.length>0||c.length===0)&&c.unshift({id:`default`,title:e.sections?.length?n:void 0,fields:l,columns:r}),c.filter(e=>e.fields.length>0)}function M(e){return e==null?``:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):JSON.stringify(e)}function N(e){return Array.isArray(e)?e.map(e=>String(e)):[]}function P(e){return e===!0||e===`true`||e===1}function F(e,t=!1){let n=e.trim();if(n.length===0)return null;let r=t?Number.parseInt(n,10):Number.parseFloat(n);return Number.isNaN(r)?null:r}function I(e,t=2){if(e==null)return``;if(typeof e==`string`)return e;try{return JSON.stringify(e,null,t)}catch{return String(e)}}function L(e){let t=e.trim();if(t.length===0)return{value:null,valid:!0};try{return{value:JSON.parse(t),valid:!0}}catch{return{value:e,valid:!1}}}var R=t(n(),1);function z(e,t){let n={...t??{}};for(let t of e)t.defaultValue!==void 0&&n[t.key]===void 0&&(n[t.key]=t.defaultValue);return n}function B(e){return e==null?!0:typeof e==`string`?e.trim().length===0:Array.isArray(e)?e.length===0:!1}function ce(e){let t={};for(let[n,r]of Object.entries(e??{}))r&&(t[n]=r);return t}function le({fields:e,value:t,defaultValue:n,errors:r,onValueChange:i,onFieldChange:a,formatRequiredError:o,validationError:s,onError:c}){let l=t!==void 0,u=(0,R.useMemo)(()=>z(e,n),[n,e]),[d,f]=(0,R.useState)(()=>u),[p,m]=(0,R.useState)({}),h=(0,R.useMemo)(()=>l?{...u,...t??{}}:d,[u,d,l,t]),g=(0,R.useMemo)(()=>({...p,...ce(r)}),[r,p]),_=(0,R.useCallback)(e=>{l||f(e),i?.(e)},[l,i]),v=(0,R.useCallback)((e,t)=>{let n={...h,[e]:t};l||f(n),m(t=>{if(!t[e])return t;let n={...t};return delete n[e],n}),a?.(e,t,n),i?.(n)},[l,a,i,h]),y=(0,R.useCallback)(()=>{let t=z(e,n);return l||f(t),m({}),i?.(t),t},[n,e,l,i]),b=(0,R.useCallback)(()=>{let t={};for(let n of e){if(A(n,h,c))continue;let e=h[n.key];if(n.required&&B(e)){t[n.key]=o(n.label);continue}let r=Array.isArray(n.validate)?n.validate:n.validate?[n.validate]:[];for(let i of r)try{let r=i(e,h,n);if(typeof r==`string`&&r.length>0){t[n.key]=r;break}}catch(e){c?.(e),t[n.key]=s;break}}return m(t),Object.keys(t).length===0},[e,o,c,s,h]);return{values:h,errors:g,getFieldError:(0,R.useCallback)(e=>g[e],[g]),getFieldValue:(0,R.useCallback)(e=>h[e],[h]),setFieldValue:v,setValues:_,reset:y,validate:b}}var V=g();function ue({submitLabel:e,resetLabel:t,showReset:n=!1,disabled:r=!1,submitDisabled:i=!1,resetDisabled:a=!1,isSubmitting:o=!1,onReset:c,className:l}){return(0,V.jsxs)(`div`,{className:y(`schema-form-actions--component flex items-center justify-end gap-2`,l),children:[!!n&&(0,V.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,disabled:r||a||o,onClick:c,children:t}),(0,V.jsx)(s,{type:`submit`,variant:`primary`,loading:o,disabled:r||i,children:e})]})}ue.displayName=`SchemaFormActions`;function de({title:e,description:t,className:n}){return(0,V.jsxs)(`div`,{className:y(`schema-form-empty--component rounded-md border border-dashed border-border bg-muted/20 p-6 text-center`,n),children:[(0,V.jsx)(i,{weight:`semibold`,children:e}),(0,V.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})}de.displayName=`SchemaFormEmpty`;function H(e){return e.hint??e.description}function U(e,t,n,r){if(e.formatValue)try{return e.formatValue(t,n)}catch(e){r?.(e)}return M(t)}function W(e,t,n,r){if(e.parseValue)try{return e.parseValue(t,n)}catch(e){r?.(e)}return t}function G(e,t,n,r,i){if(e.parseValue)try{return e.parseValue(t,n)}catch(e){i?.(e)}return F(t,r)}function K(e,t,n,r){if(e.type===`json`&&e.parseValue)try{return{value:e.parseValue(t,n),valid:!0}}catch(e){return r?.(e),{value:t,valid:!1}}return L(t)}function fe(e){if(!e.icon)return;let t=e.icon;return(0,V.jsx)(t,{className:`size-4`,"aria-hidden":`true`})}function q({field:e,value:t,values:n,error:r,disabled:i,fieldId:a,onValueChange:o,onError:s,strings:c}){let l=e.type===`json`?e.jsonIndent??2:2,[u,d]=(0,R.useState)(()=>I(t,l)),[f,p]=(0,R.useState)(),[m,h]=(0,R.useState)(!1);if((0,R.useEffect)(()=>{m||d(I(t,l))},[l,m,t]),e.type!==`json`)return null;let g=t=>{let r=K(e,t,n,s);return p(r.valid?void 0:c.jsonParseError),o(r.value),r};return(0,V.jsx)(O,{label:e.label,required:e.required,hint:H(e),helperText:e.helperText,error:r??f,htmlFor:a,className:`schema-form-field--component schema-form-field--json`,children:(0,V.jsx)(S,{id:a,name:e.key,value:u,rows:e.rows??6,disabled:i,invalid:!!(r??f),placeholder:e.placeholder,spellCheck:!1,className:y(`font-mono`,e.controlClassName),onFocus:()=>h(!0),onChange:t=>{let r=t.target.value;d(r);let i=K(e,r,n,s);p(i.valid?void 0:c.jsonParseError),o(i.value)},onBlur:()=>{h(!1);let e=g(u);e.valid&&d(I(e.value,l))},...e.textareaProps})})}function pe({field:e,value:t,values:n,error:r,disabled:i,required:a,fieldId:o,onValueChange:s,onError:c,strings:l,className:u}){let d=e.type??`text`,f={label:e.label,required:a,hint:H(e),helperText:e.helperText,error:r,htmlFor:o,className:y(`schema-form-field--component`,u)},p=e.controlClassName;if(d===`custom`&&e.type===`custom`)return(0,V.jsx)(`div`,{className:y(`schema-form-field--component schema-form-field--custom`,u),children:e.render({field:e,value:t,values:n,error:r,disabled:i,required:a,fieldId:o,onValueChange:s,onError:c})});if(d===`switch`&&e.type===`switch`){let n=P(t);return e.switchStyle===`card`?(0,V.jsx)(O,{error:r,className:y(`schema-form-field--component schema-form-field--switch-card`,u),children:(0,V.jsx)(w,{label:e.label,description:e.description,hint:e.hint,name:e.key,value:n,disabled:i,invalid:!!r,className:p,onChange:e=>s(e),...e.switchCardProps})}):(0,V.jsx)(O,{error:r,className:y(`schema-form-field--component schema-form-field--switch`,u),children:(0,V.jsx)(ne,{label:e.label,description:e.description??e.hint,name:e.key,value:n,disabled:i,invalid:!!r,className:p,onChange:e=>s(e),...e.switchProps})})}if(d===`json`)return(0,V.jsx)(q,{field:e,value:t,values:n,error:r,disabled:i,required:a,fieldId:o,onValueChange:s,onError:c,strings:l});if(d===`textarea`&&e.type===`textarea`){let l=U(e,t,n,c);return(0,V.jsx)(O,{...f,children:(0,V.jsx)(S,{id:o,name:e.key,value:l,rows:e.rows,disabled:i,required:a,invalid:!!r,placeholder:e.placeholder,className:p,onChange:t=>s(W(e,t.target.value,n,c)),...e.textareaProps})})}if((d===`number`||d===`integer`||d===`decimal`)&&(e.type===`number`||e.type===`integer`||e.type===`decimal`)){let l=U(e,t,n,c),u=e.type===`integer`,d=u?0:e.decimalPlaces??(e.type===`decimal`?2:4);return(0,V.jsx)(O,{...f,children:(0,V.jsx)(te,{id:o,name:e.key,value:l,min:e.min,max:e.max,step:e.step,decimalPlaces:d,disabled:i,required:a,invalid:!!r,placeholder:e.placeholder,className:p,onChange:t=>{let r=t.target.value;s(G(e,r,n,u,c))},...e.numberProps})})}if(d===`select`&&e.type===`select`){let n=e.options.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:fe(e)}));return(0,V.jsx)(O,{...f,children:(0,V.jsx)(C,{name:e.key,value:M(t),options:n,allowClear:e.allowClear,disabled:i,required:a,invalid:!!r,placeholder:e.placeholder,"aria-label":e.label,className:p,onChange:e=>s(e??null),...e.selectProps})})}if(d===`radio-cards`&&e.type===`radio-cards`)return(0,V.jsx)(O,{...f,children:(0,V.jsx)(D,{name:e.key,value:M(t),options:e.options,columns:e.columns,disabled:i,invalid:!!r,className:p,onChange:e=>s(e),...e.radioProps})});if(d===`checkbox-cards`&&e.type===`checkbox-cards`)return(0,V.jsx)(O,{...f,children:(0,V.jsx)(E,{name:e.key,value:N(t),options:e.options,columns:e.columns,disabled:i,invalid:!!r,className:p,onChange:e=>s(e),...e.checkboxProps})});if(d===`tags`&&e.type===`tags`)return(0,V.jsx)(O,{...f,children:(0,V.jsx)(T,{value:N(t),recommendations:e.recommendations,maxTags:e.maxTags,disabled:i,invalid:!!r,placeholder:e.placeholder,className:p,onChange:e=>s(e),...e.tagsProps})});let m=d===`text`?`text`:d,h=U(e,t,n,c);return(0,V.jsx)(O,{...f,children:(0,V.jsx)(x,{id:o,name:e.key,type:m,value:h,disabled:i,required:a,invalid:!!r,placeholder:e.placeholder,className:p,onChange:t=>s(W(e,t.target.value,n,c)),...e.type===void 0||e.type===`text`||e.type===`email`||e.type===`password`||e.type===`url`||e.type===`tel`||e.type===`search`?e.inputProps:{}})})}pe.displayName=`SchemaFormFieldRenderer`;var me={submitLabel:`Save changes`,resetLabel:`Reset`,defaultSectionTitle:`General`,emptyTitle:`No fields configured`,emptyDescription:`Add fields to the schema to render a form.`,jsonParseError:`Enter valid JSON.`,validationError:`Invalid value.`,formatRequiredError:e=>`${e} is required.`};function he(e){return e.replace(/[^a-zA-Z0-9_-]/g,`-`)}function ge({section:e}){return!e.title&&!e.description?null:(0,V.jsxs)(`div`,{className:`schema-form--section-heading mb-3 space-y-1`,children:[!!e.title&&(0,V.jsx)(i,{weight:`semibold`,className:`schema-form--section-title`,children:e.title}),!!e.description&&(0,V.jsx)(i,{size:`xs`,type:`secondary`,className:`schema-form--section-description`,children:e.description})]})}function J({schema:e,value:t,defaultValue:n,errors:r,disabled:a=!1,layout:o=`form`,columns:s=2,id:c,name:l,title:u,description:d,headerSlot:f,footerSlot:p,actionsSlot:m,emptySlot:g,showActions:_,submitLabel:v,resetLabel:b,submitDisabled:x=!1,resetDisabled:S=!1,isSubmitting:C=!1,onValueChange:te,onFieldChange:ne,onSubmit:w,onReset:T,onError:E,renderField:D,renderSection:O,strings:re,className:k,contentClassName:A,sectionClassName:j,fieldClassName:M}){let N=(0,R.useId)(),P=c??`schema-form-${N}`,F=h(me,re),I=le({fields:e.fields,value:t,defaultValue:n,errors:r,onValueChange:te,onFieldChange:ne,formatRequiredError:F.formatRequiredError,validationError:F.validationError,onError:E}),L=(0,R.useMemo)(()=>se(e,I.values,F.defaultSectionTitle,s,E),[s,I.values,E,e,F.defaultSectionTitle]),z=L.some(e=>e.fields.length>0),B={setFieldValue:I.setFieldValue,setValues:I.setValues,reset:I.reset,validate:I.validate},ce=_??!!(w||T||m),H=v??F.submitLabel,U=b??F.resetLabel,W=e=>{let t=`${P}-${he(e.key)}`,n=a||oe(e,I.values,E),r={field:e,value:I.getFieldValue(e.key),values:I.values,error:I.getFieldError(e.key),disabled:n,required:!!e.required,fieldId:t,onValueChange:t=>I.setFieldValue(e.key,t),onError:E},i=(0,V.jsx)(pe,{...r,strings:F});return(0,V.jsx)(`div`,{className:y(`schema-form--field`,ae[e.width??`auto`],e.className,M),children:D?.({...r,defaultField:i})??i},e.key)},G=e=>(0,V.jsx)(`div`,{className:y(`schema-form--section-fields`,ie[e.columns]),children:e.fields.map(W)}),K=e=>{let t=G(e),n=O?.({section:e,fields:t,values:I.values});return n==null?(0,V.jsxs)(`section`,{className:y(`schema-form--section`,e.className,j),children:[(0,V.jsx)(ge,{section:e}),t,!!e.footerSlot&&(0,V.jsx)(`div`,{className:`schema-form--section-footer mt-3`,children:e.footerSlot})]},e.id):(0,V.jsx)(R.Fragment,{children:n},e.id)},fe=e=>{let t=G(e),n=O?.({section:e,fields:t,values:I.values});return n==null?(0,V.jsx)(ee,{className:y(`schema-form--section-card`,e.className,j),icon:e.icon,title:e.title,description:e.description,footerSlot:e.footerSlot,headerDivider:!0,children:t},e.id):(0,V.jsx)(R.Fragment,{children:n},e.id)},q=m??(ce?(0,V.jsx)(ue,{submitLabel:H,resetLabel:U,showReset:!!T,disabled:a,submitDisabled:x,resetDisabled:S,isSubmitting:C,onReset:()=>{let e=I.reset();T?.(e,B)}}):null),J=g??(0,V.jsx)(de,{title:F.emptyTitle,description:F.emptyDescription});return(0,V.jsx)(`form`,{id:P,name:l,noValidate:!0,className:y(`schema-form--component`,k),onSubmit:async e=>{if(e.preventDefault(),!(a||x||C)&&I.validate())try{await w?.(I.values,B,e)}catch(e){E?.(e)}},children:o===`cards`?(0,V.jsxs)(`div`,{className:y(`schema-form--cards space-y-4`,A),children:[!!(u??e.title??d??e.description??f)&&(0,V.jsxs)(`div`,{className:`schema-form--header flex items-start justify-between gap-4`,children:[(0,V.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[!!(u??e.title)&&(0,V.jsx)(i,{weight:`semibold`,className:`schema-form--title`,children:u??e.title}),!!(d??e.description)&&(0,V.jsx)(i,{size:`xs`,type:`secondary`,className:`schema-form--description`,children:d??e.description})]}),f]}),z?L.map(fe):J,p,q]}):(0,V.jsx)(ee,{className:`schema-form--surface`,title:u??e.title,description:d??e.description,headerEnd:f,footerSlot:p||q?(0,V.jsxs)(`div`,{className:`schema-form--footer flex flex-col gap-3`,children:[p,q]}):void 0,headerDivider:!!(u??e.title??d??e.description??f),footerDivider:!!(p||q),children:(0,V.jsx)(`div`,{className:y(`schema-form--content space-y-6`,A),children:z?L.map(K):J})})})}J.displayName=`SchemaForm`;var _e=e({CohesiveForm:()=>Y,RenderPropField:()=>Z,SectionCards:()=>X}),ve={title:`Workspace settings`,description:`Operational defaults for orders, notifications, and storefront behaviour.`,sections:[{id:`general`,title:`General`,description:`Core workspace identity and regional defaults.`,icon:(0,V.jsx)(_,{className:`size-4`}),fields:[`workspaceName`,`supportEmail`,`region`,`timezone`]},{id:`orders`,title:`Orders`,description:`Controls that affect fulfilment and customer updates.`,icon:(0,V.jsx)(f,{className:`size-4`}),fields:[`orderPrefix`,`autoCapture`,`riskThreshold`]}],fields:[{key:`workspaceName`,label:`Workspace name`,required:!0,placeholder:`Acme Retail`,defaultValue:`Northwind Admin`},{key:`supportEmail`,type:`email`,label:`Support email`,required:!0,placeholder:`support@example.com`,defaultValue:`support@northwind.test`,validate:e=>String(e??``).includes(`@`)||`Use a valid email address.`},{key:`region`,type:`select`,label:`Primary region`,placeholder:`Choose region`,defaultValue:`eu`,options:[{value:`eu`,label:`Europe`},{value:`us`,label:`United States`},{value:`apac`,label:`Asia Pacific`}]},{key:`timezone`,type:`select`,label:`Timezone`,defaultValue:`Europe/Sofia`,options:[{value:`Europe/Sofia`,label:`Europe/Sofia`},{value:`Europe/London`,label:`Europe/London`},{value:`America/New_York`,label:`America/New_York`}]},{key:`orderPrefix`,label:`Order prefix`,placeholder:`ORD`,defaultValue:`ORD`},{key:`autoCapture`,type:`switch`,label:`Auto-capture payments`,description:`Capture payment automatically once an order passes risk checks.`,defaultValue:!0},{key:`riskThreshold`,type:`integer`,label:`Risk review threshold`,hint:`Orders above this score require manual approval.`,min:0,max:100,defaultValue:70}]},ye={title:`Automation controls`,description:`Each section can stand alone as a card while sharing the same value model.`,sections:[{id:`notifications`,title:`Notifications`,description:`Team-visible events and customer messaging.`,icon:(0,V.jsx)(o,{className:`size-4`}),fields:[`channels`,`digest`,`quietHours`]},{id:`security`,title:`Security`,description:`Access controls and audit behaviour.`,icon:(0,V.jsx)(p,{className:`size-4`}),fields:[`mfa`,`sessionTimeout`,`allowedDomains`]},{id:`integrations`,title:`Integrations`,description:`Webhook and enrichment settings.`,icon:(0,V.jsx)(k,{className:`size-4`}),fields:[`webhookMode`,`payloadTemplate`]}],fields:[{key:`channels`,type:`checkbox-cards`,label:`Notification channels`,defaultValue:[`email`,`slack`],columns:2,options:[{value:`email`,label:`Email`,description:`Send operational updates.`,icon:d},{value:`slack`,label:`Slack`,description:`Post to the admin channel.`,icon:o},{value:`webhook`,label:`Webhook`,description:`Forward to an external listener.`,icon:k},{value:`portal`,label:`Portal`,description:`Show inside the admin shell.`,icon:l}]},{key:`digest`,type:`switch`,switchStyle:`card`,label:`Daily digest`,description:`Bundle low-priority events into one daily summary.`,defaultValue:!0},{key:`quietHours`,type:`textarea`,label:`Quiet hours note`,rows:3,defaultValue:`Suppress non-critical notifications from 22:00 to 07:00.`},{key:`mfa`,type:`switch`,switchStyle:`card`,label:`Require MFA`,description:`Ask admins to verify sign-in with a second factor.`,defaultValue:!0},{key:`sessionTimeout`,type:`integer`,label:`Session timeout`,hint:`Minutes before inactive admins are signed out.`,min:5,max:240,defaultValue:45},{key:`allowedDomains`,type:`tags`,label:`Allowed email domains`,placeholder:`Add a domain`,defaultValue:[`northwind.test`,`partners.test`],recommendations:[`northwind.test`,`partners.test`,`vendors.test`]},{key:`webhookMode`,type:`radio-cards`,label:`Webhook mode`,defaultValue:`signed`,columns:2,options:[{value:`off`,label:`Off`,description:`Do not send webhook events.`,icon:u},{value:`signed`,label:`Signed`,description:`Send signed payloads to the endpoint.`,icon:p}]},{key:`payloadTemplate`,type:`json`,label:`Payload template`,defaultValue:{version:2,include:[`order`,`customer`,`risk`]},width:`full`}]},be={title:`Branding`,description:`Render-props let a consumer replace one field without forking the schema renderer.`,fields:[{key:`displayName`,label:`Display name`,defaultValue:`Northwind`,required:!0},{key:`accent`,label:`Accent colour`,hint:`This field is rendered by the consumer through renderField.`,defaultValue:`success`},{key:`launchTags`,type:`tags`,label:`Launch tags`,defaultValue:[`vip`,`spring`]}]},xe=[{value:`primary`,label:`Primary`},{value:`success`,label:`Success`},{value:`info`,label:`Info`},{value:`warning`,label:`Warning`}];function Y(){let[e,t]=(0,R.useState)({}),[n,r]=(0,R.useState)(null);return(0,V.jsx)(`div`,{className:`max-h-[38rem] max-w-3xl overflow-auto pr-2 md:max-h-none md:overflow-visible md:pr-0`,children:(0,V.jsx)(J,{schema:ve,value:e,onValueChange:t,onSubmit:e=>r(e),onReset:()=>{t({}),r(null)},footerSlot:n?(0,V.jsxs)(i,{size:`xs`,type:`secondary`,children:[`Last saved workspace: `,String(n.workspaceName??`Untitled`)]}):null})})}function X(){let[e,t]=(0,R.useState)({});return(0,V.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]`,children:(0,V.jsx)(J,{schema:ye,layout:`cards`,columns:2,value:e,onValueChange:t,onSubmit:()=>{},headerSlot:(0,V.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,icon:m,children:`Apply preset`})})})}function Z(){let[e,t]=(0,R.useState)({});return(0,V.jsx)(`div`,{className:`max-w-2xl`,children:(0,V.jsx)(J,{schema:be,value:e,onValueChange:t,onSubmit:()=>{},renderField:({field:e,value:t,error:n,fieldId:r,onValueChange:i,defaultField:a})=>e.key===`accent`?(0,V.jsx)(O,{label:e.label,hint:e.hint,error:n,htmlFor:r,children:(0,V.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:xe.map(e=>{let n=t===e.value;return(0,V.jsx)(s,{id:e.value===`primary`?r:void 0,type:`button`,variant:n?`primary`:`secondary`,buttonStyle:n?`solid`:`outline`,icon:re,onClick:()=>i(e.value),children:e.label},e.value)})})}):a})})}var Q=`import { useState } from 'react';
+import {
+	Bell,
+	Brush,
+	Globe2,
+	LockKeyhole,
+	Mail,
+	PackageCheck,
+	ShieldCheck,
+	SlidersHorizontal,
+	Sparkles,
+	Webhook,
+} from 'lucide-react';
+
+import { Button } from '@/components/base/buttons';
+import { FormField } from '@/components/base/forms';
+import { SchemaForm, type SchemaFormSchema, type SchemaFormValues } from '@/components/features/schema-form';
+import { Text } from '@/components/typography';
+
+const workspaceSchema: SchemaFormSchema = {
+	title: 'Workspace settings',
+	description: 'Operational defaults for orders, notifications, and storefront behaviour.',
+	sections: [
+		{
+			id: 'general',
+			title: 'General',
+			description: 'Core workspace identity and regional defaults.',
+			icon: <SlidersHorizontal className="size-4" />,
+			fields: ['workspaceName', 'supportEmail', 'region', 'timezone'],
+		},
+		{
+			id: 'orders',
+			title: 'Orders',
+			description: 'Controls that affect fulfilment and customer updates.',
+			icon: <PackageCheck className="size-4" />,
+			fields: ['orderPrefix', 'autoCapture', 'riskThreshold'],
+		},
+	],
+	fields: [
+		{
+			key: 'workspaceName',
+			label: 'Workspace name',
+			required: true,
+			placeholder: 'Acme Retail',
+			defaultValue: 'Northwind Admin',
+		},
+		{
+			key: 'supportEmail',
+			type: 'email',
+			label: 'Support email',
+			required: true,
+			placeholder: 'support@example.com',
+			defaultValue: 'support@northwind.test',
+			validate: (value) => String(value ?? '').includes('@') || 'Use a valid email address.',
+		},
+		{
+			key: 'region',
+			type: 'select',
+			label: 'Primary region',
+			placeholder: 'Choose region',
+			defaultValue: 'eu',
+			options: [
+				{ value: 'eu', label: 'Europe' },
+				{ value: 'us', label: 'United States' },
+				{ value: 'apac', label: 'Asia Pacific' },
+			],
+		},
+		{
+			key: 'timezone',
+			type: 'select',
+			label: 'Timezone',
+			defaultValue: 'Europe/Sofia',
+			options: [
+				{ value: 'Europe/Sofia', label: 'Europe/Sofia' },
+				{ value: 'Europe/London', label: 'Europe/London' },
+				{ value: 'America/New_York', label: 'America/New_York' },
+			],
+		},
+		{
+			key: 'orderPrefix',
+			label: 'Order prefix',
+			placeholder: 'ORD',
+			defaultValue: 'ORD',
+		},
+		{
+			key: 'autoCapture',
+			type: 'switch',
+			label: 'Auto-capture payments',
+			description: 'Capture payment automatically once an order passes risk checks.',
+			defaultValue: true,
+		},
+		{
+			key: 'riskThreshold',
+			type: 'integer',
+			label: 'Risk review threshold',
+			hint: 'Orders above this score require manual approval.',
+			min: 0,
+			max: 100,
+			defaultValue: 70,
+		},
+	],
+};
+
+const automationSchema: SchemaFormSchema = {
+	title: 'Automation controls',
+	description: 'Each section can stand alone as a card while sharing the same value model.',
+	sections: [
+		{
+			id: 'notifications',
+			title: 'Notifications',
+			description: 'Team-visible events and customer messaging.',
+			icon: <Bell className="size-4" />,
+			fields: ['channels', 'digest', 'quietHours'],
+		},
+		{
+			id: 'security',
+			title: 'Security',
+			description: 'Access controls and audit behaviour.',
+			icon: <ShieldCheck className="size-4" />,
+			fields: ['mfa', 'sessionTimeout', 'allowedDomains'],
+		},
+		{
+			id: 'integrations',
+			title: 'Integrations',
+			description: 'Webhook and enrichment settings.',
+			icon: <Webhook className="size-4" />,
+			fields: ['webhookMode', 'payloadTemplate'],
+		},
+	],
+	fields: [
+		{
+			key: 'channels',
+			type: 'checkbox-cards',
+			label: 'Notification channels',
+			defaultValue: ['email', 'slack'],
+			columns: 2,
+			options: [
+				{ value: 'email', label: 'Email', description: 'Send operational updates.', icon: Mail },
+				{ value: 'slack', label: 'Slack', description: 'Post to the admin channel.', icon: Bell },
+				{ value: 'webhook', label: 'Webhook', description: 'Forward to an external listener.', icon: Webhook },
+				{ value: 'portal', label: 'Portal', description: 'Show inside the admin shell.', icon: Globe2 },
+			],
+		},
+		{
+			key: 'digest',
+			type: 'switch',
+			switchStyle: 'card',
+			label: 'Daily digest',
+			description: 'Bundle low-priority events into one daily summary.',
+			defaultValue: true,
+		},
+		{
+			key: 'quietHours',
+			type: 'textarea',
+			label: 'Quiet hours note',
+			rows: 3,
+			defaultValue: 'Suppress non-critical notifications from 22:00 to 07:00.',
+		},
+		{
+			key: 'mfa',
+			type: 'switch',
+			switchStyle: 'card',
+			label: 'Require MFA',
+			description: 'Ask admins to verify sign-in with a second factor.',
+			defaultValue: true,
+		},
+		{
+			key: 'sessionTimeout',
+			type: 'integer',
+			label: 'Session timeout',
+			hint: 'Minutes before inactive admins are signed out.',
+			min: 5,
+			max: 240,
+			defaultValue: 45,
+		},
+		{
+			key: 'allowedDomains',
+			type: 'tags',
+			label: 'Allowed email domains',
+			placeholder: 'Add a domain',
+			defaultValue: ['northwind.test', 'partners.test'],
+			recommendations: ['northwind.test', 'partners.test', 'vendors.test'],
+		},
+		{
+			key: 'webhookMode',
+			type: 'radio-cards',
+			label: 'Webhook mode',
+			defaultValue: 'signed',
+			columns: 2,
+			options: [
+				{ value: 'off', label: 'Off', description: 'Do not send webhook events.', icon: LockKeyhole },
+				{ value: 'signed', label: 'Signed', description: 'Send signed payloads to the endpoint.', icon: ShieldCheck },
+			],
+		},
+		{
+			key: 'payloadTemplate',
+			type: 'json',
+			label: 'Payload template',
+			defaultValue: { version: 2, include: ['order', 'customer', 'risk'] },
+			width: 'full',
+		},
+	],
+};
+
+const brandingSchema: SchemaFormSchema = {
+	title: 'Branding',
+	description: 'Render-props let a consumer replace one field without forking the schema renderer.',
+	fields: [
+		{
+			key: 'displayName',
+			label: 'Display name',
+			defaultValue: 'Northwind',
+			required: true,
+		},
+		{
+			key: 'accent',
+			label: 'Accent colour',
+			hint: 'This field is rendered by the consumer through renderField.',
+			defaultValue: 'success',
+		},
+		{
+			key: 'launchTags',
+			type: 'tags',
+			label: 'Launch tags',
+			defaultValue: ['vip', 'spring'],
+		},
+	],
+};
+
+const accentOptions = [
+	{ value: 'primary', label: 'Primary' },
+	{ value: 'success', label: 'Success' },
+	{ value: 'info', label: 'Info' },
+	{ value: 'warning', label: 'Warning' },
+];
+
+export function CohesiveForm() {
+	const [values, setValues] = useState<SchemaFormValues>({});
+	const [saved, setSaved] = useState<SchemaFormValues | null>(null);
+
+	return (
+		<div className="max-h-[38rem] max-w-3xl overflow-auto pr-2 md:max-h-none md:overflow-visible md:pr-0">
+			<SchemaForm
+				schema={workspaceSchema}
+				value={values}
+				onValueChange={setValues}
+				onSubmit={(next) => setSaved(next)}
+				onReset={() => {
+					setValues({});
+					setSaved(null);
+				}}
+				footerSlot={
+					saved ? (
+						<Text size="xs" type="secondary">
+							Last saved workspace: {String(saved.workspaceName ?? 'Untitled')}
+						</Text>
+					) : null
+				}
+			/>
+		</div>
+	);
+}
+
+export function SectionCards() {
+	const [values, setValues] = useState<SchemaFormValues>({});
+
+	return (
+		<div className="max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]">
+			<SchemaForm
+				schema={automationSchema}
+				layout="cards"
+				columns={2}
+				value={values}
+				onValueChange={setValues}
+				onSubmit={() => {}}
+				headerSlot={<Button variant="secondary" buttonStyle="outline" icon={Sparkles}>Apply preset</Button>}
+			/>
+		</div>
+	);
+}
+
+export function RenderPropField() {
+	const [values, setValues] = useState<SchemaFormValues>({});
+
+	return (
+		<div className="max-w-2xl">
+			<SchemaForm
+				schema={brandingSchema}
+				value={values}
+				onValueChange={setValues}
+				onSubmit={() => {}}
+				renderField={({ field, value, error, fieldId, onValueChange, defaultField }) => {
+					if (field.key !== 'accent') return defaultField;
+
+					return (
+						<FormField
+							label={field.label}
+							hint={field.hint}
+							error={error}
+							htmlFor={fieldId}
+						>
+							<div className="flex flex-wrap gap-2">
+								{accentOptions.map((option) => {
+									const selected = value === option.value;
+									return (
+										<Button
+											key={option.value}
+											id={option.value === 'primary' ? fieldId : undefined}
+											type="button"
+											variant={selected ? 'primary' : 'secondary'}
+											buttonStyle={selected ? 'solid' : 'outline'}
+											icon={Brush}
+											onClick={() => onValueChange(option.value)}
+										>
+											{option.label}
+										</Button>
+									);
+								})}
+							</div>
+						</FormField>
+					);
+				}}
+			/>
+		</div>
+	);
+}
+`;function Se(e){let t={h4:`h4`,...e.components};return _e||$(`Examples`,!1),Y||$(`Examples.CohesiveForm`,!0),Z||$(`Examples.RenderPropField`,!0),X||$(`Examples.SectionCards`,!0),(0,V.jsxs)(r,{title:`Features · Schema form`,description:`Schema-driven form renderer built from the package form fields. Supports one cohesive form, section cards, controlled values, validation callbacks, and render-prop overrides.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/schema-form`,children:[(0,V.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,V.jsx)(c,{name:`CohesiveForm`,source:Q,children:(0,V.jsx)(Y,{})}),(0,V.jsx)(c,{name:`SectionCards`,source:Q,children:(0,V.jsx)(X,{})}),(0,V.jsx)(c,{name:`RenderPropField`,source:Q,children:(0,V.jsx)(Z,{})})]}),(0,V.jsxs)(a,{title:`API`,id:`api`,children:[(0,V.jsx)(t.h4,{children:`SchemaForm`}),(0,V.jsx)(b,{component:`SchemaForm`})]})]})}function Ce(e={}){let{wrapper:t}=e.components||{};return t?(0,V.jsx)(t,{...e,children:(0,V.jsx)(Se,{...e})}):Se(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Ce as default};

package/dist/showcase/assets/scroll-area-CnAyhKQ_.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-o71HAmc3.js";import{a as r,i,n as a,r as o,t as s}from"./ScrollAreaCorner-Gau2B-d1.js";e();var c=t();function l({className:e,viewportClassName:t,scrollbarClassName:a,viewportRef:o,children:l,...d}){return(0,c.jsxs)(r,{"data-slot":`scroll-area`,className:n(`scroll-area--component relative overflow-hidden`,e),...d,children:[(0,c.jsx)(i,{ref:o,"data-slot":`scroll-area-viewport`,"data-overflow-y-end":!0,className:n(`size-full rounded-[inherit] outline-none transition-[color,box-shadow]`,`focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50`,t),children:l}),(0,c.jsx)(u,{className:a}),(0,c.jsx)(s,{})]})}function u({className:e,orientation:t=`vertical`,...r}){return(0,c.jsx)(o,{"data-slot":`scroll-area-scrollbar`,"data-orientation":t,orientation:t,className:n({"h-2.5 flex-col border-t border-t-transparent":t===`horizontal`,"h-full w-2 border-l border-l-transparent":t===`vertical`},`flex touch-none select-none rounded-3xl p-px opacity-0 transition-opacity`,`data-hovering:pointer-events-none data-hovering:opacity-100`,e),...r,children:(0,c.jsx)(a,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-border`})})}export{l as t};

package/dist/showcase/assets/scroll-area-CxwfyjX3.js

@@ -0,0 +1,32 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i,n as a}from"./index-o71HAmc3.js";import{a as o,i as s,n as c,r as l,t as u}from"./ScrollAreaCorner-Gau2B-d1.js";var d=i();function f({className:e,children:t,...n}){return(0,d.jsxs)(o,{"data-slot":`scroll-area`,className:a(`relative`,e),...n,children:[(0,d.jsx)(s,{"data-slot":`scroll-area-viewport`,"data-overflow-y-end":!0,className:`focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1`,children:t}),(0,d.jsx)(p,{}),(0,d.jsx)(u,{})]})}function p({className:e,orientation:t=`vertical`,...n}){return(0,d.jsx)(l,{"data-slot":`scroll-area-scrollbar`,"data-orientation":t,orientation:t,className:a({"h-2.5 flex-col border-t border-t-transparent":t===`horizontal`,"h-full w-[7px] border-l border-l-transparent":t===`vertical`},`data-hovering:opacity-100 transition-opacity data-hovering:pointer-events-none opacity-0`,`flex touch-none p-px transition-colors select-none rounded-3xl`,e),...n,children:(0,d.jsx)(c,{"data-slot":`scroll-area-thumb`,className:`rounded-full bg-border relative flex-1`})})}var m=e({Horizontal:()=>g,Vertical:()=>h});function h(){return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(f,{className:`h-48 w-full rounded-md border border-border p-3`,children:(0,d.jsx)(`ul`,{className:`space-y-2 text-sm`,children:Array.from({length:30}).map((e,t)=>(0,d.jsxs)(`li`,{children:[`List item `,t+1]},t))})})})}function g(){return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(f,{className:`w-full rounded-md border border-border p-3`,children:(0,d.jsx)(`div`,{className:`flex gap-3`,children:Array.from({length:20}).map((e,t)=>(0,d.jsxs)(`div`,{className:`flex size-24 shrink-0 items-center justify-center rounded-md bg-muted text-sm`,children:[`Box `,t+1]},t))})})})}var _=`import { ScrollArea } from '@/components/ui/scroll-area';
+
+export function Vertical() {
+	return (
+		<>
+			<ScrollArea className="h-48 w-full rounded-md border border-border p-3">
+								<ul className="space-y-2 text-sm">
+									{Array.from({ length: 30 }).map((_, i) => (
+										<li key={i}>List item {i + 1}</li>
+									))}
+								</ul>
+							</ScrollArea>
+		</>
+	);
+}
+
+export function Horizontal() {
+	return (
+		<>
+			<ScrollArea className="w-full rounded-md border border-border p-3">
+								<div className="flex gap-3">
+									{Array.from({ length: 20 }).map((_, i) => (
+										<div key={i} className="flex size-24 shrink-0 items-center justify-center rounded-md bg-muted text-sm">
+											Box {i + 1}
+										</div>
+									))}
+								</div>
+							</ScrollArea>
+		</>
+	);
+}
+`;function v(e){return m||b(`Examples`,!1),g||b(`Examples.Horizontal`,!0),h||b(`Examples.Vertical`,!0),(0,d.jsx)(t,{title:`UI · Scroll area`,description:`Custom-styled scroll viewport.`,layer:`ui`,status:`ready`,children:(0,d.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,d.jsx)(r,{name:`Vertical`,source:_,children:(0,d.jsx)(h,{})}),(0,d.jsx)(r,{name:`Horizontal`,source:_,children:(0,d.jsx)(g,{})})]})})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};

package/dist/showcase/assets/section-Dd6X6IKg.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,f as r,l as i,n as a,r as o}from"./index-o71HAmc3.js";var s=()=>r(e=>e.money),c=()=>r(e=>e.dates),l=()=>r(e=>e.comments),u=()=>r(e=>e.filters),d=()=>r(e=>e.forms),f=()=>r(e=>e.table),p=()=>r(e=>e.typography),m=()=>r(e=>e.item),h=()=>r(e=>e.button),g=()=>r(e=>e.card),_=()=>r(e=>e.toast),v=()=>r(e=>e.spinner),ee=()=>r(e=>e.media),y=i(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),b=e(t(),1),x=n(),S={"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`};function C(e){return e?e.replace(/[&<>"']/g,e=>S[e]??e):``}var w={inherit:`[font-size:inherit]`,xxs:`text-xxs`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},T={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},E={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},te={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},ne={center:`text-center`,right:`text-right`,left:`text-left`};function D({content:e,type:t=`main`,size:n,align:r=`left`,lineHeight:i=`normal`,weight:o=`regular`,className:s=``,children:c,asHTML:l=!1,numeric:u=!1,tag:d=`p`,...f}){let{defaultTextSize:m}=p(),h=n??m??`sm`,g=a(T[t],w[h],ne[r],E[i],te[o],u&&`font-mono tabular-nums`,s),_=(0,b.useMemo)(()=>typeof e==`string`&&e.length>0?e:typeof c==`string`||typeof c==`number`?String(c):``,[c,e]);return l?(0,b.createElement)(d,{className:g,"data-typography":`text`,dangerouslySetInnerHTML:{__html:C(_)},...f}):e&&e.length>0?(0,x.jsx)(d,{className:g,"data-typography":`text`,...f,children:e}):c==null?null:(0,x.jsx)(d,{className:g,"data-typography":`text`,...f,children:c})}D.displayName=`Text`;var O={h1:`scroll-m-20 text-2xl font-semibold leading-tight text-balance`,h2:`scroll-m-20 text-xl font-semibold leading-tight first:mt-0`,h3:`scroll-m-20 text-lg font-semibold leading-snug`,h4:`scroll-m-20 text-base font-semibold leading-snug`,h5:`text-sm font-semibold`,h6:`text-xs font-semibold`},k={left:`text-left`,center:`text-center`,right:`text-right`};function A({tag:e=`h3`,className:t,children:n,subHeading:r,subHeadingClassName:i,subHeadingSize:o,containerClassName:s,align:c=`left`,divider:l=!1,...u}){let d=a(`text-foreground antialiased`,O[e],l&&`border-b border-border pb-2`,k[c],t);return(0,x.jsxs)(`div`,{className:a(`space-y-1`,k[c],s),children:[!!n&&(0,x.jsx)(e,{className:d,"data-typography":`heading`,...u,children:n}),!!r&&(0,x.jsx)(D,{size:o??`xs`,type:`secondary`,align:c,className:i,children:r})]})}A.displayName=`Heading`;function j(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function M(...e){return t=>{let n=!1,r=e.map(e=>{let r=j(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():j(e[t],null)}}}}function re(...e){return b.useCallback(M(...e),e)}var ie=Symbol.for(`react.lazy`),N=b.use;function ae(e){return typeof e==`object`&&!!e&&`then`in e}function P(e){return typeof e==`object`&&!!e&&`$$typeof`in e&&e.$$typeof===ie&&`_payload`in e&&ae(e._payload)}function F(e){let t=L(e),n=b.forwardRef((e,n)=>{let{children:r,...i}=e;P(r)&&typeof N==`function`&&(r=N(r._payload));let a=b.Children.toArray(r),o=a.find(z);if(o){let e=o.props.children,r=a.map(t=>t===o?b.Children.count(e)>1?b.Children.only(null):b.isValidElement(e)?e.props.children:null:t);return(0,x.jsx)(t,{...i,ref:n,children:b.isValidElement(e)?b.cloneElement(e,void 0,r):null})}return(0,x.jsx)(t,{...i,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}var I=F(`Slot`);function L(e){let t=b.forwardRef((e,t)=>{let{children:n,...r}=e;if(P(n)&&typeof N==`function`&&(n=N(n._payload)),b.isValidElement(n)){let e=V(n),i=B(r,n.props);return n.type!==b.Fragment&&(i.ref=t?M(t,e):e),b.cloneElement(n,i)}return b.Children.count(n)>1?b.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var R=Symbol(`radix.slottable`);function z(e){return b.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===R}function B(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function V(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var H=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,U=o,W=(e,t)=>n=>{if(t?.variants==null)return U(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=H(t)||H(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return U(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},G=W(`inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto`,{variants:{variant:{default:`border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90`,secondary:`border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90`,destructive:`border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60`,outline:`text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground`}},defaultVariants:{variant:`default`}});function K({className:e,variant:t,asChild:n=!1,...r}){return(0,x.jsx)(n?I:`span`,{"data-slot":`badge`,className:a(G({variant:t}),e),...r})}var q={small:`gap-space-sm px-space-sm py-space-2xs text-xxs`,default:`gap-space-md px-space-md py-space-xs text-xs`};function oe(e){return e===`small`||e==="default"?e:e===`xs`?`small`:e===`sm`||e===`md`?`default`:`small`}var J={primary:{color:`text-primary-foreground`,background:`bg-primary`,border:`border-primary-foreground/40`,dot:`bg-primary-foreground`},secondary:{color:`text-foreground`,background:`bg-foreground/8`,border:`border-foreground/15`,dot:`bg-muted-foreground`},success:{color:`text-success`,background:`bg-success/10`,border:`border-success/50`,dot:`bg-success`},info:{color:`text-info`,background:`bg-info/10`,border:`border-info/50`,dot:`bg-info`},warning:{color:`text-warning-foreground`,background:`bg-warning/40`,border:`border-warning/60`,dot:`bg-warning`},error:{color:`text-destructive`,background:`bg-destructive/10`,border:`border-destructive/50`,dot:`bg-destructive`},destructive:{color:`text-destructive`,background:`bg-destructive/10`,border:`border-destructive/50`,dot:`bg-destructive`},main:{color:`text-main-foreground`,background:`bg-main`,border:`border-main-foreground/40`,dot:`bg-main-foreground`}};function Y({variant:e=`primary`,className:t,size:n,inline:r=!1,dot:i=!1,pending:o=!1,pulse:s=!1,important:c=!1,children:l,...u}){let d=a(q[oe(n)],`font-semibold`),f=r?`inline-flex h-auto min-h-0 w-auto shrink-0 align-middle rounded-full px-space-sm py-0 text-xxs font-medium`:null,p=J[e]??J.primary;return(0,x.jsxs)(K,{variant:`secondary`,className:a(`badge--component`,`max-w-full overflow-visible`,d,f,p.color,p.background,t),...u,children:[!!i&&(0,x.jsx)(X,{filled:!o,pulse:s,variant:p}),!!c&&!i&&(0,x.jsx)(y,{className:a(p.color,`size-icon-lg`)}),(0,x.jsx)(`span`,{className:`inline-flex min-w-0 max-w-full items-center gap-space-sm overflow-hidden text-ellipsis whitespace-nowrap [&>svg]:inline-block [&>svg]:shrink-0`,children:l})]})}function X({filled:e=!1,variant:t,pulse:n=!1}){return(0,x.jsx)(`span`,{className:a(`size-space-md rounded-full shrink-0 border-[2px]`,t.border,{"animate-pulse":n},[e?t.dot:`bg-transparent`])})}Y.displayName=`Badge`;var Z=(0,b.createContext)(null);function se({children:e}){let[t,n]=(0,b.useState)([]),r=(0,b.useCallback)(e=>{n(t=>{let n=[...t.filter(t=>t.id!==e.id),{...e,level:e.level??1}];return typeof document>`u`?n:n.sort((e,t)=>{let n=document.getElementById(e.id),r=document.getElementById(t.id);return!n||!r||n===r?0:n.compareDocumentPosition(r)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})})},[]),i=(0,b.useMemo)(()=>({entries:t,register:r}),[t,r]);return(0,x.jsx)(Z.Provider,{value:i,children:e})}function Q(){return(0,b.useContext)(Z)||{entries:[],register:()=>{}}}function ce(e,t){return`${e}-${t.trim().replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-+|-+$/g,``)||`section`}`}var le={ai:`AI`,api:`API`,id:`ID`,kpi:`KPI`,pos:`POS`,qr:`QR`,seo:`SEO`,sku:`SKU`,ui:`UI`,url:`URL`},ue=new Set([`a`,`an`,`and`,`as`,`at`,`by`,`for`,`from`,`in`,`of`,`on`,`or`,`to`,`with`]);function $(e,t){let n=t?.stripExampleSuffix??!0,r=e.trim().replace(/[-_]+/g,` `).replace(/([A-Z]+)([A-Z][a-z])/g,`$1 $2`).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).replace(/([A-Za-z])([0-9]+)/g,`$1 $2`).replace(/([0-9]+)([A-Z][a-z])/g,`$1 $2`).replace(/\s+/g,` `).trim();return n&&(r=r.replace(/\bExamples?\b$/i,``).trim()),r.split(` `).filter(Boolean).map((e,t,n)=>{let r=e.toLowerCase();return t>0&&t<n.length-1&&ue.has(r)?r:le[r]??e.charAt(0).toUpperCase()+e.slice(1)}).join(` `)}function de(){let{entries:e}=Q();return e.length===0?null:(0,x.jsxs)(`aside`,{className:`toc-rail--component sticky top-[88px] hidden h-dvh max-h-[calc(100vh-88px-2rem)] w-48 shrink-0 overflow-y-auto pl-4 xl:block`,children:[(0,x.jsx)(D,{size:`sm`,type:`secondary`,className:`font-semibold uppercase tracking-wide`,children:`On this page`}),(0,x.jsx)(`ul`,{className:`toc-rail--list mt-3 space-y-1.5 border-l border-border`,children:e.map(e=>(0,x.jsx)(`li`,{className:`toc-rail--item`,children:(0,x.jsx)(`a`,{href:`#${e.id}`,title:e.title,className:a(`block -ml-px truncate border-l border-transparent py-0.5 text-sm text-muted-foreground transition-colors hover:border-foreground hover:text-foreground`,e.level===2?`pl-5 text-xs`:`pl-3`),children:e.title})},e.id))})]})}function fe(e){return/[a-z0-9][A-Z]/.test(e)?$(e,{stripExampleSuffix:!1}):e}function pe({title:e,description:t,layer:n,status:r,sourcePath:i,children:o}){let s=fe(e);return(0,x.jsx)(se,{children:(0,x.jsxs)(`article`,{className:`docs-page--component w-full min-w-0 pb-20`,children:[(0,x.jsxs)(`header`,{className:a(`docs-page--header border-b border-border pb-5`),children:[(0,x.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[!!n&&(0,x.jsx)(Y,{variant:`secondary`,children:n}),r===`wip`&&(0,x.jsx)(Y,{variant:`warning`,children:`WIP`}),r===`broken`&&(0,x.jsx)(Y,{variant:`destructive`,children:`Broken`}),r!==`wip`&&r!==`broken`&&(0,x.jsx)(Y,{variant:`success`,children:`Ready`})]}),(0,x.jsxs)(`div`,{className:`mt-2 max-w-4xl`,children:[(0,x.jsx)(A,{tag:`h1`,children:s}),!!t&&(0,x.jsx)(D,{type:`secondary`,className:`mt-1 max-w-3xl`,children:t}),!!i&&(0,x.jsx)(D,{size:`xs`,type:`discrete`,className:`mt-3 break-all font-mono`,children:i})]})]}),(0,x.jsxs)(`div`,{className:`docs-page--layout mt-6 grid min-w-0 gap-6 xl:grid-cols-[minmax(0,1fr)_11rem]`,children:[(0,x.jsx)(`div`,{className:`docs-page--body min-w-0 space-y-10`,children:o}),(0,x.jsx)(de,{})]})]})})}function me({title:e,id:t,description:n,children:r}){let{register:i}=Q(),o=$(e,{stripExampleSuffix:!1}),s=t===`overview`&&o.toLowerCase()===`overview`,c=s?void 0:o;return(0,b.useEffect)(()=>{c&&i({id:t,title:c,level:1})},[t,i,c]),(0,x.jsxs)(`section`,{id:t,className:a(`section--component scroll-mt-24 space-y-4`),children:[!s&&(0,x.jsxs)(`div`,{className:`section--header`,children:[(0,x.jsx)(A,{tag:`h2`,children:o}),!!n&&(0,x.jsx)(D,{size:`xs`,type:`secondary`,className:`mt-1`,children:n})]}),(0,x.jsx)(`div`,{className:a(`section--body min-w-0 space-y-4 text-sm leading-6 text-foreground`,`[&>p]:m-0 [&>p]:max-w-4xl [&>p]:text-sm [&>p]:leading-6 [&>p]:text-foreground`,`[&>ul]:list-disc [&>ul]:space-y-1 [&>ul]:pl-5 [&>ol]:list-decimal [&>ol]:space-y-1 [&>ol]:pl-5 [&>ul>li]:text-sm [&>ul>li]:leading-6 [&>ul>li]:text-foreground [&>ol>li]:text-sm [&>ol>li]:leading-6 [&>ol>li]:text-foreground`,`[&>p_a]:font-medium [&>p_a]:text-foreground [&>p_a]:underline-offset-4 hover:[&>p_a]:underline [&>ul>li_a]:font-medium [&>ul>li_a]:text-foreground [&>ul>li_a]:underline-offset-4 hover:[&>ul>li_a]:underline [&>ol>li_a]:font-medium [&>ol>li_a]:text-foreground [&>ol>li_a]:underline-offset-4 hover:[&>ol>li_a]:underline`,`[&>p_code]:rounded-sm [&>p_code]:bg-muted/60 [&>p_code]:px-1 [&>p_code]:py-0.5 [&>p_code]:text-sm`,`[&>ul>li_code]:rounded-sm [&>ul>li_code]:bg-muted/60 [&>ul>li_code]:px-1 [&>ul>li_code]:py-0.5 [&>ul>li_code]:text-sm [&>ol>li_code]:rounded-sm [&>ol>li_code]:bg-muted/60 [&>ol>li_code]:px-1 [&>ol>li_code]:py-0.5 [&>ol>li_code]:text-sm`,`[&>pre]:max-w-full [&>pre]:overflow-x-auto [&>pre]:rounded-md [&>pre]:border [&>pre]:border-border [&>pre]:bg-muted/40 [&>pre]:px-4 [&>pre]:py-3 [&>pre]:text-xs [&>pre]:leading-5`,`[&>pre_code]:bg-transparent [&>pre_code]:p-0 [&>pre_code]:text-xs`,`[&>p_code]:font-mono [&>ul>li_code]:font-mono [&>ol>li_code]:font-mono [&>pre_code]:font-mono`),children:r})]})}export{ee as C,_ as D,f as E,p as O,m as S,v as T,g as _,Q as a,u as b,W as c,re as d,A as f,h as g,y as h,$ as i,F as l,C as m,pe as n,Y as o,D as p,ce as r,K as s,me as t,M as u,l as v,s as w,d as x,c as y};

package/dist/showcase/assets/select-CJSyu7sS.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{x as n}from"./section-Dd6X6IKg.js";import{N as r,d as i,n as a}from"./index-o71HAmc3.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./select-Du9VvUxt.js";import{a as f,f as p,l as m,s as h,u as g}from"./form-sizing-C3UG5WKC.js";var _=e(t(),1),v=i(),y={placeholder:`Select an option`},b=`__select_empty__`,x=e=>e===``||e===null?b:e??void 0,S=e=>{if(e!==b)return e},C=(0,_.memo)((0,_.forwardRef)(({options:e,placeholder:t,strings:i,allowClear:C=!1,invalid:w,size:T,className:E,onChange:D,disabled:O,defaultOpen:k,open:A,onOpenChange:j,name:M,required:N,"aria-label":P,value:F,defaultValue:I},L)=>{let R=r(y,i),{defaultControlSize:z}=n(),B=p(T,z),V=t??R.placeholder,H=(0,_.useMemo)(()=>{let t=e.map(e=>({...e,value:x(e.value)??``}));return C&&(t.some(e=>e.value===b)||t.unshift({label:V,value:b})),t},[e,C,V]),U=(0,_.useMemo)(()=>x(F),[F]),W=(0,_.useMemo)(()=>x(I),[I]),G=(0,_.useMemo)(()=>{let e=U??W;if(e!==void 0)return H.find(t=>t.value===e)?.label},[W,H,U]),K=(0,_.useCallback)(e=>{e!==null&&D?.(S(e))},[D]),q=!!w;return(0,v.jsxs)(d,{onValueChange:e=>K(e),disabled:O,defaultOpen:k,open:A,onOpenChange:j,name:M,required:N,value:U,defaultValue:W,children:[(0,v.jsx)(o,{ref:L,"aria-label":P,"aria-invalid":q||void 0,className:a(`select--component`,`flex w-full items-center justify-between rounded-radius border !shadow-none`,`transition-[color,box-shadow] outline-none`,g[B],m[B],h[B],`bg-transparent dark:bg-input/30`,`data-[placeholder]:text-muted-foreground`,`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`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,E),children:(0,v.jsx)(l,{placeholder:V,children:G})}),(0,v.jsx)(c,{children:(0,v.jsx)(u,{children:H.map(e=>(0,v.jsxs)(s,{value:e.value,disabled:e.disabled,children:[!!e.icon&&(0,v.jsxs)(`div`,{className:a(`flex items-center`,h[B]),children:[(0,v.jsx)(`span`,{className:a(f[B],`shrink-0`),children:e.icon}),e.label]}),!e.icon&&e.label]},e.value))})})]})}));C.displayName=`Select`;export{C as t};

package/dist/showcase/assets/select-Du9VvUxt.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{$ as n,En as r,Gt as i,Jt as a,K as o,Kt as s,Mn as c,O as l,Or as u,P as d,Qt as f,Tn as p,Vt as m,Wn as h,Wt as g,X as _,Y as ee,Yn as v,Yt as y,Zt as b,_t as x,ar as S,at as C,b as w,br as T,cr as te,d as E,en as D,et as O,f as k,fr as A,gr as j,hr as M,ir as N,it as P,lr as F,m as I,mr as L,mt as ne,nr as R,ot as re,pn as ie,pr as z,rt as B,u as ae,v as oe,vn as se,y as ce,zn as V}from"./example-Rrx9vj75.js";import{t as H}from"./chevron-down-CBa5t2E0.js";import{t as le}from"./chevron-up-DiMFydbr.js";import{d as U,n as W}from"./index-o71HAmc3.js";import{a as ue,i as G,o as K,t as de}from"./useOpenInteractionType-CQSuD7yw.js";import{n as fe,r as pe,t as me}from"./getPseudoElementBounds-DyTpOaBA.js";import{t as q}from"./inertValue-BRyHstYf.js";import{t as he}from"./useControlled-BHUji6Sp.js";import{n as ge,r as J,t as _e}from"./useCompositeListItem-CyULeWSL.js";import{t as ve}from"./ToolbarRootContext-BbugmthZ.js";import{o as ye}from"./composite-BjZbcKJw.js";import{t as be}from"./useAnchoredPopupScrollLock-DRs8fnir.js";import{t as xe}from"./useValueChanged-DXek_Wx7.js";import{t as Se}from"./isElementDisabled-KSuuBj8D.js";import{a as Ce,c as we,d as Te,i as Ee,l as De,o as Oe,r as ke,s as Ae,t as je,u as Me}from"./resolveValueLabel-DZTrDdG0.js";import{c as Ne,n as Pe,o as Fe,r as Ie,t as Le}from"./LabelableContext-CNcXHqnK.js";import{t as Re}from"./useLabelableId-CBWpOnwZ.js";import{n as ze,r as Be}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{n as Ve,t as He}from"./CSPContext-Bfs88_eg.js";import{n as Ue,r as We,t as Ge}from"./styles-COpnijXU.js";var Y=e(t(),1);function Ke(e){let[t,n]=Y.useState({current:e,previous:null});return e!==t.current&&n({current:e,previous:t.current}),t.previous}var qe=Y.createContext(null),Je=Y.createContext(null);function X(){let e=Y.useContext(qe);if(e===null)throw Error(A(60));return e}function Ye(){let e=Y.useContext(Je);if(e===null)throw Error(A(61));return e}var Z={id:B(e=>e.id),labelId:B(e=>e.labelId),modal:B(e=>e.modal),multiple:B(e=>e.multiple),items:B(e=>e.items),itemToStringLabel:B(e=>e.itemToStringLabel),itemToStringValue:B(e=>e.itemToStringValue),isItemEqualToValue:B(e=>e.isItemEqualToValue),value:B(e=>e.value),hasSelectedValue:B(e=>{let{value:t,multiple:n,itemToStringValue:r}=e;return t==null?!1:n&&Array.isArray(t)?t.length>0:Oe(t,r)!==``}),hasNullItemLabel:B((e,t)=>t?je(e.items):!1),open:B(e=>e.open),mounted:B(e=>e.mounted),forceMount:B(e=>e.forceMount),transitionStatus:B(e=>e.transitionStatus),openMethod:B(e=>e.openMethod),activeIndex:B(e=>e.activeIndex),selectedIndex:B(e=>e.selectedIndex),isActive:B((e,t)=>e.activeIndex===t),isSelected:B((e,t)=>{let n=e.isItemEqualToValue,r=e.value;return e.multiple?Array.isArray(r)&&r.some(e=>Ae(t,e,n)):Ae(t,r,n)}),isSelectedByFocus:B((e,t)=>e.selectedIndex===t),popupProps:B(e=>e.popupProps),triggerProps:B(e=>e.triggerProps),triggerElement:B(e=>e.triggerElement),positionerElement:B(e=>e.positionerElement),listElement:B(e=>e.listElement),popupSide:B(e=>e.popupSide),scrollUpArrowVisible:B(e=>e.scrollUpArrowVisible),scrollDownArrowVisible:B(e=>e.scrollDownArrowVisible),hasScrollArrows:B(e=>e.hasScrollArrows)},Q=U();function Xe(e){let{id:t,value:r,defaultValue:a=null,onValueChange:s,open:c,defaultOpen:u=!1,onOpenChange:p,name:m,form:h,autoComplete:ee,disabled:v=!1,readOnly:b=!1,required:x=!1,modal:C=!0,actionsRef:w,inputRef:T,onOpenChangeComplete:E,items:D,multiple:k=!1,itemToStringLabel:A,itemToStringValue:F,isItemEqualToValue:I=we,highlightItemOnHover:ne=!0,children:R}=e,{clearErrors:ie}=Pe(),{setDirty:B,setTouched:ae,setFocused:oe,validityData:ce,setFilled:V,name:H,disabled:le,validation:U,validationMode:W}=Fe(),G=Re({id:t}),K=le||v,me=H??m,[q,ge]=he({controlled:r,default:k?a??N:a,name:`Select`,state:`value`}),[J,_e]=he({controlled:c,default:u,name:`Select`,state:`open`}),ve=Y.useRef([]),ye=Y.useRef([]),be=Y.useRef(null),Te=Y.useRef(null),Ee=Y.useRef(0),ke=Y.useRef(null),je=Y.useRef([]),Me=Y.useRef(!1),Ne=Y.useRef(null),Le=Y.useRef(null),ze=Y.useRef({allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0}),Ve=Y.useRef(!1),{mounted:He,setMounted:Ge,transitionStatus:X}=_(J),{openMethod:Ye,triggerProps:Xe}=de(J),$=j(()=>new n({id:G,labelId:void 0,modal:C,multiple:k,itemToStringLabel:A,itemToStringValue:F,isItemEqualToValue:I,value:q,open:J,mounted:He,transitionStatus:X,items:D,forceMount:!1,openMethod:null,activeIndex:null,selectedIndex:null,popupProps:{},triggerProps:{},triggerElement:null,positionerElement:null,listElement:null,popupSide:null,scrollUpArrowVisible:!1,scrollDownArrowVisible:!1,hasScrollArrows:!1})).current,Ze=O($,Z.activeIndex),Qe=O($,Z.selectedIndex),$e=O($,Z.triggerElement),et=O($,Z.positionerElement),tt=Ke(Ye),nt=Ye??tt??null,rt=Y.useMemo(()=>k?``:Oe(q,F),[k,q,F]),it=Y.useMemo(()=>k&&Array.isArray(q)?q.map(e=>Oe(e,F)):Oe(q,F),[k,q,F]);Ie(y($.state.triggerElement),G,q,M(()=>it),!K,m);let at=Y.useRef(q),ot=k?Array.isArray(q)&&q.length>0:q!=null&&Oe(q,F)!==``;L(()=>{q!==at.current&&$.set(`forceMount`,!0)},[$,q]),L(()=>{V(ot)},[ot,V]),L(function(){let e=je.current,t;if(k){let n=Array.isArray(q)?q:[];if(n.length===0)t=null;else{let r=n[n.length-1],i=De(e,r,I);t=i===-1?null:i}}else{let n=De(e,q,I);t=n===-1?null:n}t===null&&(Le.current=null),!J&&$.set(`selectedIndex`,t)},[ot,k,J,q,je,I,$,Le]);function st(e){let t=ce.initialValue;return Array.isArray(e)&&Array.isArray(t)?!Be(e,t,(e,t)=>Ae(e,t,I)):e!==t}xe(q,()=>{ie(me),B(st(q)),U.change(q)});let ct=M((e,t)=>{p?.(e,t),!t.isCanceled&&(_e(e),!e&&(t.reason===`focus-out`||t.reason===`outside-press`)&&(ae(!0),oe(!1),W===`onBlur`&&U.commit(q)))}),lt=M(()=>{Ge(!1),$.update({activeIndex:null,openMethod:null}),E?.(!1)});o({enabled:!w,open:J,ref:be,onComplete(){J||lt()}}),Y.useImperativeHandle(w,()=>({unmount:lt}),[lt]);let ut=M((e,t)=>{s?.(e,t),!t.isCanceled&&ge(e)}),dt=M(()=>{let e=$.state.listElement||be.current;if(!e)return;let t=Ue(e.scrollHeight,e.clientHeight),n=We(e.scrollTop,t),r=n>0,i=n<t;$.state.scrollUpArrowVisible!==r&&$.set(`scrollUpArrowVisible`,r),$.state.scrollDownArrowVisible!==i&&$.set(`scrollDownArrowVisible`,i)}),ft=l({open:J,onOpenChange:ct,elements:{reference:$e,floating:et}}),pt=ue(ft,{enabled:!b&&!K,event:`mousedown`}),mt=re(ft),ht=pe(ft,{enabled:!b&&!K,listRef:ve,activeIndex:Ze,selectedIndex:Qe,disabledIndices:N,onNavigate(e){e===null&&!J||$.set(`activeIndex`,e)},focusItemOnHover:ne}),gt=fe(ft,{enabled:!b&&!K&&(J||!k),listRef:ye,activeIndex:Ze,selectedIndex:Qe,disabledIndices:e=>Se(ve.current[e]),onMatch(e){J?$.set(`activeIndex`,e):ut(je.current[e],f(`none`))},onTyping(e){Me.current=e}}),_t=Y.useMemo(()=>{let e=z(gt.reference,ht.reference,mt.reference,pt.reference,Xe);return G&&(e.id=G),e},[pt.reference,gt.reference,ht.reference,mt.reference,Xe,G]),vt=Y.useMemo(()=>z(d,gt.floating,ht.floating,mt.floating),[gt.floating,ht.floating,mt.floating]),yt=ht.item??S;P(()=>{$.update({popupProps:vt,triggerProps:_t})}),L(()=>{$.update({id:G,modal:C,multiple:k,value:q,open:J,mounted:He,transitionStatus:X,popupProps:vt,triggerProps:_t,items:D,itemToStringLabel:A,itemToStringValue:F,isItemEqualToValue:I,openMethod:nt})},[$,G,C,k,q,J,He,X,vt,_t,D,A,F,I,nt]);let bt=Y.useMemo(()=>({store:$,name:me,required:x,disabled:K,readOnly:b,multiple:k,highlightItemOnHover:ne,setValue:ut,setOpen:ct,listRef:ve,popupRef:be,scrollHandlerRef:Te,handleScrollArrowVisibility:dt,scrollArrowsMountedCountRef:Ee,itemProps:yt,valueRef:ke,valuesRef:je,labelsRef:ye,typingRef:Me,selectionRef:ze,firstItemTextRef:Ne,selectedItemTextRef:Le,validation:U,onOpenChangeComplete:E,alignItemWithTriggerActiveRef:Ve,initialValueRef:at}),[$,me,x,K,b,k,ne,ut,ct,yt,U,E,dt]),xt=te(T,U.inputRef),St=k&&Array.isArray(q)&&q.length>0,Ct=k?void 0:me,wt=Y.useMemo(()=>!k||!Array.isArray(q)||!me?null:q.map(e=>{let t=Oe(e,F);return(0,Q.jsx)(`input`,{type:`hidden`,form:h,name:me,value:t,disabled:K},t)}),[k,q,h,me,F,K]);return(0,Q.jsx)(qe.Provider,{value:bt,children:(0,Q.jsxs)(Je.Provider,{value:ft,children:[R,(0,Q.jsx)(`input`,{...U.getValidationProps(K,{onFocus(){$.state.triggerElement?.focus({focusVisible:!0})},onChange(e){if(e.nativeEvent.defaultPrevented||K||b)return;let t=e.currentTarget.value,n=f(se,e.nativeEvent);function r(){if(k)return;let e=t.toLowerCase(),r=je.current.findIndex(t=>Oe(t,F).toLowerCase()===e||Ce(t,A).toLowerCase()===e);r===-1&&(r=je.current.findIndex((t,n)=>{let r=ye.current[n];return r!=null&&r.toLowerCase()===e}));let i=r===-1?void 0:je.current[r];i!=null&&ut(i,n)}$.set(`forceMount`,!0),queueMicrotask(r)}}),id:G&&Ct==null?`${G}-hidden-input`:void 0,form:h,name:Ct,autoComplete:ee,value:rt,disabled:K,required:x&&!St,readOnly:b,ref:xt,style:me?i:g,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),wt]})})}var $=2,Ze=400,Qe={...ce,...Ne,popupSide:e=>e?{"data-popup-side":e}:null,value:()=>null},$e=Y.forwardRef(function(e,t){let{render:n,className:i,id:a,disabled:o=!1,nativeButton:l=!0,style:u,...d}=e,{setTouched:p,setFocused:m,validationMode:h,state:g,disabled:_}=Fe(),{labelId:ee}=Le(),{store:b,setOpen:x,selectionRef:S,validation:C,readOnly:w,required:T,alignItemWithTriggerActiveRef:te,disabled:E}=X(),k=_||E||o,A=O(b,Z.open),j=O(b,Z.mounted),N=O(b,Z.value),P=O(b,Z.triggerProps),I=O(b,Z.positionerElement),L=O(b,Z.listElement),ne=O(b,Z.popupSide),re=O(b,Z.id),ie=O(b,Z.labelId),B=O(b,Z.hasSelectedValue),ae=j&&I?ne:null,oe=a??re,ce=ze(ee,ie);Re({id:oe});let V=y(I),H=Y.useRef(null),{getButtonProps:le,buttonRef:U}=F({disabled:k,native:l}),W=M(e=>{b.set(`triggerElement`,e)}),ue=v(),G=v(),K=v();Y.useEffect(()=>{if(A)return K.start(Ze,()=>{S.current.allowUnselectedMouseUp=!0,S.current.allowSelectedMouseUp=!0}),()=>{K.clear()};S.current={allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0},G.clear()},[A,S,G,K]);let de=z(P,{id:oe,role:`combobox`,"aria-expanded":A?`true`:`false`,"aria-haspopup":`listbox`,"aria-controls":A?L?.id??r(I)?.id:void 0,"aria-labelledby":ce,"aria-readonly":w||void 0,"aria-required":T||void 0,tabIndex:k?-1:0,onFocus(e){m(!0),A&&te.current&&x(!1,f(se,e.nativeEvent)),ue.start(0,()=>{b.set(`forceMount`,!0)})},onBlur(e){c(I,e.relatedTarget)||(p(!0),m(!1),h===`onBlur`&&C.commit(N))},onMouseDown(e){if(A)return;let t=s(e.currentTarget);function n(e){if(!H.current)return;let t=e.target;if(c(H.current,t)||c(V.current,t))return;let n=me(H.current);e.clientX>=n.left-$&&e.clientX<=n.right+$&&e.clientY>=n.top-$&&e.clientY<=n.bottom+$||x(!1,f(D,e))}G.start(0,()=>{t.addEventListener(`mouseup`,n,{once:!0})})}},d,le),fe=C.getValidationProps(k,de);fe.role=`combobox`;let pe={...g,open:A,disabled:k,value:N,readOnly:w,popupSide:ae,placeholder:!B};return R(`button`,e,{ref:[t,H,U,W],state:pe,stateAttributesMapping:Qe,props:fe})}),et={value:()=>null},tt=Y.forwardRef(function(e,t){let{className:n,render:r,children:i,placeholder:a,style:o,...s}=e,{store:c,valueRef:l}=X(),u=O(c,Z.value),d=O(c,Z.items),f=O(c,Z.itemToStringLabel),p=O(c,Z.hasSelectedValue),m=!p&&a!=null&&i==null,h=O(c,Z.hasNullItemLabel,m),g={value:u,placeholder:!p},_=null;return _=typeof i==`function`?i(u):i??(!p&&a!=null&&!h?a:Array.isArray(u)?ke(u,d,f):Ee(u,d,f)),R(`span`,e,{state:g,ref:[t,l],props:[{children:_},s],stateAttributesMapping:et})}),nt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:o}=X();return R(`span`,e,{state:{open:O(o,Z.open)},ref:t,props:[{"aria-hidden":!0,children:`▼`},a],stateAttributesMapping:w})}),rt=Y.createContext(void 0),it=Y.forwardRef(function(e,t){let{store:n}=X(),r=O(n,Z.mounted),i=O(n,Z.forceMount);return r||i?(0,Q.jsx)(rt.Provider,{value:!0,children:(0,Q.jsx)(ne,{ref:t,...e})}):null}),at=Y.createContext(void 0);function ot(){let e=Y.useContext(at);if(!e)throw Error(A(59));return e}function st(e,t){e&&Object.assign(e.style,t)}var ct={position:`relative`,maxHeight:`100%`,overflowX:`hidden`,overflowY:`auto`},lt={position:`fixed`},ut=Y.forwardRef(function(e,t){let{anchor:n,positionMethod:r=`absolute`,className:i,render:a,side:o=`bottom`,align:s=`center`,sideOffset:c=0,alignOffset:l=0,collisionBoundary:u=`clipping-ancestors`,collisionPadding:d,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h,alignItemWithTrigger:g=!0,collisionAvoidance:_=x,style:ee,...v}=e,{store:y,listRef:b,labelsRef:S,alignItemWithTriggerActiveRef:C,selectedItemTextRef:w,valuesRef:T,initialValueRef:te,popupRef:E,setValue:D}=X(),A=Ye(),j=O(y,Z.open),N=O(y,Z.mounted),P=O(y,Z.modal),F=O(y,Z.value),I=O(y,Z.openMethod),ne=O(y,Z.positionerElement),R=O(y,Z.triggerElement),re=O(y,Z.isItemEqualToValue),ie=O(y,Z.transitionStatus),z=Y.useRef(null),B=Y.useRef(null),[oe,ce]=Y.useState(g),V=N&&oe&&I!==`touch`;!N&&oe!==g&&ce(g),L(()=>{N||(Z.scrollUpArrowVisible(y.state)&&y.set(`scrollUpArrowVisible`,!1),Z.scrollDownArrowVisible(y.state)&&y.set(`scrollDownArrowVisible`,!1))},[y,N]),Y.useImperativeHandle(C,()=>V),be((V||P)&&j,I===`touch`,ne,R);let H=k({anchor:n,floatingRootContext:A,positionMethod:r,mounted:N,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:p,collisionBoundary:u,collisionPadding:d,sticky:m,disableAnchorTracking:h??V,collisionAvoidance:_,keepMounted:!0}),le=V?`none`:H.side,U=V?lt:H.positionerStyles,W={open:j,side:le,align:H.align,anchorHidden:H.anchorHidden};L(()=>{y.set(`popupSide`,H.side)},[y,H.side]);let ue=ae(e,W,{styles:U,transitionStatus:ie,props:v,refs:[t,M(e=>{y.set(`positionerElement`,e)})],hidden:!N,inert:!j}),K=Y.useRef(0),de=M(e=>{if(e.size===0&&K.current===0||T.current.length===0)return;let t=K.current;if(K.current=e.size,e.size===t)return;let n=f(se);if(t!==0&&!y.state.multiple&&F!==null&&De(T.current,F,re)===-1){let e=te.current,t=e!=null&&De(T.current,e,re)!==-1?e:null;D(t,n),t===null&&(y.set(`selectedIndex`,null),w.current=null)}if(t!==0&&y.state.multiple&&Array.isArray(F)){let e=e=>De(T.current,e,re)!==-1,t=F.filter(t=>e(t));(t.length!==F.length||t.some(e=>!Te(F,e,re)))&&(D(t,n),t.length===0&&(y.set(`selectedIndex`,null),w.current=null))}if(j&&V){y.update({scrollUpArrowVisible:!1,scrollDownArrowVisible:!1});let e={height:``};st(ne,e),st(E.current,e)}}),fe=Y.useMemo(()=>({...H,side:le,alignItemWithTriggerActive:V,setControlledAlignItemWithTrigger:ce,scrollUpArrowRef:z,scrollDownArrowRef:B}),[H,le,V,ce]);return(0,Q.jsx)(J,{elementsRef:b,labelsRef:S,onMapChange:de,children:(0,Q.jsxs)(at.Provider,{value:fe,children:[N&&P&&(0,Q.jsx)(G,{inert:q(!j),cutout:R}),ue]})})}),dt={...oe,...ee},ft=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:c,...l}=e,{store:u,popupRef:d,onOpenChangeComplete:m,setOpen:g,valueRef:_,firstItemTextRef:ee,selectedItemTextRef:v,multiple:y,handleScrollArrowVisibility:x,scrollHandlerRef:S,listRef:C,highlightItemOnHover:w}=X(),{side:te,align:D,alignItemWithTriggerActive:k,isPositioned:A,setControlledAlignItemWithTrigger:j}=ot(),N=ve(!0)!=null,P=Ye(),F=I(),{nonce:ne,disableStyleElements:re}=He(),ie=O(u,Z.id),z=O(u,Z.open),B=O(u,Z.openMethod),ae=O(u,Z.mounted),oe=O(u,Z.popupProps),se=O(u,Z.transitionStatus),ce=O(u,Z.triggerElement),V=O(u,Z.positionerElement),H=O(u,Z.listElement),le=Y.useRef(!1),U=Y.useRef(!1),W=Y.useRef({}),ue=a(),G=M(e=>{if(!V||!d.current||!U.current)return;if(le.current||!k){x();return}let t=V.style.top===`0px`,n=V.style.bottom===`0px`;if(!t&&!n){x();return}let r=ht(V),i=gt(V.getBoundingClientRect().height,`y`,r),a=s(V),o=T(V),c=o.getComputedStyle(V),l=parseFloat(c.marginTop),u=parseFloat(c.marginBottom),f=pt(o.getComputedStyle(d.current)),p=Math.min(a.documentElement.clientHeight-l-u,f),m=e.scrollTop,h=mt(e),g=0,_=null,ee=!1,v=!1,y=e=>{V.style.height=`${e}px`},b=(t,n)=>{let r=Ve(t,0,p-i);r>0&&y(i+r),e.scrollTop=n,p-(i+r)<=1&&(le.current=!0),x()},S=t?h-m:m,C=Math.min(i+S,p);if(g=C,S<=1){b(S,t?h:0);return}if(p-C>1?t?v=!0:_=0:(ee=!0,n&&m<h&&(_=m-(S-(i+S-p)))),g=Math.ceil(g),g!==0&&y(g),v||_!=null){let t=mt(e),n=v?t:Ve(_,0,t);Math.abs(e.scrollTop-n)>1&&(e.scrollTop=n)}(ee||g>=p-1)&&(le.current=!0),x()});Y.useImperativeHandle(S,()=>G,[G]),o({open:z,ref:d,onComplete(){z&&m?.(!0)}});let de={open:z,transitionStatus:se,side:te,align:D};L(()=>{!V||!d.current||Object.keys(W.current).length||(W.current={top:V.style.top||`0`,left:V.style.left||`0`,right:V.style.right,height:V.style.height,bottom:V.style.bottom,minHeight:V.style.minHeight,maxHeight:V.style.maxHeight,marginTop:V.style.marginTop,marginBottom:V.style.marginBottom})},[d,V]),L(()=>{z||k||(U.current=!1,le.current=!1,st(V,W.current))},[z,k,V,d]),L(()=>{let e=d.current;if(!z||!ce||!V||!e||k&&!A||u.state.transitionStatus===`ending`)return;if(!k){U.current=!0,ue.request(x),e.style.removeProperty(`--transform-origin`);return}let t=yt(e);e.style.removeProperty(`--transform-origin`);try{let t=v.current;t?.isConnected||(t=!Z.hasSelectedValue(u.state)&&ee.current?.isConnected?ee.current:null);let n=_.current,r=T(V),i=r.getComputedStyle(V),a=r.getComputedStyle(e),o=s(ce),c=ht(ce),l=_t(ce.getBoundingClientRect(),c),d=_t(V.getBoundingClientRect(),c),f=l.height,p=H||e,m=p.scrollHeight,g=parseFloat(a.borderBottomWidth),y=parseFloat(i.marginTop)||10,b=parseFloat(i.marginBottom)||10,S=parseFloat(i.minHeight)||100,te=pt(a),E=o.documentElement.clientHeight-y-b,D=o.documentElement.clientWidth,O=E-l.bottom+f,k,A=F===`rtl`?l.right-d.width:l.left,M=0;if(t&&n){let e=_t(n.getBoundingClientRect(),c);k=_t(t.getBoundingClientRect(),c),A=d.left+(F===`rtl`?e.right-k.right:e.left-k.left);let r=e.top-l.top+e.height/2;M=k.top-d.top+k.height/2-r}let N=O+M+b+g,P=Math.min(E,N),I=E-y-b,L=N-P,ne=D-5;V.style.left=`${Ve(A,5,ne-d.width)}px`,V.style.height=`${P}px`,V.style.maxHeight=`none`,V.style.marginTop=`${y}px`,V.style.marginBottom=`${b}px`,e.style.height=`100%`;let R=mt(p),re=L>=R-1;re&&(P=Math.min(E,d.height)-(L-R));let ie=l.top<20||l.bottom>E-20||Math.ceil(P)+1<Math.min(m,S),z=(r.visualViewport?.scale??1)!==1&&h;if(ie||z){U.current=!0,st(V,W.current),j(!1);return}let B=Math.max(S,P);if(re){let e=Math.max(0,E-N);V.style.top=d.height>=I?`0`:`${e}px`,V.style.height=`${P}px`,p.scrollTop=mt(p)}else V.style.bottom=`0`,p.scrollTop=L;if(k){let t=d.top,n=d.height,r=k.top+k.height/2,i=Ve(n>0?(r-t)/n*100:50,0,100);e.style.setProperty(`--transform-origin`,`50% ${i}%`)}(B===E||P>=te)&&(le.current=!0),x(),w&&u.state.selectedIndex===null&&u.state.activeIndex===null&&C.current[0]!=null&&u.set(`activeIndex`,0),U.current=!0}finally{t()}},[u,z,V,ce,_,ee,v,d,x,k,j,ue,H,C,w,F,A]),Y.useEffect(()=>{if(!k||!V||!z)return;let e=T(V);function t(e){g(!1,f(p,e))}return b(e,`resize`,t)},[g,k,V,z]);let fe={...H?{role:`presentation`,"aria-orientation":void 0}:{role:`listbox`,"aria-multiselectable":y||void 0,id:`${ie}-list`},onKeyDown(e){N&&ye.has(e.key)&&e.stopPropagation()},onScroll(e){H||G(e.currentTarget)},...k&&{style:H?{height:`100%`}:ct}},pe=R(`div`,e,{ref:[t,d],state:de,stateAttributesMapping:dt,props:[oe,fe,E(se),{className:!H&&k?Ge.className:void 0},l]});return(0,Q.jsxs)(Y.Fragment,{children:[!re&&Ge.getElement(ne),(0,Q.jsx)(K,{context:P,modal:!1,disabled:!ae,openInteractionType:B,returnFocus:c,restoreFocus:!0,children:pe})]})});function pt(e){let t=e.maxHeight||``;return t.endsWith(`px`)&&parseFloat(t)||1/0}function mt(e){return Ue(e.scrollHeight,e.clientHeight)}function ht(e){return C.getScale(e)}function gt(e,t,n){return e/n[t]}function _t(e,t){return m({x:gt(e.x,`x`,t),y:gt(e.y,`y`,t),width:gt(e.width,`x`,t),height:gt(e.height,`y`,t)})}var vt=[[`transform`,`none`],[`scale`,`1`],[`translate`,`0 0`]];function yt(e){let{style:t}=e,n={};for(let[e,r]of vt)n[e]=t.getPropertyValue(e),t.setProperty(e,r,`important`);return()=>{for(let[e]of vt){let r=n[e];r?t.setProperty(e,r):t.removeProperty(e)}}}var bt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:o,scrollHandlerRef:s}=X(),{alignItemWithTriggerActive:c}=ot(),l=O(o,Z.hasScrollArrows),u=O(o,Z.openMethod),d=O(o,Z.multiple),f={id:`${O(o,Z.id)}-list`,role:`listbox`,"aria-multiselectable":d||void 0,onScroll(e){s.current?.(e.currentTarget)},...c&&{style:ct},className:l&&u!==`touch`?Ge.className:void 0};return R(`div`,e,{ref:[t,M(e=>{o.set(`listElement`,e)})],props:[f,a]})}),xt=Y.createContext(void 0);function St(){let e=Y.useContext(xt);if(!e)throw Error(A(57));return e}var Ct=Y.memo(Y.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a=null,label:o,disabled:s=!1,nativeButton:c=!1,...l}=e,u=Y.useRef(null),d=ge({label:o,textRef:u,indexGuessBehavior:_e.GuessFromOrder}),{store:p,itemProps:m,setOpen:h,setValue:g,selectionRef:_,typingRef:ee,valuesRef:v,multiple:y,selectedItemTextRef:b,disabled:x,readOnly:S}=X(),C=O(p,Z.isActive,d.index),w=O(p,Z.open),T=O(p,Z.isSelected,a),te=O(p,Z.isSelectedByFocus,d.index),E=O(p,Z.isItemEqualToValue),D=d.index,k=D!==-1,A=Y.useRef(null);L(()=>{if(!k)return;let e=v.current;return e[D]=a,()=>{delete e[D]}},[k,D,a,v]),L(()=>{if(!k)return;let e=p.state.value,t=e;y&&Array.isArray(e)&&(t=e.length>0?e[e.length-1]:void 0),t!==void 0&&Ae(a,t,E)&&(p.set(`selectedIndex`,D),u.current&&(b.current=u.current))},[k,D,y,E,p,a,b]);let j=Y.useRef(null),M=Y.useRef(`mouse`),N=Y.useRef(!1),{getButtonProps:P,buttonRef:I}=F({disabled:s,focusableWhenDisabled:!0,native:c,composite:!0}),ne={disabled:s,selected:T,highlighted:C};function re(e){if(x||S)return;let t=p.state.value;if(y){let n=Array.isArray(t)?t:[];g(T?Me(n,a,E):[...n,a],f(ie,e))}else g(a,f(ie,e)),h(!1,f(ie,e))}function z(){_.current.dragY=0}let B={role:`option`,"aria-selected":T,tabIndex:w&&C?0:-1,onKeyDown(e){j.current=e.key,p.set(`activeIndex`,D),e.key===` `&&ee.current&&e.preventDefault()},onClick(e){let t=e.type===`click`&&M.current!==`touch`,n=e.nativeEvent.pointerType,r=t&&V(e.nativeEvent)&&(n!==void 0||C),i=t&&!r&&!N.current;N.current=!1,!(e.type===`keydown`&&j.current===null)&&(s||e.type===`keydown`&&j.current===` `&&ee.current||i||(j.current=null,re(e.nativeEvent)))},onPointerEnter(e){M.current=e.pointerType},onPointerMove(e){if(e.pointerType===`mouse`&&e.buttons===1){let t=_.current;t.dragY+=e.movementY,t.dragY**2>=64&&(t.allowUnselectedMouseUp=!0)}},onPointerDown(e){M.current=e.pointerType,N.current=!0,z()},onMouseUp(){if(z(),s||M.current===`touch`||N.current)return;let e=!_.current.allowSelectedMouseUp&&T,t=!_.current.allowUnselectedMouseUp&&!T;e||t||(N.current=!0,A.current?.click(),N.current=!1)}},ae=R(`div`,e,{ref:[I,t,d.ref,A],state:ne,props:[m,B,l,P]}),oe=Y.useMemo(()=>({selected:T,index:D,textRef:u,selectedByFocus:te,hasRegistered:k}),[T,D,u,te,k]);return(0,Q.jsx)(xt.Provider,{value:oe,children:ae})})),wt=Y.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=St();return n||r?(0,Q.jsx)(Tt,{...e,ref:t}):null}),Tt=Y.memo(Y.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...s}=e,{selected:c}=St(),l=Y.useRef(null),{transitionStatus:u,setMounted:d}=_(c),f=R(`span`,e,{ref:[t,l],state:{selected:c,transitionStatus:u},props:[{"aria-hidden":!0,children:`✔️`},s],stateAttributesMapping:ee});return o({open:c,ref:l,onComplete(){c||d(!1)}}),f})),Et=Y.memo(Y.forwardRef(function(e,t){let{index:n,textRef:r,selectedByFocus:i,hasRegistered:a}=St(),{firstItemTextRef:o,selectedItemTextRef:s}=X(),{render:c,className:l,style:u,...d}=e;return R(`div`,e,{ref:[Y.useCallback(e=>{e&&(a&&n===0&&(o.current=e),a&&i&&(s.current=e))},[o,s,n,i,a]),t,r],props:d})})),Dt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,direction:a,keepMounted:s=!1,...c}=e,l=a===`up`,{store:u,popupRef:d,listRef:f,handleScrollArrowVisibility:p,scrollArrowsMountedCountRef:m}=X(),{side:h,scrollDownArrowRef:g,scrollUpArrowRef:y}=ot(),b=O(u,l?Z.scrollUpArrowVisible:Z.scrollDownArrowVisible),x=O(u,Z.openMethod),S=b&&x!==`touch`,C=v(),w=l?y:g,{mounted:T,transitionStatus:te,setMounted:E}=_(S);L(()=>(m.current+=1,u.state.hasScrollArrows||u.set(`hasScrollArrows`,!0),()=>{m.current=Math.max(0,m.current-1),m.current===0&&u.state.hasScrollArrows&&u.set(`hasScrollArrows`,!1)}),[u,m]),o({open:S,ref:w,onComplete(){S||E(!1)}});let D=R(`div`,e,{ref:[t,w],state:{direction:a,visible:S,side:h,transitionStatus:te},props:[{"aria-hidden":!0,children:l?`▲`:`▼`,style:{position:`absolute`},onMouseMove(e){if(e.movementX===0&&e.movementY===0||C.isStarted())return;u.set(`activeIndex`,null);function t(){let e=u.state.listElement??d.current;if(!e)return;u.set(`activeIndex`,null),p();let n=Ue(e.scrollHeight,e.clientHeight),r=We(e.scrollTop,n),i=r===(l?0:n),a=f.current;if(r!==e.scrollTop&&(e.scrollTop=r),a.length===0&&u.set(l?`scrollUpArrowVisible`:`scrollDownArrowVisible`,!i),i){C.clear();return}if(a.length>0){let t=w.current?.offsetHeight||0;e.scrollTop=Ot(a,l,r,e.clientHeight,t,n)}C.start(40,t)}C.start(40,t)},onMouseLeave(){C.clear()}},c],stateAttributesMapping:ee});return T||s?D:null});function Ot(e,t,n,r,i,a){if(t){let t=0,r=n+i-1;for(let n=0;n<e.length;n+=1){let i=e[n];if(i&&i.offsetTop>=r){t=n;break}}let o=Math.max(0,t-1),s=e[o];return o<t&&s?We(s.offsetTop-i,a):0}let o=e.length-1,s=n+r-i+1;for(let t=0;t<e.length;t+=1){let n=e[t];if(n&&n.offsetTop+n.offsetHeight>s){o=Math.max(0,t-1);break}}let c=Math.min(e.length-1,o+1),l=e[c];return c>o&&l?We(l.offsetTop+l.offsetHeight-r+i,a):a}var kt=Y.forwardRef(function(e,t){return(0,Q.jsx)(Dt,{...e,ref:t,direction:`down`})}),At=Y.forwardRef(function(e,t){return(0,Q.jsx)(Dt,{...e,ref:t,direction:`up`})}),jt=Y.createContext(void 0),Mt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[o,s]=Y.useState(),c=Y.useMemo(()=>({labelId:o,setLabelId:s}),[o,s]),l=R(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":o},a]});return(0,Q.jsx)(jt.Provider,{value:c,children:l})}),Nt=Xe;function Pt({className:e,...t}){return(0,Q.jsx)(Mt,{"data-slot":`select-group`,className:W(`scroll-my-1 p-1`,e),...t})}function Ft({className:e,...t}){return(0,Q.jsx)(tt,{"data-slot":`select-value`,className:W(`flex flex-1 text-left`,e),...t})}function It({className:e,size:t=`default`,children:n,...r}){return(0,Q.jsxs)($e,{"data-slot":`select-trigger`,"data-size":t,className:W(`border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...r,children:[n,(0,Q.jsx)(nt,{render:(0,Q.jsx)(H,{className:`text-muted-foreground size-4 pointer-events-none`})})]})}function Lt({className:e,children:t,side:n=`bottom`,sideOffset:r=4,align:i=`center`,alignOffset:a=0,alignItemWithTrigger:o=!0,...s}){return(0,Q.jsx)(it,{children:(0,Q.jsx)(ut,{side:n,sideOffset:r,align:i,alignOffset:a,alignItemWithTrigger:o,className:`isolate z-50`,children:(0,Q.jsxs)(ft,{"data-slot":`select-content`,"data-align-trigger":o,className:W(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none`,e),...s,children:[(0,Q.jsx)(zt,{}),(0,Q.jsx)(bt,{children:t}),(0,Q.jsx)(Bt,{})]})})})}function Rt({className:e,children:t,...n}){return(0,Q.jsxs)(Ct,{"data-slot":`select-item`,className:W(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...n,children:[(0,Q.jsx)(Et,{className:`flex flex-1 gap-2 shrink-0`,children:t}),(0,Q.jsx)(wt,{render:(0,Q.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,Q.jsx)(u,{className:`pointer-events-none`})})]})}function zt({className:e,...t}){return(0,Q.jsx)(At,{"data-slot":`select-scroll-up-button`,className:W(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full`,e),...t,children:(0,Q.jsx)(le,{})})}function Bt({className:e,...t}){return(0,Q.jsx)(kt,{"data-slot":`select-scroll-down-button`,className:W(`bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full`,e),...t,children:(0,Q.jsx)(H,{})})}export{It as a,Rt as i,Lt as n,Ft as o,Pt as r,Nt as t};

package/dist/showcase/assets/send-3ANJL7UB.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`send`,[[`path`,{d:`M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z`,key:`1ffxy3`}],[`path`,{d:`m21.854 2.147-10.94 10.939`,key:`12cjpa`}]]);export{t};

package/dist/showcase/assets/separator-BiXjWmP-.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i}from"./index-o71HAmc3.js";import{t as a}from"./separator-y9i6EG-N.js";var o=e({Horizontal:()=>c,Vertical:()=>l}),s=i();function c(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{className:`text-sm`,children:`Above`}),(0,s.jsx)(a,{className:`my-3`}),(0,s.jsx)(`div`,{className:`text-sm`,children:`Below`})]})})}function l(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(`div`,{className:`flex h-10 items-center`,children:[(0,s.jsx)(`span`,{className:`text-sm`,children:`Item A`}),(0,s.jsx)(a,{orientation:`vertical`,className:`mx-3`}),(0,s.jsx)(`span`,{className:`text-sm`,children:`Item B`}),(0,s.jsx)(a,{orientation:`vertical`,className:`mx-3`}),(0,s.jsx)(`span`,{className:`text-sm`,children:`Item C`})]})})}var u=`import { Separator } from '@/components/ui/separator';
+
+export function Horizontal() {
+	return (
+		<>
+			<div>
+								<div className="text-sm">Above</div>
+								<Separator className="my-3" />
+								<div className="text-sm">Below</div>
+							</div>
+		</>
+	);
+}
+
+export function Vertical() {
+	return (
+		<>
+			<div className="flex h-10 items-center">
+								<span className="text-sm">Item A</span>
+								<Separator orientation="vertical" className="mx-3" />
+								<span className="text-sm">Item B</span>
+								<Separator orientation="vertical" className="mx-3" />
+								<span className="text-sm">Item C</span>
+							</div>
+		</>
+	);
+}
+`;function d(e){return o||p(`Examples`,!1),c||p(`Examples.Horizontal`,!0),l||p(`Examples.Vertical`,!0),(0,s.jsx)(t,{title:`UI · Separator`,description:`Horizontal & vertical dividers.`,layer:`ui`,status:`ready`,children:(0,s.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,s.jsx)(r,{name:`Horizontal`,source:u,children:(0,s.jsx)(c,{})}),(0,s.jsx)(r,{name:`Vertical`,source:u,children:(0,s.jsx)(l,{})})]})})}function f(e={}){let{wrapper:t}=e.components||{};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}function p(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{f as default};

package/dist/showcase/assets/separator-y9i6EG-N.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-o71HAmc3.js";import{t as n}from"./Separator-DOIh4aar.js";var r=e();function i({className:e,orientation:i=`horizontal`,...a}){return(0,r.jsx)(n,{"data-slot":`separator`,orientation:i,className:t(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch`,e),...a})}export{i as t};

package/dist/showcase/assets/settings-2-Ynd1Lcz4.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`settings-2`,[[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`path`,{d:`M19 7h-9`,key:`6i9tg`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]);export{t};

package/dist/showcase/assets/settings-CqdZB-OI.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`settings`,[[`path`,{d:`M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915`,key:`1i5ecw`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]]);export{t};

package/dist/showcase/assets/sheet-CzFOcAwE.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{er as t,l as n}from"./example-Rrx9vj75.js";import{t as r}from"./x-FNPo6qUv.js";import{d as i,n as a}from"./index-o71HAmc3.js";import{a as o,c as s,l as c,n as l,o as u,r as d,s as f,t as p}from"./DialogTrigger-CiVZgbZe.js";e();var m=i();function h({...e}){return(0,m.jsx)(d,{"data-slot":`sheet`,modal:`trap-focus`,...e})}function g({asChild:e=!1,...t}){let r=e?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(p,{"data-slot":`sheet-trigger`,render:r,...t})}function _({...e}){return(0,m.jsx)(o,{"data-slot":`sheet-portal`,...e})}function v({className:e,...t}){return(0,m.jsx)(c,{"data-slot":`sheet-overlay`,className:a(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50`,e),...t})}function y({className:e,children:n,side:i=`right`,showCloseButton:o=!0,...c}){return(0,m.jsxs)(_,{children:[(0,m.jsx)(v,{}),(0,m.jsxs)(u,{"data-slot":`sheet-content`,"data-side":i,className:a(`bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm`,e),...c,children:[n,!!o&&(0,m.jsxs)(s,{"data-slot":`sheet-close`,render:(0,m.jsx)(t,{variant:`ghost`,className:`absolute top-4 right-4`,size:`icon-sm`}),children:[(0,m.jsx)(r,{}),(0,m.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function b({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`sheet-header`,className:a(`gap-1.5 p-4 flex flex-col`,e),...t})}function x({className:e,asChild:t=!1,...r}){let i=t?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(l,{"data-slot":`sheet-title`,render:i,className:a(`text-foreground font-medium`,e),...r})}function S({className:e,asChild:t=!1,...r}){let i=t?(0,m.jsx)(n,{}):void 0;return(0,m.jsx)(f,{"data-slot":`sheet-description`,render:i,className:a(`text-muted-foreground text-sm`,e),...r})}export{x as a,b as i,y as n,g as o,S as r,h as t};

package/dist/showcase/assets/shield-Dmxwcn3w.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`shield`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}]]);export{t};

package/dist/showcase/assets/shield-alert-RrMsBuWp.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`shield-alert`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]]);export{t};

package/dist/showcase/assets/shield-check-Bnw8RAvI.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`shield-check`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/shopping-bag-DGXTQNOf.js

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.js";var t=e(`shopping-bag`,[[`path`,{d:`M16 10a4 4 0 0 1-8 0`,key:`1ltviw`}],[`path`,{d:`M3.103 6.034h17.794`,key:`awc11p`}],[`path`,{d:`M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z`,key:`o988cm`}]]);export{t};