@cssui/react 1.0.0 → 1.0.1

package/dist/adapter-react/components/nav-menu/NavMenu.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes, type MouseEvent } from 'react';
+import { type NavMenuItem, type NavMenuProps as BaseNavMenuProps, type NavMenuValue } from '../../../components/nav-menu/index';
+import '../../../components/nav-menu/style.css';
+export interface NavMenuProps extends Omit<BaseNavMenuProps, 'className'>, Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    value?: NavMenuValue;
+    defaultValue?: NavMenuValue;
+    onChange?: (value: NavMenuValue, item: NavMenuItem, event: MouseEvent<HTMLElement>) => void;
+}
+export declare const NavMenu: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<NavMenuProps & import("react").RefAttributes<HTMLElement>>>;
+export default NavMenu;
+//# sourceMappingURL=NavMenu.d.ts.map

package/dist/adapter-react/components/nav-menu/NavMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.d.ts","sourceRoot":"","sources":["../../../components/nav-menu/NavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,UAAU,EAMhB,MAAM,OAAO,CAAA;AACd,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,YAAY,EAClB,MAAM,4BAA4B,CAAA;AAMnC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAC5F;AA8PD,eAAO,MAAM,OAAO,4IAAgC,CAAA;AAEpD,eAAe,OAAO,CAAA"}

package/dist/adapter-react/components/nav-menu/NavMenu.js

@@ -0,0 +1,197 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { findNavMenuItemPath, hasNavMenuChildren, getNavMenuClassNames, getNavMenuItemClassNames } from '../../../components/nav-menu/index.js';
+import { cn } from '../../../utils/src/index.js';
+import { useMergedState } from '../../hooks/useMergedState.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+
+const NavMenuComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      items = [],
+      value,
+      defaultValue,
+      theme = "light",
+      className,
+      onChange,
+      ...restProps
+    } = props;
+    const [currentValue, setCurrentValue] = useMergedState(defaultValue, {
+      value
+    });
+    const selectedPath = useMemo(
+      () => findNavMenuItemPath(items, currentValue),
+      [items, currentValue]
+    );
+    const selectedRootValue = selectedPath[0]?.value;
+    const selectedValues = useMemo(
+      () => new Set(selectedPath.map((item) => item.value)),
+      [selectedPath]
+    );
+    const [openRootValue, setOpenRootValue] = useState(void 0);
+    const rootRef = useRef(null);
+    const setRootRef = (node) => {
+      rootRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+        return;
+      }
+      if (ref) {
+        ref.current = node;
+      }
+    };
+    useEffect(() => {
+      if (openRootValue === void 0) {
+        return;
+      }
+      if (!items.some((item) => item.value === openRootValue)) {
+        setOpenRootValue(void 0);
+      }
+    }, [items, openRootValue]);
+    useEffect(() => {
+      if (openRootValue === void 0) {
+        return;
+      }
+      const handlePointerDown = (event) => {
+        const target = event.target;
+        if (!target || !rootRef.current || rootRef.current.contains(target)) {
+          return;
+        }
+        setOpenRootValue(void 0);
+      };
+      document.addEventListener("pointerdown", handlePointerDown);
+      return () => {
+        document.removeEventListener("pointerdown", handlePointerDown);
+      };
+    }, [openRootValue]);
+    const handleSelect = (item, event, closePanel = true) => {
+      if (item.disabled) {
+        event.preventDefault();
+        return;
+      }
+      setCurrentValue(item.value);
+      if (closePanel) {
+        setOpenRootValue(void 0);
+      }
+      onChange?.(item.value, item, event);
+    };
+    const handleRootClick = (item, event) => {
+      if (item.disabled) {
+        return;
+      }
+      if (hasNavMenuChildren(item)) {
+        setOpenRootValue((prev) => prev === item.value ? void 0 : item.value);
+        return;
+      }
+      handleSelect(item, event, false);
+      setOpenRootValue(void 0);
+    };
+    const renderItemContent = (item, iconSize) => /* @__PURE__ */ jsxs("span", { className: "css-nav-menu__item-main", children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "css-nav-menu__item-icon", children: /* @__PURE__ */ jsx(IconComponent, { name: item.icon, size: iconSize }) }),
+      /* @__PURE__ */ jsx("span", { className: "css-nav-menu__item-label", children: item.label })
+    ] });
+    const renderRootAction = (item) => {
+      const active = openRootValue === item.value || selectedRootValue === item.value;
+      const classes = getNavMenuItemClassNames({
+        active,
+        expanded: openRootValue === item.value,
+        disabled: item.disabled});
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: classes,
+          "aria-expanded": hasNavMenuChildren(item) ? openRootValue === item.value : void 0,
+          onClick: (event) => handleRootClick(item, event),
+          children: renderItemContent(item, 16)
+        }
+      );
+    };
+    const renderPanelLink = (item, nested = false) => {
+      const classes = cn(
+        "css-nav-menu__panel-link",
+        currentValue === item.value && "css-nav-menu__panel-link--active",
+        item.disabled && "css-nav-menu__panel-link--disabled",
+        nested && "css-nav-menu__panel-link--nested"
+      );
+      if (item.href) {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: item.disabled ? void 0 : item.href,
+            className: classes,
+            "aria-disabled": item.disabled || void 0,
+            onClick: (event) => handleSelect(item, event),
+            children: renderItemContent(item, 14)
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: classes,
+          disabled: item.disabled,
+          onClick: (event) => handleSelect(item, event),
+          children: renderItemContent(item, 14)
+        }
+      );
+    };
+    const renderPanelTitle = (item) => {
+      const classes = cn(
+        "css-nav-menu__panel-title",
+        selectedValues.has(item.value) && !hasNavMenuChildren(item) && "css-nav-menu__panel-link--active"
+      );
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: classes,
+          disabled: item.disabled,
+          onClick: (event) => handleSelect(item, event),
+          children: renderItemContent(item, 16)
+        }
+      );
+    };
+    const renderPanelNode = (item, nested = false) => {
+      if (!hasNavMenuChildren(item)) {
+        return /* @__PURE__ */ jsx("li", { className: "css-nav-menu__panel-link-item", children: renderPanelLink(item, nested) }, item.value);
+      }
+      return /* @__PURE__ */ jsxs("li", { className: "css-nav-menu__panel-group", children: [
+        renderPanelTitle(item),
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: cn("css-nav-menu__panel-list", nested && "css-nav-menu__panel-list--nested"),
+            children: item.children?.map((child) => renderPanelNode(child, true))
+          }
+        )
+      ] }, item.value);
+    };
+    const openRootItem = items.find((item) => item.value === openRootValue);
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref: setRootRef,
+        className: cn(getNavMenuClassNames({ theme }), className),
+        "aria-label": "\u5BFC\u822A\u83DC\u5355",
+        ...restProps,
+        children: [
+          /* @__PURE__ */ jsx("ul", { className: "css-nav-menu__root", children: items.map((item) => /* @__PURE__ */ jsx("li", { children: renderRootAction(item) }, item.value)) }),
+          openRootItem && hasNavMenuChildren(openRootItem) ? /* @__PURE__ */ jsx("div", { className: "css-nav-menu__panel", children: /* @__PURE__ */ jsx("ul", { className: "css-nav-menu__panel-grid", children: openRootItem.children?.map((item) => /* @__PURE__ */ jsx("li", { className: "css-nav-menu__panel-column", children: hasNavMenuChildren(item) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            renderPanelTitle(item),
+            /* @__PURE__ */ jsx("ul", { className: "css-nav-menu__panel-list", children: item.children?.map((child) => renderPanelNode(child, true)) })
+          ] }) : renderPanelLink(item) }, item.value)) }) }) : null
+        ]
+      }
+    );
+  })
+);
+NavMenuComponent.displayName = "CssNavMenu";
+const NavMenu = withInstall(NavMenuComponent);
+
+export { NavMenu };
+//# sourceMappingURL=NavMenu.js.map

package/dist/adapter-react/components/nav-menu/NavMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenu.js","sources":["../../../../../adapter-react/components/nav-menu/NavMenu.tsx"],"sourcesContent":["import {\r\n  type HTMLAttributes,\r\n  type MouseEvent,\r\n  type MutableRefObject,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from 'react'\r\nimport {\r\n  findNavMenuItemPath,\r\n  getNavMenuClassNames,\r\n  getNavMenuItemClassNames,\r\n  hasNavMenuChildren,\r\n  type NavMenuItem,\r\n  type NavMenuProps as BaseNavMenuProps,\r\n  type NavMenuValue,\r\n} from '@cssui/components/nav-menu'\r\nimport { cn } from '@cssui/utils'\r\nimport { useMergedState } from '../../hooks'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\nimport Icon from '../icon/Icon'\r\n\r\nimport '@cssui/components/nav-menu/style.css'\r\n\r\nexport interface NavMenuProps\r\n  extends Omit<BaseNavMenuProps, 'className'>, Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\r\n  value?: NavMenuValue\r\n  defaultValue?: NavMenuValue\r\n  onChange?: (value: NavMenuValue, item: NavMenuItem, event: MouseEvent<HTMLElement>) => void\r\n}\r\n\r\nconst NavMenuComponent = createComponent(\r\n  forwardRef<HTMLElement, NavMenuProps>((props, ref) => {\r\n    const {\r\n      items = [],\r\n      value,\r\n      defaultValue,\r\n      theme = 'light',\r\n      className,\r\n      onChange,\r\n      ...restProps\r\n    } = props\r\n\r\n    const [currentValue, setCurrentValue] = useMergedState<NavMenuValue | undefined>(defaultValue, {\r\n      value,\r\n    })\r\n    const selectedPath = useMemo(\r\n      () => findNavMenuItemPath(items, currentValue),\r\n      [items, currentValue]\r\n    )\r\n    const selectedRootValue = selectedPath[0]?.value\r\n    const selectedValues = useMemo(\r\n      () => new Set<NavMenuValue>(selectedPath.map(item => item.value)),\r\n      [selectedPath]\r\n    )\r\n    const [openRootValue, setOpenRootValue] = useState<NavMenuValue | undefined>(undefined)\r\n    const rootRef = useRef<HTMLElement | null>(null)\r\n\r\n    const setRootRef = (node: HTMLElement | null) => {\r\n      rootRef.current = node\r\n\r\n      if (typeof ref === 'function') {\r\n        ref(node)\r\n        return\r\n      }\r\n\r\n      if (ref) {\r\n        ;(ref as MutableRefObject<HTMLElement | null>).current = node\r\n      }\r\n    }\r\n\r\n    useEffect(() => {\r\n      if (openRootValue === undefined) {\r\n        return\r\n      }\r\n\r\n      if (!items.some(item => item.value === openRootValue)) {\r\n        setOpenRootValue(undefined)\r\n      }\r\n    }, [items, openRootValue])\r\n\r\n    useEffect(() => {\r\n      if (openRootValue === undefined) {\r\n        return\r\n      }\r\n\r\n      const handlePointerDown = (event: PointerEvent) => {\r\n        const target = event.target as Node | null\r\n\r\n        if (!target || !rootRef.current || rootRef.current.contains(target)) {\r\n          return\r\n        }\r\n\r\n        setOpenRootValue(undefined)\r\n      }\r\n\r\n      document.addEventListener('pointerdown', handlePointerDown)\r\n\r\n      return () => {\r\n        document.removeEventListener('pointerdown', handlePointerDown)\r\n      }\r\n    }, [openRootValue])\r\n\r\n    const handleSelect = (\r\n      item: NavMenuItem,\r\n      event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\r\n      closePanel = true\r\n    ) => {\r\n      if (item.disabled) {\r\n        event.preventDefault()\r\n        return\r\n      }\r\n\r\n      setCurrentValue(item.value)\r\n\r\n      if (closePanel) {\r\n        setOpenRootValue(undefined)\r\n      }\r\n\r\n      onChange?.(item.value, item, event as MouseEvent<HTMLElement>)\r\n    }\r\n\r\n    const handleRootClick = (item: NavMenuItem, event: MouseEvent<HTMLButtonElement>) => {\r\n      if (item.disabled) {\r\n        return\r\n      }\r\n\r\n      if (hasNavMenuChildren(item)) {\r\n        setOpenRootValue(prev => (prev === item.value ? undefined : item.value))\r\n        return\r\n      }\r\n\r\n      handleSelect(item, event, false)\r\n      setOpenRootValue(undefined)\r\n    }\r\n\r\n    const renderItemContent = (item: NavMenuItem, iconSize: number) => (\r\n      <span className=\"css-nav-menu__item-main\">\r\n        {item.icon && (\r\n          <span className=\"css-nav-menu__item-icon\">\r\n            <Icon name={item.icon as any} size={iconSize} />\r\n          </span>\r\n        )}\r\n        <span className=\"css-nav-menu__item-label\">{item.label}</span>\r\n      </span>\r\n    )\r\n\r\n    const renderRootAction = (item: NavMenuItem) => {\r\n      const active = openRootValue === item.value || selectedRootValue === item.value\r\n      const classes = getNavMenuItemClassNames({\r\n        active,\r\n        expanded: openRootValue === item.value,\r\n        disabled: item.disabled,\r\n        root: true,\r\n      })\r\n\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          className={classes}\r\n          aria-expanded={hasNavMenuChildren(item) ? openRootValue === item.value : undefined}\r\n          onClick={event => handleRootClick(item, event)}\r\n        >\r\n          {renderItemContent(item, 16)}\r\n        </button>\r\n      )\r\n    }\r\n\r\n    const renderPanelLink = (item: NavMenuItem, nested = false) => {\r\n      const classes = cn(\r\n        'css-nav-menu__panel-link',\r\n        currentValue === item.value && 'css-nav-menu__panel-link--active',\r\n        item.disabled && 'css-nav-menu__panel-link--disabled',\r\n        nested && 'css-nav-menu__panel-link--nested'\r\n      )\r\n\r\n      if (item.href) {\r\n        return (\r\n          <a\r\n            href={item.disabled ? undefined : item.href}\r\n            className={classes}\r\n            aria-disabled={item.disabled || undefined}\r\n            onClick={event => handleSelect(item, event)}\r\n          >\r\n            {renderItemContent(item, 14)}\r\n          </a>\r\n        )\r\n      }\r\n\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          className={classes}\r\n          disabled={item.disabled}\r\n          onClick={event => handleSelect(item, event)}\r\n        >\r\n          {renderItemContent(item, 14)}\r\n        </button>\r\n      )\r\n    }\r\n\r\n    const renderPanelTitle = (item: NavMenuItem) => {\r\n      const classes = cn(\r\n        'css-nav-menu__panel-title',\r\n        selectedValues.has(item.value) &&\r\n          !hasNavMenuChildren(item) &&\r\n          'css-nav-menu__panel-link--active'\r\n      )\r\n\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          className={classes}\r\n          disabled={item.disabled}\r\n          onClick={event => handleSelect(item, event)}\r\n        >\r\n          {renderItemContent(item, 16)}\r\n        </button>\r\n      )\r\n    }\r\n\r\n    const renderPanelNode = (item: NavMenuItem, nested = false): JSX.Element => {\r\n      if (!hasNavMenuChildren(item)) {\r\n        return (\r\n          <li key={item.value} className=\"css-nav-menu__panel-link-item\">\r\n            {renderPanelLink(item, nested)}\r\n          </li>\r\n        )\r\n      }\r\n\r\n      return (\r\n        <li key={item.value} className=\"css-nav-menu__panel-group\">\r\n          {renderPanelTitle(item)}\r\n          <ul\r\n            className={cn('css-nav-menu__panel-list', nested && 'css-nav-menu__panel-list--nested')}\r\n          >\r\n            {item.children?.map(child => renderPanelNode(child, true))}\r\n          </ul>\r\n        </li>\r\n      )\r\n    }\r\n\r\n    const openRootItem = items.find(item => item.value === openRootValue)\r\n\r\n    return (\r\n      <nav\r\n        ref={setRootRef}\r\n        className={cn(getNavMenuClassNames({ theme }), className)}\r\n        aria-label=\"导航菜单\"\r\n        {...restProps}\r\n      >\r\n        <ul className=\"css-nav-menu__root\">\r\n          {items.map(item => (\r\n            <li key={item.value}>{renderRootAction(item)}</li>\r\n          ))}\r\n        </ul>\r\n        {openRootItem && hasNavMenuChildren(openRootItem) ? (\r\n          <div className=\"css-nav-menu__panel\">\r\n            <ul className=\"css-nav-menu__panel-grid\">\r\n              {openRootItem.children?.map(item => (\r\n                <li key={item.value} className=\"css-nav-menu__panel-column\">\r\n                  {hasNavMenuChildren(item) ? (\r\n                    <>\r\n                      {renderPanelTitle(item)}\r\n                      <ul className=\"css-nav-menu__panel-list\">\r\n                        {item.children?.map(child => renderPanelNode(child, true))}\r\n                      </ul>\r\n                    </>\r\n                  ) : (\r\n                    renderPanelLink(item)\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        ) : null}\r\n      </nav>\r\n    )\r\n  })\r\n)\r\n\r\nNavMenuComponent.displayName = 'CssNavMenu'\r\n\r\nexport const NavMenu = withInstall(NavMenuComponent)\r\n\r\nexport default NavMenu\r\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/nav-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { NavMenu } from './NavMenu';
+export type { NavMenuProps } from './NavMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/nav-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/nav-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}

package/dist/adapter-react/components/pagination/Pagination.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+import { type PaginationProps as BasePaginationProps } from '../../../components/pagination/index';
+import '../../../components/pagination/style.css';
+export interface PaginationProps extends Omit<BasePaginationProps, 'onChange'>, Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
+    /** 非受控默认页码 */
+    defaultCurrent?: number;
+    onChange?: (page: number) => void;
+}
+export declare const Pagination: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/adapter-react/components/pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../components/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AACtF,OAAO,EAKL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,8BAA8B,CAAA;AAMrC,OAAO,wCAAwC,CAAA;AAE/C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,EACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/D,cAAc;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AA0HD,eAAO,MAAM,UAAU,kJAAmC,CAAA;AAE1D,eAAe,UAAU,CAAA"}

package/dist/adapter-react/components/pagination/Pagination.js

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useEffect, useCallback } from 'react';
+import { getPaginationPageCount, clampPaginationPage, getPaginationRecordRange, getPaginationClassNames } from '../../../components/pagination/index.js';
+import { cn } from '../../../utils/src/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+import { Select } from '../select/Select.js';
+
+const PaginationComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      current,
+      defaultCurrent = 1,
+      total = 0,
+      pageSize = 15,
+      align = "end",
+      showTotal = false,
+      className,
+      onChange,
+      ...restProps
+    } = props;
+    const totalPages = useMemo(() => getPaginationPageCount({ total, pageSize }), [pageSize, total]);
+    const [innerCurrent, setInnerCurrent] = useState(current ?? defaultCurrent);
+    const isControlled = current !== void 0;
+    useEffect(() => {
+      if (!isControlled) {
+        setInnerCurrent((previous) => clampPaginationPage(previous, totalPages));
+      }
+    }, [isControlled, totalPages]);
+    const currentPage = clampPaginationPage(
+      isControlled ? current ?? 1 : innerCurrent,
+      totalPages
+    );
+    const recordRange = useMemo(
+      () => getPaginationRecordRange({ current: currentPage, total, pageSize }),
+      [currentPage, pageSize, total]
+    );
+    const pageOptions = useMemo(
+      () => Array.from({ length: totalPages }, (_, index) => index + 1),
+      [totalPages]
+    );
+    const pageSelectOptions = useMemo(
+      () => pageOptions.map((page) => ({
+        label: String(page),
+        value: String(page)
+      })),
+      [pageOptions]
+    );
+    const classNames = cn(getPaginationClassNames({ align, showTotal }), className);
+    const handlePageChange = useCallback(
+      (nextPage) => {
+        const normalizedPage = clampPaginationPage(nextPage, totalPages);
+        if (normalizedPage === currentPage) {
+          return;
+        }
+        if (!isControlled) {
+          setInnerCurrent(normalizedPage);
+        }
+        onChange?.(normalizedPage);
+      },
+      [currentPage, isControlled, onChange, totalPages]
+    );
+    return /* @__PURE__ */ jsxs("div", { ref, className: classNames, ...restProps, children: [
+      showTotal ? /* @__PURE__ */ jsxs("div", { className: "css-pagination__summary", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxs("p", { className: "css-pagination__summary-line", children: [
+          "Total Records: ",
+          /* @__PURE__ */ jsx("strong", { children: total })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "css-pagination__summary-line", children: [
+          "Now Showing records: ",
+          recordRange.start,
+          "-",
+          recordRange.end
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "css-pagination__controls", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "css-pagination__arrow",
+            onClick: () => handlePageChange(currentPage - 1),
+            disabled: currentPage <= 1,
+            "aria-label": "\u4E0A\u4E00\u9875",
+            children: /* @__PURE__ */ jsx(IconComponent, { name: "ChevronRight", size: 20, rotate: 180 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "css-pagination__selector", children: [
+          /* @__PURE__ */ jsx("span", { className: "css-pagination__sr-only", children: "\u9009\u62E9\u9875\u7801" }),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              value: String(currentPage),
+              options: pageSelectOptions,
+              onChange: (value) => {
+                if (typeof value === "string") {
+                  handlePageChange(Number(value));
+                }
+              }
+            }
+          )
+        ] }),
+        showTotal ? /* @__PURE__ */ jsxs("span", { className: "css-pagination__page-count", children: [
+          "of ",
+          totalPages
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "css-pagination__arrow",
+            onClick: () => handlePageChange(currentPage + 1),
+            disabled: currentPage >= totalPages,
+            "aria-label": "\u4E0B\u4E00\u9875",
+            children: /* @__PURE__ */ jsx(IconComponent, { name: "ChevronRight", size: 20 })
+          }
+        )
+      ] })
+    ] });
+  })
+);
+PaginationComponent.displayName = "CssPagination";
+const Pagination = withInstall(PaginationComponent);
+
+export { Pagination, Pagination as default };
+//# sourceMappingURL=Pagination.js.map

package/dist/adapter-react/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../../adapter-react/components/pagination/Pagination.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type HTMLAttributes } from 'react'\nimport {\n  clampPaginationPage,\n  getPaginationClassNames,\n  getPaginationPageCount,\n  getPaginationRecordRange,\n  type PaginationProps as BasePaginationProps,\n} from '@cssui/components/pagination'\nimport { cn } from '@cssui/utils'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\nimport Select from '../select/Select'\n\nimport '@cssui/components/pagination/style.css'\n\nexport interface PaginationProps\n  extends\n    Omit<BasePaginationProps, 'onChange'>,\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {\n  /** 非受控默认页码 */\n  defaultCurrent?: number\n  onChange?: (page: number) => void\n}\n\nconst PaginationComponent = createComponent(\n  forwardRef<HTMLDivElement, PaginationProps>((props, ref) => {\n    const {\n      current,\n      defaultCurrent = 1,\n      total = 0,\n      pageSize = 15,\n      align = 'end',\n      showTotal = false,\n      className,\n      onChange,\n      ...restProps\n    } = props\n\n    const totalPages = useMemo(() => getPaginationPageCount({ total, pageSize }), [pageSize, total])\n    const [innerCurrent, setInnerCurrent] = useState(current ?? defaultCurrent)\n    const isControlled = current !== undefined\n\n    useEffect(() => {\n      if (!isControlled) {\n        setInnerCurrent(previous => clampPaginationPage(previous, totalPages))\n      }\n    }, [isControlled, totalPages])\n\n    const currentPage = clampPaginationPage(\n      isControlled ? (current ?? 1) : innerCurrent,\n      totalPages\n    )\n    const recordRange = useMemo(\n      () => getPaginationRecordRange({ current: currentPage, total, pageSize }),\n      [currentPage, pageSize, total]\n    )\n    const pageOptions = useMemo(\n      () => Array.from({ length: totalPages }, (_, index) => index + 1),\n      [totalPages]\n    )\n    const pageSelectOptions = useMemo(\n      () =>\n        pageOptions.map(page => ({\n          label: String(page),\n          value: String(page),\n        })),\n      [pageOptions]\n    )\n\n    const classNames = cn(getPaginationClassNames({ align, showTotal }), className)\n\n    const handlePageChange = useCallback(\n      (nextPage: number) => {\n        const normalizedPage = clampPaginationPage(nextPage, totalPages)\n\n        if (normalizedPage === currentPage) {\n          return\n        }\n\n        if (!isControlled) {\n          setInnerCurrent(normalizedPage)\n        }\n\n        onChange?.(normalizedPage)\n      },\n      [currentPage, isControlled, onChange, totalPages]\n    )\n\n    return (\n      <div ref={ref} className={classNames} {...restProps}>\n        {showTotal ? (\n          <div className=\"css-pagination__summary\" aria-live=\"polite\">\n            <p className=\"css-pagination__summary-line\">\n              Total Records: <strong>{total}</strong>\n            </p>\n            <p className=\"css-pagination__summary-line\">\n              Now Showing records: {recordRange.start}-{recordRange.end}\n            </p>\n          </div>\n        ) : null}\n\n        <div className=\"css-pagination__controls\">\n          <button\n            type=\"button\"\n            className=\"css-pagination__arrow\"\n            onClick={() => handlePageChange(currentPage - 1)}\n            disabled={currentPage <= 1}\n            aria-label=\"上一页\"\n          >\n            <Icon name=\"ChevronRight\" size={20} rotate={180} />\n          </button>\n\n          <div className=\"css-pagination__selector\">\n            <span className=\"css-pagination__sr-only\">选择页码</span>\n            <Select\n              value={String(currentPage)}\n              options={pageSelectOptions}\n              onChange={value => {\n                if (typeof value === 'string') {\n                  handlePageChange(Number(value))\n                }\n              }}\n            />\n          </div>\n\n          {showTotal ? <span className=\"css-pagination__page-count\">of {totalPages}</span> : null}\n\n          <button\n            type=\"button\"\n            className=\"css-pagination__arrow\"\n            onClick={() => handlePageChange(currentPage + 1)}\n            disabled={currentPage >= totalPages}\n            aria-label=\"下一页\"\n          >\n            <Icon name=\"ChevronRight\" size={20} />\n          </button>\n        </div>\n      </div>\n    )\n  })\n)\n\nPaginationComponent.displayName = 'CssPagination'\n\nexport const Pagination = withInstall(PaginationComponent)\n\nexport default Pagination\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { Pagination, default } from './Pagination';
+export type { PaginationProps } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/adapter-react/components/radio/Radio.d.ts

@@ -0,0 +1,12 @@
+import type { ChangeEvent } from 'react';
+import { type RadioProps as BaseRadioProps } from '../../../components/radio/index';
+import '../../../components/radio/style.css';
+export interface RadioProps extends Omit<BaseRadioProps, 'onChange'> {
+    defaultChecked?: boolean;
+    icon?: React.ReactNode | string;
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    [key: string]: any;
+}
+export declare const Radio: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/adapter-react/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,KAAK,UAAU,IAAI,cAAc,EAElC,MAAM,yBAAyB,CAAA;AAKhC,OAAO,mCAAmC,CAAA;AAE1C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3E,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AA2FD,eAAO,MAAM,KAAK,4JAA8B,CAAA;AAEhD,eAAe,KAAK,CAAA"}

package/dist/adapter-react/components/radio/Radio.js

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getRadioClassNames } from '../../../components/radio/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+import { useRadioGroupContext } from './RadioGroup.js';
+
+const RadioComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      checked,
+      defaultChecked,
+      disabled,
+      error,
+      label,
+      children,
+      className,
+      onChange,
+      value,
+      variant,
+      icon,
+      iconOnly,
+      name,
+      ...restProps
+    } = props;
+    const groupContext = useRadioGroupContext();
+    const mergedDisabled = groupContext?.disabled || disabled;
+    const mergedError = groupContext?.error || error;
+    const mergedVariant = variant ?? groupContext?.variant ?? "default";
+    const mergedIconOnly = iconOnly ?? groupContext?.iconOnly ?? false;
+    const mergedName = name ?? groupContext?.name;
+    const groupChecked = groupContext && value !== void 0 ? groupContext.value === value : void 0;
+    const mergedChecked = groupChecked ?? checked;
+    const radioClassName = getRadioClassNames({
+      disabled: mergedDisabled,
+      error: mergedError,
+      className,
+      variant: mergedVariant,
+      iconOnly: mergedIconOnly
+    });
+    const handleChange = (event) => {
+      if (mergedDisabled) {
+        return;
+      }
+      if (groupContext && value !== void 0) {
+        groupContext.onChange?.(value, event);
+      }
+      onChange?.(event.target.checked, event);
+    };
+    const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ jsx(IconComponent, { name: icon, size: 20, className: "css-radio__icon" }) : icon;
+    return /* @__PURE__ */ jsxs("label", { className: radioClassName, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "radio",
+          className: "css-radio__input",
+          checked: mergedChecked,
+          defaultChecked,
+          disabled: mergedDisabled,
+          name: mergedName,
+          value,
+          onChange: handleChange,
+          ...restProps
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "css-radio__indicator" }),
+      (renderedIcon || label || children) && /* @__PURE__ */ jsxs("span", { className: "css-radio__content", children: [
+        renderedIcon ? /* @__PURE__ */ jsx("span", { className: "css-radio__icon", children: renderedIcon }) : null,
+        (label || children) && /* @__PURE__ */ jsxs("span", { className: "css-radio__label", children: [
+          label,
+          children
+        ] })
+      ] })
+    ] });
+  })
+);
+RadioComponent.displayName = "CssRadio";
+const Radio = withInstall(RadioComponent);
+
+export { Radio, Radio as default };
+//# sourceMappingURL=Radio.js.map

package/dist/adapter-react/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../adapter-react/components/radio/Radio.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport {\n  getRadioClassNames,\n  type RadioProps as BaseRadioProps,\n  type RadioValue,\n} from '@cssui/components/radio'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport Icon from '../icon/Icon'\nimport { useRadioGroupContext } from './RadioGroup'\n\nimport '@cssui/components/radio/style.css'\n\nexport interface RadioProps extends Omit<BaseRadioProps, 'onChange'> {\n  defaultChecked?: boolean\n  icon?: React.ReactNode | string\n  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void\n  [key: string]: any\n}\n\nconst RadioComponent = createComponent(\n  forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n    const {\n      checked,\n      defaultChecked,\n      disabled,\n      error,\n      label,\n      children,\n      className,\n      onChange,\n      value,\n      variant,\n      icon,\n      iconOnly,\n      name,\n      ...restProps\n    } = props\n\n    const groupContext = useRadioGroupContext()\n    const mergedDisabled = groupContext?.disabled || disabled\n    const mergedError = groupContext?.error || error\n    const mergedVariant = variant ?? groupContext?.variant ?? 'default'\n    const mergedIconOnly = iconOnly ?? groupContext?.iconOnly ?? false\n    const mergedName = name ?? groupContext?.name\n    const groupChecked =\n      groupContext && value !== undefined ? groupContext.value === (value as RadioValue) : undefined\n    const mergedChecked = groupChecked ?? checked\n\n    const radioClassName = getRadioClassNames({\n      disabled: mergedDisabled,\n      error: mergedError,\n      className,\n      variant: mergedVariant,\n      iconOnly: mergedIconOnly,\n    })\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (mergedDisabled) {\n        return\n      }\n\n      if (groupContext && value !== undefined) {\n        groupContext.onChange?.(value as RadioValue, event)\n      }\n\n      onChange?.(event.target.checked, event)\n    }\n\n    const renderedIcon =\n      typeof icon === 'string' ? (\n        <Icon name={icon as any} size={20} className=\"css-radio__icon\" />\n      ) : (\n        icon\n      )\n\n    return (\n      <label className={radioClassName}>\n        <input\n          ref={ref}\n          type=\"radio\"\n          className=\"css-radio__input\"\n          checked={mergedChecked}\n          defaultChecked={defaultChecked}\n          disabled={mergedDisabled}\n          name={mergedName}\n          value={value as string | number | readonly string[] | undefined}\n          onChange={handleChange}\n          {...restProps}\n        />\n        <span className=\"css-radio__indicator\" />\n        {(renderedIcon || label || children) && (\n          <span className=\"css-radio__content\">\n            {renderedIcon ? <span className=\"css-radio__icon\">{renderedIcon}</span> : null}\n            {(label || children) && (\n              <span className=\"css-radio__label\">\n                {label}\n                {children}\n              </span>\n            )}\n          </span>\n        )}\n      </label>\n    )\n  })\n)\n\nRadioComponent.displayName = 'CssRadio'\n\nexport const Radio = withInstall(RadioComponent)\n\nexport default Radio\n"],"names":["Icon"],"mappings":"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"}

package/dist/adapter-react/components/radio/RadioGroup.d.ts

@@ -0,0 +1,24 @@
+import { type ChangeEvent, type ReactNode } from 'react';
+import { type RadioGroupOption as BaseRadioGroupOption, type RadioGroupProps as BaseRadioGroupProps, type RadioValue, type RadioVariant, type RadioDirection } from '../../../components/radio/index';
+export interface RadioGroupOption extends Omit<BaseRadioGroupOption, 'icon'> {
+    icon?: string | ReactNode;
+}
+export interface RadioGroupProps extends Omit<BaseRadioGroupProps, 'onChange' | 'options'> {
+    options?: RadioGroupOption[];
+    direction?: RadioDirection;
+    onChange?: (value: RadioValue, event?: ChangeEvent<HTMLInputElement>) => void;
+}
+export interface RadioGroupContextValue {
+    name?: string;
+    value?: RadioValue;
+    disabled?: boolean;
+    error?: boolean;
+    variant?: RadioVariant;
+    iconOnly?: boolean;
+    onChange?: (value: RadioValue, event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | null>;
+export declare function useRadioGroupContext(): RadioGroupContextValue | null;
+export declare const RadioGroup: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default RadioGroup;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/adapter-react/components/radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACnG,OAAO,EAEL,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAA;AAMhC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC;IACxF,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC9E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC7E;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAA;AAEnF,wBAAgB,oBAAoB,kCAEnC;AA+FD,eAAO,MAAM,UAAU,kJAAmC,CAAA;AAE1D,eAAe,UAAU,CAAA"}