impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/chips.js

@@ -1,63 +1,163 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import * as f from "react";
-import { Slot as g } from "@radix-ui/react-slot";
-import { cva as x } from "class-variance-authority";
-import { Cross as b } from "../../icons/index.js";
-import { cn as v } from "../../lib/utils.js";
-import { useImpactNovaI18n as h } from "../../i18n/ImpactNovaI18nContext.js";
-const y = x(
-  "inline-flex items-center gap-1.5 px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { jsxs as l, jsx as e, Fragment as v } from "react/jsx-runtime";
+import * as C from "react";
+import { Slot as w } from "@radix-ui/react-slot";
+import { cva as j } from "class-variance-authority";
+import { Check as I } from "lucide-react";
+import { Cross as R } from "../../icons/index.js";
+import { cn as m } from "../../lib/utils.js";
+import { useImpactNovaI18n as V } from "../../i18n/ImpactNovaI18nContext.js";
+function _({
+  selected: n,
+  disabled: d
+}) {
+  return d ? /* @__PURE__ */ e(
+    "span",
+    {
+      className: "relative flex size-5 shrink-0 items-center justify-center",
+      "aria-hidden": !0,
+      children: n ? /* @__PURE__ */ l(v, { children: [
+        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-disabled-border" }),
+        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-disabled-foreground" })
+      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-disabled-border bg-transparent" })
+    }
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      className: "relative flex size-5 shrink-0 items-center justify-center",
+      "aria-hidden": !0,
+      children: n ? /* @__PURE__ */ l(v, { children: [
+        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-brand" }),
+        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-brand" })
+      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-border bg-transparent" })
+    }
+  );
+}
+const S = j(
+  "inline-flex min-h-8 max-w-full min-w-0 items-center gap-1 border text-sm font-medium leading-5 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas disabled:pointer-events-none disabled:opacity-100",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground",
-        secondary: "bg-secondary text-secondary-foreground",
-        tertiary: "border border-tertiary-border bg-background text-[#60697d] hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground",
-        outline: "border border-input bg-background",
-        destructive: "bg-destructive text-destructive-foreground"
+        /** IA default chip — same as `neutral` (Figma “Default” type). */
+        default: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
+        /** Figma default / outline chip */
+        neutral: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
+        /** Alias for neutral (legacy docs) */
+        outline: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
+        /** Solid brand (legacy “default”) */
+        primary: "border-transparent bg-brand text-brand-foreground hover:bg-brand-strong",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        tertiary: "border border-stroke-field bg-canvas text-content-tertiary hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive-hover"
+      },
+      shape: {
+        rounded: "rounded-xl",
+        pill: "rounded-full"
       },
       size: {
-        sm: "px-2 py-0.5 text-xs",
-        md: "px-2.5 py-0.5 text-xs",
-        lg: "px-3 py-1 text-sm"
+        sm: "min-h-7 gap-1 px-2 py-1 text-xs leading-4",
+        md: "px-3 py-1.5",
+        lg: "min-h-9 gap-1.5 px-4 py-2 text-sm leading-5"
       },
-      shape: {
-        pill: "rounded-full",
-        rounded: "rounded-[12px]"
+      selected: {
+        true: "",
+        false: ""
       }
     },
+    compoundVariants: [
+      {
+        variant: "default",
+        selected: !0,
+        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
+      },
+      {
+        variant: "neutral",
+        selected: !0,
+        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
+      },
+      {
+        variant: "outline",
+        selected: !0,
+        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
+      }
+    ],
     defaultVariants: {
       variant: "default",
+      shape: "rounded",
       size: "md",
-      shape: "pill"
+      selected: !1
     }
   }
-), C = f.forwardRef(
-  ({ className: a, variant: r, size: o, shape: e, onRemove: n, removable: i, asChild: s = !1, children: d, ...p }, c) => {
-    const { t: u } = h();
+), B = C.forwardRef(
+  ({
+    className: n,
+    variant: d,
+    size: b,
+    shape: c,
+    selected: r = !1,
+    selectionMode: a = "none",
+    trailing: s,
+    onRemove: f,
+    removable: p,
+    asChild: h = !1,
+    disabled: o,
+    children: i,
+    ...g
+  }, x) => {
+    const { t: y } = V(), N = h ? w : "div", t = d ?? "default", u = !!(r && (t === "default" || t === "neutral" || t === "outline")), k = t === "primary" ? r ? "text-brand-foreground" : "text-brand-foreground/75" : t === "destructive" ? r ? "text-destructive-foreground" : "text-destructive-foreground/75" : t === "secondary" ? r ? "text-secondary-foreground" : "text-secondary-foreground/80" : r ? "text-brand" : "text-[#60697d]";
     return /* @__PURE__ */ l(
-      s ? g : "div",
+      N,
       {
-        ref: c,
-        className: v(y({ variant: r, size: o, shape: e }), a),
+        ref: x,
+        className: m(
+          S({
+            variant: d,
+            size: b,
+            shape: c,
+            selected: u
+          }),
+          o && "!border-disabled-border !bg-disabled-surface !text-[#b4bac7] hover:!border-disabled-border hover:!bg-disabled-surface hover:!text-[#b4bac7] [&_.chip-trailing]:!text-[#b4bac7] hover:[&_.chip-trailing]:!text-[#b4bac7] [&_svg]:!text-[#b4bac7]",
+          o && u && "!border-disabled-border !text-disabled-foreground",
+          n
+        ),
         "data-component": "chip",
-        "data-variant": r ?? "default",
-        "data-size": o ?? "md",
-        "data-shape": e ?? "pill",
-        ...p,
+        "data-variant": t,
+        "data-size": b ?? "md",
+        "data-shape": c ?? "rounded",
+        "data-selected": r ? "true" : "false",
+        "data-selection-mode": a,
+        role: a !== "none" ? "button" : void 0,
+        tabIndex: a !== "none" && !o ? 0 : void 0,
+        "aria-disabled": o || void 0,
+        "aria-pressed": a === "single" ? r : void 0,
+        "aria-checked": a === "multi" ? r : void 0,
+        ...g,
         children: [
-          d,
-          i && /* @__PURE__ */ t(
+          a === "single" && /* @__PURE__ */ e("span", { className: "chip-leading flex shrink-0", children: /* @__PURE__ */ e(_, { selected: r, disabled: o }) }),
+          a === "multi" && /* @__PURE__ */ e(
+            I,
+            {
+              className: m(
+                "chip-leading size-5 shrink-0 stroke-[1.75]",
+                k
+              ),
+              "aria-hidden": !0,
+              stroke: "currentColor"
+            }
+          ),
+          i != null && i !== !1 && /* @__PURE__ */ e("span", { className: "flex min-w-0 items-center gap-1 truncate [&>*]:min-w-0", children: i }),
+          s != null && s !== !1 && /* @__PURE__ */ e("span", { className: "chip-trailing shrink-0 font-medium tabular-nums text-current", children: s }),
+          p && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: (m) => {
-                m.stopPropagation(), n?.();
+              onClick: (z) => {
+                z.stopPropagation(), f?.();
               },
-              className: "ml-1 p-1 rounded-full hover:bg-black/20 focus:outline-none focus:ring-2 focus:ring-ring",
-              "aria-label": u("aria.remove"),
+              className: "-mr-0.5 ml-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md text-current hover:bg-content/10 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/30",
+              "aria-label": y("aria.remove"),
               "data-component": "chip-remove",
-              children: /* @__PURE__ */ t(b, { size: 8 })
+              disabled: o,
+              children: /* @__PURE__ */ e(R, { size: 8 })
             }
           )
         ]
@@ -65,8 +165,7 @@ const y = x(
     );
   }
 );
-C.displayName = "Chip";
+B.displayName = "Chip";
 export {
-  C as Chip,
-  y as chipVariants
+  B as Chip
 };

package/dist/components/ui/command-palette/command-palette-layout.d.ts

@@ -0,0 +1,28 @@
+import { CommandDefinition } from './utils';
+/** One visual section (heading + rows). `rowStart` is the index in `orderedCommands` of the first row. */
+export type CommandPaletteLayoutGroup = {
+    heading: string;
+    items: CommandDefinition[];
+    rowStart: number;
+};
+/**
+ * Single model for the palette list: groups define structure; `orderedCommands` is the flat
+ * top-to-bottom order. Keyboard selection always indexes `orderedCommands`.
+ */
+export type CommandPaletteLayout = {
+    groups: CommandPaletteLayoutGroup[];
+    orderedCommands: CommandDefinition[];
+};
+export type BuildCommandPaletteLayoutInput = {
+    /** Commands after fuzzy filter and recency sort (palette pipeline output). */
+    filteredCommands: CommandDefinition[];
+    /** When true, “Recently Used” is split into its own group; when false, group only by category. */
+    emptyQuery: boolean;
+    recentCommandIds: readonly string[];
+    recentGroupLabel: string;
+    defaultGroupLabel: string;
+};
+/**
+ * Pure: filtered commands → visible groups + flat row list in screen order.
+ */
+export declare function buildCommandPaletteLayout(input: BuildCommandPaletteLayoutInput): CommandPaletteLayout;

package/dist/components/ui/command-palette/command-palette-layout.js

@@ -0,0 +1,59 @@
+const w = {
+  modal: 4,
+  page: 3,
+  module: 2,
+  global: 1
+}, G = {
+  user: 2,
+  "ag-grid": 1,
+  browser: 0,
+  system: 0
+};
+function I(l) {
+  const {
+    filteredCommands: m,
+    emptyQuery: u,
+    recentCommandIds: p,
+    recentGroupLabel: n,
+    defaultGroupLabel: i
+  } = l, g = new Set(p), o = /* @__PURE__ */ new Map();
+  if (u) {
+    const t = m.filter((s) => g.has(s.id));
+    t.length > 0 && o.set(n, t);
+    const e = m.filter((s) => !g.has(s.id));
+    for (const s of e) {
+      const r = s.category || i;
+      o.has(r) || o.set(r, []), o.get(r).push(s);
+    }
+  } else
+    for (const t of m) {
+      const e = t.category || i;
+      o.has(e) || o.set(e, []), o.get(e).push(t);
+    }
+  const d = /* @__PURE__ */ new Map();
+  for (const [t, e] of o.entries()) {
+    let s = -1;
+    for (const r of e) {
+      const b = w[r.scope] ?? 1, C = G[r.source ?? "user"] ?? 0;
+      s = Math.max(s, b * 10 + C);
+    }
+    d.set(t, s);
+  }
+  const h = Array.from(o.entries()).filter(([t]) => t !== n).sort(
+    ([t], [e]) => (d.get(e) ?? 0) - (d.get(t) ?? 0)
+  ), c = [];
+  let a = 0;
+  const f = o.get(n);
+  f && (c.push({
+    heading: n,
+    items: f,
+    rowStart: a
+  }), a += f.length);
+  for (const [t, e] of h)
+    c.push({ heading: t, items: e, rowStart: a }), a += e.length;
+  const y = c.flatMap((t) => t.items);
+  return { groups: c, orderedCommands: y };
+}
+export {
+  I as buildCommandPaletteLayout
+};