@iris-ui-kit/react 0.1.0

package/dist/chunk-ZKBDUWUD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/Stack.tsx","../src/layouts/Container.tsx","../src/layouts/DashboardGrid.tsx"],"names":["IrisStack","React2","IrisContainer","jsx"],"mappings":"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","file":"chunk-ZKBDUWUD.js","sourcesContent":["import * as React from 'react'\n\nexport type IrisStackDirection = 'row' | 'column'\nexport type IrisStackAlign = 'start' | 'center' | 'end' | 'stretch'\nexport type IrisStackJustify = 'start' | 'center' | 'end' | 'between' | 'around'\n\nconst ALIGN_MAP: Record<IrisStackAlign, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n}\n\nconst JUSTIFY_MAP: Record<IrisStackJustify, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n}\n\nfunction toCssSpacing(spacing: string | number): string {\n  if (typeof spacing === 'number') return `${spacing}px`\n  if (spacing === 'sm' || spacing === 'md' || spacing === 'lg') {\n    return `var(--iris-gap-${spacing})`\n  }\n  return spacing\n}\n\nexport interface IrisStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: IrisStackDirection\n  spacing?: string | number\n  align?: IrisStackAlign\n  justify?: IrisStackJustify\n  wrap?: boolean\n  /** When true, renders as `inline-flex`. */\n  inline?: boolean\n}\n\n/**\n * Flex container with token-driven spacing. The lightest possible layout\n * primitive — saves hand-writing `display: flex` everywhere.\n */\nexport const IrisStack = React.forwardRef<HTMLDivElement, IrisStackProps>(function IrisStack(\n  {\n    direction = 'column',\n    spacing = 'md',\n    align = 'stretch',\n    justify = 'start',\n    wrap = false,\n    inline = false,\n    style,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-iris-stack=\"\"\n      data-iris-stack-direction={direction}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: toCssSpacing(spacing),\n        alignItems: ALIGN_MAP[align],\n        justifyContent: JUSTIFY_MAP[justify],\n        flexWrap: wrap ? 'wrap' : 'nowrap',\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  )\n})\n","import * as React from 'react'\n\nexport type IrisContainerMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'full' | string\n\nconst WIDTH_MAP: Record<'sm' | 'md' | 'lg' | 'xl' | 'full', string> = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  full: '100%',\n}\n\nfunction resolveMaxWidth(input: IrisContainerMaxWidth): string {\n  if (input === 'sm' || input === 'md' || input === 'lg' || input === 'xl' || input === 'full') {\n    return WIDTH_MAP[input]\n  }\n  return input\n}\n\nfunction resolvePadding(input: string | number): string {\n  if (typeof input === 'number') return `${input}px`\n  if (input === 'sm' || input === 'md' || input === 'lg') {\n    return `var(--iris-padding-${input})`\n  }\n  return input\n}\n\nexport interface IrisContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  maxWidth?: IrisContainerMaxWidth\n  padding?: string | number\n  center?: boolean\n}\n\n/**\n * Centered max-width wrapper. Use to bound content width on large screens\n * without rewriting flex/grid plumbing.\n */\nexport const IrisContainer = React.forwardRef<HTMLDivElement, IrisContainerProps>(\n  function IrisContainer(\n    { maxWidth = 'lg', padding = 'md', center = true, style, children, ...rest },\n    ref,\n  ) {\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        data-iris-container=\"\"\n        data-iris-container-max-width={maxWidth}\n        style={{\n          width: '100%',\n          maxWidth: resolveMaxWidth(maxWidth),\n          padding: `0 ${resolvePadding(padding)}`,\n          ...(center ? { marginInlineStart: 'auto', marginInlineEnd: 'auto' } : {}),\n          ...style,\n        }}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n","import * as React from 'react'\n\nexport interface IrisDashboardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number\n  gap?: number | string\n  /** Use `repeat(auto-fill, minmax(<minColWidth>, 1fr))` instead of fixed `columns`. */\n  minColWidth?: number | string\n}\n\n/**\n * 12-column responsive grid for dashboard composition. Each child controls\n * its span via `gridColumn` style or by wrapping with `IrisDashboardCard`.\n */\nexport function IrisDashboardGrid({\n  columns = 12,\n  gap = 16,\n  minColWidth,\n  style,\n  children,\n  ...rest\n}: IrisDashboardGridProps): React.ReactElement {\n  const gapCss = typeof gap === 'number' ? `${gap}px` : gap\n  const gridTemplateColumns = minColWidth\n    ? `repeat(auto-fill, minmax(${\n        typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth\n      }, 1fr))`\n    : `repeat(${columns}, 1fr)`\n\n  return (\n    <div\n      {...rest}\n      data-iris-dashboard-grid=\"\"\n      style={{\n        display: 'grid',\n        gap: gapCss,\n        gridTemplateColumns,\n        width: '100%',\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface IrisDashboardCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  colSpan?: number | 'full'\n  rowSpan?: number\n  /** Show the styled card surface (background + border). Default true. */\n  surface?: boolean\n}\n\n/**\n * A single dashboard grid cell. `colSpan='full'` makes it fill the row.\n */\nexport function IrisDashboardCard({\n  colSpan = 1,\n  rowSpan = 1,\n  surface = true,\n  style,\n  children,\n  ...rest\n}: IrisDashboardCardProps): React.ReactElement {\n  const gridColumn = colSpan === 'full' ? '1 / -1' : `span ${colSpan}`\n  const gridRow = rowSpan > 1 ? `span ${rowSpan}` : undefined\n\n  return (\n    <div\n      {...rest}\n      data-iris-dashboard-card=\"\"\n      style={{\n        gridColumn,\n        gridRow,\n        background: surface ? 'var(--iris-surface)' : 'transparent',\n        border: surface ? '1px solid var(--iris-border)' : 'none',\n        borderRadius: 'var(--iris-radius-md, 6px)',\n        padding: surface ? 'var(--iris-padding-lg, 20px)' : 0,\n        minWidth: 0,\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"]}

package/dist/data.cjs

@@ -0,0 +1,112 @@
+'use client'
+'use strict';
+
+var React3 = require('react');
+var core = require('@iris-ui-kit/core');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+
+// src/data/useDataSource.ts
+function useStore(store) {
+  return React3.useSyncExternalStore(
+    store.subscribe,
+    store.getState,
+    store.getState
+    // SSR fallback — same as client snapshot in our case.
+  );
+}
+
+// src/data/useDataSource.ts
+function useDataSource(config) {
+  const ref = React3__namespace.useRef(null);
+  if (ref.current === null) ref.current = core.createDataSource({ ...config, immediate: false });
+  const controller = ref.current;
+  const immediate = config.immediate !== false;
+  React3__namespace.useEffect(() => {
+    if (immediate) void controller.load();
+    return () => controller.destroy();
+  }, [controller, immediate]);
+  const state = useStore(controller.store);
+  return React3__namespace.useMemo(() => ({ ...controller, state }), [controller, state]);
+}
+function useGroupedView(config) {
+  const ref = React3__namespace.useRef(null);
+  if (ref.current === null) ref.current = core.createGroupedView(config);
+  const controller = ref.current;
+  const storeState = useStore(controller.store);
+  const state = storeState.state;
+  const setRows = React3__namespace.useCallback(
+    (rows, columns) => {
+      controller.setRows(rows, columns);
+    },
+    [controller]
+  );
+  const toggleGroup = React3__namespace.useCallback((key) => controller.toggleGroup(key), [controller]);
+  const expandGroup = React3__namespace.useCallback((key) => controller.expandGroup(key), [controller]);
+  const collapseGroup = React3__namespace.useCallback((key) => controller.collapseGroup(key), [controller]);
+  const expandAll = React3__namespace.useCallback(() => controller.expandAll(), [controller]);
+  const collapseAll = React3__namespace.useCallback(() => controller.collapseAll(), [controller]);
+  const setConfig = React3__namespace.useCallback(
+    (partial) => controller.setConfig(partial),
+    [controller]
+  );
+  return React3__namespace.useMemo(
+    () => ({
+      store: controller.store,
+      setRows,
+      toggleGroup,
+      expandGroup,
+      collapseGroup,
+      expandAll,
+      collapseAll,
+      state,
+      setConfig
+    }),
+    [
+      controller,
+      setRows,
+      toggleGroup,
+      expandGroup,
+      collapseGroup,
+      expandAll,
+      collapseAll,
+      state,
+      setConfig
+    ]
+  );
+}
+
+Object.defineProperty(exports, "createClientDataSource", {
+  enumerable: true,
+  get: function () { return core.createClientDataSource; }
+});
+Object.defineProperty(exports, "createDataSource", {
+  enumerable: true,
+  get: function () { return core.createDataSource; }
+});
+Object.defineProperty(exports, "createGroupedView", {
+  enumerable: true,
+  get: function () { return core.createGroupedView; }
+});
+exports.useDataSource = useDataSource;
+exports.useGroupedView = useGroupedView;
+//# sourceMappingURL=data.cjs.map
+//# sourceMappingURL=data.cjs.map

package/dist/data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useStore.ts","../src/data/useDataSource.ts","../src/data/useGroupedView.ts"],"names":["useSyncExternalStore","React2","createDataSource","React3","createGroupedView"],"mappings":"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","file":"data.cjs","sourcesContent":["import * as React from 'react'\nimport { useSyncExternalStore } from 'react'\nimport type { ReadonlyStore, Store } from '@iris-ui-kit/core'\n\n/**\n * Bridge a framework-agnostic `@iris-ui-kit/core` store into React reactivity.\n * Uses React 18's `useSyncExternalStore` — the contract is identical to the\n * one Vue uses via `ref + onMounted` and Solid uses via `createSignal`. The\n * **same** store can power Button, Popover, Dialog, etc. on any framework.\n */\nexport function useStore<T>(store: ReadonlyStore<T>): T {\n  return useSyncExternalStore(\n    store.subscribe,\n    store.getState,\n    store.getState, // SSR fallback — same as client snapshot in our case.\n  )\n}\n\n/**\n * Subscribe to a DERIVED slice of a core store — the component re-renders only\n * when `selector(state)` changes per `isEqual` (default `Object.is`), not on\n * every store emission. Built on {@link Store.subscribeWith}. Inline closures\n * for `selector`/`isEqual` are fine (captured via refs; the subscription is not\n * re-created between renders).\n */\nexport function useStoreSelector<T, U>(\n  store: Store<T>,\n  selector: (state: T) => U,\n  isEqual?: (a: U, b: U) => boolean,\n): U {\n  const [slice, setSlice] = React.useState(() => selector(store.getState()))\n  const selRef = React.useRef(selector)\n  selRef.current = selector\n  const eqRef = React.useRef(isEqual)\n  eqRef.current = isEqual\n  React.useEffect(() => {\n    const read = (s: T): U => selRef.current(s)\n    const eq = (a: U, b: U): boolean => (eqRef.current ?? Object.is)(a, b)\n    // Re-sync in case the store moved between render and this effect.\n    setSlice((prev) => {\n      const next = read(store.getState())\n      return eq(prev, next) ? prev : next\n    })\n    return store.subscribeWith(read, setSlice, eq)\n  }, [store])\n  return slice\n}\n","import * as React from 'react'\nimport {\n  createDataSource,\n  type DataSourceController,\n  type DataSourceConfig,\n  type DataSourceState,\n} from '@iris-ui-kit/core'\nimport { useStore } from '../useStore'\n\nexport interface UseDataSource<T> extends DataSourceController<T> {\n  /**\n   * The live data-source state: rows, total, page/pageSize, sort/multiSort,\n   * filters/filterRules, loading/loadingMore, hasMore, selectedKeys, and the\n   * per-row pendingRows/rowErrors.\n   */\n  state: DataSourceState<T>\n}\n\n/**\n * React bridge over the framework-agnostic {@link createDataSource} — the unified\n * data engine (paged/infinite + multi-sort + typed filters + selection +\n * per-row + optimistic mutate). Creates the controller once, subscribes to its\n * store, and returns the controller plus its live `state`. A thin bridge — all\n * logic lives in `@iris-ui-kit/core`.\n *\n * Constructed with `immediate: false` so no fetch fires during render; the\n * initial load is kicked from an effect and the controller is torn down on\n * unmount (aborting any in-flight request) so a late response never writes back.\n */\nexport function useDataSource<T>(config: DataSourceConfig<T>): UseDataSource<T> {\n  const ref = React.useRef<DataSourceController<T> | null>(null)\n  if (ref.current === null) ref.current = createDataSource({ ...config, immediate: false })\n  const controller = ref.current\n  const immediate = config.immediate !== false\n\n  React.useEffect(() => {\n    if (immediate) void controller.load()\n    return () => controller.destroy()\n  }, [controller, immediate])\n\n  const state = useStore(controller.store)\n  return React.useMemo(() => ({ ...controller, state }), [controller, state])\n}\n","import * as React from 'react'\nimport { createGroupedView, type GroupedViewConfig, type GroupedViewState } from '@iris-ui-kit/core'\nimport { useStore } from '../useStore'\n\nexport interface UseGroupedView<Row, K = string> {\n  /** Subscribable store with the full grouped state. */\n  store: ReturnType<typeof createGroupedView<Row, K>>['store']\n  /** Set the source rows (re-computes groups and aggregates). */\n  setRows: (\n    rows: readonly Row[],\n    columns?: readonly import('@iris-ui-kit/core').DataViewColumn<Row>[],\n  ) => void\n  /** Toggle a group's expanded state. */\n  toggleGroup: (key: K) => void\n  /** Expand a specific group. */\n  expandGroup: (key: K) => void\n  /** Collapse a specific group. */\n  collapseGroup: (key: K) => void\n  /** Expand all groups. */\n  expandAll: () => void\n  /** Collapse all groups. */\n  collapseAll: () => void\n  /** The live grouped-view state snapshot. */\n  state: GroupedViewState<Row, K>\n  /** Update config. */\n  setConfig: (partial: Partial<GroupedViewConfig<Row, K>>) => void\n}\n\n/**\n * React bridge over the framework-agnostic {@link createGroupedView}.\n * Creates the controller once (ref), subscribes to its store, and returns\n * the controller plus its live `state`.\n */\nexport function useGroupedView<Row, K = string>(\n  config: GroupedViewConfig<Row, K>,\n): UseGroupedView<Row, K> {\n  const ref = React.useRef<ReturnType<typeof createGroupedView<Row, K>> | null>(null)\n  if (ref.current === null) ref.current = createGroupedView<Row, K>(config)\n  const controller = ref.current\n\n  const storeState = useStore(controller.store)\n  const state: GroupedViewState<Row, K> = storeState.state\n\n  const setRows = React.useCallback(\n    (\n      rows: readonly Row[],\n      columns?: readonly import('@iris-ui-kit/core').DataViewColumn<Row>[],\n    ) => {\n      controller.setRows(rows, columns)\n    },\n    [controller],\n  )\n\n  const toggleGroup = React.useCallback((key: K) => controller.toggleGroup(key), [controller])\n  const expandGroup = React.useCallback((key: K) => controller.expandGroup(key), [controller])\n  const collapseGroup = React.useCallback((key: K) => controller.collapseGroup(key), [controller])\n  const expandAll = React.useCallback(() => controller.expandAll(), [controller])\n  const collapseAll = React.useCallback(() => controller.collapseAll(), [controller])\n  const setConfig = React.useCallback(\n    (partial: Partial<GroupedViewConfig<Row, K>>) => controller.setConfig(partial),\n    [controller],\n  )\n\n  return React.useMemo(\n    () => ({\n      store: controller.store,\n      setRows,\n      toggleGroup,\n      expandGroup,\n      collapseGroup,\n      expandAll,\n      collapseAll,\n      state,\n      setConfig,\n    }),\n    [\n      controller,\n      setRows,\n      toggleGroup,\n      expandGroup,\n      collapseGroup,\n      expandAll,\n      collapseAll,\n      state,\n      setConfig,\n    ],\n  )\n}\n"]}

package/dist/data.d.cts

@@ -0,0 +1,53 @@
+import * as _iris_ui_kit_core from '@iris-ui-kit/core';
+import { DataSourceController, DataSourceState, DataSourceConfig, createGroupedView, GroupedViewState, GroupedViewConfig } from '@iris-ui-kit/core';
+export { DataSourceConfig, DataSourceController, DataSourceMode, DataSourceMutateOptions, DataSourceQuery, DataSourceState, GroupedViewConfig, GroupedViewState, GroupedViewStore, RowMutateOptions, createClientDataSource, createDataSource, createGroupedView } from '@iris-ui-kit/core';
+
+interface UseDataSource<T> extends DataSourceController<T> {
+    /**
+     * The live data-source state: rows, total, page/pageSize, sort/multiSort,
+     * filters/filterRules, loading/loadingMore, hasMore, selectedKeys, and the
+     * per-row pendingRows/rowErrors.
+     */
+    state: DataSourceState<T>;
+}
+/**
+ * React bridge over the framework-agnostic {@link createDataSource} — the unified
+ * data engine (paged/infinite + multi-sort + typed filters + selection +
+ * per-row + optimistic mutate). Creates the controller once, subscribes to its
+ * store, and returns the controller plus its live `state`. A thin bridge — all
+ * logic lives in `@iris-ui-kit/core`.
+ *
+ * Constructed with `immediate: false` so no fetch fires during render; the
+ * initial load is kicked from an effect and the controller is torn down on
+ * unmount (aborting any in-flight request) so a late response never writes back.
+ */
+declare function useDataSource<T>(config: DataSourceConfig<T>): UseDataSource<T>;
+
+interface UseGroupedView<Row, K = string> {
+    /** Subscribable store with the full grouped state. */
+    store: ReturnType<typeof createGroupedView<Row, K>>['store'];
+    /** Set the source rows (re-computes groups and aggregates). */
+    setRows: (rows: readonly Row[], columns?: readonly _iris_ui_kit_core.DataViewColumn<Row>[]) => void;
+    /** Toggle a group's expanded state. */
+    toggleGroup: (key: K) => void;
+    /** Expand a specific group. */
+    expandGroup: (key: K) => void;
+    /** Collapse a specific group. */
+    collapseGroup: (key: K) => void;
+    /** Expand all groups. */
+    expandAll: () => void;
+    /** Collapse all groups. */
+    collapseAll: () => void;
+    /** The live grouped-view state snapshot. */
+    state: GroupedViewState<Row, K>;
+    /** Update config. */
+    setConfig: (partial: Partial<GroupedViewConfig<Row, K>>) => void;
+}
+/**
+ * React bridge over the framework-agnostic {@link createGroupedView}.
+ * Creates the controller once (ref), subscribes to its store, and returns
+ * the controller plus its live `state`.
+ */
+declare function useGroupedView<Row, K = string>(config: GroupedViewConfig<Row, K>): UseGroupedView<Row, K>;
+
+export { type UseDataSource, type UseGroupedView, useDataSource, useGroupedView };

package/dist/data.d.ts

@@ -0,0 +1,53 @@
+import * as _iris_ui_kit_core from '@iris-ui-kit/core';
+import { DataSourceController, DataSourceState, DataSourceConfig, createGroupedView, GroupedViewState, GroupedViewConfig } from '@iris-ui-kit/core';
+export { DataSourceConfig, DataSourceController, DataSourceMode, DataSourceMutateOptions, DataSourceQuery, DataSourceState, GroupedViewConfig, GroupedViewState, GroupedViewStore, RowMutateOptions, createClientDataSource, createDataSource, createGroupedView } from '@iris-ui-kit/core';
+
+interface UseDataSource<T> extends DataSourceController<T> {
+    /**
+     * The live data-source state: rows, total, page/pageSize, sort/multiSort,
+     * filters/filterRules, loading/loadingMore, hasMore, selectedKeys, and the
+     * per-row pendingRows/rowErrors.
+     */
+    state: DataSourceState<T>;
+}
+/**
+ * React bridge over the framework-agnostic {@link createDataSource} — the unified
+ * data engine (paged/infinite + multi-sort + typed filters + selection +
+ * per-row + optimistic mutate). Creates the controller once, subscribes to its
+ * store, and returns the controller plus its live `state`. A thin bridge — all
+ * logic lives in `@iris-ui-kit/core`.
+ *
+ * Constructed with `immediate: false` so no fetch fires during render; the
+ * initial load is kicked from an effect and the controller is torn down on
+ * unmount (aborting any in-flight request) so a late response never writes back.
+ */
+declare function useDataSource<T>(config: DataSourceConfig<T>): UseDataSource<T>;
+
+interface UseGroupedView<Row, K = string> {
+    /** Subscribable store with the full grouped state. */
+    store: ReturnType<typeof createGroupedView<Row, K>>['store'];
+    /** Set the source rows (re-computes groups and aggregates). */
+    setRows: (rows: readonly Row[], columns?: readonly _iris_ui_kit_core.DataViewColumn<Row>[]) => void;
+    /** Toggle a group's expanded state. */
+    toggleGroup: (key: K) => void;
+    /** Expand a specific group. */
+    expandGroup: (key: K) => void;
+    /** Collapse a specific group. */
+    collapseGroup: (key: K) => void;
+    /** Expand all groups. */
+    expandAll: () => void;
+    /** Collapse all groups. */
+    collapseAll: () => void;
+    /** The live grouped-view state snapshot. */
+    state: GroupedViewState<Row, K>;
+    /** Update config. */
+    setConfig: (partial: Partial<GroupedViewConfig<Row, K>>) => void;
+}
+/**
+ * React bridge over the framework-agnostic {@link createGroupedView}.
+ * Creates the controller once (ref), subscribes to its store, and returns
+ * the controller plus its live `state`.
+ */
+declare function useGroupedView<Row, K = string>(config: GroupedViewConfig<Row, K>): UseGroupedView<Row, K>;
+
+export { type UseDataSource, type UseGroupedView, useDataSource, useGroupedView };

package/dist/data.js

@@ -0,0 +1,5 @@
+'use client'
+export { createClientDataSource, createDataSource, createGroupedView, useDataSource, useGroupedView } from './chunk-53KFLVIZ.js';
+import './chunk-RZNYIFV2.js';
+//# sourceMappingURL=data.js.map
+//# sourceMappingURL=data.js.map

package/dist/data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":";","file":"data.js"}

package/dist/error-boundary.cjs

@@ -0,0 +1,106 @@
+'use client'
+'use strict';
+
+var React = require('react');
+var core = require('@iris-ui-kit/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/error-boundary/ErrorBoundary.tsx
+var I18nContext = React__namespace.createContext(null);
+function useStore(store) {
+  return React.useSyncExternalStore(
+    store.subscribe,
+    store.getState,
+    store.getState
+    // SSR fallback — same as client snapshot in our case.
+  );
+}
+
+// src/i18n/useI18n.ts
+var fallbackI18n = null;
+function getFallback() {
+  if (fallbackI18n === null) fallbackI18n = core.createI18n();
+  return fallbackI18n;
+}
+function useI18n() {
+  const ctx = React__namespace.useContext(I18nContext);
+  const i18n = ctx ?? getFallback();
+  const state = useStore(i18n.store);
+  return {
+    locale: state.locale,
+    t: i18n.t,
+    formatDate: i18n.formatDate,
+    formatNumber: i18n.formatNumber,
+    formatRelativeTime: i18n.formatRelativeTime,
+    setLocale: i18n.setLocale,
+    setMessages: i18n.setMessages
+  };
+}
+function DefaultErrorFallback({
+  error,
+  reset
+}) {
+  const { t } = useI18n();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-iris-error-boundary": "",
+      role: "alert",
+      style: {
+        padding: 16,
+        border: "1px solid var(--iris-danger)",
+        borderRadius: "var(--iris-radius-md, 6px)",
+        color: "var(--iris-danger)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-iris-error-boundary-message": "", children: error.message || t("errorBoundary.message") }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-iris-error-boundary-retry": "", onClick: reset, children: t("errorBoundary.retry") })
+      ]
+    }
+  );
+}
+var IrisErrorBoundary = class extends React__namespace.Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  reset = () => {
+    this.setState({ error: null });
+  };
+  render() {
+    const { error } = this.state;
+    if (error !== null) {
+      const { fallback } = this.props;
+      if (fallback) return fallback({ error, reset: this.reset });
+      return /* @__PURE__ */ jsxRuntime.jsx(DefaultErrorFallback, { error, reset: this.reset });
+    }
+    return this.props.children;
+  }
+};
+
+exports.IrisErrorBoundary = IrisErrorBoundary;
+//# sourceMappingURL=error-boundary.cjs.map
+//# sourceMappingURL=error-boundary.cjs.map

package/dist/error-boundary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/context.ts","../src/useStore.ts","../src/i18n/useI18n.ts","../src/error-boundary/ErrorBoundary.tsx"],"names":["React","useSyncExternalStore","createI18n","React3","jsxs","jsx","React4"],"mappings":"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","file":"error-boundary.cjs","sourcesContent":["import * as React from 'react'\nimport type { I18n } from '@iris-ui-kit/core'\n\n/** Carries the active {@link I18n} instance to descendants via `useI18n`. */\nexport const I18nContext = React.createContext<I18n | null>(null)\n","import * as React from 'react'\nimport { useSyncExternalStore } from 'react'\nimport type { ReadonlyStore, Store } from '@iris-ui-kit/core'\n\n/**\n * Bridge a framework-agnostic `@iris-ui-kit/core` store into React reactivity.\n * Uses React 18's `useSyncExternalStore` — the contract is identical to the\n * one Vue uses via `ref + onMounted` and Solid uses via `createSignal`. The\n * **same** store can power Button, Popover, Dialog, etc. on any framework.\n */\nexport function useStore<T>(store: ReadonlyStore<T>): T {\n  return useSyncExternalStore(\n    store.subscribe,\n    store.getState,\n    store.getState, // SSR fallback — same as client snapshot in our case.\n  )\n}\n\n/**\n * Subscribe to a DERIVED slice of a core store — the component re-renders only\n * when `selector(state)` changes per `isEqual` (default `Object.is`), not on\n * every store emission. Built on {@link Store.subscribeWith}. Inline closures\n * for `selector`/`isEqual` are fine (captured via refs; the subscription is not\n * re-created between renders).\n */\nexport function useStoreSelector<T, U>(\n  store: Store<T>,\n  selector: (state: T) => U,\n  isEqual?: (a: U, b: U) => boolean,\n): U {\n  const [slice, setSlice] = React.useState(() => selector(store.getState()))\n  const selRef = React.useRef(selector)\n  selRef.current = selector\n  const eqRef = React.useRef(isEqual)\n  eqRef.current = isEqual\n  React.useEffect(() => {\n    const read = (s: T): U => selRef.current(s)\n    const eq = (a: U, b: U): boolean => (eqRef.current ?? Object.is)(a, b)\n    // Re-sync in case the store moved between render and this effect.\n    setSlice((prev) => {\n      const next = read(store.getState())\n      return eq(prev, next) ? prev : next\n    })\n    return store.subscribeWith(read, setSlice, eq)\n  }, [store])\n  return slice\n}\n","import * as React from 'react'\nimport { createI18n, type I18n } from '@iris-ui-kit/core'\nimport { useStore } from '../useStore'\nimport { I18nContext } from './context'\n\nexport interface UseI18nReturn {\n  locale: string\n  t: I18n['t']\n  formatDate: I18n['formatDate']\n  formatNumber: I18n['formatNumber']\n  formatRelativeTime: I18n['formatRelativeTime']\n  setLocale: I18n['setLocale']\n  setMessages: I18n['setMessages']\n}\n\n// Shared fallback so components can call `useI18n()` without an enclosing\n// provider — they get English defaults rather than throwing.\nlet fallbackI18n: I18n | null = null\nfunction getFallback(): I18n {\n  if (fallbackI18n === null) fallbackI18n = createI18n()\n  return fallbackI18n\n}\n\n/**\n * Reactive access to the active locale + translation/formatting helpers.\n * Re-renders the host when the locale or messages change. Works with or\n * without an `<IrisI18nProvider>` (falls back to English defaults).\n */\nexport function useI18n(): UseI18nReturn {\n  const ctx = React.useContext(I18nContext)\n  const i18n = ctx ?? getFallback()\n  const state = useStore(i18n.store)\n\n  return {\n    locale: state.locale,\n    t: i18n.t,\n    formatDate: i18n.formatDate,\n    formatNumber: i18n.formatNumber,\n    formatRelativeTime: i18n.formatRelativeTime,\n    setLocale: i18n.setLocale,\n    setMessages: i18n.setMessages,\n  }\n}\n","import * as React from 'react'\nimport { useI18n } from '../i18n'\n\nexport interface IrisErrorBoundaryFallbackProps {\n  /** The caught error. */\n  error: Error\n  /** Clears the error and re-attempts rendering the children. */\n  reset: () => void\n}\n\nexport interface IrisErrorBoundaryProps {\n  /** The guarded subtree. */\n  children?: React.ReactNode\n  /**\n   * Custom fallback UI. Receives `{ error, reset }`. When omitted, the\n   * default themed, accessible fallback is rendered.\n   */\n  fallback?: (props: IrisErrorBoundaryFallbackProps) => React.ReactNode\n  /** Invoked with the caught error (and React error info) for logging. */\n  onError?: (error: Error, info: React.ErrorInfo) => void\n}\n\ninterface IrisErrorBoundaryState {\n  error: Error | null\n}\n\n/**\n * Default themed, accessible fallback. A function sub-component so it can call\n * `useI18n()` — the class boundary can't use hooks. Falls back to English\n * without a provider.\n */\nfunction DefaultErrorFallback({\n  error,\n  reset,\n}: IrisErrorBoundaryFallbackProps): React.ReactElement {\n  const { t } = useI18n()\n  return (\n    <div\n      data-iris-error-boundary=\"\"\n      role=\"alert\"\n      style={{\n        padding: 16,\n        border: '1px solid var(--iris-danger)',\n        borderRadius: 'var(--iris-radius-md, 6px)',\n        color: 'var(--iris-danger)',\n      }}\n    >\n      <div data-iris-error-boundary-message=\"\">{error.message || t('errorBoundary.message')}</div>\n      <button type=\"button\" data-iris-error-boundary-retry=\"\" onClick={reset}>\n        {t('errorBoundary.retry')}\n      </button>\n    </div>\n  )\n}\n\n/**\n * Catches errors thrown while rendering its subtree and switches to a fallback\n * UI instead of crashing the whole React tree. Exposes `reset()` (passed to the\n * fallback) that clears the error and re-attempts rendering the children.\n *\n * Standalone component — it does NOT wrap `IrisProvider`'s children, so error\n * semantics for existing consumers are unchanged.\n *\n * React port of {@link import('@iris-ui-kit/vue').IrisErrorBoundary}.\n */\nexport class IrisErrorBoundary extends React.Component<\n  IrisErrorBoundaryProps,\n  IrisErrorBoundaryState\n> {\n  override state: IrisErrorBoundaryState = { error: null }\n\n  static getDerivedStateFromError(error: Error): IrisErrorBoundaryState {\n    return { error }\n  }\n\n  override componentDidCatch(error: Error, info: React.ErrorInfo): void {\n    this.props.onError?.(error, info)\n  }\n\n  reset = (): void => {\n    this.setState({ error: null })\n  }\n\n  override render(): React.ReactNode {\n    const { error } = this.state\n    if (error !== null) {\n      const { fallback } = this.props\n      if (fallback) return fallback({ error, reset: this.reset })\n      return <DefaultErrorFallback error={error} reset={this.reset} />\n    }\n    return this.props.children\n  }\n}\n"]}

package/dist/error-boundary.d.cts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface IrisErrorBoundaryFallbackProps {
+    /** The caught error. */
+    error: Error;
+    /** Clears the error and re-attempts rendering the children. */
+    reset: () => void;
+}
+interface IrisErrorBoundaryProps {
+    /** The guarded subtree. */
+    children?: React.ReactNode;
+    /**
+     * Custom fallback UI. Receives `{ error, reset }`. When omitted, the
+     * default themed, accessible fallback is rendered.
+     */
+    fallback?: (props: IrisErrorBoundaryFallbackProps) => React.ReactNode;
+    /** Invoked with the caught error (and React error info) for logging. */
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+}
+interface IrisErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * Catches errors thrown while rendering its subtree and switches to a fallback
+ * UI instead of crashing the whole React tree. Exposes `reset()` (passed to the
+ * fallback) that clears the error and re-attempts rendering the children.
+ *
+ * Standalone component — it does NOT wrap `IrisProvider`'s children, so error
+ * semantics for existing consumers are unchanged.
+ *
+ * React port of {@link import('@iris-ui-kit/vue').IrisErrorBoundary}.
+ */
+declare class IrisErrorBoundary extends React.Component<IrisErrorBoundaryProps, IrisErrorBoundaryState> {
+    state: IrisErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): IrisErrorBoundaryState;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    reset: () => void;
+    render(): React.ReactNode;
+}
+
+export { IrisErrorBoundary, type IrisErrorBoundaryFallbackProps, type IrisErrorBoundaryProps };

package/dist/error-boundary.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+interface IrisErrorBoundaryFallbackProps {
+    /** The caught error. */
+    error: Error;
+    /** Clears the error and re-attempts rendering the children. */
+    reset: () => void;
+}
+interface IrisErrorBoundaryProps {
+    /** The guarded subtree. */
+    children?: React.ReactNode;
+    /**
+     * Custom fallback UI. Receives `{ error, reset }`. When omitted, the
+     * default themed, accessible fallback is rendered.
+     */
+    fallback?: (props: IrisErrorBoundaryFallbackProps) => React.ReactNode;
+    /** Invoked with the caught error (and React error info) for logging. */
+    onError?: (error: Error, info: React.ErrorInfo) => void;
+}
+interface IrisErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * Catches errors thrown while rendering its subtree and switches to a fallback
+ * UI instead of crashing the whole React tree. Exposes `reset()` (passed to the
+ * fallback) that clears the error and re-attempts rendering the children.
+ *
+ * Standalone component — it does NOT wrap `IrisProvider`'s children, so error
+ * semantics for existing consumers are unchanged.
+ *
+ * React port of {@link import('@iris-ui-kit/vue').IrisErrorBoundary}.
+ */
+declare class IrisErrorBoundary extends React.Component<IrisErrorBoundaryProps, IrisErrorBoundaryState> {
+    state: IrisErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): IrisErrorBoundaryState;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    reset: () => void;
+    render(): React.ReactNode;
+}
+
+export { IrisErrorBoundary, type IrisErrorBoundaryFallbackProps, type IrisErrorBoundaryProps };

package/dist/error-boundary.js

@@ -0,0 +1,6 @@
+'use client'
+export { IrisErrorBoundary } from './chunk-SORLRLS4.js';
+import './chunk-OMOTUHYI.js';
+import './chunk-RZNYIFV2.js';
+//# sourceMappingURL=error-boundary.js.map
+//# sourceMappingURL=error-boundary.js.map

package/dist/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":";","file":"error-boundary.js"}

package/dist/floating.cjs

@@ -0,0 +1,163 @@
+'use client'
+'use strict';
+
+var React = require('react');
+var dom = require('@floating-ui/dom');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/floating/useFloating.ts
+function useFloating(options) {
+  const {
+    anchor,
+    floating,
+    open,
+    placement = "bottom",
+    strategy = "absolute",
+    offset,
+    flip = true,
+    shift = true,
+    size = false,
+    middleware: extraMiddleware,
+    arrow
+  } = options;
+  const [x, setX] = React__namespace.useState(0);
+  const [y, setY] = React__namespace.useState(0);
+  const [finalPlacement, setFinalPlacement] = React__namespace.useState(placement);
+  const [arrowX, setArrowX] = React__namespace.useState();
+  const [arrowY, setArrowY] = React__namespace.useState();
+  const middleware = React__namespace.useMemo(() => {
+    const mw = [];
+    if (offset !== void 0) mw.push(dom.offset(offset));
+    if (flip) mw.push(dom.flip());
+    if (shift) mw.push(dom.shift({ padding: 8 }));
+    if (size) {
+      const padding = typeof size === "number" ? size : 8;
+      mw.push(
+        dom.size({
+          padding,
+          apply({ availableWidth, availableHeight, elements }) {
+            Object.assign(elements.floating.style, {
+              maxWidth: `${Math.max(0, Math.floor(availableWidth))}px`,
+              maxHeight: `${Math.max(0, Math.floor(availableHeight))}px`
+            });
+          }
+        })
+      );
+    }
+    if (arrow?.current) mw.push(dom.arrow({ element: arrow.current }));
+    if (extraMiddleware) mw.push(...extraMiddleware);
+    return mw;
+  }, [offset, flip, shift, size, extraMiddleware, arrow]);
+  const middlewareRef = React__namespace.useRef(middleware);
+  middlewareRef.current = middleware;
+  const epochRef = React__namespace.useRef(0);
+  const update = React__namespace.useCallback(async () => {
+    const a = anchor.current;
+    const f = floating.current;
+    if (!a || !f) return;
+    const token = ++epochRef.current;
+    const result = await dom.computePosition(a, f, {
+      placement,
+      strategy,
+      middleware: middlewareRef.current
+    });
+    if (token !== epochRef.current) return;
+    setX(result.x);
+    setY(result.y);
+    setFinalPlacement(result.placement);
+    const arrowData = result.middlewareData.arrow;
+    setArrowX(arrowData?.x);
+    setArrowY(arrowData?.y);
+  }, [anchor, floating, placement, strategy]);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const a = anchor.current;
+    const f = floating.current;
+    if (!a || !f) return;
+    const cleanup = dom.autoUpdate(a, f, () => {
+      void update();
+    });
+    return () => {
+      epochRef.current++;
+      cleanup();
+    };
+  }, [open, anchor, floating, update]);
+  const floatingStyles = React__namespace.useMemo(
+    () => ({
+      position: strategy,
+      top: 0,
+      left: 0,
+      transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,
+      width: "max-content"
+    }),
+    [strategy, x, y]
+  );
+  const OPPOSITE = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  };
+  const arrowSide = OPPOSITE[finalPlacement.split("-")[0]];
+  return { x, y, strategy, finalPlacement, floatingStyles, update, arrowX, arrowY, arrowSide };
+}
+function useDismiss(options) {
+  const { enabled, escape = true, outsidePointerDown = true } = options;
+  const onDismissRef = React__namespace.useRef(options.onDismiss);
+  const excludeRef = React__namespace.useRef(options.exclude);
+  React__namespace.useEffect(() => {
+    onDismissRef.current = options.onDismiss;
+    excludeRef.current = options.exclude;
+  });
+  React__namespace.useEffect(() => {
+    if (!enabled || typeof document === "undefined") return;
+    const isExcluded = (target) => {
+      if (!target || !(target instanceof Node)) return false;
+      for (const r of excludeRef.current) {
+        const el = r.current;
+        if (el && (el === target || el.contains(target))) return true;
+      }
+      return false;
+    };
+    const onPointerDown = (event) => {
+      if (isExcluded(event.target)) return;
+      onDismissRef.current();
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        onDismissRef.current();
+      }
+    };
+    if (outsidePointerDown) document.addEventListener("pointerdown", onPointerDown, true);
+    if (escape) document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [enabled, escape, outsidePointerDown]);
+}
+
+exports.useDismiss = useDismiss;
+exports.useFloating = useFloating;
+//# sourceMappingURL=floating.cjs.map
+//# sourceMappingURL=floating.cjs.map