@aloudata/aloudata-design 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/AMenu.d.ts

@@ -0,0 +1,2 @@
+export * from './AMenu/index.js';
+export { default } from './AMenu/index.js';

package/dist/AProgress.d.ts

@@ -0,0 +1,2 @@
+export * from './AProgress/index.js';
+export { default } from './AProgress/index.js';

package/dist/Alert.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert/index.js';
+export { default } from './Alert/index.js';

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+export * from './App/index.js';
+export { default } from './App/index.js';

package/dist/Avatar/component/Avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './Avatar/index.js';
+export { default } from './Avatar/index.js';

package/dist/Badge.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge/index.js';
+export { default } from './Badge/index.js';

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,2 @@
+export * from './Breadcrumb/index.js';
+export { default } from './Breadcrumb/index.js';

package/dist/Button/index.d.ts

@@ -23,6 +23,8 @@ export interface IButtonProps {
     tabIndex?: number;
     title?: string;
     ghost?: boolean;
+    danger?: boolean;
+    color?: string;
 }
 export declare function getButtonType(buttonType: ButtonType): string;
 export declare function getDangerStatus(buttonType: ButtonType): boolean;

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React, { forwardRef, useContext, useEffect, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { LoadingLine } from '../Icon';\nimport { cn } from '../lib/utils';\nimport { useCompactItemContext } from '../Space/CompactContext';\n\nexport const btnPrefix = 'ald-btn';\n\nexport type ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'dangerous'\n  | 'text'\n  | 'inverse'\n  | 'link';\nexport type Size = 'small' | 'middle' | 'large';\nexport interface IButtonProps {\n  type?: ButtonType;\n  size?: Size;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  shape?: 'circle' | 'default';\n  href?: string;\n  target?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  loading?: boolean | { delay?: number };\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  block?: boolean;\n  htmlType?: 'submit' | 'button' | 'reset';\n  id?: string;\n  tabIndex?: number;\n  title?: string;\n  ghost?: boolean;\n}\n\nexport function getButtonType(buttonType: ButtonType): string {\n  return buttonType;\n}\nexport function getDangerStatus(buttonType: ButtonType): boolean {\n  return buttonType === 'dangerous';\n}\nexport function getButtonSizeClass(s: Size): string {\n  return ['small', 'large'].includes(s)\n    ? `${btnPrefix}-${s}`\n    : `${btnPrefix}-middle`;\n}\nexport function getShape(s: 'circle' | 'default'): 'circle' | 'default' {\n  return s;\n}\nexport const setIcon = (\n  iconNode: React.ReactElement,\n  loading: boolean | { delay?: number },\n) => {\n  if (iconNode) {\n    const p: Record<string, string | number> = {\n      className: '',\n      fill: 'currentColor',\n      ...iconNode.props,\n    };\n    p.size = '1em';\n    return React.cloneElement(iconNode, p);\n  }\n  if (loading) {\n    return (\n      <LoadingLine\n        className=\"ald-loading-spin tw-shrink-0 tw-animate-spin\"\n        size={'1em'}\n        color=\"currentColor\"\n      />\n    );\n  }\n  return <></>;\n};\n\nconst buttonVariants = cva(\n  [\n    btnPrefix,\n    'tw-inline-flex tw-cursor-pointer tw-appearance-none tw-items-center tw-justify-center tw-font-medium tw-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center',\n    'tw-border tw-border-solid',\n    'focus-visible:tw-outline-none',\n  ],\n  {\n    variants: {\n      type: {\n        primary: [\n          `${btnPrefix}-primary`,\n          'tw-border-[var(--action-primary-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-primary-hover)] hover:tw-bg-[var(--action-primary-hover)] hover:tw-text-[var(--action-inverted-hover)]',\n          'active:tw-border-[var(--action-primary-active)] active:tw-bg-[var(--action-primary-active)]',\n        ],\n        secondary: [\n          `${btnPrefix}-secondary`,\n          'tw-border-[var(--action-outline-normal)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-border-[var(--action-outline-hover)] hover:tw-bg-[var(--action-inverted-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-border-[var(--action-outline-active)] active:tw-bg-[var(--action-inverted-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        dangerous: [\n          `${btnPrefix}-dangerous`,\n          'tw-border-[var(--action-destructive-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-destructive-hover)] hover:tw-bg-[var(--action-destructive-hover)]',\n          'active:tw-border-[var(--action-destructive-active)] active:tw-bg-[var(--action-destructive-active)]',\n        ],\n        text: [\n          `${btnPrefix}-text`,\n          'tw-border-transparent tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        inverse: [\n          `${btnPrefix}-inverse`,\n          'tw-border-transparent tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtle)] tw-text-[var(--alias-colors-text-inverse-default)]',\n          'hover:tw-bg-[var(--alias-colors-bg-skeleton-inverse-strong)]',\n          'active:tw-bg-[var(--alias-colors-bg-skeleton-inverse-stronger)]',\n        ],\n        link: [\n          `${btnPrefix}-link`,\n          'tw-border-transparent tw-bg-transparent tw-text-[var(--action-primary-normal)]',\n          'hover:tw-text-[var(--action-primary-hover)]',\n          'active:tw-text-[var(--action-primary-active)]',\n        ],\n      },\n      size: {\n        small: [\n          `${btnPrefix}-small`,\n          'tw-h-7 tw-min-w-[48px] tw-gap-[var(--alias-radius-50)] tw-rounded-r-50 tw-text-xs tw-leading-4',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        middle: [\n          `${btnPrefix}-middle`,\n          'tw-h-8 tw-min-w-[52px] tw-gap-1 tw-rounded-r-75 tw-text-sm tw-leading-5',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        large: [\n          `${btnPrefix}-large`,\n          'tw-h-9 tw-min-w-[56px] tw-gap-2 tw-rounded-r-100 tw-text-sm tw-leading-6',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n      },\n      disabled: {\n        true: 'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      block: {\n        true: 'tw-w-full',\n        false: '',\n      },\n      shape: {\n        circle: 'tw-min-w-0 tw-rounded-full tw-p-0',\n        default: '',\n      },\n    },\n    defaultVariants: {\n      type: 'secondary',\n      size: 'middle',\n      disabled: false,\n      block: false,\n      shape: 'default',\n    },\n  },\n);\n\nconst VALID_TYPES: ButtonType[] = [\n  'primary',\n  'secondary',\n  'dangerous',\n  'text',\n  'inverse',\n];\n\nfunction Button(props: IButtonProps, ref: React.Ref<HTMLElement>) {\n  const {\n    type: rawType = 'secondary',\n    size: customSize,\n    shape = 'default',\n    loading = false,\n    disabled,\n    icon,\n    className,\n    children,\n    href,\n    target,\n    onClick,\n    block,\n    htmlType = 'button',\n    style,\n    ghost,\n    ...rest\n  } = props;\n\n  // Radix Trigger asChild 会传入 type=\"button\"（HTML button type），与组件的 type 变体冲突\n  // 当收到非法变体值时回退到 'secondary'\n  const type: ButtonType = VALID_TYPES.includes(rawType as ButtonType)\n    ? (rawType as ButtonType)\n    : 'secondary';\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext(btnPrefix);\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'object' && loading.delay) {\n      const timer = setTimeout(() => setInnerLoading(true), loading.delay);\n      return () => clearTimeout(timer);\n    }\n    setInnerLoading(!!loading);\n  }, [loading]);\n\n  const isDisabled = innerLoading || mergedDisabled;\n  const iconNode = setIcon(icon as React.ReactElement, innerLoading);\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        // all compact items: remove border-radius on inner edges\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames[`${btnPrefix}-compact-last-item`] &&\n          '!tw-rounded-r-none',\n        // merge borders via negative margin (except first item)\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '-tw-ml-px',\n      )\n    : undefined;\n\n  const isIconOnly = !!icon && !children;\n\n  const classes = cn(\n    buttonVariants({\n      type,\n      size,\n      disabled: !!isDisabled,\n      block: !!block,\n      shape,\n    }),\n    ghost && '!tw-border-current !tw-bg-transparent',\n    // icon-only: square button, no min-width, centered padding\n    isIconOnly && 'tw-aspect-square !tw-min-w-0 !tw-px-0',\n    compactClasses,\n    className,\n  );\n\n  if (href) {\n    return (\n      <a\n        {...rest}\n        className={classes}\n        style={style}\n        href={isDisabled ? undefined : href}\n        target={target}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        onClick={isDisabled ? undefined : onClick}\n        aria-disabled={isDisabled || undefined}\n      >\n        {iconNode}\n        {children && (\n          <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n            {children}\n          </span>\n        )}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      {...rest}\n      type={\n        htmlType === 'submit'\n          ? 'submit'\n          : htmlType === 'reset'\n          ? 'reset'\n          : 'button'\n      }\n      className={classes}\n      style={style}\n      disabled={isDisabled}\n      aria-disabled={isDisabled || undefined}\n      ref={ref as React.Ref<HTMLButtonElement>}\n      onClick={onClick}\n    >\n      {iconNode}\n      {children && (\n        <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n          {children}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport default forwardRef(Button);\n"],"mappings":";;;;;;;;;AAQA,IAAa,YAAY;AA6CzB,IAAa,WACX,UACA,YACG;AACH,KAAI,UAAU;EACZ,MAAM,IAAqC;GACzC,WAAW;GACX,MAAM;GACN,GAAG,SAAS;GACb;AACD,IAAE,OAAO;AACT,SAAO,MAAM,aAAa,UAAU,EAAE;;AAExC,KAAI,QACF,QACE,oBAAC,MAAD;EACE,WAAU;EACV,MAAM;EACN,OAAM;EACN,CAAA;AAGN,QAAO,oBAAA,UAAA,EAAK,CAAA;;AAGd,IAAM,iBAAiB,IACrB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,MAAM;GACJ,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACD,QAAQ;IACN,GAAG,UAAU;IACb;IACA;IACD;GACD,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACF;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,QAAQ;GACR,SAAS;GACV;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,UAAU;EACV,OAAO;EACP,OAAO;EACR;CACF,CACF;AAED,IAAM,cAA4B;CAChC;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,OAAO,OAAqB,KAA6B;CAChE,MAAM,EACJ,MAAM,UAAU,aAChB,MAAM,YACN,QAAQ,WACR,UAAU,OACV,UACA,MACA,WACA,UACA,MACA,QACA,SACA,OACA,WAAW,UACX,OACA,OACA,GAAG,SACD;CAIJ,MAAM,OAAmB,YAAY,SAAS,QAAsB,GAC/D,UACD;CAEJ,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,EAAE,aAAa,0BACnB,sBAAsB,UAAU;CAClC,MAAM,OAAO,cAAc,eAAe,eAAe;CAEzD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;AAEvD,iBAAgB;AACd,MAAI,OAAO,YAAY,YAAY,QAAQ,OAAO;GAChD,MAAM,QAAQ,iBAAiB,gBAAgB,KAAK,EAAE,QAAQ,MAAM;AACpE,gBAAa,aAAa,MAAM;;AAElC,kBAAgB,CAAC,CAAC,QAAQ;IACzB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,gBAAgB;CACnC,MAAM,WAAW,QAAQ,MAA4B,aAAa;CAGlE,MAAM,iBAAiB,wBACnB,GAEE,CAAC,sBAAsB,iCACrB,sBACF,CAAC,sBAAsB,gCACrB,sBAEF,CAAC,sBAAsB,iCACrB,YACH,GACD;CAEJ,MAAM,aAAa,CAAC,CAAC,QAAQ,CAAC;CAE9B,MAAM,UAAU,GACd,eAAe;EACb;EACA;EACA,UAAU,CAAC,CAAC;EACZ,OAAO,CAAC,CAAC;EACT;EACD,CAAC,EACF,SAAS,yCAET,cAAc,yCACd,gBACA,UACD;AAED,KAAI,KACF,QACE,qBAAC,KAAD;EACE,GAAI;EACJ,WAAW;EACJ;EACP,MAAM,aAAa,SAAY;EACvB;EACH;EACL,SAAS,aAAa,SAAY;EAClC,iBAAe,cAAc;YAR/B,CAUG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEP;;AAIR,QACE,qBAAC,UAAD;EACE,GAAI;EACJ,MACE,aAAa,WACT,WACA,aAAa,UACb,UACA;EAEN,WAAW;EACJ;EACP,UAAU;EACV,iBAAe,cAAc;EACxB;EACI;YAdX,CAgBG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEF;;;AAIb,IAAA,iBAAe,WAAW,OAAO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React, { forwardRef, useContext, useEffect, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { LoadingLine } from '../Icon';\nimport { cn } from '../lib/utils';\nimport { useCompactItemContext } from '../Space/CompactContext';\n\nexport const btnPrefix = 'ald-btn';\n\nexport type ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'dangerous'\n  | 'text'\n  | 'inverse'\n  | 'link';\nexport type Size = 'small' | 'middle' | 'large';\nexport interface IButtonProps {\n  type?: ButtonType;\n  size?: Size;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  shape?: 'circle' | 'default';\n  href?: string;\n  target?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  loading?: boolean | { delay?: number };\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  block?: boolean;\n  htmlType?: 'submit' | 'button' | 'reset';\n  id?: string;\n  tabIndex?: number;\n  title?: string;\n  ghost?: boolean;\n  danger?: boolean;\n  color?: string;\n}\n\nexport function getButtonType(buttonType: ButtonType): string {\n  return buttonType;\n}\nexport function getDangerStatus(buttonType: ButtonType): boolean {\n  return buttonType === 'dangerous';\n}\nexport function getButtonSizeClass(s: Size): string {\n  return ['small', 'large'].includes(s)\n    ? `${btnPrefix}-${s}`\n    : `${btnPrefix}-middle`;\n}\nexport function getShape(s: 'circle' | 'default'): 'circle' | 'default' {\n  return s;\n}\nexport const setIcon = (\n  iconNode: React.ReactElement,\n  loading: boolean | { delay?: number },\n) => {\n  if (iconNode) {\n    const p: Record<string, string | number> = {\n      className: '',\n      fill: 'currentColor',\n      ...iconNode.props,\n    };\n    p.size = '1em';\n    return React.cloneElement(iconNode, p);\n  }\n  if (loading) {\n    return (\n      <LoadingLine\n        className=\"ald-loading-spin tw-shrink-0 tw-animate-spin\"\n        size={'1em'}\n        color=\"currentColor\"\n      />\n    );\n  }\n  return <></>;\n};\n\nconst buttonVariants = cva(\n  [\n    btnPrefix,\n    'tw-inline-flex tw-cursor-pointer tw-appearance-none tw-items-center tw-justify-center tw-font-medium tw-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center',\n    'tw-border tw-border-solid',\n    'focus-visible:tw-outline-none',\n  ],\n  {\n    variants: {\n      type: {\n        primary: [\n          `${btnPrefix}-primary`,\n          'tw-border-[var(--action-primary-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-primary-hover)] hover:tw-bg-[var(--action-primary-hover)] hover:tw-text-[var(--action-inverted-hover)]',\n          'active:tw-border-[var(--action-primary-active)] active:tw-bg-[var(--action-primary-active)]',\n        ],\n        secondary: [\n          `${btnPrefix}-secondary`,\n          'tw-border-[var(--action-outline-normal)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-border-[var(--action-outline-hover)] hover:tw-bg-[var(--action-inverted-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-border-[var(--action-outline-active)] active:tw-bg-[var(--action-inverted-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        dangerous: [\n          `${btnPrefix}-dangerous`,\n          'tw-border-[var(--action-destructive-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-destructive-hover)] hover:tw-bg-[var(--action-destructive-hover)]',\n          'active:tw-border-[var(--action-destructive-active)] active:tw-bg-[var(--action-destructive-active)]',\n        ],\n        text: [\n          `${btnPrefix}-text`,\n          'tw-border-transparent tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        inverse: [\n          `${btnPrefix}-inverse`,\n          'tw-border-transparent tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtle)] tw-text-[var(--alias-colors-text-inverse-default)]',\n          'hover:tw-bg-[var(--alias-colors-bg-skeleton-inverse-strong)]',\n          'active:tw-bg-[var(--alias-colors-bg-skeleton-inverse-stronger)]',\n        ],\n        link: [\n          `${btnPrefix}-link`,\n          'tw-border-transparent tw-bg-transparent tw-text-[var(--action-primary-normal)]',\n          'hover:tw-text-[var(--action-primary-hover)]',\n          'active:tw-text-[var(--action-primary-active)]',\n        ],\n      },\n      size: {\n        small: [\n          `${btnPrefix}-small`,\n          'tw-h-7 tw-min-w-[48px] tw-gap-[var(--alias-radius-50)] tw-rounded-r-50 tw-text-xs tw-leading-4',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        middle: [\n          `${btnPrefix}-middle`,\n          'tw-h-8 tw-min-w-[52px] tw-gap-1 tw-rounded-r-75 tw-text-sm tw-leading-5',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        large: [\n          `${btnPrefix}-large`,\n          'tw-h-9 tw-min-w-[56px] tw-gap-2 tw-rounded-r-100 tw-text-sm tw-leading-6',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n      },\n      disabled: {\n        true: 'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      block: {\n        true: 'tw-w-full',\n        false: '',\n      },\n      shape: {\n        circle: 'tw-min-w-0 tw-rounded-full tw-p-0',\n        default: '',\n      },\n    },\n    defaultVariants: {\n      type: 'secondary',\n      size: 'middle',\n      disabled: false,\n      block: false,\n      shape: 'default',\n    },\n  },\n);\n\nconst VALID_TYPES: ButtonType[] = [\n  'primary',\n  'secondary',\n  'dangerous',\n  'text',\n  'inverse',\n];\n\nfunction Button(props: IButtonProps, ref: React.Ref<HTMLElement>) {\n  const {\n    type: rawType = 'secondary',\n    size: customSize,\n    shape = 'default',\n    loading = false,\n    disabled,\n    icon,\n    className,\n    children,\n    href,\n    target,\n    onClick,\n    block,\n    htmlType = 'button',\n    style,\n    ghost,\n    ...rest\n  } = props;\n\n  // Radix Trigger asChild 会传入 type=\"button\"（HTML button type），与组件的 type 变体冲突\n  // 当收到非法变体值时回退到 'secondary'\n  const type: ButtonType = VALID_TYPES.includes(rawType as ButtonType)\n    ? (rawType as ButtonType)\n    : 'secondary';\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext(btnPrefix);\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'object' && loading.delay) {\n      const timer = setTimeout(() => setInnerLoading(true), loading.delay);\n      return () => clearTimeout(timer);\n    }\n    setInnerLoading(!!loading);\n  }, [loading]);\n\n  const isDisabled = innerLoading || mergedDisabled;\n  const iconNode = setIcon(icon as React.ReactElement, innerLoading);\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        // all compact items: remove border-radius on inner edges\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames[`${btnPrefix}-compact-last-item`] &&\n          '!tw-rounded-r-none',\n        // merge borders via negative margin (except first item)\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '-tw-ml-px',\n      )\n    : undefined;\n\n  const isIconOnly = !!icon && !children;\n\n  const classes = cn(\n    buttonVariants({\n      type,\n      size,\n      disabled: !!isDisabled,\n      block: !!block,\n      shape,\n    }),\n    ghost && '!tw-border-current !tw-bg-transparent',\n    // icon-only: square button, no min-width, centered padding\n    isIconOnly && 'tw-aspect-square !tw-min-w-0 !tw-px-0',\n    compactClasses,\n    className,\n  );\n\n  if (href) {\n    return (\n      <a\n        {...rest}\n        className={classes}\n        style={style}\n        href={isDisabled ? undefined : href}\n        target={target}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        onClick={isDisabled ? undefined : onClick}\n        aria-disabled={isDisabled || undefined}\n      >\n        {iconNode}\n        {children && (\n          <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n            {children}\n          </span>\n        )}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      {...rest}\n      type={\n        htmlType === 'submit'\n          ? 'submit'\n          : htmlType === 'reset'\n          ? 'reset'\n          : 'button'\n      }\n      className={classes}\n      style={style}\n      disabled={isDisabled}\n      aria-disabled={isDisabled || undefined}\n      ref={ref as React.Ref<HTMLButtonElement>}\n      onClick={onClick}\n    >\n      {iconNode}\n      {children && (\n        <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n          {children}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport default forwardRef(Button);\n"],"mappings":";;;;;;;;;AAQA,IAAa,YAAY;AA+CzB,IAAa,WACX,UACA,YACG;AACH,KAAI,UAAU;EACZ,MAAM,IAAqC;GACzC,WAAW;GACX,MAAM;GACN,GAAG,SAAS;GACb;AACD,IAAE,OAAO;AACT,SAAO,MAAM,aAAa,UAAU,EAAE;;AAExC,KAAI,QACF,QACE,oBAAC,MAAD;EACE,WAAU;EACV,MAAM;EACN,OAAM;EACN,CAAA;AAGN,QAAO,oBAAA,UAAA,EAAK,CAAA;;AAGd,IAAM,iBAAiB,IACrB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,MAAM;GACJ,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACD,QAAQ;IACN,GAAG,UAAU;IACb;IACA;IACD;GACD,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACF;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,QAAQ;GACR,SAAS;GACV;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,UAAU;EACV,OAAO;EACP,OAAO;EACR;CACF,CACF;AAED,IAAM,cAA4B;CAChC;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,OAAO,OAAqB,KAA6B;CAChE,MAAM,EACJ,MAAM,UAAU,aAChB,MAAM,YACN,QAAQ,WACR,UAAU,OACV,UACA,MACA,WACA,UACA,MACA,QACA,SACA,OACA,WAAW,UACX,OACA,OACA,GAAG,SACD;CAIJ,MAAM,OAAmB,YAAY,SAAS,QAAsB,GAC/D,UACD;CAEJ,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,EAAE,aAAa,0BACnB,sBAAsB,UAAU;CAClC,MAAM,OAAO,cAAc,eAAe,eAAe;CAEzD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;AAEvD,iBAAgB;AACd,MAAI,OAAO,YAAY,YAAY,QAAQ,OAAO;GAChD,MAAM,QAAQ,iBAAiB,gBAAgB,KAAK,EAAE,QAAQ,MAAM;AACpE,gBAAa,aAAa,MAAM;;AAElC,kBAAgB,CAAC,CAAC,QAAQ;IACzB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,gBAAgB;CACnC,MAAM,WAAW,QAAQ,MAA4B,aAAa;CAGlE,MAAM,iBAAiB,wBACnB,GAEE,CAAC,sBAAsB,iCACrB,sBACF,CAAC,sBAAsB,gCACrB,sBAEF,CAAC,sBAAsB,iCACrB,YACH,GACD;CAEJ,MAAM,aAAa,CAAC,CAAC,QAAQ,CAAC;CAE9B,MAAM,UAAU,GACd,eAAe;EACb;EACA;EACA,UAAU,CAAC,CAAC;EACZ,OAAO,CAAC,CAAC;EACT;EACD,CAAC,EACF,SAAS,yCAET,cAAc,yCACd,gBACA,UACD;AAED,KAAI,KACF,QACE,qBAAC,KAAD;EACE,GAAI;EACJ,WAAW;EACJ;EACP,MAAM,aAAa,SAAY;EACvB;EACH;EACL,SAAS,aAAa,SAAY;EAClC,iBAAe,cAAc;YAR/B,CAUG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEP;;AAIR,QACE,qBAAC,UAAD;EACE,GAAI;EACJ,MACE,aAAa,WACT,WACA,aAAa,UACb,UACA;EAEN,WAAW;EACJ;EACP,UAAU;EACV,iBAAe,cAAc;EACxB;EACI;YAdX,CAgBG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEF;;;AAIb,IAAA,iBAAe,WAAW,OAAO"}

package/dist/Button.d.ts

@@ -0,0 +1,2 @@
+export * from './Button/index.js';
+export { default } from './Button/index.js';

package/dist/Card.d.ts

@@ -0,0 +1,2 @@
+export * from './Card/index.js';
+export { default } from './Card/index.js';

package/dist/Carousel.d.ts

@@ -0,0 +1,2 @@
+export * from './Carousel/index.js';
+export { default } from './Carousel/index.js';

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

@@ -0,0 +1,2 @@
+export * from './CheckboxGroup/index.js';
+export { default } from './CheckboxGroup/index.js';

package/dist/Checkbox/type.d.ts

@@ -25,8 +25,9 @@ export interface ICheckboxProps {
     disabled?: boolean;
     indeterminate?: boolean;
     onChange?: (e: CheckboxChangeEvent) => void;
-    onClick?: (e?: React.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent) => void;
     size?: TSize;
+    type?: string;
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;

package/dist/Checkbox.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox/index.js';
+export { default } from './Checkbox/index.js';

package/dist/Col.d.ts

@@ -0,0 +1,2 @@
+export * from './Col/index.js';
+export { default } from './Col/index.js';

package/dist/Collapse/index.d.ts

@@ -9,6 +9,8 @@ export interface CollapsePanelProps {
     extra?: React.ReactNode;
     forceRender?: boolean;
     collapsible?: 'header' | 'icon' | 'disabled';
+    showArrow?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
 }
 export interface CollapseProps {
     activeKey?: string | string[];

package/dist/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n  } = props;\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : isActive ? (\n    <ArrowDownLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  const iconElement = (\n    <span className=\"ald-collapse-expand-icon tw-flex tw-items-center\">\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse-item tw-border-b tw-border-solid tw-border-[var(--border-default)]',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        className=\"ald-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-px-4 tw-py-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        <span className=\"ald-collapse-header-text tw-flex-1\">{header}</span>\n        {extra && <span className=\"ald-collapse-extra\">{extra}</span>}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      {(isActive || forceRender) && (\n        <div\n          className=\"ald-collapse-content tw-px-4 tw-pb-4\"\n          style={!isActive && forceRender ? { display: 'none' } : undefined}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item) => (\n        <CollapsePanelInternal\n          key={item.key}\n          panelKey={item.key}\n          header={item.label}\n          isActive={activeKeys.includes(item.key)}\n          onToggle={() => toggleKey(item.key)}\n          disabled={item.disabled || item.collapsible === 'disabled'}\n          extra={item.extra}\n          className={item.className}\n          style={item.style}\n          forceRender={item.forceRender}\n          expandIcon={expandIcon}\n          expandIconPosition={resolvedPosition}\n        >\n          {item.children}\n        </CollapsePanelInternal>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse',\n        bordered &&\n          'tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n  } = props;\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : isActive ? (\n    <ArrowDownLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  const iconElement = (\n    <span className=\"ald-collapse-expand-icon tw-flex tw-items-center\">\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse-item tw-border-b tw-border-solid tw-border-[var(--border-default)]',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        className=\"ald-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-px-4 tw-py-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        <span className=\"ald-collapse-header-text tw-flex-1\">{header}</span>\n        {extra && <span className=\"ald-collapse-extra\">{extra}</span>}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      {(isActive || forceRender) && (\n        <div\n          className=\"ald-collapse-content tw-px-4 tw-pb-4\"\n          style={!isActive && forceRender ? { display: 'none' } : undefined}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item) => (\n        <CollapsePanelInternal\n          key={item.key}\n          panelKey={item.key}\n          header={item.label}\n          isActive={activeKeys.includes(item.key)}\n          onToggle={() => toggleKey(item.key)}\n          disabled={item.disabled || item.collapsible === 'disabled'}\n          extra={item.extra}\n          className={item.className}\n          style={item.style}\n          forceRender={item.forceRender}\n          expandIcon={expandIcon}\n          expandIconPosition={resolvedPosition}\n        >\n          {item.children}\n        </CollapsePanelInternal>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse',\n        bordered &&\n          'tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}

package/dist/Collapse.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapse/index.js';
+export { default } from './Collapse/index.js';

package/dist/ColorPicker/ComplexColorPicker.d.ts

@@ -0,0 +1,2 @@
+export * from './ComplexColorPicker/index.js';
+export { default } from './ComplexColorPicker/index.js';

package/dist/ColorPicker.d.ts

@@ -0,0 +1,2 @@
+export * from './ColorPicker/index.js';
+export { default } from './ColorPicker/index.js';

package/dist/ConfigProvider.d.ts

@@ -0,0 +1,2 @@
+export * from './ConfigProvider/index.js';
+export { default } from './ConfigProvider/index.js';

package/dist/DataPreviewTable/components/Body.d.ts

@@ -0,0 +1,2 @@
+export * from './Body/index.js';
+export { default } from './Body/index.js';

package/dist/DataPreviewTable/components/DragBar.d.ts

@@ -0,0 +1,2 @@
+export * from './DragBar/index.js';
+export { default } from './DragBar/index.js';

package/dist/DataPreviewTable/components/Header.d.ts

@@ -0,0 +1,2 @@
+export * from './Header/index.js';
+export { default } from './Header/index.js';

package/dist/DataPreviewTable.d.ts

@@ -0,0 +1,2 @@
+export * from './DataPreviewTable/index.js';
+export { default } from './DataPreviewTable/index.js';

package/dist/DatePicker/index.d.ts

@@ -1,10 +1,18 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 import { PickerProps, RangePickerProps as RcRangePickerProps, PickerRef } from 'rc-picker';
-import { RangePickerRef } from 'rc-picker/es/interface';
+import { PanelMode, RangePickerRef } from 'rc-picker/es/interface';
 import { SizeType } from '../ConfigProvider/sizeContext';
 export type RangeValue<T = Dayjs> = [T | null, T | null] | null;
-export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {
+/**
+ * disabledDate compat: rc-picker v4 requires (date, info) => boolean,
+ * but antd v4 consumers pass (current) => boolean. We accept both.
+ */
+type DisabledDateCompat = (current: Dayjs, info?: {
+    type: PanelMode;
+    from?: Dayjs;
+}) => boolean;
+export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'> {
     /** Override size from ConfigProvider */
     size?: SizeType;
     /** Validation status */
@@ -13,12 +21,39 @@ export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfi
     bordered?: boolean;
     /** Custom prefixCls */
     prefixCls?: string;
+    /**
+     * Narrowed onChange — single picker uses Dayjs | null, not Dayjs | Dayjs[].
+     * Uses import('dayjs').Dayjs to avoid duplicate-dayjs type conflicts.
+     */
+    onChange?: (date: import('dayjs').Dayjs | null, dateString: string) => void;
+    /**
+     * disabledDate — accepts both rc-picker v4 signature and antd v4 compat
+     * signature `(current: Dayjs) => boolean`.
+     */
+    disabledDate?: DisabledDateCompat;
+    /** Callback when a date is selected on the panel */
+    onSelect?: (date: Dayjs) => void;
+    /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */
+    popupClassName?: string;
+    /** Override locale for this picker instance. Defaults to ConfigProvider locale. */
+    locale?: Record<string, any>;
 }
-export interface RangePickerProps extends Omit<RcRangePickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {
+export interface RangePickerProps extends Omit<RcRangePickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'> {
     size?: SizeType;
     status?: 'error' | 'warning';
     bordered?: boolean;
     prefixCls?: string;
+    /** Narrowed onChange for RangePicker */
+    onChange?: (dates: [import('dayjs').Dayjs | null, import('dayjs').Dayjs | null] | null, dateStrings: [string, string]) => void;
+    /**
+     * disabledDate — accepts both rc-picker v4 signature and antd v4 compat
+     * signature `(current: Dayjs) => boolean`.
+     */
+    disabledDate?: DisabledDateCompat;
+    /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */
+    popupClassName?: string;
+    /** Override locale for this picker instance. Defaults to ConfigProvider locale. */
+    locale?: Record<string, any>;
 }
 export type YearPickerProps = DatePickerProps;
 export type QuarterPickerProps = DatePickerProps;

package/dist/DatePicker/index.js

@@ -3,46 +3,92 @@ import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import SizeContext from "../ConfigProvider/sizeContext.js";
 import { LocaleContext } from "../locale/default.js";
 /* empty css            */
-import { forwardRef, useContext } from "react";
+import enUSDatePicker from "rc-picker/es/locale/en_US";
+import React, { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Picker, RangePicker } from "rc-picker";
 import dayjsGenerateConfig from "rc-picker/es/generate/dayjs";
-import enUS from "rc-picker/es/locale/en_US";
 //#region src/DatePicker/index.tsx
 var SIZE_CLS = {
 	small: "ald-picker-sm",
 	large: "ald-picker-lg"
 };
 var InternalDatePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", ...restProps } = props;
+	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, onSelect: _onSelect, popupClassName, locale: localeProp, ...restProps } = props;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
 	const mergedDisabled = customDisabled ?? ctxDisabled;
+	const ctxLocale = useContext(LocaleContext);
+	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
+	const sizeCls = SIZE_CLS[size] || "";
+	const rcOnChange = React.useMemo(() => {
+		if (!onChange) return void 0;
+		return (date, dateString) => {
+			onChange(Array.isArray(date) ? date[0] : date, Array.isArray(dateString) ? dateString[0] : dateString);
+		};
+	}, [onChange]);
+	const rcDisabledDate = React.useMemo(() => {
+		if (!disabledDate) return void 0;
+		return (date, info) => disabledDate(date, info);
+	}, [disabledDate]);
+	const mergedClassNames = React.useMemo(() => {
+		if (!popupClassName) return restProps.classNames;
+		return {
+			...restProps.classNames,
+			popup: cn(restProps.classNames?.popup, popupClassName)
+		};
+	}, [popupClassName, restProps.classNames]);
 	return /* @__PURE__ */ jsx(Picker, {
 		ref,
 		generateConfig: dayjsGenerateConfig,
-		locale: useContext(LocaleContext)?.DatePicker || enUS,
+		locale: pickerLocale,
 		prefixCls,
 		disabled: mergedDisabled,
-		className: cn(SIZE_CLS[size] || "", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps
+		className: cn(sizeCls, !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
+		...restProps,
+		classNames: mergedClassNames,
+		onChange: rcOnChange,
+		disabledDate: rcDisabledDate
 	});
 });
 var InternalRangePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", ...restProps } = props;
+	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, popupClassName, locale: localeProp, ...restProps } = props;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
 	const mergedDisabled = customDisabled ?? ctxDisabled;
+	const ctxLocale = useContext(LocaleContext);
+	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
+	const sizeCls = SIZE_CLS[size] || "";
+	const rcOnChange = React.useMemo(() => {
+		if (!onChange) return void 0;
+		return (dates, dateStrings) => {
+			onChange(dates, dateStrings);
+		};
+	}, [onChange]);
+	const rcDisabledDate = React.useMemo(() => {
+		if (!disabledDate) return void 0;
+		return (date, info) => disabledDate(date, info);
+	}, [disabledDate]);
+	const mergedClassNames = React.useMemo(() => {
+		if (!popupClassName) return restProps.classNames;
+		return {
+			...restProps.classNames,
+			popup: cn(restProps.classNames?.popup, popupClassName)
+		};
+	}, [popupClassName, restProps.classNames]);
 	return /* @__PURE__ */ jsx(RangePicker, {
 		ref,
 		generateConfig: dayjsGenerateConfig,
-		locale: useContext(LocaleContext)?.DatePicker || enUS,
+		locale: pickerLocale,
 		prefixCls,
 		disabled: mergedDisabled,
-		className: cn(SIZE_CLS[size] || "", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps
+		className: cn(sizeCls, !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
+		...restProps,
+		classNames: mergedClassNames,
+		onChange: rcOnChange,
+		disabledDate: rcDisabledDate
 	});
 });
 function createPickerVariant(pickerMode, defaultPlaceholder) {

package/dist/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DatePicker/index.tsx"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport React, { forwardRef, useContext } from 'react';\nimport { Picker, RangePicker as RcRangePicker } from 'rc-picker';\nimport type {\n  PickerProps,\n  RangePickerProps as RcRangePickerProps,\n  PickerRef,\n} from 'rc-picker';\nimport type { RangePickerRef } from 'rc-picker/es/interface';\nimport dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enUS from 'rc-picker/es/locale/en_US';\nimport { LocaleContext } from '../locale/default';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext, { type SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport './date-picker.css';\n\n// ---- Types ----\n// Re-export compatible types\nexport type RangeValue<T = Dayjs> = [T | null, T | null] | null;\n\nexport interface DatePickerProps\n  extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {\n  /** Override size from ConfigProvider */\n  size?: SizeType;\n  /** Validation status */\n  status?: 'error' | 'warning';\n  /** @deprecated Use `variant` or className instead */\n  bordered?: boolean;\n  /** Custom prefixCls */\n  prefixCls?: string;\n}\n\nexport interface RangePickerProps\n  extends Omit<\n    RcRangePickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls'\n  > {\n  size?: SizeType;\n  status?: 'error' | 'warning';\n  bordered?: boolean;\n  prefixCls?: string;\n}\n\nexport type YearPickerProps = DatePickerProps;\nexport type QuarterPickerProps = DatePickerProps;\nexport type MonthPickerProps = DatePickerProps;\nexport type WeekPickerProps = DatePickerProps;\nexport type TimePickerProps = DatePickerProps;\n\n// ---- Size mapping ----\nconst SIZE_CLS: Record<string, string> = {\n  small: 'ald-picker-sm',\n  large: 'ald-picker-lg',\n};\n\n// ---- DatePicker ----\nconst InternalDatePicker = forwardRef<PickerRef, DatePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    // antd locale 对象包含 DatePicker 字段（即 rc-picker 格式的 locale）\n    const pickerLocale = ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    return (\n      <Picker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n      />\n    );\n  },\n) as React.ForwardRefExoticComponent<\n  DatePickerProps & React.RefAttributes<PickerRef>\n> & {\n  RangePicker: typeof InternalRangePicker;\n  WeekPicker: typeof WeekPicker;\n  MonthPicker: typeof MonthPicker;\n  YearPicker: typeof YearPicker;\n  TimePicker: typeof TimePicker;\n  QuarterPicker: typeof QuarterPicker;\n};\n\n// ---- RangePicker ----\nconst InternalRangePicker = forwardRef<RangePickerRef, RangePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    const pickerLocale = ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    return (\n      <RcRangePicker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n      />\n    );\n  },\n);\n\n// ---- Picker variants ----\nfunction createPickerVariant(\n  pickerMode: DatePickerProps['picker'],\n  defaultPlaceholder: string,\n) {\n  const PickerVariant = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n    <InternalDatePicker\n      ref={ref}\n      picker={pickerMode}\n      placeholder={props.placeholder ?? defaultPlaceholder}\n      {...props}\n    />\n  ));\n  PickerVariant.displayName = `DatePicker.${pickerMode}Picker`;\n  return PickerVariant;\n}\n\nconst WeekPicker = createPickerVariant('week', 'Select week');\nconst MonthPicker = createPickerVariant('month', 'Select month');\nconst YearPicker = createPickerVariant('year', 'Select year');\nconst QuarterPicker = createPickerVariant('quarter', 'Select quarter');\n\nconst TimePicker = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n  <InternalDatePicker\n    ref={ref}\n    picker=\"time\"\n    placeholder={props.placeholder ?? 'Select time'}\n    {...props}\n  />\n));\nTimePicker.displayName = 'DatePicker.TimePicker';\n\n// ---- Attach sub-components ----\nInternalDatePicker.RangePicker = InternalRangePicker;\nInternalDatePicker.WeekPicker = WeekPicker;\nInternalDatePicker.MonthPicker = MonthPicker;\nInternalDatePicker.YearPicker = YearPicker;\nInternalDatePicker.TimePicker = TimePicker;\nInternalDatePicker.QuarterPicker = QuarterPicker;\n\nconst DatePicker = InternalDatePicker;\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;AAmDA,IAAM,WAAmC;CACvC,OAAO;CACP,OAAO;CACR;AAGD,IAAM,qBAAqB,YACxB,OAAO,QAAQ;CACd,MAAM,EACJ,MAAM,YACN,UAAU,gBACV,WACA,QACA,WAAW,MACX,YAAY,cACZ,GAAG,cACD;CAEJ,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,OAAO,cAAc,WAAW;CACtC,MAAM,cAAc,WAAW,gBAAgB;CAC/C,MAAM,iBAAiB,kBAAkB;AAOzC,QACE,oBAAC,QAAD;EACO;EACL,gBAAgB;EAChB,QAVc,WAAW,cAAc,EAEX,cAAc;EAS/B;EACX,UAAU;EACV,WAAW,GATC,SAAS,SAAS,IAW5B,CAAC,YAAY,yBACb,WAAW,WAAW,2BACtB,WAAW,aAAa,6BACxB,UACD;EACD,GAAI;EACJ,CAAA;EAGP;AAYD,IAAM,sBAAsB,YACzB,OAAO,QAAQ;CACd,MAAM,EACJ,MAAM,YACN,UAAU,gBACV,WACA,QACA,WAAW,MACX,YAAY,cACZ,GAAG,cACD;CAEJ,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,OAAO,cAAc,WAAW;CACtC,MAAM,cAAc,WAAW,gBAAgB;CAC/C,MAAM,iBAAiB,kBAAkB;AAMzC,QACE,oBAAC,aAAD;EACO;EACL,gBAAgB;EAChB,QATc,WAAW,cAAc,EACX,cAAc;EAS/B;EACX,UAAU;EACV,WAAW,GATC,SAAS,SAAS,IAW5B,CAAC,YAAY,yBACb,WAAW,WAAW,2BACtB,WAAW,aAAa,6BACxB,UACD;EACD,GAAI;EACJ,CAAA;EAGP;AAGD,SAAS,oBACP,YACA,oBACA;CACA,MAAM,gBAAgB,YAAwC,OAAO,QACnE,oBAAC,oBAAD;EACO;EACL,QAAQ;EACR,aAAa,MAAM,eAAe;EAClC,GAAI;EACJ,CAAA,CACF;AACF,eAAc,cAAc,cAAc,WAAW;AACrD,QAAO;;AAGT,IAAM,aAAa,oBAAoB,QAAQ,cAAc;AAC7D,IAAM,cAAc,oBAAoB,SAAS,eAAe;AAChE,IAAM,aAAa,oBAAoB,QAAQ,cAAc;AAC7D,IAAM,gBAAgB,oBAAoB,WAAW,iBAAiB;AAEtE,IAAM,aAAa,YAAwC,OAAO,QAChE,oBAAC,oBAAD;CACO;CACL,QAAO;CACP,aAAa,MAAM,eAAe;CAClC,GAAI;CACJ,CAAA,CACF;AACF,WAAW,cAAc;AAGzB,mBAAmB,cAAc;AACjC,mBAAmB,aAAa;AAChC,mBAAmB,cAAc;AACjC,mBAAmB,aAAa;AAChC,mBAAmB,aAAa;AAChC,mBAAmB,gBAAgB;AAEnC,IAAM,aAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DatePicker/index.tsx"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport React, { forwardRef, useContext } from 'react';\nimport { Picker, RangePicker as RcRangePicker } from 'rc-picker';\nimport type {\n  PickerProps,\n  RangePickerProps as RcRangePickerProps,\n  PickerRef,\n} from 'rc-picker';\nimport type { PanelMode, RangePickerRef } from 'rc-picker/es/interface';\nimport dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enUS from 'rc-picker/es/locale/en_US';\nimport { LocaleContext } from '../locale/default';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext, { type SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport './date-picker.css';\n\n// ---- Types ----\n// Re-export compatible types\nexport type RangeValue<T = Dayjs> = [T | null, T | null] | null;\n\n/**\n * disabledDate compat: rc-picker v4 requires (date, info) => boolean,\n * but antd v4 consumers pass (current) => boolean. We accept both.\n */\ntype DisabledDateCompat = (\n  current: Dayjs,\n  info?: { type: PanelMode; from?: Dayjs },\n) => boolean;\n\nexport interface DatePickerProps\n  extends Omit<\n    PickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'\n  > {\n  /** Override size from ConfigProvider */\n  size?: SizeType;\n  /** Validation status */\n  status?: 'error' | 'warning';\n  /** @deprecated Use `variant` or className instead */\n  bordered?: boolean;\n  /** Custom prefixCls */\n  prefixCls?: string;\n  /**\n   * Narrowed onChange — single picker uses Dayjs | null, not Dayjs | Dayjs[].\n   * Uses import('dayjs').Dayjs to avoid duplicate-dayjs type conflicts.\n   */\n  onChange?: (date: import('dayjs').Dayjs | null, dateString: string) => void;\n  /**\n   * disabledDate — accepts both rc-picker v4 signature and antd v4 compat\n   * signature `(current: Dayjs) => boolean`.\n   */\n  disabledDate?: DisabledDateCompat;\n  /** Callback when a date is selected on the panel */\n  onSelect?: (date: Dayjs) => void;\n  /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */\n  popupClassName?: string;\n  /** Override locale for this picker instance. Defaults to ConfigProvider locale. */\n  locale?: Record<string, any>;\n}\n\nexport interface RangePickerProps\n  extends Omit<\n    RcRangePickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'\n  > {\n  size?: SizeType;\n  status?: 'error' | 'warning';\n  bordered?: boolean;\n  prefixCls?: string;\n  /** Narrowed onChange for RangePicker */\n  onChange?: (\n    dates: [import('dayjs').Dayjs | null, import('dayjs').Dayjs | null] | null,\n    dateStrings: [string, string],\n  ) => void;\n  /**\n   * disabledDate — accepts both rc-picker v4 signature and antd v4 compat\n   * signature `(current: Dayjs) => boolean`.\n   */\n  disabledDate?: DisabledDateCompat;\n  /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */\n  popupClassName?: string;\n  /** Override locale for this picker instance. Defaults to ConfigProvider locale. */\n  locale?: Record<string, any>;\n}\n\nexport type YearPickerProps = DatePickerProps;\nexport type QuarterPickerProps = DatePickerProps;\nexport type MonthPickerProps = DatePickerProps;\nexport type WeekPickerProps = DatePickerProps;\nexport type TimePickerProps = DatePickerProps;\n\n// ---- Size mapping ----\nconst SIZE_CLS: Record<string, string> = {\n  small: 'ald-picker-sm',\n  large: 'ald-picker-lg',\n};\n\n// ---- DatePicker ----\nconst InternalDatePicker = forwardRef<PickerRef, DatePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      onChange,\n      disabledDate,\n      onSelect: _onSelect,\n      popupClassName,\n      locale: localeProp,\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    // antd locale 对象包含 DatePicker 字段（即 rc-picker 格式的 locale）\n    const pickerLocale = localeProp || ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    // Wrap narrowed onChange to match rc-picker's wider signature\n    const rcOnChange = React.useMemo(() => {\n      if (!onChange) return undefined;\n      return (date: Dayjs | Dayjs[], dateString: string | string[]) => {\n        onChange(\n          (Array.isArray(date) ? date[0] : date) as Dayjs | null,\n          Array.isArray(dateString) ? dateString[0] : dateString,\n        );\n      };\n    }, [onChange]);\n\n    // Wrap compat disabledDate to rc-picker v4 signature\n    const rcDisabledDate = React.useMemo(() => {\n      if (!disabledDate) return undefined;\n      return (date: Dayjs, info: { type: PanelMode; from?: Dayjs }) =>\n        disabledDate(date, info);\n    }, [disabledDate]);\n\n    // Merge popupClassName into classNames.popup for rc-picker v4\n    const mergedClassNames = React.useMemo(() => {\n      if (!popupClassName) return restProps.classNames;\n      return {\n        ...restProps.classNames,\n        popup: cn(restProps.classNames?.popup, popupClassName),\n      };\n    }, [popupClassName, restProps.classNames]);\n\n    return (\n      <Picker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n        classNames={mergedClassNames}\n        onChange={rcOnChange}\n        disabledDate={rcDisabledDate}\n      />\n    );\n  },\n) as React.ForwardRefExoticComponent<\n  DatePickerProps & React.RefAttributes<PickerRef>\n> & {\n  RangePicker: typeof InternalRangePicker;\n  WeekPicker: typeof WeekPicker;\n  MonthPicker: typeof MonthPicker;\n  YearPicker: typeof YearPicker;\n  TimePicker: typeof TimePicker;\n  QuarterPicker: typeof QuarterPicker;\n};\n\n// ---- RangePicker ----\nconst InternalRangePicker = forwardRef<RangePickerRef, RangePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      onChange,\n      disabledDate,\n      popupClassName,\n      locale: localeProp,\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    const pickerLocale = localeProp || ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    // Wrap narrowed onChange to match rc-picker's wider signature\n    const rcOnChange = React.useMemo(() => {\n      if (!onChange) return undefined;\n      return (\n        dates: [Dayjs | null, Dayjs | null] | null,\n        dateStrings: [string, string],\n      ) => {\n        onChange(dates, dateStrings);\n      };\n    }, [onChange]);\n\n    // Wrap compat disabledDate to rc-picker v4 signature\n    const rcDisabledDate = React.useMemo(() => {\n      if (!disabledDate) return undefined;\n      return (date: Dayjs, info: { type: PanelMode; from?: Dayjs }) =>\n        disabledDate(date, info);\n    }, [disabledDate]);\n\n    // Merge popupClassName into classNames.popup for rc-picker v4\n    const mergedClassNames = React.useMemo(() => {\n      if (!popupClassName) return restProps.classNames;\n      return {\n        ...restProps.classNames,\n        popup: cn(restProps.classNames?.popup, popupClassName),\n      };\n    }, [popupClassName, restProps.classNames]);\n\n    return (\n      <RcRangePicker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n        classNames={mergedClassNames}\n        onChange={rcOnChange}\n        disabledDate={rcDisabledDate}\n      />\n    );\n  },\n);\n\n// ---- Picker variants ----\nfunction createPickerVariant(\n  pickerMode: DatePickerProps['picker'],\n  defaultPlaceholder: string,\n) {\n  const PickerVariant = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n    <InternalDatePicker\n      ref={ref}\n      picker={pickerMode}\n      placeholder={props.placeholder ?? defaultPlaceholder}\n      {...props}\n    />\n  ));\n  PickerVariant.displayName = `DatePicker.${pickerMode}Picker`;\n  return PickerVariant;\n}\n\nconst WeekPicker = createPickerVariant('week', 'Select week');\nconst MonthPicker = createPickerVariant('month', 'Select month');\nconst YearPicker = createPickerVariant('year', 'Select year');\nconst QuarterPicker = createPickerVariant('quarter', 'Select quarter');\n\nconst TimePicker = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n  <InternalDatePicker\n    ref={ref}\n    picker=\"time\"\n    placeholder={props.placeholder ?? 'Select time'}\n    {...props}\n  />\n));\nTimePicker.displayName = 'DatePicker.TimePicker';\n\n// ---- Attach sub-components ----\nInternalDatePicker.RangePicker = InternalRangePicker;\nInternalDatePicker.WeekPicker = WeekPicker;\nInternalDatePicker.MonthPicker = MonthPicker;\nInternalDatePicker.YearPicker = YearPicker;\nInternalDatePicker.TimePicker = TimePicker;\nInternalDatePicker.QuarterPicker = QuarterPicker;\n\nconst DatePicker = InternalDatePicker;\nexport default DatePicker;\n"],"mappings":"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"}

package/dist/DatePicker.d.ts

@@ -0,0 +1,2 @@
+export * from './DatePicker/index.js';
+export { default } from './DatePicker/index.js';

package/dist/Divider.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider/index.js';
+export { default } from './Divider/index.js';

package/dist/DoubleCircleIcon.d.ts

@@ -0,0 +1,2 @@
+export * from './DoubleCircleIcon/index.js';
+export { default } from './DoubleCircleIcon/index.js';

package/dist/Drawer/index.d.ts

@@ -16,6 +16,7 @@ export interface DrawerProps {
     contentWrapperStyle?: React.CSSProperties;
     bodyStyle?: React.CSSProperties;
     headerStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
     footer?: React.ReactNode;
     footerStyle?: React.CSSProperties;
     extra?: React.ReactNode;

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport React from 'react';\nimport { CloseLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?: () => HTMLElement;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right: 'tw-animate-in tw-slide-in-from-right tw-duration-300',\n  left: 'tw-animate-in tw-slide-in-from-left tw-duration-300',\n  top: 'tw-animate-in tw-slide-in-from-top tw-duration-300',\n  bottom: 'tw-animate-in tw-slide-in-from-bottom tw-duration-300',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n  } = props;\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      onOpenChange={(val) => {\n        if (!val) onClose?.();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        {mask && (\n          <DialogPrimitive.Overlay\n            className=\"ald-drawer-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45\"\n            style={{ zIndex }}\n            onClick={maskClosable ? () => onClose?.() : undefined}\n          />\n        )}\n        <DialogPrimitive.Content\n          className={cn(\n            'ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl',\n            placementStyles[placement],\n            slideAnimationStyles[placement],\n            className,\n          )}\n          style={{\n            zIndex: zIndex + 1,\n            ...sizeStyle,\n            ...contentWrapperStyle,\n            ...style,\n          }}\n          onEscapeKeyDown={() => onClose?.()}\n          onInteractOutside={maskClosable ? () => onClose?.() : undefined}\n        >\n          {(title || closable || extra) && (\n            <div\n              className=\"ald-drawer-header tw-flex tw-items-center tw-justify-between tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={headerStyle}\n            >\n              <DialogPrimitive.Title className=\"ald-drawer-title tw-m-0 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\">\n                {title}\n              </DialogPrimitive.Title>\n              <div className=\"tw-flex tw-items-center tw-gap-2\">\n                {extra}\n                {closable && (\n                  <DialogPrimitive.Close asChild>\n                    <button\n                      type=\"button\"\n                      className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]\"\n                      onClick={() => onClose?.()}\n                    >\n                      <CloseLightLine\n                        size={20}\n                        color=\"var(--content-secondary)\"\n                      />\n                    </button>\n                  </DialogPrimitive.Close>\n                )}\n              </div>\n            </div>\n          )}\n          <div\n            className=\"ald-drawer-body tw-flex-1 tw-overflow-auto tw-px-6 tw-py-4\"\n            style={bodyStyle}\n          >\n            {children}\n          </div>\n          {footer && (\n            <div\n              className=\"ald-drawer-footer tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={footerStyle}\n            >\n              {footer}\n            </div>\n          )}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;AA+BA,IAAM,cAAsC;CAC1C,SAAS;CACT,OAAO;CACR;AAED,IAAM,kBAA0C;CAC9C,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,uBAA+C;CACnD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,SAAS,OAAO,OAAoB;CAClC,MAAM,EACJ,OAAO,OACP,SACA,OACA,YAAY,SACZ,OACA,QACA,OAAO,WACP,WAAW,MACX,OAAO,MACP,eAAe,MACf,WACA,OACA,qBACA,WACA,aACA,QACA,aACA,OACA,UACA,SAAS,QACP;CAEJ,MAAM,eAAe,cAAc,UAAU,cAAc;CAC3D,MAAM,SAAS,YAAY,SAAS,YAAY;CAGhD,MAAM,YAAY,eACd;EAAE,OAHiB,SAAS;EAGH,UAAU;EAAS,GAC5C;EAAE,QAHkB,UAAU;EAGH,WAAW;EAAS;AAEnD,QACE,oBAAC,gBAAgB,MAAjB;EACQ;EACN,eAAe,QAAQ;AACrB,OAAI,CAAC,IAAK,YAAW;;YAGvB,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACG,QACC,oBAAC,gBAAgB,SAAjB;GACE,WAAU;GACV,OAAO,EAAE,QAAQ;GACjB,SAAS,qBAAqB,WAAW,GAAG;GAC5C,CAAA,EAEJ,qBAAC,gBAAgB,SAAjB;GACE,WAAW,GACT,0FACA,gBAAgB,YAChB,qBAAqB,YACrB,UACD;GACD,OAAO;IACL,QAAQ,SAAS;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACD,uBAAuB,WAAW;GAClC,mBAAmB,qBAAqB,WAAW,GAAG;aAdxD;KAgBI,SAAS,YAAY,UACrB,qBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAFT,CAIE,oBAAC,gBAAgB,OAAjB;MAAuB,WAAU;gBAC9B;MACqB,CAAA,EACxB,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,OACA,YACC,oBAAC,gBAAgB,OAAjB;OAAuB,SAAA;iBACrB,oBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eAAe,WAAW;kBAE1B,oBAAC,MAAD;SACE,MAAM;SACN,OAAM;SACN,CAAA;QACK,CAAA;OACa,CAAA,CAEtB;QACF;;IAER,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;KAEN;KACG,CAAA;IACL,UACC,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAEN;KACG,CAAA;IAEgB;KACH,EAAA,CAAA;EACJ,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport React from 'react';\nimport { CloseLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  maskStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?: () => HTMLElement;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right: 'tw-animate-in tw-slide-in-from-right tw-duration-300',\n  left: 'tw-animate-in tw-slide-in-from-left tw-duration-300',\n  top: 'tw-animate-in tw-slide-in-from-top tw-duration-300',\n  bottom: 'tw-animate-in tw-slide-in-from-bottom tw-duration-300',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n  } = props;\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      onOpenChange={(val) => {\n        if (!val) onClose?.();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        {mask && (\n          <DialogPrimitive.Overlay\n            className=\"ald-drawer-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45\"\n            style={{ zIndex }}\n            onClick={maskClosable ? () => onClose?.() : undefined}\n          />\n        )}\n        <DialogPrimitive.Content\n          className={cn(\n            'ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl',\n            placementStyles[placement],\n            slideAnimationStyles[placement],\n            className,\n          )}\n          style={{\n            zIndex: zIndex + 1,\n            ...sizeStyle,\n            ...contentWrapperStyle,\n            ...style,\n          }}\n          onEscapeKeyDown={() => onClose?.()}\n          onInteractOutside={maskClosable ? () => onClose?.() : undefined}\n        >\n          {(title || closable || extra) && (\n            <div\n              className=\"ald-drawer-header tw-flex tw-items-center tw-justify-between tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={headerStyle}\n            >\n              <DialogPrimitive.Title className=\"ald-drawer-title tw-m-0 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\">\n                {title}\n              </DialogPrimitive.Title>\n              <div className=\"tw-flex tw-items-center tw-gap-2\">\n                {extra}\n                {closable && (\n                  <DialogPrimitive.Close asChild>\n                    <button\n                      type=\"button\"\n                      className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]\"\n                      onClick={() => onClose?.()}\n                    >\n                      <CloseLightLine\n                        size={20}\n                        color=\"var(--content-secondary)\"\n                      />\n                    </button>\n                  </DialogPrimitive.Close>\n                )}\n              </div>\n            </div>\n          )}\n          <div\n            className=\"ald-drawer-body tw-flex-1 tw-overflow-auto tw-px-6 tw-py-4\"\n            style={bodyStyle}\n          >\n            {children}\n          </div>\n          {footer && (\n            <div\n              className=\"ald-drawer-footer tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={footerStyle}\n            >\n              {footer}\n            </div>\n          )}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;AAgCA,IAAM,cAAsC;CAC1C,SAAS;CACT,OAAO;CACR;AAED,IAAM,kBAA0C;CAC9C,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,uBAA+C;CACnD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,SAAS,OAAO,OAAoB;CAClC,MAAM,EACJ,OAAO,OACP,SACA,OACA,YAAY,SACZ,OACA,QACA,OAAO,WACP,WAAW,MACX,OAAO,MACP,eAAe,MACf,WACA,OACA,qBACA,WACA,aACA,QACA,aACA,OACA,UACA,SAAS,QACP;CAEJ,MAAM,eAAe,cAAc,UAAU,cAAc;CAC3D,MAAM,SAAS,YAAY,SAAS,YAAY;CAGhD,MAAM,YAAY,eACd;EAAE,OAHiB,SAAS;EAGH,UAAU;EAAS,GAC5C;EAAE,QAHkB,UAAU;EAGH,WAAW;EAAS;AAEnD,QACE,oBAAC,gBAAgB,MAAjB;EACQ;EACN,eAAe,QAAQ;AACrB,OAAI,CAAC,IAAK,YAAW;;YAGvB,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACG,QACC,oBAAC,gBAAgB,SAAjB;GACE,WAAU;GACV,OAAO,EAAE,QAAQ;GACjB,SAAS,qBAAqB,WAAW,GAAG;GAC5C,CAAA,EAEJ,qBAAC,gBAAgB,SAAjB;GACE,WAAW,GACT,0FACA,gBAAgB,YAChB,qBAAqB,YACrB,UACD;GACD,OAAO;IACL,QAAQ,SAAS;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACD,uBAAuB,WAAW;GAClC,mBAAmB,qBAAqB,WAAW,GAAG;aAdxD;KAgBI,SAAS,YAAY,UACrB,qBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAFT,CAIE,oBAAC,gBAAgB,OAAjB;MAAuB,WAAU;gBAC9B;MACqB,CAAA,EACxB,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,OACA,YACC,oBAAC,gBAAgB,OAAjB;OAAuB,SAAA;iBACrB,oBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eAAe,WAAW;kBAE1B,oBAAC,MAAD;SACE,MAAM;SACN,OAAM;SACN,CAAA;QACK,CAAA;OACa,CAAA,CAEtB;QACF;;IAER,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;KAEN;KACG,CAAA;IACL,UACC,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAEN;KACG,CAAA;IAEgB;KACH,EAAA,CAAA;EACJ,CAAA"}

package/dist/Drawer.d.ts

@@ -0,0 +1,2 @@
+export * from './Drawer/index.js';
+export { default } from './Drawer/index.js';

package/dist/Dropdown.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropdown/index.js';
+export { default } from './Dropdown/index.js';

package/dist/Empty.d.ts

@@ -0,0 +1,2 @@
+export * from './Empty/index.js';
+export { default } from './Empty/index.js';