smartsell-ui-kit 0.1.16 → 0.1.18

package/dist/index.cjs

@@ -20,15 +20,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Alert: () => Alert,
   Button: () => Button,
   Card: () => Card,
   CardSmall: () => CardSmall,
   Checkbox: () => Checkbox,
   ComposableModal: () => ComposableModal,
   DatePicker: () => DatePicker,
+  IconButton: () => IconButton,
   Input: () => Input,
   Loading: () => Loading,
   Modal: () => Modal,
+  ResultState: () => ResultState,
   Select: () => Select,
   SelectAsync: () => SelectAsync,
   Separator: () => Separator,
@@ -63,7 +66,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/ui-kit.css
-styleInject(':root {\n  --ui-kit-font-family:\n    "Lato",\n    system-ui,\n    sans-serif;\n}\n.ui-kit-root {\n  border-width: 0;\n  border-style: solid;\n  box-shadow: none;\n  font-family: var(--ui-kit-font-family);\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.ui-kit-root:where(button, input, textarea, select),\n.ui-kit-root :where(button, input, textarea, select, option) {\n  border-width: 0;\n  border-style: solid;\n  box-shadow: none;\n  font-family: var(--ui-kit-font-family);\n}\n.ui-kit-sr-only {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-width: 0px;\n  padding: 0px;\n  clip: rect(0, 0, 0, 0);\n  margin: -1px;\n}\n.ui-kit-floating-placeholder {\n  color: var(--theme-textLight);\n  font-size: var(--floating-label-font-size);\n  font-weight: 400;\n  line-height: var(--floating-label-line-height);\n  top: var(--floating-label-resting-top);\n  transform: var(--floating-label-resting-transform);\n}\n.group:has(input:not(:-moz-placeholder)) > .ui-kit-floating-placeholder,\n.group:has(textarea:not(:-moz-placeholder)) > .ui-kit-floating-placeholder {\n  color: var(--theme-text);\n  font-size: var(--floating-label-active-font-size);\n  font-weight: 500;\n  left: 12px !important;\n  line-height: var(--floating-label-active-line-height);\n  top: 0;\n  transform: translateY(-50%) scale(0.85);\n}\n.group:focus-within > .ui-kit-floating-placeholder,\n.group:has(input:not(:placeholder-shown)) > .ui-kit-floating-placeholder,\n.group:has(textarea:not(:placeholder-shown)) > .ui-kit-floating-placeholder,\n.group:has([data-has-value=true]) > .ui-kit-floating-placeholder,\n.ui-kit-floating-placeholder--active {\n  color: var(--theme-text);\n  font-size: var(--floating-label-active-font-size);\n  font-weight: 500;\n  left: 12px !important;\n  line-height: var(--floating-label-active-line-height);\n  top: 0;\n  transform: translateY(-50%) scale(0.85);\n}\n:where(.ui-kit-root),\n:where(.ui-kit-root) :where(*),\n:where(.ui-kit-root) :where(*)::before,\n:where(.ui-kit-root) :where(*)::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n:where(.ui-kit-root) :where(*)::before,\n:where(.ui-kit-root) :where(*)::after {\n  --tw-content: "";\n}\n:where(.ui-kit-root) :where(hr) {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n:where(.ui-kit-root) :where(abbr:where([title])) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\n:where(.ui-kit-root) :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n}\n:where(.ui-kit-root) :where(a) {\n  color: inherit;\n  text-decoration: inherit;\n}\n:where(.ui-kit-root) :where(b, strong) {\n  font-weight: bolder;\n}\n:where(.ui-kit-root) :where(code, kbd, samp, pre) {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-size: 1em;\n}\n:where(.ui-kit-root) :where(small) {\n  font-size: 80%;\n}\n:where(.ui-kit-root) :where(sub, sup) {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n:where(.ui-kit-root) :where(sub) {\n  bottom: -0.25em;\n}\n:where(.ui-kit-root) :where(sup) {\n  top: -0.5em;\n}\n:where(.ui-kit-root) :where(table) {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n:where(.ui-kit-root):where(button, input, optgroup, select, textarea),\n:where(.ui-kit-root) :where(button, input, optgroup, select, textarea) {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root):where(button, select),\n:where(.ui-kit-root) :where(button, select) {\n  text-transform: none;\n}\n:where(.ui-kit-root):where(button),\n:where(.ui-kit-root) :where(button),\n:where(.ui-kit-root) :where(input:where([type=button], [type=reset], [type=submit])) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:where(.ui-kit-root) :where(progress) {\n  vertical-align: baseline;\n}\n:where(.ui-kit-root) :where(input)::-webkit-inner-spin-button,\n:where(.ui-kit-root) :where(input)::-webkit-outer-spin-button {\n  height: auto;\n}\n:where(.ui-kit-root) :where([type=search]) {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n:where(.ui-kit-root) :where(input)::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n:where(.ui-kit-root) :where(summary) {\n  display: list-item;\n}\n:where(.ui-kit-root) :where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {\n  margin: 0;\n}\n:where(.ui-kit-root) :where(fieldset) {\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(legend) {\n  padding: 0;\n}\n:where(.ui-kit-root) :where(ol, ul, menu) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(dialog) {\n  padding: 0;\n}\n:where(.ui-kit-root) :where(option) {\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(textarea) {\n  resize: vertical;\n}\n:where(.ui-kit-root):where(input)::-moz-placeholder,\n:where(.ui-kit-root):where(textarea)::-moz-placeholder,\n:where(.ui-kit-root) :where(input)::-moz-placeholder,\n:where(.ui-kit-root) :where(textarea)::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.ui-kit-root):where(input)::placeholder,\n:where(.ui-kit-root):where(textarea)::placeholder,\n:where(.ui-kit-root) :where(input)::placeholder,\n:where(.ui-kit-root) :where(textarea)::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.ui-kit-root):where(button, [role=button]),\n:where(.ui-kit-root) :where(button, [role=button]) {\n  cursor: pointer;\n}\n:where(.ui-kit-root):where(:disabled),\n:where(.ui-kit-root) :where(:disabled) {\n  cursor: default;\n}\n:where(.ui-kit-root) :where(img, svg, video, canvas, audio, iframe, embed, object) {\n  display: block;\n  vertical-align: middle;\n}\n:where(.ui-kit-root) :where(img, video) {\n  max-width: 100%;\n  height: auto;\n}\n:where(.ui-kit-root) :where([hidden]) {\n  display: none;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-\\[var\\(--label-left-base\\,12px\\)\\] {\n  left: var(--label-left-base,12px);\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[70\\] {\n  z-index: 70;\n}\n.z-\\[99999\\] {\n  z-index: 99999;\n}\n.col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.m-0 {\n  margin: 0px;\n}\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n.mb-\\[18px\\] {\n  margin-bottom: 18px;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.ml-4 {\n  margin-left: 1rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mt-0 {\n  margin-top: 0px;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-px {\n  margin-top: 1px;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.h-14 {\n  height: 3.5rem;\n}\n.h-2 {\n  height: 0.5rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-\\[30px\\] {\n  height: 30px;\n}\n.h-\\[34px\\] {\n  height: 34px;\n}\n.h-\\[52px\\] {\n  height: 52px;\n}\n.h-full {\n  height: 100%;\n}\n.max-h-\\[280px\\] {\n  max-height: 280px;\n}\n.min-h-0 {\n  min-height: 0px;\n}\n.min-h-20 {\n  min-height: 5rem;\n}\n.min-h-\\[220px\\] {\n  min-height: 220px;\n}\n.w-14 {\n  width: 3.5rem;\n}\n.w-2 {\n  width: 0.5rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-\\[25px\\] {\n  width: 25px;\n}\n.w-\\[30px\\] {\n  width: 30px;\n}\n.w-\\[52px\\] {\n  width: 52px;\n}\n.w-\\[72px\\] {\n  width: 72px;\n}\n.w-auto {\n  width: auto;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.min-w-full {\n  min-width: 100%;\n}\n.min-w-max {\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n.max-w-\\[360px\\] {\n  max-width: 360px;\n}\n.max-w-\\[calc\\(100\\%-24px\\)\\] {\n  max-width: calc(100% - 24px);\n}\n.max-w-fit {\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n.max-w-full {\n  max-width: 100%;\n}\n.max-w-none {\n  max-width: none;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-\\[0_1_45\\%\\] {\n  flex: 0 1 45%;\n}\n.flex-\\[1_1_260px\\] {\n  flex: 1 1 260px;\n}\n.flex-none {\n  flex: none;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.border-separate {\n  border-collapse: separate;\n}\n.border-spacing-0 {\n  --tw-border-spacing-x: 0px;\n  --tw-border-spacing-y: 0px;\n  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n}\n.origin-\\[left_center\\] {\n  transform-origin: left center;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-text {\n  cursor: text;\n}\n.select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.resize-y {\n  resize: vertical;\n}\n.resize {\n  resize: both;\n}\n.appearance-none {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-\\[7rem_minmax\\(0\\,1fr\\)\\] {\n  grid-template-columns: 7rem minmax(0, 1fr);\n}\n.grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n  grid-template-columns: minmax(0, 1fr);\n}\n.grid-cols-\\[repeat\\(2\\,minmax\\(0\\,1fr\\)\\)\\] {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.flex-nowrap {\n  flex-wrap: nowrap;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-1\\.5 {\n  gap: 0.375rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-2\\.5 {\n  gap: 0.625rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-3\\.5 {\n  gap: 0.875rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.self-stretch {\n  align-self: stretch;\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-hidden {\n  overflow-y: hidden;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-\\[20px\\] {\n  border-radius: 20px;\n}\n.rounded-\\[24px\\] {\n  border-radius: 24px;\n}\n.rounded-\\[28px\\] {\n  border-radius: 28px;\n}\n.rounded-\\[30px\\] {\n  border-radius: 30px;\n}\n.rounded-\\[var\\(--ui-radius\\,12px\\)\\] {\n  border-radius: var(--ui-radius,12px);\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-none {\n  border-radius: 0px;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n.rounded-tl-\\[16px\\] {\n  border-top-left-radius: 16px;\n}\n.rounded-tr-\\[16px\\] {\n  border-top-right-radius: 16px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-dashed {\n  border-style: dashed;\n}\n.border-\\[var\\(--theme-background\\)\\] {\n  border-color: var(--theme-background);\n}\n.border-\\[var\\(--theme-negative\\)\\] {\n  border-color: var(--theme-negative);\n}\n.border-\\[var\\(--theme-primary\\)\\] {\n  border-color: var(--theme-primary);\n}\n.border-\\[var\\(--theme-textLight\\)\\] {\n  border-color: var(--theme-textLight);\n}\n.border-transparent {\n  border-color: transparent;\n}\n.bg-\\[color-mix\\(in_srgb\\,var\\(--ui-kit-accent\\)_24\\%\\,transparent\\)\\] {\n  background-color: color-mix(in srgb, var(--ui-kit-accent) 24%, transparent);\n}\n.bg-\\[var\\(--theme-background\\)\\] {\n  background-color: var(--theme-background);\n}\n.bg-\\[var\\(--theme-primary\\)\\] {\n  background-color: var(--theme-primary);\n}\n.bg-\\[var\\(--theme-surface\\)\\] {\n  background-color: var(--theme-surface);\n}\n.bg-\\[var\\(--ui-kit-accent\\)\\] {\n  background-color: var(--ui-kit-accent);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-0\\.5 {\n  padding: 0.125rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-2\\.5 {\n  padding: 0.625rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-\\[11px\\] {\n  padding-left: 11px;\n  padding-right: 11px;\n}\n.px-\\[13px\\] {\n  padding-left: 13px;\n  padding-right: 13px;\n}\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-\\[10px\\] {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.py-\\[14px\\] {\n  padding-top: 14px;\n  padding-bottom: 14px;\n}\n.py-\\[18px\\] {\n  padding-top: 18px;\n  padding-bottom: 18px;\n}\n.py-\\[9px\\] {\n  padding-top: 9px;\n  padding-bottom: 9px;\n}\n.pb-0\\.5 {\n  padding-bottom: 0.125rem;\n}\n.pb-1 {\n  padding-bottom: 0.25rem;\n}\n.pb-3 {\n  padding-bottom: 0.75rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-\\[10px\\] {\n  padding-bottom: 10px;\n}\n.pl-5 {\n  padding-left: 1.25rem;\n}\n.pl-6 {\n  padding-left: 1.5rem;\n}\n.pr-6 {\n  padding-right: 1.5rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-1\\.5 {\n  padding-top: 0.375rem;\n}\n.pt-2\\.5 {\n  padding-top: 0.625rem;\n}\n.pt-3 {\n  padding-top: 0.75rem;\n}\n.pt-\\[18px\\] {\n  padding-top: 18px;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.font-sans {\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\n}\n.text-\\[12px\\] {\n  font-size: 12px;\n}\n.text-\\[13px\\] {\n  font-size: 13px;\n}\n.text-\\[15px\\] {\n  font-size: 15px;\n}\n.text-\\[18px\\] {\n  font-size: 18px;\n}\n.text-\\[20px\\] {\n  font-size: 20px;\n}\n.text-\\[24px\\] {\n  font-size: 24px;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-extrabold {\n  font-weight: 800;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.leading-4 {\n  line-height: 1rem;\n}\n.leading-5 {\n  line-height: 1.25rem;\n}\n.leading-\\[1\\.15\\] {\n  line-height: 1.15;\n}\n.leading-\\[1\\.1\\] {\n  line-height: 1.1;\n}\n.leading-\\[1\\.25\\] {\n  line-height: 1.25;\n}\n.leading-\\[1\\.2\\] {\n  line-height: 1.2;\n}\n.leading-\\[1\\.35\\] {\n  line-height: 1.35;\n}\n.leading-\\[1\\.3\\] {\n  line-height: 1.3;\n}\n.leading-\\[1\\.45\\] {\n  line-height: 1.45;\n}\n.leading-\\[1\\.4\\] {\n  line-height: 1.4;\n}\n.leading-\\[18px\\] {\n  line-height: 18px;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-\\[0\\.01em\\] {\n  letter-spacing: 0.01em;\n}\n.tracking-\\[0\\.08em\\] {\n  letter-spacing: 0.08em;\n}\n.tracking-\\[0\\.16em\\] {\n  letter-spacing: 0.16em;\n}\n.text-\\[var\\(--theme-negative\\)\\] {\n  color: var(--theme-negative);\n}\n.text-\\[var\\(--theme-onPrimary\\)\\] {\n  color: var(--theme-onPrimary);\n}\n.text-\\[var\\(--theme-primary\\)\\] {\n  color: var(--theme-primary);\n}\n.text-\\[var\\(--theme-secondary\\)\\] {\n  color: var(--theme-secondary);\n}\n.text-\\[var\\(--theme-text\\)\\] {\n  color: var(--theme-text);\n}\n.text-\\[var\\(--theme-textLight\\)\\] {\n  color: var(--theme-textLight);\n}\n.text-\\[var\\(--ui-kit-accent\\)\\] {\n  color: var(--ui-kit-accent);\n}\n.text-transparent {\n  color: transparent;\n}\n.placeholder-\\[var\\(--theme-textLight\\)\\]::-moz-placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder-\\[var\\(--theme-textLight\\)\\]::placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder-transparent::-moz-placeholder {\n  color: transparent;\n}\n.placeholder-transparent::placeholder {\n  color: transparent;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-45 {\n  opacity: 0.45;\n}\n.opacity-70 {\n  opacity: 0.7;\n}\n.opacity-80 {\n  opacity: 0.8;\n}\n.opacity-\\[0\\.38\\] {\n  opacity: 0.38;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.saturate-100 {\n  --tw-saturate: saturate(1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.saturate-\\[0\\.8\\] {\n  --tw-saturate: saturate(0.8);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-\\[2px\\] {\n  --tw-backdrop-blur: blur(2px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-\\[8px\\] {\n  --tw-backdrop-blur: blur(8px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[background-color\\,color\\] {\n  transition-property: background-color, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[border-color\\] {\n  transition-property: border-color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[opacity\\,filter\\] {\n  transition-property: opacity, filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[transform\\,color\\] {\n  transition-property: transform, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.\\[overflow-wrap\\:anywhere\\] {\n  overflow-wrap: anywhere;\n}\n.hover\\:border-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  border-color: var(--theme-primaryDark);\n}\n.hover\\:border-\\[var\\(--theme-primaryLight\\)\\]:hover {\n  border-color: var(--theme-primaryLight);\n}\n.hover\\:bg-\\[var\\(--theme-primaryLight\\)\\]:hover {\n  background-color: var(--theme-primaryLight);\n}\n.hover\\:text-\\[var\\(--theme-negative\\)\\]:hover {\n  color: var(--theme-negative);\n}\n.hover\\:text-\\[var\\(--theme-onPrimary\\)\\]:hover {\n  color: var(--theme-onPrimary);\n}\n.hover\\:text-\\[var\\(--theme-primary\\)\\]:hover {\n  color: var(--theme-primary);\n}\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n.active\\:border-\\[var\\(--theme-negative\\)\\]:active {\n  border-color: var(--theme-negative);\n}\n.active\\:border-\\[var\\(--theme-primary\\)\\]:active {\n  border-color: var(--theme-primary);\n}\n.active\\:border-transparent:active {\n  border-color: transparent;\n}\n.active\\:bg-\\[var\\(--theme-negative\\)\\]:active {\n  background-color: var(--theme-negative);\n}\n.active\\:bg-\\[var\\(--theme-primaryDark\\)\\]:active {\n  background-color: var(--theme-primaryDark);\n}\n.active\\:text-\\[var\\(--theme-onPrimary\\)\\]:active {\n  color: var(--theme-onPrimary);\n}\n.disabled\\:translate-y-0:disabled {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:scale-100:disabled {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.group:has(:disabled) .group-has-\\[\\:disabled\\]\\:opacity-70 {\n  opacity: 0.7;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:absolute::-webkit-calendar-picker-indicator {\n  position: absolute;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:left-0::-webkit-calendar-picker-indicator {\n  left: 0px;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:top-0::-webkit-calendar-picker-indicator {\n  top: 0px;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:h-full::-webkit-calendar-picker-indicator {\n  height: 100%;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:w-full::-webkit-calendar-picker-indicator {\n  width: 100%;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:cursor-pointer::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:opacity-0::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:flex::-webkit-datetime-edit {\n  display: flex;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:h-full::-webkit-datetime-edit {\n  height: 100%;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:items-center::-webkit-datetime-edit {\n  align-items: center;\n}\n');
+styleInject(':root {\n  --ui-kit-font-family:\n    "Lato",\n    system-ui,\n    sans-serif;\n}\n.ui-kit-root {\n  border-width: 0;\n  border-style: solid;\n  box-shadow: none;\n  font-family: var(--ui-kit-font-family);\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.ui-kit-root:where(button, input, textarea, select),\n.ui-kit-root :where(button, input, textarea, select, option) {\n  border-width: 0;\n  border-style: solid;\n  box-shadow: none;\n  font-family: var(--ui-kit-font-family);\n}\n.ui-kit-sr-only {\n  position: absolute;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  white-space: nowrap;\n  border-width: 0px;\n  padding: 0px;\n  clip: rect(0, 0, 0, 0);\n  margin: -1px;\n}\n.ui-kit-floating-placeholder {\n  color: var(--theme-textLight);\n  font-size: var(--floating-label-font-size);\n  font-weight: 400;\n  line-height: var(--floating-label-line-height);\n  top: var(--floating-label-resting-top);\n  transform: var(--floating-label-resting-transform);\n}\n.group:has(input:not(:-moz-placeholder)) > .ui-kit-floating-placeholder,\n.group:has(textarea:not(:-moz-placeholder)) > .ui-kit-floating-placeholder {\n  color: var(--theme-text);\n  font-size: var(--floating-label-active-font-size);\n  font-weight: 500;\n  left: 12px !important;\n  line-height: var(--floating-label-active-line-height);\n  top: 0;\n  transform: translateY(-50%) scale(0.85);\n}\n.group:focus-within > .ui-kit-floating-placeholder,\n.group:has(input:not(:placeholder-shown)) > .ui-kit-floating-placeholder,\n.group:has(textarea:not(:placeholder-shown)) > .ui-kit-floating-placeholder,\n.group:has([data-has-value=true]) > .ui-kit-floating-placeholder,\n.ui-kit-floating-placeholder--active {\n  color: var(--theme-text);\n  font-size: var(--floating-label-active-font-size);\n  font-weight: 500;\n  left: 12px !important;\n  line-height: var(--floating-label-active-line-height);\n  top: 0;\n  transform: translateY(-50%) scale(0.85);\n}\n:where(.ui-kit-root),\n:where(.ui-kit-root) :where(*),\n:where(.ui-kit-root) :where(*)::before,\n:where(.ui-kit-root) :where(*)::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n:where(.ui-kit-root) :where(*)::before,\n:where(.ui-kit-root) :where(*)::after {\n  --tw-content: "";\n}\n:where(.ui-kit-root) :where(hr) {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n:where(.ui-kit-root) :where(abbr:where([title])) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\n:where(.ui-kit-root) :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n}\n:where(.ui-kit-root) :where(a) {\n  color: inherit;\n  text-decoration: inherit;\n}\n:where(.ui-kit-root) :where(b, strong) {\n  font-weight: bolder;\n}\n:where(.ui-kit-root) :where(code, kbd, samp, pre) {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-size: 1em;\n}\n:where(.ui-kit-root) :where(small) {\n  font-size: 80%;\n}\n:where(.ui-kit-root) :where(sub, sup) {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n:where(.ui-kit-root) :where(sub) {\n  bottom: -0.25em;\n}\n:where(.ui-kit-root) :where(sup) {\n  top: -0.5em;\n}\n:where(.ui-kit-root) :where(table) {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n:where(.ui-kit-root):where(button, input, optgroup, select, textarea),\n:where(.ui-kit-root) :where(button, input, optgroup, select, textarea) {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root):where(button, select),\n:where(.ui-kit-root) :where(button, select) {\n  text-transform: none;\n}\n:where(.ui-kit-root):where(button),\n:where(.ui-kit-root) :where(button),\n:where(.ui-kit-root) :where(input:where([type=button], [type=reset], [type=submit])) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:where(.ui-kit-root) :where(progress) {\n  vertical-align: baseline;\n}\n:where(.ui-kit-root) :where(input)::-webkit-inner-spin-button,\n:where(.ui-kit-root) :where(input)::-webkit-outer-spin-button {\n  height: auto;\n}\n:where(.ui-kit-root) :where([type=search]) {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n:where(.ui-kit-root) :where(input)::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n:where(.ui-kit-root) :where(summary) {\n  display: list-item;\n}\n:where(.ui-kit-root) :where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {\n  margin: 0;\n}\n:where(.ui-kit-root) :where(fieldset) {\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(legend) {\n  padding: 0;\n}\n:where(.ui-kit-root) :where(ol, ul, menu) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(dialog) {\n  padding: 0;\n}\n:where(.ui-kit-root) :where(option) {\n  margin: 0;\n  padding: 0;\n}\n:where(.ui-kit-root) :where(textarea) {\n  resize: vertical;\n}\n:where(.ui-kit-root):where(input)::-moz-placeholder,\n:where(.ui-kit-root):where(textarea)::-moz-placeholder,\n:where(.ui-kit-root) :where(input)::-moz-placeholder,\n:where(.ui-kit-root) :where(textarea)::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.ui-kit-root):where(input)::placeholder,\n:where(.ui-kit-root):where(textarea)::placeholder,\n:where(.ui-kit-root) :where(input)::placeholder,\n:where(.ui-kit-root) :where(textarea)::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.ui-kit-root):where(button, [role=button]),\n:where(.ui-kit-root) :where(button, [role=button]) {\n  cursor: pointer;\n}\n:where(.ui-kit-root):where(:disabled),\n:where(.ui-kit-root) :where(:disabled) {\n  cursor: default;\n}\n:where(.ui-kit-root) :where(img, svg, video, canvas, audio, iframe, embed, object) {\n  display: block;\n  vertical-align: middle;\n}\n:where(.ui-kit-root) :where(img, video) {\n  max-width: 100%;\n  height: auto;\n}\n:where(.ui-kit-root) :where([hidden]) {\n  display: none;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-\\[var\\(--label-left-base\\,12px\\)\\] {\n  left: var(--label-left-base,12px);\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[70\\] {\n  z-index: 70;\n}\n.z-\\[99999\\] {\n  z-index: 99999;\n}\n.col-span-1 {\n  grid-column: span 1 / span 1;\n}\n.col-span-2 {\n  grid-column: span 2 / span 2;\n}\n.m-0 {\n  margin: 0px;\n}\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n.mb-\\[18px\\] {\n  margin-bottom: 18px;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.ml-4 {\n  margin-left: 1rem;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mt-0 {\n  margin-top: 0px;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-px {\n  margin-top: 1px;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.grid {\n  display: grid;\n}\n.hidden {\n  display: none;\n}\n.h-14 {\n  height: 3.5rem;\n}\n.h-2 {\n  height: 0.5rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-\\[30px\\] {\n  height: 30px;\n}\n.h-\\[34px\\] {\n  height: 34px;\n}\n.h-\\[52px\\] {\n  height: 52px;\n}\n.h-full {\n  height: 100%;\n}\n.max-h-\\[280px\\] {\n  max-height: 280px;\n}\n.min-h-0 {\n  min-height: 0px;\n}\n.min-h-20 {\n  min-height: 5rem;\n}\n.min-h-\\[220px\\] {\n  min-height: 220px;\n}\n.w-14 {\n  width: 3.5rem;\n}\n.w-2 {\n  width: 0.5rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-\\[25px\\] {\n  width: 25px;\n}\n.w-\\[30px\\] {\n  width: 30px;\n}\n.w-\\[52px\\] {\n  width: 52px;\n}\n.w-\\[72px\\] {\n  width: 72px;\n}\n.w-auto {\n  width: auto;\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n.min-w-0 {\n  min-width: 0px;\n}\n.min-w-full {\n  min-width: 100%;\n}\n.min-w-max {\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n.max-w-\\[360px\\] {\n  max-width: 360px;\n}\n.max-w-\\[calc\\(100\\%-24px\\)\\] {\n  max-width: calc(100% - 24px);\n}\n.max-w-fit {\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n.max-w-full {\n  max-width: 100%;\n}\n.max-w-none {\n  max-width: none;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-\\[0_1_45\\%\\] {\n  flex: 0 1 45%;\n}\n.flex-\\[1_1_260px\\] {\n  flex: 1 1 260px;\n}\n.flex-none {\n  flex: none;\n}\n.shrink-0 {\n  flex-shrink: 0;\n}\n.border-separate {\n  border-collapse: separate;\n}\n.border-spacing-0 {\n  --tw-border-spacing-x: 0px;\n  --tw-border-spacing-y: 0px;\n  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n}\n.origin-\\[left_center\\] {\n  transform-origin: left center;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-text {\n  cursor: text;\n}\n.select-none {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n.resize-y {\n  resize: vertical;\n}\n.resize {\n  resize: both;\n}\n.appearance-none {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n.grid-cols-\\[7rem_minmax\\(0\\,1fr\\)\\] {\n  grid-template-columns: 7rem minmax(0, 1fr);\n}\n.grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n  grid-template-columns: minmax(0, 1fr);\n}\n.grid-cols-\\[repeat\\(2\\,minmax\\(0\\,1fr\\)\\)\\] {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.flex-nowrap {\n  flex-wrap: nowrap;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0 {\n  gap: 0px;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-1\\.5 {\n  gap: 0.375rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-2\\.5 {\n  gap: 0.625rem;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.gap-3\\.5 {\n  gap: 0.875rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.self-stretch {\n  align-self: stretch;\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.overflow-y-hidden {\n  overflow-y: hidden;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-\\[20px\\] {\n  border-radius: 20px;\n}\n.rounded-\\[24px\\] {\n  border-radius: 24px;\n}\n.rounded-\\[28px\\] {\n  border-radius: 28px;\n}\n.rounded-\\[30px\\] {\n  border-radius: 30px;\n}\n.rounded-\\[var\\(--ui-radius\\,12px\\)\\] {\n  border-radius: var(--ui-radius,12px);\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-none {\n  border-radius: 0px;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n.rounded-tl-\\[16px\\] {\n  border-top-left-radius: 16px;\n}\n.rounded-tr-\\[16px\\] {\n  border-top-right-radius: 16px;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-dashed {\n  border-style: dashed;\n}\n.border-\\[var\\(--theme-background\\)\\] {\n  border-color: var(--theme-background);\n}\n.border-\\[var\\(--theme-negative\\)\\] {\n  border-color: var(--theme-negative);\n}\n.border-\\[var\\(--theme-primary\\)\\] {\n  border-color: var(--theme-primary);\n}\n.border-\\[var\\(--theme-textLight\\)\\] {\n  border-color: var(--theme-textLight);\n}\n.border-transparent {\n  border-color: transparent;\n}\n.bg-\\[color-mix\\(in_srgb\\,var\\(--ui-kit-accent\\)_24\\%\\,transparent\\)\\] {\n  background-color: color-mix(in srgb, var(--ui-kit-accent) 24%, transparent);\n}\n.bg-\\[var\\(--theme-background\\)\\] {\n  background-color: var(--theme-background);\n}\n.bg-\\[var\\(--theme-primary\\)\\] {\n  background-color: var(--theme-primary);\n}\n.bg-\\[var\\(--theme-surface\\)\\] {\n  background-color: var(--theme-surface);\n}\n.bg-\\[var\\(--ui-kit-accent\\)\\] {\n  background-color: var(--ui-kit-accent);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-0\\.5 {\n  padding: 0.125rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-2\\.5 {\n  padding: 0.625rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-\\[11px\\] {\n  padding-left: 11px;\n  padding-right: 11px;\n}\n.px-\\[13px\\] {\n  padding-left: 13px;\n  padding-right: 13px;\n}\n.py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-\\[10px\\] {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.py-\\[14px\\] {\n  padding-top: 14px;\n  padding-bottom: 14px;\n}\n.py-\\[18px\\] {\n  padding-top: 18px;\n  padding-bottom: 18px;\n}\n.py-\\[9px\\] {\n  padding-top: 9px;\n  padding-bottom: 9px;\n}\n.pb-0\\.5 {\n  padding-bottom: 0.125rem;\n}\n.pb-1 {\n  padding-bottom: 0.25rem;\n}\n.pb-3 {\n  padding-bottom: 0.75rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-\\[10px\\] {\n  padding-bottom: 10px;\n}\n.pl-5 {\n  padding-left: 1.25rem;\n}\n.pl-6 {\n  padding-left: 1.5rem;\n}\n.pr-6 {\n  padding-right: 1.5rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-1\\.5 {\n  padding-top: 0.375rem;\n}\n.pt-2\\.5 {\n  padding-top: 0.625rem;\n}\n.pt-3 {\n  padding-top: 0.75rem;\n}\n.pt-\\[18px\\] {\n  padding-top: 18px;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.font-sans {\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\n}\n.text-\\[12px\\] {\n  font-size: 12px;\n}\n.text-\\[13px\\] {\n  font-size: 13px;\n}\n.text-\\[15px\\] {\n  font-size: 15px;\n}\n.text-\\[18px\\] {\n  font-size: 18px;\n}\n.text-\\[24px\\] {\n  font-size: 24px;\n}\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-extrabold {\n  font-weight: 800;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.leading-4 {\n  line-height: 1rem;\n}\n.leading-5 {\n  line-height: 1.25rem;\n}\n.leading-\\[1\\.15\\] {\n  line-height: 1.15;\n}\n.leading-\\[1\\.1\\] {\n  line-height: 1.1;\n}\n.leading-\\[1\\.25\\] {\n  line-height: 1.25;\n}\n.leading-\\[1\\.2\\] {\n  line-height: 1.2;\n}\n.leading-\\[1\\.35\\] {\n  line-height: 1.35;\n}\n.leading-\\[1\\.3\\] {\n  line-height: 1.3;\n}\n.leading-\\[1\\.45\\] {\n  line-height: 1.45;\n}\n.leading-\\[1\\.4\\] {\n  line-height: 1.4;\n}\n.leading-\\[18px\\] {\n  line-height: 18px;\n}\n.tracking-\\[0\\.01em\\] {\n  letter-spacing: 0.01em;\n}\n.tracking-\\[0\\.08em\\] {\n  letter-spacing: 0.08em;\n}\n.tracking-\\[0\\.16em\\] {\n  letter-spacing: 0.16em;\n}\n.text-\\[var\\(--theme-negative\\)\\] {\n  color: var(--theme-negative);\n}\n.text-\\[var\\(--theme-onPrimary\\)\\] {\n  color: var(--theme-onPrimary);\n}\n.text-\\[var\\(--theme-primary\\)\\] {\n  color: var(--theme-primary);\n}\n.text-\\[var\\(--theme-secondary\\)\\] {\n  color: var(--theme-secondary);\n}\n.text-\\[var\\(--theme-text\\)\\] {\n  color: var(--theme-text);\n}\n.text-\\[var\\(--theme-textLight\\)\\] {\n  color: var(--theme-textLight);\n}\n.text-\\[var\\(--ui-kit-accent\\)\\] {\n  color: var(--ui-kit-accent);\n}\n.text-transparent {\n  color: transparent;\n}\n.placeholder-\\[var\\(--theme-textLight\\)\\]::-moz-placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder-\\[var\\(--theme-textLight\\)\\]::placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder-transparent::-moz-placeholder {\n  color: transparent;\n}\n.placeholder-transparent::placeholder {\n  color: transparent;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-45 {\n  opacity: 0.45;\n}\n.opacity-70 {\n  opacity: 0.7;\n}\n.opacity-80 {\n  opacity: 0.8;\n}\n.opacity-\\[0\\.38\\] {\n  opacity: 0.38;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.shadow-none {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.saturate-100 {\n  --tw-saturate: saturate(1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.saturate-\\[0\\.8\\] {\n  --tw-saturate: saturate(0.8);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur-\\[2px\\] {\n  --tw-backdrop-blur: blur(2px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-\\[8px\\] {\n  --tw-backdrop-blur: blur(8px);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[background-color\\,color\\] {\n  transition-property: background-color, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[border-color\\] {\n  transition-property: border-color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[opacity\\,filter\\] {\n  transition-property: opacity, filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[transform\\,color\\] {\n  transition-property: transform, color;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.\\[overflow-wrap\\:anywhere\\] {\n  overflow-wrap: anywhere;\n}\n.hover\\:border-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  border-color: var(--theme-primaryDark);\n}\n.hover\\:border-\\[var\\(--theme-primaryLight\\)\\]:hover {\n  border-color: var(--theme-primaryLight);\n}\n.hover\\:bg-\\[var\\(--theme-background\\)\\]:hover {\n  background-color: var(--theme-background);\n}\n.hover\\:bg-\\[var\\(--theme-primaryLight\\)\\]:hover {\n  background-color: var(--theme-primaryLight);\n}\n.hover\\:text-\\[var\\(--theme-negative\\)\\]:hover {\n  color: var(--theme-negative);\n}\n.hover\\:text-\\[var\\(--theme-onPrimary\\)\\]:hover {\n  color: var(--theme-onPrimary);\n}\n.hover\\:text-\\[var\\(--theme-primary\\)\\]:hover {\n  color: var(--theme-primary);\n}\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:no-underline:hover {\n  text-decoration-line: none;\n}\n.focus-visible\\:outline:focus-visible {\n  outline-style: solid;\n}\n.focus-visible\\:outline-2:focus-visible {\n  outline-width: 2px;\n}\n.focus-visible\\:outline-offset-2:focus-visible {\n  outline-offset: 2px;\n}\n.focus-visible\\:outline-\\[var\\(--theme-primary\\)\\]:focus-visible {\n  outline-color: var(--theme-primary);\n}\n.active\\:border-\\[var\\(--theme-negative\\)\\]:active {\n  border-color: var(--theme-negative);\n}\n.active\\:border-\\[var\\(--theme-primary\\)\\]:active {\n  border-color: var(--theme-primary);\n}\n.active\\:border-transparent:active {\n  border-color: transparent;\n}\n.active\\:bg-\\[var\\(--theme-background\\)\\]:active {\n  background-color: var(--theme-background);\n}\n.active\\:bg-\\[var\\(--theme-negative\\)\\]:active {\n  background-color: var(--theme-negative);\n}\n.active\\:bg-\\[var\\(--theme-primaryDark\\)\\]:active {\n  background-color: var(--theme-primaryDark);\n}\n.active\\:text-\\[var\\(--theme-onPrimary\\)\\]:active {\n  color: var(--theme-onPrimary);\n}\n.disabled\\:translate-y-0:disabled {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:scale-100:disabled {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.group:has(:disabled) .group-has-\\[\\:disabled\\]\\:opacity-70 {\n  opacity: 0.7;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:absolute::-webkit-calendar-picker-indicator {\n  position: absolute;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:left-0::-webkit-calendar-picker-indicator {\n  left: 0px;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:top-0::-webkit-calendar-picker-indicator {\n  top: 0px;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:h-full::-webkit-calendar-picker-indicator {\n  height: 100%;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:w-full::-webkit-calendar-picker-indicator {\n  width: 100%;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:cursor-pointer::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n}\n.\\[\\&\\:\\:-webkit-calendar-picker-indicator\\]\\:opacity-0::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:flex::-webkit-datetime-edit {\n  display: flex;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:h-full::-webkit-datetime-edit {\n  height: 100%;\n}\n.\\[\\&\\:\\:-webkit-datetime-edit\\]\\:items-center::-webkit-datetime-edit {\n  align-items: center;\n}\n');
 
 // node_modules/@fontsource/lato/files/lato-latin-400-normal.woff
 var lato_latin_400_normal_default = "data:font/woff;base64,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";
@@ -150,6 +153,16 @@ var cx = (...values) => {
 };
 var UI_KIT_ROOT_CLASSNAME = "ui-kit-root";
 
+// src/foundation/color.ts
+function withAlpha(hex, alpha) {
+  const normalized = hex.replace("#", "").trim();
+  const value = normalized.length === 3 ? normalized.split("").map((char) => char + char).join("") : normalized;
+  const red = Number.parseInt(value.slice(0, 2), 16);
+  const green = Number.parseInt(value.slice(2, 4), 16);
+  const blue = Number.parseInt(value.slice(4, 6), 16);
+  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
+}
+
 // src/foundation/componentState.ts
 var DISABLED_COMPONENT_OPACITY = 0.5;
 var DISABLED_FIELD_OPACITY = 0.7;
@@ -458,8 +471,210 @@ function Button({
   );
 }
 
-// src/components/Card.tsx
+// src/components/Alert.tsx
+var import_react2 = require("react");
+
+// src/components/feedbackPrimitives.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var FEEDBACK_TONE_COLOR_NAMES = {
+  info: "info",
+  positive: "positive",
+  warning: "warning",
+  negative: "negative"
+};
+var iconProps = ({ size = 20, style, ...rest }) => ({
+  ...rest,
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": true,
+  focusable: false,
+  style
+});
+function InfoIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...iconProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 10V16", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "7.25", r: "1.25", fill: "currentColor" })
+  ] });
+}
+function PositiveIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...iconProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M8.25 12.4L10.75 14.9L15.75 9.9",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function WarningIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...iconProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M12 3.75L20 18.5C20.35 19.15 19.88 20 19.14 20H4.86C4.12 20 3.65 19.15 4 18.5L12 3.75Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 9V13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "16.25", r: "1.15", fill: "currentColor" })
+  ] });
+}
+function NegativeIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...iconProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M9 9L15 15M15 9L9 15",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+var getFeedbackDefaultRole = (tone) => {
+  return tone === "warning" || tone === "negative" ? "alert" : "status";
+};
+var getFeedbackToneColor = (theme, tone) => {
+  return theme.colors[FEEDBACK_TONE_COLOR_NAMES[tone]];
+};
+var getFeedbackContainerStyle = (theme, tone, alpha) => {
+  const toneColor = getFeedbackToneColor(theme, tone);
+  return {
+    backgroundColor: withAlpha(toneColor, alpha),
+    borderColor: toneColor
+  };
+};
+var getFeedbackIconBadgeStyle = (theme, tone, alpha) => {
+  const toneColor = getFeedbackToneColor(theme, tone);
+  return {
+    backgroundColor: withAlpha(toneColor, alpha),
+    color: toneColor
+  };
+};
+var getDefaultFeedbackIcon = (tone, size = 20) => {
+  switch (tone) {
+    case "positive":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PositiveIcon, { size });
+    case "warning":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WarningIcon, { size });
+    case "negative":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NegativeIcon, { size });
+    case "info":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(InfoIcon, { size });
+  }
+};
+
+// src/components/Alert.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Alert({
+  tone = "info",
+  children,
+  title,
+  icon,
+  action,
+  role,
+  className,
+  style,
+  ...rest
+}) {
+  const theme = useUiKitTheme();
+  const titleId = (0, import_react2.useId)();
+  const descriptionId = (0, import_react2.useId)();
+  const resolvedRole = role != null ? role : getFeedbackDefaultRole(tone);
+  const ariaLive = resolvedRole === "alert" ? "assertive" : resolvedRole === "status" ? "polite" : void 0;
+  const iconNode = icon === void 0 ? getDefaultFeedbackIcon(tone, 20) : icon;
+  const containerToneStyle = getFeedbackContainerStyle(theme, tone, 0.12);
+  const iconToneStyle = getFeedbackIconBadgeStyle(theme, tone, 0.18);
+  const contentStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: title ? 4 : 0,
+    flex: "1 1 220px",
+    minWidth: 0
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      ...rest,
+      role: resolvedRole,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaLive ? true : void 0,
+      "aria-labelledby": title ? titleId : void 0,
+      "aria-describedby": children ? descriptionId : void 0,
+      className: cx(
+        UI_KIT_ROOT_CLASSNAME,
+        "rounded-2xl border border-solid text-[var(--theme-text)]",
+        className
+      ),
+      style: {
+        ...containerToneStyle,
+        display: "flex",
+        alignItems: "flex-start",
+        flexWrap: "wrap",
+        gap: 12,
+        padding: "14px 16px",
+        ...style
+      },
+      children: [
+        iconNode ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: UI_KIT_ROOT_CLASSNAME,
+            style: {
+              ...iconToneStyle,
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 40,
+              height: 40,
+              borderRadius: 12,
+              flexShrink: 0
+            },
+            children: iconNode
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: contentStyle, children: [
+          title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              id: titleId,
+              className: cx(UI_KIT_ROOT_CLASSNAME, "font-bold text-sm"),
+              style: { color: containerToneStyle.borderColor },
+              children: title
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: descriptionId, className: cx(UI_KIT_ROOT_CLASSNAME, "text-sm"), style: { lineHeight: "1.5" }, children })
+        ] }),
+        action ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: cx(UI_KIT_ROOT_CLASSNAME, "shrink-0"),
+            style: { alignSelf: "center", color: "var(--theme-text)" },
+            children: action
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/Card.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function Card({
   children,
   eyebrow,
@@ -470,7 +685,7 @@ function Card({
   ...rest
 }) {
   useUiKitTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       ...rest,
@@ -482,12 +697,12 @@ function Card({
         className
       ),
       children: [
-        (eyebrow || title || action) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mb-[18px] flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-            eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xs font-extrabold uppercase tracking-[0.16em] text-[var(--theme-textLight)]", children: eyebrow }) : null,
-            title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-2xl font-bold leading-[1.2] text-[var(--theme-text)]", children: title }) : null
+        (eyebrow || title || action) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mb-[18px] flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+            eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs font-extrabold uppercase tracking-[0.16em] text-[var(--theme-textLight)]", children: eyebrow }) : null,
+            title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-2xl font-bold leading-[1.2] text-[var(--theme-text)]", children: title }) : null
           ] }),
-          action ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-[var(--theme-text)]", children: action }) : null
+          action ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-[var(--theme-text)]", children: action }) : null
         ] }),
         children
       ]
@@ -496,7 +711,7 @@ function Card({
 }
 
 // src/components/CardSmall.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function CardSmall({
   title,
   value,
@@ -508,7 +723,7 @@ function CardSmall({
 }) {
   const theme = useUiKitTheme();
   const accentColor = color != null ? color : theme.colors.primary;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
       ...rest,
@@ -525,14 +740,14 @@ function CardSmall({
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {
             "aria-hidden": "true",
             className: "absolute inset-y-0 left-0 w-[25px] bg-[var(--ui-kit-accent)]"
           }
         ),
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {
             "aria-hidden": "true",
@@ -544,9 +759,9 @@ function CardSmall({
             children: icon
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "truncate text-sm font-bold leading-[1.25] text-[var(--theme-text)]", children: title }) : null,
-          value ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "truncate text-[18px] font-extrabold leading-[1.15] text-[var(--theme-text)]", children: value }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
+          title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "truncate text-sm font-bold leading-[1.25] text-[var(--theme-text)]", children: title }) : null,
+          value ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "truncate text-[18px] font-extrabold leading-[1.15] text-[var(--theme-text)]", children: value }) : null
         ] })
       ]
     }
@@ -554,8 +769,8 @@ function CardSmall({
 }
 
 // src/components/Checkbox.tsx
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var CHECKBOX_SIZE_BY_SIZE = {
   sm: 14,
   md: 16,
@@ -577,7 +792,7 @@ var hasNodeContent = (value) => {
   return value !== null && value !== void 0 && value !== false;
 };
 function CheckIcon({ size, color }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "path",
     {
       d: "M5.75 10.25L8.5 13l5.75-6",
@@ -589,7 +804,7 @@ function CheckIcon({ size, color }) {
   ) });
 }
 function MixedIcon({ size, color }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5.5 10H14.5", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5.5 10H14.5", stroke: color, strokeWidth: "1.8", strokeLinecap: "round" }) });
 }
 function CheckboxIndicator({
   checked,
@@ -606,7 +821,7 @@ function CheckboxIndicator({
   const resolvedCheckedColor = checkedColor != null ? checkedColor : theme.colors.textLight;
   const resolvedIconColor = iconColor != null ? iconColor : theme.colors.surface;
   const resolvedUncheckedBackgroundColor = uncheckedBackgroundColor != null ? uncheckedBackgroundColor : theme.colors.surface;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "span",
     {
       "aria-hidden": "true",
@@ -626,8 +841,8 @@ function CheckboxIndicator({
         ...style
       },
       children: [
-        indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MixedIcon, { size: Math.max(10, size - 6), color: resolvedIconColor }) : null,
-        !indeterminate && checked ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckIcon, { size: Math.max(10, size - 6), color: resolvedIconColor }) : null
+        indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MixedIcon, { size: Math.max(10, size - 6), color: resolvedIconColor }) : null,
+        !indeterminate && checked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { size: Math.max(10, size - 6), color: resolvedIconColor }) : null
       ]
     }
   );
@@ -657,23 +872,23 @@ function Checkbox({
   const hasHint = hasNodeContent(hint);
   const hasError = hasNodeContent(error);
   const hasSecondaryContent = hasLabel && hasHint;
-  const resolvedId = id != null ? id : `ss-checkbox-${(0, import_react2.useId)().replace(/:/g, "")}`;
-  const inputRef = (0, import_react2.useRef)(null);
-  const [internalChecked, setInternalChecked] = (0, import_react2.useState)(Boolean(defaultChecked));
+  const resolvedId = id != null ? id : `ss-checkbox-${(0, import_react3.useId)().replace(/:/g, "")}`;
+  const inputRef = (0, import_react3.useRef)(null);
+  const [internalChecked, setInternalChecked] = (0, import_react3.useState)(Boolean(defaultChecked));
   const isControlled = checked !== void 0;
   const resolvedChecked = isControlled ? Boolean(checked) : internalChecked;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!inputRef.current) {
       return;
     }
     inputRef.current.indeterminate = indeterminate;
   }, [indeterminate, resolvedChecked]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       className: cx(UI_KIT_ROOT_CLASSNAME, "flex w-full flex-col gap-1.5", className),
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "label",
         {
           htmlFor: resolvedId,
@@ -685,7 +900,7 @@ function Checkbox({
           ),
           style: disabled ? { opacity: DISABLED_FIELD_OPACITY } : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "span",
               {
                 className: cx(
@@ -693,7 +908,7 @@ function Checkbox({
                   hasSecondaryContent ? "mt-px" : "mt-0"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "input",
                     {
                       ...rest,
@@ -721,7 +936,7 @@ function Checkbox({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     CheckboxIndicator,
                     {
                       checked: resolvedChecked,
@@ -737,7 +952,7 @@ function Checkbox({
                 ]
               }
             ),
-            hasLabel || hasHint || hasError ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            hasLabel || hasHint || hasError ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "span",
               {
                 className: cx(
@@ -745,12 +960,12 @@ function Checkbox({
                   hasSecondaryContent ? "justify-start" : "justify-center"
                 ),
                 children: [
-                  label ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: cx("font-semibold text-[var(--theme-text)]", CHECKBOX_LABEL_CLASSNAMES[size]), children: [
+                  label ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: cx("font-semibold text-[var(--theme-text)]", CHECKBOX_LABEL_CLASSNAMES[size]), children: [
                     label,
-                    required ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
+                    required ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
                   ] }) : null,
-                  hint ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null,
-                  error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
+                  hint ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null,
+                  error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
                 ]
               }
             ) : null
@@ -762,11 +977,11 @@ function Checkbox({
 }
 
 // src/components/ComposableModal.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/Modal.tsx
-var import_react3 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var isUiKitTheme = (theme) => {
   return Boolean(theme && typeof theme === "object" && "title" in theme && "color" in theme);
 };
@@ -808,6 +1023,9 @@ var createTitleId = (title) => {
   }
   return "smartsell-modal-dialog";
 };
+var MODAL_HEADER_CONTROL_METRICS = getControlMetrics("sm");
+var MODAL_HEADER_CONTROL_SIZE = MODAL_HEADER_CONTROL_METRICS.height;
+var MODAL_HEADER_ICON_SIZE = 18;
 function ModalActionButton({
   action
 }) {
@@ -820,7 +1038,7 @@ function ModalActionButton({
     style
   } = action;
   const variant = appearance === "contained" ? "solid" : appearance === "outlined" ? "outline" : "ghost";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       className: "m-0 flex items-center justify-center",
@@ -829,7 +1047,7 @@ function ModalActionButton({
         marginBottom: (_b = style == null ? void 0 : style.marginBottom) != null ? _b : 0,
         ...style
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         Button,
         {
           variant,
@@ -844,7 +1062,7 @@ function ModalActionButton({
 function ModalBusyIndicator({
   theme
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       "aria-live": "polite",
@@ -854,9 +1072,9 @@ function ModalBusyIndicator({
         backgroundColor: theme.colors.surface
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ui-kit-sr-only", children: "Loading" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 40 40", fill: "none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ui-kit-sr-only", children: "Loading" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { "aria-hidden": "true", width: "32", height: "32", viewBox: "0 0 40 40", fill: "none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "circle",
             {
               cx: "20",
@@ -866,14 +1084,14 @@ function ModalBusyIndicator({
               strokeWidth: "4"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "path",
             {
               d: "M20 4C28.837 4 36 11.163 36 20",
               stroke: theme.colors.primary,
               strokeWidth: "4",
               strokeLinecap: "round",
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "animateTransform",
                 {
                   attributeName: "transform",
@@ -892,32 +1110,107 @@ function ModalBusyIndicator({
   );
 }
 function MaximizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { "aria-hidden": "true", width: "15", height: "15", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "4.25", y: "4.25", width: "11.5", height: "11.5", rx: "2.2", stroke: "currentColor", strokeWidth: "1.7" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { "aria-hidden": "true", width: MODAL_HEADER_ICON_SIZE, height: MODAL_HEADER_ICON_SIZE, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "4.25", y: "4.25", width: "11.5", height: "11.5", rx: "2.2", stroke: "currentColor", strokeWidth: "1.8" }) });
 }
 function MinimizeIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { "aria-hidden": "true", width: "15", height: "15", viewBox: "0 0 20 20", fill: "none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { "aria-hidden": "true", width: MODAL_HEADER_ICON_SIZE, height: MODAL_HEADER_ICON_SIZE, viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "path",
       {
         d: "M6.25 4.75H13a2.25 2.25 0 0 1 2.25 2.25v6.75",
         stroke: "currentColor",
-        strokeWidth: "1.7",
+        strokeWidth: "1.8",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "path",
       {
         d: "M13.75 9.5v4.25a1.5 1.5 0 0 1-1.5 1.5H6a1.75 1.75 0 0 1-1.75-1.75V7.75A1.5 1.5 0 0 1 5.75 6.25H10",
         stroke: "currentColor",
-        strokeWidth: "1.7",
+        strokeWidth: "1.8",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   ] });
 }
+function CloseIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { "aria-hidden": "true", width: MODAL_HEADER_ICON_SIZE, height: MODAL_HEADER_ICON_SIZE, viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M4.5 4.5 15.5 15.5",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M15.5 4.5 4.5 15.5",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function ModalHeaderControl({
+  ariaLabel,
+  title,
+  onClick,
+  disabled = false,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      "aria-label": ariaLabel,
+      title,
+      onClick,
+      disabled,
+      className: cx(
+        "m-0 gap-0 rounded-xl text-[var(--theme-text)] transition-colors",
+        "hover:bg-[var(--theme-background)] hover:no-underline",
+        "active:bg-[var(--theme-background)]",
+        "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--theme-primary)]"
+      ),
+      style: {
+        width: MODAL_HEADER_CONTROL_SIZE,
+        minWidth: MODAL_HEADER_CONTROL_SIZE,
+        maxWidth: MODAL_HEADER_CONTROL_SIZE,
+        height: MODAL_HEADER_CONTROL_SIZE,
+        minHeight: MODAL_HEADER_CONTROL_SIZE,
+        maxHeight: MODAL_HEADER_CONTROL_SIZE,
+        padding: 0,
+        aspectRatio: "1 / 1"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: {
+            display: "inline-flex",
+            width: MODAL_HEADER_ICON_SIZE,
+            height: MODAL_HEADER_ICON_SIZE,
+            minWidth: MODAL_HEADER_ICON_SIZE,
+            minHeight: MODAL_HEADER_ICON_SIZE,
+            alignItems: "center",
+            justifyContent: "center",
+            lineHeight: 0,
+            flexShrink: 0
+          },
+          children
+        }
+      )
+    }
+  );
+}
 function UnifiedModal({
   isOpen,
   onClose,
@@ -943,8 +1236,8 @@ function UnifiedModal({
 }) {
   var _a, _b;
   const inheritedTheme = useUiKitTheme();
-  const modalTheme = (0, import_react3.useMemo)(() => resolveTheme(inheritedTheme, theme), [inheritedTheme, theme]);
-  const modalThemeVariables = (0, import_react3.useMemo)(() => ({
+  const modalTheme = (0, import_react4.useMemo)(() => resolveTheme(inheritedTheme, theme), [inheritedTheme, theme]);
+  const modalThemeVariables = (0, import_react4.useMemo)(() => ({
     "--theme-background": modalTheme.colors.background,
     "--theme-surface": modalTheme.colors.surface,
     "--theme-text": modalTheme.colors.text,
@@ -957,10 +1250,10 @@ function UnifiedModal({
     "--theme-warning": modalTheme.colors.warning,
     "--theme-shadow": modalTheme.colors.shadow
   }), [modalTheme]);
-  const [isMaximized, setIsMaximized] = (0, import_react3.useState)(maximized != null ? maximized : false);
-  const titleId = (0, import_react3.useMemo)(() => createTitleId(title), [title]);
+  const [isMaximized, setIsMaximized] = (0, import_react4.useState)(maximized != null ? maximized : false);
+  const titleId = (0, import_react4.useMemo)(() => createTitleId(title), [title]);
   const shouldDisableDismiss = disableDismiss || isBusy;
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (typeof maximized === "boolean") {
       setIsMaximized(maximized);
       return;
@@ -969,7 +1262,7 @@ function UnifiedModal({
       setIsMaximized(true);
     }
   }, [maximized]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!isOpen || typeof window === "undefined" || typeof document === "undefined") {
       return;
     }
@@ -989,7 +1282,7 @@ function UnifiedModal({
   if (!isOpen) {
     return null;
   }
-  const resolvedHeader = headerContent != null ? headerContent : title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const resolvedHeader = headerContent != null ? headerContent : title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "h2",
     {
       id: titleId,
@@ -1000,7 +1293,7 @@ function UnifiedModal({
   let footerContent = footer;
   if (footerContent === void 0) {
     if (closeAction && !closeAction.hidden) {
-      footerContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      footerContent = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         ModalActionButton,
         {
           action: { ...closeAction, disabled: closeAction.disabled || isBusy }
@@ -1033,7 +1326,7 @@ function UnifiedModal({
         items.push(action);
         return items;
       }, []);
-      footerContent = resolvedActions.length > 0 ? resolvedActions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      footerContent = resolvedActions.length > 0 ? resolvedActions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         ModalActionButton,
         {
           action
@@ -1043,7 +1336,7 @@ function UnifiedModal({
     }
   }
   const shouldRenderFooter = footerContent !== void 0 && footerContent !== null && footerContent !== false;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       "aria-label": headerContent ? typeof title === "string" ? title : "Dialog" : void 0,
@@ -1062,7 +1355,7 @@ function UnifiedModal({
         padding: isMaximized ? 0 : 16,
         backgroundColor: modalTheme.colors.shadow
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "div",
         {
           className: cx(
@@ -1080,12 +1373,12 @@ function UnifiedModal({
             ...contentStyle
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "div",
               {
                 className: "flex items-start justify-between gap-3 px-5 pb-3 pt-[18px]",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "div",
                     {
                       className: cx(
@@ -1095,44 +1388,37 @@ function UnifiedModal({
                       children: resolvedHeader
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-                    !hideExpandButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                      Button,
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    !hideExpandButton ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      ModalHeaderControl,
                       {
-                        variant: "ghost",
-                        size: "sm",
-                        "aria-label": isMaximized ? "Minimize modal" : "Maximize modal",
+                        ariaLabel: isMaximized ? "Minimize modal" : "Maximize modal",
                         title: isMaximized ? "Minimize" : "Maximize",
                         onClick: () => setIsMaximized((current) => !current),
-                        className: "m-0 text-[var(--theme-text)] hover:no-underline",
-                        style: { height: 30, maxWidth: 30, padding: 0, width: 30 },
-                        children: isMaximized ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MinimizeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MaximizeIcon, {})
+                        children: isMaximized ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MinimizeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MaximizeIcon, {})
                       }
                     ) : null,
-                    !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                      Button,
+                    !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                      ModalHeaderControl,
                       {
-                        variant: "ghost",
-                        size: "sm",
-                        "aria-label": "Close modal",
+                        ariaLabel: "Close modal",
+                        title: "Close",
                         onClick: onClose,
                         disabled: shouldDisableDismiss,
-                        className: "m-0 text-[20px] leading-none text-[var(--theme-text)] hover:no-underline",
-                        style: { height: 30, maxWidth: 30, padding: 0, width: 30 },
-                        children: "\xD7"
+                        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseIcon, {})
                       }
                     ) : null
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "div",
               {
                 className: "relative min-h-0 flex-1 overflow-auto p-6",
                 style: bodyStyle,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "div",
                     {
                       className: cx(
@@ -1142,18 +1428,18 @@ function UnifiedModal({
                       children
                     }
                   ),
-                  isBusy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  isBusy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                     "div",
                     {
                       className: "absolute inset-0 flex items-center justify-center backdrop-blur-[2px]",
                       style: { backgroundColor: modalTheme.colors.background },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModalBusyIndicator, { theme: modalTheme })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModalBusyIndicator, { theme: modalTheme })
                     }
                   ) : null
                 ]
               }
             ),
-            shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "div",
               {
                 className: "flex justify-end gap-2.5 px-5 pb-4 pt-3",
@@ -1167,11 +1453,11 @@ function UnifiedModal({
   );
 }
 function Modal(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UnifiedModal, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UnifiedModal, { ...props });
 }
 
 // src/components/ComposableModal.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var createModalSlotIds = (slotBaseId) => ({
   header: `${slotBaseId}:modal-header`,
   body: `${slotBaseId}:modal-body`,
@@ -1199,7 +1485,7 @@ function ComposableModal({
   children
 }) {
   const slotIds = createModalSlotIds(slotBaseId);
-  const context = (0, import_react4.useMemo)(
+  const context = (0, import_react5.useMemo)(
     () => ({
       title,
       payload,
@@ -1212,11 +1498,11 @@ function ComposableModal({
     }),
     [cancelLabel, confirmLabel, isBusy, isOpen, onClose, onConfirm, payload, title]
   );
-  const defaultFooter = hideDefaultFooter ? void 0 : footerFallback != null ? footerFallback : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "outline", onClick: onClose, disabled: isBusy, children: cancelLabel }),
-    onConfirm ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onClick: onConfirm, disabled: isBusy, children: confirmLabel }) : null
+  const defaultFooter = hideDefaultFooter ? void 0 : footerFallback != null ? footerFallback : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "outline", onClick: onClose, disabled: isBusy, children: cancelLabel }),
+    onConfirm ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { onClick: onConfirm, disabled: isBusy, children: confirmLabel }) : null
   ] });
-  const defaultHeader = headerFallback != null ? headerFallback : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const defaultHeader = headerFallback != null ? headerFallback : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "h2",
     {
       className: "m-0 text-[24px] font-extrabold leading-[1.1]",
@@ -1236,7 +1522,7 @@ function ComposableModal({
   const headerContent = renderSlotContent(slotIds.header, defaultHeader);
   const bodyContent = renderSlotContent(slotIds.body, children);
   const footerContent = renderSlotContent(slotIds.footer, defaultFooter);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Modal,
     {
       isOpen,
@@ -1256,8 +1542,8 @@ function ComposableModal({
 }
 
 // src/components/Input.tsx
-var import_react5 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var PASSWORD_TOGGLE_METRICS_BY_SIZE = {
   sm: {
     buttonSize: 18,
@@ -1302,7 +1588,7 @@ var getInputValidationError = (type, value) => {
   return void 0;
 };
 function EmailIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1311,7 +1597,7 @@ function EmailIcon({ size }) {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M3.75 6.25A1.875 1.875 0 0 1 5.625 4.375h8.75A1.875 1.875 0 0 1 16.25 6.25v7.5a1.875 1.875 0 0 1-1.875 1.875h-8.75A1.875 1.875 0 0 1 3.75 13.75v-7.5Z",
@@ -1321,7 +1607,7 @@ function EmailIcon({ size }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M4.375 6.25 10 10.625l5.625-4.375",
@@ -1336,7 +1622,7 @@ function EmailIcon({ size }) {
   );
 }
 function LoginIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1345,8 +1631,8 @@ function LoginIcon({ size }) {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "10", cy: "6.25", r: "3", stroke: "currentColor", strokeWidth: "1.6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "10", cy: "6.25", r: "3", stroke: "currentColor", strokeWidth: "1.6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M4.75 16a5.25 5.25 0 0 1 10.5 0",
@@ -1360,7 +1646,7 @@ function LoginIcon({ size }) {
   );
 }
 function UsernameIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1369,7 +1655,7 @@ function UsernameIcon({ size }) {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "circle",
           {
             cx: "12",
@@ -1381,7 +1667,7 @@ function UsernameIcon({ size }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8",
@@ -1396,7 +1682,7 @@ function UsernameIcon({ size }) {
   );
 }
 function FullNameIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "svg",
     {
       width: size,
@@ -1404,7 +1690,7 @@ function FullNameIcon({ size }) {
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "path",
         {
           d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z",
@@ -1418,7 +1704,7 @@ function FullNameIcon({ size }) {
   );
 }
 function CalendarIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1427,7 +1713,7 @@ function CalendarIcon({ size }) {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "rect",
           {
             width: "18",
@@ -1442,7 +1728,7 @@ function CalendarIcon({ size }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "line",
           {
             x1: "16",
@@ -1455,7 +1741,7 @@ function CalendarIcon({ size }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "line",
           {
             x1: "8",
@@ -1468,7 +1754,7 @@ function CalendarIcon({ size }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "line",
           {
             x1: "3",
@@ -1486,7 +1772,7 @@ function CalendarIcon({ size }) {
   );
 }
 function FileIcon({ size, selected }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "svg",
     {
       width: size,
@@ -1494,8 +1780,8 @@ function FileIcon({ size, selected }) {
       viewBox: "0 0 20 20",
       fill: "none",
       "aria-hidden": "true",
-      children: selected ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: selected ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M5.5 6.25h9",
@@ -1504,7 +1790,7 @@ function FileIcon({ size, selected }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M7.25 6.25V5.25A1.5 1.5 0 0 1 8.75 3.75h2.5a1.5 1.5 0 0 1 1.5 1.5v1",
@@ -1514,7 +1800,7 @@ function FileIcon({ size, selected }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M7.75 8.25v5.5",
@@ -1523,7 +1809,7 @@ function FileIcon({ size, selected }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M10 8.25v5.5",
@@ -1532,7 +1818,7 @@ function FileIcon({ size, selected }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M12.25 8.25v5.5",
@@ -1541,7 +1827,7 @@ function FileIcon({ size, selected }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6.75 6.25l.5 8a1.5 1.5 0 0 0 1.497 1.406h2.506A1.5 1.5 0 0 0 12.75 14.25l.5-8",
@@ -1551,8 +1837,8 @@ function FileIcon({ size, selected }) {
             strokeLinejoin: "round"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6.25 2.5h5.652l4.348 4.348V15A2.5 2.5 0 0 1 13.75 17.5h-7.5A2.5 2.5 0 0 1 3.75 15V5A2.5 2.5 0 0 1 6.25 2.5Z",
@@ -1562,7 +1848,7 @@ function FileIcon({ size, selected }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M11.875 2.75V6.25H15.375",
@@ -1572,7 +1858,7 @@ function FileIcon({ size, selected }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M7.5 10h5",
@@ -1581,7 +1867,7 @@ function FileIcon({ size, selected }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M7.5 13h5",
@@ -1598,7 +1884,7 @@ function PasswordVisibleIcon({
   size,
   playing = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1610,8 +1896,8 @@ function PasswordVisibleIcon({
         animation: `lf-lock-hint-blink ${LOCK_HINT_DURATION_MS}ms ease-in-out`
       } : void 0,
       children: [
-        playing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: LOCK_HINT_STYLE }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        playing ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: LOCK_HINT_STYLE }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6.75 8V6.75A3.25 3.25 0 0 1 12.262 4.415",
@@ -1621,7 +1907,7 @@ function PasswordVisibleIcon({
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6 8.25h8a1.75 1.75 0 0 1 1.75 1.75V14A1.75 1.75 0 0 1 14 15.75H6A1.75 1.75 0 0 1 4.25 14V10A1.75 1.75 0 0 1 6 8.25Z",
@@ -1631,7 +1917,7 @@ function PasswordVisibleIcon({
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M10 11.25v1.5",
@@ -1661,7 +1947,7 @@ function PasswordHiddenIcon({
   size,
   playing = false
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       width: size,
@@ -1673,8 +1959,8 @@ function PasswordHiddenIcon({
         animation: `lf-lock-hint-blink ${LOCK_HINT_DURATION_MS}ms ease-in-out`
       } : void 0,
       children: [
-        playing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: LOCK_HINT_STYLE }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        playing ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: LOCK_HINT_STYLE }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6.75 8V6.75A3.25 3.25 0 1 1 13.25 6.75V8",
@@ -1689,7 +1975,7 @@ function PasswordHiddenIcon({
             } : void 0
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M6 8.25h8a1.75 1.75 0 0 1 1.75 1.75V14A1.75 1.75 0 0 1 14 15.75H6A1.75 1.75 0 0 1 4.25 14V10A1.75 1.75 0 0 1 6 8.25Z",
@@ -1699,7 +1985,7 @@ function PasswordHiddenIcon({
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M10 11.25v1.5",
@@ -1731,7 +2017,7 @@ function ControlFrame({
   useUiKitTheme();
   const isTextarea = alignLabel === "top";
   const controlMetrics = getControlMetrics(size);
-  const floatingElement = floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const floatingElement = floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "span",
     {
       className: cx(
@@ -1757,16 +2043,16 @@ function ControlFrame({
       children: floatingPlaceholder
     }
   ) : null;
-  const innerContent = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative w-full flex group", children: [
+  const innerContent = /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative w-full flex group", children: [
     children,
     floatingElement
   ] });
-  const hintsContent = hint || error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-1 mt-0", style: { paddingLeft: controlMetrics.paddingX }, children: [
-    hint && !error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
+  const hintsContent = hint || error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-1 mt-0", style: { paddingLeft: controlMetrics.paddingX }, children: [
+    hint && !error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
   ] }) : null;
   if (label && useLabelWrapper) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "label",
       {
         htmlFor,
@@ -1776,9 +2062,9 @@ function ControlFrame({
         ),
         style,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-text)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-text)]", children: [
             label,
-            required ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
+            required ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
           ] }),
           innerContent,
           hintsContent
@@ -1786,20 +2072,20 @@ function ControlFrame({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: cx(UI_KIT_ROOT_CLASSNAME, "flex w-full flex-col gap-1"),
       style,
       children: [
-        label && !useLabelWrapper ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        label && !useLabelWrapper ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "label",
           {
             htmlFor,
             className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-text)]",
             children: [
               label,
-              required ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
+              required ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
             ]
           }
         ) : null,
@@ -1829,16 +2115,16 @@ function Input({
 }) {
   const controlMetrics = getControlMetrics(size);
   const passwordToggleMetrics = getPasswordToggleMetrics(size);
-  const generatedId = (0, import_react5.useId)();
+  const generatedId = (0, import_react6.useId)();
   const inputId = id != null ? id : generatedId;
-  const fileInputRef = (0, import_react5.useRef)(null);
-  const [isPasswordVisible, setIsPasswordVisible] = (0, import_react5.useState)(false);
-  const [isLockHinting, setIsLockHinting] = (0, import_react5.useState)(false);
-  const [isLockHintOpen, setIsLockHintOpen] = (0, import_react5.useState)(false);
-  const lockHintTimerRef = (0, import_react5.useRef)(null);
-  const lockHintIntervalRef = (0, import_react5.useRef)(null);
-  const [selectedFileNames, setSelectedFileNames] = (0, import_react5.useState)([]);
-  const [validationError, setValidationError] = (0, import_react5.useState)();
+  const fileInputRef = (0, import_react6.useRef)(null);
+  const [isPasswordVisible, setIsPasswordVisible] = (0, import_react6.useState)(false);
+  const [isLockHinting, setIsLockHinting] = (0, import_react6.useState)(false);
+  const [isLockHintOpen, setIsLockHintOpen] = (0, import_react6.useState)(false);
+  const lockHintTimerRef = (0, import_react6.useRef)(null);
+  const lockHintIntervalRef = (0, import_react6.useRef)(null);
+  const [selectedFileNames, setSelectedFileNames] = (0, import_react6.useState)([]);
+  const [validationError, setValidationError] = (0, import_react6.useState)();
   const isPasswordField = type === "password";
   const isEmailField = type === "email";
   const isLoginField = type === "login";
@@ -1853,7 +2139,7 @@ function Input({
   }
   const isValidatableField = isEmailField || isLoginField || isUsernameField || isFullNameField;
   const validationKey = isValidatableField && typeof rest.value === "string" ? `${type}\0${rest.value}` : null;
-  const [prevValidationKey, setPrevValidationKey] = (0, import_react5.useState)(
+  const [prevValidationKey, setPrevValidationKey] = (0, import_react6.useState)(
     null
   );
   if (validationKey !== prevValidationKey) {
@@ -1877,7 +2163,7 @@ function Input({
     setIsLockHinting(false);
     setIsLockHintOpen(false);
   };
-  (0, import_react5.useEffect)(() => clearLockHintTimers, []);
+  (0, import_react6.useEffect)(() => clearLockHintTimers, []);
   const triggerLockHint = () => {
     var _a;
     if (disabled || isPasswordVisible || lockHintTimerRef.current !== null) {
@@ -1922,12 +2208,12 @@ function Input({
   const floatingPlaceholder = !disableFloatingLabel && placeholder !== void 0 && placeholder !== "" ? placeholder : void 0;
   const resolvedPlaceholder = placeholder != null ? placeholder : " ";
   const isStaticPlaceholderVisible = disableFloatingLabel && (rest.value === "" || rest.value == null && rest.defaultValue == null);
-  const defaultLeadingIcon = isEmailField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmailIcon, { size: fileIconSize }) : isUsernameField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UsernameIcon, { size: fileIconSize }) : isFullNameField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FullNameIcon, { size: fileIconSize }) : isLoginField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoginIcon, { size: fileIconSize }) : isDateField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CalendarIcon, { size: fileIconSize }) : null;
+  const defaultLeadingIcon = isEmailField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EmailIcon, { size: fileIconSize }) : isUsernameField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UsernameIcon, { size: fileIconSize }) : isFullNameField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FullNameIcon, { size: fileIconSize }) : isLoginField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoginIcon, { size: fileIconSize }) : isDateField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CalendarIcon, { size: fileIconSize }) : null;
   const resolvedLeadingIcon = icon != null ? icon : defaultLeadingIcon;
   const hasLeadingIcon = isRenderableNode(resolvedLeadingIcon);
   const hasCustomLeadingIcon = isRenderableNode(icon) && hasLeadingIcon;
-  const resolvedFileIcon = icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FileIcon, { size: fileIconSize, selected: hasSelectedFiles });
-  const resolvedPasswordIcon = icon != null ? icon : isPasswordVisible || isLockHinting && isLockHintOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PasswordVisibleIcon, { size: passwordLockIconSize, playing: isLockHinting }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PasswordHiddenIcon, { size: passwordLockIconSize, playing: isLockHinting });
+  const resolvedFileIcon = icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FileIcon, { size: fileIconSize, selected: hasSelectedFiles });
+  const resolvedPasswordIcon = icon != null ? icon : isPasswordVisible || isLockHinting && isLockHintOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PasswordVisibleIcon, { size: passwordLockIconSize, playing: isLockHinting }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PasswordHiddenIcon, { size: passwordLockIconSize, playing: isLockHinting });
   const placeholderClass = floatingPlaceholder ? "placeholder-transparent" : "placeholder-[var(--theme-textLight)]";
   let resolvedLabelOffset = void 0;
   if (isFileField) {
@@ -2010,8 +2296,8 @@ function Input({
     fileInputRef.current.value = "";
     fileInputRef.current.dispatchEvent(new Event("change", { bubbles: true }));
   };
-  const input = isFileField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const input = isFileField ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "input",
       {
         ...rest,
@@ -2031,7 +2317,7 @@ function Input({
         className: "hidden"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       {
         className: cx(
@@ -2041,7 +2327,7 @@ function Input({
         ),
         style: { ...style, ...getFieldSizeStyles(size) },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
             "button",
             {
               type: "button",
@@ -2066,7 +2352,7 @@ function Input({
                 paddingLeft: leadingIconInset
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "span",
                   {
                     className: cx(
@@ -2077,11 +2363,11 @@ function Input({
                     children: resolvedFileIcon
                   }
                 ),
-                showUploadLabel ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: fileButtonLabel }) : null
+                showUploadLabel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: fileButtonLabel }) : null
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "button",
             {
               type: "button",
@@ -2094,7 +2380,7 @@ function Input({
                 "text-left appearance-none",
                 disabled ? "cursor-not-allowed" : "cursor-pointer"
               ),
-              children: fileSelectionText ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              children: fileSelectionText ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "span",
                 {
                   className: cx(
@@ -2114,13 +2400,13 @@ function Input({
         ]
       }
     )
-  ] }) : canTogglePasswordVisibility ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  ] }) : canTogglePasswordVisibility ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: cx(adornedFieldClassName, className),
       style: { ...style, ...getFieldSizeStyles(size) },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
             type: "button",
@@ -2150,7 +2436,7 @@ function Input({
             children: resolvedPasswordIcon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "input",
           {
             ...rest,
@@ -2180,13 +2466,13 @@ function Input({
         )
       ]
     }
-  ) : hasLeadingIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  ) : hasLeadingIcon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: cx(adornedFieldClassName, className),
       style: { ...style, ...getFieldSizeStyles(size) },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "span",
           {
             className: cx(
@@ -2203,7 +2489,7 @@ function Input({
             children: resolvedLeadingIcon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "input",
           {
             ...rest,
@@ -2235,7 +2521,7 @@ function Input({
         )
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "input",
     {
       ...rest,
@@ -2254,7 +2540,7 @@ function Input({
       }
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     ControlFrame,
     {
       label,
@@ -2274,7 +2560,7 @@ function Input({
 }
 
 // src/components/DatePicker.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var pad = (value) => String(value).padStart(2, "0");
 function normalizeDateValue(value, mode) {
   if (value == null || value === "") {
@@ -2310,7 +2596,7 @@ function DatePicker({
   const nativeType = mode === "datetime" ? "datetime-local" : "date";
   const normalizedValue = normalizeDateValue(value, mode);
   const normalizedDefaultValue = normalizeDateValue(defaultValue, mode);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Input,
     {
       ...props,
@@ -2334,8 +2620,77 @@ function DatePicker({
   );
 }
 
+// src/components/IconButton.tsx
+var import_react7 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ICON_SIZE_BY_CONTROL_SIZE = {
+  sm: 16,
+  md: 18,
+  lg: 20
+};
+var resolveIcon = (icon) => {
+  var _a;
+  if (!(0, import_react7.isValidElement)(icon)) {
+    return icon;
+  }
+  const iconElement = icon;
+  return (0, import_react7.cloneElement)(iconElement, {
+    style: {
+      width: "100%",
+      height: "100%",
+      ...(_a = iconElement.props.style) != null ? _a : {}
+    }
+  });
+};
+function IconButton({
+  icon,
+  ariaLabel,
+  size = "md",
+  variant = "solid",
+  className,
+  style,
+  ...rest
+}) {
+  const controlMetrics = getControlMetrics(size);
+  const iconSize = ICON_SIZE_BY_CONTROL_SIZE[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Button,
+    {
+      ...rest,
+      "aria-label": ariaLabel,
+      size,
+      variant,
+      className: className ? `gap-0 ${className}` : "gap-0",
+      style: {
+        width: controlMetrics.height,
+        minWidth: controlMetrics.height,
+        maxWidth: controlMetrics.height,
+        padding: 0,
+        aspectRatio: "1 / 1",
+        ...style
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: iconSize,
+            height: iconSize,
+            lineHeight: 0,
+            flexShrink: 0
+          },
+          children: resolveIcon(icon)
+        }
+      )
+    }
+  );
+}
+
 // src/components/Loading.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIZE_BY_CONTROL_SIZE = {
   sm: 28,
   md: 40,
@@ -2409,7 +2764,7 @@ function Loading({
     animation: `ss-loading-drop ${dropDuration}ms cubic-bezier(0.45, 0, 0.35, 1) infinite`,
     animationDelay: `${ITEM_DELAY_RATIOS[index] * dropDuration}ms`
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       ...rest,
@@ -2423,7 +2778,7 @@ function Loading({
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "svg",
           {
             className: "ss-loading-svg",
@@ -2434,8 +2789,8 @@ function Loading({
             "aria-hidden": "true",
             style: { color: strokeColor, overflow: "hidden" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: LOADING_KEYFRAMES }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("style", { children: LOADING_KEYFRAMES }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                 "g",
                 {
                   className: "ss-loading-cart",
@@ -2445,7 +2800,7 @@ function Loading({
                     animation: `ss-loading-bob ${BASE_BOB_MS / safeSpeed}ms ease-in-out infinite`
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       "rect",
                       {
                         className: "ss-loading-item",
@@ -2459,7 +2814,7 @@ function Loading({
                         style: itemAnimation(0)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       "circle",
                       {
                         className: "ss-loading-item",
@@ -2471,7 +2826,7 @@ function Loading({
                         style: itemAnimation(1)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       "rect",
                       {
                         className: "ss-loading-item",
@@ -2485,13 +2840,13 @@ function Loading({
                         style: itemAnimation(2)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("g", { stroke: "currentColor", strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 7.5h4.6l1.6 5" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M9.7 12.5H43l-4.4 13.5H14.1z" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M18 26v3.4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M35 26v3.4" })
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("g", { stroke: "currentColor", strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3.5 7.5h4.6l1.6 5" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M9.7 12.5H43l-4.4 13.5H14.1z" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M18 26v3.4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M35 26v3.4" })
                     ] }),
-                    WHEELS.map((wheel) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    WHEELS.map((wheel) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                       "g",
                       {
                         className: "ss-loading-wheel",
@@ -2501,7 +2856,7 @@ function Loading({
                           animation: `ss-loading-wheel ${BASE_WHEEL_MS / safeSpeed}ms linear infinite`
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                             "circle",
                             {
                               cx: wheel.cx,
@@ -2512,7 +2867,7 @@ function Loading({
                               fill: "none"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                             "path",
                             {
                               d: `M${wheel.cx} ${wheel.cy}V${wheel.cy - 3.2}`,
@@ -2531,7 +2886,7 @@ function Loading({
             ]
           }
         ),
-        label ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        label ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "span",
           {
             style: {
@@ -2541,14 +2896,14 @@ function Loading({
             },
             children: label
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "ui-kit-sr-only", children: accessibleLabel })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ui-kit-sr-only", children: accessibleLabel })
       ]
     }
   );
 }
 
 // src/components/Separator.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Separator({
   orientation = "vertical",
   color,
@@ -2565,7 +2920,7 @@ function Separator({
     height: orientation === "vertical" ? usesVerticalStretch ? "auto" : size : 3,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       ...rest,
@@ -2582,11 +2937,11 @@ function Separator({
 }
 
 // src/componentsBase/select/SelectBase.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/componentsBase/select/utils.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 function getTextContent(node) {
   if (node == null || typeof node === "boolean") {
     return "";
@@ -2597,7 +2952,7 @@ function getTextContent(node) {
   if (Array.isArray(node)) {
     return node.map(getTextContent).join("");
   }
-  if ((0, import_react6.isValidElement)(node)) {
+  if ((0, import_react8.isValidElement)(node)) {
     return getTextContent(node.props.children);
   }
   return "";
@@ -2632,13 +2987,13 @@ function filterSelectGroups(groups, query) {
 }
 
 // src/componentsBase/select/SelectBase.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var MENU_OFFSET = 8;
 var MENU_MAX_HEIGHT = 280;
 var emptySubscribe = () => () => {
 };
 function SearchIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "path",
     {
       d: "m21 21-4.35-4.35M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z",
@@ -2692,7 +3047,7 @@ function SelectBase({
   ...rest
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const generatedId = (0, import_react7.useId)().replace(/:/g, "");
+  const generatedId = (0, import_react9.useId)().replace(/:/g, "");
   const resolvedId = id != null ? id : `ss-select-${generatedId}`;
   const isMultiSelect = Boolean(isMulti || multiple);
   const hasFilter = Boolean(isFilterable);
@@ -2700,31 +3055,31 @@ function SelectBase({
   const enabledOptions = flatOptions.filter((option) => !option.disabled);
   const isControlled = value !== void 0;
   const fallbackValues = defaultValue !== void 0 ? normalizeSelectValues(defaultValue) : isMultiSelect ? [] : placeholder != null ? [] : ((_a = enabledOptions[0]) == null ? void 0 : _a.value) ? [enabledOptions[0].value] : [];
-  const [uncontrolledValues, setUncontrolledValues] = (0, import_react7.useState)(fallbackValues);
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const [uncontrolledSearchQuery, setUncontrolledSearchQuery] = (0, import_react7.useState)("");
-  const [menuPlacement, setMenuPlacement] = (0, import_react7.useState)("bottom");
-  const [isPlacementResolved, setIsPlacementResolved] = (0, import_react7.useState)(false);
-  const [highlightedValue, setHighlightedValue] = (0, import_react7.useState)(
+  const [uncontrolledValues, setUncontrolledValues] = (0, import_react9.useState)(fallbackValues);
+  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
+  const [uncontrolledSearchQuery, setUncontrolledSearchQuery] = (0, import_react9.useState)("");
+  const [menuPlacement, setMenuPlacement] = (0, import_react9.useState)("bottom");
+  const [isPlacementResolved, setIsPlacementResolved] = (0, import_react9.useState)(false);
+  const [highlightedValue, setHighlightedValue] = (0, import_react9.useState)(
     (_d = (_c = fallbackValues[0]) != null ? _c : (_b = enabledOptions[0]) == null ? void 0 : _b.value) != null ? _d : ""
   );
-  const isMounted = (0, import_react7.useSyncExternalStore)(
+  const isMounted = (0, import_react9.useSyncExternalStore)(
     emptySubscribe,
     () => true,
     () => false
   );
-  const [menuRect, setMenuRect] = (0, import_react7.useState)({
+  const [menuRect, setMenuRect] = (0, import_react9.useState)({
     top: 0,
     bottom: 0,
     left: 0,
     width: 0
   });
-  const shellRef = (0, import_react7.useRef)(null);
-  const buttonRef = (0, import_react7.useRef)(null);
-  const menuRef = (0, import_react7.useRef)(null);
-  const searchInputRef = (0, import_react7.useRef)(null);
-  const hiddenSelectRef = (0, import_react7.useRef)(null);
-  const highlightSyncKeyRef = (0, import_react7.useRef)("");
+  const shellRef = (0, import_react9.useRef)(null);
+  const buttonRef = (0, import_react9.useRef)(null);
+  const menuRef = (0, import_react9.useRef)(null);
+  const searchInputRef = (0, import_react9.useRef)(null);
+  const hiddenSelectRef = (0, import_react9.useRef)(null);
+  const highlightSyncKeyRef = (0, import_react9.useRef)("");
   const currentSearchQuery = searchQuery !== void 0 ? searchQuery : uncontrolledSearchQuery;
   const selectedValues = isControlled ? normalizeSelectValues(value) : uncontrolledValues;
   const selectedValue = (_e = selectedValues[0]) != null ? _e : "";
@@ -2785,7 +3140,7 @@ function SelectBase({
       setHighlightedValue((_m = (_l = nextValues[0]) != null ? _l : (_k = enabledOptions[0]) == null ? void 0 : _k.value) != null ? _m : "");
     }
   }
-  const [wasOpenForPlacement, setWasOpenForPlacement] = (0, import_react7.useState)(isOpen);
+  const [wasOpenForPlacement, setWasOpenForPlacement] = (0, import_react9.useState)(isOpen);
   if (isOpen !== wasOpenForPlacement) {
     setWasOpenForPlacement(isOpen);
     if (isOpen) {
@@ -2793,7 +3148,7 @@ function SelectBase({
       setIsPlacementResolved(false);
     }
   }
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2, _b2, _c2;
     if (!isOpen) {
       highlightSyncKeyRef.current = "";
@@ -2814,14 +3169,14 @@ function SelectBase({
     visibleEnabledOptions,
     visibleEnabledValues
   ]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2;
     if (!isOpen || !hasFilter) {
       return;
     }
     (_a2 = searchInputRef.current) == null ? void 0 : _a2.focus();
   }, [hasFilter, isOpen]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isOpen) {
       return;
     }
@@ -2855,7 +3210,7 @@ function SelectBase({
       window.cancelAnimationFrame(frameId);
     };
   }, [isOpen, visibleOptions.length]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isOpen) {
       return;
     }
@@ -2881,13 +3236,13 @@ function SelectBase({
   if (!isOpen && clearSearchOnClose && searchQuery === void 0 && uncontrolledSearchQuery !== "") {
     setUncontrolledSearchQuery("");
   }
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (isOpen || !clearSearchOnClose || currentSearchQuery === "") {
       return;
     }
     onSearchQueryChange == null ? void 0 : onSearchQueryChange("");
   }, [clearSearchOnClose, currentSearchQuery, isOpen, onSearchQueryChange]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isOpen) {
       return;
     }
@@ -2906,7 +3261,7 @@ function SelectBase({
       document.removeEventListener("pointerdown", handlePointerDown);
     };
   }, [isOpen]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a2;
     if (isControlled) {
       return;
@@ -3019,7 +3374,7 @@ function SelectBase({
   const hasSomeVisibleSelected = visibleSelectedCount > 0 && visibleSelectedCount < visibleEnabledValues.length;
   const hasAllVisibleSelected = visibleEnabledValues.length > 0 && visibleSelectedCount === visibleEnabledValues.length;
   const canToggleVisibleSelection = !disabled && visibleEnabledValues.length > 0;
-  const bulkToggleControl = isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const bulkToggleControl = isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       type: "button",
@@ -3039,7 +3394,7 @@ function SelectBase({
         "m-0 inline-flex h-5 w-5 shrink-0 items-center justify-center border-0 bg-transparent p-0",
         canToggleVisibleSelection ? "cursor-pointer opacity-100" : "cursor-not-allowed opacity-45"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         CheckboxIndicator,
         {
           checked: hasAllVisibleSelected,
@@ -3196,7 +3551,7 @@ function SelectBase({
     }
   };
   const emptyState = isLoading ? loadingMessage : emptyMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     ControlFrame,
     {
       label,
@@ -3207,8 +3562,8 @@ function SelectBase({
       size,
       hasValue: hasSelection || isOpen,
       floatingPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref: shellRef, className: "relative w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ref: shellRef, className: "relative w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "button",
           {
             ...buttonPassthroughProps,
@@ -3237,12 +3592,12 @@ function SelectBase({
               ...isTriggerDisabled ? { opacity: DISABLED_FIELD_OPACITY } : {}
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "span",
                 {
                   className: "block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap",
                   style: controlTextNudgeStyle,
-                  children: hasSelection ? displayContent : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  children: hasSelection ? displayContent : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "span",
                     {
                       className: floatingPlaceholder ? "" : "text-[var(--theme-textLight)]",
@@ -3251,7 +3606,7 @@ function SelectBase({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -3264,7 +3619,7 @@ function SelectBase({
                     right: indicatorOffset,
                     transform: `translateY(-50%) rotate(${isOpen ? 180 : 0}deg)`
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "path",
                     {
                       d: "M5.75 7.75L10 12l4.25-4.25",
@@ -3279,7 +3634,7 @@ function SelectBase({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "select",
           {
             ...rest,
@@ -3297,8 +3652,8 @@ function SelectBase({
           }
         ),
         isMounted && isOpen ? (0, import_react_dom.createPortal)(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: `
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("style", { children: `
                 #${listboxId} {
                   scrollbar-width: thin;
                   scrollbar-color: ${scrollbarThumbColor} transparent;
@@ -3329,7 +3684,7 @@ function SelectBase({
                   opacity: 1;
                 }
               ` }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "div",
               {
                 ref: menuRef,
@@ -3352,7 +3707,7 @@ function SelectBase({
                   visibility: isPlacementResolved ? "visible" : "hidden"
                 },
                 children: [
-                  hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                  hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                     "div",
                     {
                       className: cx(
@@ -3360,20 +3715,20 @@ function SelectBase({
                       ),
                       children: [
                         bulkToggleControl,
-                        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                           "div",
                           {
                             className: "flex-1",
                             onClick: (event) => event.stopPropagation(),
                             onMouseDown: (event) => event.stopPropagation(),
                             onPointerDown: (event) => event.stopPropagation(),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                               Input,
                               {
                                 id: searchInputId,
                                 ref: searchInputRef,
                                 type: "text",
-                                icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchIcon, { size: 16 }),
+                                icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SearchIcon, { size: 16 }),
                                 disableFloatingLabel: true,
                                 value: currentSearchQuery,
                                 onChange: (event) => {
@@ -3393,7 +3748,7 @@ function SelectBase({
                         )
                       ]
                     }
-                  ) : isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  ) : isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "div",
                     {
                       className: cx(
@@ -3402,8 +3757,8 @@ function SelectBase({
                       children: bulkToggleControl
                     }
                   ) : null,
-                  hasFilter && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                  hasFilter && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "div",
                     {
                       id: listboxId,
@@ -3412,7 +3767,7 @@ function SelectBase({
                       "aria-multiselectable": isMultiSelect || void 0,
                       onScroll: onListboxScroll,
                       className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden py-1",
-                      children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 py-[14px] text-center text-[13px] text-[var(--theme-textLight)]", children: emptyState }) : visibleGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                      children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-3 py-[14px] text-center text-[13px] text-[var(--theme-textLight)]", children: emptyState }) : visibleGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                         "div",
                         {
                           className: cx(
@@ -3420,7 +3775,7 @@ function SelectBase({
                             group.label ? "mt-1" : "mt-0"
                           ),
                           children: [
-                            group.label ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                            group.label ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                               "span",
                               {
                                 className: cx(
@@ -3438,7 +3793,7 @@ function SelectBase({
                               );
                               const isHighlighted = option.value === highlightedValue;
                               const isActive = isSelected || isHighlighted;
-                              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                 "div",
                                 {
                                   role: "option",
@@ -3468,7 +3823,7 @@ function SelectBase({
                                     !option.disabled && isActive ? "text-[var(--theme-onPrimary)]" : null,
                                     !option.disabled && !isActive ? "text-[var(--theme-text)]" : null
                                   ),
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                                     "div",
                                     {
                                       className: cx(
@@ -3481,8 +3836,8 @@ function SelectBase({
                                         !isSelected && !isHighlighted ? "bg-[var(--theme-surface)] font-medium" : null
                                       ),
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
-                                          isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
+                                          isMultiSelect ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                             CheckboxIndicator,
                                             {
                                               checked: isSelected,
@@ -3494,21 +3849,21 @@ function SelectBase({
                                               uncheckedBackgroundColor: "transparent"
                                             }
                                           ) : null,
-                                          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: option.label })
+                                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: option.label })
                                         ] }),
-                                        !isMultiSelect && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                        !isMultiSelect && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                           "span",
                                           {
                                             "aria-hidden": "true",
                                             className: "flex shrink-0 items-center justify-center text-[var(--theme-onPrimary)]",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                               "svg",
                                               {
                                                 width: "16",
                                                 height: "16",
                                                 viewBox: "0 0 20 20",
                                                 fill: "none",
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                                                   "path",
                                                   {
                                                     d: "M5.75 10.25L8.5 13l5.75-6",
@@ -3535,9 +3890,9 @@ function SelectBase({
                       ))
                     }
                   ),
-                  menuFooter ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Separator, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "shrink-0 px-2 pb-1 pt-2.5", children: menuFooter })
+                  menuFooter ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "shrink-0 px-2 pb-1 pt-2.5", children: menuFooter })
                   ] }) : null
                 ]
               }
@@ -3551,7 +3906,7 @@ function SelectBase({
 }
 
 // src/componentsBase/select/childrenAdapter.ts
-var import_react8 = require("react");
+var import_react10 = require("react");
 function buildOption(keyPrefix, index, props, groupDisabled = false) {
   var _a;
   const rawValue = props.value !== void 0 ? props.value : getTextContent(props.children).trim();
@@ -3578,8 +3933,8 @@ function parseSelectChildren(children) {
     });
     standaloneOptions.length = 0;
   };
-  import_react8.Children.forEach(children, (child) => {
-    if (!(0, import_react8.isValidElement)(child)) {
+  import_react10.Children.forEach(children, (child) => {
+    if (!(0, import_react10.isValidElement)(child)) {
       return;
     }
     if (child.type === "option") {
@@ -3593,8 +3948,8 @@ function parseSelectChildren(children) {
     flushStandaloneOptions();
     const groupOptions = [];
     let groupOptionIndex = 0;
-    import_react8.Children.forEach(child.props.children, (optionChild) => {
-      if (!(0, import_react8.isValidElement)(optionChild) || optionChild.type !== "option") {
+    import_react10.Children.forEach(child.props.children, (optionChild) => {
+      if (!(0, import_react10.isValidElement)(optionChild) || optionChild.type !== "option") {
         return;
       }
       groupOptions.push(
@@ -3621,17 +3976,17 @@ function parseSelectChildren(children) {
 }
 
 // src/components/Select.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Select({ children, options, ...props }) {
-  const actualChildren = options ? options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: option.value, children: option.label }, option.value)) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectBase, { ...props, groups: parseSelectChildren(actualChildren), nativeOptions: actualChildren });
+  const actualChildren = options ? options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: option.value, children: option.label }, option.value)) : children;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectBase, { ...props, groups: parseSelectChildren(actualChildren), nativeOptions: actualChildren });
 }
 
 // src/components/SelectAsync.tsx
-var import_react9 = require("react");
+var import_react11 = require("react");
 
 // src/componentsBase/select/objectOptionsAdapter.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var getOptionKey = (option) => {
   return String(option.value);
 };
@@ -3687,13 +4042,13 @@ var buildNativeOptionsFromObjectOptions = (options) => {
   return options.map((option) => {
     const optionValue = getOptionKey(option);
     const optionText = getTextContent(option.label).trim() || optionValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: optionValue, disabled: option.disabled, children: optionText }, `native-${optionValue}`);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: optionValue, disabled: option.disabled, children: optionText }, `native-${optionValue}`);
   });
 };
 var getSelectObjectOptionKey = getOptionKey;
 
 // src/components/SelectAsync.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DEFAULT_LOAD_MORE_THRESHOLD = 24;
 var normalizeAsyncValue = (value, isMulti) => {
   if (value == null) {
@@ -3734,26 +4089,26 @@ function SelectAsync({
   useUiKitTheme();
   const isMultiSelect = Boolean(isMulti);
   const isControlled = value !== void 0;
-  const [internalSelectedOptions, setInternalSelectedOptions] = (0, import_react9.useState)(() => {
+  const [internalSelectedOptions, setInternalSelectedOptions] = (0, import_react11.useState)(() => {
     return normalizeAsyncValue(defaultValue, isMultiSelect);
   });
-  const [remoteOptions, setRemoteOptions] = (0, import_react9.useState)(defaultOptions);
-  const [searchQuery, setSearchQuery] = (0, import_react9.useState)("");
-  const [nextPage, setNextPage] = (0, import_react9.useState)(1);
-  const [hasMore, setHasMore] = (0, import_react9.useState)(true);
-  const [isInitialLoading, setIsInitialLoading] = (0, import_react9.useState)(false);
-  const [isLoadingMore, setIsLoadingMore] = (0, import_react9.useState)(false);
-  const [loadError, setLoadError] = (0, import_react9.useState)(null);
+  const [remoteOptions, setRemoteOptions] = (0, import_react11.useState)(defaultOptions);
+  const [searchQuery, setSearchQuery] = (0, import_react11.useState)("");
+  const [nextPage, setNextPage] = (0, import_react11.useState)(1);
+  const [hasMore, setHasMore] = (0, import_react11.useState)(true);
+  const [isInitialLoading, setIsInitialLoading] = (0, import_react11.useState)(false);
+  const [isLoadingMore, setIsLoadingMore] = (0, import_react11.useState)(false);
+  const [loadError, setLoadError] = (0, import_react11.useState)(null);
   const selectedOptions = isControlled ? normalizeAsyncValue(value, isMultiSelect) : internalSelectedOptions;
-  const optionLookupRef = (0, import_react9.useRef)(/* @__PURE__ */ new Map());
-  const loadOptionsRef = (0, import_react9.useRef)(loadOptions);
-  const remoteOptionsRef = (0, import_react9.useRef)(remoteOptions);
-  const cacheUniqsRef = (0, import_react9.useRef)(cacheUniqs);
-  const requestVersionRef = (0, import_react9.useRef)(0);
-  const activeControllerRef = (0, import_react9.useRef)(null);
+  const optionLookupRef = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
+  const loadOptionsRef = (0, import_react11.useRef)(loadOptions);
+  const remoteOptionsRef = (0, import_react11.useRef)(remoteOptions);
+  const cacheUniqsRef = (0, import_react11.useRef)(cacheUniqs);
+  const requestVersionRef = (0, import_react11.useRef)(0);
+  const activeControllerRef = (0, import_react11.useRef)(null);
   loadOptionsRef.current = loadOptions;
   remoteOptionsRef.current = remoteOptions;
-  const mergedOptions = (0, import_react9.useMemo)(() => {
+  const mergedOptions = (0, import_react11.useMemo)(() => {
     const baseOptions = dedupeSelectObjectOptions([
       ...fixedOptions,
       ...remoteOptions
@@ -3764,20 +4119,20 @@ function SelectAsync({
     });
     return [...baseOptions, ...missingSelectedOptions];
   }, [fixedOptions, remoteOptions, selectedOptions]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const nextLookup = /* @__PURE__ */ new Map();
     mergedOptions.forEach((option) => {
       nextLookup.set(getSelectObjectOptionKey(option), option);
     });
     optionLookupRef.current = nextLookup;
   }, [mergedOptions]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (isControlled) {
       return;
     }
     setInternalSelectedOptions(normalizeAsyncValue(defaultValue, isMultiSelect));
   }, [defaultValue, isControlled, isMultiSelect]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (areUnknownArraysEqual(cacheUniqsRef.current, cacheUniqs)) {
       return;
     }
@@ -3788,7 +4143,7 @@ function SelectAsync({
     setHasMore(true);
     setLoadError(null);
   }, [cacheUniqs, defaultOptions]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const timeoutId = window.setTimeout(() => {
       var _a2;
       requestVersionRef.current += 1;
@@ -3829,7 +4184,7 @@ function SelectAsync({
       window.clearTimeout(timeoutId);
     };
   }, [loadErrorMessage, searchDebounceMs, searchQuery, ...cacheUniqs]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     return () => {
       var _a2;
       (_a2 = activeControllerRef.current) == null ? void 0 : _a2.abort();
@@ -3886,15 +4241,15 @@ function SelectAsync({
     }
     onChange == null ? void 0 : onChange(nextValue);
   };
-  const menuFooter = isLoadingMore || hasMore ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  const menuFooter = isLoadingMore || hasMore ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       "aria-live": "polite",
       className: "flex items-center gap-3 text-xs leading-[1.4] text-[var(--theme-textLight)]",
       style: { justifyContent: hasMore ? "space-between" : "center" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: isLoadingMore ? loadingMoreMessage : hasMore ? loadMoreHintMessage : null }),
-        isLoadingMore ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: isLoadingMore ? loadingMoreMessage : hasMore ? loadMoreHintMessage : null }),
+        isLoadingMore ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -3906,7 +4261,7 @@ function SelectAsync({
   ) : null;
   const resolvedEmptyMessage = loadError && remoteOptions.length === 0 ? loadError : emptyMessage;
   const resolvedValue = selectedOptions.map((option) => getSelectObjectOptionKey(option));
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     SelectBase,
     {
       ...props,
@@ -3931,15 +4286,110 @@ function SelectAsync({
   );
 }
 
-// src/components/Table.tsx
+// src/components/ResultState.tsx
 var import_react12 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ResultState({
+  tone = "info",
+  icon,
+  title,
+  description,
+  action,
+  className,
+  style,
+  ...rest
+}) {
+  const theme = useUiKitTheme();
+  const titleId = (0, import_react12.useId)();
+  const descriptionId = (0, import_react12.useId)();
+  const iconNode = icon === void 0 ? getDefaultFeedbackIcon(tone, 28) : icon;
+  const containerToneStyle = getFeedbackContainerStyle(theme, tone, 0.08);
+  const iconToneStyle = getFeedbackIconBadgeStyle(theme, tone, 0.14);
+  const descriptionStyle = {
+    maxWidth: "44ch",
+    lineHeight: "1.6",
+    color: "var(--theme-textLight)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      ...rest,
+      "aria-labelledby": titleId,
+      "aria-describedby": description ? descriptionId : void 0,
+      className: cx(
+        UI_KIT_ROOT_CLASSNAME,
+        "rounded-2xl border border-dashed text-[var(--theme-text)] text-center",
+        className
+      ),
+      style: {
+        ...containerToneStyle,
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 16,
+        padding: "32px 24px",
+        ...style
+      },
+      children: [
+        iconNode ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: UI_KIT_ROOT_CLASSNAME,
+            style: {
+              ...iconToneStyle,
+              display: "inline-flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: 64,
+              height: 64,
+              borderRadius: 20,
+              flexShrink: 0
+            },
+            children: iconNode
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "div",
+          {
+            className: UI_KIT_ROOT_CLASSNAME,
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: description ? 8 : 0
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                "h2",
+                {
+                  id: titleId,
+                  className: cx(UI_KIT_ROOT_CLASSNAME, "font-bold text-2xl"),
+                  style: { color: containerToneStyle.borderColor, lineHeight: 1.2 },
+                  children: title
+                }
+              ),
+              description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { id: descriptionId, className: cx(UI_KIT_ROOT_CLASSNAME, "text-sm"), style: descriptionStyle, children: description }) : null
+            ]
+          }
+        ),
+        action ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: UI_KIT_ROOT_CLASSNAME, children: action }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Table.tsx
+var import_react15 = require("react");
 
 // src/componentsBase/table/TableBase.tsx
-var import_react11 = require("react");
+var import_react14 = require("react");
 var import_react_dom2 = require("react-dom");
 
 // src/componentsBase/table/utils.ts
-var import_react10 = require("react");
+var import_react13 = require("react");
 var DEFAULT_COLLAPSE_BELOW = 768;
 var DEFAULT_MAX_INLINE_ACTIONS = 2;
 var DEFAULT_PAGE_SIZE = 10;
@@ -3982,7 +4432,7 @@ var getNodeText = (node) => {
   if (Array.isArray(node)) {
     return node.map((entry) => getNodeText(entry)).join(" ");
   }
-  if ((0, import_react10.isValidElement)(node)) {
+  if ((0, import_react13.isValidElement)(node)) {
     const element = node;
     return getNodeText(element.props.children);
   }
@@ -3998,7 +4448,7 @@ var normalizeTableText = (value) => {
   if (Array.isArray(value)) {
     return value.map((entry) => normalizeTableText(entry)).join(" ");
   }
-  if ((0, import_react10.isValidElement)(value)) {
+  if ((0, import_react13.isValidElement)(value)) {
     return getNodeText(value);
   }
   return "";
@@ -4319,10 +4769,10 @@ var downloadTableAsPdf = (matrix, fileBaseName, title, page, totalPages) => {
 };
 
 // src/componentsBase/table/TableBase.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var OVERFLOW_MENU_WIDTH = 220;
 function SettingsIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "svg",
     {
       width: "16",
@@ -4331,7 +4781,7 @@ function SettingsIcon() {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "path",
           {
             d: "M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z",
@@ -4339,7 +4789,7 @@ function SettingsIcon() {
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "path",
           {
             d: `
@@ -4363,7 +4813,7 @@ function SettingsIcon() {
   );
 }
 function MoreActionsIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "svg",
     {
       width: "16",
@@ -4372,16 +4822,16 @@ function MoreActionsIcon() {
       fill: "currentColor",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "5", cy: "12", r: "1.8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "12", cy: "12", r: "1.8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "19", cy: "12", r: "1.8" })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { cx: "5", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { cx: "12", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { cx: "19", cy: "12", r: "1.8" })
       ]
     }
   );
 }
 function ChevronIcon({ direction }) {
   const isLeft = direction === "left";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "svg",
     {
       width: "14",
@@ -4389,7 +4839,7 @@ function ChevronIcon({ direction }) {
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
           d: isLeft ? "M15 6 9 12l6 6" : "m9 6 6 6-6 6",
@@ -4403,11 +4853,11 @@ function ChevronIcon({ direction }) {
   );
 }
 function OverflowMenu({ label, children }) {
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const [menuPosition, setMenuPosition] = (0, import_react11.useState)(null);
-  const containerRef = (0, import_react11.useRef)(null);
-  const buttonRef = (0, import_react11.useRef)(null);
-  const menuRef = (0, import_react11.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
+  const [menuPosition, setMenuPosition] = (0, import_react14.useState)(null);
+  const containerRef = (0, import_react14.useRef)(null);
+  const buttonRef = (0, import_react14.useRef)(null);
+  const menuRef = (0, import_react14.useRef)(null);
   const updateMenuPosition = () => {
     var _a;
     const triggerRect = (_a = buttonRef.current) == null ? void 0 : _a.getBoundingClientRect();
@@ -4427,7 +4877,7 @@ function OverflowMenu({ label, children }) {
       top: triggerRect.bottom - 20
     });
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!isOpen) {
       return;
     }
@@ -4449,8 +4899,8 @@ function OverflowMenu({ label, children }) {
       window.removeEventListener("scroll", updateMenuPosition, true);
     };
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref: containerRef, className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: containerRef, className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
       {
         type: "button",
@@ -4458,7 +4908,8 @@ function OverflowMenu({ label, children }) {
         "aria-label": label,
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
-        onClick: () => {
+        onClick: (event) => {
+          event.stopPropagation();
           if (!isOpen) {
             updateMenuPosition();
           }
@@ -4469,11 +4920,11 @@ function OverflowMenu({ label, children }) {
           "cursor-pointer border-0 bg-transparent text-[var(--theme-text)]",
           "transition-colors hover:text-[var(--theme-primary)]"
         ].join(" "),
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MoreActionsIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MoreActionsIcon, {})
       }
     ),
     isOpen && menuPosition && typeof document !== "undefined" ? (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           ref: menuRef,
@@ -4513,6 +4964,7 @@ function TableBase({
   desktopColumns,
   mobileColumns,
   getRowId: getCustomRowId,
+  onRowClick,
   actions,
   stickyActionsColumn = true,
   maxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,
@@ -4539,10 +4991,10 @@ function TableBase({
   onInternalPageSizeChange
 }) {
   useUiKitTheme();
-  const scrollRegionId = (0, import_react11.useId)().replace(/:/g, "");
-  const containerRef = (0, import_react11.useRef)(null);
-  const [containerWidth, setContainerWidth] = (0, import_react11.useState)(null);
-  const [isSettingsModalOpen, setIsSettingsModalOpen] = (0, import_react11.useState)(false);
+  const scrollRegionId = (0, import_react14.useId)().replace(/:/g, "");
+  const containerRef = (0, import_react14.useRef)(null);
+  const [containerWidth, setContainerWidth] = (0, import_react14.useState)(null);
+  const [isSettingsModalOpen, setIsSettingsModalOpen] = (0, import_react14.useState)(false);
   const resolvedLabels = mergeTableLabels({
     ...labels != null ? labels : {},
     ...translations != null ? translations : {}
@@ -4602,6 +5054,7 @@ function TableBase({
     ariaLabel,
     normalizedPage
   );
+  const hasRowClick = Boolean(onRowClick);
   const shouldStickActionsColumn = Boolean(actions) && stickyActionsColumn;
   const getStickyActionsCellStyle = (backgroundColor, backgroundImage, isHeader = false) => ({
     position: "sticky",
@@ -4613,7 +5066,7 @@ function TableBase({
     boxShadow: "-10px 0 16px -14px var(--theme-shadow)",
     borderLeft: "1px solid var(--theme-secondary)"
   });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -4662,7 +5115,7 @@ function TableBase({
     const tone = (_a = action.tone) != null ? _a : "default";
     const iconOnly = appearance === "inline" && action.icon != null;
     const isMenuAction = appearance === "menu";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "button",
       {
         type: "button",
@@ -4670,7 +5123,8 @@ function TableBase({
         disabled,
         title: action.label,
         "aria-label": action.label,
-        onClick: () => {
+        onClick: (event) => {
+          event.stopPropagation();
           if (disabled) {
             return;
           }
@@ -4687,7 +5141,7 @@ function TableBase({
         ),
         children: [
           action.icon,
-          appearance === "menu" || !iconOnly ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: action.label }) : null
+          appearance === "menu" || !iconOnly ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: action.label }) : null
         ]
       },
       (_b = action.id) != null ? _b : `${action.label}-${rowIndex}`
@@ -4700,7 +5154,7 @@ function TableBase({
     }
     const inlineActions = resolvedActions.slice(0, visibleInlineActions);
     const overflowActions = resolvedActions.slice(visibleInlineActions);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         className: cx(
@@ -4713,7 +5167,7 @@ function TableBase({
           inlineActions.map(
             (action) => renderActionButton(action, item, rowIndex, "inline")
           ),
-          overflowActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(OverflowMenu, { label: resolvedLabels.actionsMenuLabel, children: overflowActions.map(
+          overflowActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OverflowMenu, { label: resolvedLabels.actionsMenuLabel, children: overflowActions.map(
             (action) => renderActionButton(action, item, rowIndex, "menu")
           ) }) : null
         ]
@@ -4724,7 +5178,7 @@ function TableBase({
     var _a;
     const content = resolveColumnContent(column, item, rowIndex);
     const align = (_a = column.align) != null ? _a : column.type === "actions" ? "right" : "left";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "td",
       {
         colSpan: column.colSpan,
@@ -4737,14 +5191,14 @@ function TableBase({
           width: column.width,
           minWidth: column.minWidth
         },
-        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[var(--theme-textLight)]", children: "-" })
+        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[var(--theme-textLight)]", children: "-" })
       },
       `${getColumnKey(column, columnIndex)}-${rowIndex}`
     );
   };
   const renderEmptyState = () => {
     const message = error ? error : loading ? resolvedLabels.loadingMessage : hasSearchValue ? resolvedLabels.noResultsMessage : resolvedLabels.emptyMessage;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
         className: [
@@ -4753,13 +5207,13 @@ function TableBase({
           "p-6 text-center text-[var(--theme-text)] shadow-none"
         ].join(" "),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "text-base", children: message }),
-          error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "secondary", onClick: onRetry, children: resolvedLabels.retryLabel }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "text-base", children: message }),
+          error && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "secondary", onClick: onRetry, children: resolvedLabels.retryLabel }) : null
         ]
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -4771,8 +5225,8 @@ function TableBase({
       ),
       style,
       children: [
-        shouldRenderToolbar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-3", children: [
-          shouldRenderToolbarPrimaryGroup ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        shouldRenderToolbar ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-3", children: [
+          shouldRenderToolbarPrimaryGroup ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "div",
             {
               className: cx(
@@ -4785,7 +5239,7 @@ function TableBase({
                   // to the Input would land on the inner <input>, which lives inside a
                   // flex-column ControlFrame — there flex-basis becomes height and the
                   // field grows absurdly tall.
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "min-w-0 max-w-[360px] flex-[1_1_260px]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "min-w-0 max-w-[360px] flex-[1_1_260px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     Input,
                     {
                       type: "search",
@@ -4796,7 +5250,7 @@ function TableBase({
                     }
                   ) })
                 ) : null,
-                showSettingsButton && !loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                showSettingsButton && !loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   Button,
                   {
                     variant: "secondary",
@@ -4804,13 +5258,13 @@ function TableBase({
                     title: resolvedLabels.settingsButtonLabel,
                     onClick: () => setIsSettingsModalOpen(true),
                     className: "shrink-0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SettingsIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SettingsIcon, {})
                   }
                 ) : null
               ]
             }
           ) : null,
-          shouldShowToolbarStatus ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          shouldShowToolbarStatus ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "div",
             {
               className: cx(
@@ -4818,17 +5272,17 @@ function TableBase({
                 shouldRenderToolbarPrimaryGroup ? "ml-auto" : ""
               ),
               children: [
-                loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-textLight)]", children: resolvedLabels.loadingMessage }) : null,
-                !loading && error && hasRows ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "inline-flex items-center gap-2.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-negative)]", children: resolvedLabels.errorMessage }),
-                  onRetry ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "ghost", onClick: onRetry, children: resolvedLabels.retryLabel }) : null
+                loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-textLight)]", children: resolvedLabels.loadingMessage }) : null,
+                !loading && error && hasRows ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "inline-flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-negative)]", children: resolvedLabels.errorMessage }),
+                  onRetry ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "ghost", onClick: onRetry, children: resolvedLabels.retryLabel }) : null
                 ] }) : null
               ]
             }
           ) : null
         ] }) : null,
         !hasRows && (!loading || error) ? renderEmptyState() : null,
-        hasRows ? isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        hasRows ? isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "div",
           {
             role: "list",
@@ -4836,7 +5290,7 @@ function TableBase({
             className: "flex min-w-0 flex-col gap-3.5",
             children: items.map((item, rowIndex) => {
               const rowActions = renderActions(item, rowIndex);
-              return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "article",
                 {
                   role: "listitem",
@@ -4844,10 +5298,12 @@ function TableBase({
                     "flex min-w-0 flex-col rounded-[20px]",
                     rowActions ? "gap-1" : "gap-2.5",
                     "border-[3px] border-solid border-[var(--theme-background)] bg-[var(--theme-surface)]",
-                    "px-3.5 py-3 shadow-none"
+                    "px-3.5 py-3 shadow-none",
+                    hasRowClick ? "cursor-pointer" : ""
                   ].join(" "),
+                  onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "div",
                       {
                         className: cx(
@@ -4866,7 +5322,7 @@ function TableBase({
                             1,
                             Math.min((_b = column.colSpan) != null ? _b : 1, mobileGridColumnCount)
                           );
-                          return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                             "div",
                             {
                               className: cx(
@@ -4874,7 +5330,7 @@ function TableBase({
                                 span === 2 ? "col-span-2" : "col-span-1"
                               ),
                               children: [
-                                !column.hideLabel && column.label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                                !column.hideLabel && column.label ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                                   "span",
                                   {
                                     className: [
@@ -4886,14 +5342,14 @@ function TableBase({
                                     children: column.label
                                   }
                                 ) : null,
-                                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                                   "div",
                                   {
                                     className: cx(
                                       "min-w-0 max-w-full",
                                       mobileGridColumnCount === 2 ? "" : "flex-1"
                                     ),
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                                       "div",
                                       {
                                         className: cx(
@@ -4901,7 +5357,7 @@ function TableBase({
                                           "text-[var(--theme-text)] [overflow-wrap:anywhere]",
                                           getAlignClassName(align)
                                         ),
-                                        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[var(--theme-textLight)]", children: "-" })
+                                        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[var(--theme-textLight)]", children: "-" })
                                       }
                                     )
                                   }
@@ -4913,15 +5369,15 @@ function TableBase({
                         })
                       }
                     ),
-                    rowActions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex justify-end pt-1", children: rowActions }) : null
+                    rowActions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex justify-end pt-1", children: rowActions }) : null
                   ]
                 },
                 getRowId(item, rowIndex, getCustomRowId)
               );
             })
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("style", { children: `
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("style", { children: `
                 #${scrollRegionId} {
                   scrollbar-width: thin;
                   scrollbar-color: var(--theme-secondary) transparent;
@@ -4948,7 +5404,7 @@ function TableBase({
                   background-clip: padding-box;
                 }
               ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               id: scrollRegionId,
@@ -4959,12 +5415,12 @@ function TableBase({
                 "rounded-[20px] border-2 border-solid border-[var(--theme-background)]",
                 "bg-[var(--theme-surface)] shadow-none"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: "w-max min-w-full max-w-none border-separate border-spacing-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("tr", { children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: "w-max min-w-full max-w-none border-separate border-spacing-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("tr", { children: [
                   desktopColumns.map((column, columnIndex) => {
                     var _a, _b;
                     const align = (_a = column.align) != null ? _a : column.type === "actions" ? "right" : "left";
-                    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                       "th",
                       {
                         colSpan: (_b = column.headerColSpan) != null ? _b : column.colSpan,
@@ -4984,7 +5440,7 @@ function TableBase({
                       getColumnKey(column, columnIndex)
                     );
                   }),
-                  actions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  actions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "th",
                     {
                       scope: "col",
@@ -5005,14 +5461,18 @@ function TableBase({
                     }
                   ) : null
                 ] }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { children: items.map((item, rowIndex) => {
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: items.map((item, rowIndex) => {
                   const rowActions = renderActions(item, rowIndex);
                   const isAlternateRow = rowIndex % 2 !== 0;
                   const stickyRowBackgroundImage = rowIndex % 2 === 0 ? void 0 : "linear-gradient(var(--theme-background), var(--theme-background))";
-                  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                     "tr",
                     {
-                      className: isAlternateRow ? "bg-[var(--theme-background)]" : "bg-[var(--theme-surface)]",
+                      className: [
+                        isAlternateRow ? "bg-[var(--theme-background)]" : "bg-[var(--theme-surface)]",
+                        hasRowClick ? "cursor-pointer" : ""
+                      ].join(" "),
+                      onClick: onRowClick ? () => onRowClick(item, rowIndex) : void 0,
                       children: [
                         desktopColumns.map((column, columnIndex) => {
                           return renderDesktopCell(
@@ -5022,7 +5482,7 @@ function TableBase({
                             columnIndex
                           );
                         }),
-                        actions ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        actions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                           "td",
                           {
                             className: cx(
@@ -5048,9 +5508,9 @@ function TableBase({
             }
           )
         ] }) : null,
-        hasRows && shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "-mt-2 flex flex-wrap items-center justify-between gap-3", children: [
-          shouldShowPaginationControls ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        hasRows && shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "-mt-2 flex flex-wrap items-center justify-between gap-3", children: [
+          shouldShowPaginationControls ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -5061,7 +5521,7 @@ function TableBase({
                 children: 1
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -5069,10 +5529,10 @@ function TableBase({
                 disabled: !canGoToPreviousPage,
                 "aria-label": resolvedLabels.previousPageLabel,
                 style: paginationButtonStyle,
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronIcon, { direction: "left" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronIcon, { direction: "left" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -5082,7 +5542,7 @@ function TableBase({
                 children: normalizedPage
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -5090,10 +5550,10 @@ function TableBase({
                 disabled: !canGoToNextPage,
                 "aria-label": resolvedLabels.nextPageLabel,
                 style: paginationButtonStyle,
-                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronIcon, { direction: "right" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronIcon, { direction: "right" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -5105,16 +5565,16 @@ function TableBase({
               }
             )
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               className: cx(
                 "flex items-center gap-2.5 text-[13px] text-[var(--theme-textLight)]",
                 shouldShowRowsPerPageControl ? "ml-auto" : ""
               ),
-              children: shouldShowRowsPerPageControl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                resolvedLabels.rowsPerPageLabel ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: resolvedLabels.rowsPerPageLabel }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-[72px]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: shouldShowRowsPerPageControl ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+                resolvedLabels.rowsPerPageLabel ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: resolvedLabels.rowsPerPageLabel }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-[72px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   Select,
                   {
                     value: String(pageSize),
@@ -5133,7 +5593,7 @@ function TableBase({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           Modal,
           {
             isOpen: isSettingsModalOpen,
@@ -5150,9 +5610,9 @@ function TableBase({
               paddingTop: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: "grid gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.tableInfoSectionTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: "grid gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.tableInfoSectionTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "div",
                   {
                     className: cx(
@@ -5160,31 +5620,31 @@ function TableBase({
                       "border-2 border-[var(--theme-background)] bg-[var(--theme-surface)]"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid gap-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.totalItemsInfoLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: totalItemCount })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.totalItemsInfoLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: totalItemCount })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid gap-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.totalPagesInfoLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: totalPages })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.totalPagesInfoLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: totalPages })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid gap-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.currentPageItemsInfoLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: currentPageItemCount })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.currentPageItemsInfoLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: currentPageItemCount })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "grid gap-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.currentPageInfoLabel }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: normalizedPage })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-[var(--theme-textLight)]", children: resolvedLabels.currentPageInfoLabel }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "font-medium text-[var(--theme-text)]", children: normalizedPage })
                       ] })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "py-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Separator, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: "grid gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.downloadSectionTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-wrap gap-2.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "py-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Separator, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: "grid gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.downloadSectionTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap gap-2.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     Button,
                     {
                       variant: "secondary",
@@ -5193,7 +5653,7 @@ function TableBase({
                       children: resolvedLabels.downloadCsvLabel
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     Button,
                     {
                       variant: "secondary",
@@ -5202,7 +5662,7 @@ function TableBase({
                       children: resolvedLabels.downloadXlsLabel
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     Button,
                     {
                       variant: "secondary",
@@ -5222,7 +5682,7 @@ function TableBase({
 }
 
 // src/components/Table.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Table({
   items,
   desktopColumns,
@@ -5238,13 +5698,13 @@ function Table({
   ...props
 }) {
   var _a;
-  const initialPageSizeOptions = (0, import_react12.useMemo)(() => {
+  const initialPageSizeOptions = (0, import_react15.useMemo)(() => {
     return sanitizePageSizeOptions(pageSizeOptions, defaultPageSize);
   }, [defaultPageSize, pageSizeOptions]);
-  const [searchValue, setSearchValue] = (0, import_react12.useState)(defaultSearchValue);
-  const [page, setPage] = (0, import_react12.useState)(Math.max(1, Math.floor(defaultPage)));
-  const [pageSize, setPageSize] = (0, import_react12.useState)((_a = initialPageSizeOptions[0]) != null ? _a : DEFAULT_PAGE_SIZE);
-  (0, import_react12.useEffect)(() => {
+  const [searchValue, setSearchValue] = (0, import_react15.useState)(defaultSearchValue);
+  const [page, setPage] = (0, import_react15.useState)(Math.max(1, Math.floor(defaultPage)));
+  const [pageSize, setPageSize] = (0, import_react15.useState)((_a = initialPageSizeOptions[0]) != null ? _a : DEFAULT_PAGE_SIZE);
+  (0, import_react15.useEffect)(() => {
     var _a2;
     if (initialPageSizeOptions.includes(pageSize)) {
       return;
@@ -5252,7 +5712,7 @@ function Table({
     const nextPageSize = (_a2 = initialPageSizeOptions[0]) != null ? _a2 : DEFAULT_PAGE_SIZE;
     setPageSize(nextPageSize);
   }, [initialPageSizeOptions, pageSize]);
-  const filteredItems = (0, import_react12.useMemo)(() => {
+  const filteredItems = (0, import_react15.useMemo)(() => {
     if (!searchable) {
       return items;
     }
@@ -5270,18 +5730,18 @@ function Table({
   const totalItems = filteredItems.length;
   const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
   const normalizedPage = clampPage(page, totalPages);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (normalizedPage === page) {
       return;
     }
     setPage(normalizedPage);
     onPageChange == null ? void 0 : onPageChange(normalizedPage);
   }, [normalizedPage, onPageChange, page]);
-  const pageItems = (0, import_react12.useMemo)(() => {
+  const pageItems = (0, import_react15.useMemo)(() => {
     const startIndex = (normalizedPage - 1) * pageSize;
     return filteredItems.slice(startIndex, startIndex + pageSize);
   }, [filteredItems, normalizedPage, pageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     TableBase,
     {
       ...props,
@@ -5317,8 +5777,8 @@ function Table({
 }
 
 // src/components/TableAsync.tsx
-var import_react13 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var areUnknownArraysEqual2 = (left, right) => {
   if (left.length !== right.length) {
     return false;
@@ -5343,25 +5803,25 @@ function TableAsync({
   ...props
 }) {
   var _a;
-  const initialPageSizeOptions = (0, import_react13.useMemo)(() => {
+  const initialPageSizeOptions = (0, import_react16.useMemo)(() => {
     return sanitizePageSizeOptions(pageSizeOptions, defaultPageSize);
   }, [defaultPageSize, pageSizeOptions]);
-  const [searchValue, setSearchValue] = (0, import_react13.useState)(defaultSearchValue);
-  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react13.useState)(defaultSearchValue);
-  const [page, setPage] = (0, import_react13.useState)(Math.max(1, Math.floor(defaultPage)));
-  const [pageSize, setPageSize] = (0, import_react13.useState)((_a = initialPageSizeOptions[0]) != null ? _a : DEFAULT_PAGE_SIZE);
-  const [items, setItems] = (0, import_react13.useState)([]);
-  const [totalPages, setTotalPages] = (0, import_react13.useState)(1);
-  const [totalItems, setTotalItems] = (0, import_react13.useState)(void 0);
-  const [loading, setLoading] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const [reloadKey, setReloadKey] = (0, import_react13.useState)(0);
-  const loadItemsRef = (0, import_react13.useRef)(loadItems);
-  const cacheUniqsRef = (0, import_react13.useRef)(cacheUniqs);
-  const activeControllerRef = (0, import_react13.useRef)(null);
-  const requestVersionRef = (0, import_react13.useRef)(0);
+  const [searchValue, setSearchValue] = (0, import_react16.useState)(defaultSearchValue);
+  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react16.useState)(defaultSearchValue);
+  const [page, setPage] = (0, import_react16.useState)(Math.max(1, Math.floor(defaultPage)));
+  const [pageSize, setPageSize] = (0, import_react16.useState)((_a = initialPageSizeOptions[0]) != null ? _a : DEFAULT_PAGE_SIZE);
+  const [items, setItems] = (0, import_react16.useState)([]);
+  const [totalPages, setTotalPages] = (0, import_react16.useState)(1);
+  const [totalItems, setTotalItems] = (0, import_react16.useState)(void 0);
+  const [loading, setLoading] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  const [reloadKey, setReloadKey] = (0, import_react16.useState)(0);
+  const loadItemsRef = (0, import_react16.useRef)(loadItems);
+  const cacheUniqsRef = (0, import_react16.useRef)(cacheUniqs);
+  const activeControllerRef = (0, import_react16.useRef)(null);
+  const requestVersionRef = (0, import_react16.useRef)(0);
   loadItemsRef.current = loadItems;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2;
     if (initialPageSizeOptions.includes(pageSize)) {
       return;
@@ -5369,7 +5829,7 @@ function TableAsync({
     const nextPageSize = (_a2 = initialPageSizeOptions[0]) != null ? _a2 : DEFAULT_PAGE_SIZE;
     setPageSize(nextPageSize);
   }, [initialPageSizeOptions, pageSize]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const timeoutId = window.setTimeout(() => {
       setDebouncedSearchValue(searchValue);
     }, searchDebounceMs);
@@ -5377,7 +5837,7 @@ function TableAsync({
       window.clearTimeout(timeoutId);
     };
   }, [searchDebounceMs, searchValue]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (areUnknownArraysEqual2(cacheUniqsRef.current, cacheUniqs)) {
       return;
     }
@@ -5385,7 +5845,7 @@ function TableAsync({
     setPage(1);
     setReloadKey((currentValue) => currentValue + 1);
   }, [cacheUniqs]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2;
     requestVersionRef.current += 1;
     const currentRequestVersion = requestVersionRef.current;
@@ -5423,21 +5883,21 @@ function TableAsync({
       setLoading(false);
     });
   }, [debouncedSearchValue, keepPreviousData, page, pageSize, reloadKey, searchable, ...cacheUniqs]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     return () => {
       var _a2;
       (_a2 = activeControllerRef.current) == null ? void 0 : _a2.abort();
     };
   }, []);
   const normalizedPage = clampPage(page, totalPages);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (normalizedPage === page) {
       return;
     }
     setPage(normalizedPage);
     onPageChange == null ? void 0 : onPageChange(normalizedPage);
   }, [normalizedPage, onPageChange, page]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     TableBase,
     {
       ...props,
@@ -5476,7 +5936,7 @@ function TableAsync({
 }
 
 // src/components/Textarea.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Textarea({
   label,
   hint,
@@ -5493,7 +5953,7 @@ function Textarea({
   const resolvedPlaceholder = placeholder != null ? placeholder : " ";
   const placeholderClass = floatingPlaceholder ? "placeholder-transparent" : "placeholder-[var(--theme-textLight)]";
   const isPopulated = rest.value !== void 0 && rest.value !== "" && rest.value !== null;
-  const textarea = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const textarea = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "textarea",
     {
       ...rest,
@@ -5518,7 +5978,7 @@ function Textarea({
       }
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     ControlFrame,
     {
       label,
@@ -5539,15 +5999,18 @@ function Textarea({
 injectUiKitFonts();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Alert,
   Button,
   Card,
   CardSmall,
   Checkbox,
   ComposableModal,
   DatePicker,
+  IconButton,
   Input,
   Loading,
   Modal,
+  ResultState,
   Select,
   SelectAsync,
   Separator,