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

package/dist/components/layout/header/header.d.ts

@@ -1,25 +1,13 @@
-import { BadgeProps } from '../../data-display/badge';
-import { KeyBinding } from '../../primitives/kbd';
+import { HeaderProps, HeaderLogoProps, HeaderTitleProps, HeaderBadgeProps, HeaderBotButtonProps, NotificationIconButtonProps } from './header.types';
 import * as React from "react";
-declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
 declare const HeaderLeft: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const HeaderRight: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 /** Home/logo link — pass logo content as `children` (e.g. `<img src={IAUrl} />`). No default logo. */
-declare const HeaderLogo: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+declare const HeaderLogo: React.ForwardRefExoticComponent<HeaderLogoProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const HeaderSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const HeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-declare const HeaderBadge: {
-    ({ className, children, style, ...props }: Omit<BadgeProps, "size" | "shape">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-type HeaderBotButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const HeaderTitle: React.ForwardRefExoticComponent<HeaderTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const HeaderBadge: React.ForwardRefExoticComponent<HeaderBadgeProps & React.RefAttributes<HTMLDivElement>>;
 declare const HeaderBotButton: React.ForwardRefExoticComponent<HeaderBotButtonProps & React.RefAttributes<HTMLButtonElement>>;
-interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
-    showIndicator?: boolean;
-    /** Passed through to the underlying icon `Button` tooltip. */
-    tooltipSide?: "top" | "bottom" | "left" | "right";
-    /** Keyboard shortcut shown in the tooltip next to the label (requires `aria-label`). */
-    tooltipKeybinding?: KeyBinding;
-}
 declare const NotificationIconButton: React.ForwardRefExoticComponent<NotificationIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBadge, HeaderBotButton, NotificationIconButton, };

package/dist/components/layout/header/header.js

@@ -1,16 +1,19 @@
-import { jsx as o, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import * as i from "react";
+import { jsx as r, jsxs as c, Fragment as g } from "react/jsx-runtime";
+import "react";
 import { cn as n } from "../../../lib/utils.js";
-import { Button as p } from "../../primitives/button/button.js";
-import { Badge as u } from "../../data-display/badge/badge.js";
+import { createComponent as i } from "../../../lib/primitives/create-component.js";
+import { createCompoundPart as m } from "../../../lib/primitives/create-compound.js";
+import { Button as h } from "../../primitives/button/button.js";
+import { Badge as b } from "../../data-display/badge/badge.js";
 import { Separator as x } from "../../data-display/separator/separator.js";
-import { Alan as h, Bell as g } from "impact-nova-icons";
-import { useImpactNovaI18n as m } from "../../../i18n/use-impact-nova-i18n.js";
-const b = i.forwardRef(
-  ({ className: a, children: e, ...t }, r) => /* @__PURE__ */ o(
+import { Alan as v, Bell as N } from "impact-nova-icons";
+import { useImpactNovaI18n as p } from "../../../i18n/use-impact-nova-i18n.js";
+const I = i(
+  "Header",
+  ({ className: a, children: e, ...t }, o) => /* @__PURE__ */ r(
     "header",
     {
-      ref: r,
+      ref: o,
       "data-component": "header",
       className: n(
         "sticky top-0 z-40 flex h-14 w-full items-center justify-between bg-canvas-elevated px-6 shadow-elevation-header",
@@ -20,47 +23,34 @@ const b = i.forwardRef(
       children: e
     }
   )
-);
-b.displayName = "Header";
-const N = i.forwardRef(({ className: a, children: e, ...t }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: n("flex flex-row items-center justify-start", a),
-    ...t,
-    children: e
-  }
-));
-N.displayName = "HeaderLeft";
-const v = i.forwardRef(({ className: a, children: e, ...t }, r) => /* @__PURE__ */ o(
-  "div",
-  {
-    ref: r,
-    className: n("flex flex-row items-center justify-start gap-5", a),
-    ...t,
-    children: e
+), _ = m("header", {
+  part: "left",
+  displayName: "HeaderLeft",
+  className: "flex flex-row items-center justify-start"
+}), C = m("header", {
+  part: "right",
+  displayName: "HeaderRight",
+  className: "flex flex-row items-center justify-start gap-5"
+}), P = i(
+  "HeaderLogo",
+  ({ className: a, children: e, href: t = "/", "aria-label": o, ...s }, d) => {
+    const { t: l } = p();
+    return /* @__PURE__ */ r(
+      "a",
+      {
+        href: t,
+        ref: d,
+        "aria-label": o ?? l("aria.home"),
+        className: n(
+          "h-9 flex items-center justify-center cursor-pointer [&_img]:dark:brightness-0 [&_img]:dark:invert",
+          a
+        ),
+        ...s,
+        children: e
+      }
+    );
   }
-));
-v.displayName = "HeaderRight";
-const y = i.forwardRef(({ className: a, children: e, href: t = "/", "aria-label": r, ...s }, d) => {
-  const { t: l } = m();
-  return /* @__PURE__ */ o(
-    "a",
-    {
-      href: t,
-      ref: d,
-      "aria-label": r ?? l("aria.home"),
-      className: n(
-        "h-9 flex items-center justify-center cursor-pointer",
-        a
-      ),
-      ...s,
-      children: e
-    }
-  );
-});
-y.displayName = "HeaderLogo";
-const w = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
+), R = i("HeaderSeparator", ({ className: a, ...e }, t) => /* @__PURE__ */ r(
   x,
   {
     ref: t,
@@ -68,90 +58,97 @@ const w = i.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
     className: n("h-6 mx-3", a),
     ...e
   }
-));
-w.displayName = "HeaderSeparator";
-const H = i.forwardRef(({ className: a, children: e, ...t }, r) => /* @__PURE__ */ o(
-  "h1",
-  {
-    ref: r,
-    className: n("text-base font-extrabold leading-6 text-content", a),
-    ...t,
-    children: e
-  }
-)), R = ({ className: a, children: e, style: t, ...r }) => /* @__PURE__ */ o(
-  u,
-  {
-    size: "sm",
-    shape: "circle",
-    className: n("border-none header-badge-gradient text-white", a),
-    style: t,
-    ...r,
-    children: e
-  }
-);
-R.displayName = "HeaderBadge";
-H.displayName = "HeaderTitle";
-const T = i.forwardRef(({ className: a, children: e, ...t }, r) => /* @__PURE__ */ o(
-  "button",
-  {
-    ref: r,
-    type: "button",
-    className: n(
-      "relative flex items-center justify-center w-[106px] h-[34px] gap-[7px] px-[11px] py-0 rounded-lg cursor-pointer border-0 outline-none",
-      "header-bot-button-gradient",
-      "animate-header-bot-gradient hover:animate-header-bot-gradient-fast motion-reduce:animate-none",
-      a
-    ),
-    ...t,
-    children: e || /* @__PURE__ */ c(f, { children: [
-      /* @__PURE__ */ o(h, { size: 20, className: "text-brand-foreground" }),
-      /* @__PURE__ */ o("span", { className: "text-sm font-semibold leading-[20px] text-brand-foreground whitespace-nowrap", children: "Ask Alan" })
-    ] })
-  }
-)), z = i.forwardRef(
+)), T = i(
+  "HeaderTitle",
+  ({ className: a, children: e, ...t }, o) => /* @__PURE__ */ r(
+    "h1",
+    {
+      ref: o,
+      className: n("text-base font-extrabold leading-6 text-content", a),
+      ...t,
+      children: e
+    }
+  )
+), F = i(
+  "HeaderBadge",
+  ({ className: a, children: e, style: t, ...o }, s) => /* @__PURE__ */ r(
+    b,
+    {
+      ref: s,
+      size: "sm",
+      shape: "circle",
+      className: n("border-none header-badge-gradient text-brand-foreground", a),
+      style: t,
+      ...o,
+      children: e
+    }
+  )
+), q = i(
+  "HeaderBotButton",
+  ({ className: a, children: e, ...t }, o) => /* @__PURE__ */ r(
+    "button",
+    {
+      ref: o,
+      type: "button",
+      className: n(
+        "relative flex items-center justify-center w-[106px] h-[34px] gap-[7px] px-[11px] py-0 rounded-lg cursor-pointer border-0 outline-none",
+        "header-bot-button-gradient",
+        "animate-header-bot-gradient hover:animate-header-bot-gradient-fast motion-reduce:animate-none",
+        a
+      ),
+      ...t,
+      children: e || /* @__PURE__ */ c(g, { children: [
+        /* @__PURE__ */ r(v, { size: 20, className: "text-brand-foreground" }),
+        /* @__PURE__ */ r("span", { className: "text-sm font-semibold leading-[20px] text-brand-foreground whitespace-nowrap", children: "Ask Alan" })
+      ] })
+    }
+  )
+), D = i(
+  "NotificationIconButton",
   ({
     className: a,
     showIndicator: e,
-    tooltipSide: t = "top",
-    tooltipKeybinding: r,
-    ...s
-  }, d) => {
-    const { t: l } = m();
+    indicatorVariant: t = "unread",
+    tooltipSide: o = "top",
+    tooltipKeybinding: s,
+    ...d
+  }, l) => {
+    const { t: f } = p(), u = t === "stale";
     return /* @__PURE__ */ c(
-      p,
+      h,
       {
         variant: "ghost",
         size: "icon",
-        ref: d,
-        "aria-label": l("notificationPanel.title"),
-        tooltipSide: t,
-        tooltipKeybinding: r,
+        ref: l,
+        "aria-label": f("notificationPanel.title"),
+        tooltipSide: o,
+        tooltipKeybinding: s,
         "data-indicator": e ? "" : void 0,
+        "data-indicator-variant": e ? t : void 0,
         className: n(
           "relative text-content-header-notification [&_svg]:size-6 hover:text-content",
           a
         ),
-        ...s,
+        ...d,
         children: [
-          /* @__PURE__ */ o(g, { size: 24 }),
-          e && /* @__PURE__ */ c("div", { className: "absolute top-1.5 right-1.5 size-2.5 pointer-events-none z-10", children: [
-            /* @__PURE__ */ o("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-2.5 rounded-full bg-feedback-error-surface animate-notification-waves motion-reduce:animate-none" }),
-            /* @__PURE__ */ o("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-2 rounded-full bg-destructive" })
-          ] })
+          /* @__PURE__ */ r(N, { size: 24 }),
+          e && (u ? /* @__PURE__ */ r("div", { className: "absolute top-1.5 right-1.5 size-2 pointer-events-none z-10 rounded-full bg-content-tertiary" }) : /* @__PURE__ */ c("div", { className: "absolute top-1.5 right-1.5 size-2.5 pointer-events-none z-10", children: [
+            /* @__PURE__ */ r("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-2.5 rounded-full bg-feedback-error-surface animate-notification-waves motion-reduce:animate-none" }),
+            /* @__PURE__ */ r("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-2 rounded-full bg-destructive" })
+          ] }))
         ]
       }
     );
   }
 );
-z.displayName = "NotificationIconButton";
 export {
-  b as Header,
-  R as HeaderBadge,
-  T as HeaderBotButton,
-  N as HeaderLeft,
-  y as HeaderLogo,
-  v as HeaderRight,
-  w as HeaderSeparator,
-  H as HeaderTitle,
-  z as NotificationIconButton
+  I as Header,
+  F as HeaderBadge,
+  q as HeaderBotButton,
+  _ as HeaderLeft,
+  P as HeaderLogo,
+  C as HeaderRight,
+  R as HeaderSeparator,
+  T as HeaderTitle,
+  D as NotificationIconButton
 };

package/dist/components/layout/header/header.types.d.ts

@@ -11,8 +11,11 @@ export type HeaderSeparatorProps = React.ComponentPropsWithoutRef<typeof Separat
 export type HeaderTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
 export type HeaderBadgeProps = Omit<BadgeProps, "size" | "shape">;
 export type HeaderBotButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type NotificationIndicatorVariant = "unread" | "stale";
 export interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     showIndicator?: boolean;
+    /** `unread` — live count (destructive). `stale` — offline / unverified count (muted). */
+    indicatorVariant?: NotificationIndicatorVariant;
     /** Passed through to the underlying icon `Button` tooltip. */
     tooltipSide?: "top" | "bottom" | "left" | "right";
     /** Keyboard shortcut shown in the tooltip next to the label (requires `aria-label`). */

package/dist/components/layout/sidebar/sidebar.js

@@ -120,7 +120,7 @@ const ee = o.forwardRef(
                 className: l(
                   "absolute inset-y-0 left-0 z-[45] duration-200 ease-linear md:flex h-full w-[--sidebar-width] flex-col bg-navigation group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-navigation-border group-data-[variant=floating]:shadow",
                   "group-data-[state=collapsed]:w-[--sidebar-width-icon]",
-                  r === "left" ? "border-e group-data-[variant=floating]:border-e-0" : "border-s group-data-[variant=floating]:border-s-0",
+                  r === "left" ? "border-e border-navigation-border group-data-[variant=floating]:border-e-0" : "border-s border-navigation-border group-data-[variant=floating]:border-s-0",
                   i
                 ),
                 ...d,
@@ -151,7 +151,7 @@ const ae = o.forwardRef(({ className: r, onClick: t, ...e }, i) => {
       variant: "ghost",
       size: "icon",
       className: l(
-        "rounded-lg p-0 hover:bg-transparent h-10 w-10 min-h-10 min-w-10 [&_svg]:size-10",
+        "h-10 w-10 min-h-10 min-w-10 rounded-lg p-0 hover:bg-transparent focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 [&_svg]:size-10",
         r
       ),
       onClick: (b) => {
@@ -250,7 +250,7 @@ const se = o.forwardRef(({ className: r, ...t }, e) => /* @__PURE__ */ a(
     ref: e,
     "data-sidebar": "separator",
     className: l(
-      "mx-5 w-auto bg-sidebar-border group-data-[state=collapsed]:mx-0 group-data-[state=collapsed]:w-full",
+      "mx-5 w-auto bg-navigation-border group-data-[state=collapsed]:mx-0 group-data-[state=collapsed]:w-full",
       r
     ),
     ...t
@@ -299,12 +299,12 @@ const de = o.forwardRef(
                 },
                 children: [
                   s.icon,
-                  /* @__PURE__ */ a("span", { children: s.label })
+                  /* @__PURE__ */ a("span", { "data-sidebar": "menu-label", children: s.label })
                 ]
               }
             ) : /* @__PURE__ */ g(C, { children: [
               s.icon,
-              /* @__PURE__ */ a("span", { children: s.label })
+              /* @__PURE__ */ a("span", { "data-sidebar": "menu-label", children: s.label })
             ] })
           }
         ),

package/dist/components/layout/sidebar/sidebar.variants.js

@@ -1,6 +1,6 @@
 import { cva as e } from "class-variance-authority";
 const t = e(
-  "peer/menu-button flex w-full items-center gap-[22px] overflow-visible py-[14px] px-[20px] text-start text-[14px] outline-none ring-navigation-ring transition-[width,height,padding,background-color] hover:bg-navigation-item-active hover:text-navigation-on-hover focus-visible:ring-2 disabled:pointer-events-none disabled:text-navigation-muted group-has-[[data-sidebar=menu-action]]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:text-navigation-muted aria-disabled:opacity-50 hover:aria-disabled:bg-transparent data-[active=true]:bg-navigation-item-active data-[active=true]:font-medium data-[active=true]:text-navigation-on-hover cursor-pointer group-data-[state=collapsed]:!w-[var(--sidebar-width-icon)] group-data-[state=collapsed]:!h-12 group-data-[state=collapsed]:!p-0 group-data-[state=collapsed]:!ps-[20px] [&>[data-sidebar=menu-label]]:truncate [&>svg]:size-5 [&>img]:size-5 [&>svg]:shrink-0 [&>svg]:text-inherit group-data-[state=collapsed]:[&>[data-sidebar=menu-label]]:sr-only group-data-[state=collapsed]:[&>svg:not(:first-of-type)]:hidden [&>[data-sidebar=menu-button-chevron]]:ms-auto [&>[data-sidebar=menu-button-chevron]]:size-4 [&>[data-sidebar=menu-button-chevron]]:transition-transform [&>[data-sidebar=menu-button-chevron]]:duration-200 [&>[data-sidebar=menu-button-chevron]]:rotate-90 data-[state=open]:[&>[data-sidebar=menu-button-chevron]]:rotate-[270deg] before:absolute before:start-0 before:top-0 before:w-1 before:bg-success before:rounded-e-[4px] before:transition-[height] before:duration-200 before:linear before:z-20 data-[active=false]:before:h-0 data-[active=true]:before:h-full",
+  "peer/menu-button flex w-full items-center gap-[22px] overflow-hidden py-[14px] px-[20px] text-start text-[14px] outline-none ring-navigation-ring transition-[width,height,padding,background-color] hover:bg-navigation-item-active hover:text-navigation-on-hover focus-visible:ring-2 disabled:pointer-events-none disabled:text-navigation-muted group-has-[[data-sidebar=menu-action]]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:text-navigation-muted aria-disabled:opacity-50 hover:aria-disabled:bg-transparent data-[active=true]:bg-navigation-item-active data-[active=true]:font-medium data-[active=true]:text-navigation-on-hover cursor-pointer group-data-[state=collapsed]:!w-[var(--sidebar-width-icon)] group-data-[state=collapsed]:!h-12 group-data-[state=collapsed]:!p-0 group-data-[state=collapsed]:!ps-[20px] [&>[data-sidebar=menu-label]]:truncate [&>svg]:size-5 [&>img]:size-5 [&>svg]:shrink-0 [&>svg]:text-inherit group-data-[state=collapsed]:[&>[data-sidebar=menu-label]]:sr-only group-data-[state=collapsed]:[&>svg:not(:first-of-type)]:hidden [&>[data-sidebar=menu-button-chevron]]:ms-auto [&>[data-sidebar=menu-button-chevron]]:size-4 [&>[data-sidebar=menu-button-chevron]]:transition-transform [&>[data-sidebar=menu-button-chevron]]:duration-200 [&>[data-sidebar=menu-button-chevron]]:rotate-90 data-[state=open]:[&>[data-sidebar=menu-button-chevron]]:rotate-[270deg] before:absolute before:start-0 before:top-0 before:w-1 before:bg-success before:rounded-e-[4px] before:transition-[height] before:duration-200 before:linear before:z-20 data-[active=false]:before:h-0 data-[active=true]:before:h-full",
   {
     variants: {
       variant: {

package/dist/components/primitives/accordion/accordion.js

@@ -1,44 +1,44 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import * as l from "react";
-import * as t from "@radix-ui/react-accordion";
-import { ChevronRight as N } from "impact-nova-icons";
+import "react";
+import * as o from "@radix-ui/react-accordion";
+import { ChevronRight as b } from "impact-nova-icons";
+import { createComponent as l } from "../../../lib/primitives/create-component.js";
 import { cn as i } from "../../../lib/utils.js";
-import { useImpactNovaI18n as b } from "../../../i18n/use-impact-nova-i18n.js";
-const d = "motion-reduce:animate-none motion-reduce:transition-none", O = (n) => /* @__PURE__ */ e(t.Root, { "data-component": "accordion", ...n }), y = {
+import { useImpactNovaI18n as N } from "../../../i18n/use-impact-nova-i18n.js";
+const d = "motion-reduce:animate-none motion-reduce:transition-none", O = (n) => /* @__PURE__ */ e(o.Root, { "data-component": "accordion", ...n }), A = {
   2: "h2",
   3: "h3",
   4: "h4",
   5: "h5",
   6: "h6"
-}, p = "m-0 p-0 text-inherit font-inherit", w = l.forwardRef(({ className: n, ...o }, a) => /* @__PURE__ */ e(
-  t.Item,
+}, x = "m-0 p-0 text-inherit font-inherit", R = l("AccordionItem", ({ className: n, ...t }, r) => /* @__PURE__ */ e(
+  o.Item,
   {
-    ref: a,
+    ref: r,
     "data-component": "accordion-item",
-    "data-item": o.value,
-    "data-disabled": o.disabled ? "" : void 0,
+    "data-item": t.value,
+    "data-disabled": t.disabled ? "" : void 0,
     className: i(
       "ia-accordion-item border-b rounded-lg bg-canvas-elevated border-border-subtle",
       n
     ),
-    ...o
+    ...t
   }
-));
-w.displayName = "AccordionItem";
-const C = l.forwardRef(
+)), j = l(
+  "AccordionTrigger",
   ({
     className: n,
-    children: o,
-    badge: a,
-    rightActions: r,
+    children: t,
+    badge: r,
+    rightActions: a,
     headingLevel: s = 2,
-    variant: x = "default",
+    variant: h = "default",
     renderChevronTooltip: m,
     ...f
   }, u) => {
-    const { t: h } = b(), g = y[s];
-    return x === "plain" ? /* @__PURE__ */ e(t.Header, { asChild: !0, className: "flex flex-1", children: /* @__PURE__ */ e(g, { className: i("flex flex-1", p), children: /* @__PURE__ */ e(
-      t.Trigger,
+    const { t: p } = N(), g = A[s];
+    return h === "plain" ? /* @__PURE__ */ e(o.Header, { asChild: !0, className: "flex flex-1", children: /* @__PURE__ */ e(g, { className: i("flex flex-1", x), children: /* @__PURE__ */ e(
+      o.Trigger,
       {
         ref: u,
         className: i(
@@ -47,19 +47,19 @@ const C = l.forwardRef(
           n
         ),
         ...f,
-        children: o
+        children: t
       }
-    ) }) }) : /* @__PURE__ */ e(t.Header, { asChild: !0, children: /* @__PURE__ */ c(
+    ) }) }) : /* @__PURE__ */ e(o.Header, { asChild: !0, children: /* @__PURE__ */ c(
       g,
       {
         className: i(
           "flex items-center",
-          p
+          x
         ),
         style: { overflow: "visible" },
         children: [
           /* @__PURE__ */ c(
-            t.Trigger,
+            o.Trigger,
             {
               ref: u,
               className: i(
@@ -75,7 +75,7 @@ const C = l.forwardRef(
                     {
                       className: `flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200 ${d}`,
                       children: /* @__PURE__ */ e(
-                        N,
+                        b,
                         {
                           size: 19,
                           className: `transition-transform duration-200 ${d}`
@@ -83,38 +83,35 @@ const C = l.forwardRef(
                       )
                     }
                   );
-                  return m ? m(v, h("aria.toggle")) : v;
+                  return m ? m(v, p("aria.toggle")) : v;
                 })(),
                 /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-                  o,
-                  a
+                  t,
+                  r
                 ] })
               ]
             }
           ),
-          r ? /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center pe-4", children: r }) : null
+          a ? /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center pe-4", children: a }) : null
         ]
       }
     ) });
   }
-);
-C.displayName = t.Trigger.displayName;
-const A = l.forwardRef(({ className: n, children: o, surfaceClassName: a, ...r }, s) => /* @__PURE__ */ e(
-  t.Content,
+), D = l("AccordionContent", ({ className: n, children: t, surfaceClassName: r, ...a }, s) => /* @__PURE__ */ e(
+  o.Content,
   {
     ref: s,
     className: i(
       `overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible ${d}`,
-      a
+      r
     ),
-    ...r,
-    children: /* @__PURE__ */ e("div", { className: i("px-4 pb-4 pt-2", n), children: o })
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: i("px-4 pb-4 pt-2", n), children: t })
   }
 ));
-A.displayName = t.Content.displayName;
 export {
   O as Accordion,
-  A as AccordionContent,
-  w as AccordionItem,
-  C as AccordionTrigger
+  D as AccordionContent,
+  R as AccordionItem,
+  j as AccordionTrigger
 };

package/dist/components/primitives/kbd/kbd.variants.js

@@ -11,7 +11,7 @@ const r = e(
       variant: {
         default: "bg-canvas-muted border-stroke-hairline text-content-charcoal shadow-[0_1px_0_0_var(--color-border-hairline)]",
         muted: "bg-stroke-hairline border-stroke-hairline text-secondary-foreground",
-        dark: "bg-content text-canvas border-stroke shadow-[0_1px_0_0_hsl(0_0%_0%_/_0.25)]"
+        dark: "bg-content text-canvas border-stroke shadow-elevation-kbd-dark"
       }
     },
     defaultVariants: {

package/dist/i18n/defaultMessages.d.ts

@@ -124,8 +124,10 @@ export interface DataTableMessages {
     /** Column indicator labels */
     indicatorSort: string;
     indicatorSearch: string;
+    indicatorNonSavable: string;
     indicatorSortedAriaLabel: string;
     indicatorFilteredAriaLabel: string;
+    indicatorNonSavableAriaLabel: string;
     /** Pin switch accessibility labels */
     pinSwitchPinnedLeft: string;
     pinSwitchPinnedRight: string;

package/dist/i18n/defaultMessages.js

@@ -47,7 +47,7 @@ const e = {
   between: "Between",
   inSet: "In Set",
   notInSet: "Not In Set"
-}, o = {
+}, a = {
   search: "Search",
   searchPlaceholder: "Search...",
   select: "Select...",
@@ -62,7 +62,7 @@ const e = {
   logicAll: "all",
   logicAny: "any",
   operators: l
-}, a = {
+}, o = {
   placeholder: "Select...",
   searchHere: "Search here...",
   selectAll: "Select All",
@@ -107,8 +107,10 @@ const e = {
   numericFullPrecision: "Full Precision (Decimal)",
   indicatorSort: "Sort",
   indicatorSearch: "Search",
+  indicatorNonSavable: "Non Savable",
   indicatorSortedAriaLabel: "Column is sorted",
   indicatorFilteredAriaLabel: "Column has active filter",
+  indicatorNonSavableAriaLabel: "Column is not saved with views",
   pinSwitchPinnedLeft: "Pinned left, click to pin right",
   pinSwitchPinnedRight: "Pinned right, click to pin left",
   pinSwitchNotPinned: "Not pinned, click to pin left",
@@ -244,8 +246,8 @@ const e = {
 }, v = {
   calendar: e,
   datePicker: t,
-  filter: o,
-  select: a,
+  filter: a,
+  select: o,
   nestedList: i,
   dataTable: n,
   aria: r,

package/dist/i18n/locales/de.js

@@ -113,8 +113,10 @@ const e = {
     numericFullPrecision: "Volle Präzision (Dezimal)",
     indicatorSort: "Sortierung",
     indicatorSearch: "Suche",
+    indicatorNonSavable: "Nicht speicherbar",
     indicatorSortedAriaLabel: "Spalte ist sortiert",
     indicatorFilteredAriaLabel: "Spalte hat aktiven Filter",
+    indicatorNonSavableAriaLabel: "Spalte wird nicht mit Ansichten gespeichert",
     pinSwitchPinnedLeft: "Links fixiert, klicken um rechts zu fixieren",
     pinSwitchPinnedRight: "Rechts fixiert, klicken um links zu fixieren",
     pinSwitchNotPinned: "Nicht fixiert, klicken um links zu fixieren",

package/dist/i18n/locales/es.js

@@ -113,8 +113,10 @@ const e = {
     numericFullPrecision: "Precisión completa (decimal)",
     indicatorSort: "Ordenar",
     indicatorSearch: "Buscar",
+    indicatorNonSavable: "No guardable",
     indicatorSortedAriaLabel: "Columna ordenada",
     indicatorFilteredAriaLabel: "Columna con filtro activo",
+    indicatorNonSavableAriaLabel: "La columna no se guarda con las vistas",
     pinSwitchPinnedLeft: "Fijado a la izquierda, clic para fijar a la derecha",
     pinSwitchPinnedRight: "Fijado a la derecha, clic para fijar a la izquierda",
     pinSwitchNotPinned: "No fijado, clic para fijar a la izquierda",

package/dist/i18n/locales/hi.js

@@ -113,8 +113,10 @@ const e = {
     numericFullPrecision: "पूर्ण परिशुद्धता (दशमलव)",
     indicatorSort: "क्रमबद्ध",
     indicatorSearch: "खोज",
+    indicatorNonSavable: "गैर-सहेजने योग्य",
     indicatorSortedAriaLabel: "कॉलम क्रमबद्ध है",
     indicatorFilteredAriaLabel: "कॉलम में सक्रिय फ़िल्टर है",
+    indicatorNonSavableAriaLabel: "कॉलम व्यू के साथ सहेजा नहीं जाता",
     pinSwitchPinnedLeft: "बाएं पिन किया गया, दाएं पिन करने के लिए क्लिक करें",
     pinSwitchPinnedRight: "दाएं पिन किया गया, बाएं पिन करने के लिए क्लिक करें",
     pinSwitchNotPinned: "पिन नहीं किया गया, बाएं पिन करने के लिए क्लिक करें",

package/dist/i18n/locales/kn.js

@@ -113,8 +113,10 @@ const e = {
     numericFullPrecision: "ಪೂರ್ಣ ನಿಖರತೆ (ದಶಮಾಂಶ)",
     indicatorSort: "ವಿಂಗಡಿಸು",
     indicatorSearch: "ಹುಡುಕು",
+    indicatorNonSavable: "ಉಳಿಸಲಾಗದ",
     indicatorSortedAriaLabel: "ಕಾಲಮ್ ವಿಂಗಡಿಸಲಾಗಿದೆ",
     indicatorFilteredAriaLabel: "ಕಾಲಮ್‌ನಲ್ಲಿ ಸಕ್ರಿಯ ಫಿಲ್ಟರ್ ಇದೆ",
+    indicatorNonSavableAriaLabel: "ಕಾಲಮ್ ವೀಕ್ಷಣೆಗಳೊಂದಿಗೆ ಉಳಿಸಲಾಗುವುದಿಲ್ಲ",
     pinSwitchPinnedLeft: "ಎಡಕ್ಕೆ ಪಿನ್ ಮಾಡಲಾಗಿದೆ, ಬಲಕ್ಕೆ ಪಿನ್ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ",
     pinSwitchPinnedRight: "ಬಲಕ್ಕೆ ಪಿನ್ ಮಾಡಲಾಗಿದೆ, ಎಡಕ್ಕೆ ಪಿನ್ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ",
     pinSwitchNotPinned: "ಪಿನ್ ಮಾಡಲಾಗಿಲ್ಲ, ಎಡಕ್ಕೆ ಪಿನ್ ಮಾಡಲು ಕ್ಲಿಕ್ ಮಾಡಿ",