@aster-ui/prefixed 0.12.50

package/dist/components/Descriptions.js

@@ -0,0 +1,234 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import g, { forwardRef as q, useId as G, useState as J, useEffect as Q } from "react";
+function T(n) {
+  return null;
+}
+const U = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+}, S = {
+  xs: 0,
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function X(n) {
+  const [h, i] = J(() => typeof n == "number" ? n : n.md ?? n.sm ?? n.xs ?? 3);
+  return Q(() => {
+    if (typeof n == "number") {
+      i(n);
+      return;
+    }
+    const $ = () => {
+      const k = window.innerWidth, u = Object.keys(S).filter((c) => n[c] !== void 0).sort((c, m) => S[m] - S[c]);
+      for (const c of u)
+        if (k >= S[c]) {
+          i(n[c]);
+          return;
+        }
+      const C = u[u.length - 1];
+      i(C ? n[C] : 3);
+    };
+    return $(), window.addEventListener("resize", $), () => window.removeEventListener("resize", $);
+  }, [n]), h;
+}
+const R = q(
+  ({
+    title: n,
+    extra: h,
+    bordered: i = !1,
+    column: $ = 3,
+    size: k = "md",
+    layout: u = "horizontal",
+    colon: C = !0,
+    labelStyle: c,
+    contentStyle: m,
+    styles: d,
+    classNames: b,
+    items: x,
+    className: z = "",
+    style: B,
+    children: D,
+    "data-testid": s = "descriptions",
+    ...E
+  }, M) => {
+    const w = G(), f = X($), F = { ...c, ...d?.label }, O = { ...m, ...d?.content }, V = (x || g.Children.toArray(D).filter(
+      (t) => g.isValidElement(t)
+    ).map((t) => ({
+      key: t.props.itemKey ?? t.key?.toString().replace(/^\.\$/, ""),
+      label: t.props.label,
+      children: t.props.children,
+      span: t.props.span,
+      labelStyle: t.props.labelStyle,
+      contentStyle: t.props.contentStyle,
+      labelClassName: t.props.labelClassName,
+      contentClassName: t.props.contentClassName
+    }))).map((t, a) => ({
+      ...t,
+      _key: t.key ?? `item-${a}`,
+      _index: a
+    })), v = (() => {
+      const t = [];
+      let a = [], e = 0;
+      return V.forEach((l) => {
+        if (l.span === "filled")
+          a.length > 0 ? (a.push({ ...l, span: f - e }), t.push(a), a = [], e = 0) : t.push([{ ...l, span: f }]);
+        else {
+          const p = l.span ?? 1, o = Math.min(p, f);
+          e + o > f ? (t.push(a), a = [l], e = o) : (a.push(l), e += o);
+        }
+      }), a.length > 0 && t.push(a), t;
+    })(), _ = (t) => [
+      i ? "border border-base-content/10" : "",
+      "bg-base-200/50 font-semibold text-base-content/70 text-left px-4 py-2",
+      u === "horizontal" ? "whitespace-nowrap" : "",
+      b?.label ?? "",
+      t.labelClassName ?? ""
+    ].filter(Boolean).join(" "), j = (t) => [
+      i ? "border border-base-content/10" : "",
+      "bg-base-100 text-base-content px-4 py-2",
+      b?.content ?? "",
+      t.contentClassName ?? ""
+    ].filter(Boolean).join(" "), N = (t) => ({
+      ...F,
+      ...t.labelStyle
+    }), L = (t) => ({
+      ...O,
+      ...t.contentStyle
+    }), A = () => v.map((t, a) => /* @__PURE__ */ y(g.Fragment, { children: [
+      /* @__PURE__ */ r("tr", { "data-testid": `${s}-row-${a}-labels`, children: t.map((e) => {
+        const l = typeof e.span == "number" ? e.span : 1, p = Math.min(l, f), o = `${w}-${e._key}-label`;
+        return /* @__PURE__ */ y(
+          "th",
+          {
+            id: o,
+            className: _(e),
+            style: N(e),
+            colSpan: p,
+            scope: "col",
+            "data-testid": `${s}-${e._key}-label`,
+            children: [
+              e.label,
+              C && e.label && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: ":" })
+            ]
+          },
+          e._key
+        );
+      }) }),
+      /* @__PURE__ */ r("tr", { "data-testid": `${s}-row-${a}-values`, children: t.map((e) => {
+        const l = typeof e.span == "number" ? e.span : 1, p = Math.min(l, f), o = `${w}-${e._key}-label`;
+        return /* @__PURE__ */ r(
+          "td",
+          {
+            className: j(e),
+            style: L(e),
+            colSpan: p,
+            "aria-labelledby": o,
+            "data-testid": `${s}-${e._key}-content`,
+            children: e.children
+          },
+          e._key
+        );
+      }) })
+    ] }, t.map((e) => e._key).join("-"))), H = () => v.map((t, a) => /* @__PURE__ */ r("tr", { "data-testid": `${s}-row-${a}`, children: t.map((e) => {
+      const l = typeof e.span == "number" ? e.span : 1, p = Math.min(l, f), o = `${w}-${e._key}-label`;
+      return /* @__PURE__ */ y(g.Fragment, { children: [
+        /* @__PURE__ */ y(
+          "th",
+          {
+            id: o,
+            className: _(e),
+            style: N(e),
+            scope: "row",
+            "data-testid": `${s}-${e._key}-label`,
+            children: [
+              e.label,
+              C && e.label && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: ":" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          "td",
+          {
+            className: j(e),
+            style: L(e),
+            colSpan: p > 1 ? p * 2 - 1 : 1,
+            "aria-labelledby": o,
+            "data-testid": `${s}-${e._key}-content`,
+            children: e.children
+          }
+        )
+      ] }, e._key);
+    }) }, t.map((e) => e._key).join("-"))), K = [
+      "w-full",
+      i && "border-collapse",
+      U[k],
+      b?.table ?? "",
+      z
+    ].filter(Boolean).join(" "), W = [b?.root ?? ""].filter(Boolean).join(" ");
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: M,
+        className: W || void 0,
+        style: { ...d?.root, ...B },
+        "data-testid": s,
+        ...E,
+        children: [
+          (n || h) && /* @__PURE__ */ y(
+            "div",
+            {
+              className: `flex items-center justify-between mb-4 ${b?.header ?? ""}`,
+              style: d?.header,
+              "data-testid": `${s}-header`,
+              children: [
+                n && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: `text-lg font-semibold ${b?.title ?? ""}`,
+                    style: d?.title,
+                    "data-testid": `${s}-title`,
+                    children: n
+                  }
+                ),
+                h && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: b?.extra ?? "",
+                    style: d?.extra,
+                    "data-testid": `${s}-extra`,
+                    children: h
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ y(
+            "table",
+            {
+              className: K,
+              style: d?.table,
+              "data-testid": `${s}-table`,
+              children: [
+                n && /* @__PURE__ */ r("caption", { className: "sr-only", children: typeof n == "string" ? n : "Description list" }),
+                /* @__PURE__ */ r("tbody", { children: u === "vertical" ? A() : H() })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+R.displayName = "Descriptions";
+const I = Object.assign(R, {
+  Item: T
+});
+export {
+  I as Descriptions,
+  I as default
+};
+//# sourceMappingURL=Descriptions.js.map

package/dist/components/Descriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.js","sources":["../../src/components/Descriptions.tsx"],"sourcesContent":["import React, { forwardRef, useId, useEffect, useState } from 'react'\n\nexport type DescriptionsSize = 'sm' | 'md' | 'lg'\nexport type DescriptionsLayout = 'horizontal' | 'vertical'\n\nexport interface DescriptionsItemProps {\n  /** Unique key for the item */\n  itemKey?: string\n  /** Label for the item */\n  label?: React.ReactNode\n  /** Number of columns to span, or 'filled' to fill remaining space */\n  span?: number | 'filled'\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  /** Custom label class */\n  labelClassName?: string\n  /** Custom content class */\n  contentClassName?: string\n}\n\n/** Item configuration for the items prop */\nexport interface DescriptionsItemConfig {\n  /** Unique key for the item (used for test IDs and React keys) */\n  key?: string\n  /** Label for the item */\n  label: React.ReactNode\n  /** Content of the item */\n  children: React.ReactNode\n  /** Number of columns to span, or 'filled' to fill remaining space */\n  span?: number | 'filled'\n  /** Custom label styles */\n  labelStyle?: React.CSSProperties\n  /** Custom content styles */\n  contentStyle?: React.CSSProperties\n  /** Custom label class */\n  labelClassName?: string\n  /** Custom content class */\n  contentClassName?: string\n}\n\n/** Semantic DOM structure for styles/classNames */\nexport type DescriptionsSemanticDOM = 'root' | 'header' | 'title' | 'extra' | 'table' | 'label' | 'content'\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 (deprecated, use styles.label) */\n  labelStyle?: React.CSSProperties\n  /** Default content styles (deprecated, use styles.content) */\n  contentStyle?: React.CSSProperties\n  /** Semantic styles for component parts */\n  styles?: Partial<Record<DescriptionsSemanticDOM, React.CSSProperties>>\n  /** Semantic classNames for component parts */\n  classNames?: Partial<Record<DescriptionsSemanticDOM, string>>\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  // This component is used for the compound pattern\n  // The parent Descriptions component extracts props from children\n  return null\n}\n\nconst sizeClasses: Record<DescriptionsSize, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\n// Breakpoint values in pixels (matches Tailwind defaults)\nconst breakpoints = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\ntype BreakpointKey = keyof typeof breakpoints\n\nfunction useResponsiveColumn(\n  column: number | Partial<Record<BreakpointKey, number>>\n): number {\n  const [columnCount, setColumnCount] = useState(() => {\n    if (typeof column === 'number') return column\n    // SSR fallback: use md or first available\n    return column.md ?? column.sm ?? column.xs ?? 3\n  })\n\n  useEffect(() => {\n    if (typeof column === 'number') {\n      setColumnCount(column)\n      return\n    }\n\n    const updateColumns = () => {\n      const width = window.innerWidth\n      const sortedBreakpoints = (Object.keys(breakpoints) as BreakpointKey[])\n        .filter((key) => column[key] !== undefined)\n        .sort((a, b) => breakpoints[b] - breakpoints[a])\n\n      for (const bp of sortedBreakpoints) {\n        if (width >= breakpoints[bp]) {\n          setColumnCount(column[bp]!)\n          return\n        }\n      }\n      // Fallback to smallest defined or 3\n      const smallest = sortedBreakpoints[sortedBreakpoints.length - 1]\n      setColumnCount(smallest ? column[smallest]! : 3)\n    }\n\n    updateColumns()\n    window.addEventListener('resize', updateColumns)\n    return () => window.removeEventListener('resize', updateColumns)\n  }, [column])\n\n  return columnCount\n}\n\n/** Internal item config with resolved key */\ninterface InternalItemConfig extends DescriptionsItemConfig {\n  _key: string\n  _index: number\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      styles,\n      classNames,\n      items: itemsProp,\n      className = '',\n      style,\n      children,\n      'data-testid': testId = 'descriptions',\n      ...rest\n    },\n    ref\n  ) => {\n    const baseId = useId()\n    const columnCount = useResponsiveColumn(column)\n\n    // Merge deprecated props with styles prop\n    const mergedLabelStyle = { ...labelStyle, ...styles?.label }\n    const mergedContentStyle = { ...contentStyle, ...styles?.content }\n\n    // Convert children to item configs, or use items prop\n    const itemConfigs: InternalItemConfig[] = (\n      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              key: child.props.itemKey ?? child.key?.toString().replace(/^\\.\\$/, ''),\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              labelClassName: child.props.labelClassName,\n              contentClassName: child.props.contentClassName,\n            }))\n    ).map((item, index) => ({\n      ...item,\n      _key: item.key ?? `item-${index}`,\n      _index: index,\n    }))\n\n    // Calculate rows with 'filled' span support\n    const calculateRows = (): InternalItemConfig[][] => {\n      const rows: InternalItemConfig[][] = []\n      let currentRow: InternalItemConfig[] = []\n      let currentSpan = 0\n\n      itemConfigs.forEach((item) => {\n        if (item.span === 'filled') {\n          // 'filled' means fill the rest of the row\n          if (currentRow.length > 0) {\n            currentRow.push({ ...item, span: columnCount - currentSpan })\n            rows.push(currentRow)\n            currentRow = []\n            currentSpan = 0\n          } else {\n            // First item in row with 'filled' takes whole row\n            rows.push([{ ...item, span: columnCount }])\n          }\n        } else {\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\n      if (currentRow.length > 0) {\n        rows.push(currentRow)\n      }\n\n      return rows\n    }\n\n    const rows = calculateRows()\n\n    const getLabelClasses = (item: InternalItemConfig) => {\n      return [\n        bordered ? 'border border-base-content/10' : '',\n        'bg-base-200/50 font-semibold text-base-content/70 text-left px-4 py-2',\n        layout === 'horizontal' ? 'whitespace-nowrap' : '',\n        classNames?.label ?? '',\n        item.labelClassName ?? '',\n      ].filter(Boolean).join(' ')\n    }\n\n    const getContentClasses = (item: InternalItemConfig) => {\n      return [\n        bordered ? 'border border-base-content/10' : '',\n        'bg-base-100 text-base-content px-4 py-2',\n        classNames?.content ?? '',\n        item.contentClassName ?? '',\n      ].filter(Boolean).join(' ')\n    }\n\n    const getLabelStyle = (item: InternalItemConfig): React.CSSProperties => ({\n      ...mergedLabelStyle,\n      ...item.labelStyle,\n    })\n\n    const getContentStyle = (item: InternalItemConfig): React.CSSProperties => ({\n      ...mergedContentStyle,\n      ...item.contentStyle,\n    })\n\n    const renderVerticalLayout = () => {\n      return rows.map((row, rowIndex) => (\n        <React.Fragment key={row.map(r => r._key).join('-')}>\n          <tr data-testid={`${testId}-row-${rowIndex}-labels`}>\n            {row.map((item) => {\n              const span = typeof item.span === 'number' ? item.span : 1\n              const effectiveSpan = Math.min(span, columnCount)\n              const labelId = `${baseId}-${item._key}-label`\n\n              return (\n                <th\n                  key={item._key}\n                  id={labelId}\n                  className={getLabelClasses(item)}\n                  style={getLabelStyle(item)}\n                  colSpan={effectiveSpan}\n                  scope=\"col\"\n                  data-testid={`${testId}-${item._key}-label`}\n                >\n                  {item.label}\n                  {colon && item.label && <span aria-hidden=\"true\">:</span>}\n                </th>\n              )\n            })}\n          </tr>\n          <tr data-testid={`${testId}-row-${rowIndex}-values`}>\n            {row.map((item) => {\n              const span = typeof item.span === 'number' ? item.span : 1\n              const effectiveSpan = Math.min(span, columnCount)\n              const labelId = `${baseId}-${item._key}-label`\n\n              return (\n                <td\n                  key={item._key}\n                  className={getContentClasses(item)}\n                  style={getContentStyle(item)}\n                  colSpan={effectiveSpan}\n                  aria-labelledby={labelId}\n                  data-testid={`${testId}-${item._key}-content`}\n                >\n                  {item.children}\n                </td>\n              )\n            })}\n          </tr>\n        </React.Fragment>\n      ))\n    }\n\n    const renderHorizontalLayout = () => {\n      return rows.map((row, rowIndex) => (\n        <tr key={row.map(r => r._key).join('-')} data-testid={`${testId}-row-${rowIndex}`}>\n          {row.map((item) => {\n            const span = typeof item.span === 'number' ? item.span : 1\n            const effectiveSpan = Math.min(span, columnCount)\n            const labelId = `${baseId}-${item._key}-label`\n\n            return (\n              <React.Fragment key={item._key}>\n                <th\n                  id={labelId}\n                  className={getLabelClasses(item)}\n                  style={getLabelStyle(item)}\n                  scope=\"row\"\n                  data-testid={`${testId}-${item._key}-label`}\n                >\n                  {item.label}\n                  {colon && item.label && <span aria-hidden=\"true\">:</span>}\n                </th>\n                <td\n                  className={getContentClasses(item)}\n                  style={getContentStyle(item)}\n                  colSpan={effectiveSpan > 1 ? effectiveSpan * 2 - 1 : 1}\n                  aria-labelledby={labelId}\n                  data-testid={`${testId}-${item._key}-content`}\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      classNames?.table ?? '',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const rootClasses = [classNames?.root ?? ''].filter(Boolean).join(' ')\n\n    return (\n      <div\n        ref={ref}\n        className={rootClasses || undefined}\n        style={{ ...styles?.root, ...style }}\n        data-testid={testId}\n        {...rest}\n      >\n        {(title || extra) && (\n          <div\n            className={`flex items-center justify-between mb-4 ${classNames?.header ?? ''}`}\n            style={styles?.header}\n            data-testid={`${testId}-header`}\n          >\n            {title && (\n              <div\n                className={`text-lg font-semibold ${classNames?.title ?? ''}`}\n                style={styles?.title}\n                data-testid={`${testId}-title`}\n              >\n                {title}\n              </div>\n            )}\n            {extra && (\n              <div\n                className={classNames?.extra ?? ''}\n                style={styles?.extra}\n                data-testid={`${testId}-extra`}\n              >\n                {extra}\n              </div>\n            )}\n          </div>\n        )}\n        <table\n          className={containerClasses}\n          style={styles?.table}\n          data-testid={`${testId}-table`}\n        >\n          {title && (\n            <caption className=\"sr-only\">\n              {typeof title === 'string' ? title : 'Description list'}\n            </caption>\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","breakpoints","useResponsiveColumn","column","columnCount","setColumnCount","useState","useEffect","updateColumns","width","sortedBreakpoints","key","a","b","bp","smallest","DescriptionsRoot","forwardRef","title","extra","bordered","size","layout","colon","labelStyle","contentStyle","styles","classNames","itemsProp","className","style","children","testId","rest","ref","baseId","useId","mergedLabelStyle","mergedContentStyle","itemConfigs","React","child","item","index","rows","currentRow","currentSpan","span","effectiveSpan","getLabelClasses","getContentClasses","getLabelStyle","getContentStyle","renderVerticalLayout","row","rowIndex","jsxs","jsx","labelId","r","renderHorizontalLayout","containerClasses","rootClasses","Descriptions"],"mappings":"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"}

package/dist/components/Diff.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface DiffProps {
+    /** Left side content (revealed when dragging) */
+    left: React.ReactNode;
+    /** Right side content (hidden when dragging) */
+    right: React.ReactNode;
+    /** Aspect ratio class (e.g., "aspect-16/9", "aspect-4/3", "aspect-square") */
+    aspect?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Diff: React.FC<DiffProps>;

package/dist/components/Diff.js

@@ -0,0 +1,22 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+const r = "d-diff", c = "d-diff-item-1", m = "d-diff-item-2", a = "d-diff-resizer", o = ({
+  left: e,
+  right: d,
+  aspect: f = "aspect-16/9",
+  className: s = ""
+}) => /* @__PURE__ */ t(
+  "figure",
+  {
+    className: `${r} ${f} ${s}`.trim(),
+    tabIndex: 0,
+    children: [
+      /* @__PURE__ */ i("div", { className: c, role: "img", tabIndex: 0, children: e }),
+      /* @__PURE__ */ i("div", { className: m, role: "img", children: d }),
+      /* @__PURE__ */ i("div", { className: a })
+    ]
+  }
+);
+export {
+  o as Diff
+};
+//# sourceMappingURL=Diff.js.map

package/dist/components/Diff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Diff.js","sources":["../../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDiff = 'd-diff'\nconst dDiffItem1 = 'd-diff-item-1'\nconst dDiffItem2 = 'd-diff-item-2'\nconst dDiffResizer = 'd-diff-resizer'\n\nexport interface DiffProps {\n  /** Left side content (revealed when dragging) */\n  left: React.ReactNode\n  /** Right side content (hidden when dragging) */\n  right: React.ReactNode\n  /** Aspect ratio class (e.g., \"aspect-16/9\", \"aspect-4/3\", \"aspect-square\") */\n  aspect?: string\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const Diff: React.FC<DiffProps> = ({\n  left,\n  right,\n  aspect = 'aspect-16/9',\n  className = '',\n}) => {\n  return (\n    <figure\n      className={`${dDiff} ${aspect} ${className}`.trim()}\n      tabIndex={0}\n    >\n      <div className={dDiffItem1} role=\"img\" tabIndex={0}>\n        {left}\n      </div>\n      <div className={dDiffItem2} role=\"img\">\n        {right}\n      </div>\n      <div className={dDiffResizer} />\n    </figure>\n  )\n}\n"],"names":["dDiff","dDiffItem1","dDiffItem2","dDiffResizer","Diff","left","right","aspect","className","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,UACRC,IAAa,iBACbC,IAAa,iBACbC,IAAe,kBAaRC,IAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AACd,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,GAAGT,CAAK,IAAIO,CAAM,IAAIC,CAAS,GAAG,KAAA;AAAA,IAC7C,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAWT,GAAY,MAAK,OAAM,UAAU,GAC9C,UAAAI,EAAA,CACH;AAAA,wBACC,OAAA,EAAI,WAAWH,GAAY,MAAK,OAC9B,UAAAI,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAWP,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/Divider.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    position?: 'start' | 'center' | 'end';
+    type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error';
+}
+export declare function Divider({ children, orientation, position, type, className, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider.js

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+const v = "d-divider", l = "d-divider-horizontal", D = "d-divider-start", u = "d-divider-end", f = "d-divider-neutral", m = "d-divider-primary", y = "d-divider-secondary", p = "d-divider-accent", g = "d-divider-success", z = "d-divider-warning", S = "d-divider-info", h = "d-divider-error";
+function w({
+  children: d,
+  orientation: r = "horizontal",
+  position: e = "center",
+  type: i,
+  className: n = "",
+  ...s
+}) {
+  const o = {
+    start: D,
+    center: "",
+    end: u
+  }, t = {
+    neutral: f,
+    primary: m,
+    secondary: y,
+    accent: p,
+    success: g,
+    warning: z,
+    info: S,
+    error: h
+  }, c = [
+    v,
+    r === "vertical" && l,
+    o[e],
+    i && t[i],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: c, ...s, children: d });
+}
+export {
+  w as Divider
+};
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDivider = 'd-divider'\nconst dDividerHorizontal = 'd-divider-horizontal'\nconst dDividerStart = 'd-divider-start'\nconst dDividerEnd = 'd-divider-end'\nconst dDividerNeutral = 'd-divider-neutral'\nconst dDividerPrimary = 'd-divider-primary'\nconst dDividerSecondary = 'd-divider-secondary'\nconst dDividerAccent = 'd-divider-accent'\nconst dDividerSuccess = 'd-divider-success'\nconst dDividerWarning = 'd-divider-warning'\nconst dDividerInfo = 'd-divider-info'\nconst dDividerError = 'd-divider-error'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: dDividerStart,\n    center: '',\n    end: dDividerEnd,\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: dDividerNeutral,\n    primary: dDividerPrimary,\n    secondary: dDividerSecondary,\n    accent: dDividerAccent,\n    success: dDividerSuccess,\n    warning: dDividerWarning,\n    info: dDividerInfo,\n    error: dDividerError,\n  }\n\n  const classes = [\n    dDivider,\n    orientation === 'vertical' && dDividerHorizontal,\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["dDivider","dDividerHorizontal","dDividerStart","dDividerEnd","dDividerNeutral","dDividerPrimary","dDividerSecondary","dDividerAccent","dDividerSuccess","dDividerWarning","dDividerInfo","dDividerError","Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AAGA,MAAMA,IAAW,aACXC,IAAqB,wBACrBC,IAAgB,mBAChBC,IAAc,iBACdC,IAAkB,qBAClBC,IAAkB,qBAClBC,IAAoB,uBACpBC,IAAiB,oBACjBC,IAAkB,qBAClBC,IAAkB,qBAClBC,IAAe,kBACfC,IAAgB;AASf,SAASC,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAOjB;AAAA,IACP,QAAQ;AAAA,IACR,KAAKC;AAAA,EAAA,GAGDiB,IAAsC;AAAA,IAC1C,SAAShB;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHU,IAAU;AAAA,IACdrB;AAAA,IACAc,MAAgB,cAAcb;AAAA,IAC9BkB,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}

package/dist/components/Dock.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface DockItemConfig {
+    /** Icon element */
+    icon: React.ReactNode;
+    /** Label text */
+    label?: string;
+    /** Whether this item is active */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Click handler for this item */
+    onClick?: () => void;
+}
+export interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Dock items configuration */
+    items?: DockItemConfig[];
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Controlled active index */
+    activeIndex?: number;
+    /** Callback when an item is clicked */
+    onChange?: (index: number) => void;
+    /** Children (alternative to items prop) */
+    children?: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Whether this item is active */
+    active?: boolean;
+    /** Children (icon and optional label) */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<DockItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/Dock.js

@@ -0,0 +1,47 @@
+import { jsx as d, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { useConfig as N } from "./ConfigProvider.js";
+const g = "d-dock", j = "d-dock-xs", z = "d-dock-sm", C = "d-dock-md", x = "d-dock-lg", S = "d-dock-xl", D = "d-dock-active", h = "d-dock-label", f = m(
+  ({ active: c, children: e, className: s = "", ...t }, n) => {
+    const l = [c && D, s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ d("button", { ref: n, className: l || void 0, ...t, children: e });
+  }
+);
+f.displayName = "Dock.Item";
+const v = m(
+  ({ items: c, size: e, activeIndex: s, onChange: t, children: n, className: l = "", ...i }, k) => {
+    const { componentSize: b } = N(), r = [g, {
+      xs: j,
+      sm: z,
+      md: C,
+      lg: x,
+      xl: S
+    }[e ?? b ?? "md"], l].filter(Boolean).join(" ");
+    return c ? /* @__PURE__ */ d("div", { ref: k, className: r, ...i, children: c.map((o, a) => {
+      const p = s !== void 0 ? s === a : o.active;
+      return /* @__PURE__ */ u(
+        "button",
+        {
+          className: p ? D : void 0,
+          disabled: o.disabled,
+          onClick: () => {
+            o.onClick?.(), t?.(a);
+          },
+          children: [
+            o.icon,
+            o.label && /* @__PURE__ */ d("span", { className: h, children: o.label })
+          ]
+        },
+        a
+      );
+    }) }) : /* @__PURE__ */ d("div", { ref: k, className: r, ...i, children: n });
+  }
+);
+v.displayName = "Dock";
+const R = Object.assign(v, {
+  Item: f
+});
+export {
+  R as Dock
+};
+//# sourceMappingURL=Dock.js.map

package/dist/components/Dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'd-dock'\nconst dDockXs = 'd-dock-xs'\nconst dDockSm = 'd-dock-sm'\nconst dDockMd = 'd-dock-md'\nconst dDockLg = 'd-dock-lg'\nconst dDockXl = 'd-dock-xl'\nconst dDockActive = 'd-dock-active'\nconst dDockLabel = 'd-dock-label'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', ...props }, ref) => {\n    const classes = [active && dDockActive, className].filter(Boolean).join(' ')\n\n    return (\n      <button ref={ref} className={classes || undefined} {...props}>\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dDockXs,\n      sm: dDockSm,\n      md: dDockMd,\n      lg: dDockLg,\n      xl: dDockXl,\n    }\n\n    const classes = [dDock, sizeClasses[effectiveSize], className].filter(Boolean).join(' ')\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div ref={ref} className={classes} {...props}>\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                className={isActive ? dDockActive : undefined}\n                disabled={item.disabled}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                {item.icon}\n                {item.label && <span className={dDockLabel}>{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div ref={ref} className={classes} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["dDock","dDockXs","dDockSm","dDockMd","dDockLg","dDockXl","dDockActive","dDockLabel","DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","componentSize","useConfig","item","index","isActive","jsxs","Dock"],"mappings":";;;AAIA,MAAMA,IAAQ,UACRC,IAAU,aACVC,IAAU,aACVC,IAAU,aACVC,IAAU,aACVC,IAAU,aACVC,IAAc,iBACdC,IAAa,gBAuCbC,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAUJ,GAAaM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3E,WACE,gBAAAI,EAAC,YAAO,KAAAF,GAAU,WAAWC,KAAW,QAAY,GAAGF,GACpD,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMS,IAAWR;AAAA,EACf,CAAC,EAAE,OAAAS,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAV,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACnF,UAAM,EAAE,eAAAQ,EAAA,IAAkBC,EAAA,GAWpBR,IAAU,CAACf,GARG;AAAA,MAClB,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,EAPgBc,KAAQG,KAAiB,IAUE,GAAGV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,IAEA,gBAAAF,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAK,EAAM,IAAI,CAACM,GAAMC,MAAU;AAC1B,YAAMC,IAAWN,MAAgB,SAAYA,MAAgBK,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWD,IAAWpB,IAAc;AAAA,UACpC,UAAUkB,EAAK;AAAA,UACf,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLH,IAAWI,CAAK;AAAA,UAClB;AAAA,UAEC,UAAA;AAAA,YAAAD,EAAK;AAAA,YACLA,EAAK,SAAS,gBAAAR,EAAC,UAAK,WAAWT,GAAa,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QATnDkB;AAAA,MAAA;AAAA,IAYX,CAAC,EAAA,CACH,sBAMD,OAAA,EAAI,KAAAX,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMW,IAAO,OAAO,OAAOX,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}

package/dist/components/Drawer.d.ts

@@ -0,0 +1,81 @@
+import { default as React } from 'react';
+export type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type DrawerSize = 'default' | 'large' | number;
+export interface DrawerPushConfig {
+    /** Distance to push parent drawer (default: 180) */
+    distance?: number;
+}
+export interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Drawer content */
+    children: React.ReactNode;
+    /** Whether the drawer is visible */
+    open?: boolean;
+    /** Callback when drawer is closed */
+    onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;
+    /** Callback after open/close animation completes */
+    afterOpenChange?: (open: boolean) => void;
+    /** Drawer title */
+    title?: React.ReactNode;
+    /** Direction drawer slides from */
+    placement?: DrawerPlacement;
+    /** Preset size or custom width/height in pixels */
+    size?: DrawerSize;
+    /** Custom width (overrides size for left/right placement) */
+    width?: number | string;
+    /** Custom height (overrides size for top/bottom placement) */
+    height?: number | string;
+    /** Whether to show close button */
+    closable?: boolean;
+    /** Whether to show mask/backdrop */
+    mask?: boolean;
+    /** Whether clicking mask closes drawer */
+    maskClosable?: boolean;
+    /** Whether ESC closes drawer */
+    keyboard?: boolean;
+    /** Footer content */
+    footer?: React.ReactNode;
+    /** Extra content in header (right side) */
+    extra?: React.ReactNode;
+    /** CSS class for drawer panel */
+    className?: string;
+    /** CSS class for drawer wrapper */
+    rootClassName?: string;
+    /** Style for drawer panel */
+    style?: React.CSSProperties;
+    /** Style for drawer header */
+    headerStyle?: React.CSSProperties;
+    /** Style for drawer body/content area */
+    bodyStyle?: React.CSSProperties;
+    /** Style for drawer footer */
+    footerStyle?: React.CSSProperties;
+    /** Style for drawer wrapper (includes mask) */
+    rootStyle?: React.CSSProperties;
+    /** Style for mask/backdrop */
+    maskStyle?: React.CSSProperties;
+    /** z-index of drawer */
+    zIndex?: number;
+    /** Destroy content when closed */
+    destroyOnClose?: boolean;
+    /** Pre-render drawer content (keep in DOM even when closed) */
+    forceRender?: boolean;
+    /** Where to place initial focus */
+    initialFocus?: 'close' | 'content';
+    /** Show loading skeleton */
+    loading?: boolean;
+    /** Custom container for portal (false to disable portal) */
+    getContainer?: HTMLElement | (() => HTMLElement) | false;
+    /** Nested drawer push behavior */
+    push?: boolean | DrawerPushConfig;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+export interface DrawerRef {
+    /** The drawer panel element */
+    nativeElement: HTMLDivElement | null;
+}
+/**
+ * Drawer - A panel that slides in from the edge of the screen.
+ * Use for forms, details, or task panels.
+ * For responsive sidebar navigation, use ResponsiveDrawer instead.
+ */
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;