impact-nova 2.0.2 → 2.0.3

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

@@ -12,6 +12,8 @@ export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, Variant
     removable?: boolean;
     onRemove?: () => void;
     asChild?: boolean;
+    /** Render a native `<button>` instead of `<span>` for interactive tags. */
+    asButton?: boolean;
 }
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>>;
 export { Tag, tagVariants };

package/dist/components/ui/tag.js

@@ -1,12 +1,12 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import * as f from "react";
-import { Slot as v } from "@radix-ui/react-slot";
-import { cva as h } from "class-variance-authority";
-import { Cross as x } from "impact-nova-icons";
-import { Button as y } from "./button.js";
-import { cn as w } from "../../lib/utils.js";
-import { useImpactNovaI18n as k } from "../../i18n/ImpactNovaI18nContext.js";
-const N = h(
+import { jsxs as x, Fragment as y, jsx as e } from "react/jsx-runtime";
+import * as w from "react";
+import { Slot as N } from "@radix-ui/react-slot";
+import { cva as k } from "class-variance-authority";
+import { Cross as j } from "impact-nova-icons";
+import { Button as z } from "./button.js";
+import { cn as C } from "../../lib/utils.js";
+import { useImpactNovaI18n as R } from "../../i18n/ImpactNovaI18nContext.js";
+const T = k(
   "inline-flex items-center justify-center rounded-full transition-colors whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2",
   {
     variants: {
@@ -39,45 +39,66 @@ const N = h(
       shape: "pill"
     }
   }
-), j = f.forwardRef(
-  ({ className: s, variant: t, size: r, shape: o, leftIcon: n, rightIcon: a, removable: i, onRemove: c, asChild: d = !1, children: l, ...m }, b) => {
-    const { t: g } = k();
-    return /* @__PURE__ */ p(
-      d ? v : "span",
+), V = w.forwardRef(
+  ({ className: g, variant: s, size: c, shape: i, leftIcon: d, rightIcon: l, removable: u, onRemove: b, asChild: m = !1, asButton: f = !1, children: p, ...t }, r) => {
+    const { t: h } = R(), n = C(T({ variant: s, size: c, shape: i }), g), a = {
+      "data-component": "tag",
+      "data-variant": s ?? "default",
+      "data-size": c ?? "md",
+      "data-shape": i ?? "pill"
+    }, o = /* @__PURE__ */ x(y, { children: [
+      d && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: d }),
+      p,
+      l && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: l }),
+      u && /* @__PURE__ */ e(
+        z,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          "aria-label": h("aria.remove"),
+          onClick: (v) => {
+            v.stopPropagation(), b?.();
+          },
+          className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-content/10 transition-colors p-0 [&_svg]:size-3",
+          "data-component": "tag-remove",
+          children: /* @__PURE__ */ e(j, { className: "!h-2.5 !w-2.5" })
+        }
+      )
+    ] });
+    return m ? /* @__PURE__ */ e(
+      N,
       {
-        ref: b,
-        className: w(N({ variant: t, size: r, shape: o }), s),
-        "data-component": "tag",
-        "data-variant": t ?? "default",
-        "data-size": r ?? "md",
-        "data-shape": o ?? "pill",
-        ...m,
-        children: [
-          n && /* @__PURE__ */ e("span", { className: "mr-1.5 flex shrink-0 items-center justify-center", children: n }),
-          l,
-          a && /* @__PURE__ */ e("span", { className: "ml-1.5 flex shrink-0 items-center justify-center", children: a }),
-          i && /* @__PURE__ */ e(
-            y,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              "aria-label": g("aria.remove"),
-              onClick: (u) => {
-                u.stopPropagation(), c?.();
-              },
-              className: "ml-1.5 h-4 w-4 shrink-0 rounded-full hover:bg-content/10 transition-colors p-0 [&_svg]:size-3",
-              "data-component": "tag-remove",
-              children: /* @__PURE__ */ e(x, { className: "!h-2.5 !w-2.5" })
-            }
-          )
-        ]
+        ref: r,
+        className: n,
+        ...a,
+        ...t,
+        children: o
+      }
+    ) : f ? /* @__PURE__ */ e(
+      "button",
+      {
+        ref: r,
+        type: "button",
+        className: n,
+        ...a,
+        ...t,
+        children: o
+      }
+    ) : /* @__PURE__ */ e(
+      "span",
+      {
+        ref: r,
+        className: n,
+        ...a,
+        ...t,
+        children: o
       }
     );
   }
 );
-j.displayName = "Tag";
+V.displayName = "Tag";
 export {
-  j as Tag,
-  N as tagVariants
+  V as Tag,
+  T as tagVariants
 };

package/dist/components/ui/types/empty-container.types.d.ts

@@ -14,6 +14,8 @@ export interface EmptyContainerImageProps extends HTMLAttributes<HTMLDivElement>
 export interface EmptyContainerTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     children: ReactNode;
     asChild?: boolean;
+    /** Semantic heading level for page content after the app `h1`. Defaults to `h2`. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
 export interface EmptyContainerDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
     children: ReactNode;

package/dist/i18n/defaultMessages.d.ts

@@ -155,6 +155,7 @@ export interface DataTableMessages {
 export interface AriaMessages {
     close: string;
     breadcrumb: string;
+    home: string;
     remove: string;
     removeFile: string;
     toggleSidebar: string;

package/dist/i18n/defaultMessages.js

@@ -134,6 +134,7 @@ const e = {
 }, s = {
   close: "Close",
   breadcrumb: "breadcrumb",
+  home: "Home",
   remove: "Remove",
   removeFile: "Remove file",
   toggleSidebar: "Toggle Sidebar",

package/dist/i18n/locales/de.js

@@ -141,6 +141,7 @@ const e = {
   aria: {
     close: "Schließen",
     breadcrumb: "Brotkrumen",
+    home: "Startseite",
     remove: "Entfernen",
     removeFile: "Datei entfernen",
     toggleSidebar: "Seitenleiste umschalten",

package/dist/i18n/locales/es.js

@@ -141,6 +141,7 @@ const e = {
   aria: {
     close: "Cerrar",
     breadcrumb: "miga de pan",
+    home: "Inicio",
     remove: "Eliminar",
     removeFile: "Eliminar archivo",
     toggleSidebar: "Alternar barra lateral",

package/dist/i18n/locales/hi.js

@@ -141,6 +141,7 @@ const e = {
   aria: {
     close: "बंद करें",
     breadcrumb: "ब्रेडक्रंब",
+    home: "होम",
     remove: "हटाएं",
     removeFile: "फ़ाइल हटाएं",
     toggleSidebar: "साइडबार टॉगल करें",

package/dist/i18n/locales/kn.js

@@ -141,6 +141,7 @@ const e = {
   aria: {
     close: "ಮುಚ್ಚಿ",
     breadcrumb: "ಬ್ರೆಡ್‌ಕ್ರಂಬ್",
+    home: "ಮುಖಪುಟ",
     remove: "ತೆಗೆದುಹಾಕಿ",
     removeFile: "ಫೈಲ್ ತೆಗೆದುಹಾಕಿ",
     toggleSidebar: "ಸೈಡ್‌ಬಾರ್ ಟಾಗಲ್ ಮಾಡಿ",

package/dist/impact-nova-components.css

@@ -211,6 +211,10 @@
   z-index: 1;
 }
 
+.ag-header-row:not(:has(.ag-header-cell, .ag-header-group-cell)) {
+  display: none;
+}
+
 .ag-header-cell .ag-header-cell-label,
 .ag-header-cell .ag-header-cell-text {
   white-space: normal;