fina-react-ds 0.0.1 → 1.0.1

package/dist/components/calendar.js

@@ -0,0 +1,206 @@
+var w = Object.defineProperty;
+var n = (f, o) => w(f, "name", { value: o, configurable: !0 });
+import { jsx as c } from "react/jsx-runtime";
+import * as g from "react";
+import { ChevronLeftIcon as h, ChevronRightIcon as y, ChevronDownIcon as _ } from "lucide-react";
+import { getDefaultClassNames as x, DayPicker as v } from "react-day-picker";
+import { cn as e } from "../lib/utils.js";
+import { buttonVariants as p, Button as z } from "./button.js";
+import { fr as k } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/fr.js";
+function q({
+  className: f,
+  classNames: o,
+  showOutsideDays: r = !0,
+  captionLayout: s = "label",
+  buttonVariant: u = "ghost",
+  formatters: i,
+  components: m,
+  ...b
+}) {
+  const t = x();
+  return /* @__PURE__ */ c(
+    v,
+    {
+      locale: k,
+      showOutsideDays: r,
+      className: e(
+        "fc:group/calendar fc:p-3 fc:[--cell-size:--spacing(8)]",
+        String.raw`fc:rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`fc:rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        f
+      ),
+      captionLayout: s,
+      formatters: {
+        formatMonthDropdown: /* @__PURE__ */ n((a) => a.toLocaleString("default", { month: "short" }), "formatMonthDropdown"),
+        ...i
+      },
+      classNames: {
+        root: e("fc:w-fit", t.root),
+        months: e(
+          "fc:flex fc:gap-4 fc:flex-col fc:md:flex-row fc:relative",
+          t.months
+        ),
+        month: e(
+          "fc:flex fc:flex-col fc:w-full fc:gap-4",
+          t.month
+        ),
+        nav: e(
+          "fc:flex fc:items-center fc:gap-1 fc:w-full fc:absolute fc:top-0 fc:inset-x-0 fc:justify-between",
+          t.nav
+        ),
+        button_previous: e(
+          p({
+            variant: u,
+            color: "dark",
+            size: "icon"
+          }),
+          "fc:size-(--cell-size) fc:aria-disabled:opacity-50 fc:p-0 fc:select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          p({
+            variant: u,
+            color: "dark",
+            size: "icon"
+          }),
+          "fc:size-(--cell-size) fc:aria-disabled:opacity-50 fc:p-0 fc:select-none",
+          t.button_next
+        ),
+        month_caption: e(
+          "fc:flex fc:items-center fc:justify-center fc:h-(--cell-size) fc:w-full fc:px-(--cell-size)",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "fc:w-full fc:flex fc:items-center fc:text-sm fc:font-medium fc:justify-center fc:h-(--cell-size) fc:gap-1.5",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "fc:relative fc:has-focus:border-ring fc:border fc:border-input-border fc:shadow-xs fc:has-focus:ring-ring/50 fc:has-focus:ring-[3px] fc:rounded-md",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "fc:absolute fc:bg-popover fc:inset-0 fc:opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "select-none font-medium",
+          s === "label" ? "fc:text-sm" : "fc:rounded-md fc:pl-2 fc:pr-1 fc:flex fc:items-center fc:gap-1 fc:text-sm fc:h-8 fc:[&>svg]:text-muted fc:[&>svg]:size-3.5",
+          t.caption_label
+        ),
+        table: "fc:w-full fc:border-collapse",
+        weekdays: e("fc:flex", t.weekdays),
+        weekday: e(
+          "fc:text-muted fc:rounded-md fc:flex-1 fc:font-normal fc:text-[0.8rem] fc:select-none",
+          t.weekday
+        ),
+        week: e("fc:flex fc:w-full fc:mt-2", t.week),
+        week_number_header: e(
+          "fc:select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "fc:text-[0.8rem] fc:select-none fc:text-muted",
+          t.week_number
+        ),
+        day: e(
+          "fc:relative fc:w-full fc:h-full fc:p-0 fc:text-center fc:[&:first-child[data-selected=true]_button]:rounded-l-md fc:[&:last-child[data-selected=true]_button]:rounded-r-md fc:group/day fc:aspect-square fc:select-none",
+          t.day
+        ),
+        range_start: e(
+          "fc:rounded-l-md fc:bg-accent",
+          t.range_start
+        ),
+        range_middle: e("fc:rounded-none", t.range_middle),
+        range_end: e(
+          "fc:rounded-r-md fc:bg-accent",
+          t.range_end
+        ),
+        today: e(
+          "fc:bg-accent fc:text-accent-foreground fc:rounded-md fc:data-[selected=true]:rounded-none",
+          t.today
+        ),
+        outside: e(
+          "fc:text-muted fc:aria-selected:text-muted",
+          t.outside
+        ),
+        disabled: e(
+          "fc:text-muted fc:opacity-50",
+          t.disabled
+        ),
+        hidden: e("fc:invisible", t.hidden),
+        ...o
+      },
+      components: {
+        Root: /* @__PURE__ */ n(({ className: a, rootRef: d, ...l }) => /* @__PURE__ */ c(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: d,
+            className: e(a),
+            ...l
+          }
+        ), "Root"),
+        Chevron: /* @__PURE__ */ n(({ className: a, orientation: d, ...l }) => d === "left" ? /* @__PURE__ */ c(
+          h,
+          {
+            className: e("fc:size-4", a),
+            ...l
+          }
+        ) : d === "right" ? /* @__PURE__ */ c(
+          y,
+          {
+            className: e("fc:size-4", a),
+            ...l
+          }
+        ) : /* @__PURE__ */ c(
+          _,
+          {
+            className: e("fc:size-4", a),
+            ...l
+          }
+        ), "Chevron"),
+        DayButton: N,
+        WeekNumber: /* @__PURE__ */ n(({ children: a, ...d }) => /* @__PURE__ */ c("td", { ...d, children: /* @__PURE__ */ c("div", { className: "fc:flex fc:size-(--cell-size) fc:items-center fc:justify-center fc:text-center", children: a }) }), "WeekNumber"),
+        ...m
+      },
+      ...b
+    }
+  );
+}
+n(q, "Calendar");
+function N({
+  className: f,
+  day: o,
+  modifiers: r,
+  ...s
+}) {
+  const u = x(), i = g.useRef(null);
+  return g.useEffect(() => {
+    var m;
+    r.focused && ((m = i.current) == null || m.focus());
+  }, [r.focused]), /* @__PURE__ */ c(
+    z,
+    {
+      ref: i,
+      variant: "ghost",
+      size: "icon",
+      color: "dark",
+      "data-day": o.date.toLocaleDateString(),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: e(
+        "fc:data-[selected-single=true]:bg-primary! fc: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 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        u.day,
+        f
+      ),
+      ...s
+    }
+  );
+}
+n(N, "CalendarDayButton");
+export {
+  q as Calendar,
+  N as CalendarDayButton
+};

package/dist/components/card.js

@@ -1,99 +1,99 @@
-var d = Object.defineProperty;
-var a = (t, r) => d(t, "name", { value: r, configurable: !0 });
-import { jsx as o } from "react/jsx-runtime";
-import { cn as e } from "../lib/utils.js";
-function i({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+var e = Object.defineProperty;
+var a = (t, c) => e(t, "name", { value: c, configurable: !0 });
+import { jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../lib/utils.js";
+function s({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card",
-      className: e(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+      className: o(
+        "fc:bg-card fc:text-card-foreground fc:flex fc:flex-col fc:gap-6 fc:rounded-xl fc:border fc:py-6 fc:shadow-sm",
         t
       ),
-      ...r
+      ...c
     }
   );
 }
-a(i, "Card");
-function l({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+a(s, "Card");
+function i({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-header",
-      className: e(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+      className: o(
+        "fc:@container/card-header fc:grid fc:auto-rows-min fc:grid-rows-[auto_auto] fc:items-start fc:gap-1.5 fc:px-6 fc:has-data-[slot=card-action]:grid-cols-[1fr_auto] fc:[.border-b]:pb-6",
         t
       ),
-      ...r
+      ...c
     }
   );
 }
-a(l, "CardHeader");
-function u({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+a(i, "CardHeader");
+function l({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-title",
-      className: e("leading-none font-semibold", t),
-      ...r
+      className: o("fc:leading-none fc:font-semibold", t),
+      ...c
     }
   );
 }
-a(u, "CardTitle");
-function f({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+a(l, "CardTitle");
+function u({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-description",
-      className: e("text-muted-foreground text-sm", t),
-      ...r
+      className: o("fc:text-muted fc:text-sm", t),
+      ...c
     }
   );
 }
-a(f, "CardDescription");
-function m({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+a(u, "CardDescription");
+function m({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-action",
-      className: e(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+      className: o(
+        "fc:col-start-2 fc:row-span-2 fc:row-start-1 fc:self-start fc:justify-self-end",
         t
       ),
-      ...r
+      ...c
     }
   );
 }
 a(m, "CardAction");
-function p({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+function p({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-content",
-      className: e("px-6", t),
-      ...r
+      className: o("fc:px-6", t),
+      ...c
     }
   );
 }
 a(p, "CardContent");
-function x({ className: t, ...r }) {
-  return /* @__PURE__ */ o(
+function x({ className: t, ...c }) {
+  return /* @__PURE__ */ r(
     "div",
     {
       "data-slot": "card-footer",
-      className: e("flex items-center px-6 [.border-t]:pt-6", t),
-      ...r
+      className: o("fc:flex fc:items-center fc:px-6 fc:[.border-t]:pt-6", t),
+      ...c
     }
   );
 }
 a(x, "CardFooter");
 export {
-  i as Card,
+  s as Card,
   m as CardAction,
   p as CardContent,
-  f as CardDescription,
+  u as CardDescription,
   x as CardFooter,
-  l as CardHeader,
-  u as CardTitle
+  i as CardHeader,
+  l as CardTitle
 };

package/dist/components/checkbox.js

@@ -1,34 +1,34 @@
 var t = Object.defineProperty;
-var a = (e, r) => t(e, "name", { value: r, configurable: !0 });
-import { jsx as i } from "react/jsx-runtime";
-import { Checkbox as o, CheckboxIndicator as c } from "../node_modules/@radix-ui/react-checkbox/dist/index.js";
-import { CheckIcon as d } from "lucide-react";
+var i = (c, e) => t(c, "name", { value: e, configurable: !0 });
+import { jsx as r } from "react/jsx-runtime";
+import { Checkbox as o, CheckboxIndicator as a } from "../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { CheckIcon as f } from "lucide-react";
 import { cn as n } from "../lib/utils.js";
-function u({
-  className: e,
-  ...r
+function h({
+  className: c,
+  ...e
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ r(
     o,
     {
       "data-slot": "checkbox",
       className: n(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        e
+        "fc:bg-input fc:peer fc:border-input-border fc:data-[state=checked]:bg-primary fc:data-[state=checked]:text-primary-foreground fc:data-[state=checked]:border-primary fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive fc:size-4 fc:shrink-0 fc:rounded-[4px] fc:border fc:shadow-xs fc:transition-shadow fc:outline-none fc:focus-visible:ring-[3px] fc:disabled:cursor-not-allowed fc:disabled:opacity-50",
+        c
       ),
-      ...r,
-      children: /* @__PURE__ */ i(
-        c,
+      ...e,
+      children: /* @__PURE__ */ r(
+        a,
         {
           "data-slot": "checkbox-indicator",
-          className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ i(d, { className: "size-3.5" })
+          className: "fc:flex fc:items-center fc:justify-center fc:text-current fc:transition-none",
+          children: /* @__PURE__ */ r(f, { className: "fc:size-3.5" })
         }
       )
     }
   );
 }
-a(u, "Checkbox");
+i(h, "Checkbox");
 export {
-  u as Checkbox
+  h as Checkbox
 };

package/dist/components/date-picker.d.ts

@@ -0,0 +1,6 @@
+export declare function DatePicker({ placeholder, onChange, value, isClearable, ...props }: {
+    placeholder?: string;
+    onChange?: (date: Date | null) => void;
+    value?: Date | null | undefined;
+    isClearable: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/date-picker.js

@@ -0,0 +1,61 @@
+var p = Object.defineProperty;
+var c = (i, e) => p(i, "name", { value: e, configurable: !0 });
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { Calendar as u } from "lucide-react";
+import { Calendar as x } from "./calendar.js";
+import { Popover as b, PopoverTrigger as v, PopoverContent as g } from "./popover.js";
+import { Button as h } from "./button.js";
+function D({
+  placeholder: i = "Choisir une date",
+  onChange: e,
+  value: t,
+  isClearable: s = !1,
+  ...f
+}) {
+  const [d, o] = m.useState(!1), l = /* @__PURE__ */ c((n) => {
+    e == null || e(n || null), o(!1);
+  }, "onSelect");
+  return console.log("DatePicker value", t), /* @__PURE__ */ a(b, { onOpenChange: o, open: d, children: [
+    /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        "data-empty": !t,
+        ...f,
+        className: "fc:border-input-border fc:flex fc:items-center fc:h-9 fc:w-full fc:min-w-0 fc:rounded-md fc:border fc:bg-input fc:px-3 fc:py-1 fc:text-base fc:shadow-xs fc:focus-visible:border-ring fc:ring-ring/50 fc:focus-visible:ring-[3px] fc:data-[state=open]:ring-[3px] fc:data-[state=open]:border-ring fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive! fc:outline-none  fc:md:text-sm",
+        children: [
+          /* @__PURE__ */ r(u, { className: "fc:mr-2 fc:size-4" }),
+          t ? /* @__PURE__ */ r("span", { children: "Ma date" }) : /* @__PURE__ */ r("span", { className: "fc:text-placeholder", children: i })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(g, { align: "start", className: "fc:w-auto fc:p-0", children: [
+      /* @__PURE__ */ r(
+        x,
+        {
+          mode: "single",
+          required: !0,
+          selected: t || void 0,
+          onSelect: l,
+          captionLayout: "dropdown"
+        }
+      ),
+      t && s && /* @__PURE__ */ r("div", { className: "flex justify-center border-t", children: /* @__PURE__ */ r(
+        h,
+        {
+          variant: "ghost",
+          color: "dark",
+          className: "flex w-full",
+          onClick: /* @__PURE__ */ c(() => {
+            e == null || e(null);
+          }, "onClick"),
+          children: "Effacer"
+        }
+      ) })
+    ] })
+  ] });
+}
+c(D, "DatePicker");
+export {
+  D as DatePicker
+};

package/dist/components/dialog.js

@@ -1,13 +1,13 @@
-var d = Object.defineProperty;
-var o = (t, a) => d(t, "name", { value: a, configurable: !0 });
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Root as c, Close as i, Content as g, Description as u, Overlay as f, Portal as m, Title as p, Trigger as x } from "../node_modules/@radix-ui/react-dialog/dist/index.js";
+var s = Object.defineProperty;
+var o = (t, a) => s(t, "name", { value: a, configurable: !0 });
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { Root as r, Close as n, Content as d, Description as g, Overlay as u, Portal as m, Title as p, Trigger as x } from "../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { XIcon as v } from "lucide-react";
-import { cn as n } from "../lib/utils.js";
+import { cn as c } from "../lib/utils.js";
 function C({
   ...t
 }) {
-  return /* @__PURE__ */ e(c, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ e(r, { "data-slot": "dialog", ...t });
 }
 o(C, "Dialog");
 function T({
@@ -25,7 +25,7 @@ o(D, "DialogPortal");
 function j({
   ...t
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "dialog-close", ...t });
+  return /* @__PURE__ */ e(n, { "data-slot": "dialog-close", ...t });
 }
 o(j, "DialogClose");
 function h({
@@ -33,11 +33,11 @@ function h({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    f,
+    u,
     {
       "data-slot": "dialog-overlay",
-      className: n(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className: c(
+        "fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:fixed fc:inset-0 fc:z-50 fc:bg-black/50 fc:overflow-auto",
         t
       ),
       ...a
@@ -48,37 +48,34 @@ o(h, "DialogOverlay");
 function k({
   className: t,
   children: a,
-  showCloseButton: s = !0,
-  ...r
+  showCloseButton: l = !0,
+  ...i
 }) {
-  return /* @__PURE__ */ l(D, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(h, {}),
-    /* @__PURE__ */ l(
-      g,
-      {
-        "data-slot": "dialog-content",
-        className: n(
-          "bg-card data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-          t
-        ),
-        ...r,
-        children: [
-          a,
-          s && /* @__PURE__ */ l(
-            i,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ e(v, {}),
-                /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ e(D, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ f(
+    d,
+    {
+      "data-slot": "dialog-content",
+      className: c(
+        "fc:relative fc:bg-card fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:data-[state=closed]:fade-out-0 fc:data-[state=open]:fade-in-0 fc:data-[state=closed]:zoom-out-95 fc:data-[state=open]:zoom-in-95 fc:z-50 fc:grid fc:w-full fc:max-w-[calc(100%-2rem)] fc:gap-4 fc:rounded-lg fc:border fc:p-6 fc:shadow-lg fc:duration-200 fc:sm:max-w-lg fc:mx-auto fc:my-10",
+        t
+      ),
+      ...i,
+      children: [
+        a,
+        l && /* @__PURE__ */ f(
+          n,
+          {
+            "data-slot": "dialog-close",
+            className: "fc:ring-offset-background fc:focus:ring-ring fc:data-[state=open]:bg-accent fc:data-[state=open]:text-muted fc:absolute fc:top-4 fc:right-4 fc:rounded-xs fc:opacity-70 fc:transition-opacity fc:hover:opacity-100 fc:focus:ring-2 fc:focus:ring-offset-2 fc:focus:outline-hidden fc:disabled:pointer-events-none fc:[&_svg]:pointer-events-none fc:[&_svg]:shrink-0 fc:[&_svg:not([class*='size-'])]:size-4",
+            children: [
+              /* @__PURE__ */ e(v, {}),
+              /* @__PURE__ */ e("span", { className: "fc:sr-only", children: "Close" })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) });
 }
 o(k, "DialogContent");
 function _({ className: t, ...a }) {
@@ -86,7 +83,7 @@ function _({ className: t, ...a }) {
     "div",
     {
       "data-slot": "dialog-header",
-      className: n("flex flex-col gap-2 text-center sm:text-left", t),
+      className: c("fc:flex fc:flex-col fc:gap-2 fc:text-center fc:sm:text-left", t),
       ...a
     }
   );
@@ -97,8 +94,8 @@ function O({ className: t, ...a }) {
     "div",
     {
       "data-slot": "dialog-footer",
-      className: n(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      className: c(
+        "fc:flex fc:flex-col-reverse fc:gap-2 fc:sm:flex-row fc:sm:justify-end",
         t
       ),
       ...a
@@ -114,7 +111,7 @@ function P({
     p,
     {
       "data-slot": "dialog-title",
-      className: n("text-lg leading-none font-semibold", t),
+      className: c("fc:text-lg fc:leading-none fc:font-semibold", t),
       ...a
     }
   );
@@ -125,10 +122,10 @@ function F({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    u,
+    g,
     {
       "data-slot": "dialog-description",
-      className: n("text-muted-foreground text-sm", t),
+      className: c("fc:text-muted fc:text-sm", t),
       ...a
     }
   );