@expcat/tigercat-react 2.1.2 → 2.1.4

package/dist/components/InputNumber.mjs

@@ -1,8 +1,10 @@
 import {
   InputNumber
-} from "../chunk-CRIEUKMD.mjs";
-import "../chunk-34VGG7AK.mjs";
-import "../chunk-MEFARVQI.mjs";
+} from "../chunk-BP24PM37.mjs";
+import "../chunk-2AVQQGL2.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   InputNumber
 };

package/dist/components/InputOTP.d.mts

@@ -2,32 +2,14 @@ import React__default from 'react';
 import { InputOTPProps as InputOTPProps$1 } from '@expcat/tigercat-core';
 
 interface InputOTPProps extends InputOTPProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'defaultValue' | 'id'> {
-    /**
-     * Additional CSS classes
-     */
     className?: string;
-    /**
-     * Internal shake trigger counter (used by FormItem)
-     * @internal
-     */
+    /** @internal */
     _shakeTrigger?: number;
-    /**
-     * Change event handler, called with the joined value
-     */
     onChange?: (value: string) => void;
-    /**
-     * Called when every slot is filled, with the complete value
-     */
     onComplete?: (value: string) => void;
-    /**
-     * Focus event handler (fires when focus enters the group)
-     */
-    onFocus?: (event: React__default.FocusEvent<HTMLDivElement>) => void;
-    /**
-     * Blur event handler (fires when focus leaves the group)
-     */
-    onBlur?: (event: React__default.FocusEvent<HTMLDivElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLElement>) => void;
+    onBlur?: (event: React__default.FocusEvent<HTMLElement>) => void;
 }
-declare const InputOTP: React__default.FC<InputOTPProps>;
+declare const InputOTP: React__default.ForwardRefExoticComponent<InputOTPProps & React__default.RefAttributes<HTMLInputElement>>;
 
 export { InputOTP, type InputOTPProps, InputOTP as default };

package/dist/components/InputOTP.mjs

@@ -1,11 +1,10 @@
 import {
   InputOTP,
   InputOTP_default
-} from "../chunk-IGBQGR6G.mjs";
+} from "../chunk-2AVHOPKK.mjs";
 import "../chunk-F6T3OLTQ.mjs";
-import "../chunk-MEFARVQI.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   InputOTP,
   InputOTP_default as default

package/dist/components/Kanban.d.mts

@@ -1,51 +1,18 @@
-import * as _expcat_tigercat_core from '@expcat/tigercat-core';
-import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent, KanbanSwimlane } from '@expcat/tigercat-core';
 import React__default from 'react';
+import { TaskBoardProps } from './TaskBoard.mjs';
+import '@expcat/tigercat-core';
 
-interface KanbanProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Controlled columns */
-    columns?: TaskBoardColumn[];
-    /** Default columns (uncontrolled) */
-    defaultColumns?: TaskBoardColumn[];
-    /** Enable card drag & drop */
-    draggable?: boolean;
-    /** Enable column drag & drop */
-    columnDraggable?: boolean;
-    /** Enforce WIP limits */
-    enforceWipLimit?: boolean;
-    /** Validate card move before applying */
-    beforeCardMove?: (event: TaskBoardCardMoveEvent) => boolean | Promise<boolean>;
-    /** Validate column move before applying */
-    beforeColumnMove?: (event: TaskBoardColumnMoveEvent) => boolean | Promise<boolean>;
-    /** Filter text for cards */
-    filterText?: string;
-    /** Column IDs to hide */
-    hiddenColumns?: (string | number)[];
-    /** Swimlane definitions used to group cards inside each column */
-    swimlanes?: KanbanSwimlane[];
-    /** Card field used to assign a card to a swimlane */
-    swimlaneField?: string;
-    /** Show card count badges */
-    showCardCount?: boolean;
-    /** Allow inline card add */
-    allowAddCard?: boolean;
-    /** Allow inline column add */
-    allowAddColumn?: boolean;
-    /** Card move callback */
-    onCardMove?: (event: TaskBoardCardMoveEvent) => void;
-    /** Column move callback */
-    onColumnMove?: (event: TaskBoardColumnMoveEvent) => void;
-    /** Columns change callback */
-    onColumnsChange?: (columns: TaskBoardColumn[]) => void;
-    /** Card add callback */
-    onCardAdd?: (columnId: string | number) => void;
-    /** Column add callback */
-    onColumnAdd?: () => void;
-    /** Custom card renderer */
-    renderCard?: (card: _expcat_tigercat_core.TaskBoardCard, columnId: string | number) => React__default.ReactNode;
-    /** Custom column header renderer */
-    renderColumnHeader?: (column: TaskBoardColumn) => React__default.ReactNode;
-}
+/**
+ * Kanban — thin wrapper around TaskBoard with Kanban-friendly defaults.
+ *
+ * Differences from TaskBoard defaults:
+ *   showCardCount  = true  (TaskBoard default: false)
+ *   allowAddCard   = true  (TaskBoard default: false)
+ *
+ * Swimlanes group cards inside each column by `swimlaneField`.
+ */
+
+type KanbanProps = TaskBoardProps;
 declare const Kanban: React__default.FC<KanbanProps>;
 
 export { Kanban, type KanbanProps, Kanban as default };

package/dist/components/Kanban.mjs

@@ -1,10 +1,10 @@
 import {
   Kanban,
   Kanban_default
-} from "../chunk-2JMI7TCM.mjs";
-import "../chunk-O6VYD4E4.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-LMSEOGKK.mjs";
+import "../chunk-X7NF2HZV.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Kanban,
   Kanban_default as default

package/dist/components/Kbd.mjs

@@ -1,7 +1,7 @@
 import {
   Kbd,
   Kbd_default
-} from "../chunk-GR3Y3XWP.mjs";
+} from "../chunk-34BU3D7L.mjs";
 export {
   Kbd,
   Kbd_default as default

package/dist/components/Layout.d.mts

@@ -4,6 +4,6 @@ import { LayoutProps } from '@expcat/tigercat-core';
 interface ReactLayoutProps extends LayoutProps, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     children?: React__default.ReactNode;
 }
-declare const Layout: React__default.FC<ReactLayoutProps>;
+declare const Layout: React__default.ForwardRefExoticComponent<ReactLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Layout, type ReactLayoutProps };

package/dist/components/Layout.mjs

@@ -1,6 +1,7 @@
 import {
   Layout
-} from "../chunk-AYHP2OAX.mjs";
+} from "../chunk-UK5NGPTQ.mjs";
+import "../chunk-5J7EDMS7.mjs";
 export {
   Layout
 };

package/dist/components/LineChart.mjs

@@ -1,15 +1,17 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-TEVEXDY2.mjs";
-import "../chunk-5JETWHLJ.mjs";
-import "../chunk-JZZPLKTW.mjs";
-import "../chunk-SDLMB34Y.mjs";
-import "../chunk-YORCCCQX.mjs";
-import "../chunk-RQSQXQN6.mjs";
-import "../chunk-CUAXRBKO.mjs";
-import "../chunk-677VSTPW.mjs";
-import "../chunk-F2ITBDUS.mjs";
+} from "../chunk-6L7RWLOU.mjs";
+import "../chunk-7H7EKANG.mjs";
+import "../chunk-7P4R3NVO.mjs";
+import "../chunk-ST4NN6XV.mjs";
+import "../chunk-JX2WKSVM.mjs";
+import "../chunk-XZFHPHV5.mjs";
+import "../chunk-OP77MPGN.mjs";
+import "../chunk-2PC625DX.mjs";
+import "../chunk-A4JRK5SM.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/Link.d.mts

@@ -5,6 +5,6 @@ interface LinkProps extends LinkProps$1, Omit<React__default.AnchorHTMLAttribute
     onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
     children?: React__default.ReactNode;
 }
-declare const Link: React__default.FC<LinkProps>;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
 export { Link, type LinkProps };

package/dist/components/Link.mjs

@@ -1,6 +1,6 @@
 import {
   Link
-} from "../chunk-XZVQ3PJS.mjs";
+} from "../chunk-WQMOFDAY.mjs";
 export {
   Link
 };

package/dist/components/List.d.mts

@@ -1,126 +1,23 @@
 import React__default from 'react';
-import { ListItem, ComponentSize, ListBorderStyle, TigerLocale, ListItemLayout, ListPaginationConfig } from '@expcat/tigercat-core';
+import { ListItem, ListProps as ListProps$1, ListGrid, TigerLocale } from '@expcat/tigercat-core';
 
-interface ListProps<T extends ListItem = ListItem> extends React__default.HTMLAttributes<HTMLDivElement> {
-    /**
-     * List data source
-     */
+interface ListProps<T extends ListItem = ListItem> extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'draggable'>, Omit<ListProps$1<T>, 'header' | 'footer'> {
     dataSource?: T[];
-    /**
-     * List size
-     * @default 'md'
-     */
-    size?: ComponentSize;
-    /**
-     * Border style
-     * @default 'divided'
-     */
-    bordered?: ListBorderStyle;
-    /**
-     * Loading state
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Empty state text
-     * @default 'No data'
-     */
-    emptyText?: string;
-    /**
-     * Locale override; falls back to ConfigProvider locale
-     */
-    locale?: Partial<TigerLocale>;
-    /**
-     * Whether to show split line between items
-     * @default true
-     */
-    split?: boolean;
-    /**
-     * Item layout
-     * @default 'horizontal'
-     */
-    itemLayout?: ListItemLayout;
-    /**
-     * List header content
-     */
     header?: React__default.ReactNode;
-    /**
-     * List footer content
-     */
     footer?: React__default.ReactNode;
-    /**
-     * Pagination configuration, set to false to disable
-     * @default false
-     */
-    pagination?: ListPaginationConfig | false;
-    /**
-     * Grid configuration
-     */
-    grid?: {
-        gutter?: number;
-        column?: number;
-        xs?: number;
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-        xxl?: number;
-    };
-    /**
-     * Enable fixed-height virtual rendering via VirtualList.
-     * Virtual mode applies to the current paginated data window and is ignored for grid lists.
-     * @default false
-     */
-    virtual?: boolean;
-    /**
-     * Virtual viewport height in pixels.
-     * @default 400
-     */
-    virtualHeight?: number;
-    /**
-     * Fixed virtual item height in pixels.
-     * @default 40
-     */
-    virtualItemHeight?: number;
-    /**
-     * Number of extra virtual items to render above/below the viewport.
-     * @default 5
-     */
-    virtualOverscan?: number;
-    /**
-     * Function to get item key
-     */
+    grid?: ListGrid;
     rowKey?: string | ((item: T, index: number) => string | number);
-    /**
-     * Whether items are hoverable
-     * @default false
-     */
-    hoverable?: boolean;
-    /**
-     * Custom render function for list items
-     */
     renderItem?: (item: T, index: number) => React__default.ReactNode;
-    /**
-     * Item click handler
-     */
     onItemClick?: (item: T, index: number) => void;
-    /**
-     * Page change handler
-     */
     onPageChange?: (page: {
         current: number;
         pageSize: number;
     }) => void;
-    className?: string;
-    /**
-     * Whether list items are draggable for reorder
-     */
-    draggable?: boolean;
-    /**
-     * Called when items are reordered via drag
-     */
     onReorder?: (items: T[], from: number, to: number) => void;
+    locale?: Partial<TigerLocale>;
 }
-declare const List: <T extends ListItem = ListItem>({ dataSource, size, bordered, loading, emptyText, locale, split, itemLayout, header, footer, pagination, grid, virtual, virtualHeight, virtualItemHeight, virtualOverscan, rowKey, hoverable, renderItem, onItemClick, onPageChange, className, draggable: isDraggable, onReorder, ...divProps }: ListProps<T>) => React__default.JSX.Element;
+declare const List: <T extends ListItem = ListItem>(props: ListProps<T> & {
+    ref?: React__default.Ref<HTMLDivElement>;
+}) => React__default.ReactElement | null;
 
-export { List, type ListProps };
+export { List, type ListProps, List as default };

package/dist/components/List.mjs

@@ -1,10 +1,15 @@
 import {
-  List
-} from "../chunk-Y6UH3EKE.mjs";
-import "../chunk-M6ZPTGBV.mjs";
-import "../chunk-Y5X3G2LD.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+  List,
+  List_default
+} from "../chunk-YDIEWFBM.mjs";
+import "../chunk-REJVXLW5.mjs";
+import "../chunk-XAYOEQGB.mjs";
+import "../chunk-NTCVAVYZ.mjs";
+import "../chunk-RLUBTLOT.mjs";
+import "../chunk-VW6RNQK4.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
-  List
+  List,
+  List_default as default
 };

package/dist/components/Loading.d.mts

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { LoadingProps as LoadingProps$1 } from '@expcat/tigercat-core';
 
 interface LoadingProps extends LoadingProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof LoadingProps$1> {
+    children?: React__default.ReactNode;
 }
 declare const Loading: React__default.FC<LoadingProps>;
 

package/dist/components/Loading.mjs

@@ -1,9 +1,8 @@
 import {
   Loading
-} from "../chunk-I2BENK5X.mjs";
-import "../chunk-HKAZXG74.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-VW6RNQK4.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Loading
 };

package/dist/components/LoadingBar.d.mts

@@ -1,8 +1,7 @@
-import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+import { LoadingBarApi } from '@expcat/tigercat-core';
 export { LoadingBarContainer, LoadingBarContainerProps } from './LoadingBarContainer.mjs';
 import 'react';
 
-type LoadingBarProps = LoadingBarOptions;
 declare const LoadingBar: LoadingBarApi;
 
-export { LoadingBar, type LoadingBarProps, LoadingBar as default };
+export { LoadingBar, LoadingBar as default };

package/dist/components/LoadingBar.mjs

@@ -1,47 +1,53 @@
 import {
   LoadingBarContainer
-} from "../chunk-XT43B7ZI.mjs";
-import {
-  getGlobalTigerLocale
-} from "../chunk-TGXBCKOU.mjs";
+} from "../chunk-QIGZOYBF.mjs";
+import "../chunk-RUIFGSVN.mjs";
 
 // src/components/LoadingBar.tsx
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 import { flushSync } from "react-dom";
 import { createRoot } from "react-dom/client";
 import {
+  createImperativeHost,
   createLoadingBarController,
-  isBrowser,
-  LOADING_BAR_CONTAINER_ROOT_ID,
-  resolveLoadingBarMountTarget
+  isBrowser
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
-var containerRoot = null;
-var updateCallback = null;
 var controller = null;
-function getDefaultAriaLabel() {
-  return getGlobalTigerLocale()?.common?.loadingText;
-}
 function getController() {
   if (!controller) {
     controller = createLoadingBarController();
     controller.subscribe(() => {
-      updateCallback?.();
+      if (controller?.getState().visible) return;
+      host.teardown();
     });
   }
   return controller;
 }
-var LoadingBarHost = () => {
-  const [state, setState] = useState(() => getController().getState());
-  useEffect(() => {
-    updateCallback = () => {
-      setState(getController().getState());
-    };
-    setState(getController().getState());
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
+var host = createImperativeHost({
+  mount(element) {
+    const root = createRoot(element);
+    flushSync(() => {
+      root.render(/* @__PURE__ */ jsx(LoadingBarHost, {}));
+    });
+    return root;
+  },
+  unmount(root) {
+    root.unmount();
+  }
+});
+function subscribeLoadingBar(onStoreChange) {
+  return getController().subscribe(onStoreChange);
+}
+function getLoadingBarSnapshot() {
+  return getController().getState();
+}
+function LoadingBarHost() {
+  const state = useSyncExternalStore(
+    subscribeLoadingBar,
+    getLoadingBarSnapshot,
+    getLoadingBarSnapshot
+  );
   if (!state.visible) return null;
   return /* @__PURE__ */ jsx(
     LoadingBarContainer,
@@ -55,79 +61,46 @@ var LoadingBarHost = () => {
       ariaLabel: state.ariaLabel
     }
   );
-};
-function ensureContainer(container) {
-  if (!isBrowser()) {
-    return;
-  }
-  const existingRootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-  if (containerRoot && !existingRootEl) {
-    containerRoot = null;
-    updateCallback = null;
-  }
-  if (containerRoot) {
-    return;
-  }
-  let rootEl = existingRootEl;
-  if (!rootEl) {
-    rootEl = document.createElement("div");
-    rootEl.id = LOADING_BAR_CONTAINER_ROOT_ID;
-    const mountTarget = resolveLoadingBarMountTarget(container) ?? document.body;
-    mountTarget.appendChild(rootEl);
-  }
-  containerRoot = createRoot(rootEl);
-  flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsx(LoadingBarHost, {}));
-  });
-}
-function teardownContainer() {
-  if (containerRoot) {
-    containerRoot.unmount();
-    containerRoot = null;
-  }
-  updateCallback = null;
-  if (isBrowser()) {
-    const rootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
-    if (rootEl?.parentNode) {
-      rootEl.parentNode.removeChild(rootEl);
-    }
-  }
 }
-function withAriaLabel(options) {
-  if (options?.ariaLabel) return options;
-  const localeLabel = getDefaultAriaLabel();
-  if (!localeLabel && !options) return options;
-  return { ...options, ariaLabel: options?.ariaLabel ?? localeLabel };
+function syncHost(container) {
+  if (!isBrowser()) return;
+  if (!getController().getState().visible) return;
+  host.ensure(container);
 }
 var LoadingBar = {
   start(options) {
-    const resolved = withAriaLabel(options);
-    const shouldUpdateExistingContainer = isBrowser() && containerRoot !== null && document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID) !== null;
-    getController().start(resolved);
-    ensureContainer(resolved?.container);
-    if (shouldUpdateExistingContainer && updateCallback) {
-      updateCallback();
-    }
+    if (!isBrowser()) return;
+    getController().start(options);
+    syncHost(options?.container ?? getController().getState().container);
+  },
+  set(percentage) {
+    if (!isBrowser()) return;
+    getController().set(percentage);
+    syncHost(getController().getState().container);
+  },
+  inc(delta) {
+    if (!isBrowser()) return;
+    getController().inc(delta);
+    syncHost(getController().getState().container);
   },
   finish() {
+    if (!isBrowser()) return;
     getController().finish();
-    if (updateCallback) {
-      updateCallback();
-    } else if (getController().getState().visible) {
-      ensureContainer();
+    if (getController().getState().visible) {
+      syncHost(getController().getState().container);
     }
   },
   error() {
+    if (!isBrowser()) return;
     getController().error();
-    if (updateCallback) {
-      updateCallback();
-    } else {
-      ensureContainer();
+    if (getController().getState().visible) {
+      syncHost(getController().getState().container);
     }
   },
   clear() {
+    if (!isBrowser()) return;
     getController().clear();
-    teardownContainer();
+    host.teardown();
   }
 };
 var LoadingBar_default = LoadingBar;

package/dist/components/LoadingBarContainer.d.mts

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { LoadingBarContainerProps as LoadingBarContainerProps$1 } from '@expcat/tigercat-core';
 
-interface LoadingBarContainerProps extends LoadingBarContainerProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof LoadingBarContainerProps$1> {
+interface LoadingBarContainerProps extends LoadingBarContainerProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, keyof LoadingBarContainerProps$1 | 'role'> {
 }
 declare const LoadingBarContainer: React__default.FC<LoadingBarContainerProps>;
 

package/dist/components/LoadingBarContainer.mjs

@@ -1,7 +1,8 @@
 import {
   LoadingBarContainer,
   LoadingBarContainer_default
-} from "../chunk-XT43B7ZI.mjs";
+} from "../chunk-QIGZOYBF.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   LoadingBarContainer,
   LoadingBarContainer_default as default

package/dist/components/LoadingBarRoot.d.mts

@@ -1,6 +1,6 @@
-import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+import { LoadingBarApi } from '@expcat/tigercat-core';
+export { LoadingBarOptions, LoadingBarProps } from '@expcat/tigercat-core';
 
-type LoadingBarProps = LoadingBarOptions;
 declare const LoadingBar: LoadingBarApi;
 
-export { LoadingBar, type LoadingBarProps };
+export { LoadingBar };

package/dist/components/LoadingBarRoot.mjs

@@ -1,6 +1,6 @@
 import {
   LoadingBar
-} from "../chunk-U4M3DC2P.mjs";
+} from "../chunk-GOIJNJ5D.mjs";
 export {
   LoadingBar
 };