asterui 0.12.63 → 0.12.65

package/dist/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n  {\n    children,\n    items,\n    activeKey,\n    defaultActiveKey,\n    onChange,\n    variant,\n    size,\n    position = 'top',\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? (componentSize as TabsSize | undefined)\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    effectiveSize && sizeClasses[effectiveSize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes} data-testid={getTestId('tablist')}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            data-testid={getTestId(`tab-${panel._key}`)}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\" data-testid={getTestId('tabpanel')}>\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div ref={ref} data-testid={testId} {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n})\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","forwardRef","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState, forwardRef, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n  {\n    children,\n    items,\n    activeKey,\n    defaultActiveKey,\n    onChange,\n    variant,\n    size,\n    position = 'top',\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? (componentSize as TabsSize | undefined)\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    effectiveSize && sizeClasses[effectiveSize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const baseId = useId()\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes} data-testid={getTestId('tablist')}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabId = `${baseId}-tab-${panel._key}`\n        const panelId = `${baseId}-panel-${panel._key}`\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            id={tabId}\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            data-testid={getTestId(`tab-${panel._key}`)}\n            aria-selected={isActive}\n            aria-controls={panelId}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div\n      className={position === 'top' ? 'mt-4' : 'mb-4'}\n      role=\"tabpanel\"\n      id={`${baseId}-panel-${activePanel._key}`}\n      aria-labelledby={`${baseId}-tab-${activePanel._key}`}\n      data-testid={getTestId('tabpanel')}\n    >\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div ref={ref} data-testid={testId} {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n})\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","forwardRef","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","baseId","useId","activePanel","panel","tabList","jsx","isActive","tabId","panelId","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}

package/dist/components/Tooltip.js

@@ -1,43 +1,46 @@
-import { jsxs as m, jsx as f } from "react/jsx-runtime";
-import n, { useId as u } from "react";
-const y = "tooltip", g = "tooltip-top", h = "tooltip-bottom", b = "tooltip-left", j = "tooltip-right", x = "tooltip-neutral", E = "tooltip-primary", I = "tooltip-secondary", N = "tooltip-accent", v = "tooltip-info", w = "tooltip-success", A = "tooltip-warning", B = "tooltip-error", C = "tooltip-open", W = ({
+import { jsxs as f, jsx as u } from "react/jsx-runtime";
+import e, { useId as b } from "react";
+const g = "tooltip", h = "tooltip-top", x = "tooltip-bottom", B = "tooltip-left", j = "tooltip-right", E = "tooltip-neutral", I = "tooltip-primary", N = "tooltip-secondary", v = "tooltip-accent", w = "tooltip-info", A = "tooltip-success", C = "tooltip-warning", D = "tooltip-error", R = "tooltip-open", $ = ({
   children: o,
-  tip: t,
-  className: p = "",
-  position: c = "top",
-  color: i,
-  open: s = !1,
-  ...e
+  tip: i,
+  className: c = "",
+  position: p = "top",
+  color: s,
+  open: l = !1,
+  ...r
 }) => {
-  const l = u(), r = {
-    top: g,
-    bottom: h,
-    left: b,
+  const t = b(), a = {
+    top: h,
+    bottom: x,
+    left: B,
     right: j
-  }, a = i ? {
-    neutral: x,
-    primary: E,
-    secondary: I,
-    accent: N,
-    info: v,
-    success: w,
-    warning: A,
-    error: B
-  }[i] : void 0, d = [
-    y,
-    r[c],
-    a,
-    s && C,
-    p
-  ].filter(Boolean).join(" "), T = n.isValidElement(o) ? n.cloneElement(o, {
-    "aria-describedby": l
-  }) : o;
-  return /* @__PURE__ */ m("div", { className: d, "data-tip": t, "data-state": s ? "open" : "closed", ...e, children: [
-    T,
-    /* @__PURE__ */ f("span", { id: l, role: "tooltip", className: "sr-only", children: t })
+  }, d = s ? {
+    neutral: E,
+    primary: I,
+    secondary: N,
+    accent: v,
+    info: w,
+    success: A,
+    warning: C,
+    error: D
+  }[s] : void 0, T = [
+    g,
+    a[p],
+    d,
+    l && R,
+    c
+  ].filter(Boolean).join(" "), m = e.isValidElement(o) ? (() => {
+    const n = o.props["aria-describedby"], y = n ? `${n} ${t}` : t;
+    return e.cloneElement(o, {
+      "aria-describedby": y
+    });
+  })() : o;
+  return /* @__PURE__ */ f("div", { className: T, "data-tip": i, "data-state": l ? "open" : "closed", ...r, children: [
+    m,
+    /* @__PURE__ */ u("span", { id: t, role: "tooltip", className: "sr-only", children: i })
   ] });
 };
 export {
-  W as Tooltip
+  $ as Tooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipNeutral = 'tooltip-neutral'\nconst dTooltipPrimary = 'tooltip-primary'\nconst dTooltipSecondary = 'tooltip-secondary'\nconst dTooltipAccent = 'tooltip-accent'\nconst dTooltipInfo = 'tooltip-info'\nconst dTooltipSuccess = 'tooltip-success'\nconst dTooltipWarning = 'tooltip-warning'\nconst dTooltipError = 'tooltip-error'\nconst dTooltipOpen = 'tooltip-open'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const tooltipId = useId()\n\n  const positionClasses = {\n    top: dTooltipTop,\n    bottom: dTooltipBottom,\n    left: dTooltipLeft,\n    right: dTooltipRight,\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: dTooltipNeutral,\n        primary: dTooltipPrimary,\n        secondary: dTooltipSecondary,\n        accent: dTooltipAccent,\n        info: dTooltipInfo,\n        success: dTooltipSuccess,\n        warning: dTooltipWarning,\n        error: dTooltipError,\n      }[color]\n    : undefined\n\n  const classes = [\n    dTooltip,\n    positionClasses[position],\n    colorClasses,\n    open && dTooltipOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to add aria-describedby\n  const childWithAria = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ 'aria-describedby'?: string }>, {\n        'aria-describedby': tooltipId,\n      })\n    : children\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {childWithAria}\n      {/* Screen reader accessible tooltip text */}\n      <span id={tooltipId} role=\"tooltip\" className=\"sr-only\">\n        {tip}\n      </span>\n    </div>\n  )\n}\n"],"names":["dTooltip","dTooltipTop","dTooltipBottom","dTooltipLeft","dTooltipRight","dTooltipNeutral","dTooltipPrimary","dTooltipSecondary","dTooltipAccent","dTooltipInfo","dTooltipSuccess","dTooltipWarning","dTooltipError","dTooltipOpen","Tooltip","children","tip","className","position","color","open","rest","tooltipId","useId","positionClasses","colorClasses","classes","childWithAria","React","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAW,WACXC,IAAc,eACdC,IAAiB,kBACjBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAe,gBAYRC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAAA,GAEZC,IAAkB;AAAA,IACtB,KAAKvB;AAAA,IACL,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHqB,IAAeN,IACjB;AAAA,IACE,SAASd;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EACPO,CAAK,IACP,QAEEO,IAAU;AAAA,IACd1B;AAAA,IACAwB,EAAgBN,CAAQ;AAAA,IACxBO;AAAA,IACAL,KAAQP;AAAA,IACRI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAgBC,EAAM,eAAeb,CAAQ,IAC/Ca,EAAM,aAAab,GAAiE;AAAA,IAClF,oBAAoBO;AAAA,EAAA,CACrB,IACDP;AAEJ,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWH,GAAS,YAAUV,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAA;AAAA,IAAAM;AAAA,IAED,gBAAAG,EAAC,UAAK,IAAIR,GAAW,MAAK,WAAU,WAAU,WAC3C,UAAAN,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipNeutral = 'tooltip-neutral'\nconst dTooltipPrimary = 'tooltip-primary'\nconst dTooltipSecondary = 'tooltip-secondary'\nconst dTooltipAccent = 'tooltip-accent'\nconst dTooltipInfo = 'tooltip-info'\nconst dTooltipSuccess = 'tooltip-success'\nconst dTooltipWarning = 'tooltip-warning'\nconst dTooltipError = 'tooltip-error'\nconst dTooltipOpen = 'tooltip-open'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const tooltipId = useId()\n\n  const positionClasses = {\n    top: dTooltipTop,\n    bottom: dTooltipBottom,\n    left: dTooltipLeft,\n    right: dTooltipRight,\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: dTooltipNeutral,\n        primary: dTooltipPrimary,\n        secondary: dTooltipSecondary,\n        accent: dTooltipAccent,\n        info: dTooltipInfo,\n        success: dTooltipSuccess,\n        warning: dTooltipWarning,\n        error: dTooltipError,\n      }[color]\n    : undefined\n\n  const classes = [\n    dTooltip,\n    positionClasses[position],\n    colorClasses,\n    open && dTooltipOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to add aria-describedby without clobbering existing values\n  const childWithAria = React.isValidElement(children)\n    ? (() => {\n        const existingDescribedBy = (children.props as { 'aria-describedby'?: string })['aria-describedby']\n        const mergedDescribedBy = existingDescribedBy ? `${existingDescribedBy} ${tooltipId}` : tooltipId\n        return React.cloneElement(children as React.ReactElement<{ 'aria-describedby'?: string }>, {\n          'aria-describedby': mergedDescribedBy,\n        })\n      })()\n    : children\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {childWithAria}\n      {/* Screen reader accessible tooltip text */}\n      <span id={tooltipId} role=\"tooltip\" className=\"sr-only\">\n        {tip}\n      </span>\n    </div>\n  )\n}\n"],"names":["dTooltip","dTooltipTop","dTooltipBottom","dTooltipLeft","dTooltipRight","dTooltipNeutral","dTooltipPrimary","dTooltipSecondary","dTooltipAccent","dTooltipInfo","dTooltipSuccess","dTooltipWarning","dTooltipError","dTooltipOpen","Tooltip","children","tip","className","position","color","open","rest","tooltipId","useId","positionClasses","colorClasses","classes","childWithAria","React","existingDescribedBy","mergedDescribedBy","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAW,WACXC,IAAc,eACdC,IAAiB,kBACjBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAe,gBAYRC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAAA,GAEZC,IAAkB;AAAA,IACtB,KAAKvB;AAAA,IACL,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHqB,IAAeN,IACjB;AAAA,IACE,SAASd;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EACPO,CAAK,IACP,QAEEO,IAAU;AAAA,IACd1B;AAAA,IACAwB,EAAgBN,CAAQ;AAAA,IACxBO;AAAA,IACAL,KAAQP;AAAA,IACRI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAgBC,EAAM,eAAeb,CAAQ,KAC9C,MAAM;AACL,UAAMc,IAAuBd,EAAS,MAA0C,kBAAkB,GAC5Fe,IAAoBD,IAAsB,GAAGA,CAAmB,IAAIP,CAAS,KAAKA;AACxF,WAAOM,EAAM,aAAab,GAAiE;AAAA,MACzF,oBAAoBe;AAAA,IAAA,CACrB;AAAA,EACH,OACAf;AAEJ,SACE,gBAAAgB,EAAC,OAAA,EAAI,WAAWL,GAAS,YAAUV,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAA;AAAA,IAAAM;AAAA,IAED,gBAAAK,EAAC,UAAK,IAAIV,GAAW,MAAK,WAAU,WAAU,WAC3C,UAAAN,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Transfer.js

@@ -1,220 +1,229 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { useState as j, useMemo as D, useCallback as S } from "react";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useState as M, useMemo as V, useCallback as S } from "react";
 import { useConfig as _ } from "../providers/ConfigProvider.js";
-const E = "checkbox", P = "checkbox-sm", q = "checkbox-primary", O = "input", ee = "input-sm", z = "btn", A = "btn-sm", F = "btn-outline";
+const W = "checkbox", P = "checkbox-sm", q = "checkbox-primary", O = "input", ee = "input-sm", z = "btn", A = "btn-sm", F = "btn-outline";
 function G({
-  items: r,
-  selectedKeys: n,
+  items: o,
+  selectedKeys: s,
   onSelectChange: p,
-  title: g,
-  showSearch: x,
-  filterOption: N,
-  render: T,
-  showSelectAll: C,
-  disabled: d,
-  listStyle: I,
-  testId: B,
-  emptyContent: L = "No data"
+  title: u,
+  showSearch: g,
+  filterOption: v,
+  render: $,
+  showSelectAll: w,
+  disabled: a,
+  listStyle: T,
+  direction: j,
+  testId: C,
+  emptyContent: B = "No data"
 }) {
-  const [k, $] = j(""), b = D(() => k ? r.filter((e) => N(k, e)) : r, [r, k, N]), o = b.filter((e) => !e.disabled), u = o.length > 0 && o.every((e) => n.includes(e.key)), i = o.some((e) => n.includes(e.key)), M = () => {
-    if (!d)
-      if (u)
-        p(n.filter((e) => !o.some((a) => a.key === e)));
+  const [m, D] = M(""), c = V(() => m ? o.filter((e) => v(m, e)) : o, [o, m, v]), i = c.filter((e) => !e.disabled), l = i.length > 0 && i.every((e) => s.includes(e.key)), I = i.some((e) => s.includes(e.key)), k = typeof u == "string" ? `${u} list` : j === "left" ? "Source list" : "Target list", K = typeof u == "string" ? `${u} search` : "Search", L = () => {
+    if (!a)
+      if (l)
+        p(s.filter((e) => !i.some((n) => n.key === e)));
       else {
-        const e = o.map((l) => l.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
-        p(a);
+        const e = i.map((x) => x.key), n = [.../* @__PURE__ */ new Set([...s, ...e])];
+        p(n);
       }
-  }, v = (e, a) => {
-    d || a || (n.includes(e) ? p(n.filter((l) => l !== e)) : p([...n, e]));
+  }, f = (e, n) => {
+    a || n || (s.includes(e) ? p(s.filter((x) => x !== e)) : p([...s, e]));
   };
   return /* @__PURE__ */ y(
     "div",
     {
       className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
-      style: { width: 200, height: 300, ...I },
-      "data-testid": B,
+      style: { width: 200, height: 300, ...T },
+      "data-testid": C,
       children: [
         /* @__PURE__ */ y("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
-          C && /* @__PURE__ */ s(
+          w && /* @__PURE__ */ r(
             "input",
             {
               type: "checkbox",
-              className: `${E} ${P} ${q}`,
-              checked: u,
+              className: `${W} ${P} ${q}`,
+              checked: l,
               ref: (e) => {
-                e && (e.indeterminate = i && !u);
+                e && (e.indeterminate = I && !l);
               },
-              onChange: M,
-              disabled: d || o.length === 0
+              onChange: L,
+              disabled: a || i.length === 0
             }
           ),
-          /* @__PURE__ */ s("span", { className: "flex-1 font-medium text-sm truncate", children: g }),
+          /* @__PURE__ */ r("span", { className: "flex-1 font-medium text-sm truncate", children: u }),
           /* @__PURE__ */ y("span", { className: "text-xs text-base-content/50", children: [
-            n.filter((e) => b.some((a) => a.key === e)).length,
+            s.filter((e) => c.some((n) => n.key === e)).length,
             "/",
-            b.length
+            c.length
           ] })
         ] }),
-        x && /* @__PURE__ */ s("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ s(
+        g && /* @__PURE__ */ r("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ r(
           "input",
           {
             type: "text",
             className: `${O} ${ee} w-full`,
             placeholder: "Search...",
-            value: k,
-            onChange: (e) => $(e.target.value),
-            disabled: d
+            value: m,
+            onChange: (e) => D(e.target.value),
+            disabled: a,
+            "aria-label": K
           }
         ) }),
-        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ y(
+        /* @__PURE__ */ r("div", { className: "flex-1 overflow-auto", role: "listbox", "aria-multiselectable": "true", "aria-label": k, children: c.length > 0 ? c.map((e) => /* @__PURE__ */ y(
           "div",
           {
             className: [
               "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
-              n.includes(e.key) && "bg-primary/10",
-              (d || e.disabled) && "opacity-50 cursor-not-allowed"
+              s.includes(e.key) && "bg-primary/10",
+              (a || e.disabled) && "opacity-50 cursor-not-allowed"
             ].filter(Boolean).join(" "),
-            onClick: () => v(e.key, !!e.disabled),
+            onClick: () => f(e.key, !!e.disabled),
+            onKeyDown: (n) => {
+              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), f(e.key, !!e.disabled));
+            },
+            role: "option",
+            "aria-selected": s.includes(e.key),
+            "aria-disabled": a || e.disabled,
+            tabIndex: a || e.disabled ? -1 : 0,
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ r(
                 "input",
                 {
                   type: "checkbox",
-                  className: `${E} ${P} ${q}`,
-                  checked: n.includes(e.key),
-                  disabled: d || e.disabled,
+                  className: `${W} ${P} ${q}`,
+                  checked: s.includes(e.key),
+                  disabled: a || e.disabled,
                   onChange: () => {
                   }
                 }
               ),
-              /* @__PURE__ */ s("span", { className: "flex-1 truncate text-sm", children: T(e) })
+              /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm", children: $(e) })
             ]
           },
           e.key
-        )) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: L }) })
+        )) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: B }) })
       ]
     }
   );
 }
 function re({
-  dataSource: r,
-  targetKeys: n,
+  dataSource: o,
+  targetKeys: s,
   defaultTargetKeys: p = [],
-  onChange: g,
-  onSelectChange: x,
-  titles: N = ["Source", "Target"],
-  render: T = (o) => o.title,
-  showSearch: C = !1,
-  filterOption: d = (o, u) => (typeof u.title == "string" ? u.title : String(u.title)).toLowerCase().includes(o.toLowerCase()),
-  showSelectAll: I = !0,
-  disabled: B,
-  listStyle: L,
-  className: k = "",
-  "data-testid": $,
-  ...b
+  onChange: u,
+  onSelectChange: g,
+  titles: v = ["Source", "Target"],
+  render: $ = (c) => c.title,
+  showSearch: w = !1,
+  filterOption: a = (c, i) => (typeof i.title == "string" ? i.title : String(i.title)).toLowerCase().includes(c.toLowerCase()),
+  showSelectAll: T = !0,
+  disabled: j,
+  listStyle: C,
+  className: B = "",
+  "data-testid": m,
+  ...D
 }) {
-  const { componentDisabled: o, renderEmpty: u } = _(), i = B ?? o ?? !1, M = u?.("Transfer") ?? "No data", v = (t) => $ ? `${$}-${t}` : void 0, [e, a] = j(p), [l, V] = j([]), [h, W] = j([]), m = n ?? e, H = D(
-    () => r.filter((t) => !m.includes(t.key)),
-    [r, m]
-  ), J = D(
-    () => r.filter((t) => m.includes(t.key)),
-    [r, m]
+  const { componentDisabled: c, renderEmpty: i } = _(), l = j ?? c ?? !1, I = i?.("Transfer") ?? "No data", k = (t) => m ? `${m}-${t}` : void 0, [K, L] = M(p), [f, e] = M([]), [n, x] = M([]), h = s ?? K, H = V(
+    () => o.filter((t) => !h.includes(t.key)),
+    [o, h]
+  ), J = V(
+    () => o.filter((t) => h.includes(t.key)),
+    [o, h]
   ), Q = S(
     (t) => {
-      V(t), x?.(t, h);
+      e(t), g?.(t, n);
     },
-    [h, x]
+    [n, g]
   ), R = S(
     (t) => {
-      W(t), x?.(l, t);
+      x(t), g?.(f, t);
     },
-    [l, x]
+    [f, g]
   ), U = S(() => {
-    if (i || l.length === 0) return;
-    const t = l.filter((f) => {
-      const w = r.find((K) => K.key === f);
-      return w && !w.disabled;
+    if (l || f.length === 0) return;
+    const t = f.filter((b) => {
+      const N = o.find((E) => E.key === b);
+      return N && !N.disabled;
     });
     if (t.length === 0) return;
-    const c = [...m, ...t];
-    n === void 0 && a(c), V([]), g?.(c, "right", t);
-  }, [i, l, m, n, g, r]), X = S(() => {
-    if (i || h.length === 0) return;
-    const t = h.filter((f) => {
-      const w = r.find((K) => K.key === f);
-      return w && !w.disabled;
+    const d = [...h, ...t];
+    s === void 0 && L(d), e([]), u?.(d, "right", t);
+  }, [l, f, h, s, u, o]), X = S(() => {
+    if (l || n.length === 0) return;
+    const t = n.filter((b) => {
+      const N = o.find((E) => E.key === b);
+      return N && !N.disabled;
     });
     if (t.length === 0) return;
-    const c = m.filter((f) => !t.includes(f));
-    n === void 0 && a(c), W([]), g?.(c, "left", t);
-  }, [i, h, m, n, g, r]), Y = l.some((t) => {
-    const c = r.find((f) => f.key === t);
-    return c && !c.disabled;
-  }), Z = h.some((t) => {
-    const c = r.find((f) => f.key === t);
-    return c && !c.disabled;
+    const d = h.filter((b) => !t.includes(b));
+    s === void 0 && L(d), x([]), u?.(d, "left", t);
+  }, [l, n, h, s, u, o]), Y = f.some((t) => {
+    const d = o.find((b) => b.key === t);
+    return d && !d.disabled;
+  }), Z = n.some((t) => {
+    const d = o.find((b) => b.key === t);
+    return d && !d.disabled;
   });
-  return /* @__PURE__ */ y("div", { className: `flex items-center gap-4 ${k}`, "data-testid": $, ...b, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ y("div", { className: `flex items-center gap-4 ${B}`, "data-testid": m, ...D, children: [
+    /* @__PURE__ */ r(
       G,
       {
         items: H,
-        selectedKeys: l,
+        selectedKeys: f,
         onSelectChange: Q,
-        title: N[0],
-        showSearch: C,
-        filterOption: d,
-        render: T,
-        showSelectAll: I,
-        disabled: i,
-        listStyle: L,
+        title: v[0],
+        showSearch: w,
+        filterOption: a,
+        render: $,
+        showSelectAll: T,
+        disabled: l,
+        listStyle: C,
         direction: "left",
-        testId: v("source"),
-        emptyContent: M
+        testId: k("source"),
+        emptyContent: I
       }
     ),
     /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: `${z} ${A} ${F}`,
           onClick: U,
-          disabled: i || !Y,
+          disabled: l || !Y,
           "aria-label": "Move to target",
-          "data-testid": v("move-right"),
-          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          "data-testid": k("move-right"),
+          children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: `${z} ${A} ${F}`,
           onClick: X,
-          disabled: i || !Z,
+          disabled: l || !Z,
           "aria-label": "Move to source",
-          "data-testid": v("move-left"),
-          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          "data-testid": k("move-left"),
+          children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ r(
       G,
       {
         items: J,
-        selectedKeys: h,
+        selectedKeys: n,
         onSelectChange: R,
-        title: N[1],
-        showSearch: C,
-        filterOption: d,
-        render: T,
-        showSelectAll: I,
-        disabled: i,
-        listStyle: L,
+        title: v[1],
+        showSearch: w,
+        filterOption: a,
+        render: $,
+        showSelectAll: T,
+        disabled: l,
+        listStyle: C,
         direction: "right",
-        testId: v("target"),
-        emptyContent: M
+        testId: k("target"),
+        emptyContent: I
       }
     )
   ] });