asterui 0.12.61 → 0.12.62

package/dist/components/Affix.d.ts

@@ -10,5 +10,7 @@ export interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     target?: () => HTMLElement | Window;
     /** Callback when affix state changes */
     onChange?: (affixed: boolean) => void;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Affix: React.FC<AffixProps>;

package/dist/components/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../src/components/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Content to make sticky */\n  children: React.ReactNode\n  /** Offset from top when fixed (pixels) */\n  offsetTop?: number\n  /** Offset from bottom when fixed (pixels) */\n  offsetBottom?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Callback when affix state changes */\n  onChange?: (affixed: boolean) => void\n}\n\nexport const Affix: React.FC<AffixProps> = ({\n  children,\n  offsetTop,\n  offsetBottom,\n  target,\n  onChange,\n  className = '',\n  ...rest\n}) => {\n  const [affixed, setAffixed] = useState(false)\n  const [placeholderStyle, setPlaceholderStyle] = useState<React.CSSProperties>({})\n  const [affixStyle, setAffixStyle] = useState<React.CSSProperties>({})\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  // For custom targets, use CSS sticky positioning\n  const hasCustomTarget = !!target\n\n  useEffect(() => {\n    // For custom targets, use CSS sticky - no JS needed for positioning\n    if (hasCustomTarget) {\n      return\n    }\n\n    const scrollTarget = window\n\n    const handleScroll = () => {\n      if (!wrapperRef.current || !contentRef.current) return\n\n      const rect = wrapperRef.current.getBoundingClientRect()\n      const contentRect = contentRef.current.getBoundingClientRect()\n\n      let shouldAffix = false\n      let newAffixStyle: React.CSSProperties = {}\n\n      if (offsetTop !== undefined) {\n        // Affix to top\n        shouldAffix = rect.top < offsetTop\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            top: offsetTop,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      } else if (offsetBottom !== undefined) {\n        // Affix to bottom\n        const viewportHeight = window.innerHeight\n        shouldAffix = rect.bottom > viewportHeight - offsetBottom\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            bottom: offsetBottom,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      }\n\n      if (shouldAffix !== affixed) {\n        setAffixed(shouldAffix)\n        onChange?.(shouldAffix)\n      }\n\n      if (shouldAffix) {\n        setPlaceholderStyle({\n          width: contentRect.width,\n          height: contentRect.height,\n        })\n        setAffixStyle(newAffixStyle)\n      } else {\n        setPlaceholderStyle({})\n        setAffixStyle({})\n      }\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    window.addEventListener('resize', handleScroll)\n    handleScroll()\n\n    return () => {\n      scrollTarget.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleScroll)\n    }\n  }, [hasCustomTarget, offsetTop, offsetBottom, affixed, onChange])\n\n  // For custom scroll containers, use CSS sticky\n  if (hasCustomTarget) {\n    const stickyStyle: React.CSSProperties = {\n      position: 'sticky',\n      top: offsetTop,\n      bottom: offsetBottom,\n      zIndex: 100,\n    }\n\n    return (\n      <div className={className} style={stickyStyle} {...rest}>\n        {children}\n      </div>\n    )\n  }\n\n  // For window scrolling, use fixed positioning with JS\n  return (\n    <div ref={wrapperRef} className={className} data-state={affixed ? 'affixed' : 'normal'} {...rest}>\n      {affixed && <div style={placeholderStyle} />}\n      <div ref={contentRef} style={affixStyle}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Affix","children","offsetTop","offsetBottom","target","onChange","className","rest","affixed","setAffixed","useState","placeholderStyle","setPlaceholderStyle","affixStyle","setAffixStyle","wrapperRef","useRef","contentRef","hasCustomTarget","useEffect","scrollTarget","handleScroll","rect","contentRect","shouldAffix","newAffixStyle","viewportHeight","jsxs","jsx"],"mappings":";;AAeO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAkBC,CAAmB,IAAIF,EAA8B,CAAA,CAAE,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAA8B,CAAA,CAAE,GAC9DK,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAGxCE,IAAkB,CAAC,CAACd;AAwE1B,SAtEAe,EAAU,MAAM;AAEd,QAAID;AACF;AAGF,UAAME,IAAe,QAEfC,IAAe,MAAM;AACzB,UAAI,CAACN,EAAW,WAAW,CAACE,EAAW,QAAS;AAEhD,YAAMK,IAAOP,EAAW,QAAQ,sBAAA,GAC1BQ,IAAcN,EAAW,QAAQ,sBAAA;AAEvC,UAAIO,IAAc,IACdC,IAAqC,CAAA;AAEzC,UAAIvB,MAAc;AAEhB,QAAAsB,IAAcF,EAAK,MAAMpB,GACrBsB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,KAAKvB;AAAA,UACL,OAAOoB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,eAGHnB,MAAiB,QAAW;AAErC,cAAMuB,IAAiB,OAAO;AAC9B,QAAAF,IAAcF,EAAK,SAASI,IAAiBvB,GACzCqB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,QAAQtB;AAAA,UACR,OAAOmB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MAGd;AAEA,MAAIE,MAAgBhB,MAClBC,EAAWe,CAAW,GACtBnB,IAAWmB,CAAW,IAGpBA,KACFZ,EAAoB;AAAA,QAClB,OAAOW,EAAY;AAAA,QACnB,QAAQA,EAAY;AAAA,MAAA,CACrB,GACDT,EAAcW,CAAa,MAE3Bb,EAAoB,CAAA,CAAE,GACtBE,EAAc,CAAA,CAAE;AAAA,IAEpB;AAEA,WAAAM,EAAa,iBAAiB,UAAUC,CAAY,GACpD,OAAO,iBAAiB,UAAUA,CAAY,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAa,oBAAoB,UAAUC,CAAY,GACvD,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAACH,GAAiBhB,GAAWC,GAAcK,GAASH,CAAQ,CAAC,GAG5Da,sBASC,OAAA,EAAI,WAAAZ,GAAsB,OARY;AAAA,IACvC,UAAU;AAAA,IACV,KAAKJ;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ;AAAA,EAAA,GAIwC,GAAGI,GAChD,UAAAN,GACH,IAMF,gBAAA0B,EAAC,OAAA,EAAI,KAAKZ,GAAY,WAAAT,GAAsB,cAAYE,IAAU,YAAY,UAAW,GAAGD,GACzF,UAAA;AAAA,IAAAC,KAAW,gBAAAoB,EAAC,OAAA,EAAI,OAAOjB,EAAA,CAAkB;AAAA,sBACzC,OAAA,EAAI,KAAKM,GAAY,OAAOJ,GAC1B,UAAAZ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Affix.js","sources":["../../src/components/Affix.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\n\nexport interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Content to make sticky */\n  children: React.ReactNode\n  /** Offset from top when fixed (pixels) */\n  offsetTop?: number\n  /** Offset from bottom when fixed (pixels) */\n  offsetBottom?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Callback when affix state changes */\n  onChange?: (affixed: boolean) => void\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Affix: React.FC<AffixProps> = ({\n  children,\n  offsetTop,\n  offsetBottom,\n  target,\n  onChange,\n  className = '',\n  ...rest\n}) => {\n  const [affixed, setAffixed] = useState(false)\n  const [placeholderStyle, setPlaceholderStyle] = useState<React.CSSProperties>({})\n  const [affixStyle, setAffixStyle] = useState<React.CSSProperties>({})\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  // For custom targets, use CSS sticky positioning\n  const hasCustomTarget = !!target\n\n  useEffect(() => {\n    // For custom targets, use CSS sticky - no JS needed for positioning\n    if (hasCustomTarget) {\n      return\n    }\n\n    const scrollTarget = window\n\n    const handleScroll = () => {\n      if (!wrapperRef.current || !contentRef.current) return\n\n      const rect = wrapperRef.current.getBoundingClientRect()\n      const contentRect = contentRef.current.getBoundingClientRect()\n\n      let shouldAffix = false\n      let newAffixStyle: React.CSSProperties = {}\n\n      if (offsetTop !== undefined) {\n        // Affix to top\n        shouldAffix = rect.top < offsetTop\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            top: offsetTop,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      } else if (offsetBottom !== undefined) {\n        // Affix to bottom\n        const viewportHeight = window.innerHeight\n        shouldAffix = rect.bottom > viewportHeight - offsetBottom\n        if (shouldAffix) {\n          newAffixStyle = {\n            position: 'fixed',\n            bottom: offsetBottom,\n            width: rect.width,\n            zIndex: 100,\n          }\n        }\n      }\n\n      if (shouldAffix !== affixed) {\n        setAffixed(shouldAffix)\n        onChange?.(shouldAffix)\n      }\n\n      if (shouldAffix) {\n        setPlaceholderStyle({\n          width: contentRect.width,\n          height: contentRect.height,\n        })\n        setAffixStyle(newAffixStyle)\n      } else {\n        setPlaceholderStyle({})\n        setAffixStyle({})\n      }\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    window.addEventListener('resize', handleScroll)\n    handleScroll()\n\n    return () => {\n      scrollTarget.removeEventListener('scroll', handleScroll)\n      window.removeEventListener('resize', handleScroll)\n    }\n  }, [hasCustomTarget, offsetTop, offsetBottom, affixed, onChange])\n\n  // For custom scroll containers, use CSS sticky\n  if (hasCustomTarget) {\n    const stickyStyle: React.CSSProperties = {\n      position: 'sticky',\n      top: offsetTop,\n      bottom: offsetBottom,\n      zIndex: 100,\n    }\n\n    return (\n      <div className={className} style={stickyStyle} {...rest}>\n        {children}\n      </div>\n    )\n  }\n\n  // For window scrolling, use fixed positioning with JS\n  return (\n    <div ref={wrapperRef} className={className} data-state={affixed ? 'affixed' : 'normal'} {...rest}>\n      {affixed && <div style={placeholderStyle} />}\n      <div ref={contentRef} style={affixStyle}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Affix","children","offsetTop","offsetBottom","target","onChange","className","rest","affixed","setAffixed","useState","placeholderStyle","setPlaceholderStyle","affixStyle","setAffixStyle","wrapperRef","useRef","contentRef","hasCustomTarget","useEffect","scrollTarget","handleScroll","rect","contentRect","shouldAffix","newAffixStyle","viewportHeight","jsxs","jsx"],"mappings":";;AAiBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAkBC,CAAmB,IAAIF,EAA8B,CAAA,CAAE,GAC1E,CAACG,GAAYC,CAAa,IAAIJ,EAA8B,CAAA,CAAE,GAC9DK,IAAaC,EAAuB,IAAI,GACxCC,IAAaD,EAAuB,IAAI,GAGxCE,IAAkB,CAAC,CAACd;AAwE1B,SAtEAe,EAAU,MAAM;AAEd,QAAID;AACF;AAGF,UAAME,IAAe,QAEfC,IAAe,MAAM;AACzB,UAAI,CAACN,EAAW,WAAW,CAACE,EAAW,QAAS;AAEhD,YAAMK,IAAOP,EAAW,QAAQ,sBAAA,GAC1BQ,IAAcN,EAAW,QAAQ,sBAAA;AAEvC,UAAIO,IAAc,IACdC,IAAqC,CAAA;AAEzC,UAAIvB,MAAc;AAEhB,QAAAsB,IAAcF,EAAK,MAAMpB,GACrBsB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,KAAKvB;AAAA,UACL,OAAOoB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,eAGHnB,MAAiB,QAAW;AAErC,cAAMuB,IAAiB,OAAO;AAC9B,QAAAF,IAAcF,EAAK,SAASI,IAAiBvB,GACzCqB,MACFC,IAAgB;AAAA,UACd,UAAU;AAAA,UACV,QAAQtB;AAAA,UACR,OAAOmB,EAAK;AAAA,UACZ,QAAQ;AAAA,QAAA;AAAA,MAGd;AAEA,MAAIE,MAAgBhB,MAClBC,EAAWe,CAAW,GACtBnB,IAAWmB,CAAW,IAGpBA,KACFZ,EAAoB;AAAA,QAClB,OAAOW,EAAY;AAAA,QACnB,QAAQA,EAAY;AAAA,MAAA,CACrB,GACDT,EAAcW,CAAa,MAE3Bb,EAAoB,CAAA,CAAE,GACtBE,EAAc,CAAA,CAAE;AAAA,IAEpB;AAEA,WAAAM,EAAa,iBAAiB,UAAUC,CAAY,GACpD,OAAO,iBAAiB,UAAUA,CAAY,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAa,oBAAoB,UAAUC,CAAY,GACvD,OAAO,oBAAoB,UAAUA,CAAY;AAAA,IACnD;AAAA,EACF,GAAG,CAACH,GAAiBhB,GAAWC,GAAcK,GAASH,CAAQ,CAAC,GAG5Da,sBASC,OAAA,EAAI,WAAAZ,GAAsB,OARY;AAAA,IACvC,UAAU;AAAA,IACV,KAAKJ;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ;AAAA,EAAA,GAIwC,GAAGI,GAChD,UAAAN,GACH,IAMF,gBAAA0B,EAAC,OAAA,EAAI,KAAKZ,GAAY,WAAAT,GAAsB,cAAYE,IAAU,YAAY,UAAW,GAAGD,GACzF,UAAA;AAAA,IAAAC,KAAW,gBAAAoB,EAAC,OAAA,EAAI,OAAOjB,EAAA,CAAkB;AAAA,sBACzC,OAAA,EAAI,KAAKM,GAAY,OAAOJ,GAC1B,UAAAZ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Alert.d.ts

@@ -6,5 +6,7 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     dash?: boolean;
     soft?: boolean;
     vertical?: boolean;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Alert: React.FC<AlertProps>;

package/dist/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = 'alert-error'\nconst dAlertOutline = 'alert-outline'\nconst dAlertDash = 'alert-dash'\nconst dAlertSoft = 'alert-soft'\nconst dAlertVertical = 'alert-vertical'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: dAlertInfo,\n    success: dAlertSuccess,\n    warning: dAlertWarning,\n    error: dAlertError,\n  }\n\n  const classes = [\n    dAlert,\n    type && typeClasses[type],\n    outline && dAlertOutline,\n    dash && dAlertDash,\n    soft && dAlertSoft,\n    vertical && dAlertVertical,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","dAlertOutline","dAlertDash","dAlertSoft","dAlertVertical","Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAGA,MAAMA,IAAS,SACTC,IAAa,cACbC,IAAgB,iBAChBC,IAAgB,iBAChBC,IAAc,eACdC,IAAgB,iBAChBC,IAAa,cACbC,IAAa,cACbC,IAAiB,kBAWVC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACdlB;AAAA,IACAY,KATkB;AAAA,MAClB,MAAMX;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAKaQ,CAAI;AAAA,IACxBC,KAAWR;AAAA,IACXS,KAAQR;AAAA,IACRS,KAAQR;AAAA,IACRS,KAAYR;AAAA,IACZG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAlert = 'alert'\nconst dAlertInfo = 'alert-info'\nconst dAlertSuccess = 'alert-success'\nconst dAlertWarning = 'alert-warning'\nconst dAlertError = 'alert-error'\nconst dAlertOutline = 'alert-outline'\nconst dAlertDash = 'alert-dash'\nconst dAlertSoft = 'alert-soft'\nconst dAlertVertical = 'alert-vertical'\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  type?: 'info' | 'success' | 'warning' | 'error'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  vertical?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  className = '',\n  type,\n  outline = false,\n  dash = false,\n  soft = false,\n  vertical = false,\n  ...rest\n}) => {\n  const typeClasses = {\n    info: dAlertInfo,\n    success: dAlertSuccess,\n    warning: dAlertWarning,\n    error: dAlertError,\n  }\n\n  const classes = [\n    dAlert,\n    type && typeClasses[type],\n    outline && dAlertOutline,\n    dash && dAlertDash,\n    soft && dAlertSoft,\n    vertical && dAlertVertical,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div role=\"alert\" className={classes} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dAlert","dAlertInfo","dAlertSuccess","dAlertWarning","dAlertError","dAlertOutline","dAlertDash","dAlertSoft","dAlertVertical","Alert","children","className","type","outline","dash","soft","vertical","rest","classes","jsx"],"mappings":";AAGA,MAAMA,IAAS,SACTC,IAAa,cACbC,IAAgB,iBAChBC,IAAgB,iBAChBC,IAAc,eACdC,IAAgB,iBAChBC,IAAa,cACbC,IAAa,cACbC,IAAiB,kBAaVC,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AAQJ,QAAMC,IAAU;AAAA,IACdlB;AAAA,IACAY,KATkB;AAAA,MAClB,MAAMX;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAKaQ,CAAI;AAAA,IACxBC,KAAWR;AAAA,IACXS,KAAQR;AAAA,IACRS,KAAQR;AAAA,IACRS,KAAYR;AAAA,IACZG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,MAAK,SAAQ,WAAWD,GAAU,GAAGD,GACvC,UAAAP,GACH;AAEJ;"}

package/dist/components/Avatar.d.ts

@@ -13,11 +13,15 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     online?: boolean;
     offline?: boolean;
     placeholder?: boolean;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     max?: number;
     size?: AvatarSize;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 declare function AvatarRoot({ src, alt, icon, children, size, shape, status, className, style, online, offline, placeholder, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
 declare function AvatarGroup({ children, max, size, className, style, ...rest }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAvatar = 'avatar'\nconst dAvatarOnline = 'avatar-online'\nconst dAvatarOffline = 'avatar-offline'\nconst dAvatarPlaceholder = 'avatar-placeholder'\nconst dAvatarGroup = 'avatar-group'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  icon?: React.ReactNode\n  children?: React.ReactNode\n  size?: AvatarSize\n  shape?: AvatarShape\n  status?: AvatarStatus\n  // Legacy props for backwards compatibility\n  online?: boolean\n  offline?: boolean\n  placeholder?: boolean\n}\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  max?: number\n  size?: AvatarSize\n}\n\nfunction AvatarRoot({\n  src,\n  alt = 'avatar',\n  icon,\n  children,\n  size = 'md',\n  shape = 'circle',\n  status,\n  className = '',\n  style,\n  // Legacy props\n  online,\n  offline,\n  placeholder,\n  ...rest\n}: AvatarProps) {\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  const shapeClasses: Record<AvatarShape, string> = {\n    circle: 'rounded-full',\n    square: 'rounded',\n  }\n\n  // Handle legacy boolean props\n  const resolvedStatus = status || (online ? 'online' : offline ? 'offline' : undefined)\n  const isPlaceholder = placeholder || (!src && (icon || children))\n\n  const avatarClasses = [\n    dAvatar,\n    resolvedStatus === 'online' && dAvatarOnline,\n    resolvedStatus === 'offline' && dAvatarOffline,\n    isPlaceholder && dAvatarPlaceholder,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const innerClasses = [sizeClasses[size], shapeClasses[shape]].filter(Boolean).join(' ')\n\n  // Image avatar\n  if (src) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <img src={src} alt={alt} />\n        </div>\n      </div>\n    )\n  }\n\n  // Icon or text avatar (placeholder)\n  const content = icon || children\n\n  if (content) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <div className=\"bg-neutral text-neutral-content flex items-center justify-center w-full h-full\">\n            {content}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty avatar\n  return (\n    <div className={avatarClasses} style={style} {...rest}>\n      <div className={innerClasses}>\n        <div className=\"bg-neutral-focus text-neutral-content w-full h-full\" />\n      </div>\n    </div>\n  )\n}\n\nfunction AvatarGroup({ children, max, size, className = '', style, ...rest }: AvatarGroupProps) {\n  const avatars = React.Children.toArray(children)\n  const displayAvatars = max ? avatars.slice(0, max) : avatars\n  const remainingCount = max && avatars.length > max ? avatars.length - max : 0\n\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  return (\n    <div className={`${dAvatarGroup} -space-x-6 rtl:space-x-reverse ${className}`} style={style} {...rest}>\n      {displayAvatars}\n      {remainingCount > 0 && (\n        <div className={`${dAvatar} ${dAvatarPlaceholder}`}>\n          <div className={`bg-neutral text-neutral-content rounded-full ${size ? sizeClasses[size] : 'w-12'}`}>\n            <span>+{remainingCount}</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const Avatar = Object.assign(AvatarRoot, {\n  Group: AvatarGroup,\n})\n\nexport { AvatarGroup }\n\nexport default Avatar\n"],"names":["dAvatar","dAvatarOnline","dAvatarOffline","dAvatarPlaceholder","dAvatarGroup","AvatarRoot","src","alt","icon","children","size","shape","status","className","style","online","offline","placeholder","rest","sizeClasses","shapeClasses","resolvedStatus","avatarClasses","innerClasses","jsx","content","AvatarGroup","max","avatars","React","displayAvatars","remainingCount","jsxs","Avatar"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAvatar = 'avatar'\nconst dAvatarOnline = 'avatar-online'\nconst dAvatarOffline = 'avatar-offline'\nconst dAvatarPlaceholder = 'avatar-placeholder'\nconst dAvatarGroup = 'avatar-group'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline'\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {\n  src?: string\n  alt?: string\n  icon?: React.ReactNode\n  children?: React.ReactNode\n  size?: AvatarSize\n  shape?: AvatarShape\n  status?: AvatarStatus\n  // Legacy props for backwards compatibility\n  online?: boolean\n  offline?: boolean\n  placeholder?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  max?: number\n  size?: AvatarSize\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nfunction AvatarRoot({\n  src,\n  alt = 'avatar',\n  icon,\n  children,\n  size = 'md',\n  shape = 'circle',\n  status,\n  className = '',\n  style,\n  // Legacy props\n  online,\n  offline,\n  placeholder,\n  ...rest\n}: AvatarProps) {\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  const shapeClasses: Record<AvatarShape, string> = {\n    circle: 'rounded-full',\n    square: 'rounded',\n  }\n\n  // Handle legacy boolean props\n  const resolvedStatus = status || (online ? 'online' : offline ? 'offline' : undefined)\n  const isPlaceholder = placeholder || (!src && (icon || children))\n\n  const avatarClasses = [\n    dAvatar,\n    resolvedStatus === 'online' && dAvatarOnline,\n    resolvedStatus === 'offline' && dAvatarOffline,\n    isPlaceholder && dAvatarPlaceholder,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const innerClasses = [sizeClasses[size], shapeClasses[shape]].filter(Boolean).join(' ')\n\n  // Image avatar\n  if (src) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <img src={src} alt={alt} />\n        </div>\n      </div>\n    )\n  }\n\n  // Icon or text avatar (placeholder)\n  const content = icon || children\n\n  if (content) {\n    return (\n      <div className={avatarClasses} style={style} {...rest}>\n        <div className={innerClasses}>\n          <div className=\"bg-neutral text-neutral-content flex items-center justify-center w-full h-full\">\n            {content}\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Empty avatar\n  return (\n    <div className={avatarClasses} style={style} {...rest}>\n      <div className={innerClasses}>\n        <div className=\"bg-neutral-focus text-neutral-content w-full h-full\" />\n      </div>\n    </div>\n  )\n}\n\nfunction AvatarGroup({ children, max, size, className = '', style, ...rest }: AvatarGroupProps) {\n  const avatars = React.Children.toArray(children)\n  const displayAvatars = max ? avatars.slice(0, max) : avatars\n  const remainingCount = max && avatars.length > max ? avatars.length - max : 0\n\n  const sizeClasses: Record<AvatarSize, string> = {\n    xs: 'w-8',\n    sm: 'w-12',\n    md: 'w-16',\n    lg: 'w-20',\n    xl: 'w-24',\n  }\n\n  return (\n    <div className={`${dAvatarGroup} -space-x-6 rtl:space-x-reverse ${className}`} style={style} {...rest}>\n      {displayAvatars}\n      {remainingCount > 0 && (\n        <div className={`${dAvatar} ${dAvatarPlaceholder}`}>\n          <div className={`bg-neutral text-neutral-content rounded-full ${size ? sizeClasses[size] : 'w-12'}`}>\n            <span>+{remainingCount}</span>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const Avatar = Object.assign(AvatarRoot, {\n  Group: AvatarGroup,\n})\n\nexport { AvatarGroup }\n\nexport default Avatar\n"],"names":["dAvatar","dAvatarOnline","dAvatarOffline","dAvatarPlaceholder","dAvatarGroup","AvatarRoot","src","alt","icon","children","size","shape","status","className","style","online","offline","placeholder","rest","sizeClasses","shapeClasses","resolvedStatus","avatarClasses","innerClasses","jsx","content","AvatarGroup","max","avatars","React","displayAvatars","remainingCount","jsxs","Avatar"],"mappings":"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"}

package/dist/components/Breadcrumb.js

@@ -1,36 +1,36 @@
 import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import u from "react";
+import h from "react";
 const f = "breadcrumbs";
-function g({ children: c, items: r, separator: t, className: o = "", ...i }) {
-  const s = t !== void 0, a = typeof t == "string" ? "px-2" : "px-1", p = () => !r || r.length === 0 ? null : r.map((e, l) => {
-    const d = l === r.length - 1;
-    return /* @__PURE__ */ m(u.Fragment, { children: [
-      /* @__PURE__ */ n("li", { className: e.className, children: e.href || e.onClick ? /* @__PURE__ */ n("a", { href: e.href, onClick: e.onClick, children: e.title }) : e.title }),
-      s && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t })
+function x({ children: c, items: e, separator: t, className: s = "", ...o }) {
+  const a = t !== void 0, i = typeof t == "string" ? "px-2" : "px-1", b = () => !e || e.length === 0 ? null : e.map((r, l) => {
+    const d = l === e.length - 1;
+    return /* @__PURE__ */ m(h.Fragment, { children: [
+      /* @__PURE__ */ n("li", { className: r.className, "aria-current": d ? "page" : void 0, children: r.href || r.onClick ? /* @__PURE__ */ n("a", { href: r.href, onClick: r.onClick, children: r.title }) : r.title }),
+      a && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${i} text-base-content/50`, "aria-hidden": "true", children: t })
     ] }, l);
-  }), b = () => {
-    if (r && r.length > 0)
-      return p();
-    if (s && c) {
-      const e = u.Children.toArray(c), l = [];
-      return e.forEach((d, h) => {
-        l.push(d), h < e.length - 1 && l.push(
-          /* @__PURE__ */ n("li", { className: `flex items-center ${a} text-base-content/50`, children: t }, `sep-${h}`)
+  }), p = () => {
+    if (e && e.length > 0)
+      return b();
+    if (a && c) {
+      const r = h.Children.toArray(c), l = [];
+      return r.forEach((d, u) => {
+        l.push(d), u < r.length - 1 && l.push(
+          /* @__PURE__ */ n("li", { className: `flex items-center ${i} text-base-content/50`, "aria-hidden": "true", children: t }, `sep-${u}`)
         );
       }), l;
     }
     return c;
-  }, x = s ? `${f} text-sm [&_li::before]:!hidden ${o}` : `${f} text-sm ${o}`;
-  return /* @__PURE__ */ n("div", { className: x, ...i, children: /* @__PURE__ */ n("ul", { children: b() }) });
+  }, g = a ? `${f} text-sm [&_li::before]:!hidden ${s}` : `${f} text-sm ${s}`;
+  return /* @__PURE__ */ n("nav", { className: g, "aria-label": "Breadcrumb", ...o, children: /* @__PURE__ */ n("ul", { children: p() }) });
 }
-function $({ children: c, href: r, onClick: t, icon: o, className: i = "", ...s }) {
-  const a = o ? /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-2", children: [
-    o,
+function $({ children: c, href: e, onClick: t, icon: s, className: o = "", ...a }) {
+  const i = s ? /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-2", children: [
+    s,
     c
   ] }) : c;
-  return r || t ? /* @__PURE__ */ n("li", { className: i, ...s, children: /* @__PURE__ */ n("a", { href: r, onClick: t, children: a }) }) : /* @__PURE__ */ n("li", { className: i, ...s, children: a });
+  return e || t ? /* @__PURE__ */ n("li", { className: o, ...a, children: /* @__PURE__ */ n("a", { href: e, onClick: t, children: i }) }) : /* @__PURE__ */ n("li", { className: o, ...a, children: i });
 }
-const N = Object.assign(g, {
+const N = Object.assign(x, {
   Item: $
 });
 export {

package/dist/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dBreadcrumbs = 'breadcrumbs'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li className={item.className}>\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`}>\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `${dBreadcrumbs} text-sm [&_li::before]:!hidden ${className}`\n    : `${dBreadcrumbs} text-sm ${className}`\n\n  return (\n    <div className={cssClass} {...rest}>\n      <ul>{renderChildren()}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["dBreadcrumbs","BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AAGA,MAAMA,IAAe;AA8BrB,SAASC,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WACjB,YAAK,QAAQA,EAAK,UACjB,gBAAAK,EAAC,KAAA,EAAE,MAAML,EAAK,MAAM,SAASA,EAAK,SAC/B,YAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,QAAG,WAAW,qBAAqBP,CAAgB,yBACjD,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,QAAwB,WAAW,qBAAqBP,CAAgB,yBACtE,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,GAAGP,CAAY,mCAAmCK,CAAS,KAC3D,GAAGL,CAAY,YAAYK,CAAS;AAExC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAW,GAAGd,GAC5B,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,EAAA,CACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dBreadcrumbs = 'breadcrumbs'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li className={item.className} aria-current={isLast ? 'page' : undefined}>\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li className={`flex items-center ${separatorPadding} text-base-content/50`} aria-hidden=\"true\">\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`} aria-hidden=\"true\">\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `${dBreadcrumbs} text-sm [&_li::before]:!hidden ${className}`\n    : `${dBreadcrumbs} text-sm ${className}`\n\n  return (\n    <nav className={cssClass} aria-label=\"Breadcrumb\" {...rest}>\n      <ul>{renderChildren()}</ul>\n    </nav>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["dBreadcrumbs","BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AAGA,MAAMA,IAAe;AA8BrB,SAASC,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WAAW,gBAAcE,IAAS,SAAS,QAC5D,UAAAF,EAAK,QAAQA,EAAK,4BAChB,KAAA,EAAE,MAAMA,EAAK,MAAM,SAASA,EAAK,SAC/B,UAAAA,EAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,MAAA,EAAG,WAAW,qBAAqBP,CAAgB,yBAAyB,eAAY,QACtF,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,MAAA,EAAwB,WAAW,qBAAqBP,CAAgB,yBAAyB,eAAY,QAC3G,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,GAAGP,CAAY,mCAAmCK,CAAS,KAC3D,GAAGL,CAAY,YAAYK,CAAS;AAExC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAU,cAAW,cAAc,GAAGd,GACpD,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,GACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}

package/dist/components/Browser.d.ts

@@ -3,5 +3,7 @@ export interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     url?: string;
     contentClassName?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Browser: React.FC<BrowserProps>;

package/dist/components/Browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupBrowser = 'mockup-browser'\nconst dMockupBrowserToolbar = 'mockup-browser-toolbar'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`${dMockupBrowser} border border-base-300 ${className}`} {...rest}>\n      <div className={dMockupBrowserToolbar}>\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupBrowser","dMockupBrowserToolbar","Browser","children","url","className","contentClassName","rest","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAiB,kBACjBC,IAAwB,0BAQjBC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,GAAGR,CAAc,2BAA2BK,CAAS,IAAK,GAAGE,GAC3E,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWR,GACd,UAAA,gBAAAQ,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BH,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}
+{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupBrowser = 'mockup-browser'\nconst dMockupBrowserToolbar = 'mockup-browser-toolbar'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`${dMockupBrowser} border border-base-300 ${className}`} {...rest}>\n      <div className={dMockupBrowserToolbar}>\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupBrowser","dMockupBrowserToolbar","Browser","children","url","className","contentClassName","rest","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAiB,kBACjBC,IAAwB,0BAUjBC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,GAAGR,CAAc,2BAA2BK,CAAS,IAAK,GAAGE,GAC3E,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWR,GACd,UAAA,gBAAAQ,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BH,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}

package/dist/components/Chat.js

@@ -1,33 +1,42 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-const C = "chat", m = "chat-start", B = "chat-end", v = "chat-image", N = "chat-header", f = "chat-bubble", g = "chat-bubble-primary", p = "chat-bubble-secondary", y = "chat-bubble-accent", $ = "chat-bubble-neutral", j = "chat-bubble-info", w = "chat-bubble-success", x = "chat-bubble-warning", S = "chat-bubble-error", A = "chat-footer", E = "avatar", F = ({
-  message: r,
-  position: l = "start",
-  avatar: c,
-  avatarAlt: h = "",
-  header: s,
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useId as m } from "react";
+const B = "chat", f = "chat-start", p = "chat-end", v = "chat-image", y = "chat-header", N = "chat-bubble", g = "chat-bubble-primary", $ = "chat-bubble-secondary", I = "chat-bubble-accent", j = "chat-bubble-neutral", w = "chat-bubble-info", x = "chat-bubble-success", S = "chat-bubble-warning", A = "chat-bubble-error", E = "chat-footer", F = "avatar", W = ({
+  message: l,
+  position: d = "start",
+  avatar: s,
+  avatarAlt: o = "",
+  header: a,
   footer: e,
-  color: a,
-  className: d = "",
-  ...o
+  color: c,
+  className: h = "",
+  ...i
 }) => {
-  const u = l === "start" ? m : B, n = {
+  const b = m(), u = d === "start" ? f : p, n = {
     primary: g,
-    secondary: p,
-    accent: y,
-    neutral: $,
-    info: j,
-    success: w,
-    warning: x,
-    error: S
-  }, b = [f];
-  return a && n[a] && b.push(n[a]), /* @__PURE__ */ i("div", { className: `${C} ${u} ${d}`, ...o, children: [
-    c && /* @__PURE__ */ t("div", { className: `${v} ${E}`, children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: h, src: c }) }) }),
-    s && /* @__PURE__ */ t("div", { className: N, children: s }),
-    /* @__PURE__ */ t("div", { className: b.join(" "), children: r }),
-    e && /* @__PURE__ */ t("div", { className: A, children: e })
-  ] });
+    secondary: $,
+    accent: I,
+    neutral: j,
+    info: w,
+    success: x,
+    warning: S,
+    error: A
+  }, r = [N];
+  return c && n[c] && r.push(n[c]), /* @__PURE__ */ C(
+    "article",
+    {
+      className: `${B} ${u} ${h}`,
+      "aria-labelledby": a ? b : void 0,
+      ...i,
+      children: [
+        s && /* @__PURE__ */ t("div", { className: `${v} ${F}`, children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: o, src: s }) }) }),
+        a && /* @__PURE__ */ t("div", { id: b, className: y, children: a }),
+        /* @__PURE__ */ t("div", { className: r.join(" "), children: l }),
+        e && /* @__PURE__ */ t("div", { className: E, children: e })
+      ]
+    }
+  );
 };
 export {
-  F as Chat
+  W as Chat
 };
 //# sourceMappingURL=Chat.js.map

package/dist/components/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../src/components/Chat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dChat = 'chat'\nconst dChatStart = 'chat-start'\nconst dChatEnd = 'chat-end'\nconst dChatImage = 'chat-image'\nconst dChatHeader = 'chat-header'\nconst dChatBubble = 'chat-bubble'\nconst dChatBubblePrimary = 'chat-bubble-primary'\nconst dChatBubbleSecondary = 'chat-bubble-secondary'\nconst dChatBubbleAccent = 'chat-bubble-accent'\nconst dChatBubbleNeutral = 'chat-bubble-neutral'\nconst dChatBubbleInfo = 'chat-bubble-info'\nconst dChatBubbleSuccess = 'chat-bubble-success'\nconst dChatBubbleWarning = 'chat-bubble-warning'\nconst dChatBubbleError = 'chat-bubble-error'\nconst dChatFooter = 'chat-footer'\nconst dAvatar = 'avatar'\n\nexport interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: React.ReactNode\n  position?: 'start' | 'end'\n  avatar?: string\n  avatarAlt?: string\n  header?: React.ReactNode\n  footer?: React.ReactNode\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error'\n}\n\nexport const Chat: React.FC<ChatProps> = ({\n  message,\n  position = 'start',\n  avatar,\n  avatarAlt = '',\n  header,\n  footer,\n  color,\n  className = '',\n  ...rest\n}) => {\n  const positionClass = position === 'start' ? dChatStart : dChatEnd\n\n  const colorClasses: Record<string, string> = {\n    primary: dChatBubblePrimary,\n    secondary: dChatBubbleSecondary,\n    accent: dChatBubbleAccent,\n    neutral: dChatBubbleNeutral,\n    info: dChatBubbleInfo,\n    success: dChatBubbleSuccess,\n    warning: dChatBubbleWarning,\n    error: dChatBubbleError,\n  }\n\n  const bubbleClasses = [dChatBubble]\n  if (color && colorClasses[color]) {\n    bubbleClasses.push(colorClasses[color])\n  }\n\n  return (\n    <div className={`${dChat} ${positionClass} ${className}`} {...rest}>\n      {avatar && (\n        <div className={`${dChatImage} ${dAvatar}`}>\n          <div className=\"w-10 rounded-full\">\n            <img alt={avatarAlt} src={avatar} />\n          </div>\n        </div>\n      )}\n      {header && <div className={dChatHeader}>{header}</div>}\n      <div className={bubbleClasses.join(' ')}>{message}</div>\n      {footer && <div className={dChatFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["dChat","dChatStart","dChatEnd","dChatImage","dChatHeader","dChatBubble","dChatBubblePrimary","dChatBubbleSecondary","dChatBubbleAccent","dChatBubbleNeutral","dChatBubbleInfo","dChatBubbleSuccess","dChatBubbleWarning","dChatBubbleError","dChatFooter","dAvatar","Chat","message","position","avatar","avatarAlt","header","footer","color","className","rest","positionClass","colorClasses","bubbleClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,QACRC,IAAa,cACbC,IAAW,YACXC,IAAa,cACbC,IAAc,eACdC,IAAc,eACdC,IAAqB,uBACrBC,IAAuB,yBACvBC,IAAoB,sBACpBC,IAAqB,uBACrBC,IAAkB,oBAClBC,IAAqB,uBACrBC,IAAqB,uBACrBC,IAAmB,qBACnBC,IAAc,eACdC,IAAU,UAYHC,IAA4B,CAAC;AAAA,EACxC,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgBR,MAAa,UAAUjB,IAAaC,GAEpDyB,IAAuC;AAAA,IAC3C,SAASrB;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHe,IAAgB,CAACvB,CAAW;AAClC,SAAIkB,KAASI,EAAaJ,CAAK,KAC7BK,EAAc,KAAKD,EAAaJ,CAAK,CAAC,GAItC,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAG7B,CAAK,IAAI0B,CAAa,IAAIF,CAAS,IAAK,GAAGC,GAC3D,UAAA;AAAA,IAAAN,uBACE,OAAA,EAAI,WAAW,GAAGhB,CAAU,IAAIY,CAAO,IACtC,UAAA,gBAAAe,EAAC,SAAI,WAAU,qBACb,4BAAC,OAAA,EAAI,KAAKV,GAAW,KAAKD,GAAQ,GACpC,EAAA,CACF;AAAA,IAEDE,KAAU,gBAAAS,EAAC,OAAA,EAAI,WAAW1B,GAAc,UAAAiB,GAAO;AAAA,sBAC/C,OAAA,EAAI,WAAWO,EAAc,KAAK,GAAG,GAAI,UAAAX,GAAQ;AAAA,IACjDK,KAAU,gBAAAQ,EAAC,OAAA,EAAI,WAAWhB,GAAc,UAAAQ,EAAA,CAAO;AAAA,EAAA,GAClD;AAEJ;"}
+{"version":3,"file":"Chat.js","sources":["../../src/components/Chat.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\n// DaisyUI classes\nconst dChat = 'chat'\nconst dChatStart = 'chat-start'\nconst dChatEnd = 'chat-end'\nconst dChatImage = 'chat-image'\nconst dChatHeader = 'chat-header'\nconst dChatBubble = 'chat-bubble'\nconst dChatBubblePrimary = 'chat-bubble-primary'\nconst dChatBubbleSecondary = 'chat-bubble-secondary'\nconst dChatBubbleAccent = 'chat-bubble-accent'\nconst dChatBubbleNeutral = 'chat-bubble-neutral'\nconst dChatBubbleInfo = 'chat-bubble-info'\nconst dChatBubbleSuccess = 'chat-bubble-success'\nconst dChatBubbleWarning = 'chat-bubble-warning'\nconst dChatBubbleError = 'chat-bubble-error'\nconst dChatFooter = 'chat-footer'\nconst dAvatar = 'avatar'\n\nexport interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: React.ReactNode\n  position?: 'start' | 'end'\n  avatar?: string\n  avatarAlt?: string\n  header?: React.ReactNode\n  footer?: React.ReactNode\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error'\n}\n\nexport const Chat: React.FC<ChatProps> = ({\n  message,\n  position = 'start',\n  avatar,\n  avatarAlt = '',\n  header,\n  footer,\n  color,\n  className = '',\n  ...rest\n}) => {\n  const headerId = useId()\n  const positionClass = position === 'start' ? dChatStart : dChatEnd\n\n  const colorClasses: Record<string, string> = {\n    primary: dChatBubblePrimary,\n    secondary: dChatBubbleSecondary,\n    accent: dChatBubbleAccent,\n    neutral: dChatBubbleNeutral,\n    info: dChatBubbleInfo,\n    success: dChatBubbleSuccess,\n    warning: dChatBubbleWarning,\n    error: dChatBubbleError,\n  }\n\n  const bubbleClasses = [dChatBubble]\n  if (color && colorClasses[color]) {\n    bubbleClasses.push(colorClasses[color])\n  }\n\n  return (\n    <article\n      className={`${dChat} ${positionClass} ${className}`}\n      aria-labelledby={header ? headerId : undefined}\n      {...rest}\n    >\n      {avatar && (\n        <div className={`${dChatImage} ${dAvatar}`}>\n          <div className=\"w-10 rounded-full\">\n            <img alt={avatarAlt} src={avatar} />\n          </div>\n        </div>\n      )}\n      {header && <div id={headerId} className={dChatHeader}>{header}</div>}\n      <div className={bubbleClasses.join(' ')}>{message}</div>\n      {footer && <div className={dChatFooter}>{footer}</div>}\n    </article>\n  )\n}\n"],"names":["dChat","dChatStart","dChatEnd","dChatImage","dChatHeader","dChatBubble","dChatBubblePrimary","dChatBubbleSecondary","dChatBubbleAccent","dChatBubbleNeutral","dChatBubbleInfo","dChatBubbleSuccess","dChatBubbleWarning","dChatBubbleError","dChatFooter","dAvatar","Chat","message","position","avatar","avatarAlt","header","footer","color","className","rest","headerId","useId","positionClass","colorClasses","bubbleClasses","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAQ,QACRC,IAAa,cACbC,IAAW,YACXC,IAAa,cACbC,IAAc,eACdC,IAAc,eACdC,IAAqB,uBACrBC,IAAuB,yBACvBC,IAAoB,sBACpBC,IAAqB,uBACrBC,IAAkB,oBAClBC,IAAqB,uBACrBC,IAAqB,uBACrBC,IAAmB,qBACnBC,IAAc,eACdC,IAAU,UAYHC,IAA4B,CAAC;AAAA,EACxC,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAA,GACXC,IAAgBV,MAAa,UAAUjB,IAAaC,GAEpD2B,IAAuC;AAAA,IAC3C,SAASvB;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHiB,IAAgB,CAACzB,CAAW;AAClC,SAAIkB,KAASM,EAAaN,CAAK,KAC7BO,EAAc,KAAKD,EAAaN,CAAK,CAAC,GAItC,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG/B,CAAK,IAAI4B,CAAa,IAAIJ,CAAS;AAAA,MACjD,mBAAiBH,IAASK,IAAW;AAAA,MACpC,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAN,uBACE,OAAA,EAAI,WAAW,GAAGhB,CAAU,IAAIY,CAAO,IACtC,UAAA,gBAAAiB,EAAC,SAAI,WAAU,qBACb,4BAAC,OAAA,EAAI,KAAKZ,GAAW,KAAKD,GAAQ,GACpC,EAAA,CACF;AAAA,QAEDE,KAAU,gBAAAW,EAAC,OAAA,EAAI,IAAIN,GAAU,WAAWtB,GAAc,UAAAiB,GAAO;AAAA,0BAC7D,OAAA,EAAI,WAAWS,EAAc,KAAK,GAAG,GAAI,UAAAb,GAAQ;AAAA,QACjDK,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWlB,GAAc,UAAAQ,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtD;"}

package/dist/components/Code.d.ts

@@ -9,6 +9,8 @@ export interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */
     copyable?: boolean | string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Code: React.FC<CodeProps> & {
     Line: typeof Line;

package/dist/components/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\nimport { CopyButton } from './CopyButton'\n\n// DaisyUI classes\nconst dMockupCode = 'mockup-code'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */\n  copyable?: boolean | string\n}\n\nconst extractTextFromChildren = (children: React.ReactNode): string => {\n  const lines: string[] = []\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.props?.children) {\n      const text = typeof child.props.children === 'string'\n        ? child.props.children\n        : ''\n      if (text) lines.push(text)\n    }\n  })\n  return lines.join('\\n')\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  copyable,\n  style,\n  ...rest\n}) => {\n  const copyText = typeof copyable === 'string'\n    ? copyable\n    : copyable\n      ? extractTextFromChildren(children)\n      : null\n\n  return (\n    <div\n      className={`${dMockupCode} ${className}`}\n      style={{ position: 'relative', overflow: 'hidden', ...style }}\n      {...rest}\n    >\n      {children}\n      {copyText !== null && (\n        <div style={{ position: 'absolute', top: 8, right: 8 }}>\n          <CopyButton\n            text={copyText}\n            size=\"xs\"\n            variant=\"ghost\"\n            showTooltip\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["dMockupCode","Line","children","prefix","highlight","className","rest","jsx","extractTextFromChildren","lines","React","child","text","Code","copyable","style","copyText","jsxs","CopyButton"],"mappings":";;;AAIA,MAAMA,IAAc,eAQdC,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GAWhBM,IAA0B,CAACN,MAAsC;AACrE,QAAMO,IAAkB,CAAA;AACxB,SAAAC,EAAM,SAAS,QAAQR,GAAU,CAACS,MAAU;AAC1C,QAAID,EAAM,eAA+CC,CAAK,KAAKA,EAAM,OAAO,UAAU;AACxF,YAAMC,IAAO,OAAOD,EAAM,MAAM,YAAa,WACzCA,EAAM,MAAM,WACZ;AACJ,MAAIC,KAAMH,EAAM,KAAKG,CAAI;AAAA,IAC3B;AAAA,EACF,CAAC,GACMH,EAAM,KAAK;AAAA,CAAI;AACxB,GAEaI,IAAoD,CAAC;AAAA,EAChE,UAAAX;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,UAAAS;AAAA,EACA,OAAAC;AAAA,EACA,GAAGT;AACL,MAAM;AACJ,QAAMU,IAAW,OAAOF,KAAa,WACjCA,IACAA,IACEN,EAAwBN,CAAQ,IAChC;AAEN,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGjB,CAAW,IAAIK,CAAS;AAAA,MACtC,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,GAAGU,EAAA;AAAA,MACrD,GAAGT;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACAc,MAAa,QACZ,gBAAAT,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,OAAO,EAAA,GACjD,UAAA,gBAAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMF;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,aAAW;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAH,EAAK,OAAOZ;"}
+{"version":3,"file":"Code.js","sources":["../../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\nimport { CopyButton } from './CopyButton'\n\n// DaisyUI classes\nconst dMockupCode = 'mockup-code'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */\n  copyable?: boolean | string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst extractTextFromChildren = (children: React.ReactNode): string => {\n  const lines: string[] = []\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.props?.children) {\n      const text = typeof child.props.children === 'string'\n        ? child.props.children\n        : ''\n      if (text) lines.push(text)\n    }\n  })\n  return lines.join('\\n')\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  copyable,\n  style,\n  ...rest\n}) => {\n  const copyText = typeof copyable === 'string'\n    ? copyable\n    : copyable\n      ? extractTextFromChildren(children)\n      : null\n\n  return (\n    <div\n      className={`${dMockupCode} ${className}`}\n      style={{ position: 'relative', overflow: 'hidden', ...style }}\n      {...rest}\n    >\n      {children}\n      {copyText !== null && (\n        <div style={{ position: 'absolute', top: 8, right: 8 }}>\n          <CopyButton\n            text={copyText}\n            size=\"xs\"\n            variant=\"ghost\"\n            showTooltip\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["dMockupCode","Line","children","prefix","highlight","className","rest","jsx","extractTextFromChildren","lines","React","child","text","Code","copyable","style","copyText","jsxs","CopyButton"],"mappings":";;;AAIA,MAAMA,IAAc,eAQdC,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GAahBM,IAA0B,CAACN,MAAsC;AACrE,QAAMO,IAAkB,CAAA;AACxB,SAAAC,EAAM,SAAS,QAAQR,GAAU,CAACS,MAAU;AAC1C,QAAID,EAAM,eAA+CC,CAAK,KAAKA,EAAM,OAAO,UAAU;AACxF,YAAMC,IAAO,OAAOD,EAAM,MAAM,YAAa,WACzCA,EAAM,MAAM,WACZ;AACJ,MAAIC,KAAMH,EAAM,KAAKG,CAAI;AAAA,IAC3B;AAAA,EACF,CAAC,GACMH,EAAM,KAAK;AAAA,CAAI;AACxB,GAEaI,IAAoD,CAAC;AAAA,EAChE,UAAAX;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,UAAAS;AAAA,EACA,OAAAC;AAAA,EACA,GAAGT;AACL,MAAM;AACJ,QAAMU,IAAW,OAAOF,KAAa,WACjCA,IACAA,IACEN,EAAwBN,CAAQ,IAChC;AAEN,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGjB,CAAW,IAAIK,CAAS;AAAA,MACtC,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,GAAGU,EAAA;AAAA,MACrD,GAAGT;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACAc,MAAa,QACZ,gBAAAT,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,OAAO,EAAA,GACjD,UAAA,gBAAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMF;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,aAAW;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAH,EAAK,OAAOZ;"}

package/dist/components/Container.d.ts

@@ -8,5 +8,7 @@ export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     centered?: boolean;
     /** Add horizontal padding */
     padding?: boolean;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Container: React.FC<ContainerProps>;

package/dist/components/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../src/components/Container.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Container content */\n  children: React.ReactNode\n  /** Max width size */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'\n  /** Center container horizontally */\n  centered?: boolean\n  /** Add horizontal padding */\n  padding?: boolean\n}\n\nconst sizeClasses: Record<string, string> = {\n  sm: 'max-w-screen-sm',\n  md: 'max-w-screen-md',\n  lg: 'max-w-screen-lg',\n  xl: 'max-w-screen-xl',\n  '2xl': 'max-w-screen-2xl',\n  full: 'max-w-full',\n}\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  size = 'xl',\n  centered = true,\n  padding = true,\n  className = '',\n  ...rest\n}) => {\n  const classes = [\n    sizeClasses[size],\n    centered && 'mx-auto',\n    padding && 'px-4 sm:px-6 lg:px-8',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["sizeClasses","Container","children","size","centered","padding","className","rest","classes"],"mappings":";AAaA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR,GAEaC,IAAsC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU;AAAA,IACdR,EAAYG,CAAI;AAAA,IAChBC,KAAY;AAAA,IACZC,KAAW;AAAA,IACXC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAAO,UAAAL,GAAS;AACtD;"}
+{"version":3,"file":"Container.js","sources":["../../src/components/Container.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Container content */\n  children: React.ReactNode\n  /** Max width size */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'\n  /** Center container horizontally */\n  centered?: boolean\n  /** Add horizontal padding */\n  padding?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<string, string> = {\n  sm: 'max-w-screen-sm',\n  md: 'max-w-screen-md',\n  lg: 'max-w-screen-lg',\n  xl: 'max-w-screen-xl',\n  '2xl': 'max-w-screen-2xl',\n  full: 'max-w-full',\n}\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  size = 'xl',\n  centered = true,\n  padding = true,\n  className = '',\n  ...rest\n}) => {\n  const classes = [\n    sizeClasses[size],\n    centered && 'mx-auto',\n    padding && 'px-4 sm:px-6 lg:px-8',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["sizeClasses","Container","children","size","centered","padding","className","rest","classes"],"mappings":";AAeA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AACR,GAEaC,IAAsC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAU;AAAA,IACdR,EAAYG,CAAI;AAAA,IAChBC,KAAY;AAAA,IACZC,KAAW;AAAA,IACXC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWE,GAAU,GAAGD,GAAO,UAAAL,GAAS;AACtD;"}