impact-nova 1.3.0 → 1.5.2

package/dist/components/ui/sheet.d.ts

@@ -11,6 +11,7 @@ declare const sheetVariants: (props?: {
 } & import('class-variance-authority/types').ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     expandable?: boolean;
+    defaultExpanded?: boolean;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/components/ui/sheet.js

@@ -1,15 +1,16 @@
 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 { ChevronDown as v, ChevronUp as C, X as S } from "lucide-react";
+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 p, TooltipTrigger as h, TooltipContent as f } from "./tooltip.js";
-const u = n.createContext({
+import { Tooltip as g, TooltipTrigger as x, TooltipContent as b } from "./tooltip.js";
+import { useImpactNovaI18n as T } from "../../i18n/ImpactNovaI18nContext.js";
+const y = n.createContext({
   isExpanded: !1,
   expandable: !1,
   side: "right"
-}), I = o.Root, U = o.Trigger, w = o.Close, T = o.Portal, g = 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(
@@ -20,8 +21,8 @@ const u = n.createContext({
     ref: s
   }
 ));
-g.displayName = o.Overlay.displayName;
-const k = N(
+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: {
@@ -36,78 +37,79 @@ const k = N(
       side: "right"
     }
   }
-), E = n.forwardRef(({ side: t = "right", className: a, children: s, expandable: d = !1, ...c }, m) => {
-  const [l, x] = n.useState(!1), y = n.useCallback(() => {
-    x((b) => !b);
+), 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(u.Provider, { value: { isExpanded: l, onExpandToggle: y, expandable: d, side: t || void 0 }, children: /* @__PURE__ */ i(T, { children: [
-    /* @__PURE__ */ e(g, {}),
+  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,
       {
-        ref: m,
+        ref: u,
         "data-component": "sheet-content",
         className: r(
-          k({ side: t }),
+          R({ side: t }),
           "flex flex-col p-0 transition-all duration-300",
-          t === "bottom" && (l ? "h-[96vh]" : "h-[40vh]"),
+          t === "bottom" && (h ? "h-[96vh]" : "h-[40vh]"),
           a
         ),
-        ...c,
+        ...f,
         children: s
       }
     )
   ] }) });
 });
-E.displayName = o.Content.displayName;
-const R = ({
+D.displayName = o.Content.displayName;
+const L = ({
   className: t,
   children: a,
   ...s
 }) => {
-  const { isExpanded: d, onExpandToggle: c, expandable: m, side: l } = n.useContext(u);
+  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-light-blue border-b",
-        l === "bottom" && "rounded-t-lg",
+        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__ */ i("div", { className: "flex items-center gap-2", children: [
-          m && /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ i(
+          u && /* @__PURE__ */ i(g, { children: [
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
                 "data-component": "sheet-expand-toggle",
-                onClick: c,
+                onClick: f,
                 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(v, { className: "h-4 w-4" }) : /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ e("span", { className: "sr-only", children: d ? "Collapse" : "Expand" })
+                  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(f, { variant: "tertiary", side: "top", children: d ? "Collapse" : "Expand" })
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: l ? p : m })
           ] }),
-          /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ i(w, { "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", children: [
-              /* @__PURE__ */ e(S, { className: "h-4 w-4" }),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          /* @__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(f, { variant: "tertiary", side: "top", children: "Close" })
+            /* @__PURE__ */ e(b, { variant: "tertiary", side: "top", children: c })
           ] })
         ] })
       ]
     }
   );
 };
-R.displayName = "SheetHeader";
-const D = ({
+L.displayName = "SheetHeader";
+const j = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
@@ -117,8 +119,8 @@ const D = ({
     ...a
   }
 );
-D.displayName = "SheetBody";
-const j = ({
+j.displayName = "SheetBody";
+const P = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
@@ -132,8 +134,8 @@ const j = ({
     children: a.children
   }
 );
-j.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,
@@ -142,7 +144,7 @@ const P = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
     ...a
   }
 ));
-P.displayName = o.Title.displayName;
+I.displayName = o.Title.displayName;
 const O = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
   o.Description,
   {
@@ -153,15 +155,15 @@ const O = n.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
 ));
 O.displayName = o.Description.displayName;
 export {
-  I as Sheet,
-  D as SheetBody,
-  w as SheetClose,
-  E as SheetContent,
+  X as Sheet,
+  j as SheetBody,
+  k as SheetClose,
+  D as SheetContent,
   O as SheetDescription,
-  j as SheetFooter,
-  R as SheetHeader,
-  g as SheetOverlay,
-  T as SheetPortal,
-  P as SheetTitle,
-  U as SheetTrigger
+  P as SheetFooter,
+  L as SheetHeader,
+  N as SheetOverlay,
+  E as SheetPortal,
+  I as SheetTitle,
+  q as SheetTrigger
 };