asterui 0.12.18 → 0.12.20

package/dist/index22.js

@@ -1,113 +1,187 @@
-import { jsxs as h, jsx as s, Fragment as L } from "react/jsx-runtime";
-import m from "react";
-function _(d) {
-  return null;
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as h, useRef as j, useEffect as y } from "react";
+import { Input as T } from "./index43.js";
+const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function L(t, l = "MM/DD/YYYY") {
+  if (!t) return "";
+  const u = t.getFullYear(), f = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
+  return l.replace("YYYY", String(u)).replace("MM", f).replace("DD", g);
 }
-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,
-  ...D
-}) {
-  const R = {
-    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, z = () => {
-    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(
-            "th",
-            {
-              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2`,
-              style: f,
-              colSpan: b,
-              children: [
-                r.props.label,
-                x && r.props.label && ":"
-              ]
-            }
-          ),
-          t % e === e - 1 && /* @__PURE__ */ s(L, { 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",
+function q(t, l) {
+  return new Date(t, l + 1, 0).getDate();
+}
+function z(t, l) {
+  return new Date(t, l, 1).getDay();
+}
+const B = ({
+  value: t,
+  defaultValue: l,
+  onChange: u,
+  format: f,
+  placeholder: g = "Select date",
+  disabled: v = !1,
+  className: x = "",
+  size: N = "md",
+  ...Y
+}) => {
+  const [o, b] = h(
+    t || l || null
+  ), [c, d] = h(!1), [r, i] = h(
+    o ? o.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
+  ), [a, p] = h(
+    o ? o.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+  ), w = j(null);
+  y(() => {
+    t !== void 0 && b(t);
+  }, [t]), y(() => {
+    function e(s) {
+      w.current && !w.current.contains(s.target) && d(!1);
+    }
+    if (c)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [c]);
+  const S = (e) => {
+    const s = new Date(a, r, e);
+    b(s), u?.(s), d(!1);
+  }, F = () => {
+    r === 0 ? (i(11), p(a - 1)) : i(r - 1);
+  }, O = () => {
+    r === 11 ? (i(0), p(a + 1)) : i(r + 1);
+  }, k = q(a, r), C = z(a, r), D = [];
+  for (let e = 0; e < C; e++)
+    D.push(null);
+  for (let e = 1; e <= k; e++)
+    D.push(e);
+  const M = (e) => !e || !o ? !1 : o.getDate() === e && o.getMonth() === r && o.getFullYear() === a, R = (e) => {
+    if (!e) return !1;
+    const s = /* @__PURE__ */ new Date();
+    return s.getDate() === e && s.getMonth() === r && s.getFullYear() === a;
+  };
+  return /* @__PURE__ */ m("div", { ref: w, className: `relative ${x}`, "data-state": c ? "open" : "closed", ...Y, children: [
+    /* @__PURE__ */ n(
+      T,
+      {
+        value: L(o, f),
+        placeholder: g,
+        disabled: v,
+        size: N,
+        readOnly: !0,
+        onClick: () => !v && d(!c),
+        className: "cursor-pointer"
+      }
+    ),
+    c && /* @__PURE__ */ m("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80", children: [
+      /* @__PURE__ */ m("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: F,
+            className: "btn btn-ghost btn-sm btn-square",
+            children: /* @__PURE__ */ n(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "text-base font-semibold", children: [
+          I[r],
+          " ",
+          a
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: O,
+            className: "btn btn-ghost btn-sm btn-square",
+            children: /* @__PURE__ */ n(
+              "svg",
               {
-                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, E = n.props.contentStyle || $;
-        return o += u, /* @__PURE__ */ h(m.Fragment, { children: [
-          /* @__PURE__ */ h(
-            "th",
-            {
-              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`,
-              style: C,
-              children: [
-                n.props.label,
-                x && n.props.label && ":"
-              ]
-            }
-          ),
-          /* @__PURE__ */ s(
-            "td",
-            {
-              className: `${a ? "border border-base-content/10" : ""} px-4 py-2`,
-              style: E,
-              colSpan: u * 2 - 1,
-              children: n.props.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);
-    });
-  }, A = [
-    "w-full",
-    a && "border-collapse",
-    R[v],
-    j
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ h("div", { style: F, ...D, children: [
-    d && /* @__PURE__ */ s("div", { className: "text-lg font-semibold mb-4", children: d }),
-    /* @__PURE__ */ s("table", { className: A, children: /* @__PURE__ */ s("tbody", { children: z() }) })
+                xmlns: "http://www.w3.org/2000/svg",
+                className: "h-5 w-5",
+                viewBox: "0 0 20 20",
+                fill: "currentColor",
+                children: /* @__PURE__ */ n(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1 mb-2", children: $.map((e) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: "text-center text-xs font-semibold text-base-content/60 py-2",
+          children: e
+        },
+        e
+      )) }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1", children: D.map((e, s) => /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          disabled: !e,
+          onClick: () => e && S(e),
+          className: `
+                  aspect-square flex items-center justify-center text-sm rounded-lg
+                  ${e ? "hover:bg-base-200" : "invisible"}
+                  ${M(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                  ${R(e) && !M(e) ? "border border-primary" : ""}
+                  ${e ? "cursor-pointer" : ""}
+                `,
+          children: e
+        },
+        s
+      )) }),
+      /* @__PURE__ */ n("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            const e = /* @__PURE__ */ new Date();
+            b(e), i(e.getMonth()), p(e.getFullYear()), u?.(e), d(!1);
+          },
+          className: "btn btn-ghost btn-sm",
+          children: "Today"
+        }
+      ) })
+    ] })
   ] });
-}
-const k = Object.assign(B, {
-  Item: _
-});
+};
 export {
-  k as Descriptions,
-  k as default
+  B as DatePicker
 };
 //# sourceMappingURL=index22.js.map

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.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":"index22.js","sources":["../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: string\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n]\n\nfunction formatDate(date: Date | null, format: string = 'MM/DD/YYYY'): string {\n  if (!date) return ''\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n  return new Date(year, month, 1).getDay()\n}\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format,\n  placeholder = 'Select date',\n  disabled = false,\n  className = '',\n  size = 'md',\n  ...rest\n}) => {\n  const [selectedDate, setSelectedDate] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewMonth, setViewMonth] = useState(\n    selectedDate ? selectedDate.getMonth() : new Date().getMonth()\n  )\n  const [viewYear, setViewYear] = useState(\n    selectedDate ? selectedDate.getFullYear() : new Date().getFullYear()\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedDate(value)\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    setSelectedDate(newDate)\n    onChange?.(newDate)\n    setIsOpen(false)\n  }\n\n  const handlePrevMonth = () => {\n    if (viewMonth === 0) {\n      setViewMonth(11)\n      setViewYear(viewYear - 1)\n    } else {\n      setViewMonth(viewMonth - 1)\n    }\n  }\n\n  const handleNextMonth = () => {\n    if (viewMonth === 11) {\n      setViewMonth(0)\n      setViewYear(viewYear + 1)\n    } else {\n      setViewMonth(viewMonth + 1)\n    }\n  }\n\n  const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n  const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n  const calendarDays: (number | null)[] = []\n  for (let i = 0; i < firstDayOfMonth; i++) {\n    calendarDays.push(null)\n  }\n  for (let i = 1; i <= daysInMonth; i++) {\n    calendarDays.push(i)\n  }\n\n  const isSelectedDay = (day: number | null): boolean => {\n    if (!day || !selectedDate) return false\n    return (\n      selectedDate.getDate() === day &&\n      selectedDate.getMonth() === viewMonth &&\n      selectedDate.getFullYear() === viewYear\n    )\n  }\n\n  const isToday = (day: number | null): boolean => {\n    if (!day) return false\n    const today = new Date()\n    return (\n      today.getDate() === day &&\n      today.getMonth() === viewMonth &&\n      today.getFullYear() === viewYear\n    )\n  }\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <Input\n        value={formatDate(selectedDate, format)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={size}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80\">\n          {/* Header */}\n          <div className=\"flex items-center justify-between mb-4\">\n            <button\n              type=\"button\"\n              onClick={handlePrevMonth}\n              className=\"btn btn-ghost btn-sm btn-square\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n\n            <div className=\"text-base font-semibold\">\n              {MONTHS[viewMonth]} {viewYear}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handleNextMonth}\n              className=\"btn btn-ghost btn-sm btn-square\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          {/* Days of week */}\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {calendarDays.map((day, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                disabled={!day}\n                onClick={() => day && handleDateSelect(day)}\n                className={`\n                  aspect-square flex items-center justify-center text-sm rounded-lg\n                  ${!day ? 'invisible' : 'hover:bg-base-200'}\n                  ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n                  ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n                  ${day ? 'cursor-pointer' : ''}\n                `}\n              >\n                {day}\n              </button>\n            ))}\n          </div>\n\n          {/* Today button */}\n          <div className=\"mt-4 flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date()\n                setSelectedDate(today)\n                setViewMonth(today.getMonth())\n                setViewYear(today.getFullYear())\n                onChange?.(today)\n                setIsOpen(false)\n              }}\n              className=\"btn btn-ghost btn-sm\"\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","DatePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","useEffect","handleClickOutside","event","handleDateSelect","newDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","i","isSelectedDay","isToday","today","jsxs","jsx","Input","index"],"mappings":"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"}

package/dist/index23.js

@@ -1,22 +1,113 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-const m = ({
-  left: i,
-  right: r,
-  aspect: s = "aspect-16/9",
-  className: d = ""
-}) => /* @__PURE__ */ f(
-  "figure",
-  {
-    className: `diff ${s} ${d}`.trim(),
-    tabIndex: 0,
-    children: [
-      /* @__PURE__ */ e("div", { className: "diff-item-1", role: "img", tabIndex: 0, children: i }),
-      /* @__PURE__ */ e("div", { className: "diff-item-2", role: "img", children: r }),
-      /* @__PURE__ */ e("div", { className: "diff-resizer" })
-    ]
-  }
-);
+import { jsxs as h, jsx as s, Fragment as L } from "react/jsx-runtime";
+import m from "react";
+function _(d) {
+  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,
+  ...D
+}) {
+  const R = {
+    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, z = () => {
+    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(
+            "th",
+            {
+              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2`,
+              style: f,
+              colSpan: b,
+              children: [
+                r.props.label,
+                x && r.props.label && ":"
+              ]
+            }
+          ),
+          t % e === e - 1 && /* @__PURE__ */ s(L, { 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, E = n.props.contentStyle || $;
+        return o += u, /* @__PURE__ */ h(m.Fragment, { children: [
+          /* @__PURE__ */ h(
+            "th",
+            {
+              className: `${a ? "border border-base-content/10" : ""} bg-base-200/50 font-semibold text-left px-4 py-2 whitespace-nowrap`,
+              style: C,
+              children: [
+                n.props.label,
+                x && n.props.label && ":"
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            "td",
+            {
+              className: `${a ? "border border-base-content/10" : ""} px-4 py-2`,
+              style: E,
+              colSpan: u * 2 - 1,
+              children: n.props.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);
+    });
+  }, A = [
+    "w-full",
+    a && "border-collapse",
+    R[v],
+    j
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", { style: F, ...D, children: [
+    d && /* @__PURE__ */ s("div", { className: "text-lg font-semibold mb-4", children: d }),
+    /* @__PURE__ */ s("table", { className: A, children: /* @__PURE__ */ s("tbody", { children: z() }) })
+  ] });
+}
+const k = Object.assign(B, {
+  Item: _
+});
 export {
-  m as Diff
+  k as Descriptions,
+  k as default
 };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\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={`diff ${aspect} ${className}`.trim()}\n      tabIndex={0}\n    >\n      <div className=\"diff-item-1\" role=\"img\" tabIndex={0}>\n        {left}\n      </div>\n      <div className=\"diff-item-2\" role=\"img\">\n        {right}\n      </div>\n      <div className=\"diff-resizer\" />\n    </figure>\n  )\n}\n"],"names":["Diff","left","right","aspect","className","jsxs","jsx"],"mappings":";AAaO,MAAMA,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,QAAQF,CAAM,IAAIC,CAAS,GAAG,KAAA;AAAA,IACzC,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAU,eAAc,MAAK,OAAM,UAAU,GAC/C,UAAAL,EAAA,CACH;AAAA,wBACC,OAAA,EAAI,WAAU,eAAc,MAAK,OAC/B,UAAAC,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"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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"}

package/dist/index24.js

@@ -1,46 +1,22 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-const b = m(
-  ({ active: o, children: c, className: l = "", ...e }, d) => {
-    const n = [o && "dock-active", l].filter(Boolean).join(" ");
-    return /* @__PURE__ */ a("button", { ref: d, className: n || void 0, ...e, children: c });
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+const m = ({
+  left: i,
+  right: r,
+  aspect: s = "aspect-16/9",
+  className: d = ""
+}) => /* @__PURE__ */ f(
+  "figure",
+  {
+    className: `diff ${s} ${d}`.trim(),
+    tabIndex: 0,
+    children: [
+      /* @__PURE__ */ e("div", { className: "diff-item-1", role: "img", tabIndex: 0, children: i }),
+      /* @__PURE__ */ e("div", { className: "diff-item-2", role: "img", children: r }),
+      /* @__PURE__ */ e("div", { className: "diff-resizer" })
+    ]
   }
 );
-b.displayName = "Dock.Item";
-const v = m(
-  ({ items: o, size: c, activeIndex: l, onChange: e, children: d, className: n = "", ...i }, r) => {
-    const k = ["dock", c && {
-      xs: "dock-xs",
-      sm: "dock-sm",
-      md: "dock-md",
-      lg: "dock-lg",
-      xl: "dock-xl"
-    }[c], n].filter(Boolean).join(" ");
-    return o ? /* @__PURE__ */ a("div", { ref: r, className: k, ...i, children: o.map((s, t) => {
-      const N = l !== void 0 ? l === t : s.active;
-      return /* @__PURE__ */ f(
-        "button",
-        {
-          className: N ? "dock-active" : void 0,
-          disabled: s.disabled,
-          onClick: () => {
-            s.onClick?.(), e?.(t);
-          },
-          children: [
-            s.icon,
-            s.label && /* @__PURE__ */ a("span", { className: "dock-label", children: s.label })
-          ]
-        },
-        t
-      );
-    }) }) : /* @__PURE__ */ a("div", { ref: r, className: k, ...i, children: d });
-  }
-);
-v.displayName = "Dock";
-const D = Object.assign(v, {
-  Item: b
-});
 export {
-  D as Dock
+  m as Diff
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\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 && 'dock-active', 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 sizeClasses = {\n      xs: 'dock-xs',\n      sm: 'dock-sm',\n      md: 'dock-md',\n      lg: 'dock-lg',\n      xl: 'dock-xl',\n    }\n\n    const classes = ['dock', size && sizeClasses[size], 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 ? 'dock-active' : undefined}\n                disabled={item.disabled}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                {item.icon}\n                {item.label && <span className=\"dock-label\">{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":["DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","item","index","isActive","jsxs","Dock"],"mappings":";;AAuCA,MAAMA,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAU,eAAeE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE7E,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;AASnF,UAAMC,IAAU,CAAC,QAAQI,KARL;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,EAGuCA,CAAI,GAAGP,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,IAEA,gBAAAF,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAK,EAAM,IAAI,CAACI,GAAMC,MAAU;AAC1B,YAAMC,IAAWJ,MAAgB,SAAYA,MAAgBG,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAWD,IAAW,gBAAgB;AAAA,UACtC,UAAUF,EAAK;AAAA,UACf,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLD,IAAWE,CAAK;AAAA,UAClB;AAAA,UAEC,UAAA;AAAA,YAAAD,EAAK;AAAA,YACLA,EAAK,SAAS,gBAAAN,EAAC,UAAK,WAAU,cAAc,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QATnDO;AAAA,MAAA;AAAA,IAYX,CAAC,EAAA,CACH,sBAMD,OAAA,EAAI,KAAAT,GAAU,WAAWC,GAAU,GAAGF,GACpC,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMS,IAAO,OAAO,OAAOT,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}
+{"version":3,"file":"index24.js","sources":["../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\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={`diff ${aspect} ${className}`.trim()}\n      tabIndex={0}\n    >\n      <div className=\"diff-item-1\" role=\"img\" tabIndex={0}>\n        {left}\n      </div>\n      <div className=\"diff-item-2\" role=\"img\">\n        {right}\n      </div>\n      <div className=\"diff-resizer\" />\n    </figure>\n  )\n}\n"],"names":["Diff","left","right","aspect","className","jsxs","jsx"],"mappings":";AAaO,MAAMA,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,QAAQF,CAAM,IAAIC,CAAS,GAAG,KAAA;AAAA,IACzC,UAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAE,EAAC,SAAI,WAAU,eAAc,MAAK,OAAM,UAAU,GAC/C,UAAAL,EAAA,CACH;AAAA,wBACC,OAAA,EAAI,WAAU,eAAc,MAAK,OAC/B,UAAAC,GACH;AAAA,MACA,gBAAAI,EAAC,OAAA,EAAI,WAAU,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAAA;"}