@aster-ui/prefixed 0.12.50

package/dist/components/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dDropdown = 'd-dropdown'\nconst dDropdownBottom = 'd-dropdown-bottom'\nconst dDropdownOpen = 'd-dropdown-open'\nconst dDropdownContent = 'd-dropdown-content'\nconst dMenu = 'd-menu'\nconst dInput = 'd-input'\nconst dInputXs = 'd-input-xs'\nconst dInputSm = 'd-input-sm'\nconst dInputMd = 'd-input-md'\nconst dInputLg = 'd-input-lg'\nconst dInputXl = 'd-input-xl'\nconst dInputNeutral = 'd-input-neutral'\nconst dInputPrimary = 'd-input-primary'\nconst dInputSecondary = 'd-input-secondary'\nconst dInputAccent = 'd-input-accent'\nconst dInputInfo = 'd-input-info'\nconst dInputSuccess = 'd-input-success'\nconst dInputWarning = 'd-input-warning'\nconst dInputError = 'd-input-error'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (value: string, option: AutocompleteOption) => void\n  onSearch?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\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  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Controlled open state */\n  open?: boolean\n  /** Default open state */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Activate first option by default */\n  defaultActiveFirstOption?: boolean\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size,\n  color,\n  status,\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  allowClear,\n  onClear,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  defaultActiveFirstOption = true,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // Generate unique IDs for ARIA\n  const baseId = useId()\n  const inputId = `${baseId}-input`\n  const listboxId = `${baseId}-listbox`\n\n  // Normalize options to AutocompleteOption[]\n  const options: AutocompleteOption[] = rawOptions.map((opt) =>\n    typeof opt === 'string' ? { value: opt, label: opt } : opt\n  )\n\n  const [inputValue, setInputValue] = useState(defaultValue)\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLUListElement>(null)\n\n  // Determine if open state is controlled\n  const isOpenControlled = controlledOpen !== undefined\n  const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = (newOpen: boolean) => {\n    if (!isOpenControlled) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }\n\n  // Update input value when controlled value changes\n  useEffect(() => {\n    if (value !== undefined) {\n      const selectedOption = options.find((opt) => opt.value === value)\n      setInputValue(selectedOption?.label || value)\n    }\n  }, [value, options])\n\n  // Filter options based on input\n  const defaultFilter = (option: AutocompleteOption, input: string) =>\n    option.label.toLowerCase().includes(input.toLowerCase())\n\n  const filteredOptions = options.filter((option) =>\n    filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n  )\n\n  // Get only enabled options for keyboard navigation\n  const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    } else {\n      setHighlightedIndex(-1)\n    }\n\n    onSearch?.(newInputValue)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    if (option.disabled) return\n\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    onSelect?.(option.value, option)\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n      setIsOpen(true)\n      if (defaultActiveFirstOption && enabledOptions.length > 0) {\n        setHighlightedIndex(0)\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find next enabled option\n          for (let i = prev + 1; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find previous enabled option\n          for (let i = prev - 1; i >= 0; i--) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && enabledOptions.length > 0) {\n          handleOptionClick(enabledOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    setIsOpen(true)\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent) => {\n    // Don't close if clicking inside dropdown\n    if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n      return\n    }\n    setTimeout(() => setIsOpen(false), 200)\n  }\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setInputValue('')\n    onChange?.('')\n    onClear?.()\n    inputRef.current?.focus()\n  }\n\n  const sizeClasses = {\n    xs: dInputXs,\n    sm: dInputSm,\n    md: dInputMd,\n    lg: dInputLg,\n    xl: dInputXl,\n  }\n\n  const colorClasses = {\n    neutral: dInputNeutral,\n    primary: dInputPrimary,\n    secondary: dInputSecondary,\n    accent: dInputAccent,\n    info: dInputInfo,\n    success: dInputSuccess,\n    warning: dInputWarning,\n    error: dInputError,\n  }\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  // Status takes precedence over color for validation feedback\n  const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (highlightedIndex >= 0 && dropdownRef.current) {\n      const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n      highlightedElement?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [highlightedIndex])\n\n  // Determine if we should show clear button\n  const showClear = allowClear && inputValue && !disabled\n\n  // Get custom clear icon if provided\n  const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n    ? allowClear.clearIcon\n    : null\n\n  // Get option ID for ARIA\n  const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n  const inputClasses = [\n    `${dInput} w-full`,\n    sizeClasses[effectiveSize],\n    effectiveColorClass,\n    showClear && 'pr-10',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={`${dDropdown} ${dDropdownBottom} w-full ${isOpen && !disabled ? dDropdownOpen : ''} ${className}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative w-full\">\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n          aria-invalid={status === 'error' ? true : undefined}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={inputClasses}\n        />\n        {showClear && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\">\n            {clearIcon || <ClearIcon onClick={handleClear} />}\n          </span>\n        )}\n      </div>\n\n      {isOpen && !disabled && (\n        <ul\n          ref={dropdownRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-label=\"Suggestions\"\n          tabIndex={-1}\n          className={`${dDropdownContent} ${dMenu} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`}\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <li key={option.value}>\n                <a\n                  id={getOptionId(index)}\n                  role=\"option\"\n                  aria-selected={highlightedIndex === index}\n                  aria-disabled={option.disabled}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    handleOptionClick(option)\n                  }}\n                  onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n                  className={[\n                    index === highlightedIndex && !option.disabled && 'active',\n                    option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n                  ].filter(Boolean).join(' ')}\n                >\n                  {option.label}\n                </a>\n              </li>\n            ))\n          ) : (\n            <li className=\"disabled\">\n              <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["dDropdown","dDropdownBottom","dDropdownOpen","dDropdownContent","dMenu","dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputNeutral","dInputPrimary","dInputSecondary","dInputAccent","dInputInfo","dInputSuccess","dInputWarning","dInputError","ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","rest","componentSize","useConfig","effectiveSize","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","jsxs","e"],"mappings":"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"}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarStatus = 'online' | 'offline';
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    status?: AvatarStatus;
+    online?: boolean;
+    offline?: boolean;
+    placeholder?: boolean;
+}
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    max?: number;
+    size?: AvatarSize;
+}
+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;
+export declare const Avatar: typeof AvatarRoot & {
+    Group: typeof AvatarGroup;
+};
+export { AvatarGroup };
+export default Avatar;

package/dist/components/Avatar.js

@@ -0,0 +1,65 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import j from "react";
+const w = "d-avatar", $ = "d-avatar-online", b = "d-avatar-offline", g = "d-avatar-placeholder", G = "d-avatar-group";
+function O({
+  src: s,
+  alt: e = "avatar",
+  icon: t,
+  children: r,
+  size: c = "md",
+  shape: o = "circle",
+  status: n,
+  className: i = "",
+  style: l,
+  // Legacy props
+  online: d,
+  offline: N,
+  placeholder: A,
+  ...u
+}) {
+  const x = {
+    xs: "w-8",
+    sm: "w-12",
+    md: "w-16",
+    lg: "w-20",
+    xl: "w-24"
+  }, C = {
+    circle: "rounded-full",
+    square: "rounded"
+  }, h = n || (d ? "online" : N ? "offline" : void 0), v = [
+    w,
+    h === "online" && $,
+    h === "offline" && b,
+    (A || !s && (t || r)) && g,
+    i
+  ].filter(Boolean).join(" "), f = [x[c], C[o]].filter(Boolean).join(" ");
+  if (s)
+    return /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("img", { src: s, alt: e }) }) });
+  const m = t || r;
+  return m ? /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("div", { className: "bg-neutral text-neutral-content flex items-center justify-center w-full h-full", children: m }) }) }) : /* @__PURE__ */ a("div", { className: v, style: l, ...u, children: /* @__PURE__ */ a("div", { className: f, children: /* @__PURE__ */ a("div", { className: "bg-neutral-focus text-neutral-content w-full h-full" }) }) });
+}
+function P({ children: s, max: e, size: t, className: r = "", style: c, ...o }) {
+  const n = j.Children.toArray(s), i = e ? n.slice(0, e) : n, l = e && n.length > e ? n.length - e : 0, d = {
+    xs: "w-8",
+    sm: "w-12",
+    md: "w-16",
+    lg: "w-20",
+    xl: "w-24"
+  };
+  return /* @__PURE__ */ p("div", { className: `${G} -space-x-6 rtl:space-x-reverse ${r}`, style: c, ...o, children: [
+    i,
+    l > 0 && /* @__PURE__ */ a("div", { className: `${w} ${g}`, children: /* @__PURE__ */ a("div", { className: `bg-neutral text-neutral-content rounded-full ${t ? d[t] : "w-12"}`, children: /* @__PURE__ */ p("span", { children: [
+      "+",
+      l
+    ] }) }) })
+  ] });
+}
+const y = Object.assign(O, {
+  Group: P
+});
+export {
+  y as Avatar,
+  P as AvatarGroup,
+  y as default
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dAvatar = 'd-avatar'\nconst dAvatarOnline = 'd-avatar-online'\nconst dAvatarOffline = 'd-avatar-offline'\nconst dAvatarPlaceholder = 'd-avatar-placeholder'\nconst dAvatarGroup = 'd-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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"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+export type BadgePosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+export type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning';
+export type BadgeType = 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export type BadgeVariant = 'solid' | 'outline' | 'dash' | 'soft' | 'ghost';
+export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    count?: number;
+    showZero?: boolean;
+    overflowCount?: number;
+    position?: BadgePosition;
+    offset?: [number, number];
+    status?: BadgeStatus;
+    text?: string;
+    type?: BadgeType;
+    size?: BadgeSize;
+    variant?: BadgeVariant;
+    color?: string;
+    dot?: boolean;
+    /** @deprecated Use variant="outline" instead */
+    outline?: boolean;
+    'data-testid'?: string;
+    children?: React.ReactNode;
+}
+declare const BadgeInner: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export interface BadgeRibbonProps extends React.HTMLAttributes<HTMLDivElement> {
+    text: string;
+    placement?: 'start' | 'end';
+    color?: string;
+    type?: BadgeType;
+    'data-testid'?: string;
+    children: React.ReactNode;
+}
+declare const BadgeRibbon: React.ForwardRefExoticComponent<BadgeRibbonProps & React.RefAttributes<HTMLDivElement>>;
+type BadgeComponent = typeof BadgeInner & {
+    Ribbon: typeof BadgeRibbon;
+};
+export declare const Badge: BadgeComponent;
+export {};

package/dist/components/Badge.js

@@ -0,0 +1,220 @@
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+const v = "d-badge", X = "d-badge-primary", z = "d-badge-secondary", A = "d-badge-accent", G = "d-badge-neutral", O = "d-badge-info", V = "d-badge-success", W = "d-badge-warning", q = "d-badge-error", C = "d-badge-xs", F = "d-badge-sm", H = "d-badge-md", J = "d-badge-lg", K = "d-badge-xl", Q = "d-badge-outline", U = "d-badge-dash", Y = "d-badge-soft", Z = "d-badge-ghost", _ = "d-indicator", aa = "d-indicator-item", ea = "d-indicator-top", ta = "d-indicator-middle", na = "d-indicator-bottom", sa = "d-indicator-start", da = "d-indicator-center", oa = "d-indicator-end", $ = {
+  default: "",
+  primary: X,
+  secondary: z,
+  accent: A,
+  neutral: G,
+  info: O,
+  success: V,
+  warning: W,
+  error: q
+}, S = {
+  xs: C,
+  sm: F,
+  md: H,
+  lg: J,
+  xl: K
+}, j = {
+  solid: "",
+  outline: Q,
+  dash: U,
+  soft: Y,
+  ghost: Z
+}, ra = {
+  success: "success",
+  processing: "info",
+  error: "error",
+  warning: "warning",
+  default: "neutral"
+}, ia = (n) => {
+  const [e, d] = n.split("-"), a = [];
+  switch (e) {
+    case "top":
+      a.push(ea);
+      break;
+    case "middle":
+      a.push(ta);
+      break;
+    case "bottom":
+      a.push(na);
+      break;
+  }
+  switch (d) {
+    case "start":
+      a.push(sa);
+      break;
+    case "center":
+      a.push(da);
+      break;
+    case "end":
+      a.push(oa);
+      break;
+  }
+  return a.join(" ");
+}, R = T(
+  ({
+    children: n,
+    count: e,
+    showZero: d = !1,
+    overflowCount: a = 99,
+    position: b = "top-end",
+    offset: r,
+    status: t,
+    text: i,
+    type: g = "error",
+    size: p = "md",
+    variant: u = "solid",
+    color: o,
+    dot: c = !1,
+    outline: M = !1,
+    className: m = "",
+    "data-testid": s,
+    ...f
+  }, y) => {
+    const k = M ? "outline" : u, N = () => e === void 0 ? null : e > a ? `${a}+` : e, D = e !== void 0 && (e > 0 || d) || c, B = o ? { backgroundColor: o } : void 0;
+    if (t && !n) {
+      const h = ra[t];
+      return /* @__PURE__ */ w(
+        "span",
+        {
+          ref: y,
+          role: "status",
+          "aria-label": i || t,
+          className: `inline-flex items-center gap-2 ${m}`,
+          "data-testid": s,
+          "data-status": t,
+          ...f,
+          children: [
+            /* @__PURE__ */ l(
+              "span",
+              {
+                className: [
+                  `${v} ${C} w-2 h-2 p-0`,
+                  $[h],
+                  t === "processing" && "animate-pulse"
+                ].filter(Boolean).join(" "),
+                "data-testid": s ? `${s}-dot` : void 0
+              }
+            ),
+            i && /* @__PURE__ */ l("span", { className: "text-sm", children: i })
+          ]
+        }
+      );
+    }
+    if (n) {
+      const h = r ? { transform: `translate(${r[0]}px, ${r[1]}px)`, ...B } : B, x = N(), P = c ? "New notification" : x !== null ? `${x} notifications` : void 0;
+      return /* @__PURE__ */ w(
+        "div",
+        {
+          ref: y,
+          className: `${_} inline-block ${m}`,
+          "data-testid": s,
+          ...f,
+          children: [
+            D && /* @__PURE__ */ l(
+              "span",
+              {
+                role: "status",
+                "aria-label": P,
+                className: [
+                  `${aa} ${v}`,
+                  ia(b),
+                  !o && $[g],
+                  c ? `${C} p-0 w-2 h-2` : S[p],
+                  j[k]
+                ].filter(Boolean).join(" "),
+                style: h,
+                "data-testid": s ? `${s}-indicator` : void 0,
+                "data-count": e,
+                "data-dot": c || void 0,
+                children: !c && x
+              }
+            ),
+            n
+          ]
+        }
+      );
+    }
+    const E = [
+      v,
+      !o && $[g],
+      S[p],
+      j[k],
+      m
+    ].filter(Boolean).join(" "), L = N();
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        ref: y,
+        className: E,
+        style: B,
+        "data-testid": s,
+        ...f,
+        children: L
+      }
+    );
+  }
+);
+R.displayName = "Badge";
+const I = T(
+  ({
+    children: n,
+    text: e,
+    placement: d = "end",
+    color: a,
+    type: b = "primary",
+    className: r = "",
+    "data-testid": t,
+    ...i
+  }, g) => {
+    const u = [
+      "absolute",
+      d === "start" ? "-left-1 top-2" : "-right-1 top-2",
+      "px-2 py-0.5",
+      "text-xs font-semibold",
+      !a && {
+        default: "bg-base-300 text-base-content",
+        primary: "bg-primary text-primary-content",
+        secondary: "bg-secondary text-secondary-content",
+        accent: "bg-accent text-accent-content",
+        neutral: "bg-neutral text-neutral-content",
+        info: "bg-info text-info-content",
+        success: "bg-success text-success-content",
+        warning: "bg-warning text-warning-content",
+        error: "bg-error text-error-content"
+      }[b],
+      "shadow-sm",
+      d === "start" ? "rounded-r" : "rounded-l"
+    ].filter(Boolean).join(" "), o = a ? { backgroundColor: a } : void 0;
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: g,
+        className: `relative inline-block overflow-visible ${r}`,
+        "data-testid": t,
+        ...i,
+        children: [
+          n,
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: u,
+              style: o,
+              "data-testid": t ? `${t}-ribbon` : void 0,
+              children: e
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+I.displayName = "Badge.Ribbon";
+const ca = R;
+ca.Ribbon = I;
+export {
+  ca as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dBadge = 'd-badge'\nconst dBadgePrimary = 'd-badge-primary'\nconst dBadgeSecondary = 'd-badge-secondary'\nconst dBadgeAccent = 'd-badge-accent'\nconst dBadgeNeutral = 'd-badge-neutral'\nconst dBadgeInfo = 'd-badge-info'\nconst dBadgeSuccess = 'd-badge-success'\nconst dBadgeWarning = 'd-badge-warning'\nconst dBadgeError = 'd-badge-error'\nconst dBadgeXs = 'd-badge-xs'\nconst dBadgeSm = 'd-badge-sm'\nconst dBadgeMd = 'd-badge-md'\nconst dBadgeLg = 'd-badge-lg'\nconst dBadgeXl = 'd-badge-xl'\nconst dBadgeOutline = 'd-badge-outline'\nconst dBadgeDash = 'd-badge-dash'\nconst dBadgeSoft = 'd-badge-soft'\nconst dBadgeGhost = 'd-badge-ghost'\nconst dIndicator = 'd-indicator'\nconst dIndicatorItem = 'd-indicator-item'\nconst dIndicatorTop = 'd-indicator-top'\nconst dIndicatorMiddle = 'd-indicator-middle'\nconst dIndicatorBottom = 'd-indicator-bottom'\nconst dIndicatorStart = 'd-indicator-start'\nconst dIndicatorCenter = 'd-indicator-center'\nconst dIndicatorEnd = 'd-indicator-end'\n\nexport type BadgePosition =\n  | 'top-start'\n  | 'top-center'\n  | 'top-end'\n  | 'middle-start'\n  | 'middle-center'\n  | 'middle-end'\n  | 'bottom-start'\n  | 'bottom-center'\n  | 'bottom-end'\n\nexport type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning'\n\nexport type BadgeType =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n\nexport type BadgeVariant = 'solid' | 'outline' | 'dash' | 'soft' | 'ghost'\n\nexport type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  // Count mode\n  count?: number\n  showZero?: boolean\n  overflowCount?: number\n\n  // Positioning (when wrapping children)\n  position?: BadgePosition\n  offset?: [number, number]\n\n  // Status mode\n  status?: BadgeStatus\n  text?: string\n\n  // Visual\n  type?: BadgeType\n  size?: BadgeSize\n  variant?: BadgeVariant\n  color?: string\n  dot?: boolean\n  /** @deprecated Use variant=\"outline\" instead */\n  outline?: boolean\n\n  // Testing\n  'data-testid'?: string\n\n  // Content\n  children?: React.ReactNode\n}\n\nconst typeClasses: Record<BadgeType, string> = {\n  default: '',\n  primary: dBadgePrimary,\n  secondary: dBadgeSecondary,\n  accent: dBadgeAccent,\n  neutral: dBadgeNeutral,\n  info: dBadgeInfo,\n  success: dBadgeSuccess,\n  warning: dBadgeWarning,\n  error: dBadgeError,\n}\n\nconst sizeClasses: Record<BadgeSize, string> = {\n  xs: dBadgeXs,\n  sm: dBadgeSm,\n  md: dBadgeMd,\n  lg: dBadgeLg,\n  xl: dBadgeXl,\n}\n\nconst variantClasses: Record<BadgeVariant, string> = {\n  solid: '',\n  outline: dBadgeOutline,\n  dash: dBadgeDash,\n  soft: dBadgeSoft,\n  ghost: dBadgeGhost,\n}\n\nconst statusTypeMap: Record<BadgeStatus, BadgeType> = {\n  success: 'success',\n  processing: 'info',\n  error: 'error',\n  warning: 'warning',\n  default: 'neutral',\n}\n\n// Get position classes for indicator\nconst getPositionClasses = (pos: BadgePosition): string => {\n  const [vertical, horizontal] = pos.split('-')\n  const classes: string[] = []\n\n  switch (vertical) {\n    case 'top':\n      classes.push(dIndicatorTop)\n      break\n    case 'middle':\n      classes.push(dIndicatorMiddle)\n      break\n    case 'bottom':\n      classes.push(dIndicatorBottom)\n      break\n  }\n\n  switch (horizontal) {\n    case 'start':\n      classes.push(dIndicatorStart)\n      break\n    case 'center':\n      classes.push(dIndicatorCenter)\n      break\n    case 'end':\n      classes.push(dIndicatorEnd)\n      break\n  }\n\n  return classes.join(' ')\n}\n\nconst BadgeInner = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      children,\n      count,\n      showZero = false,\n      overflowCount = 99,\n      position = 'top-end',\n      offset,\n      status,\n      text,\n      type = 'error',\n      size = 'md',\n      variant = 'solid',\n      color,\n      dot = false,\n      outline = false,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    // Resolve variant (support deprecated outline prop)\n    const resolvedVariant = outline ? 'outline' : variant\n\n    // Calculate display count with overflow\n    const getDisplayCount = () => {\n      if (count === undefined) return null\n      if (count > overflowCount) return `${overflowCount}+`\n      return count\n    }\n\n    const shouldShowBadge = (count !== undefined && (count > 0 || showZero)) || dot\n\n    // Custom color style\n    const colorStyle = color ? { backgroundColor: color } : undefined\n\n    // Status badge mode (standalone with status indicator)\n    if (status && !children) {\n      const statusType = statusTypeMap[status]\n      return (\n        <span\n          ref={ref}\n          role=\"status\"\n          aria-label={text || status}\n          className={`inline-flex items-center gap-2 ${className}`}\n          data-testid={testId}\n          data-status={status}\n          {...rest}\n        >\n          <span\n            className={[\n              `${dBadge} ${dBadgeXs} w-2 h-2 p-0`,\n              typeClasses[statusType],\n              status === 'processing' && 'animate-pulse',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            data-testid={testId ? `${testId}-dot` : undefined}\n          />\n          {text && <span className=\"text-sm\">{text}</span>}\n        </span>\n      )\n    }\n\n    // Notification badge mode (wrapping children)\n    if (children) {\n      const offsetStyle = offset\n        ? { transform: `translate(${offset[0]}px, ${offset[1]}px)`, ...colorStyle }\n        : colorStyle\n\n      const displayCount = getDisplayCount()\n      const ariaLabel =\n        dot ? 'New notification' : displayCount !== null ? `${displayCount} notifications` : undefined\n\n      return (\n        <div\n          ref={ref as React.Ref<HTMLDivElement>}\n          className={`${dIndicator} inline-block ${className}`}\n          data-testid={testId}\n          {...rest}\n        >\n          {shouldShowBadge && (\n            <span\n              role=\"status\"\n              aria-label={ariaLabel}\n              className={[\n                `${dIndicatorItem} ${dBadge}`,\n                getPositionClasses(position),\n                !color && typeClasses[type],\n                dot ? `${dBadgeXs} p-0 w-2 h-2` : sizeClasses[size],\n                variantClasses[resolvedVariant],\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              style={offsetStyle}\n              data-testid={testId ? `${testId}-indicator` : undefined}\n              data-count={count}\n              data-dot={dot || undefined}\n            >\n              {!dot && displayCount}\n            </span>\n          )}\n          {children}\n        </div>\n      )\n    }\n\n    // Standalone badge mode (like a label)\n    const badgeClasses = [\n      dBadge,\n      !color && typeClasses[type],\n      sizeClasses[size],\n      variantClasses[resolvedVariant],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const displayContent = getDisplayCount()\n\n    return (\n      <span\n        ref={ref}\n        className={badgeClasses}\n        style={colorStyle}\n        data-testid={testId}\n        {...rest}\n      >\n        {displayContent}\n      </span>\n    )\n  }\n)\n\nBadgeInner.displayName = 'Badge'\n\n// Badge.Ribbon compound component\nexport interface BadgeRibbonProps extends React.HTMLAttributes<HTMLDivElement> {\n  text: string\n  placement?: 'start' | 'end'\n  color?: string\n  type?: BadgeType\n  'data-testid'?: string\n  children: React.ReactNode\n}\n\nconst BadgeRibbon = forwardRef<HTMLDivElement, BadgeRibbonProps>(\n  (\n    {\n      children,\n      text,\n      placement = 'end',\n      color,\n      type = 'primary',\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const ribbonTypeClasses: Record<BadgeType, string> = {\n      default: 'bg-base-300 text-base-content',\n      primary: 'bg-primary text-primary-content',\n      secondary: 'bg-secondary text-secondary-content',\n      accent: 'bg-accent text-accent-content',\n      neutral: 'bg-neutral text-neutral-content',\n      info: 'bg-info text-info-content',\n      success: 'bg-success text-success-content',\n      warning: 'bg-warning text-warning-content',\n      error: 'bg-error text-error-content',\n    }\n\n    const ribbonClasses = [\n      'absolute',\n      placement === 'start' ? '-left-1 top-2' : '-right-1 top-2',\n      'px-2 py-0.5',\n      'text-xs font-semibold',\n      !color && ribbonTypeClasses[type],\n      'shadow-sm',\n      placement === 'start' ? 'rounded-r' : 'rounded-l',\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const colorStyle = color ? { backgroundColor: color } : undefined\n\n    return (\n      <div\n        ref={ref}\n        className={`relative inline-block overflow-visible ${className}`}\n        data-testid={testId}\n        {...rest}\n      >\n        {children}\n        <div\n          className={ribbonClasses}\n          style={colorStyle}\n          data-testid={testId ? `${testId}-ribbon` : undefined}\n        >\n          {text}\n        </div>\n      </div>\n    )\n  }\n)\n\nBadgeRibbon.displayName = 'Badge.Ribbon'\n\n// Compound component type\ntype BadgeComponent = typeof BadgeInner & {\n  Ribbon: typeof BadgeRibbon\n}\n\nexport const Badge = BadgeInner as BadgeComponent\nBadge.Ribbon = BadgeRibbon\n"],"names":["dBadge","dBadgePrimary","dBadgeSecondary","dBadgeAccent","dBadgeNeutral","dBadgeInfo","dBadgeSuccess","dBadgeWarning","dBadgeError","dBadgeXs","dBadgeSm","dBadgeMd","dBadgeLg","dBadgeXl","dBadgeOutline","dBadgeDash","dBadgeSoft","dBadgeGhost","dIndicator","dIndicatorItem","dIndicatorTop","dIndicatorMiddle","dIndicatorBottom","dIndicatorStart","dIndicatorCenter","dIndicatorEnd","typeClasses","sizeClasses","variantClasses","statusTypeMap","getPositionClasses","pos","vertical","horizontal","classes","BadgeInner","forwardRef","children","count","showZero","overflowCount","position","offset","status","text","type","size","variant","color","dot","outline","className","testId","rest","ref","resolvedVariant","getDisplayCount","shouldShowBadge","colorStyle","statusType","jsxs","jsx","offsetStyle","displayCount","ariaLabel","badgeClasses","displayContent","BadgeRibbon","placement","ribbonClasses","Badge"],"mappings":"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"}

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+export interface BreadcrumbItemType {
+    /** Item title/label */
+    title: React.ReactNode;
+    /** Link URL */
+    href?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom class name */
+    className?: string;
+}
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Breadcrumb.Item children (compound pattern) */
+    children?: React.ReactNode;
+    /** Breadcrumb items data (data-driven pattern) */
+    items?: BreadcrumbItemType[];
+    /** Custom separator between items */
+    separator?: React.ReactNode;
+}
+export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
+    children: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
+}
+declare function BreadcrumbRoot({ children, items, separator, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ children, href, onClick, icon, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: typeof BreadcrumbRoot & {
+    Item: typeof BreadcrumbItem;
+};
+export {};

package/dist/components/Breadcrumb.js

@@ -0,0 +1,39 @@
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import u from "react";
+const f = "d-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 })
+    ] }, 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}`)
+        );
+      }), 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() }) });
+}
+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,
+    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 });
+}
+const N = Object.assign(g, {
+  Item: $
+});
+export {
+  N as Breadcrumb
+};
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dBreadcrumbs = 'd-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;"}

package/dist/components/Browser.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    url?: string;
+    contentClassName?: string;
+}
+export declare const Browser: React.FC<BrowserProps>;

package/dist/components/Browser.js

@@ -0,0 +1,15 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+const t = "d-mockup-browser", b = "d-mockup-browser-toolbar", m = ({
+  children: o,
+  url: e = "https://example.com",
+  className: s = "",
+  contentClassName: c = "",
+  ...d
+}) => /* @__PURE__ */ a("div", { className: `${t} border border-base-300 ${s}`, ...d, children: [
+  /* @__PURE__ */ r("div", { className: b, children: /* @__PURE__ */ r("div", { className: "input", children: e }) }),
+  /* @__PURE__ */ r("div", { className: `border-t border-base-300 ${c}`, children: o })
+] });
+export {
+  m as Browser
+};
+//# sourceMappingURL=Browser.js.map

package/dist/components/Browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupBrowser = 'd-mockup-browser'\nconst dMockupBrowserToolbar = 'd-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,oBACjBC,IAAwB,4BAQjBC,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/Button.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+type BaseButtonProps = {
+    /** Button color */
+    color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+    /** Button style variant */
+    variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link';
+    /** Button size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Active/pressed visual state */
+    active?: boolean;
+    /** Show loading spinner and disable button */
+    loading?: boolean;
+    /** Button shape */
+    shape?: 'square' | 'circle' | 'wide' | 'block' | 'round';
+    /** Disable click animation */
+    noAnimation?: boolean;
+    /** Icon element to display */
+    icon?: React.ReactNode;
+    /** Position of the icon */
+    iconPosition?: 'start' | 'end';
+    /** Applies error/danger styling (shorthand for color="error") */
+    danger?: boolean;
+    /** Toggle button pressed state (sets aria-pressed) */
+    pressed?: boolean;
+};
+type ButtonAsButton = BaseButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {
+    href?: undefined;
+    htmlType?: 'button' | 'submit' | 'reset';
+};
+type ButtonAsAnchor = BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {
+    href: string;
+    htmlType?: undefined;
+    /** Disable the link button */
+    disabled?: boolean;
+};
+export type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+export declare const Button: React.FC<ButtonProps>;
+export {};