@dsfrkit/react 0.1.0

package/dist/chunk-5MEHDSPX.mjs

@@ -0,0 +1,137 @@
+import { buttonVariants } from './chunk-AGELEW5Q.mjs';
+import { cn } from './chunk-SZOFVBTZ.mjs';
+import { DayPicker } from 'react-day-picker';
+import { jsx } from 'react/jsx-runtime';
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("relative p-3 w-fit", className),
+      classNames: {
+        root: "",
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-2",
+        month_caption: "flex justify-center items-center h-8 mb-2",
+        caption_label: "flex items-center gap-1 text-sm font-bold text-foreground-title rdp-caption_label",
+        nav: "flex items-center justify-between absolute inset-x-0 top-0 z-10 h-8 px-1",
+        button_previous: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "text-foreground-muted w-9 font-normal text-[0.8rem] text-center",
+        week: "flex w-full mt-1",
+        day: cn(
+          "h-9 w-9 p-0 text-center text-sm relative group",
+          "focus-within:relative focus-within:z-20"
+        ),
+        day_button: cn(
+          "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-background-contrast disabled:opacity-50",
+          "bg-transparent hover:bg-background-contrast active:bg-background-contrast/80 text-foreground-title",
+          "h-9 w-9 p-0 font-normal",
+          "aria-selected:opacity-100"
+        ),
+        selected: "bg-primary text-background hover:bg-primary hover:text-background focus:bg-primary focus:text-background",
+        today: "bg-background-contrast rounded-md font-bold text-primary",
+        outside: "text-foreground-muted opacity-50 aria-selected:bg-background-contrast/50 aria-selected:text-foreground-muted aria-selected:opacity-30",
+        disabled: "text-foreground-muted opacity-50",
+        hidden: "invisible",
+        range_middle: "aria-selected:bg-primary/20 aria-selected:text-primary rounded-none",
+        range_end: "rounded-r-md rounded-l-none",
+        range_start: "rounded-l-md rounded-r-none",
+        dropdowns: "flex items-center justify-center gap-2 rdp-dropdowns z-20",
+        dropdown_root: "relative inline-flex items-center gap-1 font-bold text-sm text-foreground-title hover:text-primary [&_select]:absolute [&_select]:inset-0 [&_select]:w-full [&_select]:h-full [&_select]:opacity-0 [&_select]:cursor-pointer [&_select]:z-10",
+        dropdown: "flex items-center",
+        months_dropdown: "",
+        years_dropdown: "",
+        dropdown_icon: "h-4 w-4 opacity-50 shrink-0",
+        ...classNames
+      },
+      components: {
+        Chevron: (chevronProps) => {
+          if (chevronProps.orientation === "left") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "down") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "up") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4",
+              children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+            }
+          );
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+export { Calendar };

package/dist/chunk-5OYV672H.mjs

@@ -0,0 +1,122 @@
+import { ThemeArtworkLight, ThemeArtworkDark, ThemeArtworkSystem } from './chunk-4LVHKND5.mjs';
+import { RadioGroup, RadioGroupItem } from './chunk-DN67LFQR.mjs';
+import { Modal, ModalTrigger, ModalContent, ModalHeader, ModalTitle, ModalDescription } from './chunk-QKZKXMDP.mjs';
+import { Button } from './chunk-ARTXTVIX.mjs';
+import { useTheme } from './chunk-Y4M4BHVP.mjs';
+import { cn } from './chunk-SZOFVBTZ.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ThemeToggle({
+  size = "md",
+  iconOnly = false,
+  withBorder = false,
+  className,
+  variant = "ghost",
+  ...props
+}) {
+  const { theme, setTheme } = useTheme();
+  const [open, setOpen] = React.useState(false);
+  const currentTheme = theme ?? "system";
+  const triggerIcon = /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "24",
+      height: "24",
+      "aria-hidden": "true",
+      className: "fill-current w-[1em] h-[1em]",
+      children: /* @__PURE__ */ jsx("path", { d: "M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 2a4 4 0 0 0-.2 7.995L12 16V8Zm-8 3v2H1v-2h3Zm19 0v2h-3v-2h3ZM4.929 3.515 7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z" })
+    }
+  );
+  const triggerLabel = "Param\xE8tres d'affichage";
+  return /* @__PURE__ */ jsxs(Modal, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(ModalTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant,
+        size,
+        className: cn(withBorder && "border border-border", className),
+        "aria-label": iconOnly ? triggerLabel : void 0,
+        icon: triggerIcon,
+        ...props,
+        children: !iconOnly && triggerLabel
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(ModalContent, { className: "sm:max-w-[480px]", children: [
+      /* @__PURE__ */ jsxs(ModalHeader, { className: "border-b-0 pb-0", children: [
+        /* @__PURE__ */ jsx(ModalTitle, { children: "Param\xE8tres d'affichage" }),
+        /* @__PURE__ */ jsx(ModalDescription, { children: "Choisissez un th\xE8me pour personnaliser l'apparence du site." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "py-6 px-2", children: /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: currentTheme,
+          onValueChange: (val) => {
+            setTheme(val);
+          },
+          className: "flex flex-col gap-6 justify-center",
+          children: [
+            /* @__PURE__ */ jsx(
+              ThemeOption,
+              {
+                value: "light",
+                label: "Th\xE8me clair",
+                Artwork: ThemeArtworkLight,
+                autoFocus: currentTheme === "light"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ThemeOption,
+              {
+                value: "dark",
+                label: "Th\xE8me sombre",
+                Artwork: ThemeArtworkDark,
+                autoFocus: currentTheme === "dark"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ThemeOption,
+              {
+                value: "system",
+                label: "Syst\xE8me",
+                Artwork: ThemeArtworkSystem,
+                hint: "Utilise les param\xE8tres syst\xE8me",
+                autoFocus: currentTheme === "system"
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+function ThemeOption({ value, label, hint, Artwork, autoFocus }) {
+  const id = React.useId();
+  const itemRef = React.useRef(null);
+  React.useEffect(() => {
+    if (autoFocus && itemRef.current) {
+      itemRef.current.focus();
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: "flex flex-row items-center cursor-pointer border border-border hover:bg-muted focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 transition-colors",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 px-6 py-6 border-r border-border flex items-center h-[96px]", children: [
+          /* @__PURE__ */ jsx(RadioGroupItem, { ref: itemRef, value, id, className: "mb-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-3 grid gap-1 leading-none", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: label }),
+            hint && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: hint })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-[124px] h-[96px] shrink-0 flex items-center justify-center bg-background-alt overflow-hidden", children: /* @__PURE__ */ jsx(Artwork, { className: "w-20 h-20", "aria-hidden": "true" }) })
+      ]
+    }
+  );
+}
+
+export { ThemeToggle };

package/dist/chunk-5TQ2XLQH.mjs

@@ -0,0 +1,91 @@
+import { cn } from './chunk-SZOFVBTZ.mjs';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var checkboxVariants = cva(
+  // Base DSFR : border-radius 4px, bordure bleue france
+  "peer shrink-0 rounded border-2 bg-background ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-foreground-inverted transition-colors",
+  {
+    variants: {
+      variant: {
+        // Default : bordure bleue france
+        default: "border-primary data-[state=checked]:bg-primary focus-visible:ring-primary",
+        // Error : bordure rouge
+        error: "border-error data-[state=checked]:bg-error focus-visible:ring-error",
+        // Success : bordure verte
+        success: "border-success data-[state=checked]:bg-success focus-visible:ring-success"
+      },
+      size: {
+        // SM : 16px (1rem)
+        sm: "h-4 w-4",
+        // MD : 24px (1.5rem) - défaut DSFR
+        md: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Checkbox = React.forwardRef(
+  ({ className, variant, size, label, hint, error, id, ...props }, ref) => {
+    const generatedId = React.useId();
+    const checkboxId = id || generatedId;
+    const inputOrGeneratedId = checkboxId;
+    const hintId = `${inputOrGeneratedId}-hint`;
+    const errorId = `${inputOrGeneratedId}-error`;
+    const checkbox = /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        id: checkboxId,
+        className: cn(checkboxVariants({ variant: error ? "error" : variant, size, className })),
+        "aria-invalid": error ? "true" : void 0,
+        "aria-describedby": error ? errorId : hint ? hintId : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: cn(
+              size === "sm" && "h-3 w-3",
+              size === "md" && "h-4 w-4",
+              !size && "h-4 w-4"
+            ),
+            children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ) })
+      }
+    );
+    if (!label && !hint && !error) {
+      return checkbox;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      checkbox,
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-1 leading-none", children: [
+        label && /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: checkboxId,
+            className: "text-sm font-medium text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+            children: label
+          }
+        ),
+        hint && !error && /* @__PURE__ */ jsx("p", { id: hintId, className: "text-sm text-muted-foreground", children: hint }),
+        error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-error font-medium", children: error })
+      ] })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox, checkboxVariants };

package/dist/chunk-5WNMRXFG.mjs

@@ -0,0 +1,137 @@
+import { buttonVariants } from './chunk-AGELEW5Q.mjs';
+import { cn } from './chunk-SZOFVBTZ.mjs';
+import { DayPicker } from 'react-day-picker';
+import { jsx } from 'react/jsx-runtime';
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("relative p-3 w-fit", className),
+      classNames: {
+        root: "",
+        months: "flex flex-col sm:flex-row space-y-2 sm:space-y-0",
+        month: "space-y-2",
+        month_caption: "flex justify-center items-center h-8 mb-2",
+        caption_label: "flex items-center gap-1 text-sm font-bold text-foreground-title rdp-caption_label",
+        nav: "flex items-center justify-between absolute inset-x-0 top-3 z-10 h-8 px-1",
+        button_previous: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "text-foreground-muted w-9 font-normal text-[0.8rem] text-center",
+        week: "flex w-full mt-1",
+        day: cn(
+          "h-9 w-9 p-0 text-center text-sm relative group",
+          "focus-within:relative focus-within:z-20"
+        ),
+        day_button: cn(
+          "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-background-contrast disabled:opacity-50",
+          "bg-transparent hover:bg-background-contrast active:bg-background-contrast/80",
+          "h-9 w-9 p-0 font-normal rounded-md",
+          "aria-selected:bg-primary aria-selected:text-primary-foreground aria-selected:hover:bg-primary-hover aria-selected:active:bg-primary-active aria-selected:font-bold"
+        ),
+        selected: "bg-primary !text-action-high-blue-france hover:bg-primary-hover hover:text-background focus:bg-primary-hover focus:text-background",
+        today: "bg-background-contrast rounded-md font-bold text-action-high-blue-france",
+        outside: "text-foreground-muted opacity-50 aria-selected:bg-background-contrast/50 aria-selected:text-foreground-muted aria-selected:opacity-30",
+        disabled: "text-foreground-muted opacity-50",
+        hidden: "invisible",
+        range_middle: "!bg-primary/10 text-primary-foreground rounded-none hover:!bg-primary/20 aria-selected:!bg-primary/10 aria-selected:text-primary-foreground aria-selected:hover:!bg-primary/20",
+        range_end: "rounded-r-md rounded-l-none",
+        range_start: "rounded-l-md rounded-r-none",
+        dropdowns: "flex items-center justify-center gap-2 rdp-dropdowns z-20",
+        dropdown_root: "relative inline-flex items-center gap-1 font-bold text-sm text-foreground-title hover:text-primary [&_select]:absolute [&_select]:inset-0 [&_select]:w-full [&_select]:h-full [&_select]:opacity-0 [&_select]:cursor-pointer [&_select]:z-10",
+        dropdown: "flex items-center",
+        months_dropdown: "",
+        years_dropdown: "",
+        dropdown_icon: "h-4 w-4 opacity-50 shrink-0",
+        ...classNames
+      },
+      components: {
+        Chevron: (chevronProps) => {
+          if (chevronProps.orientation === "left") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "down") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "up") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4",
+              children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+            }
+          );
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+export { Calendar };

package/dist/chunk-5ZBE6TNA.mjs

@@ -0,0 +1,137 @@
+import { buttonVariants } from './chunk-AGELEW5Q.mjs';
+import { cn } from './chunk-SZOFVBTZ.mjs';
+import { DayPicker } from 'react-day-picker';
+import { jsx } from 'react/jsx-runtime';
+
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("relative p-3 w-fit", className),
+      classNames: {
+        root: "",
+        months: "flex flex-col sm:flex-row space-y-2 sm:space-y-0",
+        month: "space-y-2",
+        month_caption: "flex justify-center items-center h-8 mb-2",
+        caption_label: "flex items-center gap-1 text-sm font-bold text-foreground-title rdp-caption_label",
+        nav: "flex items-center justify-between absolute inset-x-0 top-3 z-10 h-8 px-1",
+        button_previous: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 flex items-center justify-center"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "text-foreground-muted w-9 font-normal text-[0.8rem] text-center",
+        week: "flex w-full mt-1",
+        day: cn(
+          "h-9 w-9 p-0 text-center text-sm relative group",
+          "focus-within:relative focus-within:z-20"
+        ),
+        day_button: cn(
+          "inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-background-contrast disabled:opacity-50",
+          "bg-transparent hover:bg-background-contrast active:bg-background-contrast/80",
+          "h-9 w-9 p-0 font-normal rounded-md",
+          "aria-selected:bg-primary aria-selected:text-primary-foreground aria-selected:hover:bg-primary-hover aria-selected:active:bg-primary-active aria-selected:font-bold"
+        ),
+        selected: "bg-primary text-background hover:bg-primary-hover hover:text-background focus:bg-primary-hover focus:text-background",
+        today: "bg-background-contrast rounded-md font-bold text-primary",
+        outside: "text-foreground-muted opacity-50 aria-selected:bg-background-contrast/50 aria-selected:text-foreground-muted aria-selected:opacity-30",
+        disabled: "text-foreground-muted opacity-50",
+        hidden: "invisible",
+        range_middle: "!bg-primary/10 !text-primary-foreground rounded-none hover:!bg-primary/20 aria-selected:!bg-primary/10 aria-selected:!text-primary-foreground aria-selected:hover:!bg-primary/20",
+        range_end: "rounded-r-md rounded-l-none",
+        range_start: "rounded-l-md rounded-r-none",
+        dropdowns: "flex items-center justify-center gap-2 rdp-dropdowns z-20",
+        dropdown_root: "relative inline-flex items-center gap-1 font-bold text-sm text-foreground-title hover:text-primary [&_select]:absolute [&_select]:inset-0 [&_select]:w-full [&_select]:h-full [&_select]:opacity-0 [&_select]:cursor-pointer [&_select]:z-10",
+        dropdown: "flex items-center",
+        months_dropdown: "",
+        years_dropdown: "",
+        dropdown_icon: "h-4 w-4 opacity-50 shrink-0",
+        ...classNames
+      },
+      components: {
+        Chevron: (chevronProps) => {
+          if (chevronProps.orientation === "left") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "down") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+              }
+            );
+          }
+          if (chevronProps.orientation === "up") {
+            return /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "h-4 w-4",
+                children: /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" })
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4",
+              children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+            }
+          );
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+
+export { Calendar };