@clasing/ui 2.3.0 → 2.5.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 +7 -12
- package/dist/{badge-Cprh3bik.js → badge-C29hQNIG.js} +2 -2
- package/dist/{button-D6LWWLE8.js → button-Bn-b-nVw.js} +62 -81
- package/dist/button-C7U_D8vv.cjs +1 -0
- package/dist/{card-CbF9kVVs.js → card-Cv2M4wv8.js} +1 -1
- package/dist/chip-C_Uh7fe6.cjs +1 -0
- package/dist/{chip-B7Mqq278.js → chip-ZryYiiU1.js} +9 -9
- package/dist/clasing-icon-BIYMLc8o.js +91 -0
- package/dist/clasing-icon-Bym32_-4.cjs +1 -0
- package/dist/{command-ev4m9IoQ.js → command-CGrOI2Z9.js} +2 -2
- package/dist/components/accordion.es.js +1 -1
- package/dist/components/alert-dialog.cjs.js +1 -1
- package/dist/components/alert-dialog.es.js +2 -2
- package/dist/components/alert.es.js +2 -2
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.es.js +1 -1
- package/dist/components/blocks/interactive-card.es.js +5 -5
- package/dist/components/blocks/selectable-chips.cjs.js +1 -1
- package/dist/components/blocks/selectable-chips.es.js +3 -3
- package/dist/components/breadcrumb.es.js +1 -1
- package/dist/components/button-group.cjs.js +1 -0
- package/dist/components/button-group.d.ts +11 -0
- package/dist/components/button-group.es.js +75 -0
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.d.ts +0 -3
- package/dist/components/button.es.js +1 -1
- package/dist/components/calendar.cjs.js +1 -1
- package/dist/components/calendar.es.js +2 -2
- package/dist/components/card.es.js +1 -1
- package/dist/components/chart.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/chip.cjs.js +1 -1
- package/dist/components/chip.es.js +1 -1
- package/dist/components/clasing-icon.cjs.js +1 -0
- package/dist/components/clasing-icon.d.ts +6 -0
- package/dist/components/clasing-icon.es.js +4 -0
- package/dist/components/collapsible.es.js +1 -1
- package/dist/components/command.es.js +1 -1
- package/dist/components/context-menu.es.js +1 -1
- package/dist/components/dialog.es.js +1 -1
- package/dist/components/divider.cjs.js +1 -1
- package/dist/components/divider.es.js +2 -18
- package/dist/components/drawer.es.js +1 -1
- package/dist/components/dropdown-menu.es.js +1 -1
- package/dist/components/form.es.js +2 -2
- package/dist/components/hover-card.es.js +1 -1
- package/dist/components/input-otp.es.js +1 -1
- package/dist/components/input.cjs.js +1 -1
- package/dist/components/input.es.js +1 -1
- package/dist/components/kbd.cjs.js +1 -0
- package/dist/components/kbd.d.ts +3 -0
- package/dist/components/kbd.es.js +30 -0
- package/dist/components/label.es.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 +98 -97
- package/dist/components/navigation-menu.es.js +2 -2
- package/dist/components/phone-input.cjs.js +1 -1
- package/dist/components/phone-input.es.js +5 -5
- package/dist/components/popover.es.js +1 -1
- package/dist/components/progress.es.js +1 -1
- package/dist/components/resizable.es.js +1 -1
- package/dist/components/scroll-area.es.js +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/sheet.es.js +1 -1
- package/dist/components/skeleton.es.js +1 -1
- package/dist/components/slider.es.js +1 -1
- package/dist/components/sonner.es.js +1 -1
- package/dist/components/switch.es.js +2 -2
- package/dist/components/table.es.js +1 -1
- package/dist/components/textarea.es.js +2 -2
- package/dist/components/toggle-group.es.js +2 -2
- package/dist/components/toggle.d.ts +1 -1
- package/dist/components/toggle.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/{dialog-CXbzQHxn.js → dialog-CH4VxKX4.js} +1 -1
- package/dist/divider-BMxVoyPg.js +20 -0
- package/dist/divider-BcIwJzm7.cjs +1 -0
- package/dist/entries/button-group.d.ts +2 -0
- package/dist/entries/clasing-icon.d.ts +2 -0
- package/dist/entries/kbd.d.ts +2 -0
- package/dist/{index-D5lmpham.js → index-BCEGphus.js} +2 -2
- package/dist/{index-DN28Pf0m.js → index-DEha_UuN.js} +1 -1
- package/dist/{input-DjbpoQwv.js → input-BvfRiqqw.js} +3 -3
- package/dist/{input-DeItm2eC.cjs → input-Dtd0sjiW.cjs} +1 -1
- package/dist/{label-DDxTPxHk.js → label-Bl6V6esj.js} +1 -1
- package/dist/{popover-BdDS9aoy.js → popover-1_WpciTS.js} +1 -1
- package/dist/{scroll-area-oS6ZJIMN.js → scroll-area-CxpVQq0v.js} +1 -1
- package/dist/{toggle-BNzrNg1r.js → toggle-99EXLQgX.js} +2 -2
- package/dist/{tooltip-rv-jVOxy.js → tooltip-BS84dkwx.js} +1 -1
- package/dist/ui.css +1 -1
- package/package.json +373 -352
- package/dist/button-BT7pXfhd.cjs +0 -1
- package/dist/chip-BG4NEZUv.cjs +0 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { j as r, c as n } from "../index-BCEGphus.js";
|
|
2
|
+
import { Slot as a } from "@radix-ui/react-slot";
|
|
3
|
+
import { c as i } from "../index-DEha_UuN.js";
|
|
4
|
+
import { D as l } from "../divider-BMxVoyPg.js";
|
|
5
|
+
const d = i(
|
|
6
|
+
"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
orientation: {
|
|
10
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",
|
|
11
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
orientation: "horizontal"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
function m({
|
|
20
|
+
className: o,
|
|
21
|
+
orientation: t,
|
|
22
|
+
...e
|
|
23
|
+
}) {
|
|
24
|
+
return /* @__PURE__ */ r.jsx(
|
|
25
|
+
"div",
|
|
26
|
+
{
|
|
27
|
+
role: "group",
|
|
28
|
+
"data-slot": "button-group",
|
|
29
|
+
"data-orientation": t,
|
|
30
|
+
className: n(d({ orientation: t }), o),
|
|
31
|
+
...e
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
function h({
|
|
36
|
+
className: o,
|
|
37
|
+
asChild: t = !1,
|
|
38
|
+
...e
|
|
39
|
+
}) {
|
|
40
|
+
const s = t ? a : "div";
|
|
41
|
+
return /* @__PURE__ */ r.jsx(
|
|
42
|
+
s,
|
|
43
|
+
{
|
|
44
|
+
className: n(
|
|
45
|
+
"bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
46
|
+
o
|
|
47
|
+
),
|
|
48
|
+
...e
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
function v({
|
|
53
|
+
className: o,
|
|
54
|
+
orientation: t = "vertical",
|
|
55
|
+
...e
|
|
56
|
+
}) {
|
|
57
|
+
return /* @__PURE__ */ r.jsx(
|
|
58
|
+
l,
|
|
59
|
+
{
|
|
60
|
+
"data-slot": "button-group-separator",
|
|
61
|
+
orientation: t,
|
|
62
|
+
className: n(
|
|
63
|
+
"bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",
|
|
64
|
+
o
|
|
65
|
+
),
|
|
66
|
+
...e
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
}
|
|
70
|
+
export {
|
|
71
|
+
m as ButtonGroup,
|
|
72
|
+
v as ButtonGroupDivider,
|
|
73
|
+
h as ButtonGroupText,
|
|
74
|
+
d as buttonGroupVariants
|
|
75
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-C7U_D8vv.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;
|
|
@@ -18,19 +18,16 @@ export type IButtonProps = ButtonAsChildProps | ButtonDefaultProps;
|
|
|
18
18
|
declare const buttonStyles: (props?: ({
|
|
19
19
|
variant?: "link" | "primary" | "secondary" | "inverse" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
20
20
|
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
21
|
-
rounded?: "default" | "full" | null | undefined;
|
|
22
21
|
weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
|
|
23
22
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
24
23
|
declare const buttonLoadingStyles: (props?: ({
|
|
25
24
|
variant?: "link" | "primary" | "secondary" | "inverse" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
26
25
|
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
27
|
-
rounded?: "default" | "full" | null | undefined;
|
|
28
26
|
weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
|
|
29
27
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
30
28
|
declare const buttonActiveStyles: (props?: ({
|
|
31
29
|
variant?: "link" | "primary" | "secondary" | "inverse" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
32
30
|
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
33
|
-
rounded?: "default" | "full" | null | undefined;
|
|
34
31
|
weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
|
|
35
32
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
36
33
|
declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-C7U_D8vv.cjs"),i=require("@phosphor-icons/react");function y(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(a,r,d.get?d:{enumerable:!0,get:()=>n[r]})}}return a.default=n,Object.freeze(a)}const f=y(b);function h({className:n,classNames:a,showOutsideDays:r=!0,captionLayout:d="label",buttonVariant:c="inverse",formatters:l,components:p,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:r,className:e.cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,n),captionLayout:d,formatters:{formatMonthDropdown:o=>o.toLocaleString("default",{month:"short"}),...l},classNames:{root:e.cn("w-fit",t.root),months:e.cn("flex gap-4 flex-col md:flex-row relative",t.months),month:e.cn("flex flex-col w-full gap-4",t.month),nav:e.cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",t.nav),button_previous:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_previous),button_next:e.cn(m.buttonStyles({size:"sm",variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",t.button_next),month_caption:e.cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",t.month_caption),dropdowns:e.cn("w-full flex items-center paragraph-sm font-medium justify-center h-(--cell-size) gap-1.5",t.dropdowns),dropdown_root:e.cn("relative has-focus:border-ring border border-input has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",t.dropdown_root),dropdown:e.cn("absolute bg-popover inset-0 opacity-0",t.dropdown),caption_label:e.cn("select-none font-medium",d==="label"?"paragraph-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 paragraph-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",t.weekday),week:e.cn("flex w-full mt-2",t.week),week_number_header:e.cn("select-none w-(--cell-size)",t.week_number_header),week_number:e.cn("text-[0.8rem] select-none text-muted-foreground",t.week_number),day:e.cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",t.day),range_start:e.cn("rounded-l-md bg-accent",t.range_start),range_middle:e.cn("rounded-none",t.range_middle),range_end:e.cn("rounded-r-md bg-accent",t.range_end),today:e.cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",t.today),outside:e.cn("text-muted-foreground aria-selected:text-muted-foreground",t.outside),disabled:e.cn("text-muted-foreground opacity-50",t.disabled),hidden:e.cn("invisible",t.hidden),...a},components:{Root:({className:o,rootRef:s,...u})=>e.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:s,className:e.cn(o),...u}),Chevron:({className:o,orientation:s,...u})=>s==="left"?e.jsxRuntimeExports.jsx(i.CaretLeftIcon,{...u}):s==="right"?e.jsxRuntimeExports.jsx(i.CaretRightIcon,{...u}):e.jsxRuntimeExports.jsx(i.CaretDownIcon,{...u}),DayButton:_,WeekNumber:({children:o,...s})=>e.jsxRuntimeExports.jsx("td",{...s,children:e.jsxRuntimeExports.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:o})}),...p},...x})}function _({className:n,day:a,modifiers:r,...d}){const c=g.getDefaultClassNames(),l=f.useRef(null);return f.useEffect(()=>{r.focused&&l.current?.focus()},[r.focused]),e.jsxRuntimeExports.jsx(m.Button,{ref:l,variant:"inverse",size:"xs","data-day":a.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:e.cn("data-[selected-single=true]:bg-secondary data-[selected-single=true]:text-secondary-foreground data-[range-middle=true]:bg-blue-050 data-[range-start=true]:bg-secondary data-[range-start=true]:text-secondary-foreground data-[range-end=true]:bg-secondary data-[range-end=true]:text-secondary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground data-[selected-single=true]:hover:bg-secondary/80 data-[selected-single=true]:hover:text-secondary-foreground data-[range-start=true]:hover:bg-secondary/80 data-[range-end=true]:hover:bg-secondary/80 [&>span]:paragraph-xs flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 rounded-md p-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-middle=true]:text-blue-800 data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:opacity-70",c.day,n),...d})}exports.Calendar=h;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { j as r, c as e } from "../index-
|
|
1
|
+
import { j as r, c as e } from "../index-BCEGphus.js";
|
|
2
2
|
import * as i from "react";
|
|
3
3
|
import { getDefaultClassNames as f, DayPicker as b } from "react-day-picker";
|
|
4
|
-
import { c as m, B as y } from "../button-
|
|
4
|
+
import { c as m, B as y } from "../button-Bn-b-nVw.js";
|
|
5
5
|
import { CaretLeftIcon as h, CaretRightIcon as w, CaretDownIcon as _ } from "@phosphor-icons/react";
|
|
6
6
|
function C({
|
|
7
7
|
className: c,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chip-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chip-C_Uh7fe6.cjs");exports.Chip=e.ChipComponent;exports.chipStyles=e.chipStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../clasing-icon-Bym32_-4.cjs");exports.ClasingIcon=e.ClasingIcon;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as o, a as d, b as n, c as s, d as C, e as t, f as r, g as p, h as e } from "../command-
|
|
1
|
+
import { C as o, a as d, b as n, c as s, d as C, e as t, f as r, g as p, h as e } from "../command-CGrOI2Z9.js";
|
|
2
2
|
export {
|
|
3
3
|
o as Command,
|
|
4
4
|
d as CommandDialog,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as e, c as s } from "../index-
|
|
1
|
+
import { j as e, c as s } from "../index-BCEGphus.js";
|
|
2
2
|
import * as n from "@radix-ui/react-context-menu";
|
|
3
3
|
import { CheckIcon as i, CircleIcon as d, CaretRightIcon as c } from "@phosphor-icons/react";
|
|
4
4
|
function m({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as i, a as l, b as g, c as s, d as D, e, f as r, g as t, h as n, i as c } from "../dialog-
|
|
1
|
+
import { D as i, a as l, b as g, c as s, d as D, e, f as r, g as t, h as n, i as c } from "../dialog-CH4VxKX4.js";
|
|
2
2
|
export {
|
|
3
3
|
i as Dialog,
|
|
4
4
|
l as DialogClose,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../divider-BcIwJzm7.cjs");exports.Divider=e.Divider;
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { forwardRef as l } from "react";
|
|
3
|
-
const o = l(
|
|
4
|
-
({ className: a, orientation: r = "horizontal", ...e }, i) => /* @__PURE__ */ s.jsx(
|
|
5
|
-
"span",
|
|
6
|
-
{
|
|
7
|
-
ref: i,
|
|
8
|
-
className: t("bg-neutral-050", a, {
|
|
9
|
-
"h-px! w-full": r === "horizontal",
|
|
10
|
-
"h-full w-px!": r === "vertical"
|
|
11
|
-
}),
|
|
12
|
-
...e
|
|
13
|
-
}
|
|
14
|
-
)
|
|
15
|
-
);
|
|
16
|
-
o.displayName = "Divider";
|
|
17
|
-
const m = o;
|
|
1
|
+
import { D as i } from "../divider-BMxVoyPg.js";
|
|
18
2
|
export {
|
|
19
|
-
|
|
3
|
+
i as Divider
|
|
20
4
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as t, c as r } from "../index-
|
|
1
|
+
import { j as t, c as r } from "../index-BCEGphus.js";
|
|
2
2
|
import * as n from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import { CheckIcon as s, CircleIcon as i, CaretRightIcon as u } from "@phosphor-icons/react";
|
|
4
4
|
function p({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { j as s, c as a } from "../index-
|
|
1
|
+
import { j as s, c as a } from "../index-BCEGphus.js";
|
|
2
2
|
import { Slot as f } from "@radix-ui/react-slot";
|
|
3
3
|
import * as n from "react";
|
|
4
4
|
import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "react-hook-form";
|
|
5
|
-
import { L as g } from "../label-
|
|
5
|
+
import { L as g } from "../label-Bl6V6esj.js";
|
|
6
6
|
const v = u, c = n.createContext(
|
|
7
7
|
{}
|
|
8
8
|
), h = ({
|
|
@@ -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-Dtd0sjiW.cjs");exports.Input=t.Input;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs");function o({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd",className:t.cn("bg-muted text-muted-foreground label-md pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-[4px] px-1 font-sans font-medium select-none","[&_svg:not([class*='size-'])]:size-3","in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",e),...n})}function s({className:e,...n}){return t.jsxRuntimeExports.jsx("kbd",{"data-slot":"kbd-group",className:t.cn("inline-flex items-center gap-1",e),...n})}exports.Kbd=o;exports.KbdGroup=s;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { j as e, c as o } from "../index-BCEGphus.js";
|
|
2
|
+
function a({ className: t, ...n }) {
|
|
3
|
+
return /* @__PURE__ */ e.jsx(
|
|
4
|
+
"kbd",
|
|
5
|
+
{
|
|
6
|
+
"data-slot": "kbd",
|
|
7
|
+
className: o(
|
|
8
|
+
"bg-muted text-muted-foreground label-md pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-[4px] px-1 font-sans font-medium select-none",
|
|
9
|
+
"[&_svg:not([class*='size-'])]:size-3",
|
|
10
|
+
"in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10",
|
|
11
|
+
t
|
|
12
|
+
),
|
|
13
|
+
...n
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
function i({ className: t, ...n }) {
|
|
18
|
+
return /* @__PURE__ */ e.jsx(
|
|
19
|
+
"kbd",
|
|
20
|
+
{
|
|
21
|
+
"data-slot": "kbd-group",
|
|
22
|
+
className: o("inline-flex items-center gap-1", t),
|
|
23
|
+
...n
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
a as Kbd,
|
|
29
|
+
i as KbdGroup
|
|
30
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),V=require("../badge-Da_xHgvC.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9HRzXEQf.cjs"),V=require("../badge-Da_xHgvC.cjs"),p=require("../command-CrtCQpi_.cjs"),M=require("../popover-CeOAAwBQ.cjs"),N=require("@phosphor-icons/react"),n=require("react"),I=require("../clasing-icon-Bym32_-4.cjs"),k=n.createContext(null);function z({children:t,values:r,defaultValues:i,onValuesChange:l,isLoading:a,onSearchChange:c,loadingText:j="Loading...",noResultsText:d="No results found"}){const[x,f]=n.useState(!1),[y,g]=n.useState(new Set(r??i)),[w,m]=n.useState(new Map),[S,E]=n.useState("");function o(s){const h=R=>{const v=new Set(R);return v.has(s)?v.delete(s):v.add(s),v};g(h),l?.([...h(y)])}const u=n.useCallback((s,h)=>{m(R=>R.get(s)===h?R:new Map(R).set(s,h))},[]),b=n.useCallback(s=>{E(s),c?.(s)},[c]);return e.jsxRuntimeExports.jsx(k,{value:{open:x,setOpen:f,selectedValues:r?new Set(r):y,toggleValue:o,items:w,onItemAdded:u,isLoading:a,searchValue:S,onSearchChange:b,loadingText:j,noResultsText:d},children:e.jsxRuntimeExports.jsx(M.Popover,{open:x,onOpenChange:f,children:t})})}function P({className:t,children:r,size:i="md",...l}){const{open:a}=C();return e.jsxRuntimeExports.jsx(M.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{...l,role:l.role??"combobox","aria-expanded":l["aria-expanded"]??a,"data-size":i,className:e.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",i==="xs"&&'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',i==="sm"&&"label-md h-8 px-2 py-1",i==="md"&&"label-lg h-12 px-3 py-1",i==="lg"&&"label-xl h-16 px-4 py-2",t),children:[r,e.jsxRuntimeExports.jsx(N.CaretUpDownIcon,{className:"size-4 shrink-0 opacity-50"})]})})}function q({placeholder:t,clickToRemove:r=!0,className:i,overflowBehavior:l="wrap-when-open",...a}){const{selectedValues:c,toggleValue:j,items:d,open:x}=C(),[f,y]=n.useState(0),g=n.useRef(null),w=n.useRef(null),m=n.useRef(new Set),S=l==="wrap"||l==="wrap-when-open"&&x;n.useEffect(()=>{S&&m.current.forEach(o=>o.style.removeProperty("display"))},[S]);const E=n.useCallback(()=>{if(g.current==null)return;const o=g.current,u=w.current;u!=null&&(u.style.display="none"),m.current.forEach(s=>s.style.removeProperty("display"));let b=0;for(let s=m.current.size-1;s>=0;s--){const h=[...m.current][s];if(o.scrollWidth<=o.clientWidth)break;b=m.current.size-s,h.style.display="none",u?.style.removeProperty("display")}y(b)},[]);return n.useEffect(()=>{if(g.current==null)return;const o=new ResizeObserver(E);return o.observe(g.current),()=>o.disconnect()},[E]),n.useLayoutEffect(()=>{E()},[c,E]),c.size===0&&t?e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground font-normal",children:t}):e.jsxRuntimeExports.jsxs("div",{...a,ref:g,className:e.cn("flex min-h-7 w-full gap-1.5 overflow-hidden",S&&"flex-wrap",i),children:[[...c].filter(o=>d.has(o)).map(o=>e.jsxRuntimeExports.jsxs(V.Badge,{ref:u=>{if(u!=null)return m.current.add(u),()=>{m.current.delete(u)}},variant:"outline",className:"group flex items-center gap-1",onClick:r?u=>{u.stopPropagation(),j(o)}:void 0,children:[d.get(o),r&&e.jsxRuntimeExports.jsx(N.XIcon,{className:"text-muted-foreground group-hover:text-destructive size-2"})]},o)),e.jsxRuntimeExports.jsxs(V.Badge,{style:{display:f>0&&!S?"block":"none"},variant:"outline",ref:w,children:["+",f]})]})}function O({search:t=!0,children:r,...i}){const{isLoading:l,onSearchChange:a,searchValue:c,noResultsText:j,loadingText:d}=C(),x=typeof t=="object"?!0:t;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{style:{display:"none"},children:e.jsxRuntimeExports.jsx(p.Command,{children:e.jsxRuntimeExports.jsx(p.CommandList,{children:r})})}),e.jsxRuntimeExports.jsx(M.PopoverContent,{className:"min-w-(--radix-popover-trigger-width) p-0",children:e.jsxRuntimeExports.jsxs(p.Command,{...i,children:[x?e.jsxRuntimeExports.jsx(p.CommandInput,{placeholder:typeof t=="object"?t.placeholder:void 0,value:c,onValueChange:a}):e.jsxRuntimeExports.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:"sr-only"}),e.jsxRuntimeExports.jsx(p.CommandList,{children:l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center py-6",children:[e.jsxRuntimeExports.jsx(I.ClasingIcon,{className:"text-muted-foreground size-4 animate-spin"}),e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground paragraph-sm ml-2",children:d})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x&&e.jsxRuntimeExports.jsx(p.CommandEmpty,{children:j}),r]})})]})})]})}function T({value:t,children:r,badgeLabel:i,onSelect:l,...a}){const{toggleValue:c,selectedValues:j,onItemAdded:d}=C(),x=j.has(t);return n.useEffect(()=>{d(t,i??r)},[t,r,d,i]),e.jsxRuntimeExports.jsxs(p.CommandItem,{...a,value:t,onSelect:f=>{c(f),l?.(f)},children:[e.jsxRuntimeExports.jsx(N.CheckIcon,{className:e.cn("mr-2 size-4",x?"opacity-100":"opacity-0")}),r]})}function _(t){return e.jsxRuntimeExports.jsx(p.CommandGroup,{...t})}function A(t){return e.jsxRuntimeExports.jsx(p.CommandSeparator,{...t})}function C(){const t=n.useContext(k);if(t==null)throw new Error("useMultiSelectContext must be used within a MultiSelectContext");return t}exports.MultiSelect=z;exports.MultiSelectContent=O;exports.MultiSelectGroup=_;exports.MultiSelectItem=T;exports.MultiSelectSeparator=A;exports.MultiSelectTrigger=P;exports.MultiSelectValue=q;
|