@incognia/cosmik 1.0.10 → 2.0.0-alpha.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/index.d.ts +1 -1
- package/dist/Calendar/index.d.ts.map +1 -1
- package/dist/Toggle/index.d.ts +1 -1
- package/dist/cosmik.css +3 -1
- package/dist/index.cjs +1 -2
- package/dist/index.js +36 -179
- package/dist/index10.cjs +2 -2
- package/dist/index10.cjs.map +1 -1
- package/dist/index10.js +12 -195
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +2 -2
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +61 -140
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +2 -2
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +156 -228
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +2 -2
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +92 -119
- package/dist/index13.js.map +1 -1
- package/dist/index14.cjs +2 -2
- package/dist/index14.cjs.map +1 -1
- package/dist/index14.js +71 -24
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +2 -2
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +105 -25
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +2 -2
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +57 -22
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +2 -2
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +23 -63
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +2 -2
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +90 -23
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +2 -2
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +83 -102
- package/dist/index19.js.map +1 -1
- package/dist/index2.cjs +1 -0
- package/dist/index2.js +7 -0
- package/dist/index20.cjs +2 -2
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +126 -48
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +2 -2
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +41 -31
- package/dist/index21.js.map +1 -1
- package/dist/index22.cjs +2 -2
- package/dist/index22.cjs.map +1 -1
- package/dist/index22.js +76 -46
- package/dist/index22.js.map +1 -1
- package/dist/index23.cjs +2 -2
- package/dist/index23.cjs.map +1 -1
- package/dist/index23.js +68 -185
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +2 -2
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +31 -28
- package/dist/index24.js.map +1 -1
- package/dist/index25.cjs +2 -2
- package/dist/index25.cjs.map +1 -1
- package/dist/index25.js +17 -132
- package/dist/index25.js.map +1 -1
- package/dist/index26.cjs +2 -2
- package/dist/index26.cjs.map +1 -1
- package/dist/index26.js +17 -17
- package/dist/index26.js.map +1 -1
- package/dist/index27.cjs +2 -2
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +52 -36
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +2 -2
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +10 -33
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +2 -2
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +25 -135
- package/dist/index29.js.map +1 -1
- package/dist/index30.cjs +2 -2
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +66 -62
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +2 -2
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +22 -88
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +2 -2
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +30 -23
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +2 -2
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +97 -93
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +2 -2
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +19 -72
- package/dist/index34.js.map +1 -1
- package/dist/index35.cjs +2 -2
- package/dist/index35.cjs.map +1 -1
- package/dist/index35.js +81 -62
- package/dist/index35.js.map +1 -1
- package/dist/index36.cjs +2 -2
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +14 -161
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +2 -2
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +44 -6
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +2 -2
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +22 -36
- package/dist/index38.js.map +1 -1
- package/dist/index39.cjs +2 -2
- package/dist/index39.cjs.map +1 -1
- package/dist/index39.js +71 -16
- package/dist/index39.js.map +1 -1
- package/dist/index4.cjs +2 -2
- package/dist/index4.cjs.map +1 -1
- package/dist/index4.js +18 -160
- package/dist/index4.js.map +1 -1
- package/dist/index40.cjs +2 -2
- package/dist/index40.cjs.map +1 -1
- package/dist/index40.js +38 -120
- package/dist/index40.js.map +1 -1
- package/dist/index41.cjs +2 -2
- package/dist/index41.cjs.map +1 -1
- package/dist/index41.js +73 -16
- package/dist/index41.js.map +1 -1
- package/dist/index42.cjs +2 -2
- package/dist/index42.cjs.map +1 -1
- package/dist/index42.js +15 -10
- package/dist/index42.js.map +1 -1
- package/dist/index43.cjs +2 -2
- package/dist/index43.cjs.map +1 -1
- package/dist/index43.js +87 -5
- package/dist/index43.js.map +1 -1
- package/dist/index44.cjs +2 -2
- package/dist/index44.cjs.map +1 -1
- package/dist/index44.js +52 -26
- package/dist/index44.js.map +1 -1
- package/dist/index45.cjs +2 -7
- package/dist/index45.cjs.map +1 -1
- package/dist/index45.js +48 -238
- package/dist/index45.js.map +1 -1
- package/dist/index46.cjs +2 -2
- package/dist/index46.cjs.map +1 -1
- package/dist/index46.js +85 -17
- package/dist/index46.js.map +1 -1
- package/dist/index5.cjs +2 -2
- package/dist/index5.cjs.map +1 -1
- package/dist/index5.js +34 -80
- package/dist/index5.js.map +1 -1
- package/dist/index6.cjs +2 -2
- package/dist/index6.cjs.map +1 -1
- package/dist/index6.js +1586 -163
- package/dist/index6.js.map +1 -1
- package/dist/index7.cjs +2 -2
- package/dist/index7.cjs.map +1 -1
- package/dist/index7.js +14 -196
- package/dist/index7.js.map +1 -1
- package/dist/index8.cjs +2 -2
- package/dist/index8.cjs.map +1 -1
- package/dist/index8.js +23 -91
- package/dist/index8.js.map +1 -1
- package/dist/index9.cjs +7 -2
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +162 -40
- package/dist/index9.js.map +1 -1
- package/dist/{cosmik-theme.css → src/cosmik-theme.css} +68 -66
- package/package.json +22 -20
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index3.cjs +0 -2
- package/dist/index3.cjs.map +0 -1
- package/dist/index3.js +0 -87
- package/dist/index3.js.map +0 -1
- package/dist/index47.cjs +0 -2
- package/dist/index47.cjs.map +0 -1
- package/dist/index47.js +0 -2732
- package/dist/index47.js.map +0 -1
- package/dist/index48.cjs +0 -2
- package/dist/index48.cjs.map +0 -1
- package/dist/index48.js +0 -5
- package/dist/index48.js.map +0 -1
- package/dist/index49.cjs +0 -2
- package/dist/index49.cjs.map +0 -1
- package/dist/index49.js +0 -5
- package/dist/index49.js.map +0 -1
package/dist/index13.js
CHANGED
|
@@ -1,120 +1,93 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
onApply: s,
|
|
16
|
-
contentProps: v = {},
|
|
17
|
-
buttonProps: C = {},
|
|
18
|
-
clearable: u = !0,
|
|
19
|
-
...N
|
|
20
|
-
}) {
|
|
21
|
-
const [w, d] = m.useState(!1), [i, o] = m.useState(n || null), y = n ? f ? f(n) : n.toString() : h, T = /* @__PURE__ */ e.jsxs(
|
|
22
|
-
c,
|
|
23
|
-
{
|
|
24
|
-
variant: n ? "filled" : "outline",
|
|
25
|
-
intent: n ? "filter" : "secondary",
|
|
26
|
-
size: "sm",
|
|
27
|
-
className: I(
|
|
28
|
-
"font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
|
|
29
|
-
{
|
|
30
|
-
"pr-12": !!n
|
|
31
|
-
}
|
|
32
|
-
),
|
|
33
|
-
...C,
|
|
34
|
-
children: [
|
|
35
|
-
y,
|
|
36
|
-
u && n && /* @__PURE__ */ e.jsx(
|
|
37
|
-
D,
|
|
38
|
-
{
|
|
39
|
-
className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
|
|
40
|
-
onClick: (t) => {
|
|
41
|
-
t.preventDefault(), o(null), s?.(void 0);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
)
|
|
45
|
-
]
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
function p() {
|
|
49
|
-
s?.(i ?? void 0), d(!1);
|
|
50
|
-
}
|
|
51
|
-
return /* @__PURE__ */ e.jsxs(
|
|
52
|
-
O,
|
|
53
|
-
{
|
|
54
|
-
open: w,
|
|
55
|
-
onOpenChange: (t) => {
|
|
56
|
-
j?.(t), t || s?.(i ?? void 0), t && o(n ?? null), d(t);
|
|
57
|
-
},
|
|
58
|
-
...N,
|
|
59
|
-
children: [
|
|
60
|
-
/* @__PURE__ */ e.jsx(z, { asChild: !0, children: g || T }),
|
|
61
|
-
/* @__PURE__ */ e.jsx(
|
|
62
|
-
B,
|
|
63
|
-
{
|
|
64
|
-
className: "w-full min-w-[200px]",
|
|
65
|
-
align: "start",
|
|
66
|
-
...v,
|
|
67
|
-
children: /* @__PURE__ */ e.jsxs("div", { children: [
|
|
68
|
-
/* @__PURE__ */ e.jsx(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
onKeyDown: (t) => {
|
|
72
|
-
if (t.defaultPrevented || t.key !== "Enter") return;
|
|
73
|
-
const l = t.target;
|
|
74
|
-
if (!l) return;
|
|
75
|
-
const a = l.tagName, k = a === "INPUT", E = a === "TEXTAREA", P = a === "BUTTON", b = l.isContentEditable;
|
|
76
|
-
!k || E || P || b || (t.preventDefault(), t.stopPropagation(), p());
|
|
77
|
-
},
|
|
78
|
-
children: x({
|
|
79
|
-
onFilterChange: o,
|
|
80
|
-
filterValue: i
|
|
81
|
-
})
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
/* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
|
|
85
|
-
u && i && r.clear && /* @__PURE__ */ e.jsx(
|
|
86
|
-
c,
|
|
87
|
-
{
|
|
88
|
-
variant: "link",
|
|
89
|
-
intent: "secondary",
|
|
90
|
-
size: "fit-content",
|
|
91
|
-
type: "button",
|
|
92
|
-
onClick: () => o(null),
|
|
93
|
-
children: r.clear
|
|
94
|
-
}
|
|
95
|
-
),
|
|
96
|
-
r.apply && /* @__PURE__ */ e.jsx(
|
|
97
|
-
c,
|
|
98
|
-
{
|
|
99
|
-
className: "ml-auto",
|
|
100
|
-
variant: "link",
|
|
101
|
-
size: "fit-content",
|
|
102
|
-
type: "button",
|
|
103
|
-
onClick: (t) => {
|
|
104
|
-
t.preventDefault(), p();
|
|
105
|
-
},
|
|
106
|
-
children: r.apply
|
|
107
|
-
}
|
|
108
|
-
)
|
|
109
|
-
] })
|
|
110
|
-
] })
|
|
111
|
-
}
|
|
112
|
-
)
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
);
|
|
1
|
+
"use client";
|
|
2
|
+
import { cva as e } from "./index5.js";
|
|
3
|
+
import { cn as t } from "./index7.js";
|
|
4
|
+
import { require_jsx_runtime as n } from "./index10.js";
|
|
5
|
+
import { buttonVariants as r } from "./index12.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import * as i from "@radix-ui/react-alert-dialog";
|
|
8
|
+
//#region src/AlertDialog/index.tsx
|
|
9
|
+
var a = n();
|
|
10
|
+
function o({ ...e }) {
|
|
11
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Root, {
|
|
12
|
+
"data-slot": "alert-dialog",
|
|
13
|
+
...e
|
|
14
|
+
});
|
|
116
15
|
}
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
16
|
+
function s({ ...e }) {
|
|
17
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Trigger, {
|
|
18
|
+
"data-slot": "alert-dialog-trigger",
|
|
19
|
+
...e
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function c({ ...e }) {
|
|
23
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Portal, {
|
|
24
|
+
"data-slot": "alert-dialog-portal",
|
|
25
|
+
...e
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
function l({ className: e, ...n }) {
|
|
29
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Overlay, {
|
|
30
|
+
"data-slot": "alert-dialog-overlay",
|
|
31
|
+
className: t("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48", e),
|
|
32
|
+
...n
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function u({ className: e, ...n }) {
|
|
36
|
+
return /* @__PURE__ */ (0, a.jsxs)(c, { children: [/* @__PURE__ */ (0, a.jsx)(l, {}), /* @__PURE__ */ (0, a.jsx)(i.Content, {
|
|
37
|
+
"data-slot": "alert-dialog-content",
|
|
38
|
+
className: t("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]", e),
|
|
39
|
+
...n
|
|
40
|
+
})] });
|
|
41
|
+
}
|
|
42
|
+
function d({ className: e, ...n }) {
|
|
43
|
+
return /* @__PURE__ */ (0, a.jsx)("div", {
|
|
44
|
+
"data-slot": "alert-dialog-header",
|
|
45
|
+
className: t("flex flex-col gap-8 text-left font-display", e),
|
|
46
|
+
...n
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function f({ className: e, ...n }) {
|
|
50
|
+
return /* @__PURE__ */ (0, a.jsx)("div", {
|
|
51
|
+
"data-slot": "alert-dialog-footer",
|
|
52
|
+
className: t("flex gap-8 flex-row justify-end", e),
|
|
53
|
+
...n
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
var p = e("flex items-center text-lg font-semibold", {
|
|
57
|
+
variants: { intent: {
|
|
58
|
+
default: "text-gray-800",
|
|
59
|
+
warning: "text-orange-600",
|
|
60
|
+
danger: "text-red-600"
|
|
61
|
+
} },
|
|
62
|
+
defaultVariants: { intent: "default" }
|
|
63
|
+
});
|
|
64
|
+
function m({ className: e, intent: n, ...r }) {
|
|
65
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Title, {
|
|
66
|
+
"data-slot": "alert-dialog-title",
|
|
67
|
+
className: t(p({ intent: n }), e),
|
|
68
|
+
...r
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
function h({ className: e, ...n }) {
|
|
72
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Description, {
|
|
73
|
+
"data-slot": "alert-dialog-description",
|
|
74
|
+
className: t("text-md text-gray-900", e),
|
|
75
|
+
...n
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
function g({ className: e, intent: n, ...o }) {
|
|
79
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Action, {
|
|
80
|
+
className: t(r({ intent: n }), e),
|
|
81
|
+
...o
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function _({ className: e, ...n }) {
|
|
85
|
+
return /* @__PURE__ */ (0, a.jsx)(i.Cancel, {
|
|
86
|
+
className: t(r({ intent: "secondary" }), e),
|
|
87
|
+
...n
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
//#endregion
|
|
91
|
+
export { o as AlertDialog, g as AlertDialogAction, _ as AlertDialogCancel, u as AlertDialogContent, h as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, m as AlertDialogTitle, s as AlertDialogTrigger };
|
|
92
|
+
|
|
93
|
+
//# sourceMappingURL=index13.js.map
|
package/dist/index13.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index13.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index13.js","names":[],"sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n )\n}\n\nfunction AlertDialogPortal({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n )\n}\n\nfunction AlertDialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction AlertDialogContent({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n 'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n )\n}\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn('flex flex-col gap-8 text-left font-display', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n variants: {\n intent: {\n default: 'text-gray-800',\n warning: 'text-orange-600',\n danger: 'text-red-600'\n }\n },\n defaultVariants: {\n intent: 'default'\n }\n})\n\nfunction AlertDialogTitle({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(titleVariants({ intent }), className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn('text-md text-gray-900', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogAction({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ intent }), className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ intent: 'secondary' }), className)}\n {...props}\n />\n )\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n titleVariants\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,EAAY,EACnB,GAAG,KACsD;CACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAC1B,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAkB,EACzB,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6UACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,CAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,2CAA2C;CACnE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AAED,SAAS,EAAiB,EACxB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,UAAO,CAAC,GAAG,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EAAG,yBAAyB,CAAS;EAChD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,UAAO,CAAC,GAAG,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAS;EAChE,GAAI;CACL,CAAA;AAEL"}
|
package/dist/index14.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index14.cjs.map
|
|
1
|
+
const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-slot");var o=r.default,s=t.cva(`inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]`,{variants:{variant:{green:`bg-green-100 text-green-800`,orange:`bg-orange-100 text-orange-800`,red:`bg-red-100 text-red-800`,gray:`bg-gray-300 text-gray-800`,purple:`bg-purple-100 text-purple-800`,robinblue:`bg-robinblue-100 text-robinblue-800`},border:{outline:`border`,none:`border-0`}},compoundVariants:[{border:`outline`,variant:`green`,className:`border-green-300`},{border:`outline`,variant:`orange`,className:`border-orange-300`},{border:`outline`,variant:`red`,className:`border-red-300`},{border:`outline`,variant:`gray`,className:`border-gray-400`},{border:`outline`,variant:`purple`,className:`border-purple-300`},{border:`outline`,variant:`robinblue`,className:`border-robinblue-300`}],defaultVariants:{variant:`gray`,border:`none`}});function c({className:e,variant:t,border:r,asChild:i=!1,...c}){return(0,o.jsx)(i?a.Slot:`span`,{"data-slot":`badge`,className:n.cn(s({variant:t,border:r}),e),...c})}exports.Badge=c,exports.badgeVariants=s;
|
|
2
|
+
//# sourceMappingURL=index14.cjs.map
|
package/dist/index14.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index14.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index14.cjs","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-100 text-green-800',\n orange: 'bg-orange-100 text-orange-800',\n red: 'bg-red-100 text-red-800',\n gray: 'bg-gray-300 text-gray-800',\n purple: 'bg-purple-100 text-purple-800',\n robinblue: 'bg-robinblue-100 text-robinblue-800'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'orange',\n className: 'border-orange-300'\n },\n {\n border: 'outline',\n variant: 'red',\n className: 'border-red-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"6MASM,EAAgB,EAAA,IACpB,gJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,8BACP,OAAQ,gCACR,IAAK,0BACL,KAAM,4BACN,OAAQ,gCACR,UAAW,qCACb,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,QAAS,QACT,UAAW,kBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,MACT,UAAW,gBACb,EACA,CACE,OAAQ,UACR,QAAS,OACT,UAAW,iBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,YACT,UAAW,sBACb,CACF,EACA,gBAAiB,CACf,QAAS,OACT,OAAQ,MACV,CACF,CACF,EAKA,SAAS,EAAM,CACb,YACA,UACA,SACA,UAAU,GACV,GAAG,GACU,CAEb,OACE,EAAA,EAAA,KAFW,EAAU,EAAA,KAAO,OAE5B,CACE,YAAU,QACV,UAAW,EAAA,GAAG,EAAc,CAAE,UAAS,QAAO,CAAC,EAAG,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL"}
|
package/dist/index14.js
CHANGED
|
@@ -1,25 +1,72 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { cn as
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { cva as e } from "./index5.js";
|
|
2
|
+
import { cn as t } from "./index7.js";
|
|
3
|
+
import { require_jsx_runtime as n } from "./index10.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { Slot as r } from "@radix-ui/react-slot";
|
|
6
|
+
//#region src/Badge/index.tsx
|
|
7
|
+
var i = n(), a = e("inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]", {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
green: "bg-green-100 text-green-800",
|
|
11
|
+
orange: "bg-orange-100 text-orange-800",
|
|
12
|
+
red: "bg-red-100 text-red-800",
|
|
13
|
+
gray: "bg-gray-300 text-gray-800",
|
|
14
|
+
purple: "bg-purple-100 text-purple-800",
|
|
15
|
+
robinblue: "bg-robinblue-100 text-robinblue-800"
|
|
16
|
+
},
|
|
17
|
+
border: {
|
|
18
|
+
outline: "border",
|
|
19
|
+
none: "border-0"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
compoundVariants: [
|
|
23
|
+
{
|
|
24
|
+
border: "outline",
|
|
25
|
+
variant: "green",
|
|
26
|
+
className: "border-green-300"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
border: "outline",
|
|
30
|
+
variant: "orange",
|
|
31
|
+
className: "border-orange-300"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
border: "outline",
|
|
35
|
+
variant: "red",
|
|
36
|
+
className: "border-red-300"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
border: "outline",
|
|
40
|
+
variant: "gray",
|
|
41
|
+
className: "border-gray-400"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
border: "outline",
|
|
45
|
+
variant: "purple",
|
|
46
|
+
className: "border-purple-300"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
border: "outline",
|
|
50
|
+
variant: "robinblue",
|
|
51
|
+
className: "border-robinblue-300"
|
|
52
|
+
}
|
|
53
|
+
],
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: "gray",
|
|
56
|
+
border: "none"
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
function o({ className: e, variant: n, border: o, asChild: s = !1, ...c }) {
|
|
60
|
+
return /* @__PURE__ */ (0, i.jsx)(s ? r : "span", {
|
|
61
|
+
"data-slot": "badge",
|
|
62
|
+
className: t(a({
|
|
63
|
+
variant: n,
|
|
64
|
+
border: o
|
|
65
|
+
}), e),
|
|
66
|
+
...c
|
|
67
|
+
});
|
|
6
68
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ t.jsx(i, { variant: r, ...n, children: /* @__PURE__ */ t.jsx("div", { className: "flex space-x-8 w-fit", children: e }) });
|
|
13
|
-
}
|
|
14
|
-
function f({
|
|
15
|
-
className: r,
|
|
16
|
-
...e
|
|
17
|
-
}) {
|
|
18
|
-
return /* @__PURE__ */ t.jsx("div", { className: l("flex space-x-8", r), ...e });
|
|
19
|
-
}
|
|
20
|
-
export {
|
|
21
|
-
c as FilterBar,
|
|
22
|
-
f as FilterBarContent,
|
|
23
|
-
x as FilterBarScrollableContent
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=index14.js.map
|
|
69
|
+
//#endregion
|
|
70
|
+
export { o as Badge, a as badgeVariants };
|
|
71
|
+
|
|
72
|
+
//# sourceMappingURL=index14.js.map
|
package/dist/index14.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index14.js","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index14.js","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-full font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-100 text-green-800',\n orange: 'bg-orange-100 text-orange-800',\n red: 'bg-red-100 text-red-800',\n gray: 'bg-gray-300 text-gray-800',\n purple: 'bg-purple-100 text-purple-800',\n robinblue: 'bg-robinblue-100 text-robinblue-800'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'orange',\n className: 'border-orange-300'\n },\n {\n border: 'outline',\n variant: 'red',\n className: 'border-red-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;aASM,IAAgB,EACpB,iJACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,MAAM;GACN,QAAQ;GACR,WAAW;EACb;EACA,QAAQ;GACN,SAAS;GACT,MAAM;EACR;CACF;CACA,kBAAkB;EAChB;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;AACF,CACF;AAKA,SAAS,EAAM,EACb,cACA,YACA,WACA,aAAU,IACV,GAAG,KACU;CAEb,OACE,iBAAA,GAAA,EAAA,KAFW,IAAU,IAAO,QAE5B;EACE,aAAU;EACV,WAAW,EAAG,EAAc;GAAE;GAAS;EAAO,CAAC,GAAG,CAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}
|
package/dist/index15.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
2
|
-
//# sourceMappingURL=index15.cjs.map
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("react-day-picker");var s=n.default;function c({className:e,classNames:n,showOutsideDays:a=!0,captionLayout:c=`label`,formatters:u,components:d,...f}){let p=(0,o.getDefaultClassNames)();return(0,s.jsx)(o.DayPicker,{showOutsideDays:a,className:t.cn(`bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:c,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...u},classNames:{root:t.cn(`w-fit`,p.root),months:t.cn(`flex gap-16 flex-col md:flex-row relative`,p.months),month:t.cn(`flex flex-col w-full gap-16`,p.month),nav:t.cn(`flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between`,p.nav),button_previous:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_previous),button_next:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_next),month_caption:t.cn(`text-md flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,p.month_caption),dropdowns:t.cn(`w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]`,p.dropdowns),dropdown_root:t.cn(`relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded`,p.dropdown_root),dropdown:t.cn(`absolute bg-gray-900/48 inset-0 opacity-0`,p.dropdown),caption_label:t.cn(`select-none`,c===`label`?`text-lg`:`rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]`,p.caption_label),table:`w-full border-collapse`,weekdays:t.cn(`flex rounded overflow-hidden`,p.weekdays),weekday:t.cn(`text-gray-700 bg-gray-900/4 flex-1 font-normal text-[0.8rem] select-none`,p.weekday),week:t.cn(`flex w-full mt-8`,p.week),week_number_header:t.cn(`select-none w-(--cell-size)`,p.week_number_header),week_number:t.cn(`text-[0.8rem] select-none text-gray-900`,p.week_number),day:t.cn(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,p.day),range_start:t.cn(`rounded-l bg-purple-800 text-white`,p.range_start),range_middle:t.cn(`rounded-none`,p.range_middle),range_end:t.cn(`rounded-r bg-purple-800 text-white`,p.range_end),today:t.cn(`shadow-100 rounded aria-selected:shadow-none`,p.today),outside:t.cn(`text-gray-900 aria-selected:text-gray-900`,p.outside),disabled:t.cn(`text-gray-900 opacity-48`,p.disabled),hidden:t.cn(`invisible`,p.hidden),...n},components:{Root:({className:e,rootRef:n,...r})=>(0,s.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...r})=>n===`left`?(0,s.jsx)(i.ChevronLeftIcon,{className:t.cn(`size-16`,e),...r}):n===`right`?(0,s.jsx)(i.ChevronRightIcon,{className:t.cn(`size-16`,e),...r}):(0,s.jsx)(i.ChevronDownIcon,{className:t.cn(`size-16`,e),...r}),DayButton:l,WeekNumber:({children:e,...t})=>(0,s.jsx)(`td`,{...t,children:(0,s.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...d},...f})}function l({className:e,day:n,modifiers:i,...c}){let l=(0,o.getDefaultClassNames)(),u=a.useRef(null);return a.useEffect(()=>{i.focused&&u.current?.focus()},[i.focused]),(0,s.jsx)(r.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":n.date.toLocaleDateString(),"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:t.cn(`data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white`,`data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white`,`data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white`,`flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`[&>span]:text-xs [&>span]:opacity-64`,`rounded-none`,`data-[selected-single=true]:rounded`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded-l`,`data-[range-end=true]:rounded-r`,l.day,e),...c})}exports.Calendar=c;
|
|
2
|
+
//# sourceMappingURL=index15.cjs.map
|
package/dist/index15.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index15.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n 'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n 'file:border-0 file:bg-white file:text-base file:font-semibold',\n 'placeholder:text-gray-400',\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'focus-visible:outline-none focus:shadow-field-active',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":"4IAGA,SAASA,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAAF,EACA,YAAU,QACV,UAAWG,EAAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
|
|
1
|
+
{"version":3,"file":"index15.cjs","names":[],"sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-md flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn(\n 'flex rounded overflow-hidden',\n defaultClassNames.weekdays\n ),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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"}
|
package/dist/index15.js
CHANGED
|
@@ -1,26 +1,106 @@
|
|
|
1
|
-
|
|
2
|
-
import { cn as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./index7.js";
|
|
3
|
+
import { require_jsx_runtime as t } from "./index10.js";
|
|
4
|
+
import { Button as n, buttonVariants as r } from "./index12.js";
|
|
5
|
+
import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
|
|
6
|
+
import * as s from "react";
|
|
7
|
+
import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
|
|
8
|
+
//#region src/Calendar/index.tsx
|
|
9
|
+
var u = t();
|
|
10
|
+
function d({ className: t, classNames: n, showOutsideDays: s = !0, captionLayout: d = "label", formatters: p, components: m, ...h }) {
|
|
11
|
+
let g = l();
|
|
12
|
+
return /* @__PURE__ */ (0, u.jsx)(c, {
|
|
13
|
+
showOutsideDays: s,
|
|
14
|
+
className: e("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
|
|
15
|
+
captionLayout: d,
|
|
16
|
+
formatters: {
|
|
17
|
+
formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
|
|
18
|
+
...p
|
|
19
|
+
},
|
|
20
|
+
classNames: {
|
|
21
|
+
root: e("w-fit", g.root),
|
|
22
|
+
months: e("flex gap-16 flex-col md:flex-row relative", g.months),
|
|
23
|
+
month: e("flex flex-col w-full gap-16", g.month),
|
|
24
|
+
nav: e("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between", g.nav),
|
|
25
|
+
button_previous: e(r({
|
|
26
|
+
variant: "ghost",
|
|
27
|
+
intent: "secondary",
|
|
28
|
+
size: "icon"
|
|
29
|
+
}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_previous),
|
|
30
|
+
button_next: e(r({
|
|
31
|
+
variant: "ghost",
|
|
32
|
+
intent: "secondary",
|
|
33
|
+
size: "icon"
|
|
34
|
+
}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_next),
|
|
35
|
+
month_caption: e("text-md flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", g.month_caption),
|
|
36
|
+
dropdowns: e("w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]", g.dropdowns),
|
|
37
|
+
dropdown_root: e("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded", g.dropdown_root),
|
|
38
|
+
dropdown: e("absolute bg-gray-900/48 inset-0 opacity-0", g.dropdown),
|
|
39
|
+
caption_label: e("select-none", d === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]", g.caption_label),
|
|
40
|
+
table: "w-full border-collapse",
|
|
41
|
+
weekdays: e("flex rounded overflow-hidden", g.weekdays),
|
|
42
|
+
weekday: e("text-gray-700 bg-gray-900/4 flex-1 font-normal text-[0.8rem] select-none", g.weekday),
|
|
43
|
+
week: e("flex w-full mt-8", g.week),
|
|
44
|
+
week_number_header: e("select-none w-(--cell-size)", g.week_number_header),
|
|
45
|
+
week_number: e("text-[0.8rem] select-none text-gray-900", g.week_number),
|
|
46
|
+
day: e("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none", g.day),
|
|
47
|
+
range_start: e("rounded-l bg-purple-800 text-white", g.range_start),
|
|
48
|
+
range_middle: e("rounded-none", g.range_middle),
|
|
49
|
+
range_end: e("rounded-r bg-purple-800 text-white", g.range_end),
|
|
50
|
+
today: e("shadow-100 rounded aria-selected:shadow-none", g.today),
|
|
51
|
+
outside: e("text-gray-900 aria-selected:text-gray-900", g.outside),
|
|
52
|
+
disabled: e("text-gray-900 opacity-48", g.disabled),
|
|
53
|
+
hidden: e("invisible", g.hidden),
|
|
54
|
+
...n
|
|
55
|
+
},
|
|
56
|
+
components: {
|
|
57
|
+
Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ (0, u.jsx)("div", {
|
|
58
|
+
"data-slot": "calendar",
|
|
59
|
+
ref: n,
|
|
60
|
+
className: e(t),
|
|
61
|
+
...r
|
|
62
|
+
}),
|
|
63
|
+
Chevron: ({ className: t, orientation: n, ...r }) => n === "left" ? /* @__PURE__ */ (0, u.jsx)(a, {
|
|
64
|
+
className: e("size-16", t),
|
|
65
|
+
...r
|
|
66
|
+
}) : n === "right" ? /* @__PURE__ */ (0, u.jsx)(o, {
|
|
67
|
+
className: e("size-16", t),
|
|
68
|
+
...r
|
|
69
|
+
}) : /* @__PURE__ */ (0, u.jsx)(i, {
|
|
70
|
+
className: e("size-16", t),
|
|
71
|
+
...r
|
|
72
|
+
}),
|
|
73
|
+
DayButton: f,
|
|
74
|
+
WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ (0, u.jsx)("td", {
|
|
75
|
+
...t,
|
|
76
|
+
children: /* @__PURE__ */ (0, u.jsx)("div", {
|
|
77
|
+
className: "flex size-(--cell-size) items-center justify-center text-center",
|
|
78
|
+
children: e
|
|
79
|
+
})
|
|
80
|
+
}),
|
|
81
|
+
...m
|
|
82
|
+
},
|
|
83
|
+
...h
|
|
84
|
+
});
|
|
22
85
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
86
|
+
function f({ className: t, day: r, modifiers: i, ...a }) {
|
|
87
|
+
let o = l(), c = s.useRef(null);
|
|
88
|
+
return s.useEffect(() => {
|
|
89
|
+
i.focused && c.current?.focus();
|
|
90
|
+
}, [i.focused]), /* @__PURE__ */ (0, u.jsx)(n, {
|
|
91
|
+
ref: c,
|
|
92
|
+
variant: "ghost",
|
|
93
|
+
size: "icon",
|
|
94
|
+
"data-day": r.date.toLocaleDateString(),
|
|
95
|
+
"data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
|
|
96
|
+
"data-range-start": i.range_start,
|
|
97
|
+
"data-range-end": i.range_end,
|
|
98
|
+
"data-range-middle": i.range_middle,
|
|
99
|
+
className: e("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white", "data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white", "data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white", "data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white", "flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative", "group-data-[focused=true]/day:z-10", "[&>span]:text-xs [&>span]:opacity-64", "rounded-none", "data-[selected-single=true]:rounded", "data-[range-middle=true]:rounded-none", "data-[range-start=true]:rounded-l", "data-[range-end=true]:rounded-r", o.day, t),
|
|
100
|
+
...a
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
//#endregion
|
|
104
|
+
export { d as Calendar };
|
|
105
|
+
|
|
106
|
+
//# sourceMappingURL=index15.js.map
|