asterui 0.12.49 → 0.12.50

package/dist/components/DatePicker.js

@@ -1,7 +1,8 @@
 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 "./Input.js";
-const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
+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 = "btn", M = "btn-ghost", y = "btn-sm", Y = "btn-square", E = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], J = [
   "January",
   "February",
   "March",
@@ -15,71 +16,71 @@ const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
   "November",
   "December"
 ];
-function L(t, l = "MM/DD/YYYY") {
+function P(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);
+  const u = t.getFullYear(), h = String(t.getMonth() + 1).padStart(2, "0"), g = String(t.getDate()).padStart(2, "0");
+  return l.replace("YYYY", String(u)).replace("MM", h).replace("DD", g);
 }
-function q(t, l) {
+function V(t, l) {
   return new Date(t, l + 1, 0).getDate();
 }
-function z(t, l) {
+function G(t, l) {
   return new Date(t, l, 1).getDay();
 }
-const B = ({
+const U = ({
   value: t,
   defaultValue: l,
   onChange: u,
-  format: f,
+  format: h,
   placeholder: g = "Select date",
-  disabled: v = !1,
-  className: x = "",
-  size: N = "md",
-  ...Y
+  disabled: S = !1,
+  className: $ = "",
+  size: F,
+  ...C
 }) => {
-  const [o, b] = h(
+  const { componentSize: O } = A(), k = F ?? O ?? "md", [o, p] = f(
     t || l || null
-  ), [c, d] = h(!1), [r, i] = h(
+  ), [c, d] = f(!1), [r, i] = f(
     o ? o.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [a, p] = h(
+  ), [a, b] = f(
     o ? o.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), w = j(null);
-  y(() => {
-    t !== void 0 && b(t);
-  }, [t]), y(() => {
+  ), v = L(null);
+  N(() => {
+    t !== void 0 && p(t);
+  }, [t]), N(() => {
     function e(s) {
-      w.current && !w.current.contains(s.target) && d(!1);
+      v.current && !v.current.contains(s.target) && d(!1);
     }
     if (c)
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [c]);
-  const S = (e) => {
+  const z = (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) => {
+    p(s), u?.(s), d(!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: w, className: `relative ${x}`, "data-state": c ? "open" : "closed", ...Y, children: [
+  return /* @__PURE__ */ m("div", { ref: v, className: `relative ${$}`, "data-state": c ? "open" : "closed", ...C, children: [
     /* @__PURE__ */ n(
-      T,
+      q,
       {
-        value: L(o, f),
+        value: P(o, h),
         placeholder: g,
-        disabled: v,
-        size: N,
+        disabled: S,
+        size: k,
         readOnly: !0,
-        onClick: () => !v && d(!c),
+        onClick: () => !S && d(!c),
         className: "cursor-pointer"
       }
     ),
@@ -89,8 +90,8 @@ const B = ({
           "button",
           {
             type: "button",
-            onClick: F,
-            className: "btn btn-ghost btn-sm btn-square",
+            onClick: B,
+            className: `${D} ${M} ${y} ${Y}`,
             children: /* @__PURE__ */ n(
               "svg",
               {
@@ -111,7 +112,7 @@ const B = ({
           }
         ),
         /* @__PURE__ */ m("div", { className: "text-base font-semibold", children: [
-          I[r],
+          J[r],
           " ",
           a
         ] }),
@@ -119,8 +120,8 @@ const B = ({
           "button",
           {
             type: "button",
-            onClick: O,
-            className: "btn btn-ghost btn-sm btn-square",
+            onClick: R,
+            className: `${D} ${M} ${y} ${Y}`,
             children: /* @__PURE__ */ n(
               "svg",
               {
@@ -141,7 +142,7 @@ const B = ({
           }
         )
       ] }),
-      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1 mb-2", children: $.map((e) => /* @__PURE__ */ n(
+      /* @__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",
@@ -149,17 +150,17 @@ const B = ({
         },
         e
       )) }),
-      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1", children: D.map((e, s) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1", children: w.map((e, s) => /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           disabled: !e,
-          onClick: () => e && S(e),
+          onClick: () => e && z(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" : ""}
+                  ${x(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                  ${I(e) && !x(e) ? "border border-primary" : ""}
                   ${e ? "cursor-pointer" : ""}
                 `,
           children: e
@@ -172,9 +173,9 @@ const B = ({
           type: "button",
           onClick: () => {
             const e = /* @__PURE__ */ new Date();
-            b(e), i(e.getMonth()), p(e.getFullYear()), u?.(e), d(!1);
+            p(e), i(e.getMonth()), b(e.getFullYear()), u?.(e), d(!1);
           },
-          className: "btn btn-ghost btn-sm",
+          className: `${D} ${M} ${y}`,
           children: "Today"
         }
       ) })
@@ -182,6 +183,6 @@ const B = ({
   ] });
 };
 export {
-  B as DatePicker
+  U as DatePicker
 };
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.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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"}
+{"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 = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = '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/Diff.js

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

package/dist/components/Diff.js.map

@@ -1 +1 @@
-{"version":3,"file":"Diff.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":"Diff.js","sources":["../../src/components/Diff.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDiff = 'diff'\nconst dDiffItem1 = 'diff-item-1'\nconst dDiffItem2 = 'diff-item-2'\nconst dDiffResizer = '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,QACRC,IAAa,eACbC,IAAa,eACbC,IAAe,gBAaRC,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.js

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

package/dist/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\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: 'divider-start',\n    center: '',\n    end: 'divider-end',\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: 'divider-neutral',\n    primary: 'divider-primary',\n    secondary: 'divider-secondary',\n    accent: 'divider-accent',\n    success: 'divider-success',\n    warning: 'divider-warning',\n    info: 'divider-info',\n    error: 'divider-error',\n  }\n\n  const classes = [\n    'divider',\n    orientation === 'vertical' && 'divider-horizontal',\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":["Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AASO,SAASA,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,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA,GAGDC,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAP,MAAgB,cAAc;AAAA,IAC9BK,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;"}
+{"version":3,"file":"Divider.js","sources":["../../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dDivider = 'divider'\nconst dDividerHorizontal = 'divider-horizontal'\nconst dDividerStart = 'divider-start'\nconst dDividerEnd = 'divider-end'\nconst dDividerNeutral = 'divider-neutral'\nconst dDividerPrimary = 'divider-primary'\nconst dDividerSecondary = 'divider-secondary'\nconst dDividerAccent = 'divider-accent'\nconst dDividerSuccess = 'divider-success'\nconst dDividerWarning = 'divider-warning'\nconst dDividerInfo = 'divider-info'\nconst dDividerError = '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,WACXC,IAAqB,sBACrBC,IAAgB,iBAChBC,IAAc,eACdC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAe,gBACfC,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.js

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

package/dist/components/Dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dock.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":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'dock'\nconst dDockXs = 'dock-xs'\nconst dDockSm = 'dock-sm'\nconst dDockMd = 'dock-md'\nconst dDockLg = 'dock-lg'\nconst dDockXl = 'dock-xl'\nconst dDockActive = 'dock-active'\nconst dDockLabel = '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,QACRC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAc,eACdC,IAAa,cAuCbC,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;"}