@axtec/components 0.1.8 → 0.1.10

package/dist/index36.js

@@ -1,57 +1,55 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Fragment as a } from "react";
-import { Transition as n, Dialog as s, TransitionChild as o, DialogPanel as c } from "@headlessui/react";
-import { cn as d } from "./index3.js";
-import { Loader as m } from "./index35.js";
-function y({
-  open: r,
-  message: t = "Please wait...",
-  className: l
-}) {
-  return /* @__PURE__ */ e(n, { show: r, as: a, children: /* @__PURE__ */ i(s, { onClose: () => {
-  }, className: "relative z-50", children: [
-    /* @__PURE__ */ e(
-      o,
-      {
-        as: a,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ e(
-      o,
-      {
-        as: a,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0 scale-95",
-        enterTo: "opacity-100 scale-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100 scale-100",
-        leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ e(
-          c,
-          {
-            className: d(
-              "w-full max-w-xs bg-white rounded-2xl shadow-xl p-8",
-              "transform transition-all",
-              l
-            ),
-            children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4", children: [
-              /* @__PURE__ */ e(m, { size: "lg" }),
-              t && /* @__PURE__ */ e("p", { className: "text-sm text-slate-600 text-center", children: t })
-            ] })
-          }
-        )
-      }
-    ) })
-  ] }) });
-}
+import { jsx as e, jsxs as h, Fragment as f } from "react/jsx-runtime";
+import { cn as n } from "./index3.js";
+const v = {
+  default: "text-slate-700 hover:text-slate-900",
+  primary: "text-primary-500 hover:text-primary-600",
+  muted: "text-slate-500 hover:text-slate-600"
+}, b = ({
+  label: i,
+  href: r,
+  onClick: o,
+  leftIcon: l,
+  rightIcon: c,
+  variant: m = "default",
+  underline: p = !0,
+  disabled: t = !1,
+  target: u,
+  rel: x,
+  className: d
+}) => {
+  const s = n(
+    "inline-flex items-center gap-2 transition-colors",
+    v[m],
+    p && "hover:underline",
+    t && "opacity-50 cursor-not-allowed pointer-events-none",
+    d
+  ), a = /* @__PURE__ */ h(f, { children: [
+    l,
+    /* @__PURE__ */ e("span", { children: i }),
+    c
+  ] });
+  return r && !t ? /* @__PURE__ */ e(
+    "a",
+    {
+      href: r,
+      target: u,
+      rel: x,
+      className: n(s, "no-underline"),
+      onClick: o,
+      children: a
+    }
+  ) : /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      disabled: t,
+      className: n(s, "bg-transparent border-none cursor-pointer p-0"),
+      children: a
+    }
+  );
+};
 export {
-  y as LoadingModal
+  b as LinkButton
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/LoadingModal/LoadingModal.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport {\n  Dialog,\n  DialogPanel,\n  Transition,\n  TransitionChild,\n} from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport { Loader } from '../Loader/Loader'\n\nexport interface LoadingModalProps {\n  open: boolean\n  message?: string\n  className?: string\n}\n\nexport function LoadingModal({\n  open,\n  message = 'Please wait...',\n  className,\n}: LoadingModalProps) {\n  // Non-dismissible - empty onClose handler\n  const handleClose = () => {}\n\n  return (\n    <Transition show={open} as={Fragment}>\n      <Dialog onClose={handleClose} className=\"relative z-50\">\n        {/* Backdrop */}\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n        </TransitionChild>\n\n        {/* Modal */}\n        <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n          <TransitionChild\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <DialogPanel\n              className={cn(\n                'w-full max-w-xs bg-white rounded-2xl shadow-xl p-8',\n                'transform transition-all',\n                className\n              )}\n            >\n              <div className=\"flex flex-col items-center gap-4\">\n                <Loader size=\"lg\" />\n                {message && (\n                  <p className=\"text-sm text-slate-600 text-center\">{message}</p>\n                )}\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n"],"names":["LoadingModal","open","message","className","jsx","Transition","Fragment","jsxs","Dialog","TransitionChild","DialogPanel","cn","Loader"],"mappings":";;;;;AAgBO,SAASA,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAsB;AAIpB,SACE,gBAAAC,EAACC,GAAA,EAAW,MAAMJ,GAAM,IAAIK,GAC1B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAJQ,MAAM;AAAA,EAAC,GAIO,WAAU,iBAEtC,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhE,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACAR;AAAA,YAAA;AAAA,YAGF,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,cAAA,gBAAAH,EAACQ,GAAA,EAAO,MAAK,KAAA,CAAK;AAAA,cACjBV,KACC,gBAAAE,EAAC,KAAA,EAAE,WAAU,sCAAsC,UAAAF,EAAA,CAAQ;AAAA,YAAA,EAAA,CAE/D;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index36.js","sources":["../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface LinkButtonProps {\n  label: string\n  href?: string\n  onClick?: () => void\n  leftIcon?: ReactNode\n  rightIcon?: ReactNode\n  variant?: 'default' | 'primary' | 'muted'\n  underline?: boolean\n  disabled?: boolean\n  target?: string\n  rel?: string\n  className?: string\n}\n\nconst variantStyles = {\n  default: 'text-slate-700 hover:text-slate-900',\n  primary: 'text-primary-500 hover:text-primary-600',\n  muted: 'text-slate-500 hover:text-slate-600',\n}\n\nexport const LinkButton = ({\n  label,\n  href,\n  onClick,\n  leftIcon,\n  rightIcon,\n  variant = 'default',\n  underline = true,\n  disabled = false,\n  target,\n  rel,\n  className,\n}: LinkButtonProps) => {\n  const commonClasses = cn(\n    'inline-flex items-center gap-2 transition-colors',\n    variantStyles[variant],\n    underline && 'hover:underline',\n    disabled && 'opacity-50 cursor-not-allowed pointer-events-none',\n    className\n  )\n\n  const content = (\n    <>\n      {leftIcon}\n      <span>{label}</span>\n      {rightIcon}\n    </>\n  )\n\n  if (href && !disabled) {\n    return (\n      <a\n        href={href}\n        target={target}\n        rel={rel}\n        className={cn(commonClasses, 'no-underline')}\n        onClick={onClick}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(commonClasses, 'bg-transparent border-none cursor-pointer p-0')}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["variantStyles","LinkButton","label","href","onClick","leftIcon","rightIcon","variant","underline","disabled","target","rel","className","commonClasses","cn","content","jsxs","Fragment","jsx"],"mappings":";;AAiBA,MAAMA,IAAgB;AAAA,EACpB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT,GAEaC,IAAa,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AACF,MAAuB;AACrB,QAAMC,IAAgBC;AAAA,IACpB;AAAA,IACAd,EAAcO,CAAO;AAAA,IACrBC,KAAa;AAAA,IACbC,KAAY;AAAA,IACZG;AAAA,EAAA,GAGIG,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ;AAAA,IACD,gBAAAa,EAAC,UAAM,UAAAhB,EAAA,CAAM;AAAA,IACZI;AAAA,EAAA,GACH;AAGF,SAAIH,KAAQ,CAACM,IAET,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAf;AAAA,MACA,QAAAO;AAAA,MACA,KAAAC;AAAA,MACA,WAAWG,EAAGD,GAAe,cAAc;AAAA,MAC3C,SAAAT;AAAA,MAEC,UAAAW;AAAA,IAAA;AAAA,EAAA,IAML,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAAd;AAAA,MACA,UAAAK;AAAA,MACA,WAAWK,EAAGD,GAAe,+CAA+C;AAAA,MAE3E,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index37.js

@@ -1,52 +1,31 @@
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { cn as e } from "./index3.js";
-const d = ({
-  size: r = 32,
-  className: t
-}) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: e("text-primary-500 animate-pulse", t),
-    style: { width: r, height: r },
-    children: /* @__PURE__ */ i(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 26 38",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ i("g", { clipPath: "url(#clip0_logo_loader)", children: [
-            /* @__PURE__ */ l(
-              "path",
-              {
-                d: "M3.20184 20.0024C3.18659 14.7589 3.20184 14.0649 3.20184 13.3401C3.20184 7.66477 7.66916 3.31575 13.0208 3.31575C18.3724 3.31575 22.6568 7.92695 22.6568 13.6023C22.6568 14.6047 22.6568 15.4067 22.6568 16.4245L25.8281 17.9513C25.8281 16.5325 25.8281 15.0519 25.8281 13.6023C25.8281 6.09172 20.1106 0 13.0208 0C5.94627 0 0 6.15341 0 13.6485C0 14.7898 0 16.1469 0 21.6834L3.20184 20.0024Z",
-                fill: "currentColor"
-              }
-            ),
-            /* @__PURE__ */ l(
-              "path",
-              {
-                d: "M12.8988 13.0471L0 19.0617V22.6242L12.8988 16.5016L22.5653 22.0381V34.7305H22.1537H17.0765H16.0549V38H17.0765H22.1537H25.8129V19.9099L12.8988 13.0471Z",
-                fill: "currentColor"
-              }
-            ),
-            /* @__PURE__ */ l(
-              "path",
-              {
-                d: "M10.9015 34.7305H7.07453H3.24758V23.1485L0 24.7679V38H23.7698V34.7305H10.9015Z",
-                fill: "currentColor"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "clip0_logo_loader", children: /* @__PURE__ */ l("rect", { width: "26", height: "38", fill: "white" }) }) })
-        ]
-      }
-    )
-  }
-);
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "./index3.js";
+const n = {
+  sm: "h-4 w-4 border-2",
+  md: "h-6 w-6 border-2",
+  lg: "h-8 w-8 border-3"
+}, d = {
+  primary: "border-primary-500 border-t-transparent",
+  white: "border-white border-t-transparent",
+  current: "border-current border-t-transparent"
+};
+function l({ size: e = "md", color: o = "primary", className: t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: a(
+        "animate-spin rounded-full",
+        n[e],
+        d[o],
+        t
+      ),
+      role: "status",
+      "aria-label": "Loading",
+      children: /* @__PURE__ */ r("span", { className: "sr-only", children: "Loading..." })
+    }
+  );
+}
 export {
-  d as LogoLoader
+  l as Loader
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/LogoLoader/LogoLoader.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface LogoLoaderProps {\n  size?: number\n  className?: string\n}\n\nexport const LogoLoader = ({\n  size = 32,\n  className,\n}: LogoLoaderProps) => {\n  return (\n    <div\n      className={cn('text-primary-500 animate-pulse', className)}\n      style={{ width: size, height: size }}\n    >\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 26 38\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g clipPath=\"url(#clip0_logo_loader)\">\n          <path\n            d=\"M3.20184 20.0024C3.18659 14.7589 3.20184 14.0649 3.20184 13.3401C3.20184 7.66477 7.66916 3.31575 13.0208 3.31575C18.3724 3.31575 22.6568 7.92695 22.6568 13.6023C22.6568 14.6047 22.6568 15.4067 22.6568 16.4245L25.8281 17.9513C25.8281 16.5325 25.8281 15.0519 25.8281 13.6023C25.8281 6.09172 20.1106 0 13.0208 0C5.94627 0 0 6.15341 0 13.6485C0 14.7898 0 16.1469 0 21.6834L3.20184 20.0024Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M12.8988 13.0471L0 19.0617V22.6242L12.8988 16.5016L22.5653 22.0381V34.7305H22.1537H17.0765H16.0549V38H17.0765H22.1537H25.8129V19.9099L12.8988 13.0471Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M10.9015 34.7305H7.07453H3.24758V23.1485L0 24.7679V38H23.7698V34.7305H10.9015Z\"\n            fill=\"currentColor\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_logo_loader\">\n            <rect width=\"26\" height=\"38\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"names":["LogoLoader","size","className","jsx","cn","jsxs"],"mappings":";;AAOO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACzD,OAAO,EAAE,OAAOD,GAAM,QAAQA,EAAA;AAAA,IAE9B,UAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAA,EAAC,KAAA,EAAE,UAAS,2BACV,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEP,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEP,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,GACF;AAAA,UACA,gBAAAA,EAAC,QAAA,EACC,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,qBACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,GAC5C,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA;"}
+{"version":3,"file":"index37.js","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface LoaderProps {\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'white' | 'current'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-4 w-4 border-2',\n  md: 'h-6 w-6 border-2',\n  lg: 'h-8 w-8 border-3',\n}\n\nconst colorStyles = {\n  primary: 'border-primary-500 border-t-transparent',\n  white: 'border-white border-t-transparent',\n  current: 'border-current border-t-transparent',\n}\n\nexport function Loader({ size = 'md', color = 'primary', className }: LoaderProps) {\n  return (\n    <div\n      className={cn(\n        'animate-spin rounded-full',\n        sizeStyles[size],\n        colorStyles[color],\n        className\n      )}\n      role=\"status\"\n      aria-label=\"Loading\"\n    >\n      <span className=\"sr-only\">Loading...</span>\n    </div>\n  )\n}\n"],"names":["sizeStyles","colorStyles","Loader","size","color","className","jsx","cn"],"mappings":";;AAQA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAASC,EAAO,EAAE,MAAAC,IAAO,MAAM,OAAAC,IAAQ,WAAW,WAAAC,KAA0B;AACjF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAP,EAAWG,CAAI;AAAA,QACfF,EAAYG,CAAK;AAAA,QACjBC;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG1C;"}

package/dist/index38.js

@@ -1,16 +1,57 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { cn as a } from "./index3.js";
-const l = ({
-  title: s,
-  text: r,
-  label: t,
-  className: i
-}) => /* @__PURE__ */ m("div", { className: a("relative py-4 px-4", i), children: [
-  /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-slate-500 mb-1", children: s }),
-  /* @__PURE__ */ e("div", { className: "text-sm text-primary-500", children: r }),
-  t && /* @__PURE__ */ e("div", { className: "absolute right-4 top-4 text-sm text-green-500", children: t })
-] });
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Fragment as a } from "react";
+import { Transition as n, Dialog as s, TransitionChild as o, DialogPanel as c } from "@headlessui/react";
+import { cn as d } from "./index3.js";
+import { Loader as m } from "./index37.js";
+function y({
+  open: r,
+  message: t = "Please wait...",
+  className: l
+}) {
+  return /* @__PURE__ */ e(n, { show: r, as: a, children: /* @__PURE__ */ i(s, { onClose: () => {
+  }, className: "relative z-50", children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        as: a,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0",
+        enterTo: "opacity-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100",
+        leaveTo: "opacity-0",
+        children: /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ e(
+      o,
+      {
+        as: a,
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0 scale-95",
+        enterTo: "opacity-100 scale-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100 scale-100",
+        leaveTo: "opacity-0 scale-95",
+        children: /* @__PURE__ */ e(
+          c,
+          {
+            className: d(
+              "w-full max-w-xs bg-white rounded-2xl shadow-xl p-8",
+              "transform transition-all",
+              l
+            ),
+            children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4", children: [
+              /* @__PURE__ */ e(m, { size: "lg" }),
+              t && /* @__PURE__ */ e("p", { className: "text-sm text-slate-600 text-center", children: t })
+            ] })
+          }
+        )
+      }
+    ) })
+  ] }) });
+}
 export {
-  l as MenuText
+  y as LoadingModal
 };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../src/components/MenuText/MenuText.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface MenuTextProps {\n  title: string\n  text: string\n  label?: string\n  className?: string\n}\n\nexport const MenuText = ({\n  title,\n  text,\n  label,\n  className,\n}: MenuTextProps) => {\n  return (\n    <div className={cn('relative py-4 px-4', className)}>\n      <div className=\"text-sm font-semibold text-slate-500 mb-1\">\n        {title}\n      </div>\n      <div className=\"text-sm text-primary-500\">\n        {text}\n      </div>\n      {label && (\n        <div className=\"absolute right-4 top-4 text-sm text-green-500\">\n          {label}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MenuText","title","text","label","className","cn","jsx"],"mappings":";;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,wBAEK,OAAA,EAAI,WAAWC,EAAG,sBAAsBD,CAAS,GAChD,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,6CACZ,UAAAL,GACH;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAAJ,GACH;AAAA,EACCC,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAH,EAAA,CACH;AAAA,GAEJ;"}
+{"version":3,"file":"index38.js","sources":["../src/components/LoadingModal/LoadingModal.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport {\n  Dialog,\n  DialogPanel,\n  Transition,\n  TransitionChild,\n} from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport { Loader } from '../Loader/Loader'\n\nexport interface LoadingModalProps {\n  open: boolean\n  message?: string\n  className?: string\n}\n\nexport function LoadingModal({\n  open,\n  message = 'Please wait...',\n  className,\n}: LoadingModalProps) {\n  // Non-dismissible - empty onClose handler\n  const handleClose = () => {}\n\n  return (\n    <Transition show={open} as={Fragment}>\n      <Dialog onClose={handleClose} className=\"relative z-50\">\n        {/* Backdrop */}\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n        </TransitionChild>\n\n        {/* Modal */}\n        <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n          <TransitionChild\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <DialogPanel\n              className={cn(\n                'w-full max-w-xs bg-white rounded-2xl shadow-xl p-8',\n                'transform transition-all',\n                className\n              )}\n            >\n              <div className=\"flex flex-col items-center gap-4\">\n                <Loader size=\"lg\" />\n                {message && (\n                  <p className=\"text-sm text-slate-600 text-center\">{message}</p>\n                )}\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n"],"names":["LoadingModal","open","message","className","jsx","Transition","Fragment","jsxs","Dialog","TransitionChild","DialogPanel","cn","Loader"],"mappings":";;;;;AAgBO,SAASA,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAsB;AAIpB,SACE,gBAAAC,EAACC,GAAA,EAAW,MAAMJ,GAAM,IAAIK,GAC1B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAJQ,MAAM;AAAA,EAAC,GAIO,WAAU,iBAEtC,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhE,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACAR;AAAA,YAAA;AAAA,YAGF,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,cAAA,gBAAAH,EAACQ,GAAA,EAAO,MAAK,KAAA,CAAK;AAAA,cACjBV,KACC,gBAAAE,EAAC,KAAA,EAAE,WAAU,sCAAsC,UAAAF,EAAA,CAAQ;AAAA,YAAA,EAAA,CAE/D;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/index39.js

@@ -1,85 +1,52 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { Fragment as t } from "react";
-import { Transition as d, Dialog as x, TransitionChild as r, DialogPanel as p, DialogTitle as u } from "@headlessui/react";
-import { XMarkIcon as h } from "@heroicons/react/24/outline";
-import { cn as l } from "./index3.js";
-const f = {
-  sm: "max-w-sm",
-  md: "max-w-md",
-  lg: "max-w-lg",
-  xl: "max-w-xl",
-  "2xl": "max-w-2xl"
-};
-function N({
-  open: s,
-  onClose: i,
-  title: o,
-  children: n,
-  maxWidth: c = "md",
-  className: m
-}) {
-  return /* @__PURE__ */ e(d, { show: s, as: t, children: /* @__PURE__ */ a(x, { onClose: i, className: "relative z-50", children: [
-    /* @__PURE__ */ e(
-      r,
-      {
-        as: t,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0",
-        enterTo: "opacity-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100",
-        leaveTo: "opacity-0",
-        children: /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50", "aria-hidden": "true" })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ e(
-      r,
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { cn as e } from "./index3.js";
+const d = ({
+  size: r = 32,
+  className: t
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: e("text-primary-500 animate-pulse", t),
+    style: { width: r, height: r },
+    children: /* @__PURE__ */ i(
+      "svg",
       {
-        as: t,
-        enter: "ease-out duration-300",
-        enterFrom: "opacity-0 scale-95",
-        enterTo: "opacity-100 scale-100",
-        leave: "ease-in duration-200",
-        leaveFrom: "opacity-100 scale-100",
-        leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ a(
-          p,
-          {
-            className: l(
-              "w-full bg-white rounded-2xl shadow-xl",
-              "transform transition-all",
-              f[c],
-              m
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 26 38",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ i("g", { clipPath: "url(#clip0_logo_loader)", children: [
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: "M3.20184 20.0024C3.18659 14.7589 3.20184 14.0649 3.20184 13.3401C3.20184 7.66477 7.66916 3.31575 13.0208 3.31575C18.3724 3.31575 22.6568 7.92695 22.6568 13.6023C22.6568 14.6047 22.6568 15.4067 22.6568 16.4245L25.8281 17.9513C25.8281 16.5325 25.8281 15.0519 25.8281 13.6023C25.8281 6.09172 20.1106 0 13.0208 0C5.94627 0 0 6.15341 0 13.6485C0 14.7898 0 16.1469 0 21.6834L3.20184 20.0024Z",
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: "M12.8988 13.0471L0 19.0617V22.6242L12.8988 16.5016L22.5653 22.0381V34.7305H22.1537H17.0765H16.0549V38H17.0765H22.1537H25.8129V19.9099L12.8988 13.0471Z",
+                fill: "currentColor"
+              }
             ),
-            children: [
-              o && /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-6 py-4 border-b border-slate-200", children: [
-                /* @__PURE__ */ e(u, { className: "text-lg font-semibold text-slate-900", children: o }),
-                /* @__PURE__ */ a(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: i,
-                    className: l(
-                      "p-1 rounded-lg transition-colors duration-200",
-                      "text-slate-400 hover:text-slate-600 hover:bg-slate-100",
-                      "focus:outline-none focus:ring-2 focus:ring-primary-500"
-                    ),
-                    children: [
-                      /* @__PURE__ */ e(h, { className: "h-5 w-5" }),
-                      /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e("div", { className: "p-6", children: n })
-            ]
-          }
-        )
+            /* @__PURE__ */ l(
+              "path",
+              {
+                d: "M10.9015 34.7305H7.07453H3.24758V23.1485L0 24.7679V38H23.7698V34.7305H10.9015Z",
+                fill: "currentColor"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "clip0_logo_loader", children: /* @__PURE__ */ l("rect", { width: "26", height: "38", fill: "white" }) }) })
+        ]
       }
-    ) })
-  ] }) });
-}
+    )
+  }
+);
 export {
-  N as Modal
+  d as LogoLoader
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/Modal/Modal.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react'\nimport {\n  Dialog,\n  DialogPanel,\n  DialogTitle,\n  Transition,\n  TransitionChild,\n} from '@headlessui/react'\nimport { XMarkIcon } from '@heroicons/react/24/outline'\nimport { cn } from '@/lib/utils'\n\nexport interface ModalProps {\n  open: boolean\n  onClose: () => void\n  title?: string\n  children?: ReactNode\n  maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n  className?: string\n}\n\nconst maxWidthStyles = {\n  sm: 'max-w-sm',\n  md: 'max-w-md',\n  lg: 'max-w-lg',\n  xl: 'max-w-xl',\n  '2xl': 'max-w-2xl',\n}\n\nexport function Modal({\n  open,\n  onClose,\n  title,\n  children,\n  maxWidth = 'md',\n  className,\n}: ModalProps) {\n  return (\n    <Transition show={open} as={Fragment}>\n      <Dialog onClose={onClose} className=\"relative z-50\">\n        {/* Backdrop */}\n        <TransitionChild\n          as={Fragment}\n          enter=\"ease-out duration-300\"\n          enterFrom=\"opacity-0\"\n          enterTo=\"opacity-100\"\n          leave=\"ease-in duration-200\"\n          leaveFrom=\"opacity-100\"\n          leaveTo=\"opacity-0\"\n        >\n          <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n        </TransitionChild>\n\n        {/* Full-screen container for centering */}\n        <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n          <TransitionChild\n            as={Fragment}\n            enter=\"ease-out duration-300\"\n            enterFrom=\"opacity-0 scale-95\"\n            enterTo=\"opacity-100 scale-100\"\n            leave=\"ease-in duration-200\"\n            leaveFrom=\"opacity-100 scale-100\"\n            leaveTo=\"opacity-0 scale-95\"\n          >\n            <DialogPanel\n              className={cn(\n                'w-full bg-white rounded-2xl shadow-xl',\n                'transform transition-all',\n                maxWidthStyles[maxWidth],\n                className\n              )}\n            >\n              {/* Header */}\n              {title && (\n                <div className=\"flex items-center justify-between px-6 py-4 border-b border-slate-200\">\n                  <DialogTitle className=\"text-lg font-semibold text-slate-900\">\n                    {title}\n                  </DialogTitle>\n                  <button\n                    type=\"button\"\n                    onClick={onClose}\n                    className={cn(\n                      'p-1 rounded-lg transition-colors duration-200',\n                      'text-slate-400 hover:text-slate-600 hover:bg-slate-100',\n                      'focus:outline-none focus:ring-2 focus:ring-primary-500'\n                    )}\n                  >\n                    <XMarkIcon className=\"h-5 w-5\" />\n                    <span className=\"sr-only\">Close</span>\n                  </button>\n                </div>\n              )}\n\n              {/* Content */}\n              <div className=\"p-6\">{children}</div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </Transition>\n  )\n}\n"],"names":["maxWidthStyles","Modal","open","onClose","title","children","maxWidth","className","jsx","Transition","Fragment","jsxs","Dialog","TransitionChild","DialogPanel","cn","DialogTitle","XMarkIcon"],"mappings":";;;;;AAoBA,MAAMA,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;AAEO,SAASC,EAAM;AAAA,EACpB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,GAAe;AACb,SACE,gBAAAC,EAACC,GAAA,EAAW,MAAMP,GAAM,IAAIQ,GAC1B,UAAA,gBAAAC,EAACC,GAAA,EAAO,SAAAT,GAAkB,WAAU,iBAElC,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAIhE,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAIH;AAAA,QACJ,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAQ;AAAA,QAER,UAAA,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACAf,EAAeM,CAAQ;AAAA,cACvBC;AAAA,YAAA;AAAA,YAID,UAAA;AAAA,cAAAH,KACC,gBAAAO,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,gBAAA,gBAAAH,EAACQ,GAAA,EAAY,WAAU,wCACpB,UAAAZ,GACH;AAAA,gBACA,gBAAAO;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAASR;AAAA,oBACT,WAAWY;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA;AAAA,oBAAA;AAAA,oBAGF,UAAA;AAAA,sBAAA,gBAAAP,EAACS,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,sBAC/B,gBAAAT,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACjC,GACF;AAAA,cAIF,gBAAAA,EAAC,OAAA,EAAI,WAAU,OAAO,UAAAH,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index39.js","sources":["../src/components/LogoLoader/LogoLoader.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface LogoLoaderProps {\n  size?: number\n  className?: string\n}\n\nexport const LogoLoader = ({\n  size = 32,\n  className,\n}: LogoLoaderProps) => {\n  return (\n    <div\n      className={cn('text-primary-500 animate-pulse', className)}\n      style={{ width: size, height: size }}\n    >\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 26 38\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g clipPath=\"url(#clip0_logo_loader)\">\n          <path\n            d=\"M3.20184 20.0024C3.18659 14.7589 3.20184 14.0649 3.20184 13.3401C3.20184 7.66477 7.66916 3.31575 13.0208 3.31575C18.3724 3.31575 22.6568 7.92695 22.6568 13.6023C22.6568 14.6047 22.6568 15.4067 22.6568 16.4245L25.8281 17.9513C25.8281 16.5325 25.8281 15.0519 25.8281 13.6023C25.8281 6.09172 20.1106 0 13.0208 0C5.94627 0 0 6.15341 0 13.6485C0 14.7898 0 16.1469 0 21.6834L3.20184 20.0024Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M12.8988 13.0471L0 19.0617V22.6242L12.8988 16.5016L22.5653 22.0381V34.7305H22.1537H17.0765H16.0549V38H17.0765H22.1537H25.8129V19.9099L12.8988 13.0471Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M10.9015 34.7305H7.07453H3.24758V23.1485L0 24.7679V38H23.7698V34.7305H10.9015Z\"\n            fill=\"currentColor\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_logo_loader\">\n            <rect width=\"26\" height=\"38\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"names":["LogoLoader","size","className","jsx","cn","jsxs"],"mappings":";;AAOO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACzD,OAAO,EAAE,OAAOD,GAAM,QAAQA,EAAA;AAAA,IAE9B,UAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAA,EAAC,KAAA,EAAE,UAAS,2BACV,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEP,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAEP,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACP,GACF;AAAA,UACA,gBAAAA,EAAC,QAAA,EACC,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,qBACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,GAC5C,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA;"}

package/dist/index40.js

@@ -1,52 +1,16 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { cn as i } from "./index3.js";
-import { Checkbox as x } from "./index22.js";
-import { ChevronUpIcon as f, ChevronDownIcon as u } from "@heroicons/react/24/outline";
-const w = ({
-  label: c,
-  items: t,
-  onChange: r,
-  initialDisplayCount: a = 5,
-  className: o
-}) => {
-  const [n, h] = d(!1);
-  if (t.length === 0) return null;
-  const m = n ? t.length : Math.min(t.length, a), p = t.length > a;
-  return /* @__PURE__ */ l("div", { className: i("w-full", o), children: [
-    /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-primary-500 mb-3", children: c }),
-    /* @__PURE__ */ e("div", { className: "space-y-2", children: t.slice(0, m).map((s) => /* @__PURE__ */ l(
-      "label",
-      {
-        className: "flex items-center gap-3 cursor-pointer",
-        children: [
-          /* @__PURE__ */ e(
-            x,
-            {
-              checked: s.checked || !1,
-              onChange: () => r(s.value, !s.checked)
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "text-sm text-slate-700 flex-1", children: s.name })
-        ]
-      },
-      `${c}-${s.value}`
-    )) }),
-    p && /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        onClick: () => h(!n),
-        className: "flex items-center justify-center gap-1 w-full mt-3 py-2 text-sm text-slate-600 hover:text-slate-800 transition-colors",
-        children: [
-          /* @__PURE__ */ e("span", { children: n ? "Less" : "More" }),
-          n ? /* @__PURE__ */ e(f, { className: "w-4 h-4" }) : /* @__PURE__ */ e(u, { className: "w-4 h-4" })
-        ]
-      }
-    )
-  ] });
-};
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { cn as a } from "./index3.js";
+const l = ({
+  title: s,
+  text: r,
+  label: t,
+  className: i
+}) => /* @__PURE__ */ m("div", { className: a("relative py-4 px-4", i), children: [
+  /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-slate-500 mb-1", children: s }),
+  /* @__PURE__ */ e("div", { className: "text-sm text-primary-500", children: r }),
+  t && /* @__PURE__ */ e("div", { className: "absolute right-4 top-4 text-sm text-green-500", children: t })
+] });
 export {
-  w as MultiItemSelect
+  l as MenuText
 };
 //# sourceMappingURL=index40.js.map

package/dist/index40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index40.js","sources":["../src/components/MultiItemSelect/MultiItemSelect.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Checkbox } from '../Checkbox/Checkbox'\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'\n\nexport interface MultiItemSelectItem {\n  name: string\n  value: string\n  checked?: boolean\n}\n\nexport interface MultiItemSelectProps {\n  label: string\n  items: MultiItemSelectItem[]\n  onChange: (value: string, checked: boolean) => void\n  initialDisplayCount?: number\n  className?: string\n}\n\nexport const MultiItemSelect = ({\n  label,\n  items,\n  onChange,\n  initialDisplayCount = 5,\n  className,\n}: MultiItemSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  if (items.length === 0) return null\n\n  const displayCount = isExpanded ? items.length : Math.min(items.length, initialDisplayCount)\n  const hasMore = items.length > initialDisplayCount\n\n  return (\n    <div className={cn('w-full', className)}>\n      <h3 className=\"text-sm font-semibold text-primary-500 mb-3\">\n        {label}\n      </h3>\n\n      <div className=\"space-y-2\">\n        {items.slice(0, displayCount).map((item) => (\n          <label\n            key={`${label}-${item.value}`}\n            className=\"flex items-center gap-3 cursor-pointer\"\n          >\n            <Checkbox\n              checked={item.checked || false}\n              onChange={() => onChange(item.value, !item.checked)}\n            />\n            <span className=\"text-sm text-slate-700 flex-1\">\n              {item.name}\n            </span>\n          </label>\n        ))}\n      </div>\n\n      {hasMore && (\n        <button\n          type=\"button\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex items-center justify-center gap-1 w-full mt-3 py-2 text-sm text-slate-600 hover:text-slate-800 transition-colors\"\n        >\n          <span>{isExpanded ? 'Less' : 'More'}</span>\n          {isExpanded ? (\n            <ChevronUpIcon className=\"w-4 h-4\" />\n          ) : (\n            <ChevronDownIcon className=\"w-4 h-4\" />\n          )}\n        </button>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiItemSelect","label","items","onChange","initialDisplayCount","className","isExpanded","setIsExpanded","useState","displayCount","hasMore","cn","jsx","item","jsxs","Checkbox","ChevronUpIcon","ChevronDownIcon"],"mappings":";;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,WAAAC;AACF,MAA4B;AAC1B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AAElD,MAAIN,EAAM,WAAW,EAAG,QAAO;AAE/B,QAAMO,IAAeH,IAAaJ,EAAM,SAAS,KAAK,IAAIA,EAAM,QAAQE,CAAmB,GACrFM,IAAUR,EAAM,SAASE;AAE/B,2BACG,OAAA,EAAI,WAAWO,EAAG,UAAUN,CAAS,GACpC,UAAA;AAAA,IAAA,gBAAAO,EAAC,MAAA,EAAG,WAAU,+CACX,UAAAX,GACH;AAAA,IAEA,gBAAAW,EAAC,OAAA,EAAI,WAAU,aACZ,UAAAV,EAAM,MAAM,GAAGO,CAAY,EAAE,IAAI,CAACI,MACjC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAASF,EAAK,WAAW;AAAA,cACzB,UAAU,MAAMV,EAASU,EAAK,OAAO,CAACA,EAAK,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpD,gBAAAD,EAAC,QAAA,EAAK,WAAU,iCACb,YAAK,KAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,MATK,GAAGX,CAAK,IAAIY,EAAK,KAAK;AAAA,IAAA,CAW9B,GACH;AAAA,IAECH,KACC,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,QACxC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAM,UAAAN,IAAa,SAAS,QAAO;AAAA,UACnCA,sBACEU,GAAA,EAAc,WAAU,WAAU,IAEnC,gBAAAJ,EAACK,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEzC,GAEJ;AAEJ;"}
+{"version":3,"file":"index40.js","sources":["../src/components/MenuText/MenuText.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface MenuTextProps {\n  title: string\n  text: string\n  label?: string\n  className?: string\n}\n\nexport const MenuText = ({\n  title,\n  text,\n  label,\n  className,\n}: MenuTextProps) => {\n  return (\n    <div className={cn('relative py-4 px-4', className)}>\n      <div className=\"text-sm font-semibold text-slate-500 mb-1\">\n        {title}\n      </div>\n      <div className=\"text-sm text-primary-500\">\n        {text}\n      </div>\n      {label && (\n        <div className=\"absolute right-4 top-4 text-sm text-green-500\">\n          {label}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MenuText","title","text","label","className","cn","jsx"],"mappings":";;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,wBAEK,OAAA,EAAI,WAAWC,EAAG,sBAAsBD,CAAS,GAChD,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,6CACZ,UAAAL,GACH;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,4BACZ,UAAAJ,GACH;AAAA,EACCC,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAH,EAAA,CACH;AAAA,GAEJ;"}