@axtec/components 0.1.2 → 0.1.4

package/dist/index68.js

@@ -1,57 +1,51 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { cn as o } from "./index3.js";
-const f = ({
-  label: r,
-  checked: t,
-  onChange: s,
-  disabled: n = !1,
-  className: i
-}) => {
-  const a = () => {
-    n || s(!t);
-  };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: o(
-        "flex items-center justify-between gap-4",
-        n && "opacity-50",
-        i
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as a } from "./index3.js";
+const f = l(
+  ({ className: d, label: e, error: t, helperText: s, id: i, ...c }, m) => {
+    const o = i || (e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-"));
+    return /* @__PURE__ */ n("div", { className: "w-full", children: [
+      e && /* @__PURE__ */ r(
+        "label",
+        {
+          htmlFor: o,
+          className: "block text-sm font-medium text-slate-700 mb-1.5",
+          children: e
+        }
       ),
-      children: [
-        /* @__PURE__ */ e("span", { className: "text-sm text-slate-700", children: r }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            role: "switch",
-            "aria-checked": t,
-            disabled: n,
-            onClick: a,
-            className: o(
-              "relative inline-flex h-6 w-11 items-center rounded-full",
-              "transition-colors duration-200 ease-in-out",
-              "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
-              t ? "bg-primary-500" : "bg-slate-200",
-              n ? "cursor-not-allowed" : "cursor-pointer"
-            ),
-            children: /* @__PURE__ */ e(
-              "span",
-              {
-                className: o(
-                  "inline-block h-4 w-4 rounded-full bg-white shadow-sm",
-                  "transform transition-transform duration-200 ease-in-out",
-                  t ? "translate-x-6" : "translate-x-1"
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          ref: m,
+          id: o,
+          className: a(
+            "w-full px-4 py-2.5 text-base min-h-[100px] resize-y",
+            "bg-white border rounded-lg",
+            "transition-colors duration-200",
+            "placeholder:text-slate-400",
+            "focus:outline-none focus:ring-2 focus:ring-offset-0",
+            t ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-slate-300 focus:border-primary-500 focus:ring-primary-500",
+            "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
+            d
+          ),
+          ...c
+        }
+      ),
+      (t || s) && /* @__PURE__ */ r(
+        "p",
+        {
+          className: a(
+            "mt-1.5 text-sm",
+            t ? "text-red-600" : "text-slate-500"
+          ),
+          children: t || s
+        }
+      )
+    ] });
+  }
+);
+f.displayName = "Textarea";
 export {
-  f as ToggleButton
+  f as Textarea
 };
 //# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index68.js","sources":["../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface ToggleButtonProps {\n  label: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n  disabled?: boolean\n  className?: string\n}\n\nexport const ToggleButton = ({\n  label,\n  checked,\n  onChange,\n  disabled = false,\n  className,\n}: ToggleButtonProps) => {\n  const handleClick = () => {\n    if (!disabled) {\n      onChange(!checked)\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between gap-4',\n        disabled && 'opacity-50',\n        className\n      )}\n    >\n      <span className=\"text-sm text-slate-700\">\n        {label}\n      </span>\n\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(\n          'relative inline-flex h-6 w-11 items-center rounded-full',\n          'transition-colors duration-200 ease-in-out',\n          'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n          checked ? 'bg-primary-500' : 'bg-slate-200',\n          disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n        )}\n      >\n        <span\n          className={cn(\n            'inline-block h-4 w-4 rounded-full bg-white shadow-sm',\n            'transform transition-transform duration-200 ease-in-out',\n            checked ? 'translate-x-6' : 'translate-x-1'\n          )}\n        />\n      </button>\n    </div>\n  )\n}\n"],"names":["ToggleButton","label","checked","onChange","disabled","className","handleClick","jsxs","cn","jsx"],"mappings":";;AAUO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAyB;AACvB,QAAMC,IAAc,MAAM;AACxB,IAAKF,KACHD,EAAS,CAACD,CAAO;AAAA,EAErB;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KAAY;AAAA,QACZC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,0BACb,UAAAR,GACH;AAAA,QAEA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcP;AAAA,YACd,UAAAE;AAAA,YACA,SAASE;AAAA,YACT,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAN,IAAU,mBAAmB;AAAA,cAC7BE,IAAW,uBAAuB;AAAA,YAAA;AAAA,YAGpC,UAAA,gBAAAK;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACA;AAAA,kBACAN,IAAU,kBAAkB;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index68.js","sources":["../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, type TextareaHTMLAttributes } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label?: string\n  error?: string\n  helperText?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, label, error, helperText, id, ...props }, ref) => {\n    const textareaId = id || label?.toLowerCase().replace(/\\s+/g, '-')\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className=\"block text-sm font-medium text-slate-700 mb-1.5\"\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          ref={ref}\n          id={textareaId}\n          className={cn(\n            'w-full px-4 py-2.5 text-base min-h-[100px] resize-y',\n            'bg-white border rounded-lg',\n            'transition-colors duration-200',\n            'placeholder:text-slate-400',\n            'focus:outline-none focus:ring-2 focus:ring-offset-0',\n            error\n              ? 'border-red-500 focus:border-red-500 focus:ring-red-500'\n              : 'border-slate-300 focus:border-primary-500 focus:ring-primary-500',\n            'disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed',\n            className\n          )}\n          {...props}\n        />\n        {(error || helperText) && (\n          <p\n            className={cn(\n              'mt-1.5 text-sm',\n              error ? 'text-red-600' : 'text-slate-500'\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","className","label","error","helperText","id","props","ref","textareaId","jsxs","jsx","cn"],"mappings":";;;AASO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAAQ;AAC9D,UAAMC,IAAaH,MAAMH,KAAA,gBAAAA,EAAO,cAAc,QAAQ,QAAQ;AAE9D,WACE,gBAAAO,EAAC,OAAA,EAAI,WAAU,UACZ,UAAA;AAAA,MAAAP,KACC,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASF;AAAA,UACT,WAAU;AAAA,UAET,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAH;AAAA,UACA,IAAIC;AAAA,UACJ,WAAWG;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAR,IACI,2DACA;AAAA,YACJ;AAAA,YACAF;AAAA,UAAA;AAAA,UAED,GAAGK;AAAA,QAAA;AAAA,MAAA;AAAA,OAEJH,KAASC,MACT,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACAR,IAAQ,iBAAiB;AAAA,UAAA;AAAA,UAG1B,UAAAA,KAASC;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GAEJ;AAAA,EAEJ;AACF;AAEAL,EAAS,cAAc;"}

package/dist/index69.js

@@ -1,71 +1,79 @@
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { cn as i } from "./index3.js";
-const x = {
-  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-  left: "right-full top-1/2 -translate-y-1/2 mr-2",
-  right: "left-full top-1/2 -translate-y-1/2 ml-2"
-}, h = {
-  top: "top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent",
-  bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent",
-  left: "left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent",
-  right: "right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent"
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Switch as r } from "@headlessui/react";
+import { cn as e } from "./index3.js";
+const f = {
+  sm: {
+    track: "h-5 w-9",
+    thumb: "h-4 w-4",
+    translate: "translate-x-4"
+  },
+  md: {
+    track: "h-6 w-11",
+    thumb: "h-5 w-5",
+    translate: "translate-x-5"
+  },
+  lg: {
+    track: "h-7 w-14",
+    thumb: "h-6 w-6",
+    translate: "translate-x-7"
+  }
 };
-function T({
-  content: p,
-  children: u,
-  position: t = "top",
-  delay: b = 200,
-  className: d
+function p({
+  checked: s,
+  onChange: m,
+  label: a,
+  description: n,
+  disabled: o = !1,
+  size: c = "md",
+  className: u
 }) {
-  const [f, e] = n(!1), [r, o] = n(null), l = () => {
-    const m = setTimeout(() => e(!0), b);
-    o(m);
-  }, a = () => {
-    r && (clearTimeout(r), o(null)), e(!1);
-  };
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: "relative inline-flex",
-      onMouseEnter: l,
-      onMouseLeave: a,
-      onFocus: l,
-      onBlur: a,
-      children: [
-        u,
-        f && /* @__PURE__ */ s(
-          "div",
+  const l = f[c];
+  return /* @__PURE__ */ t(r.Group, { children: /* @__PURE__ */ i("div", { className: e("flex items-start gap-3", u), children: [
+    /* @__PURE__ */ t(
+      r,
+      {
+        checked: s,
+        onChange: m,
+        disabled: o,
+        className: e(
+          "relative inline-flex flex-shrink-0 rounded-full",
+          "border-2 border-transparent cursor-pointer",
+          "transition-colors duration-200 ease-in-out",
+          "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+          s ? "bg-primary-500" : "bg-slate-200",
+          o && "opacity-50 cursor-not-allowed",
+          l.track
+        ),
+        children: /* @__PURE__ */ t(
+          "span",
           {
-            className: i(
-              "absolute z-50 px-3 py-1.5",
-              "bg-slate-800 text-white text-sm rounded-lg",
-              "whitespace-nowrap",
-              "animate-in fade-in-0 zoom-in-95 duration-150",
-              x[t],
-              d
-            ),
-            role: "tooltip",
-            children: [
-              p,
-              /* @__PURE__ */ c(
-                "span",
-                {
-                  className: i(
-                    "absolute w-0 h-0 border-4",
-                    h[t]
-                  )
-                }
-              )
-            ]
+            className: e(
+              "pointer-events-none inline-block rounded-full",
+              "bg-white shadow-sm ring-0",
+              "transform transition duration-200 ease-in-out",
+              s ? l.translate : "translate-x-0",
+              l.thumb
+            )
           }
         )
-      ]
-    }
-  );
+      }
+    ),
+    (a || n) && /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+      a && /* @__PURE__ */ t(
+        r.Label,
+        {
+          className: e(
+            "text-sm font-medium text-slate-900",
+            o && "opacity-50"
+          ),
+          children: a
+        }
+      ),
+      n && /* @__PURE__ */ t(r.Description, { className: "text-sm text-slate-500", children: n })
+    ] })
+  ] }) });
 }
 export {
-  T as Tooltip
+  p as Toggle
 };
 //# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index69.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TooltipProps {\n  content: ReactNode\n  children: ReactNode\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  delay?: number\n  className?: string\n}\n\nconst positionStyles = {\n  top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n  left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n  right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n}\n\nconst arrowStyles = {\n  top: 'top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent',\n  bottom: 'bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent',\n  left: 'left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent',\n  right: 'right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent',\n}\n\nexport function Tooltip({\n  content,\n  children,\n  position = 'top',\n  delay = 200,\n  className,\n}: TooltipProps) {\n  const [isVisible, setIsVisible] = useState(false)\n  const [timeoutId, setTimeoutId] = useState<ReturnType<typeof setTimeout> | null>(null)\n\n  const showTooltip = () => {\n    const id = setTimeout(() => setIsVisible(true), delay)\n    setTimeoutId(id)\n  }\n\n  const hideTooltip = () => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n      setTimeoutId(null)\n    }\n    setIsVisible(false)\n  }\n\n  return (\n    <div\n      className=\"relative inline-flex\"\n      onMouseEnter={showTooltip}\n      onMouseLeave={hideTooltip}\n      onFocus={showTooltip}\n      onBlur={hideTooltip}\n    >\n      {children}\n      {isVisible && (\n        <div\n          className={cn(\n            'absolute z-50 px-3 py-1.5',\n            'bg-slate-800 text-white text-sm rounded-lg',\n            'whitespace-nowrap',\n            'animate-in fade-in-0 zoom-in-95 duration-150',\n            positionStyles[position],\n            className\n          )}\n          role=\"tooltip\"\n        >\n          {content}\n          <span\n            className={cn(\n              'absolute w-0 h-0 border-4',\n              arrowStyles[position]\n            )}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["positionStyles","arrowStyles","Tooltip","content","children","position","delay","className","isVisible","setIsVisible","useState","timeoutId","setTimeoutId","showTooltip","id","hideTooltip","jsxs","cn","jsx"],"mappings":";;;AAWA,MAAMA,IAAiB;AAAA,EACrB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT,GAEMC,IAAc;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,SAASC,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAAiB;AACf,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAA+C,IAAI,GAE/EG,IAAc,MAAM;AACxB,UAAMC,IAAK,WAAW,MAAML,EAAa,EAAI,GAAGH,CAAK;AACrD,IAAAM,EAAaE,CAAE;AAAA,EACjB,GAEMC,IAAc,MAAM;AACxB,IAAIJ,MACF,aAAaA,CAAS,GACtBC,EAAa,IAAI,IAEnBH,EAAa,EAAK;AAAA,EACpB;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAcH;AAAA,MACd,cAAcE;AAAA,MACd,SAASF;AAAA,MACT,QAAQE;AAAA,MAEP,UAAA;AAAA,QAAAX;AAAA,QACAI,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAjB,EAAeK,CAAQ;AAAA,cACvBE;AAAA,YAAA;AAAA,YAEF,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAJ;AAAA,cACD,gBAAAe;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACT;AAAA,oBACAhB,EAAYI,CAAQ;AAAA,kBAAA;AAAA,gBACtB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index69.js","sources":["../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { Switch } from '@headlessui/react'\nimport { cn } from '@/lib/utils'\n\nexport interface ToggleProps {\n  checked: boolean\n  onChange: (checked: boolean) => void\n  label?: string\n  description?: string\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: {\n    track: 'h-5 w-9',\n    thumb: 'h-4 w-4',\n    translate: 'translate-x-4',\n  },\n  md: {\n    track: 'h-6 w-11',\n    thumb: 'h-5 w-5',\n    translate: 'translate-x-5',\n  },\n  lg: {\n    track: 'h-7 w-14',\n    thumb: 'h-6 w-6',\n    translate: 'translate-x-7',\n  },\n}\n\nexport function Toggle({\n  checked,\n  onChange,\n  label,\n  description,\n  disabled = false,\n  size = 'md',\n  className,\n}: ToggleProps) {\n  const styles = sizeStyles[size]\n\n  return (\n    <Switch.Group>\n      <div className={cn('flex items-start gap-3', className)}>\n        <Switch\n          checked={checked}\n          onChange={onChange}\n          disabled={disabled}\n          className={cn(\n            'relative inline-flex flex-shrink-0 rounded-full',\n            'border-2 border-transparent cursor-pointer',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n            checked ? 'bg-primary-500' : 'bg-slate-200',\n            disabled && 'opacity-50 cursor-not-allowed',\n            styles.track\n          )}\n        >\n          <span\n            className={cn(\n              'pointer-events-none inline-block rounded-full',\n              'bg-white shadow-sm ring-0',\n              'transform transition duration-200 ease-in-out',\n              checked ? styles.translate : 'translate-x-0',\n              styles.thumb\n            )}\n          />\n        </Switch>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <Switch.Label\n                className={cn(\n                  'text-sm font-medium text-slate-900',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n              </Switch.Label>\n            )}\n            {description && (\n              <Switch.Description className=\"text-sm text-slate-500\">\n                {description}\n              </Switch.Description>\n            )}\n          </div>\n        )}\n      </div>\n    </Switch.Group>\n  )\n}\n"],"names":["sizeStyles","Toggle","checked","onChange","label","description","disabled","size","className","styles","jsx","Switch","jsxs","cn"],"mappings":";;;AAaA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAAA,EAEb,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAAA,EAEb,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAEf;AAEO,SAASC,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAST,EAAWO,CAAI;AAE9B,SACE,gBAAAG,EAACC,EAAO,OAAP,EACC,UAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,0BAA0BL,CAAS,GACpD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAT;AAAA,QACA,UAAAC;AAAA,QACA,UAAAG;AAAA,QACA,WAAWO;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAX,IAAU,mBAAmB;AAAA,UAC7BI,KAAY;AAAA,UACZG,EAAO;AAAA,QAAA;AAAA,QAGT,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWG;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAX,IAAUO,EAAO,YAAY;AAAA,cAC7BA,EAAO;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,KAEAL,KAASC,MACT,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,MAAAR,KACC,gBAAAM;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACAP,KAAY;AAAA,UAAA;AAAA,UAGb,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJC,KACC,gBAAAK,EAACC,EAAO,aAAP,EAAmB,WAAU,0BAC3B,UAAAN,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/index70.js

@@ -1,39 +1,57 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { cn as x } from "./index3.js";
-import { ArrowTrendingUpIcon as d, ArrowTrendingDownIcon as l, MinusIcon as a } from "@heroicons/react/24/solid";
-const p = {
-  sm: { text: "text-xs", icon: "w-3 h-3" },
-  md: { text: "text-sm", icon: "w-4 h-4" },
-  lg: { text: "text-base", icon: "w-5 h-5" }
-}, w = {
-  up: "text-green-600",
-  down: "text-red-500",
-  stable: "text-slate-500"
-}, u = ({
-  direction: t,
-  value: e,
-  showIcon: s = !0,
-  size: r = "md",
-  className: c
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "./index3.js";
+const f = ({
+  label: r,
+  checked: t,
+  onChange: s,
+  disabled: n = !1,
+  className: i
 }) => {
-  const n = p[r], i = t === "up" ? d : t === "down" ? l : a;
-  return /* @__PURE__ */ m(
-    "span",
+  const a = () => {
+    n || s(!t);
+  };
+  return /* @__PURE__ */ l(
+    "div",
     {
-      className: x(
-        "inline-flex items-center gap-1 font-medium",
-        n.text,
-        w[t],
-        c
+      className: o(
+        "flex items-center justify-between gap-4",
+        n && "opacity-50",
+        i
       ),
       children: [
-        s && /* @__PURE__ */ o(i, { className: n.icon }),
-        e !== void 0 && /* @__PURE__ */ o("span", { children: e })
+        /* @__PURE__ */ e("span", { className: "text-sm text-slate-700", children: r }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            role: "switch",
+            "aria-checked": t,
+            disabled: n,
+            onClick: a,
+            className: o(
+              "relative inline-flex h-6 w-11 items-center rounded-full",
+              "transition-colors duration-200 ease-in-out",
+              "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+              t ? "bg-primary-500" : "bg-slate-200",
+              n ? "cursor-not-allowed" : "cursor-pointer"
+            ),
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: o(
+                  "inline-block h-4 w-4 rounded-full bg-white shadow-sm",
+                  "transform transition-transform duration-200 ease-in-out",
+                  t ? "translate-x-6" : "translate-x-1"
+                )
+              }
+            )
+          }
+        )
       ]
     }
   );
 };
 export {
-  u as TrendIndicator
+  f as ToggleButton
 };
 //# sourceMappingURL=index70.js.map

package/dist/index70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index70.js","sources":["../src/components/TrendIndicator/TrendIndicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { ArrowTrendingUpIcon, ArrowTrendingDownIcon, MinusIcon } from '@heroicons/react/24/solid'\n\nexport interface TrendIndicatorProps {\n  direction: 'up' | 'down' | 'stable'\n  value?: string | number\n  showIcon?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: { text: 'text-xs', icon: 'w-3 h-3' },\n  md: { text: 'text-sm', icon: 'w-4 h-4' },\n  lg: { text: 'text-base', icon: 'w-5 h-5' },\n}\n\nconst directionStyles = {\n  up: 'text-green-600',\n  down: 'text-red-500',\n  stable: 'text-slate-500',\n}\n\nexport const TrendIndicator = ({\n  direction,\n  value,\n  showIcon = true,\n  size = 'md',\n  className,\n}: TrendIndicatorProps) => {\n  const styles = sizeStyles[size]\n\n  const Icon = direction === 'up'\n    ? ArrowTrendingUpIcon\n    : direction === 'down'\n      ? ArrowTrendingDownIcon\n      : MinusIcon\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 font-medium',\n        styles.text,\n        directionStyles[direction],\n        className\n      )}\n    >\n      {showIcon && <Icon className={styles.icon} />}\n      {value !== undefined && <span>{value}</span>}\n    </span>\n  )\n}\n"],"names":["sizeStyles","directionStyles","TrendIndicator","direction","value","showIcon","size","className","styles","Icon","ArrowTrendingUpIcon","ArrowTrendingDownIcon","MinusIcon","jsxs","cn","jsx"],"mappings":";;;AAWA,MAAMA,IAAa;AAAA,EACjB,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,WAAW,MAAM,UAAA;AAAA,EAC7B,IAAI,EAAE,MAAM,aAAa,MAAM,UAAA;AACjC,GAEMC,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AACV,GAEaC,IAAiB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA2B;AACzB,QAAMC,IAASR,EAAWM,CAAI,GAExBG,IAAON,MAAc,OACvBO,IACAP,MAAc,SACZQ,IACAC;AAEN,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAN,EAAO;AAAA,QACPP,EAAgBE,CAAS;AAAA,QACzBI;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAF,KAAY,gBAAAU,EAACN,GAAA,EAAK,WAAWD,EAAO,MAAM;AAAA,QAC1CJ,MAAU,UAAa,gBAAAW,EAAC,QAAA,EAAM,UAAAX,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}
+{"version":3,"file":"index70.js","sources":["../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface ToggleButtonProps {\n  label: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n  disabled?: boolean\n  className?: string\n}\n\nexport const ToggleButton = ({\n  label,\n  checked,\n  onChange,\n  disabled = false,\n  className,\n}: ToggleButtonProps) => {\n  const handleClick = () => {\n    if (!disabled) {\n      onChange(!checked)\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between gap-4',\n        disabled && 'opacity-50',\n        className\n      )}\n    >\n      <span className=\"text-sm text-slate-700\">\n        {label}\n      </span>\n\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(\n          'relative inline-flex h-6 w-11 items-center rounded-full',\n          'transition-colors duration-200 ease-in-out',\n          'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n          checked ? 'bg-primary-500' : 'bg-slate-200',\n          disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n        )}\n      >\n        <span\n          className={cn(\n            'inline-block h-4 w-4 rounded-full bg-white shadow-sm',\n            'transform transition-transform duration-200 ease-in-out',\n            checked ? 'translate-x-6' : 'translate-x-1'\n          )}\n        />\n      </button>\n    </div>\n  )\n}\n"],"names":["ToggleButton","label","checked","onChange","disabled","className","handleClick","jsxs","cn","jsx"],"mappings":";;AAUO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAyB;AACvB,QAAMC,IAAc,MAAM;AACxB,IAAKF,KACHD,EAAS,CAACD,CAAO;AAAA,EAErB;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KAAY;AAAA,QACZC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,0BACb,UAAAR,GACH;AAAA,QAEA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcP;AAAA,YACd,UAAAE;AAAA,YACA,SAASE;AAAA,YACT,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAN,IAAU,mBAAmB;AAAA,cAC7BE,IAAW,uBAAuB;AAAA,YAAA;AAAA,YAGpC,UAAA,gBAAAK;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACA;AAAA,kBACAN,IAAU,kBAAkB;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index71.js

@@ -1,17 +1,71 @@
-function i(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (f = 0; f < o; f++) r[f] && (n = i(r[f])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function a() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = i(r)) && (t && (t += " "), t += f);
-  return t;
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { cn as i } from "./index3.js";
+const x = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2"
+}, h = {
+  top: "top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent",
+  bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent",
+  left: "left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent",
+  right: "right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent"
+};
+function T({
+  content: p,
+  children: u,
+  position: t = "top",
+  delay: b = 200,
+  className: d
+}) {
+  const [f, e] = n(!1), [r, o] = n(null), l = () => {
+    const m = setTimeout(() => e(!0), b);
+    o(m);
+  }, a = () => {
+    r && (clearTimeout(r), o(null)), e(!1);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: l,
+      onMouseLeave: a,
+      onFocus: l,
+      onBlur: a,
+      children: [
+        u,
+        f && /* @__PURE__ */ s(
+          "div",
+          {
+            className: i(
+              "absolute z-50 px-3 py-1.5",
+              "bg-slate-800 text-white text-sm rounded-lg",
+              "whitespace-nowrap",
+              "animate-in fade-in-0 zoom-in-95 duration-150",
+              x[t],
+              d
+            ),
+            role: "tooltip",
+            children: [
+              p,
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  className: i(
+                    "absolute w-0 h-0 border-4",
+                    h[t]
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 export {
-  a as clsx
+  T as Tooltip
 };
 //# sourceMappingURL=index71.js.map

package/dist/index71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index71.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,EAAE,MAAM,MAAIA,KAAKF,EAAE,CAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA,IAAI,EAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index71.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TooltipProps {\n  content: ReactNode\n  children: ReactNode\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  delay?: number\n  className?: string\n}\n\nconst positionStyles = {\n  top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n  left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n  right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n}\n\nconst arrowStyles = {\n  top: 'top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent',\n  bottom: 'bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent',\n  left: 'left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent',\n  right: 'right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent',\n}\n\nexport function Tooltip({\n  content,\n  children,\n  position = 'top',\n  delay = 200,\n  className,\n}: TooltipProps) {\n  const [isVisible, setIsVisible] = useState(false)\n  const [timeoutId, setTimeoutId] = useState<ReturnType<typeof setTimeout> | null>(null)\n\n  const showTooltip = () => {\n    const id = setTimeout(() => setIsVisible(true), delay)\n    setTimeoutId(id)\n  }\n\n  const hideTooltip = () => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n      setTimeoutId(null)\n    }\n    setIsVisible(false)\n  }\n\n  return (\n    <div\n      className=\"relative inline-flex\"\n      onMouseEnter={showTooltip}\n      onMouseLeave={hideTooltip}\n      onFocus={showTooltip}\n      onBlur={hideTooltip}\n    >\n      {children}\n      {isVisible && (\n        <div\n          className={cn(\n            'absolute z-50 px-3 py-1.5',\n            'bg-slate-800 text-white text-sm rounded-lg',\n            'whitespace-nowrap',\n            'animate-in fade-in-0 zoom-in-95 duration-150',\n            positionStyles[position],\n            className\n          )}\n          role=\"tooltip\"\n        >\n          {content}\n          <span\n            className={cn(\n              'absolute w-0 h-0 border-4',\n              arrowStyles[position]\n            )}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["positionStyles","arrowStyles","Tooltip","content","children","position","delay","className","isVisible","setIsVisible","useState","timeoutId","setTimeoutId","showTooltip","id","hideTooltip","jsxs","cn","jsx"],"mappings":";;;AAWA,MAAMA,IAAiB;AAAA,EACrB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT,GAEMC,IAAc;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,SAASC,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAAiB;AACf,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAA+C,IAAI,GAE/EG,IAAc,MAAM;AACxB,UAAMC,IAAK,WAAW,MAAML,EAAa,EAAI,GAAGH,CAAK;AACrD,IAAAM,EAAaE,CAAE;AAAA,EACjB,GAEMC,IAAc,MAAM;AACxB,IAAIJ,MACF,aAAaA,CAAS,GACtBC,EAAa,IAAI,IAEnBH,EAAa,EAAK;AAAA,EACpB;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAcH;AAAA,MACd,cAAcE;AAAA,MACd,SAASF;AAAA,MACT,QAAQE;AAAA,MAEP,UAAA;AAAA,QAAAX;AAAA,QACAI,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAjB,EAAeK,CAAQ;AAAA,cACvBE;AAAA,YAAA;AAAA,YAEF,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAJ;AAAA,cACD,gBAAAe;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACT;AAAA,oBACAhB,EAAYI,CAAQ;AAAA,kBAAA;AAAA,gBACtB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}