@incognia/cosmik 1.0.11 → 1.1.1
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/Tabs/index.d.ts +5 -1
- package/dist/Tabs/index.d.ts.map +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 +70 -193
- package/dist/index10.js.map +1 -1
- package/dist/index11.cjs +2 -2
- package/dist/index11.cjs.map +1 -1
- package/dist/index11.js +97 -139
- package/dist/index11.js.map +1 -1
- package/dist/index12.cjs +2 -2
- package/dist/index12.cjs.map +1 -1
- package/dist/index12.js +57 -229
- package/dist/index12.js.map +1 -1
- package/dist/index13.cjs +2 -2
- package/dist/index13.cjs.map +1 -1
- package/dist/index13.js +22 -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 +89 -25
- package/dist/index14.js.map +1 -1
- package/dist/index15.cjs +2 -2
- package/dist/index15.cjs.map +1 -1
- package/dist/index15.js +89 -26
- package/dist/index15.js.map +1 -1
- package/dist/index16.cjs +2 -2
- package/dist/index16.cjs.map +1 -1
- package/dist/index16.js +125 -23
- package/dist/index16.js.map +1 -1
- package/dist/index17.cjs +2 -2
- package/dist/index17.cjs.map +1 -1
- package/dist/index17.js +37 -60
- package/dist/index17.js.map +1 -1
- package/dist/index18.cjs +2 -2
- package/dist/index18.cjs.map +1 -1
- package/dist/index18.js +75 -22
- package/dist/index18.js.map +1 -1
- package/dist/index19.cjs +2 -2
- package/dist/index19.cjs.map +1 -1
- package/dist/index19.js +68 -108
- package/dist/index19.js.map +1 -1
- package/dist/index2.cjs +1 -0
- package/dist/index20.cjs +2 -2
- package/dist/index20.cjs.map +1 -1
- package/dist/index20.js +28 -45
- package/dist/index20.js.map +1 -1
- package/dist/index21.cjs +2 -2
- package/dist/index21.cjs.map +1 -1
- package/dist/index21.js +15 -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 +16 -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 +51 -186
- package/dist/index23.js.map +1 -1
- package/dist/index24.cjs +2 -2
- package/dist/index24.cjs.map +1 -1
- package/dist/index24.js +9 -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 +24 -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 +68 -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 +22 -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 +29 -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 +89 -127
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +16 -85
- package/dist/index3.js.map +1 -1
- package/dist/index30.cjs +2 -2
- package/dist/index30.cjs.map +1 -1
- package/dist/index30.js +18 -65
- package/dist/index30.js.map +1 -1
- package/dist/index31.cjs +2 -2
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +82 -87
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +2 -2
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +12 -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 +44 -94
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +2 -2
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +20 -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 +66 -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 +59 -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 +73 -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 +15 -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 +86 -15
- package/dist/index39.js.map +1 -1
- package/dist/index4.cjs +2 -2
- package/dist/index4.cjs.map +1 -1
- package/dist/index4.js +34 -159
- package/dist/index4.js.map +1 -1
- package/dist/index40.cjs +2 -2
- package/dist/index40.cjs.map +1 -1
- package/dist/index40.js +51 -119
- package/dist/index40.js.map +1 -1
- package/dist/index41.cjs +2 -2
- package/dist/index41.cjs.map +1 -1
- package/dist/index41.js +48 -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 +84 -11
- package/dist/index42.js.map +1 -1
- package/dist/index43.cjs +2 -2
- package/dist/index43.cjs.map +1 -1
- package/dist/index5.cjs +2 -2
- package/dist/index5.cjs.map +1 -1
- package/dist/index5.js +1586 -79
- package/dist/index5.js.map +1 -1
- package/dist/index6.cjs +2 -2
- package/dist/index6.cjs.map +1 -1
- package/dist/index6.js +15 -164
- package/dist/index6.js.map +1 -1
- package/dist/index7.cjs +2 -2
- package/dist/index7.cjs.map +1 -1
- package/dist/index7.js +60 -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 +156 -90
- package/dist/index8.js.map +1 -1
- package/dist/index9.cjs +2 -2
- package/dist/index9.cjs.map +1 -1
- package/dist/index9.js +92 -40
- package/dist/index9.js.map +1 -1
- 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/index43.js +0 -5
- package/dist/index43.js.map +0 -1
- package/dist/index44.cjs +0 -2
- package/dist/index44.cjs.map +0 -1
- package/dist/index44.js +0 -27
- package/dist/index44.js.map +0 -1
- package/dist/index45.cjs +0 -7
- package/dist/index45.cjs.map +0 -1
- package/dist/index45.js +0 -239
- package/dist/index45.js.map +0 -1
- package/dist/index46.cjs +0 -2
- package/dist/index46.cjs.map +0 -1
- package/dist/index46.js +0 -17
- package/dist/index46.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/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
package/dist/index11.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index11.cjs.map
|
|
1
|
+
const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot");var o=t.cva(`inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]`,{variants:{variant:{green:`bg-green-200/72 text-green-900/88`,yellow:`bg-yellow-200/72 text-yellow-900/88`,magenta:`bg-magenta-200/56 text-magenta-900/88`,gray:`bg-gray-300/80 text-gray-900/88`,purple:`bg-purple-200/64 text-purple-900/88`,robinblue:`bg-robinblue-200/64 text-robinblue-800/88`},border:{outline:`border`,none:`border-0`}},compoundVariants:[{border:`outline`,variant:`green`,className:`border-green-300`},{border:`outline`,variant:`yellow`,className:`border-yellow-300`},{border:`outline`,variant:`magenta`,className:`border-magenta-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 s({className:e,variant:t,border:r,asChild:s=!1,...c}){return(0,i.jsx)(s?a.Slot:`span`,{"data-slot":`badge`,className:n.cn(o({variant:t,border:r}),e),...c})}exports.Badge=s,exports.badgeVariants=o;
|
|
2
|
+
//# sourceMappingURL=index11.cjs.map
|
package/dist/index11.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index11.cjs","sources":["../src/
|
|
1
|
+
{"version":3,"file":"index11.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-[16px] 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-200/72 text-green-900/88',\n yellow: 'bg-yellow-200/72 text-yellow-900/88',\n magenta: 'bg-magenta-200/56 text-magenta-900/88',\n gray: 'bg-gray-300/80 text-gray-900/88',\n purple: 'bg-purple-200/64 text-purple-900/88',\n robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\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: 'yellow',\n className: 'border-yellow-300'\n },\n {\n border: 'outline',\n variant: 'magenta',\n className: 'border-magenta-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":"iMASA,IAAM,EAAgB,EAAA,IACpB,kJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,oCACP,OAAQ,sCACR,QAAS,wCACT,KAAM,kCACN,OAAQ,sCACR,UAAW,2CACb,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,UACT,UAAW,oBACb,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/index11.js
CHANGED
|
@@ -1,141 +1,99 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "./index6.js";
|
|
3
|
+
import { Button as t, buttonVariants as n } from "./index8.js";
|
|
4
|
+
import { ChevronDownIcon as r, ChevronLeftIcon as i, ChevronRightIcon as a } from "lucide-react";
|
|
5
|
+
import * as o from "react";
|
|
6
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
7
|
+
import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
|
|
8
|
+
//#region src/Calendar/index.tsx
|
|
9
|
+
function u({ className: t, classNames: o, showOutsideDays: u = !0, captionLayout: f = "label", formatters: p, components: m, ...h }) {
|
|
10
|
+
let g = l();
|
|
11
|
+
return /* @__PURE__ */ s(c, {
|
|
12
|
+
showOutsideDays: u,
|
|
13
|
+
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),
|
|
14
|
+
captionLayout: f,
|
|
15
|
+
formatters: {
|
|
16
|
+
formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
|
|
17
|
+
...p
|
|
18
|
+
},
|
|
19
|
+
classNames: {
|
|
20
|
+
root: e("w-fit", g.root),
|
|
21
|
+
months: e("flex gap-16 flex-col md:flex-row relative", g.months),
|
|
22
|
+
month: e("flex flex-col w-full gap-16", g.month),
|
|
23
|
+
nav: e("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between", g.nav),
|
|
24
|
+
button_previous: e(n({
|
|
25
|
+
variant: "ghost",
|
|
26
|
+
intent: "secondary",
|
|
27
|
+
size: "icon"
|
|
28
|
+
}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_previous),
|
|
29
|
+
button_next: e(n({
|
|
30
|
+
variant: "ghost",
|
|
31
|
+
intent: "secondary",
|
|
32
|
+
size: "icon"
|
|
33
|
+
}), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_next),
|
|
34
|
+
month_caption: e("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", g.month_caption),
|
|
35
|
+
dropdowns: e("w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]", g.dropdowns),
|
|
36
|
+
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),
|
|
37
|
+
dropdown: e("absolute bg-gray-900/48 inset-0 opacity-0", g.dropdown),
|
|
38
|
+
caption_label: e("select-none", f === "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),
|
|
39
|
+
table: "w-full border-collapse",
|
|
40
|
+
weekdays: e("flex", g.weekdays),
|
|
41
|
+
weekday: e("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none", g.weekday),
|
|
42
|
+
week: e("flex w-full mt-8", g.week),
|
|
43
|
+
week_number_header: e("select-none w-(--cell-size)", g.week_number_header),
|
|
44
|
+
week_number: e("text-[0.8rem] select-none text-gray-900", g.week_number),
|
|
45
|
+
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),
|
|
46
|
+
range_start: e("rounded-l bg-purple-800 text-white", g.range_start),
|
|
47
|
+
range_middle: e("rounded-none", g.range_middle),
|
|
48
|
+
range_end: e("rounded-r bg-purple-800 text-white", g.range_end),
|
|
49
|
+
today: e("shadow-100 rounded aria-selected:shadow-none", g.today),
|
|
50
|
+
outside: e("text-gray-900 aria-selected:text-gray-900", g.outside),
|
|
51
|
+
disabled: e("text-gray-900 opacity-48", g.disabled),
|
|
52
|
+
hidden: e("invisible", g.hidden),
|
|
53
|
+
...o
|
|
54
|
+
},
|
|
55
|
+
components: {
|
|
56
|
+
Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
|
|
57
|
+
"data-slot": "calendar",
|
|
58
|
+
ref: n,
|
|
59
|
+
className: e(t),
|
|
60
|
+
...r
|
|
61
|
+
}),
|
|
62
|
+
Chevron: ({ className: t, orientation: n, ...o }) => s(n === "left" ? i : n === "right" ? a : r, {
|
|
63
|
+
className: e("size-16", t),
|
|
64
|
+
...o
|
|
65
|
+
}),
|
|
66
|
+
DayButton: d,
|
|
67
|
+
WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
|
|
68
|
+
...t,
|
|
69
|
+
children: /* @__PURE__ */ s("div", {
|
|
70
|
+
className: "flex size-(--cell-size) items-center justify-center text-center",
|
|
71
|
+
children: e
|
|
72
|
+
})
|
|
73
|
+
}),
|
|
74
|
+
...m
|
|
75
|
+
},
|
|
76
|
+
...h
|
|
77
|
+
});
|
|
9
78
|
}
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
79
|
+
function d({ className: n, day: r, modifiers: i, ...a }) {
|
|
80
|
+
let c = l(), u = o.useRef(null);
|
|
81
|
+
return o.useEffect(() => {
|
|
82
|
+
i.focused && u.current?.focus();
|
|
83
|
+
}, [i.focused]), /* @__PURE__ */ s(t, {
|
|
84
|
+
ref: u,
|
|
85
|
+
variant: "ghost",
|
|
86
|
+
size: "icon",
|
|
87
|
+
"data-day": r.date.toLocaleDateString(),
|
|
88
|
+
"data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
|
|
89
|
+
"data-range-start": i.range_start,
|
|
90
|
+
"data-range-end": i.range_end,
|
|
91
|
+
"data-range-middle": i.range_middle,
|
|
92
|
+
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", c.day, n),
|
|
93
|
+
...a
|
|
94
|
+
});
|
|
14
95
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
function u({
|
|
21
|
-
className: t,
|
|
22
|
-
...e
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ a.jsx(
|
|
25
|
-
o.Overlay,
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "dialog-overlay",
|
|
28
|
-
className: s(
|
|
29
|
-
"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 backdrop-blur-sm overflow-y-auto max-h-screen",
|
|
30
|
-
t
|
|
31
|
-
),
|
|
32
|
-
...e
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
}
|
|
36
|
-
function h({
|
|
37
|
-
className: t,
|
|
38
|
-
children: e,
|
|
39
|
-
showCloseButton: r = !0,
|
|
40
|
-
fullscreen: n = !1,
|
|
41
|
-
onInteractOutside: d,
|
|
42
|
-
...g
|
|
43
|
-
}) {
|
|
44
|
-
return /* @__PURE__ */ a.jsx(f, { "data-slot": "dialog-portal", children: /* @__PURE__ */ a.jsx(u, { children: /* @__PURE__ */ a.jsxs(
|
|
45
|
-
o.Content,
|
|
46
|
-
{
|
|
47
|
-
"data-slot": "dialog-content",
|
|
48
|
-
className: s(
|
|
49
|
-
"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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200",
|
|
50
|
-
{
|
|
51
|
-
"grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg": !n,
|
|
52
|
-
"flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0": n
|
|
53
|
-
},
|
|
54
|
-
t
|
|
55
|
-
),
|
|
56
|
-
onInteractOutside: (i) => {
|
|
57
|
-
const { originalEvent: l } = i.detail;
|
|
58
|
-
l.target instanceof Element && l.target.closest(".group.toast") && i.preventDefault(), d?.(i);
|
|
59
|
-
},
|
|
60
|
-
...g,
|
|
61
|
-
children: [
|
|
62
|
-
e,
|
|
63
|
-
r && /* @__PURE__ */ a.jsxs(
|
|
64
|
-
o.Close,
|
|
65
|
-
{
|
|
66
|
-
"data-slot": "dialog-close",
|
|
67
|
-
className: "ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24",
|
|
68
|
-
children: [
|
|
69
|
-
/* @__PURE__ */ a.jsx(c, {}),
|
|
70
|
-
/* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
]
|
|
75
|
-
}
|
|
76
|
-
) }) });
|
|
77
|
-
}
|
|
78
|
-
function D({ className: t, ...e }) {
|
|
79
|
-
return /* @__PURE__ */ a.jsx(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
"data-slot": "dialog-header",
|
|
83
|
-
className: s("flex flex-col gap-8", t),
|
|
84
|
-
...e
|
|
85
|
-
}
|
|
86
|
-
);
|
|
87
|
-
}
|
|
88
|
-
function y({ className: t, ...e }) {
|
|
89
|
-
return /* @__PURE__ */ a.jsx(
|
|
90
|
-
"div",
|
|
91
|
-
{
|
|
92
|
-
"data-slot": "dialog-footer",
|
|
93
|
-
className: s(
|
|
94
|
-
"flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end",
|
|
95
|
-
t
|
|
96
|
-
),
|
|
97
|
-
...e
|
|
98
|
-
}
|
|
99
|
-
);
|
|
100
|
-
}
|
|
101
|
-
function b({
|
|
102
|
-
className: t,
|
|
103
|
-
...e
|
|
104
|
-
}) {
|
|
105
|
-
return /* @__PURE__ */ a.jsx(
|
|
106
|
-
o.Title,
|
|
107
|
-
{
|
|
108
|
-
"data-slot": "dialog-title",
|
|
109
|
-
className: s(
|
|
110
|
-
"text-lg leading-none font-semibold text-gray-800",
|
|
111
|
-
t
|
|
112
|
-
),
|
|
113
|
-
...e
|
|
114
|
-
}
|
|
115
|
-
);
|
|
116
|
-
}
|
|
117
|
-
function w({
|
|
118
|
-
className: t,
|
|
119
|
-
...e
|
|
120
|
-
}) {
|
|
121
|
-
return /* @__PURE__ */ a.jsx(
|
|
122
|
-
o.Description,
|
|
123
|
-
{
|
|
124
|
-
"data-slot": "dialog-description",
|
|
125
|
-
className: s("text-gray-900 text-base", t),
|
|
126
|
-
...e
|
|
127
|
-
}
|
|
128
|
-
);
|
|
129
|
-
}
|
|
130
|
-
export {
|
|
131
|
-
j as Dialog,
|
|
132
|
-
h as DialogContent,
|
|
133
|
-
w as DialogDescription,
|
|
134
|
-
y as DialogFooter,
|
|
135
|
-
D as DialogHeader,
|
|
136
|
-
u as DialogOverlay,
|
|
137
|
-
f as DialogPortal,
|
|
138
|
-
b as DialogTitle,
|
|
139
|
-
v as DialogTrigger
|
|
140
|
-
};
|
|
141
|
-
//# sourceMappingURL=index11.js.map
|
|
96
|
+
//#endregion
|
|
97
|
+
export { u as Calendar };
|
|
98
|
+
|
|
99
|
+
//# sourceMappingURL=index11.js.map
|
package/dist/index11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index11.js","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Dialog({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"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 backdrop-blur-sm overflow-y-auto max-h-screen',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent({\n className,\n children,\n showCloseButton = true,\n fullscreen = false,\n onInteractOutside,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean\n fullscreen?: boolean\n}) {\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay>\n <DialogPrimitive.Content\n data-slot=\"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 w-full translate-x-[-50%] gap-16 rounded border p-24 shadow-200 duration-200',\n {\n 'grid top-24 rounded max-w-[calc(100%-2rem)] sm:max-w-lg':\n !fullscreen,\n 'flex flex-col top-0 left-0 right-0 w-full min-h-full max-w-full translate-x-0':\n fullscreen\n },\n className\n )}\n onInteractOutside={e => {\n const { originalEvent } = e.detail\n // Prevent closing the dialog when clicking on a sonner toast\n if (\n originalEvent.target instanceof Element &&\n originalEvent.target.closest('.group.toast')\n ) {\n e.preventDefault()\n }\n onInteractOutside?.(e)\n }}\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className=\"ring-offset-background focus:ring-ring absolute top-8 right-8 rounded opacity-48 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-24\"\n >\n <XIcon />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n 'flex flex-col-reverse gap-8 -mx-8 -mb-8 mt-8 sm:flex-row sm:justify-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\n 'text-lg leading-none font-semibold text-gray-800',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","fullscreen","onInteractOutside","jsxs","e","originalEvent","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index11.js","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-base 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('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded 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/index12.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use
|
|
2
|
-
//# sourceMappingURL=index12.cjs.map
|
|
1
|
+
"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index9.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-day-picker");function s({className:e,classNames:i,showOutsideDays:s=!0,captionLayout:l=`label`,formatters:u,components:d,...f}){let p=(0,o.getDefaultClassNames)();return(0,a.jsx)(o.DayPicker,{showOutsideDays:s,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:l,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(n.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(n.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-base 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`,l===`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`,p.weekdays),weekday:t.cn(`text-gray-700 bg-gray-900/4 rounded 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),...i},components:{Root:({className:e,rootRef:n,...r})=>(0,a.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...i})=>n===`left`?(0,a.jsx)(r.ChevronLeftIcon,{className:t.cn(`size-16`,e),...i}):n===`right`?(0,a.jsx)(r.ChevronRightIcon,{className:t.cn(`size-16`,e),...i}):(0,a.jsx)(r.ChevronDownIcon,{className:t.cn(`size-16`,e),...i}),DayButton:c,WeekNumber:({children:e,...t})=>(0,a.jsx)(`td`,{...t,children:(0,a.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...d},...f})}function c({className:e,day:r,modifiers:s,...c}){let l=(0,o.getDefaultClassNames)(),u=i.useRef(null);return i.useEffect(()=>{s.focused&&u.current?.focus()},[s.focused]),(0,a.jsx)(n.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":r.date.toLocaleDateString(),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.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=s;
|
|
2
|
+
//# sourceMappingURL=index12.cjs.map
|
package/dist/index12.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index12.cjs","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' | 'destructive'\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-8 fill-gray-900\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n 'px-16 py-8 text-base font-semibold data-[inset]:pl-32',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn('bg-gray-900/8 h-px', className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n 'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-16\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n 'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger\n}\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index12.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-base 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('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded 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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"}
|