@axtec/components 0.1.7 → 0.1.10

package/dist/index41.js

@@ -1,22 +1,85 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "./index3.js";
-const x = {
-  sm: "h-6 max-w-[120px]",
-  md: "h-8 max-w-[160px]",
-  lg: "h-10 max-w-[200px]",
-  xl: "h-14 max-w-[280px]"
+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 e({ size: o = "md", className: m }) {
-  return /* @__PURE__ */ t(
-    "img",
-    {
-      src: "/logos/mhv-logo.png",
-      alt: "My Home Vault",
-      className: a(x[o], "w-auto object-contain", m)
-    }
-  );
+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,
+      {
+        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
+            ),
+            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 })
+            ]
+          }
+        )
+      }
+    ) })
+  ] }) });
 }
 export {
-  e as MyHomeVaultLogo
+  N as Modal
 };
 //# sourceMappingURL=index41.js.map

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","sources":["../src/components/Logo/MyHomeVaultLogo.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface MyHomeVaultLogoProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-6 max-w-[120px]',\n  md: 'h-8 max-w-[160px]',\n  lg: 'h-10 max-w-[200px]',\n  xl: 'h-14 max-w-[280px]',\n}\n\nexport function MyHomeVaultLogo({ size = 'md', className }: MyHomeVaultLogoProps) {\n  return (\n    <img\n      src=\"/logos/mhv-logo.png\"\n      alt=\"My Home Vault\"\n      className={cn(sizeStyles[size], 'w-auto object-contain', className)}\n    />\n  )\n}\n"],"names":["sizeStyles","MyHomeVaultLogo","size","className","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAgB,EAAE,MAAAC,IAAO,MAAM,WAAAC,KAAmC;AAChF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,WAAWC,EAAGL,EAAWE,CAAI,GAAG,yBAAyBC,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxE;"}
+{"version":3,"file":"index41.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;"}

package/dist/index42.js

@@ -1,37 +1,52 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Modal as a } from "./index39.js";
-import { Button as n } from "./index17.js";
-const p = ({
-  isOpen: l,
-  onClose: t,
-  message: r,
-  title: c = "Notification",
-  icon: i,
-  confirmText: m = "OK",
+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 "./index24.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
-}) => /* @__PURE__ */ e(
-  a,
-  {
-    open: l,
-    onClose: t,
-    title: c,
-    maxWidth: "sm",
-    className: o,
-    children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center text-center px-4 py-6", children: [
-      i && /* @__PURE__ */ e("div", { className: "mb-4", children: i }),
-      /* @__PURE__ */ e("p", { className: "text-slate-700 mb-8", children: r }),
-      /* @__PURE__ */ e(
-        n,
-        {
-          onClick: t,
-          className: "w-full",
-          children: m
-        }
-      )
-    ] })
-  }
-);
+}) => {
+  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" })
+        ]
+      }
+    )
+  ] });
+};
 export {
-  p as Notification
+  w as MultiItemSelect
 };
 //# sourceMappingURL=index42.js.map

package/dist/index42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index42.js","sources":["../src/components/Notification/Notification.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { Modal } from '../Modal/Modal'\nimport { Button } from '../Button/Button'\n\nexport interface NotificationProps {\n  isOpen: boolean\n  onClose: () => void\n  message: string\n  title?: string\n  icon?: ReactNode\n  confirmText?: string\n  className?: string\n}\n\nexport const Notification = ({\n  isOpen,\n  onClose,\n  message,\n  title = 'Notification',\n  icon,\n  confirmText = 'OK',\n  className,\n}: NotificationProps) => {\n  return (\n    <Modal\n      open={isOpen}\n      onClose={onClose}\n      title={title}\n      maxWidth=\"sm\"\n      className={className}\n    >\n      <div className=\"flex flex-col items-center text-center px-4 py-6\">\n        {icon && (\n          <div className=\"mb-4\">\n            {icon}\n          </div>\n        )}\n\n        <p className=\"text-slate-700 mb-8\">\n          {message}\n        </p>\n\n        <Button\n          onClick={onClose}\n          className=\"w-full\"\n        >\n          {confirmText}\n        </Button>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Notification","isOpen","onClose","message","title","icon","confirmText","className","jsx","Modal","jsxs","Button"],"mappings":";;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMR;AAAA,IACN,SAAAC;AAAA,IACA,OAAAE;AAAA,IACA,UAAS;AAAA,IACT,WAAAG;AAAA,IAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,MAAAL,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACZ,UAAAH,GACH;AAAA,MAGF,gBAAAG,EAAC,KAAA,EAAE,WAAU,uBACV,UAAAL,GACH;AAAA,MAEA,gBAAAK;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAST;AAAA,UACT,WAAU;AAAA,UAET,UAAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index42.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;"}

package/dist/index43.js

@@ -1,16 +1,22 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { cn as a } from "./index3.js";
-function l({
-  label: r = "or",
-  className: t
-}) {
-  return /* @__PURE__ */ s("div", { className: a("flex items-center gap-3", t), children: [
-    /* @__PURE__ */ e("div", { className: "flex-1 border-t border-slate-200" }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-slate-400 font-medium", children: r }),
-    /* @__PURE__ */ e("div", { className: "flex-1 border-t border-slate-200" })
-  ] });
+const x = {
+  sm: "h-6 max-w-[120px]",
+  md: "h-8 max-w-[160px]",
+  lg: "h-10 max-w-[200px]",
+  xl: "h-14 max-w-[280px]"
+};
+function e({ size: o = "md", className: m }) {
+  return /* @__PURE__ */ t(
+    "img",
+    {
+      src: "/logos/mhv-logo.png",
+      alt: "My Home Vault",
+      className: a(x[o], "w-auto object-contain", m)
+    }
+  );
 }
 export {
-  l as OptionDivider
+  e as MyHomeVaultLogo
 };
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/OptionDivider/OptionDivider.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface OptionDividerProps {\n  label?: string\n  className?: string\n}\n\nexport function OptionDivider({\n  label = 'or',\n  className,\n}: OptionDividerProps) {\n  return (\n    <div className={cn('flex items-center gap-3', className)}>\n      <div className=\"flex-1 border-t border-slate-200\" />\n      <span className=\"text-sm text-slate-400 font-medium\">{label}</span>\n      <div className=\"flex-1 border-t border-slate-200\" />\n    </div>\n  )\n}\n"],"names":["OptionDivider","label","className","cn","jsx"],"mappings":";;AAOO,SAASA,EAAc;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAAuB;AACrB,2BACG,OAAA,EAAI,WAAWC,EAAG,2BAA2BD,CAAS,GACrD,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClD,gBAAAA,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAH,GAAM;AAAA,IAC5D,gBAAAG,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,GACpD;AAEJ;"}
+{"version":3,"file":"index43.js","sources":["../src/components/Logo/MyHomeVaultLogo.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface MyHomeVaultLogoProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: 'h-6 max-w-[120px]',\n  md: 'h-8 max-w-[160px]',\n  lg: 'h-10 max-w-[200px]',\n  xl: 'h-14 max-w-[280px]',\n}\n\nexport function MyHomeVaultLogo({ size = 'md', className }: MyHomeVaultLogoProps) {\n  return (\n    <img\n      src=\"/logos/mhv-logo.png\"\n      alt=\"My Home Vault\"\n      className={cn(sizeStyles[size], 'w-auto object-contain', className)}\n    />\n  )\n}\n"],"names":["sizeStyles","MyHomeVaultLogo","size","className","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAASC,EAAgB,EAAE,MAAAC,IAAO,MAAM,WAAAC,KAAmC;AAChF,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MACJ,WAAWC,EAAGL,EAAWE,CAAI,GAAG,yBAAyBC,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxE;"}

package/dist/index44.js

@@ -1,18 +1,37 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as i } from "./index3.js";
-function a({ children: t, className: e }) {
-  return /* @__PURE__ */ r(
-    "h1",
-    {
-      className: i(
-        "text-5xl font-light text-slate-900 tracking-tight",
-        e
-      ),
-      children: t
-    }
-  );
-}
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Modal as a } from "./index41.js";
+import { Button as n } from "./index19.js";
+const p = ({
+  isOpen: l,
+  onClose: t,
+  message: r,
+  title: c = "Notification",
+  icon: i,
+  confirmText: m = "OK",
+  className: o
+}) => /* @__PURE__ */ e(
+  a,
+  {
+    open: l,
+    onClose: t,
+    title: c,
+    maxWidth: "sm",
+    className: o,
+    children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center text-center px-4 py-6", children: [
+      i && /* @__PURE__ */ e("div", { className: "mb-4", children: i }),
+      /* @__PURE__ */ e("p", { className: "text-slate-700 mb-8", children: r }),
+      /* @__PURE__ */ e(
+        n,
+        {
+          onClick: t,
+          className: "w-full",
+          children: m
+        }
+      )
+    ] })
+  }
+);
 export {
-  a as PageHeading
+  p as Notification
 };
 //# sourceMappingURL=index44.js.map

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","sources":["../src/components/Typography/PageHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface PageHeadingProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function PageHeading({ children, className }: PageHeadingProps) {\n  return (\n    <h1\n      className={cn(\n        'text-5xl font-light text-slate-900 tracking-tight',\n        className\n      )}\n    >\n      {children}\n    </h1>\n  )\n}\n"],"names":["PageHeading","children","className","jsx","cn"],"mappings":";;AAQO,SAASA,EAAY,EAAE,UAAAC,GAAU,WAAAC,KAA+B;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index44.js","sources":["../src/components/Notification/Notification.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { Modal } from '../Modal/Modal'\nimport { Button } from '../Button/Button'\n\nexport interface NotificationProps {\n  isOpen: boolean\n  onClose: () => void\n  message: string\n  title?: string\n  icon?: ReactNode\n  confirmText?: string\n  className?: string\n}\n\nexport const Notification = ({\n  isOpen,\n  onClose,\n  message,\n  title = 'Notification',\n  icon,\n  confirmText = 'OK',\n  className,\n}: NotificationProps) => {\n  return (\n    <Modal\n      open={isOpen}\n      onClose={onClose}\n      title={title}\n      maxWidth=\"sm\"\n      className={className}\n    >\n      <div className=\"flex flex-col items-center text-center px-4 py-6\">\n        {icon && (\n          <div className=\"mb-4\">\n            {icon}\n          </div>\n        )}\n\n        <p className=\"text-slate-700 mb-8\">\n          {message}\n        </p>\n\n        <Button\n          onClick={onClose}\n          className=\"w-full\"\n        >\n          {confirmText}\n        </Button>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Notification","isOpen","onClose","message","title","icon","confirmText","className","jsx","Modal","jsxs","Button"],"mappings":";;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMR;AAAA,IACN,SAAAC;AAAA,IACA,OAAAE;AAAA,IACA,UAAS;AAAA,IACT,WAAAG;AAAA,IAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oDACZ,UAAA;AAAA,MAAAL,KACC,gBAAAG,EAAC,OAAA,EAAI,WAAU,QACZ,UAAAH,GACH;AAAA,MAGF,gBAAAG,EAAC,KAAA,EAAE,WAAU,uBACV,UAAAL,GACH;AAAA,MAEA,gBAAAK;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAST;AAAA,UACT,WAAU;AAAA,UAET,UAAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA;AAAA;"}

package/dist/index45.js

@@ -1,94 +1,21 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { ChevronLeftIcon as b, ChevronRightIcon as f } from "@heroicons/react/20/solid";
-import { cn as c } from "./index3.js";
-function p(i, t) {
-  return Array.from({ length: t - i + 1 }, (e, l) => i + l);
-}
-function u(i, t, e) {
-  const l = e * 2 + 5;
-  if (t <= l)
-    return p(1, t);
-  const o = Math.max(i - e, 1), r = Math.min(i + e, t), a = o > 2, d = r < t - 1;
-  return !a && d ? [...p(1, 3 + e * 2), "ellipsis", t] : a && !d ? [1, "ellipsis", ...p(t - (2 + e * 2), t)] : [1, "ellipsis", ...p(o, r), "ellipsis", t];
-}
-function R({
-  currentPage: i,
-  totalPages: t,
-  onPageChange: e,
-  siblingCount: l = 1,
-  className: o
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "./index3.js";
+function o({
+  label: r = "or",
+  orientation: a = "horizontal",
+  className: t
 }) {
-  const r = u(i, t, l);
-  if (t <= 1)
-    return null;
-  const a = () => {
-    i > 1 && e(i - 1);
-  }, d = () => {
-    i < t && e(i + 1);
-  };
-  return /* @__PURE__ */ m(
-    "nav",
-    {
-      "aria-label": "Pagination",
-      className: c("flex items-center justify-center gap-1", o),
-      children: [
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: a,
-            disabled: i === 1,
-            className: c(
-              "p-2 rounded-lg transition-colors duration-150",
-              "text-slate-500 hover:bg-slate-100 hover:text-slate-700",
-              "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent"
-            ),
-            "aria-label": "Previous page",
-            children: /* @__PURE__ */ s(b, { className: "h-5 w-5" })
-          }
-        ),
-        r.map((n, h) => n === "ellipsis" ? /* @__PURE__ */ s(
-          "span",
-          {
-            className: "px-3 py-2 text-slate-400",
-            children: "..."
-          },
-          `ellipsis-${h}`
-        ) : /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: () => e(n),
-            className: c(
-              "min-w-[40px] h-10 px-3 rounded-lg text-sm font-medium",
-              "transition-colors duration-150",
-              n === i ? "bg-primary-500 text-white" : "text-slate-700 hover:bg-slate-100"
-            ),
-            "aria-current": n === i ? "page" : void 0,
-            children: n
-          },
-          n
-        )),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: d,
-            disabled: i === t,
-            className: c(
-              "p-2 rounded-lg transition-colors duration-150",
-              "text-slate-500 hover:bg-slate-100 hover:text-slate-700",
-              "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent"
-            ),
-            "aria-label": "Next page",
-            children: /* @__PURE__ */ s(f, { className: "h-5 w-5" })
-          }
-        )
-      ]
-    }
-  );
+  return a === "vertical" ? /* @__PURE__ */ s("div", { className: l("flex flex-col items-center gap-3 self-stretch", t), children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 border-l border-slate-200" }),
+    /* @__PURE__ */ e("span", { className: "text-sm text-slate-400 font-medium", children: r }),
+    /* @__PURE__ */ e("div", { className: "flex-1 border-l border-slate-200" })
+  ] }) : /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", t), children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 border-t border-slate-200" }),
+    /* @__PURE__ */ e("span", { className: "text-sm text-slate-400 font-medium", children: r }),
+    /* @__PURE__ */ e("div", { className: "flex-1 border-t border-slate-200" })
+  ] });
 }
 export {
-  R as Pagination
+  o as OptionDivider
 };
 //# sourceMappingURL=index45.js.map

package/dist/index45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index45.js","sources":["../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/20/solid'\nimport { cn } from '@/lib/utils'\n\nexport interface PaginationProps {\n  currentPage: number\n  totalPages: number\n  onPageChange: (page: number) => void\n  siblingCount?: number\n  className?: string\n}\n\nfunction range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n\nfunction getPaginationRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number\n): (number | 'ellipsis')[] {\n  const totalPageNumbers = siblingCount * 2 + 5 // siblings + first + last + current + 2 ellipsis\n\n  if (totalPages <= totalPageNumbers) {\n    return range(1, totalPages)\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1)\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages)\n\n  const showLeftEllipsis = leftSiblingIndex > 2\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = range(1, 3 + siblingCount * 2)\n    return [...leftRange, 'ellipsis', totalPages]\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = range(totalPages - (2 + siblingCount * 2), totalPages)\n    return [1, 'ellipsis', ...rightRange]\n  }\n\n  const middleRange = range(leftSiblingIndex, rightSiblingIndex)\n  return [1, 'ellipsis', ...middleRange, 'ellipsis', totalPages]\n}\n\nexport function Pagination({\n  currentPage,\n  totalPages,\n  onPageChange,\n  siblingCount = 1,\n  className,\n}: PaginationProps) {\n  const paginationRange = getPaginationRange(currentPage, totalPages, siblingCount)\n\n  if (totalPages <= 1) {\n    return null\n  }\n\n  const onPrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1)\n    }\n  }\n\n  const onNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1)\n    }\n  }\n\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      className={cn('flex items-center justify-center gap-1', className)}\n    >\n      <button\n        type=\"button\"\n        onClick={onPrevious}\n        disabled={currentPage === 1}\n        className={cn(\n          'p-2 rounded-lg transition-colors duration-150',\n          'text-slate-500 hover:bg-slate-100 hover:text-slate-700',\n          'disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent'\n        )}\n        aria-label=\"Previous page\"\n      >\n        <ChevronLeftIcon className=\"h-5 w-5\" />\n      </button>\n\n      {paginationRange.map((page, index) => {\n        if (page === 'ellipsis') {\n          return (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"px-3 py-2 text-slate-400\"\n            >\n              ...\n            </span>\n          )\n        }\n\n        return (\n          <button\n            key={page}\n            type=\"button\"\n            onClick={() => onPageChange(page)}\n            className={cn(\n              'min-w-[40px] h-10 px-3 rounded-lg text-sm font-medium',\n              'transition-colors duration-150',\n              page === currentPage\n                ? 'bg-primary-500 text-white'\n                : 'text-slate-700 hover:bg-slate-100'\n            )}\n            aria-current={page === currentPage ? 'page' : undefined}\n          >\n            {page}\n          </button>\n        )\n      })}\n\n      <button\n        type=\"button\"\n        onClick={onNext}\n        disabled={currentPage === totalPages}\n        className={cn(\n          'p-2 rounded-lg transition-colors duration-150',\n          'text-slate-500 hover:bg-slate-100 hover:text-slate-700',\n          'disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent'\n        )}\n        aria-label=\"Next page\"\n      >\n        <ChevronRightIcon className=\"h-5 w-5\" />\n      </button>\n    </nav>\n  )\n}\n"],"names":["range","start","end","_","i","getPaginationRange","currentPage","totalPages","siblingCount","totalPageNumbers","leftSiblingIndex","rightSiblingIndex","showLeftEllipsis","showRightEllipsis","Pagination","onPageChange","className","paginationRange","onPrevious","onNext","jsxs","cn","jsx","ChevronLeftIcon","page","index","ChevronRightIcon"],"mappings":";;;AAWA,SAASA,EAAMC,GAAeC,GAAuB;AACnD,SAAO,MAAM,KAAK,EAAE,QAAQA,IAAMD,IAAQ,EAAA,GAAK,CAACE,GAAGC,MAAMH,IAAQG,CAAC;AACpE;AAEA,SAASC,EACPC,GACAC,GACAC,GACyB;AACzB,QAAMC,IAAmBD,IAAe,IAAI;AAE5C,MAAID,KAAcE;AAChB,WAAOT,EAAM,GAAGO,CAAU;AAG5B,QAAMG,IAAmB,KAAK,IAAIJ,IAAcE,GAAc,CAAC,GACzDG,IAAoB,KAAK,IAAIL,IAAcE,GAAcD,CAAU,GAEnEK,IAAmBF,IAAmB,GACtCG,IAAoBF,IAAoBJ,IAAa;AAE3D,SAAI,CAACK,KAAoBC,IAEhB,CAAC,GADUb,EAAM,GAAG,IAAIQ,IAAe,CAAC,GACzB,YAAYD,CAAU,IAG1CK,KAAoB,CAACC,IAEhB,CAAC,GAAG,YAAY,GADJb,EAAMO,KAAc,IAAIC,IAAe,IAAID,CAAU,CACpC,IAI/B,CAAC,GAAG,YAAY,GADHP,EAAMU,GAAkBC,CAAiB,GACtB,YAAYJ,CAAU;AAC/D;AAEO,SAASO,EAAW;AAAA,EACzB,aAAAR;AAAA,EACA,YAAAC;AAAA,EACA,cAAAQ;AAAA,EACA,cAAAP,IAAe;AAAA,EACf,WAAAQ;AACF,GAAoB;AAClB,QAAMC,IAAkBZ,EAAmBC,GAAaC,GAAYC,CAAY;AAEhF,MAAID,KAAc;AAChB,WAAO;AAGT,QAAMW,IAAa,MAAM;AACvB,IAAIZ,IAAc,KAChBS,EAAaT,IAAc,CAAC;AAAA,EAEhC,GAEMa,IAAS,MAAM;AACnB,IAAIb,IAAcC,KAChBQ,EAAaT,IAAc,CAAC;AAAA,EAEhC;AAEA,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAG,0CAA0CL,CAAS;AAAA,MAEjE,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASJ;AAAA,YACT,UAAUZ,MAAgB;AAAA,YAC1B,WAAWe;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,cAAW;AAAA,YAEX,UAAA,gBAAAC,EAACC,GAAA,EAAgB,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGtCN,EAAgB,IAAI,CAACO,GAAMC,MACtBD,MAAS,aAET,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,UAFM,YAAYG,CAAK;AAAA,QAAA,IAS1B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAMP,EAAaS,CAAI;AAAA,YAChC,WAAWH;AAAA,cACT;AAAA,cACA;AAAA,cACAG,MAASlB,IACL,8BACA;AAAA,YAAA;AAAA,YAEN,gBAAckB,MAASlB,IAAc,SAAS;AAAA,YAE7C,UAAAkB;AAAA,UAAA;AAAA,UAZIA;AAAA,QAAA,CAeV;AAAA,QAED,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASH;AAAA,YACT,UAAUb,MAAgBC;AAAA,YAC1B,WAAWc;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,cAAW;AAAA,YAEX,UAAA,gBAAAC,EAACI,GAAA,EAAiB,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index45.js","sources":["../src/components/OptionDivider/OptionDivider.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface OptionDividerProps {\n  label?: string\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n}\n\nexport function OptionDivider({\n  label = 'or',\n  orientation = 'horizontal',\n  className,\n}: OptionDividerProps) {\n  if (orientation === 'vertical') {\n    return (\n      <div className={cn('flex flex-col items-center gap-3 self-stretch', className)}>\n        <div className=\"flex-1 border-l border-slate-200\" />\n        <span className=\"text-sm text-slate-400 font-medium\">{label}</span>\n        <div className=\"flex-1 border-l border-slate-200\" />\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn('flex items-center gap-3', className)}>\n      <div className=\"flex-1 border-t border-slate-200\" />\n      <span className=\"text-sm text-slate-400 font-medium\">{label}</span>\n      <div className=\"flex-1 border-t border-slate-200\" />\n    </div>\n  )\n}\n"],"names":["OptionDivider","label","orientation","className","cn","jsx"],"mappings":";;AAQO,SAASA,EAAc;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,WAAAC;AACF,GAAuB;AACrB,SAAID,MAAgB,+BAEf,OAAA,EAAI,WAAWE,EAAG,iDAAiDD,CAAS,GAC3E,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClD,gBAAAA,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAJ,GAAM;AAAA,IAC5D,gBAAAI,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,GACpD,sBAKD,OAAA,EAAI,WAAWD,EAAG,2BAA2BD,CAAS,GACrD,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,IAClD,gBAAAA,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAJ,GAAM;AAAA,IAC5D,gBAAAI,EAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAAA,GACpD;AAEJ;"}

package/dist/index46.js

@@ -1,72 +1,18 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { cn as n } from "./index3.js";
-const i = ({ children: e, className: t }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: n(
-      "border border-slate-200 rounded-2xl p-6 bg-white relative",
-      t
-    ),
-    children: e
-  }
-), m = ({ children: e, className: t }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: n(
-      "flex justify-between items-center mb-5",
-      t
-    ),
-    children: e
-  }
-), d = ({ children: e, badge: t, className: s }) => /* @__PURE__ */ a("div", { className: n("flex items-center gap-3", s), children: [
-  /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-primary-500 m-0", children: e }),
-  t
-] }), p = ({ children: e, onClick: t, disabled: s, className: o }) => /* @__PURE__ */ r(
-  "button",
-  {
-    type: "button",
-    onClick: t,
-    disabled: s,
-    className: n(
-      "bg-transparent border-none p-0",
-      "flex items-center gap-1.5",
-      "cursor-pointer text-primary-500",
-      "text-sm font-semibold",
-      "transition-opacity hover:opacity-70",
-      "disabled:opacity-40 disabled:cursor-not-allowed",
-      o
-    ),
-    children: e
-  }
-), x = ({ children: e, className: t }) => /* @__PURE__ */ r("div", { className: t, children: e }), b = ({ children: e, className: t }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: n(
-      "border-t border-slate-100 pt-3 mt-4 text-center",
-      t
-    ),
-    children: e
-  }
-), u = ({ message: e, action: t, className: s }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: n(
-      "flex flex-col items-center justify-center py-8 text-center",
-      s
-    ),
-    children: [
-      /* @__PURE__ */ r("p", { className: "text-sm text-slate-500 mb-4", children: e }),
-      t
-    ]
-  }
-);
+import { jsx as r } from "react/jsx-runtime";
+import { cn as i } from "./index3.js";
+function a({ children: t, className: e }) {
+  return /* @__PURE__ */ r(
+    "h1",
+    {
+      className: i(
+        "text-5xl font-light text-slate-900 tracking-tight",
+        e
+      ),
+      children: t
+    }
+  );
+}
 export {
-  i as Panel,
-  p as PanelAction,
-  x as PanelBody,
-  u as PanelEmptyState,
-  b as PanelFooter,
-  m as PanelHeader,
-  d as PanelTitle
+  a as PageHeading
 };
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index46.js","sources":["../src/components/Panel/Panel.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface PanelProps {\n  children: ReactNode\n  className?: string\n}\n\nexport const Panel = ({ children, className }: PanelProps) => {\n  return (\n    <div\n      className={cn(\n        'border border-slate-200 rounded-2xl p-6 bg-white relative',\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface PanelHeaderProps {\n  children: ReactNode\n  className?: string\n}\n\nexport const PanelHeader = ({ children, className }: PanelHeaderProps) => {\n  return (\n    <div\n      className={cn(\n        'flex justify-between items-center mb-5',\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface PanelTitleProps {\n  children: ReactNode\n  badge?: ReactNode\n  className?: string\n}\n\nexport const PanelTitle = ({ children, badge, className }: PanelTitleProps) => {\n  return (\n    <div className={cn('flex items-center gap-3', className)}>\n      <h2 className=\"text-lg font-semibold text-primary-500 m-0\">\n        {children}\n      </h2>\n      {badge}\n    </div>\n  )\n}\n\nexport interface PanelActionProps {\n  children: ReactNode\n  onClick?: () => void\n  disabled?: boolean\n  className?: string\n}\n\nexport const PanelAction = ({ children, onClick, disabled, className }: PanelActionProps) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(\n        'bg-transparent border-none p-0',\n        'flex items-center gap-1.5',\n        'cursor-pointer text-primary-500',\n        'text-sm font-semibold',\n        'transition-opacity hover:opacity-70',\n        'disabled:opacity-40 disabled:cursor-not-allowed',\n        className\n      )}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport interface PanelBodyProps {\n  children: ReactNode\n  className?: string\n}\n\nexport const PanelBody = ({ children, className }: PanelBodyProps) => {\n  return (\n    <div className={className}>\n      {children}\n    </div>\n  )\n}\n\nexport interface PanelFooterProps {\n  children: ReactNode\n  className?: string\n}\n\nexport const PanelFooter = ({ children, className }: PanelFooterProps) => {\n  return (\n    <div\n      className={cn(\n        'border-t border-slate-100 pt-3 mt-4 text-center',\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface PanelEmptyStateProps {\n  message: string\n  action?: ReactNode\n  className?: string\n}\n\nexport const PanelEmptyState = ({ message, action, className }: PanelEmptyStateProps) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center py-8 text-center',\n        className\n      )}\n    >\n      <p className=\"text-sm text-slate-500 mb-4\">{message}</p>\n      {action}\n    </div>\n  )\n}\n"],"names":["Panel","children","className","jsx","cn","PanelHeader","PanelTitle","badge","PanelAction","onClick","disabled","PanelBody","PanelFooter","PanelEmptyState","message","action","jsxs"],"mappings":";;AAQO,MAAMA,IAAQ,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAE9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AAAA,GAUMI,IAAc,CAAC,EAAE,UAAAJ,GAAU,WAAAC,QAEpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AAAA,GAWMK,IAAa,CAAC,EAAE,UAAAL,GAAU,OAAAM,GAAO,WAAAL,0BAEzC,OAAA,EAAI,WAAWE,EAAG,2BAA2BF,CAAS,GACrD,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,8CACX,UAAAF,EAAA,CACH;AAAA,EACCM;AAAA,GACH,GAWSC,IAAc,CAAC,EAAE,UAAAP,GAAU,SAAAQ,GAAS,UAAAC,GAAU,WAAAR,QAEvD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAM;AAAA,IACA,UAAAC;AAAA,IACA,WAAWN;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAF;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AAAA,GAUMU,IAAY,CAAC,EAAE,UAAAV,GAAU,WAAAC,QAElC,gBAAAC,EAAC,OAAA,EAAI,WAAAD,GACF,UAAAD,EAAA,CACH,GASSW,IAAc,CAAC,EAAE,UAAAX,GAAU,WAAAC,QAEpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AAAA,GAWMY,IAAkB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,WAAAb,QAE/C,gBAAAc;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWZ;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAW,GAAQ;AAAA,MACnDC;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index46.js","sources":["../src/components/Typography/PageHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface PageHeadingProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function PageHeading({ children, className }: PageHeadingProps) {\n  return (\n    <h1\n      className={cn(\n        'text-5xl font-light text-slate-900 tracking-tight',\n        className\n      )}\n    >\n      {children}\n    </h1>\n  )\n}\n"],"names":["PageHeading","children","className","jsx","cn"],"mappings":";;AAQO,SAASA,EAAY,EAAE,UAAAC,GAAU,WAAAC,KAA+B;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}