@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/Accordion/style.mjs

@@ -1,354 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Accordion/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	action: css`
-    display: flex;
-    flex-shrink: 0;
-    gap: 4px;
-    align-items: center;
-
-    opacity: 0;
-
-    transition: opacity 150ms ${cssVar.motionEaseOut};
-  `,
-	actionAlwaysVisible: css`
-    opacity: 1;
-  `,
-	actionBorderless: css`
-    padding-inline-end: var(--accordion-hover-inset, 8px);
-  `,
-	actionOutlined: css`
-    padding-inline-end: 16px;
-  `,
-	content: css`
-    font-size: 14px;
-    line-height: 1.6;
-    transition:
-      opacity 200ms ${cssVar.motionEaseOut},
-      translate 200ms ${cssVar.motionEaseOut};
-
-    [data-starting-style] & {
-      translate: 0 6px;
-      opacity: 0;
-    }
-
-    [data-ending-style] & {
-      translate: 0 -6px;
-      opacity: 0;
-    }
-
-    /* Base UI sets animation-name: none on initially-open panels */
-    [style*='animation-name: none'] &,
-    [style*='animation-name:none'] & {
-      translate: none;
-      opacity: 1;
-      transition: none;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	contentBorderless: css`
-    padding-block: 0 12px;
-  `,
-	contentIndent: css`
-    padding-inline-start: 24px;
-  `,
-	contentIndentOutlined: css`
-    padding-inline-start: 40px;
-  `,
-	contentOutlined: css`
-    padding-block: 4px 14px;
-    padding-inline: 16px;
-  `,
-	header: css`
-    position: relative;
-
-    display: flex;
-    align-items: center;
-
-    margin: 0;
-
-    font-size: inherit;
-    font-weight: inherit;
-
-    transition: background 150ms ${cssVar.motionEaseOut};
-
-    &:hover:not(:has([data-disabled])) {
-      background: ${cssVar.colorFillTertiary};
-    }
-
-    &:hover .accordion-action,
-    &:focus-within .accordion-action {
-      opacity: 1;
-    }
-  `,
-	headerBorderless: css`
-    margin-inline: calc(var(--accordion-hover-inset, 8px) * -1);
-    border-radius: ${cssVar.borderRadius};
-  `,
-	headerFilled: css`
-    border-radius: ${cssVar.borderRadius};
-    background: ${cssVar.colorFillTertiary};
-
-    &:hover:not(:has([data-disabled])) {
-      background: ${cssVar.colorFillSecondary};
-    }
-  `,
-	headerInline: css`
-    margin-inline: 0;
-
-    > .accordion-action {
-      padding-block: 4px;
-    }
-  `,
-	contentInline: css`
-    padding-block: 0;
-  `,
-	indicator: css`
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-
-    color: ${cssVar.colorTextDescription};
-
-    transition: transform 200ms ${cssVar.motionEaseOut};
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	indicatorInline: css`
-    justify-content: center;
-    width: 18px;
-    height: 18px;
-    margin-inline-start: -6px;
-
-    [data-panel-open] & {
-      transform: rotate(90deg);
-    }
-  `,
-	indicatorEnd: css`
-    margin-inline-start: auto;
-
-    [data-panel-open] & {
-      transform: rotate(180deg);
-    }
-  `,
-	indicatorStart: css`
-    [data-panel-open] & {
-      transform: rotate(90deg);
-    }
-  `,
-	item: css`
-    display: flex;
-    flex-direction: column;
-  `,
-	itemOutlined: css`
-    & + & {
-      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
-    }
-  `,
-	panel: css`
-    overflow: hidden;
-    height: auto;
-    transition: height 200ms ${cssVar.motionEaseOut};
-
-    interpolate-size: allow-keywords;
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      height: 0;
-    }
-
-    &[data-starting-style][style*='animation-name: none'],
-    &[data-starting-style][style*='animation-name:none'] {
-      height: auto;
-      transition: none;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	root: css`
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-  `,
-	rootOutlined: css`
-    overflow: hidden;
-    border: 1px solid ${cssVar.colorBorderSecondary};
-    border-radius: ${cssVar.borderRadiusLG};
-  `,
-	trigger: css`
-    cursor: pointer;
-    user-select: none;
-
-    display: flex;
-    flex: 1;
-    gap: 8px;
-    align-items: center;
-
-    min-width: 0;
-    border: 0;
-    border-radius: inherit;
-
-    font: inherit;
-    font-size: 14px;
-    color: ${cssVar.colorText};
-    text-align: start;
-
-    background: none;
-    outline: none;
-
-    ${focusRing};
-
-    &[data-disabled] {
-      cursor: not-allowed;
-      color: ${cssVar.colorTextDisabled};
-    }
-  `,
-	triggerBorderless: css`
-    padding-block: 8px;
-    padding-inline: var(--accordion-hover-inset, 8px);
-  `,
-	triggerFilled: css`
-    padding-block: 8px;
-    padding-inline: 16px;
-  `,
-	triggerOutlined: css`
-    padding-block: 12px;
-    padding-inline: 16px;
-
-    &[data-panel-open] {
-      padding-block-end: 8px;
-    }
-  `
-}));
-const rootVariants = cva(styles.root, {
-	defaultVariants: { variant: "borderless" },
-	variants: { variant: {
-		borderless: null,
-		filled: null,
-		outlined: styles.rootOutlined
-	} }
-});
-const itemVariants = cva(styles.item, {
-	defaultVariants: { variant: "borderless" },
-	variants: { variant: {
-		borderless: null,
-		filled: null,
-		outlined: styles.itemOutlined
-	} }
-});
-const headerVariants = cva(styles.header, {
-	compoundVariants: [{
-		class: styles.headerInline,
-		inline: true,
-		variant: "borderless"
-	}, {
-		class: styles.headerInline,
-		inline: true,
-		variant: "filled"
-	}],
-	defaultVariants: {
-		inline: false,
-		variant: "borderless"
-	},
-	variants: {
-		inline: {
-			false: null,
-			true: null
-		},
-		variant: {
-			borderless: styles.headerBorderless,
-			filled: styles.headerFilled,
-			outlined: null
-		}
-	}
-});
-const triggerVariants = cva(styles.trigger, {
-	defaultVariants: { variant: "borderless" },
-	variants: { variant: {
-		borderless: styles.triggerBorderless,
-		filled: styles.triggerFilled,
-		outlined: styles.triggerOutlined
-	} }
-});
-const indicatorVariants = cva(styles.indicator, {
-	defaultVariants: { placement: "start" },
-	variants: { placement: {
-		end: styles.indicatorEnd,
-		inline: styles.indicatorInline,
-		start: styles.indicatorStart
-	} }
-});
-const contentVariants = cva(styles.content, {
-	compoundVariants: [
-		{
-			class: styles.contentInline,
-			inline: true,
-			variant: "borderless"
-		},
-		{
-			class: styles.contentIndent,
-			indent: true,
-			variant: "borderless"
-		},
-		{
-			class: styles.contentIndent,
-			indent: true,
-			variant: "filled"
-		},
-		{
-			class: styles.contentIndentOutlined,
-			indent: true,
-			variant: "outlined"
-		}
-	],
-	defaultVariants: {
-		indent: true,
-		inline: false,
-		variant: "borderless"
-	},
-	variants: {
-		indent: {
-			false: null,
-			true: null
-		},
-		inline: {
-			false: null,
-			true: null
-		},
-		variant: {
-			borderless: styles.contentBorderless,
-			filled: styles.contentBorderless,
-			outlined: styles.contentOutlined
-		}
-	}
-});
-const actionVariants = cva(styles.action, {
-	defaultVariants: {
-		alwaysVisible: false,
-		variant: "borderless"
-	},
-	variants: {
-		alwaysVisible: {
-			false: null,
-			true: styles.actionAlwaysVisible
-		},
-		variant: {
-			borderless: styles.actionBorderless,
-			filled: styles.actionOutlined,
-			outlined: styles.actionOutlined
-		}
-	}
-});
-//#endregion
-export { actionVariants, contentVariants, headerVariants, indicatorVariants, itemVariants, rootVariants, styles, triggerVariants };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Accordion/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  action: css`\n    display: flex;\n    flex-shrink: 0;\n    gap: 4px;\n    align-items: center;\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n  `,\n  actionAlwaysVisible: css`\n    opacity: 1;\n  `,\n  actionBorderless: css`\n    padding-inline-end: var(--accordion-hover-inset, 8px);\n  `,\n  actionOutlined: css`\n    padding-inline-end: 16px;\n  `,\n  content: css`\n    font-size: 14px;\n    line-height: 1.6;\n    transition:\n      opacity 200ms ${cssVar.motionEaseOut},\n      translate 200ms ${cssVar.motionEaseOut};\n\n    [data-starting-style] & {\n      translate: 0 6px;\n      opacity: 0;\n    }\n\n    [data-ending-style] & {\n      translate: 0 -6px;\n      opacity: 0;\n    }\n\n    /* Base UI sets animation-name: none on initially-open panels */\n    [style*='animation-name: none'] &,\n    [style*='animation-name:none'] & {\n      translate: none;\n      opacity: 1;\n      transition: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  contentBorderless: css`\n    padding-block: 0 12px;\n  `,\n  contentIndent: css`\n    padding-inline-start: 24px;\n  `,\n  contentIndentOutlined: css`\n    padding-inline-start: 40px;\n  `,\n  contentOutlined: css`\n    padding-block: 4px 14px;\n    padding-inline: 16px;\n  `,\n  header: css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    margin: 0;\n\n    font-size: inherit;\n    font-weight: inherit;\n\n    transition: background 150ms ${cssVar.motionEaseOut};\n\n    &:hover:not(:has([data-disabled])) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:hover .accordion-action,\n    &:focus-within .accordion-action {\n      opacity: 1;\n    }\n  `,\n  headerBorderless: css`\n    margin-inline: calc(var(--accordion-hover-inset, 8px) * -1);\n    border-radius: ${cssVar.borderRadius};\n  `,\n  headerFilled: css`\n    border-radius: ${cssVar.borderRadius};\n    background: ${cssVar.colorFillTertiary};\n\n    &:hover:not(:has([data-disabled])) {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  headerInline: css`\n    margin-inline: 0;\n\n    > .accordion-action {\n      padding-block: 4px;\n    }\n  `,\n  contentInline: css`\n    padding-block: 0;\n  `,\n  indicator: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n\n    color: ${cssVar.colorTextDescription};\n\n    transition: transform 200ms ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  indicatorInline: css`\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    margin-inline-start: -6px;\n\n    [data-panel-open] & {\n      transform: rotate(90deg);\n    }\n  `,\n  indicatorEnd: css`\n    margin-inline-start: auto;\n\n    [data-panel-open] & {\n      transform: rotate(180deg);\n    }\n  `,\n  indicatorStart: css`\n    [data-panel-open] & {\n      transform: rotate(90deg);\n    }\n  `,\n  item: css`\n    display: flex;\n    flex-direction: column;\n  `,\n  itemOutlined: css`\n    & + & {\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    }\n  `,\n  panel: css`\n    overflow: hidden;\n    height: auto;\n    transition: height 200ms ${cssVar.motionEaseOut};\n\n    interpolate-size: allow-keywords;\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      height: 0;\n    }\n\n    &[data-starting-style][style*='animation-name: none'],\n    &[data-starting-style][style*='animation-name:none'] {\n      height: auto;\n      transition: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  `,\n  rootOutlined: css`\n    overflow: hidden;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: flex;\n    flex: 1;\n    gap: 8px;\n    align-items: center;\n\n    min-width: 0;\n    border: 0;\n    border-radius: inherit;\n\n    font: inherit;\n    font-size: 14px;\n    color: ${cssVar.colorText};\n    text-align: start;\n\n    background: none;\n    outline: none;\n\n    ${focusRing};\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n    }\n  `,\n  triggerBorderless: css`\n    padding-block: 8px;\n    padding-inline: var(--accordion-hover-inset, 8px);\n  `,\n  triggerFilled: css`\n    padding-block: 8px;\n    padding-inline: 16px;\n  `,\n  triggerOutlined: css`\n    padding-block: 12px;\n    padding-inline: 16px;\n\n    &[data-panel-open] {\n      padding-block-end: 8px;\n    }\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: { variant: 'borderless' },\n  variants: {\n    variant: {\n      borderless: null,\n      filled: null,\n      outlined: styles.rootOutlined,\n    },\n  },\n});\n\nexport const itemVariants = cva(styles.item, {\n  defaultVariants: { variant: 'borderless' },\n  variants: {\n    variant: {\n      borderless: null,\n      filled: null,\n      outlined: styles.itemOutlined,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.header, {\n  compoundVariants: [\n    { class: styles.headerInline, inline: true, variant: 'borderless' },\n    { class: styles.headerInline, inline: true, variant: 'filled' },\n  ],\n  defaultVariants: { inline: false, variant: 'borderless' },\n  variants: {\n    inline: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.headerBorderless,\n      filled: styles.headerFilled,\n      outlined: null,\n    },\n  },\n});\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: { variant: 'borderless' },\n  variants: {\n    variant: {\n      borderless: styles.triggerBorderless,\n      filled: styles.triggerFilled,\n      outlined: styles.triggerOutlined,\n    },\n  },\n});\n\nexport const indicatorVariants = cva(styles.indicator, {\n  defaultVariants: { placement: 'start' },\n  variants: {\n    placement: {\n      end: styles.indicatorEnd,\n      inline: styles.indicatorInline,\n      start: styles.indicatorStart,\n    },\n  },\n});\n\nexport const contentVariants = cva(styles.content, {\n  compoundVariants: [\n    {\n      class: styles.contentInline,\n      inline: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.contentIndent,\n      indent: true,\n      variant: 'borderless',\n    },\n    {\n      class: styles.contentIndent,\n      indent: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.contentIndentOutlined,\n      indent: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: { indent: true, inline: false, variant: 'borderless' },\n  variants: {\n    indent: {\n      false: null,\n      true: null,\n    },\n    inline: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.contentBorderless,\n      filled: styles.contentBorderless,\n      outlined: styles.contentOutlined,\n    },\n  },\n});\n\nexport const actionVariants = cva(styles.action, {\n  defaultVariants: { alwaysVisible: false, variant: 'borderless' },\n  variants: {\n    alwaysVisible: {\n      false: null,\n      true: styles.actionAlwaysVisible,\n    },\n    variant: {\n      borderless: styles.actionBorderless,\n      filled: styles.actionOutlined,\n      outlined: styles.actionOutlined,\n    },\n  },\n});\n"],"mappings":"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"}

package/es/base-ui/Accordion/type.d.mts

@@ -1,80 +0,0 @@
-import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-import { Accordion } from "@base-ui/react/accordion";
-//#region src/base-ui/Accordion/type.d.ts
-type AccordionVariant = 'borderless' | 'filled' | 'outlined';
-type AccordionIndicatorPlacement = 'end' | 'inline' | 'start';
-interface AccordionClassNames {
-  action?: string;
-  content?: string;
-  header?: string;
-  item?: string;
-  panel?: string;
-  root?: string;
-  trigger?: string;
-}
-interface AccordionStyles {
-  action?: CSSProperties;
-  content?: CSSProperties;
-  header?: CSSProperties;
-  item?: CSSProperties;
-  panel?: CSSProperties;
-  root?: CSSProperties;
-  trigger?: CSSProperties;
-}
-interface AccordionItemType {
-  action?: ReactNode;
-  alwaysShowAction?: boolean;
-  children?: ReactNode;
-  disabled?: boolean;
-  key: string;
-  title: ReactNode;
-}
-type AccordionRootProps = Omit<ComponentProps<typeof Accordion.Root>, 'className' | 'render'> & {
-  className?: string;
-  hideIndicator?: boolean;
-  indicatorPlacement?: AccordionIndicatorPlacement;
-  variant?: AccordionVariant;
-};
-type AccordionItemProps = Omit<ComponentProps<typeof Accordion.Item>, 'className' | 'render'> & {
-  className?: string;
-  variant?: AccordionVariant;
-};
-type AccordionHeaderProps = Omit<ComponentProps<typeof Accordion.Header>, 'className' | 'render'> & {
-  className?: string;
-  indicatorPlacement?: AccordionIndicatorPlacement;
-  variant?: AccordionVariant;
-};
-type AccordionTriggerProps = Omit<ComponentProps<typeof Accordion.Trigger>, 'className' | 'render'> & {
-  className?: string;
-  hideIndicator?: boolean;
-  indicatorPlacement?: AccordionIndicatorPlacement;
-  variant?: AccordionVariant;
-};
-type AccordionPanelProps = Omit<ComponentProps<typeof Accordion.Panel>, 'className' | 'render'> & {
-  className?: string;
-  contentClassName?: string;
-  contentStyle?: CSSProperties;
-  hideIndicator?: boolean;
-  indicatorPlacement?: AccordionIndicatorPlacement;
-  variant?: AccordionVariant;
-};
-interface AccordionProps {
-  className?: string;
-  classNames?: AccordionClassNames;
-  defaultValue?: string[];
-  gap?: number;
-  hideIndicator?: boolean;
-  indicatorPlacement?: AccordionIndicatorPlacement;
-  items?: AccordionItemType[];
-  keepMounted?: boolean;
-  multiple?: boolean;
-  onValueChange?: (value: string[]) => void;
-  ref?: Ref<HTMLDivElement>;
-  style?: CSSProperties;
-  styles?: AccordionStyles;
-  value?: string[];
-  variant?: AccordionVariant;
-}
-//#endregion
-export { AccordionClassNames, AccordionHeaderProps, AccordionIndicatorPlacement, AccordionItemProps, AccordionItemType, AccordionPanelProps, AccordionProps, AccordionRootProps, AccordionStyles, AccordionTriggerProps, AccordionVariant };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/ActionIcon/ActionIcon.d.mts

@@ -1,7 +0,0 @@
-import { ActionIconProps, ActionIconVariant } from "./type.mjs";
-import { ReactElement } from "react";
-//#region src/base-ui/ActionIcon/ActionIcon.d.ts
-declare const ActionIcon: <V extends ActionIconVariant = "borderless">(props: ActionIconProps<V>) => ReactElement;
-//#endregion
-export { ActionIcon as default };
-//# sourceMappingURL=ActionIcon.d.mts.map

package/es/base-ui/ActionIcon/ActionIcon.mjs

@@ -1,93 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { Tooltip } from "../Tooltip/Tooltip.mjs";
-import Button from "../Button/Button.mjs";
-import { variants } from "./style.mjs";
-import { calcOutdent, calcSize } from "./utils.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/base-ui/ActionIcon/ActionIcon.tsx
-const resolveButtonType = (variant) => {
-	if (variant === "filled") return "fill";
-	if (variant === "outlined") return "default";
-	return "text";
-};
-const resolveButtonSize = (size) => {
-	if (size === "small") return "small";
-	if (size === "large") return "large";
-	return "middle";
-};
-const ActionIconImpl = memo(({ active, className, classNames, color, danger, disabled, fill, fillOpacity, fillRule, focusable, glass, icon, loading, onClick, outdent, ref, shadow, size = "middle", spin: iconSpinning, style, styles: slotStyles, title, tooltipProps, variant = "borderless", ...rest }) => {
-	const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);
-	const popupTriggerAria = rest;
-	const isPopupTrigger = popupTriggerAria["aria-haspopup"] !== void 0 || popupTriggerAria["aria-expanded"] !== void 0;
-	const popupTriggerLabel = popupTriggerAria["aria-label"] ?? (isPopupTrigger && typeof title === "string" ? title : void 0);
-	const handleClick = (event) => {
-		onClick?.(event);
-	};
-	const iconNode = icon ? /* @__PURE__ */ jsx(Icon, {
-		className: classNames?.icon,
-		color,
-		fill,
-		fillOpacity,
-		fillRule,
-		focusable,
-		icon,
-		size,
-		spin: iconSpinning,
-		style: {
-			pointerEvents: "none",
-			...slotStyles?.icon
-		}
-	}) : void 0;
-	const outdentAmount = variant === "borderless" && outdent ? calcOutdent(size) : void 0;
-	const outdentMargin = outdentAmount ? outdent === "end" ? { marginInlineEnd: `-${outdentAmount}` } : { marginInlineStart: `-${outdentAmount}` } : void 0;
-	const node = /* @__PURE__ */ jsx(Button, {
-		...rest,
-		"aria-label": popupTriggerLabel,
-		className: cx(variants({
-			active,
-			danger,
-			glass,
-			shadow
-		}), classNames?.root, className),
-		danger,
-		disabled,
-		htmlType: "button",
-		icon: iconNode,
-		loading,
-		ref,
-		size: resolveButtonSize(size),
-		tabIndex: disabled ? -1 : 0,
-		type: resolveButtonType(variant),
-		style: {
-			...outdentMargin,
-			borderRadius,
-			height: blockSize,
-			width: blockSize,
-			...slotStyles?.root,
-			...style
-		},
-		onClick: handleClick
-	});
-	if (!title) return node;
-	return /* @__PURE__ */ jsx(Tooltip, {
-		title,
-		...tooltipProps,
-		styles: {
-			...tooltipProps?.styles,
-			container: {
-				pointerEvents: "none",
-				...tooltipProps?.styles?.container
-			}
-		},
-		children: node
-	});
-});
-ActionIconImpl.displayName = "BaseActionIcon";
-const ActionIcon = ActionIconImpl;
-//#endregion
-export { ActionIcon as default };
-
-//# sourceMappingURL=ActionIcon.mjs.map

package/es/base-ui/ActionIcon/ActionIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionIcon.mjs","names":[],"sources":["../../../src/base-ui/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { MouseEvent, ReactElement, Ref } from 'react';\nimport { memo, useMemo } from 'react';\n\nimport type { ButtonProps } from '@/base-ui/Button';\nimport Button from '@/base-ui/Button';\nimport Tooltip from '@/base-ui/Tooltip';\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ActionIconOutdent, ActionIconProps, ActionIconVariant } from './type';\nimport { calcOutdent, calcSize } from './utils';\n\nconst resolveButtonType = (variant: ActionIconProps['variant']) => {\n  if (variant === 'filled') return 'fill' as const;\n  if (variant === 'outlined') return 'default' as const;\n  return 'text' as const;\n};\n\nconst resolveButtonSize = (size: ActionIconProps['size']) => {\n  if (size === 'small') return 'small' as const;\n  if (size === 'large') return 'large' as const;\n  return 'middle' as const;\n};\n\ntype ActionIconImplProps = Omit<ActionIconProps, 'outdent' | 'variant'> & {\n  outdent?: ActionIconOutdent;\n  variant?: ActionIconVariant;\n};\n\nconst ActionIconImpl = memo<ActionIconImplProps>(\n  ({\n    active,\n    className,\n    classNames,\n    color,\n    danger,\n    disabled,\n    fill,\n    fillOpacity,\n    fillRule,\n    focusable,\n    glass,\n    icon,\n    loading,\n    onClick,\n    outdent,\n    ref,\n    shadow,\n    size = 'middle',\n    spin: iconSpinning,\n    style,\n    styles: slotStyles,\n    title,\n    tooltipProps,\n    variant = 'borderless',\n    ...rest\n  }) => {\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\n    const popupTriggerAria = rest as {\n      'aria-expanded'?: unknown;\n      'aria-haspopup'?: unknown;\n      'aria-label'?: string;\n    };\n    const isPopupTrigger =\n      popupTriggerAria['aria-haspopup'] !== undefined ||\n      popupTriggerAria['aria-expanded'] !== undefined;\n    const popupTriggerLabel =\n      popupTriggerAria['aria-label'] ??\n      (isPopupTrigger && typeof title === 'string' ? title : undefined);\n\n    const handleClick: ButtonProps['onClick'] = (event) => {\n      onClick?.(event as unknown as MouseEvent<HTMLDivElement>);\n    };\n\n    const iconNode = icon ? (\n      <Icon\n        className={classNames?.icon}\n        color={color}\n        fill={fill}\n        fillOpacity={fillOpacity}\n        fillRule={fillRule}\n        focusable={focusable}\n        icon={icon}\n        size={size}\n        spin={iconSpinning}\n        style={{ pointerEvents: 'none', ...slotStyles?.icon }}\n      />\n    ) : undefined;\n\n    const outdentAmount = variant === 'borderless' && outdent ? calcOutdent(size) : undefined;\n    const outdentMargin = outdentAmount\n      ? outdent === 'end'\n        ? { marginInlineEnd: `-${outdentAmount}` }\n        : { marginInlineStart: `-${outdentAmount}` }\n      : undefined;\n\n    const node = (\n      <Button\n        {...(rest as unknown as ButtonProps)}\n        aria-label={popupTriggerLabel}\n        className={cx(variants({ active, danger, glass, shadow }), classNames?.root, className)}\n        danger={danger}\n        disabled={disabled}\n        htmlType=\"button\"\n        icon={iconNode}\n        loading={loading}\n        ref={ref as unknown as Ref<HTMLButtonElement>}\n        size={resolveButtonSize(size)}\n        tabIndex={disabled ? -1 : 0}\n        type={resolveButtonType(variant)}\n        style={{\n          ...outdentMargin,\n          borderRadius,\n          height: blockSize,\n          width: blockSize,\n          ...slotStyles?.root,\n          ...style,\n        }}\n        onClick={handleClick}\n      />\n    );\n\n    if (!title) return node;\n\n    return (\n      <Tooltip\n        title={title}\n        {...tooltipProps}\n        styles={{\n          ...tooltipProps?.styles,\n          container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\n        }}\n      >\n        {node}\n      </Tooltip>\n    );\n  },\n);\n\nActionIconImpl.displayName = 'BaseActionIcon';\n\nconst ActionIcon = ActionIconImpl as unknown as <V extends ActionIconVariant = 'borderless'>(\n  props: ActionIconProps<V>,\n) => ReactElement;\n\nexport default ActionIcon;\n"],"mappings":";;;;;;;;;;AAeA,MAAM,qBAAqB,YAAwC;CACjE,IAAI,YAAY,UAAU,OAAO;CACjC,IAAI,YAAY,YAAY,OAAO;CACnC,OAAO;AACT;AAEA,MAAM,qBAAqB,SAAkC;CAC3D,IAAI,SAAS,SAAS,OAAO;CAC7B,IAAI,SAAS,SAAS,OAAO;CAC7B,OAAO;AACT;AAOA,MAAM,iBAAiB,MACpB,EACC,QACA,WACA,YACA,OACA,QACA,UACA,MACA,aACA,UACA,WACA,OACA,MACA,SACA,SACA,SACA,KACA,QACA,OAAO,UACP,MAAM,cACN,OACA,QAAQ,YACR,OACA,cACA,UAAU,cACV,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;CACxE,MAAM,mBAAmB;CAKzB,MAAM,iBACJ,iBAAiB,qBAAqB,KAAA,KACtC,iBAAiB,qBAAqB,KAAA;CACxC,MAAM,oBACJ,iBAAiB,kBAChB,kBAAkB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAEzD,MAAM,eAAuC,UAAU;EACrD,UAAU,KAA8C;CAC1D;CAEA,MAAM,WAAW,OACf,oBAAC,MAAD;EACE,WAAW,YAAY;EAChB;EACD;EACO;EACH;EACC;EACL;EACA;EACN,MAAM;EACN,OAAO;GAAE,eAAe;GAAQ,GAAG,YAAY;EAAK;CACrD,CAAA,IACC,KAAA;CAEJ,MAAM,gBAAgB,YAAY,gBAAgB,UAAU,YAAY,IAAI,IAAI,KAAA;CAChF,MAAM,gBAAgB,gBAClB,YAAY,QACV,EAAE,iBAAiB,IAAI,gBAAgB,IACvC,EAAE,mBAAmB,IAAI,gBAAgB,IAC3C,KAAA;CAEJ,MAAM,OACJ,oBAAC,QAAD;EACE,GAAK;EACL,cAAY;EACZ,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAO;EAAO,CAAC,GAAG,YAAY,MAAM,SAAS;EAC9E;EACE;EACV,UAAS;EACT,MAAM;EACG;EACJ;EACL,MAAM,kBAAkB,IAAI;EAC5B,UAAU,WAAW,KAAK;EAC1B,MAAM,kBAAkB,OAAO;EAC/B,OAAO;GACL,GAAG;GACH;GACA,QAAQ;GACR,OAAO;GACP,GAAG,YAAY;GACf,GAAG;EACL;EACA,SAAS;CACV,CAAA;CAGH,IAAI,CAAC,OAAO,OAAO;CAEnB,OACE,oBAAC,SAAD;EACS;EACP,GAAI;EACJ,QAAQ;GACN,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;GAAU;EACzE;EAEC,UAAA;CACM,CAAA;AAEb,CACF;AAEA,eAAe,cAAc;AAE7B,MAAM,aAAa"}

package/es/base-ui/ActionIcon/index.d.mts

@@ -1,4 +0,0 @@
-import { ActionIconClassNames, ActionIconOutdent, ActionIconProps, ActionIconSize, ActionIconStyles, ActionIconVariant } from "./type.mjs";
-import ActionIcon from "./ActionIcon.mjs";
-import { styles } from "./style.mjs";
-export { type ActionIconClassNames, type ActionIconOutdent, type ActionIconProps, type ActionIconSize, type ActionIconStyles, type ActionIconVariant, styles as actionIconStyles, ActionIcon as default };

package/es/base-ui/ActionIcon/style.d.mts

@@ -1,11 +0,0 @@
-//#region src/base-ui/ActionIcon/style.d.ts
-declare const styles: {
-  active: string;
-  dangerRoot: string;
-  glass: string;
-  root: string;
-  shadow: string;
-};
-//#endregion
-export { styles };
-//# sourceMappingURL=style.d.mts.map

package/es/base-ui/ActionIcon/style.mjs

@@ -1,63 +0,0 @@
-import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/ActionIcon/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		active: staticStylish.active,
-		dangerRoot: css`
-      &&:hover {
-        color: ${cssVar.colorError};
-      }
-
-      &&:active {
-        color: ${cssVar.colorErrorActive};
-      }
-    `,
-		glass: staticStylish.blur,
-		root: css`
-      && {
-        color: ${cssVar.colorTextTertiary};
-      }
-
-      &&:hover {
-        color: ${cssVar.colorTextSecondary};
-      }
-
-      &&:active {
-        color: ${cssVar.colorText};
-      }
-    `,
-		shadow: staticStylish.shadow
-	};
-});
-const variants = cva(styles.root, {
-	defaultVariants: {
-		active: false,
-		danger: false,
-		glass: false,
-		shadow: false
-	},
-	variants: {
-		active: {
-			false: null,
-			true: styles.active
-		},
-		danger: {
-			false: null,
-			true: styles.dangerRoot
-		},
-		glass: {
-			false: null,
-			true: styles.glass
-		},
-		shadow: {
-			false: null,
-			true: styles.shadow
-		}
-	}
-});
-//#endregion
-export { styles, variants };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/ActionIcon/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/ActionIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: lobeStaticStylish.active,\n    // && outranks base-ui Button's variant classes regardless of style insertion order\n    dangerRoot: css`\n      &&:hover {\n        color: ${cssVar.colorError};\n      }\n\n      &&:active {\n        color: ${cssVar.colorErrorActive};\n      }\n    `,\n    glass: lobeStaticStylish.blur,\n    root: css`\n      && {\n        color: ${cssVar.colorTextTertiary};\n      }\n\n      &&:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &&:active {\n        color: ${cssVar.colorText};\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    active: false,\n    danger: false,\n    glass: false,\n    shadow: false,\n  },\n\n  variants: {\n    active: {\n      false: null,\n      true: styles.active,\n    },\n    danger: {\n      false: null,\n      true: styles.dangerRoot,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQA,cAAkB;EAE1B,YAAY,GAAG;;iBAEF,OAAO,WAAW;;;;iBAIlB,OAAO,iBAAiB;;;EAGrC,OAAOA,cAAkB;EACzB,MAAM,GAAG;;iBAEI,OAAO,kBAAkB;;;;iBAIzB,OAAO,mBAAmB;;;;iBAI1B,OAAO,UAAU;;;EAG9B,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;CACV;CAEA,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}