@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/Popconfirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popconfirm-${idBase}`;\n  const titleId = `ald-popconfirm-title-${idBase}`;\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      'aria-controls': contentId,\n    })\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={mergedOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-floating)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div\n                id={titleId}\n                className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]\"\n              >\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["PopoverPrimitive","React","useState","Button","ButtonType","IButtonProps","AttentionTriangleFill","useFloatingPopupZIndex","cn","PopconfirmProps","title","ReactNode","onConfirm","e","MouseEvent","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","okType","icon","open","onOpenChange","placement","rootClassName","className","overlayClassName","getPopupContainer","triggerNode","HTMLElement","children","disabled","sideMap","Record","PopoverContentProps","top","bottom","left","right","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom","alignMap","Popconfirm","props","controlledOpen","innerOpen","setInnerOpen","triggerRef","useRef","getPopupContainerRef","lastGetPopupContainerRef","popupContainer","setPopupContainer","current","isControlled","undefined","isOpen","mergedOpen","updatePopupContainer","useCallback","node","nextContainer","prevContainer","setTriggerNode","useEffect","handleOpenChange","val","handleConfirm","handleCancel","side","align","popupZIndex","idBase","useId","replace","contentId","titleId","triggerChild","isValidElement","cloneElement","ReactElement","zIndex","boxShadow"],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popconfirm-${idBase}`;\n  const titleId = `ald-popconfirm-title-${idBase}`;\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(\n      children as React.ReactElement<Record<string, unknown>>,\n      {\n        'aria-controls': contentId,\n      },\n    )\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={mergedOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-floating)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div\n                id={titleId}\n                className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]\"\n              >\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}

package/dist/Popconfirm.js

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

package/dist/Popover/index.d.ts

@@ -26,5 +26,5 @@ export interface PopoverProps {
     getPopupContainer?: () => HTMLElement;
     zIndex?: number;
 }
-declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare function Popover(props: PopoverProps): React.JSX.Element;
 export default Popover;

package/dist/Popover/index.js

@@ -31,7 +31,7 @@ function hasInteractiveContent(node) {
 				"textarea",
 				"summary"
 			].includes(child.type)) return true;
-			if (interactiveRoles.has(child.props.role)) return true;
+			if (typeof child.props.role === "string" && interactiveRoles.has(child.props.role)) return true;
 			if (typeof child.props.tabIndex === "number" && child.props.tabIndex >= 0) return true;
 		}
 		return hasInteractiveContent(child.props.children);

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Popover/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\ntype TriggerType = 'hover' | 'click' | 'focus';\n\nconst interactiveRoles = new Set([\n  'button',\n  'checkbox',\n  'combobox',\n  'link',\n  'menuitem',\n  'option',\n  'radio',\n  'searchbox',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'textbox',\n]);\n\nfunction hasInteractiveContent(node: React.ReactNode): boolean {\n  return React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement(child)) return false;\n\n    if (typeof child.type === 'string') {\n      if (\n        ['a', 'button', 'input', 'select', 'textarea', 'summary'].includes(\n          child.type,\n        )\n      ) {\n        return true;\n      }\n\n      if (interactiveRoles.has(child.props.role)) return true;\n      if (\n        typeof child.props.tabIndex === 'number' &&\n        child.props.tabIndex >= 0\n      ) {\n        return true;\n      }\n    }\n\n    return hasInteractiveContent(child.props.children);\n  });\n}\n\nexport interface PopoverProps {\n  content?: React.ReactNode;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: TriggerType | TriggerType[];\n  rootClassName?: string;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  overlayInnerStyle?: React.CSSProperties;\n  color?: string;\n  align?: {\n    offset?: [number, number];\n    [key: string]: any;\n  };\n  arrow?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  getPopupContainer?: () => HTMLElement;\n  zIndex?: number;\n}\n\nconst placementMap: Record<\n  string,\n  PopoverPrimitive.PopoverContentProps['side']\n> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nconst DEFAULT_SIDE_OFFSET = 4;\n\nfunction normalizeTrigger(trigger: PopoverProps['trigger']): Set<TriggerType> {\n  if (Array.isArray(trigger)) return new Set(trigger);\n  if (trigger) return new Set([trigger]);\n  return new Set<TriggerType>(['hover']);\n}\n\nfunction getPopoverOffsets(\n  side: PopoverPrimitive.PopoverContentProps['side'],\n  offset?: [number, number],\n) {\n  if (!offset) {\n    return {\n      alignOffset: undefined,\n      sideOffset: DEFAULT_SIDE_OFFSET,\n    };\n  }\n\n  const [x = 0, y = 0] = offset;\n  switch (side) {\n    case 'left':\n      return {\n        alignOffset: y,\n        sideOffset: -x,\n      };\n    case 'right':\n      return {\n        alignOffset: y,\n        sideOffset: x,\n      };\n    case 'bottom':\n      return {\n        alignOffset: x,\n        sideOffset: y,\n      };\n    case 'top':\n    default:\n      return {\n        alignOffset: x,\n        sideOffset: -y,\n      };\n  }\n}\n\nfunction Popover(props: PopoverProps) {\n  const {\n    content,\n    title,\n    children,\n    open,\n    defaultOpen,\n    onOpenChange,\n    trigger = 'hover',\n    placement = 'top',\n    overlayClassName,\n    overlayStyle,\n    overlayInnerStyle,\n    color,\n    align: popupAlign,\n    arrow = false,\n    getPopupContainer,\n    zIndex,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement | undefined>(\n    getPopupContainer?.(),\n  );\n\n  const [hoverOpen, setHoverOpen] = React.useState(false);\n  const triggers = normalizeTrigger(trigger);\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-${idBase}`;\n  const titleId = `ald-popover-title-${idBase}`;\n\n  const isControlled = open !== undefined;\n  const isHoverTrigger = triggers.has('hover');\n  const isOpen = isControlled\n    ? open\n    : isHoverTrigger\n    ? hoverOpen\n    : triggers.size === 0\n    ? false\n    : undefined;\n\n  const handleOpenChange = (val: boolean) => {\n    if (!isControlled && isHoverTrigger) {\n      setHoverOpen(val);\n    }\n    onOpenChange?.(val);\n  };\n\n  const side = placementMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex(zIndex);\n  const { alignOffset, sideOffset } = getPopoverOffsets(\n    side,\n    popupAlign?.offset,\n  );\n\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      'aria-controls': contentId,\n      'aria-haspopup': false,\n    })\n  ) : (\n    <span aria-controls={contentId} aria-haspopup={false}>\n      {children}\n    </span>\n  );\n\n  if (triggers.size === 0 && !isControlled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <PopoverPrimitive.Root\n      open={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {isHoverTrigger ? (\n          <span\n            onMouseEnter={() => handleOpenChange(true)}\n            onMouseLeave={() => handleOpenChange(false)}\n          >\n            {triggerChild}\n          </span>\n        ) : (\n          triggerChild\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={containerRef.current}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          // antd 兼容：保留 ant-popover-inner class，消费方 CSS 可能通过该选择器自定义内边距、背景等样式\n          className={cn(\n            'ald-popover ant-popover-inner tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-floating)] tw-p-3 tw-outline-none',\n            'tw-animate-in tw-fade-in-0 tw-zoom-in-95',\n            overlayClassName,\n          )}\n          style={{\n            boxShadow: 'var(--elevation-bottom-bottom-sm)',\n            backgroundColor: color,\n            zIndex: popupZIndex,\n            ...overlayStyle,\n            ...overlayInnerStyle,\n          }}\n          onOpenAutoFocus={(event) => {\n            if (!hasInteractiveContent(content)) {\n              event.preventDefault();\n            }\n          }}\n          onMouseEnter={\n            isHoverTrigger ? () => handleOpenChange(true) : undefined\n          }\n          onMouseLeave={\n            isHoverTrigger ? () => handleOpenChange(false) : undefined\n          }\n        >\n          {title && (\n            <div\n              id={titleId}\n              className=\"ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\"\n            >\n              {title}\n            </div>\n          )}\n          {content && (\n            // antd 兼容：保留 ant-popover-inner-content class，消费方 CSS 可能通过该选择器自定义样式\n            <div className=\"ald-popover-inner-content ant-popover-inner-content\">\n              {content}\n            </div>\n          )}\n          {arrow && (\n            <PopoverPrimitive.Arrow\n              style={{ fill: color || 'var(--background-floating)' }}\n            />\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popover;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["PopoverPrimitive","React","useFloatingPopupZIndex","cn","TriggerType","interactiveRoles","Set","hasInteractiveContent","node","ReactNode","Children","toArray","some","child","isValidElement","role","tabIndex","children","type","includes","props","has","PopoverProps","content","title","open","defaultOpen","onOpenChange","trigger","rootClassName","placement","overlayClassName","overlayStyle","CSSProperties","overlayInnerStyle","color","align","offset","key","arrow","mouseEnterDelay","mouseLeaveDelay","className","style","getPopupContainer","HTMLElement","zIndex","placementMap","Record","PopoverContentProps","top","bottom","left","right","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom","alignMap","DEFAULT_SIDE_OFFSET","normalizeTrigger","Array","isArray","getPopoverOffsets","side","alignOffset","undefined","sideOffset","x","y","Popover","popupAlign","containerRef","useRef","hoverOpen","setHoverOpen","useState","triggers","idBase","useId","replace","contentId","titleId","isControlled","isHoverTrigger","isOpen","size","handleOpenChange","val","popupZIndex","triggerChild","cloneElement","ReactElement","current","boxShadow","backgroundColor","event","preventDefault","fill"],"sources":["../../src/Popover/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\ntype TriggerType = 'hover' | 'click' | 'focus';\n\nconst interactiveRoles = new Set([\n  'button',\n  'checkbox',\n  'combobox',\n  'link',\n  'menuitem',\n  'option',\n  'radio',\n  'searchbox',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'textbox',\n]);\n\nfunction hasInteractiveContent(node: React.ReactNode): boolean {\n  return React.Children.toArray(node).some((child) => {\n    if (\n      !React.isValidElement<{\n        role?: string;\n        tabIndex?: number;\n        children?: React.ReactNode;\n      }>(child)\n    )\n      return false;\n\n    if (typeof child.type === 'string') {\n      if (\n        ['a', 'button', 'input', 'select', 'textarea', 'summary'].includes(\n          child.type,\n        )\n      ) {\n        return true;\n      }\n\n      if (\n        typeof child.props.role === 'string' &&\n        interactiveRoles.has(child.props.role)\n      )\n        return true;\n      if (\n        typeof child.props.tabIndex === 'number' &&\n        child.props.tabIndex >= 0\n      ) {\n        return true;\n      }\n    }\n\n    return hasInteractiveContent(child.props.children);\n  });\n}\n\nexport interface PopoverProps {\n  content?: React.ReactNode;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: TriggerType | TriggerType[];\n  rootClassName?: string;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  overlayInnerStyle?: React.CSSProperties;\n  color?: string;\n  align?: {\n    offset?: [number, number];\n    [key: string]: any;\n  };\n  arrow?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  getPopupContainer?: () => HTMLElement;\n  zIndex?: number;\n}\n\nconst placementMap: Record<\n  string,\n  PopoverPrimitive.PopoverContentProps['side']\n> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nconst DEFAULT_SIDE_OFFSET = 4;\n\nfunction normalizeTrigger(trigger: PopoverProps['trigger']): Set<TriggerType> {\n  if (Array.isArray(trigger)) return new Set(trigger);\n  if (trigger) return new Set([trigger]);\n  return new Set<TriggerType>(['hover']);\n}\n\nfunction getPopoverOffsets(\n  side: PopoverPrimitive.PopoverContentProps['side'],\n  offset?: [number, number],\n) {\n  if (!offset) {\n    return {\n      alignOffset: undefined,\n      sideOffset: DEFAULT_SIDE_OFFSET,\n    };\n  }\n\n  const [x = 0, y = 0] = offset;\n  switch (side) {\n    case 'left':\n      return {\n        alignOffset: y,\n        sideOffset: -x,\n      };\n    case 'right':\n      return {\n        alignOffset: y,\n        sideOffset: x,\n      };\n    case 'bottom':\n      return {\n        alignOffset: x,\n        sideOffset: y,\n      };\n    case 'top':\n    default:\n      return {\n        alignOffset: x,\n        sideOffset: -y,\n      };\n  }\n}\n\nfunction Popover(props: PopoverProps) {\n  const {\n    content,\n    title,\n    children,\n    open,\n    defaultOpen,\n    onOpenChange,\n    trigger = 'hover',\n    placement = 'top',\n    overlayClassName,\n    overlayStyle,\n    overlayInnerStyle,\n    color,\n    align: popupAlign,\n    arrow = false,\n    getPopupContainer,\n    zIndex,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement | undefined>(\n    getPopupContainer?.(),\n  );\n\n  const [hoverOpen, setHoverOpen] = React.useState(false);\n  const triggers = normalizeTrigger(trigger);\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-${idBase}`;\n  const titleId = `ald-popover-title-${idBase}`;\n\n  const isControlled = open !== undefined;\n  const isHoverTrigger = triggers.has('hover');\n  const isOpen = isControlled\n    ? open\n    : isHoverTrigger\n    ? hoverOpen\n    : triggers.size === 0\n    ? false\n    : undefined;\n\n  const handleOpenChange = (val: boolean) => {\n    if (!isControlled && isHoverTrigger) {\n      setHoverOpen(val);\n    }\n    onOpenChange?.(val);\n  };\n\n  const side = placementMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex(zIndex);\n  const { alignOffset, sideOffset } = getPopoverOffsets(\n    side,\n    popupAlign?.offset,\n  );\n\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(\n      children as React.ReactElement<Record<string, unknown>>,\n      {\n        'aria-controls': contentId,\n        'aria-haspopup': false,\n      },\n    )\n  ) : (\n    <span aria-controls={contentId} aria-haspopup={false}>\n      {children}\n    </span>\n  );\n\n  if (triggers.size === 0 && !isControlled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <PopoverPrimitive.Root\n      open={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {isHoverTrigger ? (\n          <span\n            onMouseEnter={() => handleOpenChange(true)}\n            onMouseLeave={() => handleOpenChange(false)}\n          >\n            {triggerChild}\n          </span>\n        ) : (\n          triggerChild\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={containerRef.current}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          // antd 兼容：保留 ant-popover-inner class，消费方 CSS 可能通过该选择器自定义内边距、背景等样式\n          className={cn(\n            'ald-popover ant-popover-inner tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-floating)] tw-p-3 tw-outline-none',\n            'tw-animate-in tw-fade-in-0 tw-zoom-in-95',\n            overlayClassName,\n          )}\n          style={{\n            boxShadow: 'var(--elevation-bottom-bottom-sm)',\n            backgroundColor: color,\n            zIndex: popupZIndex,\n            ...overlayStyle,\n            ...overlayInnerStyle,\n          }}\n          onOpenAutoFocus={(event) => {\n            if (!hasInteractiveContent(content)) {\n              event.preventDefault();\n            }\n          }}\n          onMouseEnter={\n            isHoverTrigger ? () => handleOpenChange(true) : undefined\n          }\n          onMouseLeave={\n            isHoverTrigger ? () => handleOpenChange(false) : undefined\n          }\n        >\n          {title && (\n            <div\n              id={titleId}\n              className=\"ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\"\n            >\n              {title}\n            </div>\n          )}\n          {content && (\n            // antd 兼容：保留 ant-popover-inner-content class，消费方 CSS 可能通过该选择器自定义样式\n            <div className=\"ald-popover-inner-content ant-popover-inner-content\">\n              {content}\n            </div>\n          )}\n          {arrow && (\n            <PopoverPrimitive.Arrow\n              style={{ fill: color || 'var(--background-floating)' }}\n            />\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popover;\n"],"mappings":"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"}

package/dist/Popover.js

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

package/dist/Progress/index.js

@@ -1,6 +1,7 @@
 import { cn } from "../lib/utils.js";
 /* empty css         */
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Progress/index.tsx
 var ELoadingState = /* @__PURE__ */ function(ELoadingState) {
@@ -10,39 +11,101 @@ var ELoadingState = /* @__PURE__ */ function(ELoadingState) {
 	return ELoadingState;
 }(ELoadingState || {});
 var Progress_default = forwardRef(function Progress(props, ref) {
+	const $ = c(21);
 	const { loading, className } = props;
 	const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);
 	const [key, setKey] = useState(0);
-	useImperativeHandle(ref, () => ({ restart() {
-		setKey((prev) => prev + 1);
-	} }));
-	useEffect(() => {
-		if (loadingState !== ELoadingState.IDLE) {
-			if (loadingState === ELoadingState.LOADING && !loading) setLoadingState(ELoadingState.LOADED);
-			return;
-		}
-		const timer = setTimeout(() => {
-			if (loading) setLoadingState(ELoadingState.LOADING);
-		}, 200);
-		return () => {
-			if (timer) clearTimeout(timer);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => ({ restart() {
+			setKey(_temp);
+		} });
+		$[0] = t0;
+	} else t0 = $[0];
+	useImperativeHandle(ref, t0);
+	let t1;
+	let t2;
+	if ($[1] !== loading || $[2] !== loadingState) {
+		t1 = () => {
+			if (loadingState !== ELoadingState.IDLE) {
+				if (loadingState === ELoadingState.LOADING && !loading) setLoadingState(ELoadingState.LOADED);
+				return;
+			}
+			const timer = setTimeout(() => {
+				if (loading) setLoadingState(ELoadingState.LOADING);
+			}, 200);
+			return () => {
+				if (timer) clearTimeout(timer);
+			};
 		};
-	}, [loading, loadingState]);
-	const onAnimationEnd = useCallback(() => {
-		if (loadingState === ELoadingState.LOADED) setLoadingState(ELoadingState.IDLE);
-	}, [loadingState]);
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden", loadingState !== ELoadingState.IDLE && "ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]", className),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": loadingState === ELoadingState.LOADING,
-		"aria-label": "Loading",
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]", loadingState === ELoadingState.LOADING && "ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]", loadingState === ELoadingState.LOADED && "ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]"),
+		t2 = [loading, loadingState];
+		$[1] = loading;
+		$[2] = loadingState;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[5] !== loadingState) {
+		t3 = () => {
+			if (loadingState === ELoadingState.LOADED) setLoadingState(ELoadingState.IDLE);
+		};
+		$[5] = loadingState;
+		$[6] = t3;
+	} else t3 = $[6];
+	const onAnimationEnd = t3;
+	const t4 = loadingState !== ELoadingState.IDLE && "ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]";
+	let t5;
+	if ($[7] !== className || $[8] !== t4) {
+		t5 = cn("ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden", t4, className);
+		$[7] = className;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	const t6 = loadingState === ELoadingState.LOADING;
+	const t7 = loadingState === ELoadingState.LOADING && "ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]";
+	const t8 = loadingState === ELoadingState.LOADED && "ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]";
+	let t9;
+	if ($[10] !== t7 || $[11] !== t8) {
+		t9 = cn("ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]", t7, t8);
+		$[10] = t7;
+		$[11] = t8;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== onAnimationEnd || $[14] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: t9,
 			onAnimationEnd
-		})
-	}, key);
+		});
+		$[13] = onAnimationEnd;
+		$[14] = t9;
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== key || $[17] !== t10 || $[18] !== t5 || $[19] !== t6) {
+		t11 = /* @__PURE__ */ jsx("div", {
+			className: t5,
+			role: "status",
+			"aria-live": "polite",
+			"aria-busy": t6,
+			"aria-label": "Loading",
+			children: t10
+		}, key);
+		$[16] = key;
+		$[17] = t10;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t11;
+	} else t11 = $[20];
+	return t11;
 });
+function _temp(prev) {
+	return prev + 1;
+}
 //#endregion
 export { Progress_default as default };
 

package/dist/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Progress/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './progress.css';\n\nenum ELoadingState {\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  LOADED = 'LOADED',\n}\n\nexport default forwardRef(function Progress(props: IProps, ref) {\n  const { loading, className } = props;\n  const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);\n  const [key, setKey] = useState(0);\n\n  useImperativeHandle(ref, () => ({\n    restart() {\n      setKey((prev) => prev + 1);\n    },\n  }));\n\n  useEffect(() => {\n    if (loadingState !== ELoadingState.IDLE) {\n      if (loadingState === ELoadingState.LOADING && !loading) {\n        setLoadingState(ELoadingState.LOADED);\n      }\n      return;\n    }\n    const DELAY_TIME = 200;\n    const timer = setTimeout(() => {\n      if (loading) {\n        setLoadingState(ELoadingState.LOADING);\n      }\n    }, DELAY_TIME);\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [loading, loadingState]);\n\n  const onAnimationEnd = useCallback(() => {\n    if (loadingState === ELoadingState.LOADED) {\n      setLoadingState(ELoadingState.IDLE);\n    }\n  }, [loadingState]);\n\n  return (\n    <div\n      key={key}\n      className={cn(\n        'ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden',\n        loadingState !== ELoadingState.IDLE &&\n          'ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loadingState === ELoadingState.LOADING}\n      aria-label=\"Loading\"\n    >\n      <div\n        className={cn(\n          'ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]',\n          loadingState === ELoadingState.LOADING &&\n            'ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]',\n          loadingState === ELoadingState.LOADED &&\n            'ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]',\n        )}\n        onAnimationEnd={onAnimationEnd}\n      />\n    </div>\n  );\n});\n\nexport interface IProps {\n  loading: boolean;\n  className?: string;\n}\n\nexport interface IProgressRef {\n  restart: () => void;\n}\n"],"mappings":";;;;;AAUA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,UAAA;AACA,eAAA,aAAA;AACA,eAAA,YAAA;;EAHG,iBAAA,EAAA,CAIJ;AAED,IAAA,mBAAe,WAAW,SAAS,SAAS,OAAe,KAAK;CAC9D,MAAM,EAAE,SAAS,cAAc;CAC/B,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,KAAK;CACpE,MAAM,CAAC,KAAK,UAAU,SAAS,EAAE;AAEjC,qBAAoB,YAAY,EAC9B,UAAU;AACR,UAAQ,SAAS,OAAO,EAAE;IAE7B,EAAE;AAEH,iBAAgB;AACd,MAAI,iBAAiB,cAAc,MAAM;AACvC,OAAI,iBAAiB,cAAc,WAAW,CAAC,QAC7C,iBAAgB,cAAc,OAAO;AAEvC;;EAGF,MAAM,QAAQ,iBAAiB;AAC7B,OAAI,QACF,iBAAgB,cAAc,QAAQ;KAHvB,IAKL;AAEd,eAAa;AACX,OAAI,MACF,cAAa,MAAM;;IAGtB,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,iBAAiB,kBAAkB;AACvC,MAAI,iBAAiB,cAAc,OACjC,iBAAgB,cAAc,KAAK;IAEpC,CAAC,aAAa,CAAC;AAElB,QACE,oBAAC,OAAD;EAEE,WAAW,GACT,wEACA,iBAAiB,cAAc,QAC7B,qEACF,UACD;EACD,MAAK;EACL,aAAU;EACV,aAAW,iBAAiB,cAAc;EAC1C,cAAW;YAEX,oBAAC,OAAD;GACE,WAAW,GACT,+GACA,iBAAiB,cAAc,WAC7B,uFACF,iBAAiB,cAAc,UAC7B,oFACH;GACe;GAChB,CAAA;EACE,EAtBC,IAsBD;EAER"}
+{"version":3,"file":"index.js","names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useState","cn","ELoadingState","IDLE","LOADING","LOADED","Progress","props","ref","$","_c","loading","className","loadingState","setLoadingState","key","setKey","t0","Symbol","for","restart","_temp","t1","t2","timer","setTimeout","clearTimeout","t3","onAnimationEnd","t4","t5","t6","t7","t8","t9","t10","t11","IProps","IProgressRef","prev"],"sources":["../../src/Progress/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './progress.css';\n\nenum ELoadingState {\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  LOADED = 'LOADED',\n}\n\nexport default forwardRef(function Progress(props: IProps, ref) {\n  const { loading, className } = props;\n  const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);\n  const [key, setKey] = useState(0);\n\n  useImperativeHandle(ref, () => ({\n    restart() {\n      setKey((prev) => prev + 1);\n    },\n  }));\n\n  useEffect(() => {\n    if (loadingState !== ELoadingState.IDLE) {\n      if (loadingState === ELoadingState.LOADING && !loading) {\n        setLoadingState(ELoadingState.LOADED);\n      }\n      return;\n    }\n    const DELAY_TIME = 200;\n    const timer = setTimeout(() => {\n      if (loading) {\n        setLoadingState(ELoadingState.LOADING);\n      }\n    }, DELAY_TIME);\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [loading, loadingState]);\n\n  const onAnimationEnd = useCallback(() => {\n    if (loadingState === ELoadingState.LOADED) {\n      setLoadingState(ELoadingState.IDLE);\n    }\n  }, [loadingState]);\n\n  return (\n    <div\n      key={key}\n      className={cn(\n        'ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden',\n        loadingState !== ELoadingState.IDLE &&\n          'ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loadingState === ELoadingState.LOADING}\n      aria-label=\"Loading\"\n    >\n      <div\n        className={cn(\n          'ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]',\n          loadingState === ELoadingState.LOADING &&\n            'ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]',\n          loadingState === ELoadingState.LOADED &&\n            'ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]',\n        )}\n        onAnimationEnd={onAnimationEnd}\n      />\n    </div>\n  );\n});\n\nexport interface IProps {\n  loading: boolean;\n  className?: string;\n}\n\nexport interface IProgressRef {\n  restart: () => void;\n}\n"],"mappings":";;;;;;AAUA,IAAKO,gBAAL,yBAAA,eAAA;AACEC,eAAAA,UAAAA;AACAC,eAAAA,aAAAA;AACAC,eAAAA,YAAAA;;EAHGH,iBAAAA,EAAAA,CAIL;AAEA,IAAA,mBAAeN,WAAW,SAAAU,SAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACxB,MAAA,EAAAC,SAAAC,cAA+BL;CAC/B,MAAA,CAAAM,cAAAC,mBAAwCd,SAASE,cAAaC,KAAM;CACpE,MAAA,CAAAY,KAAAC,UAAsBhB,SAAS,EAAE;CAAC,IAAAiB;AAAA,KAAAR,EAAA,OAAAS,OAAAC,IAAA,4BAAA,EAAA;AAETF,cAAO,EAAAG,UAAA;AAE5BJ,UAAOK,MAAmB;KAE7B;AAACZ,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAJFV,qBAAoBS,KAAKS,GAItB;CAAA,IAAAK;CAAA,IAAAC;AAAA,KAAAd,EAAA,OAAAE,WAAAF,EAAA,OAAAI,cAAA;AAEOS,aAAA;AACR,OAAIT,iBAAiBX,cAAaC,MAAK;AACrC,QAAIU,iBAAiBX,cAAaE,WAA9B,CAA2CO,QAC7CG,iBAAgBZ,cAAaG,OAAQ;AACtC;;GAIH,MAAAmB,QAAcC,iBAAW;AACvB,QAAId,QACFG,iBAAgBZ,cAAaE,QAAS;MAHvB,IAKL;AAAC,gBAER;AACL,QAAIoB,MACFE,cAAaF,MAAM;;;AAGtBD,OAAA,CAACZ,SAASE,aAAa;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAAa;AAAAb,IAAA,KAAAc;QAAA;AAAAD,OAAAb,EAAA;AAAAc,OAAAd,EAAA;;AAnB1BX,WAAUwB,IAmBPC,GAAwB;CAAA,IAAAI;AAAA,KAAAlB,EAAA,OAAAI,cAAA;AAEQc,aAAA;AACjC,OAAId,iBAAiBX,cAAaG,OAChCS,iBAAgBZ,cAAaC,KAAM;;AAEtCM,IAAA,KAAAI;AAAAJ,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAJD,MAAAmB,iBAAuBD;CAWjB,MAAAE,KAAAhB,iBAAiBX,cAAaC,QAA9B;CACqE,IAAA2B;AAAA,KAAArB,EAAA,OAAAG,aAAAH,EAAA,OAAAoB,IAAA;AAH5DC,OAAA7B,GACT,wEACA4B,IAEAjB,UACD;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAoB;AAAApB,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAGU,MAAAsB,KAAAlB,iBAAiBX,cAAaE;CAMrC,MAAA4B,KAAAnB,iBAAiBX,cAAaE,WAA9B;CAEA,MAAA6B,KAAApB,iBAAiBX,cAAaG,UAA9B;CACqF,IAAA6B;AAAA,KAAAzB,EAAA,QAAAuB,MAAAvB,EAAA,QAAAwB,IAAA;AAL5EC,OAAAjC,GACT,+GACA+B,IAEAC,GAED;AAAAxB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,QAAAmB,kBAAAnB,EAAA,QAAAyB,IAAA;AAPHC,QAAA,oBAAA,OAAA;GACa,WAAAD;GAOKN;GAChB,CAAA;AAAAnB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;OAAAA,OAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAM,OAAAN,EAAA,QAAA0B,OAAA1B,EAAA,QAAAqB,MAAArB,EAAA,QAAAsB,IAAA;AAtBJK,QAAA,oBAAA,OAAA;GAEa,WAAAN;GAMN,MAAA;GACK,aAAA;GACC,aAAAC;GACA,cAAA;aAEXI;GAUI,EAtBCpB,IAsBD;AAAAN,IAAA,MAAAM;AAAAN,IAAA,MAAA0B;AAAA1B,IAAA,MAAAqB;AAAArB,IAAA,MAAAsB;AAAAtB,IAAA,MAAA2B;OAAAA,OAAA3B,EAAA;AAAA,QAvBN2B;EAyBF;AAhEwB,SAAAf,MAAAkB,MAAA;AAAA,QAOHA,OAAO"}

package/dist/Progress.js

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

package/dist/Radio/components/Group/index.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { IRadioGroupProps } from '../../interface/radioGroup';
+import { IRadioGroupProps } from '../../interface/radioGroup.js';
 type RadioGroupContextValue = Omit<IRadioGroupProps, 'children' | 'className'> & {
     name?: string;
 };
 export declare const RadioGroupContext: React.Context<RadioGroupContextValue>;
-export default function RadioGroup(props: IRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;
 export {};

package/dist/Radio/components/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Radio/components/Group/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { createContext, useEffect, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport { IRadioGroupProps } from '../../interface/radioGroup';\n\ntype RadioGroupContextValue = Omit<\n  IRadioGroupProps,\n  'children' | 'className'\n> & {\n  name?: string;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>({});\n\nexport default function RadioGroup(props: IRadioGroupProps) {\n  const {\n    children,\n    radioGroupStyle = 'filled',\n    size = 'middle',\n    type = 'radio',\n    className,\n    disabled: customDisabled,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props;\n  const groupName = React.useId();\n  const isControlled = 'value' in props && props.value !== undefined;\n  const [innerValue, setInnerValue] = useState(props.defaultValue);\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerValue(props.value);\n    }\n  }, [props.value, isControlled]);\n\n  const value = isControlled ? props.value : innerValue;\n  const setValue = (v: any) => {\n    if (!isControlled) {\n      setInnerValue(v);\n    }\n  };\n  // ===================== Disabled =====================\n  const disabled = React.useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const onRadioChange = (selectedValue: any) => {\n    const lastValue = value;\n\n    setValue(selectedValue);\n    const { onChange } = props;\n    if (onChange && selectedValue !== lastValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  const getWrapperClass = () => {\n    const isButton = ['button', 'iconButton'].includes(type);\n    const tempType = type === 'iconButton' ? 'icon-button' : type;\n    return cn('ald-radio-group', className, `ald-radio-group-${tempType}`, {\n      // 约束只能在type为button和iconbutton的时候才可以设置样式和大小\n      [`ald-radio-group-${radioGroupStyle}`]: isButton,\n      [`ald-radio-group-${size}`]: isButton,\n    });\n  };\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        onChange: onRadioChange,\n        value,\n        radioGroupStyle,\n        size,\n        type,\n        disabled: mergedDisabled,\n        name: groupName,\n      }}\n    >\n      <div\n        className={getWrapperClass()}\n        data-testid={dataTestId}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAYA,IAAa,oBAAoB,cAAsC,EAAE,CAAC;AAE1E,SAAwB,WAAW,OAAyB;CAC1D,MAAM,EACJ,UACA,kBAAkB,UAClB,OAAO,UACP,OAAO,SACP,WACA,UAAU,gBACV,eAAe,YACf,cAAc,WACd,mBAAmB,gBACnB,oBAAoB,oBAClB;CACJ,MAAM,YAAY,MAAM,OAAO;CAC/B,MAAM,eAAe,WAAW,SAAS,MAAM,UAAU;CACzD,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM,aAAa;AAEhE,iBAAgB;AACd,MAAI,aACF,eAAc,MAAM,MAAM;IAE3B,CAAC,MAAM,OAAO,aAAa,CAAC;CAE/B,MAAM,QAAQ,eAAe,MAAM,QAAQ;CAC3C,MAAM,YAAY,MAAW;AAC3B,MAAI,CAAC,aACH,eAAc,EAAE;;CAIpB,MAAM,WAAW,MAAM,WAAW,gBAAgB;CAClD,MAAM,iBAAiB,kBAAkB;CACzC,MAAM,iBAAiB,kBAAuB;EAC5C,MAAM,YAAY;AAElB,WAAS,cAAc;EACvB,MAAM,EAAE,aAAa;AACrB,MAAI,YAAY,kBAAkB,UAChC,UAAS,cAAc;;CAI3B,MAAM,wBAAwB;EAC5B,MAAM,WAAW,CAAC,UAAU,aAAa,CAAC,SAAS,KAAK;AAExD,SAAO,GAAG,mBAAmB,WAAW,mBADvB,SAAS,eAAe,gBAAgB,QACc;IAEpE,mBAAmB,oBAAoB;IACvC,mBAAmB,SAAS;GAC9B,CAAC;;AAGJ,QACE,oBAAC,kBAAkB,UAAnB;EACE,OAAO;GACL,UAAU;GACV;GACA;GACA;GACA;GACA,UAAU;GACV,MAAM;GACP;YAED,oBAAC,OAAD;GACE,WAAW,iBAAiB;GAC5B,eAAa;GACb,MAAK;GACL,cAAY;GACZ,mBAAiB;GACjB,oBAAkB;GAEjB;GACG,CAAA;EACqB,CAAA"}
+{"version":3,"file":"index.js","names":["cn","React","createContext","useEffect","useState","DisabledContext","IRadioGroupProps","RadioGroupContextValue","Omit","name","RadioGroupContext","RadioGroup","props","children","radioGroupStyle","size","type","className","disabled","customDisabled","dataTestId","ariaLabel","ariaLabelledBy","ariaDescribedBy","groupName","useId","isControlled","value","undefined","innerValue","setInnerValue","defaultValue","setValue","v","useContext","mergedDisabled","onRadioChange","selectedValue","lastValue","onChange","getWrapperClass","isButton","includes","tempType"],"sources":["../../../../src/Radio/components/Group/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { createContext, useEffect, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport { IRadioGroupProps } from '../../interface/radioGroup';\n\ntype RadioGroupContextValue = Omit<\n  IRadioGroupProps,\n  'children' | 'className'\n> & {\n  name?: string;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>({});\n\nexport default function RadioGroup(props: IRadioGroupProps) {\n  const {\n    children,\n    radioGroupStyle = 'filled',\n    size = 'middle',\n    type = 'radio',\n    className,\n    disabled: customDisabled,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n  } = props;\n  const groupName = React.useId();\n  const isControlled = 'value' in props && props.value !== undefined;\n  const [innerValue, setInnerValue] = useState(props.defaultValue);\n\n  useEffect(() => {\n    if (isControlled) {\n      setInnerValue(props.value);\n    }\n  }, [props.value, isControlled]);\n\n  const value = isControlled ? props.value : innerValue;\n  const setValue = (v: any) => {\n    if (!isControlled) {\n      setInnerValue(v);\n    }\n  };\n  // ===================== Disabled =====================\n  const disabled = React.useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const onRadioChange = (selectedValue: any) => {\n    const lastValue = value;\n\n    setValue(selectedValue);\n    const { onChange } = props;\n    if (onChange && selectedValue !== lastValue) {\n      onChange(selectedValue);\n    }\n  };\n\n  const getWrapperClass = () => {\n    const isButton = ['button', 'iconButton'].includes(type);\n    const tempType = type === 'iconButton' ? 'icon-button' : type;\n    return cn('ald-radio-group', className, `ald-radio-group-${tempType}`, {\n      // 约束只能在type为button和iconbutton的时候才可以设置样式和大小\n      [`ald-radio-group-${radioGroupStyle}`]: isButton,\n      [`ald-radio-group-${size}`]: isButton,\n    });\n  };\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        onChange: onRadioChange,\n        value,\n        radioGroupStyle,\n        size,\n        type,\n        disabled: mergedDisabled,\n        name: groupName,\n      }}\n    >\n      <div\n        className={getWrapperClass()}\n        data-testid={dataTestId}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAYA,IAAaU,oBAAoBR,cAAsC,EAAE,CAAC;AAE1E,SAAwBS,WAAWC,OAAyB;CAC1D,MAAM,EACJC,UACAC,kBAAkB,UAClBC,OAAO,UACPC,OAAO,SACPC,WACAC,UAAUC,gBACV,eAAeC,YACf,cAAcC,WACd,mBAAmBC,gBACnB,oBAAoBC,oBAClBX;CACJ,MAAMY,YAAYvB,MAAMwB,OAAO;CAC/B,MAAMC,eAAe,WAAWd,SAASA,MAAMe,UAAUC;CACzD,MAAM,CAACC,YAAYC,iBAAiB1B,SAASQ,MAAMmB,aAAa;AAEhE5B,iBAAgB;AACd,MAAIuB,aACFI,eAAclB,MAAMe,MAAM;IAE3B,CAACf,MAAMe,OAAOD,aAAa,CAAC;CAE/B,MAAMC,QAAQD,eAAed,MAAMe,QAAQE;CAC3C,MAAMG,YAAYC,MAAW;AAC3B,MAAI,CAACP,aACHI,eAAcG,EAAE;;CAIpB,MAAMf,WAAWjB,MAAMiC,WAAW7B,gBAAgB;CAClD,MAAM8B,iBAAiBhB,kBAAkBD;CACzC,MAAMkB,iBAAiBC,kBAAuB;EAC5C,MAAMC,YAAYX;AAElBK,WAASK,cAAc;EACvB,MAAM,EAAEE,aAAa3B;AACrB,MAAI2B,YAAYF,kBAAkBC,UAChCC,UAASF,cAAc;;CAI3B,MAAMG,wBAAwB;EAC5B,MAAMC,WAAW,CAAC,UAAU,aAAa,CAACC,SAAS1B,KAAK;AAExD,SAAOhB,GAAG,mBAAmBiB,WAAW,mBADvBD,SAAS,eAAe,gBAAgBA,QACc;IAEpE,mBAAmBF,oBAAoB2B;IACvC,mBAAmB1B,SAAS0B;GAC9B,CAAC;;AAGJ,QACE,oBAAC,kBAAkB,UAAnB;EACE,OAAO;GACLF,UAAUH;GACVT;GACAb;GACAC;GACAC;GACAE,UAAUiB;GACV1B,MAAMe;GACP;YAED,oBAAC,OAAD;GACE,WAAWgB,iBAAiB;GAC5B,eAAapB;GACb,MAAK;GACL,cAAYC;GACZ,mBAAiBC;GACjB,oBAAkBC;GAEjBV;GACE,CAAA;EACsB,CAAA"}

package/dist/Radio/components/Group.js

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

package/dist/Radio/components/Radio/index.d.ts

@@ -1,2 +1,3 @@
-import { IRadioProps } from '../../interface/radio';
-export default function Radio(props: IRadioProps): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+import { IRadioProps } from '../../interface/radio.js';
+export default function Radio(props: IRadioProps): React.JSX.Element;

package/dist/Radio/components/Radio/index.js

@@ -2,16 +2,24 @@ import { cn } from "../../../lib/utils.js";
 import { getSemanticOwnerAriaProps } from "../../../_utils/formControlSemanticOwner.js";
 import { getUUID } from "../../../_utils/hooks/useId.js";
 import { RadioGroupContext } from "../Group/index.js";
+import { c } from "react-compiler-runtime";
 import { useContext, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/Radio/components/Radio/index.tsx
 function Radio(props) {
+	const $ = c(21);
 	const groupContext = useContext(RadioGroupContext);
 	const labelRef = useRef(null);
-	const [id] = useState(() => getUUID().toString());
+	const [id] = useState(_temp);
 	const radioProps = { ...props };
-	const inGroup = !_.isEmpty(groupContext);
+	let t0;
+	if ($[0] !== groupContext) {
+		t0 = _.isEmpty(groupContext);
+		$[0] = groupContext;
+		$[1] = t0;
+	} else t0 = $[1];
+	const inGroup = !t0;
 	const isControlled = "checked" in props;
 	const [innerChecked, setInnerChecked] = useState(props.defaultChecked ?? false);
 	if (inGroup) radioProps.disabled = groupContext.disabled || props.disabled;
@@ -21,7 +29,7 @@ function Radio(props) {
 		"ald-radio-disabled": radioProps.disabled
 	});
 	const getWrapperClass = () => {
-		let otherClass = "";
+		let otherClass;
 		if (groupContext.type === "button") if (groupContext.radioGroupStyle === "filled") otherClass = "ald-radio-button-wrapper-filled";
 		else if (groupContext.radioGroupStyle === "border") otherClass = "ald-radio-button-wrapper-border";
 		else if (groupContext.radioGroupStyle === "filter") otherClass = "ald-radio-button-wrapper-filter";
@@ -32,20 +40,102 @@ function Radio(props) {
 		else otherClass = "ald-radio-icon-button-wrapper-border-primary";
 		else {
 			otherClass = "ald-radio-wrapper";
-			if (props.indeterminate) otherClass = otherClass + " ald-radio-wrapper-indeterminate";
+			if (props.indeterminate) otherClass = "ald-radio-wrapper ald-radio-wrapper-indeterminate";
 		}
 		return cn("ald-radio-label", otherClass, props.className, {
 			"ald-radio-wrapper-checked": checked,
 			"ald-radio-wrapper-disabled": radioProps.disabled
 		});
 	};
-	const radioHideStyle = groupContext.type === "button" || groupContext.type === "iconButton" ? {
-		width: 0,
-		height: 0,
-		overflow: "hidden"
-	} : void 0;
+	const isButtonMode = groupContext.type === "button" || groupContext.type === "iconButton";
+	let t1;
+	if ($[2] !== isButtonMode) {
+		t1 = isButtonMode ? {
+			width: 0,
+			height: 0,
+			overflow: "hidden"
+		} : void 0;
+		$[2] = isButtonMode;
+		$[3] = t1;
+	} else t1 = $[3];
+	const radioHideStyle = t1;
+	const t2 = getWrapperClass();
+	const t3 = radioProps.disabled;
+	const t4 = groupContext.name;
+	const t5 = props.required;
+	const t6 = props.value;
+	const t7 = props["aria-label"];
+	const t8 = props["aria-labelledby"];
+	const t9 = props["aria-describedby"];
+	const t10 = props["aria-invalid"];
+	const t11 = props["aria-required"];
+	const t12 = props["aria-disabled"];
+	let t13;
+	if ($[4] !== t10 || $[5] !== t11 || $[6] !== t12 || $[7] !== t7 || $[8] !== t8 || $[9] !== t9) {
+		t13 = getSemanticOwnerAriaProps({
+			"aria-label": t7,
+			"aria-labelledby": t8,
+			"aria-describedby": t9,
+			"aria-invalid": t10,
+			"aria-required": t11,
+			"aria-disabled": t12
+		});
+		$[4] = t10;
+		$[5] = t11;
+		$[6] = t12;
+		$[7] = t7;
+		$[8] = t8;
+		$[9] = t9;
+		$[10] = t13;
+	} else t13 = $[10];
+	let t14;
+	if ($[11] !== groupContext.name || $[12] !== inGroup) {
+		t14 = (e_0) => {
+			if (!inGroup || ![
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowRight"
+			].includes(e_0.key)) return;
+			const radios = Array.from(document.querySelectorAll("input[type=\"radio\"]")).filter((radio) => radio.name === groupContext.name && !radio.disabled);
+			const currentIndex = radios.indexOf(e_0.currentTarget);
+			if (currentIndex < 0 || radios.length < 2) return;
+			e_0.preventDefault();
+			const nextRadio = radios[(currentIndex + (e_0.key === "ArrowUp" || e_0.key === "ArrowLeft" ? -1 : 1) + radios.length) % radios.length];
+			nextRadio.focus();
+			nextRadio.click();
+		};
+		$[11] = groupContext.name;
+		$[12] = inGroup;
+		$[13] = t14;
+	} else t14 = $[13];
+	let t15;
+	if ($[14] !== groupContext || $[15] !== inGroup || $[16] !== props) {
+		t15 = (e_1) => {
+			props.onClick?.(e_1);
+			if (inGroup && groupContext?.onChange) groupContext.onChange(props.value);
+		};
+		$[14] = groupContext;
+		$[15] = inGroup;
+		$[16] = props;
+		$[17] = t15;
+	} else t15 = $[17];
+	let t16;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx("span", { className: "ald-radio-inner" });
+		$[18] = t16;
+	} else t16 = $[18];
+	let t17;
+	if ($[19] !== props.children) {
+		t17 = props.children && /* @__PURE__ */ jsx("span", {
+			className: "ald-radio-desc tw-text-typography-label",
+			children: props.children
+		});
+		$[19] = props.children;
+		$[20] = t17;
+	} else t17 = $[20];
 	return /* @__PURE__ */ jsxs("label", {
-		className: getWrapperClass(),
+		className: t2,
 		htmlFor: id,
 		ref: labelRef,
 		children: [/* @__PURE__ */ jsxs("span", {
@@ -56,49 +146,25 @@ function Radio(props) {
 				type: "radio",
 				className: "ald-radio-input",
 				checked: !!checked,
-				disabled: radioProps.disabled,
-				name: groupContext.name,
-				required: props.required,
-				value: props.value,
-				...getSemanticOwnerAriaProps({
-					"aria-label": props["aria-label"],
-					"aria-labelledby": props["aria-labelledby"],
-					"aria-describedby": props["aria-describedby"],
-					"aria-invalid": props["aria-invalid"],
-					"aria-required": props["aria-required"],
-					"aria-disabled": props["aria-disabled"]
-				}),
+				disabled: t3,
+				name: t4,
+				required: t5,
+				value: t6,
+				...t13,
 				onChange: (e) => {
 					if (radioProps.disabled) return;
 					if (!inGroup && !isControlled) setInnerChecked(e.target.checked);
 					props.onChange?.(e);
 				},
-				onKeyDown: (e) => {
-					if (!inGroup || ![
-						"ArrowUp",
-						"ArrowDown",
-						"ArrowLeft",
-						"ArrowRight"
-					].includes(e.key)) return;
-					const radios = Array.from(document.querySelectorAll("input[type=\"radio\"]")).filter((radio) => radio.name === groupContext.name && !radio.disabled);
-					const currentIndex = radios.indexOf(e.currentTarget);
-					if (currentIndex < 0 || radios.length < 2) return;
-					e.preventDefault();
-					const nextRadio = radios[(currentIndex + (e.key === "ArrowUp" || e.key === "ArrowLeft" ? -1 : 1) + radios.length) % radios.length];
-					nextRadio.focus();
-					nextRadio.click();
-				},
-				onClick: (e) => {
-					props.onClick?.(e);
-					if (inGroup && groupContext?.onChange) groupContext.onChange(props.value);
-				}
-			}), /* @__PURE__ */ jsx("span", { className: "ald-radio-inner" })]
-		}), props.children && /* @__PURE__ */ jsx("span", {
-			className: "ald-radio-desc tw-text-typography-label",
-			children: props.children
-		})]
+				onKeyDown: t14,
+				onClick: t15
+			}), t16]
+		}), t17]
 	});
 }
+function _temp() {
+	return getUUID().toString();
+}
 //#endregion
 export { Radio as default };