@flowselections/core 1.0.8 → 1.0.10

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 (137) hide show
  1. package/dist/auth/useAuth.d.ts +27 -27
  2. package/dist/auth/useAuth.js +72 -72
  3. package/dist/components/instellingen/NotificationSettingsCard.d.ts +1 -1
  4. package/dist/components/instellingen/NotificationSettingsCard.js +63 -63
  5. package/dist/components/layout/BugsDialog.d.ts +6 -6
  6. package/dist/components/layout/BugsDialog.js +148 -148
  7. package/dist/components/layout/Header.d.ts +5 -5
  8. package/dist/components/layout/Header.d.ts.map +1 -1
  9. package/dist/components/layout/Header.js +11 -30
  10. package/dist/components/layout/InstellingenPage.d.ts +4 -4
  11. package/dist/components/layout/InstellingenPage.js +78 -78
  12. package/dist/components/layout/LoginPage.d.ts +5 -5
  13. package/dist/components/layout/LoginPage.js +57 -57
  14. package/dist/components/layout/NotificationBell.d.ts +1 -1
  15. package/dist/components/layout/NotificationBell.js +45 -45
  16. package/dist/components/layout/ResetWachtwoordPage.d.ts +5 -5
  17. package/dist/components/layout/ResetWachtwoordPage.js +51 -51
  18. package/dist/components/layout/Sidebar.d.ts +8 -8
  19. package/dist/components/layout/Sidebar.d.ts.map +1 -1
  20. package/dist/components/layout/Sidebar.js +29 -31
  21. package/dist/components/ui/accordion.d.ts +7 -7
  22. package/dist/components/ui/accordion.js +13 -13
  23. package/dist/components/ui/alert-dialog.d.ts +20 -20
  24. package/dist/components/ui/alert-dialog.js +26 -26
  25. package/dist/components/ui/alert.d.ts +8 -8
  26. package/dist/components/ui/alert.js +22 -22
  27. package/dist/components/ui/aspect-ratio.d.ts +3 -3
  28. package/dist/components/ui/aspect-ratio.js +3 -3
  29. package/dist/components/ui/avatar.d.ts +6 -6
  30. package/dist/components/ui/avatar.js +12 -12
  31. package/dist/components/ui/badge.d.ts +9 -9
  32. package/dist/components/ui/badge.js +20 -20
  33. package/dist/components/ui/breadcrumb.d.ts +19 -19
  34. package/dist/components/ui/breadcrumb.js +23 -23
  35. package/dist/components/ui/button.d.ts +11 -11
  36. package/dist/components/ui/button.js +33 -33
  37. package/dist/components/ui/calendar.d.ts +8 -8
  38. package/dist/components/ui/calendar.js +74 -74
  39. package/dist/components/ui/card.d.ts +8 -8
  40. package/dist/components/ui/card.js +16 -16
  41. package/dist/components/ui/carousel.d.ts +18 -18
  42. package/dist/components/ui/carousel.js +98 -98
  43. package/dist/components/ui/chart.d.ts +62 -62
  44. package/dist/components/ui/chart.js +130 -130
  45. package/dist/components/ui/checkbox.d.ts +4 -4
  46. package/dist/components/ui/checkbox.js +8 -8
  47. package/dist/components/ui/collapsible.d.ts +5 -5
  48. package/dist/components/ui/collapsible.js +6 -6
  49. package/dist/components/ui/command.d.ts +80 -80
  50. package/dist/components/ui/command.js +29 -29
  51. package/dist/components/ui/context-menu.d.ts +27 -27
  52. package/dist/components/ui/context-menu.js +33 -33
  53. package/dist/components/ui/dialog.d.ts +19 -19
  54. package/dist/components/ui/dialog.js +23 -23
  55. package/dist/components/ui/drawer.d.ts +22 -22
  56. package/dist/components/ui/drawer.js +22 -22
  57. package/dist/components/ui/dropdown-menu.d.ts +27 -27
  58. package/dist/components/ui/dropdown-menu.js +36 -36
  59. package/dist/components/ui/form.d.ts +23 -23
  60. package/dist/components/ui/form.js +65 -65
  61. package/dist/components/ui/hover-card.d.ts +6 -6
  62. package/dist/components/ui/hover-card.js +9 -9
  63. package/dist/components/ui/icon-picker.d.ts +14 -14
  64. package/dist/components/ui/icon-picker.js +73 -73
  65. package/dist/components/ui/input-otp.d.ts +34 -34
  66. package/dist/components/ui/input-otp.js +18 -18
  67. package/dist/components/ui/input.d.ts +3 -3
  68. package/dist/components/ui/input.js +8 -8
  69. package/dist/components/ui/label.d.ts +5 -5
  70. package/dist/components/ui/label.js +10 -10
  71. package/dist/components/ui/menubar.d.ts +28 -28
  72. package/dist/components/ui/menubar.js +45 -45
  73. package/dist/components/ui/navigation-menu.d.ts +12 -12
  74. package/dist/components/ui/navigation-menu.js +24 -24
  75. package/dist/components/ui/pagination.d.ts +28 -28
  76. package/dist/components/ui/pagination.js +23 -23
  77. package/dist/components/ui/popover.d.ts +7 -7
  78. package/dist/components/ui/popover.js +10 -10
  79. package/dist/components/ui/progress.d.ts +4 -4
  80. package/dist/components/ui/progress.js +8 -8
  81. package/dist/components/ui/radio-group.d.ts +5 -5
  82. package/dist/components/ui/radio-group.js +14 -14
  83. package/dist/components/ui/resizable.d.ts +7 -7
  84. package/dist/components/ui/resizable.js +8 -8
  85. package/dist/components/ui/scroll-area.d.ts +5 -5
  86. package/dist/components/ui/scroll-area.js +11 -11
  87. package/dist/components/ui/select.d.ts +13 -13
  88. package/dist/components/ui/select.js +27 -27
  89. package/dist/components/ui/separator.d.ts +4 -4
  90. package/dist/components/ui/separator.js +7 -7
  91. package/dist/components/ui/sheet.d.ts +25 -25
  92. package/dist/components/ui/sheet.js +37 -37
  93. package/dist/components/ui/sidebar.d.ts +65 -65
  94. package/dist/components/ui/sidebar.js +224 -224
  95. package/dist/components/ui/skeleton.d.ts +2 -2
  96. package/dist/components/ui/skeleton.js +6 -6
  97. package/dist/components/ui/slider.d.ts +4 -4
  98. package/dist/components/ui/slider.js +7 -7
  99. package/dist/components/ui/sonner.d.ts +4 -4
  100. package/dist/components/ui/sonner.js +13 -13
  101. package/dist/components/ui/switch.d.ts +4 -4
  102. package/dist/components/ui/switch.js +7 -7
  103. package/dist/components/ui/table.d.ts +10 -10
  104. package/dist/components/ui/table.js +20 -20
  105. package/dist/components/ui/tabs.d.ts +7 -7
  106. package/dist/components/ui/tabs.js +12 -12
  107. package/dist/components/ui/textarea.d.ts +3 -3
  108. package/dist/components/ui/textarea.js +8 -8
  109. package/dist/components/ui/toggle-group.d.ts +12 -12
  110. package/dist/components/ui/toggle-group.js +21 -21
  111. package/dist/components/ui/toggle.d.ts +12 -12
  112. package/dist/components/ui/toggle.js +25 -25
  113. package/dist/components/ui/tooltip.d.ts +7 -7
  114. package/dist/components/ui/tooltip.js +11 -11
  115. package/dist/hooks/use-mobile.d.ts +1 -1
  116. package/dist/hooks/use-mobile.js +15 -15
  117. package/dist/hooks/useHuisstijl.d.ts +2 -0
  118. package/dist/hooks/useHuisstijl.d.ts.map +1 -0
  119. package/dist/hooks/useHuisstijl.js +22 -0
  120. package/dist/index.d.ts +32 -31
  121. package/dist/index.d.ts.map +1 -1
  122. package/dist/index.js +34 -33
  123. package/dist/lib/utils.d.ts +2 -2
  124. package/dist/lib/utils.js +5 -5
  125. package/dist/lib/validationSchemas.d.ts +14 -14
  126. package/dist/lib/validationSchemas.js +25 -25
  127. package/dist/supabase/auth-middleware.d.ts +638 -638
  128. package/dist/supabase/auth-middleware.js +52 -52
  129. package/dist/supabase/client.d.ts +634 -634
  130. package/dist/supabase/client.js +13 -13
  131. package/dist/supabase/client.server.d.ts +634 -634
  132. package/dist/supabase/client.server.js +30 -30
  133. package/dist/supabase/types.d.ts +716 -716
  134. package/dist/supabase/types.js +7 -7
  135. package/dist/types/module.d.ts +19 -19
  136. package/dist/types/module.js +1 -1
  137. package/package.json +1 -1
@@ -1,9 +1,9 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
4
- variant?: "default" | "destructive" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
6
- declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
7
- declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
8
- export { Alert, AlertTitle, AlertDescription };
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
4
+ variant?: "default" | "destructive" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
6
+ declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
7
+ declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
8
+ export { Alert, AlertTitle, AlertDescription };
9
9
  //# sourceMappingURL=alert.d.ts.map
@@ -1,22 +1,22 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { cva } from "class-variance-authority";
4
- import { cn } from "../../lib/utils";
5
- const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
6
- variants: {
7
- variant: {
8
- default: "bg-background text-foreground",
9
- destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
10
- },
11
- },
12
- defaultVariants: {
13
- variant: "default",
14
- },
15
- });
16
- const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
17
- Alert.displayName = "Alert";
18
- const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
19
- AlertTitle.displayName = "AlertTitle";
20
- const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
21
- AlertDescription.displayName = "AlertDescription";
22
- export { Alert, AlertTitle, AlertDescription };
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cva } from "class-variance-authority";
4
+ import { cn } from "../../lib/utils";
5
+ const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
6
+ variants: {
7
+ variant: {
8
+ default: "bg-background text-foreground",
9
+ destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
10
+ },
11
+ },
12
+ defaultVariants: {
13
+ variant: "default",
14
+ },
15
+ });
16
+ const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
17
+ Alert.displayName = "Alert";
18
+ const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })));
19
+ AlertTitle.displayName = "AlertTitle";
20
+ const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })));
21
+ AlertDescription.displayName = "AlertDescription";
22
+ export { Alert, AlertTitle, AlertDescription };
@@ -1,4 +1,4 @@
1
- import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
- declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
3
- export { AspectRatio };
1
+ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
+ declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
3
+ export { AspectRatio };
4
4
  //# sourceMappingURL=aspect-ratio.d.ts.map
@@ -1,3 +1,3 @@
1
- import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
- const AspectRatio = AspectRatioPrimitive.Root;
3
- export { AspectRatio };
1
+ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
+ const AspectRatio = AspectRatioPrimitive.Root;
3
+ export { AspectRatio };
@@ -1,7 +1,7 @@
1
- import * as React from "react";
2
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
- declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
4
- declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
5
- declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
6
- export { Avatar, AvatarImage, AvatarFallback };
1
+ import * as React from "react";
2
+ import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
+ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
4
+ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
5
+ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
6
+ export { Avatar, AvatarImage, AvatarFallback };
7
7
  //# sourceMappingURL=avatar.d.ts.map
@@ -1,12 +1,12 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import * as React from "react";
4
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
5
- import { cn } from "../../lib/utils";
6
- const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
7
- Avatar.displayName = AvatarPrimitive.Root.displayName;
8
- const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn("aspect-square h-full w-full", className), ...props })));
9
- AvatarImage.displayName = AvatarPrimitive.Image.displayName;
10
- const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className), ...props })));
11
- AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
12
- export { Avatar, AvatarImage, AvatarFallback };
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import * as AvatarPrimitive from "@radix-ui/react-avatar";
5
+ import { cn } from "../../lib/utils";
6
+ const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Root, { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
7
+ Avatar.displayName = AvatarPrimitive.Root.displayName;
8
+ const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Image, { ref: ref, className: cn("aspect-square h-full w-full", className), ...props })));
9
+ AvatarImage.displayName = AvatarPrimitive.Image.displayName;
10
+ const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx(AvatarPrimitive.Fallback, { ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className), ...props })));
11
+ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
12
+ export { Avatar, AvatarImage, AvatarFallback };
@@ -1,10 +1,10 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const badgeVariants: (props?: ({
4
- variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
- export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
- }
8
- declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
9
- export { Badge, badgeVariants };
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const badgeVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
+ }
8
+ declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
9
+ export { Badge, badgeVariants };
10
10
  //# sourceMappingURL=badge.d.ts.map
@@ -1,20 +1,20 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { cva } from "class-variance-authority";
3
- import { cn } from "../../lib/utils";
4
- const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
5
- variants: {
6
- variant: {
7
- default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
8
- secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
9
- destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
10
- outline: "text-foreground",
11
- },
12
- },
13
- defaultVariants: {
14
- variant: "default",
15
- },
16
- });
17
- function Badge({ className, variant, ...props }) {
18
- return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
19
- }
20
- export { Badge, badgeVariants };
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cva } from "class-variance-authority";
3
+ import { cn } from "../../lib/utils";
4
+ const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
5
+ variants: {
6
+ variant: {
7
+ default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
8
+ secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
9
+ destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
10
+ outline: "text-foreground",
11
+ },
12
+ },
13
+ defaultVariants: {
14
+ variant: "default",
15
+ },
16
+ });
17
+ function Badge({ className, variant, ...props }) {
18
+ return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
19
+ }
20
+ export { Badge, badgeVariants };
@@ -1,20 +1,20 @@
1
- import * as React from "react";
2
- declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
- separator?: React.ReactNode;
4
- } & React.RefAttributes<HTMLElement>>;
5
- declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
6
- declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
7
- declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
8
- asChild?: boolean;
9
- } & React.RefAttributes<HTMLAnchorElement>>;
10
- declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
11
- declare const BreadcrumbSeparator: {
12
- ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
13
- displayName: string;
14
- };
15
- declare const BreadcrumbEllipsis: {
16
- ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
17
- displayName: string;
18
- };
19
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
1
+ import * as React from "react";
2
+ declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
+ separator?: React.ReactNode;
4
+ } & React.RefAttributes<HTMLElement>>;
5
+ declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
6
+ declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
7
+ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
8
+ asChild?: boolean;
9
+ } & React.RefAttributes<HTMLAnchorElement>>;
10
+ declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
11
+ declare const BreadcrumbSeparator: {
12
+ ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
15
+ declare const BreadcrumbEllipsis: {
16
+ ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
17
+ displayName: string;
18
+ };
19
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
20
20
  //# sourceMappingURL=breadcrumb.d.ts.map
@@ -1,23 +1,23 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { Slot } from "@radix-ui/react-slot";
4
- import { ChevronRight, MoreHorizontal } from "lucide-react";
5
- import { cn } from "../../lib/utils";
6
- const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
7
- Breadcrumb.displayName = "Breadcrumb";
8
- const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));
9
- BreadcrumbList.displayName = "BreadcrumbList";
10
- const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("inline-flex items-center gap-1.5", className), ...props })));
11
- BreadcrumbItem.displayName = "BreadcrumbItem";
12
- const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
13
- const Comp = asChild ? Slot : "a";
14
- return (_jsx(Comp, { ref: ref, className: cn("transition-colors hover:text-foreground", className), ...props }));
15
- });
16
- BreadcrumbLink.displayName = "BreadcrumbLink";
17
- const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-normal text-foreground", className), ...props })));
18
- BreadcrumbPage.displayName = "BreadcrumbPage";
19
- const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
20
- BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
21
- const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
22
- BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
23
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { Slot } from "@radix-ui/react-slot";
4
+ import { ChevronRight, MoreHorizontal } from "lucide-react";
5
+ import { cn } from "../../lib/utils";
6
+ const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
7
+ Breadcrumb.displayName = "Breadcrumb";
8
+ const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));
9
+ BreadcrumbList.displayName = "BreadcrumbList";
10
+ const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("inline-flex items-center gap-1.5", className), ...props })));
11
+ BreadcrumbItem.displayName = "BreadcrumbItem";
12
+ const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
13
+ const Comp = asChild ? Slot : "a";
14
+ return (_jsx(Comp, { ref: ref, className: cn("transition-colors hover:text-foreground", className), ...props }));
15
+ });
16
+ BreadcrumbLink.displayName = "BreadcrumbLink";
17
+ const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-normal text-foreground", className), ...props })));
18
+ BreadcrumbPage.displayName = "BreadcrumbPage";
19
+ const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
20
+ BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
21
+ const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
22
+ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
23
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -1,12 +1,12 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const buttonVariants: (props?: ({
4
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
- size?: "icon" | "default" | "sm" | "lg" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
8
- asChild?: boolean;
9
- }
10
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
11
- export { Button, buttonVariants };
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const buttonVariants: (props?: ({
4
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
+ size?: "icon" | "default" | "sm" | "lg" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
8
+ asChild?: boolean;
9
+ }
10
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
11
+ export { Button, buttonVariants };
12
12
  //# sourceMappingURL=button.d.ts.map
@@ -1,33 +1,33 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { Slot } from "@radix-ui/react-slot";
4
- import { cva } from "class-variance-authority";
5
- import { cn } from "../../lib/utils";
6
- const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
7
- variants: {
8
- variant: {
9
- default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
10
- destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
11
- outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
12
- secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
13
- ghost: "hover:bg-accent hover:text-accent-foreground",
14
- link: "text-primary underline-offset-4 hover:underline",
15
- },
16
- size: {
17
- default: "h-9 px-4 py-2",
18
- sm: "h-8 rounded-md px-3 text-xs",
19
- lg: "h-10 rounded-md px-8",
20
- icon: "h-9 w-9",
21
- },
22
- },
23
- defaultVariants: {
24
- variant: "default",
25
- size: "default",
26
- },
27
- });
28
- const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
29
- const Comp = asChild ? Slot : "button";
30
- return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
31
- });
32
- Button.displayName = "Button";
33
- export { Button, buttonVariants };
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { Slot } from "@radix-ui/react-slot";
4
+ import { cva } from "class-variance-authority";
5
+ import { cn } from "../../lib/utils";
6
+ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
7
+ variants: {
8
+ variant: {
9
+ default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
10
+ destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
11
+ outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
12
+ secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
13
+ ghost: "hover:bg-accent hover:text-accent-foreground",
14
+ link: "text-primary underline-offset-4 hover:underline",
15
+ },
16
+ size: {
17
+ default: "h-9 px-4 py-2",
18
+ sm: "h-8 rounded-md px-3 text-xs",
19
+ lg: "h-10 rounded-md px-8",
20
+ icon: "h-9 w-9",
21
+ },
22
+ },
23
+ defaultVariants: {
24
+ variant: "default",
25
+ size: "default",
26
+ },
27
+ });
28
+ const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
29
+ const Comp = asChild ? Slot : "button";
30
+ return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
31
+ });
32
+ Button.displayName = "Button";
33
+ export { Button, buttonVariants };
@@ -1,9 +1,9 @@
1
- import * as React from "react";
2
- import { DayButton, DayPicker } from "react-day-picker";
3
- import { Button } from "./button";
4
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
- buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
- }): import("react/jsx-runtime").JSX.Element;
7
- declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
8
- export { Calendar, CalendarDayButton };
1
+ import * as React from "react";
2
+ import { DayButton, DayPicker } from "react-day-picker";
3
+ import { Button } from "./button";
4
+ declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
5
+ buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
8
+ export { Calendar, CalendarDayButton };
9
9
  //# sourceMappingURL=calendar.d.ts.map
@@ -1,74 +1,74 @@
1
- "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import * as React from "react";
4
- import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
5
- import { DayPicker, getDefaultClassNames } from "react-day-picker";
6
- import { cn } from "../../lib/utils";
7
- import { Button, buttonVariants } from "./button";
8
- function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
9
- const defaultClassNames = getDefaultClassNames();
10
- return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[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: {
11
- formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
12
- ...formatters,
13
- }, classNames: {
14
- root: cn("w-fit", defaultClassNames.root),
15
- months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
16
- month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
17
- nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
18
- button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
19
- button_next: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
20
- month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
21
- dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
22
- 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),
23
- dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
24
- caption_label: cn("select-none font-medium", captionLayout === "label"
25
- ? "text-sm"
26
- : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label),
27
- table: "w-full border-collapse",
28
- weekdays: cn("flex", defaultClassNames.weekdays),
29
- weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday),
30
- week: cn("mt-2 flex w-full", defaultClassNames.week),
31
- week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
32
- week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number),
33
- day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
34
- range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start),
35
- range_middle: cn("rounded-none", defaultClassNames.range_middle),
36
- range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
37
- today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
38
- outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
39
- disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
40
- hidden: cn("invisible", defaultClassNames.hidden),
41
- ...classNames,
42
- }, components: {
43
- Root: ({ className, rootRef, ...props }) => {
44
- return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
45
- },
46
- Chevron: ({ className, orientation, ...props }) => {
47
- if (orientation === "left") {
48
- return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
49
- }
50
- if (orientation === "right") {
51
- return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
52
- }
53
- return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
54
- },
55
- DayButton: CalendarDayButton,
56
- WeekNumber: ({ children, ...props }) => {
57
- return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
58
- },
59
- ...components,
60
- }, ...props }));
61
- }
62
- function CalendarDayButton({ className, day, modifiers, ...props }) {
63
- const defaultClassNames = getDefaultClassNames();
64
- const ref = React.useRef(null);
65
- React.useEffect(() => {
66
- if (modifiers.focused)
67
- ref.current?.focus();
68
- }, [modifiers.focused]);
69
- return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
70
- !modifiers.range_start &&
71
- !modifiers.range_end &&
72
- !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 }));
73
- }
74
- export { Calendar, CalendarDayButton };
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
5
+ import { DayPicker, getDefaultClassNames } from "react-day-picker";
6
+ import { cn } from "../../lib/utils";
7
+ import { Button, buttonVariants } from "./button";
8
+ function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
9
+ const defaultClassNames = getDefaultClassNames();
10
+ return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[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: {
11
+ formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
12
+ ...formatters,
13
+ }, classNames: {
14
+ root: cn("w-fit", defaultClassNames.root),
15
+ months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
16
+ month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
17
+ nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
18
+ button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
19
+ button_next: cn(buttonVariants({ variant: buttonVariant }), "h-(--cell-size) w-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
20
+ month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
21
+ dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
22
+ 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),
23
+ dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
24
+ caption_label: cn("select-none font-medium", captionLayout === "label"
25
+ ? "text-sm"
26
+ : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label),
27
+ table: "w-full border-collapse",
28
+ weekdays: cn("flex", defaultClassNames.weekdays),
29
+ weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday),
30
+ week: cn("mt-2 flex w-full", defaultClassNames.week),
31
+ week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
32
+ week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number),
33
+ day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
34
+ range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start),
35
+ range_middle: cn("rounded-none", defaultClassNames.range_middle),
36
+ range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
37
+ today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
38
+ outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
39
+ disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
40
+ hidden: cn("invisible", defaultClassNames.hidden),
41
+ ...classNames,
42
+ }, components: {
43
+ Root: ({ className, rootRef, ...props }) => {
44
+ return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
45
+ },
46
+ Chevron: ({ className, orientation, ...props }) => {
47
+ if (orientation === "left") {
48
+ return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
49
+ }
50
+ if (orientation === "right") {
51
+ return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
52
+ }
53
+ return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
54
+ },
55
+ DayButton: CalendarDayButton,
56
+ WeekNumber: ({ children, ...props }) => {
57
+ return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
58
+ },
59
+ ...components,
60
+ }, ...props }));
61
+ }
62
+ function CalendarDayButton({ className, day, modifiers, ...props }) {
63
+ const defaultClassNames = getDefaultClassNames();
64
+ const ref = React.useRef(null);
65
+ React.useEffect(() => {
66
+ if (modifiers.focused)
67
+ ref.current?.focus();
68
+ }, [modifiers.focused]);
69
+ return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
70
+ !modifiers.range_start &&
71
+ !modifiers.range_end &&
72
+ !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 }));
73
+ }
74
+ export { Calendar, CalendarDayButton };
@@ -1,9 +1,9 @@
1
- import * as React from "react";
2
- declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
- declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
4
- declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
5
- declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
6
- declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
7
- declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
8
- export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
1
+ import * as React from "react";
2
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
6
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
7
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
8
+ export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
9
9
  //# sourceMappingURL=card.d.ts.map