tokka-ui 0.2.0 → 0.2.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.
Files changed (10) hide show
  1. package/dist/button.d.ts +1 -1
  2. package/dist/calendar.js +1 -1
  3. package/dist/chunk-HHN2GS4U.js +72 -0
  4. package/dist/command.d.ts +13 -13
  5. package/dist/date-picker.js +1 -1
  6. package/dist/resizable.d.ts +1 -1
  7. package/dist/sheet.d.ts +1 -1
  8. package/package.json +3 -3
  9. package/src/calendar.tsx +25 -19
  10. package/dist/chunk-A4HW2TQU.js +0 -66
package/dist/button.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
6
+ variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
7
7
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
package/dist/calendar.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Calendar
3
- } from "./chunk-A4HW2TQU.js";
3
+ } from "./chunk-HHN2GS4U.js";
4
4
  import "./chunk-DVPPDIDA.js";
5
5
  import "./chunk-RQHJBTEU.js";
6
6
  export {
package/dist/chunk-HHN2GS4U.js ADDED
@@ -0,0 +1,72 @@
1
+ import {
2
+ buttonVariants
3
+ } from "./chunk-DVPPDIDA.js";
4
+ import {
5
+ cn
6
+ } from "./chunk-RQHJBTEU.js";
7
+
8
+ // src/calendar.tsx
9
+ import "react";
10
+ import { DayPicker } from "react-day-picker";
11
+ import { ChevronLeft, ChevronRight } from "lucide-react";
12
+ import { jsx } from "react/jsx-runtime";
13
+ function Calendar({
14
+ className,
15
+ classNames,
16
+ showOutsideDays = true,
17
+ ...props
18
+ }) {
19
+ return /* @__PURE__ */ jsx(
20
+ DayPicker,
21
+ {
22
+ showOutsideDays,
23
+ className: cn("p-3", className),
24
+ classNames: {
25
+ months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
26
+ month: "space-y-4",
27
+ caption: "flex justify-center pt-1 relative items-center",
28
+ caption_label: "text-sm font-medium",
29
+ nav: "space-x-1 flex items-center",
30
+ button_previous: cn(
31
+ buttonVariants({ variant: "outline" }),
32
+ "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1"
33
+ ),
34
+ button_next: cn(
35
+ buttonVariants({ variant: "outline" }),
36
+ "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1"
37
+ ),
38
+ month_grid: "w-full border-collapse space-y-1",
39
+ weekdays: "flex",
40
+ weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
41
+ week: "flex w-full mt-2",
42
+ day: "size-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
43
+ day_button: cn(
44
+ buttonVariants({ variant: "ghost" }),
45
+ "size-9 p-0 font-normal aria-selected:opacity-100"
46
+ ),
47
+ range_end: "day-range-end",
48
+ selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
49
+ today: "bg-accent text-accent-foreground",
50
+ outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
51
+ disabled: "text-muted-foreground opacity-50",
52
+ range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
53
+ hidden: "invisible",
54
+ ...classNames
55
+ },
56
+ components: {
57
+ Chevron: (props2) => {
58
+ if (props2.orientation === "left") {
59
+ return /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" });
60
+ }
61
+ return /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" });
62
+ }
63
+ },
64
+ ...props
65
+ }
66
+ );
67
+ }
68
+ Calendar.displayName = "Calendar";
69
+
70
+ export {
71
+ Calendar
72
+ };
package/dist/command.d.ts CHANGED
@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
4
4
 
5
5
  declare const Command: React.ForwardRefExoticComponent<Omit<{
6
6
  children?: React.ReactNode;
7
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
7
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
8
8
  ref?: React.Ref<HTMLDivElement>;
9
9
  } & {
10
10
  asChild?: boolean;
11
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
11
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
12
12
  label?: string;
13
13
  shouldFilter?: boolean;
14
14
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -26,51 +26,51 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
26
26
  ref?: React.Ref<HTMLInputElement>;
27
27
  } & {
28
28
  asChild?: boolean;
29
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
29
+ }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
30
30
  value?: string;
31
31
  onValueChange?: (search: string) => void;
32
32
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
33
33
  declare const CommandList: React.ForwardRefExoticComponent<Omit<{
34
34
  children?: React.ReactNode;
35
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
35
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
36
36
  ref?: React.Ref<HTMLDivElement>;
37
37
  } & {
38
38
  asChild?: boolean;
39
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
39
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
40
40
  label?: string;
41
41
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
42
42
  declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
43
43
  children?: React.ReactNode;
44
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
44
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
45
45
  ref?: React.Ref<HTMLDivElement>;
46
46
  } & {
47
47
  asChild?: boolean;
48
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
48
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
49
49
  declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
50
50
  children?: React.ReactNode;
51
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
51
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
52
52
  ref?: React.Ref<HTMLDivElement>;
53
53
  } & {
54
54
  asChild?: boolean;
55
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
55
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
56
56
  heading?: React.ReactNode;
57
57
  value?: string;
58
58
  forceMount?: boolean;
59
59
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
60
- declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
60
+ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
61
61
  ref?: React.Ref<HTMLDivElement>;
62
62
  } & {
63
63
  asChild?: boolean;
64
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
64
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
65
65
  alwaysRender?: boolean;
66
66
  } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
67
67
  declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
68
68
  children?: React.ReactNode;
69
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
69
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
70
70
  ref?: React.Ref<HTMLDivElement>;
71
71
  } & {
72
72
  asChild?: boolean;
73
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
73
+ }, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
74
74
  disabled?: boolean;
75
75
  onSelect?: (value: string) => void;
76
76
  value?: string;
package/dist/date-picker.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Calendar
3
- } from "./chunk-A4HW2TQU.js";
3
+ } from "./chunk-HHN2GS4U.js";
4
4
  import {
5
5
  Popover,
6
6
  PopoverContent,
package/dist/resizable.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as ResizablePrimitive from 'react-resizable-panels';
4
4
 
5
5
  declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
6
- declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLAnchorElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
6
+ declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLParagraphElement | HTMLHeadingElement | HTMLButtonElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLLinkElement | HTMLDialogElement | HTMLFormElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
7
7
  className?: string | undefined;
8
8
  collapsedSize?: number | undefined;
9
9
  collapsible?: boolean | undefined;
package/dist/sheet.d.ts CHANGED
@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.Dialog
10
10
  declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
11
11
  declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "top" | "right" | "bottom" | "left" | null | undefined;
13
+ side?: "left" | "right" | "top" | "bottom" | null | undefined;
14
14
  } & class_variance_authority_types.ClassProp) | undefined) => string;
15
15
  interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tokka-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "type": "module",
5
5
  "description": "React UI components for tokka with design token support",
6
6
  "keywords": [
@@ -276,13 +276,13 @@
276
276
  "embla-carousel-react": "^8.0.0",
277
277
  "input-otp": "^1.0.0",
278
278
  "lucide-react": "^0.563.0",
279
- "react-day-picker": "^8.0.0",
279
+ "react-day-picker": "^9.0.0",
280
280
  "react-hook-form": "^7.0.0",
281
281
  "react-resizable-panels": "^2.0.0",
282
282
  "recharts": "^2.0.0",
283
283
  "sonner": "^1.0.0",
284
284
  "tailwind-merge": "^2.2.1",
285
- "vaul": "^0.9.0"
285
+ "vaul": "^1.1.1"
286
286
  },
287
287
  "devDependencies": {
288
288
  "@types/react": "^18.2.65",
package/src/calendar.tsx CHANGED
@@ -22,37 +22,43 @@ function Calendar({
22
22
  caption: "flex justify-center pt-1 relative items-center",
23
23
  caption_label: "text-sm font-medium",
24
24
  nav: "space-x-1 flex items-center",
25
- nav_button: cn(
25
+ button_previous: cn(
26
26
  buttonVariants({ variant: "outline" }),
27
- "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
27
+ "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1"
28
28
  ),
29
- nav_button_previous: "absolute left-1",
30
- nav_button_next: "absolute right-1",
31
- table: "w-full border-collapse space-y-1",
32
- head_row: "flex",
33
- head_cell:
29
+ button_next: cn(
30
+ buttonVariants({ variant: "outline" }),
31
+ "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1"
32
+ ),
33
+ month_grid: "w-full border-collapse space-y-1",
34
+ weekdays: "flex",
35
+ weekday:
34
36
  "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
35
- row: "flex w-full mt-2",
36
- cell: "size-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
37
- day: cn(
37
+ week: "flex w-full mt-2",
38
+ day: "size-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
39
+ day_button: cn(
38
40
  buttonVariants({ variant: "ghost" }),
39
41
  "size-9 p-0 font-normal aria-selected:opacity-100"
40
42
  ),
41
- day_range_end: "day-range-end",
42
- day_selected:
43
+ range_end: "day-range-end",
44
+ selected:
43
45
  "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
44
- day_today: "bg-accent text-accent-foreground",
45
- day_outside:
46
+ today: "bg-accent text-accent-foreground",
47
+ outside:
46
48
  "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
47
- day_disabled: "text-muted-foreground opacity-50",
48
- day_range_middle:
49
+ disabled: "text-muted-foreground opacity-50",
50
+ range_middle:
49
51
  "aria-selected:bg-accent aria-selected:text-accent-foreground",
50
- day_hidden: "invisible",
52
+ hidden: "invisible",
51
53
  ...classNames,
52
54
  }}
53
55
  components={{
54
- IconLeft: () => <ChevronLeft className="size-4" />,
55
- IconRight: () => <ChevronRight className="size-4" />,
56
+ Chevron: (props) => {
57
+ if (props.orientation === "left") {
58
+ return <ChevronLeft className="size-4" />
59
+ }
60
+ return <ChevronRight className="size-4" />
61
+ },
56
62
  }}
57
63
  {...props}
58
64
  />
package/dist/chunk-A4HW2TQU.js DELETED
@@ -1,66 +0,0 @@
1
- import {
2
- buttonVariants
3
- } from "./chunk-DVPPDIDA.js";
4
- import {
5
- cn
6
- } from "./chunk-RQHJBTEU.js";
7
-
8
- // src/calendar.tsx
9
- import "react";
10
- import { DayPicker } from "react-day-picker";
11
- import { ChevronLeft, ChevronRight } from "lucide-react";
12
- import { jsx } from "react/jsx-runtime";
13
- function Calendar({
14
- className,
15
- classNames,
16
- showOutsideDays = true,
17
- ...props
18
- }) {
19
- return /* @__PURE__ */ jsx(
20
- DayPicker,
21
- {
22
- showOutsideDays,
23
- className: cn("p-3", className),
24
- classNames: {
25
- months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
26
- month: "space-y-4",
27
- caption: "flex justify-center pt-1 relative items-center",
28
- caption_label: "text-sm font-medium",
29
- nav: "space-x-1 flex items-center",
30
- nav_button: cn(
31
- buttonVariants({ variant: "outline" }),
32
- "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
33
- ),
34
- nav_button_previous: "absolute left-1",
35
- nav_button_next: "absolute right-1",
36
- table: "w-full border-collapse space-y-1",
37
- head_row: "flex",
38
- head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
39
- row: "flex w-full mt-2",
40
- cell: "size-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
41
- day: cn(
42
- buttonVariants({ variant: "ghost" }),
43
- "size-9 p-0 font-normal aria-selected:opacity-100"
44
- ),
45
- day_range_end: "day-range-end",
46
- day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
47
- day_today: "bg-accent text-accent-foreground",
48
- day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
49
- day_disabled: "text-muted-foreground opacity-50",
50
- day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
51
- day_hidden: "invisible",
52
- ...classNames
53
- },
54
- components: {
55
- IconLeft: () => /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
56
- IconRight: () => /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
57
- },
58
- ...props
59
- }
60
- );
61
- }
62
- Calendar.displayName = "Calendar";
63
-
64
- export {
65
- Calendar
66
- };