asterui 0.12.1 → 0.12.3

package/dist/components/Checkbox.d.ts

@@ -1,9 +1,19 @@
 import { default as React } from 'react';
+export interface CheckboxSwapConfig {
+    /** Content shown when checked */
+    on: React.ReactNode;
+    /** Content shown when unchecked */
+    off: React.ReactNode;
+    /** Animation effect for the swap transition */
+    effect?: 'rotate' | 'flip';
+}
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
     children?: React.ReactNode;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error';
     indeterminate?: boolean;
+    /** Swap mode: toggle between two visual states instead of showing a checkbox */
+    swap?: CheckboxSwapConfig;
     className?: string;
 }
 export interface CheckboxOptionType {

package/dist/components/Dock.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface DockItemConfig {
+    /** Icon element */
+    icon: React.ReactNode;
+    /** Label text */
+    label?: string;
+    /** Whether this item is active */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Click handler for this item */
+    onClick?: () => void;
+}
+export interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Dock items configuration */
+    items?: DockItemConfig[];
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Controlled active index */
+    activeIndex?: number;
+    /** Callback when an item is clicked */
+    onChange?: (index: number) => void;
+    /** Children (alternative to items prop) */
+    children?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Whether this item is active */
+    active?: boolean;
+    /** Children (icon and optional label) */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<DockItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/Mask.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export type MaskShape = 'squircle' | 'heart' | 'hexagon' | 'hexagon-2' | 'decagon' | 'pentagon' | 'diamond' | 'square' | 'circle' | 'star' | 'star-2' | 'triangle' | 'triangle-2' | 'triangle-3' | 'triangle-4';
+export type MaskHalf = 'half-1' | 'half-2';
+export interface MaskProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Shape of the mask */
+    shape: MaskShape;
+    /** Show only half of the mask */
+    half?: MaskHalf;
+    /** Content to mask (typically an image) */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Mask: React.ForwardRefExoticComponent<MaskProps & React.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcru
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { Checkbox } from './components/Checkbox';
-export type { CheckboxProps, CheckboxGroupProps, CheckboxOptionType } from './components/Checkbox';
+export type { CheckboxProps, CheckboxGroupProps, CheckboxOptionType, CheckboxSwapConfig } from './components/Checkbox';
 export { Chat } from './components/Chat';
 export type { ChatProps } from './components/Chat';
 export { ColorPicker } from './components/ColorPicker';
@@ -42,6 +42,8 @@ export { Descriptions } from './components/Descriptions';
 export type { DescriptionsProps, DescriptionsItemProps, DescriptionsSize, DescriptionsLayout } from './components/Descriptions';
 export { Diff } from './components/Diff';
 export type { DiffProps } from './components/Diff';
+export { Dock } from './components/Dock';
+export type { DockProps, DockItemProps, DockItemConfig } from './components/Dock';
 export { Divider } from './components/Divider';
 export type { DividerProps } from './components/Divider';
 export { Drawer } from './components/Drawer';
@@ -86,6 +88,8 @@ export { List } from './components/List';
 export type { ListProps, ListRowProps } from './components/List';
 export { Loading } from './components/Loading';
 export type { LoadingProps } from './components/Loading';
+export { Mask } from './components/Mask';
+export type { MaskProps, MaskShape, MaskHalf } from './components/Mask';
 export { Masonry } from './components/Masonry';
 export type { MasonryProps } from './components/Masonry';
 export { Mention } from './components/Mention';

package/dist/index.js

@@ -9,7 +9,7 @@ import { Button as T } from "./index9.js";
 import { Checkbox as P } from "./index10.js";
 import { Chat as b } from "./index11.js";
 import { ColorPicker as h } from "./index12.js";
-import { Card as y } from "./index13.js";
+import { Card as w } from "./index13.js";
 import { Cascader as R } from "./index14.js";
 import { Chart as F } from "./index15.js";
 import { Carousel as A } from "./index16.js";
@@ -20,86 +20,88 @@ import { Countdown as O } from "./index20.js";
 import { DatePicker as z } from "./index21.js";
 import { Descriptions as J } from "./index22.js";
 import { Diff as U } from "./index23.js";
-import { Divider as q } from "./index24.js";
-import { Drawer as X } from "./index25.js";
-import { Fieldset as Z } from "./index26.js";
-import { FileInput as $ } from "./index27.js";
-import { Flex as ro } from "./index28.js";
-import { FloatButton as to } from "./index29.js";
-import { Footer as mo } from "./index30.js";
-import { Form as xo, useFormInstance as ao } from "./index31.js";
-import { Col as no, Grid as so, Row as uo } from "./index32.js";
-import { Hero as co } from "./index33.js";
-import { Image as To } from "./index34.js";
-import { Indicator as Po } from "./index35.js";
-import { Dropdown as bo } from "./index36.js";
-import { Empty as ho } from "./index37.js";
-import { Input as yo } from "./index38.js";
-import { InputNumber as Ro } from "./index39.js";
-import { Join as Fo } from "./index40.js";
-import { Kbd as Ao } from "./index41.js";
-import { Label as Lo } from "./index42.js";
-import { Layout as Ho, useSiderContext as Ko } from "./index43.js";
-import { List as No } from "./index44.js";
-import { Loading as Wo } from "./index45.js";
-import { Masonry as Eo } from "./index46.js";
-import { Mention as Qo } from "./index47.js";
-import { Menu as jo } from "./index48.js";
-import { Browser as Vo } from "./index49.js";
-import { Code as Yo } from "./index50.js";
-import { Phone as _o } from "./index51.js";
-import { Window as or } from "./index52.js";
-import { Modal as er } from "./index53.js";
-import { Navbar as pr } from "./index54.js";
-import { notification as fr } from "./index55.js";
-import { OTPInput as ar } from "./index56.js";
-import { Pagination as nr } from "./index57.js";
-import { PageLayout as ur } from "./index58.js";
-import { Popconfirm as dr } from "./index59.js";
-import { Popover as Cr } from "./index60.js";
-import { Progress as gr } from "./index61.js";
-import { QRCode as Sr } from "./index62.js";
-import { Radio as kr } from "./index63.js";
-import { RadialProgress as wr } from "./index64.js";
-import { Range as Dr } from "./index65.js";
-import { Rating as vr } from "./index66.js";
-import { Result as Ir } from "./index67.js";
-import { Select as Br } from "./index68.js";
-import { Segmented as Mr } from "./index69.js";
-import { Skeleton as Kr } from "./index70.js";
-import { Space as Nr } from "./index71.js";
-import { Splitter as Wr } from "./index72.js";
-import { Stack as Er } from "./index73.js";
-import { Stats as Qr } from "./index74.js";
-import { Status as jr } from "./index75.js";
-import { Steps as Vr } from "./index76.js";
-import { Table as Yr } from "./index77.js";
-import { Tabs as _r } from "./index78.js";
-import { Textarea as oe } from "./index79.js";
-import { TextRotate as ee } from "./index80.js";
-import { CheckableTag as pe, Tag as me } from "./index81.js";
-import { ThemeController as xe } from "./index82.js";
-import { TimePicker as ie } from "./index83.js";
-import { Timeline as se } from "./index84.js";
-import { Toggle as le } from "./index85.js";
-import { Tour as ce } from "./index86.js";
-import { Tooltip as Te } from "./index87.js";
-import { Transfer as Pe } from "./index88.js";
-import { Tree as be } from "./index89.js";
-import { TreeSelect as he } from "./index90.js";
-import { Typography as ye } from "./index91.js";
-import { Upload as Re } from "./index92.js";
-import { Hide as Fe, Show as Ie } from "./index93.js";
-import { useBreakpoint as Be } from "./index94.js";
-import { useDisclosure as Me } from "./index95.js";
-import { useClipboard as Ke } from "./index96.js";
-import { useLocalStorage as Ne } from "./index97.js";
-import { useDebounce as We } from "./index98.js";
-import { useClickOutside as Ee } from "./index99.js";
-import { usePrevious as Qe } from "./index100.js";
-import { useHover as je } from "./index101.js";
-import { useKeyPress as Ve, useKeyPressCallback as Xe } from "./index102.js";
-import { useWindowSize as Ze } from "./index103.js";
+import { Dock as q } from "./index24.js";
+import { Divider as X } from "./index25.js";
+import { Drawer as Z } from "./index26.js";
+import { Fieldset as $ } from "./index27.js";
+import { FileInput as ro } from "./index28.js";
+import { Flex as to } from "./index29.js";
+import { FloatButton as mo } from "./index30.js";
+import { Footer as xo } from "./index31.js";
+import { Form as io, useFormInstance as no } from "./index32.js";
+import { Col as uo, Grid as lo, Row as co } from "./index33.js";
+import { Hero as To } from "./index34.js";
+import { Image as Po } from "./index35.js";
+import { Indicator as bo } from "./index36.js";
+import { Dropdown as ho } from "./index37.js";
+import { Empty as wo } from "./index38.js";
+import { Input as Ro } from "./index39.js";
+import { InputNumber as Fo } from "./index40.js";
+import { Join as Ao } from "./index41.js";
+import { Kbd as Lo } from "./index42.js";
+import { Label as Ho } from "./index43.js";
+import { Layout as Go, useSiderContext as No } from "./index44.js";
+import { List as Wo } from "./index45.js";
+import { Loading as Eo } from "./index46.js";
+import { Mask as Qo } from "./index47.js";
+import { Masonry as jo } from "./index48.js";
+import { Mention as Vo } from "./index49.js";
+import { Menu as Yo } from "./index50.js";
+import { Browser as _o } from "./index51.js";
+import { Code as or } from "./index52.js";
+import { Phone as er } from "./index53.js";
+import { Window as pr } from "./index54.js";
+import { Modal as fr } from "./index55.js";
+import { Navbar as ar } from "./index56.js";
+import { notification as nr } from "./index57.js";
+import { OTPInput as ur } from "./index58.js";
+import { Pagination as dr } from "./index59.js";
+import { PageLayout as Cr } from "./index60.js";
+import { Popconfirm as gr } from "./index61.js";
+import { Popover as Sr } from "./index62.js";
+import { Progress as kr } from "./index63.js";
+import { QRCode as Dr } from "./index64.js";
+import { Radio as yr } from "./index65.js";
+import { RadialProgress as vr } from "./index66.js";
+import { Range as Ir } from "./index67.js";
+import { Rating as Br } from "./index68.js";
+import { Result as Mr } from "./index69.js";
+import { Select as Kr } from "./index70.js";
+import { Segmented as Nr } from "./index71.js";
+import { Skeleton as Wr } from "./index72.js";
+import { Space as Er } from "./index73.js";
+import { Splitter as Qr } from "./index74.js";
+import { Stack as jr } from "./index75.js";
+import { Stats as Vr } from "./index76.js";
+import { Status as Yr } from "./index77.js";
+import { Steps as _r } from "./index78.js";
+import { Table as oe } from "./index79.js";
+import { Tabs as ee } from "./index80.js";
+import { Textarea as pe } from "./index81.js";
+import { TextRotate as fe } from "./index82.js";
+import { CheckableTag as ae, Tag as ie } from "./index83.js";
+import { ThemeController as se } from "./index84.js";
+import { TimePicker as le } from "./index85.js";
+import { Timeline as ce } from "./index86.js";
+import { Toggle as Te } from "./index87.js";
+import { Tour as Pe } from "./index88.js";
+import { Tooltip as be } from "./index89.js";
+import { Transfer as he } from "./index90.js";
+import { Tree as we } from "./index91.js";
+import { TreeSelect as Re } from "./index92.js";
+import { Typography as Fe } from "./index93.js";
+import { Upload as Ae } from "./index94.js";
+import { Hide as Le, Show as Me } from "./index95.js";
+import { useBreakpoint as Ke } from "./index96.js";
+import { useDisclosure as Ne } from "./index97.js";
+import { useClipboard as We } from "./index98.js";
+import { useLocalStorage as Ee } from "./index99.js";
+import { useDebounce as Qe } from "./index100.js";
+import { useClickOutside as je } from "./index101.js";
+import { usePrevious as Ve } from "./index102.js";
+import { useHover as Ye } from "./index103.js";
+import { useKeyPress as _e, useKeyPressCallback as $e } from "./index104.js";
+import { useWindowSize as rt } from "./index105.js";
 export {
   e as Affix,
   f as Alert,
@@ -109,17 +111,17 @@ export {
   s as AvatarGroup,
   l as Badge,
   c as Breadcrumb,
-  Vo as Browser,
+  _o as Browser,
   T as Button,
-  y as Card,
+  w as Card,
   A as Carousel,
   R as Cascader,
   F as Chart,
   b as Chat,
-  pe as CheckableTag,
+  ae as CheckableTag,
   P as Checkbox,
-  Yo as Code,
-  no as Col,
+  or as Code,
+  uo as Col,
   L as Collapse,
   h as ColorPicker,
   H as Container,
@@ -128,88 +130,90 @@ export {
   z as DatePicker,
   J as Descriptions,
   U as Diff,
-  q as Divider,
-  X as Drawer,
-  bo as Dropdown,
-  ho as Empty,
-  Z as Fieldset,
-  $ as FileInput,
-  ro as Flex,
-  to as FloatButton,
-  mo as Footer,
-  xo as Form,
-  so as Grid,
-  co as Hero,
-  Fe as Hide,
-  To as Image,
-  Po as Indicator,
-  yo as Input,
-  Ro as InputNumber,
-  Fo as Join,
-  Ao as Kbd,
-  Lo as Label,
-  Ho as Layout,
-  No as List,
-  Wo as Loading,
-  Eo as Masonry,
-  Qo as Mention,
-  jo as Menu,
-  er as Modal,
-  pr as Navbar,
-  ar as OTPInput,
-  ur as PageLayout,
-  nr as Pagination,
-  _o as Phone,
-  dr as Popconfirm,
-  Cr as Popover,
-  gr as Progress,
-  Sr as QRCode,
-  wr as RadialProgress,
-  kr as Radio,
-  Dr as Range,
-  vr as Rating,
-  Ir as Result,
-  uo as Row,
-  Mr as Segmented,
-  Br as Select,
-  Ie as Show,
-  Kr as Skeleton,
-  Nr as Space,
-  Wr as Splitter,
-  Er as Stack,
-  Qr as Stats,
-  jr as Status,
-  Vr as Steps,
-  Yr as Table,
-  _r as Tabs,
-  me as Tag,
-  ee as TextRotate,
-  oe as Textarea,
-  xe as ThemeController,
-  ie as TimePicker,
-  se as Timeline,
-  le as Toggle,
-  Te as Tooltip,
-  ce as Tour,
-  Pe as Transfer,
-  be as Tree,
-  he as TreeSelect,
-  ye as Typography,
-  Re as Upload,
-  or as Window,
-  fr as notification,
-  Be as useBreakpoint,
-  Ee as useClickOutside,
-  Ke as useClipboard,
-  We as useDebounce,
-  Me as useDisclosure,
-  ao as useFormInstance,
-  je as useHover,
-  Ve as useKeyPress,
-  Xe as useKeyPressCallback,
-  Ne as useLocalStorage,
-  Qe as usePrevious,
-  Ko as useSiderContext,
-  Ze as useWindowSize
+  X as Divider,
+  q as Dock,
+  Z as Drawer,
+  ho as Dropdown,
+  wo as Empty,
+  $ as Fieldset,
+  ro as FileInput,
+  to as Flex,
+  mo as FloatButton,
+  xo as Footer,
+  io as Form,
+  lo as Grid,
+  To as Hero,
+  Le as Hide,
+  Po as Image,
+  bo as Indicator,
+  Ro as Input,
+  Fo as InputNumber,
+  Ao as Join,
+  Lo as Kbd,
+  Ho as Label,
+  Go as Layout,
+  Wo as List,
+  Eo as Loading,
+  Qo as Mask,
+  jo as Masonry,
+  Vo as Mention,
+  Yo as Menu,
+  fr as Modal,
+  ar as Navbar,
+  ur as OTPInput,
+  Cr as PageLayout,
+  dr as Pagination,
+  er as Phone,
+  gr as Popconfirm,
+  Sr as Popover,
+  kr as Progress,
+  Dr as QRCode,
+  vr as RadialProgress,
+  yr as Radio,
+  Ir as Range,
+  Br as Rating,
+  Mr as Result,
+  co as Row,
+  Nr as Segmented,
+  Kr as Select,
+  Me as Show,
+  Wr as Skeleton,
+  Er as Space,
+  Qr as Splitter,
+  jr as Stack,
+  Vr as Stats,
+  Yr as Status,
+  _r as Steps,
+  oe as Table,
+  ee as Tabs,
+  ie as Tag,
+  fe as TextRotate,
+  pe as Textarea,
+  se as ThemeController,
+  le as TimePicker,
+  ce as Timeline,
+  Te as Toggle,
+  be as Tooltip,
+  Pe as Tour,
+  he as Transfer,
+  we as Tree,
+  Re as TreeSelect,
+  Fe as Typography,
+  Ae as Upload,
+  pr as Window,
+  nr as notification,
+  Ke as useBreakpoint,
+  je as useClickOutside,
+  We as useClipboard,
+  Qe as useDebounce,
+  Ne as useDisclosure,
+  no as useFormInstance,
+  Ye as useHover,
+  _e as useKeyPress,
+  $e as useKeyPressCallback,
+  Ee as useLocalStorage,
+  Ve as usePrevious,
+  No as useSiderContext,
+  rt as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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