impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/feedback/sheet/sheet.js

@@ -5,7 +5,7 @@ import { ChevronRight as y, Cross as k } from "impact-nova-icons";
 import { createCompoundPart as S, wrapRadixPart as h } from "../../../lib/primitives/create-compound.js";
 import { cn as x } from "../../../lib/utils.js";
 import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
-import { Tooltip as b, TooltipTrigger as N, TooltipContent as v } from "../tooltip/tooltip.js";
+import { Tooltip as b, TooltipTrigger as v, TooltipContent as N } from "../tooltip/tooltip.js";
 import { SheetContext as C } from "./sheet-context.js";
 import { sheetVariants as P } from "./sheet.variants.js";
 const V = (o) => /* @__PURE__ */ e(t.Root, { "data-component": "sheet", ...o }), q = h(
@@ -22,7 +22,7 @@ const V = (o) => /* @__PURE__ */ e(t.Root, { "data-component": "sheet", ...o }),
   t.Overlay,
   {
     className: x(
-      "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 motion-reduce:animate-none motion-reduce:transition-none",
+      "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 motion-reduce:animate-none motion-reduce:transition-none",
       o
     ),
     ...r,
@@ -88,7 +88,7 @@ const L = ({
     "div",
     {
       className: x(
-        "flex px-4 py-4 shrink-0 items-center justify-between bg-brand-tint border-b",
+        "flex shrink-0 items-center justify-between border-b bg-brand-tint px-4 py-4",
         g === "bottom" && "rounded-t-lg",
         o
       ),
@@ -97,7 +97,7 @@ const L = ({
         /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1 text-center sm:text-start", children: r }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
           u && /* @__PURE__ */ a(b, { children: [
-            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ a(
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
@@ -111,10 +111,10 @@ const L = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(v, { variant: "tertiary", side: "top", children: n ? d : c })
+            /* @__PURE__ */ e(N, { variant: "tertiary", side: "top", children: n ? d : c })
           ] }),
           /* @__PURE__ */ a(b, { children: [
-            /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ a(
+            /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ a(
               R,
               {
                 "data-component": "sheet-close",
@@ -126,7 +126,7 @@ const L = ({
                 ]
               }
             ) }),
-            /* @__PURE__ */ e(v, { variant: "tertiary", side: "top", children: s })
+            /* @__PURE__ */ e(N, { variant: "tertiary", side: "top", children: s })
           ] })
         ] })
       ]
@@ -141,7 +141,7 @@ const G = S("sheet", {
 }), J = S("sheet", {
   part: "footer",
   displayName: "SheetFooter",
-  className: "mt-auto flex px-4 py-3 shrink-0 items-center justify-end gap-2 border-t bg-white"
+  className: "mt-auto flex shrink-0 items-center justify-end gap-2 border-t bg-canvas-elevated px-4 py-3"
 }), K = h(
   "sheet",
   "title",

package/dist/components/feedback/sheet/sheet.variants.js

@@ -1,6 +1,6 @@
 import { cva as t } from "class-variance-authority";
 const a = t(
-  "fixed z-50 gap-4 bg-white 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 motion-reduce:animate-none motion-reduce:transition-none",
+  "fixed z-50 gap-4 bg-canvas-elevated 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 motion-reduce:animate-none motion-reduce:transition-none",
   {
     variants: {
       side: {

package/dist/components/feedback/toast/toast.js

@@ -1,98 +1,89 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import * as i from "react";
-import * as o from "@radix-ui/react-toast";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import "react";
+import * as e from "@radix-ui/react-toast";
 import { Cross as p } from "impact-nova-icons";
+import { createComponent as c } from "../../../lib/primitives/create-component.js";
+import { wrapRadixPart as n } from "../../../lib/primitives/create-compound.js";
 import { cn as a } from "../../../lib/utils.js";
 import { useImpactNovaI18n as l } from "../../../i18n/use-impact-nova-i18n.js";
-import { Tooltip as m, TooltipTrigger as u, TooltipContent as f } from "../tooltip/tooltip.js";
-import { toastVariants as g } from "./toast.variants.js";
-const A = o.Provider, v = i.forwardRef(({ className: t, position: e = "top-right", ...r }, c) => /* @__PURE__ */ s(
-  o.Viewport,
-  {
-    ref: c,
-    className: a(
-      "z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
-      !t?.includes("static") && !t?.includes("absolute") && "fixed",
-      e.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
-      e.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
-      t
-    ),
-    ...r
+import { Tooltip as m, TooltipTrigger as f, TooltipContent as g } from "../tooltip/tooltip.js";
+import { toastVariants as v } from "./toast.variants.js";
+const j = e.Provider, A = c(
+  "ToastViewport",
+  ({ className: t, position: o = "top-right", ...s }, i) => /* @__PURE__ */ r(
+    e.Viewport,
+    {
+      ref: i,
+      className: a(
+        "z-[60] flex max-h-screen w-full p-4 md:max-w-[420px] gap-2",
+        !t?.includes("static") && !t?.includes("absolute") && "fixed",
+        o.startsWith("top") ? "top-0 sm:top-8 flex-col" : "bottom-0 sm:bottom-8 flex-col-reverse",
+        o.endsWith("left") ? "left-0 sm:left-8" : "right-0 sm:right-8",
+        t
+      ),
+      ...s
+    }
+  )
+), D = c(
+  "Toast",
+  ({ className: t, variant: o, ...s }, i) => /* @__PURE__ */ r(
+    e.Root,
+    {
+      ref: i,
+      "data-component": "toast",
+      "data-variant": o ?? "default",
+      className: a(v({ variant: o }), t),
+      ...s
+    }
+  )
+), N = n(
+  "toast",
+  "action",
+  "ToastAction",
+  e.Action,
+  "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive-hover group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive"
+), I = c(
+  "ToastClose",
+  ({ className: t, ...o }, s) => {
+    const { t: i } = l(), u = i("aria.close");
+    return /* @__PURE__ */ d(m, { children: [
+      /* @__PURE__ */ r(f, { asChild: !0, children: /* @__PURE__ */ r(
+        e.Close,
+        {
+          ref: s,
+          "data-component": "toast-close",
+          className: a(
+            "absolute right-1 top-1 rounded-md p-1 text-content/50 opacity-0 transition-opacity hover:text-content focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive",
+            t
+          ),
+          "toast-close": "",
+          "aria-label": u,
+          ...o,
+          children: /* @__PURE__ */ r(p, { className: "!h-3 !w-3" })
+        }
+      ) }),
+      /* @__PURE__ */ r(g, { variant: "tertiary", side: "top", children: u })
+    ] });
   }
-));
-v.displayName = o.Viewport.displayName;
-const x = i.forwardRef(({ className: t, variant: e, ...r }, c) => /* @__PURE__ */ s(
-  o.Root,
-  {
-    ref: c,
-    "data-component": "toast",
-    "data-variant": e ?? "default",
-    className: a(g({ variant: e }), t),
-    ...r
-  }
-));
-x.displayName = o.Root.displayName;
-const h = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
-  o.Action,
-  {
-    ref: r,
-    "data-component": "toast-action",
-    className: a(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive-hover group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      t
-    ),
-    ...e
-  }
-));
-h.displayName = o.Action.displayName;
-const y = i.forwardRef(({ className: t, ...e }, r) => {
-  const { t: c } = l(), n = c("aria.close");
-  return /* @__PURE__ */ d(m, { children: [
-    /* @__PURE__ */ s(u, { asChild: !0, children: /* @__PURE__ */ s(
-      o.Close,
-      {
-        ref: r,
-        "data-component": "toast-close",
-        className: a(
-          "absolute right-1 top-1 rounded-md p-1 text-content/50 opacity-0 transition-opacity hover:text-content focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive group-[.destructive]:focus:ring-offset-destructive",
-          t
-        ),
-        "toast-close": "",
-        "aria-label": n,
-        ...e,
-        children: /* @__PURE__ */ s(p, { className: "!h-3 !w-3" })
-      }
-    ) }),
-    /* @__PURE__ */ s(f, { variant: "tertiary", side: "top", children: n })
-  ] });
-});
-y.displayName = o.Close.displayName;
-const b = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
-  o.Title,
-  {
-    ref: r,
-    "data-component": "toast-title",
-    className: a("text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal", t),
-    ...e
-  }
-));
-b.displayName = o.Title.displayName;
-const N = i.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ s(
-  o.Description,
-  {
-    ref: r,
-    "data-component": "toast-description",
-    className: a("text-sm opacity-90 group-[.basic]:text-center", t),
-    ...e
-  }
-));
-N.displayName = o.Description.displayName;
+), R = n(
+  "toast",
+  "title",
+  "ToastTitle",
+  e.Title,
+  "text-sm font-semibold [&+div]:text-xs group-[.basic]:text-center group-[.basic]:font-normal"
+), W = n(
+  "toast",
+  "description",
+  "ToastDescription",
+  e.Description,
+  "text-sm opacity-90 group-[.basic]:text-center"
+);
 export {
-  x as Toast,
-  h as ToastAction,
-  y as ToastClose,
-  N as ToastDescription,
-  A as ToastProvider,
-  b as ToastTitle,
-  v as ToastViewport
+  D as Toast,
+  N as ToastAction,
+  I as ToastClose,
+  W as ToastDescription,
+  j as ToastProvider,
+  R as ToastTitle,
+  A as ToastViewport
 };

package/dist/components/flows/command-palette/command-palette-context.types.d.ts

@@ -1,6 +1,7 @@
 import { CommandDefinition, KeyBinding, ShortcutScope, ShortcutStorageAdapter } from './utils';
 import { ConflictInfo, ShortcutRegistry } from './shortcut-registry';
 import type * as React from 'react';
+/** App-wide shortcut registry + palette open state. Consume via `useCommandPalette`. */
 export interface CommandPaletteContextValue {
     /** The underlying registry instance */
     registry: ShortcutRegistry;
@@ -37,6 +38,10 @@ export interface CommandPaletteContextValue {
     /** Force a re-render of consumers (incremented on registry change) */
     version: number;
 }
+/**
+ * Wrap the app (or layout) once — registers shortcuts, palette open state, scopes.
+ * Pair with a single `<CommandPalette />` instance in the tree.
+ */
 export interface CommandPaletteProviderProps {
     children: React.ReactNode;
     /** Custom keybinding to open the palette (defaults to ⌘K / Ctrl+K) */

package/dist/components/flows/command-palette/command-palette.d.ts

@@ -21,20 +21,8 @@ declare const CommandPaletteInput: React.ForwardRefExoticComponent<CommandPalett
 declare const CommandPaletteList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandPaletteGroup: React.ForwardRefExoticComponent<CommandPaletteGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const CommandPaletteItem: React.NamedExoticComponent<CommandPaletteItemProps & React.RefAttributes<HTMLDivElement>>;
-declare function CommandPaletteShortcut({ keybinding, isSelected, external, className, ...props }: CommandPaletteShortcutProps): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteShortcut {
-    var displayName: string;
-}
-declare function CommandPaletteEmpty({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteEmpty {
-    var displayName: string;
-}
-declare function CommandPaletteSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteSeparator {
-    var displayName: string;
-}
-declare function CommandPaletteFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteFooter {
-    var displayName: string;
-}
+declare const CommandPaletteShortcut: React.ForwardRefExoticComponent<CommandPaletteShortcutProps & React.RefAttributes<HTMLSpanElement>>;
+declare const CommandPaletteEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandPaletteSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandPaletteFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { CommandPalette, CommandPaletteInput, CommandPaletteList, CommandPaletteGroup, CommandPaletteItem, CommandPaletteShortcut, CommandPaletteEmpty, CommandPaletteSeparator, CommandPaletteFooter, };