@weing-dev/ui-kit-primitive 0.3.2 → 0.4.2

package/dist/feedback.js

@@ -0,0 +1,385 @@
+import { c as h, j as g } from "./compiler-runtime-BFrE5JtX.js";
+import d from "react";
+import ge from "react-dom";
+import { c as me } from "./bind-D3ZJ5k4I.js";
+import { useAnimation as he, motion as pe } from "framer-motion";
+const be = (t) => {
+  const e = h.c(7), {
+    children: s,
+    dimmedColor: o,
+    onClose: n
+  } = t;
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    transparent: "transparent",
+    light: "#00000033",
+    dark: "#0000007a"
+  }, e[0] = c) : c = e[0];
+  const l = c[o];
+  let i;
+  e[1] !== l ? (i = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100dvw",
+    height: "100dvh",
+    zIndex: 9999,
+    backgroundColor: l
+  }, e[1] = l, e[2] = i) : i = e[2];
+  let m;
+  return e[3] !== s || e[4] !== n || e[5] !== i ? (m = /* @__PURE__ */ g.jsx("div", { style: i, onClick: n, children: s }), e[3] = s, e[4] = n, e[5] = i, e[6] = m) : m = e[6], m;
+}, et = (t) => {
+  const e = h.c(11), {
+    children: s,
+    visible: o,
+    dimmedColor: n,
+    selector: c,
+    onClose: r
+  } = t, l = n === void 0 ? "dark" : n, i = c === void 0 ? "body" : c, [m, b] = d.useState(null);
+  let f, p;
+  e[0] !== i ? (f = () => {
+    b(document.querySelector(i));
+  }, p = [i], e[0] = i, e[1] = f, e[2] = p) : (f = e[1], p = e[2]), d.useEffect(f, p);
+  let u;
+  e[3] !== s || e[4] !== l || e[5] !== r || e[6] !== m || e[7] !== o ? (u = m && o ? ge.createPortal(/* @__PURE__ */ g.jsx(be, { onClose: r, dimmedColor: l, children: s }), m) : /* @__PURE__ */ g.jsx(d.Fragment, {}), e[3] = s, e[4] = l, e[5] = r, e[6] = m, e[7] = o, e[8] = u) : u = e[8];
+  let a;
+  return e[9] !== u ? (a = /* @__PURE__ */ g.jsx(d.Fragment, { children: u }), e[9] = u, e[10] = a) : a = e[10], a;
+}, ye = {
+  id: "",
+  bodyScroll: !1,
+  dimmedDisabled: !1
+}, ce = d.createContext(ye), Ce = "_Layer_14dap_2", xe = "_bodyScroll_14dap_2", ve = "_Contents_14dap_13", Se = "_Dimmed_14dap_23", De = {
+  Layer: Ce,
+  bodyScroll: xe,
+  Contents: ve,
+  Dimmed: Se
+}, re = me.bind(De), $e = () => {
+  const t = h.c(10), e = d.useId(), s = d.useRef(null);
+  let o;
+  t[0] !== e ? (o = (a) => ({
+    popoverTargetAction: a,
+    popoverTarget: e
+  }), t[0] = e, t[1] = o) : o = t[1];
+  const n = o;
+  let c;
+  t[2] !== n ? (c = {
+    hide: n("hide"),
+    toggle: n("toggle"),
+    show: n("show")
+  }, t[2] = n, t[3] = c) : c = t[3];
+  const r = c;
+  let l;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
+    var a;
+    return (a = s.current) == null ? void 0 : a.showPopover();
+  }, t[4] = l) : l = t[4];
+  const i = l;
+  let m;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    var a;
+    return (a = s.current) == null ? void 0 : a.hidePopover();
+  }, t[5] = m) : m = t[5];
+  const b = m;
+  let f;
+  t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    var a;
+    return (a = s.current) == null ? void 0 : a.togglePopover();
+  }, t[6] = f) : f = t[6];
+  const p = f;
+  let u;
+  return t[7] !== r || t[8] !== e ? (u = {
+    id: e,
+    controlAttr: r,
+    ref: s,
+    show: i,
+    hide: b,
+    toggle: p
+  }, t[7] = r, t[8] = e, t[9] = u) : u = t[9], u;
+}, Ee = (t) => {
+  const e = h.c(8), {
+    onClick: s,
+    ...o
+  } = t, {
+    id: n,
+    dimmedDisabled: c
+  } = d.useContext(ce), r = re("Dimmed", o.className);
+  let l;
+  e[0] !== c || e[1] !== n || e[2] !== s ? (l = !c && {
+    onClick: s,
+    popoverTargetAction: "hide",
+    popoverTarget: n
+  }, e[0] = c, e[1] = n, e[2] = s, e[3] = l) : l = e[3];
+  let i;
+  return e[4] !== o || e[5] !== r || e[6] !== l ? (i = /* @__PURE__ */ g.jsx("button", { ...o, className: r, ...l }), e[4] = o, e[5] = r, e[6] = l, e[7] = i) : i = e[7], i;
+}, je = (t) => {
+  const e = h.c(8);
+  let s, o, n;
+  if (e[0] !== t) {
+    const {
+      children: r,
+      ...l
+    } = t;
+    s = r, o = l, n = re("Contents", l.className), e[0] = t, e[1] = s, e[2] = o, e[3] = n;
+  } else
+    s = e[1], o = e[2], n = e[3];
+  let c;
+  return e[4] !== s || e[5] !== o || e[6] !== n ? (c = /* @__PURE__ */ g.jsx("div", { ...o, className: n, children: s }), e[4] = s, e[5] = o, e[6] = n, e[7] = c) : c = e[7], c;
+}, we = (t) => {
+  const e = h.c(5), {
+    children: s,
+    ...o
+  } = t, {
+    id: n,
+    bodyScroll: c
+  } = d.useContext(ce), r = "manual", l = re("Layer", o.className, {
+    bodyScroll: c
+  });
+  let i;
+  return e[0] !== s || e[1] !== n || e[2] !== o || e[3] !== l ? (i = /* @__PURE__ */ g.jsx("div", { ...o, id: n, popover: r, className: l, children: s }), e[0] = s, e[1] = n, e[2] = o, e[3] = l, e[4] = i) : i = e[4], i;
+}, Ne = (t) => {
+  const e = h.c(10);
+  let s, o, n;
+  e[0] !== t ? ({
+    children: s,
+    dimmedDisabled: n,
+    ...o
+  } = t, e[0] = t, e[1] = s, e[2] = o, e[3] = n) : (s = e[1], o = e[2], n = e[3]);
+  const c = n === void 0 ? !1 : n;
+  let r;
+  e[4] !== c || e[5] !== o ? (r = {
+    ...o,
+    dimmedDisabled: c
+  }, e[4] = c, e[5] = o, e[6] = r) : r = e[6];
+  const l = r;
+  let i;
+  return e[7] !== s || e[8] !== l ? (i = /* @__PURE__ */ g.jsx(ce, { value: l, children: s }), e[7] = s, e[8] = l, e[9] = i) : i = e[9], i;
+}, tt = {
+  Root: Ne,
+  Layer: we,
+  Dimmed: Ee,
+  Contents: je,
+  usePopup: $e
+}, Re = "_Dimmed_dueb9_2", ke = "_Wrapper_dueb9_21", Ie = "_open_dueb9_28", Pe = "_top_dueb9_31", Le = "_bottom_dueb9_38", Oe = "_left_dueb9_46", Te = "_right_dueb9_53", Ae = {
+  Dimmed: Re,
+  Wrapper: ke,
+  open: Ie,
+  top: Pe,
+  bottom: Le,
+  left: Oe,
+  right: Te
+}, Fe = {}, ae = d.createContext(Fe), de = me.bind(Ae), Me = () => {
+  const t = h.c(3), {
+    open: e,
+    handleClose: s
+  } = d.use(ae);
+  if (!e)
+    return null;
+  let o;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = de("Dimmed"), t[0] = o) : o = t[0];
+  let n;
+  return t[1] !== s ? (n = /* @__PURE__ */ g.jsx("div", { className: o, onClick: s }), t[1] = s, t[2] = n) : n = t[2], n;
+}, We = (t) => {
+  const e = h.c(59), {
+    children: s,
+    ...o
+  } = t, {
+    open: n,
+    dragElastic: c,
+    dragConstraints: r,
+    drag: l,
+    direction: i,
+    dragDirectionLock: m,
+    dragMomentum: b,
+    handleClose: f
+  } = d.use(ae), p = l === void 0 ? !0 : l, u = i === void 0 ? "bottom" : i, a = m === void 0 ? !0 : m, J = b === void 0 ? !1 : b, K = he(), fe = d.useRef(null), [Q, ue] = d.useState(0);
+  let N, R;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (N = () => {
+    window != null && ue(window.innerHeight);
+  }, R = [], e[0] = N, e[1] = R) : (N = e[0], R = e[1]), d.useEffect(N, R);
+  let k;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+    y: "100%",
+    x: 0
+  }, e[2] = k) : k = e[2];
+  const U = n ? 0 : "100%";
+  let y;
+  e[3] !== U ? (y = {
+    y: U
+  }, e[3] = U, e[4] = y) : y = e[4];
+  let I;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+    top: 0.05,
+    bottom: 1
+  }, e[5] = I) : I = e[5];
+  let C;
+  e[6] !== Q ? (C = {
+    top: 0,
+    bottom: Q
+  }, e[6] = Q, e[7] = C) : C = e[7];
+  let x;
+  e[8] !== C || e[9] !== y ? (x = {
+    initial: k,
+    animate: y,
+    drag: "y",
+    dragElastic: I,
+    dragConstraints: C,
+    shouldClose: Ge
+  }, e[8] = C, e[9] = y, e[10] = x) : x = e[10];
+  let P;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (P = {
+    y: "-100%",
+    x: 0
+  }, e[11] = P) : P = e[11];
+  const X = n ? 0 : "-100%";
+  let v;
+  e[12] !== X ? (v = {
+    y: X
+  }, e[12] = X, e[13] = v) : v = e[13];
+  let L, O;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+    top: 1,
+    bottom: 0.05
+  }, O = {
+    bottom: 0
+  }, e[14] = L, e[15] = O) : (L = e[14], O = e[15]);
+  let S;
+  e[16] !== v ? (S = {
+    initial: P,
+    animate: v,
+    drag: "y",
+    dragElastic: L,
+    dragConstraints: O,
+    shouldClose: Ve
+  }, e[16] = v, e[17] = S) : S = e[17];
+  let T;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+    x: "-100%",
+    y: 0
+  }, e[18] = T) : T = e[18];
+  const Y = n ? 0 : "-100%";
+  let D;
+  e[19] !== Y ? (D = {
+    x: Y
+  }, e[19] = Y, e[20] = D) : D = e[20];
+  let A, F;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (A = {
+    left: 1,
+    right: 0.05
+  }, F = {
+    right: 0
+  }, e[21] = A, e[22] = F) : (A = e[21], F = e[22]);
+  let $;
+  e[23] !== D ? ($ = {
+    initial: T,
+    animate: D,
+    drag: "x",
+    dragElastic: A,
+    dragConstraints: F,
+    shouldClose: qe
+  }, e[23] = D, e[24] = $) : $ = e[24];
+  let M;
+  e[25] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+    x: "100%",
+    y: 0
+  }, e[25] = M) : M = e[25];
+  const Z = n ? 0 : "100%";
+  let E;
+  e[26] !== Z ? (E = {
+    x: Z
+  }, e[26] = Z, e[27] = E) : E = e[27];
+  let W, H;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (W = {
+    left: 0.05,
+    right: 1
+  }, H = {
+    left: 0
+  }, e[28] = W, e[29] = H) : (W = e[28], H = e[29]);
+  let j;
+  e[30] !== E ? (j = {
+    initial: M,
+    animate: E,
+    drag: "x",
+    dragElastic: W,
+    dragConstraints: H,
+    shouldClose: ze
+  }, e[30] = E, e[31] = j) : j = e[31];
+  let G;
+  e[32] !== x || e[33] !== S || e[34] !== $ || e[35] !== j ? (G = {
+    bottom: x,
+    top: S,
+    left: $,
+    right: j
+  }, e[32] = x, e[33] = S, e[34] = $, e[35] = j, e[36] = G) : G = e[36];
+  const _ = G[u], ee = p && _.drag, te = c ?? _.dragElastic, oe = r ?? _.dragConstraints;
+  let V;
+  e[37] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+    type: "tween",
+    duration: 0.25,
+    ease: "easeInOut"
+  }, e[37] = V) : V = e[37];
+  let w;
+  e[38] !== _.animate ? (w = {
+    ..._.animate,
+    transition: V
+  }, e[38] = _.animate, e[39] = w) : w = e[39];
+  let q;
+  e[40] !== _ || e[41] !== a || e[42] !== J || e[43] !== ee || e[44] !== te || e[45] !== oe || e[46] !== w ? (q = {
+    ..._,
+    dragDirectionLock: a,
+    dragMomentum: J,
+    drag: ee,
+    dragElastic: te,
+    dragConstraints: oe,
+    animate: w
+  }, e[40] = _, e[41] = a, e[42] = J, e[43] = ee, e[44] = te, e[45] = oe, e[46] = w, e[47] = q) : q = e[47];
+  const se = q;
+  let z;
+  e[48] !== _ || e[49] !== K || e[50] !== f ? (z = (Ke, _e) => {
+    _.shouldClose(_e) ? f == null || f() : K.start("visible");
+  }, e[48] = _, e[49] = K, e[50] = f, e[51] = z) : z = e[51];
+  const ne = z, le = pe, ie = de("Wrapper", o.className, u, {
+    open: n
+  });
+  let B;
+  return e[52] !== s || e[53] !== ne || e[54] !== se || e[55] !== o || e[56] !== le.div || e[57] !== ie ? (B = /* @__PURE__ */ g.jsx(le.div, { ...o, ...se, ref: fe, className: ie, onDragEnd: ne, children: s }), e[52] = s, e[53] = ne, e[54] = se, e[55] = o, e[56] = le.div, e[57] = ie, e[58] = B) : B = e[58], B;
+}, He = (t) => {
+  const e = h.c(11);
+  let s, o;
+  e[0] !== t ? ({
+    children: s,
+    ...o
+  } = t, e[0] = t, e[1] = s, e[2] = o) : (s = e[1], o = e[2]);
+  let n;
+  e[3] !== o ? (n = {
+    ...o
+  }, e[3] = o, e[4] = n) : n = e[4];
+  const c = n;
+  let r, l;
+  e[5] !== o.open ? (r = () => (document.body.style.overflow = o.open ? "hidden" : "", Be), l = [o.open], e[5] = o.open, e[6] = r, e[7] = l) : (r = e[6], l = e[7]), d.useEffect(r, l);
+  let i;
+  return e[8] !== s || e[9] !== c ? (i = /* @__PURE__ */ g.jsx(ae, { value: c, children: s }), e[8] = s, e[9] = c, e[10] = i) : i = e[10], i;
+}, ot = {
+  Root: He,
+  Content: We,
+  Dimmed: Me
+};
+function Ge(t) {
+  return t.offset.y > 20;
+}
+function Ve(t) {
+  return t.offset.y < -20;
+}
+function qe(t) {
+  return t.offset.x < -20;
+}
+function ze(t) {
+  return t.offset.x > 20;
+}
+function Be() {
+  document.body.style.overflow = "";
+}
+export {
+  et as Modal,
+  tt as Popup,
+  ot as Sheet
+};

package/dist/form.css

@@ -0,0 +1 @@
+@layer Button{._ButtonIcon_1pkf8_2{flex-shrink:0}._ButtonRoot_1pkf8_5{display:flex;align-items:center;justify-content:center;background-color:var(--default-color, #b1916b);border:1px solid var(--border-color, #b1916b)}._ButtonRoot_1pkf8_5._circle_1pkf8_12{aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important}._ButtonRoot_1pkf8_5:not(._circle_1pkf8_12)._isFitted_1pkf8_17{flex:1}._ButtonRoot_1pkf8_5:not(._link_1pkf8_20){padding:0 12px;border-radius:var(--radius, 4px)}._ButtonRoot_1pkf8_5:not(._link_1pkf8_20)._large_1pkf8_24{height:48px}._ButtonRoot_1pkf8_5:not(._link_1pkf8_20)._medium_1pkf8_27{height:40px}._ButtonRoot_1pkf8_5:not(._link_1pkf8_20)._small_1pkf8_30{height:32px}._ButtonRoot_1pkf8_5:hover{background-color:var(--hover-bg-color, #b1916b);border-color:var(--hover-border-color)}._ButtonRoot_1pkf8_5:disabled{pointer-events:none}._ButtonText_1pkf8_40{color:var(--color, #fff)}._ButtonText_1pkf8_40._large_1pkf8_24{font-weight:700;font-size:16px;line-height:24px}[data-typography=senior] ._ButtonText_1pkf8_40._large_1pkf8_24{font-size:18px}[data-typography=mobile] ._ButtonText_1pkf8_40._large_1pkf8_24{font-size:12px}[data-typography=senior] ._ButtonText_1pkf8_40._large_1pkf8_24{line-height:30px}[data-typography=mobile] ._ButtonText_1pkf8_40._large_1pkf8_24{line-height:24px}._ButtonText_1pkf8_40._medium_1pkf8_27{line-height:24px;font-weight:700;font-size:14px;line-height:22px}[data-typography=senior] ._ButtonText_1pkf8_40._medium_1pkf8_27{font-size:16px}[data-typography=mobile] ._ButtonText_1pkf8_40._medium_1pkf8_27{font-size:10px}[data-typography=senior] ._ButtonText_1pkf8_40._medium_1pkf8_27{line-height:24px}[data-typography=mobile] ._ButtonText_1pkf8_40._medium_1pkf8_27{line-height:22px}._ButtonText_1pkf8_40._small_1pkf8_30{line-height:24px;font-weight:700;font-size:12px;line-height:18px}[data-typography=senior] ._ButtonText_1pkf8_40._small_1pkf8_30{font-size:14px}[data-typography=mobile] ._ButtonText_1pkf8_40._small_1pkf8_30{font-size:8px}[data-typography=senior] ._ButtonText_1pkf8_40._small_1pkf8_30{line-height:14px}[data-typography=mobile] ._ButtonText_1pkf8_40._small_1pkf8_30{line-height:18px}}._HelperText_sf60f_1{display:flex;flex-direction:row;align-items:center;gap:4px;color:var(--Simentic-On-Surface-Variant, #505254);font-weight:400;font-size:10px;line-height:14px}[data-typography=senior] ._HelperText_sf60f_1{font-size:12px}[data-typography=mobile] ._HelperText_sf60f_1{font-size:6px}[data-typography=senior] ._HelperText_sf60f_1{line-height:12px}[data-typography=mobile] ._HelperText_sf60f_1{line-height:14px}._HelperText_sf60f_1._error_sf60f_23{color:var(--error-color, var(--Simentic-Error, #d32f2f))}._HelperText_sf60f_1._success_sf60f_26{color:var(--success-color, var(--Simentic-Success, #4caf50))}._HelperText_sf60f_1._warning_sf60f_29{color:var(--warning-color, var(--Simentic-Warning, #e9a802))}._HelperText_sf60f_1._info_sf60f_32{color:var(--info-color, var(--Simentic-Info, #2196f3))}._HelperText_sf60f_1._hint_sf60f_35{color:var(--hint-color, var(--Simentic-On-Surface-Variant, #505254))}._Root_1d59i_1{position:relative;display:inline-flex}._Menu_1d59i_6{position:absolute;top:0;left:0;display:flex;border-radius:4px;align-items:flex-start}._Column_1d59i_15{--selected-option-top: 0;--max-column-view: 6;position:relative;left:0;top:0;translate:0 var(--selected-option-top);min-width:180px;max-height:calc(40px * var(--max-column-view));overflow:auto;box-sizing:border-box;border:1px solid #e8e8e9;background:#fff;margin-left:-1px;display:flex;flex-direction:column;overscroll-behavior:contain}._Column_1d59i_15._columnOpenAnimation_1d59i_33{transition:translate .2s ease-in-out}._Column_1d59i_15::-webkit-scrollbar{width:6px}._Column_1d59i_15::-webkit-scrollbar-track{background:transparent}._Column_1d59i_15::-webkit-scrollbar-thumb{background:#e8e8e9;border-radius:2px}._Column_1d59i_15::-webkit-scrollbar-thumb:hover{background:#d1d1d1}._Column_1d59i_15:first-child{border-radius:4px 0 0 4px;margin-left:0}._Column_1d59i_15:last-child{border-radius:0 4px 4px 0}._Item_1d59i_57{--item-height: 40px;height:var(--item-height);box-sizing:border-box;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}._Item_1d59i_57:hover{background-color:#f5f5f5}._Item_1d59i_57._title_1d59i_70{font-weight:700;cursor:default;background-color:transparent}._Item_1d59i_57._title_1d59i_70:hover{background-color:transparent}._Item_1d59i_57._divider_1d59i_78{height:1px;background-color:#e8e8e9;cursor:default;padding:0;margin:8px 0;flex-shrink:0}._Item_1d59i_57._divider_1d59i_78:hover{background-color:#e8e8e9}._Item_1d59i_57._isSelected_1d59i_89{font-weight:500;color:#688dee}._Item_1d59i_57._isSelected_1d59i_89 ._GoNext_1d59i_93>path{fill:#688dee}._Item_1d59i_57._disabled_1d59i_96{color:#ccc;cursor:not-allowed}._Item_1d59i_57._disabled_1d59i_96 ._GoNext_1d59i_93>path{fill:#ccc}._Item_1d59i_57._disabled_1d59i_96:hover{background-color:transparent}._Item_1d59i_57 ._ItemText_1d59i_106{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:124px;flex-shrink:0}._GoNext_1d59i_93{flex-shrink:0}._GoNext_1d59i_93._isSelected_1d59i_89 path{fill:#688dee}@layer CheckBox{._CheckBoxRoot_s63cn_2{display:flex;flex-direction:row;gap:4px;align-items:center}._CheckBoxRoot_s63cn_2._checked_s63cn_8 ._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8{border:none}._CheckBoxRoot_s63cn_2:hover ._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8{border:2px solid var(--textSecondary, #637381)}._CheckBoxRoot_s63cn_2:hover ._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8._checked_s63cn_8{border:none}._CheckBoxRoot_s63cn_2:hover ._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8._disabled_s63cn_17:hover{border:2px solid var(--border-color)}._CheckBoxRoot_s63cn_2:hover ._CheckBoxRound_s63cn_20 path{fill:var(--pDark, #007867)}._CheckBoxRoot_s63cn_2:hover ._CheckBoxRound_s63cn_20._disabled_s63cn_17 path{fill:var(--actionDisabled, rgba(145, 158, 171, .4))}._CheckBoxRoot_s63cn_2._disabled_s63cn_17 ._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8{border:2px solid var(--border-color)}._CheckBoxTrigger_s63cn_8{width:24px;height:24px;display:flex;align-items:center;justify-content:center}._CheckBoxTrigger_s63cn_8 ._CheckBoxIcon_s63cn_8{width:18px;height:18px;border:2px solid var(--textTertiary, #919eab);border-radius:2px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-color:var(--border-color, transparent);background-color:var(--default-bg-color, #b1916b);flex-shrink:0}._CheckBoxLabel_s63cn_49{color:var(--color, #8a8c8f);font-weight:500;font-size:14px;line-height:24px}[data-typography=senior] ._CheckBoxLabel_s63cn_49{font-size:16px}[data-typography=mobile] ._CheckBoxLabel_s63cn_49{font-size:10px}[data-typography=senior] ._CheckBoxLabel_s63cn_49{line-height:26px}[data-typography=mobile] ._CheckBoxLabel_s63cn_49{line-height:24px}}@layer Dropdown{._DropdownRoot_974ah_2{position:relative;font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._DropdownRoot_974ah_2{font-size:18px}[data-typography=mobile] ._DropdownRoot_974ah_2{font-size:10px}[data-typography=senior] ._DropdownRoot_974ah_2{line-height:30px}[data-typography=mobile] ._DropdownRoot_974ah_2{line-height:24px}._DropdownTrigger_974ah_20{cursor:pointer;padding:8px;height:24px;display:flex;flex-direction:row;align-items:center;border-radius:8px;gap:8px;border:1px solid var(--border-color);background-color:var(--background-color);color:var(--color)}._DropdownTrigger_974ah_20._text_974ah_33{background:transparent}._DropdownTrigger_974ah_20._small_974ah_36{height:32px}._DropdownTrigger_974ah_20._medium_974ah_39{height:40px}._DropdownTrigger_974ah_20._large_974ah_42{height:48px}._DropdownTriggerText_974ah_45{color:var(--color)}._LeftIcon_974ah_48{flex-shrink:0}._LeftIcon_974ah_48 path{fill:var(--icon-color)}._RightIcon_974ah_54{margin-left:auto;flex-shrink:0;transform:rotate(0);transition:transform .3s ease;transform-origin:top top;display:flex;flex-direction:row;align-items:center}._RightIcon_974ah_54 path{fill:var(--icon-color)}._RightIcon_974ah_54._open_974ah_67{transform:rotate(180deg)}._DropdownMenu_974ah_70{width:100%;z-index:1000;border-radius:8px;padding:8px}._DropdownMenu_974ah_70._shadow_974ah_76{background-color:var(--backgroundDefault, #ffffff);box-shadow:0 30px 40px 0 var(--shadow12, rgba(145, 158, 171, .1215686275));border:1px solid var(--grey8, rgba(145, 158, 171, .0784313725))}._DropdownMenu_974ah_70._line_974ah_81{background-color:var(--backgroundDefault, #ffffff);border:1px solid var(--grey20, rgba(145, 158, 171, .2))}._DropdownItem_974ah_85{padding:0 8px;border-radius:8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--textPrimary, #1a1c20)}._DropdownItem_974ah_85._small_974ah_36{font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._DropdownItem_974ah_85._small_974ah_36{font-size:18px}[data-typography=mobile] ._DropdownItem_974ah_85._small_974ah_36{font-size:10px}[data-typography=senior] ._DropdownItem_974ah_85._small_974ah_36{line-height:30px}[data-typography=mobile] ._DropdownItem_974ah_85._small_974ah_36{line-height:24px}._DropdownItem_974ah_85._small_974ah_36{height:32px;line-height:32px}._DropdownItem_974ah_85._medium_974ah_39{font-weight:400;font-size:16px;line-height:26px}[data-typography=senior] ._DropdownItem_974ah_85._medium_974ah_39{font-size:20px}[data-typography=mobile] ._DropdownItem_974ah_85._medium_974ah_39{font-size:12px}[data-typography=senior] ._DropdownItem_974ah_85._medium_974ah_39{line-height:30px}[data-typography=mobile] ._DropdownItem_974ah_85._medium_974ah_39{line-height:26px}._DropdownItem_974ah_85._medium_974ah_39{height:40px;line-height:40px}._DropdownItem_974ah_85._shadow_974ah_76:hover{background:var(--grey8, rgba(145, 158, 171, .0784313725))}._DropdownItem_974ah_85._line_974ah_81{border-bottom:1px solid var(--grey16, rgba(145, 158, 171, .1607843137))}._DropdownItem_974ah_85._line_974ah_81:hover{background:var(--grey8, rgba(145, 158, 171, .0784313725))}._DropdownItem_974ah_85._line_974ah_81:last-child{border-bottom:none}._DropdownItem_974ah_85._selected_974ah_149{color:var(--textDisabled, #c4cdd5)}._DropdownItem_974ah_85._disabled_974ah_152{pointer-events:none}}._OTPInputWrapper_q2hf0_1{border-bottom:1px solid #cccccc}._OTPInputWrapper_q2hf0_1 input{text-align:center;border:none;outline:none;background:none;font-weight:400;font-size:18px;line-height:30px}[data-typography=senior] ._OTPInputWrapper_q2hf0_1 input{font-size:22px}[data-typography=mobile] ._OTPInputWrapper_q2hf0_1 input{font-size:14px}[data-typography=senior] ._OTPInputWrapper_q2hf0_1 input{line-height:34px}[data-typography=mobile] ._OTPInputWrapper_q2hf0_1 input{line-height:30px}._OTPInputWrapper_q2hf0_1 input::-webkit-outer-spin-button,._OTPInputWrapper_q2hf0_1 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._OTPInputList_q2hf0_30{display:flex;flex-direction:row;gap:8px}._SwitchWrapper_13b66_1{display:inline-flex;align-items:center;padding:2px;height:64px;background-color:var(--background-color, #e1e3e7);border-radius:64px;transition:background-color .3s}._SwitchWrapper_13b66_1._small_13b66_10{height:32px;width:56px}._SwitchWrapper_13b66_1._medium_13b66_14{height:48px;min-width:120px}._SwitchWrapper_13b66_1 ._SwitchInput_13b66_18{display:none}._SwitchWrapper_13b66_1 ._SwitchInput_13b66_18:checked+._SwitchBullet_13b66_21{margin-left:100%;transform:translate(-100%)}._SwitchWrapper_13b66_1 ._SwitchBullet_13b66_21{height:28px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;transition:all .3s;box-shadow:0 0 4px #0000001a}._SwitchLabel_13b66_34{color:var(--color, #8a8c8f);font-weight:500;font-size:14px;line-height:24px}[data-typography=senior] ._SwitchLabel_13b66_34{font-size:16px}[data-typography=mobile] ._SwitchLabel_13b66_34{font-size:10px}[data-typography=senior] ._SwitchLabel_13b66_34{line-height:26px}[data-typography=mobile] ._SwitchLabel_13b66_34{line-height:24px}._SwitchLabel_13b66_34._checked_13b66_52{font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._SwitchLabel_13b66_34._checked_13b66_52{font-size:18px}[data-typography=mobile] ._SwitchLabel_13b66_34._checked_13b66_52{font-size:10px}[data-typography=senior] ._SwitchLabel_13b66_34._checked_13b66_52{line-height:30px}[data-typography=mobile] ._SwitchLabel_13b66_34._checked_13b66_52{line-height:24px}._SwitchRoot_13b66_70{display:flex;flex-direction:column}._SwitchRoot_13b66_70._row_13b66_74{flex-direction:row;align-items:center;gap:8px}@layer Radio{._RadioRoot_12i7e_2{display:flex;flex-direction:row;gap:4px;align-items:center}._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8{width:20px;height:20px;border:2px solid var(--border-color, #8a8c8f);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8:hover{border-color:var(--hover-border-color, #b1916b)}._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8._checked_12i7e_21{border-color:var(--border-color, #b1916b);background-color:var(--background-color, #b1916b)}._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8 ._RadioInner_12i7e_25{width:50%;height:50%;background-color:var(--border-color, #ffffff);margin:auto;border-radius:50%}._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8._disabled_12i7e_32,._RadioTrigger_12i7e_8 ._RadioIcon_12i7e_8._readOnly_12i7e_32{border-color:var(--border-color, #8a8c8f)}._RadioLabel_12i7e_35{color:var(--color, #8a8c8f);font-weight:500;font-size:14px;line-height:24px}[data-typography=senior] ._RadioLabel_12i7e_35{font-size:16px}[data-typography=mobile] ._RadioLabel_12i7e_35{font-size:10px}[data-typography=senior] ._RadioLabel_12i7e_35{line-height:26px}[data-typography=mobile] ._RadioLabel_12i7e_35{line-height:24px}._RadioLabel_12i7e_35:hover{color:var(--hover-color, #b1916b)}._RadioLabel_12i7e_35._checked_12i7e_21{font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._RadioLabel_12i7e_35._checked_12i7e_21{font-size:18px}[data-typography=mobile] ._RadioLabel_12i7e_35._checked_12i7e_21{font-size:10px}[data-typography=senior] ._RadioLabel_12i7e_35._checked_12i7e_21{line-height:30px}[data-typography=mobile] ._RadioLabel_12i7e_35._checked_12i7e_21{line-height:24px}._RadioLabel_12i7e_35._disabled_12i7e_32,._RadioLabel_12i7e_35._readOnly_12i7e_32{color:var(--color, #8a8c8f)}}@layer TextInput{._TextInputRoot_1dppb_2._row_1dppb_2{display:flex;flex-direction:row;gap:8px;align-items:center}._TextInputLabel_1dppb_8{font-weight:700;font-size:12px;line-height:18px}[data-typography=senior] ._TextInputLabel_1dppb_8{font-size:14px}[data-typography=mobile] ._TextInputLabel_1dppb_8{font-size:8px}[data-typography=senior] ._TextInputLabel_1dppb_8{line-height:24px}[data-typography=mobile] ._TextInputLabel_1dppb_8{line-height:18px}._TextInputLabel_1dppb_8{color:var(--textSecondary, #637381)}._TextInputLabel_1dppb_8._large_1dppb_28,._TextInputLabel_1dppb_8._row_1dppb_2._small_1dppb_28{font-weight:700;font-size:14px;line-height:24px}[data-typography=senior] ._TextInputLabel_1dppb_8._large_1dppb_28,[data-typography=senior] ._TextInputLabel_1dppb_8._row_1dppb_2._small_1dppb_28{font-size:18px}[data-typography=mobile] ._TextInputLabel_1dppb_8._large_1dppb_28,[data-typography=mobile] ._TextInputLabel_1dppb_8._row_1dppb_2._small_1dppb_28{font-size:10px}[data-typography=senior] ._TextInputLabel_1dppb_8._large_1dppb_28,[data-typography=senior] ._TextInputLabel_1dppb_8._row_1dppb_2._small_1dppb_28{line-height:30px}[data-typography=mobile] ._TextInputLabel_1dppb_8._large_1dppb_28,[data-typography=mobile] ._TextInputLabel_1dppb_8._row_1dppb_2._small_1dppb_28{line-height:24px}._TextInputLabel_1dppb_8._row_1dppb_2._large_1dppb_28{font-weight:700;font-size:16px;line-height:26px}[data-typography=senior] ._TextInputLabel_1dppb_8._row_1dppb_2._large_1dppb_28{font-size:20px}[data-typography=mobile] ._TextInputLabel_1dppb_8._row_1dppb_2._large_1dppb_28{font-size:12px}[data-typography=senior] ._TextInputLabel_1dppb_8._row_1dppb_2._large_1dppb_28{line-height:30px}[data-typography=mobile] ._TextInputLabel_1dppb_8._row_1dppb_2._large_1dppb_28{line-height:26px}._TextInputLabel_1dppb_8._row_1dppb_2{flex-basis:var(--basis, 105px)}._TextInputLabel_1dppb_8._error_1dppb_65{color:var(--error-color, var(--textError, #f5222d))}._TextInputLabel_1dppb_8._success_1dppb_68{color:var(--success-color, var(--textSuccess, #1cc95c))}._TextInputLabel_1dppb_8._warning_1dppb_71{color:var(--warning-color, var(--textWarning, #ffab00))}._TextInputErase_1dppb_74{display:inline-flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0;border:none;background-color:transparent;cursor:pointer}._TextInputComponentWrapper_1dppb_84{display:flex;flex-direction:row;align-items:center;padding:4px;border-radius:8px;border:1px solid var(--border-color, rgba(145, 158, 171, .2392156863));color:var(--color, var(--textPrimary, #1c252e));overflow:hidden;max-width:100%;height:40px;background-color:var(--background-color, var(--componentTextfieldFilled, #edeff2));flex-grow:1;font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._TextInputComponentWrapper_1dppb_84{font-size:18px}[data-typography=mobile] ._TextInputComponentWrapper_1dppb_84{font-size:10px}[data-typography=senior] ._TextInputComponentWrapper_1dppb_84{line-height:30px}[data-typography=mobile] ._TextInputComponentWrapper_1dppb_84{line-height:24px}._TextInputComponentWrapper_1dppb_84 ._TextInputComponentInput_1dppb_113{border:none;outline:none;background:none;font:inherit;flex:1 0 0;text-overflow:ellipsis;min-width:0;padding:0 8px;color:inherit}._TextInputComponentWrapper_1dppb_84 ._TextInputComponentInput_1dppb_113::placeholder{color:var(--placeholder-color, var(--textPrimary, #8e8e93));font:inherit}._TextInputComponentWrapper_1dppb_84._large_1dppb_28{padding-block:8px;height:48px;font-weight:400;font-size:16px;line-height:26px}[data-typography=senior] ._TextInputComponentWrapper_1dppb_84._large_1dppb_28{font-size:20px}[data-typography=mobile] ._TextInputComponentWrapper_1dppb_84._large_1dppb_28{font-size:12px}[data-typography=senior] ._TextInputComponentWrapper_1dppb_84._large_1dppb_28{line-height:30px}[data-typography=mobile] ._TextInputComponentWrapper_1dppb_84._large_1dppb_28{line-height:26px}._TextInputComponentWrapper_1dppb_84._contained_1dppb_147 ._TextInputComponentInput_1dppb_113::placeholder{color:var(--placeholder-color, var(--Simentic-On-Surface-Variant, #505254));font:inherit}._TextInputComponentWrapper_1dppb_84._success_1dppb_68._out_1dppb_151,._TextInputComponentWrapper_1dppb_84._success_1dppb_68._all_1dppb_151{border-color:var(--success-color, var(--Simentic-Success, #4caf50))}._TextInputComponentWrapper_1dppb_84._warning_1dppb_71._out_1dppb_151,._TextInputComponentWrapper_1dppb_84._warning_1dppb_71._all_1dppb_151{border-color:var(--warning-color, var(--Simentic-Warning, #e9a802))}._TextInputComponentWrapper_1dppb_84._error_1dppb_65._in_1dppb_157 input,._TextInputComponentWrapper_1dppb_84._error_1dppb_65._all_1dppb_151 input{color:var(--error-color, var(--Simentic-Error, #d32f2f))}._TextInputComponentWrapper_1dppb_84._error_1dppb_65._in_1dppb_157 input::placeholder,._TextInputComponentWrapper_1dppb_84._error_1dppb_65._all_1dppb_151 input::placeholder{color:var(--error-color, var(--Simentic-Error, #d32f2f))!important}._TextInputComponentWrapper_1dppb_84._error_1dppb_65._out_1dppb_151,._TextInputComponentWrapper_1dppb_84._error_1dppb_65._all_1dppb_151{border-color:var(--error-color, var(--Simentic-Error, #d32f2f))}._TextInputComponentWrapper_1dppb_84._focused_1dppb_166._out_1dppb_151,._TextInputComponentWrapper_1dppb_84._focused_1dppb_166._all_1dppb_151{border-color:var(--border-color)}._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._in_1dppb_157._outlined_1dppb_169,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._out_1dppb_151._outlined_1dppb_169,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._all_1dppb_151._outlined_1dppb_169{border-color:var(--componentTextfieldOutline, rgba(145, 158, 171, .2392156863))}._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._in_1dppb_157._contained_1dppb_147,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._out_1dppb_151._contained_1dppb_147,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._all_1dppb_151._contained_1dppb_147{border-color:transparent}._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._in_1dppb_157 input,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._out_1dppb_151 input,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._all_1dppb_151 input{color:var(--disabled-color, var(--Simentic-SurfContainer-Highest, #d0d2d5))}._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._in_1dppb_157 input::placeholder,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._out_1dppb_151 input::placeholder,._TextInputComponentWrapper_1dppb_84._disabled_1dppb_169._all_1dppb_151 input::placeholder{color:var(--disabled-color, var(--Simentic-SurfContainer-Highest, #d0d2d5))!important}}@layer TextArea{._TextAreaTextCount_1mebl_2{position:absolute;bottom:8px;right:8px;color:var(--textDisabled, #c4cdd5);z-index:10;font-weight:400;font-size:10px;line-height:14px}[data-typography=senior] ._TextAreaTextCount_1mebl_2{font-size:12px}[data-typography=mobile] ._TextAreaTextCount_1mebl_2{font-size:6px}[data-typography=senior] ._TextAreaTextCount_1mebl_2{line-height:12px}[data-typography=mobile] ._TextAreaTextCount_1mebl_2{line-height:14px}._TextAreaLabel_1mebl_24{color:var(--textSecondary, #637381);font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._TextAreaLabel_1mebl_24{font-size:18px}[data-typography=mobile] ._TextAreaLabel_1mebl_24{font-size:10px}[data-typography=senior] ._TextAreaLabel_1mebl_24{line-height:30px}[data-typography=mobile] ._TextAreaLabel_1mebl_24{line-height:24px}._TextAreaLabel_1mebl_24._error_1mebl_42{color:var(--error-color, var(--textError, #f5222d))}._TextAreaLabel_1mebl_24._success_1mebl_45{color:var(--success-color, var(--textSuccess, #1cc95c))}._TextAreaLabel_1mebl_24._warning_1mebl_48{color:var(--warning-color, var(--textWarning, #ffab00))}._TextAreaComponentWrapper_1mebl_51{position:relative;display:flex;border:1px solid var(--border-color, var(--Gray-Gray80, #b1b3b7));border-radius:8px;background-color:var(--background-color, transparent)}._TextAreaComponentWrapper_1mebl_51 textarea{border:none;background:none;resize:none;outline:none;font:inherit;color:var(--color, var(--textPrimary, #000000))}._TextAreaComponentWrapper_1mebl_51 textarea::placeholder{color:var(--placeholder-color, var(--textTertiary, #8e8e93));font:inherit}._TextAreaComponentWrapper_1mebl_51 ._TextAreaInput_1mebl_70{padding:8px 16px;flex:1;align-self:stretch;font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._TextAreaComponentWrapper_1mebl_51 ._TextAreaInput_1mebl_70{font-size:18px}[data-typography=mobile] ._TextAreaComponentWrapper_1mebl_51 ._TextAreaInput_1mebl_70{font-size:10px}[data-typography=senior] ._TextAreaComponentWrapper_1mebl_51 ._TextAreaInput_1mebl_70{line-height:30px}[data-typography=mobile] ._TextAreaComponentWrapper_1mebl_51 ._TextAreaInput_1mebl_70{line-height:24px}._TextAreaComponentWrapper_1mebl_51._success_1mebl_45._out_1mebl_90,._TextAreaComponentWrapper_1mebl_51._success_1mebl_45._all_1mebl_90{border-color:var(--success-color, var(--Simentic-Success, #4caf50))}._TextAreaComponentWrapper_1mebl_51._warning_1mebl_48._out_1mebl_90,._TextAreaComponentWrapper_1mebl_51._warning_1mebl_48._all_1mebl_90{border-color:var(--warning-color, var(--Simentic-Warning, #e9a802))}._TextAreaComponentWrapper_1mebl_51._contained_1mebl_96{background-color:var(--background-color, var(--Simentic-Surface, #edeff2))}._TextAreaComponentWrapper_1mebl_51._contained_1mebl_96 textarea::placeholder{color:var(--placeholder-color, var(--Simentic-On-Surface-Variant, #505254));font:inherit}._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._out_1mebl_90,._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._all_1mebl_90{border-color:var(--error-color, var(--Simentic-Error, #d32f2f))}._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._in_1mebl_106 textarea,._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._all_1mebl_90 textarea{color:var(--error-color, var(--Simentic-Error, #d32f2f))}._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._in_1mebl_106 textarea::placeholder,._TextAreaComponentWrapper_1mebl_51._error_1mebl_42._all_1mebl_90 textarea::placeholder{color:var(--error-color, var(--Simentic-Error, #d32f2f))!important}._TextAreaComponentWrapper_1mebl_51._focused_1mebl_112._out_1mebl_90,._TextAreaComponentWrapper_1mebl_51._focused_1mebl_112._all_1mebl_90{border-color:var(--border-color)}._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._in_1mebl_106._outlined_1mebl_115,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._out_1mebl_90._outlined_1mebl_115,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._all_1mebl_90._outlined_1mebl_115{border-color:var(--componentTextfieldOutline, rgba(145, 158, 171, .2392156863))}._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._in_1mebl_106._contained_1mebl_96,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._out_1mebl_90._contained_1mebl_96,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._all_1mebl_90._contained_1mebl_96{border-color:transparent}._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._in_1mebl_106 textarea,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._out_1mebl_90 textarea,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._all_1mebl_90 textarea{color:var(--disabled-color, var(--Simentic-SurfContainer-Highest, #d0d2d5))}._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._in_1mebl_106 textarea::placeholder,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._out_1mebl_90 textarea::placeholder,._TextAreaComponentWrapper_1mebl_51._disabled_1mebl_115._all_1mebl_90 textarea::placeholder{color:var(--disabled-color, var(--Simentic-SurfContainer-Highest, #d0d2d5))!important}._TextAreaClone_1mebl_127{position:absolute;padding-top:0;padding-bottom:0;visibility:hidden;opacity:0;z-index:-1}}@layer MobilePicker{@property --item-height{syntax: "<length>"; inherits: false; initial-value: 36px;}._Root_fhkj1_7{display:flex;width:100%;height:auto;position:relative}._Column_fhkj1_13{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);mask-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}._Item_fhkj1_21{height:var(--item-height);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#ccc;flex-shrink:0;-webkit-user-select:none;user-select:none}._Item_fhkj1_21._isSelected_fhkj1_32{color:#333}._ItemWrap_fhkj1_35{position:absolute;width:100%;transition:transform .2s ease-out}._ItemWrap_fhkj1_35._isDragging_fhkj1_40{transition:none}._Divider_fhkj1_43{width:100%;height:var(--item-height);position:absolute;top:50%;left:0;transform:translateY(-50%);box-sizing:border-box;border-block:2px solid #ebebeb;z-index:-1}}._Progress_mgxlv_1{--progress-progress-height: 8px;--progress-value-width: 0;--progress-value-color: "#688DEE";width:100%;height:var(--progress-progress-height);border-radius:4px;position:relative;background-color:var(--Gray-Gray80, #b1b3b7);cursor:pointer}._Progress_mgxlv_1 ._Mark_mgxlv_12{position:absolute;top:0;left:0;height:inherit;display:flex;align-items:center}._Progress_mgxlv_1 ._Mark_mgxlv_12 ._Point_mgxlv_20{width:4px;height:4px;border-radius:50%;background-color:#fff;position:relative;transform:translate(-50%)}._Progress_mgxlv_1 ._Mark_mgxlv_12 ._Label_mgxlv_28{position:absolute;top:0;left:0;transform:translate(-50%,16px);font-size:14px;color:var(--Gray-Gray80, #b1b3b7);-webkit-user-select:none;user-select:none}._Progress_mgxlv_1 ._Mark_mgxlv_12 ._Label_mgxlv_28._active_mgxlv_37{color:var(--progress-value-color)}._Progress_mgxlv_1 ._Value_mgxlv_40{position:absolute;top:0;left:0;width:var(--progress-value-width);height:inherit;border-radius:4px;background-color:var(--progress-value-color)}._Progress_mgxlv_1 ._Thumb_mgxlv_49{position:absolute;top:0;left:0;display:grid;place-items:center;gap:10px}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20{border-radius:50%;padding:4px;background-color:#fff;border:4px solid var(--progress-value-color);display:grid;place-items:center;transition:opacity .25s ease-in-out;opacity:1;position:relative}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20:before{content:attr(data-value);box-sizing:border-box;padding:4px;background-color:var(--Gray-Gray10, #121416);color:#fff;border-radius:4px;font-size:14px;transition:opacity .25s ease-in-out,display .25s ease-in-out allow-discrete;opacity:0;position:absolute;top:-40px;display:none;white-space:nowrap}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20:hover:before{opacity:1;display:flex}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20._labelAlwaysOn_mgxlv_88:before{opacity:1;display:flex}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20._isDragging_mgxlv_92:before{opacity:1;display:flex}._Progress_mgxlv_1 ._Thumb_mgxlv_49 ._Point_mgxlv_20._hidden_mgxlv_96:before{opacity:0;display:none}._Progress_mgxlv_1._readOnly_mgxlv_100{cursor:default}._Progress_mgxlv_1._disabled_mgxlv_103{filter:grayscale(1);cursor:not-allowed}._Progress_mgxlv_1._invert_mgxlv_107{background-color:var(--progress-value-color)}._Progress_mgxlv_1._invert_mgxlv_107 ._Value_mgxlv_40{background-color:var(--Gray-Gray80, #b1b3b7)}._Root_2c5kt_1{width:auto;display:flex;position:relative;align-items:flex-start}._Root_2c5kt_1._row_2c5kt_7{flex-direction:row}._Root_2c5kt_1._column_2c5kt_10{flex-direction:column;gap:10px}._Divider_2c5kt_15{height:1px;width:100%;background-color:#000}._Divider_2c5kt_15._row_2c5kt_7{margin-inline:10px;transform:translateY(25px)}._Divider_2c5kt_15._row_2c5kt_7._isTop_2c5kt_24{align-self:flex-end;transform:translateY(-25px)}._Divider_2c5kt_15._column_2c5kt_10{width:1px;height:100%;min-height:100px;margin-block:10px;box-sizing:border-box;transform:translate(25px)}._Desc_2c5kt_37{font-size:14px;color:var(--Gray-Gray70, #989b9f);width:200px;display:flex}._Title_2c5kt_44{font-size:20px;color:var(--Gray-Gray70, #989b9f);width:200px;display:flex}._Content_2c5kt_51{display:flex;flex-direction:column;gap:4px}._Point_2c5kt_57{background-color:var(--Gray-Gray80, #b1b3b7);width:30px;height:30px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin:10px}._Step_2c5kt_71{display:flex;position:relative;width:fit-content}._Step_2c5kt_71._block_2c5kt_76{flex-direction:column;align-items:center}._Step_2c5kt_71._block_2c5kt_76 ._Title_2c5kt_44,._Step_2c5kt_71._block_2c5kt_76 ._Desc_2c5kt_37{text-align:center;justify-content:center}._Step_2c5kt_71._inline_2c5kt_85{flex-direction:row}._Step_2c5kt_71._inline_2c5kt_85 ._Title_2c5kt_44,._Step_2c5kt_71._inline_2c5kt_85 ._Desc_2c5kt_37{align-items:center}._Step_2c5kt_71._left_2c5kt_92 ._Title_2c5kt_44,._Step_2c5kt_71._left_2c5kt_92 ._Desc_2c5kt_37{justify-content:flex-end;text-align:end}._Step_2c5kt_71._column_2c5kt_10 ._Point_2c5kt_57{align-self:flex-start}._Step_2c5kt_71._column_2c5kt_10._block_2c5kt_76 ._Title_2c5kt_44,._Step_2c5kt_71._column_2c5kt_10._block_2c5kt_76 ._Desc_2c5kt_37{text-align:start;justify-content:flex-start;border-left:1px solid var(--Gray-Gray95, #e8e8e9);transform:translate(25px);padding:4px 0 4px 25px}._Step_2c5kt_71._active_2c5kt_108 ._Point_2c5kt_57{background-color:#688dee}._Step_2c5kt_71._active_2c5kt_108 ._Title_2c5kt_44,._Step_2c5kt_71._active_2c5kt_108 ._Desc_2c5kt_37{color:#688dee}._StepWrap_2c5kt_118{display:flex;cursor:pointer}._StepWrap_2c5kt_118._column_2c5kt_10{flex-direction:column}._StepWrap_2c5kt_118._column_2c5kt_10._inline_2c5kt_85 ._Desc_2c5kt_37{text-align:start;border-left:1px solid var(--Gray-Gray95, #e8e8e9);transform:translate(25px);padding:4px 0 4px 25px}._StepWrap_2c5kt_118._column_2c5kt_10._left_2c5kt_92{align-items:flex-end}._StepWrap_2c5kt_118._column_2c5kt_10._left_2c5kt_92 ._Desc_2c5kt_37{text-align:end;border-left:unset;border-right:1px solid var(--Gray-Gray95, #e8e8e9);transform:translate(-25px);padding:4px 25px 4px 0}._StepWrap_2c5kt_118._column_2c5kt_10._active_2c5kt_108 ._Desc_2c5kt_37{color:#688dee}._StepWrap_2c5kt_118._linear_2c5kt_144{cursor:default}@layer TimeInput{._InputWrapper_i02wu_2{display:flex;align-items:center;gap:10px;padding:4px;border-radius:8px;border:1px solid var(--border-color, var(--componentTextfieldOutline));color:var(--color, var(--textPrimary, #1c252e));background-color:var(--background-color, transparent);height:40px;flex:1;font-weight:400;font-size:14px;line-height:24px}[data-typography=senior] ._InputWrapper_i02wu_2{font-size:18px}[data-typography=mobile] ._InputWrapper_i02wu_2{font-size:10px}[data-typography=senior] ._InputWrapper_i02wu_2{line-height:30px}[data-typography=mobile] ._InputWrapper_i02wu_2{line-height:24px}._InputWrapper_i02wu_2._row_i02wu_29{flex-direction:row;flex-grow:1}._InputWrapper_i02wu_2._contained_i02wu_33{background-color:var(--componentTextfieldFilled, #edeff2)}._InputWrapper_i02wu_2._large_i02wu_36{height:48px;font-weight:400;font-size:16px;line-height:26px}[data-typography=senior] ._InputWrapper_i02wu_2._large_i02wu_36{font-size:20px}[data-typography=mobile] ._InputWrapper_i02wu_2._large_i02wu_36{font-size:12px}[data-typography=senior] ._InputWrapper_i02wu_2._large_i02wu_36{line-height:30px}[data-typography=mobile] ._InputWrapper_i02wu_2._large_i02wu_36{line-height:26px}._InputWrapper_i02wu_2._error_i02wu_54{border-color:var(--textError, #f5222d)}._InputWrapper_i02wu_2._warning_i02wu_57{border-color:var(--textWarning, #ffab00)}._InputWrapper_i02wu_2._success_i02wu_60{border-color:var(--textSuccess, #1cc95c)}._InputWrapper_i02wu_2._focused_i02wu_63{border-color:var(--border-color, var(--componentTextfieldOutline))}._InputWrapper_i02wu_2._disabled_i02wu_66{cursor:not-allowed}._InputWrapper_i02wu_2 ._Input_i02wu_2{border:none;outline:none;background:none;font:inherit;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;display:inline-block;flex:1;color:var(--color, inherit)}._InputWrapper_i02wu_2 ._Input_i02wu_2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._InputWrapper_i02wu_2 ._Input_i02wu_2::placeholder{color:var(--placeholder-color, var(--textTertiary, #919eab));font:inherit}._InputWrapper_i02wu_2 ._Input_i02wu_2._error_i02wu_54{color:var(--textError, #f5222d)}._InputWrapper_i02wu_2 ._Input_i02wu_2._error_i02wu_54::placeholder{color:var(--textError, #f5222d)}._InputWrapper_i02wu_2 ._Input_i02wu_2._readOnly_i02wu_94{cursor:default}._InputWrapper_i02wu_2 ._Input_i02wu_2._disabled_i02wu_66{cursor:not-allowed;color:var(--textDisabled, #c4cdd5)}._InputWrapper_i02wu_2 ._Input_i02wu_2._disabled_i02wu_66::placeholder{color:var(--textDisabled, #c4cdd5)}._InputWrapper_i02wu_2 ._TimeRange_i02wu_104{display:flex;align-items:center;gap:10px;flex:1}._Colon_i02wu_110{color:#919eab}._Colon_i02wu_110._error_i02wu_54{color:var(--textError, #f5222d)}._Colon_i02wu_110._warning_i02wu_57{color:var(--textWarning, #ffab00)}._Colon_i02wu_110._success_i02wu_60{color:var(--textSuccess, #1cc95c)}._Colon_i02wu_110._disabled_i02wu_66{color:var(--textDisabled, #c4cdd5)}._Separator_i02wu_125{color:#919eab}._Separator_i02wu_125._error_i02wu_54{color:var(--textError, #f5222d)}._Separator_i02wu_125._warning_i02wu_57{color:var(--textWarning, #ffab00)}._Separator_i02wu_125._success_i02wu_60{color:var(--textSuccess, #1cc95c)}._Separator_i02wu_125._disabled_i02wu_66{color:var(--textDisabled, #c4cdd5)}._HelperText_i02wu_140{color:var(--textTertiary, #919eab)}._HelperText_i02wu_140._error_i02wu_54{color:var(--textError, #f5222d)}._HelperText_i02wu_140._warning_i02wu_57{color:var(--textWarning, #ffab00)}._HelperText_i02wu_140._success_i02wu_60{color:var(--textSuccess, #1cc95c)}._TimeInputLabel_i02wu_152{color:var(--textSecondary, #637381);margin-bottom:4px;font-weight:700;font-size:12px;line-height:18px}[data-typography=senior] ._TimeInputLabel_i02wu_152{font-size:14px}[data-typography=mobile] ._TimeInputLabel_i02wu_152{font-size:8px}[data-typography=senior] ._TimeInputLabel_i02wu_152{line-height:24px}[data-typography=mobile] ._TimeInputLabel_i02wu_152{line-height:18px}._TimeInputLabel_i02wu_152._focused_i02wu_63{color:var(--actionAction)}._TimeInputLabel_i02wu_152._error_i02wu_54{color:var(--textError, #f5222d)}._TimeInputLabel_i02wu_152._warning_i02wu_57{color:var(--textWarning, #ffab00)}._TimeInputLabel_i02wu_152._success_i02wu_60{color:var(--textSuccess, #1cc95c)}._TimeInputLabel_i02wu_152._row_i02wu_29{margin-bottom:0;margin-right:8px;flex:0 0 var(--basis, 105px)}._TimeInputLabel_i02wu_152._large_i02wu_36,._TimeInputLabel_i02wu_152._row_i02wu_29._small_i02wu_188{font-weight:700;font-size:14px;line-height:24px}[data-typography=senior] ._TimeInputLabel_i02wu_152._large_i02wu_36,[data-typography=senior] ._TimeInputLabel_i02wu_152._row_i02wu_29._small_i02wu_188{font-size:18px}[data-typography=mobile] ._TimeInputLabel_i02wu_152._large_i02wu_36,[data-typography=mobile] ._TimeInputLabel_i02wu_152._row_i02wu_29._small_i02wu_188{font-size:10px}[data-typography=senior] ._TimeInputLabel_i02wu_152._large_i02wu_36,[data-typography=senior] ._TimeInputLabel_i02wu_152._row_i02wu_29._small_i02wu_188{line-height:30px}[data-typography=mobile] ._TimeInputLabel_i02wu_152._large_i02wu_36,[data-typography=mobile] ._TimeInputLabel_i02wu_152._row_i02wu_29._small_i02wu_188{line-height:24px}._TimeInputLabel_i02wu_152._row_i02wu_29._large_i02wu_36{font-weight:700;font-size:16px;line-height:26px}[data-typography=senior] ._TimeInputLabel_i02wu_152._row_i02wu_29._large_i02wu_36{font-size:20px}[data-typography=mobile] ._TimeInputLabel_i02wu_152._row_i02wu_29._large_i02wu_36{font-size:12px}[data-typography=senior] ._TimeInputLabel_i02wu_152._row_i02wu_29._large_i02wu_36{line-height:30px}[data-typography=mobile] ._TimeInputLabel_i02wu_152._row_i02wu_29._large_i02wu_36{line-height:26px}._TimeInputRoot_i02wu_222{display:flex;flex-direction:column;gap:8px;width:100%}._TimeInputRoot_i02wu_222._row_i02wu_29{flex-direction:row;align-items:center}}

package/dist/form.d.ts

@@ -0,0 +1,17 @@
+export { default as Button } from '../components/Button/Button';
+export { default as HelperText } from '../components/HelperText/HelperText';
+export { default as Cascader } from '../components/Cascader/Cascader';
+export { default as CheckBox } from '../components/Form/CheckBox/CheckBox';
+export { default as Dropdown } from '../components/Form/Dropdown/Dropdown';
+export { default as OTPInput } from '../components/Form/OTPInput/OTPInput';
+export { default as Switch } from '../components/Form/Switch/Switch';
+export { default as Radio } from '../components/Form/Radio/Radio';
+export { default as TextInput } from '../components/Form/TextInput/TextInput';
+export { default as TextArea } from '../components/Form/TextArea/TextArea';
+export { default as MobilePicker } from '../components/MobilePicker/MobilePicker';
+export { default as Slider } from '../components/Slider/Slider';
+export { default as Stepper } from '../components/Stepper/Stepper';
+export { default as TimeInput } from '../components/TimeInput/TimeInput';
+export type { CascaderOption } from '../components/Cascader/Cascader.context';
+export type { StepperProviderProps } from '../components/Stepper/Stepper';
+export {};