asterui 0.12.62 → 0.12.63

package/dist/components/FloatButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatButton.js","sources":["../../src/components/FloatButton.tsx"],"sourcesContent":["import React, { useState, useEffect, createContext, useContext } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnLg = 'btn-lg'\nconst dBtnCircle = 'btn-circle'\nconst dBtnSquare = 'btn-square'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnPrimary = 'btn-primary'\nconst dTooltip = 'tooltip'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dIndicator = 'indicator'\nconst dIndicatorItem = 'indicator-item'\nconst dBadge = 'badge'\nconst dBadgeSecondary = 'badge-secondary'\nconst dFab = 'fab'\nconst dFabFlower = 'fab-flower'\nconst dFabMainAction = 'fab-main-action'\nconst dFabClose = 'fab-close'\n\n// Default icons\nconst PlusIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n  </svg>\n)\n\nconst ArrowUpIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 10l7-7m0 0l7 7m-7-7v18\" />\n  </svg>\n)\n\nconst CloseIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nexport interface FloatButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Icon to display */\n  icon?: React.ReactNode\n  /** Description text below icon */\n  description?: React.ReactNode\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Button shape */\n  shape?: 'circle' | 'square'\n  /** Tooltip text */\n  tooltip?: string\n  /** Tooltip placement */\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom'\n  /** Badge content */\n  badge?: number | React.ReactNode\n  /** Link URL (renders as anchor) */\n  href?: string\n  /** Link target */\n  target?: string\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n}\n\nexport interface FloatButtonGroupProps {\n  /** Child FloatButton components */\n  children: React.ReactNode\n  /** Arrange buttons in a quarter-circle (radial) layout */\n  flower?: boolean\n  /** Button shape for children */\n  shape?: 'circle' | 'square'\n  /** Main trigger button icon */\n  icon?: React.ReactNode\n  /** Accessible label for trigger button (required for icon-only buttons) */\n  triggerLabel?: string\n  /** Main action button that replaces trigger when open (fab-main-action) */\n  mainAction?: React.ReactNode\n  /** Accessible label for main action button */\n  mainActionLabel?: string\n  /** Click handler for main action button */\n  onMainAction?: () => void\n  /** Show close button when open (fab-close) */\n  showClose?: boolean\n  /** Accessible label for close button */\n  closeLabel?: string\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n  /** Distance from edge */\n  offset?: number\n  /** Additional CSS classes */\n  className?: string\n  /** Custom styles */\n  style?: React.CSSProperties\n}\n\nexport interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'> {\n  /** Scroll threshold to show button (pixels) */\n  visibilityHeight?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Click handler (called before scrolling) */\n  onClick?: () => void\n  /** Custom icon */\n  icon?: React.ReactNode\n  /** Duration of scroll animation in ms */\n  duration?: number\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Distance from edge in pixels */\n  offset?: number\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n}\n\n// Context for group\ninterface FloatButtonGroupContextValue {\n  inGroup: boolean\n  shape?: 'circle' | 'square'\n}\n\nconst FloatButtonGroupContext = createContext<FloatButtonGroupContextValue>({ inGroup: false })\n\nconst tooltipPlacementClasses: Record<string, string> = {\n  left: dTooltipLeft,\n  right: dTooltipRight,\n  top: dTooltipTop,\n  bottom: dTooltipBottom,\n}\n\nconst typeClasses: Record<string, string> = {\n  default: dBtnNeutral,\n  primary: dBtnPrimary,\n}\n\nconst shapeClasses: Record<string, string> = {\n  circle: dBtnCircle,\n  square: dBtnSquare,\n}\n\ninterface FloatButtonComponent extends React.FC<FloatButtonProps> {\n  Group: React.FC<FloatButtonGroupProps>\n  BackTop: React.FC<BackTopProps>\n}\n\nconst FloatButtonBase: React.FC<FloatButtonProps & { style?: React.CSSProperties }> = ({\n  icon,\n  description,\n  onClick,\n  type = 'default',\n  shape = 'circle',\n  className = '',\n  tooltip,\n  tooltipPlacement = 'left',\n  badge,\n  href,\n  target,\n  children,\n  style,\n  ...rest\n}) => {\n  const groupContext = useContext(FloatButtonGroupContext)\n  const effectiveShape = groupContext.inGroup ? (groupContext.shape || shape) : shape\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[effectiveShape],\n    typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const content = icon || children || <PlusIcon />\n\n  const buttonContent = (\n    <>\n      {description ? (\n        <div className=\"flex flex-col items-center\">\n          {content}\n          <span className=\"text-xs mt-1\">{description}</span>\n        </div>\n      ) : (\n        content\n      )}\n    </>\n  )\n\n  // When inside a group, render simple button without wrapper divs\n  // DaisyUI's fab CSS requires direct button children\n  if (groupContext.inGroup) {\n    return href ? (\n      <a\n        href={href}\n        target={target}\n        className={buttonClasses}\n        title={tooltip}\n        onClick={onClick as any}\n        {...(rest as any)}\n      >\n        {buttonContent}\n      </a>\n    ) : (\n      <button className={buttonClasses} title={tooltip} onClick={onClick} {...rest}>\n        {buttonContent}\n      </button>\n    )\n  }\n\n  const buttonElement = href ? (\n    <a\n      href={href}\n      target={target}\n      className={buttonClasses}\n      style={style}\n      onClick={onClick as any}\n      {...(rest as any)}\n    >\n      {buttonContent}\n    </a>\n  ) : (\n    <button className={buttonClasses} onClick={onClick} style={style} {...rest}>\n      {buttonContent}\n    </button>\n  )\n\n  const withBadge = badge !== undefined ? (\n    <div className={dIndicator} style={style}>\n      <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`}>\n        {badge}\n      </span>\n      {href ? (\n        <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n          {buttonContent}\n        </a>\n      ) : (\n        <button className={buttonClasses} onClick={onClick} {...rest}>\n          {buttonContent}\n        </button>\n      )}\n    </div>\n  ) : buttonElement\n\n  if (tooltip) {\n    return (\n      <div className={`${dTooltip} ${tooltipPlacementClasses[tooltipPlacement]}`} data-tip={tooltip} style={style}>\n        {badge !== undefined ? (\n          <div className={dIndicator}>\n            <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`}>{badge}</span>\n            {href ? (\n              <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n                {buttonContent}\n              </a>\n            ) : (\n              <button className={buttonClasses} onClick={onClick} {...rest}>\n                {buttonContent}\n              </button>\n            )}\n          </div>\n        ) : href ? (\n          <a href={href} target={target} className={buttonClasses} onClick={onClick as any} {...(rest as any)}>\n            {buttonContent}\n          </a>\n        ) : (\n          <button className={buttonClasses} onClick={onClick} {...rest}>\n            {buttonContent}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return withBadge\n}\n\nexport const FloatButton: FloatButtonComponent = (props) => {\n  const {\n    style: propStyle,\n    ...rest\n  } = props\n\n  const groupContext = useContext(FloatButtonGroupContext)\n\n  // If in group, don't apply fixed positioning\n  if (groupContext.inGroup) {\n    return <FloatButtonBase {...rest} />\n  }\n\n  // Standalone button with fixed positioning\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: 24,\n    right: 24,\n    ...propStyle,\n  }\n\n  return <FloatButtonBase {...rest} style={style} />\n}\n\nconst FloatButtonGroup: React.FC<FloatButtonGroupProps> = ({\n  children,\n  flower = false,\n  shape = 'circle',\n  icon,\n  triggerLabel = 'Open menu',\n  mainAction,\n  mainActionLabel,\n  onMainAction,\n  showClose = false,\n  closeLabel = 'Close menu',\n  type = 'default',\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  style: propStyle,\n}) => {\n  const fabClasses = [\n    dFab,\n    flower ? dFabFlower : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const triggerButtonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[shape],\n    typeClasses[type],\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const containerStyle: React.CSSProperties = {\n    ...(position.includes('bottom') ? { bottom: offset } : { top: offset }),\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  return (\n    <div className={fabClasses} style={containerStyle}>\n      {/* Trigger button - shown when closed */}\n      <button\n        type=\"button\"\n        className={triggerButtonClasses}\n        aria-label={triggerLabel}\n        aria-haspopup=\"true\"\n      >\n        {icon || <PlusIcon />}\n      </button>\n\n      {/* Main action button - shown when open (replaces trigger in flower mode) */}\n      {mainAction && (\n        <button\n          type=\"button\"\n          className={`${triggerButtonClasses} ${dFabMainAction}`}\n          onClick={onMainAction}\n          aria-label={mainActionLabel}\n        >\n          {mainAction}\n        </button>\n      )}\n\n      {/* Close button - shown when open */}\n      {showClose && (\n        <button\n          type=\"button\"\n          className={`${triggerButtonClasses} ${dFabClose}`}\n          aria-label={closeLabel}\n        >\n          <CloseIcon />\n        </button>\n      )}\n\n      <FloatButtonGroupContext.Provider value={{ inGroup: true, shape }}>\n        {children}\n      </FloatButtonGroupContext.Provider>\n    </div>\n  )\n}\n\nconst BackTop: React.FC<BackTopProps> = ({\n  visibilityHeight = 400,\n  target,\n  onClick,\n  icon,\n  duration = 450,\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  children,\n  style: propStyle,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    const scrollTarget = target ? target() : window\n\n    const handleScroll = () => {\n      const scrollTop =\n        scrollTarget instanceof Window\n          ? window.scrollY\n          : (scrollTarget as HTMLElement).scrollTop\n\n      setVisible(scrollTop >= visibilityHeight)\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    handleScroll()\n\n    return () => scrollTarget.removeEventListener('scroll', handleScroll)\n  }, [target, visibilityHeight])\n\n  const handleClick = () => {\n    onClick?.()\n    const scrollTarget = target ? target() : window\n    if (scrollTarget instanceof Window) {\n      window.scrollTo({ top: 0, behavior: 'smooth' })\n    } else {\n      (scrollTarget as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }\n\n  if (!visible) return null\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    dBtnCircle,\n    dBtnNeutral,\n    'shadow-lg',\n    'transition-opacity',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: offset,\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={handleClick}\n      style={style}\n      aria-label={rest['aria-label'] || 'Back to top'}\n      {...rest}\n    >\n      {icon || children || <ArrowUpIcon />}\n    </button>\n  )\n}\n\nFloatButton.Group = FloatButtonGroup\nFloatButton.BackTop = BackTop\n"],"names":["dBtn","dBtnLg","dBtnCircle","dBtnSquare","dBtnNeutral","dBtnPrimary","dTooltip","dTooltipLeft","dTooltipRight","dTooltipTop","dTooltipBottom","dIndicator","dIndicatorItem","dBadge","dBadgeSecondary","dFab","dFabFlower","dFabMainAction","dFabClose","PlusIcon","jsx","ArrowUpIcon","CloseIcon","FloatButtonGroupContext","createContext","tooltipPlacementClasses","typeClasses","shapeClasses","FloatButtonBase","icon","description","onClick","type","shape","className","tooltip","tooltipPlacement","badge","href","target","children","style","rest","groupContext","useContext","effectiveShape","buttonClasses","content","buttonContent","Fragment","jsxs","buttonElement","withBadge","FloatButton","props","propStyle","FloatButtonGroup","flower","triggerLabel","mainAction","mainActionLabel","onMainAction","showClose","closeLabel","position","offset","fabClasses","triggerButtonClasses","containerStyle","BackTop","visibilityHeight","duration","visible","setVisible","useState","useEffect","scrollTarget","handleScroll","scrollTop","handleClick"],"mappings":";;AAGA,MAAMA,IAAO,OACPC,IAAS,UACTC,IAAa,cACbC,IAAa,cACbC,IAAc,eACdC,IAAc,eACdC,IAAW,WACXC,IAAe,gBACfC,IAAgB,iBAChBC,IAAc,eACdC,IAAiB,kBACjBC,IAAa,aACbC,IAAiB,kBACjBC,IAAS,SACTC,IAAkB,mBAClBC,IAAO,OACPC,IAAa,cACbC,IAAiB,mBACjBC,IAAY,aAGZC,IAAW,MACf,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBACjG,UAAA,gBAAAA,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,iBAAA,CAAiB,EAAA,CACxF,GAGIC,IAAc,MAClB,gBAAAD,EAAC,OAAA,EAAI,OAAM,8BAA6B,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBACjG,UAAA,gBAAAA,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,4BAAA,CAA4B,EAAA,CACnG,GAGIE,KAAY,MAChB,gBAAAF,EAAC,OAAA,EAAI,OAAM,8BAA6B,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBACjG,UAAA,gBAAAA,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,uBAAA,CAAuB,EAAA,CAC9F,GAoFIG,IAA0BC,EAA4C,EAAE,SAAS,IAAO,GAExFC,KAAkD;AAAA,EACtD,MAAMlB;AAAA,EACN,OAAOC;AAAA,EACP,KAAKC;AAAA,EACL,QAAQC;AACV,GAEMgB,IAAsC;AAAA,EAC1C,SAAStB;AAAA,EACT,SAASC;AACX,GAEMsB,IAAuC;AAAA,EAC3C,QAAQzB;AAAA,EACR,QAAQC;AACV,GAOMyB,IAAgF,CAAC;AAAA,EACrF,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAWrB,CAAuB,GACjDsB,IAAiBF,EAAa,WAAWA,EAAa,SAASV,GAE/Da,IAAgB;AAAA,IACpB9C;AAAA,IACAC;AAAA,IACA;AAAA,IACA0B,EAAakB,CAAc;AAAA,IAC3BnB,EAAYM,CAAI;AAAA,IAChBE;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELa,IAAUlB,KAAQW,KAAY,gBAAApB,EAACD,GAAA,CAAA,CAAS,GAExC6B,IACJ,gBAAA5B,EAAA6B,GAAA,EACG,UAAAnB,IACC,gBAAAoB,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,IAAAH;AAAA,IACD,gBAAA3B,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAU,EAAA,CAAY;AAAA,EAAA,EAAA,CAC9C,IAEAiB,GAEJ;AAKF,MAAIJ,EAAa;AACf,WAAOL,IACL,gBAAAlB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAkB;AAAA,QACA,QAAAC;AAAA,QACA,WAAWO;AAAA,QACX,OAAOX;AAAA,QACP,SAAAJ;AAAA,QACC,GAAIW;AAAA,QAEJ,UAAAM;AAAA,MAAA;AAAA,IAAA,IAGH,gBAAA5B,EAAC,UAAA,EAAO,WAAW0B,GAAe,OAAOX,GAAS,SAAAJ,GAAmB,GAAGW,GACrE,UAAAM,EAAA,CACH;AAIJ,QAAMG,IAAgBb,IACpB,gBAAAlB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAkB;AAAA,MACA,QAAAC;AAAA,MACA,WAAWO;AAAA,MACX,OAAAL;AAAA,MACA,SAAAV;AAAA,MACC,GAAIW;AAAA,MAEJ,UAAAM;AAAA,IAAA;AAAA,EAAA,sBAGF,UAAA,EAAO,WAAWF,GAAe,SAAAf,GAAkB,OAAAU,GAAe,GAAGC,GACnE,UAAAM,EAAA,CACH,GAGII,IAAYf,MAAU,2BACzB,OAAA,EAAI,WAAW1B,GAAY,OAAA8B,GAC1B,UAAA;AAAA,IAAA,gBAAArB,EAAC,QAAA,EAAK,WAAW,GAAGR,CAAc,IAAIC,CAAM,IAAIC,CAAe,IAC5D,UAAAuB,EAAA,CACH;AAAA,IACCC,IACC,gBAAAlB,EAAC,KAAA,EAAE,MAAAkB,GAAY,QAAAC,GAAgB,WAAWO,GAAe,SAAAf,GAA0B,GAAIW,GACpF,UAAAM,EAAA,CACH,sBAEC,UAAA,EAAO,WAAWF,GAAe,SAAAf,GAAmB,GAAGW,GACrD,UAAAM,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,IACEG;AAEJ,SAAIhB,sBAEC,OAAA,EAAI,WAAW,GAAG7B,CAAQ,IAAImB,GAAwBW,CAAgB,CAAC,IAAI,YAAUD,GAAS,OAAAM,GAC5F,UAAAJ,MAAU,SACT,gBAAAa,EAAC,OAAA,EAAI,WAAWvC,GACd,UAAA;AAAA,IAAA,gBAAAS,EAAC,QAAA,EAAK,WAAW,GAAGR,CAAc,IAAIC,CAAM,IAAIC,CAAe,IAAK,UAAAuB,EAAA,CAAM;AAAA,IACzEC,IACC,gBAAAlB,EAAC,KAAA,EAAE,MAAAkB,GAAY,QAAAC,GAAgB,WAAWO,GAAe,SAAAf,GAA0B,GAAIW,GACpF,UAAAM,EAAA,CACH,sBAEC,UAAA,EAAO,WAAWF,GAAe,SAAAf,GAAmB,GAAGW,GACrD,UAAAM,EAAA,CACH;AAAA,EAAA,EAAA,CAEJ,IACEV,IACF,gBAAAlB,EAAC,KAAA,EAAE,MAAAkB,GAAY,QAAAC,GAAgB,WAAWO,GAAe,SAAAf,GAA0B,GAAIW,GACpF,UAAAM,EAAA,CACH,sBAEC,UAAA,EAAO,WAAWF,GAAe,SAAAf,GAAmB,GAAGW,GACrD,UAAAM,EAAA,CACH,EAAA,CAEJ,IAIGI;AACT,GAEaC,IAAoC,CAACC,MAAU;AAC1D,QAAM;AAAA,IACJ,OAAOC;AAAA,IACP,GAAGb;AAAA,EAAA,IACDY;AAKJ,MAHqBV,EAAWrB,CAAuB,EAGtC;AACf,WAAO,gBAAAH,EAACQ,GAAA,EAAiB,GAAGc,EAAA,CAAM;AAIpC,QAAMD,IAA6B;AAAA,IACjC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,GAAGc;AAAA,EAAA;AAGL,SAAO,gBAAAnC,EAACQ,GAAA,EAAiB,GAAGc,GAAM,OAAAD,EAAA,CAAc;AAClD,GAEMe,KAAoD,CAAC;AAAA,EACzD,UAAAhB;AAAA,EACA,QAAAiB,IAAS;AAAA,EACT,OAAAxB,IAAQ;AAAA,EACR,MAAAJ;AAAA,EACA,cAAA6B,IAAe;AAAA,EACf,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,MAAA/B,IAAO;AAAA,EACP,UAAAgC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,WAAA/B,IAAY;AAAA,EACZ,OAAOqB;AACT,MAAM;AACJ,QAAMW,IAAa;AAAA,IACjBnD;AAAA,IACA0C,IAASzC,IAAa;AAAA,IACtBkB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELiC,IAAuB;AAAA,IAC3BnE;AAAA,IACAC;AAAA,IACA;AAAA,IACA0B,EAAaM,CAAK;AAAA,IAClBP,EAAYM,CAAI;AAAA,EAAA,EAEf,OAAO,OAAO,EACd,KAAK,GAAG,GAELoC,IAAsC;AAAA,IAC1C,GAAIJ,EAAS,SAAS,QAAQ,IAAI,EAAE,QAAQC,EAAA,IAAW,EAAE,KAAKA,EAAA;AAAA,IAC9D,GAAID,EAAS,SAAS,OAAO,IAAI,EAAE,OAAOC,EAAA,IAAW,EAAE,MAAMA,EAAA;AAAA,IAC7D,GAAGV;AAAA,EAAA;AAGL,SACE,gBAAAL,EAAC,OAAA,EAAI,WAAWgB,GAAY,OAAOE,GAEjC,UAAA;AAAA,IAAA,gBAAAhD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW+C;AAAA,QACX,cAAYT;AAAA,QACZ,iBAAc;AAAA,QAEb,UAAA7B,uBAASV,GAAA,CAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAIpBwC,KACC,gBAAAvC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,GAAG+C,CAAoB,IAAIlD,CAAc;AAAA,QACpD,SAAS4C;AAAA,QACT,cAAYD;AAAA,QAEX,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,IAKJG,KACC,gBAAA1C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,GAAG+C,CAAoB,IAAIjD,CAAS;AAAA,QAC/C,cAAY6C;AAAA,QAEZ,4BAACzC,IAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAIf,gBAAAF,EAACG,EAAwB,UAAxB,EAAiC,OAAO,EAAE,SAAS,IAAM,OAAAU,EAAA,GACvD,UAAAO,EAAA,CACH;AAAA,EAAA,GACF;AAEJ,GAEM6B,KAAkC,CAAC;AAAA,EACvC,kBAAAC,IAAmB;AAAA,EACnB,QAAA/B;AAAA,EACA,SAAAR;AAAA,EACA,MAAAF;AAAA,EACA,UAAA0C,IAAW;AAAA,EACX,UAAAP,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,WAAA/B,IAAY;AAAA,EACZ,UAAAM;AAAA,EACA,OAAOe;AAAA,EACP,GAAGb;AACL,MAAM;AACJ,QAAM,CAAC8B,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAerC,IAASA,EAAA,IAAW,QAEnCsC,IAAe,MAAM;AACzB,YAAMC,IACJF,aAAwB,SACpB,OAAO,UACNA,EAA6B;AAEpC,MAAAH,EAAWK,KAAaR,CAAgB;AAAA,IAC1C;AAEA,WAAAM,EAAa,iBAAiB,UAAUC,CAAY,GACpDA,EAAA,GAEO,MAAMD,EAAa,oBAAoB,UAAUC,CAAY;AAAA,EACtE,GAAG,CAACtC,GAAQ+B,CAAgB,CAAC;AAE7B,QAAMS,IAAc,MAAM;AACxB,IAAAhD,IAAA;AACA,UAAM6C,IAAerC,IAASA,EAAA,IAAW;AACzC,IAAIqC,aAAwB,SAC1B,OAAO,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU,IAE7CA,EAA6B,SAAS,EAAE,KAAK,GAAG,UAAU,UAAU;AAAA,EAEzE;AAEA,MAAI,CAACJ,EAAS,QAAO;AAErB,QAAM1B,IAAgB;AAAA,IACpB9C;AAAA,IACAC;AAAA,IACAC;AAAA,IACAE;AAAA,IACA;AAAA,IACA;AAAA,IACA8B;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELO,IAA6B;AAAA,IACjC,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,QAAQwB;AAAA,IACR,GAAID,EAAS,SAAS,OAAO,IAAI,EAAE,OAAOC,EAAA,IAAW,EAAE,MAAMA,EAAA;AAAA,IAC7D,GAAGV;AAAA,EAAA;AAGL,SACE,gBAAAnC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW0B;AAAA,MACX,SAASiC;AAAA,MACT,OAAAtC;AAAA,MACA,cAAYC,EAAK,YAAY,KAAK;AAAA,MACjC,GAAGA;AAAA,MAEH,UAAAb,KAAQW,KAAY,gBAAApB,EAACC,GAAA,CAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEAgC,EAAY,QAAQG;AACpBH,EAAY,UAAUgB;"}
+{"version":3,"file":"FloatButton.js","sources":["../../src/components/FloatButton.tsx"],"sourcesContent":["import React, { useState, useEffect, createContext, useContext } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnLg = 'btn-lg'\nconst dBtnCircle = 'btn-circle'\nconst dBtnSquare = 'btn-square'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnPrimary = 'btn-primary'\nconst dTooltip = 'tooltip'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dIndicator = 'indicator'\nconst dIndicatorItem = 'indicator-item'\nconst dBadge = 'badge'\nconst dBadgeSecondary = 'badge-secondary'\nconst dFab = 'fab'\nconst dFabFlower = 'fab-flower'\nconst dFabMainAction = 'fab-main-action'\nconst dFabClose = 'fab-close'\n\n// Default icons\nconst PlusIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n  </svg>\n)\n\nconst ArrowUpIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 10l7-7m0 0l7 7m-7-7v18\" />\n  </svg>\n)\n\nconst CloseIcon = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nexport interface FloatButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Icon to display */\n  icon?: React.ReactNode\n  /** Description text below icon */\n  description?: React.ReactNode\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Button shape */\n  shape?: 'circle' | 'square'\n  /** Tooltip text */\n  tooltip?: string\n  /** Tooltip placement */\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom'\n  /** Badge content */\n  badge?: number | React.ReactNode\n  /** Link URL (renders as anchor) */\n  href?: string\n  /** Link target */\n  target?: string\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface FloatButtonGroupProps {\n  /** Child FloatButton components */\n  children: React.ReactNode\n  /** Arrange buttons in a quarter-circle (radial) layout */\n  flower?: boolean\n  /** Button shape for children */\n  shape?: 'circle' | 'square'\n  /** Main trigger button icon */\n  icon?: React.ReactNode\n  /** Accessible label for trigger button (required for icon-only buttons) */\n  triggerLabel?: string\n  /** Main action button that replaces trigger when open (fab-main-action) */\n  mainAction?: React.ReactNode\n  /** Accessible label for main action button */\n  mainActionLabel?: string\n  /** Click handler for main action button */\n  onMainAction?: () => void\n  /** Show close button when open (fab-close) */\n  showClose?: boolean\n  /** Accessible label for close button */\n  closeLabel?: string\n  /** Button type/color */\n  type?: 'default' | 'primary'\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n  /** Distance from edge */\n  offset?: number\n  /** Additional CSS classes */\n  className?: string\n  /** Custom styles */\n  style?: React.CSSProperties\n  'data-testid'?: string\n}\n\nexport interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'> {\n  /** Scroll threshold to show button (pixels) */\n  visibilityHeight?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Click handler (called before scrolling) */\n  onClick?: () => void\n  /** Custom icon */\n  icon?: React.ReactNode\n  /** Duration of scroll animation in ms */\n  duration?: number\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Distance from edge in pixels */\n  offset?: number\n  /** @deprecated Use icon prop instead */\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\n// Context for group\ninterface FloatButtonGroupContextValue {\n  inGroup: boolean\n  shape?: 'circle' | 'square'\n}\n\nconst FloatButtonGroupContext = createContext<FloatButtonGroupContextValue>({ inGroup: false })\n\nconst tooltipPlacementClasses: Record<string, string> = {\n  left: dTooltipLeft,\n  right: dTooltipRight,\n  top: dTooltipTop,\n  bottom: dTooltipBottom,\n}\n\nconst typeClasses: Record<string, string> = {\n  default: dBtnNeutral,\n  primary: dBtnPrimary,\n}\n\nconst shapeClasses: Record<string, string> = {\n  circle: dBtnCircle,\n  square: dBtnSquare,\n}\n\ninterface FloatButtonComponent extends React.FC<FloatButtonProps> {\n  Group: React.FC<FloatButtonGroupProps>\n  BackTop: React.FC<BackTopProps>\n}\n\nconst FloatButtonBase: React.FC<FloatButtonProps & { style?: React.CSSProperties }> = ({\n  icon,\n  description,\n  onClick,\n  type = 'default',\n  shape = 'circle',\n  className = '',\n  tooltip,\n  tooltipPlacement = 'left',\n  badge,\n  href,\n  target,\n  children,\n  style,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const groupContext = useContext(FloatButtonGroupContext)\n  const effectiveShape = groupContext.inGroup ? (groupContext.shape || shape) : shape\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[effectiveShape],\n    typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const content = icon || children || <PlusIcon />\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const buttonContent = (\n    <>\n      {description ? (\n        <div className=\"flex flex-col items-center\">\n          {content}\n          <span className=\"text-xs mt-1\">{description}</span>\n        </div>\n      ) : (\n        content\n      )}\n    </>\n  )\n\n  // When inside a group, render simple button without wrapper divs\n  // DaisyUI's fab CSS requires direct button children\n  if (groupContext.inGroup) {\n    return href ? (\n      <a\n        href={href}\n        target={target}\n        className={buttonClasses}\n        title={tooltip}\n        onClick={onClick as any}\n        data-testid={testId}\n        {...(rest as any)}\n      >\n        {buttonContent}\n      </a>\n    ) : (\n      <button className={buttonClasses} title={tooltip} onClick={onClick} data-testid={testId} {...rest}>\n        {buttonContent}\n      </button>\n    )\n  }\n\n  const buttonElement = href ? (\n    <a\n      href={href}\n      target={target}\n      className={buttonClasses}\n      style={style}\n      onClick={onClick as any}\n      data-testid={testId}\n      {...(rest as any)}\n    >\n      {buttonContent}\n    </a>\n  ) : (\n    <button className={buttonClasses} onClick={onClick} style={style} data-testid={testId} {...rest}>\n      {buttonContent}\n    </button>\n  )\n\n  const withBadge = badge !== undefined ? (\n    <div className={dIndicator} style={style} data-testid={getTestId('indicator')}>\n      <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`} data-testid={getTestId('badge')}>\n        {badge}\n      </span>\n      {href ? (\n        <a\n          href={href}\n          target={target}\n          className={buttonClasses}\n          onClick={onClick as any}\n          data-testid={testId}\n          {...(rest as any)}\n        >\n          {buttonContent}\n        </a>\n      ) : (\n        <button className={buttonClasses} onClick={onClick} data-testid={testId} {...rest}>\n          {buttonContent}\n        </button>\n      )}\n    </div>\n  ) : buttonElement\n\n  if (tooltip) {\n    return (\n      <div\n        className={`${dTooltip} ${tooltipPlacementClasses[tooltipPlacement]}`}\n        data-tip={tooltip}\n        style={style}\n        data-testid={getTestId('tooltip')}\n      >\n        {badge !== undefined ? (\n          <div className={dIndicator}>\n            <span className={`${dIndicatorItem} ${dBadge} ${dBadgeSecondary}`} data-testid={getTestId('badge')}>{badge}</span>\n            {href ? (\n              <a\n                href={href}\n                target={target}\n                className={buttonClasses}\n                onClick={onClick as any}\n                data-testid={testId}\n                {...(rest as any)}\n              >\n                {buttonContent}\n              </a>\n            ) : (\n              <button className={buttonClasses} onClick={onClick} data-testid={testId} {...rest}>\n                {buttonContent}\n              </button>\n            )}\n          </div>\n        ) : href ? (\n          <a\n            href={href}\n            target={target}\n            className={buttonClasses}\n            onClick={onClick as any}\n            data-testid={testId}\n            {...(rest as any)}\n          >\n            {buttonContent}\n          </a>\n        ) : (\n          <button className={buttonClasses} onClick={onClick} data-testid={testId} {...rest}>\n            {buttonContent}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return withBadge\n}\n\nexport const FloatButton: FloatButtonComponent = (props) => {\n  const {\n    style: propStyle,\n    ...rest\n  } = props\n\n  const groupContext = useContext(FloatButtonGroupContext)\n\n  // If in group, don't apply fixed positioning\n  if (groupContext.inGroup) {\n    return <FloatButtonBase {...rest} />\n  }\n\n  // Standalone button with fixed positioning\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: 24,\n    right: 24,\n    ...propStyle,\n  }\n\n  return <FloatButtonBase {...rest} style={style} />\n}\n\nconst FloatButtonGroup: React.FC<FloatButtonGroupProps> = ({\n  children,\n  flower = false,\n  shape = 'circle',\n  icon,\n  triggerLabel = 'Open menu',\n  mainAction,\n  mainActionLabel,\n  onMainAction,\n  showClose = false,\n  closeLabel = 'Close menu',\n  type = 'default',\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  style: propStyle,\n  'data-testid': testId,\n}) => {\n  const fabClasses = [\n    dFab,\n    flower ? dFabFlower : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const triggerButtonClasses = [\n    dBtn,\n    dBtnLg,\n    'shadow-lg',\n    shapeClasses[shape],\n    typeClasses[type],\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const containerStyle: React.CSSProperties = {\n    ...(position.includes('bottom') ? { bottom: offset } : { top: offset }),\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <div className={fabClasses} style={containerStyle} data-testid={testId}>\n      {/* Trigger button - shown when closed */}\n      <button\n        type=\"button\"\n        className={triggerButtonClasses}\n        aria-label={triggerLabel}\n        aria-haspopup=\"true\"\n        data-testid={getTestId('trigger')}\n      >\n        {icon || <PlusIcon />}\n      </button>\n\n      {/* Main action button - shown when open (replaces trigger in flower mode) */}\n      {mainAction && (\n        <button\n          type=\"button\"\n          className={`${triggerButtonClasses} ${dFabMainAction}`}\n          onClick={onMainAction}\n          aria-label={mainActionLabel}\n          data-testid={getTestId('main-action')}\n        >\n          {mainAction}\n        </button>\n      )}\n\n      {/* Close button - shown when open */}\n      {showClose && (\n        <button\n          type=\"button\"\n          className={`${triggerButtonClasses} ${dFabClose}`}\n          aria-label={closeLabel}\n          data-testid={getTestId('close')}\n        >\n          <CloseIcon />\n        </button>\n      )}\n\n      <FloatButtonGroupContext.Provider value={{ inGroup: true, shape }}>\n        {children}\n      </FloatButtonGroupContext.Provider>\n    </div>\n  )\n}\n\nconst BackTop: React.FC<BackTopProps> = ({\n  visibilityHeight = 400,\n  target,\n  onClick,\n  icon,\n  duration = 450,\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  children,\n  style: propStyle,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    const scrollTarget = target ? target() : window\n\n    const handleScroll = () => {\n      const scrollTop =\n        scrollTarget instanceof Window\n          ? window.scrollY\n          : (scrollTarget as HTMLElement).scrollTop\n\n      setVisible(scrollTop >= visibilityHeight)\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    handleScroll()\n\n    return () => scrollTarget.removeEventListener('scroll', handleScroll)\n  }, [target, visibilityHeight])\n\n  const handleClick = () => {\n    onClick?.()\n    const scrollTarget = target ? target() : window\n    if (scrollTarget instanceof Window) {\n      window.scrollTo({ top: 0, behavior: 'smooth' })\n    } else {\n      (scrollTarget as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }\n\n  if (!visible) return null\n\n  const buttonClasses = [\n    dBtn,\n    dBtnLg,\n    dBtnCircle,\n    dBtnNeutral,\n    'shadow-lg',\n    'transition-opacity',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: offset,\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n    ...propStyle,\n  }\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={handleClick}\n      style={style}\n      aria-label={rest['aria-label'] || 'Back to top'}\n      data-testid={testId}\n      {...rest}\n    >\n      {icon || children || <ArrowUpIcon />}\n    </button>\n  )\n}\n\nFloatButton.Group = FloatButtonGroup\nFloatButton.BackTop = BackTop\n"],"names":["dBtn","dBtnLg","dBtnCircle","dBtnSquare","dBtnNeutral","dBtnPrimary","dTooltip","dTooltipLeft","dTooltipRight","dTooltipTop","dTooltipBottom","dIndicator","dIndicatorItem","dBadge","dBadgeSecondary","dFab","dFabFlower","dFabMainAction","dFabClose","PlusIcon","jsx","ArrowUpIcon","CloseIcon","FloatButtonGroupContext","createContext","tooltipPlacementClasses","typeClasses","shapeClasses","FloatButtonBase","icon","description","onClick","type","shape","className","tooltip","tooltipPlacement","badge","href","target","children","style","testId","rest","groupContext","useContext","effectiveShape","buttonClasses","content","getTestId","suffix","buttonContent","Fragment","jsxs","buttonElement","withBadge","FloatButton","props","propStyle","FloatButtonGroup","flower","triggerLabel","mainAction","mainActionLabel","onMainAction","showClose","closeLabel","position","offset","fabClasses","triggerButtonClasses","containerStyle","BackTop","visibilityHeight","duration","visible","setVisible","useState","useEffect","scrollTarget","handleScroll","scrollTop","handleClick"],"mappings":"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"}

package/dist/components/Input.d.ts

@@ -32,5 +32,6 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     errorId?: string;
     /** Render as unstyled input (for use inside styled wrappers) */
     unstyled?: boolean;
+    'data-testid'?: string;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Input.js

@@ -1,263 +1,280 @@
-import { jsx as p, jsxs as L } from "react/jsx-runtime";
-import { forwardRef as St, useRef as Bt, useCallback as z, useState as Q, useEffect as Y } from "react";
-import { useConfig as Mt } from "../providers/ConfigProvider.js";
-const F = "input", lt = "input-xs", ut = "input-sm", at = "input-md", pt = "input-lg", dt = "input-xl", Wt = "input-neutral", Tt = "input-primary", $t = "input-secondary", Lt = "input-accent", Ft = "input-info", Ut = "input-success", ft = "input-warning", gt = "input-error", Xt = "input-ghost", Zt = "floating-label";
-function q(e, s, i) {
-  let l = "", o = 0;
-  for (let f = 0; f < s.length && o <= e.length; f++) {
-    const x = s[f];
-    x === "#" || x === "A" || x === "*" ? o < e.length ? (l += e[o], o++) : l += i : l += x;
+import { jsx as l, jsxs as Z } from "react/jsx-runtime";
+import { forwardRef as Wt, useRef as $t, useCallback as M, useState as K, useEffect as P } from "react";
+import { useConfig as Ft } from "../providers/ConfigProvider.js";
+const G = "input", dt = "input-xs", pt = "input-sm", ft = "input-md", ht = "input-lg", gt = "input-xl", Ut = "input-neutral", Xt = "input-primary", Zt = "input-secondary", Gt = "input-accent", Lt = "input-info", _t = "input-success", It = "input-warning", xt = "input-error", Dt = "input-ghost", Ht = "floating-label";
+function m(e, i, s) {
+  let u = "", o = 0;
+  for (let f = 0; f < i.length && o <= e.length; f++) {
+    const x = i[f];
+    x === "#" || x === "A" || x === "*" ? o < e.length ? (u += e[o], o++) : u += s : u += x;
   }
-  return l;
+  return u;
 }
-function K(e, s, i) {
-  let l = "";
-  for (let o = 0; o < e.length && o < s.length; o++) {
-    const f = s[o];
-    (f === "#" || f === "A" || f === "*") && e[o] !== i && (l += e[o]);
+function k(e, i, s) {
+  let u = "";
+  for (let o = 0; o < e.length && o < i.length; o++) {
+    const f = i[o];
+    (f === "#" || f === "A" || f === "*") && e[o] !== s && (u += e[o]);
   }
-  return l;
+  return u;
 }
-function Gt(e, s) {
-  return s === "#" ? /\d/.test(e) : s === "A" ? /[a-zA-Z]/.test(e) : s === "*" ? /[a-zA-Z0-9]/.test(e) : !1;
+function Jt(e, i) {
+  return i === "#" ? /\d/.test(e) : i === "A" ? /[a-zA-Z]/.test(e) : i === "*" ? /[a-zA-Z0-9]/.test(e) : !1;
 }
-function ht(e, s) {
-  for (let i = s; i < e.length; i++)
-    if (e[i] === "#" || e[i] === "A" || e[i] === "*")
-      return i;
+function wt(e, i) {
+  for (let s = i; s < e.length; s++)
+    if (e[s] === "#" || e[s] === "A" || e[s] === "*")
+      return s;
   return e.length;
 }
-const _t = ({ onClick: e, className: s }) => /* @__PURE__ */ p(
+const Ot = ({ onClick: e, className: i }) => /* @__PURE__ */ l(
   "button",
   {
     type: "button",
     onClick: e,
-    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${s || ""}`,
+    className: `flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${i || ""}`,
     "aria-label": "Clear input",
     tabIndex: -1,
-    children: /* @__PURE__ */ p("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ p("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+    children: /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
   }
-), Dt = St(
+), Qt = Wt(
   ({
     type: e = "text",
-    size: s,
-    color: i,
-    status: l,
+    size: i,
+    color: s,
+    status: u,
     ghost: o = !1,
     bordered: f = !0,
     className: x = "",
     mask: t,
-    maskPlaceholder: d = "_",
-    allowClear: C,
-    onClear: P,
-    prefix: E,
-    suffix: N,
-    addonBefore: U,
-    addonAfter: X,
-    floatingLabel: S,
-    errorId: m,
-    unstyled: It = !1,
+    maskPlaceholder: p = "_",
+    allowClear: R,
+    onClear: tt,
+    prefix: T,
+    suffix: j,
+    addonBefore: L,
+    addonAfter: _,
+    floatingLabel: C,
+    errorId: nt,
+    unstyled: yt = !1,
     value: r,
-    defaultValue: A,
-    onChange: u,
-    onKeyDown: R,
-    disabled: Z,
-    required: G,
-    ...k
-  }, xt) => {
-    const { componentSize: yt } = Mt(), _ = s ?? yt ?? "md", tt = {
-      xs: lt,
-      sm: ut,
-      md: at,
-      lg: pt,
-      xl: dt
-    }, nt = l ? {
-      error: gt,
-      warning: ft
-    }[l] : i ? {
-      neutral: Wt,
-      primary: Tt,
-      secondary: $t,
-      accent: Lt,
-      info: Ft,
-      success: Ut,
-      warning: ft,
-      error: gt
-    }[i] : "", et = U || X, bt = et || It ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", x].filter(Boolean).join(" ") : [
-      F,
+    defaultValue: V,
+    onChange: a,
+    onKeyDown: z,
+    disabled: D,
+    required: H,
+    "data-testid": w,
+    ...et
+  }, bt) => {
+    const { componentSize: vt } = Ft(), J = i ?? vt ?? "md", rt = {
+      xs: dt,
+      sm: pt,
+      md: ft,
+      lg: ht,
+      xl: gt
+    }, it = u ? {
+      error: xt,
+      warning: It
+    }[u] : s ? {
+      neutral: Ut,
+      primary: Xt,
+      secondary: Zt,
+      accent: Gt,
+      info: Lt,
+      success: _t,
+      warning: It,
+      error: xt
+    }[s] : "", W = L || _, Ct = W || yt ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", x].filter(Boolean).join(" ") : [
+      G,
       !f && "border-0",
-      o && Xt,
-      tt[_],
-      nt,
+      o && Dt,
+      rt[J],
+      it,
       x
-    ].filter(Boolean).join(" "), wt = Bt(null), g = xt || wt, vt = z(() => t ? K(r ?? A ?? "", t, d) : "", [t, r, A, d]), [B, M] = Q(vt), [W, D] = Q(null);
-    Y(() => {
-      t && r !== void 0 && M(K(r, t, d));
-    }, [t, r, d]), Y(() => {
-      W !== null && g.current && (g.current.setSelectionRange(W, W), D(null));
-    }, [W, g]);
-    const rt = z(
+    ].filter(Boolean).join(" "), Nt = $t(null), h = bt || Nt, At = M(() => t ? k(r ?? V ?? "", t, p) : "", [t, r, V, p]), [$, F] = K(At), [U, O] = K(null);
+    P(() => {
+      t && r !== void 0 && F(k(r, t, p));
+    }, [t, r, p]), P(() => {
+      U !== null && h.current && (h.current.setSelectionRange(U, U), O(null));
+    }, [U, h]);
+    const st = M(
       (n) => {
         if (!t) {
-          u?.(n);
+          a?.(n);
           return;
         }
-        const a = n.target, V = a.value, w = K(V, t, d);
-        let y = "", b = 0;
-        for (let h = 0; h < t.length && b < w.length; h++) {
-          const I = t[h];
-          (I === "#" || I === "A" || I === "*") && (Gt(w[b], I) && (y += w[b]), b++);
+        const d = n.target, B = d.value, N = k(B, t, p);
+        let b = "", v = 0;
+        for (let g = 0; g < t.length && v < N.length; g++) {
+          const I = t[g];
+          (I === "#" || I === "A" || I === "*") && (Jt(N[v], I) && (b += N[v]), v++);
         }
-        M(y);
-        const $ = q(y, t, d);
-        let c = ht(t, 0), v = 0;
-        for (let h = 0; h < t.length; h++) {
-          const I = t[h];
-          (I === "#" || I === "A" || I === "*") && v < y.length && (v++, c = h + 1);
+        F(b);
+        const X = m(b, t, p);
+        let c = wt(t, 0), A = 0;
+        for (let g = 0; g < t.length; g++) {
+          const I = t[g];
+          (I === "#" || I === "A" || I === "*") && A < b.length && (A++, c = g + 1);
         }
-        c = ht(t, c), c > t.length && (c = t.length), D(c);
-        const Et = {
+        c = wt(t, c), c > t.length && (c = t.length), O(c);
+        const Tt = {
           ...n,
-          target: { ...a, value: $ },
-          currentTarget: { ...a, value: $ }
+          target: { ...d, value: X },
+          currentTarget: { ...d, value: X }
         };
-        u?.(Et);
+        a?.(Tt);
       },
-      [t, d, u]
-    ), st = z(
+      [t, p, a]
+    ), ot = M(
       (n) => {
         if (!t) {
-          R?.(n);
+          z?.(n);
           return;
         }
         if (n.key === "Backspace") {
           n.preventDefault();
-          const a = B.slice(0, -1);
-          M(a);
-          let V = 0, w = 0;
+          const d = $.slice(0, -1);
+          F(d);
+          let B = 0, N = 0;
           for (let c = 0; c < t.length; c++) {
-            const v = t[c];
-            if (v === "#" || v === "A" || v === "*")
-              if (w < a.length)
-                w++, V = c + 1;
+            const A = t[c];
+            if (A === "#" || A === "A" || A === "*")
+              if (N < d.length)
+                N++, B = c + 1;
               else {
-                V = c;
+                B = c;
                 break;
               }
           }
-          D(V);
-          const y = q(a, t, d), b = n.currentTarget, $ = {
-            target: { ...b, value: y },
-            currentTarget: { ...b, value: y }
+          O(B);
+          const b = m(d, t, p), v = n.currentTarget, X = {
+            target: { ...v, value: b },
+            currentTarget: { ...v, value: b }
           };
-          u?.($);
+          a?.(X);
         }
-        R?.(n);
+        z?.(n);
       },
-      [t, d, B, u, R]
-    ), [H, J] = Q(r ?? A ?? "");
-    Y(() => {
-      r !== void 0 && J(r);
+      [t, p, $, a, z]
+    ), [Q, Y] = K(r ?? V ?? "");
+    P(() => {
+      r !== void 0 && Y(r);
     }, [r]);
-    const it = z((n) => {
-      J(n.target.value), u?.(n);
-    }, [u]), Ct = z(() => {
-      if (J(""), M(""), P?.(), u && g.current) {
+    const ct = M((n) => {
+      Y(n.target.value), a?.(n);
+    }, [a]), Rt = M(() => {
+      if (Y(""), F(""), tt?.(), a && h.current) {
         const n = {
-          target: { ...g.current, value: "" },
-          currentTarget: { ...g.current, value: "" }
+          target: { ...h.current, value: "" },
+          currentTarget: { ...h.current, value: "" }
         };
-        u(n);
+        a(n);
       }
-    }, [P, u, g]), O = C && (t ? B : H) && !Z, Nt = typeof C == "object" && C.clearIcon ? C.clearIcon : null, j = {};
-    l === "error" && (j["aria-invalid"] = !0), m && (j["aria-describedby"] = m), G && (j["aria-required"] = !0);
-    const T = E || N || C, At = {
-      xs: lt,
-      sm: ut,
-      md: at,
-      lg: pt,
-      xl: dt
-    }, ot = t ? q(B, t, d) : void 0, ct = (n) => /* @__PURE__ */ p(
+    }, [tt, a, h]), q = R && (t ? $ : Q) && !D, jt = typeof R == "object" && R.clearIcon ? R.clearIcon : null, E = {};
+    u === "error" && (E["aria-invalid"] = !0), nt && (E["aria-describedby"] = nt), H && (E["aria-required"] = !0);
+    const S = T || j || R, Vt = S || W || !!C, y = (n) => w ? `${w}-${n}` : void 0, lt = w ? Vt ? y("input") : w : void 0, zt = {
+      xs: dt,
+      sm: pt,
+      md: ft,
+      lg: ht,
+      xl: gt
+    }, ut = t ? m($, t, p) : void 0, at = (n) => /* @__PURE__ */ l(
       "input",
       {
-        ref: g,
+        ref: h,
         type: t ? "text" : e,
         className: [
-          bt,
-          T && "w-full",
-          E && "pl-10",
-          (N || O) && "pr-10",
+          Ct,
+          S && "w-full",
+          T && "pl-10",
+          (j || q) && "pr-10",
           n
         ].filter(Boolean).join(" "),
-        value: ot ?? (r !== void 0 ? r : T ? H : r),
-        defaultValue: r === void 0 && !t ? A : void 0,
-        onChange: t ? rt : T ? it : u,
-        onKeyDown: t ? st : R,
-        disabled: Z,
-        required: G,
-        ...j,
-        ...k
+        value: ut ?? (r !== void 0 ? r : S ? Q : r),
+        defaultValue: r === void 0 && !t ? V : void 0,
+        onChange: t ? st : S ? ct : a,
+        onKeyDown: t ? ot : z,
+        disabled: D,
+        required: H,
+        "data-testid": lt,
+        ...E,
+        ...et
       }
-    ), Rt = (n) => T ? /* @__PURE__ */ L("div", { className: `relative flex items-center ${n || ""}`, children: [
-      E && /* @__PURE__ */ p("span", { className: "absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10", children: E }),
-      ct(),
-      (N || O) && /* @__PURE__ */ L("span", { className: "absolute right-3 flex items-center gap-1 z-10", children: [
-        O && (Nt || /* @__PURE__ */ p(_t, { onClick: Ct })),
-        N && /* @__PURE__ */ p("span", { className: "text-base-content/70", children: N })
-      ] })
-    ] }) : ct(n), jt = (n) => {
-      if (!S) return n;
-      const a = [
-        Zt,
-        At[_]
+    ), Et = (n) => S ? /* @__PURE__ */ Z(
+      "div",
+      {
+        className: `relative flex items-center ${n || ""}`,
+        "data-testid": !W && !C ? w : y("input-wrapper"),
+        children: [
+          T && /* @__PURE__ */ l(
+            "span",
+            {
+              className: "absolute left-3 flex items-center text-base-content/70 pointer-events-none z-10",
+              "data-testid": y("prefix"),
+              children: T
+            }
+          ),
+          at(),
+          (j || q) && /* @__PURE__ */ Z("span", { className: "absolute right-3 flex items-center gap-1 z-10", "data-testid": y("suffix"), children: [
+            q && /* @__PURE__ */ l("span", { "data-testid": y("clear"), children: jt || /* @__PURE__ */ l(Ot, { onClick: Rt }) }),
+            j && /* @__PURE__ */ l("span", { className: "text-base-content/70", children: j })
+          ] })
+        ]
+      }
+    ) : at(n), St = (n) => {
+      if (!C) return n;
+      const d = [
+        Ht,
+        zt[J]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ L("label", { className: a, children: [
+      return /* @__PURE__ */ Z("label", { className: d, "data-testid": w, children: [
         n,
-        /* @__PURE__ */ p("span", { children: S })
+        /* @__PURE__ */ l("span", { children: C })
       ] });
-    }, Vt = (n) => {
-      if (!et) return n;
-      const a = [
-        F,
+    }, Bt = (n) => {
+      if (!W) return n;
+      const d = [
+        G,
         "flex",
         "items-center",
         "gap-2",
-        tt[_],
-        nt
+        rt[J],
+        it
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ L("label", { className: a, children: [
-        U && /* @__PURE__ */ p("span", { className: "text-base-content/70", children: U }),
+      return /* @__PURE__ */ Z("label", { className: d, "data-testid": w, children: [
+        L && /* @__PURE__ */ l("span", { className: "text-base-content/70", "data-testid": y("addon-before"), children: L }),
         n,
-        X && /* @__PURE__ */ p("span", { className: "text-base-content/70", children: X })
+        _ && /* @__PURE__ */ l("span", { className: "text-base-content/70", "data-testid": y("addon-after"), children: _ })
       ] });
-    }, zt = Rt(
-      S ? `${F} w-full` : void 0
+    }, Mt = Et(
+      C ? `${G} w-full` : void 0
     );
-    return Vt(jt(
-      S ? (
+    return Bt(St(
+      C ? (
         // For floating label, use raw input (label wrapper provides styling)
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "input",
           {
-            ref: g,
+            ref: h,
             type: t ? "text" : e,
-            className: `${F} w-full`,
-            value: ot ?? (r !== void 0 ? r : H),
-            defaultValue: r === void 0 && !t ? A : void 0,
-            onChange: t ? rt : it,
-            onKeyDown: t ? st : R,
-            disabled: Z,
-            required: G,
-            ...j,
-            ...k
+            className: `${G} w-full`,
+            value: ut ?? (r !== void 0 ? r : Q),
+            defaultValue: r === void 0 && !t ? V : void 0,
+            onChange: t ? st : ct,
+            onKeyDown: t ? ot : z,
+            disabled: D,
+            required: H,
+            "data-testid": lt,
+            ...E,
+            ...et
           }
         )
-      ) : zt
+      ) : Mt
     ));
   }
 );
-Dt.displayName = "Input";
+Qt.displayName = "Input";
 export {
-  Dt as Input
+  Qt as Input
 };
 //# sourceMappingURL=Input.js.map