fina-react-ds 1.0.24 → 1.0.27

package/dist/components/input.js

@@ -1,26 +1,26 @@
-var r = Object.defineProperty;
-var f = (e, i) => r(e, "name", { value: i, configurable: !0 });
-import { jsx as t } from "react/jsx-runtime";
-import { cn as o } from "../lib/utils.js";
-function a({ className: e, type: i, ...c }) {
-  return /* @__PURE__ */ t(
+var o = Object.defineProperty;
+var r = (e, i) => o(e, "name", { value: i, configurable: !0 });
+import { jsx as n } from "react/jsx-runtime";
+import { cn as l } from "../lib/utils.js";
+function u({ className: e, type: i, ...t }) {
+  return /* @__PURE__ */ n(
     "input",
     {
       type: i,
       "data-slot": "input",
-      className: o(
-        "fc:placeholder:text-placeholder fc:selection:bg-primary fc:selection:text-primary-foreground fc:bg-input fc:border-input-border fc:flex fc:h-9 fc:w-full fc:min-w-0 fc:rounded-md fc:border fc:px-3 fc:py-1 fc:text-base fc:shadow-xs fc:transition-[color,box-shadow] fc:outline-none fc:md:text-sm",
-        "fc:file:text-foreground fc:file:inline-flex fc:file:h-7 fc:file:border-0 fc:file:bg-transparent fc:file:text-sm fc:file:font-medium",
-        "fc:disabled:pointer-events-none fc:disabled:cursor-not-allowed fc:disabled:opacity-50",
-        "fc:focus-visible:border-ring fc:focus-visible:ring-ring/50 fc:focus-visible:ring-[3px]",
-        "fc:aria-invalid:ring-destructive/20 fc:dark:aria-invalid:ring-destructive/40 fc:aria-invalid:border-destructive",
+      className: l(
+        "placeholder:text-placeholder selection:bg-primary selection:text-primary-foreground bg-input border-input-border flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+        "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         e
       ),
-      ...c
+      ...t
     }
   );
 }
-f(a, "Input");
+r(u, "Input");
 export {
-  a as Input
+  u as Input
 };

package/dist/components/label.js

@@ -1,32 +1,32 @@
-var r = Object.defineProperty;
-var a = (e, t) => r(e, "name", { value: t, configurable: !0 });
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { Label as n } from "radix-ui";
-import { cn as f } from "../lib/utils.js";
-function u({
+var s = Object.defineProperty;
+var a = (e, t) => s(e, "name", { value: t, configurable: !0 });
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { Label as d } from "radix-ui";
+import { cn as i } from "../lib/utils.js";
+function b({
   className: e,
   required: t = !1,
-  children: c,
-  ...o
+  children: o,
+  ...r
 }) {
-  return /* @__PURE__ */ s(
-    n.Root,
+  return /* @__PURE__ */ l(
+    d.Root,
     {
       "data-slot": "label",
-      className: f(
-        "fc:flex fc:items-center fc:text-sm fc:leading-none fc:font-medium fc:select-none fc:group-data-[disabled=true]:pointer-events-none fc:group-data-[disabled=true]:opacity-50 fc:peer-disabled:cursor-not-allowed fc:peer-disabled:opacity-50",
+      className: i(
+        "flex items-center text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         e
       ),
-      ...o,
+      ...r,
       children: [
-        c,
+        o,
         " ",
-        t && /* @__PURE__ */ l("span", { className: "fc:text-destructive", children: "*" })
+        t && /* @__PURE__ */ n("span", { className: "text-destructive", children: "*" })
       ]
     }
   );
 }
-a(u, "Label");
+a(b, "Label");
 export {
-  u as Label
+  b as Label
 };

package/dist/components/mode-toggle.js

@@ -1,22 +1,22 @@
-var a = Object.defineProperty;
-var o = (r, t) => a(r, "name", { value: t, configurable: !0 });
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Sun as l, Moon as i } from "lucide-react";
-import { Button as s } from "./button.js";
-import { DropdownMenu as m, DropdownMenuTrigger as f, DropdownMenuContent as d, DropdownMenuItem as n } from "./dropdown-menu.js";
-import { useTheme as h } from "../providers/theme-provider.js";
+var l = Object.defineProperty;
+var o = (r, a) => l(r, "name", { value: a, configurable: !0 });
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Sun as i, Moon as s } from "lucide-react";
+import { Button as m } from "./button.js";
+import { DropdownMenu as c, DropdownMenuTrigger as d, DropdownMenuContent as h, DropdownMenuItem as t } from "./dropdown-menu.js";
+import { useTheme as p } from "../providers/theme-provider.js";
 function C() {
-  const { setTheme: r } = h();
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ c(s, { variant: "ghost", color: "dark", size: "icon", children: [
-      /* @__PURE__ */ e(l, { className: "fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-100 fc:rotate-0 fc:transition-all fc:dark:scale-0 fc:dark:-rotate-90" }),
-      /* @__PURE__ */ e(i, { className: "fc:absolute fc:h-[1.2rem] fc:w-[1.2rem] fc:scale-0 fc:rotate-90 fc:transition-all fc:dark:scale-100 fc:dark:rotate-0" }),
-      /* @__PURE__ */ e("span", { className: "fc:sr-only", children: "Toggle theme" })
+  const { setTheme: r } = p();
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ n(m, { variant: "ghost", color: "dark", size: "icon", children: [
+      /* @__PURE__ */ e(i, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
+      /* @__PURE__ */ e(s, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
-    /* @__PURE__ */ c(d, { align: "end", children: [
-      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("light"), "onClick"), children: "Light" }),
-      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("dark"), "onClick"), children: "Dark" }),
-      /* @__PURE__ */ e(n, { onClick: /* @__PURE__ */ o(() => r("system"), "onClick"), children: "System" })
+    /* @__PURE__ */ n(h, { align: "end", children: [
+      /* @__PURE__ */ e(t, { onClick: /* @__PURE__ */ o(() => r("light"), "onClick"), children: "Light" }),
+      /* @__PURE__ */ e(t, { onClick: /* @__PURE__ */ o(() => r("dark"), "onClick"), children: "Dark" }),
+      /* @__PURE__ */ e(t, { onClick: /* @__PURE__ */ o(() => r("system"), "onClick"), children: "System" })
     ] })
   ] });
 }

package/dist/components/pagination.js

@@ -1,9 +1,9 @@
-var l = Object.defineProperty;
-var i = (a, n) => l(a, "name", { value: n, configurable: !0 });
+var c = Object.defineProperty;
+var i = (a, n) => c(a, "name", { value: n, configurable: !0 });
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { ChevronLeftIcon as f, ChevronRightIcon as p, MoreHorizontalIcon as m } from "lucide-react";
+import { ChevronLeftIcon as p, ChevronRightIcon as m, MoreHorizontalIcon as u } from "lucide-react";
 import { cn as e } from "../lib/utils.js";
-import { buttonVariants as u } from "./button.js";
+import { buttonVariants as d } from "./button.js";
 function P({ className: a, ...n }) {
   return /* @__PURE__ */ t(
     "nav",
@@ -11,7 +11,7 @@ function P({ className: a, ...n }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: e("fc:mx-auto fc:flex fc:w-full fc:justify-center", a),
+      className: e("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
@@ -25,7 +25,7 @@ function v({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: e("fc:flex fc:flex-row fc:items-center fc:gap-1", a),
+      className: e("flex flex-row items-center gap-1", a),
       ...n
     }
   );
@@ -35,11 +35,11 @@ function b({ ...a }) {
   return /* @__PURE__ */ t("li", { "data-slot": "pagination-item", ...a });
 }
 i(b, "PaginationItem");
-function c({
+function r({
   className: a,
   isActive: n,
-  size: r = "icon",
-  ...s
+  size: s = "icon",
+  ...l
 }) {
   return /* @__PURE__ */ t(
     "a",
@@ -48,32 +48,32 @@ function c({
       "data-slot": "pagination-link",
       "data-active": n,
       className: e(
-        u({
+        d({
           variant: n ? "contained" : "ghost",
           color: "dark",
-          size: r
+          size: s
         }),
         a
       ),
-      ...s
+      ...l
     }
   );
 }
-i(c, "PaginationLink");
+i(r, "PaginationLink");
 function k({
   className: a,
   ...n
 }) {
   return /* @__PURE__ */ o(
-    c,
+    r,
     {
       "aria-label": "Go to previous page",
       size: "default",
-      className: e("fc:gap-1 fc:px-2.5 fc:sm:pl-2.5", a),
+      className: e("gap-1 px-2.5 sm:pl-2.5", a),
       ...n,
       children: [
-        /* @__PURE__ */ t(f, {}),
-        /* @__PURE__ */ t("span", { className: "fc:hidden fc:sm:block", children: "Précédent" })
+        /* @__PURE__ */ t(p, {}),
+        /* @__PURE__ */ t("span", { className: "hidden sm:block", children: "Précédent" })
       ]
     }
   );
@@ -84,15 +84,15 @@ function z({
   ...n
 }) {
   return /* @__PURE__ */ o(
-    c,
+    r,
     {
       "aria-label": "Go to next page",
       size: "default",
-      className: e("fc:gap-1 fc:px-2.5 fc:sm:pr-2.5", a),
+      className: e("gap-1 px-2.5 sm:pr-2.5", a),
       ...n,
       children: [
-        /* @__PURE__ */ t("span", { className: "fc:hidden fc:sm:block", children: "Suivant" }),
-        /* @__PURE__ */ t(p, {})
+        /* @__PURE__ */ t("span", { className: "hidden sm:block", children: "Suivant" }),
+        /* @__PURE__ */ t(m, {})
       ]
     }
   );
@@ -107,11 +107,11 @@ function j({
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: e("fc:flex fc:size-9 fc:items-center fc:justify-center", a),
+      className: e("flex size-9 items-center justify-center", a),
       ...n,
       children: [
-        /* @__PURE__ */ t(m, { className: "fc:size-4" }),
-        /* @__PURE__ */ t("span", { className: "fc:sr-only", children: "More pages" })
+        /* @__PURE__ */ t(u, { className: "size-4" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -122,7 +122,7 @@ export {
   v as PaginationContent,
   j as PaginationEllipsis,
   b as PaginationItem,
-  c as PaginationLink,
+  r as PaginationLink,
   z as PaginationNext,
   k as PaginationPrevious
 };

package/dist/components/popover.js

@@ -1,14 +1,14 @@
-var f = Object.defineProperty;
-var t = (o, a) => f(o, "name", { value: a, configurable: !0 });
+var i = Object.defineProperty;
+var t = (o, a) => i(o, "name", { value: a, configurable: !0 });
 import { jsx as e } from "react/jsx-runtime";
 import { Popover as r } from "radix-ui";
-import { cn as i } from "../lib/utils.js";
-function l({
+import { cn as p } from "../lib/utils.js";
+function c({
   ...o
 }) {
   return /* @__PURE__ */ e(r.Root, { "data-slot": "popover", ...o });
 }
-t(l, "Popover");
+t(c, "Popover");
 function u({
   ...o
 }) {
@@ -27,8 +27,8 @@ function v({
       "data-slot": "popover-content",
       align: a,
       sideOffset: n,
-      className: i(
-        "fc:bg-popover fc:text-popover-foreground 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:data-[side=bottom]:slide-in-from-top-2 fc:data-[side=left]:slide-in-from-right-2 fc:data-[side=right]:slide-in-from-left-2 fc:data-[side=top]:slide-in-from-bottom-2 fc:z-50 fc:w-72 fc:origin-(--radix-popover-content-transform-origin) fc:rounded-md fc:border fc:p-4 fc:shadow-md fc:outline-hidden",
+      className: p(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         o
       ),
       ...d
@@ -43,7 +43,7 @@ function g({
 }
 t(g, "PopoverAnchor");
 export {
-  l as Popover,
+  c as Popover,
   g as PopoverAnchor,
   v as PopoverContent,
   u as PopoverTrigger

package/dist/components/select.js

@@ -1,48 +1,48 @@
-var s = Object.defineProperty;
-var r = (t, i) => s(t, "name", { value: i, configurable: !0 });
-import { jsx as l } from "react/jsx-runtime";
-import m from "clsx";
-import p from "react-select";
+var l = Object.defineProperty;
+var r = (i, o) => l(i, "name", { value: o, configurable: !0 });
+import { jsx as m } from "react/jsx-runtime";
+import p from "clsx";
+import f from "react-select";
 function y({
-  options: t,
-  placeholder: i = "Sélectionner",
-  onChange: f,
-  value: d,
-  ...o
+  options: i,
+  placeholder: o = "Sélectionner",
+  onChange: d,
+  value: a,
+  ...c
 }) {
-  const a = /* @__PURE__ */ r((c) => {
-    Array.isArray(c) ? f == null || f(
-      c.map((e) => e.value)
-    ) : f == null || f(c == null ? void 0 : c.value);
-  }, "handleChange"), u = /* @__PURE__ */ r(() => o.isMulti ? Array.isArray(d) ? (t == null ? void 0 : t.filter((c) => d.includes(c.value))) ?? [] : [] : t.find((c) => c.value === d), "getSelectedOptions"), n = /* @__PURE__ */ r((c) => {
-    const e = c.relatedTarget;
-    e && (e.tagName === "A" || e.tagName === "BUTTON" || e.tagName === "TEXTAREA" || e.tagName === "INPUT") && e.focus();
+  const u = /* @__PURE__ */ r((e) => {
+    Array.isArray(e) ? d == null || d(
+      e.map((t) => t.value)
+    ) : d == null || d(e == null ? void 0 : e.value);
+  }, "handleChange"), n = /* @__PURE__ */ r(() => c.isMulti ? Array.isArray(a) ? (i == null ? void 0 : i.filter((e) => a.includes(e.value))) ?? [] : [] : i.find((e) => e.value === a), "getSelectedOptions"), s = /* @__PURE__ */ r((e) => {
+    const t = e.relatedTarget;
+    t && (t.tagName === "A" || t.tagName === "BUTTON" || t.tagName === "TEXTAREA" || t.tagName === "INPUT") && t.focus();
   }, "onBlurWorkaround");
-  return /* @__PURE__ */ l(
-    p,
+  return /* @__PURE__ */ m(
+    f,
     {
-      ...o,
-      options: t,
-      onChange: a,
-      value: u(),
+      ...c,
+      options: i,
+      onChange: u,
+      value: n(),
       classNames: {
-        control: /* @__PURE__ */ r(() => "fc:px-3 fc:py-1 fc:border fc:bg-input fc:rounded-md fc:text-base fc:md:text-sm fc:min-h-9! fc:shadow-none fc:border-input-border fc:has-[:focus]:border-ring fc:has-[:focus]:ring-[3px] fc:ring-ring/50 fc:has-aria-invalid:border-destructive! fc:has-aria-invalid:ring-destructive/20! fc:has-aria-invalid:dark:ring-destructive/40!", "control"),
-        menu: /* @__PURE__ */ r(() => "fc:bg-popover fc:border fc:rounded-md fc:py-0 fc:overflow-hidden fc:shadow-md fc:mt-2", "menu"),
-        menuList: /* @__PURE__ */ r(() => "fc:py-0 fc:bg-popover", "menuList"),
-        option: /* @__PURE__ */ r((c) => m(
-          "fc:py-1 fc:px-2 fc:text-popover-foreground fc:text-base fc:md:text-sm!",
-          c.isSelected && "fc:bg-input-accent!",
-          c.isFocused && "fc:bg-input-accent/50"
+        control: /* @__PURE__ */ r(() => "px-3 py-1 border bg-input rounded-md text-base md:text-sm min-h-9! shadow-none border-input-border has-[:focus]:border-ring has-[:focus]:ring-[3px] ring-ring/50 has-aria-invalid:border-destructive! has-aria-invalid:ring-destructive/20! has-aria-invalid:dark:ring-destructive/40!", "control"),
+        menu: /* @__PURE__ */ r(() => "bg-popover border rounded-md py-0 overflow-hidden shadow-md mt-2", "menu"),
+        menuList: /* @__PURE__ */ r(() => "py-0 bg-popover", "menuList"),
+        option: /* @__PURE__ */ r((e) => p(
+          "py-1 px-2 text-popover-foreground text-base md:text-sm!",
+          e.isSelected && "bg-input-accent!",
+          e.isFocused && "bg-input-accent/50"
         ), "option"),
-        placeholder: /* @__PURE__ */ r(() => "fc:text-placeholder", "placeholder"),
-        multiValue: /* @__PURE__ */ r(() => "fc:bg-input-accent fc:text-input-accent-foreground fc:mr-1 fc:px-1 fc:py-0.5 fc:rounded-md fc:flex fc:items-center", "multiValue"),
-        multiValueRemove: /* @__PURE__ */ r(() => "fc:cursor-pointer", "multiValueRemove"),
-        dropdownIndicator: /* @__PURE__ */ r(() => "fc:text-placeholder fc:cursor-pointer", "dropdownIndicator"),
-        clearIndicator: /* @__PURE__ */ r(() => "fc:text-placeholder fc:cursor-pointer", "clearIndicator"),
-        noOptionsMessage: /* @__PURE__ */ r(() => "fc:py-2", "noOptionsMessage")
+        placeholder: /* @__PURE__ */ r(() => "text-placeholder", "placeholder"),
+        multiValue: /* @__PURE__ */ r(() => "bg-input-accent text-input-accent-foreground mr-1 px-1 py-0.5 rounded-md flex items-center", "multiValue"),
+        multiValueRemove: /* @__PURE__ */ r(() => "cursor-pointer", "multiValueRemove"),
+        dropdownIndicator: /* @__PURE__ */ r(() => "text-placeholder cursor-pointer", "dropdownIndicator"),
+        clearIndicator: /* @__PURE__ */ r(() => "text-placeholder cursor-pointer", "clearIndicator"),
+        noOptionsMessage: /* @__PURE__ */ r(() => "py-2", "noOptionsMessage")
       },
-      onBlur: n,
-      placeholder: i,
+      onBlur: s,
+      placeholder: o,
       unstyled: !0
     }
   );

package/dist/components/sheet.js

@@ -1,158 +1,160 @@
-var i = Object.defineProperty;
-var c = (t, e) => i(t, "name", { value: e, configurable: !0 });
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { Dialog as f } from "radix-ui";
-import { XIcon as d } from "lucide-react";
-import { cn as o } from "../lib/utils.js";
-function b({ ...t }) {
-  return /* @__PURE__ */ a(f.Root, { "data-slot": "sheet", ...t });
+var c = Object.defineProperty;
+var o = (t, e) => c(t, "name", { value: e, configurable: !0 });
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Dialog as s } from "radix-ui";
+import { XIcon as f } from "lucide-react";
+import { cn as n } from "../lib/utils.js";
+import { Button as u } from "./button.js";
+function v({ ...t }) {
+  return /* @__PURE__ */ a(s.Root, { "data-slot": "sheet", ...t });
 }
-c(b, "Sheet");
-function S({
+o(v, "Sheet");
+function N({
   ...t
 }) {
-  return /* @__PURE__ */ a(f.Trigger, { "data-slot": "sheet-trigger", ...t });
+  return /* @__PURE__ */ a(s.Trigger, { "data-slot": "sheet-trigger", ...t });
 }
-c(S, "SheetTrigger");
-function N({
+o(N, "SheetTrigger");
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ a(f.Close, { "data-slot": "sheet-close", ...t });
+  return /* @__PURE__ */ a(s.Close, { "data-slot": "sheet-close", ...t });
 }
-c(N, "SheetClose");
-function u({
+o(w, "SheetClose");
+function h({
   ...t
 }) {
-  return /* @__PURE__ */ a(f.Portal, { "data-slot": "sheet-portal", ...t });
+  return /* @__PURE__ */ a(s.Portal, { "data-slot": "sheet-portal", ...t });
 }
-c(u, "SheetPortal");
-function h({
+o(h, "SheetPortal");
+function m({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f.Overlay,
+    s.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: o(
-        "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",
+      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",
         t
       ),
       ...e
     }
   );
 }
-c(h, "SheetOverlay");
-function v({
+o(m, "SheetOverlay");
+function C({
   className: t,
   children: e,
-  side: r = "right",
-  size: s = "s",
-  ...l
+  side: l = "right",
+  size: r = "s",
+  ...d
 }) {
-  return /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ a(h, {}),
-    /* @__PURE__ */ n(
-      f.Content,
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ a(m, {}),
+    /* @__PURE__ */ i(
+      s.Content,
       {
         "data-slot": "sheet-content",
-        className: o(
-          "fc:bg-card fc:data-[state=open]:animate-in fc:data-[state=closed]:animate-out fc:fixed fc:z-50 fc:flex fc:flex-col fc:gap-4 fc:shadow-lg fc:transition fc:ease-in-out fc:data-[state=closed]:duration-300 fc:data-[state=open]:duration-500",
-          r === "right" && "fc:data-[state=closed]:slide-out-to-right fc:data-[state=open]:slide-in-from-right fc:inset-y-0 fc:right-0 fc:h-full fc:border-l fc:w-[90%]",
-          r === "left" && "fc:data-[state=closed]:slide-out-to-left fc:data-[state=open]:slide-in-from-left fc:inset-y-0 fc:left-0 fc:h-full fc:border-r fc:w-[90%]",
-          s === "s" && "fc:md:max-w-1/3",
-          s === "m" && "fc:md:max-w-1/2",
-          s === "l" && "fc:md:max-w-2/3",
+        className: n(
+          "bg-card data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          l === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l w-[90%]",
+          l === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r w-[90%]",
+          r === "s" && "md:max-w-1/3",
+          r === "m" && "md:max-w-1/2",
+          r === "l" && "md:max-w-2/3",
           t
         ),
-        ...l,
+        ...d,
         children: [
           e,
-          /* @__PURE__ */ n(f.Close, { className: "fc:ring-offset-background fc:focus:ring-ring fc:data-[state=open]:bg-secondary 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", children: [
-            /* @__PURE__ */ a(d, { className: "fc:size-4" }),
-            /* @__PURE__ */ a("span", { className: "fc:sr-only", children: "Close" })
-          ] })
+          /* @__PURE__ */ a(
+            s.Close,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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",
+              asChild: !0,
+              children: /* @__PURE__ */ i(u, { variant: "ghost", color: "dark", size: "icon", children: [
+                /* @__PURE__ */ a(f, { className: "size-4" }),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ] })
+            }
+          )
         ]
       }
     )
   ] });
 }
-c(v, "SheetContent");
-function w({ className: t, ...e }) {
+o(C, "SheetContent");
+function T({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-header",
-      className: o(
-        "fc:flex fc:flex-col fc:gap-1.5 fc:px-4 fc:pt-4 ",
-        t
-      ),
+      className: n("flex flex-col gap-1.5 px-4 pt-4 ", t),
       ...e
     }
   );
 }
-c(w, "SheetHeader");
-function C({ className: t, ...e }) {
+o(T, "SheetHeader");
+function k({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-footer",
-      className: o(
-        "fc:mt-auto fc:flex fc:flex-col fc:gap-2 fc:px-4 fc:pb-4",
-        t
-      ),
+      className: n("mt-auto flex flex-col gap-2 px-4 pb-4", t),
       ...e
     }
   );
 }
-c(C, "SheetFooter");
-function T({ className: t, ...e }) {
+o(k, "SheetFooter");
+function D({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sheet-body",
-      className: o("fc:p-4 fc:flex-1 fc:overflow-y-auto", t),
+      className: n("p-4 flex-1 overflow-y-auto", t),
       ...e
     }
   );
 }
-c(T, "SheetBody");
-function D({
+o(D, "SheetBody");
+function j({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f.Title,
+    s.Title,
     {
       "data-slot": "sheet-title",
-      className: o("fc:text-foreground fc:font-semibold", t),
+      className: n("text-foreground font-semibold", t),
       ...e
     }
   );
 }
-c(D, "SheetTitle");
-function j({
+o(j, "SheetTitle");
+function z({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f.Description,
+    s.Description,
     {
       "data-slot": "sheet-description",
-      className: o("fc:text-muted fc:text-sm", t),
+      className: n("text-muted text-sm", t),
       ...e
     }
   );
 }
-c(j, "SheetDescription");
+o(z, "SheetDescription");
 export {
-  b as Sheet,
-  T as SheetBody,
-  N as SheetClose,
-  v as SheetContent,
-  j as SheetDescription,
-  C as SheetFooter,
-  w as SheetHeader,
-  D as SheetTitle,
-  S as SheetTrigger
+  v as Sheet,
+  D as SheetBody,
+  w as SheetClose,
+  C as SheetContent,
+  z as SheetDescription,
+  k as SheetFooter,
+  T as SheetHeader,
+  j as SheetTitle,
+  N as SheetTrigger
 };