asterui 0.12.42 → 0.12.44

package/dist/components/Tabs.js

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as c, Fragment as o } from "react/jsx-runtime";
-import x, { useState as k } from "react";
+import { jsx as e, jsxs as o, Fragment as c } from "react/jsx-runtime";
+import k, { useState as T } from "react";
 const B = {
   box: "tabs-box",
   border: "tabs-border",
@@ -11,73 +11,76 @@ const B = {
   lg: "tabs-lg",
   xl: "tabs-xl"
 };
-function E({
-  children: a,
-  items: e,
+function S({
+  children: s,
+  items: a,
   activeKey: n,
   defaultActiveKey: u,
-  onChange: K,
-  variant: b,
-  size: r,
+  onChange: x,
+  variant: r,
+  size: b,
   position: d = "top",
-  className: p = "",
-  ...C
+  className: _ = "",
+  ...g
 }) {
-  const g = x.Children.toArray(a).filter(
-    (t) => x.isValidElement(t) && t.type === y
-  ), i = e && e.length > 0 ? e.map((t) => ({
-    tabKey: t.key,
+  const p = k.Children.toArray(s).filter(
+    (t) => k.isValidElement(t) && t.type === h
+  ).map((t) => ({
+    ...t.props,
+    _key: t.key != null ? String(t.key) : ""
+  })), l = a && a.length > 0 ? a.map((t) => ({
+    _key: t.key,
     tab: t.label,
     children: t.children,
     disabled: t.disabled,
     icon: t.icon
-  })) : g.map((t) => t.props), [j, A] = k(
-    u || i[0]?.tabKey || ""
-  ), m = n !== void 0 ? n : j, N = (t) => {
-    n === void 0 && A(t), K?.(t);
-  }, P = [
+  })) : p, [C, j] = T(
+    u || l[0]?._key || ""
+  ), m = n !== void 0 ? n : C, A = (t) => {
+    n === void 0 && j(t), x?.(t);
+  }, N = [
     "tabs",
-    b && B[b],
-    r && R[r],
-    p
-  ].filter(Boolean).join(" "), f = i.find((t) => t.tabKey === m), h = /* @__PURE__ */ s("div", { role: "tablist", className: P, children: i.map((t) => {
-    const l = m === t.tabKey, T = [
+    r && B[r],
+    b && R[b],
+    _
+  ].filter(Boolean).join(" "), f = l.find((t) => t._key === m), v = /* @__PURE__ */ e("div", { role: "tablist", className: N, children: l.map((t) => {
+    const i = m === t._key, P = [
       "tab",
-      l && "tab-active",
+      i && "tab-active",
       t.disabled && "tab-disabled"
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ o(
       "button",
       {
         role: "tab",
-        className: T,
-        onClick: () => !t.disabled && N(t.tabKey),
+        className: P,
+        onClick: () => !t.disabled && A(t._key),
         disabled: t.disabled,
-        "data-state": l ? "active" : "inactive",
-        "aria-selected": l,
+        "data-state": i ? "active" : "inactive",
+        "aria-selected": i,
         children: [
-          t.icon && /* @__PURE__ */ s("span", { className: "mr-1", children: t.icon }),
+          t.icon && /* @__PURE__ */ e("span", { className: "mr-1", children: t.icon }),
           t.tab
         ]
       },
-      t.tabKey
+      t._key
     );
-  }) }), v = f && /* @__PURE__ */ s("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: f.children });
-  return /* @__PURE__ */ s("div", { ...C, children: d === "top" ? /* @__PURE__ */ c(o, { children: [
-    h,
-    v
-  ] }) : /* @__PURE__ */ c(o, { children: [
+  }) }), y = f && /* @__PURE__ */ e("div", { className: d === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: f.children });
+  return /* @__PURE__ */ e("div", { ...g, children: d === "top" ? /* @__PURE__ */ o(c, { children: [
     v,
-    h
+    y
+  ] }) : /* @__PURE__ */ o(c, { children: [
+    y,
+    v
   ] }) });
 }
-function y({ children: a }) {
-  return /* @__PURE__ */ s(o, { children: a });
+function h({ children: s }) {
+  return /* @__PURE__ */ e(c, { children: s });
 }
-const L = Object.assign(E, {
-  Panel: y
+const I = Object.assign(S, {
+  Panel: h
 });
 export {
-  L as Tabs
+  I as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Unique identifier for the tab */\n  tabKey: string\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: 'tabs-box',\n  border: 'tabs-border',\n  lift: 'tabs-lift',\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: 'tabs-xs',\n  sm: 'tabs-sm',\n  md: 'tabs-md',\n  lg: 'tabs-lg',\n  xl: 'tabs-xl',\n}\n\nfunction TabsRoot({\n  children,\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  position = 'top',\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get panels from children (compound pattern)\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n  )\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels = items && items.length > 0\n    ? items.map(item => ({\n        tabKey: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels.map(p => p.props)\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?.tabKey || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    'tabs',\n    variant && variantClasses[variant],\n    size && sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel.tabKey === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel.tabKey\n        const tabClasses = [\n          'tab',\n          isActive && 'tab-active',\n          panel.disabled && 'tab-disabled',\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel.tabKey}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel.tabKey)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\">\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["variantClasses","sizeClasses","TabsRoot","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","className","rest","panels","React","child","TabPanel","effectivePanels","item","p","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: 'tabs-box',\n  border: 'tabs-border',\n  lift: 'tabs-lift',\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: 'tabs-xs',\n  sm: 'tabs-sm',\n  md: 'tabs-md',\n  lg: 'tabs-lg',\n  xl: 'tabs-xl',\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nfunction TabsRoot({\n  children,\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  position = 'top',\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    'tabs',\n    variant && variantClasses[variant],\n    size && sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabClasses = [\n          'tab',\n          isActive && 'tab-active',\n          panel.disabled && 'tab-disabled',\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\">\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["variantClasses","sizeClasses","TabsRoot","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","className","rest","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export { Badge } from './components/Badge';
 export type { BadgeProps, BadgeRibbonProps, BadgePosition, BadgeStatus, BadgeType, BadgeVariant, BadgeSize } from './components/Badge';
 export { Breadcrumb } from './components/Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb';
-export { Button } from './components/Button';
+export { Button, IconSizeContext } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { CopyButton } from './components/CopyButton';
 export type { CopyButtonProps } from './components/CopyButton';

package/dist/index.js

@@ -1,219 +1,220 @@
 import { Affix as e } from "./components/Affix.js";
 import { Anchor as p } from "./components/Anchor.js";
-import { Alert as f } from "./components/Alert.js";
+import { Alert as x } from "./components/Alert.js";
 import { Autocomplete as a } from "./components/Autocomplete.js";
-import { Avatar as n, AvatarGroup as s } from "./components/Avatar.js";
+import { Avatar as i, AvatarGroup as s } from "./components/Avatar.js";
 import { Badge as u } from "./components/Badge.js";
 import { Breadcrumb as d } from "./components/Breadcrumb.js";
-import { Button as T } from "./components/Button.js";
-import { CopyButton as S } from "./components/CopyButton.js";
-import { Checkbox as k } from "./components/Checkbox.js";
-import { Chat as v } from "./components/Chat.js";
-import { ColorPicker as w } from "./components/ColorPicker.js";
-import { Card as R } from "./components/Card.js";
-import { Cascader as F } from "./components/Cascader.js";
+import { Button as T, IconSizeContext as g } from "./components/Button.js";
+import { CopyButton as P } from "./components/CopyButton.js";
+import { Checkbox as b } from "./components/Checkbox.js";
+import { Chat as D } from "./components/Chat.js";
+import { ColorPicker as y } from "./components/ColorPicker.js";
+import { Card as h } from "./components/Card.js";
+import { Cascader as B } from "./components/Cascader.js";
 import { Carousel as A } from "./components/Carousel.js";
-import { Collapse as M } from "./components/Collapse.js";
-import { Container as H } from "./components/Container.js";
-import { ContextMenu as K } from "./components/ContextMenu.js";
+import { Collapse as L } from "./components/Collapse.js";
+import { Container as G } from "./components/Container.js";
+import { ContextMenu as W } from "./components/ContextMenu.js";
 import { Countdown as N } from "./components/Countdown.js";
-import { DatePicker as z } from "./components/DatePicker.js";
-import { Descriptions as J } from "./components/Descriptions.js";
-import { Diff as j } from "./components/Diff.js";
-import { Dock as Q } from "./components/Dock.js";
-import { Divider as X } from "./components/Divider.js";
-import { Drawer as Z } from "./components/Drawer.js";
-import { ResponsiveDrawer as $ } from "./components/ResponsiveDrawer.js";
-import { Fieldset as ro } from "./components/Fieldset.js";
-import { FileInput as to } from "./components/FileInput.js";
-import { Filter as mo } from "./components/Filter.js";
-import { Flex as xo } from "./components/Flex.js";
+import { DatePicker as E } from "./components/DatePicker.js";
+import { Descriptions as U } from "./components/Descriptions.js";
+import { Diff as q } from "./components/Diff.js";
+import { Dock as V } from "./components/Dock.js";
+import { Divider as Y } from "./components/Divider.js";
+import { Drawer as _ } from "./components/Drawer.js";
+import { ResponsiveDrawer as oo } from "./components/ResponsiveDrawer.js";
+import { Fieldset as eo } from "./components/Fieldset.js";
+import { FileInput as po } from "./components/FileInput.js";
+import { Filter as xo } from "./components/Filter.js";
+import { Flex as ao } from "./components/Flex.js";
 import { FloatButton as io } from "./components/FloatButton.js";
-import { Footer as so } from "./components/Footer.js";
-import { Form as uo, useFormInstance as co } from "./components/Form.js";
-import { Col as To, Grid as go, Row as So } from "./components/Grid.js";
-import { Hero as ko } from "./components/Hero.js";
-import { HoverGallery as vo } from "./components/HoverGallery.js";
-import { Image as wo } from "./components/Image.js";
-import { Dropdown as Ro } from "./components/Dropdown.js";
-import { Empty as Fo } from "./components/Empty.js";
+import { Footer as lo } from "./components/Footer.js";
+import { Form as co, useFormInstance as Co } from "./components/Form.js";
+import { Col as go, Grid as So, Row as Po } from "./components/Grid.js";
+import { Hero as bo } from "./components/Hero.js";
+import { HoverGallery as Do } from "./components/HoverGallery.js";
+import { Image as yo } from "./components/Image.js";
+import { Dropdown as ho } from "./components/Dropdown.js";
+import { Empty as Bo } from "./components/Empty.js";
 import { Input as Ao } from "./components/Input.js";
-import { InputNumber as Mo } from "./components/InputNumber.js";
-import { Join as Ho } from "./components/Join.js";
-import { Kbd as Ko } from "./components/Kbd.js";
+import { InputNumber as Lo } from "./components/InputNumber.js";
+import { Join as Go } from "./components/Join.js";
+import { Kbd as Wo } from "./components/Kbd.js";
 import { Layout as No, useSiderContext as Oo } from "./components/Layout.js";
-import { List as Eo } from "./components/List.js";
-import { Loading as Uo } from "./components/Loading.js";
-import { Mask as qo } from "./components/Mask.js";
-import { Masonry as Vo } from "./components/Masonry.js";
-import { Mention as Yo } from "./components/Mention.js";
-import { Menu as _o } from "./components/Menu.js";
-import { Browser as or } from "./components/Browser.js";
-import { Code as er } from "./components/Code.js";
-import { Phone as pr } from "./components/Phone.js";
+import { List as Jo } from "./components/List.js";
+import { Loading as jo } from "./components/Loading.js";
+import { Mask as Qo } from "./components/Mask.js";
+import { Masonry as Xo } from "./components/Masonry.js";
+import { Mention as Zo } from "./components/Mention.js";
+import { Menu as $o } from "./components/Menu.js";
+import { Browser as rr } from "./components/Browser.js";
+import { Code as tr } from "./components/Code.js";
+import { Phone as mr } from "./components/Phone.js";
 import { Window as fr } from "./components/Window.js";
-import { Modal as ar } from "./components/Modal.js";
-import { Navbar as nr } from "./components/Navbar.js";
-import { notification as lr } from "./components/Notification.js";
-import { OTPInput as cr } from "./components/OTPInput.js";
-import { Pagination as Cr } from "./components/Pagination.js";
-import { Popconfirm as gr } from "./components/Popconfirm.js";
-import { Popover as Pr } from "./components/Popover.js";
-import { Progress as br } from "./components/Progress.js";
-import { Radio as Dr } from "./components/Radio.js";
-import { RadialProgress as yr } from "./components/RadialProgress.js";
-import { Range as hr } from "./components/Range.js";
-import { Rating as Br } from "./components/Rating.js";
-import { Result as Ir } from "./components/Result.js";
-import { Select as Lr } from "./components/Select.js";
-import { Segmented as Gr } from "./components/Segmented.js";
-import { Skeleton as Wr } from "./components/Skeleton.js";
+import { Modal as nr } from "./components/Modal.js";
+import { Navbar as sr } from "./components/Navbar.js";
+import { notification as ur } from "./components/Notification.js";
+import { OTPInput as dr } from "./components/OTPInput.js";
+import { Pagination as Tr } from "./components/Pagination.js";
+import { Popconfirm as Sr } from "./components/Popconfirm.js";
+import { Popover as kr } from "./components/Popover.js";
+import { Progress as vr } from "./components/Progress.js";
+import { Radio as wr } from "./components/Radio.js";
+import { RadialProgress as Rr } from "./components/RadialProgress.js";
+import { Range as Fr } from "./components/Range.js";
+import { Rating as Ir } from "./components/Rating.js";
+import { Result as Mr } from "./components/Result.js";
+import { Select as Hr } from "./components/Select.js";
+import { Segmented as Kr } from "./components/Segmented.js";
+import { Skeleton as zr } from "./components/Skeleton.js";
 import { Space as Or } from "./components/Space.js";
-import { Splitter as Er } from "./components/Splitter.js";
-import { Stats as Ur } from "./components/Stat.js";
-import { Status as qr } from "./components/Status.js";
-import { Steps as Vr } from "./components/Steps.js";
-import { Table as Yr } from "./components/Table.js";
-import { Tabs as _r } from "./components/Tabs.js";
-import { Textarea as oe } from "./components/Textarea.js";
-import { TextRotate as ee } from "./components/TextRotate.js";
-import { CheckableTag as pe, Tag as me, TagLiveRegion as fe } from "./components/Tag.js";
-import { ThemeController as ae } from "./components/ThemeController.js";
-import { TimePicker as ne } from "./components/TimePicker.js";
-import { Timeline as le } from "./components/Timeline.js";
-import { Toggle as ce } from "./components/Toggle.js";
-import { Tour as Ce } from "./components/Tour.js";
-import { Tooltip as ge } from "./components/Tooltip.js";
-import { Transfer as Pe } from "./components/Transfer.js";
-import { Tree as be } from "./components/Tree.js";
-import { TreeSelect as De, TreeSelectComponent as we } from "./components/TreeSelect.js";
-import { Typography as Re } from "./components/Typography.js";
-import { Upload as Fe } from "./components/Upload.js";
+import { Splitter as Jr } from "./components/Splitter.js";
+import { Stats as jr } from "./components/Stat.js";
+import { Status as Qr } from "./components/Status.js";
+import { Steps as Xr } from "./components/Steps.js";
+import { Table as Zr } from "./components/Table.js";
+import { Tabs as $r } from "./components/Tabs.js";
+import { Textarea as re } from "./components/Textarea.js";
+import { TextRotate as te } from "./components/TextRotate.js";
+import { CheckableTag as me, Tag as xe, TagLiveRegion as fe } from "./components/Tag.js";
+import { ThemeController as ne } from "./components/ThemeController.js";
+import { TimePicker as se } from "./components/TimePicker.js";
+import { Timeline as ue } from "./components/Timeline.js";
+import { Toggle as de } from "./components/Toggle.js";
+import { Tour as Te } from "./components/Tour.js";
+import { Tooltip as Se } from "./components/Tooltip.js";
+import { Transfer as ke } from "./components/Transfer.js";
+import { Tree as ve } from "./components/Tree.js";
+import { TreeSelect as we, TreeSelectComponent as ye } from "./components/TreeSelect.js";
+import { Typography as he } from "./components/Typography.js";
+import { Upload as Be } from "./components/Upload.js";
 import { Watermark as Ae } from "./components/Watermark.js";
-import { Hide as Me, Show as Le } from "./components/Responsive.js";
-import { useBreakpoint as Ge } from "./hooks/useBreakpoint.js";
-import { useDisclosure as We } from "./hooks/useDisclosure.js";
+import { Hide as Le, Show as He } from "./components/Responsive.js";
+import { useBreakpoint as Ke } from "./hooks/useBreakpoint.js";
+import { useDisclosure as ze } from "./hooks/useDisclosure.js";
 import { useClipboard as Oe } from "./hooks/useClipboard.js";
-import { useLocalStorage as Ee } from "./hooks/useLocalStorage.js";
-import { useDebounce as Ue } from "./hooks/useDebounce.js";
-import { useClickOutside as qe } from "./hooks/useClickOutside.js";
-import { usePrevious as Ve } from "./hooks/usePrevious.js";
-import { useHover as Ye } from "./hooks/useHover.js";
-import { useKeyPress as _e, useKeyPressCallback as $e } from "./hooks/useKeyPress.js";
-import { useWindowSize as rt } from "./hooks/useWindowSize.js";
+import { useLocalStorage as Je } from "./hooks/useLocalStorage.js";
+import { useDebounce as je } from "./hooks/useDebounce.js";
+import { useClickOutside as Qe } from "./hooks/useClickOutside.js";
+import { usePrevious as Xe } from "./hooks/usePrevious.js";
+import { useHover as Ze } from "./hooks/useHover.js";
+import { useKeyPress as $e, useKeyPressCallback as ot } from "./hooks/useKeyPress.js";
+import { useWindowSize as et } from "./hooks/useWindowSize.js";
 export {
   e as Affix,
-  f as Alert,
+  x as Alert,
   p as Anchor,
   a as Autocomplete,
-  n as Avatar,
+  i as Avatar,
   s as AvatarGroup,
   u as Badge,
   d as Breadcrumb,
-  or as Browser,
+  rr as Browser,
   T as Button,
-  R as Card,
+  h as Card,
   A as Carousel,
-  F as Cascader,
-  v as Chat,
-  pe as CheckableTag,
-  k as Checkbox,
-  er as Code,
-  To as Col,
-  M as Collapse,
-  w as ColorPicker,
-  H as Container,
-  K as ContextMenu,
-  S as CopyButton,
+  B as Cascader,
+  D as Chat,
+  me as CheckableTag,
+  b as Checkbox,
+  tr as Code,
+  go as Col,
+  L as Collapse,
+  y as ColorPicker,
+  G as Container,
+  W as ContextMenu,
+  P as CopyButton,
   N as Countdown,
-  z as DatePicker,
-  J as Descriptions,
-  j as Diff,
-  X as Divider,
-  Q as Dock,
-  Z as Drawer,
-  Ro as Dropdown,
-  Fo as Empty,
-  ro as Fieldset,
-  to as FileInput,
-  mo as Filter,
-  xo as Flex,
+  E as DatePicker,
+  U as Descriptions,
+  q as Diff,
+  Y as Divider,
+  V as Dock,
+  _ as Drawer,
+  ho as Dropdown,
+  Bo as Empty,
+  eo as Fieldset,
+  po as FileInput,
+  xo as Filter,
+  ao as Flex,
   io as FloatButton,
-  so as Footer,
-  uo as Form,
-  go as Grid,
-  ko as Hero,
-  Me as Hide,
-  vo as HoverGallery,
-  wo as Image,
+  lo as Footer,
+  co as Form,
+  So as Grid,
+  bo as Hero,
+  Le as Hide,
+  Do as HoverGallery,
+  g as IconSizeContext,
+  yo as Image,
   Ao as Input,
-  Mo as InputNumber,
-  Ho as Join,
-  Ko as Kbd,
+  Lo as InputNumber,
+  Go as Join,
+  Wo as Kbd,
   No as Layout,
-  Eo as List,
-  Uo as Loading,
-  qo as Mask,
-  Vo as Masonry,
-  Yo as Mention,
-  _o as Menu,
-  ar as Modal,
-  nr as Navbar,
-  cr as OTPInput,
-  Cr as Pagination,
-  pr as Phone,
-  gr as Popconfirm,
-  Pr as Popover,
-  br as Progress,
-  yr as RadialProgress,
-  Dr as Radio,
-  hr as Range,
-  Br as Rating,
-  $ as ResponsiveDrawer,
-  Ir as Result,
-  So as Row,
-  Gr as Segmented,
-  Lr as Select,
-  Le as Show,
-  Wr as Skeleton,
+  Jo as List,
+  jo as Loading,
+  Qo as Mask,
+  Xo as Masonry,
+  Zo as Mention,
+  $o as Menu,
+  nr as Modal,
+  sr as Navbar,
+  dr as OTPInput,
+  Tr as Pagination,
+  mr as Phone,
+  Sr as Popconfirm,
+  kr as Popover,
+  vr as Progress,
+  Rr as RadialProgress,
+  wr as Radio,
+  Fr as Range,
+  Ir as Rating,
+  oo as ResponsiveDrawer,
+  Mr as Result,
+  Po as Row,
+  Kr as Segmented,
+  Hr as Select,
+  He as Show,
+  zr as Skeleton,
   Or as Space,
-  Er as Splitter,
-  Ur as Stats,
-  qr as Status,
-  Vr as Steps,
-  Yr as Table,
-  _r as Tabs,
-  me as Tag,
+  Jr as Splitter,
+  jr as Stats,
+  Qr as Status,
+  Xr as Steps,
+  Zr as Table,
+  $r as Tabs,
+  xe as Tag,
   fe as TagLiveRegion,
-  ee as TextRotate,
-  oe as Textarea,
-  ae as ThemeController,
-  ne as TimePicker,
-  le as Timeline,
-  ce as Toggle,
-  ge as Tooltip,
-  Ce as Tour,
-  Pe as Transfer,
-  be as Tree,
-  De as TreeSelect,
-  we as TreeSelectComponent,
-  Re as Typography,
-  Fe as Upload,
+  te as TextRotate,
+  re as Textarea,
+  ne as ThemeController,
+  se as TimePicker,
+  ue as Timeline,
+  de as Toggle,
+  Se as Tooltip,
+  Te as Tour,
+  ke as Transfer,
+  ve as Tree,
+  we as TreeSelect,
+  ye as TreeSelectComponent,
+  he as Typography,
+  Be as Upload,
   Ae as Watermark,
   fr as Window,
-  lr as notification,
-  Ge as useBreakpoint,
-  qe as useClickOutside,
+  ur as notification,
+  Ke as useBreakpoint,
+  Qe as useClickOutside,
   Oe as useClipboard,
-  Ue as useDebounce,
-  We as useDisclosure,
-  co as useFormInstance,
-  Ye as useHover,
-  _e as useKeyPress,
-  $e as useKeyPressCallback,
-  Ee as useLocalStorage,
-  Ve as usePrevious,
+  je as useDebounce,
+  ze as useDisclosure,
+  Co as useFormInstance,
+  Ze as useHover,
+  $e as useKeyPress,
+  ot as useKeyPressCallback,
+  Je as useLocalStorage,
+  Xe as usePrevious,
   Oo as useSiderContext,
-  rt as useWindowSize
+  et as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.42",
+  "version": "0.12.44",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {