@divayth/brick-ui 0.0.7 → 0.0.8

package/dist/index.js

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

@@ -0,0 +1,32 @@
+import type { ComponentProps } from "react";
+import type { LucideIcon } from "lucide-react";
+import { type FlexProps } from "../Flex/Flex.js";
+import type { Size } from "../../lib/sizes.js";
+export type ControlSize = Exclude<Size, "xs" | "xl">;
+export interface FieldControlProps extends ComponentProps<"div"> {
+    size?: ControlSize;
+    multiline?: boolean;
+}
+export declare const Root: ({ children, ...props }: FlexProps) => import("react").JSX.Element;
+export interface FieldLabelProps extends ComponentProps<"label"> {
+    label: string;
+}
+export declare const Label: ({ label, className, ...props }: FieldLabelProps) => import("react").JSX.Element;
+export declare const Control: ({ size, multiline, className, ...props }: FieldControlProps) => import("react").JSX.Element;
+export interface FieldIconProps extends ComponentProps<"span"> {
+    icon: LucideIcon;
+    position?: "start" | "end";
+}
+export declare const Icon: ({ icon: IconComponent, position, className, ...props }: FieldIconProps) => import("react").JSX.Element;
+export interface FieldErrorProps extends ComponentProps<"span"> {
+    error: string;
+}
+export declare const Error: ({ error, className, ...props }: FieldErrorProps) => import("react").JSX.Element;
+export declare const Field: {
+    Root: ({ children, ...props }: FlexProps) => import("react").JSX.Element;
+    Label: ({ label, className, ...props }: FieldLabelProps) => import("react").JSX.Element;
+    Control: ({ size, multiline, className, ...props }: FieldControlProps) => import("react").JSX.Element;
+    Icon: ({ icon: IconComponent, position, className, ...props }: FieldIconProps) => import("react").JSX.Element;
+    Error: ({ error, className, ...props }: FieldErrorProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/ui/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,wBAAwB,SAAS,gCAIrD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,OAAO,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,GAAI,gCAAgC,eAAe,gCAMpE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,0CAKrB,iBAAiB,gCASnB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC5D,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,GAAI,wDAKlB,cAAc,gCAQhB,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,GAAI,gCAAgC,eAAe,gCAIpE,CAAC;AAEF,eAAO,MAAM,KAAK;mCAhE2B,SAAS;4CAUA,eAAe;wDAalE,iBAAiB;mEAqBjB,cAAc;4CAcqC,eAAe;CAMX,CAAC"}

package/dist/ui/Field/Field.js

@@ -0,0 +1,42 @@
+import { jsx as i } from "react/jsx-runtime";
+import c from "clsx";
+import { Flex as m } from "../Flex/Flex.js";
+import { Text as l } from "../Text/Text.js";
+import s from "./Field.module.css.js";
+const n = ({ children: o, ...r }) => /* @__PURE__ */ i(m, { direction: "col", gap: "xs", ...r, children: o }), a = ({ label: o, className: r, ...e }) => /* @__PURE__ */ i("label", { ...e, className: r, children: /* @__PURE__ */ i(l, { weight: "medium", size: "sm", children: o }) }), d = ({
+  size: o = "md",
+  multiline: r = !1,
+  className: e,
+  ...t
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    ...t,
+    className: c(
+      s.control,
+      r ? s.multiline : s[o],
+      e
+    )
+  }
+), p = ({
+  icon: o,
+  position: r = "start",
+  className: e,
+  ...t
+}) => /* @__PURE__ */ i(
+  "span",
+  {
+    ...t,
+    "aria-hidden": "true",
+    className: c(s.icon, s[r], e),
+    children: /* @__PURE__ */ i(o, { size: 20 })
+  }
+), x = ({ error: o, className: r, ...e }) => /* @__PURE__ */ i(l, { ...e, size: "sm", className: c("text-error-1", r), children: o }), b = { Root: n, Label: a, Control: d, Icon: p, Error: x };
+export {
+  d as Control,
+  x as Error,
+  b as Field,
+  p as Icon,
+  a as Label,
+  n as Root
+};

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

@@ -0,0 +1,21 @@
+const z = "_control_zfzzm_2", _ = "_sm_zfzzm_11", t = "_md_zfzzm_12", n = "_lg_zfzzm_13", o = "_multiline_zfzzm_14", m = "_icon_zfzzm_15", s = "_start_zfzzm_23", c = "_end_zfzzm_24", l = {
+  control: z,
+  sm: _,
+  md: t,
+  lg: n,
+  multiline: o,
+  icon: m,
+  start: s,
+  end: c
+};
+export {
+  z as control,
+  l as default,
+  c as end,
+  m as icon,
+  n as lg,
+  t as md,
+  o as multiline,
+  _ as sm,
+  s as start
+};

package/dist/ui/Input/Input.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentProps } from "react";
+import type { LucideIcon } from "lucide-react";
+import { type ControlSize } from "../Field/Field.js";
+export type InputTextProps = Omit<ComponentProps<"input">, "size"> & {
+    multiline?: false;
+};
+export type InputTextAreaProps = Omit<ComponentProps<"textarea">, "size"> & {
+    multiline: true;
+};
+export type InputRestProps = ComponentProps<"input"> & ComponentProps<"textarea">;
+export type InputProps = {
+    startIcon?: LucideIcon;
+    endIcon?: LucideIcon;
+    label?: string;
+    error?: string;
+    size?: ControlSize;
+    fullWidth?: boolean;
+} & (InputTextProps | InputTextAreaProps);
+export declare const Input: ({ id: idProps, label, error, size, fullWidth, className, startIcon, endIcon, multiline, ...inputProps }: InputProps) => import("react").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG;IACnE,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG;IAC1E,SAAS,EAAE,IAAI,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAClD,cAAc,CAAC,UAAU,CAAC,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,CAAC,cAAc,GAAG,kBAAkB,CAAC,CAAC;AAE1C,eAAO,MAAM,KAAK,GAAI,yGAWnB,UAAU,gCA4BZ,CAAC"}

package/dist/ui/Input/Input.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useId as w } from "react";
+import I from "clsx";
+import { Field as o } from "../Field/Field.js";
+import r from "./Input.module.css.js";
+const g = ({
+  id: d,
+  label: c,
+  error: i,
+  size: l = "md",
+  fullWidth: a = !1,
+  className: f,
+  startIcon: n,
+  endIcon: s,
+  multiline: e = !1,
+  ...u
+}) => {
+  const h = w(), m = d ?? h, x = e ? "textarea" : "input";
+  return /* @__PURE__ */ p(o.Root, { className: a ? "w-full" : "w-auto", children: [
+    c && /* @__PURE__ */ t(o.Label, { htmlFor: m, label: c }),
+    /* @__PURE__ */ p(o.Control, { size: l, multiline: e, children: [
+      n && /* @__PURE__ */ t(o.Icon, { icon: n }),
+      /* @__PURE__ */ t(
+        x,
+        {
+          id: m,
+          className: I(
+            r.input,
+            e && r.multiple,
+            i && r.error,
+            n && r.withStartIcon,
+            s && r.withEndIcon,
+            f
+          ),
+          ...u
+        }
+      ),
+      s && /* @__PURE__ */ t(o.Icon, { icon: s, position: "end" })
+    ] }),
+    i && /* @__PURE__ */ t(o.Error, { id: `${m}-error`, error: i })
+  ] });
+};
+export {
+  g as Input
+};

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

@@ -0,0 +1,15 @@
+const t = "_input_5yarh_2", n = "_error_5yarh_35", r = "_multiple_5yarh_41", o = "_withStartIcon_5yarh_42", _ = "_withEndIcon_5yarh_43", c = {
+  input: t,
+  error: n,
+  multiple: r,
+  withStartIcon: o,
+  withEndIcon: _
+};
+export {
+  c as default,
+  n as error,
+  t as input,
+  r as multiple,
+  _ as withEndIcon,
+  o as withStartIcon
+};

package/dist/ui/Sticky/Sticky.d.ts

@@ -0,0 +1,10 @@
+import { type FlexProps } from "../Flex/Flex.js";
+export interface StickyProps extends FlexProps {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    zIndex?: number;
+}
+export declare const Sticky: ({ className, children, top, bottom, left, right, zIndex, style, ...props }: StickyProps) => import("react").JSX.Element;
+//# sourceMappingURL=Sticky.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sticky.d.ts","sourceRoot":"","sources":["../../../src/ui/Sticky/Sticky.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,4EAUpB,WAAW,gCAUb,CAAC"}

package/dist/ui/Sticky/Sticky.js

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import p from "clsx";
+import { Flex as a } from "../Flex/Flex.js";
+const g = ({
+  className: t,
+  children: o,
+  top: e,
+  bottom: m,
+  left: r,
+  right: s,
+  zIndex: c = 10,
+  style: i,
+  ...l
+}) => /* @__PURE__ */ n(
+  a,
+  {
+    alignItems: "center",
+    gap: "none",
+    className: p("sticky", t),
+    style: { top: e, bottom: m, left: r, right: s, zIndex: c, ...i },
+    ...l,
+    children: o
+  }
+);
+export {
+  g as Sticky
+};

package/dist/ui/index.d.ts

@@ -21,4 +21,7 @@ export { Drawer, type DrawerProps, type DrawerPosition, type DrawerSize, } from
 export { FeedScroll, type FeedScrollProps } from "./FeedScroll/FeedScroll.js";
 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 { Sticky, type StickyProps } from "./Sticky/Sticky.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"}
+{"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"}

package/package.json

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