impact-nova 1.7.2 → 1.7.4

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

@@ -5,6 +5,11 @@ declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimi
 declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     badge?: React.ReactNode;
     rightActions?: React.ReactNode;
+    /**
+     * `default` — leading chevron tile + i18n tooltip (standard panels).
+     * `plain` — trigger only; use for list rows (e.g. SKU) where children include layout + chevron.
+     */
+    variant?: "default" | "plain";
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     surfaceClassName?: string;

package/dist/components/ui/accordion.js

@@ -1,44 +1,56 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import * as l from "react";
-import * as o from "@radix-ui/react-accordion";
-import { ChevronRight as f } from "lucide-react";
-import { cn as n } from "../../lib/utils.js";
-import { Tooltip as p, TooltipTrigger as g, TooltipContent as v } from "./tooltip.js";
-import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
-const C = o.Root, x = l.forwardRef(({ className: i, ...t }, r) => /* @__PURE__ */ e(
-  o.Item,
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as d from "react";
+import * as t from "@radix-ui/react-accordion";
+import { ChevronRight as g } from "lucide-react";
+import { cn as a } from "../../lib/utils.js";
+import { Tooltip as p, TooltipTrigger as u, TooltipContent as v } from "./tooltip.js";
+import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
+const R = t.Root, h = d.forwardRef(({ className: o, ...i }, r) => /* @__PURE__ */ e(
+  t.Item,
   {
     ref: r,
-    "data-item": t.value,
-    "data-disabled": t.disabled ? "" : void 0,
-    className: n(
+    "data-item": i.value,
+    "data-disabled": i.disabled ? "" : void 0,
+    className: a(
       "ia-accordion-item border rounded-lg bg-white border-[#D9DDE7]",
-      i
+      o
     ),
-    ...t
+    ...i
   }
 ));
-x.displayName = "AccordionItem";
-const u = l.forwardRef(({ className: i, children: t, badge: r, rightActions: s, ...d }, c) => {
-  const { t: m } = h();
-  return /* @__PURE__ */ e(o.Header, { className: "flex", style: { overflow: "visible" }, children: /* @__PURE__ */ a(
-    o.Trigger,
+h.displayName = "AccordionItem";
+const b = d.forwardRef(({ className: o, children: i, badge: r, rightActions: s, variant: l = "default", ...c }, m) => {
+  const { t: f } = x();
+  return l === "plain" ? /* @__PURE__ */ e(t.Header, { className: "flex flex-1", children: /* @__PURE__ */ e(
+    t.Trigger,
     {
-      ref: c,
-      className: n(
+      ref: m,
+      className: a(
+        "group flex flex-1 outline-none transition-all",
+        "focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas-elevated",
+        o
+      ),
+      ...c,
+      children: i
+    }
+  ) }) : /* @__PURE__ */ e(t.Header, { className: "flex", style: { overflow: "visible" }, children: /* @__PURE__ */ n(
+    t.Trigger,
+    {
+      ref: m,
+      className: a(
         "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90 focus-visible:outline-none",
-        i
+        o
       ),
       style: { outline: "none" },
-      ...d,
+      ...c,
       children: [
-        /* @__PURE__ */ a(p, { children: [
-          /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(f, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
-          /* @__PURE__ */ e(v, { side: "top", variant: "tertiary", children: m("aria.toggle") })
+        /* @__PURE__ */ n(p, { children: [
+          /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ e(g, { className: "h-4 w-4 transition-transform duration-200" }) }) }),
+          /* @__PURE__ */ e(v, { side: "top", variant: "tertiary", children: f("aria.toggle") })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-between", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-            t,
+        /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+            i,
             r
           ] }),
           s
@@ -47,20 +59,20 @@ const u = l.forwardRef(({ className: i, children: t, badge: r, rightActions: s,
     }
   ) });
 });
-u.displayName = o.Trigger.displayName;
-const N = l.forwardRef(({ className: i, children: t, surfaceClassName: r, ...s }, d) => /* @__PURE__ */ e(
-  o.Content,
+b.displayName = t.Trigger.displayName;
+const N = d.forwardRef(({ className: o, children: i, surfaceClassName: r, ...s }, l) => /* @__PURE__ */ e(
+  t.Content,
   {
-    ref: d,
-    className: n("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", r),
+    ref: l,
+    className: a("overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible", r),
     ...s,
-    children: /* @__PURE__ */ e("div", { className: n("px-4 pb-4 pt-2", i), children: t })
+    children: /* @__PURE__ */ e("div", { className: a("px-4 pb-4 pt-2", o), children: i })
   }
 ));
-N.displayName = o.Content.displayName;
+N.displayName = t.Content.displayName;
 export {
-  C as Accordion,
+  R as Accordion,
   N as AccordionContent,
-  x as AccordionItem,
-  u as AccordionTrigger
+  h as AccordionItem,
+  b as AccordionTrigger
 };