asterui 0.11.0 → 0.12.1

package/dist/index78.js

@@ -1,164 +1,59 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as a, useRef as Y, useEffect as j } from "react";
-import { Input as _ } from "./index36.js";
-function q(t, N = "24", p = !1) {
-  if (!t) return "";
-  let n = t.getHours();
-  const i = String(t.getMinutes()).padStart(2, "0"), d = String(t.getSeconds()).padStart(2, "0");
-  if (N === "12") {
-    const x = n >= 12 ? "PM" : "AM";
-    return n = n % 12 || 12, p ? `${n}:${i}:${d} ${x}` : `${n}:${i} ${x}`;
-  }
-  const h = String(n).padStart(2, "0");
-  return p ? `${h}:${i}:${d}` : `${h}:${i}`;
-}
-const Q = ({
-  value: t,
-  defaultValue: N,
-  onChange: p,
-  format: n = "24",
-  placeholder: i = "Select time",
-  disabled: d = !1,
-  className: h = "",
-  size: x = "md",
-  showSeconds: $ = !1,
-  ...E
-}) => {
-  const [o, O] = a(
-    t || N || null
-  ), [u, C] = a(!1), [l, M] = a(o ? o.getHours() : 0), [S, v] = a(o ? o.getMinutes() : 0), [y, H] = a(o ? o.getSeconds() : 0), [P, k] = a(
-    o && o.getHours() >= 12 ? "PM" : "AM"
-  ), A = Y(null);
-  j(() => {
-    t !== void 0 && (O(t), t && (M(t.getHours()), v(t.getMinutes()), H(t.getSeconds()), k(t.getHours() >= 12 ? "PM" : "AM")));
-  }, [t]), j(() => {
-    function e(s) {
-      A.current && !A.current.contains(s.target) && C(!1);
-    }
-    if (u)
-      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [u]);
-  const m = (e, s, w) => {
-    const g = /* @__PURE__ */ new Date(), b = new Date(
-      g.getFullYear(),
-      g.getMonth(),
-      g.getDate(),
-      e,
-      s,
-      w
-    );
-    O(b), p?.(b);
-  }, I = (e) => {
-    let s = e;
-    n === "12" && (s = P === "PM" ? e % 12 + 12 : e % 12), M(s), m(s, S, y);
-  }, L = (e) => {
-    v(e), m(l, e, y);
-  }, R = (e) => {
-    H(e), m(l, S, e);
-  }, D = (e) => {
-    k(e);
-    const s = e === "PM" ? l % 12 + 12 : l % 12;
-    M(s), m(s, S, y);
-  }, T = (e, s, w, g, b = 0) => {
-    const F = Array.from({ length: s - b + 1 }, (f, K) => b + K);
-    return /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: e }),
-      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto max-h-48", children: F.map((f) => /* @__PURE__ */ r(
+import { jsxs as C, jsx as s, Fragment as g } from "react/jsx-runtime";
+import c, { useState as j } from "react";
+function T({
+  children: a,
+  activeKey: e,
+  defaultActiveKey: p,
+  onChange: m,
+  variant: i,
+  size: n,
+  className: v = "",
+  ...f
+}) {
+  const o = c.Children.toArray(a).filter(
+    (t) => c.isValidElement(t) && t.type === d
+  ), [x, u] = j(
+    p || o[0]?.props.tabKey || ""
+  ), b = e !== void 0 ? e : x, y = (t) => {
+    e === void 0 && u(t), m?.(t);
+  }, h = {
+    box: "tabs-box",
+    border: "tabs-border",
+    lift: "tabs-lift"
+  }, K = {
+    xs: "tabs-xs",
+    sm: "tabs-sm",
+    md: "tabs-md",
+    lg: "tabs-lg",
+    xl: "tabs-xl"
+  }, A = ["tabs", i && h[i], n && K[n], v].filter(Boolean).join(" "), l = o.find((t) => t.props.tabKey === b);
+  return /* @__PURE__ */ C("div", { ...f, children: [
+    /* @__PURE__ */ s("div", { role: "tablist", className: A, children: o.map((t) => {
+      const r = b === t.props.tabKey;
+      return /* @__PURE__ */ s(
         "button",
         {
-          type: "button",
-          onClick: () => g(f),
-          className: `
-                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors
-                ${w === f ? "bg-primary text-primary-content" : ""}
-              `,
-          children: String(f).padStart(2, "0")
+          role: "tab",
+          className: `tab ${r ? "tab-active" : ""} ${t.props.disabled ? "tab-disabled" : ""}`,
+          onClick: () => !t.props.disabled && y(t.props.tabKey),
+          disabled: t.props.disabled,
+          "data-state": r ? "active" : "inactive",
+          "aria-selected": r,
+          children: t.props.tab
         },
-        f
-      )) })
-    ] });
-  }, z = n === "12" ? l % 12 || 12 : l;
-  return /* @__PURE__ */ c("div", { ref: A, className: `relative ${h}`, "data-state": u ? "open" : "closed", ...E, children: [
-    /* @__PURE__ */ r(
-      _,
-      {
-        value: q(o, n, $),
-        placeholder: i,
-        disabled: d,
-        size: x,
-        readOnly: !0,
-        onClick: () => !d && C(!u),
-        className: "cursor-pointer"
-      }
-    ),
-    u && /* @__PURE__ */ c("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50", children: [
-      /* @__PURE__ */ c("div", { className: "flex divide-x divide-base-300", children: [
-        T(
-          "Hour",
-          n === "12" ? 12 : 23,
-          z,
-          I,
-          n === "12" ? 1 : 0
-        ),
-        T("Min", 59, S, L),
-        $ && T("Sec", 59, y, R),
-        n === "12" && /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ r("div", { className: "text-xs font-semibold text-center text-base-content/60 py-2", children: "Period" }),
-          /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col p-2 gap-2", children: [
-            /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                onClick: () => D("AM"),
-                className: `
-                      btn btn-sm
-                      ${P === "AM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "AM"
-              }
-            ),
-            /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                onClick: () => D("PM"),
-                className: `
-                      btn btn-sm
-                      ${P === "PM" ? "btn-primary" : "btn-ghost"}
-                    `,
-                children: "PM"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "flex justify-end gap-2 p-3 border-t border-base-300", children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              const e = /* @__PURE__ */ new Date();
-              M(e.getHours()), v(e.getMinutes()), H(e.getSeconds()), k(e.getHours() >= 12 ? "PM" : "AM"), m(e.getHours(), e.getMinutes(), e.getSeconds());
-            },
-            className: "btn btn-ghost btn-sm",
-            children: "Now"
-          }
-        ),
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => C(!1),
-            className: "btn btn-primary btn-sm",
-            children: "OK"
-          }
-        )
-      ] })
-    ] })
+        t.props.tabKey
+      );
+    }) }),
+    l && /* @__PURE__ */ s("div", { className: "mt-4", children: l.props.children })
   ] });
-};
+}
+function d({ children: a }) {
+  return /* @__PURE__ */ s(g, { children: a });
+}
+const R = Object.assign(T, {
+  Panel: d
+});
 export {
-  Q as TimePicker
+  R as Tabs
 };
 //# sourceMappingURL=index78.js.map

package/dist/index78.js.map

@@ -1 +1 @@
-{"version":3,"file":"index78.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  showSeconds?: boolean\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className = '',\n  size = 'md',\n  showSeconds = false,\n  ...rest\n}) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\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 handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChange: (value: number) => void,\n    start: number = 0\n  ) => {\n    const items = Array.from({ length: maxValue - start + 1 }, (_, i) => start + i)\n\n    return (\n      <div className=\"flex flex-col\">\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n          {label}\n        </div>\n        <div className=\"flex-1 overflow-y-auto max-h-48\">\n          {items.map((item) => (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onChange(item)}\n              className={`\n                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors\n                ${currentValue === item ? 'bg-primary text-primary-content' : ''}\n              `}\n            >\n              {String(item).padStart(2, '0')}\n            </button>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <Input\n        value={formatTime(selectedTime, format, showSeconds)}\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 z-50\">\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('Min', 59, minutes, handleMinuteChange)}\n\n            {showSeconds && renderTimeColumn('Sec', 59, seconds, handleSecondChange)}\n\n            {format === '12' && (\n              <div className=\"flex flex-col\">\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n                  Period\n                </div>\n                <div className=\"flex-1 flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('AM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'AM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('PM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'PM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className=\"btn btn-ghost btn-sm\"\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedTime","setSelectedTime","useState","isOpen","setIsOpen","setHours","setMinutes","setSeconds","setPeriod","containerRef","useRef","useEffect","handleClickOutside","event","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","handleHourChange","newHour","actualHour","handleMinuteChange","newMinute","handleSecondChange","newSecond","handlePeriodChange","newPeriod","renderTimeColumn","label","maxValue","currentValue","start","items","_","i","jsxs","jsx","item","displayHours","Input"],"mappings":";;;AAcA,SAASA,EAAWC,GAAmBC,IAAsB,MAAMC,IAAuB,IAAe;AACvG,MAAI,CAACF,EAAM,QAAO;AAElB,MAAIG,IAAQH,EAAK,SAAA;AACjB,QAAMI,IAAU,OAAOJ,EAAK,WAAA,CAAY,EAAE,SAAS,GAAG,GAAG,GACnDK,IAAU,OAAOL,EAAK,WAAA,CAAY,EAAE,SAAS,GAAG,GAAG;AAEzD,MAAIC,MAAW,MAAM;AACnB,UAAMK,IAASH,KAAS,KAAK,OAAO;AACpC,WAAAA,IAAQA,IAAQ,MAAM,IACND,IACZ,GAAGC,CAAK,IAAIC,CAAO,IAAIC,CAAO,IAAIC,CAAM,KACxC,GAAGH,CAAK,IAAIC,CAAO,IAAIE,CAAM;AAAA,EAEnC;AAEA,QAAMC,IAAW,OAAOJ,CAAK,EAAE,SAAS,GAAG,GAAG;AAC9C,SAAOD,IAAc,GAAGK,CAAQ,IAAIH,CAAO,IAAIC,CAAO,KAAK,GAAGE,CAAQ,IAAIH,CAAO;AACnF;AAEO,MAAMI,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAV,IAAS;AAAA,EACT,aAAAW,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,aAAAb,IAAc;AAAA,EACd,GAAGc;AACL,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtCV,KAASC,KAAgB;AAAA,EAAA,GAErB,CAACU,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAAChB,GAAOmB,CAAQ,IAAIH,EAASF,IAAeA,EAAa,SAAA,IAAa,CAAC,GACvE,CAACb,GAASmB,CAAU,IAAIJ,EAASF,IAAeA,EAAa,WAAA,IAAe,CAAC,GAC7E,CAACZ,GAASmB,CAAU,IAAIL,EAASF,IAAeA,EAAa,WAAA,IAAe,CAAC,GAC7E,CAACX,GAAQmB,CAAS,IAAIN;AAAA,IAC1BF,KAAgBA,EAAa,cAAc,KAAK,OAAO;AAAA,EAAA,GAGnDS,IAAeC,EAAuB,IAAI;AAEhD,EAAAC,EAAU,MAAM;AACd,IAAInB,MAAU,WACZS,EAAgBT,CAAK,GACjBA,MACFa,EAASb,EAAM,UAAU,GACzBc,EAAWd,EAAM,YAAY,GAC7Be,EAAWf,EAAM,YAAY,GAC7BgB,EAAUhB,EAAM,SAAA,KAAc,KAAK,OAAO,IAAI;AAAA,EAGpD,GAAG,CAACA,CAAK,CAAC,GAEVmB,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MAAIJ,EAAa,WAAW,CAACA,EAAa,QAAQ,SAASI,EAAM,MAAc,KAC7ET,EAAU,EAAK;AAAA,IAEnB;AAEA,QAAID;AACF,sBAAS,iBAAiB,aAAaS,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAE7E,GAAG,CAACT,CAAM,CAAC;AAEX,QAAMW,IAAmB,CAACC,GAAkBC,GAAoBC,MAAuB;AACrF,UAAMC,wBAAU,KAAA,GACVC,IAAU,IAAI;AAAA,MAClBD,EAAI,YAAA;AAAA,MACJA,EAAI,SAAA;AAAA,MACJA,EAAI,QAAA;AAAA,MACJH;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAEF,IAAAhB,EAAgBkB,CAAO,GACvBzB,IAAWyB,CAAO;AAAA,EACpB,GAEMC,IAAmB,CAACC,MAAoB;AAC5C,QAAIC,IAAaD;AACjB,IAAIrC,MAAW,SACbsC,IAAajC,MAAW,OAAQgC,IAAU,KAAM,KAAKA,IAAU,KAEjEhB,EAASiB,CAAU,GACnBR,EAAiBQ,GAAYnC,GAASC,CAAO;AAAA,EAC/C,GAEMmC,IAAqB,CAACC,MAAsB;AAChD,IAAAlB,EAAWkB,CAAS,GACpBV,EAAiB5B,GAAOsC,GAAWpC,CAAO;AAAA,EAC5C,GAEMqC,IAAqB,CAACC,MAAsB;AAChD,IAAAnB,EAAWmB,CAAS,GACpBZ,EAAiB5B,GAAOC,GAASuC,CAAS;AAAA,EAC5C,GAEMC,IAAqB,CAACC,MAA2B;AACrD,IAAApB,EAAUoB,CAAS;AACnB,UAAMb,IAAWa,MAAc,OAC1B1C,IAAQ,KAAM,KACfA,IAAQ;AACZ,IAAAmB,EAASU,CAAQ,GACjBD,EAAiBC,GAAU5B,GAASC,CAAO;AAAA,EAC7C,GAEMyC,IAAmB,CACvBC,GACAC,GACAC,GACAtC,GACAuC,IAAgB,MACb;AACH,UAAMC,IAAQ,MAAM,KAAK,EAAE,QAAQH,IAAWE,IAAQ,EAAA,GAAK,CAACE,GAAGC,MAAMH,IAAQG,CAAC;AAE9E,WACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+DACZ,UAAAR,GACH;AAAA,wBACC,OAAA,EAAI,WAAU,mCACZ,UAAAI,EAAM,IAAI,CAACK,MACV,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM5C,EAAS6C,CAAI;AAAA,UAC5B,WAAW;AAAA;AAAA,kBAEPP,MAAiBO,IAAO,oCAAoC,EAAE;AAAA;AAAA,UAGjE,UAAA,OAAOA,CAAI,EAAE,SAAS,GAAG,GAAG;AAAA,QAAA;AAAA,QARxBA;AAAA,MAAA,CAUR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ,GAEMC,IAAexD,MAAW,OAAQE,IAAQ,MAAM,KAAMA;AAE5D,SACE,gBAAAmD,EAAC,OAAA,EAAI,KAAK5B,GAAc,WAAW,YAAYZ,CAAS,IAAI,cAAYM,IAAS,SAAS,UAAW,GAAGJ,GACtG,UAAA;AAAA,IAAA,gBAAAuC;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAO3D,EAAWkB,GAAchB,GAAQC,CAAW;AAAA,QACnD,aAAAU;AAAA,QACA,UAAAC;AAAA,QACA,MAAAE;AAAA,QACA,UAAQ;AAAA,QACR,SAAS,MAAM,CAACF,KAAYQ,EAAU,CAACD,CAAM;AAAA,QAC7C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGXA,KACC,gBAAAkC,EAAC,OAAA,EAAI,WAAU,8FACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,QAAAR;AAAA,UACC;AAAA,UACA7C,MAAW,OAAO,KAAK;AAAA,UACvBwD;AAAA,UACApB;AAAA,UACApC,MAAW,OAAO,IAAI;AAAA,QAAA;AAAA,QAGvB6C,EAAiB,OAAO,IAAI1C,GAASoC,CAAkB;AAAA,QAEvDtC,KAAe4C,EAAiB,OAAO,IAAIzC,GAASqC,CAAkB;AAAA,QAEtEzC,MAAW,QACV,gBAAAqD,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+DAA8D,UAAA,UAE7E;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAMX,EAAmB,IAAI;AAAA,gBACtC,WAAW;AAAA;AAAA,wBAEPtC,MAAW,OAAO,gBAAgB,WAAW;AAAA;AAAA,gBAElD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGD,gBAAAiD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAMX,EAAmB,IAAI;AAAA,gBACtC,WAAW;AAAA;AAAA,wBAEPtC,MAAW,OAAO,gBAAgB,WAAW;AAAA;AAAA,gBAElD,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAED,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,MAGA,gBAAAgD,EAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,oBAAMpB,wBAAU,KAAA;AAChB,cAAAb,EAASa,EAAI,UAAU,GACvBZ,EAAWY,EAAI,YAAY,GAC3BX,EAAWW,EAAI,YAAY,GAC3BV,EAAUU,EAAI,SAAA,KAAc,KAAK,OAAO,IAAI,GAC5CJ,EAAiBI,EAAI,YAAYA,EAAI,cAAcA,EAAI,YAAY;AAAA,YACrE;AAAA,YACA,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAMlC,EAAU,EAAK;AAAA,YAC9B,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index78.js","sources":["../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  children: React.ReactNode\n  activeKey?: string\n  defaultActiveKey?: string\n  onChange?: (key: string) => void\n  variant?: 'box' | 'border' | 'lift'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n}\n\nexport interface TabPanelProps {\n  tab: React.ReactNode\n  tabKey: string\n  disabled?: boolean\n  children?: React.ReactNode\n}\n\nfunction TabsRoot({\n  children,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get all panel children\n  const panels = React.Children.toArray(children).filter(\n    (child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n  )\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || panels[0]?.props.tabKey || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const variantClasses = {\n    box: 'tabs-box',\n    border: 'tabs-border',\n    lift: 'tabs-lift',\n  }\n\n  const sizeClasses = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n  }\n\n  const classes = ['tabs', variant && variantClasses[variant], size && sizeClasses[size], className]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = panels.find((panel) => panel.props.tabKey === currentActiveKey)\n\n  return (\n    <div {...rest}>\n      <div role=\"tablist\" className={classes}>\n        {panels.map((panel) => {\n          const isActive = currentActiveKey === panel.props.tabKey\n          return (\n            <button\n              key={panel.props.tabKey}\n              role=\"tab\"\n              className={`tab ${isActive ? 'tab-active' : ''} ${\n                panel.props.disabled ? 'tab-disabled' : ''\n              }`}\n              onClick={() => !panel.props.disabled && handleTabClick(panel.props.tabKey)}\n              disabled={panel.props.disabled}\n              data-state={isActive ? 'active' : 'inactive'}\n              aria-selected={isActive}\n            >\n              {panel.props.tab}\n            </button>\n          )\n        })}\n      </div>\n      {activePanel && <div className=\"mt-4\">{activePanel.props.children}</div>}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["TabsRoot","children","activeKey","defaultActiveKey","onChange","variant","size","className","rest","panels","React","child","TabPanel","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","variantClasses","sizeClasses","classes","activePanel","panel","jsxs","jsx","isActive","Tabs"],"mappings":";;AAkBA,SAASA,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAc;AAEZ,QAAMC,IAASC,EAAM,SAAS,QAAQT,CAAQ,EAAE;AAAA,IAC9C,CAACU,MACCD,EAAM,eAAeC,CAAK,KAAKA,EAAM,SAASC;AAAA,EAAA,GAG5C,CAACC,GAAmBC,CAAoB,IAAIC;AAAA,IAChDZ,KAAoBM,EAAO,CAAC,GAAG,MAAM,UAAU;AAAA,EAAA,GAE3CO,IAAmBd,MAAc,SAAYA,IAAYW,GAEzDI,IAAiB,CAACC,MAAgB;AACtC,IAAIhB,MAAc,UAChBY,EAAqBI,CAAG,GAE1Bd,IAAWc,CAAG;AAAA,EAChB,GAEMC,IAAiB;AAAA,IACrB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,GAGFC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAU,CAAC,QAAQhB,KAAWc,EAAed,CAAO,GAAGC,KAAQc,EAAYd,CAAI,GAAGC,CAAS,EAC9F,OAAO,OAAO,EACd,KAAK,GAAG,GAELe,IAAcb,EAAO,KAAK,CAACc,MAAUA,EAAM,MAAM,WAAWP,CAAgB;AAElF,SACE,gBAAAQ,EAAC,OAAA,EAAK,GAAGhB,GACP,UAAA;AAAA,IAAA,gBAAAiB,EAAC,OAAA,EAAI,MAAK,WAAU,WAAWJ,GAC5B,UAAAZ,EAAO,IAAI,CAACc,MAAU;AACrB,YAAMG,IAAWV,MAAqBO,EAAM,MAAM;AAClD,aACE,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAW,OAAOC,IAAW,eAAe,EAAE,IAC5CH,EAAM,MAAM,WAAW,iBAAiB,EAC1C;AAAA,UACA,SAAS,MAAM,CAACA,EAAM,MAAM,YAAYN,EAAeM,EAAM,MAAM,MAAM;AAAA,UACzE,UAAUA,EAAM,MAAM;AAAA,UACtB,cAAYG,IAAW,WAAW;AAAA,UAClC,iBAAeA;AAAA,UAEd,YAAM,MAAM;AAAA,QAAA;AAAA,QAVRH,EAAM,MAAM;AAAA,MAAA;AAAA,IAavB,CAAC,EAAA,CACH;AAAA,IACCD,KAAe,gBAAAG,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAH,EAAY,MAAM,SAAA,CAAS;AAAA,EAAA,GACpE;AAEJ;AAEA,SAASV,EAAS,EAAE,UAAAX,KAA2B;AAG7C,gCAAU,UAAAA,GAAS;AACrB;AAEO,MAAM0B,IAAO,OAAO,OAAO3B,GAAU;AAAA,EAC1C,OAAOY;AACT,CAAC;"}

package/dist/index79.js

@@ -1,68 +1,43 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import v from "react";
-function N({
-  children: n,
-  className: l = "",
-  vertical: i = !1,
-  horizontal: o = !1,
-  compact: a = !1,
-  snapIcon: r = !1,
-  ...t
-}) {
-  const h = [
-    "timeline",
-    i && "timeline-vertical",
-    o && "timeline-horizontal",
-    a && "timeline-compact",
-    r && "timeline-snap-icon",
-    l
-  ].filter(Boolean).join(" "), f = v.Children.map(n, (s, m) => v.isValidElement(s) ? v.cloneElement(s, {
-    _index: m,
-    _compact: a,
-    _vertical: i
-  }) : s);
-  return /* @__PURE__ */ e("ul", { className: h, ...t, children: f });
-}
-function p({
-  start: n,
-  end: l,
-  icon: i,
-  startBox: o = !1,
-  endBox: a = !1,
-  className: r = "",
-  _index: t = 0,
-  _compact: h = !1,
-  _vertical: f = !1,
-  ...s
-}) {
-  const m = ["timeline-start", o && "timeline-box"].filter(Boolean).join(" "), c = ["timeline-end", a && "timeline-box"].filter(Boolean).join(" "), u = t % 2 === 0;
-  return h ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    t !== void 0 && /* @__PURE__ */ e("hr", {})
-  ] }) : f ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    /* @__PURE__ */ e("hr", {})
-  ] }) : u ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    /* @__PURE__ */ e("hr", {})
-  ] }) : /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l })
-  ] });
-}
-const b = Object.assign(N, {
-  Item: p
-});
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const f = i(
+  ({
+    size: e,
+    color: a,
+    ghost: t = !1,
+    bordered: r = !0,
+    className: s = "",
+    ...x
+  }, o) => {
+    const n = {
+      xs: "textarea-xs",
+      sm: "textarea-sm",
+      md: "textarea-md",
+      lg: "textarea-lg",
+      xl: "textarea-xl"
+    }, l = {
+      neutral: "textarea-neutral",
+      primary: "textarea-primary",
+      secondary: "textarea-secondary",
+      accent: "textarea-accent",
+      info: "textarea-info",
+      success: "textarea-success",
+      warning: "textarea-warning",
+      error: "textarea-error"
+    }, c = [
+      "textarea",
+      "w-full",
+      r && "textarea-bordered",
+      t && "textarea-ghost",
+      e && n[e],
+      a && l[a],
+      s
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ m("textarea", { ref: o, className: c, ...x });
+  }
+);
+f.displayName = "Textarea";
 export {
-  b as Timeline
+  f as Textarea
 };
 //# sourceMappingURL=index79.js.map

package/dist/index79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index79.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n  horizontal?: boolean\n  compact?: boolean\n  snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  start?: React.ReactNode\n  end?: React.ReactNode\n  icon?: React.ReactNode\n  startBox?: boolean\n  endBox?: boolean\n  // Internal props injected by Timeline container\n  _index?: number\n  _compact?: boolean\n  _vertical?: boolean\n}\n\nfunction TimelineRoot({\n  children,\n  className = '',\n  vertical = false,\n  horizontal = false,\n  compact = false,\n  snapIcon = false,\n  ...rest\n}: TimelineProps) {\n  const classes = [\n    'timeline',\n    vertical && 'timeline-vertical',\n    horizontal && 'timeline-horizontal',\n    compact && 'timeline-compact',\n    snapIcon && 'timeline-snap-icon',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Inject index and layout props into each Timeline.Item\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        _index: index,\n        _compact: compact,\n        _vertical: vertical,\n      } as any)\n    }\n    return child\n  })\n\n  return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n  start,\n  end,\n  icon,\n  startBox = false,\n  endBox = false,\n  className = '',\n  _index = 0,\n  _compact = false,\n  _vertical = false,\n  ...rest\n}: TimelineItemProps) {\n  const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n  const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n  // Determine if this is an even item (for alternating horizontal layout)\n  const isEven = _index % 2 === 0\n\n  // Render connectors and content based on layout\n  if (_compact) {\n    // Compact layout: connector, icon, end content, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        {_index !== undefined && <hr />}\n      </li>\n    )\n  } else if (_vertical) {\n    // Vertical layout: connector, start, icon, end, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {start && <div className={startClasses}>{start}</div>}\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        <hr />\n      </li>\n    )\n  } else {\n    // Horizontal alternating layout\n    if (isEven) {\n      // Even items: start, icon, end, connector\n      return (\n        <li className={className} {...rest}>\n          {start && <div className={startClasses}>{start}</div>}\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          <hr />\n        </li>\n      )\n    } else {\n      // Odd items: connector, icon, start, end\n      return (\n        <li className={className} {...rest}>\n          <hr />\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {start && <div className={startClasses}>{start}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n        </li>\n      )\n    }\n  }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}
+{"version":3,"file":"index79.js","sources":["../src/components/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size,\n      color,\n      ghost = false,\n      bordered = true,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'textarea-xs',\n      sm: 'textarea-sm',\n      md: 'textarea-md',\n      lg: 'textarea-lg',\n      xl: 'textarea-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'textarea-neutral',\n      primary: 'textarea-primary',\n      secondary: 'textarea-secondary',\n      accent: 'textarea-accent',\n      info: 'textarea-info',\n      success: 'textarea-success',\n      warning: 'textarea-warning',\n      error: 'textarea-error',\n    }\n\n    const textareaClasses = [\n      'textarea',\n      'w-full',\n      bordered && 'textarea-bordered',\n      ghost && 'textarea-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <textarea ref={ref} className={textareaClasses} {...props} />\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","textareaClasses"],"mappings":";;AAUO,MAAMA,IAAWC;AAAA,EACtB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,6BAAQ,YAAA,EAAS,KAAAE,GAAU,WAAWG,GAAkB,GAAGJ,GAAO;AAAA,EACpE;AACF;AAEAP,EAAS,cAAc;"}

package/dist/index8.js

@@ -1,73 +1,14 @@
-import { jsx as s, jsxs as j, Fragment as v } from "react/jsx-runtime";
-const T = ({
-  children: l,
-  type: e,
-  size: b = "md",
-  outline: i = !1,
-  dash: d = !1,
-  soft: u = !1,
-  active: f = !1,
-  loading: t = !1,
-  shape: a,
-  noAnimation: m = !1,
-  className: h = "",
-  ...n
-}) => {
-  const y = {
-    primary: "btn-primary",
-    secondary: "btn-secondary",
-    accent: "btn-accent",
-    info: "btn-info",
-    success: "btn-success",
-    warning: "btn-warning",
-    error: "btn-error",
-    neutral: "btn-neutral",
-    ghost: "btn-ghost",
-    link: "btn-link"
-  }, g = {
-    xs: "btn-xs",
-    sm: "btn-sm",
-    md: "",
-    lg: "btn-lg",
-    xl: "btn-xl"
-  }, x = {
-    square: "btn-square",
-    circle: "btn-circle",
-    wide: "btn-wide",
-    block: "btn-block"
-  }, r = [
-    "btn",
-    e && y[e],
-    g[b],
-    i && "btn-outline",
-    d && "btn-dash",
-    u && "btn-soft",
-    f && "btn-active",
-    a && x[a],
-    m && "no-animation",
-    h
-  ].filter(Boolean).join(" "), o = /* @__PURE__ */ j(v, { children: [
-    t && /* @__PURE__ */ s("span", { className: "loading loading-spinner", "aria-hidden": "true" }),
-    l
-  ] });
-  if ("href" in n && n.href !== void 0) {
-    const { href: k, ...w } = n;
-    return /* @__PURE__ */ s("a", { href: k, className: r, ...w, children: o });
-  }
-  const { htmlType: p, ...c } = n;
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      type: p ?? "button",
-      className: r,
-      "aria-busy": t ? "true" : void 0,
-      disabled: t || c.disabled,
-      ...c,
-      children: o
-    }
-  );
-};
+import { jsx as r } from "react/jsx-runtime";
+function c({ children: t, className: e = "", ...u }) {
+  return /* @__PURE__ */ r("div", { className: `breadcrumbs text-sm ${e}`, ...u, children: /* @__PURE__ */ r("ul", { children: t }) });
+}
+function i({ children: t, href: e, onClick: u, className: m = "", ...n }) {
+  return e || u ? /* @__PURE__ */ r("li", { className: m, ...n, children: /* @__PURE__ */ r("a", { href: e, onClick: u, children: t }) }) : /* @__PURE__ */ r("li", { className: m, ...n, children: t });
+}
+const a = Object.assign(c, {
+  Item: i
+});
 export {
-  T as Button
+  a as Breadcrumb
 };
 //# sourceMappingURL=index8.js.map

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\n\ntype BaseButtonProps = {\n  type?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'ghost' | 'link'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  outline?: boolean\n  dash?: boolean\n  soft?: boolean\n  active?: boolean\n  loading?: boolean\n  shape?: 'square' | 'circle' | 'wide' | 'block'\n  noAnimation?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  type,\n  size = 'md',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  loading = false,\n  shape,\n  noAnimation = false,\n  className = '',\n  ...props\n}) => {\n  const typeClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    info: 'btn-info',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    neutral: 'btn-neutral',\n    ghost: 'btn-ghost',\n    link: 'btn-link',\n  }\n\n  const sizeClasses = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n    xl: 'btn-xl',\n  }\n\n  const shapeClasses = {\n    square: 'btn-square',\n    circle: 'btn-circle',\n    wide: 'btn-wide',\n    block: 'btn-block',\n  }\n\n  const classes = [\n    'btn',\n    type && typeClasses[type],\n    sizeClasses[size],\n    outline && 'btn-outline',\n    dash && 'btn-dash',\n    soft && 'btn-soft',\n    active && 'btn-active',\n    shape && shapeClasses[shape],\n    noAnimation && 'no-animation',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const content = (\n    <>\n      {loading && <span className=\"loading loading-spinner\" aria-hidden=\"true\"></span>}\n      {children}\n    </>\n  )\n\n  if ('href' in props && props.href !== undefined) {\n    const { href, ...anchorProps } = props as ButtonAsAnchor\n    return (\n      <a href={href} className={classes} {...anchorProps}>\n        {content}\n      </a>\n    )\n  }\n\n  const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n  const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n  return (\n    <button\n      type={buttonType}\n      className={classes}\n      aria-busy={loading ? 'true' : undefined}\n      disabled={loading || buttonProps.disabled}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["Button","children","type","size","outline","dash","soft","active","loading","shape","noAnimation","className","props","typeClasses","sizeClasses","shapeClasses","classes","content","jsxs","Fragment","jsx","href","anchorProps","htmlType","buttonProps"],"mappings":";AA4BO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAc;AAAA,IAClB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,GAGFC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAd,KAAQW,EAAYX,CAAI;AAAA,IACxBY,EAAYX,CAAI;AAAA,IAChBC,KAAW;AAAA,IACXC,KAAQ;AAAA,IACRC,KAAQ;AAAA,IACRC,KAAU;AAAA,IACVE,KAASM,EAAaN,CAAK;AAAA,IAC3BC,KAAe;AAAA,IACfC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KAAW,gBAAAY,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,IACxEnB;AAAA,EAAA,GACH;AAGF,MAAI,UAAUW,KAASA,EAAM,SAAS,QAAW;AAC/C,UAAM,EAAE,MAAAS,GAAM,GAAGC,EAAA,IAAgBV;AACjC,6BACG,KAAA,EAAE,MAAAS,GAAY,WAAWL,GAAU,GAAGM,GACpC,UAAAL,GACH;AAAA,EAEJ;AAEA,QAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IAAgBZ;AAErC,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAH8CG,KAAY;AAAA,MAI1D,WAAWP;AAAA,MACX,aAAWR,IAAU,SAAS;AAAA,MAC9B,UAAUA,KAAWgB,EAAY;AAAA,MAChC,GAAGA;AAAA,MAEH,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index8.js","sources":["../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n}\n\nfunction BreadcrumbRoot({ children, className = '', ...rest }: BreadcrumbProps) {\n  return (\n    <div className={`breadcrumbs text-sm ${className}`} {...rest}>\n      <ul>{children}</ul>\n    </div>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, className = '', ...rest }: BreadcrumbItemProps) {\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {children}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{children}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["BreadcrumbRoot","children","className","rest","jsx","BreadcrumbItem","href","onClick","Breadcrumb"],"mappings":";AAYA,SAASA,EAAe,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAC9E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,uBAAuBF,CAAS,IAAK,GAAGC,GACtD,UAAA,gBAAAC,EAAC,MAAA,EAAI,UAAAH,EAAA,CAAS,GAChB;AAEJ;AAEA,SAASI,EAAe,EAAE,UAAAJ,GAAU,MAAAK,GAAM,SAAAC,GAAS,WAAAL,IAAY,IAAI,GAAGC,KAA6B;AACjG,SAAIG,KAAQC,IAER,gBAAAH,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAG,GAAY,SAAAC,GACZ,UAAAN,EAAA,CACH,EAAA,CACF,IAIG,gBAAAG,EAAC,MAAA,EAAG,WAAAF,GAAuB,GAAGC,GAAO,UAAAF,GAAS;AACvD;AAEO,MAAMO,IAAa,OAAO,OAAOR,GAAgB;AAAA,EACtD,MAAMK;AACR,CAAC;"}

package/dist/index80.js

@@ -1,38 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-const m = i(
-  ({
-    size: e,
-    color: g,
-    className: t = "",
-    ...o
-  }, l) => {
-    const s = {
-      xs: "toggle-xs",
-      sm: "toggle-sm",
-      md: "toggle-md",
-      lg: "toggle-lg",
-      xl: "toggle-xl"
-    }, a = {
-      primary: "toggle-primary",
-      secondary: "toggle-secondary",
-      accent: "toggle-accent",
-      neutral: "toggle-neutral",
-      success: "toggle-success",
-      warning: "toggle-warning",
-      info: "toggle-info",
-      error: "toggle-error"
-    }, r = [
-      "toggle",
-      e && s[e],
-      g && a[g],
-      t
-    ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
-    return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
-  }
-);
-m.displayName = "Toggle";
+import { jsx as t } from "react/jsx-runtime";
+const c = {
+  6e3: "duration-6000",
+  9e3: "duration-9000",
+  12e3: "duration-12000",
+  15e3: "duration-15000",
+  18e3: "duration-18000"
+}, l = ({
+  items: s,
+  duration: e,
+  centered: a = !1,
+  className: n = ""
+}) => {
+  const r = e ? c[e] : "";
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: `text-rotate ${r} ${a ? "justify-items-center" : ""} ${n}`.trim(),
+      children: /* @__PURE__ */ t("span", { children: s.slice(0, 6).map((i, o) => /* @__PURE__ */ t("span", { children: i }, o)) })
+    }
+  );
+};
 export {
-  m as Toggle
+  l as TextRotate
 };
 //# sourceMappingURL=index80.js.map

package/dist/index80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index80.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const sizeClasses = {\n      xs: 'toggle-xs',\n      sm: 'toggle-sm',\n      md: 'toggle-md',\n      lg: 'toggle-lg',\n      xl: 'toggle-xl',\n    }\n\n    const colorClasses = {\n      primary: 'toggle-primary',\n      secondary: 'toggle-secondary',\n      accent: 'toggle-accent',\n      neutral: 'toggle-neutral',\n      success: 'toggle-success',\n      warning: 'toggle-warning',\n      info: 'toggle-info',\n      error: 'toggle-error',\n    }\n\n    const toggleClasses = [\n      'toggle',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}
+{"version":3,"file":"index80.js","sources":["../src/components/TextRotate.tsx"],"sourcesContent":["import React from 'react'\n\nexport type TextRotateDuration = 6000 | 9000 | 12000 | 15000 | 18000\n\nconst durationClasses: Record<TextRotateDuration, string> = {\n  6000: 'duration-6000',\n  9000: 'duration-9000',\n  12000: 'duration-12000',\n  15000: 'duration-15000',\n  18000: 'duration-18000',\n}\n\nexport interface TextRotateProps {\n  /** Text items to rotate through (max 6) */\n  items: React.ReactNode[]\n  /** Animation duration in ms (default 10000) */\n  duration?: TextRotateDuration\n  /** Center text horizontally */\n  centered?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const TextRotate: React.FC<TextRotateProps> = ({\n  items,\n  duration,\n  centered = false,\n  className = '',\n}) => {\n  const durationClass = duration ? durationClasses[duration] : ''\n\n  return (\n    <span\n      className={`text-rotate ${durationClass} ${centered ? 'justify-items-center' : ''} ${className}`.trim()}\n    >\n      <span>\n        {items.slice(0, 6).map((item, index) => (\n          <span key={index}>{item}</span>\n        ))}\n      </span>\n    </span>\n  )\n}\n"],"names":["durationClasses","TextRotate","items","duration","centered","className","durationClass","jsx","item","index"],"mappings":";AAIA,MAAMA,IAAsD;AAAA,EAC1D,KAAM;AAAA,EACN,KAAM;AAAA,EACN,MAAO;AAAA,EACP,MAAO;AAAA,EACP,MAAO;AACT,GAaaC,IAAwC,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAgBH,IAAWH,EAAgBG,CAAQ,IAAI;AAE7D,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAeD,CAAa,IAAIF,IAAW,yBAAyB,EAAE,IAAIC,CAAS,GAAG,KAAA;AAAA,MAEjG,4BAAC,QAAA,EACE,UAAAH,EAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAACM,GAAMC,MAC5B,gBAAAF,EAAC,QAAA,EAAkB,UAAAC,EAAA,GAARC,CAAa,CACzB,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}