@gobolt/genesis 0.1.2 → 0.1.3

package/dist/components/SegmentedControls/styles.js

@@ -1,15 +1,14 @@
-import { d as be } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as ge } from "../../styled-components.browser.esm-C47QHsU4.js";
 import * as i from "react";
-import { a as A, _ as X, e as K, g as ve, d as Q, b as z, f as ae } from "../../presets-Djh_L_6R.js";
-import { u as Se } from "../../useMergedState-D6toxSxh.js";
+import { a as B, _ as q, c as L, g as be, e as Q, b as _, f as ne } from "../../presets-CSXMiWyc.js";
+import { u as Se } from "../../useMergedState-D1-TbeEv.js";
 import { o as pe } from "../../omit-B_u6A-HL.js";
-import { h as $e, s as ye, t as ie, j as Ce, m as we, v as xe, k as Ne, p as Oe, f as E, w as Re, C as Me } from "../../index-BbTV2Cw5.js";
-import { u as Ie } from "../../useSize-DSq4r6zy.js";
-import "../../index-DLdU7Tpd.js";
-import { u as je } from "../../useId-D2tzlufo.js";
-var k = function(t, a) {
+import { h as $e, p as ye, q as ie, g as Ce, m as we, j as xe, o as Ne, f as E, s as Re, t as Oe, l as Me } from "../../CSSMotionList-DB0khM6h.js";
+import { u as Ie } from "../../useId-DLf1xVuv.js";
+import { u as je } from "../../useSize-Ct1guc-z.js";
+var k = function(t, n) {
   if (!t) return null;
-  var n = {
+  var a = {
     left: t.offsetLeft,
     right: t.parentElement.clientWidth - t.clientWidth - t.offsetLeft,
     width: t.clientWidth,
@@ -17,106 +16,106 @@ var k = function(t, a) {
     bottom: t.parentElement.clientHeight - t.clientHeight - t.offsetTop,
     height: t.clientHeight
   };
-  return a ? {
+  return n ? {
     left: 0,
     right: 0,
     width: 0,
-    top: n.top,
-    bottom: n.bottom,
-    height: n.height
+    top: a.top,
+    bottom: a.bottom,
+    height: a.height
   } : {
-    left: n.left,
-    right: n.right,
-    width: n.width,
+    left: a.left,
+    right: a.right,
+    width: a.width,
     top: 0,
     bottom: 0,
     height: 0
   };
-}, w = function(t) {
+}, C = function(t) {
   return t !== void 0 ? "".concat(t, "px") : void 0;
 };
 function Ee(e) {
-  var t = e.prefixCls, a = e.containerRef, n = e.value, r = e.getValueIndex, s = e.motionName, p = e.onMotionStart, b = e.onMotionEnd, v = e.direction, x = e.vertical, u = x === void 0 ? !1 : x, H = i.useRef(null), P = i.useState(n), R = A(P, 2), f = R[0], h = R[1], m = function(j) {
-    var O, V = r(j), C = (O = a.current) === null || O === void 0 ? void 0 : O.querySelectorAll(".".concat(t, "-item"))[V];
-    return (C == null ? void 0 : C.offsetParent) && C;
-  }, D = i.useState(null), M = A(D, 2), o = M[0], N = M[1], _ = i.useState(null), S = A(_, 2), l = S[0], $ = S[1];
+  var t = e.prefixCls, n = e.containerRef, a = e.value, o = e.getValueIndex, s = e.motionName, S = e.onMotionStart, h = e.onMotionEnd, b = e.direction, w = e.vertical, d = w === void 0 ? !1 : w, N = i.useRef(null), H = i.useState(a), R = B(H, 2), v = R[0], O = R[1], M = function(j) {
+    var x, A = o(j), y = (x = n.current) === null || x === void 0 ? void 0 : x.querySelectorAll(".".concat(t, "-item"))[A];
+    return (y == null ? void 0 : y.offsetParent) && y;
+  }, P = i.useState(null), m = B(P, 2), r = m[0], I = m[1], T = i.useState(null), g = B(T, 2), l = g[0], D = g[1];
   $e(function() {
-    if (f !== n) {
-      var d = m(f), j = m(n), O = k(d, u), V = k(j, u);
-      h(n), N(O), $(V), d && j ? p() : b();
+    if (v !== a) {
+      var c = M(v), j = M(a), x = k(c, d), A = k(j, d);
+      O(a), I(x), D(A), c && j ? S() : h();
     }
-  }, [n]);
-  var y = i.useMemo(function() {
-    if (u) {
-      var d;
-      return w((d = o == null ? void 0 : o.top) !== null && d !== void 0 ? d : 0);
+  }, [a]);
+  var p = i.useMemo(function() {
+    if (d) {
+      var c;
+      return C((c = r == null ? void 0 : r.top) !== null && c !== void 0 ? c : 0);
     }
-    return w(v === "rtl" ? -(o == null ? void 0 : o.right) : o == null ? void 0 : o.left);
-  }, [u, v, o]), I = i.useMemo(function() {
-    if (u) {
-      var d;
-      return w((d = l == null ? void 0 : l.top) !== null && d !== void 0 ? d : 0);
+    return C(b === "rtl" ? -(r == null ? void 0 : r.right) : r == null ? void 0 : r.left);
+  }, [d, b, r]), $ = i.useMemo(function() {
+    if (d) {
+      var c;
+      return C((c = l == null ? void 0 : l.top) !== null && c !== void 0 ? c : 0);
     }
-    return w(v === "rtl" ? -(l == null ? void 0 : l.right) : l == null ? void 0 : l.left);
-  }, [u, v, l]), T = function() {
-    return u ? {
+    return C(b === "rtl" ? -(l == null ? void 0 : l.right) : l == null ? void 0 : l.left);
+  }, [d, b, l]), K = function() {
+    return d ? {
       transform: "translateY(var(--thumb-start-top))",
       height: "var(--thumb-start-height)"
     } : {
       transform: "translateX(var(--thumb-start-left))",
       width: "var(--thumb-start-width)"
     };
-  }, F = function() {
-    return u ? {
+  }, V = function() {
+    return d ? {
       transform: "translateY(var(--thumb-active-top))",
       height: "var(--thumb-active-height)"
     } : {
       transform: "translateX(var(--thumb-active-left))",
       width: "var(--thumb-active-width)"
     };
-  }, W = function() {
-    N(null), $(null), b();
+  }, F = function() {
+    I(null), D(null), h();
   };
-  return !o || !l ? null : /* @__PURE__ */ i.createElement(ye, {
+  return !r || !l ? null : /* @__PURE__ */ i.createElement(ye, {
     visible: !0,
     motionName: s,
     motionAppear: !0,
-    onAppearStart: T,
-    onAppearActive: F,
-    onVisibleChanged: W
-  }, function(d, j) {
-    var O = d.className, V = d.style, C = X(X({}, V), {}, {
-      "--thumb-start-left": y,
-      "--thumb-start-width": w(o == null ? void 0 : o.width),
-      "--thumb-active-left": I,
-      "--thumb-active-width": w(l == null ? void 0 : l.width),
-      "--thumb-start-top": y,
-      "--thumb-start-height": w(o == null ? void 0 : o.height),
-      "--thumb-active-top": I,
-      "--thumb-active-height": w(l == null ? void 0 : l.height)
-    }), L = {
-      ref: ie(H, j),
-      style: C,
-      className: K("".concat(t, "-thumb"), O)
+    onAppearStart: K,
+    onAppearActive: V,
+    onVisibleChanged: F
+  }, function(c, j) {
+    var x = c.className, A = c.style, y = q(q({}, A), {}, {
+      "--thumb-start-left": p,
+      "--thumb-start-width": C(r == null ? void 0 : r.width),
+      "--thumb-active-left": $,
+      "--thumb-active-width": C(l == null ? void 0 : l.width),
+      "--thumb-start-top": p,
+      "--thumb-start-height": C(r == null ? void 0 : r.height),
+      "--thumb-active-top": $,
+      "--thumb-active-height": C(l == null ? void 0 : l.height)
+    }), X = {
+      ref: ie(N, j),
+      style: y,
+      className: L("".concat(t, "-thumb"), x)
     };
-    return process.env.NODE_ENV === "test" && (L["data-test-style"] = JSON.stringify(C)), /* @__PURE__ */ i.createElement("div", L);
+    return process.env.NODE_ENV === "test" && (X["data-test-style"] = JSON.stringify(y)), /* @__PURE__ */ i.createElement("div", X);
   });
 }
 var He = ["prefixCls", "direction", "vertical", "options", "disabled", "defaultValue", "value", "name", "onChange", "className", "motionName"];
 function Pe(e) {
   if (typeof e.title < "u")
     return e.title;
-  if (ae(e.label) !== "object") {
+  if (ne(e.label) !== "object") {
     var t;
     return (t = e.label) === null || t === void 0 ? void 0 : t.toString();
   }
 }
 function De(e) {
   return e.map(function(t) {
-    if (ae(t) === "object" && t !== null) {
-      var a = Pe(t);
-      return X(X({}, t), {}, {
-        title: a
+    if (ne(t) === "object" && t !== null) {
+      var n = Pe(t);
+      return q(q({}, t), {}, {
+        title: n
       });
     }
     return {
@@ -127,53 +126,53 @@ function De(e) {
   });
 }
 var Ve = function(t) {
-  var a = t.prefixCls, n = t.className, r = t.disabled, s = t.checked, p = t.label, b = t.title, v = t.value, x = t.name, u = t.onChange, H = t.onFocus, P = t.onBlur, R = t.onKeyDown, f = t.onKeyUp, h = t.onMouseDown, m = function(M) {
-    r || u(M, v);
+  var n = t.prefixCls, a = t.className, o = t.disabled, s = t.checked, S = t.label, h = t.title, b = t.value, w = t.name, d = t.onChange, N = t.onFocus, H = t.onBlur, R = t.onKeyDown, v = t.onKeyUp, O = t.onMouseDown, M = function(m) {
+    o || d(m, b);
   };
   return /* @__PURE__ */ i.createElement("label", {
-    className: K(n, z({}, "".concat(a, "-item-disabled"), r)),
-    onMouseDown: h
+    className: L(a, _({}, "".concat(n, "-item-disabled"), o)),
+    onMouseDown: O
   }, /* @__PURE__ */ i.createElement("input", {
-    name: x,
-    className: "".concat(a, "-item-input"),
+    name: w,
+    className: "".concat(n, "-item-input"),
     type: "radio",
-    disabled: r,
+    disabled: o,
     checked: s,
-    onChange: m,
-    onFocus: H,
-    onBlur: P,
+    onChange: M,
+    onFocus: N,
+    onBlur: H,
     onKeyDown: R,
-    onKeyUp: f
+    onKeyUp: v
   }), /* @__PURE__ */ i.createElement("div", {
-    className: "".concat(a, "-item-label"),
-    title: b,
+    className: "".concat(n, "-item-label"),
+    title: h,
     "aria-selected": s
-  }, p));
-}, re = /* @__PURE__ */ i.forwardRef(function(e, t) {
-  var a, n, r = e.prefixCls, s = r === void 0 ? "rc-segmented" : r, p = e.direction, b = e.vertical, v = e.options, x = v === void 0 ? [] : v, u = e.disabled, H = e.defaultValue, P = e.value, R = e.name, f = e.onChange, h = e.className, m = h === void 0 ? "" : h, D = e.motionName, M = D === void 0 ? "thumb-motion" : D, o = ve(e, He), N = i.useRef(null), _ = i.useMemo(function() {
-    return ie(N, t);
-  }, [N, t]), S = i.useMemo(function() {
-    return De(x);
-  }, [x]), l = Se((a = S[0]) === null || a === void 0 ? void 0 : a.value, {
-    value: P,
-    defaultValue: H
-  }), $ = A(l, 2), y = $[0], I = $[1], T = i.useState(!1), F = A(T, 2), W = F[0], d = F[1], j = function(g, B) {
-    I(B), f == null || f(B);
-  }, O = pe(o, ["children"]), V = i.useState(!1), C = A(V, 2), L = C[0], U = C[1], le = i.useState(!1), G = A(le, 2), se = G[0], Y = G[1], de = function() {
+  }, S));
+}, oe = /* @__PURE__ */ i.forwardRef(function(e, t) {
+  var n, a, o = e.prefixCls, s = o === void 0 ? "rc-segmented" : o, S = e.direction, h = e.vertical, b = e.options, w = b === void 0 ? [] : b, d = e.disabled, N = e.defaultValue, H = e.value, R = e.name, v = e.onChange, O = e.className, M = O === void 0 ? "" : O, P = e.motionName, m = P === void 0 ? "thumb-motion" : P, r = be(e, He), I = i.useRef(null), T = i.useMemo(function() {
+    return ie(I, t);
+  }, [I, t]), g = i.useMemo(function() {
+    return De(w);
+  }, [w]), l = Se((n = g[0]) === null || n === void 0 ? void 0 : n.value, {
+    value: H,
+    defaultValue: N
+  }), D = B(l, 2), p = D[0], $ = D[1], K = i.useState(!1), V = B(K, 2), F = V[0], c = V[1], j = function(f, z) {
+    $(z), v == null || v(z);
+  }, x = pe(r, ["children"]), A = i.useState(!1), y = B(A, 2), X = y[0], U = y[1], le = i.useState(!1), G = B(le, 2), se = G[0], Y = G[1], ce = function() {
     Y(!0);
-  }, ue = function() {
+  }, de = function() {
     Y(!1);
-  }, ce = function() {
+  }, ue = function() {
     U(!1);
-  }, me = function(g) {
-    g.key === "Tab" && U(!0);
-  }, J = function(g) {
-    var B = S.findIndex(function(ge) {
-      return ge.value === y;
-    }), Z = S.length, he = (B + g + Z) % Z, q = S[he];
-    q && (I(q.value), f == null || f(q.value));
-  }, fe = function(g) {
-    switch (g.key) {
+  }, me = function(f) {
+    f.key === "Tab" && U(!0);
+  }, J = function(f) {
+    var z = g.findIndex(function(he) {
+      return he.value === p;
+    }), Z = g.length, fe = (z + f + Z) % Z, W = g[fe];
+    W && ($(W.value), v == null || v(W.value));
+  }, ve = function(f) {
+    switch (f.key) {
       case "ArrowLeft":
       case "ArrowUp":
         J(-1);
@@ -187,50 +186,50 @@ var Ve = function(t) {
   return /* @__PURE__ */ i.createElement("div", Q({
     role: "radiogroup",
     "aria-label": "segmented control",
-    tabIndex: u ? void 0 : 0
-  }, O, {
-    className: K(s, (n = {}, z(n, "".concat(s, "-rtl"), p === "rtl"), z(n, "".concat(s, "-disabled"), u), z(n, "".concat(s, "-vertical"), b), n), m),
-    ref: _
+    tabIndex: d ? void 0 : 0
+  }, x, {
+    className: L(s, (a = {}, _(a, "".concat(s, "-rtl"), S === "rtl"), _(a, "".concat(s, "-disabled"), d), _(a, "".concat(s, "-vertical"), h), a), M),
+    ref: T
   }), /* @__PURE__ */ i.createElement("div", {
     className: "".concat(s, "-group")
   }, /* @__PURE__ */ i.createElement(Ee, {
-    vertical: b,
+    vertical: h,
     prefixCls: s,
-    value: y,
-    containerRef: N,
-    motionName: "".concat(s, "-").concat(M),
-    direction: p,
-    getValueIndex: function(g) {
-      return S.findIndex(function(B) {
-        return B.value === g;
+    value: p,
+    containerRef: I,
+    motionName: "".concat(s, "-").concat(m),
+    direction: S,
+    getValueIndex: function(f) {
+      return g.findIndex(function(z) {
+        return z.value === f;
       });
     },
     onMotionStart: function() {
-      d(!0);
+      c(!0);
     },
     onMotionEnd: function() {
-      d(!1);
+      c(!1);
     }
-  }), S.map(function(c) {
-    var g;
-    return /* @__PURE__ */ i.createElement(Ve, Q({}, c, {
+  }), g.map(function(u) {
+    var f;
+    return /* @__PURE__ */ i.createElement(Ve, Q({}, u, {
       name: R,
-      key: c.value,
+      key: u.value,
       prefixCls: s,
-      className: K(c.className, "".concat(s, "-item"), (g = {}, z(g, "".concat(s, "-item-selected"), c.value === y && !W), z(g, "".concat(s, "-item-focused"), se && L && c.value === y), g)),
-      checked: c.value === y,
+      className: L(u.className, "".concat(s, "-item"), (f = {}, _(f, "".concat(s, "-item-selected"), u.value === p && !F), _(f, "".concat(s, "-item-focused"), se && X && u.value === p), f)),
+      checked: u.value === p,
       onChange: j,
-      onFocus: de,
-      onBlur: ue,
-      onKeyDown: fe,
+      onFocus: ce,
+      onBlur: de,
+      onKeyDown: ve,
       onKeyUp: me,
-      onMouseDown: ce,
-      disabled: !!u || !!c.disabled
+      onMouseDown: ue,
+      disabled: !!d || !!u.disabled
     }));
   })));
 });
-process.env.NODE_ENV !== "production" && (re.displayName = "Segmented");
-var Ae = re;
+process.env.NODE_ENV !== "production" && (oe.displayName = "Segmented");
+var Ae = oe;
 function ee(e, t) {
   return {
     [`${e}, ${e}:hover, ${e}:focus`]: {
@@ -247,19 +246,19 @@ function te(e) {
 }
 const Be = Object.assign({
   overflow: "hidden"
-}, xe), ze = (e) => {
+}, Oe), ze = (e) => {
   const {
     componentCls: t
-  } = e, a = e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(), n = e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(), r = e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();
+  } = e, n = e.calc(e.controlHeight).sub(e.calc(e.trackPadding).mul(2)).equal(), a = e.calc(e.controlHeightLG).sub(e.calc(e.trackPadding).mul(2)).equal(), o = e.calc(e.controlHeightSM).sub(e.calc(e.trackPadding).mul(2)).equal();
   return {
-    [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Ne(e)), {
+    [t]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, xe(e)), {
       display: "inline-block",
       padding: e.trackPadding,
       color: e.itemColor,
       background: e.trackBg,
       borderRadius: e.borderRadius,
       transition: `all ${e.motionDurationMid} ${e.motionEaseInOut}`
-    }), Oe(e)), {
+    }), Ne(e)), {
       [`${t}-group`]: {
         position: "relative",
         display: "flex",
@@ -313,7 +312,8 @@ const Be = Object.assign({
           top: 0,
           insetInlineStart: 0,
           borderRadius: "inherit",
-          transition: `background-color ${e.motionDurationMid}`,
+          opacity: 0,
+          transition: `opacity ${e.motionDurationMid}`,
           // This is mandatory to make it not clickable or hoverable
           // Ref: https://github.com/ant-design/ant-design/issues/40888
           pointerEvents: "none"
@@ -321,18 +321,20 @@ const Be = Object.assign({
         [`&:hover:not(${t}-item-selected):not(${t}-item-disabled)`]: {
           color: e.itemHoverColor,
           "&::after": {
+            opacity: 1,
             backgroundColor: e.itemHoverBg
           }
         },
         [`&:active:not(${t}-item-selected):not(${t}-item-disabled)`]: {
           color: e.itemHoverColor,
           "&::after": {
+            opacity: 1,
             backgroundColor: e.itemActiveBg
           }
         },
         "&-label": Object.assign({
-          minHeight: a,
-          lineHeight: E(a),
+          minHeight: n,
+          lineHeight: E(n),
           padding: `0 ${E(e.segmentedPaddingHorizontal)}`
         }, Be),
         // syntactic sugar to add `icon` for Segmented Item
@@ -367,8 +369,8 @@ const Be = Object.assign({
       [`&${t}-lg`]: {
         borderRadius: e.borderRadiusLG,
         [`${t}-item-label`]: {
-          minHeight: n,
-          lineHeight: E(n),
+          minHeight: a,
+          lineHeight: E(a),
           padding: `0 ${E(e.segmentedPaddingHorizontal)}`,
           fontSize: e.fontSizeLG
         },
@@ -379,8 +381,8 @@ const Be = Object.assign({
       [`&${t}-sm`]: {
         borderRadius: e.borderRadiusSM,
         [`${t}-item-label`]: {
-          minHeight: r,
-          lineHeight: E(r),
+          minHeight: o,
+          lineHeight: E(o),
           padding: `0 ${E(e.segmentedPaddingHorizontalSM)}`
         },
         [`${t}-item, ${t}-thumb`]: {
@@ -392,120 +394,129 @@ const Be = Object.assign({
       [`${t}-thumb-motion-appear-active`]: {
         transition: `transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,
         willChange: "transform, width"
+      },
+      [`&${t}-shape-round`]: {
+        borderRadius: 9999,
+        [`${t}-item, ${t}-thumb`]: {
+          borderRadius: 9999
+        }
       }
     })
   };
 }, _e = (e) => {
   const {
     colorTextLabel: t,
-    colorText: a,
-    colorFillSecondary: n,
-    colorBgElevated: r,
+    colorText: n,
+    colorFillSecondary: a,
+    colorBgElevated: o,
     colorFill: s,
-    lineWidthBold: p,
-    colorBgLayout: b
+    lineWidthBold: S,
+    colorBgLayout: h
   } = e;
   return {
-    trackPadding: p,
-    trackBg: b,
+    trackPadding: S,
+    trackBg: h,
     itemColor: t,
-    itemHoverColor: a,
-    itemHoverBg: n,
-    itemSelectedBg: r,
+    itemHoverColor: n,
+    itemHoverBg: a,
+    itemSelectedBg: o,
     itemActiveBg: s,
-    itemSelectedColor: a
+    itemSelectedColor: n
   };
 }, Te = Ce("Segmented", (e) => {
   const {
     lineWidth: t,
-    calc: a
-  } = e, n = we(e, {
-    segmentedPaddingHorizontal: a(e.controlPaddingHorizontal).sub(t).equal(),
-    segmentedPaddingHorizontalSM: a(e.controlPaddingHorizontalSM).sub(t).equal()
+    calc: n
+  } = e, a = we(e, {
+    segmentedPaddingHorizontal: n(e.controlPaddingHorizontal).sub(t).equal(),
+    segmentedPaddingHorizontalSM: n(e.controlPaddingHorizontalSM).sub(t).equal()
   });
-  return [ze(n)];
+  return [ze(a)];
 }, _e);
-var ne = function(e, t) {
-  var a = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (a[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
-    t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (a[n[r]] = e[n[r]]);
-  return a;
+var ae = function(e, t) {
+  var n = {};
+  for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, a = Object.getOwnPropertySymbols(e); o < a.length; o++)
+    t.indexOf(a[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[o]) && (n[a[o]] = e[a[o]]);
+  return n;
 };
 function Ke(e) {
   return typeof e == "object" && !!(e != null && e.icon);
 }
 const Fe = /* @__PURE__ */ i.forwardRef((e, t) => {
-  const a = je(), {
-    prefixCls: n,
-    className: r,
+  const n = Ie(), {
+    prefixCls: a,
+    className: o,
     rootClassName: s,
-    block: p,
-    options: b = [],
-    size: v = "middle",
-    style: x,
-    vertical: u,
-    name: H = a
-  } = e, P = ne(e, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "name"]), {
-    getPrefixCls: R,
-    direction: f,
-    segmented: h
-  } = i.useContext(Me), m = R("segmented", n), [D, M, o] = Te(m), N = Ie(v), _ = i.useMemo(() => b.map(($) => {
+    block: S,
+    options: h = [],
+    size: b = "middle",
+    style: w,
+    vertical: d,
+    shape: N = "default",
+    name: H = n
+  } = e, R = ae(e, ["prefixCls", "className", "rootClassName", "block", "options", "size", "style", "vertical", "shape", "name"]), {
+    getPrefixCls: v,
+    direction: O,
+    className: M,
+    style: P
+  } = Me("segmented"), m = v("segmented", a), [r, I, T] = Te(m), g = je(b), l = i.useMemo(() => h.map(($) => {
     if (Ke($)) {
       const {
-        icon: y,
-        label: I
-      } = $, T = ne($, ["icon", "label"]);
-      return Object.assign(Object.assign({}, T), {
+        icon: K,
+        label: V
+      } = $, F = ae($, ["icon", "label"]);
+      return Object.assign(Object.assign({}, F), {
         label: /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("span", {
           className: `${m}-item-icon`
-        }, y), I && /* @__PURE__ */ i.createElement("span", null, I))
+        }, K), V && /* @__PURE__ */ i.createElement("span", null, V))
       });
     }
     return $;
-  }), [b, m]), S = K(r, s, h == null ? void 0 : h.className, {
-    [`${m}-block`]: p,
-    [`${m}-sm`]: N === "small",
-    [`${m}-lg`]: N === "large",
-    [`${m}-vertical`]: u
-  }, M, o), l = Object.assign(Object.assign({}, h == null ? void 0 : h.style), x);
-  return D(/* @__PURE__ */ i.createElement(Ae, Object.assign({}, P, {
+  }), [h, m]), D = L(o, s, M, {
+    [`${m}-block`]: S,
+    [`${m}-sm`]: g === "small",
+    [`${m}-lg`]: g === "large",
+    [`${m}-vertical`]: d,
+    [`${m}-shape-${N}`]: N === "round"
+  }, I, T), p = Object.assign(Object.assign({}, P), w);
+  return r(/* @__PURE__ */ i.createElement(Ae, Object.assign({}, R, {
     name: H,
-    className: S,
-    style: l,
-    options: _,
+    className: D,
+    style: p,
+    options: l,
     ref: t,
     prefixCls: m,
-    direction: f,
-    vertical: u
+    direction: O,
+    vertical: d
   })));
-}), oe = Fe;
-process.env.NODE_ENV !== "production" && (oe.displayName = "Segmented");
-const Le = ({ colors: e, borderRadius: t, sizing: a }, n = "primary", r = "active") => `
+}), re = Fe;
+process.env.NODE_ENV !== "production" && (re.displayName = "Segmented");
+const Le = ({ colors: e, borderRadius: t, sizing: n }, a = "primary", o = "active") => `
   &.ant-segmented {
     border-radius: ${t.BorderRadiusMd};
     color: ${e.onsurface.copy};
     
     .ant-segmented-item {
-      color: ${e[n].text};
+      color: ${e[a].text};
       transition: all 0.3s;
       
       &-selected {
-        background: ${e[n][r]};
-        color: ${e[n].textContrast};
+        background: ${e[a][o]};
+        color: ${e[a].textContrast};
       }
       
       &:hover {
-        color: ${e[n].hover};
+        color: ${e[a].hover};
       }
     }
   }
-`, Qe = be(
-  oe
+`, Ze = ge(
+  re
 )`
-  ${({ theme: e, type: t = "primary", state: a = "active" }) => Le(e, t, a)}
+  ${({ theme: e, type: t = "primary", state: n = "active" }) => Le(e, t, n)}
 `;
 export {
-  Qe as SegmentedControls,
+  Ze as SegmentedControls,
   Le as getGenesisClass
 };

package/dist/components/Select/Select.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { TYPE, STATE } from '../../constants';
 import { SelectProps as AntSelectProps } from 'antd';
-
 export interface SelectProps extends Omit<AntSelectProps, "options"> {
     type?: keyof typeof TYPE;
     state?: keyof typeof STATE;