@adamosuiteservices/ui 2.11.20 → 2.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion-rounded.cjs +1 -1
- package/dist/accordion-rounded.js +1 -1
- package/dist/{button-BzVY7053.js → button-CMWUcYpz.js} +54 -54
- package/dist/button-CmLeuaI0.cjs +75 -0
- package/dist/button-group.cjs +6 -6
- package/dist/button-group.js +20 -20
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/{calendar-IAVS_7up.cjs → calendar-DUvRetFW.cjs} +1 -1
- package/dist/{calendar-BIttOd3g.js → calendar-yJWQTCer.js} +1 -1
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/combobox-BhDOduAb.cjs +40 -0
- package/dist/{combobox-DI-WK3Ng.js → combobox-CYOGlfQe.js} +91 -88
- package/dist/combobox.cjs +1 -1
- package/dist/combobox.js +1 -1
- package/dist/components/ui/button/button.d.ts +1 -1
- package/dist/components/ui/input-otp/index.d.ts +1 -0
- package/dist/components/ui/input-otp/input-otp.d.ts +11 -0
- package/dist/components/ui/input-otp.d.ts +11 -0
- package/dist/context-menu.cjs +38 -36
- package/dist/context-menu.js +54 -52
- package/dist/date-picker-selector.cjs +1 -1
- package/dist/date-picker-selector.js +4 -4
- package/dist/dropdown-menu.cjs +48 -52
- package/dist/dropdown-menu.js +164 -168
- package/dist/{input-DFvZLcgm.js → input-BCiOr4Fy.js} +7 -6
- package/dist/{input-CWDpI1Ua.cjs → input-Bz5k4w94.cjs} +7 -6
- package/dist/input-group.cjs +5 -5
- package/dist/input-group.js +10 -10
- package/dist/input-otp.cjs +68 -0
- package/dist/input-otp.js +384 -0
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/pagination.cjs +2 -2
- package/dist/pagination.js +4 -3
- package/dist/select.cjs +22 -20
- package/dist/select.js +112 -111
- package/dist/sidebar.cjs +1 -1
- package/dist/sidebar.js +1 -1
- package/dist/styles.css +1 -1
- package/docs/components/ui/accordion-rounded.md +2 -2
- package/docs/components/ui/button-group.md +986 -984
- package/docs/components/ui/button.md +1156 -1137
- package/docs/components/ui/combobox.md +33 -2
- package/docs/components/ui/command.md +484 -454
- package/docs/components/ui/context-menu.md +574 -540
- package/docs/components/ui/dropdown-menu.md +743 -709
- package/docs/components/ui/input.md +362 -362
- package/docs/components/ui/select.md +357 -352
- package/package.json +8 -3
- package/dist/button-B_VHdPPV.cjs +0 -76
- package/dist/combobox-DplJzBX6.cjs +0 -37
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
"use client";"use strict";const i=require("./jsx-runtime-BB_1_6y_.cjs"),r=require("./index-DoxiiusW.cjs");require("react");function
|
|
2
|
-
adm:h-
|
|
3
|
-
adm:border-input adm:bg-transparent adm:px-3 adm:
|
|
1
|
+
"use client";"use strict";const i=require("./jsx-runtime-BB_1_6y_.cjs"),r=require("./index-DoxiiusW.cjs");require("react");function m({className:e,type:d,...a}){return i.jsxRuntimeExports.jsx("input",{type:d,"data-slot":"input",className:r.cn(`
|
|
2
|
+
adm:h-10 adm:w-full adm:min-w-0 adm:rounded-md adm:border
|
|
3
|
+
adm:border-input adm:bg-transparent adm:px-3 adm:text-base
|
|
4
4
|
adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none
|
|
5
5
|
adm:selection:bg-primary adm:selection:text-primary-foreground
|
|
6
|
-
adm:file:
|
|
7
|
-
adm:file:
|
|
6
|
+
adm:file:mr-3 adm:file:-ml-3 adm:file:inline-flex adm:file:h-full
|
|
7
|
+
adm:file:items-center adm:file:border-0 adm:file:bg-transparent
|
|
8
|
+
adm:file:pl-3 adm:file:text-sm adm:file:font-medium
|
|
8
9
|
adm:file:text-foreground
|
|
9
10
|
adm:placeholder:text-muted-foreground
|
|
10
11
|
adm:disabled:pointer-events-none adm:disabled:cursor-not-allowed
|
|
@@ -18,4 +19,4 @@
|
|
|
18
19
|
adm:aria-invalid:border-destructive
|
|
19
20
|
adm:aria-invalid:ring-destructive/20
|
|
20
21
|
adm:dark:aria-invalid:ring-destructive/40
|
|
21
|
-
`,
|
|
22
|
+
`,e),...a})}exports.Input=m;
|
package/dist/input-group.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./button-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./button-CmLeuaI0.cjs"),i=require("./input-Bz5k4w94.cjs"),u=require("./textarea-DkFUS_oS.cjs"),n=require("./index-DoxiiusW.cjs"),s=require("./index-BTzZJcis.cjs");require("react");function p({className:t,...a}){return d.jsxRuntimeExports.jsx("div",{"data-slot":"input-group",role:"group",className:n.cn(`
|
|
2
2
|
adm:group/input-group adm:relative adm:flex adm:w-full
|
|
3
3
|
adm:items-center adm:rounded-md adm:border adm:border-input
|
|
4
4
|
adm:shadow-xs adm:transition-[color,box-shadow] adm:outline-none
|
|
5
5
|
adm:dark:bg-input/30
|
|
6
6
|
`,`
|
|
7
|
-
adm:h-
|
|
7
|
+
adm:h-10 adm:min-w-0
|
|
8
8
|
adm:has-[>textarea]:h-auto
|
|
9
9
|
`,"adm:has-[>[data-align=inline-start]]:[&>input]:pl-2","adm:has-[>[data-align=inline-end]]:[&>input]:pr-2",`
|
|
10
10
|
adm:has-[>[data-align=block-start]]:h-auto
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
adm:dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40
|
|
25
25
|
`,t),...a})}const l=s.cva(`
|
|
26
26
|
adm:flex adm:h-auto adm:cursor-text adm:items-center adm:justify-center
|
|
27
|
-
adm:gap-2 adm:py-
|
|
27
|
+
adm:gap-2 adm:py-2 adm:text-sm adm:font-medium adm:text-muted-foreground
|
|
28
28
|
adm:select-none
|
|
29
29
|
adm:group-data-[disabled=true]/input-group:opacity-50
|
|
30
30
|
adm:[&>[data-slot=icon]:not([class*=text-])]:text-lg
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
adm:size-8 adm:p-0
|
|
65
65
|
adm:has-[>[data-slot=icon]]:p-0
|
|
66
66
|
adm:has-[>svg]:p-0
|
|
67
|
-
`}},defaultVariants:{size:"xs"}});function g({className:t,type:a="button",variant:e="
|
|
67
|
+
`}},defaultVariants:{size:"xs"}});function g({className:t,type:a="button",variant:e="link-neutral",size:r="xs",...o}){return d.jsxRuntimeExports.jsx(m.Button,{type:a,"data-size":r,variant:e,className:n.cn(x({size:r}),t),...o})}function b({className:t,...a}){return d.jsxRuntimeExports.jsx("span",{className:n.cn(`
|
|
68
68
|
adm:flex adm:items-center adm:gap-2 adm:text-sm
|
|
69
69
|
adm:text-muted-foreground
|
|
70
|
-
adm
|
|
70
|
+
adm:**:data-[slot=icon]:pointer-events-none
|
|
71
71
|
adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
|
|
72
72
|
adm:[&_svg]:pointer-events-none
|
|
73
73
|
adm:[&_svg:not([class*=size-])]:size-4
|
package/dist/input-group.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as d } from "./jsx-runtime-BzflLqGi.js";
|
|
3
|
-
import { B as m } from "./button-
|
|
4
|
-
import { I as i } from "./input-
|
|
3
|
+
import { B as m } from "./button-CMWUcYpz.js";
|
|
4
|
+
import { I as i } from "./input-BCiOr4Fy.js";
|
|
5
5
|
import { T as u } from "./textarea-BRCnIxdB.js";
|
|
6
6
|
import { c as n } from "./index-CRiPKpXj.js";
|
|
7
7
|
import { c as o } from "./index-BqtVL8d-.js";
|
|
@@ -20,7 +20,7 @@ function k({ className: t, ...a }) {
|
|
|
20
20
|
adm:dark:bg-input/30
|
|
21
21
|
`,
|
|
22
22
|
`
|
|
23
|
-
adm:h-
|
|
23
|
+
adm:h-10 adm:min-w-0
|
|
24
24
|
adm:has-[>textarea]:h-auto
|
|
25
25
|
`,
|
|
26
26
|
// Variants based on alignment.
|
|
@@ -54,10 +54,10 @@ function k({ className: t, ...a }) {
|
|
|
54
54
|
}
|
|
55
55
|
);
|
|
56
56
|
}
|
|
57
|
-
const
|
|
57
|
+
const l = o(
|
|
58
58
|
`
|
|
59
59
|
adm:flex adm:h-auto adm:cursor-text adm:items-center adm:justify-center
|
|
60
|
-
adm:gap-2 adm:py-
|
|
60
|
+
adm:gap-2 adm:py-2 adm:text-sm adm:font-medium adm:text-muted-foreground
|
|
61
61
|
adm:select-none
|
|
62
62
|
adm:group-data-[disabled=true]/input-group:opacity-50
|
|
63
63
|
adm:[&>[data-slot=icon]:not([class*=text-])]:text-lg
|
|
@@ -105,7 +105,7 @@ function j({
|
|
|
105
105
|
role: "group",
|
|
106
106
|
"data-slot": "input-group-addon",
|
|
107
107
|
"data-align": a,
|
|
108
|
-
className: n(
|
|
108
|
+
className: n(l({ align: a }), t),
|
|
109
109
|
onClick: (r) => {
|
|
110
110
|
r.target.closest("button") || r.currentTarget.parentElement?.querySelector("input")?.focus();
|
|
111
111
|
},
|
|
@@ -113,7 +113,7 @@ function j({
|
|
|
113
113
|
}
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
|
-
const
|
|
116
|
+
const p = o(
|
|
117
117
|
"adm:flex adm:items-center adm:gap-2 adm:text-sm adm:shadow-none",
|
|
118
118
|
{
|
|
119
119
|
variants: {
|
|
@@ -150,7 +150,7 @@ const l = o(
|
|
|
150
150
|
function z({
|
|
151
151
|
className: t,
|
|
152
152
|
type: a = "button",
|
|
153
|
-
variant: s = "
|
|
153
|
+
variant: s = "link-neutral",
|
|
154
154
|
size: r = "xs",
|
|
155
155
|
...e
|
|
156
156
|
}) {
|
|
@@ -160,7 +160,7 @@ function z({
|
|
|
160
160
|
type: a,
|
|
161
161
|
"data-size": r,
|
|
162
162
|
variant: s,
|
|
163
|
-
className: n(
|
|
163
|
+
className: n(p({ size: r }), t),
|
|
164
164
|
...e
|
|
165
165
|
}
|
|
166
166
|
);
|
|
@@ -173,7 +173,7 @@ function w({ className: t, ...a }) {
|
|
|
173
173
|
`
|
|
174
174
|
adm:flex adm:items-center adm:gap-2 adm:text-sm
|
|
175
175
|
adm:text-muted-foreground
|
|
176
|
-
adm
|
|
176
|
+
adm:**:data-[slot=icon]:pointer-events-none
|
|
177
177
|
adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
|
|
178
178
|
adm:[&_svg]:pointer-events-none
|
|
179
179
|
adm:[&_svg:not([class*=size-])]:size-4
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./jsx-runtime-BB_1_6y_.cjs"),J=require("./index-DoxiiusW.cjs"),H=require("react");function Ae(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=Ae(H);var Ie=Object.defineProperty,De=Object.defineProperties,We=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertySymbols,he=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable,ve=(e,t,n)=>t in e?Ie(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,_e=(e,t)=>{for(var n in t||(t={}))he.call(t,n)&&ve(e,n,t[n]);if(Q)for(var n of Q(t))be.call(t,n)&&ve(e,n,t[n]);return e},Be=(e,t)=>De(e,We(t)),Ne=(e,t)=>{var n={};for(var l in e)he.call(e,l)&&t.indexOf(l)<0&&(n[l]=e[l]);if(e!=null&&Q)for(var l of Q(e))t.indexOf(l)<0&&be.call(e,l)&&(n[l]=e[l]);return n};function Le(e){let t=setTimeout(e,0),n=setTimeout(e,10),l=setTimeout(e,50);return[t,n,l]}function Fe(e){let t=a.useRef();return a.useEffect(()=>{t.current=e}),t.current}var He=18,we=40,$e=`${we}px`,Ge=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function qe({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:l}){let[m,i]=a.useState(!1),[y,x]=a.useState(!1),[P,M]=a.useState(!1),O=a.useMemo(()=>n==="none"?!1:(n==="increase-width"||n==="experimental-no-flickering")&&m&&y,[m,y,n]),B=a.useCallback(()=>{let v=e.current,j=t.current;if(!v||!j||P||n==="none")return;let b=v,C=b.getBoundingClientRect().left+b.offsetWidth,N=b.getBoundingClientRect().top+b.offsetHeight/2,s=C-He,$=N;document.querySelectorAll(Ge).length===0&&document.elementFromPoint(s,$)===v||(i(!0),M(!0))},[e,t,P,n]);return a.useEffect(()=>{let v=e.current;if(!v||n==="none")return;function j(){let C=window.innerWidth-v.getBoundingClientRect().right;x(C>=we)}j();let b=setInterval(j,1e3);return()=>{clearInterval(b)}},[e,n]),a.useEffect(()=>{let v=l||document.activeElement===t.current;if(n==="none"||!v)return;let j=setTimeout(B,0),b=setTimeout(B,2e3),C=setTimeout(B,5e3),N=setTimeout(()=>{M(!0)},6e3);return()=>{clearTimeout(j),clearTimeout(b),clearTimeout(C),clearTimeout(N)}},[t,l,n,B]),{hasPWMBadge:m,willPushPWMBadge:O,PWM_BADGE_SPACE_WIDTH:$e}}var xe=a.createContext({}),Ee=a.forwardRef((e,t)=>{var n=e,{value:l,onChange:m,maxLength:i,textAlign:y="left",pattern:x,placeholder:P,inputMode:M="numeric",onComplete:O,pushPasswordManagerStrategy:B="increase-width",pasteTransformer:v,containerClassName:j,noScriptCSSFallback:b=ze,render:C,children:N}=n,s=Ne(n,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]),$,re,ae,oe,le;let[Ce,Se]=a.useState(typeof s.defaultValue=="string"?s.defaultValue:""),c=l??Ce,T=Fe(c),G=a.useCallback(r=>{m?.(r),Se(r)},[m]),E=a.useMemo(()=>x?typeof x=="string"?new RegExp(x):x:null,[x]),d=a.useRef(null),X=a.useRef(null),Y=a.useRef({value:c,onChange:G,isIOS:typeof window<"u"&&((re=($=window?.CSS)==null?void 0:$.supports)==null?void 0:re.call($,"-webkit-touch-callout","none"))}),U=a.useRef({prev:[(ae=d.current)==null?void 0:ae.selectionStart,(oe=d.current)==null?void 0:oe.selectionEnd,(le=d.current)==null?void 0:le.selectionDirection]});a.useImperativeHandle(t,()=>d.current,[]),a.useEffect(()=>{let r=d.current,o=X.current;if(!r||!o)return;Y.current.value!==r.value&&Y.current.onChange(r.value),U.current.prev=[r.selectionStart,r.selectionEnd,r.selectionDirection];function p(){if(document.activeElement!==r){z(null),V(null);return}let u=r.selectionStart,f=r.selectionEnd,K=r.selectionDirection,w=r.maxLength,I=r.value,S=U.current.prev,k=-1,R=-1,D;if(I.length!==0&&u!==null&&f!==null){let Me=u===f,Oe=u===I.length&&I.length<w;if(Me&&!Oe){let W=u;if(W===0)k=0,R=1,D="forward";else if(W===w)k=W-1,R=W,D="backward";else if(w>1&&I.length>1){let ne=0;if(S[0]!==null&&S[1]!==null){D=W<S[1]?"backward":"forward";let Te=S[0]===S[1]&&S[0]<w;D==="backward"&&!Te&&(ne=-1)}k=ne+W,R=ne+W+1}}k!==-1&&R!==-1&&k!==R&&d.current.setSelectionRange(k,R,D)}let me=k!==-1?k:u,fe=R!==-1?R:f,Re=D??K;z(me),V(fe),U.current.prev=[me,fe,Re]}if(document.addEventListener("selectionchange",p,{capture:!0}),p(),document.activeElement===r&&ee(!0),!document.getElementById("input-otp-style")){let u=document.createElement("style");if(u.id="input-otp-style",document.head.appendChild(u),u.sheet){let f="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;";Z(u.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),Z(u.sheet,`[data-input-otp]:autofill { ${f} }`),Z(u.sheet,`[data-input-otp]:-webkit-autofill { ${f} }`),Z(u.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; } }"),Z(u.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let g=()=>{o&&o.style.setProperty("--root-height",`${r.clientHeight}px`)};g();let h=new ResizeObserver(g);return h.observe(r),()=>{document.removeEventListener("selectionchange",p,{capture:!0}),h.disconnect()}},[]);let[ie,ue]=a.useState(!1),[q,ee]=a.useState(!1),[A,z]=a.useState(null),[L,V]=a.useState(null);a.useEffect(()=>{Le(()=>{var r,o,p,g;(r=d.current)==null||r.dispatchEvent(new Event("input"));let h=(o=d.current)==null?void 0:o.selectionStart,u=(p=d.current)==null?void 0:p.selectionEnd,f=(g=d.current)==null?void 0:g.selectionDirection;h!==null&&u!==null&&(z(h),V(u),U.current.prev=[h,u,f])})},[c,q]),a.useEffect(()=>{T!==void 0&&c!==T&&T.length<i&&c.length===i&&O?.(c)},[i,O,T,c]);let F=qe({containerRef:X,inputRef:d,pushPasswordManagerStrategy:B,isFocused:q}),se=a.useCallback(r=>{let o=r.currentTarget.value.slice(0,i);if(o.length>0&&E&&!E.test(o)){r.preventDefault();return}typeof T=="string"&&o.length<T.length&&document.dispatchEvent(new Event("selectionchange")),G(o)},[i,G,T,E]),ce=a.useCallback(()=>{var r;if(d.current){let o=Math.min(d.current.value.length,i-1),p=d.current.value.length;(r=d.current)==null||r.setSelectionRange(o,p),z(o),V(p)}ee(!0)},[i]),de=a.useCallback(r=>{var o,p;let g=d.current;if(!v&&(!Y.current.isIOS||!r.clipboardData||!g))return;let h=r.clipboardData.getData("text/plain"),u=v?v(h):h;r.preventDefault();let f=(o=d.current)==null?void 0:o.selectionStart,K=(p=d.current)==null?void 0:p.selectionEnd,w=(f!==K?c.slice(0,f)+u+c.slice(K):c.slice(0,f)+u+c.slice(f)).slice(0,i);if(w.length>0&&E&&!E.test(w))return;g.value=w,G(w);let I=Math.min(w.length,i-1),S=w.length;g.setSelectionRange(I,S),z(I),V(S)},[i,G,E,c]),Pe=a.useMemo(()=>({position:"relative",cursor:s.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[s.disabled]),pe=a.useMemo(()=>({position:"absolute",inset:0,width:F.willPushPWMBadge?`calc(100% + ${F.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:F.willPushPWMBadge?`inset(0 ${F.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:y,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"}),[F.PWM_BADGE_SPACE_WIDTH,F.willPushPWMBadge,y]),je=a.useMemo(()=>a.createElement("input",Be(_e({autoComplete:s.autoComplete||"one-time-code"},s),{"data-input-otp":!0,"data-input-otp-placeholder-shown":c.length===0||void 0,"data-input-otp-mss":A,"data-input-otp-mse":L,inputMode:M,pattern:E?.source,"aria-placeholder":P,style:pe,maxLength:i,value:c,ref:d,onPaste:r=>{var o;de(r),(o=s.onPaste)==null||o.call(s,r)},onChange:se,onMouseOver:r=>{var o;ue(!0),(o=s.onMouseOver)==null||o.call(s,r)},onMouseLeave:r=>{var o;ue(!1),(o=s.onMouseLeave)==null||o.call(s,r)},onFocus:r=>{var o;ce(),(o=s.onFocus)==null||o.call(s,r)},onBlur:r=>{var o;ee(!1),(o=s.onBlur)==null||o.call(s,r)}})),[se,ce,de,M,pe,i,L,A,s,E?.source,c]),te=a.useMemo(()=>({slots:Array.from({length:i}).map((r,o)=>{var p;let g=q&&A!==null&&L!==null&&(A===L&&o===A||o>=A&&o<L),h=c[o]!==void 0?c[o]:null,u=c[0]!==void 0?null:(p=P?.[o])!=null?p:null;return{char:h,placeholderChar:u,isActive:g,hasFakeCaret:g&&h===null}}),isFocused:q,isHovering:!s.disabled&&ie}),[q,ie,i,L,A,s.disabled,c]),ke=a.useMemo(()=>C?C(te):a.createElement(xe.Provider,{value:te},N),[N,te,C]);return a.createElement(a.Fragment,null,b!==null&&a.createElement("noscript",null,a.createElement("style",null,b)),a.createElement("div",{ref:X,"data-input-otp-container":!0,style:Pe,className:j},ke,a.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},je)))});Ee.displayName="Input";function Z(e,t){try{e.insertRule(t)}catch{console.error("input-otp could not insert CSS rule:",t)}}var ze=`
|
|
2
|
+
[data-input-otp] {
|
|
3
|
+
--nojs-bg: white !important;
|
|
4
|
+
--nojs-fg: black !important;
|
|
5
|
+
|
|
6
|
+
background-color: var(--nojs-bg) !important;
|
|
7
|
+
color: var(--nojs-fg) !important;
|
|
8
|
+
caret-color: var(--nojs-fg) !important;
|
|
9
|
+
letter-spacing: .25em !important;
|
|
10
|
+
text-align: center !important;
|
|
11
|
+
border: 1px solid var(--nojs-fg) !important;
|
|
12
|
+
border-radius: 4px !important;
|
|
13
|
+
width: 100% !important;
|
|
14
|
+
}
|
|
15
|
+
@media (prefers-color-scheme: dark) {
|
|
16
|
+
[data-input-otp] {
|
|
17
|
+
--nojs-bg: black !important;
|
|
18
|
+
--nojs-fg: white !important;
|
|
19
|
+
}
|
|
20
|
+
}`;/**
|
|
21
|
+
* @license lucide-react v0.546.0 - ISC
|
|
22
|
+
*
|
|
23
|
+
* This source code is licensed under the ISC license.
|
|
24
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
25
|
+
*/const Ve=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Ze=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,n,l)=>l?l.toUpperCase():n.toLowerCase()),ge=e=>{const t=Ze(e);return t.charAt(0).toUpperCase()+t.slice(1)},ye=(...e)=>e.filter((t,n,l)=>!!t&&t.trim()!==""&&l.indexOf(t)===n).join(" ").trim(),Ue=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};/**
|
|
26
|
+
* @license lucide-react v0.546.0 - ISC
|
|
27
|
+
*
|
|
28
|
+
* This source code is licensed under the ISC license.
|
|
29
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
30
|
+
*/var Ke={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
|
|
31
|
+
* @license lucide-react v0.546.0 - ISC
|
|
32
|
+
*
|
|
33
|
+
* This source code is licensed under the ISC license.
|
|
34
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
35
|
+
*/const Je=H.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:l,className:m="",children:i,iconNode:y,...x},P)=>H.createElement("svg",{ref:P,...Ke,width:t,height:t,stroke:e,strokeWidth:l?Number(n)*24/Number(t):n,className:ye("lucide",m),...!i&&!Ue(x)&&{"aria-hidden":"true"},...x},[...y.map(([M,O])=>H.createElement(M,O)),...Array.isArray(i)?i:[i]]));/**
|
|
36
|
+
* @license lucide-react v0.546.0 - ISC
|
|
37
|
+
*
|
|
38
|
+
* This source code is licensed under the ISC license.
|
|
39
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
40
|
+
*/const Qe=(e,t)=>{const n=H.forwardRef(({className:l,...m},i)=>H.createElement(Je,{ref:i,iconNode:t,className:ye(`lucide-${Ve(ge(e))}`,`lucide-${e}`,l),...m}));return n.displayName=ge(e),n};/**
|
|
41
|
+
* @license lucide-react v0.546.0 - ISC
|
|
42
|
+
*
|
|
43
|
+
* This source code is licensed under the ISC license.
|
|
44
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
45
|
+
*/const Xe=[["path",{d:"M5 12h14",key:"1ays0h"}]],Ye=Qe("minus",Xe);function et({className:e,containerClassName:t,...n}){return _.jsxRuntimeExports.jsx(Ee,{"data-slot":"input-otp",containerClassName:J.cn(`
|
|
46
|
+
adm:flex adm:items-center adm:gap-2
|
|
47
|
+
adm:has-disabled:opacity-50
|
|
48
|
+
`,t),className:J.cn("adm:disabled:cursor-not-allowed",e),...n})}function tt({className:e,...t}){return _.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:J.cn("adm:flex adm:items-center",e),...t})}function nt({index:e,className:t,...n}){const l=a.useContext(xe),{char:m,hasFakeCaret:i,isActive:y}=l?.slots[e]??{};return _.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":y,className:J.cn(`
|
|
49
|
+
adm:relative adm:flex adm:h-10 adm:w-10 adm:items-center
|
|
50
|
+
adm:justify-center adm:border-y adm:border-r adm:border-input
|
|
51
|
+
adm:text-base adm:shadow-xs adm:transition-all adm:outline-none
|
|
52
|
+
adm:first:rounded-l-md adm:first:border-l
|
|
53
|
+
adm:last:rounded-r-md
|
|
54
|
+
adm:aria-invalid:border-destructive
|
|
55
|
+
adm:data-[active=true]:z-10 adm:data-[active=true]:border-ring
|
|
56
|
+
adm:data-[active=true]:ring-[3px] adm:data-[active=true]:ring-ring/50
|
|
57
|
+
adm:data-[active=true]:aria-invalid:border-destructive
|
|
58
|
+
adm:data-[active=true]:aria-invalid:ring-destructive/20
|
|
59
|
+
adm:md:text-sm
|
|
60
|
+
adm:dark:bg-input/30
|
|
61
|
+
adm:dark:data-[active=true]:aria-invalid:ring-destructive/40
|
|
62
|
+
`,t),...n,children:[m,i&&_.jsxRuntimeExports.jsx("div",{className:`
|
|
63
|
+
adm:pointer-events-none adm:absolute adm:inset-0 adm:flex
|
|
64
|
+
adm:items-center adm:justify-center
|
|
65
|
+
`,children:_.jsxRuntimeExports.jsx("div",{className:`
|
|
66
|
+
adm:h-4 adm:w-px adm:animate-caret-blink adm:bg-foreground
|
|
67
|
+
adm:duration-1000
|
|
68
|
+
`})})]})}function rt({...e}){return _.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...e,children:_.jsxRuntimeExports.jsx(Ye,{})})}exports.InputOTP=et;exports.InputOTPGroup=tt;exports.InputOTPSeparator=rt;exports.InputOTPSlot=nt;
|
|
@@ -0,0 +1,384 @@
|
|
|
1
|
+
import { j as I } from "./jsx-runtime-BzflLqGi.js";
|
|
2
|
+
import { c as K } from "./index-CRiPKpXj.js";
|
|
3
|
+
import * as r from "react";
|
|
4
|
+
import { forwardRef as ge, createElement as ne } from "react";
|
|
5
|
+
var De = Object.defineProperty, We = Object.defineProperties, Be = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, ve = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ie = (e, t) => {
|
|
6
|
+
for (var n in t || (t = {})) be.call(t, n) && ve(e, n, t[n]);
|
|
7
|
+
if (J) for (var n of J(t)) we.call(t, n) && ve(e, n, t[n]);
|
|
8
|
+
return e;
|
|
9
|
+
}, _e = (e, t) => We(e, Be(t)), Le = (e, t) => {
|
|
10
|
+
var n = {};
|
|
11
|
+
for (var l in e) be.call(e, l) && t.indexOf(l) < 0 && (n[l] = e[l]);
|
|
12
|
+
if (e != null && J) for (var l of J(e)) t.indexOf(l) < 0 && we.call(e, l) && (n[l] = e[l]);
|
|
13
|
+
return n;
|
|
14
|
+
};
|
|
15
|
+
function Ne(e) {
|
|
16
|
+
let t = setTimeout(e, 0), n = setTimeout(e, 10), l = setTimeout(e, 50);
|
|
17
|
+
return [t, n, l];
|
|
18
|
+
}
|
|
19
|
+
function Fe(e) {
|
|
20
|
+
let t = r.useRef();
|
|
21
|
+
return r.useEffect(() => {
|
|
22
|
+
t.current = e;
|
|
23
|
+
}), t.current;
|
|
24
|
+
}
|
|
25
|
+
var He = 18, xe = 40, $e = `${xe}px`, Ge = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
|
|
26
|
+
function ze({ containerRef: e, inputRef: t, pushPasswordManagerStrategy: n, isFocused: l }) {
|
|
27
|
+
let [m, i] = r.useState(!1), [y, x] = r.useState(!1), [P, R] = r.useState(!1), A = r.useMemo(() => n === "none" ? !1 : (n === "increase-width" || n === "experimental-no-flickering") && m && y, [m, y, n]), _ = r.useCallback(() => {
|
|
28
|
+
let v = e.current, k = t.current;
|
|
29
|
+
if (!v || !k || P || n === "none") return;
|
|
30
|
+
let b = v, E = b.getBoundingClientRect().left + b.offsetWidth, L = b.getBoundingClientRect().top + b.offsetHeight / 2, s = E - He, H = L;
|
|
31
|
+
document.querySelectorAll(Ge).length === 0 && document.elementFromPoint(s, H) === v || (i(!0), R(!0));
|
|
32
|
+
}, [e, t, P, n]);
|
|
33
|
+
return r.useEffect(() => {
|
|
34
|
+
let v = e.current;
|
|
35
|
+
if (!v || n === "none") return;
|
|
36
|
+
function k() {
|
|
37
|
+
let E = window.innerWidth - v.getBoundingClientRect().right;
|
|
38
|
+
x(E >= xe);
|
|
39
|
+
}
|
|
40
|
+
k();
|
|
41
|
+
let b = setInterval(k, 1e3);
|
|
42
|
+
return () => {
|
|
43
|
+
clearInterval(b);
|
|
44
|
+
};
|
|
45
|
+
}, [e, n]), r.useEffect(() => {
|
|
46
|
+
let v = l || document.activeElement === t.current;
|
|
47
|
+
if (n === "none" || !v) return;
|
|
48
|
+
let k = setTimeout(_, 0), b = setTimeout(_, 2e3), E = setTimeout(_, 5e3), L = setTimeout(() => {
|
|
49
|
+
R(!0);
|
|
50
|
+
}, 6e3);
|
|
51
|
+
return () => {
|
|
52
|
+
clearTimeout(k), clearTimeout(b), clearTimeout(E), clearTimeout(L);
|
|
53
|
+
};
|
|
54
|
+
}, [t, l, n, _]), { hasPWMBadge: m, willPushPWMBadge: A, PWM_BADGE_SPACE_WIDTH: $e };
|
|
55
|
+
}
|
|
56
|
+
var Ce = r.createContext({}), ye = r.forwardRef((e, t) => {
|
|
57
|
+
var n = e, { value: l, onChange: m, maxLength: i, textAlign: y = "left", pattern: x, placeholder: P, inputMode: R = "numeric", onComplete: A, pushPasswordManagerStrategy: _ = "increase-width", pasteTransformer: v, containerClassName: k, noScriptCSSFallback: b = Ve, render: E, children: L } = n, s = Le(n, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), H, ae, re, oe, le;
|
|
58
|
+
let [Se, Pe] = r.useState(typeof s.defaultValue == "string" ? s.defaultValue : ""), c = l ?? Se, T = Fe(c), $ = r.useCallback((a) => {
|
|
59
|
+
m?.(a), Pe(a);
|
|
60
|
+
}, [m]), C = r.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), d = r.useRef(null), Q = r.useRef(null), X = r.useRef({ value: c, onChange: $, isIOS: typeof window < "u" && ((ae = (H = window?.CSS) == null ? void 0 : H.supports) == null ? void 0 : ae.call(H, "-webkit-touch-callout", "none")) }), q = r.useRef({ prev: [(re = d.current) == null ? void 0 : re.selectionStart, (oe = d.current) == null ? void 0 : oe.selectionEnd, (le = d.current) == null ? void 0 : le.selectionDirection] });
|
|
61
|
+
r.useImperativeHandle(t, () => d.current, []), r.useEffect(() => {
|
|
62
|
+
let a = d.current, o = Q.current;
|
|
63
|
+
if (!a || !o) return;
|
|
64
|
+
X.current.value !== a.value && X.current.onChange(a.value), q.current.prev = [a.selectionStart, a.selectionEnd, a.selectionDirection];
|
|
65
|
+
function p() {
|
|
66
|
+
if (document.activeElement !== a) {
|
|
67
|
+
z(null), V(null);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
let u = a.selectionStart, f = a.selectionEnd, U = a.selectionDirection, w = a.maxLength, D = a.value, S = q.current.prev, M = -1, j = -1, W;
|
|
71
|
+
if (D.length !== 0 && u !== null && f !== null) {
|
|
72
|
+
let Ae = u === f, Te = u === D.length && D.length < w;
|
|
73
|
+
if (Ae && !Te) {
|
|
74
|
+
let B = u;
|
|
75
|
+
if (B === 0) M = 0, j = 1, W = "forward";
|
|
76
|
+
else if (B === w) M = B - 1, j = B, W = "backward";
|
|
77
|
+
else if (w > 1 && D.length > 1) {
|
|
78
|
+
let te = 0;
|
|
79
|
+
if (S[0] !== null && S[1] !== null) {
|
|
80
|
+
W = B < S[1] ? "backward" : "forward";
|
|
81
|
+
let Oe = S[0] === S[1] && S[0] < w;
|
|
82
|
+
W === "backward" && !Oe && (te = -1);
|
|
83
|
+
}
|
|
84
|
+
M = te + B, j = te + B + 1;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
M !== -1 && j !== -1 && M !== j && d.current.setSelectionRange(M, j, W);
|
|
88
|
+
}
|
|
89
|
+
let me = M !== -1 ? M : u, fe = j !== -1 ? j : f, Re = W ?? U;
|
|
90
|
+
z(me), V(fe), q.current.prev = [me, fe, Re];
|
|
91
|
+
}
|
|
92
|
+
if (document.addEventListener("selectionchange", p, { capture: !0 }), p(), document.activeElement === a && Y(!0), !document.getElementById("input-otp-style")) {
|
|
93
|
+
let u = document.createElement("style");
|
|
94
|
+
if (u.id = "input-otp-style", document.head.appendChild(u), u.sheet) {
|
|
95
|
+
let f = "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;";
|
|
96
|
+
Z(u.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), Z(u.sheet, `[data-input-otp]:autofill { ${f} }`), Z(u.sheet, `[data-input-otp]:-webkit-autofill { ${f} }`), Z(u.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; } }"), Z(u.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
let h = () => {
|
|
100
|
+
o && o.style.setProperty("--root-height", `${a.clientHeight}px`);
|
|
101
|
+
};
|
|
102
|
+
h();
|
|
103
|
+
let g = new ResizeObserver(h);
|
|
104
|
+
return g.observe(a), () => {
|
|
105
|
+
document.removeEventListener("selectionchange", p, { capture: !0 }), g.disconnect();
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
let [ie, ue] = r.useState(!1), [G, Y] = r.useState(!1), [O, z] = r.useState(null), [N, V] = r.useState(null);
|
|
109
|
+
r.useEffect(() => {
|
|
110
|
+
Ne(() => {
|
|
111
|
+
var a, o, p, h;
|
|
112
|
+
(a = d.current) == null || a.dispatchEvent(new Event("input"));
|
|
113
|
+
let g = (o = d.current) == null ? void 0 : o.selectionStart, u = (p = d.current) == null ? void 0 : p.selectionEnd, f = (h = d.current) == null ? void 0 : h.selectionDirection;
|
|
114
|
+
g !== null && u !== null && (z(g), V(u), q.current.prev = [g, u, f]);
|
|
115
|
+
});
|
|
116
|
+
}, [c, G]), r.useEffect(() => {
|
|
117
|
+
T !== void 0 && c !== T && T.length < i && c.length === i && A?.(c);
|
|
118
|
+
}, [i, A, T, c]);
|
|
119
|
+
let F = ze({ containerRef: Q, inputRef: d, pushPasswordManagerStrategy: _, isFocused: G }), se = r.useCallback((a) => {
|
|
120
|
+
let o = a.currentTarget.value.slice(0, i);
|
|
121
|
+
if (o.length > 0 && C && !C.test(o)) {
|
|
122
|
+
a.preventDefault();
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
typeof T == "string" && o.length < T.length && document.dispatchEvent(new Event("selectionchange")), $(o);
|
|
126
|
+
}, [i, $, T, C]), ce = r.useCallback(() => {
|
|
127
|
+
var a;
|
|
128
|
+
if (d.current) {
|
|
129
|
+
let o = Math.min(d.current.value.length, i - 1), p = d.current.value.length;
|
|
130
|
+
(a = d.current) == null || a.setSelectionRange(o, p), z(o), V(p);
|
|
131
|
+
}
|
|
132
|
+
Y(!0);
|
|
133
|
+
}, [i]), de = r.useCallback((a) => {
|
|
134
|
+
var o, p;
|
|
135
|
+
let h = d.current;
|
|
136
|
+
if (!v && (!X.current.isIOS || !a.clipboardData || !h)) return;
|
|
137
|
+
let g = a.clipboardData.getData("text/plain"), u = v ? v(g) : g;
|
|
138
|
+
a.preventDefault();
|
|
139
|
+
let f = (o = d.current) == null ? void 0 : o.selectionStart, U = (p = d.current) == null ? void 0 : p.selectionEnd, w = (f !== U ? c.slice(0, f) + u + c.slice(U) : c.slice(0, f) + u + c.slice(f)).slice(0, i);
|
|
140
|
+
if (w.length > 0 && C && !C.test(w)) return;
|
|
141
|
+
h.value = w, $(w);
|
|
142
|
+
let D = Math.min(w.length, i - 1), S = w.length;
|
|
143
|
+
h.setSelectionRange(D, S), z(D), V(S);
|
|
144
|
+
}, [i, $, C, c]), ke = r.useMemo(() => ({ position: "relative", cursor: s.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [s.disabled]), pe = r.useMemo(() => ({ position: "absolute", inset: 0, width: F.willPushPWMBadge ? `calc(100% + ${F.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: F.willPushPWMBadge ? `inset(0 ${F.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: y, 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" }), [F.PWM_BADGE_SPACE_WIDTH, F.willPushPWMBadge, y]), Me = r.useMemo(() => r.createElement("input", _e(Ie({ autoComplete: s.autoComplete || "one-time-code" }, s), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": O, "data-input-otp-mse": N, inputMode: R, pattern: C?.source, "aria-placeholder": P, style: pe, maxLength: i, value: c, ref: d, onPaste: (a) => {
|
|
145
|
+
var o;
|
|
146
|
+
de(a), (o = s.onPaste) == null || o.call(s, a);
|
|
147
|
+
}, onChange: se, onMouseOver: (a) => {
|
|
148
|
+
var o;
|
|
149
|
+
ue(!0), (o = s.onMouseOver) == null || o.call(s, a);
|
|
150
|
+
}, onMouseLeave: (a) => {
|
|
151
|
+
var o;
|
|
152
|
+
ue(!1), (o = s.onMouseLeave) == null || o.call(s, a);
|
|
153
|
+
}, onFocus: (a) => {
|
|
154
|
+
var o;
|
|
155
|
+
ce(), (o = s.onFocus) == null || o.call(s, a);
|
|
156
|
+
}, onBlur: (a) => {
|
|
157
|
+
var o;
|
|
158
|
+
Y(!1), (o = s.onBlur) == null || o.call(s, a);
|
|
159
|
+
} })), [se, ce, de, R, pe, i, N, O, s, C?.source, c]), ee = r.useMemo(() => ({ slots: Array.from({ length: i }).map((a, o) => {
|
|
160
|
+
var p;
|
|
161
|
+
let h = G && O !== null && N !== null && (O === N && o === O || o >= O && o < N), g = c[o] !== void 0 ? c[o] : null, u = c[0] !== void 0 ? null : (p = P?.[o]) != null ? p : null;
|
|
162
|
+
return { char: g, placeholderChar: u, isActive: h, hasFakeCaret: h && g === null };
|
|
163
|
+
}), isFocused: G, isHovering: !s.disabled && ie }), [G, ie, i, N, O, s.disabled, c]), je = r.useMemo(() => E ? E(ee) : r.createElement(Ce.Provider, { value: ee }, L), [L, ee, E]);
|
|
164
|
+
return r.createElement(r.Fragment, null, b !== null && r.createElement("noscript", null, r.createElement("style", null, b)), r.createElement("div", { ref: Q, "data-input-otp-container": !0, style: ke, className: k }, je, r.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, Me)));
|
|
165
|
+
});
|
|
166
|
+
ye.displayName = "Input";
|
|
167
|
+
function Z(e, t) {
|
|
168
|
+
try {
|
|
169
|
+
e.insertRule(t);
|
|
170
|
+
} catch {
|
|
171
|
+
console.error("input-otp could not insert CSS rule:", t);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
var Ve = `
|
|
175
|
+
[data-input-otp] {
|
|
176
|
+
--nojs-bg: white !important;
|
|
177
|
+
--nojs-fg: black !important;
|
|
178
|
+
|
|
179
|
+
background-color: var(--nojs-bg) !important;
|
|
180
|
+
color: var(--nojs-fg) !important;
|
|
181
|
+
caret-color: var(--nojs-fg) !important;
|
|
182
|
+
letter-spacing: .25em !important;
|
|
183
|
+
text-align: center !important;
|
|
184
|
+
border: 1px solid var(--nojs-fg) !important;
|
|
185
|
+
border-radius: 4px !important;
|
|
186
|
+
width: 100% !important;
|
|
187
|
+
}
|
|
188
|
+
@media (prefers-color-scheme: dark) {
|
|
189
|
+
[data-input-otp] {
|
|
190
|
+
--nojs-bg: black !important;
|
|
191
|
+
--nojs-fg: white !important;
|
|
192
|
+
}
|
|
193
|
+
}`;
|
|
194
|
+
/**
|
|
195
|
+
* @license lucide-react v0.546.0 - ISC
|
|
196
|
+
*
|
|
197
|
+
* This source code is licensed under the ISC license.
|
|
198
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
199
|
+
*/
|
|
200
|
+
const Ze = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), qe = (e) => e.replace(
|
|
201
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
202
|
+
(t, n, l) => l ? l.toUpperCase() : n.toLowerCase()
|
|
203
|
+
), he = (e) => {
|
|
204
|
+
const t = qe(e);
|
|
205
|
+
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
206
|
+
}, Ee = (...e) => e.filter((t, n, l) => !!t && t.trim() !== "" && l.indexOf(t) === n).join(" ").trim(), Ue = (e) => {
|
|
207
|
+
for (const t in e)
|
|
208
|
+
if (t.startsWith("aria-") || t === "role" || t === "title")
|
|
209
|
+
return !0;
|
|
210
|
+
};
|
|
211
|
+
/**
|
|
212
|
+
* @license lucide-react v0.546.0 - ISC
|
|
213
|
+
*
|
|
214
|
+
* This source code is licensed under the ISC license.
|
|
215
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
216
|
+
*/
|
|
217
|
+
var Ke = {
|
|
218
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
219
|
+
width: 24,
|
|
220
|
+
height: 24,
|
|
221
|
+
viewBox: "0 0 24 24",
|
|
222
|
+
fill: "none",
|
|
223
|
+
stroke: "currentColor",
|
|
224
|
+
strokeWidth: 2,
|
|
225
|
+
strokeLinecap: "round",
|
|
226
|
+
strokeLinejoin: "round"
|
|
227
|
+
};
|
|
228
|
+
/**
|
|
229
|
+
* @license lucide-react v0.546.0 - ISC
|
|
230
|
+
*
|
|
231
|
+
* This source code is licensed under the ISC license.
|
|
232
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
233
|
+
*/
|
|
234
|
+
const Je = ge(
|
|
235
|
+
({
|
|
236
|
+
color: e = "currentColor",
|
|
237
|
+
size: t = 24,
|
|
238
|
+
strokeWidth: n = 2,
|
|
239
|
+
absoluteStrokeWidth: l,
|
|
240
|
+
className: m = "",
|
|
241
|
+
children: i,
|
|
242
|
+
iconNode: y,
|
|
243
|
+
...x
|
|
244
|
+
}, P) => ne(
|
|
245
|
+
"svg",
|
|
246
|
+
{
|
|
247
|
+
ref: P,
|
|
248
|
+
...Ke,
|
|
249
|
+
width: t,
|
|
250
|
+
height: t,
|
|
251
|
+
stroke: e,
|
|
252
|
+
strokeWidth: l ? Number(n) * 24 / Number(t) : n,
|
|
253
|
+
className: Ee("lucide", m),
|
|
254
|
+
...!i && !Ue(x) && { "aria-hidden": "true" },
|
|
255
|
+
...x
|
|
256
|
+
},
|
|
257
|
+
[
|
|
258
|
+
...y.map(([R, A]) => ne(R, A)),
|
|
259
|
+
...Array.isArray(i) ? i : [i]
|
|
260
|
+
]
|
|
261
|
+
)
|
|
262
|
+
);
|
|
263
|
+
/**
|
|
264
|
+
* @license lucide-react v0.546.0 - ISC
|
|
265
|
+
*
|
|
266
|
+
* This source code is licensed under the ISC license.
|
|
267
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
268
|
+
*/
|
|
269
|
+
const Qe = (e, t) => {
|
|
270
|
+
const n = ge(
|
|
271
|
+
({ className: l, ...m }, i) => ne(Je, {
|
|
272
|
+
ref: i,
|
|
273
|
+
iconNode: t,
|
|
274
|
+
className: Ee(
|
|
275
|
+
`lucide-${Ze(he(e))}`,
|
|
276
|
+
`lucide-${e}`,
|
|
277
|
+
l
|
|
278
|
+
),
|
|
279
|
+
...m
|
|
280
|
+
})
|
|
281
|
+
);
|
|
282
|
+
return n.displayName = he(e), n;
|
|
283
|
+
};
|
|
284
|
+
/**
|
|
285
|
+
* @license lucide-react v0.546.0 - ISC
|
|
286
|
+
*
|
|
287
|
+
* This source code is licensed under the ISC license.
|
|
288
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
289
|
+
*/
|
|
290
|
+
const Xe = [["path", { d: "M5 12h14", key: "1ays0h" }]], Ye = Qe("minus", Xe);
|
|
291
|
+
function at({
|
|
292
|
+
className: e,
|
|
293
|
+
containerClassName: t,
|
|
294
|
+
...n
|
|
295
|
+
}) {
|
|
296
|
+
return /* @__PURE__ */ I.jsx(
|
|
297
|
+
ye,
|
|
298
|
+
{
|
|
299
|
+
"data-slot": "input-otp",
|
|
300
|
+
containerClassName: K(
|
|
301
|
+
`
|
|
302
|
+
adm:flex adm:items-center adm:gap-2
|
|
303
|
+
adm:has-disabled:opacity-50
|
|
304
|
+
`,
|
|
305
|
+
t
|
|
306
|
+
),
|
|
307
|
+
className: K("adm:disabled:cursor-not-allowed", e),
|
|
308
|
+
...n
|
|
309
|
+
}
|
|
310
|
+
);
|
|
311
|
+
}
|
|
312
|
+
function rt({ className: e, ...t }) {
|
|
313
|
+
return /* @__PURE__ */ I.jsx(
|
|
314
|
+
"div",
|
|
315
|
+
{
|
|
316
|
+
"data-slot": "input-otp-group",
|
|
317
|
+
className: K("adm:flex adm:items-center", e),
|
|
318
|
+
...t
|
|
319
|
+
}
|
|
320
|
+
);
|
|
321
|
+
}
|
|
322
|
+
function ot({
|
|
323
|
+
index: e,
|
|
324
|
+
className: t,
|
|
325
|
+
...n
|
|
326
|
+
}) {
|
|
327
|
+
const l = r.useContext(Ce), { char: m, hasFakeCaret: i, isActive: y } = l?.slots[e] ?? {};
|
|
328
|
+
return /* @__PURE__ */ I.jsxs(
|
|
329
|
+
"div",
|
|
330
|
+
{
|
|
331
|
+
"data-slot": "input-otp-slot",
|
|
332
|
+
"data-active": y,
|
|
333
|
+
className: K(
|
|
334
|
+
`
|
|
335
|
+
adm:relative adm:flex adm:h-10 adm:w-10 adm:items-center
|
|
336
|
+
adm:justify-center adm:border-y adm:border-r adm:border-input
|
|
337
|
+
adm:text-base adm:shadow-xs adm:transition-all adm:outline-none
|
|
338
|
+
adm:first:rounded-l-md adm:first:border-l
|
|
339
|
+
adm:last:rounded-r-md
|
|
340
|
+
adm:aria-invalid:border-destructive
|
|
341
|
+
adm:data-[active=true]:z-10 adm:data-[active=true]:border-ring
|
|
342
|
+
adm:data-[active=true]:ring-[3px] adm:data-[active=true]:ring-ring/50
|
|
343
|
+
adm:data-[active=true]:aria-invalid:border-destructive
|
|
344
|
+
adm:data-[active=true]:aria-invalid:ring-destructive/20
|
|
345
|
+
adm:md:text-sm
|
|
346
|
+
adm:dark:bg-input/30
|
|
347
|
+
adm:dark:data-[active=true]:aria-invalid:ring-destructive/40
|
|
348
|
+
`,
|
|
349
|
+
t
|
|
350
|
+
),
|
|
351
|
+
...n,
|
|
352
|
+
children: [
|
|
353
|
+
m,
|
|
354
|
+
i && /* @__PURE__ */ I.jsx(
|
|
355
|
+
"div",
|
|
356
|
+
{
|
|
357
|
+
className: `
|
|
358
|
+
adm:pointer-events-none adm:absolute adm:inset-0 adm:flex
|
|
359
|
+
adm:items-center adm:justify-center
|
|
360
|
+
`,
|
|
361
|
+
children: /* @__PURE__ */ I.jsx(
|
|
362
|
+
"div",
|
|
363
|
+
{
|
|
364
|
+
className: `
|
|
365
|
+
adm:h-4 adm:w-px adm:animate-caret-blink adm:bg-foreground
|
|
366
|
+
adm:duration-1000
|
|
367
|
+
`
|
|
368
|
+
}
|
|
369
|
+
)
|
|
370
|
+
}
|
|
371
|
+
)
|
|
372
|
+
]
|
|
373
|
+
}
|
|
374
|
+
);
|
|
375
|
+
}
|
|
376
|
+
function lt({ ...e }) {
|
|
377
|
+
return /* @__PURE__ */ I.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...e, children: /* @__PURE__ */ I.jsx(Ye, {}) });
|
|
378
|
+
}
|
|
379
|
+
export {
|
|
380
|
+
at as InputOTP,
|
|
381
|
+
rt as InputOTPGroup,
|
|
382
|
+
lt as InputOTPSeparator,
|
|
383
|
+
ot as InputOTPSlot
|
|
384
|
+
};
|
package/dist/input.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./input-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./input-Bz5k4w94.cjs");exports.Input=t.Input;
|
package/dist/input.js
CHANGED
package/dist/pagination.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./button-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),m=require("./button-CmLeuaI0.cjs"),s=require("./icon-DPMQJBkA.cjs"),i=require("./index-DoxiiusW.cjs");require("react");function l({className:a,...n}){return t.jsxRuntimeExports.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:i.cn("adm:mx-auto adm:flex adm:w-full adm:justify-center",a),...n})}function u({className:a,...n}){return t.jsxRuntimeExports.jsx("ul",{"data-slot":"pagination-content",className:i.cn("adm:flex adm:flex-row adm:items-center adm:gap-1",a),...n})}function x({...a}){return t.jsxRuntimeExports.jsx("li",{"data-slot":"pagination-item",...a})}function o({className:a,isActive:n,size:e="icon",...r}){return t.jsxRuntimeExports.jsx("a",{"aria-current":n?"page":void 0,"data-slot":"pagination-link","data-active":n,className:i.cn(m.buttonVariants({variant:"ghost-neutral",size:e}),{"adm:bg-input/50":n},a),...r})}function c({className:a,children:n,...e}){return t.jsxRuntimeExports.jsxs(o,{"aria-label":"Go to previous page",size:"default",className:i.cn(`
|
|
2
2
|
adm:gap-1 adm:px-2.5
|
|
3
3
|
adm:sm:pl-2.5
|
|
4
4
|
`,a),...e,children:[t.jsxRuntimeExports.jsx(s.Icon,{symbol:"chevron_left",className:"adm:text-lg"}),t.jsxRuntimeExports.jsx("span",{className:`
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
`,a),...e,children:[t.jsxRuntimeExports.jsx("span",{className:`
|
|
11
11
|
adm:hidden
|
|
12
12
|
adm:sm:block
|
|
13
|
-
`,children:n??"Next"}),t.jsxRuntimeExports.jsx(s.Icon,{symbol:"chevron_right",className:"adm:text-lg"})]})}function p({className:a,...n}){return t.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:i.cn("adm:flex adm:size-9 adm:items-center adm:justify-center",a),...n,children:[t.jsxRuntimeExports.jsx(s.Icon,{symbol:"more_horiz",className:"adm:text-lg"}),t.jsxRuntimeExports.jsx("span",{className:"adm:sr-only",children:"More pages"})]})}exports.Pagination=l;exports.PaginationContent=
|
|
13
|
+
`,children:n??"Next"}),t.jsxRuntimeExports.jsx(s.Icon,{symbol:"chevron_right",className:"adm:text-lg"})]})}function p({className:a,...n}){return t.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:i.cn("adm:flex adm:size-9 adm:items-center adm:justify-center",a),...n,children:[t.jsxRuntimeExports.jsx(s.Icon,{symbol:"more_horiz",className:"adm:text-lg"}),t.jsxRuntimeExports.jsx("span",{className:"adm:sr-only",children:"More pages"})]})}exports.Pagination=l;exports.PaginationContent=u;exports.PaginationEllipsis=p;exports.PaginationItem=x;exports.PaginationLink=o;exports.PaginationNext=d;exports.PaginationPrevious=c;
|