@cryptlex/web-components 1.3.1 → 1.3.2
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/components/ui/button.es.js +19 -19
- package/dist/components/ui/button.es.js.map +1 -1
- package/dist/components/ui/calendar.es.js +51 -53
- package/dist/components/ui/calendar.es.js.map +1 -1
- package/dist/components/ui/drawer.es.js.map +1 -1
- package/dist/components/ui/input-otp.es.js +16 -16
- package/dist/components/ui/input-otp.es.js.map +1 -1
- package/dist/components/ui/table.es.js +62 -54
- package/dist/components/ui/table.es.js.map +1 -1
- package/dist/index.es.d.ts +2 -12
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsxs as m, jsx as
|
|
1
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import * as g from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { cva as
|
|
5
|
-
import { cn as
|
|
3
|
+
import { Slottable as v, Slot as b } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva as p } from "class-variance-authority";
|
|
5
|
+
import { cn as h } from "../../utils/index.es.js";
|
|
6
6
|
import { Loader as x } from "./loader.es.js";
|
|
7
|
-
const
|
|
7
|
+
const y = p(
|
|
8
8
|
"inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
@@ -28,37 +28,37 @@ const h = b(
|
|
|
28
28
|
size: "default"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
),
|
|
31
|
+
), w = g.forwardRef(
|
|
32
32
|
({
|
|
33
33
|
className: i,
|
|
34
|
-
variant:
|
|
35
|
-
size:
|
|
34
|
+
variant: a,
|
|
35
|
+
size: s,
|
|
36
36
|
loading: t,
|
|
37
37
|
disabled: d,
|
|
38
|
-
asChild:
|
|
38
|
+
asChild: c = !1,
|
|
39
39
|
icon: o,
|
|
40
|
-
children:
|
|
41
|
-
...
|
|
40
|
+
children: r,
|
|
41
|
+
...u
|
|
42
42
|
}, f) => {
|
|
43
|
-
const l =
|
|
43
|
+
const l = c ? b : "button", n = o;
|
|
44
44
|
return /* @__PURE__ */ m(
|
|
45
45
|
l,
|
|
46
46
|
{
|
|
47
|
-
className:
|
|
47
|
+
className: h(y({ variant: a, size: s, className: i })),
|
|
48
48
|
ref: f,
|
|
49
49
|
disabled: t || d,
|
|
50
|
-
...
|
|
50
|
+
...u,
|
|
51
51
|
children: [
|
|
52
|
-
t ? /* @__PURE__ */
|
|
53
|
-
e ? /* @__PURE__ */
|
|
52
|
+
t ? /* @__PURE__ */ e(x, {}) : n ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : null,
|
|
53
|
+
/* @__PURE__ */ e(v, { children: r ? /* @__PURE__ */ e("div", { className: o && r ? "ml-2" : "", children: r }) : null })
|
|
54
54
|
]
|
|
55
55
|
}
|
|
56
56
|
);
|
|
57
57
|
}
|
|
58
58
|
);
|
|
59
|
-
|
|
59
|
+
w.displayName = "Button";
|
|
60
60
|
export {
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
w as Button,
|
|
62
|
+
y as buttonVariants
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=button.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"
|
|
1
|
+
{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\nimport { Loader } from \"./loader\";\nimport { LucideIcon } from \"lucide-react\";\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground\",\n outline:\n \"border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 rounded-md px-3\",\n lg: \"h-11 rounded-md px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n loading?: boolean;\n icon?: LucideIcon;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n loading,\n disabled,\n asChild = false,\n icon,\n children,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\";\n const Icon = icon;\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={loading || disabled}\n {...props}\n >\n {/* Shows loading when `loading:true` irrespective of icon present or not; otherwise shows button icon if present */}\n {loading ? <Loader /> : Icon ? <Icon className='h-4 w-4' /> : null}\n {/* Margin left only when both icon and children (button text) are present */}\n {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n <Slottable>\n {children ? (\n <div className={icon && children ? \"ml-2\" : \"\"}>{children}</div>\n ) : null}\n </Slottable>\n </Comp>\n );\n }\n);\n\nButton.displayName = \"Button\"; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON;AAGX,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,KAAO,IAAKJ,sBAAQA,GAAK,EAAA,WAAU,WAAU,IAAK;AAAA,UAG7D,gBAAAG,EAAAE,GAAA,EACE,UACCV,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAWT,KAAQC,IAAW,SAAS,IAAK,UAAAA,EAAS,CAAA,IACxD,KACN,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}
|
|
@@ -1,63 +1,61 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { ChevronLeftIcon as
|
|
3
|
-
import { DayPicker as
|
|
2
|
+
import { ChevronLeftIcon as s, ChevronRightIcon as c } from "@radix-ui/react-icons";
|
|
3
|
+
import { DayPicker as i } from "react-day-picker";
|
|
4
4
|
import { cn as e } from "../../utils/index.es.js";
|
|
5
5
|
import { buttonVariants as r } from "./button.es.js";
|
|
6
|
-
|
|
6
|
+
const l = ({
|
|
7
7
|
className: o,
|
|
8
8
|
classNames: d,
|
|
9
9
|
showOutsideDays: n = !0,
|
|
10
10
|
...t
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
m.displayName = "Calendar";
|
|
11
|
+
}) => /* @__PURE__ */ a(
|
|
12
|
+
i,
|
|
13
|
+
{
|
|
14
|
+
showOutsideDays: n,
|
|
15
|
+
className: e("p-3", o),
|
|
16
|
+
classNames: {
|
|
17
|
+
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
18
|
+
month: "space-y-4",
|
|
19
|
+
caption: "flex justify-center pt-1 relative items-center",
|
|
20
|
+
caption_label: "text-body font-medium",
|
|
21
|
+
nav: "space-x-1 flex items-center",
|
|
22
|
+
nav_button: e(
|
|
23
|
+
r({ variant: "outline" }),
|
|
24
|
+
"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
25
|
+
),
|
|
26
|
+
nav_button_previous: "absolute left-1",
|
|
27
|
+
nav_button_next: "absolute right-1",
|
|
28
|
+
table: "w-full border-collapse space-y-1",
|
|
29
|
+
head_row: "flex",
|
|
30
|
+
head_cell: "text-muted-foreground rounded-md w-8 font-normal text-caption",
|
|
31
|
+
row: "flex w-full mt-2",
|
|
32
|
+
cell: e(
|
|
33
|
+
"relative p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
|
|
34
|
+
t.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
|
|
35
|
+
),
|
|
36
|
+
day: e(
|
|
37
|
+
r({ variant: "ghost" }),
|
|
38
|
+
"h-8 w-8 p-0 font-normal aria-selected:opacity-100"
|
|
39
|
+
),
|
|
40
|
+
day_range_start: "day-range-start",
|
|
41
|
+
day_range_end: "day-range-end",
|
|
42
|
+
day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
|
|
43
|
+
day_today: "bg-accent text-accent-foreground",
|
|
44
|
+
day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
|
|
45
|
+
day_disabled: "text-muted-foreground opacity-50",
|
|
46
|
+
day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
|
|
47
|
+
day_hidden: "invisible",
|
|
48
|
+
...d
|
|
49
|
+
},
|
|
50
|
+
components: {
|
|
51
|
+
IconLeft: () => /* @__PURE__ */ a(s, { className: "h-4 w-4" }),
|
|
52
|
+
IconRight: () => /* @__PURE__ */ a(c, { className: "h-4 w-4" })
|
|
53
|
+
},
|
|
54
|
+
...t
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
l.displayName = "Calendar";
|
|
60
58
|
export {
|
|
61
|
-
|
|
59
|
+
l as Calendar
|
|
62
60
|
};
|
|
63
61
|
//# sourceMappingURL=calendar.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/ui/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\"\nimport { DayPicker } from \"react-day-picker\"\n\nimport { cn } from \"@/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\
|
|
1
|
+
{"version":3,"file":"calendar.es.js","sources":["../../../lib/components/ui/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\"\nimport { DayPicker } from \"react-day-picker\"\n\nimport { cn } from \"@/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nconst Calendar: React.FC<CalendarProps> = ({\n className,\n classNames,\n showOutsideDays = true,\n ...props\n}) => {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3\", className)}\n classNames={{\n months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n month: \"space-y-4\",\n caption: \"flex justify-center pt-1 relative items-center\",\n caption_label: \"text-body font-medium\",\n nav: \"space-x-1 flex items-center\",\n nav_button: cn(\n buttonVariants({ variant: \"outline\" }),\n \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n ),\n nav_button_previous: \"absolute left-1\",\n nav_button_next: \"absolute right-1\",\n table: \"w-full border-collapse space-y-1\",\n head_row: \"flex\",\n head_cell:\n \"text-muted-foreground rounded-md w-8 font-normal text-caption\",\n row: \"flex w-full mt-2\",\n cell: cn(\n \"relative p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md\",\n props.mode === \"range\"\n ? \"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md\"\n : \"[&:has([aria-selected])]:rounded-md\"\n ),\n day: cn(\n buttonVariants({ variant: \"ghost\" }),\n \"h-8 w-8 p-0 font-normal aria-selected:opacity-100\"\n ),\n day_range_start: \"day-range-start\",\n day_range_end: \"day-range-end\",\n day_selected:\n \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n day_today: \"bg-accent text-accent-foreground\",\n day_outside:\n \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n day_disabled: \"text-muted-foreground opacity-50\",\n day_range_middle:\n \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n day_hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n IconLeft: () => <ChevronLeftIcon className='h-4 w-4' />,\n IconRight: () => <ChevronRightIcon className='h-4 w-4' />,\n }}\n {...props}\n />\n );\n};\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","jsx","DayPicker","cn","buttonVariants","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;AASA,MAAMA,IAAoC,CAAC;AAAA,EACzC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,iBAAAH;AAAA,IACA,WAAWI,EAAG,OAAON,CAAS;AAAA,IAC9B,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,YAAYM;AAAA,QACVC,EAAe,EAAE,SAAS,WAAW;AAAA,QACrC;AAAA,MACF;AAAA,MACA,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WACE;AAAA,MACF,KAAK;AAAA,MACL,MAAMD;AAAA,QACJ;AAAA,QACAH,EAAM,SAAS,UACX,yKACA;AAAA,MACN;AAAA,MACA,KAAKG;AAAA,QACHC,EAAe,EAAE,SAAS,SAAS;AAAA,QACnC;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,cACE;AAAA,MACF,WAAW;AAAA,MACX,aACE;AAAA,MACF,cAAc;AAAA,MACd,kBACE;AAAA,MACF,YAAY;AAAA,MACZ,GAAGN;AAAA,IACL;AAAA,IACA,YAAY;AAAA,MACV,UAAU,MAAO,gBAAAG,EAAAI,GAAA,EAAgB,WAAU,UAAU,CAAA;AAAA,MACrD,WAAW,MAAO,gBAAAJ,EAAAK,GAAA,EAAiB,WAAU,UAAU,CAAA;AAAA,IACzD;AAAA,IACC,GAAGN;AAAA,EAAA;AACN;AAGJJ,EAAS,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root\n shouldScaleBackground={shouldScaleBackground}\n {...props}\n />\n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal
|
|
1
|
+
{"version":3,"file":"drawer.es.js","sources":["../../../lib/components/ui/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root\n shouldScaleBackground={shouldScaleBackground}\n {...props}\n />\n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal: React.FC<\n React.ComponentProps<typeof DrawerPrimitive.Portal>\n> = DrawerPrimitive.Portal;\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Overlay\n ref={ref}\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n {...props}\n />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DrawerPortal>\n <DrawerOverlay />\n <DrawerPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n className\n )}\n {...props}\n >\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n {...props}\n />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Title\n ref={ref}\n className={cn(\n \"text-heading-3\",\n className\n )}\n {...props}\n />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Description\n ref={ref}\n className={cn(\"text-body text-muted-foreground\", className)}\n {...props}\n />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAKA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAEFF,EAAgB,QAEdG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAM,GAAGS,MACpC,gBAAAI,EAACT,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAc,EAAA;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MACF;AAAA,MACC,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,mDAAmD,CAAA;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAErB,MAAAC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IACF;AAAA,IACC,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAE1C,MAAAe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as o from "react";
|
|
3
3
|
import { OTPInput as m, OTPInputContext as u } from "input-otp";
|
|
4
|
-
import { cn as
|
|
4
|
+
import { cn as s } from "../../utils/index.es.js";
|
|
5
5
|
import { MinusIcon as f } from "@radix-ui/react-icons";
|
|
6
|
-
const x =
|
|
6
|
+
const x = o.forwardRef(({ className: e, containerClassName: t, ...a }, n) => /* @__PURE__ */ r(
|
|
7
7
|
m,
|
|
8
8
|
{
|
|
9
|
-
ref:
|
|
10
|
-
containerClassName:
|
|
9
|
+
ref: n,
|
|
10
|
+
containerClassName: s(
|
|
11
11
|
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
12
12
|
t
|
|
13
13
|
),
|
|
14
|
-
className:
|
|
15
|
-
...
|
|
14
|
+
className: s("disabled:cursor-not-allowed", e),
|
|
15
|
+
...a
|
|
16
16
|
}
|
|
17
17
|
));
|
|
18
18
|
x.displayName = "InputOTP";
|
|
19
|
-
const I =
|
|
19
|
+
const I = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", { ref: a, className: s("flex items-center", e), ...t }));
|
|
20
20
|
I.displayName = "InputOTPGroup";
|
|
21
|
-
const O =
|
|
22
|
-
const i =
|
|
21
|
+
const O = o.forwardRef(({ index: e, className: t, ...a }, n) => {
|
|
22
|
+
const i = o.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
|
|
23
23
|
return /* @__PURE__ */ c(
|
|
24
24
|
"div",
|
|
25
25
|
{
|
|
26
|
-
ref:
|
|
27
|
-
className:
|
|
28
|
-
"relative flex h-9 w-9 items-center justify-center border-
|
|
29
|
-
p
|
|
26
|
+
ref: n,
|
|
27
|
+
className: s(
|
|
28
|
+
"relative flex h-9 w-9 items-center justify-center border-2 border-input text-body shadow-sm transition-all first:rounded-l-md last:rounded-r-md",
|
|
29
|
+
p ? "z-10 border-2 border-primary" : "",
|
|
30
30
|
t
|
|
31
31
|
),
|
|
32
|
-
...
|
|
32
|
+
...a,
|
|
33
33
|
children: [
|
|
34
34
|
d,
|
|
35
35
|
l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
|
|
@@ -38,7 +38,7 @@ const O = a.forwardRef(({ index: e, className: t, ...o }, s) => {
|
|
|
38
38
|
);
|
|
39
39
|
});
|
|
40
40
|
O.displayName = "InputOTPSlot";
|
|
41
|
-
const P =
|
|
41
|
+
const P = o.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
|
|
42
42
|
P.displayName = "InputOTPSeparator";
|
|
43
43
|
export {
|
|
44
44
|
x as InputOTP,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/ui/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { cn } from \"@/utils\"\nimport { MinusIcon } from \"@radix-ui/react-icons\"\n\nconst InputOTP = React.forwardRef<\n React.ElementRef<typeof OTPInput>,\n React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\n \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n containerClassName\n )}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n))\nInputOTP.displayName = \"InputOTP\"\n\nconst InputOTPGroup = React.forwardRef<\n React.ElementRef<\"div\">,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n))\nInputOTPGroup.displayName = \"InputOTPGroup\"\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<\"div\">,\n React.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext)\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n return (\n <div\n ref={ref}\n className={cn(\n \"relative flex h-9 w-9 items-center justify-center border-
|
|
1
|
+
{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/ui/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { cn } from \"@/utils\"\nimport { MinusIcon } from \"@radix-ui/react-icons\"\n\nconst InputOTP = React.forwardRef<\n React.ElementRef<typeof OTPInput>,\n React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\n \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n containerClassName\n )}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n))\nInputOTP.displayName = \"InputOTP\"\n\nconst InputOTPGroup = React.forwardRef<\n React.ElementRef<\"div\">,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n))\nInputOTPGroup.displayName = \"InputOTPGroup\"\n\nconst InputOTPSlot = React.forwardRef<\n React.ElementRef<\"div\">,\n React.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext)\n const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n return (\n <div\n ref={ref}\n className={cn(\n \"relative flex h-9 w-9 items-center justify-center border-2 border-input text-body shadow-sm transition-all first:rounded-l-md last:rounded-r-md\",\n isActive ? \"z-10 border-2 border-primary\" : \"\",\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n </div>\n )}\n </div>\n )\n})\nInputOTPSlot.displayName = \"InputOTPSlot\"\n\nconst InputOTPSeparator = React.forwardRef<\n React.ElementRef<\"div\">,\n React.ComponentPropsWithoutRef<\"div\">\n>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n))\nInputOTPSeparator.displayName = \"InputOTPSeparator\"\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","MinusIcon"],"mappings":";;;;;AAKM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAASC,MAC9C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,oBAAoBG;AAAA,MAClB;AAAA,MACAL;AAAA,IACF;AAAA,IACA,WAAWK,EAAG,+BAA+BN,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEjB,MAAAS,IAAgBR,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAS,GAAAC,wBACzB,OAAI,EAAA,KAAAA,GAAU,WAAWG,EAAG,qBAAqBN,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDK,EAAc,cAAc;AAEtB,MAAAC,IAAeT,EAAM,WAGzB,CAAC,EAAE,OAAAU,GAAO,WAAAT,GAAW,GAAGE,EAAM,GAAGC,MAAQ;AACnC,QAAAO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAJ,EAAgB,MAAMD,CAAK;AAGlE,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAQ,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACE,OAAI,EAAA,WAAU,yEACb,UAAC,gBAAAT,EAAA,OAAA,EAAI,WAAU,2DAA2D,CAAA,EAC5E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;AACDI,EAAa,cAAc;AAE3B,MAAMQ,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,wBACd,OAAI,EAAA,KAAAA,GAAU,MAAK,aAAa,GAAGD,GAClC,UAAC,gBAAAE,EAAAa,GAAA,CAAU,CAAA,GACb,CACD;AACDD,EAAkB,cAAc;"}
|
|
@@ -1,91 +1,99 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { cn as
|
|
4
|
-
const d =
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { cn as l } from "../../utils/index.es.js";
|
|
4
|
+
const d = t.forwardRef(
|
|
5
|
+
({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { className: "w-full", children: /* @__PURE__ */ o(
|
|
6
|
+
"table",
|
|
7
|
+
{
|
|
8
|
+
ref: r,
|
|
9
|
+
className: l(
|
|
10
|
+
"w-full caption-bottom text-sm [&_tr:last-child]:border-0 my-0 overflow-x-auto whitespace-nowrap",
|
|
11
|
+
e
|
|
12
|
+
),
|
|
13
|
+
...a
|
|
14
|
+
}
|
|
15
|
+
) })
|
|
16
|
+
);
|
|
12
17
|
d.displayName = "Table";
|
|
13
|
-
const s =
|
|
14
|
-
|
|
15
|
-
const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
|
|
16
|
-
"tbody",
|
|
18
|
+
const s = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
19
|
+
"thead",
|
|
17
20
|
{
|
|
18
|
-
ref:
|
|
19
|
-
className:
|
|
21
|
+
ref: r,
|
|
22
|
+
className: l("[&_tr]:border-b border-b", e),
|
|
20
23
|
...a
|
|
21
24
|
}
|
|
22
25
|
));
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
"
|
|
26
|
+
s.displayName = "TableHeader";
|
|
27
|
+
const b = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
28
|
+
"tbody",
|
|
26
29
|
{
|
|
27
|
-
ref:
|
|
28
|
-
className:
|
|
29
|
-
"border-
|
|
30
|
+
ref: r,
|
|
31
|
+
className: l(
|
|
32
|
+
"[&_tr:last-child]:border-b-2 [&_tr:last-child]:border-dotted",
|
|
33
|
+
// Updated to 2px dotted border for the last row
|
|
30
34
|
e
|
|
31
35
|
),
|
|
32
36
|
...a
|
|
33
37
|
}
|
|
34
38
|
));
|
|
35
|
-
|
|
36
|
-
const c =
|
|
37
|
-
"
|
|
39
|
+
b.displayName = "TableBody";
|
|
40
|
+
const c = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
41
|
+
"tfoot",
|
|
38
42
|
{
|
|
39
|
-
ref:
|
|
40
|
-
className:
|
|
41
|
-
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
42
|
-
e
|
|
43
|
-
),
|
|
43
|
+
ref: r,
|
|
44
|
+
className: l("border-t bg-card/50 font-medium [&>tr]:last:border-b-0", e),
|
|
44
45
|
...a
|
|
45
46
|
}
|
|
46
47
|
));
|
|
47
|
-
c.displayName = "
|
|
48
|
-
const
|
|
48
|
+
c.displayName = "TableFooter";
|
|
49
|
+
const m = t.forwardRef(
|
|
50
|
+
({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
51
|
+
"tr",
|
|
52
|
+
{
|
|
53
|
+
ref: r,
|
|
54
|
+
className: l(
|
|
55
|
+
"border-b transition-colors hover:bg-card/50 data-[state=selected]:bg-card",
|
|
56
|
+
e
|
|
57
|
+
),
|
|
58
|
+
...a
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
);
|
|
62
|
+
m.displayName = "TableRow";
|
|
63
|
+
const i = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
49
64
|
"th",
|
|
50
65
|
{
|
|
51
|
-
ref:
|
|
52
|
-
className:
|
|
53
|
-
"h-
|
|
66
|
+
ref: r,
|
|
67
|
+
className: l(
|
|
68
|
+
"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
|
|
54
69
|
e
|
|
55
70
|
),
|
|
56
71
|
...a
|
|
57
72
|
}
|
|
58
73
|
));
|
|
59
|
-
|
|
60
|
-
const
|
|
74
|
+
i.displayName = "TableHead";
|
|
75
|
+
const f = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
|
|
61
76
|
"td",
|
|
62
77
|
{
|
|
63
|
-
ref:
|
|
64
|
-
className:
|
|
65
|
-
"p-
|
|
78
|
+
ref: r,
|
|
79
|
+
className: l(
|
|
80
|
+
"p-4 align-middle [&:has([role=checkbox])]:pr-0 border-b [&_tr:last-child]:border-dotted",
|
|
66
81
|
e
|
|
67
82
|
),
|
|
68
83
|
...a
|
|
69
84
|
}
|
|
70
85
|
));
|
|
71
|
-
|
|
72
|
-
const n =
|
|
73
|
-
"caption",
|
|
74
|
-
{
|
|
75
|
-
ref: o,
|
|
76
|
-
className: r("mt-4 text-body text-muted-foreground", e),
|
|
77
|
-
...a
|
|
78
|
-
}
|
|
79
|
-
));
|
|
86
|
+
f.displayName = "TableCell";
|
|
87
|
+
const n = t.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o("caption", { ref: r, className: l("mt-4 text-sm text-muted-foreground", e), ...a }));
|
|
80
88
|
n.displayName = "TableCaption";
|
|
81
89
|
export {
|
|
82
90
|
d as Table,
|
|
83
91
|
b as TableBody,
|
|
84
92
|
n as TableCaption,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
93
|
+
f as TableCell,
|
|
94
|
+
c as TableFooter,
|
|
95
|
+
i as TableHead,
|
|
88
96
|
s as TableHeader,
|
|
89
|
-
|
|
97
|
+
m as TableRow
|
|
90
98
|
};
|
|
91
99
|
//# sourceMappingURL=table.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.es.js","sources":["../../../lib/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Table = React.forwardRef
|
|
1
|
+
{"version":3,"file":"table.es.js","sources":["../../../lib/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, ...props }, ref) => (\n <div className=\"w-full\">\n <table\n ref={ref}\n className={cn(\n 'w-full caption-bottom text-sm [&_tr:last-child]:border-0 my-0 overflow-x-auto whitespace-nowrap',\n className,\n )}\n {...props}\n />\n </div>\n ),\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn('[&_tr]:border-b border-b', className)} // Added border-b to apply a bottom border\n {...props}\n />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\n '[&_tr:last-child]:border-b-2 [&_tr:last-child]:border-dotted', // Updated to 2px dotted border for the last row\n className,\n )}\n {...props}\n />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\"border-t bg-card/50 font-medium [&>tr]:last:border-b-0\", className)}\n {...props}\n />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"border-b transition-colors hover:bg-card/50 data-[state=selected]:bg-card\",\n className,\n )}\n {...props}\n />\n ),\n);\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\",\n className,\n )}\n {...props}\n />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n 'p-4 align-middle [&:has([role=checkbox])]:pr-0 border-b [&_tr:last-child]:border-dotted',\n className,\n )}\n {...props}\n />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption ref={ref} className={cn(\"mt-4 text-sm text-muted-foreground\", className)} {...props} />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAI,EAAA,WAAU,UACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA,EAER,CAAA;AAEJ;AACAH,EAAM,cAAc;AAEd,MAAAO,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAc;AAEpB,MAAAC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAElB,MAAAC,IAAcR,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,0DAA0DJ,CAAS;AAAA,IAChF,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAY,cAAc;AAE1B,MAAMC,IAAWT,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAO,EAAS,cAAc;AAEjB,MAAAC,IAAYV,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAU,cAAc;AAElB,MAAAC,IAAYX,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAU,cAAc;AAElB,MAAAC,IAAeZ,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACzB,WAAQ,EAAA,KAAAA,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAI,GAAGC,GAAO,CAC/F;AACDU,EAAa,cAAc;"}
|
package/dist/index.es.d.ts
CHANGED
|
@@ -34,7 +34,6 @@ import { NameType } from 'recharts/types/component/DefaultTooltipContent';
|
|
|
34
34
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
35
35
|
import { Payload } from 'recharts/types/component/DefaultTooltipContent';
|
|
36
36
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
37
|
-
import { Portal } from 'vaul';
|
|
38
37
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
39
38
|
import * as React_2 from 'react';
|
|
40
39
|
import * as RechartsPrimitive from 'recharts';
|
|
@@ -111,11 +110,7 @@ export declare const buttonVariants: (props?: ({
|
|
|
111
110
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
112
111
|
} & ClassProp) | undefined) => string;
|
|
113
112
|
|
|
114
|
-
export declare
|
|
115
|
-
|
|
116
|
-
export declare namespace Calendar {
|
|
117
|
-
var displayName: string;
|
|
118
|
-
}
|
|
113
|
+
export declare const Calendar: React_2.FC<CalendarProps>;
|
|
119
114
|
|
|
120
115
|
export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
|
|
121
116
|
|
|
@@ -341,7 +336,7 @@ export declare const DrawerHeader: {
|
|
|
341
336
|
|
|
342
337
|
export declare const DrawerOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
343
338
|
|
|
344
|
-
export declare const DrawerPortal: Portal
|
|
339
|
+
export declare const DrawerPortal: React_2.FC<React_2.ComponentProps<typeof Drawer_2.Portal>>;
|
|
345
340
|
|
|
346
341
|
export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
347
342
|
|
|
@@ -729,8 +724,3 @@ export declare function useIsMobile(): boolean;
|
|
|
729
724
|
export declare function useSidebar(): SidebarContext;
|
|
730
725
|
|
|
731
726
|
export { }
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
declare namespace Calendar {
|
|
735
|
-
var displayName: string;
|
|
736
|
-
}
|