@divayth/brick-ui 0.0.9 → 0.0.10

package/dist/app/Provider.d.ts

@@ -9,6 +9,7 @@ export declare const useProvider: () => {
         scrollToTop: string;
         close: string;
         clear: string;
+        chooseDate: string;
         cancel: string;
         confirm: string;
         noData: string;
@@ -16,6 +17,7 @@ export declare const useProvider: () => {
         scrollToTop: string;
         close: string;
         clear: string;
+        chooseDate: string;
         cancel: string;
         confirm: string;
         noData: string;

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

@@ -1 +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"}
+{"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/index.js

@@ -1,63 +1,67 @@
 /* empty css           */
 import { Accordion as t } from "./ui/Accordion/Accordion.js";
-import { Alert as p } from "./ui/Alert/Alert.js";
+import { Alert as x } from "./ui/Alert/Alert.js";
 import { Button as f } from "./ui/Button/Button.js";
-import { Card as d } from "./ui/Card/Card.js";
+import { Card as a } from "./ui/Card/Card.js";
 import { Checkbox as l } from "./ui/Checkbox/Checkbox.js";
-import { Chip as c } from "./ui/Chip/Chip.js";
-import { CircularLoading as u } from "./ui/CircularLoading/CircularLoading.js";
-import { DateText as C } from "./ui/DateText/DateText.js";
-import { Drawer as F } from "./ui/Drawer/Drawer.js";
-import { FeedList as M } from "./ui/FeedList/FeedList.js";
-import { FeedScroll as T } from "./ui/FeedScroll/FeedScroll.js";
+import { Chip as u } from "./ui/Chip/Chip.js";
+import { CircularLoading as n } from "./ui/CircularLoading/CircularLoading.js";
+import { DateInput as D } from "./ui/Date/DateInput.js";
+import { DateText as S } from "./ui/DateText/DateText.js";
+import { Drawer as I } from "./ui/Drawer/Drawer.js";
+import { FeedList as P } from "./ui/FeedList/FeedList.js";
+import { FeedScroll as b } from "./ui/FeedScroll/FeedScroll.js";
 import { Field as k } from "./ui/Field/Field.js";
 import { Flex as A } from "./ui/Flex/Flex.js";
-import { Grid as I } from "./ui/Grid/Grid.js";
-import { IconButton as h } from "./ui/IconButton/IconButton.js";
-import { Input as y } from "./ui/Input/Input.js";
-import { List as G } from "./ui/List/List.js";
-import { MODAL_SIZE as O, Modal as Z } from "./ui/Modal/Modal.js";
-import { ModalProvider as j } from "./ui/Modal/ModalProvider.js";
-import { NoData as z } from "./ui/NoData/NoData.js";
-import { ProgressBar as J } from "./ui/ProgressBar/ProgressBar.js";
-import { Provider as Q, useProvider as R } from "./app/Provider.js";
-import { Select as V } from "./ui/Select/Select.js";
-import { Skeleton as X } from "./ui/Skeleton/Skeleton.js";
-import { Sticky as $ } from "./ui/Sticky/Sticky.js";
-import { Tabs as or } from "./ui/Tabs/Tabs.js";
-import { Text as tr } from "./ui/Text/Text.js";
-import { useModal as pr } from "./ui/Modal/ModalContext.js";
-import { useTabs as fr } from "./ui/Tabs/context.js";
+import { Grid as g } from "./ui/Grid/Grid.js";
+import { IconButton as y } from "./ui/IconButton/IconButton.js";
+import { Input as G } from "./ui/Input/Input.js";
+import { List as O } from "./ui/List/List.js";
+import { MODAL_SIZE as _, Modal as j } from "./ui/Modal/Modal.js";
+import { ModalProvider as z } from "./ui/Modal/ModalProvider.js";
+import { MultipleChip as J } from "./ui/MultipleChip/MultipleChip.js";
+import { NoData as Q } from "./ui/NoData/NoData.js";
+import { ProgressBar as U } from "./ui/ProgressBar/ProgressBar.js";
+import { Provider as W, useProvider as X } from "./app/Provider.js";
+import { Select as $ } from "./ui/Select/Select.js";
+import { Skeleton as or } from "./ui/Skeleton/Skeleton.js";
+import { Sticky as tr } from "./ui/Sticky/Sticky.js";
+import { Tabs as xr } from "./ui/Tabs/Tabs.js";
+import { Text as fr } from "./ui/Text/Text.js";
+import { useModal as ar } from "./ui/Modal/ModalContext.js";
+import { useTabs as lr } from "./ui/Tabs/context.js";
 export {
   t as Accordion,
-  p as Alert,
+  x as Alert,
   f as Button,
-  d as Card,
+  a as Card,
   l as Checkbox,
-  c as Chip,
-  u as CircularLoading,
-  C as DateText,
-  F as Drawer,
-  M as FeedList,
-  T as FeedScroll,
+  u as Chip,
+  n as CircularLoading,
+  D as DateInput,
+  S as DateText,
+  I as Drawer,
+  P as FeedList,
+  b as FeedScroll,
   k as Field,
   A as Flex,
-  I as Grid,
-  h as IconButton,
-  y as Input,
-  G as List,
-  O as MODAL_SIZE,
-  Z as Modal,
-  j as ModalProvider,
-  z as NoData,
-  J as ProgressBar,
-  Q as Provider,
-  V as Select,
-  X as Skeleton,
-  $ as Sticky,
-  or as Tabs,
-  tr as Text,
-  pr as useModal,
-  R as useProvider,
-  fr as useTabs
+  g as Grid,
+  y as IconButton,
+  G as Input,
+  O as List,
+  _ as MODAL_SIZE,
+  j as Modal,
+  z as ModalProvider,
+  J as MultipleChip,
+  Q as NoData,
+  U as ProgressBar,
+  W as Provider,
+  $ as Select,
+  or as Skeleton,
+  tr as Sticky,
+  xr as Tabs,
+  fr as Text,
+  ar as useModal,
+  X as useProvider,
+  lr as useTabs
 };

package/dist/lib/locale.d.ts

@@ -4,6 +4,7 @@ export declare const messages: {
         scrollToTop: string;
         close: string;
         clear: string;
+        chooseDate: string;
         cancel: string;
         confirm: string;
         noData: string;
@@ -12,6 +13,7 @@ export declare const messages: {
         scrollToTop: string;
         close: string;
         clear: string;
+        chooseDate: string;
         cancel: string;
         confirm: string;
         noData: string;

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

@@ -1 +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;;;;;;;;;;;;;;;;;CAiB6B,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;CAmB6B,CAAC"}

package/dist/lib/locale.js

@@ -3,6 +3,7 @@ const o = {
     scrollToTop: "Scroll to top",
     close: "Close",
     clear: "Clear selection",
+    chooseDate: "Choose a date",
     cancel: "Cancel",
     confirm: "Confirm",
     noData: "No data yet"
@@ -11,6 +12,7 @@ const o = {
     scrollToTop: "Наверх",
     close: "Закрыть",
     clear: "Очистить выбор",
+    chooseDate: "Выберите дату",
     cancel: "Отменить",
     confirm: "Подтвердить",
     noData: "Данных пока нет"

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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}.fixed{position:fixed}.sticky{position:sticky}.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-80{height:calc(var(--spacing) * 80)}.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-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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-auto{overflow:auto}.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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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_1d6h5_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_1d6h5_24{--size: 1.5rem;--stroke-width: 1.25}._sm_1d6h5_29{--size: 1.75rem;--stroke-width: 1.5}._md_1d6h5_34{--size: 2rem;--stroke-width: 1.75}._lg_1d6h5_39{--size: 2.5rem;--stroke-width: 2}._xl_1d6h5_44{--size: 3rem;--stroke-width: 2.25}._primary_1d6h5_49{color:var(--color-primary-1)}._primary_1d6h5_49:hover{background:var(--color-primary-3)}._secondary_1d6h5_57{color:var(--color-gray-1)}._secondary_1d6h5_57:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1d6h5_66{color:var(--color-error-1)}._danger_1d6h5_66:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_1d6h5_75{border:1px solid currentColor}._filled_1d6h5_79._primary_1d6h5_49{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1d6h5_79._primary_1d6h5_49:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1d6h5_79._secondary_1d6h5_57{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1d6h5_79._secondary_1d6h5_57:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1d6h5_79._danger_1d6h5_66{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1d6h5_79._danger_1d6h5_66:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1d6h5_2._disabled_1d6h5_109{color:var(--color-gray-1);pointer-events:none}._root_1d6h5_2._filled_1d6h5_79._disabled_1d6h5_109{background:var(--color-gray-2)}._root_1d6h5_2._outlined_1d6h5_75._disabled_1d6h5_109{border-color:var(--color-gray-2)}._content_1d6h5_122{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1d6h5_130{position:absolute}._content_1d6h5_122 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1d6h5_122 svg *{vector-effect:non-scaling-stroke}._root_1d6h5_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1d6h5_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{._control_zfzzm_2{position:relative;display:flex;align-items:stretch;width:100%;--control-padding-x: .75rem;--control-padding-y: .5rem;--control-padding-left-with-icon: 2.5rem}._sm_zfzzm_11{height:2rem}._md_zfzzm_12{height:2.5rem}._lg_zfzzm_13{height:3rem}._multiline_zfzzm_14{flex-direction:column;width:100%;height:auto}._icon_zfzzm_15{position:absolute;top:50%;transform:translateY(-50%);display:flex;color:var(--color-gray-1);pointer-events:none}._start_zfzzm_23{left:.75rem}._end_zfzzm_24{right:.75rem}}@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{._input_5yarh_2{box-sizing:border-box;font:inherit;color:inherit;flex:1;width:100%;overflow:auto;height:100%;padding:var(--control-padding-y) var(--control-padding-x);background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:10px;transition:border-color .2s,box-shadow .2s;outline:none}._input_5yarh_2::placeholder{color:var(--color-gray-1);opacity:.8}._input_5yarh_2:hover,._input_5yarh_2:focus{border-color:var(--color-primary-1)}._input_5yarh_2:disabled{background-color:var(--color-gray-3);color:var(--color-gray-1)}._input_5yarh_2:disabled:hover,._input_5yarh_2:disabled:focus{border-color:var(--color-gray-2)}._error_5yarh_35{border-color:var(--color-error-1)}._error_5yarh_35:hover,._error_5yarh_35:focus{border-color:var(--color-error-1)}._multiple_5yarh_41{height:auto;resize:none}._withStartIcon_5yarh_42{padding-left:var(--control-padding-left-with-icon)}._withEndIcon_5yarh_43{padding-right:var(--control-padding-left-with-icon)}}@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}}@layer components{._root_6ydnq_2{min-width:0;position:relative;width:100%}._select_6ydnq_8{box-sizing:border-box;width:100%;height:100%;padding:0 var(--control-padding-x);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}._filled_6ydnq_20{background:var(--color-background-primary);border:1px solid var(--color-gray-2)}._outlined_6ydnq_25{background:transparent}._trigger_6ydnq_29{font:inherit;color:inherit;flex:1;height:100%;min-width:0;display:flex;align-items:center;gap:.5rem;border:none;padding:0;background:transparent;cursor:pointer;text-align:left}._value_6ydnq_45{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._arrow_6ydnq_54{flex-shrink:0;color:var(--color-gray-1)}._clear_6ydnq_59{flex-shrink:0;margin-right:-.25rem}._placeholder_6ydnq_64{color:var(--color-gray-1);opacity:.8}._disabled_6ydnq_69{pointer-events:none;color:var(--color-gray-1)}._disabled_6ydnq_69 ._select_6ydnq_8{background:var(--color-gray-3)}._active_6ydnq_78{background:var(--color-primary-3);color:var(--color-primary-1)}._error_6ydnq_83 ._select_6ydnq_8{border-color:var(--color-error-1)}._dropdown_6ydnq_89{box-sizing:border-box;width:100%;position:absolute;padding:.25rem;background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:.5rem;max-height:20rem;overflow-y:auto;z-index:100}._dropdown_6ydnq_89 button{box-sizing:border-box;font:inherit;color:inherit;border:none;background:transparent;flex-shrink:0;overflow-wrap:anywhere;min-width:100%;text-align:start;border-radius:.5rem;padding:.5rem;cursor:pointer}._dropdown_6ydnq_89 button:hover{background:var(--color-gray-3)}._dropdown_6ydnq_89 button._active_6ydnq_78{background:var(--color-primary-3);color:var(--color-primary-1)}._trigger_6ydnq_29:focus-visible,._dropdown_6ydnq_89 button:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}}._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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@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}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.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-80{height:calc(var(--spacing) * 80)}.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-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.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-auto{overflow:auto}.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)}.opacity-60{opacity:.6}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-1:focus-visible{outline-color:var(--color-primary-1)}}: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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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_1ba00_1{width:fit-content;padding:.2rem 1rem;font-weight:500}._interactive_1ba00_7{transition:background-color .2s,border-color .2s}@media(hover:hover){._root_1ba00_1._interactive_1ba00_7:hover:not([aria-disabled=true]){background:color-mix(in srgb,currentColor 12%,var(--color-background-primary));border-color:currentColor}}@media(prefers-reduced-motion:reduce){._interactive_1ba00_7{transition:none}}._filled_1ba00_22._primary_1ba00_22{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_1ba00_22._info_1ba00_28{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_1ba00_22._error_1ba00_34{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_1ba00_22._success_1ba00_40{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_1ba00_22._warning_1ba00_46{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_1ba00_22._secondary_1ba00_52{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_1ba00_58._primary_1ba00_22{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_1ba00_58._info_1ba00_28{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_1ba00_58._error_1ba00_34{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_1ba00_58._success_1ba00_40{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_1ba00_58._warning_1ba00_46{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_1ba00_58._secondary_1ba00_52{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{._control_zfzzm_2{position:relative;display:flex;align-items:stretch;width:100%;--control-padding-x: .75rem;--control-padding-y: .5rem;--control-padding-left-with-icon: 2.5rem}._sm_zfzzm_11{height:2rem}._md_zfzzm_12{height:2.5rem}._lg_zfzzm_13{height:3rem}._multiline_zfzzm_14{flex-direction:column;width:100%;height:auto}._icon_zfzzm_15{position:absolute;top:50%;transform:translateY(-50%);display:flex;color:var(--color-gray-1);pointer-events:none}._start_zfzzm_23{left:.75rem}._end_zfzzm_24{right:.75rem}}@layer components{._input_5yarh_2{box-sizing:border-box;font:inherit;color:inherit;flex:1;width:100%;overflow:auto;height:100%;padding:var(--control-padding-y) var(--control-padding-x);background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:10px;transition:border-color .2s,box-shadow .2s;outline:none}._input_5yarh_2::placeholder{color:var(--color-gray-1);opacity:.8}._input_5yarh_2:hover,._input_5yarh_2:focus{border-color:var(--color-primary-1)}._input_5yarh_2:disabled{background-color:var(--color-gray-3);color:var(--color-gray-1)}._input_5yarh_2:disabled:hover,._input_5yarh_2:disabled:focus{border-color:var(--color-gray-2)}._error_5yarh_35{border-color:var(--color-error-1)}._error_5yarh_35:hover,._error_5yarh_35:focus{border-color:var(--color-error-1)}._multiple_5yarh_41{height:auto;resize:none}._withStartIcon_5yarh_42{padding-left:var(--control-padding-left-with-icon)}._withEndIcon_5yarh_43{padding-right:var(--control-padding-left-with-icon)}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._dropdown_oh39p_1{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;width:max-content;padding:.75rem;border:1px solid var(--color-gray-2);border-radius:10px;background:var(--color-background-primary);box-shadow:0 8px 24px #0000001a}._calendar_oh39p_16{--rdp-accent-color: var(--color-primary-1);--rdp-accent-background-color: var(--color-primary-3);--rdp-today-color: var(--color-primary-1);--rdp-day-height: 36px;--rdp-day-width: 36px;--rdp-day_button-height: 32px;--rdp-day_button-width: 32px;--rdp-day_button-border: 1px solid transparent;--rdp-day_button-border-radius: 8px;--rdp-selected-border: 1px solid var(--color-primary-1);--rdp-nav_button-height: 32px;--rdp-nav_button-width: 32px;--rdp-nav-height: 36px;--rdp-weekday-opacity: 1;--rdp-outside-opacity: .4;--rdp-animation_duration: .15s;font-family:inherit;font-size:14px}._calendar_oh39p_16 .rdp-month_caption{height:36px;padding-inline:.25rem 4.5rem}._calendar_oh39p_16 .rdp-caption_label{font-size:14px;font-weight:500}._calendar_oh39p_16 .rdp-weekday{color:var(--color-gray-1);font-size:12px;font-weight:400}._calendar_oh39p_16 .rdp-day_button{margin:auto;transition:background-color .15s,color .15s}._calendar_oh39p_16 .rdp-day_button:hover:not(:disabled){color:var(--color-primary-1);background:var(--color-primary-3)}._calendar_oh39p_16 .rdp-today:not(.rdp-selected) .rdp-day_button{border-color:var(--color-primary-2)}._calendar_oh39p_16 .rdp-selected{font-size:inherit;font-weight:500}._calendar_oh39p_16 .rdp-selected .rdp-day_button{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._calendar_oh39p_16 .rdp-selected .rdp-day_button:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._calendar_oh39p_16 .rdp-button_previous,._calendar_oh39p_16 .rdp-button_next{border-radius:8px;transition:background-color .15s}._calendar_oh39p_16 .rdp-button_previous:hover:not(:disabled),._calendar_oh39p_16 .rdp-button_next:hover:not(:disabled){background:var(--color-primary-3)}._calendar_oh39p_16 .rdp-chevron{width:20px;height:20px}._calendar_oh39p_16 .rdp-day_button:focus-visible,._calendar_oh39p_16 .rdp-button_previous:focus-visible,._calendar_oh39p_16 .rdp-button_next:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._calendar_oh39p_16{--rdp-animation_duration: 0s}}@layer components{._root_1xvvy_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_1xvvy_24{--size: 1.5rem;--stroke-width: 1}._sm_1xvvy_29{--size: 1.75rem;--stroke-width: 1.25}._md_1xvvy_34{--size: 2rem;--stroke-width: 1.5}._lg_1xvvy_39{--size: 2.5rem;--stroke-width: 1.75}._xl_1xvvy_44{--size: 3rem;--stroke-width: 2}._primary_1xvvy_49{color:var(--color-primary-1)}._primary_1xvvy_49:hover{background:var(--color-primary-3)}._secondary_1xvvy_57{color:var(--color-gray-1)}._secondary_1xvvy_57:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1xvvy_66{color:var(--color-error-1)}._danger_1xvvy_66:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_1xvvy_75{border:1px solid currentColor}._filled_1xvvy_79._primary_1xvvy_49{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1xvvy_79._primary_1xvvy_49:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1xvvy_79._secondary_1xvvy_57{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1xvvy_79._secondary_1xvvy_57:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1xvvy_79._danger_1xvvy_66{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1xvvy_79._danger_1xvvy_66:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1xvvy_2._disabled_1xvvy_109{color:var(--color-gray-1);pointer-events:none}._root_1xvvy_2._filled_1xvvy_79._disabled_1xvvy_109{background:var(--color-gray-2)}._root_1xvvy_2._outlined_1xvvy_75._disabled_1xvvy_109{border-color:var(--color-gray-2)}._content_1xvvy_122{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1xvvy_130{position:absolute}._content_1xvvy_122 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1xvvy_122 svg *{vector-effect:non-scaling-stroke}._root_1xvvy_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1xvvy_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{._root_6ydnq_2{min-width:0;position:relative;width:100%}._select_6ydnq_8{box-sizing:border-box;width:100%;height:100%;padding:0 var(--control-padding-x);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}._filled_6ydnq_20{background:var(--color-background-primary);border:1px solid var(--color-gray-2)}._outlined_6ydnq_25{background:transparent}._trigger_6ydnq_29{font:inherit;color:inherit;flex:1;height:100%;min-width:0;display:flex;align-items:center;gap:.5rem;border:none;padding:0;background:transparent;cursor:pointer;text-align:left}._value_6ydnq_45{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._arrow_6ydnq_54{flex-shrink:0;color:var(--color-gray-1)}._clear_6ydnq_59{flex-shrink:0;margin-right:-.25rem}._placeholder_6ydnq_64{color:var(--color-gray-1);opacity:.8}._disabled_6ydnq_69{pointer-events:none;color:var(--color-gray-1)}._disabled_6ydnq_69 ._select_6ydnq_8{background:var(--color-gray-3)}._active_6ydnq_78{background:var(--color-primary-3);color:var(--color-primary-1)}._error_6ydnq_83 ._select_6ydnq_8{border-color:var(--color-error-1)}._dropdown_6ydnq_89{box-sizing:border-box;width:100%;position:absolute;padding:.25rem;background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:.5rem;max-height:20rem;overflow-y:auto;z-index:100}._dropdown_6ydnq_89 button{box-sizing:border-box;font:inherit;color:inherit;border:none;background:transparent;flex-shrink:0;overflow-wrap:anywhere;min-width:100%;text-align:start;border-radius:.5rem;padding:.5rem;cursor:pointer}._dropdown_6ydnq_89 button:hover{background:var(--color-gray-3)}._dropdown_6ydnq_89 button._active_6ydnq_78{background:var(--color-primary-3);color:var(--color-primary-1)}._trigger_6ydnq_29:focus-visible,._dropdown_6ydnq_89 button:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}}@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/Chip/Chip.js

@@ -1,4 +1,4 @@
-import { jsxs as i } from "react/jsx-runtime";
+import { jsxs as c } from "react/jsx-runtime";
 import p from "clsx";
 import { Flex as u } from "../Flex/Flex.js";
 import r from "./Chip.module.css.js";
@@ -9,16 +9,16 @@ const x = {
   lg: "rounded-lg",
   xl: "rounded-xl"
 }, j = ({
-  variant: e = "filled",
+  variant: o = "filled",
   color: s = "secondary",
-  className: m,
-  label: t,
+  className: t,
+  label: m,
   startIcon: d,
   endIcon: n,
-  rounded: l = "sm",
-  onClick: o,
-  ...c
-}) => /* @__PURE__ */ i(
+  rounded: i = "sm",
+  onClick: e,
+  ...l
+}) => /* @__PURE__ */ c(
   u,
   {
     justifyContent: "center",
@@ -26,17 +26,17 @@ const x = {
     gap: "sm",
     className: p(
       r.root,
-      r[e],
+      r[o],
       r[s],
-      x[l],
-      { "cursor-pointer": o },
-      m
+      x[i],
+      { "cursor-pointer": e, [r.interactive]: e },
+      t
     ),
-    onClick: o,
-    ...c,
+    onClick: e,
+    ...l,
     children: [
       d,
-      t,
+      m,
       n
     ]
   }

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

@@ -1,23 +1,25 @@
-const o = "_root_zthip_1", t = "_filled_zthip_7", _ = "_primary_zthip_7", n = "_info_zthip_13", r = "_error_zthip_19", i = "_success_zthip_25", s = "_warning_zthip_31", c = "_secondary_zthip_37", e = "_outlined_zthip_43", p = {
+const o = "_root_1ba00_1", _ = "_interactive_1ba00_7", n = "_filled_1ba00_22", r = "_primary_1ba00_22", s = "_info_1ba00_28", t = "_error_1ba00_34", a = "_success_1ba00_40", c = "_warning_1ba00_46", e = "_secondary_1ba00_52", i = "_outlined_1ba00_58", l = {
   root: o,
-  filled: t,
-  primary: _,
-  info: n,
-  error: r,
-  success: i,
-  warning: s,
-  secondary: c,
-  outlined: e
+  interactive: _,
+  filled: n,
+  primary: r,
+  info: s,
+  error: t,
+  success: a,
+  warning: c,
+  secondary: e,
+  outlined: i
 };
 export {
-  p as default,
-  r as error,
-  t as filled,
-  n as info,
-  e as outlined,
-  _ as primary,
+  l as default,
+  t as error,
+  n as filled,
+  s as info,
+  _ as interactive,
+  i as outlined,
+  r as primary,
   o as root,
-  c as secondary,
-  i as success,
-  s as warning
+  e as secondary,
+  a as success,
+  c as warning
 };

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

@@ -0,0 +1,16 @@
+import { type KeyboardEventHandler, type MouseEventHandler } from "react";
+import { type InputProps } from "../Input/Input.js";
+import { type DayPickerProps } from "react-day-picker";
+import "react-day-picker/style.css";
+export type DateInputProps = Omit<Extract<InputProps, {
+    multiline?: false;
+}>, "type" | "multiline" | "value" | "defaultValue" | "onChange" | "onClick" | "onKeyDown"> & {
+    onClick?: MouseEventHandler<HTMLElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+    value?: Date | null;
+    onChange?: (value: Date) => void;
+    locale?: string;
+    calendarProps?: Omit<DayPickerProps, "mode" | "required" | "selected" | "onSelect">;
+};
+export declare const DateInput: ({ value, onChange, locale: localeProp, calendarProps, ...props }: DateInputProps) => import("react").JSX.Element;
+//# sourceMappingURL=DateInput.d.ts.map

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

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

package/dist/ui/Date/DateInput.js

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

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

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

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

@@ -1,33 +1,33 @@
-const _ = "_root_1d6h5_2", d = "_xs_1d6h5_24", o = "_sm_1d6h5_29", n = "_md_1d6h5_34", s = "_lg_1d6h5_39", t = "_xl_1d6h5_44", l = "_primary_1d6h5_49", c = "_secondary_1d6h5_57", e = "_danger_1d6h5_66", a = "_outlined_1d6h5_75", r = "_filled_1d6h5_79", i = "_disabled_1d6h5_109", h = "_content_1d6h5_122", g = "_loading_1d6h5_130", m = {
+const _ = "_root_1xvvy_2", o = "_xs_1xvvy_24", n = "_sm_1xvvy_29", s = "_md_1xvvy_34", t = "_lg_1xvvy_39", v = "_xl_1xvvy_44", d = "_primary_1xvvy_49", l = "_secondary_1xvvy_57", c = "_danger_1xvvy_66", x = "_outlined_1xvvy_75", e = "_filled_1xvvy_79", y = "_disabled_1xvvy_109", a = "_content_1xvvy_122", r = "_loading_1xvvy_130", i = {
   root: _,
-  xs: d,
-  sm: o,
-  md: n,
-  lg: s,
-  xl: t,
-  primary: l,
-  secondary: c,
-  danger: e,
-  outlined: a,
-  filled: r,
-  disabled: i,
-  content: h,
-  loading: g
+  xs: o,
+  sm: n,
+  md: s,
+  lg: t,
+  xl: v,
+  primary: d,
+  secondary: l,
+  danger: c,
+  outlined: x,
+  filled: e,
+  disabled: y,
+  content: a,
+  loading: r
 };
 export {
-  h as content,
-  e as danger,
-  m as default,
-  i as disabled,
-  r as filled,
-  s as lg,
-  g as loading,
-  n as md,
-  a as outlined,
-  l as primary,
+  a as content,
+  c as danger,
+  i as default,
+  y as disabled,
+  e as filled,
+  t as lg,
+  r as loading,
+  s as md,
+  x as outlined,
+  d as primary,
   _ as root,
-  c as secondary,
-  o as sm,
-  t as xl,
-  d as xs
+  l as secondary,
+  n as sm,
+  v as xl,
+  o as xs
 };

package/dist/ui/MultipleChip/MultipleChip.d.ts

@@ -0,0 +1,17 @@
+import { type FlexProps } from "../Flex/Flex.js";
+export interface MultipleChipOption {
+    value: string;
+    label: string;
+}
+export interface MultipleChipProps extends Omit<FlexProps, "onChange"> {
+    options: MultipleChipOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    label?: string;
+    error?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    sortSelectedFirst?: boolean;
+}
+export declare const MultipleChip: ({ options, value, onChange, label, error, disabled, isLoading, sortSelectedFirst, className, "aria-describedby": describedBy, ...props }: MultipleChipProps) => import("react").JSX.Element;
+//# sourceMappingURL=MultipleChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChip.d.ts","sourceRoot":"","sources":["../../../src/ui/MultipleChip/MultipleChip.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACpE,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,GAAI,0IAY1B,iBAAiB,gCAgFnB,CAAC"}

package/dist/ui/MultipleChip/MultipleChip.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useId as w, useMemo as g } from "react";
+import { Chip as N } from "../Chip/Chip.js";
+import { Field as n } from "../Field/Field.js";
+import { Flex as $ } from "../Flex/Flex.js";
+import { Skeleton as j } from "../Skeleton/Skeleton.js";
+import C from "clsx";
+const F = ({
+  options: s,
+  value: l = [],
+  onChange: d,
+  label: t,
+  error: c,
+  disabled: i,
+  isLoading: m = !1,
+  sortSelectedFirst: u = !1,
+  className: b,
+  "aria-describedby": y,
+  ...p
+}) => {
+  const a = w(), h = g(
+    () => u ? [...s].sort(
+      (e, r) => Number(l.includes(r.value)) - Number(l.includes(e.value))
+    ) : s,
+    [s, l, u]
+  ), f = (e) => {
+    i || m || d?.(
+      l.includes(e) ? l.filter((r) => r !== e) : [...l, e]
+    );
+  }, x = (e, r) => {
+    e.key !== "Enter" && e.key !== " " || (e.preventDefault(), f(r));
+  };
+  return /* @__PURE__ */ v(n.Root, { className: b, children: [
+    t && /* @__PURE__ */ o(n.Label, { id: `${a}-label`, label: t }),
+    /* @__PURE__ */ o(
+      $,
+      {
+        gap: "sm",
+        className: "flex-wrap",
+        role: "group",
+        "aria-labelledby": t ? `${a}-label` : void 0,
+        "aria-describedby": [y, c && `${a}-error`].filter(Boolean).join(" ") || void 0,
+        "aria-disabled": i,
+        "aria-busy": m,
+        ...p,
+        children: m ? Array.from({ length: 20 }, (e, r) => /* @__PURE__ */ o(j, { width: 80, height: 26 }, r)) : h.map((e) => {
+          const r = l.includes(e.value);
+          return /* @__PURE__ */ o(
+            N,
+            {
+              role: "checkbox",
+              "aria-checked": r,
+              "aria-disabled": i,
+              tabIndex: i ? -1 : 0,
+              color: r ? "primary" : "secondary",
+              variant: r ? "filled" : "outlined",
+              className: C(
+                "focus-visible:outline-2 focus-visible:outline-primary-1 focus-visible:outline-offset-2",
+                { "cursor-not-allowed opacity-60": i }
+              ),
+              label: e.label,
+              onClick: () => f(e.value),
+              onKeyDown: (k) => x(k, e.value)
+            },
+            e.value
+          );
+        })
+      }
+    ),
+    c && /* @__PURE__ */ o(n.Error, { id: `${a}-error`, error: c })
+  ] });
+};
+export {
+  F as MultipleChip
+};

package/dist/ui/index.d.ts

@@ -23,6 +23,8 @@ export { DateText, type DateProps } from "./DateText/DateText.js";
 export { FeedList, type FeedListProps } from "./FeedList/FeedList.js";
 export { Field, type ControlSize, type FieldLabelProps, type FieldControlProps, type FieldIconProps, type FieldErrorProps, } from "./Field/Field.js";
 export { Input, type InputProps } from "./Input/Input.js";
+export { DateInput, type DateInputProps } from "./Date/DateInput.js";
+export { MultipleChip, type MultipleChipProps, type MultipleChipOption, } from "./MultipleChip/MultipleChip.js";
 export { Sticky, type StickyProps } from "./Sticky/Sticky.js";
 export { Select, type SelectProps, type SelectOption, type SelectValue, } from "./Select/Select.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;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;AACtE,OAAO,EACL,KAAK,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,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;AACtE,OAAO,EACL,KAAK,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [
@@ -31,6 +31,7 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.23",
     "lucide-react": "^1.57.0",
+    "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0"
   },
   "devDependencies": {