@lobehub/ui 5.51.2 → 5.52.0

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

@@ -0,0 +1,65 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Breadcrumb/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	button: css`
+    cursor: pointer;
+
+    padding: 0;
+    border: 0;
+
+    font: inherit;
+    color: inherit;
+
+    background: none;
+  `,
+	item: css`
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    color: ${cssVar.colorTextDescription};
+
+    & a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    &[aria-current='page'] {
+      font-weight: 500;
+      color: ${cssVar.colorText};
+    }
+  `,
+	link: css`
+    border-radius: 4px;
+    color: inherit;
+    text-decoration: none;
+  `,
+	list: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    align-items: center;
+
+    margin: 0;
+    padding: 0;
+
+    list-style: none;
+  `,
+	root: css`
+    font-size: 14px;
+    line-height: 1.5;
+
+    & a:hover,
+    & button:hover {
+      color: ${cssVar.colorText};
+    }
+  `,
+	separator: css`
+    display: inline-flex;
+    align-items: center;
+    color: ${cssVar.colorTextQuaternary};
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Breadcrumb/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  button: css`\n    cursor: pointer;\n\n    padding: 0;\n    border: 0;\n\n    font: inherit;\n    color: inherit;\n\n    background: none;\n  `,\n  item: css`\n    display: flex;\n    gap: 4px;\n    align-items: center;\n    color: ${cssVar.colorTextDescription};\n\n    & a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    &[aria-current='page'] {\n      font-weight: 500;\n      color: ${cssVar.colorText};\n    }\n  `,\n  link: css`\n    border-radius: 4px;\n    color: inherit;\n    text-decoration: none;\n  `,\n  list: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n  `,\n  root: css`\n    font-size: 14px;\n    line-height: 1.5;\n\n    & a:hover,\n    & button:hover {\n      color: ${cssVar.colorText};\n    }\n  `,\n  separator: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextQuaternary};\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;CAWX,MAAM,GAAG;;;;aAIE,OAAO,qBAAqB;;;;;;;;;eAS1B,OAAO,UAAU;;;CAG9B,MAAM,GAAG;;;;;CAKT,MAAM,GAAG;;;;;;;;;;;CAWT,MAAM,GAAG;;;;;;eAMI,OAAO,UAAU;;;CAG9B,WAAW,GAAG;;;aAGH,OAAO,oBAAoB;;AAExC,EAAE"}

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

@@ -0,0 +1,24 @@
+import { CSSProperties, ComponentProps, Key, MouseEventHandler, ReactNode, Ref } from "react";
+//#region src/base-ui/Breadcrumb/type.d.ts
+interface BreadcrumbItem {
+  href?: string;
+  key?: Key;
+  onClick?: MouseEventHandler<HTMLElement>;
+  title: ReactNode;
+}
+interface BreadcrumbProps extends Omit<ComponentProps<'nav'>, 'children'> {
+  classNames?: {
+    item?: string;
+    separator?: string;
+  };
+  items: BreadcrumbItem[];
+  ref?: Ref<HTMLElement>;
+  separator?: ReactNode;
+  styles?: {
+    item?: CSSProperties;
+    separator?: CSSProperties;
+  };
+}
+//#endregion
+export { BreadcrumbItem, BreadcrumbProps };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,6 @@
+import { BurgerProps } from "./type.mjs";
+//#region src/base-ui/Burger/Burger.d.ts
+declare const Burger: import("react").NamedExoticComponent<BurgerProps>;
+//#endregion
+export { Burger as default };
+//# sourceMappingURL=Burger.d.mts.map

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

@@ -0,0 +1,69 @@
+"use client";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import Drawer from "../Drawer/Drawer.mjs";
+import List from "../List/List.mjs";
+import burger_default from "../../i18n/resources/en/burger.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Menu, X } from "lucide-react";
+//#region src/base-ui/Burger/Burger.tsx
+const withoutIcons = (items) => items.flatMap((item) => item.type === "divider" ? [] : [{
+	...item,
+	icon: void 0
+}]);
+const Burger = memo(({ activeKey, className, footer, fullscreen = false, headerHeight = 64, items, onOpenChange, onSelect, opened, size, style, variant }) => {
+	const { t } = useTranslation(burger_default);
+	const close = () => onOpenChange(false);
+	const toggle = /* @__PURE__ */ jsx(ActionIcon, {
+		"aria-expanded": opened,
+		"aria-label": opened ? t("burger.close") : t("burger.open"),
+		className,
+		icon: opened ? X : Menu,
+		size,
+		style,
+		variant,
+		onClick: () => onOpenChange(!opened)
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [toggle, /* @__PURE__ */ jsxs(Drawer, {
+		noHeader: true,
+		classNames: { bodyContent: styles.body },
+		height: fullscreen ? "100dvh" : `calc(100dvh - ${headerHeight}px)`,
+		open: opened,
+		placement: "top",
+		styles: fullscreen ? void 0 : { popup: { insetBlockStart: headerHeight } },
+		onClose: close,
+		children: [
+			fullscreen && /* @__PURE__ */ jsx("div", {
+				className: styles.fullHeader,
+				style: { height: headerHeight },
+				children: /* @__PURE__ */ jsx(ActionIcon, {
+					"aria-label": t("burger.close"),
+					icon: X,
+					size,
+					onClick: close
+				})
+			}),
+			/* @__PURE__ */ jsx(List, {
+				selectable: true,
+				activeKey: activeKey ?? null,
+				classNames: { item: fullscreen ? styles.largeRow : styles.row },
+				items: fullscreen ? withoutIcons(items) : items,
+				onClick: ({ key }) => {
+					onSelect?.(key);
+					close();
+				}
+			}),
+			fullscreen && footer && /* @__PURE__ */ jsx("div", {
+				className: styles.footer,
+				children: footer
+			})
+		]
+	})] });
+});
+Burger.displayName = "Burger";
+//#endregion
+export { Burger as default };
+
+//# sourceMappingURL=Burger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Burger.mjs","names":["burgerMessages"],"sources":["../../../src/base-ui/Burger/Burger.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { Drawer } from '@/base-ui/Drawer';\nimport List, { type ListItem } from '@/base-ui/List';\nimport burgerMessages from '@/i18n/resources/en/burger';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { styles } from './style';\nimport type { BurgerProps } from './type';\n\nconst withoutIcons = (items: ListItem[]): ListItem[] =>\n  items.flatMap((item) => (item.type === 'divider' ? [] : [{ ...item, icon: undefined }]));\n\nconst Burger = memo<BurgerProps>(\n  ({\n    activeKey,\n    className,\n    footer,\n    fullscreen = false,\n    headerHeight = 64,\n    items,\n    onOpenChange,\n    onSelect,\n    opened,\n    size,\n    style,\n    variant,\n  }) => {\n    const { t } = useTranslation(burgerMessages);\n    const close = () => onOpenChange(false);\n\n    const toggle = (\n      <ActionIcon\n        aria-expanded={opened}\n        aria-label={opened ? t('burger.close') : t('burger.open')}\n        className={className}\n        icon={opened ? X : Menu}\n        size={size}\n        style={style}\n        variant={variant}\n        onClick={() => onOpenChange(!opened)}\n      />\n    );\n\n    return (\n      <>\n        {toggle}\n        <Drawer\n          noHeader\n          classNames={{ bodyContent: styles.body }}\n          height={fullscreen ? '100dvh' : `calc(100dvh - ${headerHeight}px)`}\n          open={opened}\n          placement=\"top\"\n          styles={fullscreen ? undefined : { popup: { insetBlockStart: headerHeight } }}\n          onClose={close}\n        >\n          {fullscreen && (\n            <div className={styles.fullHeader} style={{ height: headerHeight }}>\n              <ActionIcon aria-label={t('burger.close')} icon={X} size={size} onClick={close} />\n            </div>\n          )}\n          <List\n            selectable\n            activeKey={activeKey ?? null}\n            classNames={{ item: fullscreen ? styles.largeRow : styles.row }}\n            items={fullscreen ? withoutIcons(items) : items}\n            onClick={({ key }) => {\n              onSelect?.(key);\n              close();\n            }}\n          />\n          {fullscreen && footer && <div className={styles.footer}>{footer}</div>}\n        </Drawer>\n      </>\n    );\n  },\n);\n\nBurger.displayName = 'Burger';\n\nexport default Burger;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,gBAAgB,UACpB,MAAM,SAAS,SAAU,KAAK,SAAS,YAAY,CAAC,IAAI,CAAC;CAAE,GAAG;CAAM,MAAM,KAAA;AAAU,CAAC,CAAE;AAEzF,MAAM,SAAS,MACZ,EACC,WACA,WACA,QACA,aAAa,OACb,eAAe,IACf,OACA,cACA,UACA,QACA,MACA,OACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAeA,cAAc;CAC3C,MAAM,cAAc,aAAa,KAAK;CAEtC,MAAM,SACJ,oBAAC,YAAD;EACE,iBAAe;EACf,cAAY,SAAS,EAAE,cAAc,IAAI,EAAE,aAAa;EAC7C;EACX,MAAM,SAAS,IAAI;EACb;EACC;EACE;EACT,eAAe,aAAa,CAAC,MAAM;CACpC,CAAA;CAGH,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,QACD,qBAAC,QAAD;EACE,UAAA;EACA,YAAY,EAAE,aAAa,OAAO,KAAK;EACvC,QAAQ,aAAa,WAAW,iBAAiB,aAAa;EAC9D,MAAM;EACN,WAAU;EACV,QAAQ,aAAa,KAAA,IAAY,EAAE,OAAO,EAAE,iBAAiB,aAAa,EAAE;EAC5E,SAAS;EAPX,UAAA;GASG,cACC,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAY,OAAO,EAAE,QAAQ,aAAa;IAC/D,UAAA,oBAAC,YAAD;KAAY,cAAY,EAAE,cAAc;KAAG,MAAM;KAAS;KAAM,SAAS;IAAQ,CAAA;GAC9E,CAAA;GAEP,oBAAC,MAAD;IACE,YAAA;IACA,WAAW,aAAa;IACxB,YAAY,EAAE,MAAM,aAAa,OAAO,WAAW,OAAO,IAAI;IAC9D,OAAO,aAAa,aAAa,KAAK,IAAI;IAC1C,UAAU,EAAE,UAAU;KACpB,WAAW,GAAG;KACd,MAAM;IACR;GACD,CAAA;GACA,cAAc,UAAU,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAS,UAAA;GAAY,CAAA;EAC/D;CACR,CAAA,CAAA,EAAA,CAAA;AAEN,CACF;AAEA,OAAO,cAAc"}

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

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

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

@@ -0,0 +1,63 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Burger/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	body: css`
+    display: flex;
+    flex-direction: column;
+    padding-block: 8px;
+    padding-inline: 12px;
+  `,
+	footer: css`
+    display: flex;
+    gap: 8px;
+    margin-block-start: auto;
+    padding: 20px;
+  `,
+	fullHeader: css`
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: flex-end;
+
+    padding-inline: 12px;
+  `,
+	largeRow: css`
+    min-height: 48px;
+    padding-inline: 8px;
+    border-radius: 12px;
+
+    font-size: 32px;
+    font-weight: 600;
+    line-height: 1.15;
+    color: ${cssVar.colorTextQuaternary};
+    letter-spacing: -0.02em;
+
+    background: none;
+
+    &[aria-current='true'],
+    &[aria-current='true']:hover {
+      color: ${cssVar.colorText};
+      background: none;
+    }
+  `,
+	row: css`
+    gap: 14px;
+
+    min-height: 52px;
+    padding-inline: 16px;
+    border-radius: 999px;
+
+    font-size: 17px;
+
+    &[aria-current='true'],
+    &[aria-current='true']:hover {
+      font-weight: 600;
+      color: ${cssVar.colorBgContainer};
+      background: ${cssVar.colorText};
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  body: css`\n    display: flex;\n    flex-direction: column;\n    padding-block: 8px;\n    padding-inline: 12px;\n  `,\n  footer: css`\n    display: flex;\n    gap: 8px;\n    margin-block-start: auto;\n    padding: 20px;\n  `,\n  fullHeader: css`\n    display: flex;\n    flex: none;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding-inline: 12px;\n  `,\n  largeRow: css`\n    min-height: 48px;\n    padding-inline: 8px;\n    border-radius: 12px;\n\n    font-size: 32px;\n    font-weight: 600;\n    line-height: 1.15;\n    color: ${cssVar.colorTextQuaternary};\n    letter-spacing: -0.02em;\n\n    background: none;\n\n    &[aria-current='true'],\n    &[aria-current='true']:hover {\n      color: ${cssVar.colorText};\n      background: none;\n    }\n  `,\n  row: css`\n    gap: 14px;\n\n    min-height: 52px;\n    padding-inline: 16px;\n    border-radius: 999px;\n\n    font-size: 17px;\n\n    &[aria-current='true'],\n    &[aria-current='true']:hover {\n      font-weight: 600;\n      color: ${cssVar.colorBgContainer};\n      background: ${cssVar.colorText};\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;CAMT,QAAQ,GAAG;;;;;;CAMX,YAAY,GAAG;;;;;;;;CAQf,UAAU,GAAG;;;;;;;;aAQF,OAAO,oBAAoB;;;;;;;eAOzB,OAAO,UAAU;;;;CAI9B,KAAK,GAAG;;;;;;;;;;;;eAYK,OAAO,iBAAiB;oBACnB,OAAO,UAAU;;;AAGrC,EAAE"}

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

@@ -0,0 +1,23 @@
+import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
+import { ListItem } from "../List/type.mjs";
+import "../List/index.mjs";
+import { CSSProperties, Key, ReactNode } from "react";
+//#region src/base-ui/Burger/type.d.ts
+interface BurgerProps {
+  activeKey?: Key | null;
+  className?: string;
+  footer?: ReactNode;
+  fullscreen?: boolean;
+  headerHeight?: number;
+  items: ListItem[];
+  onOpenChange: (opened: boolean) => void;
+  onSelect?: (key: Key) => void;
+  opened: boolean;
+  size?: ActionIconProps['size'];
+  style?: CSSProperties;
+  variant?: ActionIconProps['variant'];
+}
+//#endregion
+export { BurgerProps };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,6 @@
+import { CarouselProps } from "./type.mjs";
+//#region src/base-ui/Carousel/Carousel.d.ts
+declare const Carousel: import("react").NamedExoticComponent<CarouselProps>;
+//#endregion
+export { Carousel as default };
+//# sourceMappingURL=Carousel.d.mts.map

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

@@ -0,0 +1,157 @@
+"use client";
+import ActionIcon from "../ActionIcon/ActionIcon.mjs";
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { styles } from "./style.mjs";
+import { Children, isValidElement, memo, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+//#region src/base-ui/Carousel/Carousel.tsx
+const DEFAULT_INTERVAL = 5e3;
+const SWIPE_THRESHOLD = 40;
+const ARROW_SIZE = {
+	blockSize: 28,
+	borderRadius: "50%",
+	size: 16
+};
+const Carousel = memo(({ adaptiveHeight = false, arrows = false, autoplay = false, children, className, defaultIndex = 0, dots = true, index, loop = true, onIndexChange, onPointerEnter, onPointerLeave, pauseOnHover = true, ref, ...rest }) => {
+	const slides = Children.toArray(children);
+	const count = slides.length;
+	const keys = slides.map((slide, slideIndex) => isValidElement(slide) && slide.key !== null ? slide.key : slideIndex);
+	const [mergedIndex, setMergedIndex] = useMergeState(defaultIndex, {
+		onChange: onIndexChange,
+		value: index
+	});
+	const current = Math.min(Math.max(mergedIndex, 0), Math.max(count - 1, 0));
+	const [hovered, setHovered] = useState(false);
+	const [height, setHeight] = useState();
+	const slidesRef = useRef([]);
+	const swipeStartXRef = useRef(null);
+	const goTo = useEventCallback((target) => {
+		if (count === 0) return;
+		const next = loop ? (target % count + count) % count : Math.min(Math.max(target, 0), count - 1);
+		if (next !== current) setMergedIndex(next);
+	});
+	const next = useEventCallback(() => goTo(current + 1));
+	const prev = useEventCallback(() => goTo(current - 1));
+	useImperativeHandle(ref, () => ({
+		goTo,
+		next,
+		prev
+	}), [
+		goTo,
+		next,
+		prev
+	]);
+	const interval = autoplay === true ? DEFAULT_INTERVAL : autoplay || 0;
+	const paused = pauseOnHover && hovered;
+	const atEnd = !loop && current >= count - 1;
+	useEffect(() => {
+		if (!interval || paused || count < 2 || atEnd) return;
+		const timer = setTimeout(next, interval);
+		return () => clearTimeout(timer);
+	}, [
+		interval,
+		paused,
+		count,
+		atEnd,
+		current,
+		next
+	]);
+	useLayoutEffect(() => {
+		const slide = slidesRef.current[current];
+		if (!adaptiveHeight || !slide) return;
+		setHeight(slide.offsetHeight);
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(() => setHeight(slide.offsetHeight));
+		observer.observe(slide);
+		return () => observer.disconnect();
+	}, [
+		adaptiveHeight,
+		current,
+		count
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-roledescription": "carousel",
+		className: cx(styles.root, className),
+		role: "region",
+		onPointerEnter: (event) => {
+			onPointerEnter?.(event);
+			setHovered(true);
+		},
+		onPointerLeave: (event) => {
+			onPointerLeave?.(event);
+			setHovered(false);
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: styles.viewport,
+			style: adaptiveHeight && height !== void 0 ? { height } : void 0,
+			onPointerCancel: () => {
+				swipeStartXRef.current = null;
+			},
+			onPointerDown: (event) => {
+				if (event.pointerType !== "mouse") swipeStartXRef.current = event.clientX;
+			},
+			onPointerUp: (event) => {
+				if (swipeStartXRef.current === null) return;
+				const delta = event.clientX - swipeStartXRef.current;
+				swipeStartXRef.current = null;
+				if (Math.abs(delta) < SWIPE_THRESHOLD) return;
+				if (delta < 0) next();
+				else prev();
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				"aria-live": interval && !paused ? "off" : "polite",
+				className: cx(styles.track, adaptiveHeight && styles.trackAdaptive),
+				style: { transform: `translateX(-${current * 100}%)` },
+				children: slides.map((slide, slideIndex) => {
+					const active = slideIndex === current;
+					return /* @__PURE__ */ jsx("div", {
+						"aria-hidden": !active || void 0,
+						"aria-label": `${slideIndex + 1} of ${count}`,
+						"aria-roledescription": "slide",
+						className: styles.slide,
+						inert: !active,
+						role: "group",
+						ref: (node) => {
+							slidesRef.current[slideIndex] = node;
+						},
+						children: slide
+					}, keys[slideIndex]);
+				})
+			}), arrows && count > 1 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ActionIcon, {
+				"aria-label": "Previous slide",
+				className: styles.arrow,
+				disabled: !loop && current === 0,
+				icon: ChevronLeft,
+				size: ARROW_SIZE,
+				style: { insetInlineStart: 8 },
+				onClick: prev
+			}), /* @__PURE__ */ jsx(ActionIcon, {
+				"aria-label": "Next slide",
+				className: styles.arrow,
+				disabled: atEnd,
+				icon: ChevronRight,
+				size: ARROW_SIZE,
+				style: { insetInlineEnd: 8 },
+				onClick: next
+			})] })]
+		}), dots && count > 1 && /* @__PURE__ */ jsx("div", {
+			className: styles.dots,
+			children: slides.map((_, dotIndex) => /* @__PURE__ */ jsx("button", {
+				"aria-current": dotIndex === current || void 0,
+				"aria-label": `Go to slide ${dotIndex + 1}`,
+				className: styles.dot,
+				type: "button",
+				onClick: () => goTo(dotIndex)
+			}, keys[dotIndex]))
+		})]
+	});
+});
+Carousel.displayName = "Carousel";
+//#endregion
+export { Carousel as default };
+
+//# sourceMappingURL=Carousel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport {\n  Children,\n  isValidElement,\n  memo,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { styles } from './style';\nimport type { CarouselProps } from './type';\n\nconst DEFAULT_INTERVAL = 5000;\nconst SWIPE_THRESHOLD = 40;\nconst ARROW_SIZE = { blockSize: 28, borderRadius: '50%', size: 16 };\n\nconst Carousel = memo<CarouselProps>(\n  ({\n    adaptiveHeight = false,\n    arrows = false,\n    autoplay = false,\n    children,\n    className,\n    defaultIndex = 0,\n    dots = true,\n    index,\n    loop = true,\n    onIndexChange,\n    onPointerEnter,\n    onPointerLeave,\n    pauseOnHover = true,\n    ref,\n    ...rest\n  }) => {\n    const slides = Children.toArray(children);\n    const count = slides.length;\n    const keys = slides.map((slide, slideIndex) =>\n      isValidElement(slide) && slide.key !== null ? slide.key : slideIndex,\n    );\n    const [mergedIndex, setMergedIndex] = useControlledState(defaultIndex, {\n      onChange: onIndexChange,\n      value: index,\n    });\n    const current = Math.min(Math.max(mergedIndex, 0), Math.max(count - 1, 0));\n\n    const [hovered, setHovered] = useState(false);\n    const [height, setHeight] = useState<number>();\n    const slidesRef = useRef<(HTMLDivElement | null)[]>([]);\n    const swipeStartXRef = useRef<number | null>(null);\n\n    const goTo = useEventCallback((target: number) => {\n      if (count === 0) return;\n      const next = loop\n        ? ((target % count) + count) % count\n        : Math.min(Math.max(target, 0), count - 1);\n      if (next !== current) setMergedIndex(next);\n    });\n    const next = useEventCallback(() => goTo(current + 1));\n    const prev = useEventCallback(() => goTo(current - 1));\n\n    useImperativeHandle(ref, () => ({ goTo, next, prev }), [goTo, next, prev]);\n\n    const interval = autoplay === true ? DEFAULT_INTERVAL : autoplay || 0;\n    const paused = pauseOnHover && hovered;\n    const atEnd = !loop && current >= count - 1;\n\n    useEffect(() => {\n      if (!interval || paused || count < 2 || atEnd) return;\n      const timer = setTimeout(next, interval);\n      return () => clearTimeout(timer);\n    }, [interval, paused, count, atEnd, current, next]);\n\n    useLayoutEffect(() => {\n      const slide = slidesRef.current[current];\n      if (!adaptiveHeight || !slide) return;\n      setHeight(slide.offsetHeight);\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(() => setHeight(slide.offsetHeight));\n      observer.observe(slide);\n      return () => observer.disconnect();\n    }, [adaptiveHeight, current, count]);\n\n    return (\n      <div\n        aria-roledescription=\"carousel\"\n        className={cx(styles.root, className)}\n        role=\"region\"\n        onPointerEnter={(event) => {\n          onPointerEnter?.(event);\n          setHovered(true);\n        }}\n        onPointerLeave={(event) => {\n          onPointerLeave?.(event);\n          setHovered(false);\n        }}\n        {...rest}\n      >\n        <div\n          className={styles.viewport}\n          style={adaptiveHeight && height !== undefined ? { height } : undefined}\n          onPointerCancel={() => {\n            swipeStartXRef.current = null;\n          }}\n          onPointerDown={(event) => {\n            if (event.pointerType !== 'mouse') swipeStartXRef.current = event.clientX;\n          }}\n          onPointerUp={(event) => {\n            if (swipeStartXRef.current === null) return;\n            const delta = event.clientX - swipeStartXRef.current;\n            swipeStartXRef.current = null;\n            if (Math.abs(delta) < SWIPE_THRESHOLD) return;\n            if (delta < 0) next();\n            else prev();\n          }}\n        >\n          <div\n            aria-live={interval && !paused ? 'off' : 'polite'}\n            className={cx(styles.track, adaptiveHeight && styles.trackAdaptive)}\n            style={{ transform: `translateX(-${current * 100}%)` }}\n          >\n            {slides.map((slide, slideIndex) => {\n              const active = slideIndex === current;\n              return (\n                <div\n                  aria-hidden={!active || undefined}\n                  aria-label={`${slideIndex + 1} of ${count}`}\n                  aria-roledescription=\"slide\"\n                  className={styles.slide}\n                  inert={!active}\n                  key={keys[slideIndex]}\n                  role=\"group\"\n                  ref={(node) => {\n                    slidesRef.current[slideIndex] = node;\n                  }}\n                >\n                  {slide}\n                </div>\n              );\n            })}\n          </div>\n          {arrows && count > 1 && (\n            <>\n              <ActionIcon\n                aria-label=\"Previous slide\"\n                className={styles.arrow}\n                disabled={!loop && current === 0}\n                icon={ChevronLeft}\n                size={ARROW_SIZE}\n                style={{ insetInlineStart: 8 }}\n                onClick={prev}\n              />\n              <ActionIcon\n                aria-label=\"Next slide\"\n                className={styles.arrow}\n                disabled={atEnd}\n                icon={ChevronRight}\n                size={ARROW_SIZE}\n                style={{ insetInlineEnd: 8 }}\n                onClick={next}\n              />\n            </>\n          )}\n        </div>\n        {dots && count > 1 && (\n          <div className={styles.dots}>\n            {slides.map((_, dotIndex) => (\n              <button\n                aria-current={dotIndex === current || undefined}\n                aria-label={`Go to slide ${dotIndex + 1}`}\n                className={styles.dot}\n                key={keys[dotIndex]}\n                type=\"button\"\n                onClick={() => goTo(dotIndex)}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { CarouselProps, CarouselRef } from "./type.mjs";
+import Carousel from "./Carousel.mjs";
+export { type CarouselProps, type CarouselRef, Carousel as default };

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

@@ -0,0 +1,88 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Carousel/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	arrow: css`
+    position: absolute;
+    z-index: 1;
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
+  `,
+	dot: css`
+    cursor: pointer;
+
+    width: 6px;
+    height: 6px;
+    padding: 0;
+    border: 0;
+    border-radius: 999px;
+
+    background: ${cssVar.colorFill};
+
+    transition:
+      width 0.2s ease,
+      background 0.2s ease;
+
+    &:hover {
+      background: ${cssVar.colorTextQuaternary};
+    }
+
+    &[aria-current='true'] {
+      width: 18px;
+      background: ${cssVar.colorText};
+    }
+
+    &:focus-visible {
+      outline: 2px solid ${cssVar.colorText};
+      outline-offset: 2px;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `,
+	dots: css`
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    justify-content: center;
+
+    padding-block: 10px;
+  `,
+	root: css`
+    position: relative;
+  `,
+	slide: css`
+    flex: 0 0 100%;
+    min-width: 0;
+  `,
+	track: css`
+    display: flex;
+    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `,
+	trackAdaptive: css`
+    align-items: flex-start;
+  `,
+	viewport: css`
+    touch-action: pan-y;
+    position: relative;
+    overflow: hidden;
+    transition: height 0.3s ease;
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Carousel/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    position: absolute;\n    z-index: 1;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);\n  `,\n  dot: css`\n    cursor: pointer;\n\n    width: 6px;\n    height: 6px;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n\n    background: ${cssVar.colorFill};\n\n    transition:\n      width 0.2s ease,\n      background 0.2s ease;\n\n    &:hover {\n      background: ${cssVar.colorTextQuaternary};\n    }\n\n    &[aria-current='true'] {\n      width: 18px;\n      background: ${cssVar.colorText};\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorText};\n      outline-offset: 2px;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n  dots: css`\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n\n    padding-block: 10px;\n  `,\n  root: css`\n    position: relative;\n  `,\n  slide: css`\n    flex: 0 0 100%;\n    min-width: 0;\n  `,\n  track: css`\n    display: flex;\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n  trackAdaptive: css`\n    align-items: flex-start;\n  `,\n  viewport: css`\n    touch-action: pan-y;\n    position: relative;\n    overflow: hidden;\n    transition: height 0.3s ease;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;aAMC,OAAO,UAAU;;kBAEZ,OAAO,iBAAiB;;;CAGxC,KAAK,GAAG;;;;;;;;;kBASQ,OAAO,UAAU;;;;;;;oBAOf,OAAO,oBAAoB;;;;;oBAK3B,OAAO,UAAU;;;;2BAIV,OAAO,UAAU;;;;;;;;CAQ1C,MAAM,GAAG;;;;;;;;CAQT,MAAM,GAAG;;;CAGT,OAAO,GAAG;;;;CAIV,OAAO,GAAG;;;;;;;;CAQV,eAAe,GAAG;;;CAGlB,UAAU,GAAG;;;;;;;;;;AAUf,EAAE"}

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

@@ -0,0 +1,23 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Carousel/type.d.ts
+interface CarouselRef {
+  goTo: (index: number) => void;
+  next: () => void;
+  prev: () => void;
+}
+interface CarouselProps extends Omit<ComponentProps<'div'>, 'children' | 'ref'> {
+  adaptiveHeight?: boolean;
+  arrows?: boolean;
+  autoplay?: boolean | number;
+  children?: ReactNode;
+  defaultIndex?: number;
+  dots?: boolean;
+  index?: number;
+  loop?: boolean;
+  onIndexChange?: (index: number) => void;
+  pauseOnHover?: boolean;
+  ref?: Ref<CarouselRef>;
+}
+//#endregion
+export { CarouselProps, CarouselRef };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,6 @@
+import { ColorPickerProps } from "./type.mjs";
+//#region src/base-ui/ColorPicker/ColorPicker.d.ts
+declare const ColorPicker: import("react").NamedExoticComponent<ColorPickerProps>;
+//#endregion
+export { ColorPicker as default };
+//# sourceMappingURL=ColorPicker.d.mts.map