impact-nova 3.0.0-alpha.2 → 3.0.0-alpha.3

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js

@@ -3,7 +3,8 @@ import { Badge as s } from "../../data-display/badge/badge.js";
 import { FilterPopoverContent as u } from "../../flows/filter-strip/filter-tag-list.js";
 import { Popover as b, PopoverTrigger as f } from "../../feedback/popover/popover.js";
 import { Tooltip as g, TooltipTrigger as v, TooltipContent as x } from "../../feedback/tooltip/tooltip.js";
-function w({
+import "react";
+function I({
   tags: o,
   title: l = "Attributes",
   maxVisibleTags: n = 4,
@@ -70,5 +71,5 @@ function w({
   );
 }
 export {
-  w as ExpandableListItemAttributes
+  I as ExpandableListItemAttributes
 };

package/dist/components/data/expandable-list-item/expandable-list-item-metrics.js

@@ -1,8 +1,9 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { ScrollOverflowAffordance as o } from "../../layout/horizontal-scroller/scroll-overflow-affordance.js";
+import "react";
 import { OverflowTooltip as r } from "../../feedback/tooltip/overflow-tooltip.js";
 const m = 128;
-function x({
+function f({
   columns: i,
   sectionId: l = "metrics"
 }) {
@@ -50,5 +51,5 @@ function x({
   );
 }
 export {
-  x as ExpandableListItemMetrics
+  f as ExpandableListItemMetrics
 };

package/dist/components/data/expandable-list-item/index.d.ts

@@ -1,3 +1,5 @@
+export { ProductCardMetricsToggle, type ProductCardMetricsToggleProps, } from './product-card-metrics-toggle';
+export { ProductCardIrisInsightTrigger, type ProductCardIrisInsightTriggerProps, } from './product-card-iris-insight-trigger';
 export { ExpandableListItem, type ExpandableListItemProps, } from './expandable-list-item-preset';
 export { ExpandableListItemRoot, ExpandableListItemRow, ExpandableListItemCheckbox, ExpandableListItemTrigger, ExpandableListItemTitle, ExpandableListItemDescription, ExpandableListItemMedia, ExpandableListItemHeader, ExpandableListItemContent, ExpandableListItemFooter, type ExpandableListItemRootProps, type ExpandableListItemCheckboxProps, } from './expandable-list-item-parts';
 export { ExpandableListItemMetrics, type ExpandableListItemMetricsProps } from './expandable-list-item-metrics';

package/dist/components/data/expandable-list-item/index.js

@@ -1,19 +1,23 @@
-import { ExpandableListItem as a } from "./expandable-list-item-preset.js";
-import { ExpandableListItemCheckbox as p, ExpandableListItemContent as x, ExpandableListItemDescription as m, ExpandableListItemFooter as n, ExpandableListItemHeader as o, ExpandableListItemMedia as s, ExpandableListItemRoot as b, ExpandableListItemRow as d, ExpandableListItemTitle as r, ExpandableListItemTrigger as l } from "./expandable-list-item-parts.js";
-import { ExpandableListItemMetrics as I } from "./expandable-list-item-metrics.js";
-import { ExpandableListItemAttributes as f } from "./expandable-list-item-attributes.js";
+import { ProductCardMetricsToggle as a } from "./product-card-metrics-toggle.js";
+import { ProductCardIrisInsightTrigger as i } from "./product-card-iris-insight-trigger.js";
+import { ExpandableListItem as p } from "./expandable-list-item-preset.js";
+import { ExpandableListItemCheckbox as d, ExpandableListItemContent as m, ExpandableListItemDescription as s, ExpandableListItemFooter as n, ExpandableListItemHeader as b, ExpandableListItemMedia as l, ExpandableListItemRoot as I, ExpandableListItemRow as E, ExpandableListItemTitle as L, ExpandableListItemTrigger as g } from "./expandable-list-item-parts.js";
+import { ExpandableListItemMetrics as f } from "./expandable-list-item-metrics.js";
+import { ExpandableListItemAttributes as T } from "./expandable-list-item-attributes.js";
 export {
-  a as ExpandableListItem,
-  f as ExpandableListItemAttributes,
-  p as ExpandableListItemCheckbox,
-  x as ExpandableListItemContent,
-  m as ExpandableListItemDescription,
+  p as ExpandableListItem,
+  T as ExpandableListItemAttributes,
+  d as ExpandableListItemCheckbox,
+  m as ExpandableListItemContent,
+  s as ExpandableListItemDescription,
   n as ExpandableListItemFooter,
-  o as ExpandableListItemHeader,
-  s as ExpandableListItemMedia,
-  I as ExpandableListItemMetrics,
-  b as ExpandableListItemRoot,
-  d as ExpandableListItemRow,
-  r as ExpandableListItemTitle,
-  l as ExpandableListItemTrigger
+  b as ExpandableListItemHeader,
+  l as ExpandableListItemMedia,
+  f as ExpandableListItemMetrics,
+  I as ExpandableListItemRoot,
+  E as ExpandableListItemRow,
+  L as ExpandableListItemTitle,
+  g as ExpandableListItemTrigger,
+  i as ProductCardIrisInsightTrigger,
+  a as ProductCardMetricsToggle
 };

package/dist/components/data/expandable-list-item/product-card-hero.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { ItemCatalogRecord } from './virtualized-responsive-grid.catalog';
+export type ProductCardHeroProps = {
+    item: ItemCatalogRecord;
+    selected: boolean;
+    thumbnail: ReactElement;
+    onFlip: () => void;
+    onSelect: () => void;
+};
+export declare function ProductCardHero(props: ProductCardHeroProps): ReactElement;
+export declare function ProductCardHeaderCheckbox(props: {
+    item: ItemCatalogRecord;
+    selected: boolean;
+    onSelect: () => void;
+}): ReactElement;

package/dist/components/data/expandable-list-item/product-card-iris-insight-trigger.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { ProductCardMetricsTogglePlacement } from './product-card-metrics-toggle';
+export type ProductCardIrisInsightTriggerProps = {
+    styleId: string;
+    title: string;
+    placement?: ProductCardMetricsTogglePlacement;
+};
+export declare function ProductCardIrisInsightTrigger(props: ProductCardIrisInsightTriggerProps): ReactElement;

package/dist/components/data/expandable-list-item/product-card-iris-insight-trigger.js

@@ -0,0 +1,41 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useState as o, useRef as c, useEffect as l } from "react";
+import { IrisInsight as d } from "../../primitives/iris/iris.js";
+const m = 2200;
+function u(t) {
+  return t === "inline" ? "relative shrink-0" : "absolute right-2 top-2";
+}
+function I(t) {
+  const [s, n] = o("idle"), e = c(void 0);
+  l(
+    () => () => {
+      e.current && clearTimeout(e.current);
+    },
+    []
+  );
+  const r = u(t.placement);
+  return /* @__PURE__ */ i("div", { className: r, children: /* @__PURE__ */ i(
+    d,
+    {
+      status: s,
+      iconSize: "sm",
+      onTriggerClick: () => {
+        n("loading"), e.current = setTimeout(() => {
+          e.current = void 0, n("ready");
+        }, m);
+      },
+      onAskInChat: () => {
+      },
+      children: /* @__PURE__ */ a("p", { children: [
+        /* @__PURE__ */ i("span", { className: "font-bold", children: t.title }),
+        " is tracking",
+        " ",
+        /* @__PURE__ */ i("span", { className: "font-bold", children: t.styleId }),
+        " against plan this period."
+      ] })
+    }
+  ) });
+}
+export {
+  I as ProductCardIrisInsightTrigger
+};

package/dist/components/data/expandable-list-item/product-card-metrics-toggle.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement, ReactNode } from 'react';
+export type ProductCardMetricsTogglePlacement = "hero" | "inline";
+export type ProductCardMetricsToggleProps = {
+    isFlipped: boolean;
+    showMetricsLabel: string;
+    showPhotoLabel: string;
+    actionAriaLabel: string;
+    onShowMetrics: () => void;
+    onShowPhoto: () => void;
+    icon: ReactNode;
+    placement?: ProductCardMetricsTogglePlacement;
+};
+export declare function ProductCardMetricsToggle(props: ProductCardMetricsToggleProps): ReactElement;

package/dist/components/data/expandable-list-item/product-card-metrics-toggle.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { ButtonIconTooltip as l } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as r } from "../../primitives/button/button.js";
+function d(t) {
+  const o = t.isFlipped ? t.showPhotoLabel : t.showMetricsLabel, n = (i) => {
+    if (i.stopPropagation(), t.isFlipped) {
+      t.onShowPhoto();
+      return;
+    }
+    t.onShowMetrics();
+  }, a = t.placement === "inline" ? "relative z-20 shrink-0" : "absolute right-2 top-2 z-20";
+  return /* @__PURE__ */ e("div", { className: a, onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ e(l, { label: o, children: /* @__PURE__ */ e(
+    r,
+    {
+      type: "button",
+      size: "iconSm",
+      variant: "tertiary",
+      "aria-pressed": t.isFlipped,
+      "aria-label": t.actionAriaLabel,
+      onClick: n,
+      children: t.icon
+    }
+  ) }) });
+}
+export {
+  d as ProductCardMetricsToggle
+};

package/dist/components/data/expandable-list-item/sku-picker-chrome.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export type SkuPickerView = "card" | "list";
+export type SkuPickerGridProps = {
+    /** Fold the toolbar and choices behind the title row. */
+    collapsible?: boolean;
+    /** Start folded. Ignored unless `collapsible` is set. */
+    defaultCollapsed?: boolean;
+    /** Title in the header. Default: SKU. */
+    title?: string;
+    required?: boolean;
+};
+export declare function SkuPickerChrome(props: {
+    view: SkuPickerView;
+    search: string;
+    sortAlphabetically: boolean;
+    selectedCount: number;
+    /** True when every choice Select All would touch is already selected. */
+    allSelected?: boolean;
+    previewCodes: string[];
+    onSearchChange: (value: string) => void;
+    onViewChange: (view: SkuPickerView) => void;
+    onToggleSort: () => void;
+    onSelectAll: () => void;
+    onClear: () => void;
+    children: ReactNode;
+    footer?: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    title?: string;
+    required?: boolean;
+    emptyLabel?: string;
+    searchLabel?: string;
+    /** Story picker keeps the back control. Form fields omit it. */
+    showBack?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/expandable-list-item/sku-picker-chrome.js

@@ -0,0 +1,142 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Search as s, CardView as m, ListFilter as u, TextFormat as h, Back as b } from "impact-nova-icons";
+import "react";
+import { Badge as f } from "../../data-display/badge/badge.js";
+import { ButtonIconTooltip as r } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Input as v } from "../../forms/input/input.js";
+import { Accordion as x, AccordionItem as g, AccordionTrigger as w, AccordionContent as C } from "../../primitives/accordion/accordion.js";
+import { Button as i } from "../../primitives/button/button.js";
+import { cn as N } from "../../../lib/utils.js";
+const d = "picker";
+function S(e) {
+  return N(
+    e && "border-brand bg-accent text-brand hover:bg-accent hover:text-brand"
+  );
+}
+function y(e) {
+  if (e.selectedCount === 0)
+    return /* @__PURE__ */ t("p", { className: "text-xs font-medium text-content-muted", children: e.emptyLabel });
+  const a = Math.max(0, e.selectedCount - e.previewCodes.length);
+  return /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center gap-1", children: [
+    /* @__PURE__ */ t("p", { className: "truncate text-xs font-medium text-content-muted", children: e.previewCodes.join(", ") }),
+    a > 0 ? /* @__PURE__ */ l(f, { variant: "subtle", color: "primary", size: "sm", shape: "square", children: [
+      "+",
+      a
+    ] }) : null
+  ] });
+}
+function V(e) {
+  const a = e.title ?? "SKU", n = /* @__PURE__ */ t(
+    y,
+    {
+      selectedCount: e.selectedCount,
+      previewCodes: e.previewCodes,
+      emptyLabel: e.emptyLabel ?? "No SKUs selected"
+    }
+  ), c = /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ t(
+        v,
+        {
+          size: "default",
+          className: "w-[200px]",
+          placeholder: "Search",
+          value: e.search,
+          onChange: (o) => e.onSearchChange(o.target.value),
+          prefix: /* @__PURE__ */ t(s, { className: "size-4 text-content-placeholder", "aria-hidden": !0 }),
+          "aria-label": e.searchLabel ?? "Search SKUs"
+        }
+      ),
+      /* @__PURE__ */ t(
+        r,
+        {
+          label: e.view === "card" ? "Switch to list view" : "Switch to card view",
+          children: /* @__PURE__ */ t(
+            i,
+            {
+              type: "button",
+              size: "icon",
+              variant: "tertiary",
+              "aria-label": e.view === "card" ? "Switch to list view" : "Switch to card view",
+              "aria-pressed": e.view === "list",
+              onClick: () => e.onViewChange(e.view === "card" ? "list" : "card"),
+              children: e.view === "card" ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t(u, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(r, { label: "Sort Alphabetically", children: /* @__PURE__ */ t(
+        i,
+        {
+          type: "button",
+          size: "icon",
+          variant: "tertiary",
+          "aria-label": "Sort alphabetically",
+          "aria-pressed": e.sortAlphabetically,
+          className: S(e.sortAlphabetically),
+          onClick: e.onToggleSort,
+          children: /* @__PURE__ */ t(h, {})
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ t(
+        i,
+        {
+          type: "button",
+          variant: "link",
+          onClick: e.onSelectAll,
+          disabled: e.allSelected === !0,
+          children: "Select All"
+        }
+      ),
+      /* @__PURE__ */ t(
+        i,
+        {
+          type: "button",
+          variant: "link",
+          onClick: e.onClear,
+          disabled: e.selectedCount === 0,
+          children: "Clear"
+        }
+      )
+    ] })
+  ] });
+  return e.collapsible ? /* @__PURE__ */ t(
+    x,
+    {
+      type: "single",
+      collapsible: !0,
+      defaultValue: e.defaultCollapsed ? void 0 : d,
+      className: "w-full",
+      children: /* @__PURE__ */ l(g, { value: d, className: "border border-stroke-subtle", children: [
+        /* @__PURE__ */ t(w, { headingLevel: 3, rightActions: n, children: /* @__PURE__ */ l("span", { className: "truncate text-sm font-semibold leading-6 text-content-title", children: [
+          a,
+          e.required ? /* @__PURE__ */ t("span", { className: "text-destructive", children: " *" }) : null
+        ] }) }),
+        /* @__PURE__ */ l(C, { className: "flex flex-col gap-3", children: [
+          c,
+          e.children,
+          e.footer
+        ] })
+      ] })
+    }
+  ) : /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-3 overflow-hidden rounded-lg border border-stroke-subtle bg-canvas-elevated px-4 py-2", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+        e.showBack === !1 ? null : /* @__PURE__ */ t(i, { type: "button", size: "icon", variant: "ghost", "aria-label": "Back", children: /* @__PURE__ */ t(b, {}) }),
+        /* @__PURE__ */ l("p", { className: "text-sm font-semibold leading-6 text-content-title", children: [
+          a,
+          e.required ? /* @__PURE__ */ t("span", { className: "text-destructive", children: " *" }) : null
+        ] })
+      ] }),
+      n
+    ] }),
+    c,
+    e.children,
+    e.footer
+  ] });
+}
+export {
+  V as SkuPickerChrome
+};

package/dist/components/data/expandable-list-item/virtualized-responsive-grid.sku-picker.d.ts

@@ -1,2 +1,3 @@
-export declare function ClientSkuPickerGrid(): import("react/jsx-runtime").JSX.Element;
-export declare function ServerSkuPickerGrid(): import("react/jsx-runtime").JSX.Element;
+import { SkuPickerGridProps } from './sku-picker-chrome';
+export declare function ClientSkuPickerGrid(props?: SkuPickerGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function ServerSkuPickerGrid(props?: SkuPickerGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,6 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+import "react";
+const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -9,5 +10,5 @@ const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  d as defaultTabTooltipRender
+  p as defaultTabTooltipRender
 };

package/dist/components/flows/command-palette/shortcut-settings.js

@@ -2,17 +2,17 @@ import { jsx as r, jsxs as h, Fragment as z } from "react/jsx-runtime";
 import * as o from "react";
 import { Person as G, Monitor as U, PriorityAlert as q, Locked as O, Reset as B } from "impact-nova-icons";
 import { cn as p } from "../../../lib/utils.js";
+import { Kbd as $ } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as H } from "../../primitives/kbd/keybinding-display.js";
 import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
-import { ModuleRegistry as $, AllCommunityModule as H } from "ag-grid-community";
-import { AllEnterpriseModule as V } from "ag-grid-enterprise";
-import { DataTable as J, DataTableContent as Q } from "../../data/data-table/data-table.js";
+import { ModuleRegistry as V, AllCommunityModule as J } from "ag-grid-community";
+import { AllEnterpriseModule as Q } from "ag-grid-enterprise";
+import { DataTable as X, DataTableContent as Y } from "../../data/data-table/data-table.js";
 import { AG_CELL_NO_PADDING as F } from "../../data/ag-grid-react/cell-renderers/index.js";
-import { Kbd as X } from "../../primitives/kbd/kbd.js";
-import { keybindingToString as Y } from "../../primitives/kbd/keybinding-display.js";
 import { useCommandPalette as Z } from "./use-command-palette.js";
 import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as W, isReservedShortcut as ee } from "./utils.js";
 import { BadgeCellRenderer as te } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
-$.registerModules([H, V]);
+V.registerModules([J, Q]);
 function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
@@ -69,7 +69,7 @@ function ne(a) {
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(X, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
@@ -133,7 +133,7 @@ function le({
         description: e.description || "",
         category: e.category || "General",
         keybinding: i,
-        keybindingDisplay: i ? Y(i) : "",
+        keybindingDisplay: i ? H(i) : "",
         scope: e.scope,
         source: D,
         sourceColor: T ? "primary" : "neutral",
@@ -278,10 +278,10 @@ function le({
     u?.type === "conflict" ? /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
     /* @__PURE__ */ r("span", { children: u ? u.text : L })
   ] }) : null;
-  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Q,
+      Y,
       {
         rowData: y,
         columnDefs: I,

package/dist/components/flows/filter-panel/filter-panel.js

@@ -6,8 +6,8 @@ import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
 import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
-import { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
-import { Kbd as j } from "../../primitives/kbd/kbd.js";
+import { Kbd as S } from "../../primitives/kbd/kbd.js";
+import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
 import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
 import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
@@ -145,14 +145,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          S,
+                          j,
                           {
                             triggerClassName: "truncate font-['Manrope'] block min-w-0",
                             content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                               t.label,
                               " ",
                               /* @__PURE__ */ e(
-                                j,
+                                S,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
+import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function w({
+function C({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -52,5 +53,5 @@ function w({
   );
 }
 export {
-  w as SelectTriggerValue
+  C as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
+import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const G = ({
+const R = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -105,5 +106,5 @@ const G = ({
   ] });
 };
 export {
-  G as Submenu
+  R as Submenu
 };

package/dist/form-react/Fields/VirtualizedListField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const VirtualizedListField: FC<FormFieldProps>;