asterui 0.12.26 → 0.12.28

package/dist/index23.js

@@ -1,113 +1,147 @@
-import { jsxs as h, jsx as s, Fragment as E } from "react/jsx-runtime";
-import m from "react";
-function L(d) {
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import y, { forwardRef as A } from "react";
+function B(c) {
   return null;
 }
-function B({
-  title: d,
-  bordered: a = !1,
-  column: l = 3,
-  size: v = "default",
-  layout: w = "horizontal",
-  colon: x = !0,
-  labelStyle: N,
-  contentStyle: $,
-  className: j = "",
-  style: F,
-  children: M,
-  ..._
-}) {
-  const D = {
-    small: "text-sm",
-    default: "text-base",
-    large: "text-lg"
-  }, y = m.Children.toArray(M).filter(
-    (p) => m.isValidElement(p)
-  ), e = typeof l == "number" ? l : l.md || l.sm || l.xs || 3, R = () => {
-    if (w === "vertical")
-      return y.map((r, t) => {
-        const o = r.props.span || 1, b = Math.min(o, e), f = r.props.labelStyle || N;
-        return /* @__PURE__ */ h(m.Fragment, { children: [
-          /* @__PURE__ */ h(
+const H = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+}, N = A(
+  ({
+    title: c,
+    extra: S,
+    bordered: d = !1,
+    column: b = 3,
+    size: $ = "md",
+    layout: j = "horizontal",
+    colon: g = !0,
+    labelStyle: x,
+    contentStyle: v,
+    items: C,
+    className: M = "",
+    style: R,
+    children: D,
+    "data-testid": m = "descriptions",
+    ...L
+  }, z) => {
+    const w = C || y.Children.toArray(D).filter(
+      (t) => y.isValidElement(t)
+    ).map((t) => ({
+      label: t.props.label,
+      children: t.props.children,
+      span: t.props.span,
+      labelStyle: t.props.labelStyle,
+      contentStyle: t.props.contentStyle
+    })), r = typeof b == "number" ? b : b.md || b.sm || b.xs || 3, E = () => {
+      const t = [];
+      let s = [], l = 0;
+      return w.forEach((n) => {
+        const o = n.span || 1, e = Math.min(o, r);
+        l + e > r ? (t.push(s), s = [n], l = e) : (s.push(n), l += e);
+      }), s.length > 0 && t.push(s), t.map((n, o) => /* @__PURE__ */ i(y.Fragment, { children: [
+        /* @__PURE__ */ a("tr", { children: n.map((e, f) => {
+          const h = e.span || 1, p = Math.min(h, r), u = e.labelStyle || x;
+          return /* @__PURE__ */ i(
             "th",
             {
-              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2`,
-              style: f,
-              colSpan: b,
+              className: `${d ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2`,
+              style: u,
+              colSpan: p,
+              scope: "col",
               children: [
-                r.props.label,
-                x && r.props.label && ":"
+                e.label,
+                g && e.label && ":"
               ]
-            }
-          ),
-          t % e === e - 1 && /* @__PURE__ */ s(E, { children: Array.from({ length: e - ((t + 1) % e || e) }).map((n, i) => /* @__PURE__ */ s("th", { className: `${a ? "border border-base-content/10" : ""}` }, `empty-${i}`)) }),
-          (t + 1) % e === 0 && /* @__PURE__ */ s("tr", { children: y.slice(t - e + 1, t + 1).map((n, i) => {
-            const g = n.props.span || 1, u = Math.min(g, e), C = n.props.contentStyle || $;
-            return /* @__PURE__ */ s(
-              "td",
-              {
-                className: `${a ? "border border-base-content/10" : ""} px-4 py-2`,
-                style: C,
-                colSpan: u,
-                children: n.props.children
-              },
-              i
-            );
-          }) }, `content-row-${t}`)
-        ] }, t);
-      });
-    const p = [];
-    let c = [], S = 0;
-    return y.forEach((r) => {
-      const t = r.props.span || 1, o = Math.min(t, e);
-      S + o > e ? (p.push(c), c = [r], S = o) : (c.push(r), S += o);
-    }), c.length > 0 && p.push(c), p.map((r, t) => {
-      let o = 0;
-      const b = r.map((n, i) => {
-        const g = n.props.span || 1, u = Math.min(g, e), C = n.props.labelStyle || N, A = n.props.contentStyle || $;
-        return o += u, /* @__PURE__ */ h(m.Fragment, { children: [
-          /* @__PURE__ */ h(
+            },
+            f
+          );
+        }) }),
+        /* @__PURE__ */ a("tr", { children: n.map((e, f) => {
+          const h = e.span || 1, p = Math.min(h, r), u = e.contentStyle || v;
+          return /* @__PURE__ */ a(
+            "td",
+            {
+              className: `${d ? "border border-base-content/10" : ""} bg-base-100 px-4 py-2`,
+              style: u,
+              colSpan: p,
+              children: e.children
+            },
+            f
+          );
+        }) })
+      ] }, o));
+    }, _ = () => {
+      const t = [];
+      let s = [], l = 0;
+      return w.forEach((n) => {
+        const o = n.span || 1, e = Math.min(o, r);
+        l + e > r ? (t.push(s), s = [n], l = e) : (s.push(n), l += e);
+      }), s.length > 0 && t.push(s), t.map((n, o) => /* @__PURE__ */ a("tr", { children: n.map((e, f) => {
+        const h = e.span || 1, p = Math.min(h, r), u = e.labelStyle || x, V = e.contentStyle || v;
+        return /* @__PURE__ */ i(y.Fragment, { children: [
+          /* @__PURE__ */ i(
             "th",
             {
-              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`,
-              style: C,
+              className: `${d ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`,
+              style: u,
+              scope: "row",
               children: [
-                n.props.label,
-                x && n.props.label && ":"
+                e.label,
+                g && e.label && ":"
               ]
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             "td",
             {
-              className: `${a ? "border border-base-content/10" : ""} px-4 py-2`,
-              style: A,
-              colSpan: u * 2 - 1,
-              children: n.props.children
+              className: `${d ? "border border-base-content/10" : ""} bg-base-100 px-4 py-2`,
+              style: V,
+              colSpan: p > 1 ? p * 2 - 1 : 1,
+              children: e.children
             }
           )
-        ] }, i);
-      }), f = e - o;
-      return f > 0 && b.push(
-        /* @__PURE__ */ s(m.Fragment, { children: /* @__PURE__ */ s("th", { className: `${a ? "border border-base-content/10" : ""}`, colSpan: f * 2 }) }, "empty")
-      ), /* @__PURE__ */ s("tr", { children: b }, t);
-    });
-  }, z = [
-    "w-full",
-    a && "border-collapse",
-    D[v],
-    j
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h("div", { style: F, ..._, children: [
-    d && /* @__PURE__ */ s("div", { className: "text-lg font-semibold mb-4", children: d }),
-    /* @__PURE__ */ s("table", { className: z, children: /* @__PURE__ */ s("tbody", { children: R() }) })
-  ] });
-}
-const k = Object.assign(B, {
-  Item: L
+        ] }, f);
+      }) }, o));
+    }, F = [
+      "w-full",
+      d && "border-collapse",
+      H[$],
+      M
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: z,
+        style: R,
+        "data-testid": m,
+        ...L,
+        children: [
+          (c || S) && /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4", "data-testid": `${m}-header`, children: [
+            c && /* @__PURE__ */ a("div", { className: "text-lg font-semibold", children: c }),
+            S && /* @__PURE__ */ a("div", { "data-testid": `${m}-extra`, children: S })
+          ] }),
+          /* @__PURE__ */ a(
+            "table",
+            {
+              className: F,
+              role: "table",
+              "aria-label": typeof c == "string" ? c : void 0,
+              "data-testid": `${m}-table`,
+              children: /* @__PURE__ */ a("tbody", { children: j === "vertical" ? E() : _() })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+N.displayName = "Descriptions";
+const G = Object.assign(N, {
+  Item: B
 });
 export {
-  k as Descriptions,
-  k as default
+  G as Descriptions,
+  G as default
 };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/Descriptions.tsx"],"sourcesContent":["import React from 'react'\n\nexport type DescriptionsSize = 'small' | 'default' | 'large'\nexport type DescriptionsLayout = 'horizontal' | 'vertical'\n\nexport interface DescriptionsItemProps {\n  label?: React.ReactNode\n  span?: number\n  children?: React.ReactNode\n  labelStyle?: React.CSSProperties\n  contentStyle?: React.CSSProperties\n}\n\nexport interface DescriptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode\n  bordered?: boolean\n  column?: number | {\n    xs?: number\n    sm?: number\n    md?: number\n    lg?: number\n    xl?: number\n    '2xl'?: number\n  }\n  size?: DescriptionsSize\n  layout?: DescriptionsLayout\n  colon?: boolean\n  labelStyle?: React.CSSProperties\n  contentStyle?: React.CSSProperties\n  children?: React.ReactNode\n}\n\nfunction DescriptionsItem(_props: DescriptionsItemProps) {\n  return null\n}\n\nfunction DescriptionsRoot({\n  title,\n  bordered = false,\n  column = 3,\n  size = 'default',\n  layout = 'horizontal',\n  colon = true,\n  labelStyle,\n  contentStyle,\n  className = '',\n  style,\n  children,\n  ...rest\n}: DescriptionsProps) {\n  const sizeClasses: Record<DescriptionsSize, string> = {\n    small: 'text-sm',\n    default: 'text-base',\n    large: 'text-lg',\n  }\n\n  const items = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<DescriptionsItemProps> =>\n      React.isValidElement(child)\n  )\n\n  const getColumnCount = () => {\n    if (typeof column === 'number') {\n      return column\n    }\n    // For responsive columns, default to md value or 3\n    return column.md || column.sm || column.xs || 3\n  }\n\n  const columnCount = getColumnCount()\n\n  const renderItems = () => {\n    if (layout === 'vertical') {\n      return items.map((item, index) => {\n        const span = item.props.span || 1\n        const effectiveSpan = Math.min(span, columnCount)\n        const itemLabelStyle = item.props.labelStyle || labelStyle\n\n        return (\n          <React.Fragment key={index}>\n            <th\n              className={`${bordered ? 'border border-base-content/10' : ''} bg-base-200/50 font-semibold text-left px-4 py-2`}\n              style={itemLabelStyle}\n              colSpan={effectiveSpan}\n            >\n              {item.props.label}\n              {colon && item.props.label && ':'}\n            </th>\n            {index % columnCount === columnCount - 1 && (\n              <>\n                {Array.from({ length: columnCount - ((index + 1) % columnCount || columnCount) }).map((_, i) => (\n                  <th key={`empty-${i}`} className={`${bordered ? 'border border-base-content/10' : ''}`} />\n                ))}\n              </>\n            )}\n            {(index + 1) % columnCount === 0 && (\n              <tr key={`content-row-${index}`}>\n                {items.slice(index - columnCount + 1, index + 1).map((contentItem, ci) => {\n                  const contentSpan = contentItem.props.span || 1\n                  const effectiveContentSpan = Math.min(contentSpan, columnCount)\n                  const itemContentStyle2 = contentItem.props.contentStyle || contentStyle\n\n                  return (\n                    <td\n                      key={ci}\n                      className={`${bordered ? 'border border-base-content/10' : ''} px-4 py-2`}\n                      style={itemContentStyle2}\n                      colSpan={effectiveContentSpan}\n                    >\n                      {contentItem.props.children}\n                    </td>\n                  )\n                })}\n              </tr>\n            )}\n          </React.Fragment>\n        )\n      })\n    }\n\n    // Horizontal layout\n    const rows: React.ReactElement<DescriptionsItemProps>[][] = []\n    let currentRow: React.ReactElement<DescriptionsItemProps>[] = []\n    let currentSpan = 0\n\n    items.forEach((item) => {\n      const span = item.props.span || 1\n      const effectiveSpan = Math.min(span, columnCount)\n\n      if (currentSpan + effectiveSpan > columnCount) {\n        rows.push(currentRow)\n        currentRow = [item]\n        currentSpan = effectiveSpan\n      } else {\n        currentRow.push(item)\n        currentSpan += effectiveSpan\n      }\n    })\n\n    if (currentRow.length > 0) {\n      rows.push(currentRow)\n    }\n\n    return rows.map((row, rowIndex) => {\n      let usedSpan = 0\n      const cells = row.map((item, cellIndex) => {\n        const span = item.props.span || 1\n        const effectiveSpan = Math.min(span, columnCount)\n        const itemLabelStyle = item.props.labelStyle || labelStyle\n        const itemContentStyle = item.props.contentStyle || contentStyle\n        usedSpan += effectiveSpan\n\n        return (\n          <React.Fragment key={cellIndex}>\n            <th\n              className={`${bordered ? 'border border-base-content/10' : ''} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`}\n              style={itemLabelStyle}\n            >\n              {item.props.label}\n              {colon && item.props.label && ':'}\n            </th>\n            <td\n              className={`${bordered ? 'border border-base-content/10' : ''} px-4 py-2`}\n              style={itemContentStyle}\n              colSpan={effectiveSpan * 2 - 1}\n            >\n              {item.props.children}\n            </td>\n          </React.Fragment>\n        )\n      })\n\n      // Fill remaining columns\n      const remainingSpan = columnCount - usedSpan\n      if (remainingSpan > 0) {\n        cells.push(\n          <React.Fragment key=\"empty\">\n            <th className={`${bordered ? 'border border-base-content/10' : ''}`} colSpan={remainingSpan * 2} />\n          </React.Fragment>\n        )\n      }\n\n      return <tr key={rowIndex}>{cells}</tr>\n    })\n  }\n\n  const containerClasses = [\n    'w-full',\n    bordered && 'border-collapse',\n    sizeClasses[size],\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div style={style} {...rest}>\n      {title && (\n        <div className=\"text-lg font-semibold mb-4\">\n          {title}\n        </div>\n      )}\n      <table className={containerClasses}>\n        <tbody>\n          {renderItems()}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\nexport const Descriptions = Object.assign(DescriptionsRoot, {\n  Item: DescriptionsItem,\n})\n\nexport default Descriptions\n"],"names":["DescriptionsItem","_props","DescriptionsRoot","title","bordered","column","size","layout","colon","labelStyle","contentStyle","className","style","children","rest","sizeClasses","items","React","child","columnCount","renderItems","item","index","span","effectiveSpan","itemLabelStyle","jsxs","_","jsx","contentItem","ci","contentSpan","effectiveContentSpan","itemContentStyle2","rows","currentRow","currentSpan","row","rowIndex","usedSpan","cells","cellIndex","itemContentStyle","remainingSpan","containerClasses","Descriptions"],"mappings":"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"}
+{"version":3,"file":"index23.js","sources":["../src/components/Descriptions.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type DescriptionsSize = 'sm' | 'md' | 'lg'\nexport type DescriptionsLayout = 'horizontal' | 'vertical'\n\nexport interface DescriptionsItemProps {\n  /** Label for the item */\n  label?: React.ReactNode\n  /** Number of columns to span */\n  span?: number\n  /** Content of the item */\n  children?: React.ReactNode\n  /** Custom label styles */\n  labelStyle?: React.CSSProperties\n  /** Custom content styles */\n  contentStyle?: React.CSSProperties\n}\n\n/** Item configuration for the items prop */\nexport interface DescriptionsItemConfig {\n  /** Label for the item */\n  label: React.ReactNode\n  /** Content of the item */\n  children: React.ReactNode\n  /** Number of columns to span */\n  span?: number\n  /** Custom label styles */\n  labelStyle?: React.CSSProperties\n  /** Custom content styles */\n  contentStyle?: React.CSSProperties\n}\n\nexport interface DescriptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Title of the descriptions block */\n  title?: React.ReactNode\n  /** Extra content in the top-right corner */\n  extra?: React.ReactNode\n  /** Show borders around cells */\n  bordered?: boolean\n  /** Number of columns (or responsive config) */\n  column?: number | {\n    xs?: number\n    sm?: number\n    md?: number\n    lg?: number\n    xl?: number\n    '2xl'?: number\n  }\n  /** Size variant */\n  size?: DescriptionsSize\n  /** Layout direction */\n  layout?: DescriptionsLayout\n  /** Show colon after labels */\n  colon?: boolean\n  /** Default label styles */\n  labelStyle?: React.CSSProperties\n  /** Default content styles */\n  contentStyle?: React.CSSProperties\n  /** Item configurations (alternative to children) */\n  items?: DescriptionsItemConfig[]\n  /** Children (Descriptions.Item elements) */\n  children?: React.ReactNode\n  /** Test ID for the component */\n  'data-testid'?: string\n}\n\nfunction DescriptionsItem(_props: DescriptionsItemProps) {\n  return null\n}\n\nconst sizeClasses: Record<DescriptionsSize, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst DescriptionsRoot = forwardRef<HTMLDivElement, DescriptionsProps>(\n  (\n    {\n      title,\n      extra,\n      bordered = false,\n      column = 3,\n      size = 'md',\n      layout = 'horizontal',\n      colon = true,\n      labelStyle,\n      contentStyle,\n      items: itemsProp,\n      className = '',\n      style,\n      children,\n      'data-testid': testId = 'descriptions',\n      ...rest\n    },\n    ref\n  ) => {\n    // Convert children to item configs, or use items prop\n    const itemConfigs: DescriptionsItemConfig[] = itemsProp\n      ? itemsProp\n      : React.Children.toArray(children)\n          .filter((child): child is React.ReactElement<DescriptionsItemProps> =>\n            React.isValidElement(child)\n          )\n          .map((child) => ({\n            label: child.props.label,\n            children: child.props.children,\n            span: child.props.span,\n            labelStyle: child.props.labelStyle,\n            contentStyle: child.props.contentStyle,\n          }))\n\n    const getColumnCount = () => {\n      if (typeof column === 'number') {\n        return column\n      }\n      return column.md || column.sm || column.xs || 3\n    }\n\n    const columnCount = getColumnCount()\n\n    const renderVerticalLayout = () => {\n      const rows: DescriptionsItemConfig[][] = []\n      let currentRow: DescriptionsItemConfig[] = []\n      let currentSpan = 0\n\n      itemConfigs.forEach((item) => {\n        const span = item.span || 1\n        const effectiveSpan = Math.min(span, columnCount)\n\n        if (currentSpan + effectiveSpan > columnCount) {\n          rows.push(currentRow)\n          currentRow = [item]\n          currentSpan = effectiveSpan\n        } else {\n          currentRow.push(item)\n          currentSpan += effectiveSpan\n        }\n      })\n\n      if (currentRow.length > 0) {\n        rows.push(currentRow)\n      }\n\n      return rows.map((row, rowIndex) => (\n        <React.Fragment key={rowIndex}>\n          <tr>\n            {row.map((item, cellIndex) => {\n              const span = item.span || 1\n              const effectiveSpan = Math.min(span, columnCount)\n              const itemLabelStyle = item.labelStyle || labelStyle\n\n              return (\n                <th\n                  key={cellIndex}\n                  className={`${bordered ? 'border border-base-content/10' : ''} bg-base-200/50 font-semibold text-left px-4 py-2`}\n                  style={itemLabelStyle}\n                  colSpan={effectiveSpan}\n                  scope=\"col\"\n                >\n                  {item.label}\n                  {colon && item.label && ':'}\n                </th>\n              )\n            })}\n          </tr>\n          <tr>\n            {row.map((item, cellIndex) => {\n              const span = item.span || 1\n              const effectiveSpan = Math.min(span, columnCount)\n              const itemContentStyle = item.contentStyle || contentStyle\n\n              return (\n                <td\n                  key={cellIndex}\n                  className={`${bordered ? 'border border-base-content/10' : ''} bg-base-100 px-4 py-2`}\n                  style={itemContentStyle}\n                  colSpan={effectiveSpan}\n                >\n                  {item.children}\n                </td>\n              )\n            })}\n          </tr>\n        </React.Fragment>\n      ))\n    }\n\n    const renderHorizontalLayout = () => {\n      const rows: DescriptionsItemConfig[][] = []\n      let currentRow: DescriptionsItemConfig[] = []\n      let currentSpan = 0\n\n      itemConfigs.forEach((item) => {\n        const span = item.span || 1\n        const effectiveSpan = Math.min(span, columnCount)\n\n        if (currentSpan + effectiveSpan > columnCount) {\n          rows.push(currentRow)\n          currentRow = [item]\n          currentSpan = effectiveSpan\n        } else {\n          currentRow.push(item)\n          currentSpan += effectiveSpan\n        }\n      })\n\n      if (currentRow.length > 0) {\n        rows.push(currentRow)\n      }\n\n      return rows.map((row, rowIndex) => (\n        <tr key={rowIndex}>\n          {row.map((item, cellIndex) => {\n            const span = item.span || 1\n            const effectiveSpan = Math.min(span, columnCount)\n            const itemLabelStyle = item.labelStyle || labelStyle\n            const itemContentStyle = item.contentStyle || contentStyle\n\n            return (\n              <React.Fragment key={cellIndex}>\n                <th\n                  className={`${bordered ? 'border border-base-content/10' : ''} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`}\n                  style={itemLabelStyle}\n                  scope=\"row\"\n                >\n                  {item.label}\n                  {colon && item.label && ':'}\n                </th>\n                <td\n                  className={`${bordered ? 'border border-base-content/10' : ''} bg-base-100 px-4 py-2`}\n                  style={itemContentStyle}\n                  colSpan={effectiveSpan > 1 ? effectiveSpan * 2 - 1 : 1}\n                >\n                  {item.children}\n                </td>\n              </React.Fragment>\n            )\n          })}\n        </tr>\n      ))\n    }\n\n    const containerClasses = [\n      'w-full',\n      bordered && 'border-collapse',\n      sizeClasses[size],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        data-testid={testId}\n        {...rest}\n      >\n        {(title || extra) && (\n          <div className=\"flex items-center justify-between mb-4\" data-testid={`${testId}-header`}>\n            {title && (\n              <div className=\"text-lg font-semibold\">{title}</div>\n            )}\n            {extra && (\n              <div data-testid={`${testId}-extra`}>{extra}</div>\n            )}\n          </div>\n        )}\n        <table\n          className={containerClasses}\n          role=\"table\"\n          aria-label={typeof title === 'string' ? title : undefined}\n          data-testid={`${testId}-table`}\n        >\n          <tbody>\n            {layout === 'vertical' ? renderVerticalLayout() : renderHorizontalLayout()}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n)\n\nDescriptionsRoot.displayName = 'Descriptions'\n\nexport const Descriptions = Object.assign(DescriptionsRoot, {\n  Item: DescriptionsItem,\n})\n\nexport default Descriptions\n"],"names":["DescriptionsItem","_props","sizeClasses","DescriptionsRoot","forwardRef","title","extra","bordered","column","size","layout","colon","labelStyle","contentStyle","itemsProp","className","style","children","testId","rest","ref","itemConfigs","React","child","columnCount","renderVerticalLayout","rows","currentRow","currentSpan","item","span","effectiveSpan","row","rowIndex","jsxs","jsx","cellIndex","itemLabelStyle","itemContentStyle","renderHorizontalLayout","containerClasses","Descriptions"],"mappings":"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"}

package/dist/index39.js

@@ -1,125 +1,172 @@
-import { jsxs as u, Fragment as M, jsx as e } from "react/jsx-runtime";
-import { useState as a, useEffect as P } from "react";
-const I = ({
-  src: s,
-  alt: f = "",
-  fallback: i,
-  placeholder: h,
-  preview: p = !0,
-  width: n,
-  height: o,
-  className: g = "",
-  onLoad: k,
-  onError: y,
-  ...C
-}) => {
-  const [r, l] = a(!0), [c, m] = a(!1), [L, b] = a(!1), [N, v] = a(s);
-  P(() => {
-    l(!0), m(!1), v(s);
-  }, [s]);
-  const j = () => {
-    l(!1), m(!1), k?.();
-  }, w = () => {
-    l(!1), m(!0), i && v(i), y?.();
-  }, S = () => {
-    p && !c && !r && b(!0);
-  }, x = () => {
-    b(!1);
-  }, d = () => {
-    const t = {};
-    return n && (t.width = typeof n == "number" ? `${n}px` : n), o && (t.height = typeof o == "number" ? `${o}px` : o), t;
-  }, E = [
-    g,
-    p && !c && !r ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(M, { children: [
-    /* @__PURE__ */ u("div", { className: "relative inline-block", style: d(), children: [
-      r && h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-base-200", children: h }),
-      /* @__PURE__ */ e(
-        "img",
+import { jsxs as p, Fragment as F, jsx as a } from "react/jsx-runtime";
+import { forwardRef as z, useState as h, useEffect as W, useCallback as i } from "react";
+const H = z(
+  ({
+    src: l,
+    alt: n = "",
+    fallback: c,
+    placeholder: y,
+    preview: s = !0,
+    width: d,
+    height: m,
+    className: N = "",
+    onLoad: k,
+    onError: w,
+    "data-testid": o = "image",
+    ...$
+  }, j) => {
+    const [t, g] = h(!0), [r, v] = h(!1), [L, u] = h(!1), [P, x] = h(l);
+    W(() => {
+      g(!0), v(!1), x(l);
+    }, [l]);
+    const D = i(() => {
+      g(!1), v(!1), k?.();
+    }, [k]), E = i(() => {
+      g(!1), v(!0), c && x(c), w?.();
+    }, [c, w]), S = i(() => {
+      s && !r && !t && u(!0);
+    }, [s, r, t]), C = i(() => {
+      u(!1);
+    }, []), K = i(
+      (e) => {
+        s && !r && !t && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(!0));
+      },
+      [s, r, t]
+    ), M = i((e) => {
+      e.key === "Escape" && u(!1);
+    }, []), b = () => {
+      const e = {};
+      return d && (e.width = typeof d == "number" ? `${d}px` : d), m && (e.height = typeof m == "number" ? `${m}px` : m), e;
+    }, f = s && !r && !t, B = [
+      N,
+      f ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ p(F, { children: [
+      /* @__PURE__ */ p(
+        "div",
         {
-          ...C,
-          src: N,
-          alt: f,
-          className: E,
-          style: { ...d(), display: r ? "none" : "block" },
-          onLoad: j,
-          onError: w,
-          onClick: S
+          className: "relative inline-block",
+          style: b(),
+          "data-testid": o,
+          "data-state": t ? "loading" : r ? "error" : "loaded",
+          children: [
+            t && y && /* @__PURE__ */ a(
+              "div",
+              {
+                className: "absolute inset-0 flex items-center justify-center bg-base-200",
+                "data-testid": `${o}-placeholder`,
+                children: y
+              }
+            ),
+            /* @__PURE__ */ a(
+              "img",
+              {
+                ref: j,
+                ...$,
+                src: P,
+                alt: n,
+                className: B,
+                style: { ...b(), display: t ? "none" : "block" },
+                onLoad: D,
+                onError: E,
+                onClick: S,
+                onKeyDown: K,
+                tabIndex: f ? 0 : void 0,
+                role: f ? "button" : void 0,
+                "aria-label": f ? `${n || "Image"} (click to preview)` : void 0,
+                "data-testid": `${o}-img`
+              }
+            ),
+            r && !c && /* @__PURE__ */ a(
+              "div",
+              {
+                className: "flex items-center justify-center bg-base-200 text-base-content/50",
+                style: b(),
+                "data-testid": `${o}-error`,
+                role: "img",
+                "aria-label": `Failed to load: ${n || "image"}`,
+                children: /* @__PURE__ */ a(
+                  "svg",
+                  {
+                    className: "w-12 h-12",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ a(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ]
         }
       ),
-      c && !i && /* @__PURE__ */ e(
+      L && /* @__PURE__ */ a(
         "div",
         {
-          className: "flex items-center justify-center bg-base-200 text-base-content/50",
-          style: d(),
-          children: /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "w-12 h-12",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-                }
-              )
-            }
-          )
+          className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
+          onClick: C,
+          onKeyDown: M,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": `Preview: ${n || "Image"}`,
+          "data-testid": `${o}-preview`,
+          children: /* @__PURE__ */ p("div", { className: "relative max-w-full max-h-full", children: [
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "absolute top-4 right-4 btn btn-circle btn-sm",
+                onClick: C,
+                "aria-label": "Close preview",
+                autoFocus: !0,
+                "data-testid": `${o}-preview-close`,
+                children: /* @__PURE__ */ a(
+                  "svg",
+                  {
+                    className: "w-6 h-6",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ a(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ a(
+              "img",
+              {
+                src: l,
+                alt: n,
+                className: "max-w-full max-h-[90vh] object-contain",
+                onClick: (e) => e.stopPropagation(),
+                "data-testid": `${o}-preview-img`
+              }
+            )
+          ] })
         }
       )
-    ] }),
-    L && /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
-        onClick: x,
-        children: /* @__PURE__ */ u("div", { className: "relative max-w-full max-h-full", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "absolute top-4 right-4 btn btn-circle btn-sm",
-              onClick: x,
-              children: /* @__PURE__ */ e(
-                "svg",
-                {
-                  className: "w-6 h-6",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ e(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: s,
-              alt: f,
-              className: "max-w-full max-h-[90vh] object-contain",
-              onClick: (t) => t.stopPropagation()
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
+    ] });
+  }
+);
+H.displayName = "Image";
 export {
-  I as Image
+  H as Image
 };
 //# sourceMappingURL=index39.js.map