fina-react-ds 0.0.1 → 1.0.1

package/dist/components/dropdown-menu.js

@@ -1,26 +1,26 @@
-var c = Object.defineProperty;
-var n = (e, o) => c(e, "name", { value: o, configurable: !0 });
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Root as l, Portal as i, Trigger as m, Content as p, Group as f, Label as g, Item as v, CheckboxItem as b, ItemIndicator as u, RadioGroup as x, RadioItem as w, Separator as h, Sub as z, SubTrigger as I, SubContent as D } from "../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+var f = Object.defineProperty;
+var n = (e, o) => f(e, "name", { value: o, configurable: !0 });
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { Root as u, Portal as s, Trigger as l, Content as m, Group as p, Label as g, Item as v, CheckboxItem as b, ItemIndicator as i, RadioGroup as x, RadioItem as w, Separator as h, Sub as z, SubTrigger as I, SubContent as D } from "../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import { CheckIcon as M, CircleIcon as N, ChevronRightIcon as S } from "lucide-react";
 import { cn as r } from "../lib/utils.js";
 function G({
   ...e
 }) {
-  return /* @__PURE__ */ t(l, { "data-slot": "dropdown-menu", ...e });
+  return /* @__PURE__ */ t(u, { "data-slot": "dropdown-menu", ...e });
 }
 n(G, "DropdownMenu");
 function T({
   ...e
 }) {
-  return /* @__PURE__ */ t(i, { "data-slot": "dropdown-menu-portal", ...e });
+  return /* @__PURE__ */ t(s, { "data-slot": "dropdown-menu-portal", ...e });
 }
 n(T, "DropdownMenuPortal");
 function j({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    m,
+    l,
     {
       "data-slot": "dropdown-menu-trigger",
       ...e
@@ -33,13 +33,13 @@ function L({
   sideOffset: o = 4,
   ...a
 }) {
-  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-    p,
+  return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+    m,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset: o,
       className: r(
-        "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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "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:max-h-(--radix-dropdown-menu-content-available-height) fc:min-w-[8rem] fc:origin-(--radix-dropdown-menu-content-transform-origin) fc:overflow-x-hidden fc:overflow-y-auto fc:rounded-md fc:border fc:p-1 fc:shadow-md",
         e
       ),
       ...a
@@ -50,14 +50,14 @@ n(L, "DropdownMenuContent");
 function P({
   ...e
 }) {
-  return /* @__PURE__ */ t(f, { "data-slot": "dropdown-menu-group", ...e });
+  return /* @__PURE__ */ t(p, { "data-slot": "dropdown-menu-group", ...e });
 }
 n(P, "DropdownMenuGroup");
 function q({
   className: e,
   inset: o,
   variant: a = "default",
-  ...d
+  ...c
 }) {
   return /* @__PURE__ */ t(
     v,
@@ -66,10 +66,10 @@ function q({
       "data-inset": o,
       "data-variant": a,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "fc:focus:bg-accent fc:focus:text-accent-foreground fc:data-[variant=destructive]:text-destructive fc:data-[variant=destructive]:focus:bg-destructive/10 fc:dark:data-[variant=destructive]:focus:bg-destructive/20 fc:data-[variant=destructive]:focus:text-destructive fc:data-[variant=destructive]:*:[svg]:!text-destructive fc:[&_svg:not([class*='text-'])]:text-muted fc:relative fc:flex fc:cursor-default fc:items-center fc:gap-2 fc:rounded-sm fc:px-2 fc:py-1.5 fc:text-sm fc:outline-hidden fc:select-none fc:data-[disabled]:pointer-events-none fc:data-[disabled]:opacity-50 fc:data-[inset]:pl-8 fc:[&_svg]:pointer-events-none fc:[&_svg]:shrink-0 fc:[&_svg:not([class*='size-'])]:size-4",
         e
       ),
-      ...d
+      ...c
     }
   );
 }
@@ -78,9 +78,9 @@ function A({
   className: e,
   children: o,
   checked: a,
-  ...d
+  ...c
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ d(
     b,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -89,9 +89,9 @@ function A({
         e
       ),
       checked: a,
-      ...d,
+      ...c,
       children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(M, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(M, { className: "size-4" }) }) }),
         o
       ]
     }
@@ -115,7 +115,7 @@ function E({
   children: o,
   ...a
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ d(
     w,
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -125,7 +125,7 @@ function E({
       ),
       ...a,
       children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(N, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(N, { className: "size-2 fill-current" }) }) }),
         o
       ]
     }
@@ -143,7 +143,7 @@ function F({
       "data-slot": "dropdown-menu-label",
       "data-inset": o,
       className: r(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        "fc:px-2 fc:py-1.5 fc:text-sm fc:font-medium fc:data-[inset]:pl-8",
         e
       ),
       ...a
@@ -159,7 +159,7 @@ function H({
     h,
     {
       "data-slot": "dropdown-menu-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
+      className: r("fc:bg-border fc:-mx-1 fc:my-1 fc:h-px", e),
       ...o
     }
   );
@@ -174,7 +174,7 @@ function J({
     {
       "data-slot": "dropdown-menu-shortcut",
       className: r(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+        "fc:text-muted fc:ml-auto fc:text-xs fc:tracking-widest",
         e
       ),
       ...o
@@ -192,21 +192,21 @@ function O({
   className: e,
   inset: o,
   children: a,
-  ...d
+  ...c
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ d(
     I,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": o,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        "fc:focus:bg-accent fc:focus:text-accent-foreground fc:data-[state=open]:bg-accent fc:data-[state=open]:text-accent-foreground fc:flex cursor-default fc:items-center fc:rounded-sm fc:px-2 fc:py-1.5 fc:text-sm fc:outline-hidden fc:select-none fc:data-[inset]:pl-8",
         e
       ),
-      ...d,
+      ...c,
       children: [
         a,
-        /* @__PURE__ */ t(S, { className: "ml-auto size-4" })
+        /* @__PURE__ */ t(S, { className: "fc:ml-auto fc:size-4" })
       ]
     }
   );
@@ -221,7 +221,7 @@ function Q({
     {
       "data-slot": "dropdown-menu-sub-content",
       className: r(
-        "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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "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:min-w-[8rem] fc:origin-(--radix-dropdown-menu-content-transform-origin) fc:overflow-hidden fc:rounded-md fc:border fc:p-1 fc:shadow-lg",
         e
       ),
       ...o

package/dist/components/input.js

@@ -1,24 +1,26 @@
-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(
+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(
     "input",
     {
       type: i,
       "data-slot": "input",
-      className: l(
-        "file:text-foreground 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 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 md:text-sm",
-        "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",
+      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",
         e
       ),
-      ...t
+      ...c
     }
   );
 }
-r(u, "Input");
+f(a, "Input");
 export {
-  u as Input
+  a as Input
 };

package/dist/components/label.js

@@ -1,32 +1,32 @@
-var s = Object.defineProperty;
-var o = (e, t) => s(e, "name", { value: t, configurable: !0 });
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { Root as d } from "../node_modules/@radix-ui/react-label/dist/index.js";
-import { cn as i } from "../lib/utils.js";
-function f({
+var r = Object.defineProperty;
+var c = (e, t) => r(e, "name", { value: t, configurable: !0 });
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Root as f } from "../node_modules/@radix-ui/react-label/dist/index.js";
+import { cn as l } from "../lib/utils.js";
+function u({
   className: e,
   required: t = !1,
-  children: a,
-  ...r
+  children: o,
+  ...a
 }) {
-  return /* @__PURE__ */ n(
-    d,
+  return /* @__PURE__ */ s(
+    f,
     {
       "data-slot": "label",
-      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",
+      className: l(
+        "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",
         e
       ),
-      ...r,
+      ...a,
       children: [
-        a,
+        o,
         " ",
-        t && /* @__PURE__ */ l("span", { className: "text-destructive", children: "*" })
+        t && /* @__PURE__ */ n("span", { className: "fc:text-destructive", children: "*" })
       ]
     }
   );
 }
-o(f, "Label");
+c(u, "Label");
 export {
-  f as Label
+  u as Label
 };

package/dist/components/pagination.js

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

package/dist/components/popover.js

@@ -1,18 +1,18 @@
 var d = Object.defineProperty;
 var t = (o, r) => d(o, "name", { value: r, configurable: !0 });
 import { jsx as e } from "react/jsx-runtime";
-import { Root as i, Trigger as s, Portal as p, Content as m, Anchor as c } from "../node_modules/@radix-ui/react-popover/dist/index.js";
-import { cn as f } from "../lib/utils.js";
+import { Root as c, Trigger as f, Portal as i, Content as s, Anchor as p } from "../node_modules/@radix-ui/react-popover/dist/index.js";
+import { cn as m } from "../lib/utils.js";
 function h({
   ...o
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "popover", ...o });
+  return /* @__PURE__ */ e(c, { "data-slot": "popover", ...o });
 }
 t(h, "Popover");
 function P({
   ...o
 }) {
-  return /* @__PURE__ */ e(s, { "data-slot": "popover-trigger", ...o });
+  return /* @__PURE__ */ e(f, { "data-slot": "popover-trigger", ...o });
 }
 t(P, "PopoverTrigger");
 function b({
@@ -21,14 +21,14 @@ function b({
   sideOffset: a = 4,
   ...n
 }) {
-  return /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-    m,
+  return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+    s,
     {
       "data-slot": "popover-content",
       align: r,
       sideOffset: a,
-      className: f(
-        "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",
+      className: m(
+        "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",
         o
       ),
       ...n
@@ -39,7 +39,7 @@ t(b, "PopoverContent");
 function x({
   ...o
 }) {
-  return /* @__PURE__ */ e(c, { "data-slot": "popover-anchor", ...o });
+  return /* @__PURE__ */ e(p, { "data-slot": "popover-anchor", ...o });
 }
 t(x, "PopoverAnchor");
 export {

package/dist/components/select.js

@@ -1,48 +1,53 @@
-var n = Object.defineProperty;
-var r = (t, o) => n(t, "name", { value: o, configurable: !0 });
-import { jsx as c } from "react/jsx-runtime";
+var s = Object.defineProperty;
+var r = (c, i) => s(c, "name", { value: i, configurable: !0 });
+import { jsx as l } from "react/jsx-runtime";
+import m from "clsx";
 import p from "react-select";
-function b({
-  options: t,
-  placeholder: o = "Sélectionner",
-  onChange: i,
-  value: u,
-  ...m
+function y({
+  options: c,
+  placeholder: i = "Sélectionner",
+  onChange: f,
+  value: d,
+  ...o
 }) {
   const a = /* @__PURE__ */ r((e) => {
-    Array.isArray(t) ? i == null || i(
-      e.map((d) => d.value)
-    ) : i == null || i(e == null ? void 0 : e.value);
-  }, "handleChange"), s = /* @__PURE__ */ r(() => m.isMulti ? Array.isArray(u) ? (t == null ? void 0 : t.filter((e) => u.includes(e.value))) ?? [] : [] : t.find((e) => e.value === u), "getSelectedOptions"), l = /* @__PURE__ */ r((e) => {
-    const d = e.relatedTarget;
-    d && (d.tagName === "A" || d.tagName === "BUTTON" || d.tagName === "TEXTAREA" || d.tagName === "INPUT") && d.focus();
+    Array.isArray(c) ? f == null || f(
+      e.map((t) => t.value)
+    ) : f == null || f(e == null ? void 0 : e.value);
+  }, "handleChange"), u = /* @__PURE__ */ r(() => o.isMulti ? Array.isArray(d) ? (c == null ? void 0 : c.filter((e) => d.includes(e.value))) ?? [] : [] : c.find((e) => e.value === d), "getSelectedOptions"), n = /* @__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__ */ c(
+  return /* @__PURE__ */ l(
     p,
     {
-      ...m,
-      options: t,
+      ...o,
+      options: c,
       onChange: a,
-      value: s(),
+      value: u(),
       classNames: {
-        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!", "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(() => "py-1 px-2 text-popover-foreground! text-base! md:text-sm! hover:bg-muted", "option"),
-        placeholder: /* @__PURE__ */ r(() => "text-placeholder", "placeholder"),
-        multiValue: /* @__PURE__ */ r(() => "bg-input-muted mr-1 px-1 py-0.5 rounded-md flex items-center", "multiValue"),
-        multiValueRemove: /* @__PURE__ */ r(() => "text-muted-foreground cursor-pointer", "multiValueRemove"),
-        dropdownIndicator: /* @__PURE__ */ r(() => "text-muted-foreground", "dropdownIndicator"),
-        clearIndicator: /* @__PURE__ */ r(() => "cursor-pointer", "clearIndicator"),
-        noOptionsMessage: /* @__PURE__ */ r(() => "py-2", "noOptionsMessage")
+        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((e) => m(
+          "fc:py-1 fc:px-2 fc:text-popover-foreground fc:text-base fc:md:text-sm!",
+          e.isSelected && "fc:bg-input-accent!",
+          e.isFocused && "fc: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")
       },
-      onBlur: l,
-      placeholder: o,
+      onBlur: n,
+      placeholder: i,
       unstyled: !0
     }
   );
 }
-r(b, "Select");
+r(y, "Select");
 export {
-  b as Select
+  y as Select
 };

package/dist/components/separator.js

@@ -0,0 +1,29 @@
+var n = Object.defineProperty;
+var r = (t, o) => n(t, "name", { value: o, configurable: !0 });
+import { jsx as e } from "react/jsx-runtime";
+import { Root as l } from "../node_modules/@radix-ui/react-separator/dist/index.js";
+import { cn as p } from "../lib/utils.js";
+function s({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: a = !0,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    l,
+    {
+      "data-slot": "separator",
+      decorative: a,
+      orientation: o,
+      className: p(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...i
+    }
+  );
+}
+r(s, "Separator");
+export {
+  s as Separator
+};

package/dist/components/sheet.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, size, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "right" | "left";
+    size?: "s" | "m" | "l";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetBody({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetBody, SheetTitle, SheetDescription, };