@agent-native/toolkit 0.8.1 → 0.8.3
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/ui/calendar.js
CHANGED
|
@@ -6,7 +6,7 @@ import { cn } from "../utils.js";
|
|
|
6
6
|
import { Button, buttonVariants } from "./button.js";
|
|
7
7
|
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
|
|
8
8
|
const defaultClassNames = getDefaultClassNames();
|
|
9
|
-
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:
|
|
9
|
+
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:1.75rem] sm:[--cell-size:1.6rem] [[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`, className), captionLayout: captionLayout, formatters: {
|
|
10
10
|
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
11
11
|
...formatters,
|
|
12
12
|
}, classNames: {
|
|
@@ -14,10 +14,10 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
|
|
|
14
14
|
months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
|
|
15
15
|
month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
|
|
16
16
|
nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
|
|
17
|
-
button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-
|
|
18
|
-
button_next: cn(buttonVariants({ variant: buttonVariant }), "h-
|
|
19
|
-
month_caption: cn("flex h-
|
|
20
|
-
dropdowns: cn("flex h-
|
|
17
|
+
button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
|
|
18
|
+
button_next: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
|
|
19
|
+
month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
|
|
20
|
+
dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
|
|
21
21
|
dropdown_root: cn("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", defaultClassNames.dropdown_root),
|
|
22
22
|
dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
|
|
23
23
|
caption_label: cn("select-none font-medium", captionLayout === "label"
|
|
@@ -27,7 +27,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
|
|
|
27
27
|
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
28
28
|
weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday),
|
|
29
29
|
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
30
|
-
week_number_header: cn("w-
|
|
30
|
+
week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
|
|
31
31
|
week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number),
|
|
32
32
|
day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md", defaultClassNames.day),
|
|
33
33
|
range_start: cn("bg-accent rounded-s-md", defaultClassNames.range_start),
|
|
@@ -53,7 +53,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
|
|
|
53
53
|
},
|
|
54
54
|
DayButton: CalendarDayButton,
|
|
55
55
|
WeekNumber: ({ children, ...props }) => {
|
|
56
|
-
return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-
|
|
56
|
+
return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
|
|
57
57
|
},
|
|
58
58
|
...components,
|
|
59
59
|
}, ...props }));
|
|
@@ -68,7 +68,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
|
|
|
68
68
|
return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
|
|
69
69
|
!modifiers.range_start &&
|
|
70
70
|
!modifiers.range_end &&
|
|
71
|
-
!modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-
|
|
71
|
+
!modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
|
|
72
72
|
}
|
|
73
73
|
export { Calendar, CalendarDayButton };
|
|
74
74
|
//# sourceMappingURL=calendar.js.map
|
package/dist/ui/calendar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/ui/calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,SAAS,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAErD,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAe,GAAG,IAAI,EACtB,aAAa,GAAG,OAAO,EACvB,aAAa,GAAG,OAAO,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EAGT;IACC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,OAAO,CACL,KAAC,SAAS,IACR,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/ui/calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/ui/date-picker.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAA2B,GAC5B,EAAE,eAAe,+
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/ui/date-picker.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAA2B,GAC5B,EAAE,eAAe,+BA4CjB"}
|
package/dist/ui/date-picker.js
CHANGED
|
@@ -10,7 +10,7 @@ export function DatePicker({ value, onChange, className, placeholder = "Pick a d
|
|
|
10
10
|
const [open, setOpen] = useState(false);
|
|
11
11
|
const date = value ? parse(value, "yyyy-MM-dd", new Date()) : undefined;
|
|
12
12
|
const validDate = date && isValid(date) ? date : undefined;
|
|
13
|
-
return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: cn("h-8 justify-start text-start font-normal text-xs gap-2 px-2.5", !validDate && "text-muted-foreground", className), children: [_jsx(IconCalendar, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), validDate ? (format(validDate, "MMM d, yyyy")) : (_jsx("span", { children: placeholder }))] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: validDate, onSelect: (day) => {
|
|
13
|
+
return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: cn("h-8 justify-start text-start font-normal text-xs gap-2 px-2.5", !validDate && "text-muted-foreground", className), children: [_jsx(IconCalendar, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), validDate ? (format(validDate, "MMM d, yyyy")) : (_jsx("span", { children: placeholder }))] }) }), _jsx(PopoverContent, { className: "w-auto max-w-[calc(100vw-2rem)] p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: validDate, onSelect: (day) => {
|
|
14
14
|
if (day) {
|
|
15
15
|
onChange(format(day, "yyyy-MM-dd"));
|
|
16
16
|
setOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/ui/date-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAUvE,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,aAAa,GACX;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACxE,MAAM,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3D,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,CAAC,SAAS,IAAI,uBAAuB,EACrC,SAAS,CACV,aAED,KAAC,YAAY,IAAC,SAAS,EAAC,4CAA4C,GAAG,EACtE,SAAS,CAAC,CAAC,CAAC,CACX,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,yBAAO,WAAW,GAAQ,CAC3B,IACM,GACM,EACjB,KAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/ui/date-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAUvE,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,aAAa,GACX;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACxE,MAAM,SAAS,GAAG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3D,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,CAAC,SAAS,IAAI,uBAAuB,EACrC,SAAS,CACV,aAED,KAAC,YAAY,IAAC,SAAS,EAAC,4CAA4C,GAAG,EACtE,SAAS,CAAC,CAAC,CAAC,CACX,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,yBAAO,WAAW,GAAQ,CAC3B,IACM,GACM,EACjB,KAAC,cAAc,IACb,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAC,OAAO,YAEb,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wBAChB,IAAI,GAAG,EAAE,CAAC;4BACR,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;4BACpC,OAAO,CAAC,KAAK,CAAC,CAAC;wBACjB,CAAC;oBACH,CAAC,EACD,YAAY,EAAE,SAAS,EACvB,SAAS,SACT,GACa,IACT,CACX,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/ui/calendar.tsx
CHANGED
|
@@ -27,7 +27,7 @@ function Calendar({
|
|
|
27
27
|
<DayPicker
|
|
28
28
|
showOutsideDays={showOutsideDays}
|
|
29
29
|
className={cn(
|
|
30
|
-
"bg-background group/calendar p-3 [--cell-size:
|
|
30
|
+
"bg-background group/calendar p-3 [--cell-size:1.75rem] sm:[--cell-size:1.6rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
31
31
|
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
32
32
|
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
33
33
|
className,
|
|
@@ -51,20 +51,20 @@ function Calendar({
|
|
|
51
51
|
),
|
|
52
52
|
button_previous: cn(
|
|
53
53
|
buttonVariants({ variant: buttonVariant }),
|
|
54
|
-
"h-
|
|
54
|
+
"h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
|
|
55
55
|
defaultClassNames.button_previous,
|
|
56
56
|
),
|
|
57
57
|
button_next: cn(
|
|
58
58
|
buttonVariants({ variant: buttonVariant }),
|
|
59
|
-
"h-
|
|
59
|
+
"h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50",
|
|
60
60
|
defaultClassNames.button_next,
|
|
61
61
|
),
|
|
62
62
|
month_caption: cn(
|
|
63
|
-
"flex h-
|
|
63
|
+
"flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
|
|
64
64
|
defaultClassNames.month_caption,
|
|
65
65
|
),
|
|
66
66
|
dropdowns: cn(
|
|
67
|
-
"flex h-
|
|
67
|
+
"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
68
68
|
defaultClassNames.dropdowns,
|
|
69
69
|
),
|
|
70
70
|
dropdown_root: cn(
|
|
@@ -90,7 +90,7 @@ function Calendar({
|
|
|
90
90
|
),
|
|
91
91
|
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
92
92
|
week_number_header: cn(
|
|
93
|
-
"w-
|
|
93
|
+
"w-(--cell-size) select-none",
|
|
94
94
|
defaultClassNames.week_number_header,
|
|
95
95
|
),
|
|
96
96
|
week_number: cn(
|
|
@@ -160,7 +160,7 @@ function Calendar({
|
|
|
160
160
|
WeekNumber: ({ children, ...props }) => {
|
|
161
161
|
return (
|
|
162
162
|
<td {...props}>
|
|
163
|
-
<div className="flex size-
|
|
163
|
+
<div className="flex size-(--cell-size) items-center justify-center text-center">
|
|
164
164
|
{children}
|
|
165
165
|
</div>
|
|
166
166
|
</td>
|
|
@@ -202,7 +202,7 @@ function CalendarDayButton({
|
|
|
202
202
|
data-range-end={modifiers.range_end}
|
|
203
203
|
data-range-middle={modifiers.range_middle}
|
|
204
204
|
className={cn(
|
|
205
|
-
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-
|
|
205
|
+
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
206
206
|
defaultClassNames.day,
|
|
207
207
|
className,
|
|
208
208
|
)}
|
package/src/ui/date-picker.tsx
CHANGED
|
@@ -45,7 +45,10 @@ export function DatePicker({
|
|
|
45
45
|
)}
|
|
46
46
|
</Button>
|
|
47
47
|
</PopoverTrigger>
|
|
48
|
-
<PopoverContent
|
|
48
|
+
<PopoverContent
|
|
49
|
+
className="w-auto max-w-[calc(100vw-2rem)] p-0"
|
|
50
|
+
align="start"
|
|
51
|
+
>
|
|
49
52
|
<Calendar
|
|
50
53
|
mode="single"
|
|
51
54
|
selected={validDate}
|