@enya-learning/nova 0.5.0 → 0.6.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/README.md +8 -10
- package/dist/chunks/dist-fahbq1psobj0ox6s.js.map +1 -1
- package/dist/components/accordion.js +23 -20
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/avatar.js +24 -24
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.js +12 -12
- package/dist/components/badge.js.map +1 -1
- package/dist/components/box.js +16 -0
- package/dist/components/box.js.map +1 -0
- package/dist/components/breadcrumb.js +28 -24
- package/dist/components/breadcrumb.js.map +1 -1
- package/dist/components/button-group.js +2 -2
- package/dist/components/button-group.js.map +1 -1
- package/dist/components/button.js +10 -10
- package/dist/components/button.js.map +1 -1
- package/dist/components/calendar.js +491 -487
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/carousel.js +105 -98
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/chart.js +2 -2
- package/dist/components/chart.js.map +1 -1
- package/dist/components/checkbox.js +7 -6
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/combobox.js +64 -51
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/command.js +167 -160
- package/dist/components/command.js.map +1 -1
- package/dist/components/context-menu.js +40 -36
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/dialog.js +25 -24
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.js +2 -2
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown-menu.js +39 -35
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/empty.js +1 -1
- package/dist/components/empty.js.map +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/field.js.map +1 -1
- package/dist/components/heading.js +39 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/input-group.js +14 -14
- package/dist/components/input-group.js.map +1 -1
- package/dist/components/input-otp.js +28 -27
- package/dist/components/input-otp.js.map +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/input.js.map +1 -1
- package/dist/components/item.js +34 -34
- package/dist/components/item.js.map +1 -1
- package/dist/components/kbd.js +7 -7
- package/dist/components/kbd.js.map +1 -1
- package/dist/components/menubar.js +52 -51
- package/dist/components/menubar.js.map +1 -1
- package/dist/components/native-select.js +21 -19
- package/dist/components/native-select.js.map +1 -1
- package/dist/components/navigation-menu.js +21 -19
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/pagination.js +33 -30
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/progress.js +4 -4
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.js +14 -14
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/resizable.js +1 -1
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/select.js +64 -57
- package/dist/components/select.js.map +1 -1
- package/dist/components/sheet.js +22 -21
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/sidebar.js +83 -79
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/skeleton.js +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/slider.js +7 -7
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sonner.js +137 -121
- package/dist/components/sonner.js.map +1 -1
- package/dist/components/spinner.js +10 -8
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/switch.js +5 -5
- package/dist/components/switch.js.map +1 -1
- package/dist/components/table.js +14 -14
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js +15 -15
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text.js +47 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/textarea.js +5 -5
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.js +7 -7
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.js +5 -5
- package/dist/components/tooltip.js.map +1 -1
- package/dist/index.js +22 -14
- package/dist/src/components/box/box.d.ts +7 -0
- package/dist/src/components/box/index.d.ts +1 -0
- package/dist/src/components/heading/heading.d.ts +15 -0
- package/dist/src/components/heading/index.d.ts +1 -0
- package/dist/src/components/spinner/spinner.d.ts +2 -1
- package/dist/src/components/text/index.d.ts +1 -0
- package/dist/src/components/text/text.d.ts +13 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/styles/nova-binding.css +264 -266
- package/dist/styles/nova.css +158 -49
- package/dist/styles/typography.css +3 -123
- package/package.json +15 -2
- package/src/eslint/no-primitive-colors.js +2 -2
- package/dist/styles/theme-nova.css +0 -197
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { t as K } from "../chunks/utils-kyb5nny4y41y7hd8.js";
|
|
3
3
|
import { jsx as _, jsxs as Re } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
4
|
+
import { HugeiconsIcon as Oe } from "@hugeicons/react";
|
|
5
|
+
import { MinusSignIcon as je } from "@hugeicons/core-free-icons";
|
|
5
6
|
import * as t from "react";
|
|
6
|
-
var
|
|
7
|
+
var De = Object.defineProperty, Ie = Object.defineProperties, We = Object.getOwnPropertyDescriptors, Q = Object.getOwnPropertySymbols, fe = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable, ve = (n, a, l) => a in n ? De(n, a, {
|
|
7
8
|
enumerable: !0,
|
|
8
9
|
configurable: !0,
|
|
9
10
|
writable: !0,
|
|
10
11
|
value: l
|
|
11
|
-
}) : n[a] = l,
|
|
12
|
+
}) : n[a] = l, Ae = (n, a) => {
|
|
12
13
|
for (var l in a || (a = {})) fe.call(a, l) && ve(n, l, a[l]);
|
|
13
14
|
if (Q) for (var l of Q(a)) ge.call(a, l) && ve(n, l, a[l]);
|
|
14
15
|
return n;
|
|
15
|
-
},
|
|
16
|
+
}, Be = (n, a) => Ie(n, We(a)), _e = (n, a) => {
|
|
16
17
|
var l = {};
|
|
17
18
|
for (var d in n) fe.call(n, d) && a.indexOf(d) < 0 && (l[d] = n[d]);
|
|
18
19
|
if (n != null && Q) for (var d of Q(n)) a.indexOf(d) < 0 && ge.call(n, d) && (l[d] = n[d]);
|
|
19
20
|
return l;
|
|
20
21
|
};
|
|
21
|
-
function
|
|
22
|
+
function Fe(n) {
|
|
22
23
|
return [
|
|
23
24
|
setTimeout(n, 0),
|
|
24
25
|
setTimeout(n, 10),
|
|
25
26
|
setTimeout(n, 50)
|
|
26
27
|
];
|
|
27
28
|
}
|
|
28
|
-
function
|
|
29
|
+
function Ne(n) {
|
|
29
30
|
let a = t.useRef();
|
|
30
31
|
return t.useEffect(() => {
|
|
31
32
|
a.current = n;
|
|
32
33
|
}), a.current;
|
|
33
34
|
}
|
|
34
|
-
var
|
|
35
|
+
var He = 18, he = 40, Le = `${he}px`, ze = [
|
|
35
36
|
"[data-lastpass-icon-root]",
|
|
36
37
|
"com-1password-button",
|
|
37
38
|
"[data-dashlanecreated]",
|
|
38
39
|
'[style$="2147483647 !important;"]'
|
|
39
40
|
].join(",");
|
|
40
|
-
function
|
|
41
|
+
function Ge({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFocused: d }) {
|
|
41
42
|
let [E, c] = t.useState(!1), [F, P] = t.useState(!1), [D, N] = t.useState(!1), q = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && E && F, [
|
|
42
43
|
E,
|
|
43
44
|
F,
|
|
@@ -45,8 +46,8 @@ function ze({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFo
|
|
|
45
46
|
]), I = t.useCallback(() => {
|
|
46
47
|
let v = n.current, x = a.current;
|
|
47
48
|
if (!v || !x || D || l === "none") return;
|
|
48
|
-
let h = v, k = h.getBoundingClientRect().left + h.offsetWidth, W = h.getBoundingClientRect().top + h.offsetHeight / 2, o = k -
|
|
49
|
-
document.querySelectorAll(
|
|
49
|
+
let h = v, k = h.getBoundingClientRect().left + h.offsetWidth, W = h.getBoundingClientRect().top + h.offsetHeight / 2, o = k - He, H = W;
|
|
50
|
+
document.querySelectorAll(ze).length === 0 && document.elementFromPoint(o, H) === v || (c(!0), N(!0));
|
|
50
51
|
}, [
|
|
51
52
|
n,
|
|
52
53
|
a,
|
|
@@ -81,11 +82,11 @@ function ze({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFo
|
|
|
81
82
|
]), {
|
|
82
83
|
hasPWMBadge: E,
|
|
83
84
|
willPushPWMBadge: q,
|
|
84
|
-
PWM_BADGE_SPACE_WIDTH:
|
|
85
|
+
PWM_BADGE_SPACE_WIDTH: Le
|
|
85
86
|
};
|
|
86
87
|
}
|
|
87
88
|
var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
88
|
-
var l = n, { value: d, onChange: E, maxLength: c, textAlign: F = "left", pattern: P, placeholder: D, inputMode: N = "numeric", onComplete: q, pushPasswordManagerStrategy: I = "increase-width", pasteTransformer: v, containerClassName: x, noScriptCSSFallback: h =
|
|
89
|
+
var l = n, { value: d, onChange: E, maxLength: c, textAlign: F = "left", pattern: P, placeholder: D, inputMode: N = "numeric", onComplete: q, pushPasswordManagerStrategy: I = "increase-width", pasteTransformer: v, containerClassName: x, noScriptCSSFallback: h = $e, render: k, children: W } = l, o = _e(l, [
|
|
89
90
|
"value",
|
|
90
91
|
"onChange",
|
|
91
92
|
"maxLength",
|
|
@@ -101,7 +102,7 @@ var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
|
101
102
|
"render",
|
|
102
103
|
"children"
|
|
103
104
|
]), H, ne, re, ae, le;
|
|
104
|
-
let [Se, Ee] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), u = d ?? Se, M =
|
|
105
|
+
let [Se, Ee] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), u = d ?? Se, M = Ne(u), L = t.useCallback((e) => {
|
|
105
106
|
E?.(e), Ee(e);
|
|
106
107
|
}, [E]), w = t.useMemo(() => P ? typeof P == "string" ? new RegExp(P) : P : null, [P]), s = t.useRef(null), U = t.useRef(null), X = t.useRef({
|
|
107
108
|
value: u,
|
|
@@ -169,7 +170,7 @@ var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
|
169
170
|
}, []);
|
|
170
171
|
let [oe, ie] = t.useState(!1), [z, Y] = t.useState(!1), [T, G] = t.useState(null), [A, $] = t.useState(null);
|
|
171
172
|
t.useEffect(() => {
|
|
172
|
-
|
|
173
|
+
Fe(() => {
|
|
173
174
|
var e, r, p, f;
|
|
174
175
|
(e = s.current) == null || e.dispatchEvent(new Event("input"));
|
|
175
176
|
let g = (r = s.current) == null ? void 0 : r.selectionStart, i = (p = s.current) == null ? void 0 : p.selectionEnd, m = (f = s.current) == null ? void 0 : f.selectionDirection;
|
|
@@ -187,7 +188,7 @@ var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
|
187
188
|
M,
|
|
188
189
|
u
|
|
189
190
|
]);
|
|
190
|
-
let B =
|
|
191
|
+
let B = Ge({
|
|
191
192
|
containerRef: U,
|
|
192
193
|
inputRef: s,
|
|
193
194
|
pushPasswordManagerStrategy: I,
|
|
@@ -258,7 +259,7 @@ var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
|
258
259
|
B.PWM_BADGE_SPACE_WIDTH,
|
|
259
260
|
B.willPushPWMBadge,
|
|
260
261
|
F
|
|
261
|
-
]), ye = t.useMemo(() => t.createElement("input", Ae(
|
|
262
|
+
]), ye = t.useMemo(() => t.createElement("input", Be(Ae({ autoComplete: o.autoComplete || "one-time-code" }, o), {
|
|
262
263
|
"data-input-otp": !0,
|
|
263
264
|
"data-input-otp-placeholder-shown": u.length === 0 || void 0,
|
|
264
265
|
"data-input-otp-mss": T,
|
|
@@ -348,7 +349,7 @@ function V(n, a) {
|
|
|
348
349
|
console.error("input-otp could not insert CSS rule:", a);
|
|
349
350
|
}
|
|
350
351
|
}
|
|
351
|
-
var
|
|
352
|
+
var $e = `
|
|
352
353
|
[data-input-otp] {
|
|
353
354
|
--nojs-bg: white !important;
|
|
354
355
|
--nojs-fg: black !important;
|
|
@@ -368,7 +369,7 @@ var Ge = `
|
|
|
368
369
|
--nojs-fg: white !important;
|
|
369
370
|
}
|
|
370
371
|
}`;
|
|
371
|
-
function
|
|
372
|
+
function Ke({ className: n, containerClassName: a, ...l }) {
|
|
372
373
|
return /* @__PURE__ */ _(we, {
|
|
373
374
|
"data-slot": "input-otp",
|
|
374
375
|
containerClassName: K("cn-input-otp flex items-center has-disabled:opacity-50", a),
|
|
@@ -377,19 +378,19 @@ function Ze({ className: n, containerClassName: a, ...l }) {
|
|
|
377
378
|
...l
|
|
378
379
|
});
|
|
379
380
|
}
|
|
380
|
-
function
|
|
381
|
+
function Qe({ className: n, ...a }) {
|
|
381
382
|
return /* @__PURE__ */ _("div", {
|
|
382
383
|
"data-slot": "input-otp-group",
|
|
383
384
|
className: K("flex items-center rounded-4xl has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", n),
|
|
384
385
|
...a
|
|
385
386
|
});
|
|
386
387
|
}
|
|
387
|
-
function
|
|
388
|
+
function Ue({ index: n, className: a, ...l }) {
|
|
388
389
|
const { char: d, hasFakeCaret: E, isActive: c } = t.useContext(be)?.slots[n] ?? {};
|
|
389
390
|
return /* @__PURE__ */ Re("div", {
|
|
390
391
|
"data-slot": "input-otp-slot",
|
|
391
392
|
"data-active": c,
|
|
392
|
-
className: K("relative flex size-9 items-center justify-center border-y border-e border-
|
|
393
|
+
className: K("relative flex size-9 items-center justify-center border-y border-e border-border bg-border/30 text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40", a),
|
|
393
394
|
...l,
|
|
394
395
|
children: [d, E && /* @__PURE__ */ _("div", {
|
|
395
396
|
className: "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
@@ -397,20 +398,20 @@ function Ke({ index: n, className: a, ...l }) {
|
|
|
397
398
|
})]
|
|
398
399
|
});
|
|
399
400
|
}
|
|
400
|
-
function
|
|
401
|
+
function Xe({ ...n }) {
|
|
401
402
|
return /* @__PURE__ */ _("div", {
|
|
402
403
|
"data-slot": "input-otp-separator",
|
|
403
404
|
className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
|
|
404
405
|
role: "separator",
|
|
405
406
|
...n,
|
|
406
|
-
children: /* @__PURE__ */ _(Oe, {})
|
|
407
|
+
children: /* @__PURE__ */ _(Oe, { icon: je })
|
|
407
408
|
});
|
|
408
409
|
}
|
|
409
410
|
export {
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
411
|
+
Ke as InputOTP,
|
|
412
|
+
Qe as InputOTPGroup,
|
|
413
|
+
Xe as InputOTPSeparator,
|
|
414
|
+
Ue as InputOTPSlot
|
|
414
415
|
};
|
|
415
416
|
|
|
416
417
|
//# sourceMappingURL=input-otp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp.js","names":["U","S"],"sources":["../../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/input-otp/dist/index.mjs","../../src/components/input-otp/input-otp.tsx"],"sourcesContent":["var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};import*as n from\"react\";function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return[s,e,u]}import*as U from\"react\";function _t(r){let s=U.useRef();return U.useEffect(()=>{s.current=r}),s.current}import*as S from\"react\";var Ot=18,wt=40,Gt=`${wt}px`,xt=[\"[data-lastpass-icon-root]\",\"com-1password-button\",\"[data-dashlanecreated]\",'[style$=\"2147483647 !important;\"]'].join(\",\");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=S.useState(!1),[G,H]=S.useState(!1),[F,W]=S.useState(!1),Z=S.useMemo(()=>e===\"none\"?!1:(e===\"increase-width\"||e===\"experimental-no-flickering\")&&P&&G,[P,G,e]),T=S.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e===\"none\")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(!0),W(!0))},[r,s,F,e]);return S.useEffect(()=>{let f=r.current;if(!f||e===\"none\")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt)}h();let a=setInterval(h,1e3);return()=>{clearInterval(a)}},[r,e]),S.useEffect(()=>{let f=u||document.activeElement===s.current;if(e===\"none\"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(!0)},6e3);return()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A)}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=n.createContext({}),Lt=n.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u=\"left\",pattern:P,placeholder:D,inputMode:G=\"numeric\",onComplete:H,pushPasswordManagerStrategy:F=\"increase-width\",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,[\"value\",\"onChange\",\"maxLength\",\"textAlign\",\"pattern\",\"placeholder\",\"inputMode\",\"onComplete\",\"pushPasswordManagerStrategy\",\"pasteTransformer\",\"containerClassName\",\"noScriptCSSFallback\",\"render\",\"children\"]);var X,lt,ut,dt,ft;let[q,nt]=n.useState(typeof a.defaultValue==\"string\"?a.defaultValue:\"\"),i=r!=null?r:q,I=_t(i),x=n.useCallback(t=>{s==null||s(t),nt(t)},[s]),m=n.useMemo(()=>P?typeof P==\"string\"?new RegExp(P):P:null,[P]),l=n.useRef(null),K=n.useRef(null),J=n.useRef({value:i,onChange:x,isIOS:typeof window!=\"undefined\"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,\"-webkit-touch-callout\",\"none\"))}),V=n.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});n.useImperativeHandle(B,()=>l.current,[]),n.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w=\"forward\";else if(y===v)g=y-1,E=y,w=\"backward\";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?\"backward\":\"forward\";let Wt=_[0]===_[1]&&_[0]<v;w===\"backward\"&&!Wt&&(et=-1)}g=et+y,E=et+y+1}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w)}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt]}if(document.addEventListener(\"selectionchange\",d,{capture:!0}),d(),document.activeElement===t&&Q(!0),!document.getElementById(\"input-otp-style\")){let c=document.createElement(\"style\");if(c.id=\"input-otp-style\",document.head.appendChild(c),c.sheet){let b=\"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;\";$(c.sheet,\"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }\"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.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; } }\"),$(c.sheet,\"[data-input-otp] + * { pointer-events: all !important; }\")}}let R=()=>{o&&o.style.setProperty(\"--root-height\",`${t.clientHeight}px`)};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener(\"selectionchange\",d,{capture:!0}),p.disconnect()}},[]);let[ot,rt]=n.useState(!1),[j,Q]=n.useState(!1),[M,L]=n.useState(null),[k,N]=n.useState(null);n.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event(\"input\"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d])})},[i,j]),n.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i))},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=n.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I==\"string\"&&o.length<I.length&&document.dispatchEvent(new Event(\"selectionchange\")),x(o)},[e,x,I,m]),at=n.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d)}Q(!0)},[e]),ct=n.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData(\"text/plain\"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_)},[e,x,m,i]),It=n.useMemo(()=>({position:\"relative\",cursor:a.disabled?\"default\":\"text\",userSelect:\"none\",WebkitUserSelect:\"none\",pointerEvents:\"none\"}),[a.disabled]),it=n.useMemo(()=>({position:\"absolute\",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:\"100%\",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:\"100%\",display:\"flex\",textAlign:u,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\"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=n.useMemo(()=>n.createElement(\"input\",bt(St({autoComplete:a.autoComplete||\"one-time-code\"},a),{\"data-input-otp\":!0,\"data-input-otp-placeholder-shown\":i.length===0||void 0,\"data-input-otp-mss\":M,\"data-input-otp-mse\":k,inputMode:G,pattern:m==null?void 0:m.source,\"aria-placeholder\":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t)},onChange:st,onMouseOver:t=>{var o;rt(!0),(o=a.onMouseOver)==null||o.call(a,t)},onMouseLeave:t=>{var o;rt(!1),(o=a.onMouseLeave)==null||o.call(a,t)},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t)},onBlur:t=>{var o;Q(!1),(o=a.onBlur)==null||o.call(a,t)}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=n.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return{char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=n.useMemo(()=>f?f(tt):n.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return n.createElement(n.Fragment,null,T!==null&&n.createElement(\"noscript\",null,n.createElement(\"style\",null,T)),n.createElement(\"div\",{ref:K,\"data-input-otp-container\":!0,style:It,className:Z},Ct,n.createElement(\"div\",{style:{position:\"absolute\",inset:0,pointerEvents:\"none\"}},Mt)))});Lt.displayName=\"Input\";function $(r,s){try{r.insertRule(s)}catch(e){console.error(\"input-otp could not insert CSS rule:\",s)}}var Nt=`\n[data-input-otp] {\n --nojs-bg: white !important;\n --nojs-fg: black !important;\n\n background-color: var(--nojs-bg) !important;\n color: var(--nojs-fg) !important;\n caret-color: var(--nojs-fg) !important;\n letter-spacing: .25em !important;\n text-align: center !important;\n border: 1px solid var(--nojs-fg) !important;\n border-radius: 4px !important;\n width: 100% !important;\n}\n@media (prefers-color-scheme: dark) {\n [data-input-otp] {\n --nojs-bg: black !important;\n --nojs-fg: white !important;\n }\n}`;var Kt=\"^\\\\d+$\",Jt=\"^[a-zA-Z]+$\",Qt=\"^[a-zA-Z0-9]+$\";export{Lt as OTPInput,jt as OTPInputContext,Jt as REGEXP_ONLY_CHARS,Kt as REGEXP_ONLY_DIGITS,Qt as REGEXP_ONLY_DIGITS_AND_CHARS};\n//# sourceMappingURL=index.mjs.map","import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { MinusIcon } from \"lucide-react\"\n\nfunction InputOTP({\n className,\n containerClassName,\n ...props\n}: React.ComponentProps<typeof OTPInput> & {\n containerClassName?: string\n}) {\n return (\n <OTPInput\n data-slot=\"input-otp\"\n containerClassName={cn(\n \"cn-input-otp flex items-center has-disabled:opacity-50\",\n containerClassName\n )}\n spellCheck={false}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-group\"\n className={cn(\n \"flex items-center rounded-4xl has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction InputOTPSlot({\n index,\n className,\n ...props\n}: React.ComponentProps<\"div\"> & {\n index: number\n}) {\n const inputOTPContext = React.useContext(OTPInputContext)\n const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n return (\n <div\n data-slot=\"input-otp-slot\"\n data-active={isActive}\n className={cn(\n \"relative flex size-9 items-center justify-center border-y border-e border-input bg-input/30 text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-separator\"\n className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n role=\"separator\"\n {...props}\n >\n <MinusIcon />\n </div>\n )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"x_google_ignoreList":[0],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input-otp.js","names":["U","S"],"sources":["../../../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/input-otp/dist/index.mjs","../../src/components/input-otp/input-otp.tsx"],"sourcesContent":["var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};import*as n from\"react\";function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return[s,e,u]}import*as U from\"react\";function _t(r){let s=U.useRef();return U.useEffect(()=>{s.current=r}),s.current}import*as S from\"react\";var Ot=18,wt=40,Gt=`${wt}px`,xt=[\"[data-lastpass-icon-root]\",\"com-1password-button\",\"[data-dashlanecreated]\",'[style$=\"2147483647 !important;\"]'].join(\",\");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=S.useState(!1),[G,H]=S.useState(!1),[F,W]=S.useState(!1),Z=S.useMemo(()=>e===\"none\"?!1:(e===\"increase-width\"||e===\"experimental-no-flickering\")&&P&&G,[P,G,e]),T=S.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e===\"none\")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(!0),W(!0))},[r,s,F,e]);return S.useEffect(()=>{let f=r.current;if(!f||e===\"none\")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt)}h();let a=setInterval(h,1e3);return()=>{clearInterval(a)}},[r,e]),S.useEffect(()=>{let f=u||document.activeElement===s.current;if(e===\"none\"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(!0)},6e3);return()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A)}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=n.createContext({}),Lt=n.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u=\"left\",pattern:P,placeholder:D,inputMode:G=\"numeric\",onComplete:H,pushPasswordManagerStrategy:F=\"increase-width\",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,[\"value\",\"onChange\",\"maxLength\",\"textAlign\",\"pattern\",\"placeholder\",\"inputMode\",\"onComplete\",\"pushPasswordManagerStrategy\",\"pasteTransformer\",\"containerClassName\",\"noScriptCSSFallback\",\"render\",\"children\"]);var X,lt,ut,dt,ft;let[q,nt]=n.useState(typeof a.defaultValue==\"string\"?a.defaultValue:\"\"),i=r!=null?r:q,I=_t(i),x=n.useCallback(t=>{s==null||s(t),nt(t)},[s]),m=n.useMemo(()=>P?typeof P==\"string\"?new RegExp(P):P:null,[P]),l=n.useRef(null),K=n.useRef(null),J=n.useRef({value:i,onChange:x,isIOS:typeof window!=\"undefined\"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,\"-webkit-touch-callout\",\"none\"))}),V=n.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});n.useImperativeHandle(B,()=>l.current,[]),n.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w=\"forward\";else if(y===v)g=y-1,E=y,w=\"backward\";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?\"backward\":\"forward\";let Wt=_[0]===_[1]&&_[0]<v;w===\"backward\"&&!Wt&&(et=-1)}g=et+y,E=et+y+1}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w)}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt]}if(document.addEventListener(\"selectionchange\",d,{capture:!0}),d(),document.activeElement===t&&Q(!0),!document.getElementById(\"input-otp-style\")){let c=document.createElement(\"style\");if(c.id=\"input-otp-style\",document.head.appendChild(c),c.sheet){let b=\"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;\";$(c.sheet,\"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }\"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.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; } }\"),$(c.sheet,\"[data-input-otp] + * { pointer-events: all !important; }\")}}let R=()=>{o&&o.style.setProperty(\"--root-height\",`${t.clientHeight}px`)};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener(\"selectionchange\",d,{capture:!0}),p.disconnect()}},[]);let[ot,rt]=n.useState(!1),[j,Q]=n.useState(!1),[M,L]=n.useState(null),[k,N]=n.useState(null);n.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event(\"input\"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d])})},[i,j]),n.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i))},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=n.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I==\"string\"&&o.length<I.length&&document.dispatchEvent(new Event(\"selectionchange\")),x(o)},[e,x,I,m]),at=n.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d)}Q(!0)},[e]),ct=n.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData(\"text/plain\"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_)},[e,x,m,i]),It=n.useMemo(()=>({position:\"relative\",cursor:a.disabled?\"default\":\"text\",userSelect:\"none\",WebkitUserSelect:\"none\",pointerEvents:\"none\"}),[a.disabled]),it=n.useMemo(()=>({position:\"absolute\",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:\"100%\",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:\"100%\",display:\"flex\",textAlign:u,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\"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=n.useMemo(()=>n.createElement(\"input\",bt(St({autoComplete:a.autoComplete||\"one-time-code\"},a),{\"data-input-otp\":!0,\"data-input-otp-placeholder-shown\":i.length===0||void 0,\"data-input-otp-mss\":M,\"data-input-otp-mse\":k,inputMode:G,pattern:m==null?void 0:m.source,\"aria-placeholder\":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t)},onChange:st,onMouseOver:t=>{var o;rt(!0),(o=a.onMouseOver)==null||o.call(a,t)},onMouseLeave:t=>{var o;rt(!1),(o=a.onMouseLeave)==null||o.call(a,t)},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t)},onBlur:t=>{var o;Q(!1),(o=a.onBlur)==null||o.call(a,t)}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=n.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return{char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=n.useMemo(()=>f?f(tt):n.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return n.createElement(n.Fragment,null,T!==null&&n.createElement(\"noscript\",null,n.createElement(\"style\",null,T)),n.createElement(\"div\",{ref:K,\"data-input-otp-container\":!0,style:It,className:Z},Ct,n.createElement(\"div\",{style:{position:\"absolute\",inset:0,pointerEvents:\"none\"}},Mt)))});Lt.displayName=\"Input\";function $(r,s){try{r.insertRule(s)}catch(e){console.error(\"input-otp could not insert CSS rule:\",s)}}var Nt=`\n[data-input-otp] {\n --nojs-bg: white !important;\n --nojs-fg: black !important;\n\n background-color: var(--nojs-bg) !important;\n color: var(--nojs-fg) !important;\n caret-color: var(--nojs-fg) !important;\n letter-spacing: .25em !important;\n text-align: center !important;\n border: 1px solid var(--nojs-fg) !important;\n border-radius: 4px !important;\n width: 100% !important;\n}\n@media (prefers-color-scheme: dark) {\n [data-input-otp] {\n --nojs-bg: black !important;\n --nojs-fg: white !important;\n }\n}`;var Kt=\"^\\\\d+$\",Jt=\"^[a-zA-Z]+$\",Qt=\"^[a-zA-Z0-9]+$\";export{Lt as OTPInput,jt as OTPInputContext,Jt as REGEXP_ONLY_CHARS,Kt as REGEXP_ONLY_DIGITS,Qt as REGEXP_ONLY_DIGITS_AND_CHARS};\n//# sourceMappingURL=index.mjs.map","import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { HugeiconsIcon } from \"@hugeicons/react\"\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\"\n\nfunction InputOTP({\n className,\n containerClassName,\n ...props\n}: React.ComponentProps<typeof OTPInput> & {\n containerClassName?: string\n}) {\n return (\n <OTPInput\n data-slot=\"input-otp\"\n containerClassName={cn(\n \"cn-input-otp flex items-center has-disabled:opacity-50\",\n containerClassName\n )}\n spellCheck={false}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-group\"\n className={cn(\n \"flex items-center rounded-4xl has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction InputOTPSlot({\n index,\n className,\n ...props\n}: React.ComponentProps<\"div\"> & {\n index: number\n}) {\n const inputOTPContext = React.useContext(OTPInputContext)\n const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n return (\n <div\n data-slot=\"input-otp-slot\"\n data-active={isActive}\n className={cn(\n \"relative flex size-9 items-center justify-center border-y border-e border-border bg-border/30 text-sm transition-all outline-none first:rounded-s-4xl first:border-s last:rounded-e-4xl aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-separator\"\n className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n role=\"separator\"\n {...props}\n >\n <HugeiconsIcon icon={MinusSignIcon} />\n </div>\n )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"x_google_ignoreList":[0],"mappings":"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"}
|
package/dist/components/input.js
CHANGED
|
@@ -7,7 +7,7 @@ function u({ className: i, type: e, ...r }) {
|
|
|
7
7
|
return /* @__PURE__ */ n(o, {
|
|
8
8
|
type: e,
|
|
9
9
|
"data-slot": "input",
|
|
10
|
-
className: t("h-9 w-full min-w-0 rounded-4xl border border-
|
|
10
|
+
className: t("h-9 w-full min-w-0 rounded-4xl border border-border bg-border/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", i),
|
|
11
11
|
...r
|
|
12
12
|
});
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <InputPrimitive\n type={type}\n data-slot=\"input\"\n className={cn(\n \"h-9 w-full min-w-0 rounded-4xl border border-
|
|
1
|
+
{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <InputPrimitive\n type={type}\n data-slot=\"input\"\n className={cn(\n \"h-9 w-full min-w-0 rounded-4xl border border-border bg-border/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAKA,SAAS,EAAM,EAAE,WAAA,GAAW,MAAA,GAAM,GAAG,EAAA,GAAwC;AAC3E,SACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,aAAU;AAAA,IACV,WAAW,EACT,qlBACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL"}
|
package/dist/components/item.js
CHANGED
|
@@ -6,28 +6,28 @@ import { jsx as i } from "react/jsx-runtime";
|
|
|
6
6
|
import { mergeProps as m } from "@base-ui/react/merge-props";
|
|
7
7
|
import { useRender as d } from "@base-ui/react/use-render";
|
|
8
8
|
import "react";
|
|
9
|
-
function N({ className:
|
|
9
|
+
function N({ className: t, ...e }) {
|
|
10
10
|
return /* @__PURE__ */ i("div", {
|
|
11
11
|
role: "list",
|
|
12
12
|
"data-slot": "item-group",
|
|
13
|
-
className: a("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
|
|
14
|
-
...
|
|
13
|
+
className: a("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", t),
|
|
14
|
+
...e
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
function h({ className:
|
|
17
|
+
function h({ className: t, ...e }) {
|
|
18
18
|
return /* @__PURE__ */ i(l, {
|
|
19
19
|
"data-slot": "item-separator",
|
|
20
20
|
orientation: "horizontal",
|
|
21
|
-
className: a("my-2",
|
|
22
|
-
...
|
|
21
|
+
className: a("my-2", t),
|
|
22
|
+
...e
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
|
-
var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
|
|
25
|
+
var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-surface-muted", {
|
|
26
26
|
variants: {
|
|
27
27
|
variant: {
|
|
28
28
|
default: "border-transparent",
|
|
29
29
|
outline: "border-border",
|
|
30
|
-
muted: "border-transparent bg-muted/50"
|
|
30
|
+
muted: "border-transparent bg-surface-muted/50"
|
|
31
31
|
},
|
|
32
32
|
size: {
|
|
33
33
|
default: "gap-3.5 px-4 py-3.5",
|
|
@@ -40,18 +40,18 @@ var u = s("group/item flex w-full flex-wrap items-center rounded-2xl border text
|
|
|
40
40
|
size: "default"
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
|
-
function I({ className:
|
|
43
|
+
function I({ className: t, variant: e = "default", size: r = "default", render: n, ...o }) {
|
|
44
44
|
return d({
|
|
45
45
|
defaultTagName: "div",
|
|
46
46
|
props: m({ className: a(u({
|
|
47
|
-
variant:
|
|
47
|
+
variant: e,
|
|
48
48
|
size: r,
|
|
49
|
-
className:
|
|
49
|
+
className: t
|
|
50
50
|
})) }, o),
|
|
51
51
|
render: n,
|
|
52
52
|
state: {
|
|
53
53
|
slot: "item",
|
|
54
|
-
variant:
|
|
54
|
+
variant: e,
|
|
55
55
|
size: r
|
|
56
56
|
}
|
|
57
57
|
});
|
|
@@ -64,57 +64,57 @@ var f = s("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=
|
|
|
64
64
|
} },
|
|
65
65
|
defaultVariants: { variant: "default" }
|
|
66
66
|
});
|
|
67
|
-
function y({ className:
|
|
67
|
+
function y({ className: t, variant: e = "default", ...r }) {
|
|
68
68
|
return /* @__PURE__ */ i("div", {
|
|
69
69
|
"data-slot": "item-media",
|
|
70
|
-
"data-variant":
|
|
70
|
+
"data-variant": e,
|
|
71
71
|
className: a(f({
|
|
72
|
-
variant:
|
|
73
|
-
className:
|
|
72
|
+
variant: e,
|
|
73
|
+
className: t
|
|
74
74
|
})),
|
|
75
75
|
...r
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
|
-
function w({ className:
|
|
78
|
+
function w({ className: t, ...e }) {
|
|
79
79
|
return /* @__PURE__ */ i("div", {
|
|
80
80
|
"data-slot": "item-content",
|
|
81
|
-
className: a("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none",
|
|
82
|
-
...
|
|
81
|
+
className: a("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none", t),
|
|
82
|
+
...e
|
|
83
83
|
});
|
|
84
84
|
}
|
|
85
|
-
function j({ className:
|
|
85
|
+
function j({ className: t, ...e }) {
|
|
86
86
|
return /* @__PURE__ */ i("div", {
|
|
87
87
|
"data-slot": "item-title",
|
|
88
|
-
className: a("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
|
|
89
|
-
...
|
|
88
|
+
className: a("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", t),
|
|
89
|
+
...e
|
|
90
90
|
});
|
|
91
91
|
}
|
|
92
|
-
function V({ className:
|
|
92
|
+
function V({ className: t, ...e }) {
|
|
93
93
|
return /* @__PURE__ */ i("p", {
|
|
94
94
|
"data-slot": "item-description",
|
|
95
|
-
className: a("line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
|
|
96
|
-
...
|
|
95
|
+
className: a("line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", t),
|
|
96
|
+
...e
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
function _({ className:
|
|
99
|
+
function _({ className: t, ...e }) {
|
|
100
100
|
return /* @__PURE__ */ i("div", {
|
|
101
101
|
"data-slot": "item-actions",
|
|
102
|
-
className: a("flex items-center gap-2",
|
|
103
|
-
...
|
|
102
|
+
className: a("flex items-center gap-2", t),
|
|
103
|
+
...e
|
|
104
104
|
});
|
|
105
105
|
}
|
|
106
|
-
function M({ className:
|
|
106
|
+
function M({ className: t, ...e }) {
|
|
107
107
|
return /* @__PURE__ */ i("div", {
|
|
108
108
|
"data-slot": "item-header",
|
|
109
|
-
className: a("flex basis-full items-center justify-between gap-2",
|
|
110
|
-
...
|
|
109
|
+
className: a("flex basis-full items-center justify-between gap-2", t),
|
|
110
|
+
...e
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
|
-
function S({ className:
|
|
113
|
+
function S({ className: t, ...e }) {
|
|
114
114
|
return /* @__PURE__ */ i("div", {
|
|
115
115
|
"data-slot": "item-footer",
|
|
116
|
-
className: a("flex basis-full items-center justify-between gap-2",
|
|
117
|
-
...
|
|
116
|
+
className: a("flex basis-full items-center justify-between gap-2", t),
|
|
117
|
+
...e
|
|
118
118
|
});
|
|
119
119
|
}
|
|
120
120
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","names":[],"sources":["../../src/components/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"../separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n role=\"list\"\n data-slot=\"item-group\"\n className={cn(\n \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"item-separator\"\n orientation=\"horizontal\"\n className={cn(\"my-2\", className)}\n {...props}\n />\n )\n}\n\nconst itemVariants = cva(\n \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n {\n variants: {\n variant: {\n default: \"border-transparent\",\n outline: \"border-border\",\n muted: \"border-transparent bg-muted/50\",\n },\n size: {\n default: \"gap-3.5 px-4 py-3.5\",\n sm: \"gap-3.5 px-3.5 py-3\",\n xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Item({\n className,\n variant = \"default\",\n size = \"default\",\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(itemVariants({ variant, size, className })),\n },\n props\n ),\n render,\n state: {\n slot: \"item\",\n variant,\n size,\n },\n })\n}\n\nconst itemMediaVariants = cva(\n \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n icon: \"[&_svg:not([class*='size-'])]:size-4\",\n image:\n \"size-10 overflow-hidden rounded-lg group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-md [&_img]:size-full [&_img]:object-cover\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction ItemMedia({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n return (\n <div\n data-slot=\"item-media\"\n data-variant={variant}\n className={cn(itemMediaVariants({ variant, className }))}\n {...props}\n />\n )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-content\"\n className={cn(\n \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-title\"\n className={cn(\n \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n \"line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn(\"flex items-center gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-header\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-footer\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Item,\n ItemMedia,\n ItemContent,\n ItemActions,\n ItemGroup,\n ItemSeparator,\n ItemTitle,\n ItemDescription,\n ItemHeader,\n ItemFooter,\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,EAAU,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACvE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,MAAK;AAAA,IACL,aAAU;AAAA,IACV,WAAW,EACT,mGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,WAAA,GACA,GAAG,EAAA,GACsC;AACzC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,aAAY;AAAA,IACZ,WAAW,EAAG,QAAQ,CAAS;AAAA,IAC/B,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,IAAM,IAAe,EACnB
|
|
1
|
+
{"version":3,"file":"item.js","names":[],"sources":["../../src/components/item/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"../separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n role=\"list\"\n data-slot=\"item-group\"\n className={cn(\n \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"item-separator\"\n orientation=\"horizontal\"\n className={cn(\"my-2\", className)}\n {...props}\n />\n )\n}\n\nconst itemVariants = cva(\n \"group/item flex w-full flex-wrap items-center rounded-2xl border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-surface-muted\",\n {\n variants: {\n variant: {\n default: \"border-transparent\",\n outline: \"border-border\",\n muted: \"border-transparent bg-surface-muted/50\",\n },\n size: {\n default: \"gap-3.5 px-4 py-3.5\",\n sm: \"gap-3.5 px-3.5 py-3\",\n xs: \"gap-2.5 px-3 py-2.5 in-data-[slot=dropdown-menu-content]:p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Item({\n className,\n variant = \"default\",\n size = \"default\",\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(itemVariants({ variant, size, className })),\n },\n props\n ),\n render,\n state: {\n slot: \"item\",\n variant,\n size,\n },\n })\n}\n\nconst itemMediaVariants = cva(\n \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n icon: \"[&_svg:not([class*='size-'])]:size-4\",\n image:\n \"size-10 overflow-hidden rounded-lg group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 group-data-[size=xs]/item:rounded-md [&_img]:size-full [&_img]:object-cover\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction ItemMedia({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n return (\n <div\n data-slot=\"item-media\"\n data-variant={variant}\n className={cn(itemMediaVariants({ variant, className }))}\n {...props}\n />\n )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-content\"\n className={cn(\n \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0.5 [&+[data-slot=item-content]]:flex-none\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-title\"\n className={cn(\n \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n \"line-clamp-2 text-start text-sm font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn(\"flex items-center gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-header\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-footer\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Item,\n ItemMedia,\n ItemContent,\n ItemActions,\n ItemGroup,\n ItemSeparator,\n ItemTitle,\n ItemDescription,\n ItemHeader,\n ItemFooter,\n}\n"],"mappings":"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"}
|
package/dist/components/kbd.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as
|
|
2
|
+
import { t as n } from "../chunks/utils-kyb5nny4y41y7hd8.js";
|
|
3
3
|
import { jsx as o } from "react/jsx-runtime";
|
|
4
|
-
function i({ className: t, ...
|
|
4
|
+
function i({ className: t, ...e }) {
|
|
5
5
|
return /* @__PURE__ */ o("kbd", {
|
|
6
6
|
"data-slot": "kbd",
|
|
7
|
-
className:
|
|
8
|
-
...
|
|
7
|
+
className: n("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-surface-1/20 in-data-[slot=tooltip-content]:text-surface-1 dark:in-data-[slot=tooltip-content]:bg-surface-1/10 [&_svg:not([class*='size-'])]:size-3", t),
|
|
8
|
+
...e
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
|
-
function r({ className: t, ...
|
|
11
|
+
function r({ className: t, ...e }) {
|
|
12
12
|
return /* @__PURE__ */ o("kbd", {
|
|
13
13
|
"data-slot": "kbd-group",
|
|
14
|
-
className:
|
|
15
|
-
...
|
|
14
|
+
className: n("inline-flex items-center gap-1", t),
|
|
15
|
+
...e
|
|
16
16
|
});
|
|
17
17
|
}
|
|
18
18
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-
|
|
1
|
+
{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-surface-3 px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-surface-1/20 in-data-[slot=tooltip-content]:text-surface-1 dark:in-data-[slot=tooltip-content]:bg-surface-1/10 [&_svg:not([class*='size-'])]:size-3\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <kbd\n data-slot=\"kbd-group\"\n className={cn(\"inline-flex items-center gap-1\", className)}\n {...props}\n />\n )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;AAEA,SAAS,EAAI,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACjE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,0WACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,WAAA,GAAW,GAAG,EAAA,GAAsC;AACtE,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,kCAAkC,CAAS;AAAA,IACzD,GAAI;AAAA,EACL,CAAA;AAEL"}
|