@clasing/ui 0.1.126 → 0.1.128
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/{badge-BnerQ2lF.js → badge-1kvIHznc.js} +1 -1
- package/dist/{badge-Czof3oqL.cjs → badge-P7DTJePf.cjs} +1 -1
- package/dist/{button-DddHyyHa.js → button-BMeBsgLZ.js} +156 -150
- package/dist/{button-Cegl49Yi.cjs → button-Chd1eL4R.cjs} +1 -1
- package/dist/{calendar-DL8gqdRp.cjs → calendar-B1iUTT_d.cjs} +1 -1
- package/dist/{calendar-BAQkzm4v.js → calendar-Bc6nud5f.js} +1 -1
- package/dist/{chip-A32aAc-8.cjs → chip-BtBgM97Y.cjs} +1 -1
- package/dist/{chip-ZZHZ8i1Q.js → chip-DOFVLzAe.js} +1 -1
- package/dist/command-BVqQYgq1.cjs +1 -0
- package/dist/command-DS_uqbdy.js +176 -0
- package/dist/components/accordion.cjs.js +1 -1
- package/dist/components/accordion.es.js +1 -1
- package/dist/components/alert-dialog.cjs.js +1 -1
- package/dist/components/alert-dialog.es.js +1 -1
- package/dist/components/alert.cjs.js +1 -1
- package/dist/components/alert.es.js +1 -1
- package/dist/components/badge.cjs.js +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/blocks/date-picker.cjs.js +1 -1
- package/dist/components/blocks/date-picker.es.js +2 -2
- package/dist/components/blocks/date-range-picker.cjs.js +1 -1
- package/dist/components/blocks/date-range-picker.es.js +1 -1
- package/dist/components/blocks/interactive-card.cjs.js +1 -1
- package/dist/components/blocks/interactive-card.es.js +2 -2
- package/dist/components/blocks/selectable-chips.cjs.js +1 -1
- package/dist/components/blocks/selectable-chips.es.js +1 -1
- package/dist/components/breadcrumb.cjs.js +1 -1
- package/dist/components/breadcrumb.es.js +1 -1
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/calendar.cjs.js +1 -1
- package/dist/components/calendar.es.js +1 -1
- package/dist/components/checkbox.cjs.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/chip.cjs.js +1 -1
- package/dist/components/chip.d.ts +1 -1
- package/dist/components/chip.es.js +1 -1
- package/dist/components/command.cjs.js +1 -1
- package/dist/components/command.es.js +1 -1
- package/dist/components/context-menu.cjs.js +1 -1
- package/dist/components/context-menu.es.js +1 -1
- package/dist/components/dialog.cjs.js +1 -1
- package/dist/components/dialog.es.js +1 -1
- package/dist/components/drawer.cjs.js +1 -3
- package/dist/components/drawer.es.js +58 -1091
- package/dist/components/dropdown-menu.cjs.js +1 -1
- package/dist/components/dropdown-menu.es.js +1 -1
- package/dist/components/icon-component.cjs.js +1 -1
- package/dist/components/icon-component.d.ts +2 -2
- package/dist/components/icon-component.es.js +1 -1
- package/dist/components/input-otp.cjs.js +1 -20
- package/dist/components/input-otp.es.js +37 -225
- package/dist/components/input.cjs.js +1 -1
- package/dist/components/input.d.ts +5 -8
- package/dist/components/input.es.js +1 -1
- package/dist/components/menubar.cjs.js +1 -1
- package/dist/components/menubar.es.js +1 -1
- package/dist/components/multi-select.cjs.js +1 -1
- package/dist/components/multi-select.es.js +3 -3
- package/dist/components/navigation-menu.cjs.js +1 -1
- package/dist/components/navigation-menu.es.js +1 -1
- package/dist/components/phone-input.cjs.js +1 -1
- package/dist/components/phone-input.es.js +4 -4
- package/dist/components/resizable.cjs.js +1 -1
- package/dist/components/resizable.es.js +24 -1527
- package/dist/components/select.cjs.js +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/sheet.cjs.js +1 -1
- package/dist/components/sheet.es.js +1 -1
- package/dist/{dialog-DZpF7OXg.js → dialog-BdbmyluB.js} +1 -1
- package/dist/{dialog-BKm2PZl2.cjs → dialog-DEwsbeqW.cjs} +1 -1
- package/dist/{icon-component-BZ-4FDV6.js → icon-component-DS1KwkwD.js} +11 -10
- package/dist/icon-component-lt1cLU_1.cjs +1 -0
- package/dist/{input-DwPDvbRE.js → input-CToZ7rWo.js} +55 -55
- package/dist/input-DDSu84U-.cjs +1 -0
- package/package.json +1 -1
- package/dist/command-BGCSJ9vX.js +0 -506
- package/dist/command-D9M8dk1M.cjs +0 -1
- package/dist/icon-component-LY_vGYHZ.cjs +0 -1
- package/dist/input-DFPJ_mtM.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dropdown-menu"),s=require("../index-DoxiiusW.cjs"),d=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-dropdown-menu"),s=require("../index-DoxiiusW.cjs"),d=require("../icon-component-lt1cLU_1.cjs");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=u(i);function c({...e}){return t.jsxRuntimeExports.jsx(o.Root,{"data-slot":"dropdown-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"dropdown-menu-portal",...e})}function m({...e}){return t.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function l({className:e,sideOffset:n=4,...r}){return t.jsxRuntimeExports.jsx(o.Portal,{children:t.jsxRuntimeExports.jsx(o.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...r})})}function x({...e}){return t.jsxRuntimeExports.jsx(o.Group,{"data-slot":"dropdown-menu-group",...e})}function f({className:e,inset:n,variant:r="default",...a}){return t.jsxRuntimeExports.jsx(o.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":r,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...a})}function g({className:e,children:n,checked:r,...a}){return t.jsxRuntimeExports.jsxs(o.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:s.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...a,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),n]})}function w({...e}){return t.jsxRuntimeExports.jsx(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function b({className:e,children:n,...r}){return t.jsxRuntimeExports.jsxs(o.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:s.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconCircleFilled",className:"size-2 fill-current"})})}),n]})}function j({className:e,inset:n,...r}){return t.jsxRuntimeExports.jsx(o.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:s.cn("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8",e),...r})}function v({className:e,...n}){return t.jsxRuntimeExports.jsx(o.Separator,{"data-slot":"dropdown-menu-separator",className:s.cn("bg-border -mx-1 my-1 h-px",e),...n})}function h({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"dropdown-menu-shortcut",className:s.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...n})}function D({...e}){return t.jsxRuntimeExports.jsx(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function M({className:e,inset:n,children:r,...a}){return t.jsxRuntimeExports.jsxs(o.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":n,className:s.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",e),...a,children:[r,t.jsxRuntimeExports.jsx(d.IconComponent,{iconName:"IconChevronRight",className:"ml-auto size-4"})]})}function R({className:e,...n}){return t.jsxRuntimeExports.jsx(o.SubContent,{"data-slot":"dropdown-menu-sub-content",className:s.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}exports.DropdownMenu=c;exports.DropdownMenuCheckboxItem=g;exports.DropdownMenuContent=l;exports.DropdownMenuGroup=x;exports.DropdownMenuItem=f;exports.DropdownMenuLabel=j;exports.DropdownMenuPortal=p;exports.DropdownMenuRadioGroup=w;exports.DropdownMenuRadioItem=b;exports.DropdownMenuSeparator=v;exports.DropdownMenuShortcut=h;exports.DropdownMenuSub=D;exports.DropdownMenuSubContent=R;exports.DropdownMenuSubTrigger=M;exports.DropdownMenuTrigger=m;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as n from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import { c as r } from "../index-CRiPKpXj.js";
|
|
4
|
-
import { I as d } from "../icon-component-
|
|
4
|
+
import { I as d } from "../icon-component-DS1KwkwD.js";
|
|
5
5
|
function l({
|
|
6
6
|
...e
|
|
7
7
|
}) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../icon-component-lt1cLU_1.cjs");exports.IconComponent=o.IconComponent;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as TablerIcons from '@tabler/icons-react';
|
|
2
2
|
import { SVGAttributes } from 'react';
|
|
3
3
|
export type TablerIconName = keyof typeof TablerIcons;
|
|
4
|
-
interface IIconComponentProps extends SVGAttributes<
|
|
4
|
+
interface IIconComponentProps extends SVGAttributes<SVGSVGElement> {
|
|
5
5
|
iconName?: TablerIconName;
|
|
6
6
|
iconText?: string;
|
|
7
7
|
size?: number;
|
|
8
8
|
color?: string;
|
|
9
9
|
onClick?: () => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const IconComponent: import("react").ForwardRefExoticComponent<IIconComponentProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
11
|
+
export declare const IconComponent: import("react").ForwardRefExoticComponent<IIconComponentProps & import("react").RefAttributes<SVGSVGElement | HTMLDivElement>>;
|
|
12
12
|
export {};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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
|
-
}`;function ze({className:e,containerClassName:r,...a}){return D.jsxRuntimeExports.jsx(xe,{"data-slot":"input-otp",containerClassName:K.cn("flex items-center gap-2 has-disabled:opacity-50",r),className:K.cn("disabled:cursor-not-allowed",e),...a})}function Ve({className:e,...r}){return D.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:K.cn("flex items-center",e),...r})}function Ze({index:e,className:r,...a}){const i=n.useContext(be),{char:w,hasFakeCaret:p,isActive:j}=i?.slots[e]??{};return D.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":j,className:K.cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",r),...a,children:[w,p&&D.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:D.jsxRuntimeExports.jsx("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}function Je({...e}){return D.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...e,children:D.jsxRuntimeExports.jsx(Re.IconComponent,{iconName:"IconMinus"})})}exports.InputOTP=ze;exports.InputOTPGroup=Ve;exports.InputOTPSeparator=Je;exports.InputOTPSlot=Ze;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-DUiatUiq.cjs"),o=require("input-otp"),d=require("react"),a=require("../index-DoxiiusW.cjs"),l=require("../icon-component-lt1cLU_1.cjs");function p(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const x=p(d);function m({className:t,containerClassName:e,...r}){return n.jsxRuntimeExports.jsx(o.OTPInput,{"data-slot":"input-otp",containerClassName:a.cn("flex items-center gap-2 has-disabled:opacity-50",e),className:a.cn("disabled:cursor-not-allowed",t),...r})}function v({className:t,...e}){return n.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-group",className:a.cn("flex items-center",t),...e})}function f({index:t,className:e,...r}){const i=x.useContext(o.OTPInputContext),{char:s,hasFakeCaret:u,isActive:c}=i?.slots[t]??{};return n.jsxRuntimeExports.jsxs("div",{"data-slot":"input-otp-slot","data-active":c,className:a.cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",e),...r,children:[s,u&&n.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:n.jsxRuntimeExports.jsx("div",{className:"animate-caret-blink bg-foreground h-4 w-px duration-1000"})})]})}function j({...t}){return n.jsxRuntimeExports.jsx("div",{"data-slot":"input-otp-separator",role:"separator",...t,children:n.jsxRuntimeExports.jsx(l.IconComponent,{iconName:"IconMinus"})})}exports.InputOTP=m;exports.InputOTPGroup=v;exports.InputOTPSeparator=j;exports.InputOTPSlot=f;
|
|
@@ -1,253 +1,65 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var l = {};
|
|
11
|
-
for (var u in n) ve.call(n, u) && a.indexOf(u) < 0 && (l[u] = n[u]);
|
|
12
|
-
if (n != null && Q) for (var u of Q(n)) a.indexOf(u) < 0 && ge.call(n, u) && (l[u] = n[u]);
|
|
13
|
-
return l;
|
|
14
|
-
};
|
|
15
|
-
function Be(n) {
|
|
16
|
-
let a = setTimeout(n, 0), l = setTimeout(n, 10), u = setTimeout(n, 50);
|
|
17
|
-
return [a, l, u];
|
|
18
|
-
}
|
|
19
|
-
function _e(n) {
|
|
20
|
-
let a = t.useRef();
|
|
21
|
-
return t.useEffect(() => {
|
|
22
|
-
a.current = n;
|
|
23
|
-
}), a.current;
|
|
24
|
-
}
|
|
25
|
-
var Fe = 18, he = 40, Ne = `${he}px`, He = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
|
|
26
|
-
function Le({ containerRef: n, inputRef: a, pushPasswordManagerStrategy: l, isFocused: u }) {
|
|
27
|
-
let [x, d] = t.useState(!1), [M, k] = t.useState(!1), [A, N] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && x && M, [x, M, l]), W = t.useCallback(() => {
|
|
28
|
-
let f = n.current, y = a.current;
|
|
29
|
-
if (!f || !y || A || l === "none") return;
|
|
30
|
-
let h = f, E = h.getBoundingClientRect().left + h.offsetWidth, B = h.getBoundingClientRect().top + h.offsetHeight / 2, i = E - Fe, L = B;
|
|
31
|
-
document.querySelectorAll(He).length === 0 && document.elementFromPoint(i, L) === f || (d(!0), N(!0));
|
|
32
|
-
}, [n, a, A, l]);
|
|
33
|
-
return t.useEffect(() => {
|
|
34
|
-
let f = n.current;
|
|
35
|
-
if (!f || l === "none") return;
|
|
36
|
-
function y() {
|
|
37
|
-
let E = window.innerWidth - f.getBoundingClientRect().right;
|
|
38
|
-
k(E >= he);
|
|
39
|
-
}
|
|
40
|
-
y();
|
|
41
|
-
let h = setInterval(y, 1e3);
|
|
42
|
-
return () => {
|
|
43
|
-
clearInterval(h);
|
|
44
|
-
};
|
|
45
|
-
}, [n, l]), t.useEffect(() => {
|
|
46
|
-
let f = u || document.activeElement === a.current;
|
|
47
|
-
if (l === "none" || !f) return;
|
|
48
|
-
let y = setTimeout(W, 0), h = setTimeout(W, 2e3), E = setTimeout(W, 5e3), B = setTimeout(() => {
|
|
49
|
-
N(!0);
|
|
50
|
-
}, 6e3);
|
|
51
|
-
return () => {
|
|
52
|
-
clearTimeout(y), clearTimeout(h), clearTimeout(E), clearTimeout(B);
|
|
53
|
-
};
|
|
54
|
-
}, [a, u, l, W]), { hasPWMBadge: x, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Ne };
|
|
55
|
-
}
|
|
56
|
-
var be = t.createContext({}), we = t.forwardRef((n, a) => {
|
|
57
|
-
var l = n, { value: u, onChange: x, maxLength: d, textAlign: M = "left", pattern: k, placeholder: A, inputMode: N = "numeric", onComplete: H, pushPasswordManagerStrategy: W = "increase-width", pasteTransformer: f, containerClassName: y, noScriptCSSFallback: h = Ge, render: E, children: B } = l, i = We(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ne, re, ae, le;
|
|
58
|
-
let [xe, Ee] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), s = u ?? xe, j = _e(s), G = t.useCallback((e) => {
|
|
59
|
-
x?.(e), Ee(e);
|
|
60
|
-
}, [x]), w = t.useMemo(() => k ? typeof k == "string" ? new RegExp(k) : k : null, [k]), c = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: s, onChange: G, isIOS: typeof window < "u" && ((ne = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : ne.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(re = c.current) == null ? void 0 : re.selectionStart, (ae = c.current) == null ? void 0 : ae.selectionEnd, (le = c.current) == null ? void 0 : le.selectionDirection] });
|
|
61
|
-
t.useImperativeHandle(a, () => c.current, []), t.useEffect(() => {
|
|
62
|
-
let e = c.current, r = U.current;
|
|
63
|
-
if (!e || !r) return;
|
|
64
|
-
X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
|
|
65
|
-
function p() {
|
|
66
|
-
if (document.activeElement !== e) {
|
|
67
|
-
z(null), V(null);
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
let o = e.selectionStart, m = e.selectionEnd, J = e.selectionDirection, b = e.maxLength, R = e.value, S = Z.current.prev, C = -1, P = -1, O;
|
|
71
|
-
if (R.length !== 0 && o !== null && m !== null) {
|
|
72
|
-
let Me = o === m, ke = o === R.length && R.length < b;
|
|
73
|
-
if (Me && !ke) {
|
|
74
|
-
let D = o;
|
|
75
|
-
if (D === 0) C = 0, P = 1, O = "forward";
|
|
76
|
-
else if (D === b) C = D - 1, P = D, O = "backward";
|
|
77
|
-
else if (b > 1 && R.length > 1) {
|
|
78
|
-
let te = 0;
|
|
79
|
-
if (S[0] !== null && S[1] !== null) {
|
|
80
|
-
O = D < S[1] ? "backward" : "forward";
|
|
81
|
-
let je = S[0] === S[1] && S[0] < b;
|
|
82
|
-
O === "backward" && !je && (te = -1);
|
|
83
|
-
}
|
|
84
|
-
C = te + D, P = te + D + 1;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
C !== -1 && P !== -1 && C !== P && c.current.setSelectionRange(C, P, O);
|
|
88
|
-
}
|
|
89
|
-
let pe = C !== -1 ? C : o, me = P !== -1 ? P : m, Pe = O ?? J;
|
|
90
|
-
z(pe), V(me), Z.current.prev = [pe, me, Pe];
|
|
91
|
-
}
|
|
92
|
-
if (document.addEventListener("selectionchange", p, { capture: !0 }), p(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
|
|
93
|
-
let o = document.createElement("style");
|
|
94
|
-
if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
|
|
95
|
-
let m = "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
|
-
q(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(o.sheet, `[data-input-otp]:autofill { ${m} }`), q(o.sheet, `[data-input-otp]:-webkit-autofill { ${m} }`), q(o.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; } }"), q(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
let v = () => {
|
|
100
|
-
r && r.style.setProperty("--root-height", `${e.clientHeight}px`);
|
|
101
|
-
};
|
|
102
|
-
v();
|
|
103
|
-
let g = new ResizeObserver(v);
|
|
104
|
-
return g.observe(e), () => {
|
|
105
|
-
document.removeEventListener("selectionchange", p, { capture: !0 }), g.disconnect();
|
|
106
|
-
};
|
|
107
|
-
}, []);
|
|
108
|
-
let [oe, ie] = t.useState(!1), [$, Y] = t.useState(!1), [T, z] = t.useState(null), [_, V] = t.useState(null);
|
|
109
|
-
t.useEffect(() => {
|
|
110
|
-
Be(() => {
|
|
111
|
-
var e, r, p, v;
|
|
112
|
-
(e = c.current) == null || e.dispatchEvent(new Event("input"));
|
|
113
|
-
let g = (r = c.current) == null ? void 0 : r.selectionStart, o = (p = c.current) == null ? void 0 : p.selectionEnd, m = (v = c.current) == null ? void 0 : v.selectionDirection;
|
|
114
|
-
g !== null && o !== null && (z(g), V(o), Z.current.prev = [g, o, m]);
|
|
115
|
-
});
|
|
116
|
-
}, [s, $]), t.useEffect(() => {
|
|
117
|
-
j !== void 0 && s !== j && j.length < d && s.length === d && H?.(s);
|
|
118
|
-
}, [d, H, j, s]);
|
|
119
|
-
let F = Le({ containerRef: U, inputRef: c, pushPasswordManagerStrategy: W, isFocused: $ }), ue = t.useCallback((e) => {
|
|
120
|
-
let r = e.currentTarget.value.slice(0, d);
|
|
121
|
-
if (r.length > 0 && w && !w.test(r)) {
|
|
122
|
-
e.preventDefault();
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
typeof j == "string" && r.length < j.length && document.dispatchEvent(new Event("selectionchange")), G(r);
|
|
126
|
-
}, [d, G, j, w]), se = t.useCallback(() => {
|
|
127
|
-
var e;
|
|
128
|
-
if (c.current) {
|
|
129
|
-
let r = Math.min(c.current.value.length, d - 1), p = c.current.value.length;
|
|
130
|
-
(e = c.current) == null || e.setSelectionRange(r, p), z(r), V(p);
|
|
131
|
-
}
|
|
132
|
-
Y(!0);
|
|
133
|
-
}, [d]), ce = t.useCallback((e) => {
|
|
134
|
-
var r, p;
|
|
135
|
-
let v = c.current;
|
|
136
|
-
if (!f && (!X.current.isIOS || !e.clipboardData || !v)) return;
|
|
137
|
-
let g = e.clipboardData.getData("text/plain"), o = f ? f(g) : g;
|
|
138
|
-
e.preventDefault();
|
|
139
|
-
let m = (r = c.current) == null ? void 0 : r.selectionStart, J = (p = c.current) == null ? void 0 : p.selectionEnd, b = (m !== J ? s.slice(0, m) + o + s.slice(J) : s.slice(0, m) + o + s.slice(m)).slice(0, d);
|
|
140
|
-
if (b.length > 0 && w && !w.test(b)) return;
|
|
141
|
-
v.value = b, G(b);
|
|
142
|
-
let R = Math.min(b.length, d - 1), S = b.length;
|
|
143
|
-
v.setSelectionRange(R, S), z(R), V(S);
|
|
144
|
-
}, [d, G, w, s]), Se = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), de = t.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: M, 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, M]), ye = t.useMemo(() => t.createElement("input", Ae(Ie({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": s.length === 0 || void 0, "data-input-otp-mss": T, "data-input-otp-mse": _, inputMode: N, pattern: w?.source, "aria-placeholder": A, style: de, maxLength: d, value: s, ref: c, onPaste: (e) => {
|
|
145
|
-
var r;
|
|
146
|
-
ce(e), (r = i.onPaste) == null || r.call(i, e);
|
|
147
|
-
}, onChange: ue, onMouseOver: (e) => {
|
|
148
|
-
var r;
|
|
149
|
-
ie(!0), (r = i.onMouseOver) == null || r.call(i, e);
|
|
150
|
-
}, onMouseLeave: (e) => {
|
|
151
|
-
var r;
|
|
152
|
-
ie(!1), (r = i.onMouseLeave) == null || r.call(i, e);
|
|
153
|
-
}, onFocus: (e) => {
|
|
154
|
-
var r;
|
|
155
|
-
se(), (r = i.onFocus) == null || r.call(i, e);
|
|
156
|
-
}, onBlur: (e) => {
|
|
157
|
-
var r;
|
|
158
|
-
Y(!1), (r = i.onBlur) == null || r.call(i, e);
|
|
159
|
-
} })), [ue, se, ce, N, de, d, _, T, i, w?.source, s]), ee = t.useMemo(() => ({ slots: Array.from({ length: d }).map((e, r) => {
|
|
160
|
-
var p;
|
|
161
|
-
let v = $ && T !== null && _ !== null && (T === _ && r === T || r >= T && r < _), g = s[r] !== void 0 ? s[r] : null, o = s[0] !== void 0 ? null : (p = A?.[r]) != null ? p : null;
|
|
162
|
-
return { char: g, placeholderChar: o, isActive: v, hasFakeCaret: v && g === null };
|
|
163
|
-
}), isFocused: $, isHovering: !i.disabled && oe }), [$, oe, d, _, T, i.disabled, s]), Ce = t.useMemo(() => E ? E(ee) : t.createElement(be.Provider, { value: ee }, B), [B, ee, E]);
|
|
164
|
-
return t.createElement(t.Fragment, null, h !== null && t.createElement("noscript", null, t.createElement("style", null, h)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: Se, className: y }, Ce, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, ye)));
|
|
165
|
-
});
|
|
166
|
-
we.displayName = "Input";
|
|
167
|
-
function q(n, a) {
|
|
168
|
-
try {
|
|
169
|
-
n.insertRule(a);
|
|
170
|
-
} catch {
|
|
171
|
-
console.error("input-otp could not insert CSS rule:", a);
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
var Ge = `
|
|
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
|
-
function qe({
|
|
195
|
-
className: n,
|
|
196
|
-
containerClassName: a,
|
|
197
|
-
...l
|
|
1
|
+
import { j as e } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import { OTPInput as u, OTPInputContext as c } from "input-otp";
|
|
3
|
+
import * as l from "react";
|
|
4
|
+
import { c as a } from "../index-CRiPKpXj.js";
|
|
5
|
+
import { I as p } from "../icon-component-DS1KwkwD.js";
|
|
6
|
+
function b({
|
|
7
|
+
className: t,
|
|
8
|
+
containerClassName: r,
|
|
9
|
+
...i
|
|
198
10
|
}) {
|
|
199
|
-
return /* @__PURE__ */
|
|
200
|
-
|
|
11
|
+
return /* @__PURE__ */ e.jsx(
|
|
12
|
+
u,
|
|
201
13
|
{
|
|
202
14
|
"data-slot": "input-otp",
|
|
203
|
-
containerClassName:
|
|
15
|
+
containerClassName: a(
|
|
204
16
|
"flex items-center gap-2 has-disabled:opacity-50",
|
|
205
|
-
|
|
17
|
+
r
|
|
206
18
|
),
|
|
207
|
-
className:
|
|
208
|
-
...
|
|
19
|
+
className: a("disabled:cursor-not-allowed", t),
|
|
20
|
+
...i
|
|
209
21
|
}
|
|
210
22
|
);
|
|
211
23
|
}
|
|
212
|
-
function
|
|
213
|
-
return /* @__PURE__ */
|
|
24
|
+
function g({ className: t, ...r }) {
|
|
25
|
+
return /* @__PURE__ */ e.jsx(
|
|
214
26
|
"div",
|
|
215
27
|
{
|
|
216
28
|
"data-slot": "input-otp-group",
|
|
217
|
-
className:
|
|
218
|
-
...
|
|
29
|
+
className: a("flex items-center", t),
|
|
30
|
+
...r
|
|
219
31
|
}
|
|
220
32
|
);
|
|
221
33
|
}
|
|
222
|
-
function
|
|
223
|
-
index:
|
|
224
|
-
className:
|
|
225
|
-
...
|
|
34
|
+
function j({
|
|
35
|
+
index: t,
|
|
36
|
+
className: r,
|
|
37
|
+
...i
|
|
226
38
|
}) {
|
|
227
|
-
const
|
|
228
|
-
return /* @__PURE__ */
|
|
39
|
+
const n = l.useContext(c), { char: o, hasFakeCaret: s, isActive: d } = n?.slots[t] ?? {};
|
|
40
|
+
return /* @__PURE__ */ e.jsxs(
|
|
229
41
|
"div",
|
|
230
42
|
{
|
|
231
43
|
"data-slot": "input-otp-slot",
|
|
232
|
-
"data-active":
|
|
233
|
-
className:
|
|
44
|
+
"data-active": d,
|
|
45
|
+
className: a(
|
|
234
46
|
"data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
|
|
235
|
-
|
|
47
|
+
r
|
|
236
48
|
),
|
|
237
|
-
...
|
|
49
|
+
...i,
|
|
238
50
|
children: [
|
|
239
|
-
|
|
240
|
-
|
|
51
|
+
o,
|
|
52
|
+
s && /* @__PURE__ */ e.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
|
|
241
53
|
]
|
|
242
54
|
}
|
|
243
55
|
);
|
|
244
56
|
}
|
|
245
|
-
function
|
|
246
|
-
return /* @__PURE__ */
|
|
57
|
+
function I({ ...t }) {
|
|
58
|
+
return /* @__PURE__ */ e.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ e.jsx(p, { iconName: "IconMinus" }) });
|
|
247
59
|
}
|
|
248
60
|
export {
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
61
|
+
b as InputOTP,
|
|
62
|
+
g as InputOTPGroup,
|
|
63
|
+
I as InputOTPSeparator,
|
|
64
|
+
j as InputOTPSlot
|
|
253
65
|
};
|
|
@@ -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-DDSu84U-.cjs");exports.Input=t.Input;
|
|
@@ -15,18 +15,15 @@ export interface InputProps extends VariantProps<typeof inputStyles> {
|
|
|
15
15
|
error?: string;
|
|
16
16
|
/** Whether the input has been touched/blurred */
|
|
17
17
|
touched?: boolean;
|
|
18
|
-
/** Icon to display
|
|
19
|
-
|
|
20
|
-
name: TablerIconName;
|
|
21
|
-
stroke?: string;
|
|
22
|
-
};
|
|
23
|
-
/** Icon to display on the right side of the input */
|
|
24
|
-
iconRight?: TablerIconName | {
|
|
18
|
+
/** Icon to display in the input */
|
|
19
|
+
iconName?: TablerIconName | {
|
|
25
20
|
name: TablerIconName;
|
|
26
21
|
stroke?: string;
|
|
27
22
|
};
|
|
23
|
+
/** Position of the icon (left or right) */
|
|
24
|
+
iconPosition?: 'left' | 'right';
|
|
28
25
|
/** Container className for the entire input component including label and helper text */
|
|
29
26
|
containerClassName?: string;
|
|
30
27
|
}
|
|
31
|
-
declare function Input({ className, label, helperText, error, touched,
|
|
28
|
+
declare function Input({ className, label, helperText, error, touched, iconName, iconPosition, type, size, rounded, state, containerClassName, ...props }: Omit<React.ComponentProps<'input'>, 'size'> & InputProps): import("react/jsx-runtime").JSX.Element;
|
|
32
29
|
export { Input, inputStyles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-DUiatUiq.cjs"),c=require("@radix-ui/react-menubar"),o=require("../index-DoxiiusW.cjs"),i=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-DUiatUiq.cjs"),c=require("@radix-ui/react-menubar"),o=require("../index-DoxiiusW.cjs"),i=require("../icon-component-lt1cLU_1.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=m(c);function l({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Root,{"data-slot":"menubar",className:o.cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",e),...t})}function x({...e}){return n.jsxRuntimeExports.jsx(a.Menu,{"data-slot":"menubar-menu",...e})}function b({...e}){return n.jsxRuntimeExports.jsx(a.Group,{"data-slot":"menubar-group",...e})}function u({...e}){return n.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"menubar-portal",...e})}function p({...e}){return n.jsxRuntimeExports.jsx(a.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function f({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"menubar-trigger",className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",e),...t})}function g({className:e,align:t="start",alignOffset:r=-4,sideOffset:s=8,...d}){return n.jsxRuntimeExports.jsx(u,{children:n.jsxRuntimeExports.jsx(a.Content,{"data-slot":"menubar-content",align:t,alignOffset:r,sideOffset:s,className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",e),...d})})}function j({className:e,inset:t,variant:r="default",...s}){return n.jsxRuntimeExports.jsx(a.Item,{"data-slot":"menubar-item","data-inset":t,"data-variant":r,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...s})}function v({className:e,children:t,checked:r,...s}){return n.jsxRuntimeExports.jsxs(a.CheckboxItem,{"data-slot":"menubar-checkbox-item",className:o.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...s,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCheck",className:"size-4"})})}),t]})}function M({className:e,children:t,...r}){return n.jsxRuntimeExports.jsxs(a.RadioItem,{"data-slot":"menubar-radio-item",className:o.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[n.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:n.jsxRuntimeExports.jsx(a.ItemIndicator,{children:n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconCircle",className:"size-2 fill-current"})})}),t]})}function h({className:e,inset:t,...r}){return n.jsxRuntimeExports.jsx(a.Label,{"data-slot":"menubar-label","data-inset":t,className:o.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function R({className:e,...t}){return n.jsxRuntimeExports.jsx(a.Separator,{"data-slot":"menubar-separator",className:o.cn("bg-border -mx-1 my-1 h-px",e),...t})}function E({className:e,...t}){return n.jsxRuntimeExports.jsx("span",{"data-slot":"menubar-shortcut",className:o.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...t})}function N({...e}){return n.jsxRuntimeExports.jsx(a.Sub,{"data-slot":"menubar-sub",...e})}function I({className:e,inset:t,children:r,...s}){return n.jsxRuntimeExports.jsxs(a.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":t,className:o.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",e),...s,children:[r,n.jsxRuntimeExports.jsx(i.IconComponent,{iconName:"IconChevronRight",className:"ml-auto h-4 w-4"})]})}function S({className:e,...t}){return n.jsxRuntimeExports.jsx(a.SubContent,{"data-slot":"menubar-sub-content",className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...t})}exports.Menubar=l;exports.MenubarCheckboxItem=v;exports.MenubarContent=g;exports.MenubarGroup=b;exports.MenubarItem=j;exports.MenubarLabel=h;exports.MenubarMenu=x;exports.MenubarPortal=u;exports.MenubarRadioGroup=p;exports.MenubarRadioItem=M;exports.MenubarSeparator=R;exports.MenubarShortcut=E;exports.MenubarSub=N;exports.MenubarSubContent=S;exports.MenubarSubTrigger=I;exports.MenubarTrigger=f;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as n from "@radix-ui/react-menubar";
|
|
3
3
|
import { c as r } from "../index-CRiPKpXj.js";
|
|
4
|
-
import { I as d } from "../icon-component-
|
|
4
|
+
import { I as d } from "../icon-component-DS1KwkwD.js";
|
|
5
5
|
function f({
|
|
6
6
|
className: e,
|
|
7
7
|
...a
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),M=require("../badge-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),M=require("../badge-P7DTJePf.cjs"),x=require("../command-BVqQYgq1.cjs"),b=require("../popover-B8wp2cHF.cjs"),w=require("../index-DoxiiusW.cjs"),s=require("react"),R=require("../icon-component-lt1cLU_1.cjs"),I=s.createContext(null);function k({children:e,values:n,defaultValues:r,onValuesChange:o}){const[m,p]=s.useState(!1),[h,f]=s.useState(new Set(n??r)),[y,j]=s.useState(new Map);function E(c){const i=l=>{const a=new Set(l);return a.has(c)?a.delete(c):a.add(c),a};f(i),o?.([...i(h)])}const g=s.useCallback((c,i)=>{j(l=>l.get(c)===i?l:new Map(l).set(c,i))},[]);return t.jsxRuntimeExports.jsx(I,{value:{open:m,setOpen:p,selectedValues:n?new Set(n):h,toggleValue:E,items:y,onItemAdded:g},children:t.jsxRuntimeExports.jsx(b.Popover,{open:m,onOpenChange:p,children:e})})}function V({className:e,children:n,size:r="md",...o}){const{open:m}=v();return t.jsxRuntimeExports.jsx(b.PopoverTrigger,{asChild:!0,children:t.jsxRuntimeExports.jsxs("button",{...o,role:o.role??"combobox","aria-expanded":o["aria-expanded"]??m,"data-size":r,className:w.cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 overflow-hidden rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",r==="xs"&&'text-label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',r==="sm"&&"text-label-md h-8 px-2 py-1",r==="md"&&"text-label-lg h-12 px-3 py-1",r==="lg"&&"text-label-xl h-16 px-4 py-2",e),children:[n,t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconSelector",className:"size-4 shrink-0 opacity-50"})]})})}function z({placeholder:e,clickToRemove:n=!0,className:r,overflowBehavior:o="wrap-when-open",...m}){const{selectedValues:p,toggleValue:h,items:f,open:y}=v(),[j,E]=s.useState(0),g=s.useRef(null),c=s.useRef(null),i=s.useRef(new Set),l=o==="wrap"||o==="wrap-when-open"&&y;s.useEffect(()=>{l&&i.current.forEach(u=>u.style.removeProperty("display"))},[l]);const a=s.useCallback(()=>{if(g.current==null)return;const u=g.current,d=c.current;d!=null&&(d.style.display="none"),i.current.forEach(S=>S.style.removeProperty("display"));let C=0;for(let S=i.current.size-1;S>=0;S--){const N=[...i.current][S];if(u.scrollWidth<=u.clientWidth)break;C=i.current.size-S,N.style.display="none",d?.style.removeProperty("display")}E(C)},[]);return s.useEffect(()=>{if(g.current==null)return;const u=new ResizeObserver(a);return u.observe(g.current),()=>u.disconnect()},[a]),s.useLayoutEffect(()=>{a()},[p,a]),p.size===0&&e?t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:e}):t.jsxRuntimeExports.jsxs("div",{...m,ref:g,className:w.cn("flex w-full gap-1.5 overflow-hidden min-h-[1.75rem]",l&&"flex-wrap",r),children:[[...p].filter(u=>f.has(u)).map(u=>t.jsxRuntimeExports.jsxs(M.Badge,{ref:d=>{if(d!=null)return i.current.add(d),()=>{i.current.delete(d)}},variant:"outline",className:"group flex items-center gap-1",onClick:n?d=>{d.stopPropagation(),h(u)}:void 0,children:[f.get(u),n&&t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconX",className:"text-muted-foreground group-hover:text-destructive size-2"})]},u)),t.jsxRuntimeExports.jsxs(M.Badge,{style:{display:j>0&&!l?"block":"none"},variant:"outline",ref:c,children:["+",j]})]})}function P({search:e=!0,children:n,...r}){const o=typeof e=="object"?!0:e;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:t.jsxRuntimeExports.jsx(x.Command,{children:t.jsxRuntimeExports.jsx(x.CommandList,{children:n})})}),t.jsxRuntimeExports.jsx(b.PopoverContent,{className:"min-w-[var(--radix-popover-trigger-width)] p-0",children:t.jsxRuntimeExports.jsxs(x.Command,{...r,children:[o?t.jsxRuntimeExports.jsx(x.CommandInput,{placeholder:typeof e=="object"?e.placeholder:void 0}):t.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),t.jsxRuntimeExports.jsxs(x.CommandList,{children:[o&&t.jsxRuntimeExports.jsx(x.CommandEmpty,{children:typeof e=="object"?e.emptyMessage:void 0}),n]})]})})]})}function q({value:e,children:n,badgeLabel:r,onSelect:o,...m}){const{toggleValue:p,selectedValues:h,onItemAdded:f}=v(),y=h.has(e);return s.useEffect(()=>{f(e,r??n)},[e,n,f,r]),t.jsxRuntimeExports.jsxs(x.CommandItem,{...m,value:e,onSelect:j=>{p(j),o?.(j)},children:[t.jsxRuntimeExports.jsx(R.IconComponent,{iconName:"IconCheck",className:w.cn("mr-2 size-4",y?"opacity-100":"opacity-0")}),n]})}function O(e){return t.jsxRuntimeExports.jsx(x.CommandGroup,{...e})}function _(e){return t.jsxRuntimeExports.jsx(x.CommandSeparator,{...e})}function v(){const e=s.useContext(I);if(e==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return e}exports.MultiSelect=k;exports.MultiSelectContent=P;exports.MultiSelectGroup=O;exports.MultiSelectItem=q;exports.MultiSelectSeparator=_;exports.MultiSelectTrigger=V;exports.MultiSelectValue=z;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { j as t } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { B as I } from "../badge-
|
|
3
|
-
import { C as k, f as E, d as O, b as R, c as _, e as A, g as W } from "../command-
|
|
2
|
+
import { B as I } from "../badge-1kvIHznc.js";
|
|
3
|
+
import { C as k, f as E, d as O, b as R, c as _, e as A, g as W } from "../command-DS_uqbdy.js";
|
|
4
4
|
import { P as F, b as G, c as B } from "../popover-BoDRCUh2.js";
|
|
5
5
|
import { c as S } from "../index-CRiPKpXj.js";
|
|
6
6
|
import { createContext as L, useState as y, useCallback as V, useEffect as v, useRef as j, useLayoutEffect as T, useContext as X } from "react";
|
|
7
|
-
import { I as C } from "../icon-component-
|
|
7
|
+
import { I as C } from "../icon-component-DS1KwkwD.js";
|
|
8
8
|
const z = L(null);
|
|
9
9
|
function Y({
|
|
10
10
|
children: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../jsx-runtime-DUiatUiq.cjs"),d=require("@radix-ui/react-navigation-menu"),c=require("../index-C8P6Mn4U.cjs"),o=require("../index-DoxiiusW.cjs"),g=require("../icon-component-lt1cLU_1.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=l(d);function m({className:t,children:e,viewport:n=!0,...r}){return a.jsxRuntimeExports.jsxs(i.Root,{"data-slot":"navigation-menu","data-viewport":n,className:o.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",t),...r,children:[e,n&&a.jsxRuntimeExports.jsx(u,{})]})}function v({className:t,...e}){return a.jsxRuntimeExports.jsx(i.List,{"data-slot":"navigation-menu-list",className:o.cn("group flex flex-1 list-none items-center justify-center gap-1",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Item,{"data-slot":"navigation-menu-item",className:o.cn("relative",t),...e})}const s=c.cva("group bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");function f({className:t,children:e,...n}){return a.jsxRuntimeExports.jsxs(i.Trigger,{"data-slot":"navigation-menu-trigger",className:o.cn(s(),"group",t),...n,children:[e," ",a.jsxRuntimeExports.jsx(g.IconComponent,{iconName:"IconChevronDown",className:"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})}function x({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Content,{"data-slot":"navigation-menu-content",className:o.cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto","group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",t),...e})}function u({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{className:o.cn("absolute top-full left-0 isolate z-50 flex justify-center"),children:a.jsxRuntimeExports.jsx(i.Viewport,{"data-slot":"navigation-menu-viewport",className:o.cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",t),...e})})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Link,{"data-slot":"navigation-menu-link",className:o.cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",t),...e})}function w({className:t,...e}){return a.jsxRuntimeExports.jsx(i.Indicator,{"data-slot":"navigation-menu-indicator",className:o.cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",t),...e,children:a.jsxRuntimeExports.jsx("div",{className:"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"})})}exports.NavigationMenu=m;exports.NavigationMenuContent=x;exports.NavigationMenuIndicator=w;exports.NavigationMenuItem=p;exports.NavigationMenuLink=b;exports.NavigationMenuList=v;exports.NavigationMenuTrigger=f;exports.NavigationMenuViewport=u;exports.navigationMenuTriggerStyle=s;
|
|
@@ -2,7 +2,7 @@ import { j as e } from "../jsx-runtime-C5mzlN2N.js";
|
|
|
2
2
|
import * as n from "@radix-ui/react-navigation-menu";
|
|
3
3
|
import { c as s } from "../index-BqtVL8d-.js";
|
|
4
4
|
import { c as o } from "../index-CRiPKpXj.js";
|
|
5
|
-
import { I as u } from "../icon-component-
|
|
5
|
+
import { I as u } from "../icon-component-DS1KwkwD.js";
|
|
6
6
|
function f({
|
|
7
7
|
className: t,
|
|
8
8
|
children: a,
|