@aster-ui/prefixed 0.12.50

package/dist/components/Countdown.js

@@ -0,0 +1,118 @@
+import { jsxs as c, jsx as s, Fragment as N } from "react/jsx-runtime";
+import { useState as D, useCallback as k, useEffect as I } from "react";
+import { useConfig as E } from "./ConfigProvider.js";
+const F = "d-countdown", U = "--d-value", V = "--d-digits", T = (t) => {
+  const e = t - Date.now();
+  return e <= 0 ? { days: 0, hours: 0, minutes: 0, seconds: 0 } : {
+    days: Math.floor(e / (1e3 * 60 * 60 * 24)),
+    hours: Math.floor(e / (1e3 * 60 * 60) % 24),
+    minutes: Math.floor(e / 1e3 / 60 % 60),
+    seconds: Math.floor(e / 1e3 % 60)
+  };
+}, x = ({ value: t, label: e, size: l, showLabel: i, boxed: h }) => {
+  const n = /* @__PURE__ */ s("span", { className: `${F} font-mono ${{
+    xs: "text-lg",
+    sm: "text-2xl",
+    md: "text-4xl",
+    lg: "text-5xl",
+    xl: "text-6xl"
+  }[l || "md"]}`, children: /* @__PURE__ */ s(
+    "span",
+    {
+      style: { [U]: t, [V]: 2 },
+      "aria-live": "polite",
+      "aria-label": String(t),
+      children: String(t).padStart(2, "0")
+    }
+  ) });
+  return h ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2", children: [
+    n,
+    i && e && /* @__PURE__ */ s("span", { className: "text-xs mt-1", children: e })
+  ] }) : i ? /* @__PURE__ */ c("div", { className: "flex flex-col items-center", children: [
+    n,
+    e && /* @__PURE__ */ s("span", { className: "text-xs text-base-content/70", children: e })
+  ] }) : n;
+}, q = ({
+  value: t,
+  format: e = "HH:MM:SS",
+  onFinish: l,
+  onChange: i,
+  className: h = "",
+  size: z,
+  showLabels: n = !1,
+  labels: r = {},
+  boxed: a = !1
+}) => {
+  const { componentSize: H } = E(), o = z ?? H ?? "md", d = t instanceof Date ? t.getTime() : t, [u, L] = D(() => T(d)), [C, $] = D(!1), m = {
+    days: r.days || "days",
+    hours: r.hours || "hours",
+    minutes: r.minutes || "min",
+    seconds: r.seconds || "sec"
+  }, p = k(() => {
+    const y = T(d);
+    L(y);
+    const v = d - Date.now();
+    i?.(Math.max(0, v)), v <= 0 && !C && ($(!0), l?.());
+  }, [d, i, l, C]);
+  I(() => {
+    const y = setInterval(p, 1e3);
+    return p(), () => clearInterval(y);
+  }, [p]);
+  const j = e.includes("D"), M = e.includes("H"), g = e.includes("M"), f = e.includes("S"), w = o === "lg" || o === "xl" ? "text-3xl" : o === "md" ? "text-2xl" : "text-xl", S = !n && !a;
+  return /* @__PURE__ */ c("div", { className: `flex gap-4 items-center ${h}`, children: [
+    j && /* @__PURE__ */ c(N, { children: [
+      /* @__PURE__ */ s(
+        x,
+        {
+          value: u.days,
+          label: m.days,
+          size: o,
+          showLabel: n,
+          boxed: a
+        }
+      ),
+      S && (M || g || f) && /* @__PURE__ */ s("span", { className: w, children: ":" })
+    ] }),
+    M && /* @__PURE__ */ c(N, { children: [
+      /* @__PURE__ */ s(
+        x,
+        {
+          value: u.hours,
+          label: m.hours,
+          size: o,
+          showLabel: n,
+          boxed: a
+        }
+      ),
+      S && (g || f) && /* @__PURE__ */ s("span", { className: w, children: ":" })
+    ] }),
+    g && /* @__PURE__ */ c(N, { children: [
+      /* @__PURE__ */ s(
+        x,
+        {
+          value: u.minutes,
+          label: m.minutes,
+          size: o,
+          showLabel: n,
+          boxed: a
+        }
+      ),
+      S && f && /* @__PURE__ */ s("span", { className: w, children: ":" })
+    ] }),
+    f && /* @__PURE__ */ s(
+      x,
+      {
+        value: u.seconds,
+        label: m.seconds,
+        size: o,
+        showLabel: n,
+        boxed: a
+      }
+    )
+  ] });
+};
+q.displayName = "Countdown";
+export {
+  q as Countdown
+};
+//# sourceMappingURL=Countdown.js.map

package/dist/components/Countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Countdown.js","sources":["../../src/components/Countdown.tsx"],"sourcesContent":["import React, { useEffect, useState, useCallback } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dCountdown = 'd-countdown'\nconst dCssValue = '--d-value'\nconst dCssDigits = '--d-digits'\n\nexport interface CountdownProps {\n  /** Target timestamp in milliseconds or Date object */\n  value: number | Date\n  /** Format string: 'D' days, 'H' hours, 'M' minutes, 'S' seconds */\n  format?: string\n  /** Callback when countdown reaches zero */\n  onFinish?: () => void\n  /** Callback on each tick with remaining time */\n  onChange?: (value: number) => void\n  /** Additional CSS classes */\n  className?: string\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show labels under each unit */\n  showLabels?: boolean\n  /** Custom labels */\n  labels?: {\n    days?: string\n    hours?: string\n    minutes?: string\n    seconds?: string\n  }\n  /** Show box style around each unit */\n  boxed?: boolean\n}\n\ninterface TimeLeft {\n  days: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst calculateTimeLeft = (targetTime: number): TimeLeft => {\n  const difference = targetTime - Date.now()\n\n  if (difference <= 0) {\n    return { days: 0, hours: 0, minutes: 0, seconds: 0 }\n  }\n\n  return {\n    days: Math.floor(difference / (1000 * 60 * 60 * 24)),\n    hours: Math.floor((difference / (1000 * 60 * 60)) % 24),\n    minutes: Math.floor((difference / 1000 / 60) % 60),\n    seconds: Math.floor((difference / 1000) % 60),\n  }\n}\n\nconst CountdownUnit: React.FC<{\n  value: number\n  label?: string\n  size?: CountdownProps['size']\n  showLabel?: boolean\n  boxed?: boolean\n}> = ({ value, label, size, showLabel, boxed }) => {\n  const sizeClasses = {\n    xs: 'text-lg',\n    sm: 'text-2xl',\n    md: 'text-4xl',\n    lg: 'text-5xl',\n    xl: 'text-6xl',\n  }\n\n  const content = (\n    <span className={`${dCountdown} font-mono ${sizeClasses[size || 'md']}`}>\n      <span\n        style={{ [dCssValue]: value, [dCssDigits]: 2 } as React.CSSProperties}\n        aria-live=\"polite\"\n        aria-label={String(value)}\n      >\n        {String(value).padStart(2, '0')}\n      </span>\n    </span>\n  )\n\n  if (boxed) {\n    return (\n      <div className=\"flex flex-col items-center bg-neutral text-neutral-content rounded-box p-2\">\n        {content}\n        {showLabel && label && <span className=\"text-xs mt-1\">{label}</span>}\n      </div>\n    )\n  }\n\n  if (showLabel) {\n    return (\n      <div className=\"flex flex-col items-center\">\n        {content}\n        {label && <span className=\"text-xs text-base-content/70\">{label}</span>}\n      </div>\n    )\n  }\n\n  return content\n}\n\nexport const Countdown: React.FC<CountdownProps> = ({\n  value,\n  format = 'HH:MM:SS',\n  onFinish,\n  onChange,\n  className = '',\n  size,\n  showLabels = false,\n  labels = {},\n  boxed = false,\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const targetTime = value instanceof Date ? value.getTime() : value\n  const [timeLeft, setTimeLeft] = useState<TimeLeft>(() => calculateTimeLeft(targetTime))\n  const [finished, setFinished] = useState(false)\n\n  const defaultLabels = {\n    days: labels.days || 'days',\n    hours: labels.hours || 'hours',\n    minutes: labels.minutes || 'min',\n    seconds: labels.seconds || 'sec',\n  }\n\n  const tick = useCallback(() => {\n    const newTimeLeft = calculateTimeLeft(targetTime)\n    setTimeLeft(newTimeLeft)\n\n    const remaining = targetTime - Date.now()\n    onChange?.(Math.max(0, remaining))\n\n    if (remaining <= 0 && !finished) {\n      setFinished(true)\n      onFinish?.()\n    }\n  }, [targetTime, onChange, onFinish, finished])\n\n  useEffect(() => {\n    const timer = setInterval(tick, 1000)\n    tick() // Initial tick\n\n    return () => clearInterval(timer)\n  }, [tick])\n\n  const showDays = format.includes('D')\n  const showHours = format.includes('H')\n  const showMinutes = format.includes('M')\n  const showSeconds = format.includes('S')\n\n  const separatorSize = effectiveSize === 'lg' || effectiveSize === 'xl' ? 'text-3xl' : effectiveSize === 'md' ? 'text-2xl' : 'text-xl'\n  const showSeparators = !showLabels && !boxed\n\n  return (\n    <div className={`flex gap-4 items-center ${className}`}>\n      {showDays && (\n        <>\n          <CountdownUnit\n            value={timeLeft.days}\n            label={defaultLabels.days}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showHours || showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showHours && (\n        <>\n          <CountdownUnit\n            value={timeLeft.hours}\n            label={defaultLabels.hours}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && (showMinutes || showSeconds) && (\n            <span className={separatorSize}>:</span>\n          )}\n        </>\n      )}\n      {showMinutes && (\n        <>\n          <CountdownUnit\n            value={timeLeft.minutes}\n            label={defaultLabels.minutes}\n            size={effectiveSize}\n            showLabel={showLabels}\n            boxed={boxed}\n          />\n          {showSeparators && showSeconds && <span className={separatorSize}>:</span>}\n        </>\n      )}\n      {showSeconds && (\n        <CountdownUnit\n          value={timeLeft.seconds}\n          label={defaultLabels.seconds}\n          size={effectiveSize}\n          showLabel={showLabels}\n          boxed={boxed}\n        />\n      )}\n    </div>\n  )\n}\n\nCountdown.displayName = 'Countdown'\n"],"names":["dCountdown","dCssValue","dCssDigits","calculateTimeLeft","targetTime","difference","CountdownUnit","value","label","size","showLabel","boxed","content","jsx","jsxs","Countdown","format","onFinish","onChange","className","showLabels","labels","componentSize","useConfig","effectiveSize","timeLeft","setTimeLeft","useState","finished","setFinished","defaultLabels","tick","useCallback","newTimeLeft","remaining","useEffect","timer","showDays","showHours","showMinutes","showSeconds","separatorSize","showSeparators","Fragment"],"mappings":"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"}

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (date: Date | null) => void;
+    format?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/components/DatePicker.js

@@ -0,0 +1,188 @@
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as f, useRef as L, useEffect as N } from "react";
+import { Input as q } from "./Input.js";
+import { useConfig as A } from "./ConfigProvider.js";
+const D = "d-btn", M = "d-btn-ghost", y = "d-btn-sm", Y = "d-btn-square", E = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], J = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function P(t, l = "MM/DD/YYYY") {
+  if (!t) return "";
+  const d = t.getFullYear(), h = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
+  return l.replace("YYYY", String(d)).replace("MM", h).replace("DD", g);
+}
+function V(t, l) {
+  return new Date(t, l + 1, 0).getDate();
+}
+function G(t, l) {
+  return new Date(t, l, 1).getDay();
+}
+const U = ({
+  value: t,
+  defaultValue: l,
+  onChange: d,
+  format: h,
+  placeholder: g = "Select date",
+  disabled: S = !1,
+  className: $ = "",
+  size: F,
+  ...C
+}) => {
+  const { componentSize: O } = A(), k = F ?? O ?? "md", [o, p] = f(
+    t || l || null
+  ), [c, u] = f(!1), [r, i] = f(
+    o ? o.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
+  ), [a, b] = f(
+    o ? o.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+  ), v = L(null);
+  N(() => {
+    t !== void 0 && p(t);
+  }, [t]), N(() => {
+    function e(s) {
+      v.current && !v.current.contains(s.target) && u(!1);
+    }
+    if (c)
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [c]);
+  const z = (e) => {
+    const s = new Date(a, r, e);
+    p(s), d?.(s), u(!1);
+  }, B = () => {
+    r === 0 ? (i(11), b(a - 1)) : i(r - 1);
+  }, R = () => {
+    r === 11 ? (i(0), b(a + 1)) : i(r + 1);
+  }, j = V(a, r), T = G(a, r), w = [];
+  for (let e = 0; e < T; e++)
+    w.push(null);
+  for (let e = 1; e <= j; e++)
+    w.push(e);
+  const x = (e) => !e || !o ? !1 : o.getDate() === e && o.getMonth() === r && o.getFullYear() === a, I = (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: v, className: `relative ${$}`, "data-state": c ? "open" : "closed", ...C, children: [
+    /* @__PURE__ */ n(
+      q,
+      {
+        value: P(o, h),
+        placeholder: g,
+        disabled: S,
+        size: k,
+        readOnly: !0,
+        onClick: () => !S && u(!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: B,
+            className: `${D} ${M} ${y} ${Y}`,
+            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: [
+          J[r],
+          " ",
+          a
+        ] }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: R,
+            className: `${D} ${M} ${y} ${Y}`,
+            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: "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: E.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: w.map((e, s) => /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          disabled: !e,
+          onClick: () => e && z(e),
+          className: `
+                  aspect-square flex items-center justify-center text-sm rounded-lg
+                  ${e ? "hover:bg-base-200" : "invisible"}
+                  ${x(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                  ${I(e) && !x(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();
+            p(e), i(e.getMonth()), b(e.getFullYear()), d?.(e), u(!1);
+          },
+          className: `${D} ${M} ${y}`,
+          children: "Today"
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  U as DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnSquare = 'd-btn-square'\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' | 'xl'\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,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\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={effectiveSize}\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={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\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={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\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={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","DatePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","componentSize","useConfig","effectiveSize","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/components/Descriptions.d.ts

@@ -0,0 +1,84 @@
+import { default as React } from 'react';
+export type DescriptionsSize = 'sm' | 'md' | 'lg';
+export type DescriptionsLayout = 'horizontal' | 'vertical';
+export interface DescriptionsItemProps {
+    /** Unique key for the item */
+    itemKey?: string;
+    /** Label for the item */
+    label?: React.ReactNode;
+    /** Number of columns to span, or 'filled' to fill remaining space */
+    span?: number | 'filled';
+    /** Content of the item */
+    children?: React.ReactNode;
+    /** Custom label styles */
+    labelStyle?: React.CSSProperties;
+    /** Custom content styles */
+    contentStyle?: React.CSSProperties;
+    /** Custom label class */
+    labelClassName?: string;
+    /** Custom content class */
+    contentClassName?: string;
+}
+/** Item configuration for the items prop */
+export interface DescriptionsItemConfig {
+    /** Unique key for the item (used for test IDs and React keys) */
+    key?: string;
+    /** Label for the item */
+    label: React.ReactNode;
+    /** Content of the item */
+    children: React.ReactNode;
+    /** Number of columns to span, or 'filled' to fill remaining space */
+    span?: number | 'filled';
+    /** Custom label styles */
+    labelStyle?: React.CSSProperties;
+    /** Custom content styles */
+    contentStyle?: React.CSSProperties;
+    /** Custom label class */
+    labelClassName?: string;
+    /** Custom content class */
+    contentClassName?: string;
+}
+/** Semantic DOM structure for styles/classNames */
+export type DescriptionsSemanticDOM = 'root' | 'header' | 'title' | 'extra' | 'table' | 'label' | 'content';
+export interface DescriptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Title of the descriptions block */
+    title?: React.ReactNode;
+    /** Extra content in the top-right corner */
+    extra?: React.ReactNode;
+    /** Show borders around cells */
+    bordered?: boolean;
+    /** Number of columns (or responsive config) */
+    column?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        '2xl'?: number;
+    };
+    /** Size variant */
+    size?: DescriptionsSize;
+    /** Layout direction */
+    layout?: DescriptionsLayout;
+    /** Show colon after labels */
+    colon?: boolean;
+    /** Default label styles (deprecated, use styles.label) */
+    labelStyle?: React.CSSProperties;
+    /** Default content styles (deprecated, use styles.content) */
+    contentStyle?: React.CSSProperties;
+    /** Semantic styles for component parts */
+    styles?: Partial<Record<DescriptionsSemanticDOM, React.CSSProperties>>;
+    /** Semantic classNames for component parts */
+    classNames?: Partial<Record<DescriptionsSemanticDOM, string>>;
+    /** Item configurations (alternative to children) */
+    items?: DescriptionsItemConfig[];
+    /** Children (Descriptions.Item elements) */
+    children?: React.ReactNode;
+    /** Test ID for the component */
+    'data-testid'?: string;
+}
+declare function DescriptionsItem(_props: DescriptionsItemProps): null;
+export declare const Descriptions: React.ForwardRefExoticComponent<DescriptionsProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: typeof DescriptionsItem;
+};
+export default Descriptions;