@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Carousel/index.js

@@ -1,2 +1,103 @@
-import { Carousel } from 'antd';
-export default Carousel;
+import { cn } from "../lib/utils.js";
+/* empty css         */
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from "embla-carousel-react";
+import Autoplay from "embla-carousel-autoplay";
+//#region src/Carousel/index.tsx
+var Carousel = React.forwardRef((props, ref) => {
+	const { autoplay: autoplayEnabled = false, autoplaySpeed = 3e3, dots = true, dotPosition = "bottom", effect = "scrollx", infinite = false, slidesToShow = 1, slidesToScroll = 1, className, style, children, afterChange, beforeChange } = props;
+	const slides = React.Children.toArray(children);
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const [scrollSnaps, setScrollSnaps] = useState([]);
+	const previousIndexRef = useRef(0);
+	const isFade = effect === "fade";
+	const plugins = useMemo(() => {
+		const list = [];
+		if (autoplayEnabled) list.push(Autoplay({
+			delay: autoplaySpeed,
+			stopOnInteraction: false,
+			stopOnMouseEnter: true
+		}));
+		return list;
+	}, [autoplayEnabled, autoplaySpeed]);
+	const [emblaRef, emblaApi] = useEmblaCarousel(useMemo(() => ({
+		loop: infinite,
+		slidesToScroll,
+		align: "start",
+		...isFade ? { watchDrag: false } : {}
+	}), [
+		infinite,
+		slidesToScroll,
+		isFade
+	]), plugins);
+	const onSelect = useCallback((api) => {
+		const newIndex = api.selectedScrollSnap();
+		const prevIndex = previousIndexRef.current;
+		if (newIndex !== prevIndex) beforeChange?.(prevIndex, newIndex);
+		setSelectedIndex(newIndex);
+		previousIndexRef.current = newIndex;
+		if (newIndex !== prevIndex) afterChange?.(newIndex);
+	}, [beforeChange, afterChange]);
+	useEffect(() => {
+		if (!emblaApi) return;
+		setScrollSnaps(emblaApi.scrollSnapList());
+		onSelect(emblaApi);
+		emblaApi.on("select", onSelect);
+		emblaApi.on("reInit", onSelect);
+		return () => {
+			emblaApi.off("select", onSelect);
+			emblaApi.off("reInit", onSelect);
+		};
+	}, [emblaApi, onSelect]);
+	const goTo = useCallback((index) => {
+		emblaApi?.scrollTo(index);
+	}, [emblaApi]);
+	const next = useCallback(() => {
+		emblaApi?.scrollNext();
+	}, [emblaApi]);
+	const prev = useCallback(() => {
+		emblaApi?.scrollPrev();
+	}, [emblaApi]);
+	React.useImperativeHandle(ref, () => ({
+		goTo,
+		next,
+		prev
+	}));
+	const slideStyle = useMemo(() => slidesToShow > 1 ? { flex: `0 0 ${100 / slidesToShow}%` } : { flex: "0 0 100%" }, [slidesToShow]);
+	const isVertical = dotPosition === "left" || dotPosition === "right";
+	const dotsEl = dots && scrollSnaps.length > 1 ? /* @__PURE__ */ jsx("div", {
+		className: cn("ald-carousel-dots", `ald-carousel-dots--${dotPosition}`),
+		children: scrollSnaps.map((_, index) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cn("ald-carousel-dot", index === selectedIndex && "ald-carousel-dot--active"),
+			onClick: () => goTo(index),
+			"aria-label": `Go to slide ${index + 1}`
+		}, index))
+	}) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-carousel", isVertical && "ald-carousel--vertical", isFade && "ald-carousel--fade", className),
+		style,
+		children: [
+			dotPosition === "top" && dotsEl,
+			/* @__PURE__ */ jsx("div", {
+				className: "ald-carousel-viewport",
+				ref: emblaRef,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "ald-carousel-container",
+					children: slides.map((slide, index) => /* @__PURE__ */ jsx("div", {
+						className: cn("ald-carousel-slide", isFade && index === selectedIndex && "ald-carousel-slide--active"),
+						style: isFade ? void 0 : slideStyle,
+						children: slide
+					}, index))
+				})
+			}),
+			dotPosition !== "top" && dotsEl
+		]
+	});
+});
+Carousel.displayName = "Carousel";
+//#endregion
+export { Carousel as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Carousel/index.tsx"],"sourcesContent":["import useEmblaCarousel from 'embla-carousel-react';\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './carousel.css';\n\nexport interface CarouselProps {\n  /** Enable autoplay */\n  autoplay?: boolean;\n  /** Autoplay interval in milliseconds (default 3000) */\n  autoplaySpeed?: number;\n  /** Show dot indicators (default true) */\n  dots?: boolean;\n  /** Position of dot indicators */\n  dotPosition?: 'top' | 'bottom' | 'left' | 'right';\n  /** Slide transition effect */\n  effect?: 'scrollx' | 'fade';\n  /** Easing function name — reserved for future use */\n  easing?: string;\n  /** Enable infinite loop (default false) */\n  infinite?: boolean;\n  /** Number of slides to show at once (default 1) */\n  slidesToShow?: number;\n  /** Number of slides to scroll per step (default 1) */\n  slidesToScroll?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  /** Called after the slide index changes */\n  afterChange?: (current: number) => void;\n  /** Called before the slide index changes */\n  beforeChange?: (from: number, to: number) => void;\n}\n\nexport interface CarouselRef {\n  goTo: (slide: number) => void;\n  next: () => void;\n  prev: () => void;\n}\n\nconst Carousel = React.forwardRef<CarouselRef, CarouselProps>((props, ref) => {\n  const {\n    autoplay: autoplayEnabled = false,\n    autoplaySpeed = 3000,\n    dots = true,\n    dotPosition = 'bottom',\n    effect = 'scrollx',\n    infinite = false,\n    slidesToShow = 1,\n    slidesToScroll = 1,\n    className,\n    style,\n    children,\n    afterChange,\n    beforeChange,\n  } = props;\n\n  const slides = React.Children.toArray(children);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n  const previousIndexRef = useRef(0);\n  const isFade = effect === 'fade';\n\n  // Build embla plugins array\n  const plugins = useMemo(() => {\n    const list = [];\n    if (autoplayEnabled) {\n      list.push(\n        Autoplay({\n          delay: autoplaySpeed,\n          stopOnInteraction: false,\n          stopOnMouseEnter: true,\n        }),\n      );\n    }\n    return list;\n  }, [autoplayEnabled, autoplaySpeed]);\n\n  // Embla options\n  const emblaOptions = useMemo(\n    () => ({\n      loop: infinite,\n      slidesToScroll,\n      align: 'start' as const,\n      ...(isFade\n        ? {\n            // For fade effect we disable dragging; transitions are CSS-only\n            watchDrag: false,\n          }\n        : {}),\n    }),\n    [infinite, slidesToScroll, isFade],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, plugins);\n\n  // ── Sync selected index ──\n  const onSelect = useCallback(\n    (api: EmblaCarouselType) => {\n      const newIndex = api.selectedScrollSnap();\n      const prevIndex = previousIndexRef.current;\n      if (newIndex !== prevIndex) {\n        beforeChange?.(prevIndex, newIndex);\n      }\n      setSelectedIndex(newIndex);\n      previousIndexRef.current = newIndex;\n      if (newIndex !== prevIndex) {\n        afterChange?.(newIndex);\n      }\n    },\n    [beforeChange, afterChange],\n  );\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    setScrollSnaps(emblaApi.scrollSnapList());\n    onSelect(emblaApi);\n\n    emblaApi.on('select', onSelect);\n    emblaApi.on('reInit', onSelect);\n\n    return () => {\n      emblaApi.off('select', onSelect);\n      emblaApi.off('reInit', onSelect);\n    };\n  }, [emblaApi, onSelect]);\n\n  // ── Imperative API ──\n  const goTo = useCallback(\n    (index: number) => {\n      emblaApi?.scrollTo(index);\n    },\n    [emblaApi],\n  );\n\n  const next = useCallback(() => {\n    emblaApi?.scrollNext();\n  }, [emblaApi]);\n\n  const prev = useCallback(() => {\n    emblaApi?.scrollPrev();\n  }, [emblaApi]);\n\n  React.useImperativeHandle(ref, () => ({ goTo, next, prev }));\n\n  // ── Slide width for slidesToShow ──\n  const slideStyle: React.CSSProperties = useMemo(\n    () =>\n      slidesToShow > 1\n        ? { flex: `0 0 ${100 / slidesToShow}%` }\n        : { flex: '0 0 100%' },\n    [slidesToShow],\n  );\n\n  // ── Vertical carousel support ──\n  const isVertical = dotPosition === 'left' || dotPosition === 'right';\n\n  // ── Render dots ──\n  const dotsEl =\n    dots && scrollSnaps.length > 1 ? (\n      <div\n        className={cn('ald-carousel-dots', `ald-carousel-dots--${dotPosition}`)}\n      >\n        {scrollSnaps.map((_, index) => (\n          <button\n            type=\"button\"\n            key={index}\n            className={cn(\n              'ald-carousel-dot',\n              index === selectedIndex && 'ald-carousel-dot--active',\n            )}\n            onClick={() => goTo(index)}\n            aria-label={`Go to slide ${index + 1}`}\n          />\n        ))}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={cn(\n        'ald-carousel',\n        isVertical && 'ald-carousel--vertical',\n        isFade && 'ald-carousel--fade',\n        className,\n      )}\n      style={style}\n    >\n      {dotPosition === 'top' && dotsEl}\n\n      <div className=\"ald-carousel-viewport\" ref={emblaRef}>\n        <div className=\"ald-carousel-container\">\n          {slides.map((slide, index) => (\n            <div\n              key={index}\n              className={cn(\n                'ald-carousel-slide',\n                isFade &&\n                  index === selectedIndex &&\n                  'ald-carousel-slide--active',\n              )}\n              style={isFade ? undefined : slideStyle}\n            >\n              {slide}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {dotPosition !== 'top' && dotsEl}\n    </div>\n  );\n});\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"mappings":"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"}

package/dist/Checkbox/component/CheckboxGroup/index.d.ts

@@ -1,4 +1 @@
-import React from 'react';
-import { ICheckboxGroupProps } from '../../type';
-declare const CheckboxGroup: (props: ICheckboxGroupProps) => React.JSX.Element;
-export default CheckboxGroup;
+export { default } from '../../index';

package/dist/Checkbox/component/CheckboxGroup/index.js

@@ -1,22 +1,2 @@
-var _excluded = ["className", "direction"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Checkbox as AntdCheckbox } from 'antd';
-import classNames from 'classnames';
-import React from 'react';
-import { EDirection } from "../../type";
-// "vertical" | "horizontal"
-
-var AntdCheckboxGroup = AntdCheckbox.Group;
-var CheckboxGroup = function CheckboxGroup(props) {
-  var className = props.className,
-    direction = props.direction,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(AntdCheckboxGroup, _extends({
-    className: classNames('ald-checkbox', className, {
-      'ald-checkout-group-vertical': direction === EDirection.VERTICAL
-    })
-  }, otherProps));
-};
-export default CheckboxGroup;
+// type-only module stub
+export {};

package/dist/Checkbox/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ICheckboxGroupProps, ICheckboxProps } from './type';
-export type { CheckboxChangeEvent } from 'antd/lib/checkbox/Checkbox';
-export type { CheckboxOptionType, CheckboxValueType, } from 'antd/lib/checkbox/Group';
+import { CheckboxChangeEvent, CheckboxValueType, ICheckboxGroupProps, ICheckboxProps } from './type.js';
+export type { CheckboxChangeEvent, CheckboxValueType };
+export type { CheckboxOptionType } from './type.js';
 export type { ICheckboxProps, ICheckboxGroupProps };
-declare function Checkbox(props: ICheckboxProps): React.JSX.Element;
+declare function Checkbox(props: ICheckboxProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Checkbox {
-    var Group: (props: ICheckboxGroupProps) => React.JSX.Element;
+    var Group: typeof CheckboxGroup;
 }
+declare function CheckboxGroup(props: ICheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/Checkbox/index.js

@@ -1,39 +1,112 @@
-var _excluded = ["className", "disabled", "size"],
-  _excluded2 = ["className", "disabled", "size"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Checkbox as AntdCheckbox } from 'antd';
-import DisabledContext from 'antd/lib/config-provider/DisabledContext';
-import classNames from 'classnames';
-import React from 'react';
-import CheckboxGroup from "./component/CheckboxGroup";
+import { cn } from "../lib/utils.js";
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
+import { useContext, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Checkbox/index.tsx
 function Checkbox(props) {
-  var className = props.className,
-    customDisabled = props.disabled,
-    size = props.size,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  return /*#__PURE__*/React.createElement(AntdCheckbox, _extends({
-    className: classNames('ald-checkbox', className, {
-      'ald-checkbox-small': size === 'small'
-    }),
-    disabled: mergedDisabled
-  }, otherProps));
+	const { className, disabled: customDisabled, size, checked: controlledChecked, defaultChecked, indeterminate, onChange, onClick, autoFocus, children, value, name, style } = props;
+	const disabled = useContext(DisabledContext);
+	const mergedDisabled = customDisabled ?? disabled;
+	const isControlled = "checked" in props;
+	const [innerChecked, setInnerChecked] = useState(defaultChecked ?? false);
+	const checked = isControlled ? controlledChecked : innerChecked;
+	const inputRef = useRef(null);
+	useEffect(() => {
+		if (inputRef.current) inputRef.current.indeterminate = !!indeterminate;
+	}, [indeterminate]);
+	const handleChange = (e) => {
+		if (mergedDisabled) return;
+		const newChecked = e.target.checked;
+		if (!isControlled) setInnerChecked(newChecked);
+		onChange?.({
+			target: {
+				checked: newChecked,
+				value
+			},
+			nativeEvent: e.nativeEvent
+		});
+	};
+	const handleLabelClick = (e) => {
+		if (mergedDisabled) return;
+		if (onClick) {
+			e.preventDefault();
+			e.stopPropagation();
+			onClick(e);
+		}
+	};
+	return /* @__PURE__ */ jsxs("label", {
+		onClick: handleLabelClick,
+		className: cn("ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-leading-5", mergedDisabled && "tw-cursor-default", size === "small" && "ald-checkbox-small", !mergedDisabled && "[&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]", !mergedDisabled && checked && "[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]", className),
+		style,
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: cn("ald-checkbox-inner tw-relative tw-box-border tw-block tw-rounded-sm", checked && !mergedDisabled && "ald-checkbox-checked tw-bg-[var(--interaction-default-normal)]", checked && mergedDisabled && "ald-checkbox-checked tw-bg-[var(--alias-colors-bg-selected-default)]", !checked && !indeterminate && "tw-bg-[var(--interaction-background-form-field)]", indeterminate && !checked && "ald-checkbox-indeterminate tw-bg-[var(--interaction-default-normal)]"),
+			style: {
+				width: 14,
+				height: 14,
+				minWidth: 14,
+				minHeight: 14,
+				border: checked || indeterminate && !checked ? mergedDisabled && checked ? "1px solid var(--alias-colors-border-disabled)" : "none" : "1px solid var(--interaction-border-neutral-normal)"
+			},
+			children: [/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: "checkbox",
+				className: "tw-absolute tw-inset-0 tw-m-0 tw-cursor-pointer tw-opacity-0 disabled:tw-cursor-default",
+				checked: !!checked,
+				disabled: mergedDisabled,
+				onChange: handleChange,
+				autoFocus,
+				name,
+				value
+			}), (checked || indeterminate && !checked) && /* @__PURE__ */ jsx("span", {
+				className: "tw-absolute tw-inset-0 tw-bg-center tw-bg-no-repeat",
+				style: {
+					backgroundImage: indeterminate && !checked ? "url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjc1IDFDMC43NSAwLjU4NTc4NiAxLjA4NTc5IDAuMjUgMS41IDAuMjVIOC41QzguOTE0MjEgMC4yNSA5LjI1IDAuNTg1Nzg2IDkuMjUgMUM5LjI1IDEuNDE0MjEgOC45MTQyMSAxLjc1IDguNSAxLjc1SDEuNUMxLjA4NTc5IDEuNzUgMC43NSAxLjQxNDIxIDAuNzUgMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\")" : "url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\")",
+					backgroundSize: indeterminate && !checked ? "10px 2px" : "10px 8px"
+				}
+			})]
+		}), children && /* @__PURE__ */ jsx("span", {
+			className: cn("ald-checkbox-label tw-select-none tw-pl-1.5 tw-text-[var(--alias-colors-text-default)]", size === "small" ? "tw-text-xs" : "tw-text-sm", mergedDisabled && "tw-cursor-default"),
+			children
+		})]
+	});
 }
-Checkbox.Group = function Group(props) {
-  var className = props.className,
-    customDisabled = props.disabled,
-    size = props.size,
-    otherProps = _objectWithoutProperties(props, _excluded2);
-  var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  return /*#__PURE__*/React.createElement(CheckboxGroup, _extends({
-    className: classNames('ald-checkbox-group', className, {
-      'ald-checkbox-group-small': size === 'small'
-    }),
-    disabled: mergedDisabled
-  }, otherProps));
-};
-export default Checkbox;
+function CheckboxGroup(props) {
+	const { className, disabled: customDisabled, size, options, value: controlledValue, defaultValue, onChange, direction, name, children } = props;
+	const disabled = useContext(DisabledContext);
+	const mergedDisabled = customDisabled ?? disabled;
+	const isControlled = "value" in props;
+	const [innerValue, setInnerValue] = useState(defaultValue ?? []);
+	const value = isControlled ? controlledValue ?? [] : innerValue;
+	const handleGroupChange = (itemValue, itemChecked) => {
+		const newValue = itemChecked ? [...value, itemValue] : value.filter((v) => v !== itemValue);
+		if (!isControlled) setInnerValue(newValue);
+		onChange?.(newValue);
+	};
+	const renderOptions = () => {
+		if (!options) return children;
+		return options.map((opt) => {
+			const optObj = typeof opt === "object" ? opt : {
+				label: String(opt),
+				value: opt
+			};
+			return /* @__PURE__ */ jsx(Checkbox, {
+				value: optObj.value,
+				disabled: mergedDisabled || optObj.disabled,
+				checked: value.includes(optObj.value),
+				size,
+				name,
+				onChange: (e) => handleGroupChange(optObj.value, e.target.checked),
+				children: optObj.label
+			}, String(optObj.value));
+		});
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-checkbox-group tw-flex tw-flex-wrap tw-gap-3", direction === "vertical" && "ald-checkout-group-vertical tw-flex-col", size === "small" && "ald-checkbox-group-small", className),
+		children: renderOptions()
+	});
+}
+Checkbox.Group = CheckboxGroup;
+//#endregion
+export { Checkbox as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Checkbox/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  CheckboxChangeEvent,\n  CheckboxValueType,\n  ICheckboxGroupProps,\n  ICheckboxProps,\n} from './type';\n\nexport type { CheckboxChangeEvent, CheckboxValueType };\nexport type { CheckboxOptionType } from './type';\nexport type { ICheckboxProps, ICheckboxGroupProps };\n\nfunction Checkbox(props: ICheckboxProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size,\n    checked: controlledChecked,\n    defaultChecked,\n    indeterminate,\n    onChange,\n    onClick,\n    autoFocus,\n    children,\n    value,\n    name,\n    style,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'checked' in props;\n  const [innerChecked, setInnerChecked] = useState(defaultChecked ?? false);\n  const checked = isControlled ? controlledChecked : innerChecked;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (mergedDisabled) return;\n    const newChecked = e.target.checked;\n    if (!isControlled) {\n      setInnerChecked(newChecked);\n    }\n    onChange?.({\n      target: { checked: newChecked, value },\n      nativeEvent: e.nativeEvent,\n    });\n  };\n\n  const handleLabelClick = (e: React.MouseEvent) => {\n    if (mergedDisabled) return;\n    if (onClick) {\n      // Table row selection uses onClick — prevent label from also toggling input\n      e.preventDefault();\n      e.stopPropagation();\n      onClick(e);\n    }\n  };\n\n  return (\n    <label\n      onClick={handleLabelClick}\n      className={cn(\n        'ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-leading-5',\n        mergedDisabled && 'tw-cursor-default',\n        size === 'small' && 'ald-checkbox-small',\n        !mergedDisabled &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]',\n        !mergedDisabled &&\n          checked &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]',\n        className,\n      )}\n      style={style}\n    >\n      <span\n        className={cn(\n          'ald-checkbox-inner tw-relative tw-box-border tw-block tw-rounded-sm',\n          checked &&\n            !mergedDisabled &&\n            'ald-checkbox-checked tw-bg-[var(--interaction-default-normal)]',\n          checked &&\n            mergedDisabled &&\n            'ald-checkbox-checked tw-bg-[var(--alias-colors-bg-selected-default)]',\n          !checked &&\n            !indeterminate &&\n            'tw-bg-[var(--interaction-background-form-field)]',\n          indeterminate &&\n            !checked &&\n            'ald-checkbox-indeterminate tw-bg-[var(--interaction-default-normal)]',\n        )}\n        style={{\n          width: 14,\n          height: 14,\n          minWidth: 14,\n          minHeight: 14,\n          border:\n            checked || (indeterminate && !checked)\n              ? mergedDisabled && checked\n                ? '1px solid var(--alias-colors-border-disabled)'\n                : 'none'\n              : '1px solid var(--interaction-border-neutral-normal)',\n        }}\n      >\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          className=\"tw-absolute tw-inset-0 tw-m-0 tw-cursor-pointer tw-opacity-0 disabled:tw-cursor-default\"\n          checked={!!checked}\n          disabled={mergedDisabled}\n          onChange={handleChange}\n          autoFocus={autoFocus}\n          name={name}\n          value={value as string}\n        />\n        {(checked || (indeterminate && !checked)) && (\n          <span\n            className=\"tw-absolute tw-inset-0 tw-bg-center tw-bg-no-repeat\"\n            style={{\n              backgroundImage:\n                indeterminate && !checked\n                  ? 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjc1IDFDMC43NSAwLjU4NTc4NiAxLjA4NTc5IDAuMjUgMS41IDAuMjVIOC41QzguOTE0MjEgMC4yNSA5LjI1IDAuNTg1Nzg2IDkuMjUgMUM5LjI1IDEuNDE0MjEgOC45MTQyMSAxLjc1IDguNSAxLjc1SDEuNUMxLjA4NTc5IDEuNzUgMC43NSAxLjQxNDIxIDAuNzUgMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\")'\n                  : 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\")',\n              backgroundSize:\n                indeterminate && !checked ? '10px 2px' : '10px 8px',\n            }}\n          />\n        )}\n      </span>\n      {children && (\n        <span\n          className={cn(\n            'ald-checkbox-label tw-select-none tw-pl-1.5 tw-text-[var(--alias-colors-text-default)]',\n            size === 'small' ? 'tw-text-xs' : 'tw-text-sm',\n            mergedDisabled && 'tw-cursor-default',\n          )}\n        >\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\nfunction CheckboxGroup(props: ICheckboxGroupProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size,\n    options,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    direction,\n    name,\n    children,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<CheckboxValueType[]>(\n    defaultValue ?? [],\n  );\n  const value = isControlled ? controlledValue ?? [] : innerValue;\n\n  const handleGroupChange = (\n    itemValue: CheckboxValueType,\n    itemChecked: boolean,\n  ) => {\n    const newValue = itemChecked\n      ? [...value, itemValue]\n      : value.filter((v) => v !== itemValue);\n    if (!isControlled) {\n      setInnerValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  const renderOptions = () => {\n    if (!options) return children;\n    return options.map((opt) => {\n      const optObj =\n        typeof opt === 'object' ? opt : { label: String(opt), value: opt };\n      return (\n        <Checkbox\n          key={String(optObj.value)}\n          value={optObj.value}\n          disabled={mergedDisabled || optObj.disabled}\n          checked={value.includes(optObj.value)}\n          size={size}\n          name={name}\n          onChange={(e) => handleGroupChange(optObj.value, e.target.checked)}\n        >\n          {optObj.label}\n        </Checkbox>\n      );\n    });\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-checkbox-group tw-flex tw-flex-wrap tw-gap-3',\n        direction === 'vertical' && 'ald-checkout-group-vertical tw-flex-col',\n        size === 'small' && 'ald-checkbox-group-small',\n        className,\n      )}\n    >\n      {renderOptions()}\n    </div>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/Checkbox/type.d.ts

@@ -1,106 +1,47 @@
-import { CheckboxChangeEvent, CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
-import { CheckboxOptionType, CheckboxValueType } from 'antd/lib/checkbox/Group';
+/// <reference types="react" />
 export type TSize = 'middle' | 'small';
-export type { CheckboxChangeEvent, CheckboxGroupProps, CheckboxProps };
+export type CheckboxValueType = string | number | boolean;
+export interface CheckboxOptionType {
+    label: React.ReactNode;
+    value: CheckboxValueType;
+    disabled?: boolean;
+    onChange?: (e: CheckboxChangeEvent) => void;
+}
+export interface CheckboxChangeEvent {
+    target: {
+        checked: boolean;
+        value?: CheckboxValueType;
+    };
+    nativeEvent: Event;
+}
 export declare enum EDirection {
     VERTICAL = "vertical",
     HORIZONTAL = "horizontal"
 }
-export interface ICheckboxProps extends CheckboxProps {
-    /**
-     * @description 自动获取焦点
-     * @type boolean
-     * @default false
-     */
+export interface ICheckboxProps {
     autoFocus?: boolean;
-    /**
-     * @description 指定当前是否选中
-     * @type boolean
-     * @default false
-     */
     checked?: boolean;
-    /**
-     * @description 初始是否选中
-     * @type boolean
-     * @default false
-     */
     defaultChecked?: boolean;
-    /**
-     * @description 失效状态
-     * @type boolean
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * @description 设置 indeterminate 状态，只负责样式控制
-     * @type boolean
-     * @default false
-     */
     indeterminate?: boolean;
-    /**
-     * @description 变化时的回调函数
-     * @type  function(e:Event)
-     * @default -
-     */
     onChange?: (e: CheckboxChangeEvent) => void;
-    /**
-     * @description 大小
-     * @default 'middle'
-     */
+    onClick?: (e?: React.MouseEvent) => void;
     size?: TSize;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    value?: CheckboxValueType;
+    name?: string;
 }
-export interface ICheckboxGroupProps extends CheckboxGroupProps {
-    /**
-     * @description 默认选中的选项
-     * @type string[]
-     * @default []
-     */
+export interface ICheckboxGroupProps {
     defaultValue?: Array<CheckboxValueType>;
-    /**
-     * @description 整组失效
-     * @type boolean
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * @description CheckboxGroup 下所有 input[type="checkbox"] 的 name 属性
-     * @type string
-     * @default -
-     */
     name?: string;
-    /**
-     * @description 指定可选项
-     * @type string[] | number[] | Option[]
-     * @default []
-     */
     options?: Array<CheckboxOptionType | string | number>;
-    /**
-     * @description 指定选中的选项
-     * @type string[]
-     * @default []
-     */
     value?: Array<CheckboxValueType>;
-    /**
-     * @description  变化时毁掉函数
-     * @type function(checkedValue)
-     * @default -
-     */
     onChange?: (checkedValue: Array<CheckboxValueType>) => void;
-    /**
-     * @description 复选按钮组的方向
-     * @type 'vertical' | 'horizontal'
-     * @default -
-     */
     direction?: 'vertical' | 'horizontal';
-    /**
-     * @description className
-     * @type string
-     * @default -
-     */
     className?: string;
-    /**
-     * @description 大小
-     * @default 'middle'
-     */
     size?: TSize;
+    children?: React.ReactNode;
 }

package/dist/Checkbox/type.js

@@ -1,5 +1,2 @@
-export var EDirection = /*#__PURE__*/function (EDirection) {
-  EDirection["VERTICAL"] = "vertical";
-  EDirection["HORIZONTAL"] = "horizontal";
-  return EDirection;
-}({});
+// type-only module stub
+export {};

package/dist/Col/index.d.ts

@@ -1,4 +1,22 @@
-import { Col } from 'antd';
-import { ColProps, ColSize } from 'antd/lib/grid/col';
-export type { ColSize, ColProps };
+import { default as React } from 'react';
+export interface ColSize {
+    flex?: string | number;
+    span?: number;
+    order?: number;
+    offset?: number;
+    push?: number;
+    pull?: number;
+}
+export interface ColProps extends ColSize {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    xs?: number | ColSize;
+    sm?: number | ColSize;
+    md?: number | ColSize;
+    lg?: number | ColSize;
+    xl?: number | ColSize;
+    xxl?: number | ColSize;
+}
+declare function Col(props: ColProps): import("react/jsx-runtime").JSX.Element;
 export default Col;

package/dist/Col/index.js

@@ -1,2 +1,111 @@
-import { Col } from 'antd';
-export default Col;
+import { cn } from "../lib/utils.js";
+import { useId, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Col/index.tsx
+var BREAKPOINTS = {
+	xs: 0,
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200,
+	xxl: 1600
+};
+var BREAKPOINT_KEYS = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+];
+function normalizeColSize(value) {
+	if (value === void 0) return void 0;
+	if (typeof value === "number") return { span: value };
+	return value;
+}
+function buildBreakpointCSS(uid, breakpointProps) {
+	let css = "";
+	for (const bp of BREAKPOINT_KEYS) {
+		const raw = breakpointProps[bp];
+		const size = normalizeColSize(raw);
+		if (!size) continue;
+		const rules = [];
+		if (size.span !== void 0) {
+			const pct = `${size.span / 24 * 100}%`;
+			rules.push(`flex: 0 0 ${pct};`);
+			rules.push(`max-width: ${pct};`);
+		}
+		if (size.flex !== void 0) {
+			const flexVal = typeof size.flex === "number" ? `${size.flex} ${size.flex} auto` : size.flex;
+			rules.push(`flex: ${flexVal};`);
+		}
+		if (size.offset !== void 0 && size.offset > 0) rules.push(`margin-left: ${size.offset / 24 * 100}%;`);
+		if (size.order !== void 0) rules.push(`order: ${size.order};`);
+		if (size.push !== void 0 && size.push > 0) {
+			rules.push(`left: ${size.push / 24 * 100}%;`);
+			rules.push(`position: relative;`);
+		}
+		if (size.pull !== void 0 && size.pull > 0) {
+			rules.push(`right: ${size.pull / 24 * 100}%;`);
+			rules.push(`position: relative;`);
+		}
+		if (rules.length === 0) continue;
+		const ruleBlock = `.${uid}{${rules.join("")}}`;
+		if (BREAKPOINTS[bp] === 0) css += ruleBlock;
+		else css += `@media(min-width:${BREAKPOINTS[bp]}px){${ruleBlock}}`;
+	}
+	return css;
+}
+function Col(props) {
+	const { span, offset, flex, className, style, children, order, push, pull, xs, sm, md, lg, xl, xxl } = props;
+	const reactId = useId();
+	const uid = useMemo(() => `ald-col-bp-${reactId.replace(/:/g, "")}`, [reactId]);
+	const hasBreakpoints = xs !== void 0 || sm !== void 0 || md !== void 0 || lg !== void 0 || xl !== void 0 || xxl !== void 0;
+	const breakpointCSS = useMemo(() => {
+		if (!hasBreakpoints) return "";
+		return buildBreakpointCSS(uid, {
+			xs,
+			sm,
+			md,
+			lg,
+			xl,
+			xxl
+		});
+	}, [
+		hasBreakpoints,
+		uid,
+		xs,
+		sm,
+		md,
+		lg,
+		xl,
+		xxl
+	]);
+	const colStyle = { ...style };
+	if (!hasBreakpoints) {
+		if (flex) colStyle.flex = typeof flex === "number" ? `${flex} ${flex} auto` : flex;
+		else if (span !== void 0) {
+			colStyle.flex = `0 0 ${span / 24 * 100}%`;
+			colStyle.maxWidth = `${span / 24 * 100}%`;
+		}
+		if (offset) colStyle.marginLeft = `${offset / 24 * 100}%`;
+		if (order !== void 0) colStyle.order = order;
+		if (push) {
+			colStyle.left = `${push / 24 * 100}%`;
+			colStyle.position = "relative";
+		}
+		if (pull) {
+			colStyle.right = `${pull / 24 * 100}%`;
+			colStyle.position = "relative";
+		}
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [hasBreakpoints && breakpointCSS && /* @__PURE__ */ jsx("style", { children: breakpointCSS }), /* @__PURE__ */ jsx("div", {
+		className: cn("ald-col", hasBreakpoints && uid, className),
+		style: colStyle,
+		children
+	})] });
+}
+//#endregion
+export { Col as default };
+
+//# sourceMappingURL=index.js.map