@clasing/ui 2.5.0 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/badge-DK9gdPpu.cjs +91 -0
- package/dist/badge-aFyTFGVU.js +173 -0
- package/dist/button-2VesFn_C.js +256 -0
- package/dist/button-DWBp81pk.cjs +70 -0
- package/dist/card-DkYKwjsA.cjs +12 -0
- package/dist/{card-Cv2M4wv8.js → card-aAzRmGVH.js} +19 -5
- package/dist/chip-BlWb6w16.cjs +17 -0
- package/dist/chip-BmqvnZuy.js +116 -0
- package/dist/{clasing-icon-Bym32_-4.cjs → clasing-icon-CHt2Otn8.cjs} +1 -1
- package/dist/{clasing-icon-BIYMLc8o.js → clasing-icon-CJQQN554.js} +1 -1
- package/dist/command-FBkK3fzE.cjs +36 -0
- package/dist/{command-CGrOI2Z9.js → command-Vk11GgqU.js} +67 -26
- package/dist/components/accordion.cjs.js +20 -1
- package/dist/components/accordion.es.js +38 -16
- package/dist/components/alert-dialog.cjs.js +17 -1
- package/dist/components/alert-dialog.es.js +23 -7
- package/dist/components/alert.cjs.js +6 -1
- package/dist/components/alert.d.ts +1 -2
- package/dist/components/alert.es.js +54 -50
- package/dist/components/avatar.cjs.js +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/badge.cjs.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.cjs.js +5 -1
- package/dist/components/blocks/interactive-card.es.js +60 -56
- package/dist/components/blocks/selectable-chips.cjs.js +1 -1
- package/dist/components/blocks/selectable-chips.d.ts +6 -6
- package/dist/components/blocks/selectable-chips.es.js +88 -55
- package/dist/components/breadcrumb.cjs.js +1 -1
- package/dist/components/breadcrumb.es.js +1 -1
- package/dist/components/button-group.cjs.js +1 -1
- package/dist/components/button-group.es.js +3 -3
- package/dist/components/button.cjs.js +1 -1
- package/dist/components/button.d.ts +8 -17
- package/dist/components/button.es.js +2 -4
- package/dist/components/calendar.cjs.js +73 -1
- package/dist/components/calendar.es.js +120 -42
- package/dist/components/card.cjs.js +1 -1
- package/dist/components/card.es.js +1 -1
- package/dist/components/chart.cjs.js +27 -2
- package/dist/components/chart.es.js +38 -7
- package/dist/components/checkbox.cjs.js +15 -1
- package/dist/components/checkbox.es.js +28 -14
- package/dist/components/chip.cjs.js +1 -1
- package/dist/components/chip.d.ts +3 -3
- package/dist/components/chip.es.js +1 -1
- package/dist/components/clasing-icon.cjs.js +1 -1
- package/dist/components/clasing-icon.es.js +1 -1
- package/dist/components/collapsible.cjs.js +10 -1
- package/dist/components/collapsible.es.js +17 -8
- package/dist/components/command.cjs.js +1 -1
- package/dist/components/command.es.js +1 -1
- package/dist/components/context-menu.cjs.js +71 -1
- package/dist/components/context-menu.es.js +128 -45
- package/dist/components/dialog.cjs.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 +1 -1
- package/dist/components/drawer.cjs.js +42 -1
- package/dist/components/drawer.es.js +63 -17
- package/dist/components/dropdown-menu.cjs.js +69 -1
- package/dist/components/dropdown-menu.es.js +93 -12
- package/dist/components/form.cjs.js +1 -1
- package/dist/components/form.es.js +21 -21
- package/dist/components/hover-card.cjs.js +13 -1
- package/dist/components/hover-card.es.js +31 -18
- package/dist/components/input-otp.cjs.js +19 -1
- package/dist/components/input-otp.es.js +49 -25
- package/dist/components/input.cjs.js +1 -1
- package/dist/components/input.es.js +1 -1
- package/dist/components/kbd.cjs.js +9 -1
- package/dist/components/kbd.es.js +11 -3
- package/dist/components/label.cjs.js +1 -1
- package/dist/components/label.es.js +1 -1
- package/dist/components/menubar.cjs.js +75 -1
- package/dist/components/menubar.es.js +119 -32
- package/dist/components/multi-select.cjs.js +24 -1
- package/dist/components/multi-select.es.js +61 -27
- package/dist/components/navigation-menu.cjs.js +71 -1
- package/dist/components/navigation-menu.es.js +86 -11
- package/dist/components/phone-input.cjs.js +21 -1
- package/dist/components/phone-input.es.js +267 -174
- package/dist/components/popover.cjs.js +1 -1
- package/dist/components/popover.es.js +1 -1
- package/dist/components/progress.cjs.js +1 -1
- package/dist/components/progress.es.js +3 -3
- package/dist/components/resizable.cjs.js +22 -1
- package/dist/components/resizable.d.ts +1 -1
- package/dist/components/resizable.es.js +52 -17
- package/dist/components/scroll-area.cjs.js +1 -1
- package/dist/components/scroll-area.es.js +1 -1
- package/dist/components/select.cjs.js +57 -1
- package/dist/components/select.d.ts +2 -1
- package/dist/components/select.es.js +84 -23
- package/dist/components/sheet.cjs.js +36 -1
- package/dist/components/sheet.es.js +75 -34
- package/dist/components/skeleton.cjs.js +1 -1
- package/dist/components/skeleton.es.js +1 -1
- package/dist/components/slider.cjs.js +23 -1
- package/dist/components/slider.es.js +46 -24
- package/dist/components/sonner.cjs.js +15 -1
- package/dist/components/sonner.es.js +67 -41
- package/dist/components/switch.cjs.js +19 -1
- package/dist/components/switch.es.js +29 -11
- package/dist/components/table.cjs.js +20 -1
- package/dist/components/table.es.js +56 -34
- package/dist/components/textarea.cjs.js +22 -1
- package/dist/components/textarea.es.js +46 -25
- package/dist/components/toggle-group.cjs.js +12 -1
- package/dist/components/toggle-group.es.js +15 -4
- package/dist/components/toggle.cjs.js +1 -1
- package/dist/components/toggle.es.js +1 -1
- package/dist/components/tooltip.cjs.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/dialog-BUaX7IId.cjs +28 -0
- package/dist/{dialog-CH4VxKX4.js → dialog-CdmsVmRe.js} +41 -14
- package/dist/divider-D4EfIlt3.cjs +1 -0
- package/dist/{divider-BMxVoyPg.js → divider-DumyhJI_.js} +6 -6
- package/dist/entries/button.d.ts +2 -2
- package/dist/index-Bfismeyo.cjs +6 -0
- package/dist/{index-ECyCsPX0.cjs → index-BmhzhLcV.cjs} +1 -1
- package/dist/{index-DEha_UuN.js → index-CnqageB2.js} +1 -1
- package/dist/{index-BCEGphus.js → index-CwFDnnd3.js} +678 -519
- package/dist/input-kOA9xJIa.js +122 -0
- package/dist/input-u-OTHOPe.cjs +28 -0
- package/dist/label-BteX4MEt.js +27 -0
- package/dist/label-O3mSiGyx.cjs +7 -0
- package/dist/popover-A1-x5q-F.cjs +13 -0
- package/dist/popover-eQq2Is-I.js +57 -0
- package/dist/{scroll-area-CxpVQq0v.js → scroll-area-CJy_EOqT.js} +10 -5
- package/dist/scroll-area-DFyIQG6Z.cjs +6 -0
- package/dist/toggle-BdWGPLza.cjs +21 -0
- package/dist/toggle-DuhnqdDT.js +63 -0
- package/dist/tooltip-BYeLeBei.js +74 -0
- package/dist/tooltip-BZWEHWmU.cjs +14 -0
- package/dist/ui.css +209 -209
- package/package.json +32 -27
- package/dist/badge-C29hQNIG.js +0 -84
- package/dist/badge-Da_xHgvC.cjs +0 -1
- package/dist/button-Bn-b-nVw.js +0 -213
- package/dist/button-C7U_D8vv.cjs +0 -1
- package/dist/card-COFAc2zN.cjs +0 -1
- package/dist/chip-C_Uh7fe6.cjs +0 -1
- package/dist/chip-ZryYiiU1.js +0 -89
- package/dist/command-CrtCQpi_.cjs +0 -1
- package/dist/dialog-DHZARK1o.cjs +0 -1
- package/dist/divider-BcIwJzm7.cjs +0 -1
- package/dist/index-9HRzXEQf.cjs +0 -6
- package/dist/input-BvfRiqqw.js +0 -82
- package/dist/input-Dtd0sjiW.cjs +0 -1
- package/dist/label-Bl6V6esj.js +0 -21
- package/dist/label-D3iN3bzS.cjs +0 -1
- package/dist/popover-1_WpciTS.js +0 -44
- package/dist/popover-CeOAAwBQ.cjs +0 -1
- package/dist/scroll-area-D74XszlE.cjs +0 -1
- package/dist/toggle-99EXLQgX.js +0 -43
- package/dist/toggle-CtoQhQby.cjs +0 -1
- package/dist/tooltip-BS84dkwx.js +0 -55
- package/dist/tooltip-BccdAn4x.cjs +0 -1
|
@@ -2,33 +2,24 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
interface ButtonBaseProps extends VariantProps<typeof buttonStyles> {
|
|
4
4
|
iconOnly?: boolean;
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
isActive?: boolean;
|
|
7
5
|
tooltip?: React.ReactNode;
|
|
8
6
|
tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
|
|
9
7
|
}
|
|
10
|
-
interface ButtonAsChildProps extends ButtonBaseProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
8
|
+
interface ButtonAsChildProps extends ButtonBaseProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'disabled'> {
|
|
11
9
|
asChild: true;
|
|
12
10
|
children: React.ReactElement;
|
|
13
11
|
}
|
|
14
|
-
interface ButtonDefaultProps extends ButtonBaseProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
12
|
+
interface ButtonDefaultProps extends ButtonBaseProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> {
|
|
15
13
|
asChild?: false;
|
|
16
14
|
}
|
|
17
15
|
export type IButtonProps = ButtonAsChildProps | ButtonDefaultProps;
|
|
18
16
|
declare const buttonStyles: (props?: ({
|
|
19
|
-
variant?: "link" | "primary" | "secondary" | "
|
|
17
|
+
variant?: "link" | "primary" | "secondary" | "ghost" | "outline" | "destructive" | null | undefined;
|
|
20
18
|
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
21
|
-
weight?: "
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
26
|
-
weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
|
|
27
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
28
|
-
declare const buttonActiveStyles: (props?: ({
|
|
29
|
-
variant?: "link" | "primary" | "secondary" | "inverse" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
30
|
-
size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
31
|
-
weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
|
|
19
|
+
weight?: "regular" | "medium" | "semibold" | null | undefined;
|
|
20
|
+
isLoading?: boolean | null | undefined;
|
|
21
|
+
isActive?: boolean | null | undefined;
|
|
22
|
+
disabled?: boolean | null | undefined;
|
|
32
23
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
33
24
|
declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
34
|
-
export { Button,
|
|
25
|
+
export { Button, buttonStyles };
|
|
@@ -1 +1,73 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-DWBp81pk.cjs"),i=require("@phosphor-icons/react");function h(r){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(d,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return d.default=r,Object.freeze(d)}const p=h(b);function w({className:r,classNames:d,showOutsideDays:n=!0,captionLayout:o="label",buttonVariant:l="ghost",formatters:c,components:f,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:n,className:e.cn(`
|
|
2
|
+
group/calendar bg-background p-3 [--cell-size:--spacing(8)]
|
|
3
|
+
in-data-[slot=card-content]:bg-transparent
|
|
4
|
+
in-data-[slot=popover-content]:bg-transparent
|
|
5
|
+
`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,r),captionLayout:o,formatters:{formatMonthDropdown:a=>a.toLocaleString("default",{month:"short"}),...c},classNames:{root:e.cn("w-fit",t.root),months:e.cn(`
|
|
6
|
+
relative flex flex-col gap-4
|
|
7
|
+
md:flex-row
|
|
8
|
+
`,t.months),month:e.cn("flex w-full flex-col gap-4",t.month),nav:e.cn(`
|
|
9
|
+
absolute inset-x-0 top-0 flex w-full items-center justify-between
|
|
10
|
+
gap-1
|
|
11
|
+
`,t.nav),button_previous:e.cn(m.buttonStyles({size:"sm",variant:l}),`
|
|
12
|
+
size-(--cell-size) p-0 select-none
|
|
13
|
+
aria-disabled:opacity-50
|
|
14
|
+
`,t.button_previous),button_next:e.cn(m.buttonStyles({size:"sm",variant:l}),`
|
|
15
|
+
size-(--cell-size) p-0 select-none
|
|
16
|
+
aria-disabled:opacity-50
|
|
17
|
+
`,t.button_next),month_caption:e.cn(`
|
|
18
|
+
flex h-(--cell-size) w-full items-center justify-center
|
|
19
|
+
px-(--cell-size)
|
|
20
|
+
`,t.month_caption),dropdowns:e.cn(`
|
|
21
|
+
flex h-(--cell-size) w-full items-center justify-center gap-1.5
|
|
22
|
+
paragraph-sm font-medium
|
|
23
|
+
`,t.dropdowns),dropdown_root:e.cn(`
|
|
24
|
+
relative rounded-md border border-input
|
|
25
|
+
has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50
|
|
26
|
+
`,t.dropdown_root),dropdown:e.cn("absolute inset-0 bg-popover opacity-0",t.dropdown),caption_label:e.cn("font-medium select-none",o==="label"?"paragraph-sm":`
|
|
27
|
+
flex h-8 items-center gap-1 rounded-md pr-1 pl-2 paragraph-sm
|
|
28
|
+
[&>svg]:size-3.5 [&>svg]:text-muted-foreground
|
|
29
|
+
`,t.caption_label),table:"w-full border-collapse",weekdays:e.cn("flex",t.weekdays),weekday:e.cn(`
|
|
30
|
+
flex-1 rounded-md text-[0.8rem] font-regular text-muted-foreground
|
|
31
|
+
select-none
|
|
32
|
+
`,t.weekday),week:e.cn("mt-2 flex w-full",t.week),week_number_header:e.cn("w-(--cell-size) select-none",t.week_number_header),week_number:e.cn("text-[0.8rem] text-muted-foreground select-none",t.week_number),day:e.cn(`
|
|
33
|
+
group/day relative aspect-square h-full w-full p-0 text-center
|
|
34
|
+
select-none
|
|
35
|
+
[&:first-child[data-selected=true]_button]:rounded-l-md
|
|
36
|
+
[&:last-child[data-selected=true]_button]:rounded-r-md
|
|
37
|
+
`,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(`
|
|
38
|
+
rounded-md bg-accent text-accent-foreground
|
|
39
|
+
data-[selected=true]:rounded-none
|
|
40
|
+
`,t.today),outside:e.cn(`
|
|
41
|
+
text-muted-foreground
|
|
42
|
+
aria-selected:text-muted-foreground
|
|
43
|
+
`,t.outside),disabled:e.cn("text-muted-foreground opacity-50",t.disabled),hidden:e.cn("invisible",t.hidden),...d},components:{Root:({className:a,rootRef:s,...u})=>e.jsxRuntimeExports.jsx("div",{"data-slot":"calendar",ref:s,className:e.cn(a),...u}),Chevron:({className:a,orientation:s,...u})=>s==="left"?e.jsxRuntimeExports.jsx(i.CaretLeftIcon,{className:e.cn(a),...u}):s==="right"?e.jsxRuntimeExports.jsx(i.CaretRightIcon,{className:e.cn(a),...u}):e.jsxRuntimeExports.jsx(i.CaretDownIcon,{...u}),DayButton:y,WeekNumber:({children:a,...s})=>e.jsxRuntimeExports.jsx("td",{...s,children:e.jsxRuntimeExports.jsx("div",{className:`\r
|
|
44
|
+
flex size-(--cell-size) items-center justify-center\r
|
|
45
|
+
text-center\r
|
|
46
|
+
`,children:a})}),...f},...x})}function y({className:r,day:d,modifiers:n,...o}){const l=g.getDefaultClassNames(),c=p.useRef(null);return p.useEffect(()=>{n.focused&&c.current?.focus()},[n.focused]),e.jsxRuntimeExports.jsx(m.Button,{ref:c,variant:"ghost",size:"xs","data-day":d.date.toLocaleDateString(),"data-selected-single":n.selected&&!n.range_start&&!n.range_end&&!n.range_middle,"data-range-start":n.range_start,"data-range-end":n.range_end,"data-range-middle":n.range_middle,className:e.cn(`
|
|
47
|
+
flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1
|
|
48
|
+
rounded-md bg-transparent p-1 leading-none font-regular
|
|
49
|
+
group-data-[focused=true]/day:relative
|
|
50
|
+
group-data-[focused=true]/day:z-10
|
|
51
|
+
group-data-[focused=true]/day:border-ring
|
|
52
|
+
group-data-[focused=true]/day:ring-[3px]
|
|
53
|
+
group-data-[focused=true]/day:ring-ring/50
|
|
54
|
+
data-[range-end=true]:rounded-md data-[range-end=true]:rounded-l-none
|
|
55
|
+
data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-blue-500
|
|
56
|
+
data-[range-end=true]:text-white
|
|
57
|
+
data-[range-end=true]:hover:bg-blue-500/80
|
|
58
|
+
data-[range-middle=true]:rounded-none
|
|
59
|
+
data-[range-middle=true]:bg-blue-500/10
|
|
60
|
+
data-[range-middle=true]:text-blue-800
|
|
61
|
+
data-[range-start=true]:rounded-md
|
|
62
|
+
data-[range-start=true]:rounded-l-md
|
|
63
|
+
data-[range-start=true]:rounded-r-none
|
|
64
|
+
data-[range-start=true]:bg-blue-500 data-[range-start=true]:text-white
|
|
65
|
+
data-[range-start=true]:hover:bg-blue-500/80
|
|
66
|
+
data-[selected-single=true]:bg-blue-500
|
|
67
|
+
data-[selected-single=true]:text-white
|
|
68
|
+
data-[selected-single=true]:hover:bg-blue-500/80
|
|
69
|
+
data-[selected-single=true]:hover:text-white
|
|
70
|
+
dark:hover:text-accent-foreground
|
|
71
|
+
dark:data-[range-middle=true]:text-blue-050
|
|
72
|
+
[&>span]:paragraph-xs [&>span]:opacity-70
|
|
73
|
+
`,l.day,r),...o})}exports.Calendar=w;
|
|
@@ -1,93 +1,129 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as n, c as e } from "../index-CwFDnnd3.js";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import { getDefaultClassNames as
|
|
4
|
-
import {
|
|
5
|
-
import { CaretLeftIcon as
|
|
3
|
+
import { getDefaultClassNames as p, DayPicker as x } from "react-day-picker";
|
|
4
|
+
import { b as m, B as h } from "../button-2VesFn_C.js";
|
|
5
|
+
import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
|
|
6
6
|
function C({
|
|
7
7
|
className: c,
|
|
8
8
|
classNames: g,
|
|
9
9
|
showOutsideDays: a = !0,
|
|
10
10
|
captionLayout: s = "label",
|
|
11
|
-
buttonVariant: l = "
|
|
11
|
+
buttonVariant: l = "ghost",
|
|
12
12
|
formatters: u,
|
|
13
|
-
components:
|
|
14
|
-
...
|
|
13
|
+
components: f,
|
|
14
|
+
...b
|
|
15
15
|
}) {
|
|
16
|
-
const t =
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
16
|
+
const t = p();
|
|
17
|
+
return /* @__PURE__ */ n.jsx(
|
|
18
|
+
x,
|
|
19
19
|
{
|
|
20
20
|
showOutsideDays: a,
|
|
21
21
|
className: e(
|
|
22
|
-
|
|
22
|
+
`
|
|
23
|
+
group/calendar bg-background p-3 [--cell-size:--spacing(8)]
|
|
24
|
+
in-data-[slot=card-content]:bg-transparent
|
|
25
|
+
in-data-[slot=popover-content]:bg-transparent
|
|
26
|
+
`,
|
|
23
27
|
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
24
28
|
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
25
29
|
c
|
|
26
30
|
),
|
|
27
31
|
captionLayout: s,
|
|
28
32
|
formatters: {
|
|
29
|
-
formatMonthDropdown: (
|
|
33
|
+
formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
|
|
30
34
|
...u
|
|
31
35
|
},
|
|
32
36
|
classNames: {
|
|
33
37
|
root: e("w-fit", t.root),
|
|
34
38
|
months: e(
|
|
35
|
-
|
|
39
|
+
`
|
|
40
|
+
relative flex flex-col gap-4
|
|
41
|
+
md:flex-row
|
|
42
|
+
`,
|
|
36
43
|
t.months
|
|
37
44
|
),
|
|
38
|
-
month: e("flex flex-col
|
|
45
|
+
month: e("flex w-full flex-col gap-4", t.month),
|
|
39
46
|
nav: e(
|
|
40
|
-
|
|
47
|
+
`
|
|
48
|
+
absolute inset-x-0 top-0 flex w-full items-center justify-between
|
|
49
|
+
gap-1
|
|
50
|
+
`,
|
|
41
51
|
t.nav
|
|
42
52
|
),
|
|
43
53
|
button_previous: e(
|
|
44
54
|
m({ size: "sm", variant: l }),
|
|
45
|
-
|
|
55
|
+
`
|
|
56
|
+
size-(--cell-size) p-0 select-none
|
|
57
|
+
aria-disabled:opacity-50
|
|
58
|
+
`,
|
|
46
59
|
t.button_previous
|
|
47
60
|
),
|
|
48
61
|
button_next: e(
|
|
49
62
|
m({ size: "sm", variant: l }),
|
|
50
|
-
|
|
63
|
+
`
|
|
64
|
+
size-(--cell-size) p-0 select-none
|
|
65
|
+
aria-disabled:opacity-50
|
|
66
|
+
`,
|
|
51
67
|
t.button_next
|
|
52
68
|
),
|
|
53
69
|
month_caption: e(
|
|
54
|
-
|
|
70
|
+
`
|
|
71
|
+
flex h-(--cell-size) w-full items-center justify-center
|
|
72
|
+
px-(--cell-size)
|
|
73
|
+
`,
|
|
55
74
|
t.month_caption
|
|
56
75
|
),
|
|
57
76
|
dropdowns: e(
|
|
58
|
-
|
|
77
|
+
`
|
|
78
|
+
flex h-(--cell-size) w-full items-center justify-center gap-1.5
|
|
79
|
+
paragraph-sm font-medium
|
|
80
|
+
`,
|
|
59
81
|
t.dropdowns
|
|
60
82
|
),
|
|
61
83
|
dropdown_root: e(
|
|
62
|
-
|
|
84
|
+
`
|
|
85
|
+
relative rounded-md border border-input
|
|
86
|
+
has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50
|
|
87
|
+
`,
|
|
63
88
|
t.dropdown_root
|
|
64
89
|
),
|
|
65
90
|
dropdown: e(
|
|
66
|
-
"absolute bg-popover
|
|
91
|
+
"absolute inset-0 bg-popover opacity-0",
|
|
67
92
|
t.dropdown
|
|
68
93
|
),
|
|
69
94
|
caption_label: e(
|
|
70
|
-
"select-none
|
|
71
|
-
s === "label" ? "paragraph-sm" :
|
|
95
|
+
"font-medium select-none",
|
|
96
|
+
s === "label" ? "paragraph-sm" : `
|
|
97
|
+
flex h-8 items-center gap-1 rounded-md pr-1 pl-2 paragraph-sm
|
|
98
|
+
[&>svg]:size-3.5 [&>svg]:text-muted-foreground
|
|
99
|
+
`,
|
|
72
100
|
t.caption_label
|
|
73
101
|
),
|
|
74
102
|
table: "w-full border-collapse",
|
|
75
103
|
weekdays: e("flex", t.weekdays),
|
|
76
104
|
weekday: e(
|
|
77
|
-
|
|
105
|
+
`
|
|
106
|
+
flex-1 rounded-md text-[0.8rem] font-regular text-muted-foreground
|
|
107
|
+
select-none
|
|
108
|
+
`,
|
|
78
109
|
t.weekday
|
|
79
110
|
),
|
|
80
|
-
week: e("flex w-full
|
|
111
|
+
week: e("mt-2 flex w-full", t.week),
|
|
81
112
|
week_number_header: e(
|
|
82
|
-
"
|
|
113
|
+
"w-(--cell-size) select-none",
|
|
83
114
|
t.week_number_header
|
|
84
115
|
),
|
|
85
116
|
week_number: e(
|
|
86
|
-
"text-[0.8rem]
|
|
117
|
+
"text-[0.8rem] text-muted-foreground select-none",
|
|
87
118
|
t.week_number
|
|
88
119
|
),
|
|
89
120
|
day: e(
|
|
90
|
-
|
|
121
|
+
`
|
|
122
|
+
group/day relative aspect-square h-full w-full p-0 text-center
|
|
123
|
+
select-none
|
|
124
|
+
[&:first-child[data-selected=true]_button]:rounded-l-md
|
|
125
|
+
[&:last-child[data-selected=true]_button]:rounded-r-md
|
|
126
|
+
`,
|
|
91
127
|
t.day
|
|
92
128
|
),
|
|
93
129
|
range_start: e(
|
|
@@ -97,11 +133,17 @@ function C({
|
|
|
97
133
|
range_middle: e("rounded-none", t.range_middle),
|
|
98
134
|
range_end: e("rounded-r-md bg-accent", t.range_end),
|
|
99
135
|
today: e(
|
|
100
|
-
|
|
136
|
+
`
|
|
137
|
+
rounded-md bg-accent text-accent-foreground
|
|
138
|
+
data-[selected=true]:rounded-none
|
|
139
|
+
`,
|
|
101
140
|
t.today
|
|
102
141
|
),
|
|
103
142
|
outside: e(
|
|
104
|
-
|
|
143
|
+
`
|
|
144
|
+
text-muted-foreground
|
|
145
|
+
aria-selected:text-muted-foreground
|
|
146
|
+
`,
|
|
105
147
|
t.outside
|
|
106
148
|
),
|
|
107
149
|
disabled: e(
|
|
@@ -113,24 +155,33 @@ function C({
|
|
|
113
155
|
},
|
|
114
156
|
components: {
|
|
115
157
|
Root: ({
|
|
116
|
-
className:
|
|
158
|
+
className: r,
|
|
117
159
|
rootRef: d,
|
|
118
160
|
...o
|
|
119
|
-
}) => /* @__PURE__ */
|
|
161
|
+
}) => /* @__PURE__ */ n.jsx(
|
|
120
162
|
"div",
|
|
121
163
|
{
|
|
122
164
|
"data-slot": "calendar",
|
|
123
165
|
ref: d,
|
|
124
|
-
className: e(
|
|
166
|
+
className: e(r),
|
|
125
167
|
...o
|
|
126
168
|
}
|
|
127
169
|
),
|
|
128
|
-
Chevron: ({ className:
|
|
170
|
+
Chevron: ({ className: r, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n.jsx(w, { className: e(r), ...o }) : d === "right" ? /* @__PURE__ */ n.jsx(_, { className: e(r), ...o }) : /* @__PURE__ */ n.jsx(y, { ...o }),
|
|
129
171
|
DayButton: v,
|
|
130
|
-
WeekNumber: ({ children:
|
|
131
|
-
|
|
172
|
+
WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n.jsx("td", { ...d, children: /* @__PURE__ */ n.jsx(
|
|
173
|
+
"div",
|
|
174
|
+
{
|
|
175
|
+
className: `\r
|
|
176
|
+
flex size-(--cell-size) items-center justify-center\r
|
|
177
|
+
text-center\r
|
|
178
|
+
`,
|
|
179
|
+
children: r
|
|
180
|
+
}
|
|
181
|
+
) }),
|
|
182
|
+
...f
|
|
132
183
|
},
|
|
133
|
-
...
|
|
184
|
+
...b
|
|
134
185
|
}
|
|
135
186
|
);
|
|
136
187
|
}
|
|
@@ -140,14 +191,14 @@ function v({
|
|
|
140
191
|
modifiers: a,
|
|
141
192
|
...s
|
|
142
193
|
}) {
|
|
143
|
-
const l =
|
|
194
|
+
const l = p(), u = i.useRef(null);
|
|
144
195
|
return i.useEffect(() => {
|
|
145
196
|
a.focused && u.current?.focus();
|
|
146
|
-
}, [a.focused]), /* @__PURE__ */
|
|
147
|
-
|
|
197
|
+
}, [a.focused]), /* @__PURE__ */ n.jsx(
|
|
198
|
+
h,
|
|
148
199
|
{
|
|
149
200
|
ref: u,
|
|
150
|
-
variant: "
|
|
201
|
+
variant: "ghost",
|
|
151
202
|
size: "xs",
|
|
152
203
|
"data-day": g.date.toLocaleDateString(),
|
|
153
204
|
"data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
|
|
@@ -155,7 +206,34 @@ function v({
|
|
|
155
206
|
"data-range-end": a.range_end,
|
|
156
207
|
"data-range-middle": a.range_middle,
|
|
157
208
|
className: e(
|
|
158
|
-
|
|
209
|
+
`
|
|
210
|
+
flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1
|
|
211
|
+
rounded-md bg-transparent p-1 leading-none font-regular
|
|
212
|
+
group-data-[focused=true]/day:relative
|
|
213
|
+
group-data-[focused=true]/day:z-10
|
|
214
|
+
group-data-[focused=true]/day:border-ring
|
|
215
|
+
group-data-[focused=true]/day:ring-[3px]
|
|
216
|
+
group-data-[focused=true]/day:ring-ring/50
|
|
217
|
+
data-[range-end=true]:rounded-md data-[range-end=true]:rounded-l-none
|
|
218
|
+
data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-blue-500
|
|
219
|
+
data-[range-end=true]:text-white
|
|
220
|
+
data-[range-end=true]:hover:bg-blue-500/80
|
|
221
|
+
data-[range-middle=true]:rounded-none
|
|
222
|
+
data-[range-middle=true]:bg-blue-500/10
|
|
223
|
+
data-[range-middle=true]:text-blue-800
|
|
224
|
+
data-[range-start=true]:rounded-md
|
|
225
|
+
data-[range-start=true]:rounded-l-md
|
|
226
|
+
data-[range-start=true]:rounded-r-none
|
|
227
|
+
data-[range-start=true]:bg-blue-500 data-[range-start=true]:text-white
|
|
228
|
+
data-[range-start=true]:hover:bg-blue-500/80
|
|
229
|
+
data-[selected-single=true]:bg-blue-500
|
|
230
|
+
data-[selected-single=true]:text-white
|
|
231
|
+
data-[selected-single=true]:hover:bg-blue-500/80
|
|
232
|
+
data-[selected-single=true]:hover:text-white
|
|
233
|
+
dark:hover:text-accent-foreground
|
|
234
|
+
dark:data-[range-middle=true]:text-blue-050
|
|
235
|
+
[&>span]:paragraph-xs [&>span]:opacity-70
|
|
236
|
+
`,
|
|
159
237
|
l.day,
|
|
160
238
|
c
|
|
161
239
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../card-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../card-DkYKwjsA.cjs");exports.Card=r.Card;exports.CardAction=r.CardAction;exports.CardContent=r.CardContent;exports.CardDescription=r.CardDescription;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.CardTitle=r.CardTitle;
|
|
@@ -1,7 +1,32 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),L=require("react"),P=require("recharts");function E(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return t.default=s,Object.freeze(t)}const f=E(L),v=E(P),S={light:"",dark:".dark"},_=f.createContext(null);function k(){const s=f.useContext(_);if(!s)throw new Error("useChart must be used within a <ChartContainer />");return s}function T({id:s,className:t,children:n,config:r,...a}){const l=f.useId(),c=`chart-${s||l.replace(/:/g,"")}`;return e.jsxRuntimeExports.jsx(_.Provider,{value:{config:r},children:e.jsxRuntimeExports.jsxs("div",{"data-slot":"chart","data-chart":c,className:e.cn(`
|
|
2
|
+
flex aspect-video justify-center paragraph-xs
|
|
3
|
+
[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground
|
|
4
|
+
[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50
|
|
5
|
+
[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border
|
|
6
|
+
[&_.recharts-dot[stroke='#fff']]:stroke-transparent
|
|
7
|
+
[&_.recharts-layer]:outline-hidden
|
|
8
|
+
[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border
|
|
9
|
+
[&_.recharts-radial-bar-background-sector]:fill-muted
|
|
10
|
+
[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted
|
|
11
|
+
[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border
|
|
12
|
+
[&_.recharts-sector]:outline-hidden
|
|
13
|
+
[&_.recharts-sector[stroke='#fff']]:stroke-transparent
|
|
14
|
+
[&_.recharts-surface]:outline-hidden
|
|
15
|
+
`,t),...a,children:[e.jsxRuntimeExports.jsx(y,{id:c,config:r}),e.jsxRuntimeExports.jsx(v.ResponsiveContainer,{children:n})]})})}const y=({id:s,config:t})=>{const n=Object.entries(t).filter(([,r])=>r.theme||r.color);return n.length?e.jsxRuntimeExports.jsx("style",{dangerouslySetInnerHTML:{__html:Object.entries(S).map(([r,a])=>`
|
|
2
16
|
${a} [data-chart=${s}] {
|
|
3
17
|
${n.map(([l,c])=>{const i=c.theme?.[r]||c.color;return i?` --color-${l}: ${i};`:null}).join(`
|
|
4
18
|
`)}
|
|
5
19
|
}
|
|
6
20
|
`).join(`
|
|
7
|
-
`)}}):null},$=v.Tooltip;function O({active:s,payload:t,className:n,indicator:r="dot",hideLabel:a=!1,hideIndicator:l=!1,label:c,labelFormatter:i,labelClassName:u,formatter:b,color:w,nameKey:N,labelKey:p}){const{config:x}=k(),C=f.useMemo(()=>{if(a||!t?.length)return null;const[o]=t,g=`${p||o?.dataKey||o?.name||"value"}`,m=j(x,o,g),d=!p&&typeof c=="string"?x[c]?.label||c:m?.label;return i?e.jsxRuntimeExports.jsx("div",{className:e.cn("font-semibold",u),children:i(d,t)}):d?e.jsxRuntimeExports.jsx("div",{className:e.cn("font-semibold",u),children:d}):null},[c,i,t,a,u,x,p]);if(!s||!t?.length)return null;const h=t.length===1&&r!=="dot";return e.jsxRuntimeExports.jsxs("div",{className:e.cn(
|
|
21
|
+
`)}}):null},$=v.Tooltip;function O({active:s,payload:t,className:n,indicator:r="dot",hideLabel:a=!1,hideIndicator:l=!1,label:c,labelFormatter:i,labelClassName:u,formatter:b,color:w,nameKey:N,labelKey:p}){const{config:x}=k(),C=f.useMemo(()=>{if(a||!t?.length)return null;const[o]=t,g=`${p||o?.dataKey||o?.name||"value"}`,m=j(x,o,g),d=!p&&typeof c=="string"?x[c]?.label||c:m?.label;return i?e.jsxRuntimeExports.jsx("div",{className:e.cn("font-semibold",u),children:i(d,t)}):d?e.jsxRuntimeExports.jsx("div",{className:e.cn("font-semibold",u),children:d}):null},[c,i,t,a,u,x,p]);if(!s||!t?.length)return null;const h=t.length===1&&r!=="dot";return e.jsxRuntimeExports.jsxs("div",{className:e.cn(`
|
|
22
|
+
grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50
|
|
23
|
+
bg-background px-2.5 py-1.5 paragraph-xs shadow-xl
|
|
24
|
+
`,n),children:[h?null:C,e.jsxRuntimeExports.jsx("div",{className:"grid gap-1.5",children:t.map((o,g)=>{const m=`${N||o.name||o.dataKey||"value"}`,d=j(x,o,m),R=w||o.payload.fill||o.color;return e.jsxRuntimeExports.jsx("div",{className:e.cn(`
|
|
25
|
+
flex w-full flex-wrap items-stretch gap-2
|
|
26
|
+
[&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground
|
|
27
|
+
`,r==="dot"&&"items-center"),children:b&&o?.value!==void 0&&o.name?b(o.value,o.name,o,g,o.payload):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?.icon?e.jsxRuntimeExports.jsx(d.icon,{}):!l&&e.jsxRuntimeExports.jsx("div",{className:e.cn("shrink-0 rounded-[2px] border-border bg-(--color-bg)",{"h-2.5 w-2.5":r==="dot","w-1":r==="line","w-0 border-[1.5px] border-dashed bg-transparent":r==="dashed","my-0.5":h&&r==="dashed"}),style:{"--color-bg":R,"--color-border":R}}),e.jsxRuntimeExports.jsxs("div",{className:e.cn("flex flex-1 justify-between leading-none",h?"items-end":"items-center"),children:[e.jsxRuntimeExports.jsxs("div",{className:"grid gap-1.5",children:[h?C:null,e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground",children:d?.label||o.name})]}),o.value&&e.jsxRuntimeExports.jsx("span",{className:`\r
|
|
28
|
+
font-mono font-semibold text-foreground tabular-nums\r
|
|
29
|
+
`,children:o.value.toLocaleString()})]})]})},o.dataKey)})})]})}const M=v.Legend;function q({className:s,hideIcon:t=!1,payload:n,verticalAlign:r="bottom",nameKey:a}){const{config:l}=k();return n?.length?e.jsxRuntimeExports.jsx("div",{className:e.cn("flex items-center justify-center gap-4",r==="top"?"pb-3":"pt-3",s),children:n?.map(c=>{const i=`${a||c.dataKey||"value"}`,u=j(l,c,i);return e.jsxRuntimeExports.jsxs("div",{className:e.cn(`
|
|
30
|
+
flex items-center gap-1.5
|
|
31
|
+
[&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground
|
|
32
|
+
`),children:[u?.icon&&!t?e.jsxRuntimeExports.jsx(u.icon,{}):e.jsxRuntimeExports.jsx("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:c.color}}),u?.label]},c.value)})}):null}function j(s,t,n){if(typeof t!="object"||t===null)return;const r="payload"in t&&typeof t.payload=="object"&&t.payload!==null?t.payload:void 0;let a=n;return n in t&&typeof t[n]=="string"?a=t[n]:r&&n in r&&typeof r[n]=="string"&&(a=r[n]),a in s?s[a]:s[n]}exports.ChartContainer=T;exports.ChartLegend=M;exports.ChartLegendContent=q;exports.ChartStyle=y;exports.ChartTooltip=$;exports.ChartTooltipContent=O;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as r, c as l } from "../index-
|
|
1
|
+
import { j as r, c as l } from "../index-CwFDnnd3.js";
|
|
2
2
|
import * as x from "react";
|
|
3
3
|
import * as b from "recharts";
|
|
4
4
|
const L = { light: "", dark: ".dark" }, w = x.createContext(null);
|
|
@@ -22,7 +22,21 @@ function E({
|
|
|
22
22
|
"data-slot": "chart",
|
|
23
23
|
"data-chart": o,
|
|
24
24
|
className: l(
|
|
25
|
-
|
|
25
|
+
`
|
|
26
|
+
flex aspect-video justify-center paragraph-xs
|
|
27
|
+
[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground
|
|
28
|
+
[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50
|
|
29
|
+
[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border
|
|
30
|
+
[&_.recharts-dot[stroke='#fff']]:stroke-transparent
|
|
31
|
+
[&_.recharts-layer]:outline-hidden
|
|
32
|
+
[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border
|
|
33
|
+
[&_.recharts-radial-bar-background-sector]:fill-muted
|
|
34
|
+
[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted
|
|
35
|
+
[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border
|
|
36
|
+
[&_.recharts-sector]:outline-hidden
|
|
37
|
+
[&_.recharts-sector[stroke='#fff']]:stroke-transparent
|
|
38
|
+
[&_.recharts-surface]:outline-hidden
|
|
39
|
+
`,
|
|
26
40
|
e
|
|
27
41
|
),
|
|
28
42
|
...c,
|
|
@@ -93,7 +107,10 @@ function R({
|
|
|
93
107
|
"div",
|
|
94
108
|
{
|
|
95
109
|
className: l(
|
|
96
|
-
|
|
110
|
+
`
|
|
111
|
+
grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50
|
|
112
|
+
bg-background px-2.5 py-1.5 paragraph-xs shadow-xl
|
|
113
|
+
`,
|
|
97
114
|
s
|
|
98
115
|
),
|
|
99
116
|
children: [
|
|
@@ -104,7 +121,10 @@ function R({
|
|
|
104
121
|
"div",
|
|
105
122
|
{
|
|
106
123
|
className: l(
|
|
107
|
-
|
|
124
|
+
`
|
|
125
|
+
flex w-full flex-wrap items-stretch gap-2
|
|
126
|
+
[&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground
|
|
127
|
+
`,
|
|
108
128
|
t === "dot" && "items-center"
|
|
109
129
|
),
|
|
110
130
|
children: C && n?.value !== void 0 && n.name ? C(n.value, n.name, n, p, n.payload) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
@@ -112,7 +132,7 @@ function R({
|
|
|
112
132
|
"div",
|
|
113
133
|
{
|
|
114
134
|
className: l(
|
|
115
|
-
"shrink-0 rounded-[2px] border-
|
|
135
|
+
"shrink-0 rounded-[2px] border-border bg-(--color-bg)",
|
|
116
136
|
{
|
|
117
137
|
"h-2.5 w-2.5": t === "dot",
|
|
118
138
|
"w-1": t === "line",
|
|
@@ -138,7 +158,15 @@ function R({
|
|
|
138
158
|
g ? _ : null,
|
|
139
159
|
/* @__PURE__ */ r.jsx("span", { className: "text-muted-foreground", children: h?.label || n.name })
|
|
140
160
|
] }),
|
|
141
|
-
n.value && /* @__PURE__ */ r.jsx(
|
|
161
|
+
n.value && /* @__PURE__ */ r.jsx(
|
|
162
|
+
"span",
|
|
163
|
+
{
|
|
164
|
+
className: `\r
|
|
165
|
+
font-mono font-semibold text-foreground tabular-nums\r
|
|
166
|
+
`,
|
|
167
|
+
children: n.value.toLocaleString()
|
|
168
|
+
}
|
|
169
|
+
)
|
|
142
170
|
]
|
|
143
171
|
}
|
|
144
172
|
)
|
|
@@ -174,7 +202,10 @@ function K({
|
|
|
174
202
|
"div",
|
|
175
203
|
{
|
|
176
204
|
className: l(
|
|
177
|
-
|
|
205
|
+
`
|
|
206
|
+
flex items-center gap-1.5
|
|
207
|
+
[&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground
|
|
208
|
+
`
|
|
178
209
|
),
|
|
179
210
|
children: [
|
|
180
211
|
u?.icon && !e ? /* @__PURE__ */ r.jsx(u.icon, {}) : /* @__PURE__ */ r.jsx(
|
|
@@ -1 +1,15 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../index-Bfismeyo.cjs"),a=require("@radix-ui/react-checkbox"),c=require("@phosphor-icons/react");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=s(a);function d({className:e,...r}){return i.jsxRuntimeExports.jsx(o.Root,{"data-slot":"checkbox",className:i.cn(`
|
|
2
|
+
peer size-4 shrink-0 rounded-[4px] border
|
|
3
|
+
transition-[color,background-color,box-shadow] outline-none
|
|
4
|
+
focus-visible:border-ring focus-visible:ring-[3px]
|
|
5
|
+
focus-visible:ring-ring/50
|
|
6
|
+
disabled:cursor-not-allowed disabled:opacity-50
|
|
7
|
+
aria-invalid:border-destructive aria-invalid:ring-destructive/20
|
|
8
|
+
data-[state=checked]:border-primary data-[state=checked]:bg-primary
|
|
9
|
+
data-[state=checked]:text-primary-foreground
|
|
10
|
+
dark:bg-input/30
|
|
11
|
+
dark:aria-invalid:ring-destructive/40
|
|
12
|
+
dark:data-[state=checked]:bg-primary
|
|
13
|
+
`,e),...r,children:i.jsxRuntimeExports.jsx(o.Indicator,{"data-slot":"checkbox-indicator",className:`\r
|
|
14
|
+
flex items-center justify-center text-current transition-none\r
|
|
15
|
+
`,children:i.jsxRuntimeExports.jsx(c.CheckIcon,{className:"size-3.5"})})})}exports.Checkbox=d;
|