@divayth/brick-ui 0.0.14 → 0.1.0

package/dist/ui/Date/DateInput.d.ts

@@ -9,8 +9,7 @@ export type DateInputProps = Omit<Extract<InputProps, {
     onKeyDown?: KeyboardEventHandler<HTMLElement>;
     value?: Date | null;
     onChange?: (value: Date) => void;
-    locale?: string;
-    calendarProps?: Omit<DayPickerProps, "mode" | "required" | "selected" | "onSelect">;
+    calendarProps?: Omit<DayPickerProps, "mode" | "required" | "selected" | "onSelect" | "locale">;
 };
-export declare const DateInput: ({ value, onChange, locale: localeProp, calendarProps, ...props }: DateInputProps) => import("react").JSX.Element;
+export declare const DateInput: ({ value, onChange, calendarProps, disabled, className, endIcon, label, onKeyDown, ref: forwardedRef, ...props }: DateInputProps) => import("react").JSX.Element;
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/ui/Date/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/Date/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,4BAA4B,CAAC;AAGpC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,OAAO,CAAC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,EACxC,MAAM,GACN,WAAW,GACX,OAAO,GACP,cAAc,GACd,UAAU,GACV,SAAS,GACT,WAAW,CACd,GAAG;IACF,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAClB,cAAc,EACd,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAC9C,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,kEAMvB,cAAc,gCAuIhB,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/ui/Date/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,4BAA4B,CAAC;AAGpC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,OAAO,CAAC,UAAU,EAAE;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,EACxC,MAAM,GACN,WAAW,GACX,OAAO,GACP,cAAc,GACd,UAAU,GACV,SAAS,GACT,WAAW,CACd,GAAG;IACF,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,IAAI,CAClB,cAAc,EACd,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iHAWvB,cAAc,gCAqEhB,CAAC"}

package/dist/ui/Date/DateInput.js

@@ -1,103 +1,84 @@
 "use client";
-import { jsxs as b, jsx as u } from "react/jsx-runtime";
-import { useState as L, useRef as N, useLayoutEffect as k } from "react";
-import { createPortal as C } from "react-dom";
-import { Card as R } from "../Card/Card.js";
-import { Flex as I } from "../Flex/Flex.js";
-import { Input as M } from "../Input/Input.js";
-import { useProvider as F } from "../../app/Provider.js";
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
+import { useState as S, useRef as j } from "react";
+import { useComposedRefs as k } from "@radix-ui/react-compose-refs";
+import { Popover as s } from "../Popover/Popover.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { Input as F } from "../Input/Input.js";
+import { useProvider as A } from "../../app/Provider.js";
+import { formatDate as E } from "../../lib/dates.js";
 import p from "clsx";
-import { CalendarDays as P } from "lucide-react";
-import { DayPicker as S } from "react-day-picker";
-import { ru as B, enUS as K } from "react-day-picker/locale";
+import { CalendarDays as K } from "lucide-react";
+import { DayPicker as M } from "react-day-picker";
+import { ru as T, enUS as U } from "react-day-picker/locale";
 /* empty css                                                */
-import y from "./DateInput.module.css.js";
-const V = ({
-  value: s,
-  onChange: v,
-  locale: D,
-  calendarProps: r,
-  ...t
+import l from "./DateInput.module.css.js";
+const $ = ({
+  value: t,
+  onChange: f,
+  calendarProps: u,
+  disabled: r,
+  className: d,
+  endIcon: g,
+  label: m,
+  onKeyDown: h,
+  ref: D,
+  ...x
 }) => {
-  const { locale: x, messages: E } = F(), m = D ?? x, [n, l] = L(null), f = N(null);
-  return k(() => {
-    const e = f.current;
-    if (!n || !e) return;
-    if (t.disabled) {
-      l(null);
-      return;
-    }
-    e.showPopover();
-    const a = n.getBoundingClientRect(), c = e.getBoundingClientRect(), i = 8;
-    e.style.left = `${Math.max(i, Math.min(a.left, window.innerWidth - c.width - i))}px`, e.style.top = `${a.bottom + c.height + i <= window.innerHeight ? a.bottom + i : Math.max(i, a.top - c.height - i)}px`;
-    const d = () => l(null), g = (o) => {
-      o.target instanceof Node && (e.contains(o.target) || n.contains(o.target)) || d();
-    }, h = (o) => {
-      o.key === "Escape" && (o.preventDefault(), o.stopPropagation(), d(), n.focus());
-    }, w = (o) => {
-      o.target instanceof Node && e.contains(o.target) || d();
-    };
-    return document.addEventListener("pointerdown", g, !0), document.addEventListener("keydown", h, !0), document.addEventListener("scroll", w, !0), window.addEventListener("resize", d), () => {
-      document.removeEventListener("pointerdown", g, !0), document.removeEventListener("keydown", h, !0), document.removeEventListener("scroll", w, !0), window.removeEventListener("resize", d), e.matches(":popover-open") && e.hidePopover();
-    };
-  }, [n, t.disabled]), /* @__PURE__ */ b(I, { direction: "col", className: "relative gap-0", children: [
-    /* @__PURE__ */ u(
-      M,
+  const { locale: i, messages: y } = A(), [c, n] = S(!1), a = j(null), C = k(a, D), {
+    className: N,
+    autoFocus: P = !0,
+    animate: w = !0,
+    defaultMonth: R = t ?? void 0,
+    ...I
+  } = u ?? {};
+  return /* @__PURE__ */ o(s.Root, { open: c && !r, onOpenChange: n, children: /* @__PURE__ */ O(v, { direction: "col", gap: "none", className: "relative", children: [
+    /* @__PURE__ */ o(s.Trigger, { children: /* @__PURE__ */ o(
+      F,
       {
-        ...t,
-        value: s ? new Intl.DateTimeFormat(m, {
-          year: "numeric",
-          month: "2-digit",
-          day: "2-digit"
-        }).format(s) : "",
+        ref: C,
+        value: E(t, i),
         type: "text",
         readOnly: !0,
-        endIcon: t.endIcon ?? P,
+        disabled: r,
+        label: m,
+        endIcon: g ?? K,
         "aria-haspopup": "dialog",
-        "aria-expanded": !!n,
-        onClick: (e) => {
-          if (t.onClick?.(e), !t.disabled && !e.defaultPrevented) {
-            const a = e.currentTarget;
-            l((c) => c ? null : a);
-          }
-        },
-        className: p({ "cursor-pointer": !t.disabled }, t.className),
+        "aria-expanded": c && !r,
+        className: p({ "cursor-pointer": !r }, d),
         onKeyDown: (e) => {
-          t.onKeyDown?.(e), !t.disabled && !e.defaultPrevented && ["Enter", " ", "ArrowDown"].includes(e.key) && (e.preventDefault(), l(e.currentTarget));
-        }
+          h?.(e), !r && !e.defaultPrevented && ["Enter", " ", "ArrowDown"].includes(e.key) && (e.preventDefault(), n(!0));
+        },
+        ...x
+      }
+    ) }),
+    /* @__PURE__ */ o(
+      s.Content,
+      {
+        container: a.current?.closest("dialog"),
+        align: "start",
+        "aria-label": m ?? y.chooseDate,
+        className: l.dropdown,
+        children: /* @__PURE__ */ o(
+          M,
+          {
+            className: p(l.calendar, N),
+            autoFocus: P,
+            animate: w,
+            mode: "single",
+            locale: i.startsWith("ru") ? T : U,
+            defaultMonth: R,
+            selected: t ?? void 0,
+            onSelect: (e) => {
+              e && (f?.(e), n(!1), a.current?.focus());
+            },
+            ...I
+          }
+        )
       }
-    ),
-    n && C(
-      /* @__PURE__ */ u(
-        R,
-        {
-          ref: f,
-          popover: "manual",
-          role: "dialog",
-          "aria-label": t.label ?? E.chooseDate,
-          className: y.dropdown,
-          children: /* @__PURE__ */ u(
-            S,
-            {
-              ...r,
-              className: p(y.calendar, r?.className),
-              autoFocus: r?.autoFocus ?? !0,
-              animate: r?.animate ?? !0,
-              mode: "single",
-              locale: r?.locale ?? (m.startsWith("ru") ? B : K),
-              defaultMonth: r?.defaultMonth ?? s ?? void 0,
-              selected: s ?? void 0,
-              onSelect: (e) => {
-                e && (v?.(e), l(null), n.focus());
-              }
-            }
-          )
-        }
-      ),
-      n.closest("dialog") ?? document.body
     )
-  ] });
+  ] }) });
 };
 export {
-  V as DateInput
+  $ as DateInput
 };

package/dist/ui/Date/DateInput.module.css.js

@@ -1,9 +1,9 @@
-const o = "_dropdown_oh39p_1", d = "_calendar_oh39p_16", n = {
-  dropdown: o,
-  calendar: d
+const d = "_dropdown_1uipl_1", o = "_calendar_1uipl_16", n = {
+  dropdown: d,
+  calendar: o
 };
 export {
-  d as calendar,
+  o as calendar,
   n as default,
-  o as dropdown
+  d as dropdown
 };

package/dist/ui/DateText/DateText.d.ts

@@ -1,4 +1,3 @@
-import "dayjs/locale/ru.js";
 import { type TextProps } from "../Text/Text.js";
 export interface DateProps extends Omit<TextProps, "children"> {
     value: string;

package/dist/ui/DateText/DateText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateText.d.ts","sourceRoot":"","sources":["../../../src/ui/DateText/DateText.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,GAAI,6BAItB,SAAS,gCASX,CAAC"}
+{"version":3,"file":"DateText.d.ts","sourceRoot":"","sources":["../../../src/ui/DateText/DateText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,GAAI,6BAItB,SAAS,gCAGX,CAAC"}

package/dist/ui/DateText/DateText.js

@@ -1,16 +1,15 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import l from "dayjs";
-import "dayjs/locale/ru.js";
-import { useProvider as s } from "../../app/Provider.js";
-import { Text as a } from "../Text/Text.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useProvider as i } from "../../app/Provider.js";
+import { formatDate as f } from "../../lib/dates.js";
+import { Text as p } from "../Text/Text.js";
 const x = ({
-  value: o,
-  format: t = "DD MMMM YYYY",
-  ...e
+  value: r,
+  format: o = "DD MMMM YYYY",
+  ...t
 }) => {
-  const { locale: m } = s(), r = l(o).locale(m);
-  return /* @__PURE__ */ i(a, { ...e, children: o && r.isValid() ? r.format(t) : null });
+  const { locale: e } = i();
+  return /* @__PURE__ */ m(p, { ...t, children: f(r, e, o) });
 };
 export {
   x as DateText

package/dist/ui/Drawer/Drawer.d.ts

@@ -13,5 +13,5 @@ export interface DrawerProps {
     closeLabel?: string;
     className?: string;
 }
-export declare const Drawer: ({ isOpen, onClose, position, size, title, children, withCloseButton, closeOnOverlay, closeLabel, className, }: DrawerProps) => import("react").ReactPortal | null;
+export declare const Drawer: ({ isOpen, onClose, position, size, title, children, withCloseButton, closeOnOverlay, closeLabel, className, }: DrawerProps) => import("react").JSX.Element | null;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/ui/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/ui/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAW5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,+GAWpB,WAAW,uCAoEb,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/ui/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAW5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,+GAWpB,WAAW,uCAqEb,CAAC"}

package/dist/ui/Drawer/Drawer.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { useState as d, useEffect as k } from "react";
-import { createPortal as C } from "react-dom";
+import { Portal as C } from "../Portal/Portal.js";
 import { Flex as u } from "../Flex/Flex.js";
 import { IconButton as E } from "../IconButton/IconButton.js";
 import p from "clsx";
@@ -11,12 +11,12 @@ import e from "./Drawer.module.css.js";
 const X = ({
   isOpen: o,
   onClose: h,
-  position: b = "right",
-  size: x = "md",
+  position: x = "right",
+  size: b = "md",
   title: a,
-  children: y,
+  children: v,
   withCloseButton: s = !0,
-  closeOnOverlay: v = !0,
+  closeOnOverlay: y = !0,
   closeLabel: i,
   className: N
 }) => {
@@ -29,56 +29,53 @@ const X = ({
     });
   }, [o]);
   const g = () => {
-    v && t(!1);
+    y && t(!1);
   }, j = () => {
     !f && m && (c(!1), o && h());
   };
-  return m ? C(
-    /* @__PURE__ */ n("div", { className: p(e.root, { [e.open]: f }), children: [
-      /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          "aria-label": i ?? l.close,
-          tabIndex: -1,
-          className: e.overlay,
-          onClick: g,
-          onTransitionEnd: j
-        }
-      ),
-      /* @__PURE__ */ n(
-        u,
-        {
-          direction: "col",
-          className: p(e.panel, e[b], e[x], N),
-          children: [
-            (a || s) && /* @__PURE__ */ n(
-              u,
-              {
-                alignItems: "center",
-                justifyContent: "between",
-                className: e.header,
-                children: [
-                  a,
-                  s && /* @__PURE__ */ r(
-                    E,
-                    {
-                      "aria-label": i ?? l.close,
-                      color: "secondary",
-                      onClick: () => t(!1),
-                      children: /* @__PURE__ */ r(F, { size: 20 })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ r("div", { className: e.content, children: y })
-          ]
-        }
-      )
-    ] }),
-    document.body
-  ) : null;
+  return m ? /* @__PURE__ */ r(C, { children: /* @__PURE__ */ n("div", { className: p(e.root, { [e.open]: f }), children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": i ?? l.close,
+        tabIndex: -1,
+        className: e.overlay,
+        onClick: g,
+        onTransitionEnd: j
+      }
+    ),
+    /* @__PURE__ */ n(
+      u,
+      {
+        direction: "col",
+        className: p(e.panel, e[x], e[b], N),
+        children: [
+          (a || s) && /* @__PURE__ */ n(
+            u,
+            {
+              alignItems: "center",
+              justifyContent: "between",
+              className: e.header,
+              children: [
+                a,
+                s && /* @__PURE__ */ r(
+                  E,
+                  {
+                    "aria-label": i ?? l.close,
+                    color: "secondary",
+                    onClick: () => t(!1),
+                    children: /* @__PURE__ */ r(F, { size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: e.content, children: v })
+        ]
+      }
+    )
+  ] }) }) : null;
 };
 export {
   X as Drawer

package/dist/ui/FeedScroll/FeedScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedScroll.d.ts","sourceRoot":"","sources":["../../../src/ui/FeedScroll/FeedScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAYtE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,GAAI,kDAIxB,eAAe,gCAwFjB,CAAC"}
+{"version":3,"file":"FeedScroll.d.ts","sourceRoot":"","sources":["../../../src/ui/FeedScroll/FeedScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAYtE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,GAAI,kDAIxB,eAAe,gCAuFjB,CAAC"}

package/dist/ui/FeedScroll/FeedScroll.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as R, jsx as u } from "react/jsx-runtime";
-import { useState as m, useCallback as S } from "react";
-import { createPortal as y } from "react-dom";
-import z from "clsx";
-import { ArrowBigUp as H } from "lucide-react";
-import { useProvider as L } from "../../app/Provider.js";
-import { Flex as T } from "../Flex/Flex.js";
+import { jsxs as R, jsx as m } from "react/jsx-runtime";
+import { useState as h, useCallback as S } from "react";
+import { Portal as z } from "../Portal/Portal.js";
+import H from "clsx";
+import { ArrowBigUp as L } from "lucide-react";
+import { useProvider as T } from "../../app/Provider.js";
+import { Flex as y } from "../Flex/Flex.js";
 import { IconButton as P } from "../IconButton/IconButton.js";
 import p from "./FeedScroll.module.css.js";
 const Y = ({
@@ -13,24 +13,24 @@ const Y = ({
   scrollToTopLabel: b,
   withScrollToTop: f = !0
 }) => {
-  const { messages: v } = L(), [n, w] = m(!1), [d, x] = m(
+  const { messages: v } = T(), [n, w] = h(!1), [d, x] = h(
     null
-  ), [C, E] = m({ right: 8, bottom: 24 }), B = S((r) => {
+  ), [C, E] = h({ right: 8, bottom: 24 }), B = S((r) => {
     if (!r) return;
     let o = r.parentElement;
     for (; o && !/(auto|scroll|overlay)/.test(getComputedStyle(o).overflowY); )
       o = o.parentElement;
     const t = o ?? document.scrollingElement, e = () => {
-      const s = t.getBoundingClientRect(), l = r.getBoundingClientRect(), M = Math.max(0, s.top), h = Math.min(innerHeight, s.bottom);
+      const s = t.getBoundingClientRect(), l = r.getBoundingClientRect(), M = Math.max(0, s.top), u = Math.min(innerHeight, s.bottom);
       w(
-        t.scrollHeight > t.clientHeight && t.scrollTop > 0 && l.bottom > M && l.top < h
+        t.scrollHeight > t.clientHeight && t.scrollTop > 0 && l.bottom > M && l.top < u
       );
       const c = {
         right: Math.max(
           8,
           innerWidth - Math.min(s.right, l.right, innerWidth) + 8
         ),
-        bottom: Math.max(24, innerHeight - h + 24)
+        bottom: Math.max(24, innerHeight - u + 24)
       };
       E(
         (a) => a.right === c.right && a.bottom === c.bottom ? a : c
@@ -42,28 +42,25 @@ const Y = ({
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), i.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ R(T, { ref: B, direction: "col", className: "w-full", children: [
+  return /* @__PURE__ */ R(y, { ref: B, direction: "col", className: "w-full", children: [
     g,
-    f && d && y(
-      /* @__PURE__ */ u(
-        P,
-        {
-          size: "lg",
-          "aria-label": b ?? v.scrollToTop,
-          variant: "filled",
-          "aria-hidden": !n,
-          tabIndex: n ? 0 : -1,
-          className: z(p.button, { [p.visible]: n }),
-          style: C,
-          onClick: () => d.scrollTo({
-            top: 0,
-            behavior: matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth"
-          }),
-          children: /* @__PURE__ */ u(H, {})
-        }
-      ),
-      document.body
-    )
+    f && d && /* @__PURE__ */ m(z, { children: /* @__PURE__ */ m(
+      P,
+      {
+        size: "lg",
+        "aria-label": b ?? v.scrollToTop,
+        variant: "filled",
+        "aria-hidden": !n,
+        tabIndex: n ? 0 : -1,
+        className: H(p.button, { [p.visible]: n }),
+        style: C,
+        onClick: () => d.scrollTo({
+          top: 0,
+          behavior: matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth"
+        }),
+        children: /* @__PURE__ */ m(L, {})
+      }
+    ) })
   ] });
 };
 export {

package/dist/ui/IconButton/IconButton.module.css.js

@@ -1,33 +1,33 @@
-const _ = "_root_1cdvq_2", d = "_xs_1cdvq_24", c = "_sm_1cdvq_29", o = "_md_1cdvq_34", n = "_lg_1cdvq_39", s = "_xl_1cdvq_44", t = "_primary_1cdvq_49", l = "_secondary_1cdvq_57", e = "_danger_1cdvq_66", a = "_outlined_1cdvq_75", r = "_filled_1cdvq_79", i = "_disabled_1cdvq_109", q = "_content_1cdvq_122", v = "_loading_1cdvq_130", g = {
-  root: _,
-  xs: d,
-  sm: c,
-  md: o,
-  lg: n,
+const i = "_root_ivirq_2", _ = "_xs_ivirq_24", o = "_sm_ivirq_29", n = "_md_ivirq_34", r = "_lg_ivirq_39", s = "_xl_ivirq_44", t = "_primary_ivirq_49", d = "_secondary_ivirq_57", l = "_danger_ivirq_66", c = "_outlined_ivirq_75", e = "_filled_ivirq_79", a = "_disabled_ivirq_109", q = "_content_ivirq_122", v = "_loading_ivirq_130", g = {
+  root: i,
+  xs: _,
+  sm: o,
+  md: n,
+  lg: r,
   xl: s,
   primary: t,
-  secondary: l,
-  danger: e,
-  outlined: a,
-  filled: r,
-  disabled: i,
+  secondary: d,
+  danger: l,
+  outlined: c,
+  filled: e,
+  disabled: a,
   content: q,
   loading: v
 };
 export {
   q as content,
-  e as danger,
+  l as danger,
   g as default,
-  i as disabled,
-  r as filled,
-  n as lg,
+  a as disabled,
+  e as filled,
+  r as lg,
   v as loading,
-  o as md,
-  a as outlined,
+  n as md,
+  c as outlined,
   t as primary,
-  _ as root,
-  l as secondary,
-  c as sm,
+  i as root,
+  d as secondary,
+  o as sm,
   s as xl,
-  d as xs
+  _ as xs
 };

package/dist/ui/Popover/Popover.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from "react";
+import { Popover as Primitive } from "radix-ui";
+import { type PortalProps } from "../Portal/Portal.js";
+export type PopoverRootProps = ComponentProps<typeof Primitive.Root>;
+export type PopoverTriggerProps = ComponentProps<typeof Primitive.Trigger>;
+export type PopoverContentProps = ComponentProps<typeof Primitive.Content> & Pick<PortalProps, "container">;
+export declare const Popover: {
+    Root: import("react").FC<Primitive.PopoverProps>;
+    Anchor: (props: ComponentProps<typeof Primitive.Anchor>) => import("react").JSX.Element;
+    Trigger: (props: PopoverTriggerProps) => import("react").JSX.Element;
+    Content: ({ container, sideOffset, collisionPadding, ...props }: PopoverContentProps) => import("react").JSX.Element;
+    Close: import("react").ForwardRefExoticComponent<Primitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/ui/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/ui/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACrE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GACxE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAwBjC,eAAO,MAAM,OAAO;;oBAnBG,cAAc,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC;qBAHtC,mBAAmB;qEAYxC,mBAAmB;;CAgBrB,CAAC"}

package/dist/ui/Popover/Popover.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Popover as r } from "radix-ui";
+import { Portal as i } from "../Portal/Portal.js";
+const c = (o) => /* @__PURE__ */ t(r.Trigger, { asChild: !0, ...o }), p = (o) => /* @__PURE__ */ t(r.Anchor, { asChild: !0, ...o }), l = ({
+  container: o,
+  sideOffset: e = 8,
+  collisionPadding: n = 8,
+  ...s
+}) => /* @__PURE__ */ t(i, { container: o, children: /* @__PURE__ */ t(
+  r.Content,
+  {
+    sideOffset: e,
+    collisionPadding: n,
+    ...s
+  }
+) }), a = {
+  Root: r.Root,
+  Anchor: p,
+  Trigger: c,
+  Content: l,
+  Close: r.Close
+};
+export {
+  a as Popover
+};

package/dist/ui/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from "react";
+export interface PortalProps extends PropsWithChildren {
+    container?: Element | DocumentFragment | null;
+}
+export declare const Portal: ({ container, children }: PortalProps) => import("react").ReactPortal | null;
+//# sourceMappingURL=Portal.d.ts.map

package/dist/ui/Portal/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/ui/Portal/Portal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,MAAM,GAAI,yBAAyB,WAAW,uCAU1D,CAAC"}

package/dist/ui/Portal/Portal.js

@@ -0,0 +1,12 @@
+"use client";
+import { useState as u, useEffect as n } from "react";
+import { createPortal as f } from "react-dom";
+const a = ({ container: t, children: e }) => {
+  const [o, r] = u(!1);
+  return n(() => {
+    r(!0);
+  }, []), o ? f(e, t ?? document.body) : null;
+};
+export {
+  a as Portal
+};

package/dist/ui/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAU5D,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC9D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AA4BD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAAE,oHAa3C,WAAW,CAAC,CAAC,CAAC,gCA4NhB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAU5D,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC9D,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AA4BD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,EAAE,oHAa3C,WAAW,CAAC,CAAC,CAAC,gCA6GhB,CAAC"}