ods-ant 0.2.0 → 0.4.0

package/dist-lib/selectStyles-C8j5Vvgp.js

@@ -0,0 +1,1037 @@
+import { t as e } from "./core-C-tv3mqr.js";
+import { dsSemanticTokens as t } from "./theme.js";
+//#region src/ds/forms/selectStyles.ts
+var n = "ds-select-styles", r = "ds-select", i = "ds-select-readonly", a = "ds-select-force-hover", o = "ds-select-force-focus", s = "ds-select-dropdown", c = "ds-select-dropdown-checkboxes", l = "ds-select-dropdown-multi", u = (...e) => e.filter(Boolean).join(" ").trim(), d = () => {
+	if (typeof document > "u") return;
+	let { input: u } = t, d = document.getElementById(n);
+	d || (d = document.createElement("style"), d.id = n, document.head.appendChild(d)), d.textContent = `
+    .${r}.ant-select {
+      border-color: ${u.border.default} !important;
+      border-width: ${u.border.widthDefault} !important;
+      border-style: solid !important;
+      border-radius: ${u.border.radius} !important;
+      background-color: ${u.background.default} !important;
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      box-shadow: none !important;
+      transition: none !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      box-sizing: border-box !important;
+      overflow: hidden !important;
+    }
+
+    .${r}.ant-select .ant-select-selector {
+      width: 100% !important;
+      height: 100% !important;
+      min-height: 100% !important;
+      padding: 0 !important;
+      border: 0 !important;
+      border-radius: ${u.border.radius} !important;
+      background: transparent !important;
+      box-shadow: none !important;
+      display: flex !important;
+      align-items: center !important;
+      box-sizing: border-box !important;
+    }
+
+    .${r}.ant-select.ant-select-outlined {
+      border: ${u.border.widthDefault} solid ${u.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select .ant-select-content {
+      display: flex !important;
+      height: 100% !important;
+      min-height: 0 !important;
+      padding: 0 !important;
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      align-items: center !important;
+    }
+
+    .${r}.ant-select .ant-select-content.ant-select-content-has-value {
+      display: flex !important;
+      align-items: center !important;
+      height: 100% !important;
+      min-height: 0 !important;
+      line-height: 18px !important;
+    }
+
+    .${r}.ant-select.ant-select-multiple .ant-select-content {
+      min-height: 32px !important;
+      height: 32px !important;
+      margin: 0 !important;
+      align-items: center !important;
+      display: flex !important;
+      flex-wrap: nowrap !important;
+      overflow: hidden !important;
+    }
+
+    .${r}.ant-select.ant-select-multiple .ant-select-selection-item {
+      display: inline-flex !important;
+      align-items: center !important;
+      min-height: 18px !important;
+      height: auto !important;
+      line-height: 18px !important;
+      margin: 0 4px 0 0 !important;
+      padding: 0 !important;
+      box-sizing: border-box !important;
+    }
+
+    .${r}.ant-select.ant-select-multiple .ant-select-selection-item-content {
+      display: inline-flex !important;
+      align-items: center !important;
+      line-height: 18px !important;
+      margin: 0 !important;
+    }
+
+    .${r}.ant-select.ant-select-multiple .ant-select-selection-item-remove {
+      display: inline-flex !important;
+      align-items: center !important;
+      height: 18px !important;
+      margin: 0 !important;
+    }
+
+    .${r}.ant-select .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select .ant-select-placeholder {
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      color: ${u.text.placeholder} !important;
+      opacity: 1 !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+    }
+
+    .${r}.ant-select .ant-select-content .ant-select-selection-item,
+    .${r}.ant-select .ant-select-selection-item {
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      color: ${u.text.focus} !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+    }
+
+    .${r}.ant-select .ant-select-selection-search-input,
+    .${r}.ant-select .ant-select-selection-search-input input {
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      border: none !important;
+      outline: none !important;
+      box-shadow: none !important;
+      background: transparent !important;
+    }
+
+    .${r}.ant-select .ant-select-suffix,
+    .${r}.ant-select .ant-select-suffix .anticon {
+      color: ${u.text.focus} !important;
+      font-size: 10px !important;
+    }
+
+    .${r}.ant-select .ant-select-suffix svg {
+      width: 10px !important;
+      height: 10px !important;
+      display: block;
+    }
+
+    .${r}.ant-select:not(.ant-select-disabled):hover,
+    .${r}.ant-select.ant-select-outlined:not(.ant-select-disabled):hover {
+      border: ${u.border.widthDefault} solid ${u.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.${a}:not(.ant-select-disabled):not(.${i}) {
+      border: ${u.border.widthDefault} solid ${u.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-focused,
+    .${r}.ant-select.ant-select-open {
+      border-color: ${u.border.focus} !important;
+      border-width: ${u.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${r}.ant-select.ant-select-outlined.ant-select-focused,
+    .${r}.ant-select.ant-select-outlined.ant-select-open {
+      border-color: ${u.border.focus} !important;
+      border-width: ${u.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${r}.ant-select.ant-select-outlined.ant-select-focused:hover,
+    .${r}.ant-select.ant-select-outlined.ant-select-open:hover,
+    .${r}.ant-select.ant-select-outlined.ant-select-focused:focus-within,
+    .${r}.ant-select.ant-select-outlined.ant-select-open:focus-within {
+      border-color: ${u.border.focus} !important;
+      border-width: ${u.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) {
+      border-color: ${u.border.focus} !important;
+      border-width: ${u.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${r}.ant-select .ant-select-selector,
+    .${r}.ant-select:focus-within,
+    .${r}.ant-select [role='combobox']:focus,
+    .${r}.ant-select [role='combobox']:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select [role='combobox'] {
+      line-height: 18px !important;
+    }
+
+    .${r}.ant-select.ant-select-open .ant-select-suffix .anticon,
+    .${r}.ant-select.ant-select-focused .ant-select-suffix .anticon {
+      transform: none !important;
+      color: ${u.text.focus} !important;
+    }
+
+    .${r}.ant-select.ant-select-focused .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select.ant-select-open .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select.ant-select-focused .ant-select-content .ant-select-selection-item,
+    .${r}.ant-select.ant-select-open .ant-select-content .ant-select-selection-item {
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) .ant-select-content .ant-select-placeholder,
+    .${r}.ant-select.${o}:not(.ant-select-disabled):not(.${i}) .ant-select-content .ant-select-selection-item {
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${r}.ant-select.ant-select-status-error {
+      border-color: ${u.border.error} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-status-warning {
+      border-color: ${e.status.warning} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-status-success {
+      border-color: ${u.border.success} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-disabled {
+      background-color: ${u.background.disabled} !important;
+      border-color: transparent !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-disabled .ant-select-selection-item,
+    .${r}.ant-select.ant-select-disabled .ant-select-selection-placeholder,
+    .${r}.ant-select.ant-select-disabled .ant-select-arrow {
+      color: ${u.text.disabled} !important;
+    }
+
+    .${r}.ant-select.${i}:not(.ant-select-disabled) {
+      background-color: ${u.background.readOnly} !important;
+      border-color: ${u.border.default} !important;
+      box-shadow: none !important;
+      cursor: default !important;
+    }
+
+    .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selector {
+      background-color: ${u.background.readOnly} !important;
+      background: ${u.background.readOnly} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selection-item,
+    .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-selection-placeholder,
+    .${r}.ant-select.${i}:not(.ant-select-disabled) .ant-select-arrow {
+      color: ${u.text.readOnly} !important;
+    }
+
+    .${r}.ant-select.${i}:not(.ant-select-disabled):hover,
+    .${r}.ant-select.${i}:not(.ant-select-disabled).ant-select-focused,
+    .${r}.ant-select.${i}:not(.ant-select-disabled).ant-select-open {
+      border-color: ${u.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    .${r}.ant-select.ant-select-sm {
+      min-height: ${u.height.small} !important;
+      height: ${u.height.small} !important;
+      padding: 0 ${u.padding.small.x} !important;
+      border-radius: ${u.border.radius} !important;
+    }
+
+    .${r}.ant-select.ant-select-sm .ant-select-content,
+    .${r}.ant-select.ant-select-sm .ant-select-selection-item,
+    .${r}.ant-select.ant-select-sm .ant-select-selection-placeholder {
+      height: 100% !important;
+      min-height: 0 !important;
+      line-height: 18px !important;
+    }
+
+    .${r}.ant-select {
+      min-height: ${u.height.middle} !important;
+      height: ${u.height.middle} !important;
+      padding: 0 ${u.padding.middle.x} !important;
+      border-radius: ${u.border.radius} !important;
+    }
+
+    .${r}.ant-select .ant-select-content,
+    .${r}.ant-select .ant-select-selection-item,
+    .${r}.ant-select .ant-select-selection-placeholder {
+      height: 100% !important;
+      min-height: 0 !important;
+      line-height: 18px !important;
+    }
+
+    .${r}.ant-select.ant-select-lg {
+      min-height: ${u.height.large} !important;
+      height: ${u.height.large} !important;
+      padding: 0 ${u.padding.large.x} !important;
+      border-radius: ${u.border.radius} !important;
+    }
+
+    .${r}.ant-select.ant-select-lg .ant-select-content,
+    .${r}.ant-select.ant-select-lg .ant-select-selection-item,
+    .${r}.ant-select.ant-select-lg .ant-select-selection-placeholder {
+      height: 100% !important;
+      min-height: 0 !important;
+      line-height: 18px !important;
+    }
+
+    .${s}.ant-select-dropdown {
+      border: 1px solid ${e.text.primary} !important;
+      border-radius: 4px !important;
+      background: ${e.text.inverse} !important;
+      --ant-select-option-active-bg: transparent;
+      --ant-select-option-selected-bg: ${e.accent.highlightSoft};
+      box-shadow: 0 4px 4px color-mix(in srgb, ${e.text.primary} 15%, transparent) !important;
+      overflow: hidden !important;
+      padding: 0 !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item {
+      border-bottom: 1px solid ${e.text.disabled} !important;
+      min-height: 34px !important;
+      padding: 8px 16px !important;
+      border-radius: 0 !important;
+      color: ${e.text.primary} !important;
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      background: ${e.text.inverse} !important;
+      transition: none !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item-option-content {
+      color: inherit !important;
+      font-size: inherit !important;
+      line-height: inherit !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected),
+    .${s}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover {
+      background: ${e.surface.canvas} !important;
+      background-color: ${e.surface.canvas} !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content,
+    .${s}.ant-select-dropdown .ant-select-item-option:not(.ant-select-item-option-selected):hover .ant-select-item-option-content {
+      background: transparent !important;
+      background-color: transparent !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item-option-selected {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+      position: relative;
+    }
+
+    .${s}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected,
+    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected.ant-select-item-option-active,
+    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
+    .${s}.${l}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      background-image: none !important;
+    }
+
+    .${s}.ant-select-dropdown:not(.${c}) .ant-select-item-option-selected::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      width: 4px;
+      background: ${e.accent.highlight};
+    }
+
+    .${s}.${l}.ant-select-dropdown .ant-select-item-option-state {
+      display: none !important;
+    }
+
+    .${s}.ant-select-dropdown .ant-empty {
+      margin: 0 !important;
+      padding: 12px 16px !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row {
+      display: flex !important;
+      align-items: center !important;
+      padding: 8px 16px !important;
+      border-bottom: 1px solid ${e.text.disabled} !important;
+      background: ${e.text.inverse} !important;
+      min-height: 38px !important;
+      box-sizing: border-box !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
+      margin: 0 !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      gap: 8px !important;
+      line-height: 18px !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox {
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      border-radius: 2px !important;
+      overflow: hidden !important;
+      background: transparent !important;
+      border: 0 !important;
+      color: transparent !important;
+      box-shadow: none !important;
+      position: relative !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox::before,
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox::after {
+      content: none !important;
+      display: none !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      margin: 0 !important;
+      border: 1px solid ${e.text.muted} !important;
+      border-radius: 2px !important;
+      background: ${e.text.inverse} !important;
+      cursor: pointer !important;
+      position: relative !important;
+      box-sizing: border-box !important;
+      display: block !important;
+      inset: 0 !important;
+      z-index: 1 !important;
+      opacity: 1 !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked,
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate,
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:checked::after {
+      content: '';
+      position: absolute;
+      width: 9px;
+      height: 5px;
+      left: 4px;
+      top: 4px;
+      border-left: 2px solid ${e.text.inverse};
+      border-bottom: 2px solid ${e.text.inverse};
+      transform: rotate(-45deg);
+      box-sizing: border-box;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-input:indeterminate::after,
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox-indeterminate .ant-checkbox-input::after {
+      content: '';
+      position: absolute;
+      width: 8px;
+      height: 2px;
+      left: 4px;
+      top: 8px;
+      background: ${e.text.inverse};
+      border-radius: 1px;
+      box-sizing: border-box;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate {
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      border: 0 !important;
+      border-radius: 2px !important;
+      background: transparent !important;
+      background-color: transparent !important;
+      color: transparent !important;
+      opacity: 1 !important;
+      filter: none !important;
+      box-shadow: none !important;
+      box-sizing: border-box !important;
+      position: relative !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate::after {
+      content: none !important;
+      display: none !important;
+      position: absolute !important;
+      width: 8px !important;
+      height: 2px !important;
+      left: 4px !important;
+      top: 8px !important;
+      background: ${e.text.inverse} !important;
+      border: 0 !important;
+      border-radius: 1px !important;
+      transform: none !important;
+      box-sizing: border-box !important;
+    }
+
+    .${s}.ant-select-dropdown .ds-select-all-row .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-input {
+      opacity: 1 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown {
+      background: ${e.text.inverse} !important;
+      --ant-select-option-active-bg: ${e.surface.canvas};
+      --ant-select-option-selected-bg: ${e.accent.highlightSoft};
+      border: 1px solid ${e.text.primary} !important;
+      border-radius: 4px !important;
+      box-shadow: 0 4px 4px color-mix(in srgb, ${e.text.primary} 15%, transparent) !important;
+      padding: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ds-select-all-row {
+      padding: 16px 16px 7px !important;
+      background: ${e.text.inverse} !important;
+      display: flex !important;
+      flex-direction: column !important;
+      align-items: stretch !important;
+      min-height: 58px !important;
+      margin: 0 !important;
+      box-sizing: border-box !important;
+      border-bottom: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ds-select-all-row .ant-checkbox-wrapper {
+      margin: 0 !important;
+      color: ${e.text.primary} !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      gap: 8px !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ds-select-all-divider {
+      height: 1px !important;
+      margin: 16px 0 0 !important;
+      background: ${e.text.disabled} !important;
+      width: 100% !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item {
+      min-height: 34px !important;
+      padding: 8px 16px !important;
+      border-bottom: 1px solid ${e.text.disabled} !important;
+      background: ${e.text.inverse} !important;
+      color: ${e.text.primary} !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item:last-child {
+      border-bottom: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) {
+      background: ${e.surface.canvas} !important;
+      background-color: ${e.surface.canvas} !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-select-item-option-content {
+      background: ${e.surface.canvas} !important;
+      background-color: ${e.surface.canvas} !important;
+      background-image: none !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ds-checkbox-option-content,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected) .ant-checkbox-wrapper {
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      background-image: none !important;
+      color: ${e.text.primary} !important;
+      font-weight: 400 !important;
+      position: relative;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active {
+      --ant-select-option-active-bg: transparent;
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      background-image: none !important;
+      color: ${e.text.primary} !important;
+      font-weight: 400 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-select-item-option-content,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ds-checkbox-option-content,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active .ant-checkbox-wrapper {
+      background: transparent !important;
+      background-color: transparent !important;
+      background-image: none !important;
+      color: ${e.text.primary} !important;
+      font-weight: 400 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected::before,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected::after,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::before,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected.ant-select-item-option-active::after {
+      content: none !important;
+      display: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ds-checkbox-option-content,
+    .${s}.${c}.ant-select-dropdown .ds-checkbox-option-content {
+      display: inline-flex !important;
+      align-items: center !important;
+      gap: 8px !important;
+      color: ${e.text.primary} !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      width: 100% !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
+      display: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      border-radius: 2px !important;
+      overflow: hidden !important;
+      background: transparent !important;
+      border: 0 !important;
+      color: transparent !important;
+      box-shadow: none !important;
+      position: relative !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox::before,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox::after {
+      content: none !important;
+      display: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      margin: 0 !important;
+      border: none !important;
+      border-radius: 2px !important;
+      background: ${e.text.inverse} !important;
+      cursor: pointer !important;
+      position: relative !important;
+      box-sizing: border-box !important;
+      display: block !important;
+      inset: 0 !important;
+      z-index: 1 !important;
+      opacity: 1 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-input:checked {
+      border: none !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-input:checked::after {
+      content: '';
+      position: absolute;
+      width: 9px;
+      height: 5px;
+      left: 4px;
+      top: 4px;
+      border-left: 2px solid ${e.text.inverse};
+      border-bottom: 2px solid ${e.text.inverse};
+      transform: rotate(-45deg);
+      box-sizing: border-box;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-input,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-input {
+      border-color: ${e.text.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-wrapper:hover .ant-checkbox-input,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox:hover .ant-checkbox-input,
+    .${s}.${c}.ant-select-dropdown .ant-select-item-option-selected .ant-checkbox-input:checked {
+      border-color: ${e.brand.primary} !important;
+    }
+
+    /* Canonical checkbox visuals for checkbox-options dropdown:
+       keep Ant inner box visible (unchecked), and align check/indeterminate glyphs. */
+    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+      position: relative !important;
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      border: 0 !important;
+      background: transparent !important;
+      box-shadow: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-inner {
+      display: block !important;
+      width: 18px !important;
+      height: 18px !important;
+      border: 1px solid ${e.text.muted} !important;
+      border-radius: 2px !important;
+      background: ${e.text.inverse} !important;
+      box-sizing: border-box !important;
+      position: relative !important;
+      top: 0 !important;
+      left: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+      position: absolute !important;
+      inset: 0 !important;
+      width: 18px !important;
+      height: 18px !important;
+      margin: 0 !important;
+      opacity: 0 !important;
+      cursor: pointer !important;
+      z-index: 2 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked .ant-checkbox-inner::after {
+      width: 5px !important;
+      height: 9px !important;
+      border: 0 solid ${e.text.inverse} !important;
+      border-top: 0 !important;
+      border-left: 0 !important;
+      border-right: 2px solid ${e.text.inverse} !important;
+      border-bottom: 2px solid ${e.text.inverse} !important;
+      transform: rotate(45deg) scale(1) !important;
+      position: absolute !important;
+      left: 5px !important;
+      top: 2px !important;
+      margin: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate .ant-checkbox-inner::after {
+      content: '' !important;
+      width: 8px !important;
+      height: 2px !important;
+      background: ${e.text.inverse} !important;
+      border: 0 !important;
+      border-radius: 1px !important;
+      position: absolute !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) !important;
+      margin: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox-inner,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover .ant-checkbox-inner {
+      border-color: ${e.text.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-checked:hover .ant-checkbox-inner,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-indeterminate:hover .ant-checkbox-inner {
+      border-color: ${e.brand.primary} !important;
+    }
+
+    /* Ant v5 checkbox markup in this project does not include .ant-checkbox-inner.
+       Render the checkbox box and glyph directly on .ant-checkbox for reliable parity. */
+    .${s}.${c}.ant-select-dropdown .ant-checkbox {
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      border: 1px solid ${e.text.muted} !important;
+      border-radius: 2px !important;
+      background: ${e.text.inverse} !important;
+      box-sizing: border-box !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      position: relative !important;
+      overflow: hidden !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox::after {
+      content: none !important;
+      display: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before {
+      content: '' !important;
+      position: absolute !important;
+      width: 5px !important;
+      height: 9px !important;
+      border-right: 2px solid ${e.text.inverse} !important;
+      border-bottom: 2px solid ${e.text.inverse} !important;
+      transform: rotate(45deg) !important;
+      left: 5px !important;
+      top: 2px !important;
+      box-sizing: border-box !important;
+      display: block !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
+      content: '' !important;
+      position: absolute !important;
+      width: 8px !important;
+      height: 2px !important;
+      background: ${e.text.inverse} !important;
+      border-radius: 1px !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) !important;
+      display: block !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-input {
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      position: absolute !important;
+      inset: 0 !important;
+      opacity: 0 !important;
+      margin: 0 !important;
+      cursor: pointer !important;
+      z-index: 2 !important;
+      border: 0 !important;
+      background: transparent !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox-wrapper:hover .ant-checkbox,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox:hover {
+      border-color: ${e.text.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked:hover,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate:hover {
+      border-color: ${e.brand.primary} !important;
+    }
+
+    /* Final state override: paint visual states on the native checkbox input itself. */
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      width: 18px !important;
+      height: 18px !important;
+      min-width: 18px !important;
+      min-height: 18px !important;
+      border: 1px solid ${e.text.muted} !important;
+      border-radius: 2px !important;
+      background: ${e.text.inverse} !important;
+      box-sizing: border-box !important;
+      opacity: 1 !important;
+      position: relative !important;
+      z-index: 3 !important;
+      display: block !important;
+      cursor: pointer !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after {
+      content: '' !important;
+      position: absolute !important;
+      width: 5px !important;
+      height: 9px !important;
+      border-right: 2px solid ${e.text.inverse} !important;
+      border-bottom: 2px solid ${e.text.inverse} !important;
+      transform: rotate(45deg) !important;
+      left: 5px !important;
+      top: 2px !important;
+      box-sizing: border-box !important;
+      display: block !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
+      content: '' !important;
+      position: absolute !important;
+      width: 8px !important;
+      height: 2px !important;
+      background: ${e.text.inverse} !important;
+      border-radius: 1px !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) !important;
+      display: block !important;
+    }
+
+    /* Prevent duplicate glyphs: selected states should render a single check/dash. */
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::before,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::before {
+      content: none !important;
+      display: none !important;
+    }
+
+    /* Single glyph source: hide native/input marks and draw one mark on wrapper ::after. */
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      opacity: 0 !important;
+      background: transparent !important;
+      border: 0 !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input::after {
+      content: none !important;
+      display: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:checked::after,
+    .${s}.${c}.ant-select-dropdown .ant-checkbox .ant-checkbox-input:indeterminate::after {
+      content: none !important;
+      display: none !important;
+      border: 0 !important;
+      background: transparent !important;
+      box-shadow: none !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-checked::after {
+      content: '' !important;
+      position: absolute !important;
+      width: 5px !important;
+      height: 9px !important;
+      border-right: 2px solid ${e.text.inverse} !important;
+      border-bottom: 2px solid ${e.text.inverse} !important;
+      transform: rotate(45deg) !important;
+      left: 5px !important;
+      top: 2px !important;
+      box-sizing: border-box !important;
+      display: block !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate {
+      border-color: ${e.brand.primary} !important;
+      background: ${e.brand.primary} !important;
+    }
+
+    .${s}.${c}.ant-select-dropdown .ant-checkbox.ant-checkbox-indeterminate::after {
+      content: '' !important;
+      position: absolute !important;
+      width: 8px !important;
+      height: 2px !important;
+      background: ${e.text.inverse} !important;
+      border-radius: 1px !important;
+      left: 50% !important;
+      top: 50% !important;
+      transform: translate(-50%, -50%) !important;
+      display: block !important;
+    }
+
+  `;
+};
+//#endregion
+export { a, u as c, o as i, s as n, i as o, l as r, d as s, r as t };
+
+//# sourceMappingURL=selectStyles-C8j5Vvgp.js.map