asterui 0.12.49 → 0.12.51

package/dist/components/Badge.js

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

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\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: 'badge-primary',\n  secondary: 'badge-secondary',\n  accent: 'badge-accent',\n  neutral: 'badge-neutral',\n  info: 'badge-info',\n  success: 'badge-success',\n  warning: 'badge-warning',\n  error: 'badge-error',\n}\n\nconst sizeClasses: Record<BadgeSize, string> = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  md: 'badge-md',\n  lg: 'badge-lg',\n  xl: 'badge-xl',\n}\n\nconst variantClasses: Record<BadgeVariant, string> = {\n  solid: '',\n  outline: 'badge-outline',\n  dash: 'badge-dash',\n  soft: 'badge-soft',\n  ghost: 'badge-ghost',\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('indicator-top')\n      break\n    case 'middle':\n      classes.push('indicator-middle')\n      break\n    case 'bottom':\n      classes.push('indicator-bottom')\n      break\n  }\n\n  switch (horizontal) {\n    case 'start':\n      classes.push('indicator-start')\n      break\n    case 'center':\n      classes.push('indicator-center')\n      break\n    case 'end':\n      classes.push('indicator-end')\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              'badge badge-xs 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={`indicator inline-block ${className}`}\n          data-testid={testId}\n          {...rest}\n        >\n          {shouldShowBadge && (\n            <span\n              role=\"status\"\n              aria-label={ariaLabel}\n              className={[\n                'indicator-item badge',\n                getPositionClasses(position),\n                !color && typeClasses[type],\n                dot ? 'badge-xs 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      'badge',\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":["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":";;AA4DA,MAAMA,IAAyC;AAAA,EAC7C,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEMC,IAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAA+C;AAAA,EACnD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT,GAEMC,IAAgD;AAAA,EACpD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AACX,GAGMC,IAAqB,CAACC,MAA+B;AACzD,QAAM,CAACC,GAAUC,CAAU,IAAIF,EAAI,MAAM,GAAG,GACtCG,IAAoB,CAAA;AAE1B,UAAQF,GAAA;AAAA,IACN,KAAK;AACH,MAAAE,EAAQ,KAAK,eAAe;AAC5B;AAAA,IACF,KAAK;AACH,MAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,IACF,KAAK;AACH,MAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,EAAA;AAGJ,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,MAAAC,EAAQ,KAAK,iBAAiB;AAC9B;AAAA,IACF,KAAK;AACH,MAAAA,EAAQ,KAAK,kBAAkB;AAC/B;AAAA,IACF,KAAK;AACH,MAAAA,EAAQ,KAAK,eAAe;AAC5B;AAAA,EAAA;AAGJ,SAAOA,EAAQ,KAAK,GAAG;AACzB,GAEMC,IAAaC;AAAA,EACjB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW;AAAA,IACX,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,eAAeC;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AAEH,UAAMC,IAAkBL,IAAU,YAAYH,GAGxCS,IAAkB,MAClBlB,MAAU,SAAkB,OAC5BA,IAAQE,IAAsB,GAAGA,CAAa,MAC3CF,GAGHmB,IAAmBnB,MAAU,WAAcA,IAAQ,KAAKC,MAAcU,GAGtES,IAAaV,IAAQ,EAAE,iBAAiBA,MAAU;AAGxD,QAAIL,KAAU,CAACN,GAAU;AACvB,YAAMsB,IAAa9B,EAAcc,CAAM;AACvC,aACE,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAN;AAAA,UACA,MAAK;AAAA,UACL,cAAYV,KAAQD;AAAA,UACpB,WAAW,kCAAkCQ,CAAS;AAAA,UACtD,eAAaC;AAAA,UACb,eAAaT;AAAA,UACZ,GAAGU;AAAA,UAEJ,UAAA;AAAA,YAAA,gBAAAQ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACAnC,EAAYiC,CAAU;AAAA,kBACtBhB,MAAW,gBAAgB;AAAA,gBAAA,EAE1B,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBACX,eAAaS,IAAS,GAAGA,CAAM,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzCR,KAAQ,gBAAAiB,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAjB,EAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAG/C;AAGA,QAAIP,GAAU;AACZ,YAAMyB,IAAcpB,IAChB,EAAE,WAAW,aAAaA,EAAO,CAAC,CAAC,OAAOA,EAAO,CAAC,CAAC,OAAO,GAAGgB,MAC7DA,GAEEK,IAAeP,EAAA,GACfQ,IACJf,IAAM,qBAAqBc,MAAiB,OAAO,GAAGA,CAAY,mBAAmB;AAEvF,aACE,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAN;AAAA,UACA,WAAW,0BAA0BH,CAAS;AAAA,UAC9C,eAAaC;AAAA,UACZ,GAAGC;AAAA,UAEH,UAAA;AAAA,YAAAI,KACC,gBAAAI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAYG;AAAA,gBACZ,WAAW;AAAA,kBACT;AAAA,kBACAlC,EAAmBW,CAAQ;AAAA,kBAC3B,CAACO,KAAStB,EAAYmB,CAAI;AAAA,kBAC1BI,IAAM,yBAAyBtB,EAAYmB,CAAI;AAAA,kBAC/ClB,EAAe2B,CAAe;AAAA,gBAAA,EAE7B,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBACX,OAAOO;AAAA,gBACP,eAAaV,IAAS,GAAGA,CAAM,eAAe;AAAA,gBAC9C,cAAYd;AAAA,gBACZ,YAAUW,KAAO;AAAA,gBAEhB,WAACA,KAAOc;AAAA,cAAA;AAAA,YAAA;AAAA,YAGZ1B;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGP;AAGA,UAAM4B,IAAe;AAAA,MACnB;AAAA,MACA,CAACjB,KAAStB,EAAYmB,CAAI;AAAA,MAC1BlB,EAAYmB,CAAI;AAAA,MAChBlB,EAAe2B,CAAe;AAAA,MAC9BJ;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELe,IAAiBV,EAAA;AAEvB,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAP;AAAA,QACA,WAAWW;AAAA,QACX,OAAOP;AAAA,QACP,eAAaN;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA/B,EAAW,cAAc;AAYzB,MAAMgC,IAAc/B;AAAA,EAClB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,MAAAO;AAAA,IACA,WAAAwB,IAAY;AAAA,IACZ,OAAApB;AAAA,IACA,MAAAH,IAAO;AAAA,IACP,WAAAM,IAAY;AAAA,IACZ,eAAeC;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AAaH,UAAMe,IAAgB;AAAA,MACpB;AAAA,MACAD,MAAc,UAAU,kBAAkB;AAAA,MAC1C;AAAA,MACA;AAAA,MACA,CAACpB,KAjBkD;AAAA,QACnD,SAAS;AAAA,QACT,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA,EAQqBH,CAAI;AAAA,MAChC;AAAA,MACAuB,MAAc,UAAU,cAAc;AAAA,IAAA,EAErC,OAAO,OAAO,EACd,KAAK,GAAG,GAELV,IAAaV,IAAQ,EAAE,iBAAiBA,MAAU;AAExD,WACE,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,WAAW,0CAA0CH,CAAS;AAAA,QAC9D,eAAaC;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAhB;AAAA,UACD,gBAAAwB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWQ;AAAA,cACX,OAAOX;AAAA,cACP,eAAaN,IAAS,GAAGA,CAAM,YAAY;AAAA,cAE1C,UAAAR;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAuB,EAAY,cAAc;AAOnB,MAAMG,IAAQnC;AACrBmC,EAAM,SAASH;"}
+{"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dBadge = 'badge'\nconst dBadgePrimary = 'badge-primary'\nconst dBadgeSecondary = 'badge-secondary'\nconst dBadgeAccent = 'badge-accent'\nconst dBadgeNeutral = 'badge-neutral'\nconst dBadgeInfo = 'badge-info'\nconst dBadgeSuccess = 'badge-success'\nconst dBadgeWarning = 'badge-warning'\nconst dBadgeError = 'badge-error'\nconst dBadgeXs = 'badge-xs'\nconst dBadgeSm = 'badge-sm'\nconst dBadgeMd = 'badge-md'\nconst dBadgeLg = 'badge-lg'\nconst dBadgeXl = 'badge-xl'\nconst dBadgeOutline = 'badge-outline'\nconst dBadgeDash = 'badge-dash'\nconst dBadgeSoft = 'badge-soft'\nconst dBadgeGhost = 'badge-ghost'\nconst dIndicator = 'indicator'\nconst dIndicatorItem = 'indicator-item'\nconst dIndicatorTop = 'indicator-top'\nconst dIndicatorMiddle = 'indicator-middle'\nconst dIndicatorBottom = 'indicator-bottom'\nconst dIndicatorStart = 'indicator-start'\nconst dIndicatorCenter = 'indicator-center'\nconst dIndicatorEnd = '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.js

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

package/dist/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\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    ? `breadcrumbs text-sm [&_li::before]:!hidden ${className}`\n    : `breadcrumbs 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":["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":";;AA8BA,SAASA,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,8CAA8CF,CAAS,KACvD,uBAAuBA,CAAS;AAEpC,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}>\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.js

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

package/dist/components/Browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\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={`mockup-browser border border-base-300 ${className}`} {...rest}>\n      <div className=\"mockup-browser-toolbar\">\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":["Browser","children","url","className","contentClassName","rest","jsx"],"mappings":";AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,wBAEK,OAAA,EAAI,WAAW,yCAAyCF,CAAS,IAAK,GAAGE,GACxE,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BF,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}\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;"}