@trsys-tech/matrix-library 0.3.0

package/dist/default-theme.es.js

@@ -0,0 +1,22 @@
+import { __exports as f } from "./default-theme.es2.js";
+import "./clonedeep.es.js";
+import { c as l } from "./config.es.js";
+import { __exports as _ } from "./clonedeep.es2.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return u;
+    }
+  });
+  const r = _, o = /* @__PURE__ */ n(l);
+  function n(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
+  }
+  const u = (0, r.cloneDeep)(o.default.theme);
+})(f);
+//# sourceMappingURL=default-theme.es.js.map

package/dist/default-theme.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.es.js","sources":["../node_modules/tailwindcss/lib/public/default-theme.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _cloneDeep = require(\"../util/cloneDeep\");\nconst _configfull = /*#__PURE__*/ _interop_require_default(require(\"../../stubs/config.full\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst _default = (0, _cloneDeep.cloneDeep)(_configfull.default.theme);\n"],"names":["exports","_default","_cloneDeep","require$$0","_configfull","_interop_require_default","require$$1","obj"],"mappings":";;;;;AACA,SAAO,eAAwBA,GAAA,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA;EAEf,CAAC;AACD,QAAMC,IAAaC,GACbC,IAA4B,gBAAAC,EAAyBC,CAAkC;AAC7F,WAASD,EAAyBE,GAAK;AACnC,WAAOA,KAAOA,EAAI,aAAaA,IAAM;AAAA,MACjC,SAASA;AAAA,IACZ;AAAA;AAEL,QAAMN,QAAeC,EAAW,WAAWE,EAAY,QAAQ,KAAK;;","x_google_ignoreList":[0]}

package/dist/default-theme.es2.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=default-theme.es2.js.map

package/dist/default-theme.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.es2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/defaultoptions.es.js

@@ -0,0 +1,8 @@
+let t = {};
+function e() {
+  return t;
+}
+export {
+  e as getDefaultOptions
+};
+//# sourceMappingURL=defaultoptions.es.js.map

package/dist/defaultoptions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultoptions.es.js","sources":["../node_modules/date-fns/_lib/defaultOptions.js"],"sourcesContent":["let defaultOptions = {};\n\nexport function getDefaultOptions() {\n  return defaultOptions;\n}\n\nexport function setDefaultOptions(newOptions) {\n  defaultOptions = newOptions;\n}\n"],"names":["defaultOptions","getDefaultOptions"],"mappings":"AAAA,IAAIA,IAAiB,CAAE;AAEhB,SAASC,IAAoB;AAClC,SAAOD;AACT;","x_google_ignoreList":[0]}

package/dist/defaulttheme.es.js

@@ -0,0 +1,10 @@
+import { getDefaultExportFromCjs as t } from "./_commonjshelpers.es.js";
+import "./default-theme.es.js";
+import { __exports as a } from "./default-theme.es2.js";
+let e = a;
+var o = (e.__esModule ? e : { default: e }).default;
+const r = /* @__PURE__ */ t(o);
+export {
+  r as default
+};
+//# sourceMappingURL=defaulttheme.es.js.map

package/dist/defaulttheme.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaulttheme.es.js","sources":["../node_modules/tailwindcss/defaultTheme.js"],"sourcesContent":["let defaultTheme = require('./lib/public/default-theme')\nmodule.exports = (defaultTheme.__esModule ? defaultTheme : { default: defaultTheme }).default\n"],"names":["defaultTheme","require$$0","defaultTheme_1"],"mappings":";;;AAAA,IAAIA,IAAeC;AACnB,IAAAC,KAAkBF,EAAa,aAAaA,IAAe,EAAE,SAASA,KAAgB;;","x_google_ignoreList":[0]}

package/dist/desktopdatepicker.es.js

@@ -0,0 +1,54 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import * as h from "react";
+import { cn as g } from "./utils.es.js";
+import { Calendar as C } from "./calendar.es.js";
+import { Button as x } from "./button.es.js";
+import { Popover as k, PopoverTrigger as v, PopoverContent as D } from "./popover.es.js";
+import { CalendarIcon as P } from "./calendaricon.es.js";
+import { formatDate as N } from "./format.es.js";
+const L = ({
+  formatStr: e,
+  selected: o,
+  placeholder: n,
+  className: i,
+  calendarClassName: s,
+  closeOnSelect: m,
+  onDayClick: p,
+  ...c
+}) => {
+  const [f, t] = h.useState(!1), l = (d, u, y) => {
+    p?.(d, u, y), m && t(!1);
+  };
+  return /* @__PURE__ */ a(k, { open: f, onOpenChange: t, children: [
+    /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ a(
+      x,
+      {
+        variant: "outline",
+        className: g(
+          "border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
+          !o && "text-muted-foreground",
+          i
+        ),
+        children: [
+          o ? N(o, e ?? "yyyy/MM/dd") : /* @__PURE__ */ r("span", { children: n ?? "Pick a date" }),
+          /* @__PURE__ */ r(P, { className: "mr-2 h-5 w-5 ms-auto" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(D, { className: "w-auto p-0", children: /* @__PURE__ */ r(
+      C,
+      {
+        ...c,
+        mode: "single",
+        selected: o,
+        captionLayout: "dropdown-years",
+        className: s,
+        onDayClick: l
+      }
+    ) })
+  ] });
+};
+export {
+  L as DesktopDatePicker
+};
+//# sourceMappingURL=desktopdatepicker.es.js.map

package/dist/desktopdatepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktopdatepicker.es.js","sources":["../src/components/date-picker/DesktopDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsSingle, DayEventHandler } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { CalendarIcon } from \"../Icons/CalendarIcon\";\r\n\r\ntype DesktopDatePickerProps = PropsBase &\r\n  Omit<PropsSingle, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: Date;\r\n    required?: boolean;\r\n    closeOnSelect?: boolean;\r\n  };\r\n\r\nconst DesktopDatePicker: React.FC<DesktopDatePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  closeOnSelect,\r\n  onDayClick,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  const handleDayClick: DayEventHandler<React.MouseEvent<Element, MouseEvent>> = (date, modifiers, e) => {\r\n    onDayClick?.(date, modifiers, e);\r\n    if (closeOnSelect) setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n        >\r\n          {selected ? format(selected, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n          <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\">\r\n        <Calendar\r\n          {...props}\r\n          mode=\"single\"\r\n          selected={selected}\r\n          captionLayout=\"dropdown-years\"\r\n          className={calendarClassName}\r\n          onDayClick={handleDayClick}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDatePicker, type DesktopDatePickerProps };\r\n"],"names":["DesktopDatePicker","formatStr","selected","placeholder","className","calendarClassName","closeOnSelect","onDayClick","props","isOpen","setIsOpen","React","handleDayClick","date","modifiers","e","jsxs","Popover","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAE1CC,IAAyE,CAACC,GAAMC,GAAWC,MAAM;AACxF,IAAAR,IAAAM,GAAMC,GAAWC,CAAC,GAC3BT,OAAyB,EAAK;AAAA,EACpC;AAEA,SACG,gBAAAU,EAAAC,GAAA,EAAQ,MAAMR,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAQ,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC;AAAA,UACT;AAAA,UACA,CAACnB,KAAY;AAAA,UACbE;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAWF,IAAAoB,EAAOpB,GAAUD,KAAa,YAAY,IAAK,gBAAAiB,EAAA,QAAA,EAAM,eAAe,cAAc,CAAA;AAAA,UAC9F,gBAAAA,EAACK,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,gBAAAL,EAACM,GAAe,EAAA,WAAU,cACxB,UAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACE,GAAGjB;AAAA,QACJ,MAAK;AAAA,QACL,UAAAN;AAAA,QACA,eAAc;AAAA,QACd,WAAWG;AAAA,QACX,YAAYO;AAAA,MAAA;AAAA,IAAA,EAEhB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/desktopdaterangepicker.es.js

@@ -0,0 +1,59 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as n } from "./utils.es.js";
+import { Calendar as u } from "./calendar.es.js";
+import { Button as g } from "./button.es.js";
+import { CalendarIcon as h } from "./calendaricon.es.js";
+import { Popover as y, PopoverTrigger as x, PopoverContent as v } from "./popover.es.js";
+import { formatDate as e } from "./format.es.js";
+const k = ({
+  formatStr: t,
+  selected: r,
+  placeholder: m,
+  className: i,
+  calendarClassName: s,
+  ...p
+}) => {
+  const [f, d] = l.useState(!1);
+  return /* @__PURE__ */ o(
+    y,
+    {
+      open: f,
+      onOpenChange: (c) => {
+        d(c);
+      },
+      children: [
+        /* @__PURE__ */ a(x, { asChild: !0, children: /* @__PURE__ */ o(
+          g,
+          {
+            variant: "outline",
+            className: n(
+              "border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
+              !r && "text-muted-foreground",
+              i
+            ),
+            children: [
+              r ? /* @__PURE__ */ o("div", { className: "grid grid-cols-2 flex-1 justify-items-start", children: [
+                /* @__PURE__ */ o("span", { children: [
+                  "From: ",
+                  r?.from ? e(r.from, t ?? "yyyy/MM/dd") : "-"
+                ] }),
+                " ",
+                /* @__PURE__ */ o("span", { children: [
+                  "To: ",
+                  r?.to ? e(r.to, t ?? "yyyy/MM/dd") : "-"
+                ] })
+              ] }) : /* @__PURE__ */ a("span", { children: m ?? "Pick a Range" }),
+              /* @__PURE__ */ a(h, { className: "mr-2 h-5 w-4 ms-auto" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ a(v, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ a(u, { ...p, mode: "range", selected: r, className: n(s, "md:max-w-full md:w-[36rem]"), numberOfMonths: 2 }) })
+      ]
+    }
+  );
+};
+export {
+  k as DesktopDateRangePicker
+};
+//# sourceMappingURL=desktopdaterangepicker.es.js.map

package/dist/desktopdaterangepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktopdaterangepicker.es.js","sources":["../src/components/date-picker/DesktopDateRangePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsRange, DateRange } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { CalendarIcon } from \"../Icons/CalendarIcon\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopDateRangePickerProps = PropsBase &\r\n  Omit<PropsRange, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: DateRange;\r\n    required?: boolean;\r\n  };\r\n\r\nconst DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  return (\r\n    <Popover\r\n      open={isOpen}\r\n      onOpenChange={open => {\r\n        setIsOpen(open);\r\n      }}\r\n    >\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n        >\r\n          {selected ? (\r\n            <div className=\"grid grid-cols-2 flex-1 justify-items-start\">\r\n              <span>From: {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : \"-\"}</span>{\" \"}\r\n              <span>To: {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : \"-\"}</span>\r\n            </div>\r\n          ) : (\r\n            <span>{placeholder ?? \"Pick a Range\"}</span>\r\n          )}\r\n          <CalendarIcon className=\"mr-2 h-5 w-4 ms-auto\" />\r\n        </Button>\r\n        {/* <div className=\"flex gap-2\">\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"From\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"To\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n        </div> */}\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar {...props} mode=\"range\" selected={selected} className={cn(calendarClassName, \"md:max-w-full md:w-[36rem]\")} numberOfMonths={2} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDateRangePicker, type DesktopDateRangePickerProps };\r\n"],"names":["DesktopDateRangePicker","formatStr","selected","placeholder","className","calendarClassName","props","isOpen","setIsOpen","React","jsxs","Popover","open","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK;AAG9C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,cAAc,CAAQK,MAAA;AACpB,QAAAJ,EAAUI,CAAI;AAAA,MAChB;AAAA,MAEA,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAWC;AAAA,cACT;AAAA,cACA,CAACd,KAAY;AAAA,cACbE;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cACCF,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,QAAK,EAAA,UAAA;AAAA,kBAAA;AAAA,kBAAOR,GAAU,OAAOe,EAAOf,EAAS,MAAMD,KAAa,YAAY,IAAI;AAAA,gBAAA,GAAI;AAAA,gBAAQ;AAAA,kCAC5F,QAAK,EAAA,UAAA;AAAA,kBAAA;AAAA,kBAAKC,GAAU,KAAKe,EAAOf,EAAS,IAAID,KAAa,YAAY,IAAI;AAAA,gBAAA,EAAI,CAAA;AAAA,cAAA,EACjF,CAAA,IAEA,gBAAAY,EAAC,QAAM,EAAA,UAAAV,KAAe,gBAAe;AAAA,cAEvC,gBAAAU,EAACK,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GA0BnD;AAAA,QACA,gBAAAL,EAACM,KAAe,WAAU,cAAa,OAAM,SAC3C,UAAA,gBAAAN,EAACO,KAAU,GAAGd,GAAO,MAAK,SAAQ,UAAAJ,GAAoB,WAAWc,EAAGX,GAAmB,4BAA4B,GAAG,gBAAgB,GAAG,EAC3I,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/desktoptimepicker.es.js

@@ -0,0 +1,25 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { cn as o } from "./utils.es.js";
+import { Button as u } from "./button.es.js";
+import { TimePickerContent as f } from "./timepickercontent.es.js";
+import { Popover as d, PopoverTrigger as g, PopoverContent as l } from "./popover.es.js";
+const k = ({ time: t, onTimeChange: a, className: i, slotsProps: e, ...p }) => {
+  const [n, m] = s(!1);
+  return /* @__PURE__ */ c(d, { open: n, onOpenChange: m, children: [
+    /* @__PURE__ */ r(g, { asChild: !0, children: /* @__PURE__ */ r(
+      u,
+      {
+        variant: "outline",
+        className: o("border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start", i),
+        ...p,
+        children: `${t?.hour?.toString()?.padStart(2, "0") ?? "--"} : ${t?.minute?.toString()?.padStart(2, "0") ?? "--"} ${t?.ampm ?? "--"}`
+      }
+    ) }),
+    /* @__PURE__ */ r(l, { ...e?.content ?? {}, className: o("w-auto p-0", e?.content?.className), children: /* @__PURE__ */ r(f, { isOpen: n, onTimeChange: a, time: t, slotsProps: e }) })
+  ] });
+};
+export {
+  k as DesktopTimePicker
+};
+//# sourceMappingURL=desktoptimepicker.es.js.map

package/dist/desktoptimepicker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktoptimepicker.es.js","sources":["../src/components/date-picker/DesktopTimePicker.tsx"],"sourcesContent":["import { HTMLAttributes, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Time, TimePickerContent } from \"./TimePickerContent\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopTimePickerProps = HTMLAttributes<HTMLButtonElement> & {\r\n  time: Time | undefined;\r\n  onTimeChange: (time: Time | undefined) => void;\r\n  slotsProps?: {\r\n    content?: HTMLAttributes<HTMLDivElement>;\r\n  };\r\n};\r\n\r\nconst DesktopTimePicker: React.FC<DesktopTimePickerProps> = ({ time, onTimeChange, className, slotsProps, ...restProps }) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\", className)}\r\n          {...restProps}\r\n        >\r\n          {`${time?.hour?.toString()?.padStart(2, \"0\") ?? \"--\"} : ${time?.minute?.toString()?.padStart(2, \"0\") ?? \"--\"} ${time?.ampm ?? \"--\"}`}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent {...(slotsProps?.content ?? {})} className={cn(\"w-auto p-0\", slotsProps?.content?.className)}>\r\n        <TimePickerContent isOpen={isOpen} onTimeChange={onTimeChange} time={time} slotsProps={slotsProps} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\nexport { DesktopTimePicker, type DesktopTimePickerProps };\r\n"],"names":["DesktopTimePicker","time","onTimeChange","className","slotsProps","restProps","isOpen","setIsOpen","useState","jsxs","Popover","jsx","PopoverTrigger","Button","cn","PopoverContent","TimePickerContent"],"mappings":";;;;;;AAeM,MAAAA,IAAsD,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,WAAAC,GAAW,YAAAC,GAAY,GAAGC,QAAgB;AAC3H,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,SACG,gBAAAC,EAAAC,GAAA,EAAQ,MAAMJ,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC,EAAG,gFAAgFX,CAAS;AAAA,QACtG,GAAGE;AAAA,QAEH,UAAA,GAAGJ,GAAM,MAAM,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,MAAMA,GAAM,QAAQ,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,IAAIA,GAAM,QAAQ,IAAI;AAAA,MAAA;AAAA,IAAA,GAEtI;AAAA,IACA,gBAAAU,EAACI,KAAgB,GAAIX,GAAY,WAAW,CAAA,GAAK,WAAWU,EAAG,cAAcV,GAAY,SAAS,SAAS,GACzG,UAAC,gBAAAO,EAAAK,GAAA,EAAkB,QAAAV,GAAgB,cAAAJ,GAA4B,MAAAD,GAAY,YAAAG,GAAwB,EACrG,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/dialog.es.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import * as a from "@radix-ui/react-dialog";
+import { cn as l } from "./utils.es.js";
+import { CloseIcon as m } from "./closeicon.es.js";
+const b = a.Root, w = a.Trigger, c = a.Portal, h = a.Close, n = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Overlay,
+  {
+    ref: s,
+    className: l(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+n.displayName = a.Overlay.displayName;
+const p = i.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__ */ d(c, { children: [
+  /* @__PURE__ */ o(n, {}),
+  /* @__PURE__ */ d(
+    a.Content,
+    {
+      ref: r,
+      className: l(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        e
+      ),
+      ...s,
+      children: [
+        t,
+        /* @__PURE__ */ d(a.Close, { className: "absolute right-4 top-4 rounded-sm disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ o(m, { className: "h-5 w-5" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+p.displayName = a.Content.displayName;
+const f = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: l("flex flex-col space-y-1.5 text-left", e), ...t });
+f.displayName = "DialogHeader";
+const g = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+g.displayName = "DialogFooter";
+const N = i.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Title, { ref: s, className: l("text-lg font-semibold leading-none tracking-tight", e), ...t })
+);
+N.displayName = a.Title.displayName;
+const u = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Description, { ref: s, className: l("text-sm text-muted-foreground", e), ...t }));
+u.displayName = a.Description.displayName;
+export {
+  b as Dialog,
+  h as DialogClose,
+  p as DialogContent,
+  u as DialogDescription,
+  g as DialogFooter,
+  f as DialogHeader,
+  n as DialogOverlay,
+  c as DialogPortal,
+  N as DialogTitle,
+  w as DialogTrigger
+};
+//# sourceMappingURL=dialog.es.js.map

package/dist/dialog.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.es.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n} from \"@radix-ui/react-dialog\";\n\nimport { cn } from \"../../lib/utils\";\nimport { CloseIcon } from \"../Icons/CloseIcon\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <CloseIcon className=\"h-5 w-5\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Title>, React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\n  ),\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => <DialogPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription };\nexport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","CloseIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAgBA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACpC,gBAAAK,EAACX,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAc,EAAA;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACA,gBAAAC,EAAAb,EAAgB,OAAhB,EAAsB,WAAU,sIAC/B,UAAA;AAAA,UAAC,gBAAAS,EAAAK,GAAA,EAAU,WAAU,UAAU,CAAA;AAAA,UAC9B,gBAAAL,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMe,IAAe,CAAC,EAAE,WAAAT,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,uCAAuCJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAEnFQ,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAV,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,iEAAiEJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7GS,EAAa,cAAc;AAE3B,MAAMC,IAAcZ,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAT,EAAgB,OAAhB,EAAsB,KAAAQ,GAAU,WAAWE,EAAG,qDAAqDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE/H;AACAU,EAAY,cAAcjB,EAAgB,MAAM;AAE1C,MAAAkB,IAAoBb,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACT,EAAgB,aAAhB,EAA4B,KAAAQ,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACnJW,EAAkB,cAAclB,EAAgB,YAAY;"}

package/dist/differenceincalendardays.es.js

@@ -0,0 +1,17 @@
+import { getTimezoneOffsetInMilliseconds as r } from "./gettimezoneoffsetinmilliseconds.es.js";
+import { normalizeDates as c } from "./normalizedates.es.js";
+import { millisecondsInDay as D } from "./constants.es.js";
+import { startOfDay as a } from "./startofday.es.js";
+function O(o, n, i) {
+  const [s, m] = c(
+    i?.in,
+    o,
+    n
+  ), t = a(s), e = a(m), f = +t - r(t), l = +e - r(e);
+  return Math.round((f - l) / D);
+}
+export {
+  O as default,
+  O as differenceInCalendarDays
+};
+//# sourceMappingURL=differenceincalendardays.es.js.map

package/dist/differenceincalendardays.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"differenceincalendardays.es.js","sources":["../node_modules/date-fns/differenceInCalendarDays.js"],"sourcesContent":["import { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { millisecondsInDay } from \"./constants.js\";\nimport { startOfDay } from \"./startOfDay.js\";\n\n/**\n * The {@link differenceInCalendarDays} function options.\n */\n\n/**\n * @name differenceInCalendarDays\n * @category Day Helpers\n * @summary Get the number of calendar days between the given dates.\n *\n * @description\n * Get the number of calendar days between the given dates. This means that the times are removed\n * from the dates and then the difference in days is calculated.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - The options object\n *\n * @returns The number of calendar days\n *\n * @example\n * // How many calendar days are between\n * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?\n * const result = differenceInCalendarDays(\n *   new Date(2012, 6, 2, 0, 0),\n *   new Date(2011, 6, 2, 23, 0)\n * )\n * //=> 366\n * // How many calendar days are between\n * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?\n * const result = differenceInCalendarDays(\n *   new Date(2011, 6, 3, 0, 1),\n *   new Date(2011, 6, 2, 23, 59)\n * )\n * //=> 1\n */\nexport function differenceInCalendarDays(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  const laterStartOfDay = startOfDay(laterDate_);\n  const earlierStartOfDay = startOfDay(earlierDate_);\n\n  const laterTimestamp =\n    +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);\n  const earlierTimestamp =\n    +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);\n\n  // Round the number of days to the nearest integer because the number of\n  // milliseconds in a day is not constant (e.g. it's different in the week of\n  // the daylight saving time clock shift).\n  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarDays;\n"],"names":["differenceInCalendarDays","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","laterStartOfDay","startOfDay","earlierStartOfDay","laterTimestamp","getTimezoneOffsetInMilliseconds","earlierTimestamp","millisecondsInDay"],"mappings":";;;;AAwCO,SAASA,EAAyBC,GAAWC,GAAaC,GAAS;AACxE,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,GAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD,GAEKK,IAAkBC,EAAWJ,CAAU,GACvCK,IAAoBD,EAAWH,CAAY,GAE3CK,IACJ,CAACH,IAAkBI,EAAgCJ,CAAe,GAC9DK,IACJ,CAACH,IAAoBE,EAAgCF,CAAiB;AAKxE,SAAO,KAAK,OAAOC,IAAiBE,KAAoBC,CAAiB;AAC3E;","x_google_ignoreList":[0]}

package/dist/drawer.es.js

@@ -0,0 +1,66 @@
+import { jsx as r, Fragment as R, jsxs as g } from "react/jsx-runtime";
+import * as n from "react";
+import { Slot as N } from "@radix-ui/react-slot";
+import E from "./defaulttheme.es.js";
+import { createContextScope as S } from "@radix-ui/react-context";
+import { cn as d } from "./utils.es.js";
+import { Modal as A } from "./modal.es.js";
+import { IconButton as _ } from "./iconbutton.es.js";
+import { ChevronsRightIcon as j } from "./chevronsrighticon.es.js";
+const p = "Drawer", [k] = S(p), [I, v] = k(p), W = n.forwardRef((s, e) => {
+  const { asChild: m, anchor: i = "right", children: t, open: a, width: f = 240, className: l, onClose: c, __scopeDrawer: w, mobileBreakpoint: o, ...h } = s, u = m ? N : "div", [M, C] = n.useState(0);
+  n.useEffect(() => {
+    const b = new ResizeObserver(() => {
+      C(window.innerWidth);
+    });
+    return b.observe(document.documentElement), () => {
+      b.disconnect();
+    };
+  }, []);
+  const D = n.useMemo(() => window !== void 0 ? o ? !window?.matchMedia?.(`(min-width: ${o})`)?.matches : !window?.matchMedia?.(`(min-width: ${E.screens.md})`)?.matches : !1, [o, M]);
+  return /* @__PURE__ */ r(u, { ref: e, className: d("flex", l), ...h, children: /* @__PURE__ */ r(I, { anchor: i, onClose: c, open: a, width: f, isMobile: D, scope: w, children: t }) });
+});
+W.displayName = p;
+const x = "DrawerMain", z = n.forwardRef(
+  ({ asChild: s, children: e, className: m, style: i, __scopeDrawer: t, ...a }, f) => {
+    const l = s ? N : "div", { anchor: c, open: w, width: o, isMobile: h } = v(x, t), u = n.useMemo(() => h ? {} : c === "left" ? { marginInlineStart: w ? o : 0 } : { marginInlineEnd: w ? o : 0 }, [c, w, o, h]);
+    return /* @__PURE__ */ r(l, { ref: f, className: d("flex-grow overflow-hidden", m), style: { ...i, ...u }, ...a, children: e });
+  }
+);
+z.displayName = x;
+const y = "DrawerContent", O = n.forwardRef(({ children: s, title: e, __scopeDrawer: m }, i) => {
+  const { anchor: t, open: a, width: f, onClose: l, isMobile: c } = v(y, m);
+  return /* @__PURE__ */ r(R, { children: c ? /* @__PURE__ */ r(A, { title: e, open: a, onOpenChange: l, ref: i, fullScreen: !0, children: s }) : /* @__PURE__ */ r("div", { className: d("hidden md:block overflow-hidden"), style: { width: f }, ref: i, children: /* @__PURE__ */ g(
+    "div",
+    {
+      className: d(
+        "overflow-y-auto flex flex-col h-full top-0 z-[120] bg-background transition-all border-gray-200",
+        a ? "" : t === "left" ? "-translate-x-full rtl:translate-x-full invisible" : "translate-x-full rtl:-translate-x-full invisible",
+        t === "left" ? "border-r" : "border-l"
+      ),
+      children: [
+        /* @__PURE__ */ g(
+          "div",
+          {
+            className: d(
+              "h-9 flex items-center gap-2 p-2 bg-background w-full sticky top-0 border-b border-gray-200",
+              t === "right" ? "justify-start rtl:justify-end" : "justify-end rtl:justify-start"
+            ),
+            children: [
+              /* @__PURE__ */ r(_, { onClick: l, className: "w-5 h-5 p-0", children: /* @__PURE__ */ r(j, { className: d("w-5 h-5", t === "right" ? "rtl:-scale-100" : "-scale-100 rtl:scale-100") }) }),
+              typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-text", children: e }) : e
+            ]
+          }
+        ),
+        s
+      ]
+    }
+  ) }) });
+});
+O.displayName = y;
+export {
+  W as Drawer,
+  O as DrawerContent,
+  z as DrawerMain
+};
+//# sourceMappingURL=drawer.es.js.map

package/dist/drawer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.es.js","sources":["../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\nimport { createContextScope, Scope } from \"@radix-ui/react-context\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Modal } from \"../modal/Modal\";\r\nimport { IconButton } from \"../icon-botton/IconButton\";\r\nimport { ChevronsRightIcon } from \"../Icons/ChevronsRightIcon\";\r\n\r\ntype ScopedProps<P> = P & { __scopeDrawer?: Scope };\r\n\r\nconst DRAWER_NAME = \"Drawer\";\r\n\r\nconst [createDrawerContext] = createContextScope(DRAWER_NAME);\r\n\r\ninterface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor?: \"left\" | \"right\";\r\n  width?: number;\r\n  children?: React.ReactNode;\r\n  asChild?: boolean;\r\n  mobileBreakpoint?: number;\r\n}\r\n\r\ntype DrawerContextValue = {\r\n  open: boolean;\r\n  onClose?: () => void;\r\n  anchor: \"left\" | \"right\";\r\n  width: number;\r\n  isMobile: boolean;\r\n};\r\n\r\nconst [DrawerProvider, useDrawerProvider] = createDrawerContext<DrawerContextValue>(DRAWER_NAME);\r\n\r\n/**\r\n * Drawer component\r\n * This is the wrapper component for Drawer content and main components\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} open - Drawer open state\r\n * @param {() => void} onClose - Drawer close handler\r\n * @param {\"left\" | \"right\"} anchor - Drawer anchor position\r\n * @param {number} width - Drawer width\r\n * @param {React.ReactNode} children - Drawer children\r\n * @param {boolean} asChild - Render as child component\r\n * @param {number} mobileBreakpoint - Mobile breakpoint\r\n * @returns {React.ReactElement}\r\n */\r\nconst Drawer = React.forwardRef<React.ElementRef<\"div\">, ScopedProps<DrawerProps>>((props, ref) => {\r\n  const { asChild, anchor = \"right\", children, open, width = 240, className, onClose, __scopeDrawer, mobileBreakpoint, ...restProps } = props;\r\n  const Comp = asChild ? Slot : \"div\";\r\n\r\n  // re render to show proper modal on resize\r\n  const [windowSize, setWindowSize] = React.useState(0);\r\n  React.useEffect(() => {\r\n    const observer = new ResizeObserver(() => {\r\n      setWindowSize(window.innerWidth);\r\n    });\r\n\r\n    observer.observe(document.documentElement);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const isMobile = React.useMemo(() => {\r\n    if (window !== undefined) {\r\n      if (mobileBreakpoint) {\r\n        return !window?.matchMedia?.(`(min-width: ${mobileBreakpoint})`)?.matches;\r\n      }\r\n      return !window?.matchMedia?.(`(min-width: ${defaultTheme.screens.md})`)?.matches;\r\n    }\r\n    return false;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [mobileBreakpoint, windowSize]);\r\n\r\n  return (\r\n    <Comp ref={ref} className={cn(\"flex\", className)} {...restProps}>\r\n      <DrawerProvider anchor={anchor} onClose={onClose} open={open} width={width} isMobile={isMobile} scope={__scopeDrawer}>\r\n        {children}\r\n      </DrawerProvider>\r\n    </Comp>\r\n  );\r\n});\r\n\r\nDrawer.displayName = DRAWER_NAME;\r\n\r\ninterface DrawerMainProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild: boolean;\r\n}\r\n\r\nconst DRAWER_MAIN_NAME = \"DrawerMain\";\r\n\r\n/**\r\n * DrawerMain component\r\n * This is the main container for the tree that should be shown always\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {boolean} asChild - Render as child component\r\n * @property {React.ReactNode} children - DrawerMain children\r\n * @property {string} className - DrawerMain class name\r\n * @property {React.CSSProperties} style - DrawerMain style\r\n * @property {ScopedProps<DrawerMainProps>} __scopeDrawer - DrawerMain scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerMain ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerMain props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerMain = React.forwardRef<HTMLDivElement, ScopedProps<DrawerMainProps>>(\r\n  ({ asChild, children, className, style, __scopeDrawer, ...props }, ref) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    const { anchor, open, width, isMobile } = useDrawerProvider(DRAWER_MAIN_NAME, __scopeDrawer);\r\n\r\n    const marginStyle = React.useMemo(() => {\r\n      if (isMobile) {\r\n        return {};\r\n      }\r\n      if (anchor === \"left\") {\r\n        return { marginInlineStart: open ? width : 0 };\r\n      } else {\r\n        return { marginInlineEnd: open ? width : 0 };\r\n      }\r\n    }, [anchor, open, width, isMobile]);\r\n\r\n    return (\r\n      <Comp ref={ref} className={cn(\"flex-grow overflow-hidden\", className)} style={{ ...style, ...marginStyle }} {...props}>\r\n        {children}\r\n      </Comp>\r\n    );\r\n  },\r\n);\r\n\r\nDrawerMain.displayName = DRAWER_MAIN_NAME;\r\n\r\ntype DrawerContentProps = {\r\n  children?: React.ReactNode;\r\n  title: React.ReactNode;\r\n};\r\n\r\nconst DRAWER_CONTENT_NAME = \"DrawerContent\";\r\n\r\n/**\r\n * DrawerContent component\r\n * This is the content container for the tree that should be shown when the drawer is open\r\n * @param {React.HTMLAttributes<HTMLDivElement>} props\r\n * @param {React.ReactNode} children - DrawerContent children\r\n * @param {React.ReactNode} title - DrawerContent title\r\n * @property {ScopedProps<DrawerContentProps>} __scopeDrawer - DrawerContent scope\r\n * @property {React.Ref<HTMLDivElement>} ref - DrawerContent ref\r\n * @property {React.HTMLAttributes<HTMLDivElement>} props - DrawerContent props\r\n * @returns {React.ReactElement}\r\n */\r\nconst DrawerContent = React.forwardRef<HTMLDivElement, ScopedProps<DrawerContentProps>>(({ children, title, __scopeDrawer }, ref) => {\r\n  const { anchor, open, width, onClose, isMobile } = useDrawerProvider(DRAWER_CONTENT_NAME, __scopeDrawer);\r\n\r\n  return (\r\n    <>\r\n      {isMobile ? (\r\n        <Modal title={title} open={open} onOpenChange={onClose} ref={ref} fullScreen>\r\n          {children}\r\n        </Modal>\r\n      ) : (\r\n        <div className={cn(\"hidden md:block overflow-hidden\")} style={{ width }} ref={ref}>\r\n          <div\r\n            className={cn(\r\n              \"overflow-y-auto flex flex-col h-full top-0 z-[120] bg-background transition-all border-gray-200\",\r\n              open ? \"\" : anchor === \"left\" ? \"-translate-x-full rtl:translate-x-full invisible\" : \"translate-x-full rtl:-translate-x-full invisible\",\r\n              anchor === \"left\" ? \"border-r\" : \"border-l\",\r\n            )}\r\n          >\r\n            <div\r\n              className={cn(\r\n                \"h-9 flex items-center gap-2 p-2 bg-background w-full sticky top-0 border-b border-gray-200\",\r\n                anchor === \"right\" ? \"justify-start rtl:justify-end\" : \"justify-end rtl:justify-start\",\r\n              )}\r\n            >\r\n              <IconButton onClick={onClose} className=\"w-5 h-5 p-0\">\r\n                <ChevronsRightIcon className={cn(\"w-5 h-5\", anchor === \"right\" ? \"rtl:-scale-100\" : \"-scale-100 rtl:scale-100\")} />\r\n              </IconButton>\r\n              {typeof title === \"string\" || typeof title === \"number\" ? <h2 className=\"text-lg font-bold text-text\">{title}</h2> : title}\r\n            </div>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nDrawerContent.displayName = DRAWER_CONTENT_NAME;\r\n\r\nconst Root = Drawer;\r\nconst Main = DrawerMain;\r\nconst Content = DrawerContent;\r\n\r\nexport { Drawer, DrawerMain, DrawerContent, Root, Main, Content };\r\nexport type { DrawerContentProps, DrawerMainProps, DrawerProps };\r\n"],"names":["DRAWER_NAME","createDrawerContext","createContextScope","DrawerProvider","useDrawerProvider","Drawer","React","props","ref","asChild","anchor","children","open","width","className","onClose","__scopeDrawer","mobileBreakpoint","restProps","Comp","Slot","windowSize","setWindowSize","observer","isMobile","defaultTheme","jsx","cn","DRAWER_MAIN_NAME","DrawerMain","style","marginStyle","DRAWER_CONTENT_NAME","DrawerContent","title","Fragment","Modal","jsxs","IconButton","ChevronsRightIcon"],"mappings":"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"}

package/dist/elipsishorizontal.es.js

@@ -0,0 +1,8 @@
+import { jsx as C } from "react/jsx-runtime";
+function t(o) {
+  return /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ C("path", { d: "M17.25 12C17.25 12.9661 18.0339 13.75 19 13.75C19.9661 13.75 20.75 12.9661 20.75 12C20.75 11.0339 19.9661 10.25 19 10.25C18.0339 10.25 17.25 11.0339 17.25 12ZM6.75 12C6.75 11.0339 5.96615 10.25 5 10.25C4.03385 10.25 3.25 11.0339 3.25 12C3.25 12.9661 4.03385 13.75 5 13.75C5.96615 13.75 6.75 12.9661 6.75 12ZM13.75 12C13.75 11.0339 12.9661 10.25 12 10.25C11.0339 10.25 10.25 11.0339 10.25 12C10.25 12.9661 11.0339 13.75 12 13.75C12.9661 13.75 13.75 12.9661 13.75 12Z" }) });
+}
+export {
+  t as ElipsisHorizontalIcon
+};
+//# sourceMappingURL=elipsishorizontal.es.js.map

package/dist/elipsishorizontal.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elipsishorizontal.es.js","sources":["../src/components/Icons/ElipsisHorizontal.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function ElipsisHorizontalIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M17.25 12C17.25 12.9661 18.0339 13.75 19 13.75C19.9661 13.75 20.75 12.9661 20.75 12C20.75 11.0339 19.9661 10.25 19 10.25C18.0339 10.25 17.25 11.0339 17.25 12ZM6.75 12C6.75 11.0339 5.96615 10.25 5 10.25C4.03385 10.25 3.25 11.0339 3.25 12C3.25 12.9661 4.03385 13.75 5 13.75C5.96615 13.75 6.75 12.9661 6.75 12ZM13.75 12C13.75 11.0339 12.9661 10.25 12 10.25C11.0339 10.25 10.25 11.0339 10.25 12C10.25 12.9661 11.0339 13.75 12 13.75C12.9661 13.75 13.75 12.9661 13.75 12Z\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["ElipsisHorizontalIcon","props"],"mappings":";AAEO,SAASA,EAAsBC,GAAgC;AACpE,2BACG,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GACzG,4BAAC,QAAK,EAAA,GAAE,odAAod,CAAA,GAC9d;AAEJ;"}

package/dist/elipsisverticalicon.es.js

@@ -0,0 +1,8 @@
+import { jsx as C } from "react/jsx-runtime";
+function i(r) {
+  return /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ C("path", { d: "M11.6667 6.75C12.6328 6.75 13.4167 5.96615 13.4167 5C13.4167 4.03385 12.6328 3.25 11.6667 3.25C10.7005 3.25 9.91669 4.03385 9.91669 5C9.91669 5.96615 10.7005 6.75 11.6667 6.75ZM11.6667 17.25C10.7005 17.25 9.91669 18.0339 9.91669 19C9.91669 19.9661 10.7005 20.75 11.6667 20.75C12.6328 20.75 13.4167 19.9661 13.4167 19C13.4167 18.0339 12.6328 17.25 11.6667 17.25ZM11.6667 10.25C10.7005 10.25 9.91669 11.0339 9.91669 12C9.91669 12.9661 10.7005 13.75 11.6667 13.75C12.6328 13.75 13.4167 12.9661 13.4167 12C13.4167 11.0339 12.6328 10.25 11.6667 10.25Z" }) });
+}
+export {
+  i as ElipsisVerticalIcon
+};
+//# sourceMappingURL=elipsisverticalicon.es.js.map

package/dist/elipsisverticalicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elipsisverticalicon.es.js","sources":["../src/components/Icons/ElipsisVerticalIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function ElipsisVerticalIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M11.6667 6.75C12.6328 6.75 13.4167 5.96615 13.4167 5C13.4167 4.03385 12.6328 3.25 11.6667 3.25C10.7005 3.25 9.91669 4.03385 9.91669 5C9.91669 5.96615 10.7005 6.75 11.6667 6.75ZM11.6667 17.25C10.7005 17.25 9.91669 18.0339 9.91669 19C9.91669 19.9661 10.7005 20.75 11.6667 20.75C12.6328 20.75 13.4167 19.9661 13.4167 19C13.4167 18.0339 12.6328 17.25 11.6667 17.25ZM11.6667 10.25C10.7005 10.25 9.91669 11.0339 9.91669 12C9.91669 12.9661 10.7005 13.75 11.6667 13.75C12.6328 13.75 13.4167 12.9661 13.4167 12C13.4167 11.0339 12.6328 10.25 11.6667 10.25Z\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["ElipsisVerticalIcon","props"],"mappings":";AAEO,SAASA,EAAoBC,GAAgC;AAClE,2BACG,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GACzG,4BAAC,QAAK,EAAA,GAAE,qiBAAqiB,CAAA,GAC/iB;AAEJ;"}

package/dist/en-us.es.js

@@ -0,0 +1,22 @@
+import { formatDistance as o } from "./formatdistance.es.js";
+import { formatLong as t } from "./formatlong.es.js";
+import { formatRelative as a } from "./formatrelative.es.js";
+import { localize as r } from "./localize.es.js";
+import { match as e } from "./match.es.js";
+const s = {
+  code: "en-US",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: e,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+export {
+  s as default,
+  s as enUS
+};
+//# sourceMappingURL=en-us.es.js.map

package/dist/en-us.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-us.es.js","sources":["../node_modules/date-fns/locale/en-US.js"],"sourcesContent":["import { formatDistance } from \"./en-US/_lib/formatDistance.js\";\nimport { formatLong } from \"./en-US/_lib/formatLong.js\";\nimport { formatRelative } from \"./en-US/_lib/formatRelative.js\";\nimport { localize } from \"./en-US/_lib/localize.js\";\nimport { match } from \"./en-US/_lib/match.js\";\n\n/**\n * @category Locales\n * @summary English locale (United States).\n * @language English\n * @iso-639-2 eng\n * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)\n * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)\n */\nexport const enUS = {\n  code: \"en-US\",\n  formatDistance: formatDistance,\n  formatLong: formatLong,\n  formatRelative: formatRelative,\n  localize: localize,\n  match: match,\n  options: {\n    weekStartsOn: 0 /* Sunday */,\n    firstWeekContainsDate: 1,\n  },\n};\n\n// Fallback for modularized imports:\nexport default enUS;\n"],"names":["enUS","formatDistance","formatLong","formatRelative","localize","match"],"mappings":";;;;;AAcY,MAACA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,gBAAgBC;AAAA,EAChB,YAAYC;AAAA,EACZ,gBAAgBC;AAAA,EAChB,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,SAAS;AAAA,IACP,cAAc;AAAA,IACd,uBAAuB;AAAA,EACxB;AACH;","x_google_ignoreList":[0]}

package/dist/form.es.js

@@ -0,0 +1,66 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as m from "react";
+import { Slot as F } from "@radix-ui/react-slot";
+import { FormProvider as u, Controller as p, useFormContext as x } from "react-hook-form";
+import { Label as I } from "./label.es.js";
+import { cn as i } from "./utils.es.js";
+const D = u, l = m.createContext({}), M = ({
+  ...e
+}) => /* @__PURE__ */ a(l.Provider, { value: { name: e.name }, children: /* @__PURE__ */ a(p, { ...e }) }), d = () => {
+  const e = m.useContext(l), o = m.useContext(f), { getFieldState: t, formState: r } = x(), n = t(e.name, r);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: s } = o;
+  return {
+    id: s,
+    name: e.name,
+    formItemId: `${s}-form-item`,
+    formDescriptionId: `${s}-form-item-description`,
+    formMessageId: `${s}-form-item-message`,
+    ...n
+  };
+}, f = m.createContext({}), g = m.forwardRef(({ className: e, ...o }, t) => {
+  const r = m.useId();
+  return /* @__PURE__ */ a(f.Provider, { value: { id: r }, children: /* @__PURE__ */ a("div", { ref: t, className: i("space-y-1", e), ...o }) });
+});
+g.displayName = "FormItem";
+const b = m.forwardRef(({ className: e, ...o }, t) => {
+  const { error: r, formItemId: n } = d();
+  return /* @__PURE__ */ a(I, { ref: t, className: i(r && "text-danger", "block text-text-300", e), htmlFor: n, ...o });
+});
+b.displayName = "FormLabel";
+const C = m.forwardRef(({ className: e, ...o }, t) => {
+  const { error: r, formItemId: n, formDescriptionId: s, formMessageId: c } = d();
+  return /* @__PURE__ */ a(
+    F,
+    {
+      ref: t,
+      id: n,
+      "aria-describedby": r ? `${s} ${c}` : `${s}`,
+      "aria-invalid": !!r,
+      className: i(e, r && "border-danger hover:border-danger focus-visible:border-danger"),
+      ...o
+    }
+  );
+});
+C.displayName = "FormControl";
+const N = m.forwardRef(({ className: e, ...o }, t) => {
+  const { formDescriptionId: r } = d();
+  return /* @__PURE__ */ a("p", { ref: t, id: r, className: i("text-[0.8rem] text-muted-foreground", e), ...o });
+});
+N.displayName = "FormDescription";
+const h = m.forwardRef(({ className: e, children: o, ...t }, r) => {
+  const { error: n, formMessageId: s } = d(), c = n ? String(n?.message) : o;
+  return /* @__PURE__ */ a("p", { ref: r, id: s, className: i("text-[0.625rem] font-medium text-danger h-4", e), ...t, children: c ?? " " });
+});
+h.displayName = "FormMessage";
+export {
+  D as Form,
+  C as FormControl,
+  N as FormDescription,
+  M as FormField,
+  g as FormItem,
+  b as FormLabel,
+  h as FormMessage
+};
+//# sourceMappingURL=form.es.js.map

package/dist/form.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.es.js","sources":["../src/components/form/Form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Controller, ControllerProps, FieldPath, FieldValues, FormProvider, useFormContext } from \"react-hook-form\";\n\nimport { Label } from \"../label/Label\";\nimport { cn } from \"../../lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\nconst FormField = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\");\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn(\"space-y-1\", className)} {...props} />\n    </FormItemContext.Provider>\n  );\n});\nFormItem.displayName = \"FormItem\";\n\nconst FormLabel = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<\"label\">>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && \"text-danger\", \"block text-text-300\", className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = \"FormLabel\";\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(({ className, ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      className={cn(className, error && \"border-danger hover:border-danger focus-visible:border-danger\")}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = \"FormControl\";\n\nconst FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return <p ref={ref} id={formDescriptionId} className={cn(\"text-[0.8rem] text-muted-foreground\", className)} {...props} />;\n});\nFormDescription.displayName = \"FormDescription\";\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message) : children;\n\n  // if (!body) {\n  //   return null;\n  // }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn(\"text-[0.625rem] font-medium text-danger h-4\", className)} {...props}>\n      {body ?? \" \"}\n    </p>\n  );\n});\nFormMessage.displayName = \"FormMessage\";\n\nexport { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}