@axtec/components 0.1.3 → 0.1.4

package/dist/index53.js

@@ -1,69 +1,40 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Dialog as x, DialogPanel as f, DialogTitle as h } from "@headlessui/react";
-import { cn as b } from "./index3.js";
-import { ArrowLeftIcon as p, XMarkIcon as u } from "@heroicons/react/24/outline";
-import { Button as N } from "./index17.js";
-const k = ({
-  isOpen: o,
-  onClose: a,
-  title: d,
-  children: n,
-  onBack: r,
-  onSkip: s,
-  rightActions: i = [],
-  className: c
-}) => /* @__PURE__ */ t(x, { open: o, onClose: a, className: "relative z-50", 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__ */ t(
-    f,
-    {
-      className: b(
-        "bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden",
-        c
-      ),
-      children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-6 py-4 border-b border-slate-200", children: [
-          /* @__PURE__ */ e("div", { className: "w-10", children: r && /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: r,
-              className: "p-2 rounded-md hover:bg-slate-100 transition-colors",
-              "aria-label": "Go back",
-              children: /* @__PURE__ */ e(p, { className: "w-5 h-5 text-slate-500" })
-            }
-          ) }),
-          /* @__PURE__ */ e(h, { className: "text-lg font-bold text-slate-900 flex-1 text-center", children: d }),
-          /* @__PURE__ */ e("div", { className: "w-10 flex justify-end", children: s ? /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: s,
-              className: "text-sm font-semibold text-slate-600 hover:text-slate-800",
-              children: "Skip"
-            }
-          ) : /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: a,
-              className: "p-2 rounded-md hover:bg-slate-100 transition-colors",
-              "aria-label": "Close",
-              children: /* @__PURE__ */ e(u, { className: "w-5 h-5 text-slate-500" })
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-8 py-6", children: n }),
-        i.length > 0 && /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 px-8 py-4 border-t border-slate-200", children: i.map((l, m) => /* @__PURE__ */ e(
-          N,
-          {
-            ...l,
-            children: l.text || l.children
-          },
-          l.key || l.text || `action-${m}`
-        )) })
-      ]
-    }
-  ) })
-] });
+import { jsx as o } from "react/jsx-runtime";
+import { cn as c } from "./index3.js";
+const f = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+}, u = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around"
+}, y = ({
+  children: s,
+  height: t = 48,
+  className: r,
+  gap: e,
+  align: n = "center",
+  justify: i = "start"
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: c(
+      "flex flex-row w-full",
+      f[n],
+      u[i],
+      r
+    ),
+    style: {
+      height: typeof t == "number" ? `${t}px` : t,
+      gap: e ? `${e}px` : void 0
+    },
+    children: s
+  }
+);
 export {
-  k as ScrollableModal
+  y as Row
 };
 //# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index53.js","sources":["../src/components/ScrollableModal/ScrollableModal.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport { XMarkIcon, ArrowLeftIcon } from '@heroicons/react/24/outline'\nimport { Button, type ButtonProps } from '../Button/Button'\n\nexport interface ScrollableModalAction extends Omit<ButtonProps, 'key'> {\n  key?: string\n  text?: string\n}\n\nexport interface ScrollableModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: ReactNode\n  onBack?: () => void\n  onSkip?: () => void\n  rightActions?: ScrollableModalAction[]\n  className?: string\n}\n\nexport const ScrollableModal = ({\n  isOpen,\n  onClose,\n  title,\n  children,\n  onBack,\n  onSkip,\n  rightActions = [],\n  className,\n}: ScrollableModalProps) => {\n  return (\n    <Dialog open={isOpen} onClose={onClose} className=\"relative z-50\">\n      {/* Backdrop */}\n      <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n\n      {/* Full-screen container */}\n      <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n        <DialogPanel\n          className={cn(\n            'bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden',\n            className\n          )}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between px-6 py-4 border-b border-slate-200\">\n            <div className=\"w-10\">\n              {onBack && (\n                <button\n                  onClick={onBack}\n                  className=\"p-2 rounded-md hover:bg-slate-100 transition-colors\"\n                  aria-label=\"Go back\"\n                >\n                  <ArrowLeftIcon className=\"w-5 h-5 text-slate-500\" />\n                </button>\n              )}\n            </div>\n\n            <DialogTitle className=\"text-lg font-bold text-slate-900 flex-1 text-center\">\n              {title}\n            </DialogTitle>\n\n            <div className=\"w-10 flex justify-end\">\n              {onSkip ? (\n                <button\n                  onClick={onSkip}\n                  className=\"text-sm font-semibold text-slate-600 hover:text-slate-800\"\n                >\n                  Skip\n                </button>\n              ) : (\n                <button\n                  onClick={onClose}\n                  className=\"p-2 rounded-md hover:bg-slate-100 transition-colors\"\n                  aria-label=\"Close\"\n                >\n                  <XMarkIcon className=\"w-5 h-5 text-slate-500\" />\n                </button>\n              )}\n            </div>\n          </div>\n\n          {/* Scrollable Content */}\n          <div className=\"flex-1 overflow-y-auto px-8 py-6\">\n            {children}\n          </div>\n\n          {/* Footer Actions */}\n          {rightActions.length > 0 && (\n            <div className=\"flex justify-end gap-2 px-8 py-4 border-t border-slate-200\">\n              {rightActions.map((action, index) => (\n                <Button\n                  key={action.key || action.text || `action-${index}`}\n                  {...action}\n                >\n                  {action.text || action.children}\n                </Button>\n              ))}\n            </div>\n          )}\n        </DialogPanel>\n      </div>\n    </Dialog>\n  )\n}\n"],"names":["ScrollableModal","isOpen","onClose","title","children","onBack","onSkip","rightActions","className","Dialog","jsx","jsxs","DialogPanel","cn","ArrowLeftIcon","DialogTitle","XMarkIcon","action","index","Button"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,WAAAC;AACF,wBAEKC,GAAA,EAAO,MAAMR,GAAQ,SAAAC,GAAkB,WAAU,iBAEhD,UAAA;AAAA,EAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,QAAO;AAAA,EAG9D,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAIF,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACZ,UAAAL,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAK,EAACI,GAAA,EAAc,WAAU,yBAAA,CAAyB;AAAA,YAAA;AAAA,UAAA,GAGxD;AAAA,UAEA,gBAAAJ,EAACK,GAAA,EAAY,WAAU,uDACpB,UAAAZ,GACH;AAAA,UAEA,gBAAAO,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAAJ,IACC,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASJ;AAAA,cACT,WAAU;AAAA,cACX,UAAA;AAAA,YAAA;AAAA,UAAA,IAID,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASR;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAQ,EAACM,GAAA,EAAU,WAAU,yBAAA,CAAyB;AAAA,YAAA;AAAA,UAAA,EAChD,CAEJ;AAAA,QAAA,GACF;AAAA,QAGA,gBAAAN,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAAN,EAAA,CACH;AAAA,QAGCG,EAAa,SAAS,KACrB,gBAAAG,EAAC,OAAA,EAAI,WAAU,8DACZ,UAAAH,EAAa,IAAI,CAACU,GAAQC,MACzB,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YAEE,GAAGF;AAAA,YAEH,UAAAA,EAAO,QAAQA,EAAO;AAAA,UAAA;AAAA,UAHlBA,EAAO,OAAOA,EAAO,QAAQ,UAAUC,CAAK;AAAA,QAAA,CAKpD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CACF;AAAA,GACF;"}
+{"version":3,"file":"index53.js","sources":["../src/components/Row/Row.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface RowProps {\n  children: ReactNode\n  height?: number | string\n  className?: string\n  gap?: number\n  align?: 'start' | 'center' | 'end' | 'stretch'\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around'\n}\n\nconst alignStyles = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n}\n\nconst justifyStyles = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n}\n\nexport const Row = ({\n  children,\n  height = 48,\n  className,\n  gap,\n  align = 'center',\n  justify = 'start',\n}: RowProps) => {\n  return (\n    <div\n      className={cn(\n        'flex flex-row w-full',\n        alignStyles[align],\n        justifyStyles[justify],\n        className\n      )}\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        gap: gap ? `${gap}px` : undefined,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["alignStyles","justifyStyles","Row","children","height","className","gap","align","justify","jsx","cn"],"mappings":";;AAYA,MAAMA,IAAc;AAAA,EAClB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AACX,GAEMC,IAAgB;AAAA,EACpB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAAM,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AACZ,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAV,EAAYO,CAAK;AAAA,MACjBN,EAAcO,CAAO;AAAA,MACrBH;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ,OAAOD,KAAW,WAAW,GAAGA,CAAM,OAAOA;AAAA,MACrD,KAAKE,IAAM,GAAGA,CAAG,OAAO;AAAA,IAAA;AAAA,IAGzB,UAAAH;AAAA,EAAA;AAAA;"}

package/dist/index54.js

@@ -1,25 +1,69 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as i } from "./index3.js";
-function b({
-  children: r,
-  withBorder: e = !1,
-  leftBorder: o = !1,
-  className: t
-}) {
-  return /* @__PURE__ */ a(
-    "h2",
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Dialog as x, DialogPanel as f, DialogTitle as h } from "@headlessui/react";
+import { cn as b } from "./index3.js";
+import { ArrowLeftIcon as p, XMarkIcon as u } from "@heroicons/react/24/outline";
+import { Button as N } from "./index17.js";
+const k = ({
+  isOpen: o,
+  onClose: a,
+  title: d,
+  children: n,
+  onBack: r,
+  onSkip: s,
+  rightActions: i = [],
+  className: c
+}) => /* @__PURE__ */ t(x, { open: o, onClose: a, className: "relative z-50", 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__ */ t(
+    f,
     {
-      className: i(
-        "text-2xl font-semibold text-slate-900",
-        e && "pb-3 border-b-2 border-primary-500",
-        o && "pl-3 border-l-4 border-primary-500",
-        t
+      className: b(
+        "bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden",
+        c
       ),
-      children: r
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-6 py-4 border-b border-slate-200", children: [
+          /* @__PURE__ */ e("div", { className: "w-10", children: r && /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: r,
+              className: "p-2 rounded-md hover:bg-slate-100 transition-colors",
+              "aria-label": "Go back",
+              children: /* @__PURE__ */ e(p, { className: "w-5 h-5 text-slate-500" })
+            }
+          ) }),
+          /* @__PURE__ */ e(h, { className: "text-lg font-bold text-slate-900 flex-1 text-center", children: d }),
+          /* @__PURE__ */ e("div", { className: "w-10 flex justify-end", children: s ? /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: s,
+              className: "text-sm font-semibold text-slate-600 hover:text-slate-800",
+              children: "Skip"
+            }
+          ) : /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: a,
+              className: "p-2 rounded-md hover:bg-slate-100 transition-colors",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ e(u, { className: "w-5 h-5 text-slate-500" })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-8 py-6", children: n }),
+        i.length > 0 && /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 px-8 py-4 border-t border-slate-200", children: i.map((l, m) => /* @__PURE__ */ e(
+          N,
+          {
+            ...l,
+            children: l.text || l.children
+          },
+          l.key || l.text || `action-${m}`
+        )) })
+      ]
     }
-  );
-}
+  ) })
+] });
 export {
-  b as SectionHeading
+  k as ScrollableModal
 };
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","sources":["../src/components/Typography/SectionHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface SectionHeadingProps {\n  children: ReactNode\n  /** Bottom border accent */\n  withBorder?: boolean\n  /** Left border accent (RealtorIQ style) */\n  leftBorder?: boolean\n  className?: string\n}\n\nexport function SectionHeading({\n  children,\n  withBorder = false,\n  leftBorder = false,\n  className,\n}: SectionHeadingProps) {\n  return (\n    <h2\n      className={cn(\n        'text-2xl font-semibold text-slate-900',\n        withBorder && 'pb-3 border-b-2 border-primary-500',\n        leftBorder && 'pl-3 border-l-4 border-primary-500',\n        className\n      )}\n    >\n      {children}\n    </h2>\n  )\n}\n"],"names":["SectionHeading","children","withBorder","leftBorder","className","jsx","cn"],"mappings":";;AAYO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC;AACF,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KAAc;AAAA,QACdC,KAAc;AAAA,QACdC;AAAA,MAAA;AAAA,MAGD,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index54.js","sources":["../src/components/ScrollableModal/ScrollableModal.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport { XMarkIcon, ArrowLeftIcon } from '@heroicons/react/24/outline'\nimport { Button, type ButtonProps } from '../Button/Button'\n\nexport interface ScrollableModalAction extends Omit<ButtonProps, 'key'> {\n  key?: string\n  text?: string\n}\n\nexport interface ScrollableModalProps {\n  isOpen: boolean\n  onClose: () => void\n  title?: string\n  children: ReactNode\n  onBack?: () => void\n  onSkip?: () => void\n  rightActions?: ScrollableModalAction[]\n  className?: string\n}\n\nexport const ScrollableModal = ({\n  isOpen,\n  onClose,\n  title,\n  children,\n  onBack,\n  onSkip,\n  rightActions = [],\n  className,\n}: ScrollableModalProps) => {\n  return (\n    <Dialog open={isOpen} onClose={onClose} className=\"relative z-50\">\n      {/* Backdrop */}\n      <div className=\"fixed inset-0 bg-black/50\" aria-hidden=\"true\" />\n\n      {/* Full-screen container */}\n      <div className=\"fixed inset-0 flex items-center justify-center p-4\">\n        <DialogPanel\n          className={cn(\n            'bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] flex flex-col overflow-hidden',\n            className\n          )}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between px-6 py-4 border-b border-slate-200\">\n            <div className=\"w-10\">\n              {onBack && (\n                <button\n                  onClick={onBack}\n                  className=\"p-2 rounded-md hover:bg-slate-100 transition-colors\"\n                  aria-label=\"Go back\"\n                >\n                  <ArrowLeftIcon className=\"w-5 h-5 text-slate-500\" />\n                </button>\n              )}\n            </div>\n\n            <DialogTitle className=\"text-lg font-bold text-slate-900 flex-1 text-center\">\n              {title}\n            </DialogTitle>\n\n            <div className=\"w-10 flex justify-end\">\n              {onSkip ? (\n                <button\n                  onClick={onSkip}\n                  className=\"text-sm font-semibold text-slate-600 hover:text-slate-800\"\n                >\n                  Skip\n                </button>\n              ) : (\n                <button\n                  onClick={onClose}\n                  className=\"p-2 rounded-md hover:bg-slate-100 transition-colors\"\n                  aria-label=\"Close\"\n                >\n                  <XMarkIcon className=\"w-5 h-5 text-slate-500\" />\n                </button>\n              )}\n            </div>\n          </div>\n\n          {/* Scrollable Content */}\n          <div className=\"flex-1 overflow-y-auto px-8 py-6\">\n            {children}\n          </div>\n\n          {/* Footer Actions */}\n          {rightActions.length > 0 && (\n            <div className=\"flex justify-end gap-2 px-8 py-4 border-t border-slate-200\">\n              {rightActions.map((action, index) => (\n                <Button\n                  key={action.key || action.text || `action-${index}`}\n                  {...action}\n                >\n                  {action.text || action.children}\n                </Button>\n              ))}\n            </div>\n          )}\n        </DialogPanel>\n      </div>\n    </Dialog>\n  )\n}\n"],"names":["ScrollableModal","isOpen","onClose","title","children","onBack","onSkip","rightActions","className","Dialog","jsx","jsxs","DialogPanel","cn","ArrowLeftIcon","DialogTitle","XMarkIcon","action","index","Button"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,WAAAC;AACF,wBAEKC,GAAA,EAAO,MAAMR,GAAQ,SAAAC,GAAkB,WAAU,iBAEhD,UAAA;AAAA,EAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,QAAO;AAAA,EAG9D,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAIF,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACZ,UAAAL,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASL;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAK,EAACI,GAAA,EAAc,WAAU,yBAAA,CAAyB;AAAA,YAAA;AAAA,UAAA,GAGxD;AAAA,UAEA,gBAAAJ,EAACK,GAAA,EAAY,WAAU,uDACpB,UAAAZ,GACH;AAAA,UAEA,gBAAAO,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAAJ,IACC,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASJ;AAAA,cACT,WAAU;AAAA,cACX,UAAA;AAAA,YAAA;AAAA,UAAA,IAID,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASR;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,gBAAAQ,EAACM,GAAA,EAAU,WAAU,yBAAA,CAAyB;AAAA,YAAA;AAAA,UAAA,EAChD,CAEJ;AAAA,QAAA,GACF;AAAA,QAGA,gBAAAN,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAAN,EAAA,CACH;AAAA,QAGCG,EAAa,SAAS,KACrB,gBAAAG,EAAC,OAAA,EAAI,WAAU,8DACZ,UAAAH,EAAa,IAAI,CAACU,GAAQC,MACzB,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YAEE,GAAGF;AAAA,YAEH,UAAAA,EAAO,QAAQA,EAAO;AAAA,UAAA;AAAA,UAHlBA,EAAO,OAAOA,EAAO,QAAQ,UAAUC,CAAK;AAAA,QAAA,CAKpD,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEJ,CACF;AAAA,GACF;"}

package/dist/index55.js

@@ -1,107 +1,25 @@
-import { jsxs as s, jsx as e, Fragment as f } from "react/jsx-runtime";
-import { Fragment as h } from "react";
-import { Listbox as x, ListboxButton as g, Transition as y, ListboxOptions as v, ListboxOption as N } from "@headlessui/react";
-import { ChevronUpDownIcon as w, CheckIcon as k } from "@heroicons/react/20/solid";
-import { cn as t } from "./index3.js";
-function S({
-  options: n,
-  value: i,
-  onChange: m,
-  label: c,
-  placeholder: u = "Select an option",
-  error: o,
-  disabled: d,
-  className: p
+import { jsx as a } from "react/jsx-runtime";
+import { cn as i } from "./index3.js";
+function b({
+  children: r,
+  withBorder: e = !1,
+  leftBorder: o = !1,
+  className: t
 }) {
-  const a = n.find((r) => r.value === i);
-  return /* @__PURE__ */ s("div", { className: t("w-full", p), children: [
-    c && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-slate-700 mb-1.5", children: c }),
-    /* @__PURE__ */ e(x, { value: i, onChange: m, disabled: d, children: /* @__PURE__ */ s("div", { className: "relative", children: [
-      /* @__PURE__ */ s(
-        g,
-        {
-          className: t(
-            "relative w-full py-2.5 pl-4 pr-10 text-left text-base",
-            "bg-white border rounded-lg cursor-pointer",
-            "transition-colors duration-200",
-            "focus:outline-none focus:ring-2 focus:ring-offset-0",
-            o ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-slate-300 focus:border-primary-500 focus:ring-primary-500",
-            d && "bg-slate-50 cursor-not-allowed opacity-50"
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: t(
-                  "block truncate",
-                  !a && "text-slate-400"
-                ),
-                children: (a == null ? void 0 : a.label) || u
-              }
-            ),
-            /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ e(
-              w,
-              {
-                className: "h-5 w-5 text-slate-400",
-                "aria-hidden": "true"
-              }
-            ) })
-          ]
-        }
+  return /* @__PURE__ */ a(
+    "h2",
+    {
+      className: i(
+        "text-2xl font-semibold text-slate-900",
+        e && "pb-3 border-b-2 border-primary-500",
+        o && "pl-3 border-l-4 border-primary-500",
+        t
       ),
-      /* @__PURE__ */ e(
-        y,
-        {
-          as: h,
-          leave: "transition ease-in duration-100",
-          leaveFrom: "opacity-100",
-          leaveTo: "opacity-0",
-          children: /* @__PURE__ */ e(
-            v,
-            {
-              className: t(
-                "absolute z-10 mt-1 w-full max-h-60 overflow-auto",
-                "bg-white rounded-lg border border-slate-200 shadow-lg",
-                "py-1 text-base",
-                "focus:outline-none"
-              ),
-              children: n.map((r) => /* @__PURE__ */ e(
-                N,
-                {
-                  value: r.value,
-                  disabled: r.disabled,
-                  className: ({ active: l, selected: b }) => t(
-                    "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
-                    "transition-colors duration-150",
-                    l && "bg-primary-50",
-                    b && "bg-primary-50 text-primary-900",
-                    r.disabled && "opacity-50 cursor-not-allowed"
-                  ),
-                  children: ({ selected: l }) => /* @__PURE__ */ s(f, { children: [
-                    /* @__PURE__ */ e(
-                      "span",
-                      {
-                        className: t(
-                          "block truncate",
-                          l ? "font-semibold" : "font-normal"
-                        ),
-                        children: r.label
-                      }
-                    ),
-                    l && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600", children: /* @__PURE__ */ e(k, { className: "h-5 w-5", "aria-hidden": "true" }) })
-                  ] })
-                },
-                r.value
-              ))
-            }
-          )
-        }
-      )
-    ] }) }),
-    o && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", children: o })
-  ] });
+      children: r
+    }
+  );
 }
 export {
-  S as Select
+  b as SectionHeading
 };
 //# sourceMappingURL=index55.js.map

package/dist/index55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index55.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOptions,\n  ListboxOption,\n  Transition,\n} from '@headlessui/react'\nimport { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/20/solid'\nimport { cn } from '@/lib/utils'\n\nexport interface SelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface SelectProps {\n  options: SelectOption[]\n  value?: string\n  onChange?: (value: string) => void\n  label?: string\n  placeholder?: string\n  error?: string\n  disabled?: boolean\n  className?: string\n}\n\nexport function Select({\n  options,\n  value,\n  onChange,\n  label,\n  placeholder = 'Select an option',\n  error,\n  disabled,\n  className,\n}: SelectProps) {\n  const selectedOption = options.find((opt) => opt.value === value)\n\n  return (\n    <div className={cn('w-full', className)}>\n      {label && (\n        <label className=\"block text-sm font-medium text-slate-700 mb-1.5\">\n          {label}\n        </label>\n      )}\n      <Listbox value={value} onChange={onChange} disabled={disabled}>\n        <div className=\"relative\">\n          <ListboxButton\n            className={cn(\n              'relative w-full py-2.5 pl-4 pr-10 text-left text-base',\n              'bg-white border rounded-lg cursor-pointer',\n              'transition-colors duration-200',\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 cursor-not-allowed opacity-50'\n            )}\n          >\n            <span\n              className={cn(\n                'block truncate',\n                !selectedOption && 'text-slate-400'\n              )}\n            >\n              {selectedOption?.label || placeholder}\n            </span>\n            <span className=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3\">\n              <ChevronUpDownIcon\n                className=\"h-5 w-5 text-slate-400\"\n                aria-hidden=\"true\"\n              />\n            </span>\n          </ListboxButton>\n          <Transition\n            as={Fragment}\n            leave=\"transition ease-in duration-100\"\n            leaveFrom=\"opacity-100\"\n            leaveTo=\"opacity-0\"\n          >\n            <ListboxOptions\n              className={cn(\n                'absolute z-10 mt-1 w-full max-h-60 overflow-auto',\n                'bg-white rounded-lg border border-slate-200 shadow-lg',\n                'py-1 text-base',\n                'focus:outline-none'\n              )}\n            >\n              {options.map((option) => (\n                <ListboxOption\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  className={({ active, selected }) =>\n                    cn(\n                      'relative cursor-pointer select-none py-2.5 pl-10 pr-4',\n                      'transition-colors duration-150',\n                      active && 'bg-primary-50',\n                      selected && 'bg-primary-50 text-primary-900',\n                      option.disabled && 'opacity-50 cursor-not-allowed'\n                    )\n                  }\n                >\n                  {({ selected }) => (\n                    <>\n                      <span\n                        className={cn(\n                          'block truncate',\n                          selected ? 'font-semibold' : 'font-normal'\n                        )}\n                      >\n                        {option.label}\n                      </span>\n                      {selected && (\n                        <span className=\"absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600\">\n                          <CheckIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n                        </span>\n                      )}\n                    </>\n                  )}\n                </ListboxOption>\n              ))}\n            </ListboxOptions>\n          </Transition>\n        </div>\n      </Listbox>\n      {error && <p className=\"mt-1.5 text-sm text-red-600\">{error}</p>}\n    </div>\n  )\n}\n"],"names":["Select","options","value","onChange","label","placeholder","error","disabled","className","selectedOption","opt","cn","jsx","Listbox","jsxs","ListboxButton","ChevronUpDownIcon","Transition","Fragment","ListboxOptions","option","ListboxOption","active","selected","CheckIcon"],"mappings":";;;;;AA4BO,SAASA,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAiBR,EAAQ,KAAK,CAACS,MAAQA,EAAI,UAAUR,CAAK;AAEhE,2BACG,OAAA,EAAI,WAAWS,EAAG,UAAUH,CAAS,GACnC,UAAA;AAAA,IAAAJ,KACC,gBAAAQ,EAAC,SAAA,EAAM,WAAU,mDACd,UAAAR,GACH;AAAA,IAEF,gBAAAQ,EAACC,KAAQ,OAAAX,GAAc,UAAAC,GAAoB,UAAAI,GACzC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAL,IACI,2DACA;AAAA,YACJC,KAAY;AAAA,UAAA;AAAA,UAGd,UAAA;AAAA,YAAA,gBAAAK;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACA,CAACF,KAAkB;AAAA,gBAAA;AAAA,gBAGpB,kCAAgB,UAASJ;AAAA,cAAA;AAAA,YAAA;AAAA,YAE5B,gBAAAO,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,cAAA;AAAA,YAAA,EACd,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,IAAIC;AAAAA,UACJ,OAAM;AAAA,UACN,WAAU;AAAA,UACV,SAAQ;AAAA,UAER,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,cAGD,UAAAV,EAAQ,IAAI,CAACmB,MACZ,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBAEC,OAAOD,EAAO;AAAA,kBACd,UAAUA,EAAO;AAAA,kBACjB,WAAW,CAAC,EAAE,QAAAE,GAAQ,UAAAC,QACpBZ;AAAA,oBACE;AAAA,oBACA;AAAA,oBACAW,KAAU;AAAA,oBACVC,KAAY;AAAA,oBACZH,EAAO,YAAY;AAAA,kBAAA;AAAA,kBAItB,UAAA,CAAC,EAAE,UAAAG,EAAA,MACF,gBAAAT,EAAAI,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAN;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWD;AAAA,0BACT;AAAA,0BACAY,IAAW,kBAAkB;AAAA,wBAAA;AAAA,wBAG9B,UAAAH,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAETG,KACC,gBAAAX,EAAC,QAAA,EAAK,WAAU,qEACd,UAAA,gBAAAA,EAACY,GAAA,EAAU,WAAU,WAAU,eAAY,OAAA,CAAO,EAAA,CACpD;AAAA,kBAAA,EAAA,CAEJ;AAAA,gBAAA;AAAA,gBA5BGJ,EAAO;AAAA,cAAA,CA+Bf;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CACF;AAAA,IACCd,KAAS,gBAAAM,EAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAN,EAAA,CAAM;AAAA,EAAA,GAC9D;AAEJ;"}
+{"version":3,"file":"index55.js","sources":["../src/components/Typography/SectionHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface SectionHeadingProps {\n  children: ReactNode\n  /** Bottom border accent */\n  withBorder?: boolean\n  /** Left border accent (RealtorIQ style) */\n  leftBorder?: boolean\n  className?: string\n}\n\nexport function SectionHeading({\n  children,\n  withBorder = false,\n  leftBorder = false,\n  className,\n}: SectionHeadingProps) {\n  return (\n    <h2\n      className={cn(\n        'text-2xl font-semibold text-slate-900',\n        withBorder && 'pb-3 border-b-2 border-primary-500',\n        leftBorder && 'pl-3 border-l-4 border-primary-500',\n        className\n      )}\n    >\n      {children}\n    </h2>\n  )\n}\n"],"names":["SectionHeading","children","withBorder","leftBorder","className","jsx","cn"],"mappings":";;AAYO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC;AACF,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KAAc;AAAA,QACdC,KAAc;AAAA,QACdC;AAAA,MAAA;AAAA,MAGD,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index56.js

@@ -1,71 +1,107 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { cn as u } from "./index3.js";
-function c({
-  variant: e = "text",
-  width: r,
-  height: l,
-  className: n
+import { jsxs as s, jsx as e, Fragment as f } from "react/jsx-runtime";
+import { Fragment as h } from "react";
+import { Listbox as x, ListboxButton as g, Transition as y, ListboxOptions as v, ListboxOption as N } from "@headlessui/react";
+import { ChevronUpDownIcon as w, CheckIcon as k } from "@heroicons/react/20/solid";
+import { cn as t } from "./index3.js";
+function S({
+  options: n,
+  value: i,
+  onChange: m,
+  label: c,
+  placeholder: u = "Select an option",
+  error: o,
+  disabled: d,
+  className: p
 }) {
-  const o = {
-    width: typeof r == "number" ? `${r}px` : r,
-    height: typeof l == "number" ? `${l}px` : l
-  };
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: u(
-        "animate-pulse bg-slate-200",
-        e === "text" && "h-4 rounded",
-        e === "circular" && "rounded-full",
-        e === "rectangular" && "rounded-lg",
-        !r && e === "text" && "w-full",
-        !r && e === "circular" && "w-10",
-        !l && e === "circular" && "h-10",
-        !r && e === "rectangular" && "w-full",
-        !l && e === "rectangular" && "h-20",
-        n
+  const a = n.find((r) => r.value === i);
+  return /* @__PURE__ */ s("div", { className: t("w-full", p), children: [
+    c && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-slate-700 mb-1.5", children: c }),
+    /* @__PURE__ */ e(x, { value: i, onChange: m, disabled: d, children: /* @__PURE__ */ s("div", { className: "relative", children: [
+      /* @__PURE__ */ s(
+        g,
+        {
+          className: t(
+            "relative w-full py-2.5 pl-4 pr-10 text-left text-base",
+            "bg-white border rounded-lg cursor-pointer",
+            "transition-colors duration-200",
+            "focus:outline-none focus:ring-2 focus:ring-offset-0",
+            o ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-slate-300 focus:border-primary-500 focus:ring-primary-500",
+            d && "bg-slate-50 cursor-not-allowed opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: t(
+                  "block truncate",
+                  !a && "text-slate-400"
+                ),
+                children: (a == null ? void 0 : a.label) || u
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ e(
+              w,
+              {
+                className: "h-5 w-5 text-slate-400",
+                "aria-hidden": "true"
+              }
+            ) })
+          ]
+        }
       ),
-      style: o
-    }
-  );
-}
-function d({ lines: e = 3, className: r }) {
-  return /* @__PURE__ */ t("div", { className: u("space-y-2", r), children: Array.from({ length: e }).map((l, n) => /* @__PURE__ */ t(
-    c,
-    {
-      variant: "text",
-      width: n === e - 1 ? "60%" : "100%"
-    },
-    n
-  )) });
-}
-function s({ size: e = 40, className: r }) {
-  return /* @__PURE__ */ t(
-    c,
-    {
-      variant: "circular",
-      width: e,
-      height: e,
-      className: r
-    }
-  );
-}
-function f({ className: e }) {
-  return /* @__PURE__ */ a("div", { className: u("p-4 border border-slate-200 rounded-xl", e), children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-4", children: [
-      /* @__PURE__ */ t(s, {}),
-      /* @__PURE__ */ a("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ t(c, { variant: "text", width: "40%" }),
-        /* @__PURE__ */ t(c, { variant: "text", width: "20%" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t(d, { lines: 3 })
+      /* @__PURE__ */ e(
+        y,
+        {
+          as: h,
+          leave: "transition ease-in duration-100",
+          leaveFrom: "opacity-100",
+          leaveTo: "opacity-0",
+          children: /* @__PURE__ */ e(
+            v,
+            {
+              className: t(
+                "absolute z-10 mt-1 w-full max-h-60 overflow-auto",
+                "bg-white rounded-lg border border-slate-200 shadow-lg",
+                "py-1 text-base",
+                "focus:outline-none"
+              ),
+              children: n.map((r) => /* @__PURE__ */ e(
+                N,
+                {
+                  value: r.value,
+                  disabled: r.disabled,
+                  className: ({ active: l, selected: b }) => t(
+                    "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
+                    "transition-colors duration-150",
+                    l && "bg-primary-50",
+                    b && "bg-primary-50 text-primary-900",
+                    r.disabled && "opacity-50 cursor-not-allowed"
+                  ),
+                  children: ({ selected: l }) => /* @__PURE__ */ s(f, { children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: t(
+                          "block truncate",
+                          l ? "font-semibold" : "font-normal"
+                        ),
+                        children: r.label
+                      }
+                    ),
+                    l && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600", children: /* @__PURE__ */ e(k, { className: "h-5 w-5", "aria-hidden": "true" }) })
+                  ] })
+                },
+                r.value
+              ))
+            }
+          )
+        }
+      )
+    ] }) }),
+    o && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", children: o })
   ] });
 }
 export {
-  c as Skeleton,
-  s as SkeletonAvatar,
-  f as SkeletonCard,
-  d as SkeletonText
+  S as Select
 };
 //# sourceMappingURL=index56.js.map

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","sources":["../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface SkeletonProps {\n  variant?: 'text' | 'circular' | 'rectangular'\n  width?: string | number\n  height?: string | number\n  className?: string\n}\n\nexport function Skeleton({\n  variant = 'text',\n  width,\n  height,\n  className,\n}: SkeletonProps) {\n  const style: React.CSSProperties = {\n    width: typeof width === 'number' ? `${width}px` : width,\n    height: typeof height === 'number' ? `${height}px` : height,\n  }\n\n  return (\n    <div\n      className={cn(\n        'animate-pulse bg-slate-200',\n        variant === 'text' && 'h-4 rounded',\n        variant === 'circular' && 'rounded-full',\n        variant === 'rectangular' && 'rounded-lg',\n        !width && variant === 'text' && 'w-full',\n        !width && variant === 'circular' && 'w-10',\n        !height && variant === 'circular' && 'h-10',\n        !width && variant === 'rectangular' && 'w-full',\n        !height && variant === 'rectangular' && 'h-20',\n        className\n      )}\n      style={style}\n    />\n  )\n}\n\n// Convenience components for common skeleton patterns\nexport function SkeletonText({ lines = 3, className }: { lines?: number; className?: string }) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={i}\n          variant=\"text\"\n          width={i === lines - 1 ? '60%' : '100%'}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport function SkeletonAvatar({ size = 40, className }: { size?: number; className?: string }) {\n  return (\n    <Skeleton\n      variant=\"circular\"\n      width={size}\n      height={size}\n      className={className}\n    />\n  )\n}\n\nexport function SkeletonCard({ className }: { className?: string }) {\n  return (\n    <div className={cn('p-4 border border-slate-200 rounded-xl', className)}>\n      <div className=\"flex items-center gap-3 mb-4\">\n        <SkeletonAvatar />\n        <div className=\"flex-1 space-y-2\">\n          <Skeleton variant=\"text\" width=\"40%\" />\n          <Skeleton variant=\"text\" width=\"20%\" />\n        </div>\n      </div>\n      <SkeletonText lines={3} />\n    </div>\n  )\n}\n"],"names":["Skeleton","variant","width","height","className","style","jsx","cn","SkeletonText","lines","_","i","SkeletonAvatar","size","SkeletonCard","jsxs"],"mappings":";;AASO,SAASA,EAAS;AAAA,EACvB,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAA6B;AAAA,IACjC,OAAO,OAAOH,KAAU,WAAW,GAAGA,CAAK,OAAOA;AAAA,IAClD,QAAQ,OAAOC,KAAW,WAAW,GAAGA,CAAM,OAAOA;AAAA,EAAA;AAGvD,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAN,MAAY,UAAU;AAAA,QACtBA,MAAY,cAAc;AAAA,QAC1BA,MAAY,iBAAiB;AAAA,QAC7B,CAACC,KAASD,MAAY,UAAU;AAAA,QAChC,CAACC,KAASD,MAAY,cAAc;AAAA,QACpC,CAACE,KAAUF,MAAY,cAAc;AAAA,QACrC,CAACC,KAASD,MAAY,iBAAiB;AAAA,QACvC,CAACE,KAAUF,MAAY,iBAAiB;AAAA,QACxCG;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASG,EAAa,EAAE,OAAAC,IAAQ,GAAG,WAAAL,KAAqD;AAC7F,2BACG,OAAA,EAAI,WAAWG,EAAG,aAAaH,CAAS,GACtC,UAAA,MAAM,KAAK,EAAE,QAAQK,EAAA,CAAO,EAAE,IAAI,CAACC,GAAGC,MACrC,gBAAAL;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,SAAQ;AAAA,MACR,OAAOW,MAAMF,IAAQ,IAAI,QAAQ;AAAA,IAAA;AAAA,IAF5BE;AAAA,EAAA,CAIR,GACH;AAEJ;AAEO,SAASC,EAAe,EAAE,MAAAC,IAAO,IAAI,WAAAT,KAAoD;AAC9F,SACE,gBAAAE;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAOa;AAAA,MACP,QAAQA;AAAA,MACR,WAAAT;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASU,EAAa,EAAE,WAAAV,KAAqC;AAClE,2BACG,OAAA,EAAI,WAAWG,EAAG,0CAA0CH,CAAS,GACpE,UAAA;AAAA,IAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAT,EAACM,GAAA,EAAe;AAAA,MAChB,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,QAAA,gBAAAT,EAACN,GAAA,EAAS,SAAQ,QAAO,OAAM,OAAM;AAAA,QACrC,gBAAAM,EAACN,GAAA,EAAS,SAAQ,QAAO,OAAM,MAAA,CAAM;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA,GACF;AAAA,IACA,gBAAAM,EAACE,GAAA,EAAa,OAAO,EAAA,CAAG;AAAA,EAAA,GAC1B;AAEJ;"}
+{"version":3,"file":"index56.js","sources":["../src/components/Select/Select.tsx"],"sourcesContent":["import { Fragment } from 'react'\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOptions,\n  ListboxOption,\n  Transition,\n} from '@headlessui/react'\nimport { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/20/solid'\nimport { cn } from '@/lib/utils'\n\nexport interface SelectOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface SelectProps {\n  options: SelectOption[]\n  value?: string\n  onChange?: (value: string) => void\n  label?: string\n  placeholder?: string\n  error?: string\n  disabled?: boolean\n  className?: string\n}\n\nexport function Select({\n  options,\n  value,\n  onChange,\n  label,\n  placeholder = 'Select an option',\n  error,\n  disabled,\n  className,\n}: SelectProps) {\n  const selectedOption = options.find((opt) => opt.value === value)\n\n  return (\n    <div className={cn('w-full', className)}>\n      {label && (\n        <label className=\"block text-sm font-medium text-slate-700 mb-1.5\">\n          {label}\n        </label>\n      )}\n      <Listbox value={value} onChange={onChange} disabled={disabled}>\n        <div className=\"relative\">\n          <ListboxButton\n            className={cn(\n              'relative w-full py-2.5 pl-4 pr-10 text-left text-base',\n              'bg-white border rounded-lg cursor-pointer',\n              'transition-colors duration-200',\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 cursor-not-allowed opacity-50'\n            )}\n          >\n            <span\n              className={cn(\n                'block truncate',\n                !selectedOption && 'text-slate-400'\n              )}\n            >\n              {selectedOption?.label || placeholder}\n            </span>\n            <span className=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3\">\n              <ChevronUpDownIcon\n                className=\"h-5 w-5 text-slate-400\"\n                aria-hidden=\"true\"\n              />\n            </span>\n          </ListboxButton>\n          <Transition\n            as={Fragment}\n            leave=\"transition ease-in duration-100\"\n            leaveFrom=\"opacity-100\"\n            leaveTo=\"opacity-0\"\n          >\n            <ListboxOptions\n              className={cn(\n                'absolute z-10 mt-1 w-full max-h-60 overflow-auto',\n                'bg-white rounded-lg border border-slate-200 shadow-lg',\n                'py-1 text-base',\n                'focus:outline-none'\n              )}\n            >\n              {options.map((option) => (\n                <ListboxOption\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  className={({ active, selected }) =>\n                    cn(\n                      'relative cursor-pointer select-none py-2.5 pl-10 pr-4',\n                      'transition-colors duration-150',\n                      active && 'bg-primary-50',\n                      selected && 'bg-primary-50 text-primary-900',\n                      option.disabled && 'opacity-50 cursor-not-allowed'\n                    )\n                  }\n                >\n                  {({ selected }) => (\n                    <>\n                      <span\n                        className={cn(\n                          'block truncate',\n                          selected ? 'font-semibold' : 'font-normal'\n                        )}\n                      >\n                        {option.label}\n                      </span>\n                      {selected && (\n                        <span className=\"absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600\">\n                          <CheckIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n                        </span>\n                      )}\n                    </>\n                  )}\n                </ListboxOption>\n              ))}\n            </ListboxOptions>\n          </Transition>\n        </div>\n      </Listbox>\n      {error && <p className=\"mt-1.5 text-sm text-red-600\">{error}</p>}\n    </div>\n  )\n}\n"],"names":["Select","options","value","onChange","label","placeholder","error","disabled","className","selectedOption","opt","cn","jsx","Listbox","jsxs","ListboxButton","ChevronUpDownIcon","Transition","Fragment","ListboxOptions","option","ListboxOption","active","selected","CheckIcon"],"mappings":";;;;;AA4BO,SAASA,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAiBR,EAAQ,KAAK,CAACS,MAAQA,EAAI,UAAUR,CAAK;AAEhE,2BACG,OAAA,EAAI,WAAWS,EAAG,UAAUH,CAAS,GACnC,UAAA;AAAA,IAAAJ,KACC,gBAAAQ,EAAC,SAAA,EAAM,WAAU,mDACd,UAAAR,GACH;AAAA,IAEF,gBAAAQ,EAACC,KAAQ,OAAAX,GAAc,UAAAC,GAAoB,UAAAI,GACzC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWJ;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAL,IACI,2DACA;AAAA,YACJC,KAAY;AAAA,UAAA;AAAA,UAGd,UAAA;AAAA,YAAA,gBAAAK;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACA,CAACF,KAAkB;AAAA,gBAAA;AAAA,gBAGpB,kCAAgB,UAASJ;AAAA,cAAA;AAAA,YAAA;AAAA,YAE5B,gBAAAO,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,cAAA;AAAA,YAAA,EACd,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,IAAIC;AAAAA,UACJ,OAAM;AAAA,UACN,WAAU;AAAA,UACV,SAAQ;AAAA,UAER,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,cAGD,UAAAV,EAAQ,IAAI,CAACmB,MACZ,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBAEC,OAAOD,EAAO;AAAA,kBACd,UAAUA,EAAO;AAAA,kBACjB,WAAW,CAAC,EAAE,QAAAE,GAAQ,UAAAC,QACpBZ;AAAA,oBACE;AAAA,oBACA;AAAA,oBACAW,KAAU;AAAA,oBACVC,KAAY;AAAA,oBACZH,EAAO,YAAY;AAAA,kBAAA;AAAA,kBAItB,UAAA,CAAC,EAAE,UAAAG,EAAA,MACF,gBAAAT,EAAAI,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAN;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWD;AAAA,0BACT;AAAA,0BACAY,IAAW,kBAAkB;AAAA,wBAAA;AAAA,wBAG9B,UAAAH,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAETG,KACC,gBAAAX,EAAC,QAAA,EAAK,WAAU,qEACd,UAAA,gBAAAA,EAACY,GAAA,EAAU,WAAU,WAAU,eAAY,OAAA,CAAO,EAAA,CACpD;AAAA,kBAAA,EAAA,CAEJ;AAAA,gBAAA;AAAA,gBA5BGJ,EAAO;AAAA,cAAA,CA+Bf;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CACF;AAAA,IACCd,KAAS,gBAAAM,EAAC,KAAA,EAAE,WAAU,+BAA+B,UAAAN,EAAA,CAAM;AAAA,EAAA,GAC9D;AAEJ;"}