bmi-next-brokers 3.0.8 → 3.1.0

package/dist/Select.module-DaH0FOvY.js

@@ -0,0 +1,59 @@
+import './assets/Select.css';const e = "_selectContainer_12y3j_19", o = "_disabled_12y3j_35", t = "_selectContainer_medium_12y3j_53", n = "_selectContainer_large_12y3j_61", _ = "_selectContainer_extraLarge_12y3j_63", r = "_label_12y3j_81", c = "_label_large_12y3j_103", i = "_label_extraLarge_12y3j_105", l = "_label_inverted_12y3j_113", a = "_selectWrapper_12y3j_131", s = "_select_12y3j_19", p = "_open_12y3j_213", d = "_small_12y3j_237", y = "_medium_12y3j_259", j = "_large_12y3j_281", h = "_extraLarge_12y3j_303", b = "_selectValue_12y3j_331", u = "_selectInput_12y3j_351", g = "_placeholder_12y3j_401", m = "_error_12y3j_429", v = "_btc_12y3j_457", w = "_errorShake_12y3j_1", C = "_inverted_12y3j_585", W = "_chevron_12y3j_629", x = "_icon_inverted_12y3j_637", S = "_chevronOpen_12y3j_729", D = "_icon_12y3j_637", L = "_iconLabel_12y3j_773", k = "_optionIcon_12y3j_795", I = "_required_12y3j_817", V = "_required_inverted_12y3j_827", q = "_dropdown_12y3j_845", H = "_highlight_12y3j_879", T = "_isDrawer_12y3j_895", O = "_dropdownPortal_12y3j_941", P = "_drawerSelect_12y3j_967", R = "_drawerSelectHeader_12y3j_975", f = "_drawerSearchInput_12y3j_983", z = "_option_12y3j_795", A = "_optionSelected_12y3j_1017", B = "_optionWithCheckbox_12y3j_1109", E = "_optionCheckbox_12y3j_1121", F = "_optionWithDescriptionWrapper_12y3j_1209", G = "_optionWithDescription_12y3j_1209", J = "_optionWithDescriptionLabel_12y3j_1241", K = "_optionWithDescriptionValue_12y3j_1253", M = "_dropdownTable_12y3j_1273", N = "_optionTable_12y3j_1283", Q = "_tableColumn_12y3j_1299", U = "_columnHeader_12y3j_1315", X = "_columnValue_12y3j_1331", Y = "_noResults_12y3j_1365", Z = "_dropdown_inverted_12y3j_1393", $ = "_option_inverted_12y3j_1439", ee = {
+  selectContainer: e,
+  disabled: o,
+  selectContainer_medium: t,
+  selectContainer_large: n,
+  selectContainer_extraLarge: _,
+  label: r,
+  label_large: c,
+  label_extraLarge: i,
+  label_inverted: l,
+  selectWrapper: a,
+  select: s,
+  open: p,
+  small: d,
+  medium: y,
+  large: j,
+  extraLarge: h,
+  selectValue: b,
+  selectInput: u,
+  placeholder: g,
+  error: m,
+  btc: v,
+  errorShake: w,
+  inverted: C,
+  chevron: W,
+  icon_inverted: x,
+  chevronOpen: S,
+  icon: D,
+  iconLabel: L,
+  optionIcon: k,
+  required: I,
+  required_inverted: V,
+  dropdown: q,
+  highlight: H,
+  isDrawer: T,
+  dropdownPortal: O,
+  drawerSelect: P,
+  drawerSelectHeader: R,
+  drawerSearchInput: f,
+  option: z,
+  optionSelected: A,
+  optionWithCheckbox: B,
+  optionCheckbox: E,
+  optionWithDescriptionWrapper: F,
+  optionWithDescription: G,
+  optionWithDescriptionLabel: J,
+  optionWithDescriptionValue: K,
+  dropdownTable: M,
+  optionTable: N,
+  tableColumn: Q,
+  columnHeader: U,
+  columnValue: X,
+  noResults: Y,
+  dropdown_inverted: Z,
+  option_inverted: $
+};
+export {
+  ee as s
+};

package/dist/assets/Select.css

@@ -1 +1 @@
-._selectContainer_1u5bn_19{display:flex;flex-direction:column;width:100%;min-width:0;gap:4px}._selectContainer_1u5bn_19._disabled_1u5bn_35{cursor:not-allowed;opacity:.3}._selectContainer_1u5bn_19 *{font-family:var(--font-regular)}._selectContainer_medium_1u5bn_53{gap:6px}._selectContainer_large_1u5bn_61,._selectContainer_extraLarge_1u5bn_63{gap:8px}._label_1u5bn_81{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_1u5bn_81._disabled_1u5bn_35{cursor:not-allowed}._label_large_1u5bn_103,._label_extraLarge_1u5bn_105{font-size:15px}._label_inverted_1u5bn_113{color:#fff!important}._selectWrapper_1u5bn_131{position:relative;display:flex;align-items:center;width:100%;min-width:0}._select_1u5bn_19{border:1px solid #ddd;outline:none;border-radius:16px;transition:all .2s ease;width:100%;min-width:0;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px;box-sizing:border-box}._select_1u5bn_19._disabled_1u5bn_35{cursor:not-allowed;pointer-events:none}._select_1u5bn_19:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_1u5bn_19:active,._select_1u5bn_19:focus,._select_1u5bn_19:has(input:focus),._select_1u5bn_19._open_1u5bn_213{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._small_1u5bn_237 *{font-size:12px}._select_1u5bn_19._small_1u5bn_237{height:30px;padding-inline:8px;border-radius:10px}._medium_1u5bn_259 *{font-size:14px}._select_1u5bn_19._medium_1u5bn_259{height:36px;padding-inline:10px;border-radius:12px}._large_1u5bn_281 *{font-size:15px}._select_1u5bn_19._large_1u5bn_281{padding-inline:12px;height:42px;border-radius:14px}._extraLarge_1u5bn_303 *{font-size:16px}._select_1u5bn_19._extraLarge_1u5bn_303{padding-inline:14px;height:48px}._selectValue_1u5bn_331{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}._selectInput_1u5bn_351{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;background:transparent;width:100%;max-width:100%;padding:0;cursor:text;box-sizing:border-box}._selectInput_1u5bn_351::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._selectInput_1u5bn_351:read-only{cursor:pointer}._selectInput_1u5bn_351._placeholder_1u5bn_401,._placeholder_1u5bn_401{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._error_1u5bn_429 ._selectInput_1u5bn_351{color:var(--Content-Negative-Default-Active, #dc2626)}._error_1u5bn_429 ._selectInput_1u5bn_351::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._select_1u5bn_19._btc_1u5bn_457:active,._select_1u5bn_19._btc_1u5bn_457:focus,._select_1u5bn_19._btc_1u5bn_457:has(input:focus),._select_1u5bn_19._btc_1u5bn_457._open_1u5bn_213{border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_1u5bn_429{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_1u5bn_1 .4s ease-in-out}._error_1u5bn_429 ._placeholder_1u5bn_401{color:var(--Content-Negative-Default-Active, #dc2626)}._error_1u5bn_429:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_1u5bn_429:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1u5bn_429:focus,._error_1u5bn_429:has(input:focus),._error_1u5bn_429._open_1u5bn_213{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1u5bn_429._btc_1u5bn_457::placeholder{color:#dc2626}._error_1u5bn_429._btc_1u5bn_457:active,._error_1u5bn_429._btc_1u5bn_457:focus,._error_1u5bn_429._btc_1u5bn_457:has(input:focus),._error_1u5bn_429._btc_1u5bn_457._open_1u5bn_213{border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._inverted_1u5bn_585{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_1u5bn_585:hover{border:1px solid white!important}._inverted_1u5bn_585 ._placeholder_1u5bn_401{color:#ffffffb3!important}._inverted_1u5bn_585 ._selectInput_1u5bn_351{color:#fff!important}._inverted_1u5bn_585 ._selectInput_1u5bn_351::placeholder{color:#ffffffb3!important}._inverted_1u5bn_585 ._chevron_1u5bn_629,._icon_inverted_1u5bn_637{color:#fff!important}._inverted_1u5bn_585._error_1u5bn_429{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1u5bn_585._error_1u5bn_429 ._placeholder_1u5bn_401{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1u5bn_585._error_1u5bn_429:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_1u5bn_585._error_1u5bn_429:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1u5bn_585._error_1u5bn_429:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1u5bn_585._error_1u5bn_429._open_1u5bn_213{border:1px solid transparent!important}._chevron_1u5bn_629{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_1u5bn_729{transform:rotate(180deg)}._icon_1u5bn_637{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._iconLabel_1u5bn_773{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden;width:100%}._optionIcon_1u5bn_795{display:flex;align-items:center;justify-content:center}._required_1u5bn_817{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_1u5bn_827{color:var(--Content-Negative-Default-Active, #f87171)}._dropdown_1u5bn_845{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:16px;max-height:200px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-color:rgba(0,0,0,.3) transparent}._highlight_1u5bn_879{background:transparent;color:#2054a5;font-family:var(--font-medium)!important;font-weight:600!important;font-size:inherit!important}._dropdown_1u5bn_845._isDrawer_1u5bn_895{position:relative;width:100%;max-height:100%;border-radius:0;border-right:0;border-left:0}._dropdown_1u5bn_845 *{font-family:var(--font-regular)}._dropdown_1u5bn_845::-webkit-scrollbar{width:8px}._dropdown_1u5bn_845::-webkit-scrollbar-track{background:transparent;margin:4px 0}._dropdownPortal_1u5bn_941{position:fixed;top:0;left:0;right:auto;z-index:9000}._drawerSelect_1u5bn_967{padding:0!important}._drawerSelectHeader_1u5bn_975{padding-inline:15px}._drawerSearchInput_1u5bn_983{padding-inline:15px;width:100%}._option_1u5bn_795{width:100%;padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94a3b8);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_1u5bn_795:not(._optionSelected_1u5bn_1015):hover{background-color:#f8f9fa}._option_1u5bn_795:last-child{border-bottom:none}._optionSelected_1u5bn_1015{background-color:#f0f0f0;color:#000}._option_1u5bn_795:not(._isDrawer_1u5bn_895):first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_1u5bn_795:not(._isDrawer_1u5bn_895):last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._small_1u5bn_237+._dropdown_1u5bn_845 ._option_1u5bn_795{padding:8px 11px 8px 14px}._medium_1u5bn_259+._dropdown_1u5bn_845 ._option_1u5bn_795{padding:8px 12px}._large_1u5bn_281+._dropdown_1u5bn_845 ._option_1u5bn_795{padding:11px 12px}._extraLarge_1u5bn_303+._dropdown_1u5bn_845 ._option_1u5bn_795{padding:11px 12px}._optionWithCheckbox_1u5bn_1107{display:flex;align-items:center;gap:12px}._optionCheckbox_1u5bn_1119{width:14px;height:14px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:2px;background-color:#fff;position:relative}._optionCheckbox_1u5bn_1119:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._optionCheckbox_1u5bn_1119:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:3px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;border-color:#fff!important}._optionWithCheckbox_1u5bn_1107:not(._optionSelected_1u5bn_1015):hover{background-color:transparent}._optionWithCheckbox_1u5bn_1107._optionSelected_1u5bn_1015{background-color:transparent}._optionWithDescriptionWrapper_1u5bn_1207{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}._optionWithDescription_1u5bn_1207{display:flex;flex-direction:column;gap:12px;text-align:start;line-height:1}._optionWithDescriptionLabel_1u5bn_1239{color:#030c24;font-size:14px;font-family:var(--font-medium)}._optionWithDescriptionValue_1u5bn_1251{font-size:12px;color:#030c2499}._dropdownTable_1u5bn_1271{max-height:400px;min-width:0}._optionTable_1u5bn_1281{display:flex;gap:16px;padding:12px 16px;align-items:flex-start;flex-direction:row}._tableColumn_1u5bn_1297{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._columnHeader_1u5bn_1313{opacity:.6;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._columnValue_1u5bn_1329{font-weight:600;color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionTable_1u5bn_1281._optionSelected_1u5bn_1015 ._columnValue_1u5bn_1329{color:#000}._noResults_1u5bn_1363{display:flex;justify-content:center;align-items:center;padding:12px;text-align:center;color:var(--Content-Neutral-Default-Default, #a3a3a3)}._dropdown_inverted_1u5bn_1391{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8);scrollbar-color:rgba(255,255,255,.3) transparent}._dropdown_inverted_1u5bn_1391::-webkit-scrollbar-thumb{background:#ffffff4d}._dropdown_inverted_1u5bn_1391::-webkit-scrollbar-thumb:hover{background:#ffffff80}._dropdown_inverted_1u5bn_1391 ._noResults_1u5bn_1363{color:#ffffffb3}._option_inverted_1u5bn_1437{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_1u5bn_1437:hover{background-color:#ffffff1a!important}._option_inverted_1u5bn_1437._optionSelected_1u5bn_1015{background-color:#ffffff26!important;color:#fff!important}._option_inverted_1u5bn_1437._optionWithCheckbox_1u5bn_1107:hover,._option_inverted_1u5bn_1437._optionWithCheckbox_1u5bn_1107._optionSelected_1u5bn_1015{background-color:transparent!important}._dropdown_inverted_1u5bn_1391 ._optionCheckbox_1u5bn_1119{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background-color:var(--Stroke-Neutral-Primary, #e0e9f8)}._dropdown_inverted_1u5bn_1391 ._optionCheckbox_1u5bn_1119:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._dropdown_inverted_1u5bn_1391 ._optionCheckbox_1u5bn_1119:checked:after{border-color:#fff!important}@keyframes _errorShake_1u5bn_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
+._selectContainer_12y3j_19{display:flex;flex-direction:column;width:100%;min-width:0;gap:4px}._selectContainer_12y3j_19._disabled_12y3j_35{cursor:not-allowed;opacity:.3}._selectContainer_12y3j_19 *{font-family:var(--font-regular)}._selectContainer_medium_12y3j_53{gap:6px}._selectContainer_large_12y3j_61,._selectContainer_extraLarge_12y3j_63{gap:8px}._label_12y3j_81{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_12y3j_81._disabled_12y3j_35{cursor:not-allowed}._label_large_12y3j_103,._label_extraLarge_12y3j_105{font-size:15px}._label_inverted_12y3j_113{color:#fff!important}._selectWrapper_12y3j_131{position:relative;display:flex;align-items:center;width:100%;min-width:0}._select_12y3j_19{border:1px solid #ddd;outline:none;border-radius:16px;transition:all .2s ease;width:100%;min-width:0;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px;box-sizing:border-box}._select_12y3j_19._disabled_12y3j_35{cursor:not-allowed;pointer-events:none}._select_12y3j_19:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_12y3j_19:active,._select_12y3j_19:focus,._select_12y3j_19:has(input:focus),._select_12y3j_19._open_12y3j_213{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._small_12y3j_237 *{font-size:12px}._select_12y3j_19._small_12y3j_237{height:30px;padding-inline:8px;border-radius:10px}._medium_12y3j_259 *{font-size:14px}._select_12y3j_19._medium_12y3j_259{height:36px;padding-inline:10px;border-radius:12px}._large_12y3j_281 *{font-size:15px}._select_12y3j_19._large_12y3j_281{padding-inline:12px;height:42px;border-radius:14px}._extraLarge_12y3j_303 *{font-size:16px}._select_12y3j_19._extraLarge_12y3j_303{padding-inline:14px;height:48px}._selectValue_12y3j_331{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}._selectInput_12y3j_351{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;background:transparent;width:100%;max-width:100%;padding:0;cursor:text;box-sizing:border-box}._selectInput_12y3j_351::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._selectInput_12y3j_351:read-only{cursor:pointer}._selectInput_12y3j_351._placeholder_12y3j_401,._placeholder_12y3j_401{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._error_12y3j_429 ._selectInput_12y3j_351{color:var(--Content-Negative-Default-Active, #dc2626)}._error_12y3j_429 ._selectInput_12y3j_351::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._select_12y3j_19._btc_12y3j_457:active,._select_12y3j_19._btc_12y3j_457:focus,._select_12y3j_19._btc_12y3j_457:has(input:focus),._select_12y3j_19._btc_12y3j_457._open_12y3j_213{border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_12y3j_429{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_12y3j_1 .4s ease-in-out}._error_12y3j_429 ._placeholder_12y3j_401{color:var(--Content-Negative-Default-Active, #dc2626)}._error_12y3j_429:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_12y3j_429:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_12y3j_429:focus,._error_12y3j_429:has(input:focus),._error_12y3j_429._open_12y3j_213{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_12y3j_429._btc_12y3j_457::placeholder{color:#dc2626}._error_12y3j_429._btc_12y3j_457:active,._error_12y3j_429._btc_12y3j_457:focus,._error_12y3j_429._btc_12y3j_457:has(input:focus),._error_12y3j_429._btc_12y3j_457._open_12y3j_213{border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._inverted_12y3j_585{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_12y3j_585:hover{border:1px solid white!important}._inverted_12y3j_585 ._placeholder_12y3j_401{color:#ffffffb3!important}._inverted_12y3j_585 ._selectInput_12y3j_351{color:#fff!important}._inverted_12y3j_585 ._selectInput_12y3j_351::placeholder{color:#ffffffb3!important}._inverted_12y3j_585 ._chevron_12y3j_629,._icon_inverted_12y3j_637{color:#fff!important}._inverted_12y3j_585._error_12y3j_429{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12y3j_585._error_12y3j_429 ._placeholder_12y3j_401{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12y3j_585._error_12y3j_429:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_12y3j_585._error_12y3j_429:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12y3j_585._error_12y3j_429:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12y3j_585._error_12y3j_429._open_12y3j_213{border:1px solid transparent!important}._chevron_12y3j_629{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_12y3j_729{transform:rotate(180deg)}._icon_12y3j_637{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._iconLabel_12y3j_773{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden;width:100%}._optionIcon_12y3j_795{display:flex;align-items:center;justify-content:center}._required_12y3j_817{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_12y3j_827{color:var(--Content-Negative-Default-Active, #f87171)}._dropdown_12y3j_845{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:16px;max-height:200px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-color:rgba(0,0,0,.3) transparent}._highlight_12y3j_879{background:transparent;color:#2054a5;font-family:var(--font-medium)!important;font-weight:600!important;font-size:inherit!important}._dropdown_12y3j_845._isDrawer_12y3j_895{position:relative;width:100%;max-height:100%;border-radius:0;border-right:0;border-left:0}._dropdown_12y3j_845 *{font-family:var(--font-regular)}._dropdown_12y3j_845::-webkit-scrollbar{width:8px}._dropdown_12y3j_845::-webkit-scrollbar-track{background:transparent;margin:4px 0}._dropdownPortal_12y3j_941{position:fixed;top:0;left:0;right:auto;z-index:9000}._drawerSelect_12y3j_967{padding:0!important}._drawerSelectHeader_12y3j_975{padding-inline:15px}._drawerSearchInput_12y3j_983{padding-inline:15px;width:100%;padding-top:3px}._option_12y3j_795{width:100%;padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94a3b8);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_12y3j_795:not(._optionSelected_12y3j_1017):hover{background-color:#f8f9fa}._option_12y3j_795:last-child{border-bottom:none}._optionSelected_12y3j_1017{background-color:#f0f0f0;color:#000}._option_12y3j_795:not(._isDrawer_12y3j_895):first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_12y3j_795:not(._isDrawer_12y3j_895):last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._small_12y3j_237+._dropdown_12y3j_845 ._option_12y3j_795{padding:8px 11px 8px 14px}._medium_12y3j_259+._dropdown_12y3j_845 ._option_12y3j_795{padding:8px 12px}._large_12y3j_281+._dropdown_12y3j_845 ._option_12y3j_795{padding:11px 12px}._extraLarge_12y3j_303+._dropdown_12y3j_845 ._option_12y3j_795{padding:11px 12px}._optionWithCheckbox_12y3j_1109{display:flex;align-items:center;gap:12px}._optionCheckbox_12y3j_1121{width:14px;height:14px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:2px;background-color:#fff;position:relative}._optionCheckbox_12y3j_1121:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._optionCheckbox_12y3j_1121:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:3px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;border-color:#fff!important}._optionWithCheckbox_12y3j_1109:not(._optionSelected_12y3j_1017):hover{background-color:transparent}._optionWithCheckbox_12y3j_1109._optionSelected_12y3j_1017{background-color:transparent}._optionWithDescriptionWrapper_12y3j_1209{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}._optionWithDescription_12y3j_1209{display:flex;flex-direction:column;gap:12px;text-align:start;line-height:1}._optionWithDescriptionLabel_12y3j_1241{color:#030c24;font-size:14px;font-family:var(--font-medium)}._optionWithDescriptionValue_12y3j_1253{font-size:12px;color:#030c2499}._dropdownTable_12y3j_1273{max-height:400px;min-width:0}._optionTable_12y3j_1283{display:flex;gap:16px;padding:12px 16px;align-items:flex-start;flex-direction:row}._tableColumn_12y3j_1299{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._columnHeader_12y3j_1315{opacity:.6;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._columnValue_12y3j_1331{font-weight:600;color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionTable_12y3j_1283._optionSelected_12y3j_1017 ._columnValue_12y3j_1331{color:#000}._noResults_12y3j_1365{display:flex;justify-content:center;align-items:center;padding:12px;text-align:center;color:var(--Content-Neutral-Default-Default, #a3a3a3)}._dropdown_inverted_12y3j_1393{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8);scrollbar-color:rgba(255,255,255,.3) transparent}._dropdown_inverted_12y3j_1393::-webkit-scrollbar-thumb{background:#ffffff4d}._dropdown_inverted_12y3j_1393::-webkit-scrollbar-thumb:hover{background:#ffffff80}._dropdown_inverted_12y3j_1393 ._noResults_12y3j_1365{color:#ffffffb3}._option_inverted_12y3j_1439{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_12y3j_1439:hover{background-color:#ffffff1a!important}._option_inverted_12y3j_1439._optionSelected_12y3j_1017{background-color:#ffffff26!important;color:#fff!important}._option_inverted_12y3j_1439._optionWithCheckbox_12y3j_1109:hover,._option_inverted_12y3j_1439._optionWithCheckbox_12y3j_1109._optionSelected_12y3j_1017{background-color:transparent!important}._dropdown_inverted_12y3j_1393 ._optionCheckbox_12y3j_1121{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background-color:var(--Stroke-Neutral-Primary, #e0e9f8)}._dropdown_inverted_12y3j_1393 ._optionCheckbox_12y3j_1121:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._dropdown_inverted_12y3j_1393 ._optionCheckbox_12y3j_1121:checked:after{border-color:#fff!important}@keyframes _errorShake_12y3j_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}

package/dist/assets/Switch.css

@@ -1 +1 @@
-._switch_wo4ya_1{--switch-bg: var(--ui-blue-100);--switch-active-bg: #2054a5;--switch-active-text: #ffffff;--switch-inactive-text: #2054a5;--switch-inset: 4px;--switch-pad-y: 7px;--switch-pad-x: 12px;--switch-font: 16px;--switch-line-height: 19.2px;position:relative;display:flex;flex-direction:row;gap:0;padding:var(--switch-inset);border-radius:1000px;background:var(--switch-bg);width:fit-content}._switch_wo4ya_1._fullWidth_wo4ya_24{width:100%}._switch_wo4ya_1._fullWidth_wo4ya_24 ._option_wo4ya_28{flex:1}._extraSmall_wo4ya_33{--switch-inset: 3px;--switch-pad-y: 6px;--switch-pad-x: 12px;--switch-font: 12px;--switch-line-height: 14.4px}._small_wo4ya_41{--switch-inset: 3px;--switch-pad-y: 6px;--switch-pad-x: 12px;--switch-font: 14px;--switch-line-height: 16.8px}._large_wo4ya_49{--switch-inset: 4px;--switch-pad-y: 10px;--switch-pad-x: 16px;--switch-font: 18px;--switch-line-height: 21.6px}._extraLarge_wo4ya_57{--switch-inset: 6px;--switch-pad-y: 6px;--switch-pad-x: 14px;--switch-font: 20px;--switch-line-height: 24px}._switch_wo4ya_1 ._indicator_wo4ya_66{position:absolute;top:var(--switch-inset);bottom:var(--switch-inset);left:0;background:#2054a5;border-radius:1000px;transition:transform .42s cubic-bezier(.34,1.56,.64,1),width .42s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:0}._switch_wo4ya_1._simple_wo4ya_82 ._indicator_wo4ya_66{transition:transform .22s ease,width .22s ease}._switch_wo4ya_1._simple_wo4ya_82 ._option_wo4ya_28._active_wo4ya_88 ._label_wo4ya_88{animation:none}._switch_wo4ya_1 ._option_wo4ya_28{position:relative;z-index:1;border:none;background:transparent;color:var(--switch-inactive-text);font-family:var(--font-medium);font-size:var(--switch-font);line-height:var(--switch-line-height);cursor:pointer;transition:color .25s ease,transform .25s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--switch-pad-y) var(--switch-pad-x);border-radius:1000px}._switch_wo4ya_1 ._option_wo4ya_28:active{transform:scale(.94)}._switch_wo4ya_1 ._option_wo4ya_28._active_wo4ya_88{color:var(--switch-active-text)}._switch_wo4ya_1 ._option_wo4ya_28._active_wo4ya_88 ._label_wo4ya_88{animation:_pop_wo4ya_1 .32s ease}@keyframes _pop_wo4ya_1{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}
+._switch_1l66v_1{--switch-bg: var(--ui-blue-100);--switch-active-bg: #2054a5;--switch-active-text: #ffffff;--switch-inactive-text: #2054a5;--switch-height: 40px;--switch-inset: 4px;--switch-pad-y: 7px;--switch-pad-x: 12px;--switch-font: 16px;--switch-line-height: 19.2px;position:relative;min-height:var(--switch-height);display:flex;flex-direction:row;gap:0;padding:var(--switch-inset);border-radius:1000px;background:var(--switch-bg);width:fit-content}._switch_1l66v_1._fullWidth_1l66v_26{width:100%}._switch_1l66v_1._fullWidth_1l66v_26 ._option_1l66v_30{flex:1}._extraSmall_1l66v_35{--switch-height: 28px;--switch-inset: 3px;--switch-pad-y: 6px;--switch-pad-x: 12px;--switch-font: 12px;--switch-line-height: 14.4px}._small_1l66v_44{--switch-height: 32px;--switch-inset: 3px;--switch-pad-y: 6px;--switch-pad-x: 12px;--switch-font: 14px;--switch-line-height: 16.8px}._large_1l66v_53{--switch-height: 46px;--switch-inset: 4px;--switch-pad-y: 10px;--switch-pad-x: 16px;--switch-font: 18px;--switch-line-height: 21.6px}._extraLarge_1l66v_62{--switch-height: 52px;--switch-inset: 6px;--switch-pad-y: 6px;--switch-pad-x: 14px;--switch-font: 20px;--switch-line-height: 24px}._switch_1l66v_1 ._indicator_1l66v_72{position:absolute;top:var(--switch-inset);bottom:var(--switch-inset);left:0;background:#2054a5;border-radius:1000px;transition:transform .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}._switch_1l66v_1._simple_1l66v_88 ._indicator_1l66v_72,._switch_1l66v_1._simple_1l66v_88 ._option_1l66v_30{transition:none}._switch_1l66v_1 ._option_1l66v_30{position:relative;z-index:1;border:none;background:transparent;color:var(--switch-inactive-text);font-family:var(--font-medium);font-size:var(--switch-font);line-height:var(--switch-line-height);cursor:pointer;transition:color .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--switch-pad-y) var(--switch-pad-x);border-radius:1000px}._switch_1l66v_1 ._option_1l66v_30._active_1l66v_114{color:var(--switch-active-text)}

package/dist/assets/index14.css

@@ -1 +1 @@
-._overlay_80w8b_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000;animation:_fadeIn_80w8b_1 .25s ease-in-out;overflow:hidden}._overlay_80w8b_1._closing_80w8b_16{animation:_fadeOut_80w8b_1 .25s ease-in-out forwards}._nav_80w8b_20{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;margin-block:16px;color:#2054a5;padding-inline:16px}._arrowBack_80w8b_32{cursor:pointer}._title_80w8b_36{font-family:var(--font-medium);font-size:16px;font-weight:600;line-height:normal}._content_80w8b_43{width:100%;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);background-color:#fff}._mainContent_80w8b_51{display:flex;height:100%;width:100%;animation:_slideIn_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards;transform:translate(0)}._closing_80w8b_16{animation:_slideOut_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards}._contentInner_80w8b_63{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overscroll-behavior:none;flex:1;padding-inline:16px}._contentInner_80w8b_63::-webkit-scrollbar{display:none}@keyframes _fadeIn_80w8b_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_80w8b_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_80w8b_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideOut_80w8b_1{0%{transform:translate(0)}to{transform:translate(-100%)}}
+._overlay_q0941_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000;animation:_fadeIn_q0941_1 .25s ease-in-out;overflow:hidden}._overlay_q0941_1._closing_q0941_16{animation:_fadeOut_q0941_1 .25s ease-in-out forwards}._nav_q0941_20{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;margin-block:16px;color:#2054a5;padding-inline:16px}._arrowBack_q0941_32{cursor:pointer}._title_q0941_36{font-family:var(--font-medium);font-size:22px;font-weight:600;line-height:normal}._content_q0941_43{width:100%;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background-color:#fff}._mainContent_q0941_51{display:flex;height:100%;width:100%;animation:_slideIn_q0941_1 .45s cubic-bezier(.4,0,.2,1) forwards;transform:translate(0)}._closing_q0941_16{animation:_slideOut_q0941_1 .45s cubic-bezier(.4,0,.2,1) forwards}._contentInner_q0941_63{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overscroll-behavior:none;flex:1;padding-inline:16px;padding-bottom:16px}._contentInner_q0941_63::-webkit-scrollbar{display:none}@keyframes _fadeIn_q0941_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_q0941_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_q0941_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slideOut_q0941_1{0%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 440px){._title_q0941_36{font-size:16px}}

package/dist/components/SearchableInputGroup/index.js

@@ -2,7 +2,7 @@ import { jsxs as O, jsx as i } from "react/jsx-runtime";
 import { useState as N, useRef as w, useMemo as Y, useEffect as _ } from "react";
 import { createPortal as Z } from "react-dom";
 import { Input as z } from "../Input/Input.js";
-import { s as e } from "../../Select.module-Bj2SfYZl.js";
+import { s as e } from "../../Select.module-DaH0FOvY.js";
 import { useBTC as I } from "../../hooks/btcContext/useBtcContext.js";
 import { useDropdownPosition as R } from "../../hooks/useDropdownPosition.js";
 import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_1kajw_7", tr = "_inputWrapper_1kajw_13", $ = {

package/dist/components/Select/Select.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as l, Fragment as G } from "react/jsx-runtime";
 import { useState as J, useRef as L, useEffect as K, useMemo as de } from "react";
 import { createPortal as Re } from "react-dom";
-import { s as e } from "../../Select.module-Bj2SfYZl.js";
+import { s as e } from "../../Select.module-DaH0FOvY.js";
 import { Icon as P } from "../../icons/Icon.js";
 import { HelperText as We } from "../helperText/index.js";
 import { FieldError as xe } from "../fieldError/index.js";
@@ -12,7 +12,7 @@ import { Input as je } from "../Input/Input.js";
 import { useBTC as Me } from "../../hooks/btcContext/useBtcContext.js";
 import { useDropdownPosition as Be } from "../../hooks/useDropdownPosition.js";
 const nr = ({
-  size: c = "medium",
+  size: s = "medium",
   label: V,
   error: U,
   helperText: F,
@@ -40,7 +40,7 @@ const nr = ({
   highlightMatch: Ne = !1,
   ...Se
 }) => {
-  const B = !!M, { btc: ve } = Me(), ye = X ?? ve, [i, y] = J(!1), [m, be] = J(""), s = pe || T, $ = T, A = L(null), Oe = L(null), Q = L(null), z = L(null), b = L(null), [D, w] = J([]), De = i && !v, Ce = Pe(`(max-width: ${we}px)`), R = ge && Ce && !v;
+  const B = !!M, { btc: ve } = Me(), ye = X ?? ve, [i, y] = J(!1), [m, be] = J(""), c = pe || T, $ = T, A = L(null), Oe = L(null), Q = L(null), z = L(null), b = L(null), [D, w] = J([]), De = i && !v, Ce = Pe(`(max-width: ${we}px)`), R = ge && Ce && !v;
   K(() => {
     if ($)
       if (Array.isArray(h) && h.length > 0) {
@@ -61,7 +61,7 @@ const nr = ({
   }, [h, O, $]);
   const _ = D.map((r) => r.value), o = D[0] ?? null, N = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "").toLowerCase() : "", ee = L("");
   K(() => {
-    if (!s) return;
+    if (!c) return;
     const r = m.trim(), n = ee.current.trim();
     if ($) {
       if (r.length > 0) {
@@ -79,21 +79,21 @@ const nr = ({
     o,
     D,
     $,
-    s,
+    c,
     a
   ]);
-  const re = de(() => s ? i ? m : !$ && o ? o.label : $ && _.length > 0 ? `${_.length} ${_.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
-    s,
+  const re = de(() => c ? i ? m : !$ && o ? o.label : $ && _.length > 0 ? `${_.length} ${_.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
+    c,
     i,
     m,
     o,
     _,
     $
-  ]), te = (r) => D.some((n) => n.value === r), W = de(() => !s || !m || B ? O : O.filter(
+  ]), te = (r) => D.some((n) => n.value === r), W = de(() => !c || !m || B ? O : O.filter(
     (r) => N(r.label).includes(N(m))
-  ), [O, m, s, B]), k = (() => {
+  ), [O, m, c, B]), k = (() => {
     if (U) return U;
-    if (s && m && m.trim().length > 0 && W.length === 0 && !i && !h)
+    if (c && m && m.trim().length > 0 && W.length === 0 && !i && !h)
       return Y;
   })();
   K(() => {
@@ -103,19 +103,19 @@ const nr = ({
     return document.addEventListener("mousedown", r), () => {
       document.removeEventListener("mousedown", r);
     };
-  }, [s, B, o]);
+  }, [c, B, o]);
   const Le = [
     e.select,
     ye && e.btc,
-    e[c],
+    e[s],
     k ? e.error : "",
     v ? e.disabled : "",
     i ? e.open : "",
     g ? e.inverted : "",
     ue
-  ].filter(Boolean).join(" "), C = c === "small" ? 16 : c === "large" ? 20 : c === "extraLarge" ? 24 : 18, ne = fe && (o != null && o.icon) && !(s && i) ? o.icon : I, Ie = () => {
+  ].filter(Boolean).join(" "), C = s === "small" ? 16 : s === "large" ? 20 : s === "extraLarge" ? 24 : 18, ne = fe && (o != null && o.icon) && !(c && i) ? o.icon : I, Ie = () => {
     var r;
-    v || (y(!i), s && !i && (se(), (r = b.current) == null || r.focus()));
+    v || (y(!i), c && !i && (se(), (r = b.current) == null || r.focus()));
   }, q = (r, n = !0) => {
     if (a)
       if ($) {
@@ -129,7 +129,7 @@ const nr = ({
   }, se = () => {
     i || y(!0);
   }, _e = (r) => {
-    R && (r.preventDefault(), r.stopPropagation()), s && (r.stopPropagation(), i || (y(!0), b.current && (b.current.readOnly = !1, b.current.focus())));
+    R && (r.preventDefault(), r.stopPropagation()), c && (r.stopPropagation(), i || (y(!0), b.current && (b.current.readOnly = !1, b.current.focus())));
   }, H = (r, n) => {
     if (!Ne || !n.trim()) return r;
     const d = N(r), t = N(n.trim());
@@ -148,7 +148,7 @@ const nr = ({
     isOpen: i,
     containerRef: z,
     dropdownRef: Q,
-    size: c,
+    size: s,
     optionsLength: W.length,
     label: V,
     helperText: F,
@@ -179,8 +179,8 @@ const nr = ({
             }
           ),
           t.columns ? /* @__PURE__ */ l(G, { children: E && Object.entries(E).map(([f, S]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
-            /* @__PURE__ */ l("div", { className: `${e.columnHeader} ${e[c]}`, children: S }),
-            /* @__PURE__ */ l("div", { className: `${e.columnValue} ${e[c]}`, children: H(
+            /* @__PURE__ */ l("div", { className: `${e.columnHeader} ${e[s]}`, children: S }),
+            /* @__PURE__ */ l("div", { className: `${e.columnValue} ${e[s]}`, children: H(
               String(t.columns[f] ?? ""),
               m
             ) })
@@ -222,7 +222,7 @@ const nr = ({
     return /* @__PURE__ */ l(
       "div",
       {
-        className: `${e.dropdown} ${e.isDrawer} ${e[c]}  ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+        className: `${e.dropdown} ${e.isDrawer} ${e[s]}  ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${c ? e.dropdownSearchable : ""}`,
         children: /* @__PURE__ */ l(
           ce,
           {
@@ -237,13 +237,13 @@ const nr = ({
     "div",
     {
       ref: z,
-      className: `${e.selectContainer} ${c === "medium" ? e.selectContainer_medium : c === "large" ? e.selectContainer_large : c === "extraLarge" ? e.selectContainer_extraLarge : ""} ${v ? e.disabled : ""}`,
+      className: `${e.selectContainer} ${s === "medium" ? e.selectContainer_medium : s === "large" ? e.selectContainer_large : s === "extraLarge" ? e.selectContainer_extraLarge : ""} ${v ? e.disabled : ""}`,
       ...Se,
       children: [
         V && /* @__PURE__ */ p(
           "label",
           {
-            className: `${e.label} ${c === "large" ? e.label_large : ""} ${c === "extraLarge" ? e.label_extraLarge : ""} ${g ? e.label_inverted : ""} ${v ? e.disabled : ""} `,
+            className: `${e.label} ${s === "large" ? e.label_large : ""} ${s === "extraLarge" ? e.label_extraLarge : ""} ${g ? e.label_inverted : ""} ${v ? e.disabled : ""} `,
             children: [
               V,
               /* @__PURE__ */ l(
@@ -266,21 +266,21 @@ const nr = ({
               style: Z ? { borderColor: Z } : void 0,
               children: [
                 /* @__PURE__ */ p("div", { className: e.iconLabel, children: [
-                  (s || ne && he) && /* @__PURE__ */ l(
+                  (c || ne && he) && /* @__PURE__ */ l(
                     "div",
                     {
                       className: `${e.icon} ${g ? e.icon_inverted : ""}`,
                       children: /* @__PURE__ */ l(
                         P,
                         {
-                          name: s ? "SearchIcon" : ne,
+                          name: c ? "SearchIcon" : ne,
                           width: C,
                           height: C
                         }
                       )
                     }
                   ),
-                  s ? /* @__PURE__ */ l(
+                  c ? /* @__PURE__ */ l(
                     "input",
                     {
                       ref: b,
@@ -326,10 +326,11 @@ const nr = ({
               title: $e,
               zIndex: 1,
               children: [
-                s && /* @__PURE__ */ l("div", { className: e.drawerSearchInput, children: /* @__PURE__ */ l(
+                c && /* @__PURE__ */ l("div", { className: e.drawerSearchInput, children: /* @__PURE__ */ l(
                   je,
                   {
                     placeholder: j,
+                    size: s,
                     icon: "SearchIcon",
                     value: re,
                     onChange: le,
@@ -344,7 +345,7 @@ const nr = ({
               "div",
               {
                 ref: Q,
-                className: `${e.dropdown} ${e[c]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+                className: `${e.dropdown} ${e[s]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${E ? e.dropdownTable : ""} ${c ? e.dropdownSearchable : ""}`,
                 style: ke,
                 children: /* @__PURE__ */ l(ce, {})
               }
@@ -352,8 +353,8 @@ const nr = ({
             document.getElementById("root") || document.body
           )
         ] }),
-        k && /* @__PURE__ */ l(xe, { message: k, size: c, inverted: g }),
-        F && !k && /* @__PURE__ */ l(We, { message: F, size: c, inverted: g })
+        k && /* @__PURE__ */ l(xe, { message: k, size: s, inverted: g }),
+        F && !k && /* @__PURE__ */ l(We, { message: F, size: s, inverted: g })
       ]
     }
   );

package/dist/components/Switch/Switch.d.ts

@@ -14,7 +14,7 @@ export interface SwitchProps {
     onChange?: (index: number) => void;
     /** tamaño que determina el alto del control */
     size?: SwitchSize;
-    /** si es true, usa un deslizamiento simple en vez del efecto rubber-band */
+    /** si es true, usa un deslizamiento aún más corto/plano */
     simpleAnimation?: boolean;
     /** tamaño del icono en px; si se omite, escala según `size` */
     iconSize?: number;
@@ -34,4 +34,8 @@ export interface SwitchProps {
     /** estilos inline aplicados a todos los botones de opción */
     optionStyle?: React.CSSProperties;
 }
+/**
+ * Control segmentado tipo píldora con indicador deslizante.
+ * Todas las opciones se igualan al ancho de la más larga (salvo `equalWidth={false}`).
+ */
 export declare const Switch: ({ options, active, onChange, size, simpleAnimation, iconSize, className, activeColor, activeTextColor, inactiveTextColor, background, equalWidth, fullWidth, optionStyle, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.js

@@ -1,112 +1,110 @@
-import { jsxs as v, jsx as m } from "react/jsx-runtime";
-import { useRef as w, useState as k, useLayoutEffect as D } from "react";
-import { Icon as R } from "../../icons/Icon.js";
-import '../../assets/Switch.css';const T = "_fullWidth_wo4ya_24", Z = "_option_wo4ya_28", z = "_extraSmall_wo4ya_33", B = "_small_wo4ya_41", K = "_large_wo4ya_49", O = "_extraLarge_wo4ya_57", V = "_indicator_wo4ya_66", X = "_simple_wo4ya_82", Y = "_active_wo4ya_88", A = "_label_wo4ya_88", F = "_pop_wo4ya_1", r = {
-  switch: "_switch_wo4ya_1",
-  fullWidth: T,
-  option: Z,
-  extraSmall: z,
-  small: B,
-  large: K,
-  extraLarge: O,
-  indicator: V,
-  simple: X,
-  active: Y,
-  label: A,
-  pop: F
-}, G = {
+import { jsxs as S, jsx as _ } from "react/jsx-runtime";
+import { useRef as $, useState as O, useCallback as E, useLayoutEffect as Z, useEffect as z } from "react";
+import { Icon as A } from "../../icons/Icon.js";
+import '../../assets/Switch.css';const B = "_fullWidth_1l66v_26", K = "_option_1l66v_30", M = "_extraSmall_1l66v_35", V = "_small_1l66v_44", X = "_large_1l66v_53", Y = "_extraLarge_1l66v_62", q = "_indicator_1l66v_72", F = "_simple_1l66v_88", G = "_active_1l66v_114", l = {
+  switch: "_switch_1l66v_1",
+  fullWidth: B,
+  option: K,
+  extraSmall: M,
+  small: V,
+  large: X,
+  extraLarge: Y,
+  indicator: q,
+  simple: F,
+  active: G
+}, H = {
   extraSmall: 15,
   small: 15,
   medium: 19,
   large: 19,
   extraLarge: 19
-}, Q = ({
-  options: p = [],
-  active: a = 0,
+}, U = ({
+  options: m = [],
+  active: i = 0,
   onChange: c,
-  size: d = "medium",
-  simpleAnimation: u = !1,
-  iconSize: I,
-  className: E = "",
-  activeColor: h,
-  activeTextColor: y,
-  inactiveTextColor: x,
-  background: L,
-  equalWidth: S = !0,
+  size: a = "medium",
+  simpleAnimation: I = !1,
+  iconSize: W,
+  className: L = "",
+  activeColor: d,
+  activeTextColor: u,
+  inactiveTextColor: p,
+  background: h,
+  equalWidth: v = !0,
   fullWidth: N = !1,
-  optionStyle: g
+  optionStyle: R
 }) => {
-  const _ = w([]), $ = w(a), i = w(null), [b, W] = k({
+  const w = $(null), n = $([]), [y, g] = O({
     left: 0,
     width: 0
-  });
-  D(() => {
-    const t = _.current[a], e = _.current[$.current];
-    if (!t) return;
-    const l = _.current.filter(
+  }), f = E(() => {
+    const t = n.current.filter(
       (s) => s !== null
     );
-    if (l.forEach((s) => s.style.width = "auto"), S) {
-      const s = Math.max(...l.map((o) => o.offsetWidth));
-      l.forEach((o) => o.style.width = `${s}px`);
+    if (t.forEach((s) => s.style.width = "auto"), v) {
+      const s = Math.max(0, ...t.map((e) => e.offsetWidth));
+      t.forEach((e) => e.style.width = `${s}px`);
     }
-    const f = () => W({ left: t.offsetLeft, width: t.offsetWidth });
-    if (!u && e && e !== t) {
-      const s = Math.min(e.offsetLeft, t.offsetLeft), o = Math.max(
-        e.offsetLeft + e.offsetWidth,
-        t.offsetLeft + t.offsetWidth
-      );
-      W({ left: s, width: o - s }), i.current && clearTimeout(i.current), i.current = setTimeout(f, 160);
-    } else
-      f();
-    return $.current = a, () => {
-      i.current && clearTimeout(i.current);
-    };
-  }, [a, p, u, S]);
-  const M = I ?? G[d], j = {
-    ...h && { "--switch-active-bg": h },
-    ...y && { "--switch-active-text": y },
-    ...x && { "--switch-inactive-text": x },
-    ...L && { "--switch-bg": L }
+  }, [v]), o = E(() => {
+    f();
+    const t = n.current[i];
+    t && g({ left: t.offsetLeft, width: t.offsetWidth });
+  }, [i, f]);
+  Z(() => {
+    o();
+  }, [i, m, a, f]), z(() => {
+    var e;
+    const t = w.current;
+    if (!t) return;
+    const s = new ResizeObserver(o);
+    return s.observe(t), (e = document.fonts) != null && e.ready && document.fonts.ready.then(o).catch(() => {
+    }), () => s.disconnect();
+  }, [o]);
+  const k = W ?? H[a], j = {
+    ...d && { "--switch-active-bg": d },
+    ...u && { "--switch-active-text": u },
+    ...p && { "--switch-inactive-text": p },
+    ...h && { "--switch-bg": h }
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: `${r.switch} ${r[d]} ${u ? r.simple : ""} ${N ? r.fullWidth : ""} ${E}`,
+      ref: w,
+      className: `${l.switch} ${l[a]} ${I ? l.simple : ""} ${N ? l.fullWidth : ""} ${L}`,
       style: j,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ _(
           "span",
           {
-            className: r.indicator,
+            className: l.indicator,
             style: {
-              transform: `translateX(${b.left}px)`,
-              width: `${b.width}px`
+              transform: `translateX(${y.left}px)`,
+              width: `${y.width}px`
             }
           }
         ),
-        p.map((t, e) => {
-          const l = typeof t == "string", f = l ? t : t.label, s = l ? null : t.icon, o = a === e;
-          return /* @__PURE__ */ v(
+        m.map((t, s) => {
+          const e = typeof t == "string", x = e ? t : t.label, b = e ? null : t.icon, D = i === s;
+          return /* @__PURE__ */ S(
             "div",
             {
-              ref: (n) => {
-                _.current[e] = n;
+              ref: (r) => {
+                n.current[s] = r;
               },
               role: "button",
               tabIndex: 0,
-              onClick: () => c == null ? void 0 : c(e),
-              onKeyDown: (n) => {
-                (n.key === "Enter" || n.key === " ") && (n.preventDefault(), c == null || c(e));
+              onClick: () => c == null ? void 0 : c(s),
+              onKeyDown: (r) => {
+                (r.key === "Enter" || r.key === " ") && (r.preventDefault(), c == null || c(s));
               },
-              className: `${r.option} ${o ? r.active : ""}`,
-              style: g,
+              className: `${l.option} ${D ? l.active : ""}`,
+              style: R,
               children: [
-                s && /* @__PURE__ */ m(R, { name: s, size: M }),
-                f && /* @__PURE__ */ m("span", { className: r.label, children: f })
+                b && /* @__PURE__ */ _(A, { name: b, size: k }),
+                x && /* @__PURE__ */ _("span", { className: l.label, children: x })
               ]
             },
-            e
+            s
           );
         })
       ]
@@ -114,5 +112,5 @@ import '../../assets/Switch.css';const T = "_fullWidth_wo4ya_24", Z = "_option_w
   );
 };
 export {
-  Q as Switch
+  U as Switch
 };