admin-ui-starter-kit 0.1.4 → 0.4.2

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

@@ -0,0 +1,124 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,t as o}from"./example-BIrQab7K.js";import{t as s}from"./rich-text-editor-Bha0lSKT.js";import{s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.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)(r,{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)(i,{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)(a,{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)(a,{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-7aUlKQpX.js

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

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

@@ -0,0 +1,325 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s}from"./example-BIrQab7K.js";import{t as c}from"./bell-Dt3Nz2y2.js";import{t as l}from"./earth-C7n2JAYm.js";import{t as u}from"./lock-keyhole-M6KZ_7RC.js";import{t as d}from"./mail-w1nhszbW.js";import{t as f}from"./package-check-CT0dhSM8.js";import{t as p}from"./shield-check-CRbBJXw2.js";import{t as m}from"./sliders-horizontal-C8RwUn0S.js";import{t as h}from"./sparkles-DFJmoAFP.js";import{a as g,k as _,n as v,s as y}from"./index-Cz4UGUT2.js";import{t as b}from"./props-table-BR-KjRNe.js";import{t as x}from"./smart-card-B4P_C0nk.js";import{t as S}from"./input-BPDdWrB1.js";import{t as C}from"./textarea-BGHGV17m.js";import{t as w}from"./select-t6dryszf.js";import{i as ee,n as te,r as T,t as E}from"./tags-input-DRlg3zQH.js";import{n as D,t as ne}from"./card-radio-group-Du6yaMZ-.js";import{n as O}from"./form-field-Cxm4APa9.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)(r,{weight:`semibold`,children:e}),(0,V.jsx)(r,{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)(r,{weight:`semibold`,className:`schema-form--section-title`,children:e.title}),!!e.description&&(0,V.jsx)(r,{size:`xs`,type:`secondary`,className:`schema-form--section-description`,children:e.description})]})}function J({schema:e,value:t,defaultValue:n,errors:i,disabled:a=!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:i,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=a||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},i=(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:i})??i},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:a,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(),!(a||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)(r,{weight:`semibold`,className:`schema-form--title`,children:u??e.title}),!!(d??e.description)&&(0,V.jsx)(r,{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,i]=(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=>i(e),onReset:()=>{t({}),i(null)},footerSlot:n?(0,V.jsxs)(r,{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)(i,{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)(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)(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-B0wmaMAD.js

@@ -0,0 +1,32 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{t as a}from"./scroll-area-CgXTHlpJ.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-CgXTHlpJ.js

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

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{A as n,Fn as r,Ft as i,G as a,Gn as o,H as s,Ht as c,It as l,Jn as u,K as d,Ln as f,Mt as p,On as m,Pt as h,Qn as g,R as _,Rn as v,Rt as y,T as ee,V as b,Vt as x,Wt as S,X as C,Y as w,Z as T,Zn as E,ar as te,at as D,b as O,cr as k,ct as A,d as j,f as M,hn as N,ir as P,jr as F,m as ne,mn as re,nr as ie,qn as I,rn as ae,rr as L,sn as oe,tr as R,u as se,v as z,xn as ce,y as le,zt as B}from"./example-BIrQab7K.js";import{t as V}from"./chevron-down-CSn8HCwf.js";import{t as H}from"./chevron-up-CeFY6O0I.js";import{n as U,s as W}from"./index-Cz4UGUT2.js";import{a as ue,i as de,o as G,t as fe}from"./useOpenInteractionType-eyZ6twES.js";import{n as pe,r as me,t as he}from"./getPseudoElementBounds-Bznj386s.js";import{t as K}from"./inertValue-BVXUUuS4.js";import{t as ge}from"./useControlled-Cpg8gDqb.js";import{n as q,r as _e,t as J}from"./useCompositeListItem-CcY0U1bY.js";import{o as ve}from"./composite-B-19wwf9.js";import{t as ye}from"./ToolbarRootContext-AV8xAl2m.js";import{t as be}from"./useAnchoredPopupScrollLock-DLXArfPo.js";import{t as xe}from"./useValueChanged-Bz3WRSDy.js";import{a as Se,c as Ce,d as we,i as Te,l as Ee,o as De,r as Oe,s as ke,t as Ae,u as je}from"./resolveValueLabel-CGuVi0Dj.js";import{a as Me,n as Ne,s as Pe,t as Fe}from"./LabelableContext-CDv6gSfU.js";import{t as Ie}from"./FormContext-lmjYAh4E.js";import{t as Le}from"./useLabelableId-Czdg4nY8.js";import{n as Re}from"./resolveAriaLabelledBy-B2ZzrlGb.js";import{n as ze,t as Be}from"./CSPContext-ImKusJJ_.js";import{n as Ve,r as He,t as Ue}from"./styles-BStlbPXe.js";var Y=e(t());function We(e){let[t,n]=Y.useState({current:e,previous:null});return e!==t.current&&n({current:e,previous:t.current}),t.previous}var Ge=Y.createContext(null),Ke=Y.createContext(null);function X(){let e=Y.useContext(Ge);if(e===null)throw Error(R(60));return e}function qe(){let e=Y.useContext(Ke);if(e===null)throw Error(R(61));return e}var Z={id:w(e=>e.id),labelId:w(e=>e.labelId),modal:w(e=>e.modal),multiple:w(e=>e.multiple),items:w(e=>e.items),itemToStringLabel:w(e=>e.itemToStringLabel),itemToStringValue:w(e=>e.itemToStringValue),isItemEqualToValue:w(e=>e.isItemEqualToValue),value:w(e=>e.value),hasSelectedValue:w(e=>{let{value:t,multiple:n,itemToStringValue:r}=e;return t==null?!1:n&&Array.isArray(t)?t.length>0:De(t,r)!==``}),hasNullItemLabel:w((e,t)=>t?Ae(e.items):!1),open:w(e=>e.open),mounted:w(e=>e.mounted),forceMount:w(e=>e.forceMount),transitionStatus:w(e=>e.transitionStatus),openMethod:w(e=>e.openMethod),activeIndex:w(e=>e.activeIndex),selectedIndex:w(e=>e.selectedIndex),isActive:w((e,t)=>e.activeIndex===t),isSelected:w((e,t,n)=>{let r=e.isItemEqualToValue,i=e.value;return e.multiple?Array.isArray(i)&&i.some(e=>ke(n,e,r)):e.selectedIndex===t&&e.selectedIndex!==null?!0:ke(n,i,r)}),isSelectedByFocus:w((e,t)=>e.selectedIndex===t),popupProps:w(e=>e.popupProps),triggerProps:w(e=>e.triggerProps),triggerElement:w(e=>e.triggerElement),positionerElement:w(e=>e.positionerElement),listElement:w(e=>e.listElement),popupSide:w(e=>e.popupSide),scrollUpArrowVisible:w(e=>e.scrollUpArrowVisible),scrollDownArrowVisible:w(e=>e.scrollDownArrowVisible),hasScrollArrows:w(e=>e.hasScrollArrows)},Q=W();function Je(e){let{id:t,value:r,defaultValue:o=null,onValueChange:l,open:f,defaultOpen:p=!1,onOpenChange:m,name:g,form:y,autoComplete:b,disabled:x=!1,readOnly:S=!1,required:C=!1,modal:w=!0,actionsRef:D,inputRef:O,onOpenChangeComplete:k,items:A,multiple:j=!1,itemToStringLabel:M,itemToStringValue:N,isItemEqualToValue:F=Ce,highlightItemOnHover:ne=!0,children:re}=e,{clearErrors:ae}=Ie(),{setDirty:R,setTouched:se,setFocused:z,shouldValidateOnChange:ce,validityData:le,setFilled:V,name:H,disabled:U,validation:W,validationMode:de}=Me(),G=Le({id:t}),he=U||x,K=H??g,[q,_e]=ge({controlled:r,default:j?o??I:o,name:`Select`,state:`value`}),[J,ve]=ge({controlled:f,default:p,name:`Select`,state:`open`}),ye=Y.useRef([]),be=Y.useRef([]),we=Y.useRef(null),Te=Y.useRef(null),Oe=Y.useRef(0),ke=Y.useRef(null),Ae=Y.useRef([]),je=Y.useRef(!1),Pe=Y.useRef(!1),Fe=Y.useRef(null),Re=Y.useRef(null),ze=Y.useRef({allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0}),Be=Y.useRef(!1),{mounted:Ue,setMounted:X,transitionStatus:qe}=s(J),{openMethod:Je,triggerProps:Ye}=fe(J),$=te(()=>new a({id:G,labelId:void 0,modal:w,multiple:j,itemToStringLabel:M,itemToStringValue:N,isItemEqualToValue:F,value:q,open:J,mounted:Ue,transitionStatus:qe,items:A,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,Xe=d($,Z.activeIndex),Ze=d($,Z.selectedIndex),Qe=d($,Z.triggerElement),$e=d($,Z.positionerElement),et=We(Je),tt=Je??et,nt=Y.useMemo(()=>j&&Array.isArray(q)&&q.length===0?``:De(q,N),[j,q,N]),rt=Y.useMemo(()=>j&&Array.isArray(q)?q.map(e=>De(e,N)):De(q,N),[j,q,N]);Ne(B($.state.triggerElement),G,q,P(()=>rt));let it=Y.useRef(q),at=j?Array.isArray(q)&&q.length>0:q!=null;L(()=>{q!==it.current&&$.set(`forceMount`,!0)},[$,q]),L(()=>{V(at)},[at,V]),L(function(){let e=Ae.current,t;if(j){let n=Array.isArray(q)?q:[];if(n.length===0)t=null;else{let r=n[n.length-1],i=Ee(e,r,F);t=i===-1?null:i}}else{let n=Ee(e,q,F);t=n===-1?null:n}t===null&&(Re.current=null),!J&&$.set(`selectedIndex`,t)},[at,j,J,q,Ae,F,$,Re]),xe(q,()=>{ae(K),R(q!==le.initialValue),ce()?W.commit(q):W.commit(q,!0)});let ot=P((e,t)=>{if(m?.(e,t),!t.isCanceled&&(ve(e),!e&&(t.reason===`focus-out`||t.reason===`outside-press`)&&(se(!0),z(!1),de===`onBlur`&&W.commit(q)),!e&&$.state.activeIndex!==null)){let e=ye.current[$.state.activeIndex];queueMicrotask(()=>{e?.setAttribute(`tabindex`,`-1`)})}}),st=P(()=>{X(!1),$.update({activeIndex:null,openMethod:null}),k?.(!1)});_({enabled:!D,open:J,ref:we,onComplete(){J||st()}}),Y.useImperativeHandle(D,()=>({unmount:st}),[st]);let ct=P((e,t)=>{l?.(e,t),!t.isCanceled&&_e(e)}),lt=P(()=>{let e=$.state.listElement||we.current;if(!e)return;let t=Ve(e.scrollHeight,e.clientHeight),n=He(e.scrollTop,t),r=n>0,i=n<t;$.state.scrollUpArrowVisible!==r&&$.set(`scrollUpArrowVisible`,r),$.state.scrollDownArrowVisible!==i&&$.set(`scrollDownArrowVisible`,i)}),ut=ee({open:J,onOpenChange:ot,elements:{reference:Qe,floating:$e}}),dt=ue(ut,{enabled:!S&&!he,event:`mousedown`}),ft=T(ut),pt=me(ut,{enabled:!S&&!he,listRef:ye,activeIndex:Xe,selectedIndex:Ze,disabledIndices:I,onNavigate(e){e===null&&!J||$.set(`activeIndex`,e)},focusItemOnHover:ne}),mt=pe(ut,{enabled:!S&&!he&&(J||!j),listRef:be,activeIndex:Xe,selectedIndex:Ze,onMatch(e){J?$.set(`activeIndex`,e):ct(Ae.current[e],c(`none`))},onTyping(e){je.current=e}}),ht=Y.useMemo(()=>{let e=ie(mt.reference,pt.reference,ft.reference,dt.reference,Ye);return G&&(e.id=G),e},[dt.reference,mt.reference,pt.reference,ft.reference,Ye,G]),gt=Y.useMemo(()=>ie(n,mt.floating,pt.floating,ft.floating),[mt.floating,pt.floating,ft.floating]),_t=pt.item??u;v(()=>{$.update({popupProps:gt,triggerProps:ht})}),L(()=>{$.update({id:G,modal:w,multiple:j,value:q,open:J,mounted:Ue,transitionStatus:qe,popupProps:gt,triggerProps:ht,items:A,itemToStringLabel:M,itemToStringValue:N,isItemEqualToValue:F,openMethod:tt})},[$,G,w,j,q,J,Ue,qe,gt,ht,A,M,N,F,tt]);let vt=Y.useMemo(()=>({store:$,name:K,required:C,disabled:he,readOnly:S,multiple:j,highlightItemOnHover:ne,setValue:ct,setOpen:ot,listRef:ye,popupRef:we,scrollHandlerRef:Te,handleScrollArrowVisibility:lt,scrollArrowsMountedCountRef:Oe,itemProps:_t,events:ut.context.events,valueRef:ke,valuesRef:Ae,labelsRef:be,typingRef:je,selectionRef:ze,firstItemTextRef:Fe,selectedItemTextRef:Re,validation:W,onOpenChangeComplete:k,keyboardActiveRef:Pe,alignItemWithTriggerActiveRef:Be,initialValueRef:it}),[$,K,C,he,S,j,ne,ct,ot,_t,ut.context.events,W,k,lt]),yt=E(O,W.inputRef),bt=j&&Array.isArray(q)&&q.length>0,xt=j?void 0:K,St=Y.useMemo(()=>!j||!Array.isArray(q)||!K?null:q.map(e=>{let t=De(e,N);return(0,Q.jsx)(`input`,{type:`hidden`,form:y,name:K,value:t},t)}),[j,q,y,K,N]);return(0,Q.jsx)(Ge.Provider,{value:vt,children:(0,Q.jsxs)(Ke.Provider,{value:ut,children:[re,(0,Q.jsx)(`input`,{...W.getInputValidationProps({onFocus(){$.state.triggerElement?.focus({focusVisible:!0})},onChange(e){if(e.nativeEvent.defaultPrevented||he||S){e.preventBaseUIHandler?.();return}let t=e.currentTarget.value,n=c(oe,e.nativeEvent);function r(){if(j)return;let e=Ae.current.find(e=>De(e,N).toLowerCase()===t.toLowerCase()||Se(e,M).toLowerCase()===t.toLowerCase());e!=null&&(R(e!==le.initialValue),ct(e,n),ce()&&W.commit(e))}$.set(`forceMount`,!0),queueMicrotask(r)}}),id:G&&xt==null?`${G}-hidden-input`:void 0,form:y,name:xt,autoComplete:b,value:nt,disabled:he,required:C&&!bt,readOnly:S,ref:yt,style:K?i:h,tabIndex:-1,"aria-hidden":!0,suppressHydrationWarning:!0}),St]})})}var Ye=2,$=400,Xe={...le,...Pe,popupSide:e=>e?{"data-popup-side":e}:null,value:()=>null},Ze=Y.forwardRef(function(e,t){let{render:n,className:r,id:i,disabled:a=!1,nativeButton:s=!0,style:u,...p}=e,{setTouched:m,setFocused:h,validationMode:_,state:v,disabled:y}=Me(),{labelId:ee}=Fe(),{store:b,setOpen:x,selectionRef:C,validation:w,readOnly:T,required:te,alignItemWithTriggerActiveRef:D,disabled:O,keyboardActiveRef:k}=X(),A=y||O||a,j=d(b,Z.open),M=d(b,Z.mounted),F=d(b,Z.value),ne=d(b,Z.triggerProps),re=d(b,Z.positionerElement),I=d(b,Z.listElement),ae=d(b,Z.popupSide),L=d(b,Z.id),R=d(b,Z.labelId),se=d(b,Z.hasSelectedValue),z=M&&re?ae:null,le=i??L,V=Re(ee,R);Le({id:le});let H=B(re),U=Y.useRef(null),{getButtonProps:W,buttonRef:ue}=g({disabled:A,native:s}),de=E(t,U,ue,P(e=>{b.set(`triggerElement`,e)})),G=f(),fe=f(),pe=f();Y.useEffect(()=>{if(j)return pe.start($,()=>{C.current.allowUnselectedMouseUp=!0,C.current.allowSelectedMouseUp=!0}),()=>{pe.clear()};C.current={allowSelectedMouseUp:!1,allowUnselectedMouseUp:!1,dragY:0},fe.clear()},[j,C,fe,pe]);let me=ie(ne,{id:le,role:`combobox`,"aria-expanded":j?`true`:`false`,"aria-haspopup":`listbox`,"aria-controls":j?I?.id??N(re)?.id:void 0,"aria-labelledby":V,"aria-readonly":T||void 0,"aria-required":te||void 0,tabIndex:A?-1:0,ref:de,onFocus(e){h(!0),j&&D.current&&x(!1,c(oe,e.nativeEvent)),G.start(0,()=>{b.set(`forceMount`,!0)})},onBlur(e){ce(re,e.relatedTarget)||(m(!0),h(!1),_===`onBlur`&&w.commit(F))},onPointerMove(){k.current=!1},onKeyDown(){k.current=!0},onMouseDown(e){if(j)return;let t=l(e.currentTarget);function n(e){if(!U.current)return;let t=e.target;if(ce(U.current,t)||ce(H.current,t)||t===U.current)return;let n=he(U.current);e.clientX>=n.left-Ye&&e.clientX<=n.right+Ye&&e.clientY>=n.top-Ye&&e.clientY<=n.bottom+Ye||x(!1,c(S,e))}fe.start(0,()=>{t.addEventListener(`mouseup`,n,{once:!0})})}},w.getValidationProps,p,W);me.role=`combobox`;let K={...v,open:j,disabled:A,value:F,readOnly:T,popupSide:z,placeholder:!se};return o(`button`,e,{ref:[t,U],state:K,stateAttributesMapping:Xe,props:me})}),Qe={value:()=>null},$e=Y.forwardRef(function(e,t){let{className:n,render:r,children:i,placeholder:a,style:s,...c}=e,{store:l,valueRef:u}=X(),f=d(l,Z.value),p=d(l,Z.items),m=d(l,Z.itemToStringLabel),h=d(l,Z.hasSelectedValue),g=!h&&a!=null&&i==null,_=d(l,Z.hasNullItemLabel,g),v={value:f,placeholder:!h},y=null;return y=typeof i==`function`?i(f):i??(!h&&a!=null&&!_?a:Array.isArray(f)?Oe(f,p,m):Te(f,p,m)),o(`span`,e,{state:v,ref:[t,u],props:[{children:y},c],stateAttributesMapping:Qe})}),et=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:s}=X();return o(`span`,e,{state:{open:d(s,Z.open)},ref:t,props:[{"aria-hidden":!0,children:`▼`},a],stateAttributesMapping:O})}),tt=Y.createContext(void 0),nt=Y.forwardRef(function(e,t){let{store:n}=X(),r=d(n,Z.mounted),i=d(n,Z.forceMount);return r||i?(0,Q.jsx)(tt.Provider,{value:!0,children:(0,Q.jsx)(D,{ref:t,...e})}):null}),rt=Y.createContext(void 0);function it(){let e=Y.useContext(rt);if(!e)throw Error(R(59));return e}function at(e,t){e&&Object.assign(e.style,t)}var ot={position:`relative`,maxHeight:`100%`,overflowX:`hidden`,overflowY:`auto`},st={position:`fixed`},ct=Y.forwardRef(function(e,t){let{anchor:n,positionMethod:r=`absolute`,className:i,render:a,side:o=`bottom`,align:s=`center`,sideOffset:l=0,alignOffset:u=0,collisionBoundary:f=`clipping-ancestors`,collisionPadding:p,arrowPadding:m=5,sticky:h=!1,disableAnchorTracking:g,alignItemWithTrigger:_=!0,collisionAvoidance:v=A,style:y,...ee}=e,{store:b,listRef:x,labelsRef:S,alignItemWithTriggerActiveRef:C,selectedItemTextRef:w,valuesRef:T,initialValueRef:E,popupRef:te,setValue:D}=X(),O=qe(),k=d(b,Z.open),j=d(b,Z.mounted),N=d(b,Z.modal),F=d(b,Z.value),ne=d(b,Z.openMethod),re=d(b,Z.positionerElement),ie=d(b,Z.triggerElement),I=d(b,Z.isItemEqualToValue),ae=d(b,Z.transitionStatus),R=Y.useRef(null),z=Y.useRef(null),[ce,le]=Y.useState(_),B=j&&ce&&ne!==`touch`;!j&&ce!==_&&le(_),L(()=>{j||(Z.scrollUpArrowVisible(b.state)&&b.set(`scrollUpArrowVisible`,!1),Z.scrollDownArrowVisible(b.state)&&b.set(`scrollDownArrowVisible`,!1))},[b,j]),Y.useImperativeHandle(C,()=>B),be((B||N)&&k,ne===`touch`,re,ie);let V=M({anchor:n,floatingRootContext:O,positionMethod:r,mounted:j,side:o,sideOffset:l,align:s,alignOffset:u,arrowPadding:m,collisionBoundary:f,collisionPadding:p,sticky:h,disableAnchorTracking:g??B,collisionAvoidance:v,keepMounted:!0}),H=B?`none`:V.side,U=B?st:V.positionerStyles,W={open:k,side:H,align:V.align,anchorHidden:V.anchorHidden};L(()=>{b.set(`popupSide`,V.side)},[b,V.side]);let ue=se(e,W,{styles:U,transitionStatus:ae,props:ee,refs:[t,P(e=>{b.set(`positionerElement`,e)})],hidden:!j,inert:!k}),G=Y.useRef(0),fe=P(e=>{if(e.size===0&&G.current===0||T.current.length===0)return;let t=G.current;if(G.current=e.size,e.size===t)return;let n=c(oe);if(t!==0&&!b.state.multiple&&F!==null&&Ee(T.current,F,I)===-1){let e=E.current,t=e!=null&&Ee(T.current,e,I)!==-1?e:null;D(t,n),t===null&&(b.set(`selectedIndex`,null),w.current=null)}if(t!==0&&b.state.multiple&&Array.isArray(F)){let e=e=>Ee(T.current,e,I)!==-1,t=F.filter(t=>e(t));(t.length!==F.length||t.some(e=>!we(F,e,I)))&&(D(t,n),t.length===0&&(b.set(`selectedIndex`,null),w.current=null))}if(k&&B){b.update({scrollUpArrowVisible:!1,scrollDownArrowVisible:!1});let e={height:``};at(re,e),at(te.current,e)}}),pe=Y.useMemo(()=>({...V,side:H,alignItemWithTriggerActive:B,setControlledAlignItemWithTrigger:le,scrollUpArrowRef:R,scrollDownArrowRef:z}),[V,H,B,le]);return(0,Q.jsx)(_e,{elementsRef:x,labelsRef:S,onMapChange:fe,children:(0,Q.jsxs)(rt.Provider,{value:pe,children:[j&&N&&(0,Q.jsx)(de,{inert:K(!k),cutout:ie}),ue]})})}),lt={...z,...b},ut=Y.forwardRef(function(e,t){let{render:n,className:i,style:a,finalFocus:s,...u}=e,{store:f,popupRef:p,onOpenChangeComplete:m,setOpen:h,valueRef:g,firstItemTextRef:v,selectedItemTextRef:ee,keyboardActiveRef:b,multiple:S,handleScrollArrowVisibility:C,scrollHandlerRef:w,listRef:T,highlightItemOnHover:E}=X(),{side:te,align:D,alignItemWithTriggerActive:O,isPositioned:A,setControlledAlignItemWithTrigger:M,scrollDownArrowRef:N,scrollUpArrowRef:F}=it(),ie=ye(!0)!=null,I=qe(),ae=ne(),{nonce:oe,disableStyleElements:R}=Be(),se=d(f,Z.id),z=d(f,Z.open),ce=d(f,Z.mounted),le=d(f,Z.popupProps),B=d(f,Z.transitionStatus),V=d(f,Z.triggerElement),H=d(f,Z.positionerElement),U=d(f,Z.listElement),W=Y.useRef(!1),ue=Y.useRef(!1),de=Y.useRef({}),fe=y(),pe=P(e=>{if(!H||!p.current||!ue.current)return;if(W.current||!O){C();return}let t=H.style.top===`0px`,n=H.style.bottom===`0px`;if(!t&&!n){C();return}let r=pt(H),i=mt(H.getBoundingClientRect().height,`y`,r),a=l(H),o=getComputedStyle(H),s=parseFloat(o.marginTop),c=parseFloat(o.marginBottom),u=dt(getComputedStyle(p.current)),d=Math.min(a.documentElement.clientHeight-s-c,u),f=e.scrollTop,m=ft(e),h=0,g=null,_=!1,v=!1,y=e=>{H.style.height=`${e}px`},ee=(t,n)=>{let r=ze(t,0,d-i);r>0&&y(i+r),e.scrollTop=n,d-(i+r)<=1&&(W.current=!0),C()},b=t?m-f:f,x=Math.min(i+b,d);if(h=x,b<=1){ee(b,t?m:0);return}if(d-x>1?t?v=!0:g=0:(_=!0,n&&f<m&&(g=f-(b-(i+b-d)))),h=Math.ceil(h),h!==0&&y(h),v||g!=null){let t=ft(e),n=v?t:ze(g,0,t);Math.abs(e.scrollTop-n)>1&&(e.scrollTop=n)}(_||h>=d-1)&&(W.current=!0),C()});Y.useImperativeHandle(w,()=>pe,[pe]),_({open:z,ref:p,onComplete(){z&&m?.(!0)}});let me={open:z,transitionStatus:B,side:te,align:D};L(()=>{!H||!p.current||Object.keys(de.current).length||(de.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]),L(()=>{z||O||(ue.current=!1,W.current=!1,at(H,de.current))},[z,O,H,p]),L(()=>{let e=p.current;if(!z||!V||!H||!e||O&&!A||f.state.transitionStatus===`ending`)return;if(!O){ue.current=!0,fe.request(C),e.style.removeProperty(`--transform-origin`);return}let t=_t(e);e.style.removeProperty(`--transform-origin`);try{let t=ee.current;t?.isConnected||(t=!Z.hasSelectedValue(f.state)&&v.current?.isConnected?v.current:null);let n=g.current,i=getComputedStyle(H),a=getComputedStyle(e),o=l(V),s=k(H),c=pt(V),u=ht(V.getBoundingClientRect(),c),d=ht(H.getBoundingClientRect(),c),p=u.height,m=U||e,h=m.scrollHeight,_=parseFloat(a.borderBottomWidth),y=parseFloat(i.marginTop)||10,b=parseFloat(i.marginBottom)||10,x=parseFloat(i.minHeight)||100,S=dt(a),w=o.documentElement.clientHeight-y-b,te=o.documentElement.clientWidth,D=w-u.bottom+p,O,A=ae===`rtl`?u.right-d.width:u.left,j=0;if(t&&n){let e=ht(n.getBoundingClientRect(),c);O=ht(t.getBoundingClientRect(),c),A=d.left+(ae===`rtl`?e.right-O.right:e.left-O.left);let r=e.top-u.top+e.height/2;j=O.top-d.top+O.height/2-r}let N=D+j+b+_,P=Math.min(w,N),F=w-y-b,ne=N-P,re=te-5;H.style.left=`${ze(A,5,re-d.width)}px`,H.style.height=`${P}px`,H.style.maxHeight=`auto`,H.style.marginTop=`${y}px`,H.style.marginBottom=`${b}px`,e.style.height=`100%`;let ie=ft(m),I=ne>=ie-1;I&&(P=Math.min(w,d.height)-(ne-ie));let L=u.top<20||u.bottom>w-20||Math.ceil(P)+1<Math.min(h,x),oe=(s.visualViewport?.scale??1)!==1&&r;if(L||oe){ue.current=!0,at(H,de.current),M(!1);return}let R=Math.max(x,P);if(I){let e=Math.max(0,w-N);H.style.top=d.height>=F?`0`:`${e}px`,H.style.height=`${P}px`,m.scrollTop=ft(m)}else H.style.bottom=`0`,m.scrollTop=ne;if(O){let t=d.top,n=d.height,r=O.top+O.height/2,i=ze(n>0?(r-t)/n*100:50,0,100);e.style.setProperty(`--transform-origin`,`50% ${i}%`)}(R===w||P>=S)&&(W.current=!0),C(),E&&f.state.selectedIndex===null&&f.state.activeIndex===null&&T.current[0]!=null&&f.set(`activeIndex`,0),ue.current=!0}finally{t()}},[f,z,H,V,g,v,ee,p,C,O,M,fe,N,F,U,T,E,ae,A]),Y.useEffect(()=>{if(!O||!H||!z)return;let e=k(H);function t(e){h(!1,c(re,e))}return x(e,`resize`,t)},[h,O,H,z]);let he={...U?{role:`presentation`,"aria-orientation":void 0}:{role:`listbox`,"aria-multiselectable":S||void 0,id:`${se}-list`},onKeyDown(e){b.current=!0,ie&&ve.has(e.key)&&e.stopPropagation()},onMouseMove(){b.current=!1},onScroll(e){U||pe(e.currentTarget)},...O&&{style:U?{height:`100%`}:ot}},K=o(`div`,e,{ref:[t,p],state:me,stateAttributesMapping:lt,props:[le,he,j(B),{className:!U&&O?Ue.className:void 0},u]});return(0,Q.jsxs)(Y.Fragment,{children:[!R&&Ue.getElement(oe),(0,Q.jsx)(G,{context:I,modal:!1,disabled:!ce,returnFocus:s,restoreFocus:!0,children:K})]})});function dt(e){let t=e.maxHeight||``;return t.endsWith(`px`)&&parseFloat(t)||1/0}function ft(e){return Ve(e.scrollHeight,e.clientHeight)}function pt(e){return C.getScale(e)}function mt(e,t,n){return e/n[t]}function ht(e,t){return p({x:mt(e.x,`x`,t),y:mt(e.y,`y`,t),width:mt(e.width,`x`,t),height:mt(e.height,`y`,t)})}var gt=[[`transform`,`none`],[`scale`,`1`],[`translate`,`0 0`]];function _t(e){let{style:t}=e,n={};for(let[e,r]of gt)n[e]=t.getPropertyValue(e),t.setProperty(e,r,`important`);return()=>{for(let[e]of gt){let r=n[e];r?t.setProperty(e,r):t.removeProperty(e)}}}var vt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{store:s,scrollHandlerRef:c}=X(),{alignItemWithTriggerActive:l}=it(),u=d(s,Z.hasScrollArrows),f=d(s,Z.openMethod),p=d(s,Z.multiple),m={id:`${d(s,Z.id)}-list`,role:`listbox`,"aria-multiselectable":p||void 0,onScroll(e){c.current?.(e.currentTarget)},...l&&{style:ot},className:u&&f!==`touch`?Ue.className:void 0};return o(`div`,e,{ref:[t,P(e=>{s.set(`listElement`,e)})],props:[m,a]})}),yt=Y.createContext(void 0);function bt(){let e=Y.useContext(yt);if(!e)throw Error(R(57));return e}var xt=Y.memo(Y.forwardRef(function(e,t){let{render:n,className:r,style:i,value:a=null,label:s,disabled:l=!1,nativeButton:u=!1,...f}=e,p=Y.useRef(null),h=q({label:s,textRef:p,indexGuessBehavior:J.GuessFromOrder}),{store:_,itemProps:v,setOpen:y,setValue:ee,selectionRef:b,typingRef:x,valuesRef:S,multiple:C,selectedItemTextRef:w}=X(),T=d(_,Z.isActive,h.index),E=d(_,Z.isSelected,h.index,a),te=d(_,Z.isSelectedByFocus,h.index),D=d(_,Z.isItemEqualToValue),O=h.index,k=O!==-1,A=Y.useRef(null);L(()=>{if(!k)return;let e=S.current;return e[O]=a,()=>{delete e[O]}},[k,O,a,S]),L(()=>{if(!k)return;let e=_.state.value,t=e;C&&Array.isArray(e)&&e.length>0&&(t=e[e.length-1]),t!==void 0&&ke(a,t,D)&&(_.set(`selectedIndex`,O),p.current&&(w.current=p.current))},[k,O,C,D,_,a,w]);let j=Y.useRef(null),M=Y.useRef(`mouse`),N=Y.useRef(!1),{getButtonProps:P,buttonRef:F}=g({disabled:l,focusableWhenDisabled:!0,native:u,composite:!0}),ne={disabled:l,selected:E,highlighted:T};function re(e){let t=_.state.value;if(C){let n=Array.isArray(t)?t:[];ee(E?je(n,a,D):[...n,a],c(ae,e))}else ee(a,c(ae,e)),y(!1,c(ae,e))}function ie(){b.current.dragY=0}let I={role:`option`,"aria-selected":E,tabIndex:T?0:-1,onKeyDown(e){j.current=e.key,_.set(`activeIndex`,O),e.key===` `&&x.current&&e.preventDefault()},onClick(e){let t=e.type===`click`&&M.current!==`touch`,n=e.nativeEvent.pointerType,r=t&&m(e.nativeEvent)&&(n!==void 0||T),i=t&&!r&&!N.current;N.current=!1,!(e.type===`keydown`&&j.current===null)&&(l||e.type===`keydown`&&j.current===` `&&x.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=b.current;t.dragY+=e.movementY,t.dragY**2>=64&&(t.allowUnselectedMouseUp=!0)}},onPointerDown(e){M.current=e.pointerType,N.current=!0,ie()},onMouseUp(){if(ie(),l||M.current===`touch`||N.current)return;let e=!b.current.allowSelectedMouseUp&&E,t=!b.current.allowUnselectedMouseUp&&!E;e||t||(N.current=!0,A.current?.click(),N.current=!1)}},oe=o(`div`,e,{ref:[F,t,h.ref,A],state:ne,props:[v,I,f,P]}),R=Y.useMemo(()=>({selected:E,index:O,textRef:p,selectedByFocus:te,hasRegistered:k}),[E,O,p,te,k]);return(0,Q.jsx)(yt.Provider,{value:R,children:oe})})),St=Y.forwardRef(function(e,t){let n=e.keepMounted??!1,{selected:r}=bt();return n||r?(0,Q.jsx)(Ct,{...e,ref:t}):null}),Ct=Y.memo(Y.forwardRef((e,t)=>{let{render:n,className:r,style:i,keepMounted:a,...c}=e,{selected:l}=bt(),u=Y.useRef(null),{transitionStatus:d,setMounted:f}=s(l),p=o(`span`,e,{ref:[t,u],state:{selected:l,transitionStatus:d},props:[{"aria-hidden":!0,children:`✔️`},c],stateAttributesMapping:b});return _({open:l,ref:u,onComplete(){l||f(!1)}}),p})),wt=Y.memo(Y.forwardRef(function(e,t){let{index:n,textRef:r,selectedByFocus:i,hasRegistered:a}=bt(),{firstItemTextRef:s,selectedItemTextRef:c}=X(),{render:l,className:u,style:d,...f}=e;return o(`div`,e,{ref:[Y.useCallback(e=>{e&&(a&&n===0&&(s.current=e),a&&i&&(c.current=e))},[s,c,n,i,a]),t,r],props:f})})),Tt=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,direction:a,keepMounted:c=!1,...l}=e,u=a===`up`,{store:p,popupRef:m,listRef:h,handleScrollArrowVisibility:g,scrollArrowsMountedCountRef:v}=X(),{side:y,scrollDownArrowRef:ee,scrollUpArrowRef:b}=it(),x=d(p,u?Z.scrollUpArrowVisible:Z.scrollDownArrowVisible),S=d(p,Z.openMethod),C=x&&S!==`touch`,w=f(),T=u?b:ee,{transitionStatus:E,setMounted:te}=s(C);L(()=>(v.current+=1,p.state.hasScrollArrows||p.set(`hasScrollArrows`,!0),()=>{v.current=Math.max(0,v.current-1),v.current===0&&p.state.hasScrollArrows&&p.set(`hasScrollArrows`,!1)}),[p,v]),_({open:C,ref:T,onComplete(){C||te(!1)}});let D=o(`div`,e,{ref:[t,T],state:{direction:a,visible:C,side:y,transitionStatus:E},props:[{"aria-hidden":!0,children:u?`▲`:`▼`,style:{position:`absolute`},onMouseMove(e){if(e.movementX===0&&e.movementY===0||w.isStarted())return;p.set(`activeIndex`,null);function t(){let e=p.state.listElement??m.current;if(!e)return;p.set(`activeIndex`,null),g();let n=Ve(e.scrollHeight,e.clientHeight),r=He(e.scrollTop,n),i=r===(u?0:n),a=h.current;if(r!==e.scrollTop&&(e.scrollTop=r),a.length===0&&p.set(u?`scrollUpArrowVisible`:`scrollDownArrowVisible`,!i),i){w.clear();return}if(a.length>0){let t=T.current?.offsetHeight||0;e.scrollTop=Et(a,u,r,e.clientHeight,t,n)}w.start(40,t)}w.start(40,t)},onMouseLeave(){w.clear()}},l]});return C||c?D:null});function Et(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?He(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?He(l.offsetTop+l.offsetHeight-r+i,a):a}var Dt=Y.forwardRef(function(e,t){return(0,Q.jsx)(Tt,{...e,ref:t,direction:`down`})}),Ot=Y.forwardRef(function(e,t){return(0,Q.jsx)(Tt,{...e,ref:t,direction:`up`})}),kt=Y.createContext(void 0),At=Y.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,[s,c]=Y.useState(),l=Y.useMemo(()=>({labelId:s,setLabelId:c}),[s,c]),u=o(`div`,e,{ref:t,props:[{role:`group`,"aria-labelledby":s},a]});return(0,Q.jsx)(kt.Provider,{value:l,children:u})}),jt=Je;function Mt({className:e,...t}){return(0,Q.jsx)(At,{"data-slot":`select-group`,className:U(`scroll-my-1 p-1`,e),...t})}function Nt({className:e,...t}){return(0,Q.jsx)($e,{"data-slot":`select-value`,className:U(`flex flex-1 text-left`,e),...t})}function Pt({className:e,size:t=`default`,children:n,...r}){return(0,Q.jsxs)(Ze,{"data-slot":`select-trigger`,"data-size":t,className:U(`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)(et,{render:(0,Q.jsx)(V,{className:`text-muted-foreground size-4 pointer-events-none`})})]})}function Ft({className:e,children:t,side:n=`bottom`,sideOffset:r=4,align:i=`center`,alignOffset:a=0,alignItemWithTrigger:o=!0,...s}){return(0,Q.jsx)(nt,{children:(0,Q.jsx)(ct,{side:n,sideOffset:r,align:i,alignOffset:a,alignItemWithTrigger:o,className:`isolate z-50`,children:(0,Q.jsxs)(ut,{"data-slot":`select-content`,"data-align-trigger":o,className:U(`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)(Lt,{}),(0,Q.jsx)(vt,{children:t}),(0,Q.jsx)(Rt,{})]})})})}function It({className:e,children:t,...n}){return(0,Q.jsxs)(xt,{"data-slot":`select-item`,className:U(`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)(wt,{className:`flex flex-1 gap-2 shrink-0`,children:t}),(0,Q.jsx)(St,{render:(0,Q.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex size-4 items-center justify-center`}),children:(0,Q.jsx)(F,{className:`pointer-events-none`})})]})}function Lt({className:e,...t}){return(0,Q.jsx)(Ot,{"data-slot":`select-scroll-up-button`,className:U(`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)(H,{})})}function Rt({className:e,...t}){return(0,Q.jsx)(Dt,{"data-slot":`select-scroll-down-button`,className:U(`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)(V,{})})}export{Pt as a,It as i,Ft as n,Nt as o,Mt as r,jt as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Lr as n}from"./example-BIrQab7K.js";import{k as r,n as i,s as a}from"./index-Cz4UGUT2.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./select-BG_Iad8E.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};