@divayth/brick-ui 0.0.3 → 0.0.4

package/dist/index.js

@@ -2,26 +2,41 @@
 import { Accordion as e } from "./ui/Accordion/Accordion.js";
 import { Alert as x } from "./ui/Alert/Alert.js";
 import { Button as f } from "./ui/Button/Button.js";
-import { Card as n } from "./ui/Card/Card.js";
-import { Chip as c } from "./ui/Chip/Chip.js";
-import { CircularLoading as l } from "./ui/CircularLoading/CircularLoading.js";
-import { Flex as B } from "./ui/Flex/Flex.js";
-import { Grid as g } from "./ui/Grid/Grid.js";
-import { IconButton as A } from "./ui/IconButton/IconButton.js";
-import { ProgressBar as k } from "./ui/ProgressBar/ProgressBar.js";
-import { Skeleton as G } from "./ui/Skeleton/Skeleton.js";
-import { Text as L } from "./ui/Text/Text.js";
+import { Card as d } from "./ui/Card/Card.js";
+import { Chip as l } from "./ui/Chip/Chip.js";
+import { CircularLoading as n } from "./ui/CircularLoading/CircularLoading.js";
+import { Flex as c } from "./ui/Flex/Flex.js";
+import { Grid as A } from "./ui/Grid/Grid.js";
+import { IconButton as C } from "./ui/IconButton/IconButton.js";
+import { List as T } from "./ui/List/List.js";
+import { MODAL_SIZE as g, Modal as D } from "./ui/Modal/Modal.js";
+import { ModalProvider as P } from "./ui/Modal/ModalProvider.js";
+import { NoData as h } from "./ui/NoData/NoData.js";
+import { ProgressBar as v } from "./ui/ProgressBar/ProgressBar.js";
+import { Skeleton as F } from "./ui/Skeleton/Skeleton.js";
+import { Tabs as N } from "./ui/Tabs/Tabs.js";
+import { Text as Z } from "./ui/Text/Text.js";
+import { useModal as j } from "./ui/Modal/ModalContext.js";
+import { useTabs as w } from "./ui/Tabs/context.js";
 export {
   e as Accordion,
   x as Alert,
   f as Button,
-  n as Card,
-  c as Chip,
-  l as CircularLoading,
-  B as Flex,
-  g as Grid,
-  A as IconButton,
-  k as ProgressBar,
-  G as Skeleton,
-  L as Text
+  d as Card,
+  l as Chip,
+  n as CircularLoading,
+  c as Flex,
+  A as Grid,
+  C as IconButton,
+  T as List,
+  g as MODAL_SIZE,
+  D as Modal,
+  P as ModalProvider,
+  h as NoData,
+  v as ProgressBar,
+  F as Skeleton,
+  N as Tabs,
+  Z as Text,
+  j as useModal,
+  w as useTabs
 };

package/dist/styles.css

@@ -1 +1 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.block{display:block}.flex{display:flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.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-full{width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_jppw0_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._root_jppw0_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_jppw0_2{transition:none}}}._root_u00ub_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_u00ub_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_u00ub_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_u00ub_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_u00ub_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_u00ub_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_u00ub_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_u00ub_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_u00ub_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_u00ub_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_u00ub_61{color:var(--color-primary-1);background:transparent}._transparent_u00ub_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_u00ub_39._error_u00ub_71{background:var(--color-error-1)}._filled_u00ub_39._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_u00ub_50._error_u00ub_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_u00ub_50._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_u00ub_61._error_u00ub_71{color:var(--color-error-1)}._transparent_u00ub_61._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_u00ub_39._secondary_u00ub_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_u00ub_39._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96:hover,._transparent_u00ub_61._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_u00ub_61._secondary_u00ub_96{color:var(--color-gray-1)}._disabled_u00ub_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_u00ub_121:hover{cursor:auto;background:var(--color-gray-2)}._error_u00ub_71._disabled_u00ub_121,._error_u00ub_71._disabled_u00ub_121:hover,._secondary_u00ub_96._disabled_u00ub_121,._secondary_u00ub_96._disabled_u00ub_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_u00ub_142{position:absolute}._spinner_u00ub_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_u00ub_143 .8s linear infinite}._root_u00ub_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_u00ub_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_u00ub_143{animation:none}._root_u00ub_1{transition:none}}._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_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_1cl4z_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_1cl4z_23{--size: var(--height-xs);--stroke-width: 1.25}._sm_1cl4z_28{--size: var(--height-sm);--stroke-width: 1.5}._md_1cl4z_33{--size: var(--height-md);--stroke-width: 1.75}._lg_1cl4z_38{--size: var(--height-lg);--stroke-width: 2}._xl_1cl4z_43{--size: var(--height-xl);--stroke-width: 2.25}._primary_1cl4z_48{color:var(--color-primary-1)}._primary_1cl4z_48:hover{background:var(--color-primary-3)}._secondary_1cl4z_56{color:var(--color-gray-1)}._secondary_1cl4z_56:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1cl4z_65{color:var(--color-error-1)}._danger_1cl4z_65:hover{color:var(--color-error-1);background:var(--color-error-3)}._filled_1cl4z_74._primary_1cl4z_48{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1cl4z_74._primary_1cl4z_48:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1cl4z_74._secondary_1cl4z_56{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1cl4z_74._secondary_1cl4z_56:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1cl4z_74._danger_1cl4z_65{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1cl4z_74._danger_1cl4z_65:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1cl4z_2._disabled_1cl4z_104{color:var(--color-gray-1);pointer-events:none}._root_1cl4z_2._filled_1cl4z_74._disabled_1cl4z_104{background:var(--color-gray-2)}._content_1cl4z_113{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1cl4z_121{position:absolute}._content_1cl4z_113 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1cl4z_113 svg *{vector-effect:non-scaling-stroke}._root_1cl4z_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1cl4z_2{transition:none}}}._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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#3d63dd;--color-primary-2:#3d63dd66;--color-primary-3:#edf2fe;--color-primary-hover:#3657c3;--color-primary-text-inverted:#fdfffc;--color-error-1:#d22829;--color-error-2:#d2282947;--color-error-3:#ffebe9;--color-info-1:#4e79eb;--color-info-2:#4e79eb66;--color-info-3:#eef3fd;--color-success-1:#1bc455;--color-success-2:#1bc45566;--color-success-3:#e8faf0;--color-warning-1:#e39500;--color-warning-2:#e3950066;--color-warning-3:#fff5e6;--color-gray-1:#707070;--color-gray-2:#e0e0e0;--color-gray-3:#f5f5f5;--color-background-primary:#fff}}@layer base,components;@layer utilities{.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_jppw0_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:all .2s ease-in-out}._root_jppw0_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_jppw0_2{transition:none}}}._root_u00ub_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:.3s;border:none}._xs_u00ub_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_u00ub_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_u00ub_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_u00ub_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_u00ub_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_u00ub_39{background:var(--color-primary-1);color:var(--color-primary-text-inverted)}._filled_u00ub_39:hover{text-decoration:none;background:var(--color-primary-hover);color:var(--color-primary-text-inverted)}._outlined_u00ub_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_u00ub_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_u00ub_61{color:var(--color-primary-1);background:transparent}._transparent_u00ub_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_u00ub_39._error_u00ub_71{background:var(--color-error-1)}._filled_u00ub_39._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_u00ub_50._error_u00ub_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_u00ub_50._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_u00ub_61._error_u00ub_71{color:var(--color-error-1)}._transparent_u00ub_61._error_u00ub_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_u00ub_39._secondary_u00ub_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_u00ub_39._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_u00ub_50._secondary_u00ub_96:hover,._transparent_u00ub_61._secondary_u00ub_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_u00ub_61._secondary_u00ub_96{color:var(--color-gray-1)}._disabled_u00ub_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_u00ub_121:hover{cursor:auto;background:var(--color-gray-2)}._error_u00ub_71._disabled_u00ub_121,._error_u00ub_71._disabled_u00ub_121:hover,._secondary_u00ub_96._disabled_u00ub_121,._secondary_u00ub_96._disabled_u00ub_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_u00ub_142{position:absolute}._spinner_u00ub_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_u00ub_143 .8s linear infinite}._root_u00ub_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_u00ub_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_u00ub_143{animation:none}._root_u00ub_1{transition:none}}._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_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_1cl4z_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_1cl4z_23{--size: var(--height-xs);--stroke-width: 1.25}._sm_1cl4z_28{--size: var(--height-sm);--stroke-width: 1.5}._md_1cl4z_33{--size: var(--height-md);--stroke-width: 1.75}._lg_1cl4z_38{--size: var(--height-lg);--stroke-width: 2}._xl_1cl4z_43{--size: var(--height-xl);--stroke-width: 2.25}._primary_1cl4z_48{color:var(--color-primary-1)}._primary_1cl4z_48:hover{background:var(--color-primary-3)}._secondary_1cl4z_56{color:var(--color-gray-1)}._secondary_1cl4z_56:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1cl4z_65{color:var(--color-error-1)}._danger_1cl4z_65:hover{color:var(--color-error-1);background:var(--color-error-3)}._filled_1cl4z_74._primary_1cl4z_48{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._filled_1cl4z_74._primary_1cl4z_48:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._filled_1cl4z_74._secondary_1cl4z_56{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1cl4z_74._secondary_1cl4z_56:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1cl4z_74._danger_1cl4z_65{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1cl4z_74._danger_1cl4z_65:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1cl4z_2._disabled_1cl4z_104{color:var(--color-gray-1);pointer-events:none}._root_1cl4z_2._filled_1cl4z_74._disabled_1cl4z_104{background:var(--color-gray-2)}._content_1cl4z_113{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_1cl4z_121{position:absolute}._content_1cl4z_113 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1cl4z_113 svg *{vector-effect:non-scaling-stroke}._root_1cl4z_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1cl4z_2{transition:none}}}@layer components{._root_12ndw_2{margin:auto;padding:0;border:0;border-radius:.5rem;width:48rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--color-background-primary);overflow:hidden;padding:1.5rem}._root_12ndw_2[open]{display:flex;flex-direction:column}._root_12ndw_2::backdrop{background:#0006}._layout_12ndw_24{min-height:0}._layout_12ndw_24>:not(._content_12ndw_28){flex-shrink:0}._content_12ndw_28{overflow-y:auto}._scrollable_12ndw_36{padding-right:.5rem}._xs_12ndw_40{width:32rem}._sm_12ndw_41{width:42rem}._md_12ndw_42{width:64rem}._lg_12ndw_43{width:80rem}._xl_12ndw_44{width:96rem}._close_12ndw_46{margin-left:auto}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}@layer components{._tab_zcvru_2{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;border:none;cursor:pointer;color:var(--color-gray-1);transition:background-color .2s,color .2s}._primary_zcvru_14{background:var(--color-background-primary)}._secondary_zcvru_15{background:var(--color-gray-3)}._active_zcvru_16,._tab_zcvru_2:hover{background:var(--color-primary-3);color:var(--color-primary-1)}._tab_zcvru_2:disabled{opacity:.5;cursor:not-allowed}._tab_zcvru_2:disabled:hover{color:var(--color-gray-1)}._tab_zcvru_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._tab_zcvru_2{transition:none}}}

package/dist/ui/List/List.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentProps, type CSSProperties, type ReactNode } from "react";
+import { type GapType } from "../Flex/constants.js";
+declare const COLUMNS_SX: {
+    readonly 1: "grid-cols-1";
+    readonly 2: "grid-cols-2";
+    readonly 3: "grid-cols-3";
+    readonly 4: "grid-cols-4";
+};
+export interface ListProps extends ComponentProps<"div"> {
+    columns?: keyof typeof COLUMNS_SX;
+    gap?: GapType;
+    template?: CSSProperties["gridTemplateColumns"];
+    columnsTemplate?: CSSProperties["gridTemplateColumns"];
+}
+export interface ListItemProps extends Omit<ComponentProps<"div">, "children"> {
+    label: ReactNode;
+    value: ReactNode;
+    template?: CSSProperties["gridTemplateColumns"];
+}
+export declare const List: (({ children, columns, gap, template, columnsTemplate, className, style, ...props }: ListProps) => import("react").JSX.Element) & {
+    Item: ({ label, value, template, className, style, ...props }: ListItemProps) => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/ui/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE5D,QAAA,MAAM,UAAU;;;;;CAKN,CAAC;AAEX,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAClC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CACxD;AA4CD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CACjD;AAsCD,eAAO,MAAM,IAAI,uFA3Ed,SAAS;mEA8CT,aAAa;CA6B+C,CAAC"}

package/dist/ui/List/List.js

@@ -0,0 +1,74 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { Children as x, isValidElement as u, cloneElement as C } from "react";
+import { Flex as N } from "../Flex/Flex.js";
+import { Text as d } from "../Text/Text.js";
+import a from "clsx";
+import { GAP_SX as j } from "../Flex/constants.js";
+const y = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4"
+}, L = ({
+  children: t,
+  columns: s = 1,
+  gap: m = "sm",
+  template: e,
+  columnsTemplate: r,
+  className: n,
+  style: c,
+  ...p
+}) => {
+  const f = e ? x.map(t, (i) => !u(i) || i.type !== g ? i : C(i, {
+    template: i.props.template ?? e
+  })) : t;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a(
+        "grid w-full",
+        !r && y[s],
+        j[m],
+        n
+      ),
+      style: r ? { ...c, gridTemplateColumns: r } : c,
+      ...p,
+      children: f
+    }
+  );
+}, g = ({
+  label: t,
+  value: s,
+  template: m,
+  className: e,
+  style: r,
+  ...n
+}) => m ? /* @__PURE__ */ l(
+  "div",
+  {
+    className: a("grid items-center gap-4", e),
+    style: { ...r, gridTemplateColumns: m },
+    ...n,
+    children: [
+      /* @__PURE__ */ o(d, { className: "text-gray-1", children: t }),
+      /* @__PURE__ */ o("div", { className: "min-w-0", children: s })
+    ]
+  }
+) : /* @__PURE__ */ l(
+  N,
+  {
+    alignItems: "center",
+    gap: "md",
+    justifyContent: "between",
+    className: e,
+    style: r,
+    ...n,
+    children: [
+      /* @__PURE__ */ o(d, { className: "text-gray-1", children: t }),
+      s
+    ]
+  }
+), O = Object.assign(L, { Item: g });
+export {
+  O as List
+};

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

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type ButtonProps } from "../Button/Button.js";
+import { type FlexProps } from "../Flex/Flex.js";
+export declare const MODAL_SIZE: {
+    readonly xs: "xs";
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+};
+export type ModalSize = (typeof MODAL_SIZE)[keyof typeof MODAL_SIZE];
+export interface ModalRootProps {
+    children: ReactNode;
+    size?: ModalSize;
+    className?: string;
+    closeDisabled?: boolean;
+    "aria-label"?: string;
+}
+interface HeaderProps extends FlexProps {
+    startIcon?: ReactNode;
+    withCloseButton?: boolean;
+}
+export declare const Modal: {
+    Root: ({ children, size, className, closeDisabled, "aria-label": ariaLabel, }: ModalRootProps) => import("react").JSX.Element;
+    Header: ({ children, startIcon, withCloseButton, ...props }: HeaderProps) => import("react").JSX.Element;
+    Content: ({ children, className, ref, ...props }: FlexProps) => import("react").JSX.Element;
+    Footer: ({ children, justifyContent, ...props }: FlexProps) => import("react").JSX.Element;
+    Cancel: ({ children, onClick, disabled, ...props }: ButtonProps) => import("react").JSX.Element;
+    Confirm: ({ children, type, ...props }: ButtonProps) => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=Modal.d.ts.map

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

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

package/dist/ui/Modal/Modal.js

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

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

@@ -0,0 +1,25 @@
+const o = "_root_12ndw_2", _ = "_layout_12ndw_24", n = "_content_12ndw_28", s = "_scrollable_12ndw_36", t = "_xs_12ndw_40", l = "_sm_12ndw_41", c = "_md_12ndw_42", d = "_lg_12ndw_43", e = "_xl_12ndw_44", w = "_close_12ndw_46", a = {
+  root: o,
+  layout: _,
+  content: n,
+  scrollable: s,
+  xs: t,
+  sm: l,
+  md: c,
+  lg: d,
+  xl: e,
+  close: w
+};
+export {
+  w as close,
+  n as content,
+  a as default,
+  _ as layout,
+  d as lg,
+  c as md,
+  o as root,
+  s as scrollable,
+  l as sm,
+  e as xl,
+  t as xs
+};

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

@@ -0,0 +1,9 @@
+import { type ReactElement } from "react";
+export interface ModalActions {
+    isOpen: boolean;
+    openModal: (modal: ReactElement) => void;
+    closeModal: () => void;
+}
+export declare const ModalContext: import("react").Context<ModalActions>;
+export declare const useModal: () => ModalActions;
+//# sourceMappingURL=ModalContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/ModalContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,uCAAkD,CAAC;AAE5E,eAAO,MAAM,QAAQ,oBAAiC,CAAC"}

package/dist/ui/Modal/ModalContext.js

@@ -0,0 +1,7 @@
+"use client";
+import { useContext as t, createContext as o } from "react";
+const e = o({}), r = () => t(e);
+export {
+  e as ModalContext,
+  r as useModal
+};

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

@@ -0,0 +1,3 @@
+import { type PropsWithChildren } from "react";
+export declare const ModalProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+//# sourceMappingURL=ModalProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/Modal/ModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,aAAa,GAAI,cAAc,iBAAiB,gCAwB5D,CAAC"}

package/dist/ui/Modal/ModalProvider.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsxs as d } from "react/jsx-runtime";
+import { useState as m, useCallback as s, useMemo as i } from "react";
+import { ModalContext as u } from "./ModalContext.js";
+const v = ({ children: n }) => {
+  const [o, e] = m(null), t = !!o, l = s((c) => {
+    e(c);
+  }, []), r = s(() => {
+    e(null);
+  }, []), a = i(
+    () => ({ isOpen: t, openModal: l, closeModal: r }),
+    [t, l, r]
+  );
+  return /* @__PURE__ */ d(u.Provider, { value: a, children: [
+    n,
+    o
+  ] });
+};
+export {
+  v as ModalProvider
+};

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import { type FlexProps } from "../Flex/Flex.js";
+export interface NoDataProps extends Omit<FlexProps, "children" | "title"> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+}
+export declare const NoData: ({ icon, title, description, className, ...props }: NoDataProps) => import("react").JSX.Element;
+//# sourceMappingURL=NoData.d.ts.map

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

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

package/dist/ui/NoData/NoData.js

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

package/dist/ui/Tabs/Tab.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+export interface TabProps extends Omit<ComponentProps<'button'>, 'value'> {
+    value: string;
+    color?: 'primary' | 'secondary';
+}
+export declare const Tab: ({ value, color, children, className, onClick, ...props }: TabProps) => import("react").JSX.Element;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/ui/Tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,GAAG,GAAI,0DAAwE,QAAQ,gCAenG,CAAC"}

package/dist/ui/Tabs/Tab.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { twMerge as f } from "tailwind-merge";
+import { useTabs as l } from "./context.js";
+import e from "./Tabs.module.css.js";
+const y = ({ value: o, color: a = "secondary", children: s, className: c, onClick: b, ...m }) => {
+  const { tab: n, setTab: i } = l(), t = n === o;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      "aria-selected": t,
+      tabIndex: t ? 0 : -1,
+      className: f(e.tab, e[a], t && e.active, c),
+      ...m,
+      onClick: (r) => {
+        b?.(r), r.defaultPrevented || i(o);
+      },
+      children: s
+    }
+  );
+};
+export {
+  y as Tab
+};

package/dist/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,11 @@
+export { useTabs, type TabsRootProps } from "./context.js";
+export { type TabsListProps } from "./TabsList.js";
+export { type TabProps } from "./Tab.js";
+export { type TabsPanelProps } from "./TabsPanel.js";
+export declare const Tabs: {
+    Root: ({ children, defaultValue, value, onChange }: import("./context.js").TabsRootProps) => import("react").JSX.Element;
+    List: ({ children, direction, className, ...props }: import("./TabsList.js").TabsListProps) => import("react").JSX.Element;
+    Tab: ({ value, color, children, className, onClick, ...props }: import("./Tab.js").TabProps) => import("react").JSX.Element;
+    Panel: ({ value, children, ...props }: import("./TabsPanel.js").TabsPanelProps) => import("react").JSX.Element | null;
+};
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,IAAI;;;;;CAA4D,CAAC"}

package/dist/ui/Tabs/Tabs.js

@@ -0,0 +1,11 @@
+"use client";
+import { TabsRoot as o } from "./context.js";
+import { useTabs as f } from "./context.js";
+import { TabsList as r } from "./TabsList.js";
+import { Tab as t } from "./Tab.js";
+import { TabsPanel as m } from "./TabsPanel.js";
+const p = { Root: o, List: r, Tab: t, Panel: m };
+export {
+  p as Tabs,
+  f as useTabs
+};

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

@@ -0,0 +1,13 @@
+const c = "_tab_zcvru_2", a = "_primary_zcvru_14", r = "_secondary_zcvru_15", t = "_active_zcvru_16", _ = {
+  tab: c,
+  primary: a,
+  secondary: r,
+  active: t
+};
+export {
+  t as active,
+  _ as default,
+  a as primary,
+  r as secondary,
+  c as tab
+};

package/dist/ui/Tabs/TabsList.d.ts

@@ -0,0 +1,4 @@
+import { type FlexProps } from "../Flex/Flex.js";
+export type TabsListProps = FlexProps;
+export declare const TabsList: ({ children, direction, className, ...props }: TabsListProps) => import("react").JSX.Element;
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/ui/Tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/TabsList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,8CAKtB,aAAa,gCAcf,CAAC"}

package/dist/ui/Tabs/TabsList.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { twMerge as m } from "tailwind-merge";
+import { Flex as s } from "../Flex/Flex.js";
+const i = ({
+  children: r,
+  direction: o = "row",
+  className: e,
+  ...t
+}) => /* @__PURE__ */ l(
+  s,
+  {
+    role: "tablist",
+    direction: o,
+    gap: "none",
+    className: m(
+      "rounded-lg overflow-hidden",
+      o === "row" ? "w-fit" : "w-full",
+      e
+    ),
+    ...t,
+    children: r
+  }
+);
+export {
+  i as TabsList
+};

package/dist/ui/Tabs/TabsPanel.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from "react";
+export interface TabsPanelProps extends ComponentProps<"div"> {
+    value: string;
+}
+export declare const TabsPanel: ({ value, children, ...props }: TabsPanelProps) => import("react").JSX.Element | null;
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/ui/Tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,GAAI,+BAA+B,cAAc,uCAQtE,CAAC"}

package/dist/ui/Tabs/TabsPanel.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { useTabs as a } from "./context.js";
+const b = ({ value: r, children: t, ...o }) => {
+  const { tab: e } = a();
+  return e !== r ? null : /* @__PURE__ */ n("div", { role: "tabpanel", ...o, children: t });
+};
+export {
+  b as TabsPanel
+};

package/dist/ui/Tabs/context.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+export interface TabsRootProps {
+    children: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+interface TabsContextValue {
+    tab: string;
+    setTab: (value: string) => void;
+}
+export declare const useTabs: () => TabsContextValue;
+export declare const TabsRoot: ({ children, defaultValue, value, onChange }: TabsRootProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/ui/Tabs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAElG,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAGD,eAAO,MAAM,OAAO,wBAAgC,CAAC;AAErD,eAAO,MAAM,QAAQ,GAAI,6CAAkD,aAAa,gCAWvF,CAAC"}

package/dist/ui/Tabs/context.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as x, useCallback as C, useMemo as T, useContext as d, createContext as f } from "react";
+const r = f({}), v = () => d(r), j = ({ children: c, defaultValue: u = "", value: o, onChange: e }) => {
+  const [l, i] = x(u), t = o !== void 0, s = t ? o : l, n = C((a) => {
+    t || i(a), e?.(a);
+  }, [t, e]), b = T(() => ({ tab: s, setTab: n }), [s, n]);
+  return /* @__PURE__ */ m(r.Provider, { value: b, children: c });
+};
+export {
+  j as TabsRoot,
+  v as useTabs
+};

package/dist/ui/index.d.ts

@@ -9,5 +9,11 @@ export { CircularLoading, type CircularLoadingProps, } from "./CircularLoading/C
 export { ProgressBar, type ProgressBarProps, } from "./ProgressBar/ProgressBar.js";
 export { Accordion, type AccordionProps } from "./Accordion/Accordion.js";
 export { Alert, type AlertProps } from "./Alert/Alert.js";
+export { List, type ListProps, type ListItemProps } from "./List/List.js";
+export { NoData, type NoDataProps } from "./NoData/NoData.js";
+export { Modal, MODAL_SIZE, type ModalRootProps, type ModalSize, } from "./Modal/Modal.js";
+export { ModalProvider } from "./Modal/ModalProvider.js";
+export { useModal, type ModalActions } from "./Modal/ModalContext.js";
+export { Tabs, useTabs, type TabsRootProps, type TabsListProps, type TabProps, type TabsPanelProps, } from "./Tabs/Tabs.js";
 export { Grid, type GridGap, type GridItemProps, type GridItemSize, type GridRootProps, type ResponsiveValue, } from "./Grid/Grid.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,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,gBAAgB,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [