admin-ui-starter-kit 0.5.0 → 0.6.1

package/dist/showcase/assets/index.esm-BXmcbSs7.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";var n=e(t(),1),r=e=>e.type===`checkbox`,i=e=>e instanceof Date,a=e=>e==null,o=e=>typeof e==`object`,s=e=>!a(e)&&!Array.isArray(e)&&o(e)&&!i(e),c=e=>s(e)&&e.target?r(e.target)?e.target.checked:e.target.value:e,l=(e,t)=>t.split(`.`).some((t,n,r)=>!isNaN(Number(t))&&e.has(r.slice(0,n).join(`.`))),u=e=>{let t=e.constructor&&e.constructor.prototype;return s(t)&&t.hasOwnProperty(`isPrototypeOf`)},d=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;function f(e){if(e instanceof Date)return new Date(e);let t=typeof FileList<`u`&&e instanceof FileList;if(d&&(e instanceof Blob||t))return e;let n=Array.isArray(e);if(!n&&!(s(e)&&u(e)))return e;let r=n?[]:Object.create(Object.getPrototypeOf(e));for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=f(e[t]));return r}var p={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`,SUBMIT:`submit`,TRIGGER:`trigger`,VALID:`valid`},m={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},h={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},g=`form`,_=`root`,v=[`__proto__`,`constructor`,`prototype`],y=e=>/^\w*$/.test(e),b=e=>e===void 0,x=e=>e.split(/[.[\]'"]/g).filter(Boolean),S=(e,t,n)=>{if(!t||!s(e))return n;let r=y(t)?[t]:x(t);if(r.some(e=>v.includes(e)))return n;let i=r.reduce((e,t)=>a(e)?void 0:e[t],e);return b(i)||i===e?b(e[t])?n:e[t]:i},C=e=>typeof e==`boolean`,w=e=>typeof e==`function`,T=(e,t,n)=>{let r=-1,i=y(t)?[t]:x(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=s(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(v.includes(t))return;e[t]=a,e=e[t]}},E=n.createContext(null);E.displayName=`HookFormControlContext`;var D=()=>n.useContext(E),O=(e,t,n,r=!0)=>{let i={};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==m.all&&(t._proxyFormState[i]=!r||m.all),n&&(n[i]=!0),e[i]}});return i},k=d?n.useLayoutEffect:n.useEffect;function A(e){let t=D(),{control:r=t,disabled:i,name:a,exact:o}=e||{},[s,c]=n.useState(()=>({...r._formState,defaultValues:r._defaultValues})),l=n.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return k(()=>r._subscribe({name:a,formState:l.current,exact:o,callback:e=>{!i&&c({...r._formState,...e,defaultValues:r._defaultValues})}}),[a,i,o]),n.useEffect(()=>{l.current.isValid&&r._setValid(!0)},[r]),n.useMemo(()=>O(s,r,l.current,!1),[s,r])}var j=e=>typeof e==`string`,M=(e,t,n,r,i)=>j(e)?(r&&t.watch.add(e),S(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),S(n,e))):(r&&(t.watchAll=!0),n),N=e=>a(e)||!o(e);function P(e,t,n=new WeakSet){if(e===t)return!0;if(N(e)||N(t))return Object.is(e,t);if(i(e)&&i(t))return Object.is(e.getTime(),t.getTime());let r=Object.keys(e),a=Object.keys(t);if(r.length!==a.length)return!1;if(n.has(e)||n.has(t))return!0;n.add(e),n.add(t);for(let a of r){let r=e[a];if(!(a in t))return!1;if(a!==`ref`){let e=t[a];if(i(r)&&i(e)||(s(r)||Array.isArray(r))&&(s(e)||Array.isArray(e))?!P(r,e,n):!Object.is(r,e))return!1}}return!0}function F(e){let t=D(),{control:r=t,name:i,defaultValue:a,disabled:o,exact:s,compute:c}=e||{},l=n.useRef(a),u=n.useRef(c),d=n.useRef(void 0),f=n.useRef(r),p=n.useRef(i);u.current=c;let[m,h]=n.useState(()=>{let e=r._getWatch(i,l.current);return u.current?u.current(e):e}),g=n.useCallback(e=>{let t=M(i,r._names,e||r._formValues,!1,l.current);return u.current?u.current(t):t},[r._formValues,r._names,i]),_=n.useCallback(e=>{if(!o){let t=M(i,r._names,e||r._formValues,!1,l.current);if(u.current){let e=u.current(t);P(e,d.current)||(h(e),d.current=e)}else h(t)}},[r._formValues,r._names,o,i]);k(()=>((f.current!==r||!P(p.current,i))&&(f.current=r,p.current=i,_()),r._subscribe({name:i,formState:{values:!0},exact:s,callback:e=>{_(e.values)}})),[r,s,i,_]),n.useEffect(()=>r._removeUnmounted());let v=f.current!==r,y=p.current,b=n.useMemo(()=>{if(o)return null;let e=!v&&!P(y,i);return v||e?g():null},[o,v,i,y,g]);return b===null?m:b}function I(e){let t=D(),{name:r,disabled:i,control:a=t,shouldUnregister:o,defaultValue:s,exact:u=!0}=e,d=l(a._names.array,r),m=F({control:a,name:r,defaultValue:n.useMemo(()=>S(a._formValues,r,S(a._defaultValues,r,s)),[a,r,s]),exact:u}),h=A({control:a,name:r,exact:u}),g=n.useRef(e),_=n.useRef(a.register(r,{...e.rules,value:m,...C(e.disabled)?{disabled:e.disabled}:{}}));g.current=e;let v=n.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!S(h.errors,r)},isDirty:{enumerable:!0,get:()=>!!S(h.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!S(h.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!S(h.validatingFields,r)},error:{enumerable:!0,get:()=>S(h.errors,r)}}),[h,r]),y=n.useCallback(e=>_.current.onChange({target:{value:c(e),name:r},type:p.CHANGE}),[r]),x=n.useCallback(()=>_.current.onBlur({target:{value:S(a._formValues,r),name:r},type:p.BLUR}),[r,a._formValues]),E=n.useCallback(e=>{let t=S(a._fields,r);t&&t._f&&e&&(t._f.ref={focus:()=>w(e.focus)&&e.focus(),select:()=>w(e.select)&&e.select(),setCustomValidity:t=>w(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>w(e.reportValidity)&&e.reportValidity()})},[a._fields,r]),O=n.useMemo(()=>({name:r,value:m,...C(i)||h.disabled?{disabled:h.disabled||i}:{},onChange:y,onBlur:x,ref:E}),[r,i,h.disabled,y,x,E,m]);return n.useEffect(()=>{let e=a._options.shouldUnregister||o;a.register(r,{...g.current.rules,...C(g.current.disabled)?{disabled:g.current.disabled}:{}});let t=(e,t)=>{let n=S(a._fields,e);n&&n._f&&(n._f.mount=t)};if(t(r,!0),e){let e=f(S(a._defaultValues,r,S(a._options.defaultValues,r,g.current.defaultValue)));T(a._defaultValues,r,e),b(S(a._formValues,r))&&T(a._formValues,r,e)}return!d&&a.register(r),()=>{(d?e&&!a._state.action:e)?a.unregister(r):t(r,!1)}},[r,a,d,o]),n.useEffect(()=>{a._setDisabledField({disabled:i,name:r})},[i,r,a]),n.useMemo(()=>({field:O,formState:h,fieldState:v}),[O,h,v])}var ee=e=>e.render(I(e)),te=n.createContext(null);te.displayName=`HookFormContext`;var L=()=>n.useContext(te),R=({children:e,watch:t,getValues:r,getFieldState:i,setError:a,clearErrors:o,setValue:s,setValues:c,trigger:l,formState:u,resetField:d,reset:f,handleSubmit:p,unregister:m,control:h,register:g,setFocus:_,subscribe:v})=>{let y=n.useMemo(()=>({watch:t,getValues:r,getFieldState:i,setError:a,clearErrors:o,setValue:s,setValues:c,trigger:l,formState:u,resetField:d,reset:f,handleSubmit:p,unregister:m,control:h,register:g,setFocus:_,subscribe:v}),[o,h,u,i,r,p,g,f,d,a,_,s,c,v,l,m,t]);return n.createElement(te.Provider,{value:y},n.createElement(E.Provider,{value:y.control},e))},ne=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},re=e=>Array.isArray(e)?e.filter(Boolean):[],z=e=>Array.isArray(e)?e:[e],ie=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}};function ae(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&s(i)&&a){let e=ae(i,a);s(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}var B=e=>s(e)&&!Object.keys(e).length,oe=e=>e.type===`file`,se=e=>{if(!d)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},ce=e=>e.type===`select-multiple`,le=e=>e.type===`radio`,ue=e=>le(e)||r(e),de=e=>se(e)&&e.isConnected;function fe(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;){if(a(e)){e=void 0;break}e=e[t[r]],r++}return e}function pe(e){for(let t in e)if(e.hasOwnProperty(t)&&!b(e[t]))return!1;return!0}function V(e,t){if(j(t)&&Object.prototype.hasOwnProperty.call(e,t))return delete e[t],e;let n=Array.isArray(t)?t:y(t)?[t]:x(t),r=n.length===1?e:fe(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(s(r)&&B(r)||Array.isArray(r)&&pe(r))&&V(e,n.slice(0,-1)),e}var me=e=>{for(let t in e)if(w(e[t]))return!0;return!1};function he(e){return Array.isArray(e)||s(e)&&!me(e)}function ge(e,t={}){for(let n in e){let r=e[n];he(r)?(t[n]=Array.isArray(r)?[]:{},ge(r,t[n])):b(r)||(t[n]=!0)}return t}function _e(e){if(e!==!1){if(e===!0)return!0;if(Array.isArray(e)){let t=e.map(e=>_e(e));return t.some(e=>e!==void 0)?t:void 0}if(s(e)){let t={};for(let n in e){let r=_e(e[n]);b(r)||(t[n]=r)}return Object.keys(t).length?t:void 0}}}function H(e,t,n){n||=ge(t);for(let r in e){let i=e[r];if(he(i))b(t)||N(n[r])?n[r]=ge(i,Array.isArray(i)?[]:{}):H(i,a(t)?{}:t[r],n[r]);else{let e=t[r];n[r]=!P(i,e)}}return _e(n)||{}}var U={value:!1,isValid:!1},ve={value:!0,isValid:!0},ye=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!b(e[0].attributes.value)?b(e[0].value)||e[0].value===``?ve:{value:e[0].value,isValid:!0}:ve:U}return U},be=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>b(e)?e:t?e===``?NaN:e&&+e:n&&j(e)?new Date(e):r?r(e):e,W={isValid:!1,value:null},xe=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,W):W;function Se(e){let t=e.ref;return oe(t)?t.files:le(t)?xe(e.refs).value:ce(t)?[...t.selectedOptions].map(({value:e})=>e):r(t)?ye(e.refs).value:be(b(t.value)?e.ref.value:t.value,e)}var Ce=(e,t,n,r)=>{let i={};for(let n of e){let e=S(t,n);e&&T(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},G=e=>e instanceof RegExp,K=e=>b(e)?e:G(e)?e.source:s(e)?G(e.value)?e.value.source:e.value:e,q=e=>({isOnSubmit:!e||e===m.onSubmit,isOnBlur:e===m.onBlur,isOnChange:e===m.onChange,isOnAll:e===m.all,isOnTouch:e===m.onTouched}),we=`AsyncFunction`,Te=e=>!!e&&!!e.validate&&!!(w(e.validate)&&e.validate.constructor.name===we||s(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===we)),Ee=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),De=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(`${t}.`))),J=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=S(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if(J(a,t))break}else if(s(a)&&J(a,t))break}}};function Oe(e,t,n){let r=S(e,n);if(r||y(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=S(t,r),o=S(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}var ke=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return B(a)||r&&Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||m.all))},Ae=(e,t,n)=>!e||!t||e===t||z(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),je=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,Me=(e,t)=>!re(S(e,t)).length&&V(e,t),Ne=(e,t,n)=>{let r=S(e,n),i=Array.isArray(r)?r:[];return T(i,_,t[n]),T(e,n,i),e};function Pe(e,t,n=`validate`){if(j(e)||Array.isArray(e)&&e.every(j)||C(e)&&!e)return{type:n,message:j(e)?e:``,ref:t}}var Y=e=>s(e)&&!G(e)?e:{value:e,message:``},Fe=async(e,t,n,i,o,c)=>{let{ref:l,refs:u,required:d,maxLength:f,minLength:p,min:m,max:g,pattern:_,validate:v,name:y,valueAsNumber:x,mount:T}=e._f,E=S(n,y);if(!T||t.has(y))return{};let D=u?u[0]:l,O=e=>{o&&D.reportValidity&&(D.setCustomValidity(C(e)?``:e||``),D.reportValidity())},k={},A=le(l),M=r(l),N=A||M,P=(x||oe(l))&&b(l.value)&&b(E)||se(l)&&l.value===``||E===``||Array.isArray(E)&&!E.length,F=ne.bind(null,y,i,k),I=(e,t,n,r=h.maxLength,i=h.minLength)=>{let a=e?t:n;k[y]={type:e?r:i,message:a,ref:l,...F(e?r:i,a)}};if(c?!Array.isArray(E)||!E.length:d&&(!N&&(P||a(E))||C(E)&&!E||M&&!ye(u).isValid||A&&!xe(u).isValid)){let{value:e,message:t}=j(d)?{value:!!d,message:d}:Y(d);if(e&&(k[y]={type:h.required,message:t,ref:D,...F(h.required,t)},!i))return O(t),k}if(!P&&(!a(m)||!a(g))){let e,t,n=Y(g),r=Y(m);if(!a(E)&&!isNaN(E)){let i=l.valueAsNumber||E&&+E;a(n.value)||(e=i>n.value),a(r.value)||(t=i<r.value)}else{let i=l.valueAsDate||new Date(E),a=e=>new Date(new Date().toDateString()+` `+e),o=l.type==`time`,s=l.type==`week`;j(n.value)&&E&&(e=o?a(E)>a(n.value):s?E>n.value:i>new Date(n.value)),j(r.value)&&E&&(t=o?a(E)<a(r.value):s?E<r.value:i<new Date(r.value))}if((e||t)&&(I(!!e,n.message,r.message,h.max,h.min),!i))return O(k[y].message),k}if((f||p)&&!P&&(j(E)||c&&Array.isArray(E))){let e=Y(f),t=Y(p),n=!a(e.value)&&E.length>+e.value,r=!a(t.value)&&E.length<+t.value;if((n||r)&&(I(n,e.message,t.message),!i))return O(k[y].message),k}if(_&&!P&&j(E)){let{value:e,message:t}=Y(_);if(G(e)&&!E.match(e)&&(k[y]={type:h.pattern,message:t,ref:l,...F(h.pattern,t)},!i))return O(t),k}if(v){if(w(v)){let e=Pe(await v(E,n),D);if(e&&(k[y]={...e,...F(h.validate,e.message)},!i))return O(e.message),k}else if(s(v)){let e={};for(let t in v){if(!B(e)&&!i)break;let r=Pe(await v[t](E,n),D,t);r&&(e={...r,...F(t,r.message)},O(r.message),i&&(k[y]=e))}if(!B(e)&&(k[y]={ref:D,...e},!i))return k}}return O(!0),k},Ie={mode:m.onSubmit,reValidateMode:m.onChange,shouldFocusError:!0},Le={submitCount:0,isDirty:!1,isReady:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{}};function Re(e={}){let t={...Ie,...e},n={...f(Le),isLoading:w(t.defaultValues),errors:t.errors||{},disabled:t.disabled||!1},o={},u=(s(t.defaultValues)||s(t.values))&&f(t.defaultValues||t.values)||{},v=t.shouldUnregister?{}:f(u),E={action:!1,mount:!1,watch:!1,keepIsValid:!1},D={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set,registerName:new Set},O,k=0,A={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},N={...A},F={...N},I={array:ie(),state:ie()},ee=t.criteriaMode===m.all,te=e=>t=>{clearTimeout(k),k=setTimeout(e,t)},L=async e=>{if(!E.keepIsValid&&!t.disabled&&(N.isValid||F.isValid||e)){let e;t.resolver?(e=B((await U()).errors),R()):e=await W({fields:o,onlyCheckValid:!0,eventType:p.VALID}),e!==n.isValid&&I.state.next({isValid:e})}},R=(e,r)=>{!t.disabled&&(N.isValidating||N.validatingFields||F.isValidating||F.validatingFields)&&((e||Array.from(D.mount)).forEach(e=>{e&&(r?T(n.validatingFields,e,r):V(n.validatingFields,e))}),I.state.next({validatingFields:n.validatingFields,isValidating:!B(n.validatingFields)}))},ne=()=>{n.dirtyFields=H(u,v)},le=(e,r=[],i,a,s=!0,c=!0)=>{if(a&&i&&!t.disabled){if(E.action=!0,c&&Array.isArray(S(o,e))){let t=i(S(o,e),a.argA,a.argB);s&&T(o,e,t)}if(c&&Array.isArray(S(n.errors,e))){let t=i(S(n.errors,e),a.argA,a.argB);s&&T(n.errors,e,t),Me(n.errors,e)}if((N.touchedFields||F.touchedFields)&&c&&Array.isArray(S(n.touchedFields,e))){let t=i(S(n.touchedFields,e),a.argA,a.argB);s&&T(n.touchedFields,e,t)}(N.dirtyFields||F.dirtyFields)&&ne(),I.state.next({name:e,isDirty:G(e,r),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else T(v,e,r)},fe=(e,t)=>{T(n.errors,e,t),I.state.next({errors:n.errors})},pe=e=>{n.errors=e,I.state.next({errors:n.errors,isValid:!1})},me=e=>{let t=y(e)?[e]:x(e),n=v,r=u;for(let e=0;e<t.length-1;e++){let i=t[e];if(n=a(n)?n:n[i],r=a(r)?r:r[i],n===null&&r!==null)return!0}return!1},he=(e,t,r,i)=>{let a=S(o,e);if(a){if(me(e))return;let o=b(S(v,e)),s=S(v,e,b(r)?S(u,e):r);b(s)||i&&i.defaultChecked||t?T(v,e,t?s:Se(a._f)):Y(e,s),E.mount&&!E.action&&(L(),o&&n.isDirty&&(N.isDirty||F.isDirty)&&(G()||(n.isDirty=!1,I.state.next({...n}))))}},ge=(e,r,i,a,o)=>{let s=!1,c=!1,l={name:e};if(!t.disabled){if(!i||a){(N.isDirty||F.isDirty)&&(c=n.isDirty,n.isDirty=l.isDirty=G(),s=c!==l.isDirty);let t=P(S(u,e),r);c=!!S(n.dirtyFields,e),t===n.isDirty?t?V(n.dirtyFields,e):T(n.dirtyFields,e,!0):n.dirtyFields=H(u,v),l.dirtyFields=n.dirtyFields,s||=(N.dirtyFields||F.dirtyFields)&&c!==!t}if(i){let t=S(n.touchedFields,e);t||(T(n.touchedFields,e,i),l.touchedFields=n.touchedFields,s||=(N.touchedFields||F.touchedFields)&&t!==i)}s&&o&&I.state.next(l)}return s?l:{}},_e=(e,r,i,a)=>{let o=S(n.errors,e),s=(N.isValid||F.isValid)&&C(r)&&n.isValid!==r;if(t.delayError&&i?(O=te(()=>fe(e,i)),O(t.delayError)):(clearTimeout(k),O=null,i?T(n.errors,e,i):V(n.errors,e)),(i?!P(o,i):o)||!B(a)||s){let t={...a,...s&&C(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},I.state.next(t)}},U=async e=>(R(e,!0),await t.resolver(v,t.context,Ce(e||D.mount,o,t.criteriaMode,t.shouldUseNativeValidation))),ve=async e=>{let{errors:t}=await U(e);if(R(e),e)for(let r of e){let e=S(t,r);e?D.array.has(r)&&s(e)&&!Object.keys(e).some(e=>!Number.isNaN(Number(e)))?Ne(n.errors,{[r]:e},r):T(n.errors,r,e):V(n.errors,r)}else n.errors=t;return t},ye=async({name:t,eventType:r})=>{if(e.validate){let i=await e.validate({formValues:v,formState:n,name:t,eventType:r});if(s(i))for(let e in i){let t=i[e];t&&$(`${g}.${e}`,{message:j(t.message)?t.message:``,type:t.type||h.validate})}else j(i)||!i?$(g,{message:i||``,type:h.validate}):We(g);return i}return!0},W=async({fields:r,onlyCheckValid:i,name:a,eventType:o,context:s={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(s.runRootValidation=!0,!await ye({name:a,eventType:o})&&(s.valid=!1,i)))return s.valid;for(let a in r){let c=r[a];if(c){let{_f:r,...l}=c;if(r){let a=D.array.has(r.name),o=c._f&&Te(c._f),l=N.validatingFields||N.isValidating||F.validatingFields||F.isValidating;o&&l&&R([r.name],!0);let u=await Fe(c,D.disabled,v,ee,t.shouldUseNativeValidation&&!i,a);if(o&&l&&R([r.name]),u[r.name]&&(s.valid=!1,i)||(!i&&(S(u,r.name)?a?Ne(n.errors,u,r.name):T(n.errors,r.name,u[r.name]):V(n.errors,r.name)),e.shouldUseNativeValidation&&u[r.name]))break}!B(l)&&await W({context:s,onlyCheckValid:i,fields:l,name:a,eventType:o})}}return s.valid},xe=()=>{for(let e of D.unMount){let t=S(o,e);t&&(t._f.refs?t._f.refs.every(e=>!de(e)):!de(t._f.ref))&&Je(e)}D.unMount=new Set},G=(e,n)=>!t.disabled&&(e&&n&&T(v,e,n),!P(He(),u)),we=(e,t,n)=>M(e,D,{...E.mount?v:b(t)?u:j(e)?{[e]:t}:t},n,t),Pe=e=>re(S(E.mount?v:u,e,t.shouldUnregister?S(u,e,[]):[])),Y=(e,t,n={},i=!1)=>{let s=S(o,e),c=t;if(s){let n=s._f;n&&(!n.disabled&&T(v,e,be(t,n)),c=se(n.ref)&&a(t)?``:t,ce(n.ref)?[...n.ref.options].forEach(e=>e.selected=c.includes(e.value)):n.refs?r(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(c)?e.checked=!!c.find(t=>t===e.value):e.checked=c===e.value||!!c)}):n.refs.forEach(e=>e.checked=e.value===c):oe(n.ref)?n.ref.value=``:(n.ref.value=c,n.ref.type||I.state.next({name:e,values:i?v:f(v)})))}(n.shouldDirty||n.shouldTouch)&&ge(e,c,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&Q(e)},Re=(e,t,n,r=!1)=>{for(let a in t){if(!t.hasOwnProperty(a))return;let c=t[a],l=e+`.`+a,u=S(o,l);(D.array.has(e)||s(c)||u&&!u._f)&&!i(c)?Re(l,c,n,r):Y(l,c,n,r)}},X=(e,t,r,i)=>{let s=S(o,e),c=D.array.has(e),l=i?t:f(t),u=P(S(v,e),l);if(u||T(v,e,l),c)I.array.next({name:e,values:i?v:f(v)}),(N.isDirty||N.dirtyFields||F.isDirty||F.dirtyFields)&&r.shouldDirty&&(ne(),I.state.next({name:e,dirtyFields:n.dirtyFields,isDirty:G(e,l)}));else{let t=Array.isArray(l)&&!l.length||B(l);!s||s._f||a(l)||t?Y(e,l,r,i):Re(e,l,r,i)}if(!u){let t=De(e,D),r=i?v:f(v);I.state.next({...t&&n,name:E.mount||t?e:void 0,values:r})}},Z=(e,t,n={})=>X(e,t,n,!1),ze=(e,t={})=>{let r=w(e)?e(v):e;if(!P(v,r)){v={...v,...r};for(let e of D.mount)X(e,S(r,e),t,!0);I.state.next({...n,name:void 0,type:void 0,values:v}),t.shouldValidate&&L()}},Be=async r=>{E.mount=!0;let a=r.target,s=a.name,l=!0,u=S(o,s),d=e=>{l=Number.isNaN(e)||i(e)&&isNaN(e.getTime())||P(e,S(v,s,e))},m=q(t.mode),h=q(t.reValidateMode);if(u){let i,g,_=a.type?Se(u._f):c(r),y=r.type===p.BLUR||r.type===p.FOCUS_OUT,b=!Ee(u._f)&&!e.validate&&!t.resolver&&!S(n.errors,s)&&!u._f.deps||je(y,S(n.touchedFields,s),n.isSubmitted,h,m),x=De(s,D,y);T(v,s,_),y?(!a||!a.readOnly)&&(u._f.onBlur&&u._f.onBlur(r),O&&O(0)):u._f.onChange&&u._f.onChange(r);let C=ge(s,_,y),w=!B(C)||x;if(!y&&I.state.next({name:s,type:r.type,values:f(v)}),b)return(N.isValid||F.isValid)&&(t.mode===`onBlur`?y&&L():y||L()),w&&I.state.next({name:s,...x?{}:C});if(!t.resolver&&e.validate&&await ye({name:s,eventType:r.type}),!y&&x&&I.state.next({...n}),t.resolver){let{errors:e}=await U([s]);if(R([s]),d(_),l){let t=Oe(n.errors,o,s),r=Oe(e,o,t.name||s);i=r.error,s=r.name,g=B(e)}}else R([s],!0),i=(await Fe(u,D.disabled,v,ee,t.shouldUseNativeValidation))[s],R([s]),d(_),l&&(i?g=!1:(N.isValid||F.isValid)&&(g=await W({fields:o,onlyCheckValid:!0,name:s,eventType:r.type})));l&&(u._f.deps&&(!Array.isArray(u._f.deps)||u._f.deps.length>0)&&Q(u._f.deps),_e(s,g,i,C))}},Ve=(e,t)=>{if(S(n.errors,t)&&e.focus)return e.focus(),1},Q=async(e,r={})=>{let i,a,s=z(e);if(t.resolver){let t=await ve(b(e)?e:s);i=B(t),a=e?!s.some(e=>S(t,e)):i}else e?(a=(await Promise.all(s.map(async e=>{let t=S(o,e);return await W({fields:t&&t._f?{[e]:t}:t,eventType:p.TRIGGER})}))).every(Boolean),!(!a&&!n.isValid)&&L()):a=i=await W({fields:o,name:e,eventType:p.TRIGGER});return I.state.next({...!j(e)||(N.isValid||F.isValid)&&i!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:i}:{},errors:n.errors}),r.shouldFocus&&!a&&J(o,Ve,e?s:D.mount),a},He=(e,t)=>{let r={...E.mount?v:u};return t&&(r=ae(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),b(e)?r:j(e)?S(r,e):e.map(e=>S(r,e))},Ue=(e,t)=>({invalid:!!S((t||n).errors,e),isDirty:!!S((t||n).dirtyFields,e),error:S((t||n).errors,e),isValidating:!!S(n.validatingFields,e),isTouched:!!S((t||n).touchedFields,e)}),We=e=>{let t=e?z(e):void 0;t?.forEach(e=>V(n.errors,e)),t?t.forEach(e=>{I.state.next({name:e,errors:n.errors})}):I.state.next({errors:{}})},$=(e,t,r)=>{let i=(S(o,e,{_f:{}})._f||{}).ref,{ref:a,message:s,type:c,...l}=S(n.errors,e)||{};T(n.errors,e,{...l,...t,ref:i}),I.state.next({name:e,errors:n.errors,isValid:!1}),r&&r.shouldFocus&&i&&i.focus&&i.focus()},Ge=(e,t)=>w(e)?I.state.subscribe({next:n=>`values`in n&&e(n.values||we(void 0,t),n)}):we(e,t,!0),Ke=e=>I.state.subscribe({next:t=>{if(Ae(e.name,t.name,e.exact)&&ke(t,e.formState||N,it,e.reRenderRoot)){let r={...v};e.callback({values:r,...n,...t,defaultValues:u})}}}).unsubscribe,qe=e=>(E.mount=!0,F={...F,...e.formState},Ke({...e,formState:{...A,...e.formState}})),Je=(e,r={})=>{for(let i of e?z(e):D.mount)D.mount.delete(i),D.array.delete(i),r.keepValue||(V(o,i),V(v,i)),!r.keepError&&V(n.errors,i),!r.keepDirty&&V(n.dirtyFields,i),!r.keepTouched&&V(n.touchedFields,i),!r.keepIsValidating&&V(n.validatingFields,i),!t.shouldUnregister&&!r.keepDefaultValue&&V(u,i);I.state.next({values:f(v)}),I.state.next({...n,...r.keepDirty?{isDirty:G()}:{}}),!r.keepIsValid&&L()},Ye=({disabled:e,name:t})=>{if(C(e)&&E.mount||e||D.disabled.has(t)){let n=D.disabled.has(t)!==!!e;e?D.disabled.add(t):D.disabled.delete(t),n&&E.mount&&!E.action&&L()}},Xe=(e,n={})=>{let r=S(o,e),i=C(n.disabled)||C(t.disabled),a=!D.registerName.has(e)&&r&&r._f&&!r._f.mount;return T(o,e,{...r||{},_f:{...r&&r._f?r._f:{ref:{name:e}},name:e,mount:!0,...n}}),D.mount.add(e),r&&!a?Ye({disabled:C(n.disabled)?n.disabled:t.disabled,name:e}):he(e,!0,n.value),{...i?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:K(n.min),max:K(n.max),minLength:K(n.minLength),maxLength:K(n.maxLength),pattern:K(n.pattern)}:{},name:e,onChange:Be,onBlur:Be,ref:i=>{if(i){D.registerName.add(e),Xe(e,n),D.registerName.delete(e),r=S(o,e);let t=b(i.value)&&i.querySelectorAll&&i.querySelectorAll(`input,select,textarea`)[0]||i,a=ue(t),s=r._f.refs||[];if(a?s.find(e=>e===t):t===r._f.ref)return;T(o,e,{_f:{...r._f,...a?{refs:[...s.filter(de),t,...Array.isArray(S(u,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),he(e,!1,void 0,t)}else r=S(o,e,{}),r._f&&(r._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(l(D.array,e)&&E.action)&&D.unMount.add(e)}}},Ze=()=>t.shouldFocusError&&!t.shouldUseNativeValidation&&J(o,Ve,D.mount),Qe=e=>{C(e)&&(I.state.next({disabled:e}),J(o,(t,n)=>{let r=S(o,n);r&&(t.disabled=r._f.disabled||e,Array.isArray(r._f.refs)&&r._f.refs.forEach(t=>{t.disabled=r._f.disabled||e}))},0,!1))},$e=(e,r)=>async i=>{let a;i&&(i.preventDefault&&i.preventDefault(),i.persist&&i.persist());let s=f(v);if(I.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await U();R(),n.errors=e,s=f(t)}else await W({fields:o,eventType:p.SUBMIT});if(D.disabled.size)for(let e of D.disabled)V(s,e);if(V(n.errors,_),B(n.errors)){I.state.next({errors:{}});try{await e(s,i)}catch(e){a=e}}else r&&await r({...n.errors},i),Ze(),setTimeout(Ze);if(I.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:B(n.errors)&&!a,submitCount:n.submitCount+1,errors:n.errors}),a)throw a},et=(e,t={})=>{S(o,e)&&(b(t.defaultValue)?Z(e,f(S(u,e))):(Z(e,t.defaultValue),T(u,e,f(t.defaultValue))),t.keepTouched||V(n.touchedFields,e),t.keepDirty||(V(n.dirtyFields,e),n.isDirty=t.defaultValue?G(e,f(S(u,e))):G()),t.keepError||(V(n.errors,e),N.isValid&&L()),I.state.next({...n}))},tt=(e,r={})=>{let i=e?f(e):u,a=f(i),s=B(e),c=a;if(r.keepDefaultValues||(u=i),!r.keepValues){if(r.keepDirtyValues){let e=new Set([...D.mount,...Object.keys(H(u,v))]);for(let t of Array.from(e)){let e=S(n.dirtyFields,t),r=S(v,t),i=S(c,t);e&&!b(r)?T(c,t,r):!e&&!b(i)&&Z(t,i)}}else{if(d&&b(e))for(let e of D.mount){let t=S(o,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(se(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(r.keepFieldsRef)for(let e of D.mount)Z(e,S(c,e));else o={}}if(t.shouldUnregister){if(v=r.keepDefaultValues?f(u):{},r.keepFieldsRef)for(let e of D.mount)T(v,e,S(c,e))}else v=f(c);I.array.next({values:{...c}}),I.state.next({values:{...c}})}D={mount:r.keepDirtyValues?D.mount:new Set,unMount:new Set,array:new Set,registerName:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},E.mount=!N.isValid||!!r.keepIsValid||!!r.keepDirtyValues||!t.shouldUnregister&&!B(c),E.watch=!!t.shouldUnregister,E.keepIsValid=!!r.keepIsValid,E.action=!1,r.keepErrors||(n.errors={}),I.state.next({submitCount:r.keepSubmitCount?n.submitCount:0,isDirty:s?!1:r.keepDirty?n.isDirty:r.keepValues?G():!!(r.keepDefaultValues&&!P(e,u)),isSubmitted:r.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:s?{}:r.keepDirtyValues?r.keepDefaultValues&&v?H(u,v):n.dirtyFields:r.keepDefaultValues&&e?H(u,e):r.keepDirty?n.dirtyFields:{},touchedFields:r.keepTouched?n.touchedFields:{},errors:r.keepErrors?n.errors:{},isSubmitSuccessful:r.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:u})},nt=(e,n)=>tt(w(e)?e(v):e,{...t.resetOptions,...n}),rt=(e,t={})=>{let n=S(o,e),r=n&&n._f;if(r){let e=r.refs?r.refs[0]:r.ref;e.focus&&setTimeout(()=>{e.focus(),t.shouldSelect&&w(e.select)&&e.select()})}},it=e=>{n={...n,...e}},at={control:{register:Xe,unregister:Je,getFieldState:Ue,handleSubmit:$e,setError:$,_subscribe:Ke,_runSchema:U,_updateIsValidating:R,_focusError:Ze,_getWatch:we,_getDirty:G,_setValid:L,_setFieldArray:le,_setDisabledField:Ye,_setErrors:pe,_getFieldArray:Pe,_reset:tt,_resetDefaultValues:()=>w(t.defaultValues)&&t.defaultValues().then(e=>{nt(e,t.resetOptions),I.state.next({isLoading:!1})}),_removeUnmounted:xe,_disableForm:Qe,_subjects:I,_proxyFormState:N,get _fields(){return o},get _formValues(){return v},get _state(){return E},set _state(e){E=e},get _defaultValues(){return u},get _names(){return D},set _names(e){D=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:qe,trigger:Q,register:Xe,handleSubmit:$e,watch:Ge,setValue:Z,setValues:ze,getValues:He,reset:nt,resetField:et,resetDefaultValues:(e,t={})=>{if(u=f(e),!t.keepDirty){let e=H(u,v);n.dirtyFields=e,n.isDirty=!B(e)}t.keepIsValid||L(),I.state.next({...n,defaultValues:u})},clearErrors:We,unregister:Je,setError:$,setFocus:rt,getFieldState:Ue};return{...at,formControl:at}}var X=()=>{if(typeof crypto<`u`&&crypto.randomUUID)return crypto.randomUUID();let e=typeof performance>`u`?Date.now():performance.now()*1e3;return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,t=>{let n=(Math.random()*16+e)%16|0;return(t==`x`?n:n&3|8).toString(16)})},Z=(e,t,n={})=>n.shouldFocus||b(n.shouldFocus)?n.focusName||`${e}.${b(n.focusIndex)?t:n.focusIndex}.`:``,ze=(e,t)=>[...e,...z(t)],Be=e=>Array.isArray(e)?e.map(()=>void 0):void 0;function Ve(e,t,n){return[...e.slice(0,t),...z(n),...e.slice(t)]}var Q=(e,t,n)=>Array.isArray(e)?(b(e[n])&&(e[n]=void 0),e.splice(n,0,e.splice(t,1)[0]),e):[],He=(e,t)=>[...z(t),...z(e)];function Ue(e,t){let n=0,r=[...e];for(let e of t)r.splice(e-n,1),n++;return re(r).length?r:[]}var We=(e,t)=>b(t)?[]:Ue(e,z(t).sort((e,t)=>e-t)),$=(e,t,n)=>{[e[t],e[n]]=[e[n],e[t]]},Ge=(e,t,n)=>(e[t]=n,e);function Ke(e){let t=D(),{control:r=t,name:i,keyName:a=`id`,shouldUnregister:o,rules:s}=e,[c,l]=n.useState(r._getFieldArray(i)),u=n.useRef(r._getFieldArray(i).map(X)),d=n.useRef(!1);r._names.array.add(i),n.useMemo(()=>s&&c.length>=0&&r.register(i,s),[r,i,c.length,s]),k(()=>r._subjects.array.subscribe({next:({values:e,name:t})=>{if(t===i||!t){let n=S(e,i);Array.isArray(n)?(l(n),u.current=n.map(X)):t||(l([]),u.current=[])}}}).unsubscribe,[r,i]);let p=n.useCallback(e=>{d.current=!0,r._setFieldArray(i,e)},[r,i]);return n.useEffect(()=>{r._state.action=!1,De(i,r._names)&&r._subjects.state.next({...r._formState});let e=q(r._options.mode);if(d.current&&(!e.isOnSubmit||r._formState.isSubmitted)&&!q(r._options.reValidateMode).isOnSubmit&&!e.isOnBlur)if(r._options.resolver)r._runSchema([i]).then(e=>{r._updateIsValidating([i]);let t=S(e.errors,i),n=S(r._formState.errors,i);(n?!t&&n.type||t&&(n.type!==t.type||n.message!==t.message):t&&t.type)&&(t?T(r._formState.errors,i,t):V(r._formState.errors,i),r._subjects.state.next({errors:r._formState.errors}))});else{let e=S(r._fields,i);e&&e._f&&!(q(r._options.reValidateMode).isOnSubmit&&q(r._options.mode).isOnSubmit)&&Fe(e,r._names.disabled,r._formValues,r._options.criteriaMode===m.all,r._options.shouldUseNativeValidation,!0).then(e=>!B(e)&&r._subjects.state.next({errors:Ne(r._formState.errors,e,i)}))}r._subjects.state.next({name:i,values:f(r._formValues)}),r._names.focus&&J(r._fields,(e,t)=>{if(r._names.focus&&t.startsWith(r._names.focus)&&e.focus)return e.focus(),1}),r._names.focus=``,r._setValid(),d.current=!1},[c,i,r]),n.useEffect(()=>(!S(r._formValues,i)&&r._setFieldArray(i),()=>{let e=!(r._options.shouldUnregister||o);d.current&&e&&r._subjects.state.next({name:i,values:f(r._formValues)}),e?((e,t)=>{let n=S(r._fields,e);n&&n._f&&(n._f.mount=t)})(i,!1):r.unregister(i)}),[i,r,a,o]),{swap:n.useCallback((e,t)=>{let n=r._getFieldArray(i);$(n,e,t),$(u.current,e,t),p(n),l(n),r._setFieldArray(i,n,$,{argA:e,argB:t},!1)},[p,i,r]),move:n.useCallback((e,t)=>{let n=r._getFieldArray(i);Q(n,e,t),Q(u.current,e,t),p(n),l(n),r._setFieldArray(i,n,Q,{argA:e,argB:t},!1)},[p,i,r]),prepend:n.useCallback((e,t)=>{let n=z(f(e)),a=He(r._getFieldArray(i),n);r._names.focus=Z(i,0,t),u.current=He(u.current,n.map(X)),p(a),l(a),r._setFieldArray(i,a,He,{argA:Be(e)})},[p,i,r]),append:n.useCallback((e,t)=>{let n=z(f(e)),a=ze(r._getFieldArray(i),n);r._names.focus=Z(i,a.length-1,t),u.current=ze(u.current,n.map(X)),p(a),l(a),r._setFieldArray(i,a,ze,{argA:Be(e)})},[p,i,r]),remove:n.useCallback(e=>{let t=We(r._getFieldArray(i),e);u.current=We(u.current,e),p(t),l(t),!Array.isArray(S(r._fields,i))&&T(r._fields,i,void 0),r._setFieldArray(i,t,We,{argA:e})},[p,i,r]),insert:n.useCallback((e,t,n)=>{let a=z(f(t)),o=Ve(r._getFieldArray(i),e,a);r._names.focus=Z(i,e,n),u.current=Ve(u.current,e,a.map(X)),p(o),l(o),r._setFieldArray(i,o,Ve,{argA:e,argB:Be(t)})},[p,i,r]),update:n.useCallback((e,t)=>{let n=f(t),a=Ge(r._getFieldArray(i),e,n);u.current=[...a].map((t,n)=>!t||n===e?X():u.current[n]),p(a),l([...a]),r._setFieldArray(i,a,Ge,{argA:e,argB:n},!0,!1)},[p,i,r]),replace:n.useCallback(e=>{let t=z(f(e));u.current=t.map(X),p([...t]),l([...t]),r._setFieldArray(i,[...t],e=>e,{},!0,!1)},[p,i,r]),fields:n.useMemo(()=>c.map((e,t)=>({...e,[a]:u.current[t]||X()})),[c,a])}}function qe(e={}){let t=n.useRef(void 0),r=n.useRef(void 0),[i,a]=n.useState(()=>({...f(Le),isLoading:w(e.defaultValues),errors:e.errors||{},disabled:e.disabled||!1,defaultValues:w(e.defaultValues)?void 0:e.defaultValues}));if(!t.current)if(e.formControl)t.current={...e.formControl,formState:i},e.defaultValues&&!w(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...r}=Re(e);t.current={...r,formState:i}}let o=t.current.control;return o._options=e,k(()=>{let e=o._subscribe({formState:o._proxyFormState,callback:()=>a({...o._formState,defaultValues:o._defaultValues}),reRenderRoot:!0});return a(e=>({...e,isReady:!0})),o._formState.isReady=!0,e},[o]),n.useEffect(()=>o._disableForm(e.disabled),[o,e.disabled]),n.useEffect(()=>{e.mode&&(o._options.mode=e.mode),e.reValidateMode&&(o._options.reValidateMode=e.reValidateMode)},[o,e.mode,e.reValidateMode]),n.useEffect(()=>{e.errors&&(o._setErrors(e.errors),o._focusError())},[o,e.errors]),n.useEffect(()=>{e.shouldUnregister&&o._subjects.state.next({values:o._getWatch()})},[o,e.shouldUnregister]),n.useEffect(()=>{if(o._proxyFormState.isDirty){let e=o._getDirty();e!==i.isDirty&&o._subjects.state.next({isDirty:e})}},[o,i.isDirty]),n.useEffect(()=>{e.values&&!P(e.values,r.current)?(o._reset(e.values,{keepFieldsRef:!0,...o._options.resetOptions}),o._options.resetOptions?.keepIsValid||o._setValid(),r.current=e.values,a(e=>({...e}))):o._resetDefaultValues()},[o,e.values]),n.useEffect(()=>{o._state.mount||(o._setValid(),o._state.mount=!0),o._state.watch&&(o._state.watch=!1,o._subjects.state.next({...o._formState})),o._removeUnmounted()}),t.current.formState=n.useMemo(()=>O(i,o),[o,i]),t.current}export{L as a,qe as i,R as n,Ke as r,ee as t};

package/dist/showcase/assets/inertValue-DrANZiJk.js

@@ -0,0 +1 @@
+import{sr as e}from"./example-PsbgbESI.js";function t(t){return e(19)?t:t?`true`:void 0}export{t};

package/dist/showcase/assets/info-C3G9KRCx.js

@@ -0,0 +1 @@
+import{l as e}from"./index-QESvAJrb.js";var t=e(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]);export{t};

package/dist/showcase/assets/inline-stat-BnjUqzDM.js

@@ -0,0 +1,15 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-D-N8Ze16.js";import{t as r}from"./example-PsbgbESI.js";import{d as i}from"./index-QESvAJrb.js";import{t as a}from"./props-table-CCcohuyT.js";import{t as o}from"./inline-stat-CO01t7SJ.js";var s=e({InlineStatLayouts:()=>l}),c=i();function l(){return(0,c.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-space-md`,children:[(0,c.jsx)(o,{label:`Total spent`,value:`$12,450`,mono:!0}),(0,c.jsx)(o,{layout:`inline`,label:`Status:`,value:`Active`}),(0,c.jsx)(o,{layout:`stacked`,label:`Last seen`,value:`3 hours ago`})]})}var u=`import { InlineStat } from '@/components/composed/data-display/inline-stat';
+
+export function InlineStatLayouts() {
+	return (
+		<div className="flex w-full max-w-md flex-col gap-space-md">
+			<InlineStat label="Total spent" value="$12,450" mono />
+			<InlineStat layout="inline" label="Status:" value="Active" />
+			<InlineStat layout="stacked" label="Last seen" value="3 hours ago" />
+		</div>
+	);
+}
+`;function d(e){let i={code:`code`,p:`p`,...e.components};return s||p(`Examples`,!1),l||p(`Examples.InlineStatLayouts`,!0),(0,c.jsxs)(t,{title:`Inline stat`,description:`Inline label/value pairs for counters, totals, and compact card rows. Use MetadataList for entity detail fields.`,layer:`base`,status:`ready`,sourcePath:`src/components/composed/data-display/inline-stat`,children:[(0,c.jsx)(n,{title:`Overview`,id:`overview`,children:(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.code,{children:`InlineStat`}),` is for one-line or stacked measurements inside cards, toolbars,
+and summary rows: totals, confidence factors, usage counts, and small status
+pairs. Use `,(0,c.jsx)(i.code,{children:`MetadataList`}),` when the content is a detail section describing one
+resource with many fields, columns, icons, or tooltips.`]})}),(0,c.jsx)(n,{title:`Examples`,id:`examples`,children:(0,c.jsx)(r,{name:`InlineStatLayouts`,source:u,children:(0,c.jsx)(l,{})})}),(0,c.jsx)(n,{title:`API`,id:`api`,children:(0,c.jsx)(a,{component:`InlineStat`})})]})}function f(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.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/inline-stat-CO01t7SJ.js

@@ -0,0 +1 @@
+import{p as e}from"./section-D-N8Ze16.js";import{d as t,n}from"./index-QESvAJrb.js";var r=t();function i({label:t,value:i,layout:a=`between`,mono:o=!1,className:s,labelClassName:c,valueClassName:l}){return a===`stacked`?(0,r.jsxs)(`div`,{className:n(`inline-stat--component`,`flex flex-col gap-space-2xs`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xxs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]}):(0,r.jsxs)(`div`,{className:n(`inline-stat--component flex items-center gap-space-md`,a===`between`?`justify-between`:`justify-start`,s),children:[(0,r.jsx)(e,{tag:`span`,size:`inherit`,type:`secondary`,className:n(`text-xs leading-tight`,c),children:t}),(0,r.jsx)(e,{tag:`span`,size:`inherit`,className:n(`text-sm leading-snug`,o&&`tabular-nums`,l),children:i})]})}i.displayName=`InlineStat`;export{i as t};

package/dist/showcase/assets/input-CBJy1dMs.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Kt as n,Qt as r,hr as i,jn as a,mr as o,nr as s,vn as c}from"./example-PsbgbESI.js";import{d as l,n as u}from"./index-QESvAJrb.js";import{t as d}from"./useControlled-BHUji6Sp.js";import{c as f,n as p,o as m,r as h,t as g}from"./LabelableContext-BDyZArAc.js";import{t as _}from"./useLabelableId-DDpjUdIO.js";var v=e(t(),1),y=v.forwardRef(function(e,t){let{render:l,className:u,id:y,name:b,value:x,disabled:S=!1,onValueChange:C,defaultValue:w,autoFocus:T=!1,style:E,...D}=e,{state:O,name:k,disabled:A,setTouched:j,setDirty:M,validityData:N,setFocused:P,setFilled:F,validationMode:I,validation:L}=m(),{clearErrors:R}=p(),z=A||S,B=k??b,V={...O,disabled:z},{labelId:H}=g(),U=_({id:y});o(()=>{let e=x!=null;L.inputRef.current?.value||e&&x!==``?F(!0):e&&x===``&&F(!1)},[L.inputRef,F,x]);let W=v.useRef(null);o(()=>{T&&W.current===a(n(W.current))&&P(!0)},[T,P]);let[G]=d({controlled:x,default:w,name:`FieldControl`,state:`value`}),K=x!==void 0,q=K?G:void 0,J=i(()=>L.inputRef.current?.value);return h(L.inputRef,U,q,J,!z,b),s(`input`,e,{ref:[t,W],state:V,props:[{id:U,disabled:z,name:B,ref:L.inputRef,"aria-labelledby":H,autoFocus:T,...K?{value:q}:{defaultValue:w},onChange(e){let t=e.currentTarget.value;C?.(t,r(c,e.nativeEvent)),M(t!==N.initialValue),F(t!==``),e.nativeEvent.defaultPrevented||(R(B),L.change(t))},onFocus(){P(!0)},onBlur(e){j(!0),P(!1),I===`onBlur`&&L.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(j(!0),L.commit(e.currentTarget.value))}},D,e=>L.getValidationProps(z,e)],stateAttributesMapping:f})}),b=l(),x=v.forwardRef(function(e,t){return(0,b.jsx)(y,{ref:t,...e})});function S({className:e,type:t,...n}){return(0,b.jsx)(x,{type:t,"data-slot":`input`,className:u(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive h-9 rounded-md border bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] file:h-7 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}export{S as t};

package/dist/showcase/assets/input-group-CZyYSq4r.js

@@ -0,0 +1,47 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-D-N8Ze16.js";import{t as r}from"./example-PsbgbESI.js";import{t as i}from"./lock-CpZ5kLUd.js";import{t as a}from"./mail-Cj6uT4TA.js";import{a as o,d as s}from"./index-QESvAJrb.js";import{n as c,r as l,t as u}from"./input-group-Dfqufdp4.js";import{t as d}from"./PreviewLayout-wYGhlcJt.js";var f=e({LeadingIcon:()=>m,StackedEmailPassword:()=>g,TrailingAddon:()=>h}),p=s();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(o,{className:`size-4`})}),(0,p.jsx)(l,{placeholder:`Search…`})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{placeholder:`username`}),(0,p.jsx)(c,{align:`inline-end`,className:`text-muted-foreground`,children:`@example.com`})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(a,{className:`size-4`})}),(0,p.jsx)(l,{type:`email`,placeholder:`email@example.com`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{children:(0,p.jsx)(i,{className:`size-4`})}),(0,p.jsx)(l,{type:`password`,placeholder:`••••••••`})]})]})})}var _=`import { Search, Mail, Lock } from 'lucide-react';
+import {
+	InputGroup,
+	InputGroupAddon,
+	InputGroupInput,
+} from '@/components/ui/input-group';
+import { Col } from '../../PreviewLayout';
+
+export function LeadingIcon() {
+	return (
+		<>
+			<InputGroup>
+								<InputGroupAddon><Search className="size-4" /></InputGroupAddon>
+								<InputGroupInput placeholder="Search…" />
+							</InputGroup>
+		</>
+	);
+}
+
+export function TrailingAddon() {
+	return (
+		<>
+			<InputGroup>
+								<InputGroupInput placeholder="username" />
+								<InputGroupAddon align="inline-end" className="text-muted-foreground">@example.com</InputGroupAddon>
+							</InputGroup>
+		</>
+	);
+}
+
+export function StackedEmailPassword() {
+	return (
+		<>
+			<Col>
+								<InputGroup>
+									<InputGroupAddon><Mail className="size-4" /></InputGroupAddon>
+									<InputGroupInput type="email" placeholder="email@example.com" />
+								</InputGroup>
+								<InputGroup>
+									<InputGroupAddon><Lock className="size-4" /></InputGroupAddon>
+									<InputGroupInput type="password" placeholder="••••••••" />
+								</InputGroup>
+							</Col>
+		</>
+	);
+}
+`;function v(e){return f||b(`Examples`,!1),m||b(`Examples.LeadingIcon`,!0),g||b(`Examples.StackedEmailPassword`,!0),h||b(`Examples.TrailingAddon`,!0),(0,p.jsx)(t,{title:`UI · Input group`,description:`Input with leading / trailing add-ons.`,layer:`ui`,status:`ready`,children:(0,p.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,p.jsx)(r,{name:`LeadingIcon`,source:_,children:(0,p.jsx)(m,{})}),(0,p.jsx)(r,{name:`TrailingAddon`,source:_,children:(0,p.jsx)(h,{})}),(0,p.jsx)(r,{name:`StackedEmailPassword`,source:_,children:(0,p.jsx)(g,{})})]})})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};

package/dist/showcase/assets/input-group-Dfqufdp4.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{c as t}from"./section-D-N8Ze16.js";import{d as n,n as r}from"./index-QESvAJrb.js";import{t as i}from"./input-CBJy1dMs.js";e();var a=n();function o({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:r(`border-input has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 h-9 rounded-md border shadow-xs transition-[color,box-shadow] has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto`,e),...t})}var s=t(`text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none`,{variants:{align:{"inline-start":`pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem] order-first`,"inline-end":`pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem] order-last`,"block-start":`px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start`,"block-end":`px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start`}},defaultVariants:{align:`inline-start`}});function c({className:e,align:t=`inline-start`,...n}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":t,className:r(s({align:t}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...n})}t(`gap-2 text-sm shadow-none flex items-center`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function l({className:e,...t}){return(0,a.jsx)(i,{"data-slot":`input-group-control`,className:r(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 flex-1`,e),...t})}export{c as n,l as r,o as t};

package/dist/showcase/assets/input-yYoqWQQ7.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n,x as r}from"./section-D-N8Ze16.js";import{Er as i}from"./example-PsbgbESI.js";import{t as a}from"./circle-x-BF20gddw.js";import{N as ee,d as o,n as s}from"./index-QESvAJrb.js";import{t as te}from"./use-form-field-state-CGGJFfWu.js";import{a as c,f as l,i as u,l as d,n as ne,o as f,r as p,t as m,u as h}from"./form-sizing-C3UG5WKC.js";var g=e(t(),1),_=o(),re={clear:`Clear input`},v=(e,t,n)=>{let r=e||``;return t&&r&&(r=t+r),n&&r&&(r+=n),r};function y({className:e,type:t=`text`,startIcon:o,endIcon:y,startAddon:b,endAddon:x,maxLength:S,showCharacterCount:C,clearable:w,onClear:T,isLoading:E,returnValueWithAddons:D,invalid:ie,size:O,onChange:k,value:A,defaultValue:j,id:M,strings:N,...P},F){let I=(0,g.useRef)(null),L=ee(re,N),{defaultControlSize:R}=r(),z=l(O,R),B=(0,g.useCallback)(e=>{typeof F==`function`?F(e):F&&(F.current=e),I.current=e},[F]),{id:V,value:H,isReactHookForm:U,characterCount:ae,hasCharacterLimit:W,showCount:G,hasValue:K,updateValue:q,clearValue:J,wouldExceedLimit:Y}=te({controlledValue:A,defaultValue:j,maxLength:S,showCharacterCount:C,providedId:M,idPrefix:`input`,hasOnChange:k!==void 0}),X=!!w,Z=!!E,oe=!!y,se=!!x,Q=t===`file`,$=!!ie,ce=(0,g.useMemo)(()=>{let e=z===`small`?`ps-control-sm`:`ps-control`,t=z===`small`?`pe-control-sm`:`pe-control`;return o&&(e=f[z]),b&&(e=m[z]),y&&(t=u[z]),x&&(t=p[z]),(X&&K||Z)&&(t=u[z]),G&&(t=ne[z]),`${e} ${t}`},[o,b,y,x,X,K,Z,G,z]),le=(0,g.useCallback)(e=>{let t=e.target.value;if(!Y(t)&&(q(t),k))if(D){let n=v(t,b,x);k({...e,target:{...e.target,value:n},currentTarget:{...e.currentTarget,value:n}})}else k(e)},[k,D,b,x,q,Y]),ue=(0,g.useCallback)(()=>{let e=D?v(``,b,x):``,t={target:{value:e},currentTarget:{value:e}};J(),k?.(t),T?.(),I.current?.focus()},[D,b,x,J,k,T]),de=X&&K&&!G&&!Z,fe=Z&&!G,pe=oe&&!X&&!G&&!Z,me=se&&!X&&!G&&!Z;return(0,_.jsxs)(`div`,{className:s(`input--component`,`relative`),children:[(0,_.jsx)(`input`,{ref:B,id:V,type:t,...!U&&{value:H},onChange:le,maxLength:S,"aria-invalid":$||void 0,disabled:P.disabled||E,className:s(`file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full min-w-0 rounded-radius border`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,h[z],d[z],`file:inline-flex file:h-control-file file:border file:bg-transparent file:px-control file:font-medium`,z===`small`?`file:text-xs`:`file:text-sm`,Q?`cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground`:`bg-transparent`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive`,`aria-invalid:placeholder:text-destructive/40`,Q?`read-only:bg-background`:`read-only:bg-muted`,ce,e),...P}),!!o&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(o,{className:c[z],"aria-hidden":`true`})}),!!b&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center`,z===`small`?`ps-control-sm text-xs`:`ps-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:b}),!!pe&&!!y&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(y,{className:c[z],"aria-hidden":`true`})}),!!me&&(0,_.jsx)(`span`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),children:x}),!!G&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center tabular-nums`,z===`small`?`pe-control-sm text-xs`:`pe-control text-sm`,P.disabled&&`opacity-50`,$?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,_.jsxs)(n,{tag:`span`,size:z===`small`?`xxs`:`xs`,type:$?`error`:`secondary`,children:[ae,W?`/${S}`:``]})}),!!fe&&(0,_.jsx)(`div`,{className:s(`pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-control`,$?`text-destructive`:`text-muted-foreground/80`),children:(0,_.jsx)(i,{className:s(c[z],`animate-spin`),"aria-hidden":`true`})}),!!de&&(0,_.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-control-clear items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":L.clear,onClick:ue,disabled:E,children:(0,_.jsx)(a,{className:c[z],"aria-hidden":`true`})})]})}var b=(0,g.memo)(g.forwardRef(y));b.displayName=`Input`;export{b as t};

package/dist/showcase/assets/inputs-Bhw_FGDY.js

@@ -0,0 +1,155 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{c as r,n as i,t as a}from"./section-D-N8Ze16.js";import{t as o}from"./example-PsbgbESI.js";import{t as s}from"./chevron-down-BqrI6QzQ.js";import{t as c}from"./minus-B1es6KJX.js";import{d as l,n as u}from"./index-QESvAJrb.js";import{a as d,i as f,n as ee,o as p,t as m}from"./select-C9Mfb_Gj.js";import{t as h}from"./input-CBJy1dMs.js";import{t as g}from"./textarea-DgNgSl1g.js";import{t as _}from"./PreviewLayout-wYGhlcJt.js";var v=t(n(),1),y=l();function te({className:e,...t}){return(0,y.jsx)(`label`,{"data-slot":`label`,className:u(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}function b({className:e,...t}){return(0,y.jsx)(`fieldset`,{"data-slot":`field-set`,className:u(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t})}function x({className:e,variant:t=`legend`,...n}){return(0,y.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:u(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n})}function S({className:e,...t}){return(0,y.jsx)(`div`,{"data-slot":`field-group`,className:u(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t})}var C=r(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function w({className:e,orientation:t=`vertical`,...n}){return(0,y.jsx)(`div`,{role:`group`,"data-slot":`field`,"data-orientation":t,className:u(C({orientation:t}),e),...n})}function T({className:e,...t}){return(0,y.jsx)(te,{"data-slot":`field-label`,className:u(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-input/30 has-[>[data-slot=field]]:rounded-2xl has-[>[data-slot=field]]:border *:data-[slot=field]:p-4`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,e),...t})}function E({className:e,...t}){return(0,y.jsx)(`p`,{"data-slot":`field-description`,className:u(`text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function D({className:e,children:t,errors:n,...r}){let i=(0,v.useMemo)(()=>{if(t)return t;if(!n?.length)return null;let e=[...new Map(n.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,y.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,y.jsx)(`li`,{children:e.message},t))})},[t,n]);return i?(0,y.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:u(`text-sm font-normal text-destructive`,e),...r,children:i}):null}var O=Object.defineProperty,k=Object.defineProperties,A=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,P=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ne=(e,t)=>{for(var n in t||={})M.call(t,n)&&P(e,n,t[n]);if(j)for(var n of j(t))N.call(t,n)&&P(e,n,t[n]);return e},re=(e,t)=>k(e,A(t)),ie=(e,t)=>{var n={};for(var r in e)M.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&j)for(var r of j(e))t.indexOf(r)<0&&N.call(e,r)&&(n[r]=e[r]);return n};function ae(e){return[setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)]}function oe(e){let t=v.useRef();return v.useEffect(()=>{t.current=e}),t.current}var F=18,I=40,L=`${I}px`,R=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function se({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:r}){let[i,a]=v.useState(!1),[o,s]=v.useState(!1),[c,l]=v.useState(!1),u=v.useMemo(()=>n===`none`?!1:(n===`increase-width`||n===`experimental-no-flickering`)&&i&&o,[i,o,n]),d=v.useCallback(()=>{let r=e.current,i=t.current;if(!r||!i||c||n===`none`)return;let o=r,s=o.getBoundingClientRect().left+o.offsetWidth,u=o.getBoundingClientRect().top+o.offsetHeight/2,d=s-F,f=u;document.querySelectorAll(R).length===0&&document.elementFromPoint(d,f)===r||(a(!0),l(!0))},[e,t,c,n]);return v.useEffect(()=>{let t=e.current;if(!t||n===`none`)return;function r(){s(window.innerWidth-t.getBoundingClientRect().right>=I)}r();let i=setInterval(r,1e3);return()=>{clearInterval(i)}},[e,n]),v.useEffect(()=>{let e=r||document.activeElement===t.current;if(n===`none`||!e)return;let i=setTimeout(d,0),a=setTimeout(d,2e3),o=setTimeout(d,5e3),s=setTimeout(()=>{l(!0)},6e3);return()=>{clearTimeout(i),clearTimeout(a),clearTimeout(o),clearTimeout(s)}},[t,r,n,d]),{hasPWMBadge:i,willPushPWMBadge:u,PWM_BADGE_SPACE_WIDTH:L}}var ce=v.createContext({}),z=v.forwardRef((e,t)=>{var n=e,{value:r,onChange:i,maxLength:a,textAlign:o=`left`,pattern:s,placeholder:c,inputMode:l=`numeric`,onComplete:u,pushPasswordManagerStrategy:d=`increase-width`,pasteTransformer:f,containerClassName:ee,noScriptCSSFallback:p=le,render:m,children:h}=n,g=ie(n,[`value`,`onChange`,`maxLength`,`textAlign`,`pattern`,`placeholder`,`inputMode`,`onComplete`,`pushPasswordManagerStrategy`,`pasteTransformer`,`containerClassName`,`noScriptCSSFallback`,`render`,`children`]),_;let[y,te]=v.useState(typeof g.defaultValue==`string`?g.defaultValue:``),b=r??y,x=oe(b),S=v.useCallback(e=>{i?.(e),te(e)},[i]),C=v.useMemo(()=>s?typeof s==`string`?new RegExp(s):s:null,[s]),w=v.useRef(null),T=v.useRef(null),E=v.useRef({value:b,onChange:S,isIOS:typeof window<`u`&&((_=window==null?void 0:window.CSS)?.supports)?.call(_,`-webkit-touch-callout`,`none`)}),D=v.useRef({prev:[w.current?.selectionStart,w.current?.selectionEnd,w.current?.selectionDirection]});v.useImperativeHandle(t,()=>w.current,[]),v.useEffect(()=>{let e=w.current,t=T.current;if(!e||!t)return;E.current.value!==e.value&&E.current.onChange(e.value),D.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection];function n(){if(document.activeElement!==e){N(null),F(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,i=e.maxLength,a=e.value,o=D.current.prev,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0;if(o[0]!==null&&o[1]!==null){l=e<o[1]?`backward`:`forward`;let n=o[0]===o[1]&&o[0]<i;l===`backward`&&!n&&(t=-1)}s=t+e,c=t+e+1}}s!==-1&&c!==-1&&s!==c&&w.current.setSelectionRange(s,c,l)}let u=s===-1?t:s,d=c===-1?n:c,f=l??r;N(u),F(d),D.current.prev=[u,d,f]}if(document.addEventListener(`selectionchange`,n,{capture:!0}),n(),document.activeElement===e&&j(!0),!document.getElementById(`input-otp-style`)){let e=document.createElement(`style`);if(e.id=`input-otp-style`,document.head.appendChild(e),e.sheet){let t=`background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;`;B(e.sheet,`[data-input-otp]::selection { background: transparent !important; color: transparent !important; }`),B(e.sheet,`[data-input-otp]:autofill { ${t} }`),B(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),B(e.sheet,`@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }`),B(e.sheet,`[data-input-otp] + * { pointer-events: all !important; }`)}}let r=()=>{t&&t.style.setProperty(`--root-height`,`${e.clientHeight}px`)};r();let i=new ResizeObserver(r);return i.observe(e),()=>{document.removeEventListener(`selectionchange`,n,{capture:!0}),i.disconnect()}},[]);let[O,k]=v.useState(!1),[A,j]=v.useState(!1),[M,N]=v.useState(null),[P,F]=v.useState(null);v.useEffect(()=>{ae(()=>{var e;(e=w.current)==null||e.dispatchEvent(new Event(`input`));let t=w.current?.selectionStart,n=w.current?.selectionEnd,r=w.current?.selectionDirection;t!==null&&n!==null&&(N(t),F(n),D.current.prev=[t,n,r])})},[b,A]),v.useEffect(()=>{x!==void 0&&b!==x&&x.length<a&&b.length===a&&u?.(b)},[a,u,x,b]);let I=se({containerRef:T,inputRef:w,pushPasswordManagerStrategy:d,isFocused:A}),L=v.useCallback(e=>{let t=e.currentTarget.value.slice(0,a);if(t.length>0&&C&&!C.test(t)){e.preventDefault();return}typeof x==`string`&&t.length<x.length&&document.dispatchEvent(new Event(`selectionchange`)),S(t)},[a,S,x,C]),R=v.useCallback(()=>{var e;if(w.current){let t=Math.min(w.current.value.length,a-1),n=w.current.value.length;(e=w.current)==null||e.setSelectionRange(t,n),N(t),F(n)}j(!0)},[a]),z=v.useCallback(e=>{let t=w.current;if(!f&&(!E.current.isIOS||!e.clipboardData||!t))return;let n=e.clipboardData.getData(`text/plain`),r=f?f(n):n;e.preventDefault();let i=w.current?.selectionStart,o=w.current?.selectionEnd,s=(i===o?b.slice(0,i)+r+b.slice(i):b.slice(0,i)+r+b.slice(o)).slice(0,a);if(s.length>0&&C&&!C.test(s))return;t.value=s,S(s);let c=Math.min(s.length,a-1),l=s.length;t.setSelectionRange(c,l),N(c),F(l)},[a,S,C,b]),ue=v.useMemo(()=>({position:`relative`,cursor:g.disabled?`default`:`text`,userSelect:`none`,WebkitUserSelect:`none`,pointerEvents:`none`}),[g.disabled]),V=v.useMemo(()=>({position:`absolute`,inset:0,width:I.willPushPWMBadge?`calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})`:`100%`,clipPath:I.willPushPWMBadge?`inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:`100%`,display:`flex`,textAlign:o,opacity:`1`,color:`transparent`,pointerEvents:`all`,background:`transparent`,caretColor:`transparent`,border:`0 solid transparent`,outline:`0 solid transparent`,boxShadow:`none`,lineHeight:`1`,letterSpacing:`-.5em`,fontSize:`var(--root-height)`,fontFamily:`monospace`,fontVariantNumeric:`tabular-nums`}),[I.PWM_BADGE_SPACE_WIDTH,I.willPushPWMBadge,o]),H=v.useMemo(()=>v.createElement(`input`,re(ne({autoComplete:g.autoComplete||`one-time-code`},g),{"data-input-otp":!0,"data-input-otp-placeholder-shown":b.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":P,inputMode:l,pattern:C?.source,"aria-placeholder":c,style:V,maxLength:a,value:b,ref:w,onPaste:e=>{var t;z(e),(t=g.onPaste)==null||t.call(g,e)},onChange:L,onMouseOver:e=>{var t;k(!0),(t=g.onMouseOver)==null||t.call(g,e)},onMouseLeave:e=>{var t;k(!1),(t=g.onMouseLeave)==null||t.call(g,e)},onFocus:e=>{var t;R(),(t=g.onFocus)==null||t.call(g,e)},onBlur:e=>{var t;j(!1),(t=g.onBlur)==null||t.call(g,e)}})),[L,R,z,l,V,a,P,M,g,C?.source,b]),U=v.useMemo(()=>({slots:Array.from({length:a}).map((e,t)=>{let n=A&&M!==null&&P!==null&&(M===P&&t===M||t>=M&&t<P),r=b[t]===void 0?null:b[t];return{char:r,placeholderChar:b[0]===void 0?c?.[t]??null:null,isActive:n,hasFakeCaret:n&&r===null}}),isFocused:A,isHovering:!g.disabled&&O}),[A,O,a,P,M,g.disabled,b]),W=v.useMemo(()=>m?m(U):v.createElement(ce.Provider,{value:U},h),[h,U,m]);return v.createElement(v.Fragment,null,p!==null&&v.createElement(`noscript`,null,v.createElement(`style`,null,p)),v.createElement(`div`,{ref:T,"data-input-otp-container":!0,style:ue,className:ee},W,v.createElement(`div`,{style:{position:`absolute`,inset:0,pointerEvents:`none`}},H)))});z.displayName=`Input`;function B(e,t){try{e.insertRule(t)}catch{console.error(`input-otp could not insert CSS rule:`,t)}}var le=`
+[data-input-otp] {
+  --nojs-bg: white !important;
+  --nojs-fg: black !important;
+
+  background-color: var(--nojs-bg) !important;
+  color: var(--nojs-fg) !important;
+  caret-color: var(--nojs-fg) !important;
+  letter-spacing: .25em !important;
+  text-align: center !important;
+  border: 1px solid var(--nojs-fg) !important;
+  border-radius: 4px !important;
+  width: 100% !important;
+}
+@media (prefers-color-scheme: dark) {
+  [data-input-otp] {
+    --nojs-bg: black !important;
+    --nojs-fg: white !important;
+  }
+}`;function ue({className:e,containerClassName:t,...n}){return(0,y.jsx)(z,{"data-slot":`input-otp`,containerClassName:u(`cn-input-otp flex items-center has-disabled:opacity-50`,t),spellCheck:!1,className:u(`disabled:cursor-not-allowed`,e),...n})}function V({className:e,...t}){return(0,y.jsx)(`div`,{"data-slot":`input-otp-group`,className:u(`flex items-center rounded-3xl has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40`,e),...t})}function H({index:e,className:t,...n}){let{char:r,hasFakeCaret:i,isActive:a}=v.useContext(ce)?.slots[e]??{};return(0,y.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":a,className:u(`relative flex size-9 items-center justify-center border-y border-r border-input bg-input/50 text-sm transition-all outline-none first:rounded-l-3xl first:border-l last:rounded-r-3xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/30 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40`,t),...n,children:[r,i&&(0,y.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,y.jsx)(`div`,{className:`h-4 w-px animate-caret-blink bg-foreground duration-1000`})})]})}function U({...e}){return(0,y.jsx)(`div`,{"data-slot":`input-otp-separator`,className:`flex items-center [&_svg:not([class*='size-'])]:size-4`,role:`separator`,...e,children:(0,y.jsx)(c,{})})}function W({className:e,...t}){return(0,y.jsx)(`kbd`,{"data-slot":`kbd`,className:u(`pointer-events-none inline-flex h-5.5 w-fit min-w-5.5 items-center justify-center gap-1 rounded-lg bg-muted px-1.5 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=input-group]:bg-input in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3`,e),...t})}function de({className:e,...t}){return(0,y.jsx)(`kbd`,{"data-slot":`kbd-group`,className:u(`inline-flex items-center gap-1`,e),...t})}function fe({className:e,size:t=`default`,...n}){return(0,y.jsxs)(`div`,{className:u(`group/native-select relative w-fit has-[select:disabled]:opacity-50`,e),"data-slot":`native-select-wrapper`,"data-size":t,children:[(0,y.jsx)(`select`,{"data-slot":`native-select`,"data-size":t,className:`h-9 w-full min-w-0 appearance-none rounded-3xl border border-transparent bg-input/50 py-1 pr-8 pl-3 text-sm transition-[color,box-shadow,background-color] outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,...n}),(0,y.jsx)(s,{className:`pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none`,"aria-hidden":`true`,"data-slot":`native-select-icon`})]})}function G({className:e,...t}){return(0,y.jsx)(`option`,{"data-slot":`native-select-option`,className:u(`bg-[Canvas] text-[CanvasText]`,e),...t})}var pe=e({FieldExample:()=>Z,InputExample:()=>K,InputOTPExample:()=>X,KbdExample:()=>me,NativeSelectExample:()=>Y,SelectExample:()=>J,TextareaExample:()=>q});function K(){let[e,t]=(0,v.useState)(``);return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(_,{children:[(0,y.jsx)(h,{placeholder:`Type something…`,value:e,onChange:e=>t(e.target.value)}),(0,y.jsx)(h,{disabled:!0,placeholder:`Disabled`}),(0,y.jsx)(h,{"aria-invalid":!0,placeholder:`Invalid state`}),(0,y.jsx)(h,{type:`email`,placeholder:`email@example.com`})]})})}function q(){let[e,t]=(0,v.useState)(`Write a short internal note for the operations team.`);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(g,{placeholder:`Multi-line input…`,value:e,onChange:e=>t(e.target.value)})})}function J(){let[e,t]=(0,v.useState)(null);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(m,{value:e,onValueChange:t,children:[(0,y.jsx)(d,{className:`w-48`,children:(0,y.jsx)(p,{placeholder:`Pick a fruit`})}),(0,y.jsxs)(ee,{children:[(0,y.jsx)(f,{value:`apple`,children:`Apple`}),(0,y.jsx)(f,{value:`banana`,children:`Banana`}),(0,y.jsx)(f,{value:`cherry`,children:`Cherry`}),(0,y.jsx)(f,{value:`date`,children:`Date`})]})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e||`—`]})]})}function Y(){let[e,t]=(0,v.useState)(`open`);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(fe,{"aria-label":`Issue status`,value:e,onChange:e=>t(e.target.value),children:[(0,y.jsx)(G,{value:`open`,children:`Open`}),(0,y.jsx)(G,{value:`review`,children:`In review`}),(0,y.jsx)(G,{value:`resolved`,children:`Resolved`})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e]})]})}function X(){let[e,t]=(0,v.useState)(``);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(ue,{maxLength:6,value:e,onChange:t,children:[(0,y.jsxs)(V,{children:[(0,y.jsx)(H,{index:0}),(0,y.jsx)(H,{index:1}),(0,y.jsx)(H,{index:2})]}),(0,y.jsx)(U,{}),(0,y.jsxs)(V,{children:[(0,y.jsx)(H,{index:3}),(0,y.jsx)(H,{index:4}),(0,y.jsx)(H,{index:5})]})]}),(0,y.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e||`empty`]})]})}function Z(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(b,{className:`max-w-md`,children:[(0,y.jsx)(x,{variant:`label`,children:`Notification settings`}),(0,y.jsxs)(S,{children:[(0,y.jsxs)(w,{children:[(0,y.jsx)(T,{htmlFor:`ui-field-email`,children:`Email`}),(0,y.jsx)(h,{id:`ui-field-email`,type:`email`,defaultValue:`kira@example.com`}),(0,y.jsx)(E,{children:`Used for critical account notifications.`})]}),(0,y.jsxs)(w,{"data-invalid":`true`,children:[(0,y.jsx)(T,{htmlFor:`ui-field-backup-email`,children:`Backup email`}),(0,y.jsx)(h,{id:`ui-field-backup-email`,type:`email`,"aria-invalid":!0,defaultValue:`invalid`}),(0,y.jsx)(D,{children:`Enter a valid email address.`})]})]})]})})}function me(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(de,{children:[(0,y.jsx)(W,{children:`Ctrl`}),(0,y.jsx)(W,{children:`K`})]})})}var Q=`import { useState } from 'react';
+import {
+	Field,
+	FieldDescription,
+	FieldError,
+	FieldGroup,
+	FieldLabel,
+	FieldLegend,
+	FieldSet,
+} from '@/components/ui/field';
+import { Input } from '@/components/ui/input';
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@/components/ui/input-otp';
+import { Kbd, KbdGroup } from '@/components/ui/kbd';
+import { NativeSelect, NativeSelectOption } from '@/components/ui/native-select';
+import { Textarea } from '@/components/ui/textarea';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Col } from '../../PreviewLayout';
+
+export function InputExample() {
+	const [text, setText] = useState('');
+	return (
+		<>
+			<Col>
+				<Input placeholder="Type something…" value={text} onChange={(e) => setText(e.target.value)} />
+				<Input disabled placeholder="Disabled" />
+				<Input aria-invalid placeholder="Invalid state" />
+				<Input type="email" placeholder="email@example.com" />
+			</Col>
+		</>
+	);
+}
+
+export function TextareaExample() {
+	const [body, setBody] = useState('Write a short internal note for the operations team.');
+	return (
+		<>
+			<Textarea placeholder="Multi-line input…" value={body} onChange={(e) => setBody(e.target.value)} />
+		</>
+	);
+}
+
+export function SelectExample() {
+	const [fruit, setFruit] = useState<string | null>(null);
+	return (
+		<>
+			<Select value={fruit} onValueChange={setFruit}>
+				<SelectTrigger className="w-48">
+					<SelectValue placeholder="Pick a fruit" />
+				</SelectTrigger>
+				<SelectContent>
+					<SelectItem value="apple">Apple</SelectItem>
+					<SelectItem value="banana">Banana</SelectItem>
+					<SelectItem value="cherry">Cherry</SelectItem>
+					<SelectItem value="date">Date</SelectItem>
+				</SelectContent>
+			</Select>
+			<div className="mt-2 text-xs text-muted-foreground">value: {fruit || '—'}</div>
+		</>
+	);
+}
+
+export function NativeSelectExample() {
+	const [status, setStatus] = useState('open');
+
+	return (
+		<>
+			<NativeSelect
+				aria-label="Issue status"
+				value={status}
+				onChange={(event) => setStatus(event.target.value)}
+			>
+				<NativeSelectOption value="open">Open</NativeSelectOption>
+				<NativeSelectOption value="review">In review</NativeSelectOption>
+				<NativeSelectOption value="resolved">Resolved</NativeSelectOption>
+			</NativeSelect>
+			<div className="mt-2 text-xs text-muted-foreground">value: {status}</div>
+		</>
+	);
+}
+
+export function InputOTPExample() {
+	const [code, setCode] = useState('');
+
+	return (
+		<>
+			<InputOTP maxLength={6} value={code} onChange={setCode}>
+				<InputOTPGroup>
+					<InputOTPSlot index={0} />
+					<InputOTPSlot index={1} />
+					<InputOTPSlot index={2} />
+				</InputOTPGroup>
+				<InputOTPSeparator />
+				<InputOTPGroup>
+					<InputOTPSlot index={3} />
+					<InputOTPSlot index={4} />
+					<InputOTPSlot index={5} />
+				</InputOTPGroup>
+			</InputOTP>
+			<div className="mt-2 text-xs text-muted-foreground">value: {code || 'empty'}</div>
+		</>
+	);
+}
+
+export function FieldExample() {
+	return (
+		<>
+			<FieldSet className="max-w-md">
+				<FieldLegend variant="label">Notification settings</FieldLegend>
+				<FieldGroup>
+					<Field>
+						<FieldLabel htmlFor="ui-field-email">Email</FieldLabel>
+						<Input id="ui-field-email" type="email" defaultValue="kira@example.com" />
+						<FieldDescription>Used for critical account notifications.</FieldDescription>
+					</Field>
+					<Field data-invalid="true">
+						<FieldLabel htmlFor="ui-field-backup-email">Backup email</FieldLabel>
+						<Input id="ui-field-backup-email" type="email" aria-invalid defaultValue="invalid" />
+						<FieldError>Enter a valid email address.</FieldError>
+					</Field>
+				</FieldGroup>
+			</FieldSet>
+		</>
+	);
+}
+
+export function KbdExample() {
+	return (
+		<>
+			<KbdGroup>
+				<Kbd>Ctrl</Kbd>
+				<Kbd>K</Kbd>
+			</KbdGroup>
+		</>
+	);
+}
+`;function he(e){return pe||$(`Examples`,!1),Z||$(`Examples.FieldExample`,!0),K||$(`Examples.InputExample`,!0),X||$(`Examples.InputOTPExample`,!0),me||$(`Examples.KbdExample`,!0),Y||$(`Examples.NativeSelectExample`,!0),J||$(`Examples.SelectExample`,!0),q||$(`Examples.TextareaExample`,!0),(0,y.jsx)(i,{title:`UI · Inputs`,description:`Input, Textarea, Select, NativeSelect, InputOTP, Field, and Kbd primitives.`,layer:`ui`,status:`ready`,children:(0,y.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(o,{name:`InputExample`,source:Q,children:(0,y.jsx)(K,{})}),(0,y.jsx)(o,{name:`TextareaExample`,source:Q,children:(0,y.jsx)(q,{})}),(0,y.jsx)(o,{name:`SelectExample`,source:Q,children:(0,y.jsx)(J,{})}),(0,y.jsx)(o,{name:`NativeSelectExample`,source:Q,children:(0,y.jsx)(Y,{})}),(0,y.jsx)(o,{name:`InputOTPExample`,source:Q,children:(0,y.jsx)(X,{})}),(0,y.jsx)(o,{name:`FieldExample`,source:Q,children:(0,y.jsx)(Z,{})}),(0,y.jsx)(o,{name:`KbdExample`,source:Q,children:(0,y.jsx)(me,{})})]})})}function ge(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(he,{...e})}):he(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ge as default};

package/dist/showcase/assets/installation-DnvS2ZUn.js

@@ -0,0 +1,134 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{r as a,t as o}from"./example-PsbgbESI.js";import{t as s}from"./wrench-BiwmotMF.js";import{d as c,l,o as u,s as d}from"./index-QESvAJrb.js";import{t as f}from"./icon-badge-ognVhKWR.js";import{t as p}from"./smart-card-C6-idFYI.js";var m=l(`plug`,[[`path`,{d:`M12 22v-5`,key:`1ega77`}],[`path`,{d:`M15 8V2`,key:`18g5xt`}],[`path`,{d:`M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z`,key:`1xoxul`}],[`path`,{d:`M9 8V2`,key:`14iosj`}]]),h=l(`square-terminal`,[[`path`,{d:`m7 11 2-2-2-2`,key:`1lz0vl`}],[`path`,{d:`M11 13h4`,key:`1p7l4v`}],[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}]]),g=e({ImportRecipe:()=>x,InstallCommand:()=>y,MaintainerChecks:()=>C,NextLinks:()=>w,OptionalPeers:()=>S,RequiredSteps:()=>b}),_=c(),v=[[`Package`,`Install the library plus React, Tailwind, and icon peers used by the base layer.`],[`Stylesheet`,`Import the package stylesheet once in the application entry.`],[`Provider`,`Wrap the app in UIProvider when you want centralized display defaults.`],[`Imports`,`Use exact package subpaths for every component family.`]];function y(){return(0,_.jsx)(p,{title:`Install the package`,description:`Use the package as a library dependency, not copied source.`,icon:(0,_.jsx)(f,{icon:u,tone:`primary`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm install admin-ui-starter-kit react react-dom tailwindcss lucide-react`})})}function b(){return(0,_.jsx)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:v.map(([e,t],n)=>(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground`,children:n+1}),(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:e}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t})]})]})},e))})}function x(){return(0,_.jsx)(p,{title:`Exact public imports`,description:`Do not import raw shadcn primitives or preview files from consuming apps.`,icon:(0,_.jsx)(f,{icon:m,tone:`info`,shape:`square`,size:`default`}),children:(0,_.jsxs)(`div`,{className:`grid gap-2 font-mono text-xs text-foreground`,children:[(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:`import 'admin-ui-starter-kit/style.css';`}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ UIProvider }`,` from 'admin-ui-starter-kit/ui-provider';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ Button }`,` from 'admin-ui-starter-kit/base/buttons';`]}),(0,_.jsxs)(`div`,{className:`rounded-md bg-muted px-3 py-2`,children:[`import `,`{ GlobalSearch }`,` from 'admin-ui-starter-kit/features/global-search';`]})]})})}function S(){return(0,_.jsx)(p,{surface:`framed`,padding:`default`,children:(0,_.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,_.jsx)(f,{icon:s,tone:`warning`,shape:`square`}),(0,_.jsxs)(`div`,{className:`min-w-0 space-y-2`,children:[(0,_.jsxs)(`div`,{children:[(0,_.jsx)(r,{weight:`semibold`,children:`Feature peers stay opt-in`}),(0,_.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Rich text, charts, maps, drag and drop, and command palettes are installed only when the consuming app uses those surfaces.`})]}),(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(n,{variant:`secondary`,children:`@tiptap/react`}),(0,_.jsx)(n,{variant:`secondary`,children:`recharts`}),(0,_.jsx)(n,{variant:`secondary`,children:`embla-carousel-react`}),(0,_.jsx)(n,{variant:`secondary`,children:`cmdk`})]})]})]})})}function C(){return(0,_.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,_.jsx)(p,{title:`Consumer install skill`,description:`Installs the migration guidance into a downstream app.`,icon:(0,_.jsx)(f,{icon:d,tone:`success`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npx admin-ui-starter-kit-install-skill`})}),(0,_.jsx)(p,{title:`Release verification`,description:`Run package checks before publishing a release.`,icon:(0,_.jsx)(f,{icon:h,tone:`warning`,shape:`square`,size:`default`}),children:(0,_.jsx)(`div`,{className:`rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground`,children:`npm run verify:release`})})]})}function w(){return(0,_.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,_.jsx)(a,{href:`#/base/css-variables`,size:`default`,children:`View CSS variables`}),(0,_.jsx)(a,{href:`#/docs/showcase`,size:`default`,buttonStyle:`outline`,children:`Use the showcase`})]})}var T=`import {
+	ClipboardCheck,
+	PackageOpen,
+	Plug,
+	TerminalSquare,
+	Wrench } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Button } from '@/components/base/buttons';
+import { SmartCard } from '@/components/base/cards';
+import { IconBadge,
+} from '@/components/base/display';
+import { Text } from '@/components/typography';
+
+const REQUIRED_STEPS = [
+	['Package', 'Install the library plus React, Tailwind, and icon peers used by the base layer.'],
+	['Stylesheet', 'Import the package stylesheet once in the application entry.'],
+	['Provider', 'Wrap the app in UIProvider when you want centralized display defaults.'],
+	['Imports', 'Use exact package subpaths for every component family.'],
+] as const;
+
+export function InstallCommand() {
+	return (
+		<SmartCard
+			title="Install the package"
+			description="Use the package as a library dependency, not copied source."
+			icon={<IconBadge icon={PackageOpen} tone="primary" shape="square" size="default" />}
+		>
+			<div className="rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground">
+				npm install admin-ui-starter-kit react react-dom tailwindcss lucide-react
+			</div>
+		</SmartCard>
+	);
+}
+
+export function RequiredSteps() {
+	return (
+		<div className="grid gap-3 md:grid-cols-2">
+			{REQUIRED_STEPS.map(([title, description], index) => (
+				<SmartCard key={title} surface="framed" padding="default">
+					<div className="flex items-start gap-3">
+						<span className="inline-flex size-7 shrink-0 items-center justify-center rounded-md bg-muted text-xs font-semibold text-foreground">{index + 1}</span>
+						<div>
+							<Text weight="semibold">{title}</Text>
+							<Text size="xs" type="secondary" className="mt-1">
+								{description}
+							</Text>
+						</div>
+					</div>
+				</SmartCard>
+			))}
+		</div>
+	);
+}
+
+export function ImportRecipe() {
+	return (
+		<SmartCard
+			title="Exact public imports"
+			description="Do not import raw shadcn primitives or preview files from consuming apps."
+			icon={<IconBadge icon={Plug} tone="info" shape="square" size="default" />}
+		>
+			<div className="grid gap-2 font-mono text-xs text-foreground">
+				<div className="rounded-md bg-muted px-3 py-2">import 'admin-ui-starter-kit/style.css';</div>
+				<div className="rounded-md bg-muted px-3 py-2">import {'{ UIProvider }'} from 'admin-ui-starter-kit/ui-provider';</div>
+				<div className="rounded-md bg-muted px-3 py-2">import {'{ Button }'} from 'admin-ui-starter-kit/base/buttons';</div>
+				<div className="rounded-md bg-muted px-3 py-2">import {'{ GlobalSearch }'} from 'admin-ui-starter-kit/features/global-search';</div>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function OptionalPeers() {
+	return (
+		<SmartCard surface="framed" padding="default">
+			<div className="flex items-start gap-3">
+				<IconBadge icon={Wrench} tone="warning" shape="square" />
+				<div className="min-w-0 space-y-2">
+					<div>
+						<Text weight="semibold">Feature peers stay opt-in</Text>
+						<Text size="xs" type="secondary" className="mt-1">
+							Rich text, charts, maps, drag and drop, and command palettes are installed only when the consuming app uses those surfaces.
+						</Text>
+					</div>
+					<div className="flex flex-wrap gap-2">
+						<Badge variant="secondary">@tiptap/react</Badge>
+						<Badge variant="secondary">recharts</Badge>
+						<Badge variant="secondary">embla-carousel-react</Badge>
+						<Badge variant="secondary">cmdk</Badge>
+					</div>
+				</div>
+			</div>
+		</SmartCard>
+	);
+}
+
+export function MaintainerChecks() {
+	return (
+		<div className="grid gap-3 md:grid-cols-2">
+			<SmartCard
+				title="Consumer install skill"
+				description="Installs the migration guidance into a downstream app."
+				icon={<IconBadge icon={ClipboardCheck} tone="success" shape="square" size="default" />}
+			>
+				<div className="rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground">npx admin-ui-starter-kit-install-skill</div>
+			</SmartCard>
+			<SmartCard
+				title="Release verification"
+				description="Run package checks before publishing a release."
+				icon={<IconBadge icon={TerminalSquare} tone="warning" shape="square" size="default" />}
+			>
+				<div className="rounded-md bg-muted px-3 py-2 font-mono text-xs text-foreground">npm run verify:release</div>
+			</SmartCard>
+		</div>
+	);
+}
+
+export function NextLinks() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Button href="#/base/css-variables" size="default">
+				View CSS variables
+			</Button>
+			<Button href="#/docs/showcase" size="default" buttonStyle="outline">
+				Use the showcase
+			</Button>
+		</div>
+	);
+}
+`;function E(e){let n={code:`code`,p:`p`,...e.components};return g||O(`Examples`,!1),x||O(`Examples.ImportRecipe`,!0),y||O(`Examples.InstallCommand`,!0),C||O(`Examples.MaintainerChecks`,!0),w||O(`Examples.NextLinks`,!0),S||O(`Examples.OptionalPeers`,!0),b||O(`Examples.RequiredSteps`,!0),(0,_.jsxs)(t,{title:`Installation`,description:`Install the package, import the stylesheet, and consume exact public subpaths.`,layer:`docs`,status:`ready`,sourcePath:`README.md`,children:[(0,_.jsxs)(i,{title:`Install`,id:`install`,children:[(0,_.jsx)(o,{name:`InstallCommand`,source:T,layout:`flush`,children:(0,_.jsx)(y,{})}),(0,_.jsx)(o,{name:`RequiredSteps`,source:T,layout:`flush`,children:(0,_.jsx)(b,{})})]}),(0,_.jsxs)(i,{title:`Imports`,id:`imports`,children:[(0,_.jsx)(o,{name:`ImportRecipe`,source:T,layout:`flush`,children:(0,_.jsx)(x,{})}),(0,_.jsxs)(n.p,{children:[`Exact subpaths are part of the public contract. The root entrypoint intentionally
+stays small; component families are imported from `,(0,_.jsx)(n.code,{children:`base/*`}),`, `,(0,_.jsx)(n.code,{children:`composed/*`}),`,
+`,(0,_.jsx)(n.code,{children:`features/*`}),`, or `,(0,_.jsx)(n.code,{children:`layout/*`}),` public paths.`]})]}),(0,_.jsxs)(i,{title:`Optional Peers`,id:`optional-peers`,children:[(0,_.jsx)(o,{name:`OptionalPeers`,source:T,layout:`flush`,children:(0,_.jsx)(S,{})}),(0,_.jsx)(n.p,{children:`Only install optional peers for surfaces your app renders. The library remains
+framework-neutral; routing, mutations, query clients, and i18n systems stay in
+the consuming app.`})]}),(0,_.jsxs)(i,{title:`Verification`,id:`verification`,children:[(0,_.jsx)(o,{name:`MaintainerChecks`,source:T,layout:`flush`,children:(0,_.jsx)(C,{})}),(0,_.jsx)(o,{name:`NextLinks`,source:T,layout:`center`,children:(0,_.jsx)(w,{})})]})]})}function D(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(E,{...e})}):E(e)}function O(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{D as default};

package/dist/showcase/assets/invoice-header-B9Ak8GXX.js

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{f as t,n,o as r,p as i,t as a}from"./section-D-N8Ze16.js";import{t as o}from"./example-PsbgbESI.js";import{N as s,d as c,n as l}from"./index-QESvAJrb.js";import{t as u}from"./props-table-CCcohuyT.js";import{t as d}from"./smart-card-C6-idFYI.js";import{t as f}from"./separator-Ha9YxI2x.js";import{t as p}from"./inline-stat-CO01t7SJ.js";var m={title:`Invoice`,billFrom:`Bill From`,billTo:`Bill To`,issued:`Issued`,due:`Due`,amountDue:`Amount Due`},h=c();function g({eyebrow:e,name:t,location:n}){return(0,h.jsxs)(`div`,{className:l(`invoice-header--component`,`space-y-1`),children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,h.jsx)(i,{weight:`semibold`,className:`leading-snug`,children:t}),!!n&&(0,h.jsx)(i,{size:`xs`,type:`secondary`,className:`leading-snug`,children:n})]})}function _({invoiceNumber:e,status:n,statusVariant:a=`success`,from:o,to:c,issuedDate:u,dueDate:_,amount:v,className:y,strings:b}){let x=s(m,b);return(0,h.jsxs)(d,{title:x.title,className:y,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsx)(i,{weight:`bold`,className:`font-mono tracking-wide`,children:e}),(0,h.jsx)(r,{variant:a,children:n})]}),(0,h.jsxs)(`div`,{className:`mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6`,children:[(0,h.jsx)(g,{eyebrow:x.billFrom,name:o.name,location:o.location}),(0,h.jsx)(g,{eyebrow:x.billTo,name:c.name,location:c.location})]}),(0,h.jsx)(f,{className:`my-5`}),(0,h.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-4`,children:[(0,h.jsxs)(`div`,{className:`space-y-1`,children:[!!u&&(0,h.jsx)(p,{layout:`inline`,label:x.issued,value:u,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`}),!!_&&(0,h.jsx)(p,{layout:`inline`,label:x.due,value:_,mono:!0,labelClassName:`text-xxs uppercase tracking-wider font-medium`,valueClassName:`text-xs font-medium`})]}),(0,h.jsxs)(`div`,{className:`text-right`,children:[(0,h.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:x.amountDue}),(0,h.jsx)(t,{tag:`h3`,className:l(`mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0`),children:v})]})]})]})}_.displayName=`InvoiceHeaderCard`;var v=e({Overdue:()=>b,Paid:()=>y});function y(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0392`,status:`Paid`,statusVariant:`success`,from:{name:`Gift Come True Ltd.`,location:`New York, NY`},to:{name:`Daniel Smith`,location:`Los Angeles, USA`},issuedDate:`Mar 20, 2026`,dueDate:`Apr 20, 2026`,amount:`2,480.00 USD`})})}function b(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_,{invoiceNumber:`#INV-2026-0114`,status:`Overdue`,statusVariant:`error`,from:{name:`Gift Come True Ltd.`},to:{name:`Adventure Park Bansko`},issuedDate:`Feb 14, 2026`,dueDate:`Mar 14, 2026`,amount:`3,120.00 USD`})})}var x=`import { InvoiceHeaderCard } from '@/components/composed/data-display/invoice-header';
+
+export function Paid() {
+	return (
+		<>
+			<InvoiceHeaderCard
+								invoiceNumber="#INV-2026-0392"
+								status="Paid"
+								statusVariant="success"
+								from={{ name: 'Gift Come True Ltd.', location: 'New York, NY' }}
+								to={{ name: 'Daniel Smith', location: 'Los Angeles, USA' }}
+								issuedDate="Mar 20, 2026"
+								dueDate="Apr 20, 2026"
+								amount="2,480.00 USD"
+							/>
+		</>
+	);
+}
+
+export function Overdue() {
+	return (
+		<>
+			<InvoiceHeaderCard
+								invoiceNumber="#INV-2026-0114"
+								status="Overdue"
+								statusVariant="error"
+								from={{ name: 'Gift Come True Ltd.' }}
+								to={{ name: 'Adventure Park Bansko' }}
+								issuedDate="Feb 14, 2026"
+								dueDate="Mar 14, 2026"
+								amount="3,120.00 USD"
+							/>
+		</>
+	);
+}
+`;function S(e){let t={h4:`h4`,...e.components};return v||w(`Examples`,!1),b||w(`Examples.Overdue`,!0),y||w(`Examples.Paid`,!0),(0,h.jsxs)(n,{title:`Composed · Invoice header`,description:`Top of an invoice — number, status, parties, amount.`,layer:`composed`,status:`ready`,children:[(0,h.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(o,{name:`Paid`,source:x,children:(0,h.jsx)(y,{})}),(0,h.jsx)(o,{name:`Overdue`,source:x,children:(0,h.jsx)(b,{})})]}),(0,h.jsxs)(a,{title:`API`,id:`api`,children:[(0,h.jsx)(t.h4,{children:`InvoiceHeaderCard`}),(0,h.jsx)(u,{component:`InvoiceHeaderCard`})]})]})}function C(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(S,{...e})}):S(e)}function w(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{C as default};