smartsell-ui-kit 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -62,7 +62,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/ui-kit.css
-styleInject('.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.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.right-0 {\n  right: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.z-30 {\n  z-index: 30;\n}\n.z-\\[70\\] {\n  z-index: 70;\n}\n.m-0 {\n  margin: 0px;\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.mr-1 {\n  margin-right: 0.25rem;\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-\\[38px\\] {\n  height: 38px;\n}\n.h-\\[42px\\] {\n  height: 42px;\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.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-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.min-w-0 {\n  min-width: 0px;\n}\n.min-w-full {\n  min-width: 100%;\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.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.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\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.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-default {\n  cursor: default;\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.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\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.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-\\[0\\.4rem\\] {\n  border-radius: 0.4rem;\n}\n.rounded-\\[11px\\] {\n  border-radius: 11px;\n}\n.rounded-\\[14px\\] {\n  border-radius: 14px;\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-full {\n  border-radius: 9999px;\n}\n.rounded-none {\n  border-radius: 0px;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\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-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\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-\\[var\\(--ui-kit-accent\\)\\] {\n  border-color: var(--ui-kit-accent);\n}\n.border-\\[var\\(--ui-kit-modal-primary\\)\\] {\n  border-color: var(--ui-kit-modal-primary);\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-primary\\)\\] {\n  background-color: var(--theme-primary);\n}\n.bg-\\[var\\(--theme-surface\\)\\] {\n  background-color: var(--theme-surface);\n}\n.bg-\\[var\\(--theme-text\\)\\] {\n  background-color: var(--theme-text);\n}\n.bg-\\[var\\(--ui-kit-accent\\)\\] {\n  background-color: var(--ui-kit-accent);\n}\n.bg-\\[var\\(--ui-kit-modal-busy-overlay\\)\\] {\n  background-color: var(--ui-kit-modal-busy-overlay);\n}\n.bg-\\[var\\(--ui-kit-modal-primary\\)\\] {\n  background-color: var(--ui-kit-modal-primary);\n}\n.bg-\\[var\\(--ui-kit-select-option-hover-bg\\)\\] {\n  background-color: var(--ui-kit-select-option-hover-bg);\n}\n.bg-\\[var\\(--ui-kit-select-option-selected-bg\\)\\] {\n  background-color: var(--ui-kit-select-option-selected-bg);\n}\n.bg-\\[var\\(--ui-kit-surface-raised\\)\\] {\n  background-color: var(--ui-kit-surface-raised);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-\\[linear-gradient\\(180deg\\,var\\(--ui-kit-modal-surface-raised\\)\\,var\\(--ui-kit-modal-surface\\)\\)\\] {\n  background-image:\n    linear-gradient(\n      180deg,\n      var(--ui-kit-modal-surface-raised),\n      var(--ui-kit-modal-surface));\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-6 {\n  padding: 1.5rem;\n}\n.p-\\[18px\\] {\n  padding: 18px;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-\\[1\\.15rem\\] {\n  padding-left: 1.15rem;\n  padding-right: 1.15rem;\n}\n.px-\\[10px\\] {\n  padding-left: 10px;\n  padding-right: 10px;\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.px-\\[14px\\] {\n  padding-left: 14px;\n  padding-right: 14px;\n}\n.px-\\[18px\\] {\n  padding-left: 18px;\n  padding-right: 18px;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-\\[0\\.9rem\\] {\n  padding-top: 0.9rem;\n  padding-bottom: 0.9rem;\n}\n.py-\\[10px\\] {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.py-\\[11px\\] {\n  padding-top: 11px;\n  padding-bottom: 11px;\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-\\[7px\\] {\n  padding-top: 7px;\n  padding-bottom: 7px;\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-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-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-\\[1\\.05rem\\] {\n  font-size: 1.05rem;\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\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-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-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-\\[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\\.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\\.06em\\] {\n  letter-spacing: 0.06em;\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-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-\\[var\\(--ui-kit-modal-on-primary\\)\\] {\n  color: var(--ui-kit-modal-on-primary);\n}\n.text-\\[var\\(--ui-kit-modal-primary\\)\\] {\n  color: var(--ui-kit-modal-primary);\n}\n.text-\\[var\\(--ui-kit-modal-text\\)\\] {\n  color: var(--ui-kit-modal-text);\n}\n.text-\\[var\\(--ui-kit-muted-text\\)\\] {\n  color: var(--ui-kit-muted-text);\n}\n.text-\\[var\\(--ui-kit-placeholder\\)\\] {\n  color: var(--ui-kit-placeholder);\n}\n.text-\\[var\\(--ui-kit-select-indicator-disabled\\)\\] {\n  color: var(--ui-kit-select-indicator-disabled);\n}\n.text-\\[var\\(--ui-kit-select-muted\\)\\] {\n  color: var(--ui-kit-select-muted);\n}\n.text-\\[var\\(--ui-kit-select-option-disabled\\)\\] {\n  color: var(--ui-kit-select-option-disabled);\n}\n.text-\\[var\\(--ui-kit-select-placeholder\\)\\] {\n  color: var(--ui-kit-select-placeholder);\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-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-\\[0_0_0_3px_var\\(--ui-kit-focus-ring\\)\\] {\n  --tw-shadow: 0 0 0 3px var(--ui-kit-focus-ring);\n  --tw-shadow-colored: 0 0 0 3px 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-\\[0px_4px_5px_var\\(--theme-shadow\\)\\] {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.shadow-\\[var\\(--ui-kit-modal-button-shadow-contained\\)\\] {\n  --tw-shadow-color: var(--ui-kit-modal-button-shadow-contained);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.shadow-\\[var\\(--ui-kit-modal-button-shadow-outlined\\)\\] {\n  --tw-shadow-color: var(--ui-kit-modal-button-shadow-outlined);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.shadow-\\[var\\(--ui-kit-modal-control-shadow\\)\\] {\n  --tw-shadow-color: var(--ui-kit-modal-control-shadow);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.saturate-0 {\n  --tw-saturate: saturate(0);\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\\,box-shadow\\,background-color\\] {\n  transition-property:\n    border-color,\n    box-shadow,\n    background-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-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-shadow {\n  transition-property: box-shadow;\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.\\[background\\:var\\(--ui-kit-card-bg\\)\\] {\n  background: var(--ui-kit-card-bg);\n}\n.\\[border-color\\:var\\(--ui-kit-card-border\\)\\] {\n  border-color: var(--ui-kit-card-border);\n}\n.\\[grid-template-columns\\:repeat\\(auto-fit\\,minmax\\(120px\\,1fr\\)\\)\\] {\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n}\n:root {\n  --ui-kit-font-family:\n    "Lato",\n    system-ui,\n    sans-serif;\n}\n.ui-kit-root {\n  font-family: var(--ui-kit-font-family);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.ui-kit-root :is(button, input, textarea, select, option) {\n  font-family: var(--ui-kit-font-family);\n}\n.placeholder\\:text-\\[var\\(--ui-kit-placeholder\\)\\]::-moz-placeholder {\n  color: var(--ui-kit-placeholder);\n}\n.placeholder\\:text-\\[var\\(--ui-kit-placeholder\\)\\]::placeholder {\n  color: var(--ui-kit-placeholder);\n}\n.hover\\:-translate-y-\\[0\\.5px\\]:hover {\n  --tw-translate-y: -0.5px;\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.hover\\:border-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  border-color: var(--theme-primaryDark);\n}\n.hover\\:border-\\[var\\(--ui-kit-button-ghost-border\\)\\]:hover {\n  border-color: var(--ui-kit-button-ghost-border);\n}\n.hover\\:bg-\\[var\\(--theme-primary\\)\\]:hover {\n  background-color: var(--theme-primary);\n}\n.hover\\:bg-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  background-color: var(--theme-primaryDark);\n}\n.hover\\:bg-\\[var\\(--ui-kit-button-outline-hover\\)\\]:hover {\n  background-color: var(--ui-kit-button-outline-hover);\n}\n.hover\\:text-\\[var\\(--theme-onPrimary\\)\\]:hover {\n  color: var(--theme-onPrimary);\n}\n.hover\\:shadow-\\[0px_4px_5px_var\\(--theme-shadow\\)\\]:hover {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.active\\:translate-y-px:active {\n  --tw-translate-y: 1px;\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.active\\:scale-\\[0\\.985\\]:active {\n  --tw-scale-x: 0.985;\n  --tw-scale-y: 0.985;\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.active\\:border-\\[var\\(--ui-kit-button-ghost-border\\)\\]:active {\n  border-color: var(--ui-kit-button-ghost-border);\n}\n.active\\:bg-\\[var\\(--theme-primary\\)\\]:active {\n  background-color: var(--theme-primary);\n}\n.active\\:bg-\\[var\\(--ui-kit-button-outline-active\\)\\]:active {\n  background-color: var(--ui-kit-button-outline-active);\n}\n.active\\:text-\\[var\\(--theme-onPrimary\\)\\]:active {\n  color: var(--theme-onPrimary);\n}\n.active\\:shadow-\\[0px_4px_5px_var\\(--theme-shadow\\)\\]:active {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.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');
+styleInject('.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.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.right-0 {\n  right: 0px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.z-30 {\n  z-index: 30;\n}\n.z-\\[70\\] {\n  z-index: 70;\n}\n.m-0 {\n  margin: 0px;\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.mr-1 {\n  margin-right: 0.25rem;\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-\\[38px\\] {\n  height: 38px;\n}\n.h-\\[42px\\] {\n  height: 42px;\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.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-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.min-w-0 {\n  min-width: 0px;\n}\n.min-w-full {\n  min-width: 100%;\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.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.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\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.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-default {\n  cursor: default;\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.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\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.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-\\[0\\.4rem\\] {\n  border-radius: 0.4rem;\n}\n.rounded-\\[11px\\] {\n  border-radius: 11px;\n}\n.rounded-\\[14px\\] {\n  border-radius: 14px;\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-full {\n  border-radius: 9999px;\n}\n.rounded-none {\n  border-radius: 0px;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\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-b {\n  border-bottom-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\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-secondary\\)\\] {\n  border-color: var(--theme-secondary);\n}\n.border-\\[var\\(--theme-textLight\\)\\] {\n  border-color: var(--theme-textLight);\n}\n.border-\\[var\\(--ui-kit-accent\\)\\] {\n  border-color: var(--ui-kit-accent);\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-primary\\)\\] {\n  background-color: var(--theme-primary);\n}\n.bg-\\[var\\(--theme-surface\\)\\] {\n  background-color: var(--theme-surface);\n}\n.bg-\\[var\\(--theme-text\\)\\] {\n  background-color: var(--theme-text);\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-6 {\n  padding: 1.5rem;\n}\n.p-\\[18px\\] {\n  padding: 18px;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-\\[1\\.15rem\\] {\n  padding-left: 1.15rem;\n  padding-right: 1.15rem;\n}\n.px-\\[10px\\] {\n  padding-left: 10px;\n  padding-right: 10px;\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.px-\\[14px\\] {\n  padding-left: 14px;\n  padding-right: 14px;\n}\n.px-\\[18px\\] {\n  padding-left: 18px;\n  padding-right: 18px;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-\\[0\\.9rem\\] {\n  padding-top: 0.9rem;\n  padding-bottom: 0.9rem;\n}\n.py-\\[10px\\] {\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.py-\\[11px\\] {\n  padding-top: 11px;\n  padding-bottom: 11px;\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-\\[7px\\] {\n  padding-top: 7px;\n  padding-bottom: 7px;\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-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-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-\\[1\\.05rem\\] {\n  font-size: 1.05rem;\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\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-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-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-\\[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\\.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\\.06em\\] {\n  letter-spacing: 0.06em;\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.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-\\[0px_4px_5px_var\\(--theme-shadow\\)\\] {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.saturate-0 {\n  --tw-saturate: saturate(0);\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\\,box-shadow\\,background-color\\] {\n  transition-property:\n    border-color,\n    box-shadow,\n    background-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-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.\\[grid-template-columns\\:repeat\\(auto-fit\\,minmax\\(120px\\,1fr\\)\\)\\] {\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n}\n:root {\n  --ui-kit-font-family:\n    "Lato",\n    system-ui,\n    sans-serif;\n}\n.ui-kit-root {\n  font-family: var(--ui-kit-font-family);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.ui-kit-root :is(button, input, textarea, select, option) {\n  font-family: var(--ui-kit-font-family);\n}\n.placeholder\\:text-\\[var\\(--theme-textLight\\)\\]::-moz-placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder\\:text-\\[var\\(--theme-textLight\\)\\]::placeholder {\n  color: var(--theme-textLight);\n}\n.placeholder\\:opacity-100::-moz-placeholder {\n  opacity: 1;\n}\n.placeholder\\:opacity-100::placeholder {\n  opacity: 1;\n}\n.hover\\:-translate-y-\\[0\\.5px\\]:hover {\n  --tw-translate-y: -0.5px;\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.hover\\:border-\\[var\\(--theme-primary\\)\\]:hover {\n  border-color: var(--theme-primary);\n}\n.hover\\:border-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  border-color: var(--theme-primaryDark);\n}\n.hover\\:bg-\\[var\\(--theme-primary\\)\\]:hover {\n  background-color: var(--theme-primary);\n}\n.hover\\:bg-\\[var\\(--theme-primaryDark\\)\\]:hover {\n  background-color: var(--theme-primaryDark);\n}\n.hover\\:bg-\\[var\\(--theme-surface\\)\\]:hover {\n  background-color: var(--theme-surface);\n}\n.hover\\:text-\\[var\\(--theme-onPrimary\\)\\]:hover {\n  color: var(--theme-onPrimary);\n}\n.hover\\:shadow-\\[0px_4px_5px_var\\(--theme-shadow\\)\\]:hover {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.active\\:translate-y-px:active {\n  --tw-translate-y: 1px;\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.active\\:scale-\\[0\\.985\\]:active {\n  --tw-scale-x: 0.985;\n  --tw-scale-y: 0.985;\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.active\\:border-\\[var\\(--theme-primary\\)\\]:active {\n  border-color: var(--theme-primary);\n}\n.active\\:bg-\\[var\\(--theme-primary\\)\\]:active {\n  background-color: var(--theme-primary);\n}\n.active\\:bg-\\[var\\(--theme-secondary\\)\\]:active {\n  background-color: var(--theme-secondary);\n}\n.active\\:text-\\[var\\(--theme-onPrimary\\)\\]:active {\n  color: var(--theme-onPrimary);\n}\n.active\\:shadow-\\[0px_4px_5px_var\\(--theme-shadow\\)\\]:active {\n  --tw-shadow: 0px 4px 5px var(--theme-shadow);\n  --tw-shadow-colored: 0px 4px 5px 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.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');
 
 // node_modules/@fontsource/lato/files/lato-latin-400-normal.woff
 var lato_latin_400_normal_default = "data:font/woff;base64,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";
@@ -149,21 +149,12 @@ 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;
 
 // src/foundation/controlSize.ts
+var CONTROL_LEADING_ICON_SHIFT = 5;
 var CONTROL_METRICS_BY_SIZE = {
   sm: {
     height: 30,
@@ -197,22 +188,20 @@ var CONTROL_METRICS_BY_SIZE = {
   }
 };
 var getControlMetrics = (size) => CONTROL_METRICS_BY_SIZE[size];
+var getControlLeadingIconInset = (size) => {
+  const metrics = getControlMetrics(size);
+  return Math.round(metrics.paddingX / 2) + CONTROL_LEADING_ICON_SHIFT;
+};
+var getControlLeadingAdornmentWidth = (size, iconSize) => {
+  return getControlLeadingIconInset(size) + iconSize;
+};
 var getSelectIndicatorOffset = (size) => getControlMetrics(size).selectIndicatorOffset;
 
 // src/foundation/shadow.ts
-var LIGHT_SHADOW = "#B8B8B8";
-var DARK_SHADOW = "#181818";
-function getComponentShadow(theme) {
-  var _a;
-  const colors = theme.colors;
-  const fallbackShadow = `${theme.title}`.toUpperCase() === "DARK" ? DARK_SHADOW : LIGHT_SHADOW;
-  const shadowColor = (_a = colors.shadow) != null ? _a : fallbackShadow;
-  return `${shadowColor} 0px 4px 5px`;
-}
 function getInsetBorderShadow(borderColor, options = {}) {
   const {
     outerShadow,
-    componentShadow = "var(--ui-kit-component-shadow)",
+    componentShadow = "0px 4px 5px var(--theme-shadow)",
     insetWidth = 1
   } = options;
   return [
@@ -297,29 +286,14 @@ var ROOT_THEME_VARIABLES = [
   ["--theme-onPrimary", "onPrimary"],
   ["--theme-onSecondary", "onSecondary"]
 ];
-var syncUiKitThemeVariables = (tokens) => {
+var syncUiKitThemeVariables = (theme) => {
   if (typeof document === "undefined") {
     return;
   }
   const rootStyle = document.documentElement.style;
   ROOT_THEME_VARIABLES.forEach(([variableName, colorName]) => {
-    rootStyle.setProperty(variableName, tokens.theme.colors[colorName]);
+    rootStyle.setProperty(variableName, theme.colors[colorName]);
   });
-  rootStyle.setProperty("--ui-kit-border-soft", tokens.borderSoft);
-  rootStyle.setProperty("--ui-kit-border-strong", tokens.borderStrong);
-  rootStyle.setProperty("--ui-kit-surface-muted", tokens.surfaceMuted);
-  rootStyle.setProperty("--ui-kit-surface-raised", tokens.surfaceRaised);
-  rootStyle.setProperty("--ui-kit-overlay", tokens.overlay);
-  rootStyle.setProperty("--ui-kit-focus-ring", tokens.focusRing);
-  rootStyle.setProperty("--ui-kit-muted-text", tokens.mutedText);
-  rootStyle.setProperty("--ui-kit-component-shadow", getComponentShadow(tokens.theme));
-  rootStyle.setProperty("--ui-kit-card-bg", withAlpha(tokens.theme.colors.background, 0.7));
-  rootStyle.setProperty("--ui-kit-card-border", withAlpha(tokens.theme.colors.text, 0.5));
-  rootStyle.setProperty("--ui-kit-button-outline-hover", withAlpha(tokens.theme.colors.text, 0.08));
-  rootStyle.setProperty("--ui-kit-button-outline-active", withAlpha(tokens.theme.colors.text, 0.14));
-  rootStyle.setProperty("--ui-kit-button-ghost-border", withAlpha(tokens.theme.colors.primary, 0.5));
-  rootStyle.setProperty("--ui-kit-placeholder", withAlpha(tokens.theme.colors.text, 0.5));
-  rootStyle.setProperty("--ui-kit-negative-soft", withAlpha(tokens.theme.colors.negative, 0.12));
 };
 function normalizeUiKitTheme(theme) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
@@ -353,26 +327,13 @@ function normalizeUiKitTheme(theme) {
     color: normalizedColors
   };
 }
-function createUiKitThemeTokens(themeSource) {
-  const theme = normalizeUiKitTheme(themeSource);
-  return {
-    theme,
-    borderSoft: withAlpha(theme.colors.text, 0.1),
-    borderStrong: withAlpha(theme.colors.text, 0.16),
-    surfaceMuted: withAlpha(theme.colors.text, 0.04),
-    surfaceRaised: withAlpha(theme.colors.surface, 0.94),
-    overlay: withAlpha("#030712", 0.62),
-    focusRing: withAlpha(theme.colors.primary, 0.22),
-    mutedText: withAlpha(theme.colors.text, 0.72)
-  };
-}
 function useUiKitTheme() {
   const activeTheme = (0, import_smartsell_theme.useThemeValue)();
-  const tokens = (0, import_react.useMemo)(() => createUiKitThemeTokens(activeTheme), [activeTheme]);
+  const theme = (0, import_react.useMemo)(() => normalizeUiKitTheme(activeTheme), [activeTheme]);
   (0, import_react.useEffect)(() => {
-    syncUiKitThemeVariables(tokens);
-  }, [tokens]);
-  return tokens;
+    syncUiKitThemeVariables(theme);
+  }, [theme]);
+  return theme;
 }
 
 // src/components/Button.tsx
@@ -400,10 +361,10 @@ var BUTTON_VARIANT_CLASSNAMES = {
     "text-[var(--theme-text)]",
     "shadow-[0px_4px_5px_var(--theme-shadow)]",
     "hover:-translate-y-[0.5px]",
-    "hover:bg-[var(--ui-kit-button-outline-hover)]",
+    "hover:bg-[var(--theme-surface)]",
     "active:translate-y-px",
     "active:scale-[0.985]",
-    "active:bg-[var(--ui-kit-button-outline-active)]"
+    "active:bg-[var(--theme-secondary)]"
   ].join(" "),
   ghost: [
     "border-transparent",
@@ -411,13 +372,13 @@ var BUTTON_VARIANT_CLASSNAMES = {
     "text-[var(--theme-text)]",
     "shadow-none",
     "hover:-translate-y-[0.5px]",
-    "hover:border-[var(--ui-kit-button-ghost-border)]",
+    "hover:border-[var(--theme-primary)]",
     "hover:bg-[var(--theme-primary)]",
     "hover:text-[var(--theme-onPrimary)]",
     "hover:shadow-[0px_4px_5px_var(--theme-shadow)]",
     "active:translate-y-px",
     "active:scale-[0.985]",
-    "active:border-[var(--ui-kit-button-ghost-border)]",
+    "active:border-[var(--theme-primary)]",
     "active:bg-[var(--theme-primary)]",
     "active:text-[var(--theme-onPrimary)]",
     "active:shadow-[0px_4px_5px_var(--theme-shadow)]"
@@ -480,10 +441,8 @@ function Card({
       ...rest,
       className: cx(
         UI_KIT_ROOT_CLASSNAME,
-        "rounded-[28px] border text-[var(--theme-text)]",
+        "rounded-[28px] border border-[var(--theme-secondary)] bg-[var(--theme-surface)] text-[var(--theme-text)]",
         "shadow-[0px_4px_5px_var(--theme-shadow)]",
-        "[background:var(--ui-kit-card-bg)]",
-        "[border-color:var(--ui-kit-card-border)]",
         padded && "p-6",
         className
       ),
@@ -512,7 +471,7 @@ function CardSmall({
   style,
   ...rest
 }) {
-  const { theme } = useUiKitTheme();
+  const theme = useUiKitTheme();
   const accentColor = color != null ? color : theme.colors.primary;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
@@ -522,7 +481,7 @@ function CardSmall({
         UI_KIT_ROOT_CLASSNAME,
         "relative flex min-h-20 items-center gap-4 overflow-hidden",
         "rounded-2xl border border-solid border-[var(--ui-kit-accent)]",
-        "bg-[var(--ui-kit-surface-raised)] pl-6 pr-6 text-[var(--theme-text)]",
+        "bg-[var(--theme-surface)] pl-6 pr-6 text-[var(--theme-text)]",
         "shadow-[0px_4px_5px_var(--theme-shadow)]",
         className
       ),
@@ -608,7 +567,7 @@ function CheckboxIndicator({
   uncheckedBackgroundColor,
   style
 }) {
-  const { theme } = useUiKitTheme();
+  const theme = useUiKitTheme();
   const isActive = checked || indeterminate;
   const resolvedCheckedColor = checkedColor != null ? checkedColor : theme.colors.textLight;
   const resolvedIconColor = iconColor != null ? iconColor : theme.colors.surface;
@@ -658,7 +617,8 @@ function Checkbox({
   onBlur,
   ...rest
 }) {
-  const { theme, mutedText } = useUiKitTheme();
+  const theme = useUiKitTheme();
+  const mutedText = theme.colors.textLight;
   const indicatorSize = getCheckboxSize(controlSize);
   const hasLabel = hasNodeContent(label);
   const hasHint = hasNodeContent(hint);
@@ -666,7 +626,6 @@ function Checkbox({
   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 [isFocused, setIsFocused] = (0, import_react2.useState)(false);
   const [internalChecked, setInternalChecked] = (0, import_react2.useState)(Boolean(defaultChecked));
   const isControlled = checked !== void 0;
   const resolvedChecked = isControlled ? Boolean(checked) : internalChecked;
@@ -698,9 +657,7 @@ function Checkbox({
               {
                 className: cx(
                   "relative inline-flex shrink-0 items-center justify-center rounded-full p-0.5",
-                  hasSecondaryContent ? "mt-px" : "mt-0",
-                  "transition-shadow duration-150",
-                  isFocused ? "shadow-[0_0_0_3px_var(--ui-kit-focus-ring)]" : "shadow-none"
+                  hasSecondaryContent ? "mt-px" : "mt-0"
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -720,11 +677,9 @@ function Checkbox({
                         onChange == null ? void 0 : onChange(event);
                       },
                       onFocus: (event) => {
-                        setIsFocused(true);
                         onFocus == null ? void 0 : onFocus(event);
                       },
                       onBlur: (event) => {
-                        setIsFocused(false);
                         onBlur == null ? void 0 : onBlur(event);
                       },
                       className: cx(
@@ -742,7 +697,7 @@ function Checkbox({
                       size: indicatorSize,
                       checkedColor: theme.colors.primary,
                       iconColor: theme.colors.onPrimary,
-                      uncheckedBorderColor: withAlpha(theme.colors.text, 0.24),
+                      uncheckedBorderColor: theme.colors.text,
                       uncheckedBackgroundColor: theme.colors.surface,
                       style: disabled ? { opacity: 1 } : void 0
                     }
@@ -762,7 +717,7 @@ function Checkbox({
                     label,
                     required ? /* @__PURE__ */ (0, import_jsx_runtime4.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(--ui-kit-muted-text)]", children: hint }) : 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
                 ]
               }
@@ -780,29 +735,25 @@ var import_react4 = require("react");
 // src/components/Modal.tsx
 var import_react3 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var isUiKitThemeTokens = (theme) => {
-  return Boolean(theme && typeof theme === "object" && "theme" in theme);
+var isUiKitTheme = (theme) => {
+  return Boolean(theme && typeof theme === "object" && "title" in theme && "color" in theme);
 };
-var withResolvedModalColors = (theme) => ({
-  ...theme,
-  colors: theme.theme.colors
-});
 var resolveTheme = (baseTheme, themeOverride) => {
-  if (isUiKitThemeTokens(themeOverride)) {
-    return withResolvedModalColors(themeOverride);
+  if (isUiKitTheme(themeOverride)) {
+    return themeOverride;
   }
   if (!(themeOverride == null ? void 0 : themeOverride.colors)) {
-    return withResolvedModalColors(baseTheme);
+    return baseTheme;
   }
   const colors = {
-    ...baseTheme.theme.colors,
+    ...baseTheme.colors,
     ...themeOverride.colors
   };
-  return withResolvedModalColors(createUiKitThemeTokens({
-    ...baseTheme.theme,
+  return normalizeUiKitTheme({
+    ...baseTheme,
     colors,
     color: colors
-  }));
+  });
 };
 var normalizeWidth = (maxWidth) => {
   if (typeof maxWidth === "number") {
@@ -826,8 +777,7 @@ var createTitleId = (title) => {
   return "smartsell-modal-dialog";
 };
 function ModalActionButton({
-  action,
-  theme
+  action
 }) {
   var _a, _b;
   const {
@@ -842,12 +792,12 @@ function ModalActionButton({
     "m-0 text-center font-bold leading-[1.2]",
     appearance === "link" ? "p-0 text-[1.05rem]" : "px-[1.15rem] py-[0.9rem] text-[1.05rem]",
     disabled ? "cursor-not-allowed saturate-0" : "cursor-pointer",
-    appearance === "text" && "border border-transparent bg-transparent text-[var(--ui-kit-modal-primary)] shadow-none",
-    appearance === "link" && "border-0 bg-transparent text-[var(--ui-kit-modal-primary)] shadow-none",
-    appearance === "outlined" && "border-2 border-[var(--ui-kit-modal-primary)] bg-transparent",
-    appearance === "outlined" && "text-[var(--ui-kit-modal-primary)] shadow-[var(--ui-kit-modal-button-shadow-outlined)]",
-    appearance === "contained" && "border border-transparent bg-[var(--ui-kit-modal-primary)]",
-    appearance === "contained" && "text-[var(--ui-kit-modal-on-primary)] shadow-[var(--ui-kit-modal-button-shadow-contained)]"
+    appearance === "text" && "border border-transparent bg-transparent text-[var(--theme-primary)] shadow-none",
+    appearance === "link" && "border-0 bg-transparent text-[var(--theme-primary)] shadow-none",
+    appearance === "outlined" && "border-2 border-[var(--theme-primary)] bg-transparent",
+    appearance === "outlined" && "text-[var(--theme-primary)]",
+    appearance === "contained" && "border border-transparent bg-[var(--theme-primary)]",
+    appearance === "contained" && "text-[var(--theme-onPrimary)]"
   );
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
@@ -865,7 +815,10 @@ function ModalActionButton({
           onClick: disabled ? void 0 : onClick,
           disabled,
           className: buttonClassName,
-          style: { opacity: disabled ? DISABLED_COMPONENT_OPACITY : 1 },
+          style: {
+            opacity: disabled ? DISABLED_COMPONENT_OPACITY : 1,
+            boxShadow: appearance === "text" || appearance === "link" ? "none" : "0 14px 28px var(--theme-shadow)"
+          },
           children: label
         }
       )
@@ -882,8 +835,8 @@ function ModalBusyIndicator({
       role: "status",
       className: "relative inline-flex h-14 w-14 items-center justify-center rounded-full",
       style: {
-        backgroundColor: withAlpha(theme.colors.surface, 0.88),
-        boxShadow: `0 18px 36px ${withAlpha(theme.colors.text, 0.08)}`
+        backgroundColor: theme.colors.surface,
+        boxShadow: `0 18px 36px ${theme.colors.shadow}`
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ui-kit-sr-only", children: "Loading" }),
@@ -894,7 +847,7 @@ function ModalBusyIndicator({
               cx: "20",
               cy: "20",
               r: "16",
-              stroke: withAlpha(theme.colors.text, 0.12),
+              stroke: theme.colors.textLight,
               strokeWidth: "4"
             }
           ),
@@ -977,24 +930,22 @@ function UnifiedModal({
   const inheritedTheme = useUiKitTheme();
   const modalTheme = (0, import_react3.useMemo)(() => resolveTheme(inheritedTheme, theme), [inheritedTheme, theme]);
   const modalShadow = (0, import_react3.useMemo)(() => {
-    return `0 34px 80px ${withAlpha(modalTheme.theme.colors.shadow, 0.28)}`;
-  }, [modalTheme.theme.colors.shadow]);
-  const controlShadow = (0, import_react3.useMemo)(() => getComponentShadow(modalTheme.theme), [modalTheme.theme]);
-  const modalVariables = (0, import_react3.useMemo)(() => ({
-    "--ui-kit-modal-overlay": modalTheme.overlay,
-    "--ui-kit-modal-surface": modalTheme.colors.surface,
-    "--ui-kit-modal-surface-raised": modalTheme.surfaceRaised,
-    "--ui-kit-modal-text": modalTheme.colors.text,
-    "--ui-kit-modal-border-soft": modalTheme.borderSoft,
-    "--ui-kit-modal-divider": withAlpha(modalTheme.colors.text, 0.06),
-    "--ui-kit-modal-primary": modalTheme.colors.primary,
-    "--ui-kit-modal-on-primary": modalTheme.colors.onPrimary,
-    "--ui-kit-modal-shadow": modalShadow,
-    "--ui-kit-modal-control-shadow": controlShadow,
-    "--ui-kit-modal-busy-overlay": withAlpha(modalTheme.colors.surface, 0.58),
-    "--ui-kit-modal-button-shadow-outlined": `0 14px 28px ${withAlpha(modalTheme.colors.text, 0.08)}`,
-    "--ui-kit-modal-button-shadow-contained": `0 14px 28px ${withAlpha(modalTheme.colors.primary, 0.22)}`
-  }), [controlShadow, modalShadow, modalTheme]);
+    return `0 34px 80px ${modalTheme.colors.shadow}`;
+  }, [modalTheme.colors.shadow]);
+  const controlShadow = "0px 4px 5px var(--theme-shadow)";
+  const modalThemeVariables = (0, import_react3.useMemo)(() => ({
+    "--theme-background": modalTheme.colors.background,
+    "--theme-surface": modalTheme.colors.surface,
+    "--theme-text": modalTheme.colors.text,
+    "--theme-textLight": modalTheme.colors.textLight,
+    "--theme-primary": modalTheme.colors.primary,
+    "--theme-onPrimary": modalTheme.colors.onPrimary,
+    "--theme-secondary": modalTheme.colors.secondary,
+    "--theme-onSecondary": modalTheme.colors.onSecondary,
+    "--theme-negative": modalTheme.colors.negative,
+    "--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 shouldDisableDismiss = disableDismiss || isBusy;
@@ -1031,7 +982,7 @@ function UnifiedModal({
     "h2",
     {
       id: titleId,
-      className: "m-0 text-2xl font-extrabold leading-[1.1] text-[var(--ui-kit-modal-text)]",
+      className: "m-0 text-2xl font-extrabold leading-[1.1] text-[var(--theme-text)]",
       children: title
     }
   ) : null;
@@ -1041,8 +992,7 @@ function UnifiedModal({
       footerContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ModalActionButton,
         {
-          action: { ...closeAction, disabled: closeAction.disabled || isBusy },
-          theme: modalTheme
+          action: { ...closeAction, disabled: closeAction.disabled || isBusy }
         }
       );
     } else {
@@ -1075,8 +1025,7 @@ function UnifiedModal({
       footerContent = resolvedActions.length > 0 ? resolvedActions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ModalActionButton,
         {
-          action,
-          theme: modalTheme
+          action
         },
         `modal-action-${index}`
       )) : void 0;
@@ -1098,17 +1047,17 @@ function UnifiedModal({
       },
       className: cx(UI_KIT_ROOT_CLASSNAME, "fixed inset-0 z-[70] flex items-center justify-center backdrop-blur-[8px]"),
       style: {
-        ...modalVariables,
+        ...modalThemeVariables,
         padding: isMaximized ? 0 : 16,
-        backgroundColor: "var(--ui-kit-modal-overlay)"
+        backgroundColor: modalTheme.colors.shadow
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           className: cx(
             "relative flex flex-col overflow-hidden border",
-            "bg-[linear-gradient(180deg,var(--ui-kit-modal-surface-raised),var(--ui-kit-modal-surface))]",
-            "text-[var(--ui-kit-modal-text)]",
+            "bg-[var(--theme-surface)]",
+            "text-[var(--theme-text)]",
             isMaximized ? "rounded-none" : "rounded-[30px]"
           ),
           style: {
@@ -1117,8 +1066,8 @@ function UnifiedModal({
             height: isMaximized ? "100vh" : void 0,
             maxHeight: isMaximized ? "100vh" : "calc(100vh - 32px)",
             minWidth: isMaximized ? "100vw" : 300,
-            borderColor: "var(--ui-kit-modal-border-soft)",
-            boxShadow: "var(--ui-kit-modal-shadow)",
+            borderColor: modalTheme.colors.secondary,
+            boxShadow: modalShadow,
             ...contentStyle
           },
           children: [
@@ -1126,7 +1075,7 @@ function UnifiedModal({
               "div",
               {
                 className: "flex items-start justify-between gap-3 border-b px-5 pb-3 pt-[18px]",
-                style: { borderColor: "var(--ui-kit-modal-divider)" },
+                style: { borderColor: modalTheme.colors.secondary },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
@@ -1146,8 +1095,8 @@ function UnifiedModal({
                         title: isMaximized ? "Minimize" : "Maximize",
                         type: "button",
                         onClick: () => setIsMaximized((current) => !current),
-                        className: "m-0 inline-flex h-[30px] w-[30px] shrink-0 cursor-pointer appearance-none items-center justify-center rounded-full border bg-transparent p-0 text-[var(--ui-kit-modal-text)] leading-none shadow-[var(--ui-kit-modal-control-shadow)]",
-                        style: { borderColor: "var(--ui-kit-modal-border-soft)" },
+                        className: "m-0 inline-flex h-[30px] w-[30px] shrink-0 cursor-pointer appearance-none items-center justify-center rounded-full border bg-transparent p-0 text-[var(--theme-text)] leading-none",
+                        style: { borderColor: modalTheme.colors.secondary, boxShadow: controlShadow },
                         children: isMaximized ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MinimizeIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MaximizeIcon, {})
                       }
                     ) : null,
@@ -1159,12 +1108,12 @@ function UnifiedModal({
                         onClick: shouldDisableDismiss ? void 0 : onClose,
                         className: cx(
                           "flex h-[30px] w-[30px] items-center justify-center rounded-full border",
-                          "bg-transparent text-[20px] font-bold text-[var(--ui-kit-modal-text)]",
-                          "shadow-[var(--ui-kit-modal-control-shadow)]",
+                          "bg-transparent text-[20px] font-bold text-[var(--theme-text)]",
                           shouldDisableDismiss ? "cursor-not-allowed" : "cursor-pointer"
                         ),
                         style: {
-                          borderColor: "var(--ui-kit-modal-border-soft)",
+                          borderColor: modalTheme.colors.secondary,
+                          boxShadow: controlShadow,
                           opacity: shouldDisableDismiss ? DISABLED_COMPONENT_OPACITY : 1
                         },
                         children: "\xD7"
@@ -1193,7 +1142,8 @@ function UnifiedModal({
                   isBusy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
                     {
-                      className: "absolute inset-0 flex items-center justify-center bg-[var(--ui-kit-modal-busy-overlay)] backdrop-blur-[2px]",
+                      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 })
                     }
                   ) : null
@@ -1204,7 +1154,7 @@ function UnifiedModal({
               "div",
               {
                 className: "flex justify-end gap-2.5 border-t px-5 pb-4 pt-3",
-                style: { borderColor: "var(--ui-kit-modal-divider)" },
+                style: { borderColor: modalTheme.colors.secondary },
                 children: footerContent
               }
             ) : null
@@ -1345,6 +1295,218 @@ var FIELD_PADDING_X_CLASSNAMES = {
   lg: "px-4"
 };
 var getPasswordToggleMetrics = (size) => PASSWORD_TOGGLE_METRICS_BY_SIZE[size];
+var LOGIN_VALIDATION_ERROR = "Spaces are not allowed.";
+var EMAIL_VALIDATION_ERROR = "Enter a valid email address.";
+var EMAIL_VALUE_PATTERN = /^[^\s@]+@[^\s@]+$/;
+var SPACE_PATTERN = /\s/;
+var isRenderableNode = (node) => node !== null && node !== void 0 && node !== false;
+var getInputValidationError = (type, value) => {
+  if (!value) {
+    return void 0;
+  }
+  if (type === "login") {
+    return SPACE_PATTERN.test(value) ? LOGIN_VALIDATION_ERROR : void 0;
+  }
+  if (type === "email") {
+    return EMAIL_VALUE_PATTERN.test(value) ? void 0 : EMAIL_VALIDATION_ERROR;
+  }
+  return void 0;
+};
+function EmailIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M4.375 6.25 10 10.625l5.625-4.375",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function LoginIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", 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)(
+      "path",
+      {
+        d: "M4.75 16a5.25 5.25 0 0 1 10.5 0",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function FileIcon({ size, selected }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: size, height: size, 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)(
+      "path",
+      {
+        d: "M5.5 6.25h9",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M7.75 8.25v5.5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M10 8.25v5.5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M12.25 8.25v5.5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M11.875 2.75V6.25H15.375",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M7.5 10h5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M7.5 13h5",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    )
+  ] }) });
+}
+function PasswordVisibleIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M6.75 8V6.75A3.25 3.25 0 0 1 12.262 4.415",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M10 11.25v1.5",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function PasswordHiddenIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        d: "M6.75 8V6.75A3.25 3.25 0 1 1 13.25 6.75V8",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.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",
+        stroke: "currentColor",
+        strokeWidth: "1.8",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M10 11.25v1.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
+  ] });
+}
 function ControlFrame({
   label,
   hint,
@@ -1373,7 +1535,7 @@ function ControlFrame({
             ]
           }
         ) : null,
-        hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--ui-kit-muted-text)]", children: hint }) : null
+        hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null
       ] }) : null,
       children,
       error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
@@ -1385,7 +1547,7 @@ function ControlFrame({
         label,
         required ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ml-1 text-[var(--theme-negative)]", children: "*" }) : null
       ] }) : null,
-      hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--ui-kit-muted-text)]", children: hint }) : null
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] leading-[1.45] text-[var(--theme-textLight)]", children: hint }) : null
     ] }) : null,
     children,
     error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[13px] font-semibold leading-[1.45] text-[var(--theme-negative)]", children: error }) : null
@@ -1399,6 +1561,7 @@ function Input({
   className,
   showPasswordToggle = true,
   fileButtonLabel,
+  icon,
   id,
   disabled,
   placeholder,
@@ -1415,36 +1578,57 @@ function Input({
   const fileInputRef = (0, import_react5.useRef)(null);
   const [isPasswordVisible, setIsPasswordVisible] = (0, import_react5.useState)(false);
   const [selectedFileNames, setSelectedFileNames] = (0, import_react5.useState)([]);
+  const [validationError, setValidationError] = (0, import_react5.useState)();
   const isPasswordField = type === "password";
   const isEmailField = type === "email";
+  const isLoginField = type === "login";
   const isFileField = type === "file";
   const canTogglePasswordVisibility = isPasswordField && showPasswordToggle;
-  const resolvedType = canTogglePasswordVisibility ? isPasswordVisible ? "text" : "password" : type;
+  const resolvedType = isLoginField ? "text" : canTogglePasswordVisibility ? isPasswordVisible ? "text" : "password" : type;
   (0, import_react5.useEffect)(() => {
     if (!isFileField) {
       setSelectedFileNames([]);
     }
   }, [isFileField]);
+  (0, import_react5.useEffect)(() => {
+    if (!isEmailField && !isLoginField) {
+      setValidationError(void 0);
+    }
+  }, [isEmailField, isLoginField]);
+  (0, import_react5.useEffect)(() => {
+    if (typeof rest.value !== "string") {
+      return;
+    }
+    setValidationError(getInputValidationError(type, rest.value));
+  }, [rest.value, type]);
   const hasFileButtonLabel = typeof fileButtonLabel === "string" ? fileButtonLabel.trim().length > 0 : fileButtonLabel != null;
   const hasSelectedFiles = selectedFileNames.length > 0;
   const showUploadLabel = hasFileButtonLabel && !hasSelectedFiles;
   const passwordLockIconSize = passwordToggleMetrics.iconSize + 2;
   const leadingContentGap = Math.max(0, Math.round(controlMetrics.paddingX / 3));
+  const leadingIconInset = getControlLeadingIconInset(controlSize);
+  const hasExternalError = error !== void 0 && error !== null && error !== "";
+  const resolvedError = hasExternalError ? error : validationError;
+  const hasResolvedError = resolvedError !== void 0 && resolvedError !== null && resolvedError !== "";
   const fileSelectionText = selectedFileNames.length === 0 ? placeholder != null ? placeholder : "" : selectedFileNames.length === 1 ? selectedFileNames[0] : `${selectedFileNames.length} files selected`;
   const fileIconSize = Math.max(controlMetrics.fontSize + 3, 16);
-  const fileTriggerWidth = controlMetrics.paddingX + fileIconSize;
-  const emailAdornmentWidth = controlMetrics.paddingX + fileIconSize;
-  const passwordAdornmentWidth = controlMetrics.paddingX + passwordLockIconSize;
-  const disabledFieldStyle = disabled ? { opacity: DISABLED_FIELD_OPACITY } : {};
+  const fileTriggerWidth = getControlLeadingAdornmentWidth(controlSize, fileIconSize);
+  const leadingAdornmentWidth = getControlLeadingAdornmentWidth(controlSize, fileIconSize);
+  const passwordAdornmentWidth = getControlLeadingAdornmentWidth(controlSize, passwordLockIconSize);
+  const defaultLeadingIcon = isEmailField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmailIcon, { size: fileIconSize }) : isLoginField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoginIcon, { size: fileIconSize }) : null;
+  const resolvedLeadingIcon = icon != null ? icon : defaultLeadingIcon;
+  const hasLeadingIcon = isRenderableNode(resolvedLeadingIcon);
+  const resolvedFileIcon = icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FileIcon, { size: fileIconSize, selected: hasSelectedFiles });
+  const resolvedPasswordIcon = icon != null ? icon : isPasswordVisible ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PasswordVisibleIcon, { size: passwordLockIconSize }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PasswordHiddenIcon, { size: passwordLockIconSize });
   const fieldBaseClassName = cx(
     UI_KIT_ROOT_CLASSNAME,
     "w-full box-border rounded-2xl border border-solid bg-[var(--theme-surface)]",
     "text-[var(--theme-text)] outline-none transition-[border-color,box-shadow,background-color]",
-    "duration-150 placeholder:text-[var(--ui-kit-placeholder)]",
+    "duration-150 placeholder:text-[var(--theme-textLight)]",
     FIELD_HEIGHT_CLASSNAMES[controlSize],
     FIELD_TEXT_CLASSNAMES[controlSize],
-    error ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
-    disabled ? "cursor-not-allowed" : "cursor-text"
+    hasResolvedError ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
+    disabled ? "cursor-not-allowed opacity-70" : "cursor-text"
   );
   const adornedFieldClassName = cx(
     UI_KIT_ROOT_CLASSNAME,
@@ -1454,16 +1638,22 @@ function Input({
     "shadow-[0px_4px_5px_var(--theme-shadow)]",
     FIELD_HEIGHT_CLASSNAMES[controlSize],
     FIELD_TEXT_CLASSNAMES[controlSize],
-    error ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
-    disabled ? "cursor-not-allowed" : null
+    hasResolvedError ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
+    disabled ? "opacity-70" : null
   );
   const adornedInputClassName = cx(
     "h-full min-w-0 flex-1 border-0 bg-transparent text-[var(--theme-text)] outline-none",
-    "placeholder:text-[var(--ui-kit-placeholder)]",
+    "placeholder:text-[var(--theme-textLight)]",
     FIELD_TEXT_CLASSNAMES[controlSize],
     disabled ? "cursor-not-allowed" : "cursor-text"
   );
-  const adornmentColorClassName = error ? "text-[var(--theme-negative)]" : "text-[var(--theme-textLight)]";
+  const adornmentColorClassName = hasResolvedError ? "text-[var(--theme-negative)]" : "text-[var(--theme-textLight)]";
+  const handleValidatedInputChange = (event) => {
+    if (isEmailField || isLoginField) {
+      setValidationError(getInputValidationError(type, event.target.value));
+    }
+    onChange == null ? void 0 : onChange(event);
+  };
   const openFilePicker = () => {
     var _a;
     if (disabled) {
@@ -1505,7 +1695,7 @@ function Input({
           disabled ? "cursor-not-allowed" : "cursor-pointer",
           className
         ),
-        style: { ...style, ...disabledFieldStyle },
+        style,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "button",
@@ -1525,7 +1715,12 @@ function Input({
               style: {
                 gap: showUploadLabel ? leadingContentGap : 0,
                 width: showUploadLabel ? void 0 : fileTriggerWidth,
-                padding: showUploadLabel ? `0 ${controlMetrics.buttonPaddingX}px 0 ${Math.max(8, Math.round(controlMetrics.paddingX / 2))}px` : 0
+                boxSizing: "border-box",
+                justifyContent: "flex-start",
+                paddingTop: 0,
+                paddingRight: showUploadLabel ? controlMetrics.buttonPaddingX : 0,
+                paddingBottom: 0,
+                paddingLeft: leadingIconInset
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1536,103 +1731,7 @@ function Input({
                       adornmentColorClassName
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: fileIconSize, height: fileIconSize, viewBox: "0 0 20 20", fill: "none", children: hasSelectedFiles ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M5.5 6.25h9",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M7.75 8.25v5.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M10 8.25v5.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M12.25 8.25v5.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      )
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M11.875 2.75V6.25H15.375",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M7.5 10h5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        "path",
-                        {
-                          d: "M7.5 13h5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.6",
-                          strokeLinecap: "round"
-                        }
-                      )
-                    ] }) })
+                    children: resolvedFileIcon
                   }
                 ),
                 showUploadLabel ? fileButtonLabel : null
@@ -1658,7 +1757,7 @@ function Input({
                   className: cx(
                     "flex h-full min-w-0 flex-1 items-center overflow-hidden text-ellipsis whitespace-nowrap",
                     FIELD_TEXT_CLASSNAMES[controlSize],
-                    hasSelectedFiles ? "text-[var(--theme-text)]" : "text-[var(--ui-kit-placeholder)]"
+                    hasSelectedFiles ? "text-[var(--theme-text)]" : "text-[var(--theme-textLight)]"
                   ),
                   style: { padding: `0 ${controlMetrics.paddingX}px 0 ${leadingContentGap}px` },
                   children: fileSelectionText
@@ -1669,43 +1768,38 @@ function Input({
         ]
       }
     )
-  ] }) : isEmailField ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  ] }) : canTogglePasswordVisibility ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       className: cx(adornedFieldClassName, className),
-      style: { ...style, ...disabledFieldStyle },
+      style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "span",
+          "button",
           {
+            type: "button",
+            "aria-label": isPasswordVisible ? "Hide password" : "Show password",
+            "aria-pressed": isPasswordVisible,
+            disabled,
+            onMouseDown: (event) => {
+              event.preventDefault();
+            },
+            onClick: () => {
+              setIsPasswordVisible((currentValue) => !currentValue);
+            },
             className: cx(
-              "inline-flex shrink-0 self-stretch items-center justify-center bg-transparent",
-              adornmentColorClassName
+              "inline-flex shrink-0 self-stretch items-center justify-center border-0",
+              "bg-transparent p-0 appearance-none",
+              adornmentColorClassName,
+              disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
-            style: { width: emailAdornmentWidth },
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: fileIconSize, height: fileIconSize, viewBox: "0 0 20 20", fill: "none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                  stroke: "currentColor",
-                  strokeWidth: "1.6",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "path",
-                {
-                  d: "M4.375 6.25 10 10.625l5.625-4.375",
-                  stroke: "currentColor",
-                  strokeWidth: "1.6",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ] })
+            style: {
+              width: passwordAdornmentWidth,
+              boxSizing: "border-box",
+              justifyContent: "flex-start",
+              paddingLeft: leadingIconInset
+            },
+            children: resolvedPasswordIcon
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1716,112 +1810,35 @@ function Input({
             placeholder,
             type: resolvedType,
             disabled,
-            onChange,
+            onChange: handleValidatedInputChange,
             className: cx(adornedInputClassName, className),
+            "aria-invalid": hasResolvedError,
             style: { padding: `0 ${controlMetrics.paddingX}px 0 ${leadingContentGap}px` }
           }
         )
       ]
     }
-  ) : canTogglePasswordVisibility ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  ) : hasLeadingIcon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       className: cx(adornedFieldClassName, className),
-      style: { ...style, ...disabledFieldStyle },
+      style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "button",
+          "span",
           {
-            type: "button",
-            "aria-label": isPasswordVisible ? "Hide password" : "Show password",
-            "aria-pressed": isPasswordVisible,
-            disabled,
-            onMouseDown: (event) => {
-              event.preventDefault();
-            },
-            onClick: () => {
-              setIsPasswordVisible((currentValue) => !currentValue);
-            },
             className: cx(
-              "inline-flex shrink-0 self-stretch items-center justify-center border-0",
-              "bg-transparent p-0 appearance-none",
-              adornmentColorClassName,
-              disabled ? "cursor-not-allowed" : "cursor-pointer"
+              "inline-flex shrink-0 self-stretch items-center justify-center bg-transparent",
+              adornmentColorClassName
             ),
-            style: { width: passwordAdornmentWidth },
-            children: isPasswordVisible ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-              "svg",
-              {
-                width: passwordLockIconSize,
-                height: passwordLockIconSize,
-                viewBox: "0 0 20 20",
-                fill: "none",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    "path",
-                    {
-                      d: "M6.75 8V6.75A3.25 3.25 0 0 1 12.262 4.415",
-                      stroke: "currentColor",
-                      strokeWidth: "1.8",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                      stroke: "currentColor",
-                      strokeWidth: "1.8",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    "path",
-                    {
-                      d: "M10 11.25v1.5",
-                      stroke: "currentColor",
-                      strokeWidth: "1.8",
-                      strokeLinecap: "round"
-                    }
-                  )
-                ]
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-              "svg",
-              {
-                width: passwordLockIconSize,
-                height: passwordLockIconSize,
-                viewBox: "0 0 20 20",
-                fill: "none",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    "path",
-                    {
-                      d: "M6.75 8V6.75A3.25 3.25 0 1 1 13.25 6.75V8",
-                      stroke: "currentColor",
-                      strokeWidth: "1.8",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.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",
-                      stroke: "currentColor",
-                      strokeWidth: "1.8",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M10 11.25v1.5", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
-                ]
-              }
-            )
+            style: {
+              width: leadingAdornmentWidth,
+              boxSizing: "border-box",
+              justifyContent: "flex-start",
+              paddingLeft: leadingIconInset
+            },
+            "aria-hidden": "true",
+            children: resolvedLeadingIcon
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1832,8 +1849,9 @@ function Input({
             placeholder,
             type: resolvedType,
             disabled,
-            onChange,
+            onChange: handleValidatedInputChange,
             className: cx(adornedInputClassName, className),
+            "aria-invalid": hasResolvedError,
             style: { padding: `0 ${controlMetrics.paddingX}px 0 ${leadingContentGap}px` }
           }
         )
@@ -1847,9 +1865,10 @@ function Input({
       placeholder,
       type: resolvedType,
       disabled,
-      onChange,
+      onChange: handleValidatedInputChange,
+      "aria-invalid": hasResolvedError,
       className: cx(fieldBaseClassName, FIELD_PADDING_X_CLASSNAMES[controlSize], className),
-      style: { boxShadow: "var(--ui-kit-component-shadow)", ...style, ...disabledFieldStyle }
+      style: { boxShadow: "0px 4px 5px var(--theme-shadow)", ...style }
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1857,7 +1876,7 @@ function Input({
     {
       label,
       hint,
-      error,
+      error: resolvedError,
       htmlFor: isFileField ? void 0 : inputId,
       required: rest.required,
       useLabelWrapper: !isFileField,
@@ -2076,13 +2095,13 @@ function getEarlierDate(leftDate, rightDate) {
   return leftDate.getTime() <= rightDate.getTime() ? leftDate : rightDate;
 }
 function CalendarIcon({ size }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("g", { transform: "translate(0.75 0)", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "4.5", width: "14", height: "12.5", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6.25 2.75V6", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M13.75 2.75V6", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M3 7.5H17", stroke: "currentColor", strokeWidth: "1.6" }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "10", cy: "11.5", r: "1.2", fill: "currentColor" })
-  ] });
+  ] }) });
 }
 function ClearIcon({ size }) {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: [
@@ -2187,7 +2206,8 @@ function DatePicker({
   const canOpenPicker = !disabled && !readOnly && !hasConfigurationConflict;
   const canClear = clearable && !disabled && !readOnly && !required && hasAnyValue;
   const leadingContentGap = Math.max(0, Math.round(controlMetrics.paddingX / 3));
-  const pickerAdornmentWidth = controlMetrics.paddingX + accessoryMetrics.iconSize;
+  const leadingIconInset = getControlLeadingIconInset(controlSize);
+  const pickerAdornmentWidth = getControlLeadingAdornmentWidth(controlSize, accessoryMetrics.iconSize);
   const trailingButtonCount = Number(canClear);
   const trailingInset = trailingButtonCount > 0 ? Math.max(
     0,
@@ -2198,7 +2218,7 @@ function DatePicker({
   const fieldBaseClassName = cx(
     "w-full box-border rounded-2xl border border-solid bg-[var(--theme-surface)]",
     "text-[var(--theme-text)] outline-none transition-[border-color,box-shadow,background-color]",
-    "duration-150 placeholder:text-[var(--ui-kit-placeholder)]",
+    "duration-150 placeholder:text-[var(--theme-textLight)]",
     FIELD_HEIGHT_CLASSNAMES2[controlSize],
     FIELD_TEXT_CLASSNAMES2[controlSize],
     resolvedError ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
@@ -2212,10 +2232,10 @@ function DatePicker({
     FIELD_TEXT_CLASSNAMES2[controlSize],
     disabled ? "cursor-not-allowed" : readOnly ? "cursor-default" : "cursor-text"
   );
-  const integratedFieldBoxShadow = getInsetBorderShadow(fieldBorderColor, resolvedError ? { outerShadow: "0 0 0 3px var(--ui-kit-negative-soft)" } : void 0);
+  const integratedFieldBoxShadow = getInsetBorderShadow(fieldBorderColor, resolvedError ? { outerShadow: "0 0 0 3px var(--theme-negative)", componentShadow: "0px 4px 5px var(--theme-shadow)" } : { componentShadow: "0px 4px 5px var(--theme-shadow)" });
   const integratedInputClassName = cx(
     "h-full w-full box-border border-0 bg-transparent text-[var(--theme-text)]",
-    "outline-none placeholder:text-[var(--ui-kit-placeholder)]",
+    "outline-none placeholder:text-[var(--theme-textLight)]",
     FIELD_TEXT_CLASSNAMES2[controlSize],
     disabled ? "cursor-not-allowed" : readOnly ? "cursor-default" : "cursor-text"
   );
@@ -2445,7 +2465,12 @@ function DatePicker({
             },
             onClick: openNativePicker,
             className: pickerAdornmentClassName,
-            style: { width: pickerAdornmentWidth },
+            style: {
+              width: pickerAdornmentWidth,
+              boxSizing: "border-box",
+              justifyContent: "flex-start",
+              paddingLeft: leadingIconInset
+            },
             children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CalendarIcon, { size: accessoryMetrics.iconSize })
           }
         ),
@@ -2473,7 +2498,7 @@ function DatePicker({
         className: cx(fieldBaseClassName, FIELD_PADDING_X_CLASSNAMES2[controlSize], className),
         style: {
           paddingRight: controlMetrics.paddingX + trailingInset,
-          boxShadow: resolvedError ? "0 0 0 3px var(--ui-kit-negative-soft), var(--ui-kit-component-shadow)" : "var(--ui-kit-component-shadow)",
+          boxShadow: resolvedError ? "0 0 0 3px var(--theme-negative), 0px 4px 5px var(--theme-shadow)" : "0px 4px 5px var(--theme-shadow)",
           ...style,
           ...disabledFieldStyle
         }
@@ -2635,8 +2660,8 @@ function SelectBase({
   ...rest
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const { theme, mutedText } = useUiKitTheme();
-  const componentShadow = getComponentShadow(theme);
+  const theme = useUiKitTheme();
+  const componentShadow = "0px 4px 5px var(--theme-shadow)";
   const generatedId = (0, import_react8.useId)().replace(/:/g, "");
   const resolvedId = id != null ? id : `ss-select-${generatedId}`;
   const isMultiSelect = Boolean(isMulti || multiple);
@@ -2662,7 +2687,7 @@ function SelectBase({
   const selectedValue = (_e = selectedValues[0]) != null ? _e : "";
   const optionLookup = new Map(flatOptions.map((option) => [option.value, option]));
   const selectedOption = (_f = optionLookup.get(selectedValue)) != null ? _f : null;
-  const placeholderTextColor = withAlpha(theme.colors.text, 0.5);
+  const placeholderTextColor = "var(--theme-textLight)";
   const hasSelection = isMultiSelect ? selectedValues.length > 0 : selectedValue !== "";
   const displayLabel = hasSelection ? isMultiSelect ? selectedValues.map((currentValue) => {
     const option = optionLookup.get(currentValue);
@@ -2679,42 +2704,17 @@ function SelectBase({
   const controlMetrics = getControlMetrics(controlSize);
   const listboxId = `${resolvedId}-listbox`;
   const searchInputId = `${resolvedId}-search`;
-  const scrollbarThumbColor = withAlpha(theme.colors.text, 0.22);
-  const scrollbarThumbHoverColor = withAlpha(theme.colors.text, 0.32);
+  const scrollbarThumbColor = theme.colors.secondary;
+  const scrollbarThumbHoverColor = theme.colors.textLight;
   const highlightedOption = (_i = visibleOptions.find((option) => option.value === highlightedValue)) != null ? _i : null;
-  const optionHoverBackground = theme.colors.primary;
-  const optionSelectedBackground = theme.colors.primary;
   const canOpenMenu = allowOpenWithoutOptions || flatOptions.length > 0;
   const isTriggerDisabled = disabled || !canOpenMenu;
   const buttonPassthroughProps = Object.fromEntries(
     Object.entries(rest).filter(([key]) => key.startsWith("aria-") || key.startsWith("data-"))
   );
-  const selectVariables = (0, import_react8.useMemo)(() => ({
-    "--ui-kit-select-placeholder": placeholderTextColor,
-    "--ui-kit-select-muted": mutedText,
-    "--ui-kit-select-indicator-disabled": withAlpha(theme.colors.text, 0.42),
-    "--ui-kit-select-surface-raised": theme.colors.surface,
-    "--ui-kit-select-scrollbar-thumb": scrollbarThumbColor,
-    "--ui-kit-select-scrollbar-thumb-hover": scrollbarThumbHoverColor,
-    "--ui-kit-select-divider": withAlpha(theme.colors.text, 0.08),
-    "--ui-kit-select-option-hover-bg": optionHoverBackground,
-    "--ui-kit-select-option-selected-bg": optionSelectedBackground,
-    "--ui-kit-select-option-disabled": withAlpha(theme.colors.text, 0.38),
-    "--ui-kit-select-control-shadow": componentShadow
-  }), [
-    componentShadow,
-    mutedText,
-    optionHoverBackground,
-    optionSelectedBackground,
-    placeholderTextColor,
-    scrollbarThumbColor,
-    scrollbarThumbHoverColor,
-    theme.colors.surface,
-    theme.colors.text
-  ]);
   const triggerBorderColor = error ? "var(--theme-negative)" : "var(--theme-textLight)";
   const triggerBoxShadow = getInsetBorderShadow(triggerBorderColor, {
-    componentShadow: "var(--ui-kit-select-control-shadow)"
+    componentShadow
   });
   const triggerClassName = cx(
     "m-0 box-border flex w-full min-w-0 items-center justify-between gap-3 rounded-2xl border-0 appearance-none",
@@ -2722,7 +2722,7 @@ function SelectBase({
     "duration-150 text-left",
     FIELD_HEIGHT_CLASSNAMES3[controlSize],
     FIELD_TEXT_CLASSNAMES3[controlSize],
-    hasSelection ? "text-[var(--theme-text)]" : "text-[var(--ui-kit-select-placeholder)]",
+    hasSelection ? "text-[var(--theme-text)]" : "text-[var(--theme-textLight)]",
     isTriggerDisabled ? "cursor-not-allowed" : "cursor-pointer"
   );
   (0, import_react8.useEffect)(() => {
@@ -3087,7 +3087,7 @@ function SelectBase({
       htmlFor: resolvedId,
       required: rest.required,
       useLabelWrapper: false,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: shellRef, className: "relative w-full", style: selectVariables, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: shellRef, className: "relative w-full", children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
           "button",
           {
@@ -3131,7 +3131,7 @@ function SelectBase({
                   className: cx(
                     "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center",
                     "transition-[transform,color] duration-150",
-                    isTriggerDisabled ? "text-[var(--ui-kit-select-indicator-disabled)]" : "text-[var(--ui-kit-select-muted)]"
+                    isTriggerDisabled ? "text-[var(--theme-secondary)]" : "text-[var(--theme-textLight)]"
                   ),
                   style: {
                     right: indicatorOffset,
@@ -3173,7 +3173,7 @@ function SelectBase({
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: `
                 #${listboxId} {
                   scrollbar-width: thin;
-                  scrollbar-color: var(--ui-kit-select-scrollbar-thumb) transparent;
+                  scrollbar-color: ${scrollbarThumbColor} transparent;
                 }
 
                 #${listboxId}::-webkit-scrollbar {
@@ -3185,19 +3185,19 @@ function SelectBase({
                 }
 
                 #${listboxId}::-webkit-scrollbar-thumb {
-                  background: var(--ui-kit-select-scrollbar-thumb);
+                  background: ${scrollbarThumbColor};
                   border-radius: 999px;
                   border: 2px solid transparent;
                   background-clip: padding-box;
                 }
 
                 #${listboxId}::-webkit-scrollbar-thumb:hover {
-                  background: var(--ui-kit-select-scrollbar-thumb-hover);
+                  background: ${scrollbarThumbHoverColor};
                   background-clip: padding-box;
                 }
 
                 #${searchInputId}::placeholder {
-                  color: var(--ui-kit-select-placeholder);
+                  color: ${placeholderTextColor};
                   opacity: 1;
                 }
               ` }),
@@ -3209,9 +3209,9 @@ function SelectBase({
               style: {
                 top: menuPlacement === "bottom" ? `calc(100% + ${MENU_OFFSET}px)` : "auto",
                 bottom: menuPlacement === "top" ? `calc(100% + ${MENU_OFFSET}px)` : "auto",
-                borderColor: "var(--theme-textLight)",
-                backgroundColor: "var(--ui-kit-select-surface-raised)",
-                boxShadow: "var(--ui-kit-select-control-shadow)",
+                borderColor: theme.colors.secondary,
+                backgroundColor: theme.colors.surface,
+                boxShadow: componentShadow,
                 visibility: isPlacementResolved ? "visible" : "hidden"
               },
               children: [
@@ -3219,7 +3219,7 @@ function SelectBase({
                   "div",
                   {
                     className: "flex shrink-0 items-center justify-start gap-2 border-b px-1 pb-[10px] pt-1",
-                    style: { borderColor: "var(--ui-kit-select-divider)" },
+                    style: { borderColor: theme.colors.secondary },
                     children: [
                       bulkToggleControl,
                       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -3244,8 +3244,8 @@ function SelectBase({
                           "aria-label": searchPlaceholder,
                           className: "w-full flex-1 rounded-[11px] border bg-[var(--theme-surface)] px-[11px] py-[7px] text-[11px] leading-[1.4] text-[var(--theme-text)] outline-none",
                           style: {
-                            borderColor: "var(--theme-textLight)",
-                            boxShadow: "var(--ui-kit-select-control-shadow)"
+                            borderColor: theme.colors.secondary,
+                            boxShadow: componentShadow
                           }
                         }
                       )
@@ -3255,7 +3255,7 @@ function SelectBase({
                   "div",
                   {
                     className: "flex shrink-0 items-center justify-start border-b px-1 pb-[10px] pt-1",
-                    style: { borderColor: "var(--ui-kit-select-divider)" },
+                    style: { borderColor: theme.colors.secondary },
                     children: bulkToggleControl
                   }
                 ) : null,
@@ -3271,7 +3271,7 @@ function SelectBase({
                     children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                       "div",
                       {
-                        className: "px-3 py-[14px] text-center text-[13px] text-[var(--ui-kit-select-muted)]",
+                        className: "px-3 py-[14px] text-center text-[13px] text-[var(--theme-textLight)]",
                         children: emptyState
                       }
                     ) : visibleGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
@@ -3282,7 +3282,7 @@ function SelectBase({
                           group.label ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                             "span",
                             {
-                              className: "px-2 pb-0.5 pt-1.5 text-[11px] font-extrabold uppercase tracking-[0.08em] text-[var(--ui-kit-select-muted)]",
+                              className: "px-2 pb-0.5 pt-1.5 text-[11px] font-extrabold uppercase tracking-[0.08em] text-[var(--theme-textLight)]",
                               children: group.label
                             }
                           ) : null,
@@ -3318,11 +3318,11 @@ function SelectBase({
                                   "flex w-full min-w-0 items-center justify-between gap-3 rounded-xl box-border",
                                   "transition-[background-color,color] duration-150",
                                   OPTION_PADDING_CLASSNAMES[controlSize],
-                                  option.disabled ? "cursor-not-allowed text-[var(--ui-kit-select-option-disabled)]" : "cursor-pointer",
+                                  option.disabled ? "cursor-not-allowed text-[var(--theme-secondary)]" : "cursor-pointer",
                                   !option.disabled && isActive ? "text-[var(--theme-onPrimary)]" : null,
                                   !option.disabled && !isActive ? "text-[var(--theme-text)]" : null,
-                                  isSelected ? "bg-[var(--ui-kit-select-option-selected-bg)] font-bold" : null,
-                                  !isSelected && isHighlighted ? "bg-[var(--ui-kit-select-option-hover-bg)]" : null,
+                                  isSelected ? "bg-[var(--theme-primary)] font-bold" : null,
+                                  !isSelected && isHighlighted ? "bg-[var(--theme-primary)]" : null,
                                   !isSelected && !isHighlighted ? "bg-[var(--theme-surface)] font-normal" : null
                                 ),
                                 children: [
@@ -3339,7 +3339,7 @@ function SelectBase({
                                             size: 16,
                                             checkedColor: isActive ? "var(--theme-onPrimary)" : "var(--theme-primary)",
                                             iconColor: isActive ? "var(--theme-primary)" : "var(--theme-onPrimary)",
-                                            uncheckedBorderColor: isActive ? "var(--theme-onPrimary)" : withAlpha(theme.colors.text, 0.26),
+                                            uncheckedBorderColor: isActive ? "var(--theme-onPrimary)" : theme.colors.secondary,
                                             uncheckedBackgroundColor: "transparent"
                                           }
                                         ) : null,
@@ -3385,7 +3385,7 @@ function SelectBase({
                   "div",
                   {
                     className: "shrink-0 border-t px-2 pb-1 pt-2.5",
-                    style: { borderColor: "var(--ui-kit-select-divider)" },
+                    style: { borderColor: theme.colors.secondary },
                     children: menuFooter
                   }
                 ) : null
@@ -3737,7 +3737,7 @@ function SelectAsync({
     "div",
     {
       "aria-live": "polite",
-      className: "flex items-center gap-3 text-xs leading-[1.4] text-[var(--ui-kit-muted-text)]",
+      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_runtime13.jsx)("span", { children: isLoadingMore ? loadingMoreMessage : hasMore ? loadMoreHintMessage : null }),
@@ -4301,9 +4301,12 @@ function TableBase({
   onInternalPageChange,
   onInternalPageSizeChange
 }) {
-  const uiKitTheme = useUiKitTheme();
-  const { theme, borderSoft, borderStrong, focusRing, mutedText, surfaceMuted, surfaceRaised } = uiKitTheme;
-  const componentShadow = getComponentShadow(theme);
+  const theme = useUiKitTheme();
+  const componentShadow = "0px 4px 5px var(--theme-shadow)";
+  const softBorderColor = theme.colors.secondary;
+  const strongBorderColor = theme.colors.textLight;
+  const mutedTextColor = theme.colors.textLight;
+  const alternateSurfaceColor = theme.colors.background;
   const scrollRegionId = (0, import_react12.useId)().replace(/:/g, "");
   const containerRef = (0, import_react12.useRef)(null);
   const [containerWidth, setContainerWidth] = (0, import_react12.useState)(null);
@@ -4327,8 +4330,8 @@ function TableBase({
   const hasRows = items.length > 0;
   const hasSearchValue = searchValue.trim().length > 0;
   const visibleInlineActions = Math.max(0, Math.floor(maxInlineActions));
-  const scrollbarThumbColor = withAlpha(theme.colors.textLight, 0.3);
-  const scrollbarThumbHoverColor = theme.colors.text;
+  const scrollbarThumbColor = theme.colors.secondary;
+  const scrollbarThumbHoverColor = theme.colors.textLight;
   const shouldShowToolbarStatus = loading || !loading && Boolean(error) && hasRows;
   const shouldRenderToolbar = shouldShowSearch || shouldShowToolbarStatus || showSettingsButton;
   const shouldRenderToolbarPrimaryGroup = shouldShowSearch || showSettingsButton;
@@ -4337,7 +4340,7 @@ function TableBase({
   const currentPageItemCount = items.length;
   const downloadMatrix = buildTableDownloadMatrix(visibleDownloadColumns, items);
   const downloadFileBaseName = buildTableDownloadFileBaseName(ariaLabel, normalizedPage);
-  const stickyActionsColumnShadow = `-10px 0 16px -14px ${withAlpha(theme.colors.shadow, 0.7)}`;
+  const stickyActionsColumnShadow = `-10px 0 16px -14px ${theme.colors.shadow}`;
   const shouldStickActionsColumn = Boolean(actions) && stickyActionsColumn;
   const getStickyActionsCellStyle = (backgroundColor, backgroundImage, isHeader = false) => ({
     position: "sticky",
@@ -4347,7 +4350,7 @@ function TableBase({
     backgroundImage,
     backgroundClip: "padding-box",
     boxShadow: stickyActionsColumnShadow,
-    borderLeft: `1px solid ${borderSoft}`
+    borderLeft: `1px solid ${softBorderColor}`
   });
   (0, import_react12.useEffect)(() => {
     const element = containerRef.current;
@@ -4387,8 +4390,8 @@ function TableBase({
     height: 34,
     padding: iconOnly ? 0 : "0 12px",
     borderRadius: 12,
-    border: `1px solid ${tone === "danger" ? withAlpha(theme.colors.negative, 0.28) : borderSoft}`,
-    backgroundColor: tone === "danger" ? withAlpha(theme.colors.negative, 0.08) : withAlpha(theme.colors.surface, 0.82),
+    border: `1px solid ${tone === "danger" ? theme.colors.negative : softBorderColor}`,
+    backgroundColor: theme.colors.surface,
     color: tone === "danger" ? theme.colors.negative : theme.colors.text,
     cursor: disabled ? "not-allowed" : "pointer",
     opacity: disabled ? DISABLED_COMPONENT_OPACITY : 1,
@@ -4407,14 +4410,14 @@ function TableBase({
     gap: 6,
     padding: 8,
     borderRadius: STANDARD_COMPONENT_BORDER_RADIUS,
-    border: `1px solid ${borderSoft}`,
+    border: `1px solid ${softBorderColor}`,
     backgroundColor: theme.colors.surface,
     boxShadow: componentShadow
   };
   const toolbarControlStyle = {
     height: 42,
     borderRadius: 14,
-    border: `1px solid ${borderSoft}`,
+    border: `1px solid ${softBorderColor}`,
     backgroundColor: theme.colors.surface,
     color: theme.colors.text,
     padding: "0 10px",
@@ -4423,7 +4426,7 @@ function TableBase({
     fontSize: 14,
     lineHeight: 1.4,
     transition: "border-color 160ms ease, box-shadow 160ms ease",
-    boxShadow: `${componentShadow}, 0 0 0 0 ${focusRing}`
+    boxShadow: componentShadow
   };
   const settingsButtonStyle = {
     ...actionButtonBaseStyle("default", false, true),
@@ -4435,8 +4438,8 @@ function TableBase({
     gap: 4,
     padding: "10px 12px",
     borderRadius: 14,
-    border: `1px solid ${borderSoft}`,
-    backgroundColor: withAlpha(theme.colors.surface, 0.94),
+    border: `1px solid ${softBorderColor}`,
+    backgroundColor: theme.colors.surface,
     boxShadow: componentShadow
   };
   const handleDownloadCsv = () => {
@@ -4518,7 +4521,7 @@ function TableBase({
         colSpan: column.colSpan,
         style: {
           padding: "6px 10px",
-          borderBottom: `1px solid ${borderSoft}`,
+          borderBottom: `1px solid ${softBorderColor}`,
           verticalAlign: "middle",
           color: theme.colors.text,
           fontSize: 14,
@@ -4528,7 +4531,7 @@ function TableBase({
           width: column.width,
           minWidth: column.minWidth
         },
-        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: { color: mutedText }, children: "-" })
+        children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: { color: mutedTextColor }, children: "-" })
       },
       `${getColumnKey(column, columnIndex)}-${rowIndex}`
     );
@@ -4546,8 +4549,8 @@ function TableBase({
           gap: 12,
           minHeight: 220,
           borderRadius: 20,
-          border: `1px dashed ${borderStrong}`,
-          backgroundColor: withAlpha(theme.colors.surface, 0.64),
+          border: `1px dashed ${strongBorderColor}`,
+          backgroundColor: theme.colors.surface,
           boxShadow: componentShadow,
           color: theme.colors.text,
           textAlign: "center",
@@ -4567,7 +4570,7 @@ function TableBase({
       className: cx(
         UI_KIT_ROOT_CLASSNAME,
         "flex w-full max-w-full min-w-0 flex-col gap-4 rounded-[24px]",
-        "box-border bg-[var(--ui-kit-surface-raised)] p-[18px] text-[var(--theme-text)]",
+        "box-border bg-[var(--theme-surface)] p-[18px] text-[var(--theme-text)]",
         className
       ),
       style,
@@ -4594,8 +4597,8 @@ function TableBase({
                     style: {
                       flex: "1 1 260px",
                       maxWidth: 360,
-                      borderColor: "var(--ui-kit-border-soft)",
-                      boxShadow: "var(--ui-kit-component-shadow)"
+                      borderColor: softBorderColor,
+                      boxShadow: componentShadow
                     }
                   }
                 ) : null,
@@ -4619,7 +4622,7 @@ function TableBase({
               className: "flex min-w-0 flex-wrap items-center justify-end gap-2.5",
               style: { marginLeft: shouldRenderToolbarPrimaryGroup ? "auto" : void 0 },
               children: [
-                loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[13px] font-semibold text-[var(--ui-kit-muted-text)]", children: resolvedLabels.loadingMessage }) : null,
+                loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-textLight)]", children: resolvedLabels.loadingMessage }) : null,
                 !loading && error && hasRows ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "inline-flex items-center gap-2.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[13px] font-semibold text-[var(--theme-negative)]", children: resolvedLabels.errorMessage }),
                   onRetry ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { size: "sm", variant: "ghost", onClick: onRetry, children: resolvedLabels.retryLabel }) : null
@@ -4631,7 +4634,7 @@ function TableBase({
         !hasRows && (!loading || error) ? renderEmptyState() : null,
         hasRows ? isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "list", "aria-label": ariaLabel, className: "flex flex-col gap-3.5", children: items.map((item, rowIndex) => {
           const rowActions = renderActions(item, rowIndex);
-          const rowBackgroundColor = rowIndex % 2 === 0 ? theme.colors.surface : surfaceMuted;
+          const rowBackgroundColor = rowIndex % 2 === 0 ? theme.colors.surface : alternateSurfaceColor;
           return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "article",
             {
@@ -4642,7 +4645,7 @@ function TableBase({
                 gap: 14,
                 padding: "16px 16px 6px 16px",
                 borderRadius: 20,
-                border: `1px solid ${borderSoft}`,
+                border: `1px solid ${softBorderColor}`,
                 backgroundColor: rowBackgroundColor,
                 boxShadow: componentShadow
               },
@@ -4675,7 +4678,7 @@ function TableBase({
                               "span",
                               {
                                 style: {
-                                  color: mutedText,
+                                  color: mutedTextColor,
                                   fontSize: 11,
                                   fontWeight: 700,
                                   letterSpacing: "0.08em",
@@ -4710,7 +4713,7 @@ function TableBase({
                                       lineHeight: 1.55,
                                       textAlign: getTextAlign(align)
                                     },
-                                    children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: { color: mutedText }, children: "-" })
+                                    children: hasRenderableContent(content) ? content : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { style: { color: mutedTextColor }, children: "-" })
                                   }
                                 )
                               }
@@ -4729,7 +4732,7 @@ function TableBase({
                       display: "flex",
                       justifyContent: "flex-end",
                       paddingTop: 4,
-                      borderTop: `1px solid ${borderSoft}`
+                      borderTop: `1px solid ${softBorderColor}`
                     },
                     children: rowActions
                   }
@@ -4777,8 +4780,8 @@ function TableBase({
               "aria-label": ariaLabel,
               className: "w-full max-w-full min-w-0 overflow-x-auto overflow-y-hidden rounded-[20px] border bg-[var(--theme-surface)]",
               style: {
-                borderColor: "var(--ui-kit-border-soft)",
-                boxShadow: "var(--ui-kit-component-shadow)"
+                borderColor: softBorderColor,
+                boxShadow: componentShadow
               },
               children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "min-w-full max-w-none border-separate border-spacing-0", style: { width: "max-content" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { children: [
@@ -4792,8 +4795,8 @@ function TableBase({
                         scope: "col",
                         style: {
                           padding: "6px 10px",
-                          borderBottom: `1px solid ${borderStrong}`,
-                          color: mutedText,
+                          borderBottom: `1px solid ${strongBorderColor}`,
+                          color: mutedTextColor,
                           fontSize: 11,
                           fontWeight: 700,
                           letterSpacing: "0.08em",
@@ -4814,8 +4817,8 @@ function TableBase({
                       scope: "col",
                       style: {
                         padding: "6px 10px",
-                        borderBottom: `1px solid ${borderStrong}`,
-                        color: mutedText,
+                        borderBottom: `1px solid ${strongBorderColor}`,
+                        color: mutedTextColor,
                         fontSize: 11,
                         fontWeight: 700,
                         letterSpacing: "0.08em",
@@ -4831,8 +4834,8 @@ function TableBase({
                 ] }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: items.map((item, rowIndex) => {
                   const rowActions = renderActions(item, rowIndex);
-                  const rowBackgroundColor = rowIndex % 2 === 0 ? theme.colors.surface : surfaceMuted;
-                  const stickyRowBackgroundImage = rowIndex % 2 === 0 ? void 0 : `linear-gradient(${surfaceMuted}, ${surfaceMuted})`;
+                  const rowBackgroundColor = rowIndex % 2 === 0 ? theme.colors.surface : alternateSurfaceColor;
+                  const stickyRowBackgroundImage = rowIndex % 2 === 0 ? void 0 : `linear-gradient(${alternateSurfaceColor}, ${alternateSurfaceColor})`;
                   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                     "tr",
                     {
@@ -4846,7 +4849,7 @@ function TableBase({
                           {
                             style: {
                               padding: "6px 10px",
-                              borderBottom: `1px solid ${borderSoft}`,
+                              borderBottom: `1px solid ${softBorderColor}`,
                               textAlign: "right",
                               verticalAlign: "middle",
                               ...shouldStickActionsColumn ? getStickyActionsCellStyle(theme.colors.surface, stickyRowBackgroundImage) : {}
@@ -4869,7 +4872,7 @@ function TableBase({
             className: "flex flex-wrap items-center justify-between gap-3 pt-1",
             children: [
               shouldShowPaginationControls ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mr-1 text-[13px] text-[var(--ui-kit-muted-text)]", children: resolvedLabels.pageLabel(normalizedPage, totalPages) }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mr-1 text-[13px] text-[var(--theme-textLight)]", children: resolvedLabels.pageLabel(normalizedPage, totalPages) }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "button",
                   {
@@ -4918,7 +4921,7 @@ function TableBase({
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "div",
                 {
-                  className: "flex items-center gap-2.5 text-[13px] text-[var(--ui-kit-muted-text)]",
+                  className: "flex items-center gap-2.5 text-[13px] text-[var(--theme-textLight)]",
                   style: { marginLeft: shouldShowRowsPerPageControl ? "auto" : void 0 },
                   children: shouldShowRowsPerPageControl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: resolvedLabels.rowsPerPageLabel }),
@@ -4929,8 +4932,8 @@ function TableBase({
                         onChange: (event) => onInternalPageSizeChange(Number(event.currentTarget.value)),
                         className: "h-[34px] rounded-[14px] border bg-[var(--theme-surface)] px-3 text-sm leading-[1.4] text-[var(--theme-text)] outline-none",
                         style: {
-                          borderColor: "var(--ui-kit-border-soft)",
-                          boxShadow: "var(--ui-kit-component-shadow)"
+                          borderColor: softBorderColor,
+                          boxShadow: componentShadow
                         },
                         children: normalizedPageSizeOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: option, children: option }, option))
                       }
@@ -4954,24 +4957,24 @@ function TableBase({
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.tableInfoSectionTitle }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid gap-2.5 [grid-template-columns:repeat(auto-fit,minmax(120px,1fr))]", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: infoCardStyle, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--ui-kit-muted-text)]", children: resolvedLabels.totalPagesInfoLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--theme-textLight)]", children: resolvedLabels.totalPagesInfoLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-[18px] leading-[1.1] text-[var(--theme-text)]", children: totalPages })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: infoCardStyle, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--ui-kit-muted-text)]", children: resolvedLabels.totalItemsInfoLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--theme-textLight)]", children: resolvedLabels.totalItemsInfoLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-[18px] leading-[1.1] text-[var(--theme-text)]", children: totalItemCount })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: infoCardStyle, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--ui-kit-muted-text)]", children: resolvedLabels.currentPageInfoLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--theme-textLight)]", children: resolvedLabels.currentPageInfoLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-[18px] leading-[1.1] text-[var(--theme-text)]", children: normalizedPage })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: infoCardStyle, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--ui-kit-muted-text)]", children: resolvedLabels.currentPageItemsInfoLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-[0.06em] text-[var(--theme-textLight)]", children: resolvedLabels.currentPageItemsInfoLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-[18px] leading-[1.1] text-[var(--theme-text)]", children: currentPageItemCount })
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "py-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { orientation: "horizontal", color: borderSoft }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "py-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Separator, { orientation: "horizontal", color: softBorderColor }) }),
               /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { className: "grid gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "text-sm text-[var(--theme-text)]", children: resolvedLabels.downloadSectionTitle }),
                 /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap gap-2.5", children: [
@@ -5271,12 +5274,13 @@ function Textarea({
       className: cx(
         "w-full min-w-0 box-border resize-y rounded-2xl border border-solid bg-[var(--theme-surface)]",
         "text-[var(--theme-text)] outline-none transition-[border-color,box-shadow,background-color]",
-        "duration-150 disabled:cursor-not-allowed",
+        "duration-150 placeholder:opacity-100 disabled:cursor-not-allowed",
+        "placeholder:text-[var(--theme-textLight)]",
         error ? "border-[var(--theme-negative)]" : "border-[var(--theme-textLight)]",
         TEXTAREA_SIZE_CLASSNAMES[controlSize]
       ),
       style: {
-        boxShadow: error ? "0 0 0 3px var(--ui-kit-negative-soft), var(--ui-kit-component-shadow)" : "var(--ui-kit-component-shadow)",
+        boxShadow: error ? "0 0 0 3px var(--theme-negative), 0px 4px 5px var(--theme-shadow)" : "0px 4px 5px var(--theme-shadow)",
         ...style,
         ...disabled ? { opacity: DISABLED_FIELD_OPACITY } : {}
       }