@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Alert/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    banner: css`\n      border: none !important;\n      border-radius: 0 !important;\n    `,\n    borderless: css`\n      padding: 0 !important;\n      border: none !important;\n      background: transparent !important;\n    `,\n    borderlessExtraHeaderNoTitle: css`\n      margin-block-start: 8px;\n      padding-inline: 0;\n    `,\n    borderlessExtraHeaderWithTitle: css`\n      margin-block-start: 16px;\n      padding-inline: 0;\n    `,\n    colorfulText: css`\n      .${prefixCls}-alert-message,.${prefixCls}-alert-description {\n        color: inherit;\n      }\n    `,\n    expandText: css`\n      padding-inline-end: 12px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    `,\n    extra: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      border: 1px solid;\n      border-block-start: none;\n      border-end-start-radius: ${cssVar.borderRadiusLG};\n      border-end-end-radius: ${cssVar.borderRadiusLG};\n    `,\n    extraHeader: css`\n      border-block-start: 1px dashed;\n      border-radius: 0;\n      background: transparent !important;\n    `,\n    filled: css``,\n    glass: lobeStaticStylish.blur,\n    hasExtra: css`\n      border-block-end: none;\n      border-end-start-radius: 0;\n      border-end-end-radius: 0;\n    `,\n    outlined: css`\n      background: transparent !important;\n    `,\n    // Root variants based on closable, hasTitle, showIcon combinations\n    rootBase: css`\n      position: relative;\n\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      max-width: 100%;\n\n      /* Every control anchors itself to the title's FIRST 24px line box via\n         align-self. Root-level align-items cannot be relied on: antd v6's own\n         base style centers the row, and whether it or these static styles win\n         depends on stylesheet injection order, which differs between\n         environments. Centering the row is also wrong for message-only alerts\n         whose content wraps - the icon drifts to the middle of the block. */\n      .${prefixCls}-alert-icon {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n\n        height: 24px;\n        margin: 0;\n      }\n      .${prefixCls}-alert-close-icon {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n\n        height: 24px;\n        margin: 0;\n      }\n      .${prefixCls}-alert-actions {\n        display: flex;\n        align-items: center;\n        align-self: flex-start;\n        height: 24px;\n      }\n    `,\n    rootNoTitleNoIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleNoIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconNoClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootNoTitleWithIconWithClosable: css`\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    `,\n    rootWithTitleNoIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleNoIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconNoClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px 16px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n    rootWithTitleWithIconWithClosable: css`\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px;\n\n      .${prefixCls}-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .${prefixCls}-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    `,\n  };\n});\n\nexport const extraVariants = cva(styles.extra, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    banner: {\n      false: null,\n      true: styles.banner,\n    },\n  },\n});\n\nexport const rootVariants = cva(styles.rootBase, {\n  compoundVariants: [\n    {\n      class: styles.rootNoTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: false,\n    },\n    {\n      class: styles.rootNoTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootNoTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: false,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleNoIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleNoIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: false,\n    },\n    {\n      class: styles.rootWithTitleWithIconNoClosable,\n      closable: false,\n      hasTitle: true,\n      showIcon: true,\n    },\n    {\n      class: styles.rootWithTitleWithIconWithClosable,\n      closable: true,\n      hasTitle: true,\n      showIcon: true,\n    },\n  ],\n  defaultVariants: {\n    closable: false,\n    colorfulText: true,\n    glass: false,\n    hasTitle: false,\n    showIcon: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    closable: {\n      false: null,\n      true: null,\n    },\n    colorfulText: {\n      false: null,\n      true: styles.colorfulText,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    showIcon: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n    hasExtra: {\n      false: null,\n      true: styles.hasExtra,\n    },\n  },\n});\n\nexport const extraHeaderVariants = cva(styles.extraHeader, {\n  compoundVariants: [\n    {\n      class: styles.borderlessExtraHeaderNoTitle,\n      hasTitle: false,\n      variant: 'borderless',\n    },\n    {\n      class: styles.borderlessExtraHeaderWithTitle,\n      hasTitle: true,\n      variant: 'borderless',\n    },\n  ],\n  defaultVariants: {\n    hasTitle: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    hasTitle: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: null,\n      filled: null,\n      outlined: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;;EAIX,YAAY,GAAG;;;;;EAKf,8BAA8B,GAAG;;;;EAIjC,gCAAgC,GAAG;;;;EAInC,cAAc,GAAG;SACZ,UAAU,kBAAkB,UAAU;;;;EAI3C,YAAY,GAAG;;;;;;;EAOf,OAAO,GAAG;;;;;;;;iCAQmB,OAAO,eAAe;+BACxB,OAAO,eAAe;;EAEjD,aAAa,GAAG;;;;;EAKhB,QAAQ,GAAG;EACX,OAAOA,cAAkB;EACzB,UAAU,GAAG;;;;;EAKb,UAAU,GAAG;;;EAIb,UAAU,GAAG;;;;;;;;;;;;;;;SAeR,UAAU;;;;;;;;SAQV,UAAU;;;;;;;;SAQV,UAAU;;;;;;;EAOf,6BAA6B,GAAG;;;;;SAK3B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;;EAOf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;;EAOf,+BAA+B,GAAG;;;;;SAK7B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,iCAAiC,GAAG;;;;;SAK/B,UAAU;;;;;;SAMV,UAAU;;;;;;EAMf,mCAAmC,GAAG;;;;;SAKjC,UAAU;;;;;;SAMV,UAAU;;;;;;CAMjB;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,UAAU;GACV,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,UAAU;EACV,cAAc;EACd,OAAO;EACP,UAAU;EACV,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,cAAc;GACZ,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,IAAI,OAAO,aAAa;CACzD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,GACA;EACE,OAAO,OAAO;EACd,UAAU;EACV,SAAS;CACX,CACF;CACA,iBAAiB;EACf,UAAU;EACV,SAAS;CACX;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY;GACZ,QAAQ;GACR,UAAU;EACZ;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Alert/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { alertSummaryMarker } from './marker.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst narrow = '@media (width <= 480px)';\nconst enabledHover = ':hover:not(:disabled)';\n\nexport const styles = stylex.create({\n  action: {\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    marginInlineStart: 'auto',\n    minHeight: 32,\n  },\n  banner: {\n    borderRadius: 0,\n    boxShadow: 'none',\n  },\n  centered: {\n    alignItems: 'center',\n  },\n  close: {\n    'margin': 0,\n    'padding': 0,\n    'borderColor': 'currentcolor',\n    'borderRadius': cssVar.borderRadiusSM,\n    'borderStyle': 'none',\n    'borderWidth': 'medium',\n    'transition': `color 160ms ${cssVar.motionEaseOut}, background-color 160ms ${cssVar.motionEaseOut}, scale 160ms ${cssVar.motionEaseOut}`,\n    'alignItems': 'center',\n    'backgroundColor': { default: 'transparent', [enabledHover]: cssVar.colorFillTertiary },\n    'color': { default: cssVar.colorTextTertiary, [enabledHover]: cssVar.colorText },\n    'cursor': { 'default': 'pointer', ':disabled': 'not-allowed' },\n    'display': 'inline-flex',\n    'flexShrink': 0,\n    'justifyContent': 'center',\n    'opacity': { 'default': null, ':disabled': 0.45 },\n    'position': 'relative',\n    'scale': { 'default': 1, ':active:not(:disabled)': 0.96 },\n    'transitionDuration': { default: null, [reducedMotion]: '0s' },\n    'height': 32,\n    'width': 32,\n    '::after': {\n      content: \"''\",\n      insetBlockStart: '50%',\n      insetInlineStart: '50%',\n      position: 'absolute',\n      translate: '-50% -50%',\n      height: 40,\n      width: 40,\n    },\n  },\n  colorfulText: {\n    color: 'var(--lobe-alert-accent)',\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    maxWidth: '100%',\n    width: '100%',\n  },\n  content: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n  description: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: '20px',\n    overflowWrap: 'anywhere',\n    textWrap: 'pretty',\n  },\n  detailed: {\n    paddingBlock: 12,\n    paddingInline: 14,\n  },\n  extra: {\n    color: cssVar.colorText,\n    position: 'relative',\n    maxWidth: '100%',\n  },\n  extraBanner: {\n    borderRadius: 0,\n  },\n  extraContent: {\n    padding: 8,\n    borderRadius: cssVar.borderRadiusSM,\n    marginInline: 12,\n    overflow: 'hidden',\n    backgroundColor: cssVar.colorFillQuaternary,\n    color: cssVar.colorText,\n    fontSize: 12,\n    marginBlockEnd: 12,\n    marginBlockStart: 0,\n  },\n  extraHeader: {\n    'borderRadius': 0,\n    'gap': 6,\n    'paddingBlock': 8,\n    'paddingInline': 14,\n    'transition': `color 160ms ${cssVar.motionEaseOut}, background-color 160ms ${cssVar.motionEaseOut}`,\n    'alignItems': 'center',\n    'backgroundColor': { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    'borderBlockStartColor': cssVar.colorBorderSecondary,\n    'borderBlockStartStyle': 'solid',\n    'borderBlockStartWidth': 1,\n    'color': { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    'cursor': 'pointer',\n    'display': 'flex',\n    'fontSize': 12,\n    'fontWeight': 500,\n    'lineHeight': '20px',\n    'userSelect': 'none',\n    'minHeight': 40,\n    '::marker': {\n      content: \"''\",\n      display: 'none',\n    },\n  },\n  extraHeaderPlain: {\n    paddingInline: 0,\n    borderBlockStartColor: cssVar.colorBorderSecondary,\n    marginBlockStart: 6,\n  },\n  extraIndicator: {\n    transition: `transform 160ms ${cssVar.motionEaseOut}`,\n    color: cssVar.colorTextTertiary,\n    flexShrink: 0,\n    transform: {\n      default: null,\n      [stylex.when.ancestor(':is(details[open] > *)', alertSummaryMarker)]: 'rotate(90deg)',\n    },\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n  },\n  extraPlain: {\n    backgroundColor: 'transparent',\n  },\n  glass: {\n    backdropFilter: 'saturate(150%) blur(10px)',\n  },\n  icon: {\n    alignItems: 'center',\n    color: 'var(--lobe-alert-accent)',\n    display: 'inline-flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    height: 20,\n  },\n  integrated: {\n    borderRadius: cssVar.borderRadius,\n    overflow: 'hidden',\n  },\n  neutralText: {\n    color: cssVar.colorText,\n  },\n  outlined: {\n    backgroundColor: 'transparent',\n    boxShadow: `inset 0 0 0 1px ${cssVar.colorBorderSecondary}`,\n  },\n  plain: {\n    paddingBlock: 2,\n    paddingInline: 0,\n    backgroundColor: 'transparent',\n    boxShadow: 'none',\n  },\n  root: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    gap: 10,\n    paddingBlock: 10,\n    paddingInline: 12,\n    alignItems: 'flex-start',\n    backgroundColor: 'var(--lobe-alert-background)',\n    boxShadow: 'inset 0 0 0 1px var(--lobe-alert-soft-border)',\n    boxSizing: 'border-box',\n    color: cssVar.colorText,\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: { default: null, [narrow]: 'wrap' },\n    fontSize: 14,\n    maxWidth: '100%',\n    width: '100%',\n  },\n  soft: {\n    backgroundColor: 'var(--lobe-alert-background)',\n    boxShadow: 'inset 0 0 0 1px var(--lobe-alert-soft-border)',\n  },\n  title: {\n    color: 'inherit',\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: '20px',\n    overflowWrap: 'anywhere',\n    textWrap: 'pretty',\n  },\n  titleDetailed: {\n    fontWeight: 500,\n  },\n  toneError: {\n    '--lobe-alert-accent': cssVar.colorError,\n    '--lobe-alert-background': `color-mix(in srgb, ${cssVar.colorError} 5%, ${cssVar.colorBgContainer})`,\n    '--lobe-alert-soft-border': `color-mix(in srgb, ${cssVar.colorError} 14%, transparent)`,\n  },\n  toneInfo: {\n    '--lobe-alert-accent': cssVar.colorInfo,\n    '--lobe-alert-background': `color-mix(in srgb, ${cssVar.colorInfo} 5%, ${cssVar.colorBgContainer})`,\n    '--lobe-alert-soft-border': `color-mix(in srgb, ${cssVar.colorInfo} 14%, transparent)`,\n  },\n  toneSecondary: {\n    '--lobe-alert-accent': cssVar.colorTextSecondary,\n    '--lobe-alert-background': `color-mix(in srgb, ${cssVar.colorTextSecondary} 4%, ${cssVar.colorBgContainer})`,\n    '--lobe-alert-soft-border': `color-mix(in srgb, ${cssVar.colorTextSecondary} 12%, transparent)`,\n  },\n  toneSuccess: {\n    '--lobe-alert-accent': cssVar.colorSuccess,\n    '--lobe-alert-background': `color-mix(in srgb, ${cssVar.colorSuccess} 5%, ${cssVar.colorBgContainer})`,\n    '--lobe-alert-soft-border': `color-mix(in srgb, ${cssVar.colorSuccess} 14%, transparent)`,\n  },\n  toneWarning: {\n    '--lobe-alert-accent': cssVar.colorWarning,\n    '--lobe-alert-background': `color-mix(in srgb, ${cssVar.colorWarning} 5%, ${cssVar.colorBgContainer})`,\n    '--lobe-alert-soft-border': `color-mix(in srgb, ${cssVar.colorWarning} 14%, transparent)`,\n  },\n  unifiedRoot: {\n    borderRadius: 0,\n    backgroundColor: 'transparent',\n    boxShadow: 'none',\n  },\n  wrappedAction: {\n    marginBlockStart: { default: null, [narrow]: -2 },\n    marginInlineStart: { default: 'auto', [narrow]: 30 },\n    order: { default: null, [narrow]: 4 },\n    width: { default: null, [narrow]: 'calc(100% - 30px)' },\n  },\n});\n\nexport const alertStyles = Object.fromEntries(\n  Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? '']),\n) as Record<keyof typeof styles, string>;\n"],"mappings":"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"}

package/es/Alert/type.d.mts

@@ -1,34 +1,110 @@
 import { IconProps } from "../Icon/type.mjs";
 import "../Icon/index.mjs";
-import { CSSProperties, ReactNode, Ref } from "react";
-import { AlertProps } from "antd";
-import { AlertRef } from "antd/lib/alert/Alert.js";
+import { ButtonHTMLAttributes, CSSProperties, HTMLAttributes, MouseEventHandler, ReactNode, Ref } from "react";
 //#region src/Alert/type.d.ts
-interface AlertProps$1 extends Omit<AlertProps, 'classNames' | 'icon' | 'styles' | 'type' | 'variant'> {
-  classNames?: {
-    alert?: string;
-    container?: string;
-    extraContent?: string;
-  };
+export type AlertType = 'success' | 'info' | 'warning' | 'error' | 'secondary';
+export type AlertVariant = 'soft' | 'outlined' | 'plain' |
+/** @deprecated Use `soft` instead. */
+'filled' |
+/** @deprecated Use `plain` instead. */
+'borderless';
+export type AlertRef = HTMLDivElement;
+export interface AlertCloseConfig extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'type'> {
+  /** Called after the alert has been removed from the document. */
+  afterClose?: () => void;
+  /** Custom close affordance. */
+  closeIcon?: ReactNode;
+  /** Called when the close affordance is activated. */
+  onClose?: MouseEventHandler<HTMLButtonElement>;
+}
+export interface AlertClassNames {
+  action?: string;
+  /** @deprecated Use `root` instead. */
+  alert?: string;
+  close?: string;
+  container?: string;
+  content?: string;
+  description?: string;
+  extra?: string;
+  extraContent?: string;
+  extraHeader?: string;
+  extraIndicator?: string;
+  icon?: string;
+  root?: string;
+  /** Alias for `content`, matching the former antd semantic part. */
+  section?: string;
+  title?: string;
+}
+export interface AlertStyles {
+  action?: CSSProperties;
+  /** @deprecated Use `root` instead. */
+  alert?: CSSProperties;
+  close?: CSSProperties;
+  container?: CSSProperties;
+  content?: CSSProperties;
+  description?: CSSProperties;
+  extra?: CSSProperties;
+  extraContent?: CSSProperties;
+  extraHeader?: CSSProperties;
+  extraIndicator?: CSSProperties;
+  icon?: CSSProperties;
+  root?: CSSProperties;
+  /** Alias for `content`, matching the former antd semantic part. */
+  section?: CSSProperties;
+  title?: CSSProperties;
+}
+interface AlertOwnProps {
+  /** Optional action rendered after the message content. */
+  action?: ReactNode;
+  /** @deprecated Use `closable.afterClose` instead. */
+  afterClose?: () => void;
+  /** Removes the side border and radius for full-width notices. */
+  banner?: boolean;
+  classNames?: AlertClassNames;
+  /** Whether the alert can be dismissed. */
+  closable?: AlertCloseConfig | boolean;
+  /** @deprecated Use `closable.closeIcon` instead. */
+  closeIcon?: ReactNode;
+  /** @deprecated Use `closable.closeIcon` instead. */
+  closeText?: ReactNode;
+  /** Whether the title adopts the semantic color. Neutral text is used by default. */
   colorfulText?: boolean;
+  /** Supporting detail displayed beneath the title. */
+  description?: ReactNode;
+  /** Optional expandable or isolated detail content. */
   extra?: ReactNode;
+  /** Whether expandable detail content starts open. */
   extraDefaultExpand?: boolean;
+  /** Renders detail content as an independent sibling instead of a disclosure. */
   extraIsolate?: boolean;
+  /** Enables backdrop blur for translucent host surfaces. */
   glass?: boolean;
+  /** Custom semantic icon. */
   icon?: IconProps['icon'];
+  /** Props forwarded to the Icon component. */
   iconProps?: Omit<IconProps, 'icon'>;
+  /** @deprecated Use `title` instead. */
+  message?: ReactNode;
+  /** @deprecated Use `closable.onClose` instead. */
+  onClose?: MouseEventHandler<HTMLButtonElement>;
   ref?: Ref<AlertRef>;
-  styles?: {
-    alert?: CSSProperties;
-    container?: CSSProperties;
-    extraContent?: CSSProperties;
-  };
+  /** Alias for `className`, retained for migration compatibility. */
+  rootClassName?: string;
+  /** Whether the semantic icon is rendered. */
+  showIcon?: boolean;
+  styles?: AlertStyles;
   text?: {
     detail?: string;
   };
-  type?: 'success' | 'info' | 'warning' | 'error' | 'secondary';
-  variant?: 'filled' | 'outlined' | 'borderless';
+  /** Primary message content. */
+  title?: ReactNode;
+  /** Semantic tone. */
+  type?: AlertType;
+  /** Surface treatment. `filled` and `borderless` remain as migration aliases. */
+  variant?: AlertVariant;
 }
+type NativeAlertProps = Omit<HTMLAttributes<HTMLDivElement>, keyof AlertOwnProps | 'children' | 'title'>;
+export type AlertProps = AlertOwnProps & NativeAlertProps;
 //#endregion
-export { AlertProps$1 as AlertProps };
+export {};
 //# sourceMappingURL=type.d.mts.map

package/es/Anchor/Anchor.d.mts

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

package/es/Anchor/Anchor.mjs

@@ -0,0 +1,142 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { useMergeRefs } from "../utils/mergeRefs.mjs";
+import { useEventCallback } from "../hooks/useEventCallback.mjs";
+import { useControlledState } from "../hooks/useControlledState.mjs";
+import { styles } from "./style.mjs";
+import { memo, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+//#region src/Anchor/Anchor.tsx
+const SCROLL_LOCK_FALLBACK_MS = 1e3;
+const flatten = (items) => items.flatMap((item) => [item, ...flatten(item.children ?? [])]);
+const getTarget = (href) => {
+	const hash = href.split("#")[1];
+	if (!hash) return null;
+	try {
+		return document.getElementById(decodeURIComponent(hash));
+	} catch {
+		return document.getElementById(hash);
+	}
+};
+const isWindow = (container) => container === window;
+const getRelativeTop = (element, container) => element.getBoundingClientRect().top - (isWindow(container) ? 0 : container.getBoundingClientRect().top);
+const getScrollTop = (container) => isWindow(container) ? window.scrollY : container.scrollTop;
+const getActiveKey = (items, container, offset) => {
+	let activeKey = null;
+	let activeTop = -Infinity;
+	for (const item of flatten(items)) {
+		const target = getTarget(item.href);
+		if (!target) continue;
+		const top = getRelativeTop(target, container);
+		if (top <= offset + 1 && top >= activeTop) {
+			activeKey = item.key;
+			activeTop = top;
+		}
+	}
+	return activeKey;
+};
+const Anchor = memo(({ activeKey, className, getContainer, items, offset = 0, onChange, onClick, ref, style, ...rest }) => {
+	const [mergedActiveKey, setMergedActiveKey] = useControlledState(null, {
+		onChange,
+		value: activeKey
+	});
+	const scrollLockRef = useRef(false);
+	const navRef = useRef(null);
+	const mergedRef = useMergeRefs([ref, navRef]);
+	const [marker, setMarker] = useState();
+	const lockTimerRef = useRef(void 0);
+	const resolveContainer = useEventCallback(() => getContainer?.() ?? window);
+	const setActive = useEventCallback(setMergedActiveKey);
+	const spy = useEventCallback(() => {
+		if (scrollLockRef.current) return;
+		setActive(getActiveKey(items, resolveContainer(), offset));
+	});
+	useEffect(() => {
+		const container = resolveContainer();
+		let frame = 0;
+		const handleScroll = () => {
+			cancelAnimationFrame(frame);
+			frame = requestAnimationFrame(spy);
+		};
+		spy();
+		container.addEventListener("scroll", handleScroll, { passive: true });
+		return () => {
+			cancelAnimationFrame(frame);
+			container.removeEventListener("scroll", handleScroll);
+		};
+	}, [
+		items,
+		offset,
+		resolveContainer,
+		spy
+	]);
+	useEffect(() => () => clearTimeout(lockTimerRef.current), []);
+	useLayoutEffect(() => {
+		const nav = navRef.current;
+		if (!nav) return;
+		const place = () => {
+			const link = [...nav.querySelectorAll("a[data-key]")].find((element) => element.dataset.key === mergedActiveKey);
+			setMarker(link ? {
+				height: link.offsetHeight,
+				insetBlockStart: link.offsetTop
+			} : void 0);
+		};
+		place();
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(place);
+		observer.observe(nav);
+		return () => observer.disconnect();
+	}, [items, mergedActiveKey]);
+	const handleClick = (event, item) => {
+		onClick?.(event, item);
+		if (event.defaultPrevented || event.button !== 0) return;
+		if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+		const target = getTarget(item.href);
+		if (!target) return;
+		event.preventDefault();
+		const container = resolveContainer();
+		const top = getRelativeTop(target, container) + getScrollTop(container) - offset;
+		const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+		const release = () => {
+			scrollLockRef.current = false;
+		};
+		scrollLockRef.current = true;
+		setActive(item.key);
+		clearTimeout(lockTimerRef.current);
+		lockTimerRef.current = setTimeout(release, SCROLL_LOCK_FALLBACK_MS);
+		container.addEventListener("scrollend", release, { once: true });
+		container.scrollTo({
+			behavior: reduceMotion ? "auto" : "smooth",
+			top
+		});
+	};
+	const renderList = (list, nested) => /* @__PURE__ */ jsx("ul", {
+		...stylex.props(styles.list, nested && styles.listNested),
+		children: list.map((item) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("a", {
+			"aria-current": item.key === mergedActiveKey ? "location" : void 0,
+			...stylex.props(styles.link, nested && styles.linkNested),
+			"data-key": item.key,
+			href: item.href,
+			title: typeof item.title === "string" ? item.title : void 0,
+			onClick: (event) => handleClick(event, item),
+			children: item.title
+		}), item.children && item.children.length > 0 && renderList(item.children, true)] }, item.key))
+	});
+	return /* @__PURE__ */ jsxs("nav", {
+		ref: mergedRef,
+		...rest,
+		...styleProps(styles.root, className, style),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			...stylex.props(styles.marker),
+			hidden: !marker,
+			style: marker
+		}), renderList(items, false)]
+	});
+});
+Anchor.displayName = "Anchor";
+//#endregion
+export { Anchor as default };
+
+//# sourceMappingURL=Anchor.mjs.map

package/es/Anchor/Anchor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.mjs","names":[],"sources":["../../src/Anchor/Anchor.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport {\n  type CSSProperties,\n  memo,\n  type MouseEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useControlledState } from '@/hooks/useControlledState';\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport { styleProps } from '@/styles/stylex/props';\nimport { useMergeRefs } from '@/utils/mergeRefs';\n\nimport { styles } from './style';\nimport type { AnchorItem, AnchorProps } from './type';\n\ntype ScrollContainer = HTMLElement | Window;\n\nconst SCROLL_LOCK_FALLBACK_MS = 1000;\n\nconst flatten = (items: AnchorItem[]): AnchorItem[] =>\n  items.flatMap((item) => [item, ...flatten(item.children ?? [])]);\n\nconst getTarget = (href: string) => {\n  const hash = href.split('#')[1];\n  if (!hash) return null;\n  try {\n    return document.getElementById(decodeURIComponent(hash));\n  } catch {\n    return document.getElementById(hash);\n  }\n};\n\nconst isWindow = (container: ScrollContainer): container is Window => container === window;\n\nconst getRelativeTop = (element: HTMLElement, container: ScrollContainer) =>\n  element.getBoundingClientRect().top -\n  (isWindow(container) ? 0 : container.getBoundingClientRect().top);\n\nconst getScrollTop = (container: ScrollContainer) =>\n  isWindow(container) ? window.scrollY : container.scrollTop;\n\nconst getActiveKey = (\n  items: AnchorItem[],\n  container: ScrollContainer,\n  offset: number,\n): string | null => {\n  let activeKey: string | null = null;\n  let activeTop = -Infinity;\n  for (const item of flatten(items)) {\n    const target = getTarget(item.href);\n    if (!target) continue;\n    const top = getRelativeTop(target, container);\n    if (top <= offset + 1 && top >= activeTop) {\n      activeKey = item.key;\n      activeTop = top;\n    }\n  }\n  return activeKey;\n};\n\nconst Anchor = memo<AnchorProps>(\n  ({\n    activeKey,\n    className,\n    getContainer,\n    items,\n    offset = 0,\n    onChange,\n    onClick,\n    ref,\n    style,\n    ...rest\n  }) => {\n    const [mergedActiveKey, setMergedActiveKey] = useControlledState<string | null>(null, {\n      onChange,\n      value: activeKey,\n    });\n    const scrollLockRef = useRef(false);\n    const navRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRefs([ref, navRef]);\n    const [marker, setMarker] = useState<CSSProperties>();\n    const lockTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    const resolveContainer = useEventCallback((): ScrollContainer => getContainer?.() ?? window);\n    const setActive = useEventCallback(setMergedActiveKey);\n    const spy = useEventCallback(() => {\n      if (scrollLockRef.current) return;\n      setActive(getActiveKey(items, resolveContainer(), offset));\n    });\n\n    useEffect(() => {\n      const container = resolveContainer();\n      let frame = 0;\n      const handleScroll = () => {\n        cancelAnimationFrame(frame);\n        frame = requestAnimationFrame(spy);\n      };\n      spy();\n      container.addEventListener('scroll', handleScroll, { passive: true });\n      return () => {\n        cancelAnimationFrame(frame);\n        container.removeEventListener('scroll', handleScroll);\n      };\n    }, [items, offset, resolveContainer, spy]);\n\n    useEffect(() => () => clearTimeout(lockTimerRef.current), []);\n\n    useLayoutEffect(() => {\n      const nav = navRef.current;\n      if (!nav) return;\n      const place = () => {\n        const link = [...nav.querySelectorAll<HTMLElement>('a[data-key]')].find(\n          (element) => element.dataset.key === mergedActiveKey,\n        );\n        setMarker(\n          link ? { height: link.offsetHeight, insetBlockStart: link.offsetTop } : undefined,\n        );\n      };\n      place();\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(place);\n      observer.observe(nav);\n      return () => observer.disconnect();\n    }, [items, mergedActiveKey]);\n\n    const handleClick = (event: MouseEvent<HTMLAnchorElement>, item: AnchorItem) => {\n      onClick?.(event, item);\n      if (event.defaultPrevented || event.button !== 0) return;\n      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n\n      const target = getTarget(item.href);\n      if (!target) return;\n      event.preventDefault();\n\n      const container = resolveContainer();\n      const top = getRelativeTop(target, container) + getScrollTop(container) - offset;\n      const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n\n      // Smooth scrolling may never bring a heading near the page end up to the offset line, so the\n      // clicked item is pinned as active until the scroll settles.\n      const release = () => {\n        scrollLockRef.current = false;\n      };\n      scrollLockRef.current = true;\n      setActive(item.key);\n      clearTimeout(lockTimerRef.current);\n      lockTimerRef.current = setTimeout(release, SCROLL_LOCK_FALLBACK_MS);\n      container.addEventListener('scrollend', release, { once: true });\n      container.scrollTo({ behavior: reduceMotion ? 'auto' : 'smooth', top });\n    };\n\n    const renderList = (list: AnchorItem[], nested: boolean) => (\n      <ul {...stylex.props(styles.list, nested && styles.listNested)}>\n        {list.map((item) => (\n          <li key={item.key}>\n            <a\n              aria-current={item.key === mergedActiveKey ? 'location' : undefined}\n              {...stylex.props(styles.link, nested && styles.linkNested)}\n              data-key={item.key}\n              href={item.href}\n              title={typeof item.title === 'string' ? item.title : undefined}\n              onClick={(event) => handleClick(event, item)}\n            >\n              {item.title}\n            </a>\n            {item.children && item.children.length > 0 && renderList(item.children, true)}\n          </li>\n        ))}\n      </ul>\n    );\n\n    return (\n      <nav ref={mergedRef} {...rest} {...styleProps(styles.root, className, style)}>\n        <span aria-hidden {...stylex.props(styles.marker)} hidden={!marker} style={marker} />\n        {renderList(items, false)}\n      </nav>\n    );\n  },\n);\n\nAnchor.displayName = 'Anchor';\n\nexport default Anchor;\n"],"mappings":"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"}

package/es/Anchor/index.mjs

@@ -0,0 +1 @@
+export { default } from "./Anchor.mjs";

package/es/Anchor/style.mjs

@@ -0,0 +1,67 @@
+//#region src/Anchor/style.ts
+const styles = {
+	link: {
+		kaIpWk: "lbn61e16",
+		kVQacm: "lbb3r6kr",
+		kmkexE: "lbrwkjy5",
+		kgKLqz: "lb1ua5tub",
+		kJFfOR: "lb1h7i4cw",
+		kMwMTN: "lbc77et8 lb1qs11ky lb1bxu9lh",
+		k1xSpc: "lb104kibb",
+		kGuDYH: "lbif65rj",
+		k63SB2: "lbxc4wd5",
+		kLWn49: "lb37zpob",
+		kjBf7l: "lb1ay5pp7",
+		kInvED: "lb7s97pk",
+		k3XXqK: "lb9v5kkp",
+		kMeerF: "lb784prv",
+		kHjlTd: "lbj0a0fe",
+		$$css: true
+	},
+	linkNested: {
+		kGuDYH: "lb4z9k3i",
+		$$css: true
+	},
+	list: {
+		kogj98: "lb1ghz6dp",
+		kOIVth: "lb167g77z",
+		kB88ic: "lbe8uvvx",
+		k8WAf4: "lbt970qd",
+		kGJrpR: "lb7fs7li",
+		kVhnKS: "lb1t7ytsu",
+		k2ei4v: "lbpilrb4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kwRFfy: "lbyri2b",
+		kZCmMZ: "lb1onr9mi",
+		$$css: true
+	},
+	listNested: {
+		kGJrpR: "lbbosp7r",
+		kVhnKS: "lbstzfhl",
+		k2ei4v: "lbu33yg2",
+		keoZOQ: "lb1xmf6yo",
+		kZCmMZ: "lb1g0dm76",
+		$$css: true
+	},
+	marker: {
+		kaIpWk: "lb1cum3z5",
+		kmkexE: "lbw1r3nx",
+		kWkggS: "lbuzaq58",
+		kLqNvP: "lbccywas",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kIyJzY: "lb12w9bfk",
+		k1ekBW: "lb4wkmsb",
+		kzqmXN: "lbfo62xy",
+		$$css: true
+	},
+	root: {
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Anchor/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Anchor/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\n\nexport const styles = stylex.create({\n  link: {\n    borderRadius: { 'default': null, ':focus-visible': 4 },\n    overflow: 'hidden',\n    transition: 'color 0.15s ease',\n    WebkitBoxOrient: 'vertical',\n    WebkitLineClamp: 2,\n    color: {\n      'default': cssVar.colorTextSecondary,\n      \":is([aria-current='location'])\": cssVar.colorText,\n      ':hover': cssVar.colorText,\n    },\n    display: '-webkit-box',\n    fontSize: 14,\n    fontWeight: { 'default': null, \":is([aria-current='location'])\": 500 },\n    lineHeight: 1.4,\n    outlineColor: { 'default': null, ':focus-visible': cssVar.colorText },\n    outlineOffset: { 'default': null, ':focus-visible': 2 },\n    outlineStyle: { 'default': null, ':focus-visible': 'solid' },\n    outlineWidth: { 'default': null, ':focus-visible': 2 },\n    overflowWrap: 'anywhere',\n  },\n  linkNested: {\n    fontSize: 13,\n  },\n  list: {\n    margin: 0,\n    gap: 8,\n    listStyle: 'none',\n    paddingBlock: 0,\n    borderInlineStartColor: cssVar.colorBorderSecondary,\n    borderInlineStartStyle: 'solid',\n    borderInlineStartWidth: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    paddingInlineEnd: 0,\n    paddingInlineStart: 14,\n  },\n  listNested: {\n    borderInlineStartColor: 'currentcolor',\n    borderInlineStartStyle: 'none',\n    borderInlineStartWidth: 'medium',\n    marginBlockStart: 8,\n    paddingInlineStart: 12,\n  },\n  marker: {\n    borderRadius: 2,\n    transition: `inset-block-start 0.2s ${cssVar.motionEaseOut}, height 0.2s ${cssVar.motionEaseOut}`,\n    backgroundColor: cssVar.colorText,\n    insetInlineStart: -1,\n    pointerEvents: 'none',\n    position: 'absolute',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n    transitionProperty: { default: null, [reducedMotion]: 'none' },\n    width: 2,\n  },\n  root: {\n    position: 'relative',\n  },\n});\n"],"mappings":";AAIA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Anchor/type.d.mts

@@ -0,0 +1,19 @@
+import { ComponentProps, MouseEvent, ReactNode, Ref } from "react";
+//#region src/Anchor/type.d.ts
+export interface AnchorItem {
+  children?: AnchorItem[];
+  href: string;
+  key: string;
+  title: ReactNode;
+}
+export interface AnchorProps extends Omit<ComponentProps<'nav'>, 'children' | 'onChange' | 'onClick'> {
+  activeKey?: string | null;
+  getContainer?: () => HTMLElement | Window | null | undefined;
+  items: AnchorItem[];
+  offset?: number;
+  onChange?: (key: string | null) => void;
+  onClick?: (event: MouseEvent<HTMLAnchorElement>, item: AnchorItem) => void;
+  ref?: Ref<HTMLElement>;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/AutoComplete/AutoComplete.d.mts

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

package/es/AutoComplete/AutoComplete.mjs

@@ -0,0 +1,98 @@
+"use client";
+import { useAppElement } from "../ConfigProvider/AppElementContext.mjs";
+import Icon from "../Icon/Icon.mjs";
+import { getFloatingCollisionPadding } from "../internal/floating/collisionPadding.mjs";
+import { useThemeMode } from "../styles/theme/scope.mjs";
+import { useLayerZIndex } from "../internal/zIndex/useLayerZIndex.mjs";
+import { inputClassNames, rootVariants } from "../Input/style.mjs";
+import { styles } from "./style.mjs";
+import { memo, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { XIcon } from "lucide-react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/AutoComplete/AutoComplete.tsx
+const AutoComplete = memo(({ className, classNames, styles: customStyles, style, variant, shadow, size = "middle", options = [], onChange, onSearch, allowClear, disabled, placeholder, prefix, suffix, emptyText, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const appElement = useAppElement();
+	const anchorRef = useRef(null);
+	const { ref: positionerRef, zIndex } = useLayerZIndex("floating");
+	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
+	const items = useMemo(() => options.map((option) => typeof option === "string" ? { value: option } : option), [options]);
+	return /* @__PURE__ */ jsxs(Autocomplete.Root, {
+		openOnInputClick: true,
+		disabled,
+		itemToStringValue: (item) => item.value,
+		items,
+		onValueChange: (value) => {
+			onChange?.(value);
+			onSearch?.(value);
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: clsx$1(rootVariants({
+				shadow,
+				size,
+				variant: mergedVariant
+			}), className),
+			"data-disabled": disabled ? "" : void 0,
+			ref: anchorRef,
+			style,
+			children: [
+				prefix && /* @__PURE__ */ jsx("span", {
+					className: inputClassNames.slot,
+					children: prefix
+				}),
+				/* @__PURE__ */ jsx(Autocomplete.Input, {
+					className: clsx$1(inputClassNames.input, classNames?.input),
+					placeholder,
+					style: customStyles?.input
+				}),
+				allowClear && /* @__PURE__ */ jsx(Autocomplete.Clear, {
+					"aria-label": "Clear",
+					className: styles.clear,
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: XIcon,
+						size: 14
+					})
+				}),
+				suffix && /* @__PURE__ */ jsx("span", {
+					className: inputClassNames.slot,
+					children: suffix
+				})
+			]
+		}), /* @__PURE__ */ jsx(Autocomplete.Portal, {
+			container: appElement ?? void 0,
+			children: /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+				anchor: anchorRef,
+				className: styles.positioner,
+				collisionPadding: getFloatingCollisionPadding(),
+				ref: positionerRef,
+				sideOffset: 4,
+				style: zIndex === void 0 ? void 0 : { zIndex },
+				children: /* @__PURE__ */ jsxs(Autocomplete.Popup, {
+					className: clsx$1(styles.popup, classNames?.popup),
+					style: customStyles?.popup,
+					children: [emptyText && /* @__PURE__ */ jsx(Autocomplete.Empty, {
+						className: styles.empty,
+						children: emptyText
+					}), /* @__PURE__ */ jsx(Autocomplete.List, {
+						className: styles.list,
+						children: (item) => /* @__PURE__ */ jsx(Autocomplete.Item, {
+							className: clsx$1(styles.item, classNames?.item),
+							disabled: item.disabled,
+							style: customStyles?.item,
+							value: item,
+							children: item.label ?? item.value
+						}, item.value)
+					})]
+				})
+			})
+		})]
+	});
+});
+AutoComplete.displayName = "AutoComplete";
+//#endregion
+export { AutoComplete as default };
+
+//# sourceMappingURL=AutoComplete.mjs.map

package/es/AutoComplete/AutoComplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.mjs","names":["clsx","inputVariants","inputStyles"],"sources":["../../src/AutoComplete/AutoComplete.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete } from '@base-ui/react/autocomplete';\nimport clsx from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo, useRef } from 'react';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport Icon from '@/Icon';\nimport { inputStyles, inputVariants } from '@/Input';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { useLayerZIndex } from '@/internal/zIndex';\nimport { useThemeMode } from '@/styles/theme/scope';\n\nimport { styles } from './style';\nimport type { AutoCompleteOption, AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(\n  ({\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    options = [],\n    onChange,\n    onSearch,\n    allowClear,\n    disabled,\n    placeholder,\n    prefix,\n    suffix,\n    emptyText,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const appElement = useAppElement();\n    const anchorRef = useRef<HTMLDivElement>(null);\n    const { ref: positionerRef, zIndex } = useLayerZIndex<HTMLDivElement>('floating');\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n\n    const items = useMemo<AutoCompleteOption[]>(\n      () => options.map((option) => (typeof option === 'string' ? { value: option } : option)),\n      [options],\n    );\n\n    return (\n      <Autocomplete.Root\n        openOnInputClick\n        disabled={disabled}\n        itemToStringValue={(item) => (item as AutoCompleteOption).value}\n        items={items}\n        onValueChange={(value) => {\n          onChange?.(value);\n          onSearch?.(value);\n        }}\n        {...rest}\n      >\n        <div\n          className={clsx(inputVariants({ shadow, size, variant: mergedVariant }), className)}\n          data-disabled={disabled ? '' : undefined}\n          ref={anchorRef}\n          style={style}\n        >\n          {prefix && <span className={inputStyles.slot}>{prefix}</span>}\n          <Autocomplete.Input\n            className={clsx(inputStyles.input, classNames?.input)}\n            placeholder={placeholder}\n            style={customStyles?.input}\n          />\n          {allowClear && (\n            <Autocomplete.Clear aria-label={'Clear'} className={styles.clear}>\n              <Icon icon={XIcon} size={14} />\n            </Autocomplete.Clear>\n          )}\n          {suffix && <span className={inputStyles.slot}>{suffix}</span>}\n        </div>\n        <Autocomplete.Portal container={appElement ?? undefined}>\n          <Autocomplete.Positioner\n            anchor={anchorRef}\n            className={styles.positioner}\n            collisionPadding={getFloatingCollisionPadding()}\n            ref={positionerRef}\n            sideOffset={4}\n            style={zIndex === undefined ? undefined : { zIndex }}\n          >\n            <Autocomplete.Popup\n              className={clsx(styles.popup, classNames?.popup)}\n              style={customStyles?.popup}\n            >\n              {emptyText && (\n                <Autocomplete.Empty className={styles.empty}>{emptyText}</Autocomplete.Empty>\n              )}\n              <Autocomplete.List className={styles.list}>\n                {(item: AutoCompleteOption) => (\n                  <Autocomplete.Item\n                    className={clsx(styles.item, classNames?.item)}\n                    disabled={item.disabled}\n                    key={item.value}\n                    style={customStyles?.item}\n                    value={item}\n                  >\n                    {item.label ?? item.value}\n                  </Autocomplete.Item>\n                )}\n              </Autocomplete.List>\n            </Autocomplete.Popup>\n          </Autocomplete.Positioner>\n        </Autocomplete.Portal>\n      </Autocomplete.Root>\n    );\n  },\n);\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,eAAe,MAClB,EACC,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,UAAU,CAAC,GACX,UACA,UACA,YACA,UACA,aACA,QACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,aAAa,cAAc;CACjC,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,EAAE,KAAK,eAAe,WAAW,eAA+B,UAAU;CAChF,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAE1D,MAAM,QAAQ,cACN,QAAQ,KAAK,WAAY,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI,MAAO,GACvF,CAAC,OAAO,CACV;CAEA,OACE,qBAAC,aAAa,MAAd;EACE,kBAAA;EACU;EACV,oBAAoB,SAAU,KAA4B;EACnD;EACP,gBAAgB,UAAU;GACxB,WAAW,KAAK;GAChB,WAAW,KAAK;EAClB;EACA,GAAI;EATN,UAAA,CAWE,qBAAC,OAAD;GACE,WAAWA,OAAKC,aAAc;IAAE;IAAQ;IAAM,SAAS;GAAc,CAAC,GAAG,SAAS;GAClF,iBAAe,WAAW,KAAK,KAAA;GAC/B,KAAK;GACE;GAJT,UAAA;IAMG,UAAU,oBAAC,QAAD;KAAM,WAAWC,gBAAY;KAAO,UAAA;IAAa,CAAA;IAC5D,oBAAC,aAAa,OAAd;KACE,WAAWF,OAAKE,gBAAY,OAAO,YAAY,KAAK;KACvC;KACb,OAAO,cAAc;IACtB,CAAA;IACA,cACC,oBAAC,aAAa,OAAd;KAAoB,cAAY;KAAS,WAAW,OAAO;KACzD,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAO,MAAM;KAAK,CAAA;IACZ,CAAA;IAErB,UAAU,oBAAC,QAAD;KAAM,WAAWA,gBAAY;KAAO,UAAA;IAAa,CAAA;GACzD;EACL,CAAA,GAAA,oBAAC,aAAa,QAAd;GAAqB,WAAW,cAAc,KAAA;GAC5C,UAAA,oBAAC,aAAa,YAAd;IACE,QAAQ;IACR,WAAW,OAAO;IAClB,kBAAkB,4BAA4B;IAC9C,KAAK;IACL,YAAY;IACZ,OAAO,WAAW,KAAA,IAAY,KAAA,IAAY,EAAE,OAAO;IAEnD,UAAA,qBAAC,aAAa,OAAd;KACE,WAAWF,OAAK,OAAO,OAAO,YAAY,KAAK;KAC/C,OAAO,cAAc;KAFvB,UAAA,CAIG,aACC,oBAAC,aAAa,OAAd;MAAoB,WAAW,OAAO;MAAQ,UAAA;KAA8B,CAAA,GAE9E,oBAAC,aAAa,MAAd;MAAmB,WAAW,OAAO;MACjC,WAAA,SACA,oBAAC,aAAa,MAAd;OACE,WAAWA,OAAK,OAAO,MAAM,YAAY,IAAI;OAC7C,UAAU,KAAK;OAEf,OAAO,cAAc;OACrB,OAAO;OAEN,UAAA,KAAK,SAAS,KAAK;MACH,GALZ,KAAK,KAKO;KAEJ,CAAA,CACD;;GACG,CAAA;EACN,CAAA,CACJ;;AAEvB,CACF;AAEA,aAAa,cAAc"}

package/es/AutoComplete/index.d.mts

@@ -1,3 +1,4 @@
-import { AutoCompleteProps } from "./type.mjs";
-import AutoComplete from "./Select.mjs";
-export { type AutoCompleteProps, AutoComplete as default };
+import { AutoCompleteOption, AutoCompleteProps } from "./type.mjs";
+import AutoComplete from "./AutoComplete.mjs";
+import { styles } from "./style.mjs";
+export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, styles as autoCompleteStyles };

package/es/AutoComplete/index.mjs

@@ -1 +1,3 @@
-export { default } from "./Select.mjs";
+import { styles } from "./style.mjs";
+import AutoComplete from "./AutoComplete.mjs";
+export { AutoComplete, styles as autoCompleteStyles };