@refraction-ui/react 0.21.0 → 0.23.0

package/dist/internal/select/index.d.cts

@@ -12,6 +12,15 @@ interface SelectProps {
     disabled?: boolean;
     open?: boolean;
     name?: string;
+    /**
+     * Element ids to link trigger and listbox. Adapters should pass ids that
+     * are stable across renders (e.g. React `useId`); when omitted, fresh ids
+     * are generated on every call.
+     */
+    ids?: {
+        trigger: string;
+        content: string;
+    };
 }
 interface SelectAPI {
     /** Trigger element ARIA + keyboard props */
@@ -65,5 +74,9 @@ declare const selectItemVariants: (props?: ({
 } & {
     className?: string;
 }) | undefined) => string;
+/** Positioning context: the listbox floats under the trigger. */
+declare const selectRootClass = "relative";
+/** The selected label inside the trigger; truncates, dims the placeholder. */
+declare const selectValueClass = "truncate text-left data-[placeholder]:text-muted-foreground";
 
-export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants };
+export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectRootClass, selectTokens, selectTriggerVariants, selectValueClass };

package/dist/internal/select/index.d.ts

@@ -12,6 +12,15 @@ interface SelectProps {
     disabled?: boolean;
     open?: boolean;
     name?: string;
+    /**
+     * Element ids to link trigger and listbox. Adapters should pass ids that
+     * are stable across renders (e.g. React `useId`); when omitted, fresh ids
+     * are generated on every call.
+     */
+    ids?: {
+        trigger: string;
+        content: string;
+    };
 }
 interface SelectAPI {
     /** Trigger element ARIA + keyboard props */
@@ -65,5 +74,9 @@ declare const selectItemVariants: (props?: ({
 } & {
     className?: string;
 }) | undefined) => string;
+/** Positioning context: the listbox floats under the trigger. */
+declare const selectRootClass = "relative";
+/** The selected label inside the trigger; truncates, dims the placeholder. */
+declare const selectValueClass = "truncate text-left data-[placeholder]:text-muted-foreground";
 
-export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants };
+export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectRootClass, selectTokens, selectTriggerVariants, selectValueClass };

package/dist/internal/shared/index.d.cts

@@ -373,9 +373,12 @@ declare function resetIdCounter(): void;
  * Handles conditional classes, arrays, and falsy values.
  * No external dependencies (no clsx, no tailwind-merge).
  *
- * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),
- * consumers can use @refraction-ui/tailwind-config which provides
- * a tw-merge-aware variant of this function.
+ * It does NOT resolve Tailwind conflicts: `cn('p-2', 'p-4')` keeps both and
+ * the stylesheet order decides. Components therefore keep size-owned
+ * utilities (height, text size, padding) out of their cva `base` and only in
+ * the matching variant, so a variant prop always wins; a consumer `className`
+ * that must beat a component utility can use Tailwind's `!` important
+ * modifier (e.g. `!h-7`).
  */
 type ClassValue = string | number | boolean | undefined | null | ClassValue[];
 type ClassRecord = Record<string, boolean | undefined | null>;

package/dist/internal/shared/index.d.ts

@@ -373,9 +373,12 @@ declare function resetIdCounter(): void;
  * Handles conditional classes, arrays, and falsy values.
  * No external dependencies (no clsx, no tailwind-merge).
  *
- * For Tailwind class conflict resolution (e.g., 'p-2 p-4' → 'p-4'),
- * consumers can use @refraction-ui/tailwind-config which provides
- * a tw-merge-aware variant of this function.
+ * It does NOT resolve Tailwind conflicts: `cn('p-2', 'p-4')` keeps both and
+ * the stylesheet order decides. Components therefore keep size-owned
+ * utilities (height, text size, padding) out of their cva `base` and only in
+ * the matching variant, so a variant prop always wins; a consumer `className`
+ * that must beat a component utility can use Tailwind's `!` important
+ * modifier (e.g. `!h-7`).
  */
 type ClassValue = string | number | boolean | undefined | null | ClassValue[];
 type ClassRecord = Record<string, boolean | undefined | null>;

package/dist/internal/stat-grid/index.d.ts

@@ -1,9 +1,23 @@
+/** Semantic colour of a stat's value. */
+type StatTone = 'default' | 'positive' | 'negative' | 'caution';
+/** `plain` = marketing callouts; `card` = bordered dashboard KPI cards. */
+type StatGridVariant = 'plain' | 'card';
+/** Whether the label sits under the value (callout) or above it (KPI). */
+type StatGridLayout = 'value-first' | 'label-first';
+/** Column count: a fixed maximum that reflows down on narrow screens, or `auto`. */
+type StatGridColumns = 1 | 2 | 3 | 4 | 'auto';
 /** A single stat callout displayed in the grid. */
 type StatItem = {
     /** The primary value displayed prominently (e.g. "10k+", "$4.2M"). */
     value: string;
-    /** The descriptive label shown below the value. */
+    /** The descriptive label. */
     label: string;
+    /** Stable key; defaults to the index. */
+    id?: string;
+    /** Optional line explaining the figure (how it was computed, a delta). */
+    description?: string;
+    /** Colour of the value. Defaults to `default`. */
+    tone?: StatTone;
 };
 interface StatGridAPI {
     /** ARIA attributes to spread on the grid container element (`role="list"`). */
@@ -20,7 +34,9 @@ interface StatGridAPI {
  * - 2 items → 2 columns
  * - 3 or more items → capped at `max` (default 3)
  */
-declare function statColumns(count: number, max?: number): number;
+declare function statColumns(count: number, max?: number): 1 | 2 | 3 | 4;
+/** The cva key for a column setting (clamped to the supported 1–4). */
+declare function statColumnsKey(columns: StatGridColumns): '1' | '2' | '3' | '4' | 'auto';
 /**
  * Build the framework-agnostic container props for a stat grid.
  *
@@ -29,17 +45,43 @@ declare function statColumns(count: number, max?: number): number;
  */
 declare function createStatGrid(): StatGridAPI;
 
-/** Grid container that lays out stat items. */
+/**
+ * Grid container. Column counts are responsive (one column on a phone, more
+ * as the width allows) — never a fixed inline template that cannot reflow.
+ * `auto` fits as many ~12rem items per row as the width allows.
+ */
 declare const statGridVariants: (props?: ({
-    columns?: "1" | "2" | "3" | undefined;
+    columns?: "auto" | "1" | "2" | "3" | "4" | undefined;
+    variant?: "plain" | "card" | undefined;
 } & {
     className?: string;
 }) | undefined) => string;
 /** Individual stat item container (role="listitem"). */
+declare const statItemVariants: (props?: ({
+    variant?: "plain" | "card" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+/** @deprecated Use `statItemVariants()`; kept for existing imports. */
 declare const statItemClass = "flex flex-col";
-/** The large bold value of the stat. */
+/** The value of a stat, by variant and tone. */
+declare const statValueVariants: (props?: ({
+    variant?: "plain" | "card" | undefined;
+    tone?: "default" | "positive" | "negative" | "caution" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+/** @deprecated Use `statValueVariants()`; kept for existing imports. */
 declare const statValueClass = "text-xl sm:text-2xl font-bold text-primary";
-/** The descriptive label below the value. */
+/** The descriptive label. Above the value it reads as a small caption. */
+declare const statLabelVariants: (props?: ({
+    layout?: "value-first" | "label-first" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+/** @deprecated Use `statLabelVariants()`; kept for existing imports. */
 declare const statLabelClass = "mt-1 text-sm text-muted-foreground leading-snug";
+/** Optional line under a stat explaining how it was computed. */
+declare const statDescriptionClass = "text-xs leading-snug text-muted-foreground";
 
-export { type StatGridAPI, type StatItem, createStatGrid, statColumns, statGridVariants, statItemClass, statLabelClass, statValueClass };
+export { type StatGridAPI, type StatGridColumns, type StatGridLayout, type StatGridVariant, type StatItem, type StatTone, createStatGrid, statColumns, statColumnsKey, statDescriptionClass, statGridVariants, statItemClass, statItemVariants, statLabelClass, statLabelVariants, statValueClass, statValueVariants };

package/dist/internal/table/index.d.ts

@@ -0,0 +1,46 @@
+/** Cell padding for every cell of a table. */
+type TableDensity = 'compact' | 'default';
+/** Horizontal alignment of a header or data cell (logical, RTL-safe). */
+type TableAlign = 'start' | 'center' | 'end';
+/** Look of header cells: `eyebrow` is small uppercase tracked text. */
+type TableHeadTone = 'default' | 'eyebrow';
+interface TableAPI {
+    /** Data attributes for styling hooks. */
+    dataAttributes: Record<string, string>;
+}
+/** Framework-agnostic data attributes for the table root. */
+declare function createTable(props?: {
+    density?: TableDensity;
+    headTone?: TableHeadTone;
+}): TableAPI;
+
+/** Scroll container: a wide table scrolls inside it instead of the page. */
+declare const tableContainerClass = "relative w-full overflow-x-auto";
+/** The `<table>`. `fixed` pins column widths to the header row. */
+declare const tableRootVariants: (props?: ({
+    fixed?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+/** Caption under the table. */
+declare const tableCaptionClass = "mt-2 text-xs text-muted-foreground";
+/** Body rows: a hairline between rows, none after the last. */
+declare const tableRowClass = "border-b border-border-subtle last:border-b-0";
+/** Header cell: subtle surface, rule under it. */
+declare const tableHeadVariants: (props?: ({
+    align?: "start" | "center" | "end" | undefined;
+    tone?: "default" | "eyebrow" | undefined;
+    density?: "compact" | "default" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+/** Data cell. */
+declare const tableCellVariants: (props?: ({
+    align?: "start" | "center" | "end" | undefined;
+    density?: "compact" | "default" | undefined;
+    numeric?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type TableAPI, type TableAlign, type TableDensity, type TableHeadTone, createTable, tableCaptionClass, tableCellVariants, tableContainerClass, tableHeadVariants, tableRootVariants, tableRowClass };

package/dist/internal/tabs/index.d.cts

@@ -30,6 +30,13 @@ interface TabsAPI {
     idPrefix: string;
 }
 declare function createTabs(props?: TabsProps): TabsAPI;
+/**
+ * Roving-focus target for a key press inside a tab list (WAI-ARIA Tabs
+ * pattern). Given the index of the focused tab among the ENABLED tabs, returns
+ * the index to move to, or `null` when the key is not a navigation key for this
+ * orientation. Arrow keys wrap; Home/End jump to the ends.
+ */
+declare function getNextTabIndex(current: number, key: string, count: number, orientation?: 'horizontal' | 'vertical'): number | null;
 
 declare const tabsListVariants: (props?: ({
     [x: string]: string | undefined;
@@ -42,4 +49,4 @@ declare const tabsTriggerVariants: (props?: ({
     className?: string;
 }) | undefined) => string;
 
-export { type TabsAPI, type TabsProps, type TabsState, createTabs, tabsListVariants, tabsTriggerVariants };
+export { type TabsAPI, type TabsProps, type TabsState, createTabs, getNextTabIndex, tabsListVariants, tabsTriggerVariants };

package/dist/internal/tabs/index.d.ts

@@ -30,6 +30,13 @@ interface TabsAPI {
     idPrefix: string;
 }
 declare function createTabs(props?: TabsProps): TabsAPI;
+/**
+ * Roving-focus target for a key press inside a tab list (WAI-ARIA Tabs
+ * pattern). Given the index of the focused tab among the ENABLED tabs, returns
+ * the index to move to, or `null` when the key is not a navigation key for this
+ * orientation. Arrow keys wrap; Home/End jump to the ends.
+ */
+declare function getNextTabIndex(current: number, key: string, count: number, orientation?: 'horizontal' | 'vertical'): number | null;
 
 declare const tabsListVariants: (props?: ({
     [x: string]: string | undefined;
@@ -42,4 +49,4 @@ declare const tabsTriggerVariants: (props?: ({
     className?: string;
 }) | undefined) => string;
 
-export { type TabsAPI, type TabsProps, type TabsState, createTabs, tabsListVariants, tabsTriggerVariants };
+export { type TabsAPI, type TabsProps, type TabsState, createTabs, getNextTabIndex, tabsListVariants, tabsTriggerVariants };

package/dist/react-accordion.js

@@ -5,7 +5,7 @@ import {
 import {
   cn,
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-accordion/dist/index.js
 import * as React from "react";

package/dist/react-action-list.js

@@ -0,0 +1,74 @@
+import {
+  cn,
+  cva
+} from "./chunk-2Q6HHFAN.js";
+
+// ../react-action-list/dist/index.js
+import * as React from "react";
+
+// ../action-list/dist/index.js
+function createActionListItem(props = {}) {
+  const { disabled = false, density = "default" } = props;
+  const dataAttributes = {
+    "data-slot": "action-list-item",
+    "data-density": density
+  };
+  if (disabled) dataAttributes["data-disabled"] = "";
+  const ariaProps = {};
+  if (disabled) ariaProps["aria-disabled"] = true;
+  return { ariaProps, dataAttributes };
+}
+var actionListClass = "m-0 flex list-none flex-col divide-y divide-border-subtle p-0";
+var actionListItemVariants = cva({
+  base: "flex w-full items-center gap-4 bg-transparent text-left text-sm text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    density: {
+      default: "px-4 py-3",
+      compact: "px-3 py-2"
+    }
+  },
+  defaultVariants: {
+    density: "default"
+  }
+});
+var actionListItemBodyClass = "flex min-w-0 flex-1 flex-col gap-0.5";
+var actionListItemTitleClass = "break-words font-semibold text-foreground";
+var actionListItemDescriptionClass = "break-words text-xs text-muted-foreground";
+var actionListItemMetaClass = "break-words text-xs text-muted-foreground";
+var actionListItemTrailingClass = "flex flex-none items-center gap-4 text-xs tabular-nums text-muted-foreground";
+
+// ../react-action-list/dist/index.js
+import { jsx, jsxs } from "react/jsx-runtime";
+var ActionList = React.forwardRef(function ActionList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, className: cn(actionListClass, className), "data-slot": "action-list", ...props });
+});
+var ActionListItem = React.forwardRef(
+  function ActionListItem2({ title, description, meta, trailing, density = "default", disabled, className, ...props }, ref) {
+    const api = createActionListItem({ disabled, density });
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled,
+        className: cn(actionListItemVariants({ density }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: actionListItemBodyClass, children: [
+            /* @__PURE__ */ jsx("span", { className: actionListItemTitleClass, children: title }),
+            description != null && /* @__PURE__ */ jsx("span", { className: actionListItemDescriptionClass, children: description }),
+            meta != null && /* @__PURE__ */ jsx("span", { className: actionListItemMetaClass, children: meta })
+          ] }),
+          trailing != null && /* @__PURE__ */ jsx("span", { className: actionListItemTrailingClass, children: trailing })
+        ]
+      }
+    ) });
+  }
+);
+export {
+  ActionList,
+  ActionListItem
+};
+//# sourceMappingURL=react-action-list.js.map

package/dist/react-action-list.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../action-list/src/action-list.ts", "../../action-list/src/action-list.styles.ts", "../../react-action-list/src/action-list.tsx"],
+  "sourcesContent": ["/** Row padding. */\nexport type ActionListDensity = 'default' | 'compact'\n\nexport interface ActionListItemProps {\n  disabled?: boolean\n  density?: ActionListDensity\n}\n\nexport interface ActionListItemAPI {\n  /** ARIA attributes for the row button. */\n  ariaProps: Record<string, string | number | boolean>\n  /** Data attributes for styling hooks. */\n  dataAttributes: Record<string, string>\n}\n\n/**\n * Build the framework-agnostic props for one ActionList row. Each row is ONE\n * action (open, select, go to) rendered as a native button, so it is reachable\n * by Tab and activated by Enter / Space — unlike a clickable table row.\n */\nexport function createActionListItem(props: ActionListItemProps = {}): ActionListItemAPI {\n  const { disabled = false, density = 'default' } = props\n  const dataAttributes: Record<string, string> = {\n    'data-slot': 'action-list-item',\n    'data-density': density,\n  }\n  if (disabled) dataAttributes['data-disabled'] = ''\n  const ariaProps: Record<string, string | number | boolean> = {}\n  if (disabled) ariaProps['aria-disabled'] = true\n  return { ariaProps, dataAttributes }\n}\n", "import { cva } from '@refraction-ui/shared'\n\n/** The list: rows separated by hairlines, no bullets. */\nexport const actionListClass = 'm-0 flex list-none flex-col divide-y divide-border-subtle p-0'\n\n/** A row button: full width, whole row is the hit target. */\nexport const actionListItemVariants = cva({\n  base:\n    'flex w-full items-center gap-4 bg-transparent text-left text-sm text-foreground transition-colors ' +\n    'hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring ' +\n    'disabled:pointer-events-none disabled:opacity-50',\n  variants: {\n    density: {\n      default: 'px-4 py-3',\n      compact: 'px-3 py-2',\n    },\n  },\n  defaultVariants: {\n    density: 'default',\n  },\n})\n\n/** Leading text column (title, description, meta). */\nexport const actionListItemBodyClass = 'flex min-w-0 flex-1 flex-col gap-0.5'\n/** Primary line. */\nexport const actionListItemTitleClass = 'break-words font-semibold text-foreground'\n/** Supporting line under the title. */\nexport const actionListItemDescriptionClass = 'break-words text-xs text-muted-foreground'\n/** Tertiary line (owner, tags, ids). */\nexport const actionListItemMetaClass = 'break-words text-xs text-muted-foreground'\n/** Trailing column (dates, sizes, counts). */\nexport const actionListItemTrailingClass =\n  'flex flex-none items-center gap-4 text-xs tabular-nums text-muted-foreground'\n", "import * as React from 'react'\nimport {\n  createActionListItem,\n  actionListClass,\n  actionListItemVariants,\n  actionListItemBodyClass,\n  actionListItemTitleClass,\n  actionListItemDescriptionClass,\n  actionListItemMetaClass,\n  actionListItemTrailingClass,\n  type ActionListDensity,\n} from '@refraction-ui/action-list'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { ActionListDensity }\n\nexport interface ActionListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\n/** ActionList — a vertical list whose rows are each one action. Renders a `<ul>`. */\nexport const ActionList = React.forwardRef<HTMLUListElement, ActionListProps>(function ActionList(\n  { className, ...props },\n  ref,\n) {\n  return <ul ref={ref} className={cn(actionListClass, className)} data-slot=\"action-list\" {...props} />\n})\n\nexport interface ActionListItemProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'type'> {\n  /** Primary line (required). */\n  title: React.ReactNode\n  /** Optional supporting line under the title. */\n  description?: React.ReactNode\n  /** Optional tertiary line (owner, tags, ids). */\n  meta?: React.ReactNode\n  /** Optional trailing column (dates, sizes, counts). */\n  trailing?: React.ReactNode\n  /** Row padding. Defaults to `default`. */\n  density?: ActionListDensity\n}\n\n/**\n * ActionListItem — one row: an `<li>` holding a full-width native button with\n * a title, optional supporting lines and a trailing column. The ref and all\n * button props go to the button.\n */\nexport const ActionListItem = React.forwardRef<HTMLButtonElement, ActionListItemProps>(\n  function ActionListItem(\n    { title, description, meta, trailing, density = 'default', disabled, className, ...props },\n    ref,\n  ) {\n    const api = createActionListItem({ disabled, density })\n    return (\n      <li>\n        <button\n          ref={ref}\n          type=\"button\"\n          disabled={disabled}\n          className={cn(actionListItemVariants({ density }), className)}\n          {...api.ariaProps}\n          {...api.dataAttributes}\n          {...props}\n        >\n          <span className={actionListItemBodyClass}>\n            <span className={actionListItemTitleClass}>{title}</span>\n            {description != null && (\n              <span className={actionListItemDescriptionClass}>{description}</span>\n            )}\n            {meta != null && <span className={actionListItemMetaClass}>{meta}</span>}\n          </span>\n          {trailing != null && <span className={actionListItemTrailingClass}>{trailing}</span>}\n        </button>\n      </li>\n    )\n  },\n)\n"],
+  "mappings": ";;;;;;;;;AAoBO,SAAS,qBAAqB,QAA6B,CAAA,GAAuB;AACvF,QAAM,EAAE,WAAW,OAAO,UAAU,UAAA,IAAc;AAClD,QAAM,iBAAyC;IAC7C,aAAa;IACb,gBAAgB;EAAA;AAElB,MAAI,SAAU,gBAAe,eAAe,IAAI;AAChD,QAAM,YAAuD,CAAA;AAC7D,MAAI,SAAU,WAAU,eAAe,IAAI;AAC3C,SAAO,EAAE,WAAW,eAAA;AACtB;AC3BO,IAAM,kBAAkB;AAGxB,IAAM,yBAAyB,IAAI;EACxC,MACE;EAGF,UAAU;IACR,SAAS;MACP,SAAS;MACT,SAAS;IAAA;EACX;EAEF,iBAAiB;IACf,SAAS;EAAA;AAEb,CAAC;AAGM,IAAM,0BAA0B;AAEhC,IAAM,2BAA2B;AAEjC,IAAM,iCAAiC;AAEvC,IAAM,0BAA0B;AAEhC,IAAM,8BACX;;;;ACbK,IAAM,aAAmB,iBAA8C,SAASA,YACrF,EAAE,WAAW,GAAG,MAAA,GAChB,KACA;AACA,SAAO,oBAAC,MAAA,EAAG,KAAU,WAAW,GAAG,iBAAiB,SAAS,GAAG,aAAU,eAAe,GAAG,MAAA,CAAO;AACrG,CAAC;AAqBM,IAAM,iBAAuB;EAClC,SAASC,gBACP,EAAE,OAAO,aAAa,MAAM,UAAU,UAAU,WAAW,UAAU,WAAW,GAAG,MAAA,GACnF,KACA;AACA,UAAM,MAAM,qBAAqB,EAAE,UAAU,QAAA,CAAS;AACtD,WAAA,oBACG,MAAA,EACC,UAAA;MAAC;MAAA;QACC;QACA,MAAK;QACL;QACA,WAAW,GAAG,uBAAuB,EAAE,QAAA,CAAS,GAAG,SAAS;QAC3D,GAAG,IAAI;QACP,GAAG,IAAI;QACP,GAAG;QAEJ,UAAA;UAAA,qBAAC,QAAA,EAAK,WAAW,yBACf,UAAA;YAAA,oBAAC,QAAA,EAAK,WAAW,0BAA2B,UAAA,MAAA,CAAM;YACjD,eAAe,QACd,oBAAC,QAAA,EAAK,WAAW,gCAAiC,UAAA,YAAA,CAAY;YAE/D,QAAQ,QAAQ,oBAAC,QAAA,EAAK,WAAW,yBAA0B,UAAA,KAAA,CAAK;UAAA,EAAA,CACnE;UACC,YAAY,QAAQ,oBAAC,QAAA,EAAK,WAAW,6BAA8B,UAAA,SAAA,CAAS;QAAA;MAAA;IAAA,EAC/E,CACF;EAEJ;AACF;",
+  "names": ["ActionList", "ActionListItem"]
+}

package/dist/react-ai.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-ai/dist/index.js
 import * as React from "react";

package/dist/react-analytics.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-analytics/dist/index.js
 import * as React from "react";
@@ -1144,7 +1144,11 @@ function createClientSdkSink(opts) {
         });
         return instance;
       }
-      const mod = await import(appInsightsWebSpecifier);
+      const mod = await import(
+        /* webpackIgnore: true */
+        /* @vite-ignore */
+        appInsightsWebSpecifier
+      );
       const ai = new mod.ApplicationInsights({
         config: {
           connectionString: opts.connectionString,
@@ -1495,7 +1499,11 @@ function createPostHogHttpSink(options) {
 }
 var posthogJsSpecifier = "posthog-js";
 async function defaultLoad() {
-  const mod = await import(posthogJsSpecifier);
+  const mod = await import(
+    /* webpackIgnore: true */
+    /* @vite-ignore */
+    posthogJsSpecifier
+  );
   return "default" in mod ? mod.default : mod;
 }
 function createPostHogClientSdkSink(options) {
@@ -1587,7 +1595,11 @@ function createPostHogSink(options) {
 // ../analytics-sink-posthog/dist/replay.js
 var posthogJsSpecifier2 = "posthog-js";
 async function defaultLoad2() {
-  const mod = await import(posthogJsSpecifier2);
+  const mod = await import(
+    /* webpackIgnore: true */
+    /* @vite-ignore */
+    posthogJsSpecifier2
+  );
   return "default" in mod ? mod.default : mod;
 }
 async function startSessionReplay(options) {