@lobehub/ui 3.4.2 → 3.4.3

package/es/Accordion/type.d.mts

@@ -0,0 +1,138 @@
+import { BlockProps } from "../Block/type.mjs";
+import "../Block/index.mjs";
+import { CSSProperties, HTMLAttributes, Key, ReactNode } from "react";
+
+//#region src/Accordion/type.d.ts
+interface AccordionItemProps extends Pick<BlockProps, 'padding' | 'paddingBlock' | 'paddingInline' | 'variant' | 'ref'> {
+  /**
+   * Action component that appears on hover
+   */
+  action?: ReactNode;
+  /**
+   * Content of the accordion item
+   */
+  children?: ReactNode;
+  /**
+   * Custom classNames for child elements
+   */
+  classNames?: {
+    action?: string;
+    base?: string;
+    content?: string;
+    header?: string;
+    indicator?: string;
+    title?: string;
+  };
+  /**
+   * Whether the item is disabled
+   */
+  disabled?: boolean;
+  headerWrapper?: (header: ReactNode) => ReactNode;
+  /**
+   * Whether to hide the chevron indicator
+   * @default false
+   */
+  hideIndicator?: boolean;
+  /**
+   * Custom indicator component or function
+   */
+  indicator?: ReactNode | ((props: {
+    isDisabled?: boolean;
+    isOpen: boolean;
+  }) => ReactNode);
+  /**
+   * Indicator placement
+   * @default 'start'
+   */
+  indicatorPlacement?: 'end' | 'start';
+  /**
+   * Unique identifier for the item (use as React key)
+   */
+  itemKey: Key;
+  /**
+   * Custom styles for child elements
+   */
+  styles?: {
+    action?: CSSProperties;
+    base?: CSSProperties;
+    content?: CSSProperties;
+    header?: CSSProperties;
+    indicator?: CSSProperties;
+    title?: CSSProperties;
+  };
+  /**
+   * Title of the accordion item
+   */
+  title: ReactNode;
+}
+interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<BlockProps, 'variant'> {
+  /**
+   * Whether only one item can be expanded at a time
+   * @default false
+   */
+  accordion?: boolean;
+  /**
+   * Accordion items
+   */
+  children?: ReactNode;
+  /**
+   * Custom classNames for child elements
+   */
+  classNames?: {
+    base?: string;
+  };
+  /**
+   * Default expanded keys (uncontrolled)
+   */
+  defaultExpandedKeys?: Key[];
+  /**
+   * Disable animation
+   * @default false
+   */
+  disableAnimation?: boolean;
+  /**
+   * Controlled expanded keys
+   */
+  expandedKeys?: Key[];
+  /**
+   * Gap between accordion items
+   */
+  gap?: number;
+  /**
+   * Whether to hide the chevron indicator for all items
+   * @default false
+   */
+  hideIndicator?: boolean;
+  /**
+   * Indicator placement for all items
+   * @default 'start'
+   */
+  indicatorPlacement?: 'end' | 'start';
+  /**
+   * Keep content mounted when collapsed
+   * @default true
+   */
+  keepContentMounted?: boolean;
+  /**
+   * Motion props for motion animation
+   */
+  motionProps?: any;
+  /**
+   * Callback when expanded keys change
+   */
+  onExpandedChange?: (keys: Key[]) => void;
+  /**
+   * Whether to show dividers between items
+   * @default false
+   */
+  showDivider?: boolean;
+  /**
+   * Custom styles for child elements
+   */
+  styles?: {
+    base?: CSSProperties;
+  };
+}
+//#endregion
+export { AccordionItemProps, AccordionProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ActionIcon/ActionIcon.d.mts

@@ -0,0 +1,8 @@
+import { ActionIconProps } from "./type.mjs";
+import * as react18 from "react";
+
+//#region src/ActionIcon/ActionIcon.d.ts
+declare const ActionIcon: react18.NamedExoticComponent<ActionIconProps>;
+//#endregion
+export { ActionIcon };
+//# sourceMappingURL=ActionIcon.d.mts.map

package/es/ActionIcon/ActionIcon.mjs

@@ -0,0 +1,132 @@
+'use client';
+
+import Center_default from "../Flex/Center.mjs";
+import Icon_default from "../Icon/Icon.mjs";
+import Tooltip_default from "../Tooltip/Tooltip.mjs";
+import { calcSize } from "./components/utils.mjs";
+import { useStyles } from "./style.mjs";
+import { memo, useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+
+//#region src/ActionIcon/ActionIcon.tsx
+const ActionIcon = memo(({ color, fill, className, active, icon, size = "middle", variant = "borderless", style, glass, title, onClick, loading, fillOpacity, fillRule, focusable, shadow, disabled, spin: iconSpinning, tooltipProps, danger, ref, ...rest }) => {
+	const { styles, cx } = useStyles();
+	const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);
+	const variants = useMemo(() => cva(styles.root, {
+		compoundVariants: [
+			{
+				className: styles.dangerFilled,
+				danger: true,
+				variant: "filled"
+			},
+			{
+				className: styles.dangerBorderless,
+				danger: true,
+				variant: "borderless"
+			},
+			{
+				className: styles.dangerOutlined,
+				danger: true,
+				variant: "outlined"
+			}
+		],
+		defaultVariants: {
+			active: false,
+			danger: false,
+			disabled: false,
+			glass: false,
+			shadow: false,
+			variant: "borderless"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			glass: {
+				false: null,
+				true: styles.glass
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			},
+			active: {
+				false: null,
+				true: styles.active
+			},
+			danger: {
+				false: null,
+				true: styles.dangerRoot
+			},
+			disabled: {
+				false: null,
+				true: styles.disabled
+			}
+		}
+	}), [styles]);
+	const handleClick = useCallback((event) => {
+		if (loading || disabled) return;
+		onClick?.(event);
+	}, [
+		loading,
+		disabled,
+		onClick
+	]);
+	const node = /* @__PURE__ */ jsx(Center_default, {
+		className: cx(variants({
+			active,
+			danger,
+			disabled,
+			glass,
+			shadow,
+			variant
+		}), className),
+		flex: "none",
+		horizontal: true,
+		onClick: handleClick,
+		ref,
+		role: "button",
+		style: {
+			borderRadius,
+			height: blockSize,
+			width: blockSize,
+			...style
+		},
+		tabIndex: disabled ? -1 : 0,
+		...rest,
+		children: icon && /* @__PURE__ */ jsx(Icon_default, {
+			color,
+			fill,
+			fillOpacity,
+			fillRule,
+			focusable,
+			icon: loading ? Loader2 : icon,
+			size,
+			spin: loading ? true : iconSpinning,
+			style: { pointerEvents: "none" }
+		})
+	});
+	if (!title) return node;
+	return /* @__PURE__ */ jsx(Tooltip_default, {
+		title,
+		...tooltipProps,
+		styles: typeof tooltipProps?.styles === "function" ? tooltipProps.styles : {
+			...tooltipProps?.styles,
+			container: {
+				pointerEvents: "none",
+				...tooltipProps?.styles?.container
+			}
+		},
+		children: node
+	});
+});
+ActionIcon.displayName = "ActionIcon";
+var ActionIcon_default = ActionIcon;
+
+//#endregion
+export { ActionIcon_default as default };
+//# sourceMappingURL=ActionIcon.mjs.map

package/es/ActionIcon/ActionIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIcon.mjs","names":["Center","Icon","Tooltip"],"sources":["../../src/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Loader2 } from 'lucide-react';\nimport { type MouseEventHandler, memo, useCallback, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\n\nimport { calcSize } from './components/utils';\nimport { useStyles } from './style';\nimport type { ActionIconProps } from './type';\n\nconst ActionIcon = memo<ActionIconProps>(\n  ({\n    color,\n    fill,\n    className,\n    active,\n    icon,\n    size = 'middle',\n    variant = 'borderless',\n    style,\n    glass,\n    title,\n    onClick,\n    loading,\n    fillOpacity,\n    fillRule,\n    focusable,\n    shadow,\n    disabled,\n    spin: iconSpinning,\n    tooltipProps,\n    danger,\n    ref,\n    ...rest\n  }) => {\n    const { styles, cx } = useStyles();\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\n    const variants = useMemo(\n      () =>\n        cva(styles.root, {\n          compoundVariants: [\n            {\n              className: styles.dangerFilled,\n              danger: true,\n              variant: 'filled',\n            },\n            {\n              className: styles.dangerBorderless,\n              danger: true,\n              variant: 'borderless',\n            },\n            {\n              className: styles.dangerOutlined,\n              danger: true,\n              variant: 'outlined',\n            },\n          ],\n          defaultVariants: {\n            active: false,\n            danger: false,\n            disabled: false,\n            glass: false,\n            shadow: false,\n            variant: 'borderless',\n          },\n          /* eslint-disable sort-keys-fix/sort-keys-fix */\n          variants: {\n            variant: {\n              filled: styles.filled,\n              outlined: styles.outlined,\n              borderless: styles.borderless,\n            },\n            glass: {\n              false: null,\n              true: styles.glass,\n            },\n            shadow: {\n              false: null,\n              true: styles.shadow,\n            },\n            active: {\n              false: null,\n              true: styles.active,\n            },\n            danger: {\n              false: null,\n              true: styles.dangerRoot,\n            },\n            disabled: {\n              false: null,\n              true: styles.disabled,\n            },\n          },\n          /* eslint-enable sort-keys-fix/sort-keys-fix */\n        }),\n      [styles],\n    );\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (event) => {\n        if (loading || disabled) return;\n        onClick?.(event);\n      },\n      [loading, disabled, onClick],\n    );\n\n    const node = (\n      <Center\n        className={cx(variants({ active, danger, disabled, glass, shadow, variant }), className)}\n        flex={'none'}\n        horizontal\n        onClick={handleClick}\n        ref={ref}\n        role=\"button\"\n        style={{ borderRadius, height: blockSize, width: blockSize, ...style }}\n        tabIndex={disabled ? -1 : 0}\n        {...rest}\n      >\n        {icon && (\n          <Icon\n            color={color}\n            fill={fill}\n            fillOpacity={fillOpacity}\n            fillRule={fillRule}\n            focusable={focusable}\n            icon={loading ? Loader2 : icon}\n            size={size}\n            spin={loading ? true : iconSpinning}\n            style={{\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </Center>\n    );\n\n    if (!title) return node;\n\n    return (\n      <Tooltip\n        title={title}\n        {...tooltipProps}\n        styles={\n          typeof tooltipProps?.styles === 'function'\n            ? tooltipProps.styles\n            : {\n                ...tooltipProps?.styles,\n                container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\n              }\n        }\n      >\n        {node}\n      </Tooltip>\n    );\n  },\n);\n\nActionIcon.displayName = 'ActionIcon';\n\nexport default ActionIcon;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,aAAa,MAChB,EACC,OACA,MACA,WACA,QACA,MACA,OAAO,UACP,UAAU,cACV,OACA,OACA,OACA,SACA,SACA,aACA,UACA,WACA,QACA,UACA,MAAM,cACN,cACA,QACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,KAAK,EAAE,CAAC,KAAK,CAAC;CACzE,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,kBAAkB;GAChB;IACE,WAAW,OAAO;IAClB,QAAQ;IACR,SAAS;IACV;GACD;IACE,WAAW,OAAO;IAClB,QAAQ;IACR,SAAS;IACV;GACD;IACE,WAAW,OAAO;IAClB,QAAQ;IACR,SAAS;IACV;GACF;EACD,iBAAiB;GACf,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,OAAO;IACL,OAAO;IACP,MAAM,OAAO;IACd;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACD,UAAU;IACR,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,cAAc,aACjB,UAAU;AACT,MAAI,WAAW,SAAU;AACzB,YAAU,MAAM;IAElB;EAAC;EAAS;EAAU;EAAQ,CAC7B;CAED,MAAM,OACJ,oBAACA;EACC,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACxF,MAAM;EACN;EACA,SAAS;EACJ;EACL,MAAK;EACL,OAAO;GAAE;GAAc,QAAQ;GAAW,OAAO;GAAW,GAAG;GAAO;EACtE,UAAU,WAAW,KAAK;EAC1B,GAAI;YAEH,QACC,oBAACC;GACQ;GACD;GACO;GACH;GACC;GACX,MAAM,UAAU,UAAU;GACpB;GACN,MAAM,UAAU,OAAO;GACvB,OAAO,EACL,eAAe,QAChB;IACD;GAEG;AAGX,KAAI,CAAC,MAAO,QAAO;AAEnB,QACE,oBAACC;EACQ;EACP,GAAI;EACJ,QACE,OAAO,cAAc,WAAW,aAC5B,aAAa,SACb;GACE,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;IAAW;GACzE;YAGN;GACO;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/ActionIcon/components/utils.mjs

@@ -0,0 +1,45 @@
+import { isNumber } from "lodash-es";
+
+//#region src/ActionIcon/components/utils.ts
+const calcSize = (iconSize) => {
+	let blockSize;
+	let borderRadius;
+	if (isNumber(iconSize)) {
+		const blockSize$1 = iconSize * 1.8;
+		return {
+			blockSize: blockSize$1,
+			borderRadius: Math.floor(blockSize$1 / 6)
+		};
+	}
+	switch (iconSize) {
+		case "large":
+			blockSize = 44;
+			borderRadius = 8;
+			break;
+		case "middle":
+			blockSize = 36;
+			borderRadius = 6;
+			break;
+		case "small":
+			blockSize = 24;
+			borderRadius = 4;
+			break;
+		default:
+			if (iconSize) {
+				blockSize = iconSize?.blockSize || 36;
+				borderRadius = iconSize?.borderRadius || 6;
+			} else {
+				blockSize = "1.8em";
+				borderRadius = "0.3em";
+			}
+			break;
+	}
+	return {
+		blockSize,
+		borderRadius
+	};
+};
+
+//#endregion
+export { calcSize };
+//# sourceMappingURL=utils.mjs.map

package/es/ActionIcon/components/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["blockSize: number | string","borderRadius: number | string","blockSize"],"sources":["../../../src/ActionIcon/components/utils.ts"],"sourcesContent":["import { isNumber } from 'lodash-es';\n\nimport type { ActionIconSize } from '@/ActionIcon';\n\nexport const calcSize = (iconSize?: ActionIconSize) => {\n  let blockSize: number | string;\n  let borderRadius: number | string;\n\n  if (isNumber(iconSize)) {\n    const blockSize = iconSize * 1.8;\n    return {\n      blockSize,\n      borderRadius: Math.floor(blockSize / 6),\n    };\n  }\n\n  switch (iconSize) {\n    case 'large': {\n      blockSize = 44;\n      borderRadius = 8;\n      break;\n    }\n    case 'middle': {\n      blockSize = 36;\n      borderRadius = 6;\n      break;\n    }\n    case 'small': {\n      blockSize = 24;\n      borderRadius = 4;\n      break;\n    }\n    default: {\n      if (iconSize) {\n        blockSize = iconSize?.blockSize || 36;\n        borderRadius = iconSize?.borderRadius || 6;\n      } else {\n        blockSize = '1.8em';\n        borderRadius = '0.3em';\n      }\n\n      break;\n    }\n  }\n\n  return {\n    blockSize,\n    borderRadius,\n  };\n};\n"],"mappings":";;;AAIA,MAAa,YAAY,aAA8B;CACrD,IAAIA;CACJ,IAAIC;AAEJ,KAAI,SAAS,SAAS,EAAE;EACtB,MAAMC,cAAY,WAAW;AAC7B,SAAO;GACL;GACA,cAAc,KAAK,MAAMA,cAAY,EAAE;GACxC;;AAGH,SAAQ,UAAR;EACE,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF;AACE,OAAI,UAAU;AACZ,gBAAY,UAAU,aAAa;AACnC,mBAAe,UAAU,gBAAgB;UACpC;AACL,gBAAY;AACZ,mBAAe;;AAGjB;;AAIJ,QAAO;EACL;EACA;EACD"}

package/es/ActionIcon/index.d.mts

@@ -0,0 +1,3 @@
+import { ActionIconProps, ActionIconSize } from "./type.mjs";
+import { ActionIcon } from "./ActionIcon.mjs";
+export { ActionIconProps, ActionIconSize, ActionIcon as default };

package/es/ActionIcon/index.mjs

@@ -0,0 +1,3 @@
+import ActionIcon_default from "./ActionIcon.mjs";
+
+export { ActionIcon_default as default };

package/es/ActionIcon/style.mjs

@@ -0,0 +1,51 @@
+import { createStyles } from "antd-style";
+
+//#region src/ActionIcon/style.ts
+const useStyles = createStyles(({ isDarkMode, css: css$1, token, stylish }) => {
+	return {
+		active: stylish.active,
+		borderless: stylish.variantBorderless,
+		dangerBorderless: stylish.variantBorderlessDanger,
+		dangerFilled: stylish.variantFilledDanger,
+		dangerOutlined: stylish.variantOutlinedDanger,
+		dangerRoot: css$1`
+      &:hover {
+        color: ${token.colorError};
+      }
+
+      &:active {
+        color: ${token.colorErrorActive};
+      }
+    `,
+		disabled: stylish.disabled,
+		filled: stylish.variantFilled,
+		glass: stylish.blur,
+		outlined: stylish.variantOutlined,
+		root: css$1`
+      cursor: pointer;
+
+      position: relative;
+
+      overflow: hidden;
+
+      color: ${token.colorTextTertiary};
+
+      transition:
+        color 400ms ${token.motionEaseOut},
+        background 100ms ${token.motionEaseOut};
+
+      &:hover {
+        color: ${token.colorTextSecondary};
+      }
+
+      &:active {
+        color: ${isDarkMode ? token.colorTextTertiary : token.colorText};
+      }
+    `,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/ActionIcon/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ActionIcon/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ isDarkMode, css, token, stylish }) => {\n  return {\n    active: stylish.active,\n    borderless: stylish.variantBorderless,\n    dangerBorderless: stylish.variantBorderlessDanger,\n    dangerFilled: stylish.variantFilledDanger,\n    dangerOutlined: stylish.variantOutlinedDanger,\n    dangerRoot: css`\n      &:hover {\n        color: ${token.colorError};\n      }\n\n      &:active {\n        color: ${token.colorErrorActive};\n      }\n    `,\n    disabled: stylish.disabled,\n    filled: stylish.variantFilled,\n    glass: stylish.blur,\n    outlined: stylish.variantOutlined,\n    root: css`\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      color: ${token.colorTextTertiary};\n\n      transition:\n        color 400ms ${token.motionEaseOut},\n        background 100ms ${token.motionEaseOut};\n\n      &:hover {\n        color: ${token.colorTextSecondary};\n      }\n\n      &:active {\n        color: ${isDarkMode ? token.colorTextTertiary : token.colorText};\n      }\n    `,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAY,YAAK,OAAO,cAAc;AAC7E,QAAO;EACL,QAAQ,QAAQ;EAChB,YAAY,QAAQ;EACpB,kBAAkB,QAAQ;EAC1B,cAAc,QAAQ;EACtB,gBAAgB,QAAQ;EACxB,YAAY,KAAG;;iBAEF,MAAM,WAAW;;;;iBAIjB,MAAM,iBAAiB;;;EAGpC,UAAU,QAAQ;EAClB,QAAQ,QAAQ;EAChB,OAAO,QAAQ;EACf,UAAU,QAAQ;EAClB,MAAM,KAAG;;;;;;;eAOE,MAAM,kBAAkB;;;sBAGjB,MAAM,cAAc;2BACf,MAAM,cAAc;;;iBAG9B,MAAM,mBAAmB;;;;iBAIzB,aAAa,MAAM,oBAAoB,MAAM,UAAU;;;EAGpE,QAAQ,QAAQ;EACjB;EACD"}

package/es/ActionIcon/type.d.mts

@@ -0,0 +1,32 @@
+import { CenterProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { IconProps, IconSizeConfig, IconSizeType, LucideIconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { TooltipProps } from "../Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
+import { ReactNode, Ref } from "react";
+
+//#region src/ActionIcon/type.d.ts
+interface ActionIconSizeConfig extends IconSizeConfig {
+  blockSize?: number | string;
+  borderRadius?: number | string;
+}
+type ActionIconSize = number | IconSizeType | ActionIconSizeConfig;
+interface ActionIconProps extends Partial<LucideIconProps>, Omit<CenterProps, 'title' | 'children'> {
+  active?: boolean;
+  danger?: boolean;
+  disabled?: boolean;
+  glass?: boolean;
+  icon?: IconProps['icon'] | ReactNode;
+  loading?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  shadow?: boolean;
+  size?: ActionIconSize;
+  spin?: boolean;
+  title?: TooltipProps['title'];
+  tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
+  variant?: 'borderless' | 'filled' | 'outlined';
+}
+//#endregion
+export { ActionIconProps, ActionIconSize };
+//# sourceMappingURL=type.d.mts.map

package/es/ActionIconGroup/ActionIconGroup.d.mts

@@ -0,0 +1,8 @@
+import { ActionIconGroupProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/ActionIconGroup/ActionIconGroup.d.ts
+declare const ActionIconGroup: FC<ActionIconGroupProps>;
+//#endregion
+export { ActionIconGroup };
+//# sourceMappingURL=ActionIconGroup.d.mts.map

package/es/ActionIconGroup/ActionIconGroup.mjs

@@ -0,0 +1,100 @@
+'use client';
+
+import Center_default from "../Flex/Center.mjs";
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import Dropdown_default from "../Dropdown/Dropdown.mjs";
+import { useStyles } from "./style.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { MoreHorizontal } from "lucide-react";
+
+//#region src/ActionIconGroup/ActionIconGroup.tsx
+const ActionIconGroup = ({ variant = "filled", disabled, shadow, glass, actionIconProps, items = [], horizontal = true, menu, onActionClick, className, size = "small", ref, ...rest }) => {
+	const { cx, styles } = useStyles();
+	const variants = useMemo(() => cva(styles.root, {
+		defaultVariants: {
+			disabled: false,
+			glass: false,
+			shadow: false,
+			variant: "outlined"
+		},
+		variants: {
+			variant: {
+				filled: styles.filled,
+				outlined: styles.outlined,
+				borderless: styles.borderless
+			},
+			glass: {
+				false: null,
+				true: styles.glass
+			},
+			shadow: {
+				false: null,
+				true: styles.shadow
+			},
+			disabled: {
+				false: null,
+				true: styles.disabled
+			}
+		}
+	}), [styles]);
+	const tooltipPlacement = useMemo(() => actionIconProps?.tooltipProps?.placement || horizontal ? "top" : "right", [actionIconProps, horizontal]);
+	return /* @__PURE__ */ jsxs(Center_default, {
+		className: cx(variants({
+			disabled,
+			glass,
+			shadow,
+			variant
+		}), className),
+		horizontal,
+		padding: 2,
+		ref,
+		...rest,
+		children: [items?.length > 0 && items.map((item) => {
+			const { icon, key, label, onClick, danger, loading, ...itemRest } = item;
+			return /* @__PURE__ */ jsx(ActionIcon_default, {
+				danger,
+				icon,
+				loading,
+				onClick: (e) => {
+					onActionClick?.({
+						domEvent: e,
+						key: String(key),
+						keyPath: [String(key)]
+					});
+					onClick?.(e);
+				},
+				size,
+				title: label,
+				tooltipProps: { placement: tooltipPlacement },
+				...actionIconProps,
+				disabled: disabled || loading || itemRest?.disabled
+			}, key);
+		}), menu && /* @__PURE__ */ jsx(Dropdown_default, {
+			menu: {
+				...menu,
+				onClick: (item) => {
+					onActionClick?.(item);
+				}
+			},
+			trigger: ["click"],
+			children: /* @__PURE__ */ jsx(ActionIcon_default, {
+				disabled,
+				icon: MoreHorizontal,
+				size,
+				...actionIconProps,
+				tooltipProps: {
+					placement: tooltipPlacement,
+					...actionIconProps?.tooltipProps
+				}
+			}, "more")
+		})]
+	});
+};
+ActionIconGroup.displayName = "ActionIconGroup";
+var ActionIconGroup_default = ActionIconGroup;
+
+//#endregion
+export { ActionIconGroup_default as default };
+//# sourceMappingURL=ActionIconGroup.mjs.map

package/es/ActionIconGroup/ActionIconGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionIconGroup.mjs","names":["ActionIconGroup: FC<ActionIconGroupProps>","Center","ActionIcon","Dropdown"],"sources":["../../src/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { MoreHorizontal } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Dropdown from '@/Dropdown';\nimport { Center } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { ActionIconGroupProps } from './type';\n\nconst ActionIconGroup: FC<ActionIconGroupProps> = ({\n  variant = 'filled',\n  disabled,\n  shadow,\n  glass,\n  actionIconProps,\n  items = [],\n  horizontal = true,\n  menu,\n  onActionClick,\n  className,\n  size = 'small',\n  ref,\n  ...rest\n}) => {\n  const { cx, styles } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          disabled: false,\n          glass: false,\n          shadow: false,\n          variant: 'outlined',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          variant: {\n            filled: styles.filled,\n            outlined: styles.outlined,\n            borderless: styles.borderless,\n          },\n          glass: {\n            false: null,\n            true: styles.glass,\n          },\n          shadow: {\n            false: null,\n            true: styles.shadow,\n          },\n          disabled: {\n            false: null,\n            true: styles.disabled,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  const tooltipPlacement = useMemo(\n    () => (actionIconProps?.tooltipProps?.placement || horizontal ? 'top' : 'right'),\n    [actionIconProps, horizontal],\n  );\n\n  return (\n    <Center\n      className={cx(variants({ disabled, glass, shadow, variant }), className)}\n      horizontal={horizontal}\n      padding={2}\n      ref={ref}\n      {...rest}\n    >\n      {items?.length > 0 &&\n        items.map((item) => {\n          const { icon, key, label, onClick, danger, loading, ...itemRest } = item;\n          return (\n            <ActionIcon\n              danger={danger}\n              icon={icon}\n              key={key}\n              loading={loading}\n              onClick={(e) => {\n                onActionClick?.({\n                  domEvent: e,\n                  key: String(key),\n                  keyPath: [String(key)],\n                });\n                onClick?.(e as any);\n              }}\n              size={size}\n              title={label}\n              tooltipProps={{\n                placement: tooltipPlacement,\n              }}\n              {...actionIconProps}\n              disabled={disabled || loading || itemRest?.disabled}\n            />\n          );\n        })}\n      {menu && (\n        <Dropdown\n          menu={{\n            ...menu,\n            onClick: (item) => {\n              onActionClick?.(item);\n            },\n          }}\n          trigger={['click']}\n        >\n          <ActionIcon\n            disabled={disabled}\n            icon={MoreHorizontal}\n            key=\"more\"\n            size={size}\n            {...actionIconProps}\n            tooltipProps={{\n              placement: tooltipPlacement,\n              ...actionIconProps?.tooltipProps,\n            }}\n          />\n        </Dropdown>\n      )}\n    </Center>\n  );\n};\n\nActionIconGroup.displayName = 'ActionIconGroup';\n\nexport default ActionIconGroup;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,mBAA6C,EACjD,UAAU,UACV,UACA,QACA,OACA,iBACA,QAAQ,EAAE,EACV,aAAa,MACb,MACA,eACA,WACA,OAAO,SACP,KACA,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,WAAW;CAElC,MAAM,WAAW,cAEb,IAAI,OAAO,MAAM;EACf,iBAAiB;GACf,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACV;EAED,UAAU;GACR,SAAS;IACP,QAAQ,OAAO;IACf,UAAU,OAAO;IACjB,YAAY,OAAO;IACpB;GACD,OAAO;IACL,OAAO;IACP,MAAM,OAAO;IACd;GACD,QAAQ;IACN,OAAO;IACP,MAAM,OAAO;IACd;GACD,UAAU;IACR,OAAO;IACP,MAAM,OAAO;IACd;GACF;EAEF,CAAC,EACJ,CAAC,OAAO,CACT;CAED,MAAM,mBAAmB,cAChB,iBAAiB,cAAc,aAAa,aAAa,QAAQ,SACxE,CAAC,iBAAiB,WAAW,CAC9B;AAED,QACE,qBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC5D;EACZ,SAAS;EACJ;EACL,GAAI;aAEH,OAAO,SAAS,KACf,MAAM,KAAK,SAAS;GAClB,MAAM,EAAE,MAAM,KAAK,OAAO,SAAS,QAAQ,SAAS,GAAG,aAAa;AACpE,UACE,oBAACC;IACS;IACF;IAEG;IACT,UAAU,MAAM;AACd,qBAAgB;MACd,UAAU;MACV,KAAK,OAAO,IAAI;MAChB,SAAS,CAAC,OAAO,IAAI,CAAC;MACvB,CAAC;AACF,eAAU,EAAS;;IAEf;IACN,OAAO;IACP,cAAc,EACZ,WAAW,kBACZ;IACD,GAAI;IACJ,UAAU,YAAY,WAAW,UAAU;MAhBtC,IAiBL;IAEJ,EACH,QACC,oBAACC;GACC,MAAM;IACJ,GAAG;IACH,UAAU,SAAS;AACjB,qBAAgB,KAAK;;IAExB;GACD,SAAS,CAAC,QAAQ;aAElB,oBAACD;IACW;IACV,MAAM;IAEA;IACN,GAAI;IACJ,cAAc;KACZ,WAAW;KACX,GAAG,iBAAiB;KACrB;MANG,OAOJ;IACO;GAEN;;AAIb,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/ActionIconGroup/index.d.mts

@@ -0,0 +1,4 @@
+import { MenuItemType } from "../Menu/type.mjs";
+import { ActionIconGroupEvent, ActionIconGroupProps } from "./type.mjs";
+import { ActionIconGroup } from "./ActionIconGroup.mjs";
+export { ActionIconGroupEvent, MenuItemType as ActionIconGroupItemType, ActionIconGroupProps, ActionIconGroup as default };

package/es/ActionIconGroup/index.mjs

@@ -0,0 +1,3 @@
+import ActionIconGroup_default from "./ActionIconGroup.mjs";
+
+export { ActionIconGroup_default as default };

package/es/ActionIconGroup/style.mjs

@@ -0,0 +1,21 @@
+import { createStyles } from "antd-style";
+
+//#region src/ActionIconGroup/style.ts
+const useStyles = createStyles(({ css: css$1, token, stylish }) => {
+	return {
+		borderless: stylish.variantBorderless,
+		disabled: stylish.disabled,
+		filled: stylish.variantFilledWithoutHover,
+		glass: stylish.blur,
+		outlined: stylish.variantOutlinedWithoutHover,
+		root: css$1`
+      position: relative;
+      border-radius: ${token.borderRadius}px;
+    `,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/ActionIconGroup/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ActionIconGroup/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, stylish }) => {\n  return {\n    borderless: stylish.variantBorderless,\n    disabled: stylish.disabled,\n    filled: stylish.variantFilledWithoutHover,\n    glass: stylish.blur,\n    outlined: stylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${token.borderRadius}px;\n    `,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,cAAc;AACjE,QAAO;EACL,YAAY,QAAQ;EACpB,UAAU,QAAQ;EAClB,QAAQ,QAAQ;EAChB,OAAO,QAAQ;EACf,UAAU,QAAQ;EAClB,MAAM,KAAG;;uBAEU,MAAM,aAAa;;EAEtC,QAAQ,QAAQ;EACjB;EACD"}

package/es/ActionIconGroup/type.d.mts

@@ -0,0 +1,27 @@
+import { CenterProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
+import { MenuInfo, MenuItemType } from "../Menu/type.mjs";
+import "../Menu/index.mjs";
+import { DropdownProps } from "../Dropdown/type.mjs";
+import "../Dropdown/index.mjs";
+import { Ref } from "react";
+
+//#region src/ActionIconGroup/type.d.ts
+type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
+interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
+  actionIconProps?: Partial<Omit<ActionIconProps, 'icon' | 'size' | 'ref'>>;
+  disabled?: boolean;
+  glass?: boolean;
+  items?: MenuItemType[];
+  menu?: DropdownProps['menu'];
+  onActionClick?: (action: ActionIconGroupEvent) => void;
+  ref?: Ref<HTMLDivElement>;
+  shadow?: boolean;
+  size?: ActionIconProps['size'];
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { ActionIconGroupEvent, ActionIconGroupProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Alert/Alert.d.mts

@@ -0,0 +1,8 @@
+import { AlertProps } from "./type.mjs";
+import * as react20 from "react";
+
+//#region src/Alert/Alert.d.ts
+declare const Alert: react20.NamedExoticComponent<AlertProps>;
+//#endregion
+export { Alert };
+//# sourceMappingURL=Alert.d.mts.map