impact-nova 1.6.2 → 1.6.3

package/dist/components/ui/sheet.js

@@ -1,29 +1,29 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as n from "react";
 import * as o from "@radix-ui/react-dialog";
-import { cva as N } from "class-variance-authority";
+import { cva as v } from "class-variance-authority";
 import { ChevronDown as S, ChevronUp as w, X as C } from "lucide-react";
 import { cn as r } from "../../lib/utils.js";
-import { Tooltip as g, TooltipTrigger as x, TooltipContent as y } from "./tooltip.js";
+import { Tooltip as g, TooltipTrigger as x, TooltipContent as b } from "./tooltip.js";
 import { useImpactNovaI18n as T } from "../../i18n/ImpactNovaI18nContext.js";
-const b = n.createContext({
+const y = n.createContext({
   isExpanded: !1,
   expandable: !1,
   side: "right"
-}), U = o.Root, X = o.Trigger, D = o.Close, E = o.Portal, v = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+}), X = o.Root, q = o.Trigger, k = o.Close, E = o.Portal, N = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Overlay,
   {
     className: r(
-      "fixed inset-0 z-50 bg-scrim  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/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       t
     ),
     ...a,
     ref: s
   }
 ));
-v.displayName = o.Overlay.displayName;
-const R = N(
-  "fixed z-50 gap-4 bg-canvas p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+N.displayName = o.Overlay.displayName;
+const R = v(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
       side: {
@@ -37,100 +37,71 @@ const R = N(
       side: "right"
     }
   }
-), k = n.forwardRef(
-  ({
-    side: t = "right",
-    className: a,
-    children: s,
-    expandable: c = !1,
-    defaultExpanded: d = !1,
-    ...f
-  }, u) => {
-    const [h, m] = n.useState(d), p = n.useCallback(() => {
-      m((i) => !i);
-    }, []);
-    return /* @__PURE__ */ e(
-      b.Provider,
+), D = n.forwardRef(({ side: t = "right", className: a, children: s, expandable: d = !1, defaultExpanded: l = !1, ...f }, u) => {
+  const [h, c] = n.useState(l), m = n.useCallback(() => {
+    c((p) => !p);
+  }, []);
+  return /* @__PURE__ */ e(y.Provider, { value: { isExpanded: h, onExpandToggle: m, expandable: d, side: t || void 0 }, children: /* @__PURE__ */ i(E, { children: [
+    /* @__PURE__ */ e(N, {}),
+    /* @__PURE__ */ e(
+      o.Content,
       {
-        value: {
-          isExpanded: h,
-          onExpandToggle: p,
-          expandable: c,
-          side: t || void 0
-        },
-        children: /* @__PURE__ */ l(E, { children: [
-          /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(
-            o.Content,
-            {
-              ref: u,
-              "data-component": "sheet-content",
-              onOpenAutoFocus: (i) => i.preventDefault(),
-              className: r(
-                R({ side: t }),
-                "flex flex-col p-0 transition-all duration-300",
-                t === "bottom" && (h ? "h-[96vh]" : "h-[40vh]"),
-                a
-              ),
-              ...f,
-              children: s
-            }
-          )
-        ] })
+        ref: u,
+        "data-component": "sheet-content",
+        className: r(
+          R({ side: t }),
+          "flex flex-col p-0 transition-all duration-300",
+          t === "bottom" && (h ? "h-[96vh]" : "h-[40vh]"),
+          a
+        ),
+        ...f,
+        children: s
       }
-    );
-  }
-);
-k.displayName = o.Content.displayName;
+    )
+  ] }) });
+});
+D.displayName = o.Content.displayName;
 const L = ({
   className: t,
   children: a,
   ...s
 }) => {
-  const { t: c } = T(), { isExpanded: d, onExpandToggle: f, expandable: u, side: h } = n.useContext(b), m = c("aria.close"), p = c("nestedList.expand"), i = c("nestedList.collapse");
-  return /* @__PURE__ */ l(
+  const { t: d } = T(), { isExpanded: l, onExpandToggle: f, expandable: u, side: h } = n.useContext(y), c = d("aria.close"), m = d("nestedList.expand"), p = d("nestedList.collapse");
+  return /* @__PURE__ */ i(
     "div",
     {
       className: r(
-        "flex px-4 py-4 shrink-0 items-center justify-between bg-canvas-tint border-b",
+        "flex px-4 py-4 shrink-0 items-center justify-between bg-light-blue border-b",
         h === "bottom" && "rounded-t-lg",
         t
       ),
       ...s,
       children: [
         /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-left", children: a }),
-        /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          u && /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ l(
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+          u && /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
                 "data-component": "sheet-expand-toggle",
                 onClick: f,
-                className: "rounded-sm opacity-70 ring-offset-canvas transition-opacity hover:opacity-100 focus:outline-none",
-                "aria-label": d ? i : p,
+                className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none",
+                "aria-label": l ? p : m,
                 children: [
-                  d ? /* @__PURE__ */ e(S, { className: "h-4 w-4" }) : /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "sr-only", children: d ? i : p })
+                  l ? /* @__PURE__ */ e(S, { className: "h-4 w-4" }) : /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ e("span", { className: "sr-only", children: l ? p : m })
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(y, { variant: "tertiary", side: "top", children: d ? i : p })
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: l ? p : m })
           ] }),
-          /* @__PURE__ */ l(g, { children: [
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ l(
-              D,
-              {
-                "data-component": "sheet-close",
-                className: "rounded-sm opacity-70 ring-offset-canvas transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2 disabled:pointer-events-none",
-                "aria-label": m,
-                children: [
-                  /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "sr-only", children: m })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ e(y, { variant: "tertiary", side: "top", children: m })
+          /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ i(k, { "data-component": "sheet-close", className: "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", "aria-label": c, children: [
+              /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: c })
+            ] }) }),
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: c })
           ] })
         ] })
       ]
@@ -141,24 +112,30 @@ L.displayName = "SheetHeader";
 const j = ({
   className: t,
   ...a
-}) => /* @__PURE__ */ e("div", { className: r("flex-1 overflow-y-auto p-4", t), ...a });
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: r("flex-1 overflow-y-auto p-4", t),
+    ...a
+  }
+);
 j.displayName = "SheetBody";
-const O = ({
+const P = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
   "div",
   {
     className: r(
-      "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-canvas",
+      "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-background",
       t
     ),
     ...a,
     children: a.children
   }
 );
-O.displayName = "SheetFooter";
-const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+P.displayName = "SheetFooter";
+const I = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Title,
   {
     ref: s,
@@ -167,26 +144,26 @@ const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
     ...a
   }
 ));
-P.displayName = o.Title.displayName;
-const F = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+I.displayName = o.Title.displayName;
+const O = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Description,
   {
     ref: s,
-    className: r("text-sm text-content-muted", t),
+    className: r("text-sm text-muted-foreground", t),
     ...a
   }
 ));
-F.displayName = o.Description.displayName;
+O.displayName = o.Description.displayName;
 export {
-  U as Sheet,
+  X as Sheet,
   j as SheetBody,
-  D as SheetClose,
-  k as SheetContent,
-  F as SheetDescription,
-  O as SheetFooter,
+  k as SheetClose,
+  D as SheetContent,
+  O as SheetDescription,
+  P as SheetFooter,
   L as SheetHeader,
-  v as SheetOverlay,
+  N as SheetOverlay,
   E as SheetPortal,
-  P as SheetTitle,
-  X as SheetTrigger
+  I as SheetTitle,
+  q as SheetTrigger
 };