admin-ui-starter-kit 0.4.3 → 0.4.4

package/dist/showcase/assets/rich-text-editor-DCU7mMoO.js

@@ -0,0 +1,124 @@
+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,t as o}from"./example-CTJ8AdNR.js";import{t as s}from"./rich-text-editor-CU0IZpwV.js";import{s as c}from"./index-DaYVSqKu.js";import{t as l}from"./props-table-C8la6vcG.js";var u=e({CompactSmallerInlineNote:()=>g,Default:()=>h,Disabled:()=>v,EmptyPlaceholder:()=>_,ProductionWiring:()=>m,StringsOverride:()=>y}),d=t(n(),1),f=c(),p=`<h3>Spa cleaning checklist</h3>
+<p>Before each session:</p>
+<ul>
+  <li>Refill towels and bath products</li>
+  <li>Wipe down all surfaces</li>
+  <li>Top up the candles</li>
+</ul>
+<p>After each session:</p>
+<ol>
+  <li>Sanitise the tubs</li>
+  <li>Restock guest amenities</li>
+  <li>Reset the music</li>
+</ol>`;function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(a,{type:`secondary`,children:[`Use `,(0,f.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<RichTextEditor value={html} onChange={setHtml} showCounts maxLength={500} />`})," on any page that needs structured rich text input. The editor handles paste, undo/redo, and exposes a `strings` prop for toolbar i18n; consumers persist the resulting HTML string."]})})}function h(){let[e,t]=(0,d.useState)(p);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,showCounts:!0,maxLength:500})})}function g(){let[e,t]=(0,d.useState)(`<p>A short note about today's bookings.</p>`);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,compact:!0,showCounts:!0,maxLength:140})})}function _(){let[e,t]=(0,d.useState)(``);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,placeholder:`Write something…`,hideSourceToggle:!0})})}function v(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:p,onChange:()=>{},disabled:!0,hideSourceToggle:!0})})}function y(){let[e,t]=(0,d.useState)(`<p>A short note about today's bookings.</p>`);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(s,{value:e,onChange:t,compact:!0,strings:{toolbar:{bold:`Gras`,italic:`Italique`,strike:`Barré`,bulletList:`Liste`,orderedList:`Numérotée`,blockquote:`Citation`,undo:`Annuler`,redo:`Rétablir`,sourceCode:`Source`}}})})}var b=`import { useState } from 'react';
+import { RichTextEditor } from '@/components/features/rich-text-editor';
+import { Text } from '@/components/typography';
+
+const SAMPLE_HTML = \`
+<h3>Spa cleaning checklist</h3>
+<p>Before each session:</p>
+<ul>
+  <li>Refill towels and bath products</li>
+  <li>Wipe down all surfaces</li>
+  <li>Top up the candles</li>
+</ul>
+<p>After each session:</p>
+<ol>
+  <li>Sanitise the tubs</li>
+  <li>Restock guest amenities</li>
+  <li>Reset the music</li>
+</ol>
+\`.trim();
+
+export function ProductionWiring() {
+	return (
+		<>
+			<Text type="secondary">
+								{'Use '}<code className="rounded bg-muted px-1 py-0.5 text-xs">{'<RichTextEditor value={html} onChange={setHtml} showCounts maxLength={500} />'}</code>{' on any page that needs structured rich text input. The editor handles paste, undo/redo, and exposes a \`strings\` prop for toolbar i18n; consumers persist the resulting HTML string.'}
+							</Text>
+		</>
+	);
+}
+
+export function Default() {
+	const [defaultValue, setDefaultValue] = useState<string>(SAMPLE_HTML);
+	return (
+		<>
+			<RichTextEditor
+								value={defaultValue}
+								onChange={setDefaultValue}
+								showCounts
+								maxLength={500}
+							/>
+		</>
+	);
+}
+
+export function CompactSmallerInlineNote() {
+	const [compactValue, setCompactValue] = useState<string>("<p>A short note about today's bookings.</p>");
+	return (
+		<>
+			<RichTextEditor
+								value={compactValue}
+								onChange={setCompactValue}
+								compact
+								showCounts
+								maxLength={140}
+							/>
+		</>
+	);
+}
+
+export function EmptyPlaceholder() {
+	const [emptyValue, setEmptyValue] = useState<string>('');
+	return (
+		<>
+			<RichTextEditor
+								value={emptyValue}
+								onChange={setEmptyValue}
+								placeholder="Write something…"
+								hideSourceToggle
+							/>
+		</>
+	);
+}
+
+export function Disabled() {
+	return (
+		<>
+			<RichTextEditor
+								value={SAMPLE_HTML}
+								onChange={() => {}}
+								disabled
+								hideSourceToggle
+							/>
+		</>
+	);
+}
+
+export function StringsOverride() {
+	const [compactValue, setCompactValue] = useState<string>("<p>A short note about today's bookings.</p>");
+	return (
+		<>
+			<RichTextEditor
+								value={compactValue}
+								onChange={setCompactValue}
+								compact
+								strings={{
+									toolbar: {
+										bold: 'Gras',
+										italic: 'Italique',
+										strike: 'Barré',
+										bulletList: 'Liste',
+										orderedList: 'Numérotée',
+										blockquote: 'Citation',
+										undo: 'Annuler',
+										redo: 'Rétablir',
+										sourceCode: 'Source',
+									},
+								}}
+							/>
+		</>
+	);
+}
+`;function x(e){let t={h4:`h4`,...e.components};return u||C(`Examples`,!1),g||C(`Examples.CompactSmallerInlineNote`,!0),h||C(`Examples.Default`,!0),v||C(`Examples.Disabled`,!0),_||C(`Examples.EmptyPlaceholder`,!0),m||C(`Examples.ProductionWiring`,!0),y||C(`Examples.StringsOverride`,!0),(0,f.jsxs)(r,{title:`Features · Rich text editor`,description:"Tiptap-backed editor with bold / italic / strike / lists / quote / undo-redo. Falls back to a non-editable preview when @tiptap/react is not bundled. Strings overridable via the `strings` prop.",layer:`features`,status:`ready`,children:[(0,f.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(o,{name:`ProductionWiring`,source:b,children:(0,f.jsx)(m,{})}),(0,f.jsx)(o,{name:`Default`,source:b,children:(0,f.jsx)(h,{})}),(0,f.jsx)(o,{name:`CompactSmallerInlineNote`,source:b,children:(0,f.jsx)(g,{})}),(0,f.jsx)(o,{name:`EmptyPlaceholder`,source:b,children:(0,f.jsx)(_,{})}),(0,f.jsx)(o,{name:`Disabled`,source:b,children:(0,f.jsx)(v,{})}),(0,f.jsx)(o,{name:`StringsOverride`,source:b,children:(0,f.jsx)(y,{})})]}),(0,f.jsxs)(i,{title:`API`,id:`api`,children:[(0,f.jsx)(t.h4,{children:`RichTextEditor`}),(0,f.jsx)(l,{component:`RichTextEditor`})]})]})}function S(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(x,{...e})}):x(e)}function C(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{S as default};

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

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.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/save-DDmFSQli.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.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-B7naqMvv.js

@@ -0,0 +1,325 @@
+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,r as o,t as s}from"./example-CTJ8AdNR.js";import{t as c}from"./bell-DeCVddCA.js";import{t as l}from"./earth-7-Z3Gv2v.js";import{t as u}from"./lock-keyhole-Cu6M-jjE.js";import{t as d}from"./mail-CXVFHkzh.js";import{t as f}from"./package-check-Ol-Cw3j-.js";import{t as p}from"./shield-check-CaO2dhVS.js";import{t as m}from"./sliders-horizontal-C3JH5WQu.js";import{t as h}from"./sparkles-B18eTHVN.js";import{a as g,k as _,n as v,s as y}from"./index-DaYVSqKu.js";import{t as b}from"./props-table-C8la6vcG.js";import{t as x}from"./smart-card-CHouYi8U.js";import{t as S}from"./input-fMPi7XxI.js";import{t as C}from"./textarea-DsSuQHQY.js";import{t as w}from"./select-DBXZ_Wzf.js";import{i as ee,n as te,r as T,t as E}from"./tags-input-iDfvhzZD.js";import{n as D,t as ne}from"./card-radio-group-DeX3qsRg.js";import{n as O}from"./form-field-CHY7jh1q.js";var re=g(`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=g(`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=y();function ue({submitLabel:e,resetLabel:t,showReset:n=!1,disabled:r=!1,submitDisabled:i=!1,resetDisabled:a=!1,isSubmitting:s=!1,onReset:c,className:l}){return(0,V.jsxs)(`div`,{className:v(`schema-form-actions--component flex items-center justify-end gap-2`,l),children:[!!n&&(0,V.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`outline`,disabled:r||a||s,onClick:c,children:t}),(0,V.jsx)(o,{type:`submit`,variant:`primary`,loading:s,disabled:r||i,children:e})]})}ue.displayName=`SchemaFormActions`;function de({title:e,description:t,className:n}){return(0,V.jsxs)(`div`,{className:v(`schema-form-empty--component rounded-md border border-dashed border-border bg-muted/20 p-6 text-center`,n),children:[(0,V.jsx)(a,{weight:`semibold`,children:e}),(0,V.jsx)(a,{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)(C,{id:a,name:e.key,value:u,rows:e.rows??6,disabled:i,invalid:!!(r??f),placeholder:e.placeholder,spellCheck:!1,className:v(`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:v(`schema-form-field--component`,u)},p=e.controlClassName;if(d===`custom`&&e.type===`custom`)return(0,V.jsx)(`div`,{className:v(`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:v(`schema-form-field--component schema-form-field--switch-card`,u),children:(0,V.jsx)(T,{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:v(`schema-form-field--component schema-form-field--switch`,u),children:(0,V.jsx)(te,{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)(C,{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)(ee,{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)(w,{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)(ne,{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)(D,{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)(E,{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)(S,{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)(a,{weight:`semibold`,className:`schema-form--section-title`,children:e.title}),!!e.description&&(0,V.jsx)(a,{size:`xs`,type:`secondary`,className:`schema-form--section-description`,children:e.description})]})}function J({schema:e,value:t,defaultValue:n,errors:r,disabled:i=!1,layout:o=`form`,columns:s=2,id:c,name:l,title:u,description:d,headerSlot:f,footerSlot:p,actionsSlot:m,emptySlot:h,showActions:g,submitLabel:y,resetLabel:b,submitDisabled:S=!1,resetDisabled:C=!1,isSubmitting:w=!1,onValueChange:ee,onFieldChange:te,onSubmit:T,onReset:E,onError:D,renderField:ne,renderSection:O,strings:re,className:k,contentClassName:A,sectionClassName:j,fieldClassName:M}){let N=(0,R.useId)(),P=c??`schema-form-${N}`,F=_(me,re),I=le({fields:e.fields,value:t,defaultValue:n,errors:r,onValueChange:ee,onFieldChange:te,formatRequiredError:F.formatRequiredError,validationError:F.validationError,onError:D}),L=(0,R.useMemo)(()=>se(e,I.values,F.defaultSectionTitle,s,D),[s,I.values,D,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=g??!!(T||E||m),H=y??F.submitLabel,U=b??F.resetLabel,W=e=>{let t=`${P}-${he(e.key)}`,n=i||oe(e,I.values,D),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:D},a=(0,V.jsx)(pe,{...r,strings:F});return(0,V.jsx)(`div`,{className:v(`schema-form--field`,ae[e.width??`auto`],e.className,M),children:ne?.({...r,defaultField:a})??a},e.key)},G=e=>(0,V.jsx)(`div`,{className:v(`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:v(`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)(x,{className:v(`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:!!E,disabled:i,submitDisabled:S,resetDisabled:C,isSubmitting:w,onReset:()=>{let e=I.reset();E?.(e,B)}}):null),J=h??(0,V.jsx)(de,{title:F.emptyTitle,description:F.emptyDescription});return(0,V.jsx)(`form`,{id:P,name:l,noValidate:!0,className:v(`schema-form--component`,k),onSubmit:async e=>{if(e.preventDefault(),!(i||S||w)&&I.validate())try{await T?.(I.values,B,e)}catch(e){D?.(e)}},children:o===`cards`?(0,V.jsxs)(`div`,{className:v(`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)(a,{weight:`semibold`,className:`schema-form--title`,children:u??e.title}),!!(d??e.description)&&(0,V.jsx)(a,{size:`xs`,type:`secondary`,className:`schema-form--description`,children:d??e.description})]}),f]}),z?L.map(fe):J,p,q]}):(0,V.jsx)(x,{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:v(`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)(m,{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)(c,{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:c},{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-w-3xl`,children:(0,V.jsx)(J,{schema:ve,value:e,onValueChange:t,onSubmit:e=>r(e),onReset:()=>{t({}),r(null)},footerSlot:n?(0,V.jsxs)(a,{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)(J,{schema:ye,layout:`cards`,columns:2,value:e,onValueChange:t,onSubmit:()=>{},headerSlot:(0,V.jsx)(o,{variant:`secondary`,buttonStyle:`outline`,icon:h,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)(o,{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-w-3xl">
+			<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 (
+		<SchemaForm
+			schema={automationSchema}
+			layout="cards"
+			columns={2}
+			value={values}
+			onValueChange={setValues}
+			onSubmit={() => {}}
+			headerSlot={<Button variant="secondary" buttonStyle="outline" icon={Sparkles}>Apply preset</Button>}
+		/>
+	);
+}
+
+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)(i,{title:`Examples`,id:`examples`,children:[(0,V.jsx)(s,{name:`CohesiveForm`,source:Q,children:(0,V.jsx)(Y,{})}),(0,V.jsx)(s,{name:`SectionCards`,source:Q,children:(0,V.jsx)(X,{})}),(0,V.jsx)(s,{name:`RenderPropField`,source:Q,children:(0,V.jsx)(Z,{})})]}),(0,V.jsxs)(i,{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-CdaYm4UK.js

@@ -0,0 +1,32 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-CTJ8AdNR.js";import{s as i}from"./index-DaYVSqKu.js";import{t as a}from"./scroll-area-DwWSHYHB.js";var o=e({Horizontal:()=>l,Vertical:()=>c}),s=i();function c(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(a,{className:`h-48 w-full rounded-md border border-border p-3`,children:(0,s.jsx)(`ul`,{className:`space-y-2 text-sm`,children:Array.from({length:30}).map((e,t)=>(0,s.jsxs)(`li`,{children:[`List item `,t+1]},t))})})})}function l(){return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(a,{className:`w-full rounded-md border border-border p-3`,children:(0,s.jsx)(`div`,{className:`flex gap-3`,children:Array.from({length:20}).map((e,t)=>(0,s.jsxs)(`div`,{className:`flex size-24 shrink-0 items-center justify-center rounded-md bg-muted text-sm`,children:[`Box `,t+1]},t))})})})}var u=`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 d(e){return o||p(`Examples`,!1),l||p(`Examples.Horizontal`,!0),c||p(`Examples.Vertical`,!0),(0,s.jsx)(t,{title:`UI · Scroll area`,description:`Custom-styled scroll viewport.`,layer:`ui`,status:`ready`,children:(0,s.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,s.jsx)(r,{name:`Vertical`,source:u,children:(0,s.jsx)(c,{})}),(0,s.jsx)(r,{name:`Horizontal`,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/scroll-area-DwWSHYHB.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Mn as n,Nn as r,Wn as i,Yn as a,Zt as o,fr as s,g as c,hr as l,m as u,mr as d,nr as f}from"./example-CTJ8AdNR.js";import{n as p,s as m}from"./index-DaYVSqKu.js";import{n as h,t as g}from"./CSPContext-B11tftuK.js";import{r as _,t as v}from"./styles-CDD7mDye.js";var y=e(t(),1),b=y.createContext(void 0);function x(){let e=y.useContext(b);if(e===void 0)throw Error(s(53));return e}var S=function(e){return e.scrollAreaCornerHeight=`--scroll-area-corner-height`,e.scrollAreaCornerWidth=`--scroll-area-corner-width`,e}({});function C(e,t,n){if(!e)return 0;let r=getComputedStyle(e),i=n===`x`?`Inline`:`Block`;return n===`x`&&t===`margin`?parseFloat(r[`${t}InlineStart`])*2:parseFloat(r[`${t}${i}Start`])+parseFloat(r[`${t}${i}End`])}var w=function(e){return e.orientation=`data-orientation`,e.hovering=`data-hovering`,e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({}),T=function(e){return e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({}),E={hasOverflowX:e=>e?{[T.hasOverflowX]:``}:null,hasOverflowY:e=>e?{[T.hasOverflowY]:``}:null,overflowXStart:e=>e?{[T.overflowXStart]:``}:null,overflowXEnd:e=>e?{[T.overflowXEnd]:``}:null,overflowYStart:e=>e?{[T.overflowYStart]:``}:null,overflowYEnd:e=>e?{[T.overflowYEnd]:``}:null,cornerHidden:()=>null},D=m(),O={x:0,y:0},ee={width:0,height:0},k={xStart:!1,xEnd:!1,yStart:!1,yEnd:!1},te={x:!0,y:!0,corner:!0},A=y.forwardRef(function(e,t){let{render:r,className:i,overflowEdgeThreshold:o,style:s,...u}=e,{xStart:d,xEnd:p,yStart:m,yEnd:h}=j(o),_=c(),x=a(),T=a(),{nonce:A,disableStyleElements:M}=g(),[N,P]=y.useState(!1),[F,I]=y.useState(!1),[L,R]=y.useState(!1),[z,B]=y.useState(!1),[V,H]=y.useState(!1),[U,ne]=y.useState(ee),[re,W]=y.useState(ee),[G,K]=y.useState(k),[q,ie]=y.useState(te),ae=y.useRef(null),J=y.useRef(null),Y=y.useRef(null),X=y.useRef(null),Z=y.useRef(null),Q=y.useRef(null),oe=y.useRef(null),se=y.useRef(!1),ce=y.useRef(0),le=y.useRef(0),ue=y.useRef(0),de=y.useRef(0),$=y.useRef(`vertical`),fe=y.useRef(O),pe=l(e=>{let t=e.x-fe.current.x,n=e.y-fe.current.y;fe.current=e,n!==0&&(R(!0),x.start(500,()=>{R(!1)})),t!==0&&(I(!0),T.start(500,()=>{I(!1)}))}),me=l(e=>{e.button===0&&(se.current=!0,ce.current=e.clientY,le.current=e.clientX,$.current=e.currentTarget.getAttribute(w.orientation),J.current&&(ue.current=J.current.scrollTop,de.current=J.current.scrollLeft),Z.current&&$.current===`vertical`&&Z.current.setPointerCapture(e.pointerId),Q.current&&$.current===`horizontal`&&Q.current.setPointerCapture(e.pointerId))}),he=l(e=>{if(!se.current)return;let t=e.clientY-ce.current,n=e.clientX-le.current;if(J.current){let r=J.current.scrollHeight,i=J.current.clientHeight,a=J.current.scrollWidth,o=J.current.clientWidth;if(Z.current&&Y.current&&$.current===`vertical`){let n=C(Y.current,`padding`,`y`),a=C(Z.current,`margin`,`y`),o=Z.current.offsetHeight,s=t/(Y.current.offsetHeight-o-n-a);J.current.scrollTop=ue.current+s*(r-i),e.preventDefault(),R(!0),x.start(500,()=>{R(!1)})}if(Q.current&&X.current&&$.current===`horizontal`){let t=C(X.current,`padding`,`x`),r=C(Q.current,`margin`,`x`),i=Q.current.offsetWidth,s=n/(X.current.offsetWidth-i-t-r);J.current.scrollLeft=de.current+s*(a-o),e.preventDefault(),I(!0),T.start(500,()=>{I(!1)})}}}),ge=l(e=>{se.current=!1,Z.current&&$.current===`vertical`&&Z.current.hasPointerCapture(e.pointerId)&&Z.current.releasePointerCapture(e.pointerId),Q.current&&$.current===`horizontal`&&Q.current.hasPointerCapture(e.pointerId)&&Q.current.releasePointerCapture(e.pointerId)});function _e(e){B(e.pointerType===`touch`)}function ve(e){_e(e),e.pointerType!==`touch`&&P(n(ae.current,e.target))}let ye=y.useMemo(()=>({scrolling:F||L,hasOverflowX:!q.x,hasOverflowY:!q.y,overflowXStart:G.xStart,overflowXEnd:G.xEnd,overflowYStart:G.yStart,overflowYEnd:G.yEnd,cornerHidden:q.corner}),[F,L,q.x,q.y,q.corner,G]),be={role:`presentation`,onPointerEnter:ve,onPointerMove:ve,onPointerDown:_e,onPointerLeave(){P(!1)},style:{position:`relative`,[S.scrollAreaCornerHeight]:`${U.height}px`,[S.scrollAreaCornerWidth]:`${U.width}px`}},xe=f(`div`,e,{state:ye,ref:[t,ae],props:[be,u],stateAttributesMapping:E}),Se=y.useMemo(()=>({handlePointerDown:me,handlePointerMove:he,handlePointerUp:ge,handleScroll:pe,cornerSize:U,setCornerSize:ne,thumbSize:re,setThumbSize:W,hasMeasuredScrollbar:V,setHasMeasuredScrollbar:H,touchModality:z,cornerRef:oe,scrollingX:F,setScrollingX:I,scrollingY:L,setScrollingY:R,hovering:N,setHovering:P,viewportRef:J,rootRef:ae,scrollbarYRef:Y,scrollbarXRef:X,thumbYRef:Z,thumbXRef:Q,rootId:_,hiddenState:q,setHiddenState:ie,overflowEdges:G,setOverflowEdges:K,viewportState:ye,overflowEdgeThreshold:{xStart:d,xEnd:p,yStart:m,yEnd:h}}),[me,he,ge,pe,U,re,V,z,F,I,L,R,N,P,_,q,G,ye,d,p,m,h]);return(0,D.jsxs)(b.Provider,{value:Se,children:[!M&&v.getElement(A),xe]})});function j(e){if(typeof e==`number`){let t=Math.max(0,e);return{xStart:t,xEnd:t,yStart:t,yEnd:t}}return{xStart:Math.max(0,e?.xStart||0),xEnd:Math.max(0,e?.xEnd||0),yStart:Math.max(0,e?.yStart||0),yEnd:Math.max(0,e?.yEnd||0)}}var M=y.createContext(void 0),N=function(e){return e.scrollAreaOverflowXStart=`--scroll-area-overflow-x-start`,e.scrollAreaOverflowXEnd=`--scroll-area-overflow-x-end`,e.scrollAreaOverflowYStart=`--scroll-area-overflow-y-start`,e.scrollAreaOverflowYEnd=`--scroll-area-overflow-y-end`,e}({}),P=!1;function F(){P||i||(typeof CSS<`u`&&`registerProperty`in CSS&&[N.scrollAreaOverflowXStart,N.scrollAreaOverflowXEnd,N.scrollAreaOverflowYStart,N.scrollAreaOverflowYEnd].forEach(e=>{try{CSS.registerProperty({name:e,syntax:`<length>`,inherits:!1,initialValue:`0px`})}catch{}}),P=!0)}var I=y.forwardRef(function(e,t){let{render:n,className:r,style:i,...o}=e,{viewportRef:s,scrollbarYRef:c,scrollbarXRef:p,thumbYRef:m,thumbXRef:g,cornerRef:b,cornerSize:S,setCornerSize:w,setThumbSize:T,rootId:O,setHiddenState:ee,hiddenState:k,setHasMeasuredScrollbar:te,handleScroll:A,setHovering:j,setOverflowEdges:P,overflowEdges:I,overflowEdgeThreshold:z,scrollingX:B,scrollingY:V}=x(),H=u(),U=y.useRef(!0),ne=y.useRef([NaN,NaN,NaN,NaN]),re=a(),W=a(),G=l(()=>{let e=s.current,t=c.current,n=p.current,r=m.current,i=g.current,a=b.current;if(!e)return;let o=e.scrollHeight,l=e.scrollWidth,u=e.clientHeight,d=e.clientWidth,f=e.scrollTop,v=e.scrollLeft,y=ne.current,x=Number.isNaN(y[0]);if(y[0]=u,y[1]=o,y[2]=d,y[3]=l,x&&te(!0),o===0||l===0)return;let E=L(e),D=E.y,O=E.x,k=d/l,A=u/o,j=Math.max(0,l-d),M=Math.max(0,o-u),F=0,I=0;if(!O){let e=0;e=h(H===`rtl`?-v:v,0,j),F=_(e,j),I=j-F}let B=D?0:h(f,0,M),V=D?0:_(B,M),U=D?0:M-V,re=O?0:d,W=D?0:u,G=0,K=0;!O&&!D&&(G=t?.offsetWidth||0,K=n?.offsetHeight||0);let q=S.width===0&&S.height===0,ie=q?G:0,ae=q?K:0,J=C(n,`padding`,`x`),Y=C(t,`padding`,`y`),X=C(i,`margin`,`x`),Z=C(r,`margin`,`y`),Q=re-J-X,oe=W-Y-Z,se=n?Math.min(n.offsetWidth-ie,Q):Q,ce=t?Math.min(t.offsetHeight-ae,oe):oe,le=Math.max(16,se*k),ue=Math.max(16,ce*A);if(T(e=>e.height===ue&&e.width===le?e:{width:le,height:ue}),t&&r){let e=t.offsetHeight-ue-Y-Z,n=o-u,i=n===0?0:f/n,a=Math.min(e,Math.max(0,i*e));r.style.transform=`translate3d(0,${a}px,0)`}if(n&&i){let e=n.offsetWidth-le-J-X,t=l-d,r=t===0?0:v/t,a=H===`rtl`?h(r*e,-e,0):h(r*e,0,e);i.style.transform=`translate3d(${a}px,0,0)`}let de=[[N.scrollAreaOverflowXStart,F],[N.scrollAreaOverflowXEnd,I],[N.scrollAreaOverflowYStart,V],[N.scrollAreaOverflowYEnd,U]];for(let[t,n]of de)e.style.setProperty(t,`${n}px`);a&&(O||D?w({width:0,height:0}):!O&&!D&&w({width:G,height:K})),ee(e=>R(e,E));let $={xStart:!O&&F>z.xStart,xEnd:!O&&I>z.xEnd,yStart:!D&&V>z.yStart,yEnd:!D&&U>z.yEnd};P(e=>e.xStart===$.xStart&&e.xEnd===$.xEnd&&e.yStart===$.yStart&&e.yEnd===$.yEnd?e:$)});d(()=>{s.current&&F()},[s]),d(()=>{queueMicrotask(G)},[G,k,H,z.xStart,z.xEnd,z.yStart,z.yEnd]),d(()=>{s.current?.matches(`:hover`)&&j(!0)},[s,j]),d(()=>{let e=s.current;if(typeof ResizeObserver>`u`||!e)return;let t=!1,n=new ResizeObserver(()=>{if(!t){t=!0;let n=ne.current;if(n[0]===e.clientHeight&&n[1]===e.scrollHeight&&n[2]===e.clientWidth&&n[3]===e.scrollWidth)return}G()});return n.observe(e),W.start(0,()=>{let t=e.getAnimations({subtree:!0});t.length!==0&&Promise.allSettled(t.map(e=>e.finished)).then(G).catch(()=>{})}),()=>{n.disconnect(),W.clear()}},[G,s,W]);function K(){U.current=!1}let q={role:`presentation`,...O&&{"data-id":`${O}-viewport`},tabIndex:k.x&&k.y?-1:0,className:v.className,style:{overflow:`scroll`},onScroll(){s.current&&(G(),U.current||A({x:s.current.scrollLeft,y:s.current.scrollTop}),re.start(100,()=>{U.current=!0}))},onWheel:K,onTouchMove:K,onPointerMove:K,onPointerEnter:K,onKeyDown:K},ie=y.useMemo(()=>({scrolling:B||V,hasOverflowX:!k.x,hasOverflowY:!k.y,overflowXStart:I.xStart,overflowXEnd:I.xEnd,overflowYStart:I.yStart,overflowYEnd:I.yEnd,cornerHidden:k.corner}),[B,V,k.x,k.y,k.corner,I]),ae=f(`div`,e,{ref:[t,s],state:ie,props:[q,o],stateAttributesMapping:E}),J=y.useMemo(()=>({computeThumbPosition:G}),[G]);return(0,D.jsx)(M.Provider,{value:J,children:ae})});function L(e){let t=e.clientHeight>=e.scrollHeight,n=e.clientWidth>=e.scrollWidth;return{y:t,x:n,corner:t||n}}function R(e,t){return e.y===t.y&&e.x===t.x&&e.corner===t.corner?e:t}var z=y.createContext(void 0);function B(){let e=y.useContext(z);if(e===void 0)throw Error(s(54));return e}var V=function(e){return e.scrollAreaThumbHeight=`--scroll-area-thumb-height`,e.scrollAreaThumbWidth=`--scroll-area-thumb-width`,e}({}),H=y.forwardRef(function(e,t){let{render:i,className:a,orientation:s=`vertical`,keepMounted:c=!1,style:l,...d}=e,{hovering:p,scrollingX:m,scrollingY:h,hiddenState:g,overflowEdges:_,scrollbarYRef:v,scrollbarXRef:b,viewportRef:w,thumbYRef:T,thumbXRef:O,handlePointerDown:ee,handlePointerUp:k,handleScroll:te,rootId:A,thumbSize:j,hasMeasuredScrollbar:M}=x(),N={hovering:p,scrolling:{horizontal:m,vertical:h}[s],orientation:s,hasOverflowX:!g.x,hasOverflowY:!g.y,overflowXStart:_.xStart,overflowXEnd:_.xEnd,overflowYStart:_.yStart,overflowYEnd:_.yEnd,cornerHidden:g.corner},P=u(),F=!M&&!c,I=s===`vertical`?g.y:g.x,L=c||!I;y.useEffect(()=>{if(!L)return;let e=w.current,t=s===`vertical`?v.current:b.current;if(!t)return;function n(n){if(!e||!t||n.ctrlKey)return;let r=s===`horizontal`,i=r?`scrollLeft`:`scrollTop`,a=r?n.deltaX:n.deltaY;if(a===0)return;let o=r?e.scrollWidth-e.clientWidth:e.scrollHeight-e.clientHeight,c=r&&P===`rtl`?-o:0,l=r&&P===`rtl`?0:o,u=e[i];u<=c&&a<0||u>=l&&a>0||(n.preventDefault(),e[i]=Math.min(l,Math.max(c,u+a)),te({x:e.scrollLeft,y:e.scrollTop}))}return o(t,`wheel`,n,{passive:!1})},[P,te,s,b,v,L,w]);let R={...A&&{"data-id":`${A}-scrollbar`},onPointerDown(e){if(e.button!==0)return;let t=r(e.nativeEvent),i=s===`vertical`?T.current:O.current;if(!(i&&n(i,t))&&w.current){if(T.current&&v.current&&s===`vertical`){let t=C(T.current,`margin`,`y`),n=C(v.current,`padding`,`y`),r=T.current.offsetHeight,i=v.current.getBoundingClientRect(),a=e.clientY-i.top-r/2-n+t/2,o=w.current.scrollHeight,s=w.current.clientHeight,c=a/(v.current.offsetHeight-r-n-t)*(o-s);w.current.scrollTop=c}if(O.current&&b.current&&s===`horizontal`){let t=C(O.current,`margin`,`x`),n=C(b.current,`padding`,`x`),r=O.current.offsetWidth,i=b.current.getBoundingClientRect(),a=e.clientX-i.left-r/2-n+t/2,o=w.current.scrollWidth,s=w.current.clientWidth,c=a/(b.current.offsetWidth-r-n-t),l;P===`rtl`?(l=(1-c)*(o-s),w.current.scrollLeft<=0&&(l=-l)):l=c*(o-s),w.current.scrollLeft=l}te({x:w.current.scrollLeft,y:w.current.scrollTop}),ee(e)}},onPointerUp:k,onPointerCancel:k,style:{position:`absolute`,touchAction:`none`,WebkitUserSelect:`none`,userSelect:`none`,visibility:F?`hidden`:void 0,...s===`vertical`&&{top:0,bottom:`var(${S.scrollAreaCornerHeight})`,insetInlineEnd:0,[V.scrollAreaThumbHeight]:`${j.height}px`},...s===`horizontal`&&{insetInlineStart:0,insetInlineEnd:`var(${S.scrollAreaCornerWidth})`,bottom:0,[V.scrollAreaThumbWidth]:`${j.width}px`}}},B=f(`div`,e,{ref:[t,s===`vertical`?v:b],state:N,props:[R,d],stateAttributesMapping:E}),H=y.useMemo(()=>({orientation:s}),[s]);return L?(0,D.jsx)(z.Provider,{value:H,children:B}):null}),U=y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{thumbYRef:o,thumbXRef:s,handlePointerDown:c,handlePointerMove:l,handlePointerUp:u,setScrollingX:d,setScrollingY:p,scrollingX:m,scrollingY:h,hasMeasuredScrollbar:g}=x(),{orientation:_}=B(),v={scrolling:_===`horizontal`?m:h,orientation:_};function y(e){_===`vertical`&&p(!1),_===`horizontal`&&d(!1),u(e)}return f(`div`,e,{ref:[t,_===`vertical`?o:s],state:v,props:[{onPointerDown:c,onPointerMove:l,onPointerUp:y,onPointerCancel:y,style:{visibility:g?void 0:`hidden`,..._===`vertical`&&{height:`var(${V.scrollAreaThumbHeight})`},..._===`horizontal`&&{width:`var(${V.scrollAreaThumbWidth})`}}},a]})}),ne=y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{cornerRef:o,cornerSize:s,hiddenState:c}=x(),l=f(`div`,e,{ref:[t,o],props:[{style:{position:`absolute`,bottom:0,insetInlineEnd:0,width:s.width,height:s.height}},a]});return c.corner?null:l});function re({className:e,children:t,...n}){return(0,D.jsxs)(A,{"data-slot":`scroll-area`,className:p(`relative`,e),...n,children:[(0,D.jsx)(I,{"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)(W,{}),(0,D.jsx)(ne,{})]})}function W({className:e,orientation:t=`vertical`,...n}){return(0,D.jsx)(H,{"data-slot":`scroll-area-scrollbar`,"data-orientation":t,orientation:t,className:p({"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)(U,{"data-slot":`scroll-area-thumb`,className:`rounded-full bg-border relative flex-1`})})}export{re as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.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,P as u,Qt as d,Tn as f,Ur as p,Vt as m,Wn as h,Wt as g,X as _,Y as v,Yn as y,Yt as b,Zt as x,_t as S,ar as C,at as w,b as T,br as E,cr as ee,d as D,en as O,et as k,f as A,fr as j,gr as M,hr as N,ir as P,it as F,lr as I,m as L,mr as R,mt as te,nr as z,ot as ne,pn as re,pr as B,rt as V,u as ie,v as ae,vn as oe,y as se,zn as H}from"./example-CTJ8AdNR.js";import{t as U}from"./chevron-down-LWBNHe9S.js";import{t as ce}from"./chevron-up-DjhlESJB.js";import{n as W,s as le}from"./index-DaYVSqKu.js";import{a as ue,i as G,o as K,t as de}from"./useOpenInteractionType-CnhifZ1E.js";import{n as fe,r as pe,t as me}from"./getPseudoElementBounds-D9-Hr3mO.js";import{t as q}from"./inertValue-DrtTkMGx.js";import{t as he}from"./useControlled-BF8maje6.js";import{n as ge,r as J,t as _e}from"./useCompositeListItem-DK0Tpege.js";import{t as ve}from"./ToolbarRootContext-DwELw9xS.js";import{o as ye}from"./composite-BXLXcagx.js";import{t as be}from"./useAnchoredPopupScrollLock-CywAbxVB.js";import{t as xe}from"./useValueChanged-DURO1kfZ.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-DqAP3zJd.js";import{c as Ne,n as Pe,o as Fe,r as Ie,t as Le}from"./LabelableContext-B3W_70Qk.js";import{t as Re}from"./useLabelableId-hdKzFCp2.js";import{n as ze,r as Be}from"./resolveAriaLabelledBy-iFo8AzEr.js";import{n as Ve,t as He}from"./CSPContext-B11tftuK.js";import{n as Ue,r as We,t as Ge}from"./styles-CDD7mDye.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(j(60));return e}function Ye(){let e=Y.useContext(Je);if(e===null)throw Error(j(61));return e}var Z={id:V(e=>e.id),labelId:V(e=>e.labelId),modal:V(e=>e.modal),multiple:V(e=>e.multiple),items:V(e=>e.items),itemToStringLabel:V(e=>e.itemToStringLabel),itemToStringValue:V(e=>e.itemToStringValue),isItemEqualToValue:V(e=>e.isItemEqualToValue),value:V(e=>e.value),hasSelectedValue:V(e=>{let{value:t,multiple:n,itemToStringValue:r}=e;return t==null?!1:n&&Array.isArray(t)?t.length>0:Oe(t,r)!==``}),hasNullItemLabel:V((e,t)=>t?je(e.items):!1),open:V(e=>e.open),mounted:V(e=>e.mounted),forceMount:V(e=>e.forceMount),transitionStatus:V(e=>e.transitionStatus),openMethod:V(e=>e.openMethod),activeIndex:V(e=>e.activeIndex),selectedIndex:V(e=>e.selectedIndex),isActive:V((e,t)=>e.activeIndex===t),isSelected:V((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:V((e,t)=>e.selectedIndex===t),popupProps:V(e=>e.popupProps),triggerProps:V(e=>e.triggerProps),triggerElement:V(e=>e.triggerElement),positionerElement:V(e=>e.positionerElement),listElement:V(e=>e.listElement),popupSide:V(e=>e.popupSide),scrollUpArrowVisible:V(e=>e.scrollUpArrowVisible),scrollDownArrowVisible:V(e=>e.scrollDownArrowVisible),hasScrollArrows:V(e=>e.hasScrollArrows)},Q=le();function Xe(e){let{id:t,value:r,defaultValue:a=null,onValueChange:s,open:c,defaultOpen:f=!1,onOpenChange:p,name:m,form:h,autoComplete:v,disabled:y=!1,readOnly:x=!1,required:S=!1,modal:w=!0,actionsRef:T,inputRef:E,onOpenChangeComplete:D,items:O,multiple:A=!1,itemToStringLabel:j,itemToStringValue:I,isItemEqualToValue:L=we,highlightItemOnHover:te=!0,children:z}=e,{clearErrors:re}=Pe(),{setDirty:V,setTouched:ie,setFocused:ae,validityData:se,setFilled:H,name:U,disabled:ce,validation:W,validationMode:le}=Fe(),G=Re({id:t}),K=ce||y,me=U??m,[q,ge]=he({controlled:r,default:A?a??P:a,name:`Select`,state:`value`}),[J,_e]=he({controlled:c,default:f,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),$=M(()=>new n({id:G,labelId:void 0,modal:w,multiple:A,itemToStringLabel:j,itemToStringValue:I,isItemEqualToValue:L,value:q,open:J,mounted:He,transitionStatus:X,items:O,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=k($,Z.activeIndex),Qe=k($,Z.selectedIndex),$e=k($,Z.triggerElement),et=k($,Z.positionerElement),tt=Ke(Ye),nt=Ye??tt??null,rt=Y.useMemo(()=>A?``:Oe(q,I),[A,q,I]),it=Y.useMemo(()=>A&&Array.isArray(q)?q.map(e=>Oe(e,I)):Oe(q,I),[A,q,I]);Ie(b($.state.triggerElement),G,q,N(()=>it),!K,m);let at=Y.useRef(q),ot=A?Array.isArray(q)&&q.length>0:q!=null&&Oe(q,I)!==``;R(()=>{q!==at.current&&$.set(`forceMount`,!0)},[$,q]),R(()=>{H(ot)},[ot,H]),R(function(){let e=je.current,t;if(A){let n=Array.isArray(q)?q:[];if(n.length===0)t=null;else{let r=n[n.length-1],i=De(e,r,L);t=i===-1?null:i}}else{let n=De(e,q,L);t=n===-1?null:n}t===null&&(Le.current=null),!J&&$.set(`selectedIndex`,t)},[ot,A,J,q,je,L,$,Le]);function st(e){let t=se.initialValue;return Array.isArray(e)&&Array.isArray(t)?!Be(e,t,(e,t)=>Ae(e,t,L)):e!==t}xe(q,()=>{re(me),V(st(q)),W.change(q)});let ct=N((e,t)=>{p?.(e,t),!t.isCanceled&&(_e(e),!e&&(t.reason===`focus-out`||t.reason===`outside-press`)&&(ie(!0),ae(!1),le===`onBlur`&&W.commit(q)))}),lt=N(()=>{Ge(!1),$.update({activeIndex:null,openMethod:null}),D?.(!1)});o({enabled:!T,open:J,ref:be,onComplete(){J||lt()}}),Y.useImperativeHandle(T,()=>({unmount:lt}),[lt]);let ut=N((e,t)=>{s?.(e,t),!t.isCanceled&&ge(e)}),dt=N(()=>{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:!x&&!K,event:`mousedown`}),mt=ne(ft),ht=pe(ft,{enabled:!x&&!K,listRef:ve,activeIndex:Ze,selectedIndex:Qe,disabledIndices:P,onNavigate(e){e===null&&!J||$.set(`activeIndex`,e)},focusItemOnHover:te}),gt=fe(ft,{enabled:!x&&!K&&(J||!A),listRef:ye,activeIndex:Ze,selectedIndex:Qe,disabledIndices:e=>Se(ve.current[e]),onMatch(e){J?$.set(`activeIndex`,e):ut(je.current[e],d(`none`))},onTyping(e){Me.current=e}}),_t=Y.useMemo(()=>{let e=B(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(()=>B(u,gt.floating,ht.floating,mt.floating),[gt.floating,ht.floating,mt.floating]),yt=ht.item??C;F(()=>{$.update({popupProps:vt,triggerProps:_t})}),R(()=>{$.update({id:G,modal:w,multiple:A,value:q,open:J,mounted:He,transitionStatus:X,popupProps:vt,triggerProps:_t,items:O,itemToStringLabel:j,itemToStringValue:I,isItemEqualToValue:L,openMethod:nt})},[$,G,w,A,q,J,He,X,vt,_t,O,j,I,L,nt]);let bt=Y.useMemo(()=>({store:$,name:me,required:S,disabled:K,readOnly:x,multiple:A,highlightItemOnHover:te,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:W,onOpenChangeComplete:D,alignItemWithTriggerActiveRef:Ve,initialValueRef:at}),[$,me,S,K,x,A,te,ut,ct,yt,W,D,dt]),xt=ee(E,W.inputRef),St=A&&Array.isArray(q)&&q.length>0,Ct=A?void 0:me,wt=Y.useMemo(()=>!A||!Array.isArray(q)||!me?null:q.map(e=>{let t=Oe(e,I);return(0,Q.jsx)(`input`,{type:`hidden`,form:h,name:me,value:t,disabled:K},t)}),[A,q,h,me,I,K]);return(0,Q.jsx)(qe.Provider,{value:bt,children:(0,Q.jsxs)(Je.Provider,{value:ft,children:[z,(0,Q.jsx)(`input`,{...W.getValidationProps(K,{onFocus(){$.state.triggerElement?.focus({focusVisible:!0})},onChange(e){if(e.nativeEvent.defaultPrevented||K||x)return;let t=e.currentTarget.value,n=d(oe,e.nativeEvent);function r(){if(A)return;let e=t.toLowerCase(),r=je.current.findIndex(t=>Oe(t,I).toLowerCase()===e||Ce(t,j).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:v,value:rt,disabled:K,required:S&&!St,readOnly:x,ref:xt,style:me?i:g,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),wt]})})}var $=2,Ze=400,Qe={...se,...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,...f}=e,{setTouched:p,setFocused:m,validationMode:h,state:g,disabled:_}=Fe(),{labelId:v}=Le(),{store:x,setOpen:S,selectionRef:C,validation:w,readOnly:T,required:E,alignItemWithTriggerActiveRef:ee,disabled:D}=X(),A=_||D||o,j=k(x,Z.open),M=k(x,Z.mounted),P=k(x,Z.value),F=k(x,Z.triggerProps),L=k(x,Z.positionerElement),R=k(x,Z.listElement),te=k(x,Z.popupSide),ne=k(x,Z.id),re=k(x,Z.labelId),V=k(x,Z.hasSelectedValue),ie=M&&L?te:null,ae=a??ne,se=ze(v,re);Re({id:ae});let H=b(L),U=Y.useRef(null),{getButtonProps:ce,buttonRef:W}=I({disabled:A,native:l}),le=N(e=>{x.set(`triggerElement`,e)}),ue=y(),G=y(),K=y();Y.useEffect(()=>{if(j)return K.start(Ze,()=>{C.current.allowUnselectedMouseUp=!0,C.current.allowSelectedMouseUp=!0}),()=>{K.clear()};C.current={allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0},G.clear()},[j,C,G,K]);let de=B(F,{id:ae,role:`combobox`,"aria-expanded":j?`true`:`false`,"aria-haspopup":`listbox`,"aria-controls":j?R?.id??r(L)?.id:void 0,"aria-labelledby":se,"aria-readonly":T||void 0,"aria-required":E||void 0,tabIndex:A?-1:0,onFocus(e){m(!0),j&&ee.current&&S(!1,d(oe,e.nativeEvent)),ue.start(0,()=>{x.set(`forceMount`,!0)})},onBlur(e){c(L,e.relatedTarget)||(p(!0),m(!1),h===`onBlur`&&w.commit(P))},onMouseDown(e){if(j)return;let t=s(e.currentTarget);function n(e){if(!U.current)return;let t=e.target;if(c(U.current,t)||c(H.current,t))return;let n=me(U.current);e.clientX>=n.left-$&&e.clientX<=n.right+$&&e.clientY>=n.top-$&&e.clientY<=n.bottom+$||S(!1,d(O,e))}G.start(0,()=>{t.addEventListener(`mouseup`,n,{once:!0})})}},f,ce),fe=w.getValidationProps(A,de);fe.role=`combobox`;let pe={...g,open:j,disabled:A,value:P,readOnly:T,popupSide:ie,placeholder:!V};return z(`button`,e,{ref:[t,U,W,le],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=k(c,Z.value),d=k(c,Z.items),f=k(c,Z.itemToStringLabel),p=k(c,Z.hasSelectedValue),m=!p&&a!=null&&i==null,h=k(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)),z(`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 z(`span`,e,{state:{open:k(o,Z.open)},ref:t,props:[{"aria-hidden":!0,children:`▼`},a],stateAttributesMapping:T})}),rt=Y.createContext(void 0),it=Y.forwardRef(function(e,t){let{store:n}=X(),r=k(n,Z.mounted),i=k(n,Z.forceMount);return r||i?(0,Q.jsx)(rt.Provider,{value:!0,children:(0,Q.jsx)(te,{ref:t,...e})}):null}),at=Y.createContext(void 0);function ot(){let e=Y.useContext(at);if(!e)throw Error(j(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:f,arrowPadding:p=5,sticky:m=!1,disableAnchorTracking:h,alignItemWithTrigger:g=!0,collisionAvoidance:_=S,style:v,...y}=e,{store:b,listRef:x,labelsRef:C,alignItemWithTriggerActiveRef:w,selectedItemTextRef:T,valuesRef:E,initialValueRef:ee,popupRef:D,setValue:O}=X(),j=Ye(),M=k(b,Z.open),P=k(b,Z.mounted),F=k(b,Z.modal),I=k(b,Z.value),L=k(b,Z.openMethod),te=k(b,Z.positionerElement),z=k(b,Z.triggerElement),ne=k(b,Z.isItemEqualToValue),re=k(b,Z.transitionStatus),B=Y.useRef(null),V=Y.useRef(null),[ae,se]=Y.useState(g),H=P&&ae&&L!==`touch`;!P&&ae!==g&&se(g),R(()=>{P||(Z.scrollUpArrowVisible(b.state)&&b.set(`scrollUpArrowVisible`,!1),Z.scrollDownArrowVisible(b.state)&&b.set(`scrollDownArrowVisible`,!1))},[b,P]),Y.useImperativeHandle(w,()=>H),be((H||F)&&M,L===`touch`,te,z);let U=A({anchor:n,floatingRootContext:j,positionMethod:r,mounted:P,side:o,sideOffset:c,align:s,alignOffset:l,arrowPadding:p,collisionBoundary:u,collisionPadding:f,sticky:m,disableAnchorTracking:h??H,collisionAvoidance:_,keepMounted:!0}),ce=H?`none`:U.side,W=H?lt:U.positionerStyles,le={open:M,side:ce,align:U.align,anchorHidden:U.anchorHidden};R(()=>{b.set(`popupSide`,U.side)},[b,U.side]);let ue=ie(e,le,{styles:W,transitionStatus:re,props:y,refs:[t,N(e=>{b.set(`positionerElement`,e)})],hidden:!P,inert:!M}),K=Y.useRef(0),de=N(e=>{if(e.size===0&&K.current===0||E.current.length===0)return;let t=K.current;if(K.current=e.size,e.size===t)return;let n=d(oe);if(t!==0&&!b.state.multiple&&I!==null&&De(E.current,I,ne)===-1){let e=ee.current,t=e!=null&&De(E.current,e,ne)!==-1?e:null;O(t,n),t===null&&(b.set(`selectedIndex`,null),T.current=null)}if(t!==0&&b.state.multiple&&Array.isArray(I)){let e=e=>De(E.current,e,ne)!==-1,t=I.filter(t=>e(t));(t.length!==I.length||t.some(e=>!Te(I,e,ne)))&&(O(t,n),t.length===0&&(b.set(`selectedIndex`,null),T.current=null))}if(M&&H){b.update({scrollUpArrowVisible:!1,scrollDownArrowVisible:!1});let e={height:``};st(te,e),st(D.current,e)}}),fe=Y.useMemo(()=>({...U,side:ce,alignItemWithTriggerActive:H,setControlledAlignItemWithTrigger:se,scrollUpArrowRef:B,scrollDownArrowRef:V}),[U,ce,H,se]);return(0,Q.jsx)(J,{elementsRef:x,labelsRef:C,onMapChange:de,children:(0,Q.jsxs)(at.Provider,{value:fe,children:[P&&F&&(0,Q.jsx)(G,{inert:q(!M),cutout:z}),ue]})})}),dt={...ae,...v},ft=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:c,...l}=e,{store:u,popupRef:p,onOpenChangeComplete:m,setOpen:g,valueRef:_,firstItemTextRef:v,selectedItemTextRef:y,multiple:b,handleScrollArrowVisibility:S,scrollHandlerRef:C,listRef:w,highlightItemOnHover:T}=X(),{side:ee,align:O,alignItemWithTriggerActive:A,isPositioned:j,setControlledAlignItemWithTrigger:M}=ot(),P=ve(!0)!=null,F=Ye(),I=L(),{nonce:te,disableStyleElements:ne}=He(),re=k(u,Z.id),B=k(u,Z.open),V=k(u,Z.openMethod),ie=k(u,Z.mounted),ae=k(u,Z.popupProps),oe=k(u,Z.transitionStatus),se=k(u,Z.triggerElement),H=k(u,Z.positionerElement),U=k(u,Z.listElement),ce=Y.useRef(!1),W=Y.useRef(!1),le=Y.useRef({}),ue=a(),G=N(e=>{if(!H||!p.current||!W.current)return;if(ce.current||!A){S();return}let t=H.style.top===`0px`,n=H.style.bottom===`0px`;if(!t&&!n){S();return}let r=ht(H),i=gt(H.getBoundingClientRect().height,`y`,r),a=s(H),o=E(H),c=o.getComputedStyle(H),l=parseFloat(c.marginTop),u=parseFloat(c.marginBottom),d=pt(o.getComputedStyle(p.current)),f=Math.min(a.documentElement.clientHeight-l-u,d),m=e.scrollTop,h=mt(e),g=0,_=null,v=!1,y=!1,b=e=>{H.style.height=`${e}px`},x=(t,n)=>{let r=Ve(t,0,f-i);r>0&&b(i+r),e.scrollTop=n,f-(i+r)<=1&&(ce.current=!0),S()},C=t?h-m:m,w=Math.min(i+C,f);if(g=w,C<=1){x(C,t?h:0);return}if(f-w>1?t?y=!0:_=0:(v=!0,n&&m<h&&(_=m-(C-(i+C-f)))),g=Math.ceil(g),g!==0&&b(g),y||_!=null){let t=mt(e),n=y?t:Ve(_,0,t);Math.abs(e.scrollTop-n)>1&&(e.scrollTop=n)}(v||g>=f-1)&&(ce.current=!0),S()});Y.useImperativeHandle(C,()=>G,[G]),o({open:B,ref:p,onComplete(){B&&m?.(!0)}});let de={open:B,transitionStatus:oe,side:ee,align:O};R(()=>{!H||!p.current||Object.keys(le.current).length||(le.current={top:H.style.top||`0`,left:H.style.left||`0`,right:H.style.right,height:H.style.height,bottom:H.style.bottom,minHeight:H.style.minHeight,maxHeight:H.style.maxHeight,marginTop:H.style.marginTop,marginBottom:H.style.marginBottom})},[p,H]),R(()=>{B||A||(W.current=!1,ce.current=!1,st(H,le.current))},[B,A,H,p]),R(()=>{let e=p.current;if(!B||!se||!H||!e||A&&!j||u.state.transitionStatus===`ending`)return;if(!A){W.current=!0,ue.request(S),e.style.removeProperty(`--transform-origin`);return}let t=yt(e);e.style.removeProperty(`--transform-origin`);try{let t=y.current;t?.isConnected||(t=!Z.hasSelectedValue(u.state)&&v.current?.isConnected?v.current:null);let n=_.current,r=E(H),i=r.getComputedStyle(H),a=r.getComputedStyle(e),o=s(se),c=ht(se),l=_t(se.getBoundingClientRect(),c),d=_t(H.getBoundingClientRect(),c),f=l.height,p=U||e,m=p.scrollHeight,g=parseFloat(a.borderBottomWidth),b=parseFloat(i.marginTop)||10,x=parseFloat(i.marginBottom)||10,C=parseFloat(i.minHeight)||100,ee=pt(a),D=o.documentElement.clientHeight-b-x,O=o.documentElement.clientWidth,k=D-l.bottom+f,A,j=I===`rtl`?l.right-d.width:l.left,N=0;if(t&&n){let e=_t(n.getBoundingClientRect(),c);A=_t(t.getBoundingClientRect(),c),j=d.left+(I===`rtl`?e.right-A.right:e.left-A.left);let r=e.top-l.top+e.height/2;N=A.top-d.top+A.height/2-r}let P=k+N+x+g,F=Math.min(D,P),L=D-b-x,R=P-F,te=O-5;H.style.left=`${Ve(j,5,te-d.width)}px`,H.style.height=`${F}px`,H.style.maxHeight=`none`,H.style.marginTop=`${b}px`,H.style.marginBottom=`${x}px`,e.style.height=`100%`;let z=mt(p),ne=R>=z-1;ne&&(F=Math.min(D,d.height)-(R-z));let re=l.top<20||l.bottom>D-20||Math.ceil(F)+1<Math.min(m,C),B=(r.visualViewport?.scale??1)!==1&&h;if(re||B){W.current=!0,st(H,le.current),M(!1);return}let V=Math.max(C,F);if(ne){let e=Math.max(0,D-P);H.style.top=d.height>=L?`0`:`${e}px`,H.style.height=`${F}px`,p.scrollTop=mt(p)}else H.style.bottom=`0`,p.scrollTop=R;if(A){let t=d.top,n=d.height,r=A.top+A.height/2,i=Ve(n>0?(r-t)/n*100:50,0,100);e.style.setProperty(`--transform-origin`,`50% ${i}%`)}(V===D||F>=ee)&&(ce.current=!0),S(),T&&u.state.selectedIndex===null&&u.state.activeIndex===null&&w.current[0]!=null&&u.set(`activeIndex`,0),W.current=!0}finally{t()}},[u,B,H,se,_,v,y,p,S,A,M,ue,U,w,T,I,j]),Y.useEffect(()=>{if(!A||!H||!B)return;let e=E(H);function t(e){g(!1,d(f,e))}return x(e,`resize`,t)},[g,A,H,B]);let fe={...U?{role:`presentation`,"aria-orientation":void 0}:{role:`listbox`,"aria-multiselectable":b||void 0,id:`${re}-list`},onKeyDown(e){P&&ye.has(e.key)&&e.stopPropagation()},onScroll(e){U||G(e.currentTarget)},...A&&{style:U?{height:`100%`}:ct}},pe=z(`div`,e,{ref:[t,p],state:de,stateAttributesMapping:dt,props:[ae,fe,D(oe),{className:!U&&A?Ge.className:void 0},l]});return(0,Q.jsxs)(Y.Fragment,{children:[!ne&&Ge.getElement(te),(0,Q.jsx)(K,{context:F,modal:!1,disabled:!ie,openInteractionType:V,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 w.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=k(o,Z.hasScrollArrows),u=k(o,Z.openMethod),d=k(o,Z.multiple),f={id:`${k(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 z(`div`,e,{ref:[t,N(e=>{o.set(`listElement`,e)})],props:[f,a]})}),xt=Y.createContext(void 0);function St(){let e=Y.useContext(xt);if(!e)throw Error(j(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),f=ge({label:o,textRef:u,indexGuessBehavior:_e.GuessFromOrder}),{store:p,itemProps:m,setOpen:h,setValue:g,selectionRef:_,typingRef:v,valuesRef:y,multiple:b,selectedItemTextRef:x,disabled:S,readOnly:C}=X(),w=k(p,Z.isActive,f.index),T=k(p,Z.open),E=k(p,Z.isSelected,a),ee=k(p,Z.isSelectedByFocus,f.index),D=k(p,Z.isItemEqualToValue),O=f.index,A=O!==-1,j=Y.useRef(null);R(()=>{if(!A)return;let e=y.current;return e[O]=a,()=>{delete e[O]}},[A,O,a,y]),R(()=>{if(!A)return;let e=p.state.value,t=e;b&&Array.isArray(e)&&(t=e.length>0?e[e.length-1]:void 0),t!==void 0&&Ae(a,t,D)&&(p.set(`selectedIndex`,O),u.current&&(x.current=u.current))},[A,O,b,D,p,a,x]);let M=Y.useRef(null),N=Y.useRef(`mouse`),P=Y.useRef(!1),{getButtonProps:F,buttonRef:L}=I({disabled:s,focusableWhenDisabled:!0,native:c,composite:!0}),te={disabled:s,selected:E,highlighted:w};function ne(e){if(S||C)return;let t=p.state.value;if(b){let n=Array.isArray(t)?t:[];g(E?Me(n,a,D):[...n,a],d(re,e))}else g(a,d(re,e)),h(!1,d(re,e))}function B(){_.current.dragY=0}let V={role:`option`,"aria-selected":E,tabIndex:T&&w?0:-1,onKeyDown(e){M.current=e.key,p.set(`activeIndex`,O),e.key===` `&&v.current&&e.preventDefault()},onClick(e){let t=e.type===`click`&&N.current!==`touch`,n=e.nativeEvent.pointerType,r=t&&H(e.nativeEvent)&&(n!==void 0||w),i=t&&!r&&!P.current;P.current=!1,!(e.type===`keydown`&&M.current===null)&&(s||e.type===`keydown`&&M.current===` `&&v.current||i||(M.current=null,ne(e.nativeEvent)))},onPointerEnter(e){N.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){N.current=e.pointerType,P.current=!0,B()},onMouseUp(){if(B(),s||N.current===`touch`||P.current)return;let e=!_.current.allowSelectedMouseUp&&E,t=!_.current.allowUnselectedMouseUp&&!E;e||t||(P.current=!0,j.current?.click(),P.current=!1)}},ie=z(`div`,e,{ref:[L,t,f.ref,j],state:te,props:[m,V,l,F]}),ae=Y.useMemo(()=>({selected:E,index:O,textRef:u,selectedByFocus:ee,hasRegistered:A}),[E,O,u,ee,A]);return(0,Q.jsx)(xt.Provider,{value:ae,children:ie})})),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=z(`span`,e,{ref:[t,l],state:{selected:c,transitionStatus:u},props:[{"aria-hidden":!0,children:`✔️`},s],stateAttributesMapping:v});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 z(`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:b}=ot(),x=k(u,l?Z.scrollUpArrowVisible:Z.scrollDownArrowVisible),S=k(u,Z.openMethod),C=x&&S!==`touch`,w=y(),T=l?b:g,{mounted:E,transitionStatus:ee,setMounted:D}=_(C);R(()=>(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:C,ref:T,onComplete(){C||D(!1)}});let O=z(`div`,e,{ref:[t,T],state:{direction:a,visible:C,side:h,transitionStatus:ee},props:[{"aria-hidden":!0,children:l?`▲`:`▼`,style:{position:`absolute`},onMouseMove(e){if(e.movementX===0&&e.movementY===0||w.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){w.clear();return}if(a.length>0){let t=T.current?.offsetHeight||0;e.scrollTop=Ot(a,l,r,e.clientHeight,t,n)}w.start(40,t)}w.start(40,t)},onMouseLeave(){w.clear()}},c],stateAttributesMapping:v});return E||s?O: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=z(`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)(U,{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)(p,{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)(ce,{})})}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)(U,{})})}export{It as a,Rt as i,Lt as n,Ft as o,Pt as r,Nt as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Yr as n}from"./example-CTJ8AdNR.js";import{k as r,n as i,s as a}from"./index-DaYVSqKu.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./select-CNzpb5ug.js";import{i as f,n as p}from"./form-sizing-DHUDpiPA.js";var m=e(t(),1),h=a(),g={placeholder:`Select an option`},_=`__select_empty__`,v=e=>e===``||e===null?_:e??void 0,y=e=>{if(e!==_)return e},b=(0,m.memo)((0,m.forwardRef)(({options:e,placeholder:t,strings:a,allowClear:b=!1,invalid:x,size:S,className:C,onChange:w,disabled:T,defaultOpen:E,open:D,onOpenChange:O,name:k,required:A,"aria-label":j,value:M,defaultValue:N},P)=>{let F=r(g,a),{defaultControlSize:I}=n(),L=f(S,I),R=t??F.placeholder,z=(0,m.useMemo)(()=>{let t=e.map(e=>({...e,value:v(e.value)??``}));return b&&(t.some(e=>e.value===_)||t.unshift({label:R,value:_})),t},[e,b,R]),B=(0,m.useMemo)(()=>v(M),[M]),V=(0,m.useMemo)(()=>v(N),[N]),H=(0,m.useMemo)(()=>{let e=B??V;if(e!==void 0)return z.find(t=>t.value===e)?.label},[V,z,B]),U=(0,m.useCallback)(e=>{e!==null&&w?.(y(e))},[w]),W=!!x;return(0,h.jsxs)(d,{onValueChange:e=>U(e),disabled:T,defaultOpen:E,open:D,onOpenChange:O,name:k,required:A,value:B,defaultValue:V,children:[(0,h.jsx)(o,{ref:P,"aria-label":j,"aria-invalid":W||void 0,className:i(`select--component`,`flex w-full items-center justify-between rounded-radius border px-3 py-1 !shadow-none`,`transition-[color,box-shadow] outline-none`,p[L],`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`,C),children:(0,h.jsx)(l,{placeholder:R,children:H})}),(0,h.jsx)(c,{children:(0,h.jsx)(u,{children:z.map(e=>(0,h.jsxs)(s,{value:e.value,disabled:e.disabled,children:[!!e.icon&&(0,h.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,h.jsx)(`span`,{className:`h-4 w-4 shrink-0`,children:e.icon}),e.label]}),!e.icon&&e.label]},e.value))})})]})}));b.displayName=`Select`;export{b as t};