asterui 0.12.61 → 0.12.63

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses}>\n          <select ref={selectRef} className={`${dSelect} ${dSelectBordered} w-full`} {...props}>\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses}>\n          {addonBefore && <span className=\"text-base-content/70\">{addonBefore}</span>}\n          {selectElement}\n          {addonAfter && <span className=\"text-base-content/70\">{addonAfter}</span>}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","selectClasses","selectElement","floatingClasses","jsxs","jsx","addonClasses"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n    const hasWrapper = hasExternalAddons || !!floatingLabel\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const selectTestId = testId ? (hasWrapper ? getTestId('select') : testId) : undefined\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} data-testid={selectTestId} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses} data-testid={testId}>\n          <select\n            ref={selectRef}\n            className={`${dSelect} ${dSelectBordered} w-full`}\n            data-testid={selectTestId}\n            {...props}\n          >\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses} data-testid={testId}>\n          {addonBefore && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-before')}>\n              {addonBefore}\n            </span>\n          )}\n          {selectElement}\n          {addonAfter && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-after')}>\n              {addonAfter}\n            </span>\n          )}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","testId","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","hasWrapper","getTestId","suffix","selectTestId","selectClasses","selectElement","jsx","floatingClasses","jsxs","addonClasses"],"mappings":"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"}

package/dist/components/Skeleton.d.ts

@@ -5,5 +5,7 @@ export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     circle?: boolean;
     variant?: 'default' | 'text';
     children?: React.ReactNode;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSkeleton = 'skeleton'\nconst dSkeletonText = 'skeleton-text'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dSkeleton]\n\n    if (variant === 'text') {\n      classes.push(dSkeletonText)\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dSkeleton","dSkeletonText","Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAGA,MAAMA,IAAY,YACZC,IAAgB,iBAUTC,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAACZ,CAAS;AAE1B,WAAIM,MAAY,UACdM,EAAQ,KAAKX,CAAa,GAGxBI,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Skeleton.js","sources":["../../src/components/Skeleton.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dSkeleton = 'skeleton'\nconst dSkeletonText = 'skeleton-text'\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number\n  height?: string | number\n  circle?: boolean\n  variant?: 'default' | 'text'\n  children?: React.ReactNode\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  width,\n  height,\n  circle = false,\n  variant = 'default',\n  className = '',\n  children,\n  style,\n  ...rest\n}) => {\n  const getClasses = () => {\n    const classes = [dSkeleton]\n\n    if (variant === 'text') {\n      classes.push(dSkeletonText)\n    }\n\n    if (circle) {\n      classes.push('rounded-full')\n    }\n\n    if (className) {\n      classes.push(className)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getStyles = () => {\n    const styles: React.CSSProperties = {}\n\n    if (width) {\n      styles.width = typeof width === 'number' ? `${width}px` : width\n    }\n\n    if (height) {\n      styles.height = typeof height === 'number' ? `${height}px` : height\n    }\n\n    return Object.keys(styles).length > 0 ? styles : undefined\n  }\n\n  return (\n    <div className={getClasses()} style={{ ...getStyles(), ...style }} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dSkeleton","dSkeletonText","Skeleton","width","height","circle","variant","className","children","style","rest","getClasses","classes","getStyles","styles","jsx"],"mappings":";AAGA,MAAMA,IAAY,YACZC,IAAgB,iBAYTC,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAACZ,CAAS;AAE1B,WAAIM,MAAY,UACdM,EAAQ,KAAKX,CAAa,GAGxBI,KACFO,EAAQ,KAAK,cAAc,GAGzBL,KACFK,EAAQ,KAAKL,CAAS,GAGjBK,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAY,MAAM;AACtB,UAAMC,IAA8B,CAAA;AAEpC,WAAIX,MACFW,EAAO,QAAQ,OAAOX,KAAU,WAAW,GAAGA,CAAK,OAAOA,IAGxDC,MACFU,EAAO,SAAS,OAAOV,KAAW,WAAW,GAAGA,CAAM,OAAOA,IAGxD,OAAO,KAAKU,CAAM,EAAE,SAAS,IAAIA,IAAS;AAAA,EACnD;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAA,GAAc,OAAO,EAAE,GAAGE,EAAA,GAAa,GAAGJ,EAAA,GAAU,GAAGC,GACpE,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/Space.d.ts

@@ -7,5 +7,7 @@ export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
     wrap?: boolean;
     split?: React.ReactNode;
     children: React.ReactNode;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Space: React.FC<SpaceProps>;

package/dist/components/Space.js.map

@@ -1 +1 @@
-{"version":3,"file":"Space.js","sources":["../../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  split?: React.ReactNode\n  children: React.ReactNode\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'sm',\n  align,\n  justify,\n  wrap = false,\n  split,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const effectiveAlign = align ?? (direction === 'vertical' ? 'start' : undefined)\n  const alignClass = effectiveAlign ? alignClasses[effectiveAlign] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  // If split is provided, interleave separator between children\n  const renderChildren = () => {\n    if (!split) return children\n\n    const childArray = React.Children.toArray(children).filter(Boolean)\n    if (childArray.length <= 1) return children\n\n    const result: React.ReactNode[] = []\n    childArray.forEach((child, index) => {\n      result.push(child)\n      if (index < childArray.length - 1) {\n        result.push(\n          <span key={`split-${index}`} className=\"flex-shrink-0\">\n            {split}\n          </span>\n        )\n      }\n    })\n    return result\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{renderChildren()}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","split","className","style","children","rest","isNumericSize","gapClass","effectiveAlign","alignClass","justifyClass","classes","combinedStyle","jsx","childArray","React","result","child","index"],"mappings":";;AAYA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOT,KAAS,UAChCU,IAAWD,IAAgB,KAAKd,EAAWK,CAAI,GAC/CW,IAAiBV,MAAUF,MAAc,aAAa,UAAU,SAChEa,IAAaD,IAAiBf,EAAae,CAAc,IAAI,IAC7DE,IAAeX,IAAUL,EAAeK,CAAO,IAAI,IAInDY,IAAU;AAAA,IACd;AAAA,IAHqBf,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAE;AAAA,IACAC;AAAA,IARgBV,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBU,IAAqC;AAAA,IACzC,GAAGT;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAgB,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGP,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMU,IAAaC,EAAM,SAAS,QAAQX,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIU,EAAW,UAAU,EAAG,QAAOV;AAEnC,UAAMY,IAA4B,CAAA;AAClC,WAAAF,EAAW,QAAQ,CAACG,GAAOC,MAAU;AACnC,MAAAF,EAAO,KAAKC,CAAK,GACbC,IAAQJ,EAAW,SAAS,KAC9BE,EAAO;AAAA,0BACJ,QAAA,EAA4B,WAAU,iBACpC,UAAAf,KADQ,SAASiB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}
+{"version":3,"file":"Space.js","sources":["../../src/components/Space.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  wrap?: boolean\n  split?: React.ReactNode\n  children: React.ReactNode\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst gapClasses = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n} as const\n\nconst alignClasses = {\n  start: 'items-start',\n  end: 'items-end',\n  center: 'items-center',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n} as const\n\nconst justifyClasses = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const\n\nexport const Space: React.FC<SpaceProps> = ({\n  direction = 'horizontal',\n  size = 'sm',\n  align,\n  justify,\n  wrap = false,\n  split,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericSize = typeof size === 'number'\n  const gapClass = isNumericSize ? '' : gapClasses[size]\n  const effectiveAlign = align ?? (direction === 'vertical' ? 'start' : undefined)\n  const alignClass = effectiveAlign ? alignClasses[effectiveAlign] : ''\n  const justifyClass = justify ? justifyClasses[justify] : ''\n  const wrapClass = wrap ? 'flex-wrap' : ''\n  const directionClass = direction === 'horizontal' ? 'flex-row' : 'flex-col'\n\n  const classes = [\n    'flex',\n    directionClass,\n    gapClass,\n    alignClass,\n    justifyClass,\n    wrapClass,\n    className\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericSize ? { gap: `${size}px` } : {}),\n  }\n\n  // If split is provided, interleave separator between children\n  const renderChildren = () => {\n    if (!split) return children\n\n    const childArray = React.Children.toArray(children).filter(Boolean)\n    if (childArray.length <= 1) return children\n\n    const result: React.ReactNode[] = []\n    childArray.forEach((child, index) => {\n      result.push(child)\n      if (index < childArray.length - 1) {\n        result.push(\n          <span key={`split-${index}`} className=\"flex-shrink-0\">\n            {split}\n          </span>\n        )\n      }\n    })\n    return result\n  }\n\n  return <div className={classes} style={combinedStyle} {...rest}>{renderChildren()}</div>\n}\n"],"names":["gapClasses","alignClasses","justifyClasses","Space","direction","size","align","justify","wrap","split","className","style","children","rest","isNumericSize","gapClass","effectiveAlign","alignClass","justifyClass","classes","combinedStyle","jsx","childArray","React","result","child","index"],"mappings":";;AAcA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAe;AAAA,EACnB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX,GAEMC,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAA8B,CAAC;AAAA,EAC1C,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB,OAAOT,KAAS,UAChCU,IAAWD,IAAgB,KAAKd,EAAWK,CAAI,GAC/CW,IAAiBV,MAAUF,MAAc,aAAa,UAAU,SAChEa,IAAaD,IAAiBf,EAAae,CAAc,IAAI,IAC7DE,IAAeX,IAAUL,EAAeK,CAAO,IAAI,IAInDY,IAAU;AAAA,IACd;AAAA,IAHqBf,MAAc,eAAe,aAAa;AAAA,IAK/DW;AAAA,IACAE;AAAA,IACAC;AAAA,IARgBV,IAAO,cAAc;AAAA,IAUrCE;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBU,IAAqC;AAAA,IACzC,GAAGT;AAAA,IACH,GAAIG,IAAgB,EAAE,KAAK,GAAGT,CAAI,SAAS,CAAA;AAAA,EAAC;AAwB9C,SAAO,gBAAAgB,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGP,GAAO,WApB1C,MAAM;AAC3B,QAAI,CAACJ,EAAO,QAAOG;AAEnB,UAAMU,IAAaC,EAAM,SAAS,QAAQX,CAAQ,EAAE,OAAO,OAAO;AAClE,QAAIU,EAAW,UAAU,EAAG,QAAOV;AAEnC,UAAMY,IAA4B,CAAA;AAClC,WAAAF,EAAW,QAAQ,CAACG,GAAOC,MAAU;AACnC,MAAAF,EAAO,KAAKC,CAAK,GACbC,IAAQJ,EAAW,SAAS,KAC9BE,EAAO;AAAA,0BACJ,QAAA,EAA4B,WAAU,iBACpC,UAAAf,KADQ,SAASiB,CAAK,EAEzB;AAAA,MAAA;AAAA,IAGN,CAAC,GACMF;AAAA,EACT,GAEiE,EAAe,CAAE;AACpF;"}

package/dist/components/Splitter.d.ts

@@ -11,6 +11,7 @@ export interface SplitterPanelProps {
     onCollapse?: (collapsed: boolean) => void;
     resizable?: boolean;
     className?: string;
+    'data-testid'?: string;
 }
 export interface SplitterProps {
     children: React.ReactNode;
@@ -21,6 +22,7 @@ export interface SplitterProps {
     gutterSize?: number;
     minSize?: number;
     className?: string;
+    'data-testid'?: string;
 }
 declare const Panel: React.FC<SplitterPanelProps>;
 export declare const Splitter: React.FC<SplitterProps> & {

package/dist/components/Splitter.js

@@ -1,177 +1,181 @@
-import { jsx as h, jsxs as K, Fragment as ie } from "react/jsx-runtime";
-import T, { useRef as L, useState as J, useCallback as y, useEffect as Q } from "react";
-const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
-  children: M,
-  direction: z = "horizontal",
+import { jsx as h, jsxs as F, Fragment as ue } from "react/jsx-runtime";
+import W, { useRef as E, useState as Z, useCallback as y, useEffect as I } from "react";
+const de = ({ children: D }) => /* @__PURE__ */ h(ue, { children: D }), fe = ({
+  children: D,
+  direction: b = "horizontal",
   sizes: P,
-  defaultSizes: $,
-  onSizesChange: F,
+  defaultSizes: N,
+  onSizesChange: X,
   gutterSize: R = 8,
-  minSize: E = 50,
-  className: Z = ""
+  minSize: j = 50,
+  className: ee = "",
+  "data-testid": A
 }) => {
-  const D = L(null), I = L([]), x = L(null), u = T.Children.toArray(M).filter(
-    (e) => T.isValidElement(e)
-  ), m = u.length, [f, W] = J(
+  const x = E(null), te = E([]), L = E(null), u = W.Children.toArray(D).filter(
+    (e) => W.isValidElement(e)
+  ), m = u.length, [d, Y] = Z(
     () => u.map((e) => e.props.defaultCollapsed ?? e.props.collapsed ?? !1)
-  ), X = L([]), j = y(() => {
-    const e = u.map((s) => s.props.defaultSize), o = e.some((s) => s !== void 0);
-    if ($ && $.length === m)
-      return $;
-    if (o) {
-      const s = e.reduce((l, n) => l + (n ?? 0), 0), r = e.filter((l) => l === void 0).length, a = Math.max(0, 100 - s), t = r > 0 ? a / r : 0;
-      return e.map((l) => l ?? t);
+  ), _ = E([]), T = y(() => {
+    const e = u.map((n) => n.props.defaultSize), t = e.some((n) => n !== void 0);
+    if (N && N.length === m)
+      return N;
+    if (t) {
+      const n = e.reduce((s, o) => s + (o ?? 0), 0), r = e.filter((s) => s === void 0).length, c = Math.max(0, 100 - n), l = r > 0 ? c / r : 0;
+      return e.map((s) => s ?? l);
     }
-    const i = 100 / m;
-    return Array(m).fill(i);
-  }, [$, m, u]), [k, Y] = J(j), ee = y(() => {
-    const e = u.map((t) => t.props.size);
-    if (!e.some((t) => t !== void 0)) return null;
-    const i = e.reduce((t, l) => t + (l ?? 0), 0), s = e.filter((t) => t === void 0).length, r = Math.max(0, 100 - i), a = s > 0 ? r / s : 0;
-    return e.map((t, l) => t ?? k[l] ?? a);
-  }, [u, k]), d = P || ee() || k;
-  Q(() => {
-    !P && k.length !== m && Y(j());
-  }, [m, P, k.length, j]), Q(() => {
+    const a = 100 / m;
+    return Array(m).fill(a);
+  }, [N, m, u]), [$, q] = Z(T), oe = y(() => {
+    const e = u.map((l) => l.props.size);
+    if (!e.some((l) => l !== void 0)) return null;
+    const a = e.reduce((l, s) => l + (s ?? 0), 0), n = e.filter((l) => l === void 0).length, r = Math.max(0, 100 - a), c = n > 0 ? r / n : 0;
+    return e.map((l, s) => l ?? $[s] ?? c);
+  }, [u, $]), f = P || oe() || $;
+  I(() => {
+    !P && $.length !== m && q(T());
+  }, [m, P, $.length, T]), I(() => {
     const e = u.map(
-      (i, s) => i.props.collapsed ?? f[s] ?? !1
+      (a, n) => a.props.collapsed ?? d[n] ?? !1
     );
-    e.some((i, s) => i !== f[s]) && W(e);
+    e.some((a, n) => a !== d[n]) && Y(e);
   }, [u.map((e) => e.props.collapsed).join(",")]);
-  const b = y(
+  const v = y(
     (e) => {
-      P || Y(e), F?.(e);
+      P || q(e), X?.(e);
     },
-    [P, F]
-  ), _ = y(
+    [P, X]
+  ), G = y(
     (e) => {
-      const o = u[e];
-      if (!o?.props.collapsible) return;
-      const s = !f[e], r = [...f];
-      if (r[e] = s, W(r), o.props.onCollapse?.(s), s) {
-        X.current = [...d];
-        const a = 0, t = d[e] - a, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]);
-        if (l.length > 0) {
-          const n = t / l.length, c = d.map((p, w) => w === e ? a : r[w] ? p : p + n);
-          b(c);
+      const t = u[e];
+      if (!t?.props.collapsible) return;
+      const n = !d[e], r = [...d];
+      if (r[e] = n, Y(r), t.props.onCollapse?.(n), n) {
+        _.current = [...f];
+        const c = 0, l = f[e] - c, s = f.map((o, i) => ({ size: o, index: i })).filter((o, i) => i !== e && !r[i]);
+        if (s.length > 0) {
+          const o = l / s.length, i = f.map((p, z) => z === e ? c : r[z] ? p : p + o);
+          v(i);
         }
       } else {
-        const a = X.current[e] || 100 / m, l = d.map((n, c) => ({ size: n, index: c })).filter((n, c) => c !== e && !r[c]).reduce((n, c) => n + c.size, 0);
-        if (l > 0) {
-          const n = d.map((c, p) => {
-            if (p === e) return a;
+        const c = _.current[e] || 100 / m, s = f.map((o, i) => ({ size: o, index: i })).filter((o, i) => i !== e && !r[i]).reduce((o, i) => o + i.size, 0);
+        if (s > 0) {
+          const o = f.map((i, p) => {
+            if (p === e) return c;
             if (!r[p]) {
-              const w = c / l;
-              return c - a * w;
+              const z = i / s;
+              return i - c * z;
             }
-            return c;
+            return i;
           });
-          b(n);
+          v(o);
         }
       }
     },
-    [u, f, d, m, b]
-  ), te = y(
-    (e, o) => {
-      const i = u[e]?.props || {}, s = u[e + 1]?.props || {};
-      if (i.resizable === !1 || s.resizable === !1 || f[e] || f[e + 1])
+    [u, d, f, m, v]
+  ), ne = y(
+    (e, t) => {
+      const a = u[e]?.props || {}, n = u[e + 1]?.props || {};
+      if (a.resizable === !1 || n.resizable === !1 || d[e] || d[e + 1])
         return;
-      o.preventDefault();
-      const r = z === "horizontal" ? o.clientX : o.clientY;
-      x.current = {
+      t.preventDefault();
+      const r = b === "horizontal" ? t.clientX : t.clientY;
+      L.current = {
         index: e,
         startPos: r,
-        startSizes: [...d]
+        startSizes: [...f]
       };
-      const a = (l) => {
-        if (!x.current || !D.current) return;
-        const { index: n, startPos: c, startSizes: p } = x.current, w = D.current.getBoundingClientRect(), se = z === "horizontal" ? w.width : w.height, re = z === "horizontal" ? l.clientX : l.clientY, le = (m - 1) * R, N = se - le, q = (re - c) / N * 100, G = u[n]?.props || {}, H = u[n + 1]?.props || {}, ae = G.minSize ?? E, ce = H.minSize ?? E, A = ae / N * 100, B = ce / N * 100;
-        let v = p[n] + q, C = p[n + 1] - q;
-        v < A && (v = A, C = p[n] + p[n + 1] - A), C < B && (C = B, v = p[n] + p[n + 1] - B);
-        const O = G.maxSize, V = H.maxSize;
-        if (O) {
-          const S = O / N * 100;
-          v > S && (v = S, C = p[n] + p[n + 1] - S);
+      const c = (s) => {
+        if (!L.current || !x.current) return;
+        const { index: o, startPos: i, startSizes: p } = L.current, z = x.current.getBoundingClientRect(), le = b === "horizontal" ? z.width : z.height, ae = b === "horizontal" ? s.clientX : s.clientY, ce = (m - 1) * R, k = le - ce, H = (ae - i) / k * 100, O = u[o]?.props || {}, V = u[o + 1]?.props || {}, ie = O.minSize ?? j, pe = V.minSize ?? j, B = ie / k * 100, U = pe / k * 100;
+        let w = p[o] + H, C = p[o + 1] - H;
+        w < B && (w = B, C = p[o] + p[o + 1] - B), C < U && (C = U, w = p[o] + p[o + 1] - U);
+        const J = O.maxSize, Q = V.maxSize;
+        if (J) {
+          const S = J / k * 100;
+          w > S && (w = S, C = p[o] + p[o + 1] - S);
         }
-        if (V) {
-          const S = V / N * 100;
-          C > S && (C = S, v = p[n] + p[n + 1] - S);
+        if (Q) {
+          const S = Q / k * 100;
+          C > S && (C = S, w = p[o] + p[o + 1] - S);
         }
-        const U = [...p];
-        U[n] = v, U[n + 1] = C, b(U);
-      }, t = () => {
-        x.current = null, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", t), document.body.style.cursor = "", document.body.style.userSelect = "";
+        const K = [...p];
+        K[o] = w, K[o + 1] = C, v(K);
+      }, l = () => {
+        L.current = null, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l), document.body.style.cursor = "", document.body.style.userSelect = "";
       };
-      document.addEventListener("mousemove", a), document.addEventListener("mouseup", t), document.body.style.cursor = z === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
+      document.addEventListener("mousemove", c), document.addEventListener("mouseup", l), document.body.style.cursor = b === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none";
     },
-    [z, d, m, R, u, E, b, f]
-  ), oe = y(
-    (e, o) => {
-      if (f[e] || f[e + 1])
+    [b, f, m, R, u, j, v, d]
+  ), se = y(
+    (e, t) => {
+      if (d[e] || d[e + 1])
         return;
-      const i = o.shiftKey ? 10 : 1;
-      let s = 0;
-      if (z === "horizontal" ? o.key === "ArrowLeft" ? s = -i : o.key === "ArrowRight" && (s = i) : o.key === "ArrowUp" ? s = -i : o.key === "ArrowDown" && (s = i), s !== 0) {
-        o.preventDefault();
-        const r = [...d], a = 5;
-        let t = r[e] + s, l = r[e + 1] - s;
-        t >= a && l >= a && (r[e] = t, r[e + 1] = l, b(r));
+      const a = t.shiftKey ? 10 : 1;
+      let n = 0;
+      if (b === "horizontal" ? t.key === "ArrowLeft" ? n = -a : t.key === "ArrowRight" && (n = a) : t.key === "ArrowUp" ? n = -a : t.key === "ArrowDown" && (n = a), n !== 0) {
+        t.preventDefault();
+        const r = [...f], c = 5;
+        let l = r[e] + n, s = r[e + 1] - n;
+        l >= c && s >= c && (r[e] = l, r[e + 1] = s, v(r));
       }
     },
-    [z, d, b, f]
-  ), g = z === "horizontal", ne = (e) => {
-    const o = u[e], i = u[e + 1], s = o?.props.collapsible, r = i?.props.collapsible, a = f[e], t = f[e + 1];
+    [b, f, v, d]
+  ), g = b === "horizontal", re = (e) => {
+    const t = u[e], a = u[e + 1], n = t?.props.collapsible, r = a?.props.collapsible, c = d[e], l = d[e + 1];
     return {
-      showStart: s && !t,
-      showEnd: r && !a,
-      panel1Collapsed: a,
-      panel2Collapsed: t
+      showStart: n && !l,
+      showEnd: r && !c,
+      panel1Collapsed: c,
+      panel2Collapsed: l
     };
-  };
+  }, M = (e) => A ? `${A}-${e}` : void 0;
   return /* @__PURE__ */ h(
     "div",
     {
-      ref: D,
-      className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${Z}`,
-      children: u.map((e, o) => {
-        const i = e.props, s = o === u.length - 1, r = f[o], a = i.resizable !== !1 && !r;
-        return /* @__PURE__ */ K(T.Fragment, { children: [
+      ref: x,
+      className: `flex ${g ? "flex-row" : "flex-col"} h-full w-full ${ee}`,
+      "data-testid": A,
+      children: u.map((e, t) => {
+        const a = e.props, n = t === u.length - 1, r = d[t], c = a.resizable !== !1 && !r, l = a["data-testid"] ?? M(`panel-${t}`);
+        return /* @__PURE__ */ F(W.Fragment, { children: [
           /* @__PURE__ */ h(
             "div",
             {
-              ref: (t) => {
-                I.current[o] = t;
+              ref: (s) => {
+                te.current[t] = s;
               },
-              className: `overflow-auto ${i.className || ""}`,
+              className: `overflow-auto ${a.className || ""}`,
               style: {
-                [g ? "width" : "height"]: r ? "0px" : `calc(${d[o]}% - ${(m - 1) * R / m}px)`,
+                [g ? "width" : "height"]: r ? "0px" : `calc(${f[t]}% - ${(m - 1) * R / m}px)`,
                 flexShrink: 0,
                 overflow: r ? "hidden" : "auto"
               },
               "data-collapsed": r,
-              children: i.children
+              "data-testid": l,
+              children: a.children
             }
           ),
-          !s && /* @__PURE__ */ h(
+          !n && /* @__PURE__ */ h(
             "div",
             {
               role: "separator",
               "aria-orientation": g ? "vertical" : "horizontal",
-              "aria-valuenow": Math.round(d[o]),
-              tabIndex: a ? 0 : -1,
+              "aria-valuenow": Math.round(f[t]),
+              tabIndex: c ? 0 : -1,
               className: `
                   flex-shrink-0 bg-base-300 transition-colors duration-150 relative group
-                  ${a ? "hover:bg-primary/30 active:bg-primary/50" : ""}
-                  ${a ? g ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
+                  ${c ? "hover:bg-primary/30 active:bg-primary/50" : ""}
+                  ${c ? g ? "cursor-col-resize" : "cursor-row-resize" : "cursor-default"}
                 `,
               style: {
                 [g ? "width" : "height"]: `${R}px`
               },
-              onMouseDown: (t) => te(o, t),
-              onKeyDown: (t) => oe(o, t),
+              "data-testid": M(`gutter-${t}`),
+              onMouseDown: (s) => ne(t, s),
+              onKeyDown: (s) => se(t, s),
               children: (() => {
-                const { showStart: t, showEnd: l, panel1Collapsed: n, panel2Collapsed: c } = ne(o);
-                return !t && !l ? /* @__PURE__ */ K(
+                const { showStart: s, showEnd: o, panel1Collapsed: i, panel2Collapsed: p } = re(t);
+                return !s && !o ? /* @__PURE__ */ F(
                   "div",
                   {
                     className: `
@@ -184,7 +188,7 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                       /* @__PURE__ */ h("div", { className: "w-1 h-1 rounded-full bg-base-content/30 group-hover:bg-primary/60" })
                     ]
                   }
-                ) : /* @__PURE__ */ K(
+                ) : /* @__PURE__ */ F(
                   "div",
                   {
                     className: `
@@ -192,22 +196,23 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                         ${g ? "flex-col" : "flex-row"}
                       `,
                     children: [
-                      t && /* @__PURE__ */ h(
+                      s && /* @__PURE__ */ h(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), _(o);
+                          onClick: (z) => {
+                            z.stopPropagation(), G(t);
                           },
                           className: `
                             p-0.5 rounded hover:bg-base-content/20 transition-colors
                             
                           `,
-                          "aria-label": n ? "Expand panel" : "Collapse panel",
+                          "aria-label": i ? "Expand panel" : "Collapse panel",
+                          "data-testid": M(`collapse-${t}`),
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${n ? g ? "rotate-180" : "-rotate-90" : g ? "rotate-0" : "rotate-90"}`,
+                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${i ? g ? "rotate-180" : "-rotate-90" : g ? "rotate-0" : "rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -216,19 +221,20 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
                           )
                         }
                       ),
-                      l && /* @__PURE__ */ h(
+                      o && /* @__PURE__ */ h(
                         "button",
                         {
                           type: "button",
-                          onClick: (p) => {
-                            p.stopPropagation(), _(o + 1);
+                          onClick: (z) => {
+                            z.stopPropagation(), G(t + 1);
                           },
                           className: "p-0.5 rounded hover:bg-base-content/20 transition-colors",
-                          "aria-label": c ? "Expand panel" : "Collapse panel",
+                          "aria-label": p ? "Expand panel" : "Collapse panel",
+                          "data-testid": M(`collapse-${t + 1}`),
                           children: /* @__PURE__ */ h(
                             "svg",
                             {
-                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${c ? g ? "rotate-0" : "rotate-90" : g ? "rotate-180" : "-rotate-90"}`,
+                              className: `w-3 h-3 text-base-content/50 hover:text-base-content transition-transform ${p ? g ? "rotate-0" : "rotate-90" : g ? "rotate-180" : "-rotate-90"}`,
                               fill: "none",
                               viewBox: "0 0 24 24",
                               stroke: "currentColor",
@@ -243,13 +249,13 @@ const pe = ({ children: M }) => /* @__PURE__ */ h(ie, { children: M }), ue = ({
               })()
             }
           )
-        ] }, o);
+        ] }, t);
       })
     }
   );
 };
-ue.Panel = pe;
+fe.Panel = de;
 export {
-  ue as Splitter
+  fe as Splitter
 };
 //# sourceMappingURL=Splitter.js.map