@kitn.ai/ui 0.26.0 → 0.27.0

package/dist/info-8mFsIjS3.js

@@ -0,0 +1 @@
+import{I as o}from"./Icon-BnFKqqtY.js";import{c as r,q as e}from"./define-CGGX-7Vg.js";var c=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],i=a=>r(o,e(a,{name:"Info",iconNode:c})),m=i;export{m as i};

package/dist/input-d1Yuu-hz.js

@@ -0,0 +1 @@
+import{s as Te,w as je,j as Ne,z as Ae,h as He,i as E,c as K,d as ge,S as q,a as pe,b as me,t as H,u as Ue,p as Je,q as Oe}from"./define-CGGX-7Vg.js";import{c as G}from"./cn-DN5AWfiS.js";class ve extends Error{}const be=64,We=/[0-9]/u,Ke=/[\p{L}\p{N}]/u;function Q(t){return t==="#"||t==="@"||t==="*"}function ae(t,n){return t==="#"?We.test(n):Ke.test(n)}function Z(t,n){if(t.length>be)throw new ve(`format is ${t.length} characters; the maximum is ${be}`);if(n!==void 0&&n.length!==t.length)throw new ve(`guide is ${n.length} characters but format is ${t.length}; they must align position for position`);const i=[];let o="";for(let u=0;u<t.length;u+=1){const h=t[u];Q(h)?(i.push(u),o+=" "):o+=h}return{format:t,guide:n??o,fillIndexes:i,capacity:i.length}}function qe(t,n){return n==="upper"?t.toUpperCase():n==="lower"?t.toLowerCase():t}function V(t,n,i="preserve"){let o="",u=0,h=0;for(;h<t.format.length&&u<n.length;){const y=t.format[h];if(!Q(y)){n[u].toLowerCase()===y.toLowerCase()&&(u+=1),h+=1;continue}const I=qe(n[u],i);ae(y,I)&&(o+=I,h+=1),u+=1}return o}function L(t,n){if(n.length===0)return"";let i="",o="",u=0;for(let h=0;h<t.format.length;h+=1)if(!Q(t.format[h]))o+=t.format[h];else if(u<n.length)i+=o+n[u],o="",u+=1;else return i;return i+o}function we(t,n){let i="",o=0;for(let u=0;u<t.format.length;u+=1)Q(t.format[u])&&o<n.length?(i+=n[o],o+=1):i+=t.guide[u]??"";return i}function le(t,n){let i="";for(const o of t.fillIndexes){const u=n[o];if(u===void 0||!ae(t.format[o],u))break;i+=u}return i}function Qe(t,n,i){const o=Math.max(0,Math.min(i,n.length));let u=0;for(const h of t.fillIndexes){if(h>=o)break;const y=n[h];if(y===void 0||!ae(t.format[h],y))break;u+=1}return u}function ee(t,n,i){if(t.capacity===0)return Math.min(t.format.length,n.length);const o=Math.max(0,Math.min(i,t.capacity));if(o===0)return Math.min(t.fillIndexes[0],n.length);let u=t.fillIndexes[o-1]+1;for(;u<t.format.length&&!Q(t.format[u]);)u+=1;return Math.min(u,n.length)}const Xe=["tel","ssn","credit-card","custom"],Ye={spellcheck:!1,autocorrect:"off",autocapitalize:"off",canonical:"as-typed"};function ye(t){switch(t){case"tel":return{inputmode:"tel",autocomplete:"tel",spellcheck:!1,autocorrect:"off",autocapitalize:"off",defaultFormat:"###-###-####",canonical:"digits"};case"ssn":return{inputmode:"numeric",autocomplete:"off",spellcheck:!1,autocorrect:"off",autocapitalize:"off",defaultFormat:"###-##-####",canonical:"digits"};case"credit-card":return{inputmode:"numeric",autocomplete:"cc-number",spellcheck:!1,autocorrect:"off",autocapitalize:"off",defaultFormat:"#### #### #### ####",canonical:"digits"};case"custom":return{spellcheck:!1,autocorrect:"off",autocapitalize:"off",canonical:"formatted"};default:return console.warn(`fieldSemantics: unrecognized semantic type ${JSON.stringify(t)}; falling back to unmasked text`),Ye}}function ie(t,n,i){const o=le(t,n);return o.length===0?"":i==="custom"?L(t,o):o}const _e=200,Ge="\u2022",Ze=new Set(["insertText","insertFromPaste","insertFromPasteAsQuotation","insertFromDrop","insertReplacementText","insertFromYank","insertTranspose"]),et=new Set(["deleteContent","deleteContentBackward","deleteContentForward","deleteWordBackward","deleteWordForward","deleteSoftLineBackward","deleteSoftLineForward","deleteHardLineBackward","deleteHardLineForward","deleteByDrag"]),tt=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"]);function nt(t,n){let i={...n},o=Z(i.format,i.guide),u=i.guide!==void 0,h=i.caseMode??"preserve",y=i.semantic??"custom",I=i.obscure??!1,f="",P=o,m="";const $=[],T=[];let M=!1,S=!1,v=!1,b=!1,z=null;const U=e=>u?we(o,e):L(o,e),j=e=>Math.min(Qe(o,f,e),m.length);function N(){const e=t.selectionStart??f.length,a=t.selectionEnd??f.length;return[j(e),j(Math.max(e,a))]}function X(e,a){v=!0;try{t.setSelectionRange(e,a)}catch{}finally{v=!1}}function A(e,a){var r;(r=i.onReject)==null||r.call(i,{reason:e,data:a})}function J(e,a,r){var c;r.undo!=="none"&&((r.undo==="break"||!M)&&($.push({formatted:f,pattern:P,selStart:t.selectionStart??f.length,selEnd:t.selectionEnd??f.length}),$.length>_e&&$.shift()),M=r.undo==="run",T.length=0),f=e,P=o,m=r.raw,t.value=e;const d=Math.max(0,Math.min(a,e.length)),g=Math.max(d,Math.min(r.selectionEnd??a,e.length));X(d,g),r.notify!==!1&&((c=i.onInput)==null||c.call(i,{canonical:se(),formatted:f}))}function F(e,a,r){const c=U(e);J(c,ee(o,c,a),{...r,raw:e})}function te(e){try{return Z(o.format+"@".repeat(e))}catch{return null}}function C(e,a,r,c){const d=o.capacity-(m.length-(a-e));if(r.length>0&&d<=0)return A("full",r),!1;const g=m.slice(0,e),w=L(o,g),B=V(o,w+r,h),re=B.slice(g.length),he=m.slice(a),oe=V(o,L(o,B)+he,h);if(r.length>0&&re.length===0)return A("wrong-class",r),!1;if(oe===m)return!1;F(oe,g.length+re.length,{undo:c==="insert"?"run":"break",notify:!0});const Be=oe.length<B.length+he.length,Pe=B.length===o.capacity&&re.length<r.length&&ne(w,r,B.length);return(Be||Pe)&&A("over-capacity",r),!0}function ne(e,a,r){const c=te(a.length);return c===null?!1:V(c,e+a,h).length>r}function O(){const e=t.value,a=Math.min(e.length,f.length);let r=0;for(;r<a&&e[r]===f[r];)r+=1;let c=0;for(;c<a-r&&e[e.length-1-c]===f[f.length-1-c];)c+=1;const d=e.slice(r,e.length-c),g=j(r),w=Math.max(g,j(f.length-c));C(g,w,d,"bulk"),t.value!==f&&J(f,ee(o,f,m.length),{undo:"none",raw:m,notify:!1})}function Y(){return{formatted:f,pattern:P,selStart:t.selectionStart??f.length,selEnd:t.selectionEnd??f.length}}function l(e){if(M=!1,e.pattern===o){J(e.formatted,e.selStart,{undo:"none",selectionEnd:e.selEnd,raw:le(o,e.formatted),notify:!0});return}const a=le(e.pattern,e.formatted),r=V(o,L(e.pattern,a),h);F(r,r.length,{undo:"none",notify:!0})}function s(){const e=$.pop();e!==void 0&&(T.push(Y()),l(e))}function p(){const e=T.pop();e!==void 0&&($.push(Y()),l(e))}function D(e){const a=e.split("");for(let r=0;r<o.fillIndexes.length&&r<m.length;r+=1){const c=o.fillIndexes[r];o.format[c]==="*"&&c<a.length&&(a[c]=Ge)}return a.join("")}function x(){const e=t.selectionStart??0,a=t.selectionEnd??0;switch(k()){case"blocked":return"";case"formatted":return f.slice(e,a);case"obscured":return D(f).slice(e,a);default:{const[r,c]=N();return r===0&&c===m.length?ie(o,L(o,m),y):m.slice(r,c)}}}function k(){return i.copyPolicy??(I?"obscured":"canonical")}function R(e){var a;if(b||S)return;const r=e;if(!r.cancelable)return;const c=r.inputType;if(Ze.has(c)){r.preventDefault();const d=r.data??((a=r.dataTransfer)==null?void 0:a.getData("text/plain"))??"",[g,w]=N();C(g,w,d,c==="insertText"?"insert":"bulk");return}if(et.has(c)){r.preventDefault();let[d,g]=N();if(d===g){if((t.selectionStart??0)!==(t.selectionEnd??0))return;const w=c.endsWith("Backward");if(/^delete(Word|SoftLine|HardLine)/.test(c))w?d=0:g=m.length;else if(w){if(d===0)return;d-=1}else{if(g>=m.length)return;g+=1}}C(d,g,"","bulk");return}if(c==="historyUndo"){r.preventDefault(),s();return}c==="historyRedo"&&(r.preventDefault(),p())}function _(){b||S||t.value!==f&&O()}function Ee(){b||(S=!0)}function Ie(){if(b)return;S=!1;const e=z;if(z=null,e!==null){e();return}t.value!==f&&O()}function ue(e){if(S){z=e;return}e()}function Le(e){if(b||S)return;const a=e,r=a.ctrlKey||a.metaKey,c=a.key.toLowerCase();if(r&&c==="z"){a.preventDefault(),a.shiftKey?p():s();return}if(r&&c==="y"){a.preventDefault(),p();return}tt.has(a.key)&&(M=!1)}function ze(){M=!1}function Fe(){M=!1}function Ve(){return[ee(o,f,0),ee(o,f,m.length)]}function $e(){return t.getRootNode().activeElement===t}function W(){if(b||S||v||!$e())return;const e=t.selectionStart,a=t.selectionEnd;if(e===null||a===null)return;const[r,c]=Ve();let d=e,g=a;e===a?d=g=Math.max(r,Math.min(e,c)):(g=Math.min(a,c),d=Math.min(Math.max(e,r),g)),!(d===e&&g===a)&&X(d,g)}function Ce(e){var a;if(b)return;const r=e;r.preventDefault(),(a=r.clipboardData)==null||a.setData("text/plain",x())}function Re(e){var a;if(b)return;const r=e;r.preventDefault(),(a=r.clipboardData)==null||a.setData("text/plain",x());const[c,d]=N();c!==d&&(M=!1,C(c,d,"","bulk"))}function se(){return ie(o,L(o,m),y)}const fe=[["beforeinput",R],["input",_],["compositionstart",Ee],["compositionend",Ie],["keydown",Le],["mousedown",ze],["keyup",W],["mouseup",W],["focus",W],["blur",Fe],["copy",Ce],["cut",Re]],de=t.ownerDocument;for(const[e,a]of fe)t.addEventListener(e,a);de.addEventListener("selectionchange",W);{const e=V(o,i.initialValue??t.value,h);F(e,e.length,{undo:"none",notify:!1})}return{setValue(e){ue(()=>{const a=V(o,e,h);F(a,a.length,{undo:"break",notify:!1})})},getRawValue:()=>m,getCanonicalValue:se,getFormattedValue:()=>f,setObscure(e){I=e},update(e){const a=L(o,m),r=m,c=f,d={...i,...e},g=Z(d.format,d.guide);i=d,o=g,u=d.guide!==void 0,h=d.caseMode??"preserve",y=d.semantic??"custom",I=d.obscure??!1,M=!1,T.length=0,ue(()=>{const w=V(o,a,h),B=U(w)!==c;w.length<r.length&&A("format-change-clipped",a),F(w,w.length,{undo:"none",notify:B})})},detach(){if(!b){b=!0,z=null;for(const[e,a]of fe)t.removeEventListener(e,a);de.removeEventListener("selectionchange",W)}}}}var rt=H("<input>"),ot=H('<label part=label class="text-sm font-medium text-foreground">'),xe=H('<span class="flex shrink-0 items-center text-muted-foreground">'),at=H("<div part=field>"),lt=H("<p part=hint>"),it=H('<div class="flex w-full flex-col gap-1.5">');const ce="default",ke="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:pointer-events-none",ct="flex w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-ring",ut="min-w-0 flex-1 bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed",Me="px-2.5 py-1",Se="border-destructive dark:border-red-400/70",De=Se,st="[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-cancel-button]:hidden";function ft(t){const[n,i]=Te(t,["class","label","hint","error","size","invalid","leading","trailing","onValueInput","onValueChange","onBlur","id","disabled","format","guide","semantic","caseMode","copyPolicy","onMaskReject"]),o=n.id??je(),u=`${o}-hint`,h=()=>!!n.invalid||!!n.error,y=()=>!!n.error||!!n.hint,I=()=>n.leading!=null||n.trailing!=null,f=()=>n.semantic===void 0?void 0:ye(n.semantic),P=new Set,m=(l,s)=>{P.has(l)||(P.add(l),console.warn(s))},$=l=>l.length<=32?l:`${l.slice(0,32)}\u2026 (${l.length} chars)`,T=()=>{var l;const s=n.format;if(s===void 0||s==="")return;if(s!==ce)return s;const p=(l=f())==null?void 0:l.defaultFormat;return p===void 0&&m(`default:${String(n.semantic)}`,`Input: format=${ce} resolves the default format of a semantic type, and semantic=${JSON.stringify(n.semantic)} has none. Rendering unmasked.`),p};let M,S,v,b;const z=()=>{v?.detach(),v=void 0,b=void 0},U=(l,s,p)=>{const D=s instanceof Error?s.message:String(s);m(`format:${l}`,`Input: format ${JSON.stringify($(l))} did not compile (${D}); `+(p?"the field keeps its previous format.":"rendering unmasked."))};Ne(()=>{const l=T(),s={guide:n.guide,semantic:n.semantic,caseMode:n.caseMode,copyPolicy:n.copyPolicy},p=I()?S:M;Ae(()=>{if(l===void 0||p===void 0){z();return}if(v!==void 0&&b===p){try{v.update({format:l,...s})}catch(x){U(l,x,!0)}return}const D=v?.getFormattedValue()??p.value;z();try{v=nt(p,{...s,format:l,initialValue:D,onInput:({canonical:x})=>{var k;return(k=n.onValueInput)==null?void 0:k.call(n,x)},onReject:x=>{var k;return(k=n.onMaskReject)==null?void 0:k.call(n,x)}}),b=p}catch(x){U(l,x,!1)}})}),He(z);const j=()=>{var l;return i.inputmode??((l=f())==null?void 0:l.inputmode)},N=()=>{var l;return i.autocomplete??((l=f())==null?void 0:l.autocomplete)},X=()=>{const l=i.spellcheck;if(l!==void 0)return l===!0||l==="true"?"true":"false";const s=f();if(s!==void 0)return s.spellcheck?"true":"false"},A=()=>{var l;return i.autocorrect??((l=f())==null?void 0:l.autocorrect)},J=()=>{var l;return i.autocapitalize??((l=f())==null?void 0:l.autocapitalize)},F=(l,s,p)=>(()=>{var D=rt(),x=p;return typeof x=="function"?Ue(x,D):p=D,Je(D,Oe(i,{id:o,part:s,get disabled(){return n.disabled},get"aria-invalid"(){return h()?"true":void 0},get"aria-describedby"(){return y()?u:void 0},get inputmode(){return j()},get autocomplete(){return N()},get spellcheck(){return X()},get autocorrect(){return A()},get autocapitalize(){return J()},get class(){return G(st,l())},onInput:k=>{var R;v===void 0&&((R=n.onValueInput)==null||R.call(n,k.currentTarget.value))},onBlur:k=>{var R;const _=n.onBlur;typeof _=="function"&&_(k),(R=n.onValueChange)==null||R.call(n,v?.getCanonicalValue()??k.currentTarget.value)}}),!1,!1),D})(),te=()=>G(ke,n.size==="sm"&&Me,h()&&De,n.class);let C;const ne=()=>C??(C=F(te,"field input",l=>M=l));let O;const Y=()=>O??(O=F(()=>ut,"input",l=>S=l));return(()=>{var l=it();return E(l,K(q,{get when(){return n.label},get children(){var s=ot();return ge(s,"for",o),E(s,()=>n.label),s}}),null),E(l,K(q,{get when(){return I()},get fallback(){return ne()},get children(){var s=at();return E(s,K(q,{get when(){return n.leading},get children(){var p=xe();return E(p,()=>n.leading),p}}),null),E(s,Y,null),E(s,K(q,{get when(){return n.trailing},get children(){var p=xe();return E(p,()=>n.trailing),p}}),null),pe(()=>me(s,G(ct,n.size==="sm"&&Me,h()&&De,n.disabled&&"opacity-50 pointer-events-none",n.class))),s}}),null),E(l,K(q,{get when(){return y()},get children(){var s=lt();return ge(s,"id",u),E(s,()=>n.error??n.hint),pe(()=>me(s,G("text-xs",n.error?"text-destructive":"text-muted-foreground"))),s}}),null),l})()}export{ce as D,ke as F,ft as I,Xe as a,L as b,Z as c,we as d,Se as e,ye as f,ie as g,V as n};