@divayth/brick-ui 0.0.5 → 0.0.7

package/dist/app/Provider.d.ts

@@ -0,0 +1,22 @@
+import { type PropsWithChildren } from "react";
+import { type Locale } from "../lib/locale.js";
+export declare const Provider: ({ locale, children, }: PropsWithChildren<{
+    locale?: Locale;
+}>) => import("react").JSX.Element;
+export declare const useProvider: () => {
+    locale: Locale;
+    messages: {
+        scrollToTop: string;
+        close: string;
+        cancel: string;
+        confirm: string;
+        noData: string;
+    } | {
+        scrollToTop: string;
+        close: string;
+        cancel: string;
+        confirm: string;
+        noData: string;
+    };
+};
+//# sourceMappingURL=Provider.d.ts.map

package/dist/app/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../src/app/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,MAAM,EAAY,MAAM,kBAAkB,CAAC;AAIzD,eAAO,MAAM,QAAQ,GAAI,uBAGtB,iBAAiB,CAAC;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,gCAIxC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAGvB,CAAC"}

package/dist/app/Provider.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as n, useContext as m, createContext as c } from "react";
+import { messages as i } from "../lib/locale.js";
+const o = c({ locale: "en" }), p = ({
+  locale: e = "en",
+  children: r
+}) => {
+  const t = n(() => ({ locale: e }), [e]);
+  return /* @__PURE__ */ s(o.Provider, { value: t, children: r });
+}, v = () => {
+  const { locale: e } = m(o);
+  return { locale: e, messages: i[e] };
+};
+export {
+  p as Provider,
+  v as useProvider
+};

package/dist/app/index.d.ts

@@ -0,0 +1,2 @@
+export { Provider, useProvider } from "./Provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import './styles.css';
-export * from './ui/index.js';
-export * from './lib/index.js';
+import "./styles.css";
+export * from "./ui/index.js";
+export * from "./app/index.js";
+export * from "./lib/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -4,43 +4,52 @@ import { Alert as p } from "./ui/Alert/Alert.js";
 import { Button as f } from "./ui/Button/Button.js";
 import { Card as d } from "./ui/Card/Card.js";
 import { Checkbox as l } from "./ui/Checkbox/Checkbox.js";
-import { Chip as n } from "./ui/Chip/Chip.js";
+import { Chip as c } from "./ui/Chip/Chip.js";
 import { CircularLoading as u } from "./ui/CircularLoading/CircularLoading.js";
+import { DateText as D } from "./ui/DateText/DateText.js";
 import { Drawer as M } from "./ui/Drawer/Drawer.js";
-import { Flex as A } from "./ui/Flex/Flex.js";
-import { Grid as D } from "./ui/Grid/Grid.js";
-import { IconButton as T } from "./ui/IconButton/IconButton.js";
-import { List as h } from "./ui/List/List.js";
-import { MODAL_SIZE as I, Modal as P } from "./ui/Modal/Modal.js";
-import { ModalProvider as v } from "./ui/Modal/ModalProvider.js";
-import { NoData as E } from "./ui/NoData/NoData.js";
-import { ProgressBar as G } from "./ui/ProgressBar/ProgressBar.js";
-import { Skeleton as O } from "./ui/Skeleton/Skeleton.js";
-import { Tabs as _ } from "./ui/Tabs/Tabs.js";
-import { Text as q } from "./ui/Text/Text.js";
-import { useModal as z } from "./ui/Modal/ModalContext.js";
-import { useTabs as J } from "./ui/Tabs/context.js";
+import { FeedList as T } from "./ui/FeedList/FeedList.js";
+import { FeedScroll as v } from "./ui/FeedScroll/FeedScroll.js";
+import { Flex as B } from "./ui/Flex/Flex.js";
+import { Grid as S } from "./ui/Grid/Grid.js";
+import { IconButton as h } from "./ui/IconButton/IconButton.js";
+import { List as I } from "./ui/List/List.js";
+import { MODAL_SIZE as E, Modal as G } from "./ui/Modal/Modal.js";
+import { ModalProvider as O } from "./ui/Modal/ModalProvider.js";
+import { NoData as _ } from "./ui/NoData/NoData.js";
+import { ProgressBar as q } from "./ui/ProgressBar/ProgressBar.js";
+import { Provider as z, useProvider as H } from "./app/Provider.js";
+import { Skeleton as K } from "./ui/Skeleton/Skeleton.js";
+import { Tabs as R } from "./ui/Tabs/Tabs.js";
+import { Text as V } from "./ui/Text/Text.js";
+import { useModal as X } from "./ui/Modal/ModalContext.js";
+import { useTabs as $ } from "./ui/Tabs/context.js";
 export {
   t as Accordion,
   p as Alert,
   f as Button,
   d as Card,
   l as Checkbox,
-  n as Chip,
+  c as Chip,
   u as CircularLoading,
+  D as DateText,
   M as Drawer,
-  A as Flex,
-  D as Grid,
-  T as IconButton,
-  h as List,
-  I as MODAL_SIZE,
-  P as Modal,
-  v as ModalProvider,
-  E as NoData,
-  G as ProgressBar,
-  O as Skeleton,
-  _ as Tabs,
-  q as Text,
-  z as useModal,
-  J as useTabs
+  T as FeedList,
+  v as FeedScroll,
+  B as Flex,
+  S as Grid,
+  h as IconButton,
+  I as List,
+  E as MODAL_SIZE,
+  G as Modal,
+  O as ModalProvider,
+  _ as NoData,
+  q as ProgressBar,
+  z as Provider,
+  K as Skeleton,
+  R as Tabs,
+  V as Text,
+  X as useModal,
+  H as useProvider,
+  $ as useTabs
 };

package/dist/lib/index.d.ts

@@ -1,2 +1,3 @@
 export type { Size } from "./sizes.js";
+export type { Locale } from "./locale.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/lib/locale.d.ts

@@ -0,0 +1,18 @@
+export type Locale = "en" | "ru";
+export declare const messages: {
+    en: {
+        scrollToTop: string;
+        close: string;
+        cancel: string;
+        confirm: string;
+        noData: string;
+    };
+    ru: {
+        scrollToTop: string;
+        close: string;
+        cancel: string;
+        confirm: string;
+        noData: string;
+    };
+};
+//# sourceMappingURL=locale.d.ts.map

package/dist/lib/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/lib/locale.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAe6B,CAAC"}

package/dist/lib/locale.js

@@ -0,0 +1,19 @@
+const o = {
+  en: {
+    scrollToTop: "Scroll to top",
+    close: "Close",
+    cancel: "Cancel",
+    confirm: "Confirm",
+    noData: "No data yet"
+  },
+  ru: {
+    scrollToTop: "Наверх",
+    close: "Закрыть",
+    cancel: "Отменить",
+    confirm: "Подтвердить",
+    noData: "Данных пока нет"
+  }
+};
+export {
+  o as messages
+};

package/dist/lib/useIntersectionObserver.d.ts

@@ -0,0 +1,2 @@
+export declare function useIntersectionObserver(callback?: () => void, options?: IntersectionObserverInit): (node: Element | null) => void;
+//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/dist/lib/useIntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../src/lib/useIntersectionObserver.ts"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,CACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,EACrB,OAAO,CAAC,EAAE,wBAAwB,UAKzB,OAAO,GAAG,IAAI,UAuBxB"}

package/dist/lib/useIntersectionObserver.js

@@ -0,0 +1,16 @@
+"use client";
+import { useRef as c, useCallback as f, useEffect as i } from "react";
+function v(r, n) {
+  const e = c(null), s = f(
+    (t) => {
+      e.current && e.current.disconnect(), !(!t || !r) && (e.current = new IntersectionObserver(([u]) => {
+        u.isIntersecting && r();
+      }, n), e.current.observe(t));
+    },
+    [r, n]
+  );
+  return i(() => () => e.current?.disconnect(), []), s;
+}
+export {
+  v as useIntersectionObserver
+};

package/dist/styles.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_jppw0_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._root_jppw0_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_jppw0_2{transition:none}}}._root_u00ub_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_u00ub_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_u00ub_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_u00ub_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_u00ub_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_u00ub_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_u00ub_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_u00ub_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_u00ub_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_u00ub_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_u00ub_61{color:var(--color-primary-1);background:transparent}._transparent_u00ub_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_u00ub_39._error_u00ub_71{background:var(--color-error-1)}._filled_u00ub_39._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_u00ub_50._error_u00ub_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_u00ub_50._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_u00ub_61._error_u00ub_71{color:var(--color-error-1)}._transparent_u00ub_61._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_u00ub_39._secondary_u00ub_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_u00ub_39._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96:hover,._transparent_u00ub_61._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_u00ub_61._secondary_u00ub_96{color:var(--color-gray-1)}._disabled_u00ub_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_u00ub_121:hover{cursor:auto;background:var(--color-gray-2)}._error_u00ub_71._disabled_u00ub_121,._error_u00ub_71._disabled_u00ub_121:hover,._secondary_u00ub_96._disabled_u00ub_121,._secondary_u00ub_96._disabled_u00ub_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_u00ub_142{position:absolute}._spinner_u00ub_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_u00ub_143 .8s linear infinite}._root_u00ub_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_u00ub_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_u00ub_143{animation:none}._root_u00ub_1{transition:none}}@layer components{._root_19nwm_2{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:1px solid var(--color-gray-2);border-radius:.25rem;background:#fff;cursor:pointer;display:inline-grid;place-content:center;transition:background .1s,border-color .1s}._root_19nwm_2:hover{background:var(--color-gray-3)}._root_19nwm_2:checked{background:var(--color-primary-1);border-color:var(--color-primary-1)}._root_19nwm_2:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .1s;box-shadow:inset 1rem 1rem var(--color-background-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._root_19nwm_2:checked:before{transform:scale(1)}}._root_zthip_1{width:fit-content;padding:0 1rem;font-weight:500}._filled_zthip_7._primary_zthip_7{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_zthip_7._info_zthip_13{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_zthip_7._error_zthip_19{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_zthip_7._success_zthip_25{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_zthip_7._warning_zthip_31{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_zthip_7._secondary_zthip_37{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_zthip_43._primary_zthip_7{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_zthip_43._info_zthip_13{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_zthip_43._error_zthip_19{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_zthip_43._success_zthip_25{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_zthip_43._warning_zthip_31{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_zthip_43._secondary_zthip_37{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._root_1aafp_2{position:relative;padding:0;font:inherit;font-size:calc(var(--size) * .5);width:var(--size);height:var(--size);line-height:1;box-sizing:border-box;flex-shrink:0;transition:.3s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_1aafp_23{--size: var(--height-xs);--stroke-width: 1.25}._sm_1aafp_28{--size: var(--height-sm);--stroke-width: 1.5}._md_1aafp_33{--size: var(--height-md);--stroke-width: 1.75}._lg_1aafp_38{--size: var(--height-lg);--stroke-width: 2}._xl_1aafp_43{--size: var(--height-xl);--stroke-width: 2.25}._primary_1aafp_48{color:var(--color-primary-1)}._primary_1aafp_48:hover{background:var(--color-primary-3)}._secondary_1aafp_56{color:var(--color-gray-1)}._secondary_1aafp_56:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1aafp_65{color:var(--color-error-1)}._danger_1aafp_65:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_1aafp_74{border:1px solid currentColor}._filled_1aafp_78._primary_1aafp_48{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1aafp_78._primary_1aafp_48:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1aafp_78._secondary_1aafp_56{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1aafp_78._secondary_1aafp_56:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1aafp_78._danger_1aafp_65{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1aafp_78._danger_1aafp_65:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1aafp_2._disabled_1aafp_108{color:var(--color-gray-1);pointer-events:none}._root_1aafp_2._filled_1aafp_78._disabled_1aafp_108{background:var(--color-gray-2)}._root_1aafp_2._outlined_1aafp_74._disabled_1aafp_108{border-color:var(--color-gray-2)}._content_1aafp_121{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1aafp_129{position:absolute}._content_1aafp_121 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1aafp_121 svg *{vector-effect:non-scaling-stroke}._root_1aafp_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1aafp_2{transition:none}}}@layer components{._root_559hu_2{position:fixed;inset:0;z-index:50}._overlay_559hu_8{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none}._open_559hu_17 ._overlay_559hu_8{opacity:1;pointer-events:auto}._panel_559hu_22{position:absolute;top:0;bottom:0;background:var(--color-background-primary);box-shadow:-4px 0 12px #0000001a;transition:transform .3s;overflow:hidden}._right_559hu_32{right:0;transform:translate(100%)}._open_559hu_17 ._right_559hu_32{transform:translate(0)}._left_559hu_41{left:0;transform:translate(-100%)}._open_559hu_17 ._left_559hu_41{transform:translate(0)}._sm_559hu_50{width:20rem}._md_559hu_54{width:30rem}._lg_559hu_58{width:40rem}._xl_559hu_62{width:50rem}._header_559hu_66{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-3)}._content_559hu_74{flex:1;overflow-x:clip;overflow-y:auto;padding:1rem}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_12ndw_2{margin:auto;padding:0;border:0;border-radius:.5rem;width:48rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--color-background-primary);overflow:hidden;padding:1.5rem}._root_12ndw_2[open]{display:flex;flex-direction:column}._root_12ndw_2::backdrop{background:#0006}._layout_12ndw_24{min-height:0}._layout_12ndw_24>:not(._content_12ndw_28){flex-shrink:0}._content_12ndw_28{overflow-y:auto}._scrollable_12ndw_36{padding-right:.5rem}._xs_12ndw_40{width:32rem}._sm_12ndw_41{width:42rem}._md_12ndw_42{width:64rem}._lg_12ndw_43{width:80rem}._xl_12ndw_44{width:96rem}._close_12ndw_46{margin-left:auto}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}@layer components{._tab_zcvru_2{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;border:none;cursor:pointer;color:var(--color-gray-1);transition:background-color .2s,color .2s}._primary_zcvru_14{background:var(--color-background-primary)}._secondary_zcvru_15{background:var(--color-gray-3)}._active_zcvru_16,._tab_zcvru_2:hover{background:var(--color-primary-3);color:var(--color-primary-1)}._tab_zcvru_2:disabled{opacity:.5;cursor:not-allowed}._tab_zcvru_2:disabled:hover{color:var(--color-gray-1)}._tab_zcvru_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._tab_zcvru_2{transition:none}}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-2{border-color:var(--color-gray-2)}.border-primary-1{border-color:var(--color-primary-1)}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.wrap-break-word{overflow-wrap:break-word}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_jppw0_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._root_jppw0_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_jppw0_2{transition:none}}}._root_u00ub_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_u00ub_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_u00ub_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_u00ub_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_u00ub_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_u00ub_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_u00ub_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_u00ub_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_u00ub_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_u00ub_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_u00ub_61{color:var(--color-primary-1);background:transparent}._transparent_u00ub_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_u00ub_39._error_u00ub_71{background:var(--color-error-1)}._filled_u00ub_39._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_u00ub_50._error_u00ub_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_u00ub_50._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_u00ub_61._error_u00ub_71{color:var(--color-error-1)}._transparent_u00ub_61._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_u00ub_39._secondary_u00ub_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_u00ub_39._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96:hover,._transparent_u00ub_61._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_u00ub_61._secondary_u00ub_96{color:var(--color-gray-1)}._disabled_u00ub_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_u00ub_121:hover{cursor:auto;background:var(--color-gray-2)}._error_u00ub_71._disabled_u00ub_121,._error_u00ub_71._disabled_u00ub_121:hover,._secondary_u00ub_96._disabled_u00ub_121,._secondary_u00ub_96._disabled_u00ub_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_u00ub_142{position:absolute}._spinner_u00ub_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_u00ub_143 .8s linear infinite}._root_u00ub_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_u00ub_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_u00ub_143{animation:none}._root_u00ub_1{transition:none}}@layer components{._root_19nwm_2{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:1px solid var(--color-gray-2);border-radius:.25rem;background:#fff;cursor:pointer;display:inline-grid;place-content:center;transition:background .1s,border-color .1s}._root_19nwm_2:hover{background:var(--color-gray-3)}._root_19nwm_2:checked{background:var(--color-primary-1);border-color:var(--color-primary-1)}._root_19nwm_2:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .1s;box-shadow:inset 1rem 1rem var(--color-background-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._root_19nwm_2:checked:before{transform:scale(1)}}._root_zthip_1{width:fit-content;padding:0 1rem;font-weight:500}._filled_zthip_7._primary_zthip_7{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_zthip_7._info_zthip_13{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_zthip_7._error_zthip_19{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_zthip_7._success_zthip_25{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_zthip_7._warning_zthip_31{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_zthip_7._secondary_zthip_37{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_zthip_43._primary_zthip_7{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_zthip_43._info_zthip_13{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_zthip_43._error_zthip_19{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_zthip_43._success_zthip_25{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_zthip_43._warning_zthip_31{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_zthip_43._secondary_zthip_37{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._root_1aafp_2{position:relative;padding:0;font:inherit;font-size:calc(var(--size) * .5);width:var(--size);height:var(--size);line-height:1;box-sizing:border-box;flex-shrink:0;transition:.3s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_1aafp_23{--size: var(--height-xs);--stroke-width: 1.25}._sm_1aafp_28{--size: var(--height-sm);--stroke-width: 1.5}._md_1aafp_33{--size: var(--height-md);--stroke-width: 1.75}._lg_1aafp_38{--size: var(--height-lg);--stroke-width: 2}._xl_1aafp_43{--size: var(--height-xl);--stroke-width: 2.25}._primary_1aafp_48{color:var(--color-primary-1)}._primary_1aafp_48:hover{background:var(--color-primary-3)}._secondary_1aafp_56{color:var(--color-gray-1)}._secondary_1aafp_56:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1aafp_65{color:var(--color-error-1)}._danger_1aafp_65:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_1aafp_74{border:1px solid currentColor}._filled_1aafp_78._primary_1aafp_48{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1aafp_78._primary_1aafp_48:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1aafp_78._secondary_1aafp_56{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1aafp_78._secondary_1aafp_56:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1aafp_78._danger_1aafp_65{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1aafp_78._danger_1aafp_65:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1aafp_2._disabled_1aafp_108{color:var(--color-gray-1);pointer-events:none}._root_1aafp_2._filled_1aafp_78._disabled_1aafp_108{background:var(--color-gray-2)}._root_1aafp_2._outlined_1aafp_74._disabled_1aafp_108{border-color:var(--color-gray-2)}._content_1aafp_121{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1aafp_129{position:absolute}._content_1aafp_121 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1aafp_121 svg *{vector-effect:non-scaling-stroke}._root_1aafp_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1aafp_2{transition:none}}}@layer components{._root_559hu_2{position:fixed;inset:0;z-index:50}._overlay_559hu_8{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none}._open_559hu_17 ._overlay_559hu_8{opacity:1;pointer-events:auto}._panel_559hu_22{position:absolute;top:0;bottom:0;background:var(--color-background-primary);box-shadow:-4px 0 12px #0000001a;transition:transform .3s;overflow:hidden}._right_559hu_32{right:0;transform:translate(100%)}._open_559hu_17 ._right_559hu_32{transform:translate(0)}._left_559hu_41{left:0;transform:translate(-100%)}._open_559hu_17 ._left_559hu_41{transform:translate(0)}._sm_559hu_50{width:20rem}._md_559hu_54{width:30rem}._lg_559hu_58{width:40rem}._xl_559hu_62{width:50rem}._header_559hu_66{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-3)}._content_559hu_74{flex:1;overflow-x:clip;overflow-y:auto;padding:1rem}}@layer components{._button_1mjih_2{position:fixed;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.95);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}._visible_1mjih_15{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}@media(prefers-reduced-motion:reduce){._button_1mjih_2{transform:none;transition:none}}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_12ndw_2{margin:auto;padding:0;border:0;border-radius:.5rem;width:48rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--color-background-primary);overflow:hidden;padding:1.5rem}._root_12ndw_2[open]{display:flex;flex-direction:column}._root_12ndw_2::backdrop{background:#0006}._layout_12ndw_24{min-height:0}._layout_12ndw_24>:not(._content_12ndw_28){flex-shrink:0}._content_12ndw_28{overflow-y:auto}._scrollable_12ndw_36{padding-right:.5rem}._xs_12ndw_40{width:32rem}._sm_12ndw_41{width:42rem}._md_12ndw_42{width:64rem}._lg_12ndw_43{width:80rem}._xl_12ndw_44{width:96rem}._close_12ndw_46{margin-left:auto}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}@layer components{._tab_zcvru_2{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;border:none;cursor:pointer;color:var(--color-gray-1);transition:background-color .2s,color .2s}._primary_zcvru_14{background:var(--color-background-primary)}._secondary_zcvru_15{background:var(--color-gray-3)}._active_zcvru_16,._tab_zcvru_2:hover{background:var(--color-primary-3);color:var(--color-primary-1)}._tab_zcvru_2:disabled{opacity:.5;cursor:not-allowed}._tab_zcvru_2:disabled:hover{color:var(--color-gray-1)}._tab_zcvru_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._tab_zcvru_2{transition:none}}}

package/dist/ui/Accordion/Accordion.js

@@ -3,7 +3,7 @@ import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { ChevronDown as g } from "lucide-react";
 import { twMerge as h } from "tailwind-merge";
-import { Flex as t } from "../Flex/Flex.js";
+import { Flex as s } from "../Flex/Flex.js";
 import e from "./Accordion.module.css.js";
 const I = ({
   title: n,
@@ -12,27 +12,27 @@ const I = ({
   className: c,
   defaultValue: m = !1,
   onToggle: a,
-  ...f
+  ...p
 }) => {
-  const [p, d] = u(m);
+  const [f, d] = u(m);
   return /* @__PURE__ */ r(
     "details",
     {
       className: h(e.root, "w-full", c),
-      open: p,
-      onToggle: (s) => {
-        d(s.currentTarget.open), a?.(s);
+      open: f,
+      onToggle: (t) => {
+        d(t.currentTarget.open), a?.(t);
       },
-      ...f,
+      ...p,
       children: [
-        /* @__PURE__ */ o("summary", { className: e.trigger, children: /* @__PURE__ */ r(t, { direction: "col", className: "w-full", children: [
-          /* @__PURE__ */ r(t, { alignItems: "center", justifyContent: "between", className: "w-full", children: [
+        /* @__PURE__ */ o("summary", { className: e.trigger, children: /* @__PURE__ */ r(s, { gap: "sm", direction: "col", className: "w-full", children: [
+          /* @__PURE__ */ r(s, { alignItems: "center", justifyContent: "between", className: "w-full", children: [
             n,
             /* @__PURE__ */ o(g, { className: e.icon, size: 20, "aria-hidden": "true" })
           ] }),
           i
         ] }) }),
-        /* @__PURE__ */ o(t, { direction: "col", className: e.content, children: l })
+        /* @__PURE__ */ o(s, { direction: "col", className: e.content, children: l })
       ]
     }
   );

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

@@ -0,0 +1,8 @@
+import "dayjs/locale/ru.js";
+import { type TextProps } from "../Text/Text.js";
+export interface DateProps extends Omit<TextProps, "children"> {
+    value: string;
+    format?: string;
+}
+export declare const DateText: ({ value, format, ...props }: DateProps) => import("react").JSX.Element;
+//# sourceMappingURL=DateText.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/DateText/DateText.js

@@ -0,0 +1,17 @@
+"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";
+const x = ({
+  value: o,
+  format: t = "DD MMMM YYYY",
+  ...e
+}) => {
+  const { locale: m } = s(), r = l(o).locale(m);
+  return /* @__PURE__ */ i(a, { ...e, children: o && r.isValid() ? r.format(t) : null });
+};
+export {
+  x as DateText
+};

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

@@ -10,7 +10,8 @@ export interface DrawerProps {
     children?: ReactNode;
     withCloseButton?: boolean;
     closeOnOverlay?: boolean;
+    closeLabel?: string;
     className?: string;
 }
-export declare const Drawer: ({ isOpen, onClose, position, size, title, children, withCloseButton, closeOnOverlay, className, }: DrawerProps) => import("react").ReactPortal | null;
+export declare const Drawer: ({ isOpen, onClose, position, size, title, children, withCloseButton, closeOnOverlay, closeLabel, className, }: DrawerProps) => import("react").ReactPortal | 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;AAU5D,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,mGAUpB,WAAW,uCAmEb,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,uCAoEb,CAAC"}

package/dist/ui/Drawer/Drawer.js

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

package/dist/ui/FeedList/FeedList.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentType } from "react";
+import { type NoDataProps } from "../NoData/NoData.js";
+export interface FeedListProps<T, K extends object = object> {
+    cols?: number;
+    withScrollToTop?: boolean;
+    data: T[];
+    keyExtractor?: keyof T;
+    component: ComponentType<Partial<K> & {
+        item: T;
+        onClick?: (item: T) => void;
+    }>;
+    componentProps?: K | ((item: T) => K);
+    isLoading?: boolean;
+    emptyConfig?: Pick<NoDataProps, "title" | "description" | "icon">;
+    isFetchingNextPage?: boolean;
+    onLoadMore?: () => void;
+    onClickCard?: (item: T) => void;
+}
+export declare const FeedList: <T, K extends object = object>({ component: Component, componentProps, isLoading, isFetchingNextPage, data, keyExtractor, cols, withScrollToTop, onLoadMore, onClickCard, emptyConfig, }: FeedListProps<T, K>) => import("react").JSX.Element;
+//# sourceMappingURL=FeedList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedList.d.ts","sourceRoot":"","sources":["../../../src/ui/FeedList/FeedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAK/D,MAAM,WAAW,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;IACvB,SAAS,EAAE,aAAa,CACtB,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;KAAE,CACtD,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC,CAAC;IAClE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,2JAYpD,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,gCAkCrB,CAAC"}

package/dist/ui/FeedList/FeedList.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { createElement as h } from "react";
+import { CircularLoading as n } from "../CircularLoading/CircularLoading.js";
+import { FeedScroll as x } from "../FeedScroll/FeedScroll.js";
+import { Flex as y } from "../Flex/Flex.js";
+import { NoData as C } from "../NoData/NoData.js";
+import { NoDataIcon as j } from "../NoData/NoDataIcon.js";
+import { useIntersectionObserver as v } from "../../lib/useIntersectionObserver.js";
+const L = ({
+  component: o,
+  componentProps: r,
+  isLoading: s,
+  isFetchingNextPage: f,
+  data: i,
+  keyExtractor: l,
+  cols: c = 3,
+  withScrollToTop: a = !0,
+  onLoadMore: m,
+  onClickCard: u,
+  emptyConfig: p
+}) => {
+  const d = v(m);
+  return s ? /* @__PURE__ */ e(n, { fullScreen: !0, size: "lg" }) : i.length ? /* @__PURE__ */ N(x, { withScrollToTop: a, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "w-full grid gap-4",
+        style: { gridTemplateColumns: `repeat(${c}, minmax(0, 1fr))` },
+        children: i.map((t, g) => /* @__PURE__ */ h(
+          o,
+          {
+            ...typeof r == "function" ? r(t) : r ?? {},
+            key: l ? String(t[l]) : g,
+            item: t,
+            onClick: u
+          }
+        ))
+      }
+    ),
+    f ? /* @__PURE__ */ e(y, { justifyContent: "center", className: "py-4", children: /* @__PURE__ */ e(n, { size: "lg" }) }) : m ? /* @__PURE__ */ e("div", { ref: d, className: "h-1" }) : null
+  ] }) : /* @__PURE__ */ e(C, { className: "flex-1", icon: /* @__PURE__ */ e(j, {}), ...p });
+};
+export {
+  L as FeedList
+};

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

@@ -0,0 +1,7 @@
+import { type PropsWithChildren } from "react";
+export interface FeedScrollProps extends PropsWithChildren {
+    scrollToTopLabel?: string;
+    withScrollToTop?: boolean;
+}
+export declare const FeedScroll: ({ children, scrollToTopLabel, withScrollToTop, }: FeedScrollProps) => import("react").JSX.Element;
+//# sourceMappingURL=FeedScroll.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/FeedScroll/FeedScroll.js

@@ -0,0 +1,71 @@
+"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 { IconButton as P } from "../IconButton/IconButton.js";
+import p from "./FeedScroll.module.css.js";
+const Y = ({
+  children: g,
+  scrollToTopLabel: b,
+  withScrollToTop: f = !0
+}) => {
+  const { messages: v } = L(), [n, w] = m(!1), [d, x] = m(
+    null
+  ), [C, E] = m({ 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);
+      w(
+        t.scrollHeight > t.clientHeight && t.scrollTop > 0 && l.bottom > M && l.top < h
+      );
+      const c = {
+        right: Math.max(
+          8,
+          innerWidth - Math.min(s.right, l.right, innerWidth) + 8
+        ),
+        bottom: Math.max(24, innerHeight - h + 24)
+      };
+      E(
+        (a) => a.right === c.right && a.bottom === c.bottom ? a : c
+      );
+    };
+    x(t), e(), window.addEventListener("scroll", e, { passive: !0, capture: !0 }), window.addEventListener("resize", e);
+    const i = new ResizeObserver(e);
+    return i.observe(r), i.observe(t), () => {
+      window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), i.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ R(T, { 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
+    )
+  ] });
+};
+export {
+  Y as FeedScroll
+};

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

@@ -0,0 +1,9 @@
+const t = "_button_1mjih_2", i = "_visible_1mjih_15", s = {
+  button: t,
+  visible: i
+};
+export {
+  t as button,
+  s as default,
+  i as visible
+};

package/dist/ui/Modal/Modal.d.ts

@@ -17,12 +17,13 @@ export interface ModalRootProps {
     "aria-label"?: string;
 }
 interface HeaderProps extends FlexProps {
+    closeLabel?: string;
     startIcon?: ReactNode;
     withCloseButton?: boolean;
 }
 export declare const Modal: {
     Root: ({ children, size, className, closeDisabled, "aria-label": ariaLabel, }: ModalRootProps) => import("react").JSX.Element;
-    Header: ({ children, startIcon, withCloseButton, ...props }: HeaderProps) => import("react").JSX.Element;
+    Header: ({ children, startIcon, withCloseButton, closeLabel, ...props }: HeaderProps) => import("react").JSX.Element;
     Content: ({ children, className, ref, ...props }: FlexProps) => import("react").JSX.Element;
     Footer: ({ children, justifyContent, ...props }: FlexProps) => import("react").JSX.Element;
     Cancel: ({ children, onClick, disabled, ...props }: ButtonProps) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EASf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAUvD,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAWrE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqGD,UAAU,WAAY,SAAQ,SAAS;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAwGD,eAAO,MAAM,KAAK;mFAjLf,cAAc;iEAgFd,WAAW;sDAyB2C,SAAS;qDA+BF,SAAS;wDAWtE,WAAW;4CAwBX,WAAW;CAMyD,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EASf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAWvD,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAWrE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqGD,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAqGD,eAAO,MAAM,KAAK;mFA/Kf,cAAc;6EAkFd,WAAW;sDA0B2C,SAAS;qDA+BF,SAAS;wDAMd,WAAW;4CAqBZ,WAAW;CASE,CAAC"}

package/dist/ui/Modal/Modal.js

@@ -1,134 +1,130 @@
 "use client";
-import { jsx as c, jsxs as O } from "react/jsx-runtime";
-import { useContext as C, useRef as p, useState as R, useImperativeHandle as H, useLayoutEffect as N, useId as j, useMemo as B, useEffect as P, createContext as T } from "react";
-import { Button as M } from "../Button/Button.js";
-import { Flex as b } from "../Flex/Flex.js";
-import { IconButton as X } from "../IconButton/IconButton.js";
-import { Text as z } from "../Text/Text.js";
-import E from "clsx";
-import { X as A } from "lucide-react";
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+import { useContext as M, useRef as b, useState as H, useImperativeHandle as N, useLayoutEffect as P, useId as j, useMemo as B, useEffect as T, createContext as X } from "react";
+import { Button as E } from "../Button/Button.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { IconButton as z } from "../IconButton/IconButton.js";
+import { Text as A } from "../Text/Text.js";
+import S from "clsx";
+import { X as D } from "lucide-react";
+import { useProvider as p } from "../../app/Provider.js";
 import { useModal as h } from "./ModalContext.js";
-import u from "./Modal.module.css.js";
-const D = {
+import m from "./Modal.module.css.js";
+const F = {
   xs: "xs",
   sm: "sm",
   md: "md",
   lg: "lg",
   xl: "xl"
-}, v = T(
+}, x = X(
   {}
 );
-let y = 0, x = "", w = "";
-const F = () => (y === 0 && (x = document.body.style.overflow, w = document.documentElement.style.overflow, document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden"), y += 1, () => {
-  y -= 1, y === 0 && (document.body.style.overflow = x, document.documentElement.style.overflow = w);
-}), L = ({
+let g = 0, w = "", C = "";
+const L = () => (g === 0 && (w = document.body.style.overflow, C = document.documentElement.style.overflow, document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden"), g += 1, () => {
+  g -= 1, g === 0 && (document.body.style.overflow = w, document.documentElement.style.overflow = C);
+}), Y = ({
   children: o,
-  size: t = D.md,
-  className: r,
-  closeDisabled: l = !1,
-  "aria-label": n
+  size: n = F.md,
+  className: l,
+  closeDisabled: r = !1,
+  "aria-label": c
 }) => {
-  const { closeModal: s } = h(), i = p(null), a = p(!1), d = j(), m = B(
-    () => ({ titleId: d, closeDisabled: l }),
-    [d, l]
+  const { closeModal: a } = h(), i = b(null), t = b(!1), d = j(), u = B(
+    () => ({ titleId: d, closeDisabled: r }),
+    [d, r]
   );
-  P(() => {
+  T(() => {
     const e = i.current;
     if (!e) return;
     e.showModal();
-    const g = F();
+    const y = L();
     return () => {
-      e.close(), g();
+      e.close(), y();
     };
   }, []);
   const f = (e) => {
     if (e.target !== e.currentTarget) return !1;
-    const { left: g, right: S, top: k, bottom: I } = e.currentTarget.getBoundingClientRect();
-    return e.clientX < g || e.clientX > S || e.clientY < k || e.clientY > I;
+    const { left: y, right: k, top: I, bottom: O } = e.currentTarget.getBoundingClientRect();
+    return e.clientX < y || e.clientX > k || e.clientY < I || e.clientY > O;
   };
-  return /* @__PURE__ */ c(v.Provider, { value: m, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(x.Provider, { value: u, children: /* @__PURE__ */ s(
     "dialog",
     {
       ref: i,
-      className: E(u.root, u[t], r),
+      className: S(m.root, m[n], l),
       "aria-modal": "true",
-      "aria-labelledby": n ? void 0 : d,
-      "aria-label": n,
+      "aria-labelledby": c ? void 0 : d,
+      "aria-label": c,
       onCancel: (e) => {
-        e.preventDefault(), l || s();
+        e.preventDefault(), r || a();
       },
       onPointerDown: (e) => {
-        a.current = f(e);
+        t.current = f(e);
       },
       onClick: (e) => {
-        !l && a.current && f(e) && s(), a.current = !1;
+        !r && t.current && f(e) && a(), t.current = !1;
       },
-      children: /* @__PURE__ */ c(b, { direction: "col", gap: "md", className: u.layout, children: o })
+      children: /* @__PURE__ */ s(v, { direction: "col", gap: "md", className: m.layout, children: o })
     }
   ) });
-}, Y = ({
+}, V = ({
   children: o,
-  startIcon: t,
-  withCloseButton: r = !0,
-  ...l
+  startIcon: n,
+  withCloseButton: l = !0,
+  closeLabel: r,
+  ...c
 }) => {
-  const { closeModal: n } = h(), { titleId: s, closeDisabled: i } = C(v);
-  return /* @__PURE__ */ O(b, { justifyContent: "between", alignItems: "center", ...l, children: [
-    t,
-    /* @__PURE__ */ c(z, { id: s, size: "xl", weight: "medium", children: o }),
-    r && /* @__PURE__ */ c(
-      X,
+  const { messages: a } = p(), { closeModal: i } = h(), { titleId: t, closeDisabled: d } = M(x);
+  return /* @__PURE__ */ R(v, { justifyContent: "between", alignItems: "center", ...c, children: [
+    n,
+    /* @__PURE__ */ s(A, { id: t, size: "xl", weight: "medium", children: o }),
+    l && /* @__PURE__ */ s(
+      z,
       {
-        className: u.close,
+        className: m.close,
         color: "secondary",
-        "aria-label": "Закрыть окно",
-        disabled: i,
-        onClick: n,
-        children: /* @__PURE__ */ c(A, {})
+        "aria-label": r ?? a.close,
+        disabled: d,
+        onClick: i,
+        children: /* @__PURE__ */ s(D, {})
       }
     )
   ] });
-}, V = ({ children: o, className: t, ref: r, ...l }) => {
-  const n = p(null), [s, i] = R(!1);
-  return H(r, () => n.current, []), N(() => {
-    const a = n.current;
-    if (!a) return;
-    const d = () => i(a.scrollHeight > a.clientHeight), m = new ResizeObserver(d);
-    return m.observe(a), Array.from(a.children).forEach((f) => m.observe(f)), d(), () => m.disconnect();
-  }, [o]), /* @__PURE__ */ c(
-    b,
+}, Z = ({ children: o, className: n, ref: l, ...r }) => {
+  const c = b(null), [a, i] = H(!1);
+  return N(l, () => c.current, []), P(() => {
+    const t = c.current;
+    if (!t) return;
+    const d = () => i(t.scrollHeight > t.clientHeight), u = new ResizeObserver(d);
+    return u.observe(t), Array.from(t.children).forEach((f) => u.observe(f)), d(), () => u.disconnect();
+  }, [o]), /* @__PURE__ */ s(
+    v,
     {
-      ref: n,
-      className: E(u.content, { [u.scrollable]: s }, t),
-      ...l,
+      ref: c,
+      className: S(m.content, { [m.scrollable]: a }, n),
+      ...r,
       children: o
     }
   );
-}, Z = ({ children: o, justifyContent: t = "end", ...r }) => /* @__PURE__ */ c(b, { direction: "row", justifyContent: t, ...r, children: o }), _ = ({
-  children: o = "Отменить",
-  onClick: t,
-  disabled: r,
-  ...l
-}) => {
-  const { closeModal: n } = h(), { closeDisabled: s } = C(v);
-  return /* @__PURE__ */ c(
-    M,
+}, _ = ({ children: o, justifyContent: n = "end", ...l }) => /* @__PURE__ */ s(v, { direction: "row", justifyContent: n, ...l, children: o }), q = ({ children: o, onClick: n, disabled: l, ...r }) => {
+  const { messages: c } = p(), { closeModal: a } = h(), { closeDisabled: i } = M(x);
+  return /* @__PURE__ */ s(
+    E,
     {
       variant: "outlined",
-      disabled: r || s,
-      onClick: (i) => {
-        s || (t?.(i), i.defaultPrevented || n());
+      disabled: l || i,
+      onClick: (t) => {
+        i || (n?.(t), t.defaultPrevented || a());
       },
-      ...l,
-      children: o
+      ...r,
+      children: o === void 0 ? c.cancel : o
     }
   );
-}, q = ({
-  children: o = "Подтвердить",
-  type: t = "submit",
-  ...r
-}) => /* @__PURE__ */ c(M, { type: t, ...r, children: o }), re = { Root: L, Header: Y, Content: V, Footer: Z, Cancel: _, Confirm: q };
+}, G = ({ children: o, type: n = "submit", ...l }) => {
+  const { messages: r } = p();
+  return /* @__PURE__ */ s(E, { type: n, ...l, children: o === void 0 ? r.confirm : o });
+}, le = { Root: Y, Header: V, Content: Z, Footer: _, Cancel: q, Confirm: G };
 export {
-  D as MODAL_SIZE,
-  re as Modal
+  F as MODAL_SIZE,
+  le as Modal
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/ui/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC;IACxE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,GAAI,mDAMpB,WAAW,gCAyBb,CAAC"}
+{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/ui/NoData/NoData.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC;IACxE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,MAAM,GAAI,mDAMpB,WAAW,gCA4Bb,CAAC"}

package/dist/ui/NoData/NoData.js

@@ -1,39 +1,44 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useProvider as a } from "../../app/Provider.js";
 import { Flex as t } from "../Flex/Flex.js";
-import { Text as i } from "../Text/Text.js";
-import o from "clsx";
-const g = ({
+import { Text as l } from "../Text/Text.js";
+import d from "clsx";
+const u = ({
   icon: r,
-  title: c = "Данных пока нет",
-  description: l,
-  className: s,
+  title: n,
+  description: s,
+  className: o,
   ...m
-}) => /* @__PURE__ */ n(
-  t,
-  {
-    direction: "col",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "md",
-    className: o("h-full py-4 w-full text-center", s),
-    ...m,
-    children: [
-      r && /* @__PURE__ */ e(
-        t,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          className: "w-full shrink-0",
-          children: r
-        }
-      ),
-      /* @__PURE__ */ n(t, { direction: "col", alignItems: "center", gap: "xs", children: [
-        /* @__PURE__ */ e(i, { size: "lg", weight: "medium", children: c }),
-        l && /* @__PURE__ */ e(i, { className: "text-gray-1", children: l })
-      ] })
-    ]
-  }
-);
+}) => {
+  const { messages: c } = a();
+  return /* @__PURE__ */ i(
+    t,
+    {
+      direction: "col",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "md",
+      className: d("h-full py-4 w-full text-center", o),
+      ...m,
+      children: [
+        r && /* @__PURE__ */ e(
+          t,
+          {
+            alignItems: "center",
+            justifyContent: "center",
+            className: "w-full shrink-0",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ i(t, { direction: "col", alignItems: "center", gap: "xs", children: [
+          /* @__PURE__ */ e(l, { size: "lg", weight: "medium", children: n === void 0 ? c.noData : n }),
+          s && /* @__PURE__ */ e(l, { className: "text-gray-1", children: s })
+        ] })
+      ]
+    }
+  );
+};
 export {
-  g as NoData
+  u as NoData
 };

package/dist/ui/NoData/NoDataIcon.d.ts

@@ -0,0 +1,5 @@
+import type { SVGProps } from "react";
+type NoDataIconProps = SVGProps<SVGSVGElement>;
+export declare const NoDataIcon: (props: NoDataIconProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NoDataIcon.d.ts.map

package/dist/ui/NoData/NoDataIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoDataIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/NoData/NoDataIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,gCA4DhD,CAAC"}

package/dist/ui/NoData/NoDataIcon.js

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+const t = (o) => /* @__PURE__ */ c(
+  "svg",
+  {
+    width: "112",
+    height: "96",
+    viewBox: "0 0 112 96",
+    fill: "none",
+    "aria-hidden": !0,
+    ...o,
+    children: [
+      /* @__PURE__ */ r(
+        "circle",
+        {
+          cx: "50",
+          cy: "42",
+          r: "23",
+          fill: "var(--color-background-primary)",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M67 59L89 81",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "8",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r("circle", { cx: "42", cy: "39", r: "2", fill: "var(--color-gray-1)" }),
+      /* @__PURE__ */ r("circle", { cx: "57", cy: "39", r: "2", fill: "var(--color-gray-1)" }),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M42 52C46 48 53 48 57 52",
+          stroke: "var(--color-gray-1)",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M79 14V20M76 17H82",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M22 17V22M19.5 19.5H24.5",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "1.75",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M18 58V64M15 61H21",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M87 39V45M84 42H90",
+          stroke: "var(--color-primary-1)",
+          strokeWidth: "2",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ r("circle", { cx: "28", cy: "72", r: "2.5", fill: "var(--color-primary-3)" }),
+      /* @__PURE__ */ r("circle", { cx: "94", cy: "27", r: "2", fill: "var(--color-gray-2)" })
+    ]
+  }
+);
+export {
+  t as NoDataIcon
+};

package/dist/ui/index.d.ts

@@ -18,4 +18,7 @@ export { Tabs, useTabs, type TabsRootProps, type TabsListProps, type TabProps, t
 export { Grid, type GridGap, type GridItemProps, type GridItemSize, type GridRootProps, type ResponsiveValue, } from "./Grid/Grid.js";
 export { Checkbox, type CheckboxProps } from "./Checkbox/Checkbox.js";
 export { Drawer, type DrawerProps, type DrawerPosition, type DrawerSize, } from "./Drawer/Drawer.js";
+export { FeedScroll, type FeedScrollProps } from "./FeedScroll/FeedScroll.js";
+export { DateText, type DateProps } from "./DateText/DateText.js";
+export { FeedList, type FeedListProps } from "./FeedList/FeedList.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,KAAK,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EACL,IAAI,EACJ,OAAO,EACP,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,KAAK,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EACL,IAAI,EACJ,OAAO,EACP,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [
@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.23",
     "lucide-react": "^1.57.0",
     "tailwind-merge": "^3.7.0"
   },