@gobolt/genesis 0.0.11 → 0.1.0

package/dist/{dropdown-zGGFIyJ_.js → dropdown-Dp_PTQ2u.js}

@@ -2,21 +2,22 @@ import * as l from "react";
 import { useContext as he, useState as ve, useEffect as ce, useRef as Ne, createContext as qe, forwardRef as Te, useImperativeHandle as Fe } from "react";
 import { d as pe, e as P, F as Ce } from "./presets-Djh_L_6R.js";
 import { I as fe } from "./AntdIcon-nCNB0J1E.js";
-import { a as Ge, M as Ye, u as Ue, S as Ze, E as Ke, R as Je, b as Qe, D as et } from "./EllipsisOutlined-CJ2pgE2d.js";
-import { g as oe, j as p, C as re, O as tt, z as nt, y as ot, q as rt, t as it, m as me, s as Ie, r as He, M as lt, e as Pe, a as De, k as Se, c as at } from "./index-ByspLxrB.js";
-import { u as st } from "./useMergedState-BoELfaU9.js";
+import { a as Ge, M as Ye, u as Ue, S as Ze, E as Ke, R as Je, b as Qe, D as et } from "./EllipsisOutlined-DGMph0Bj.js";
+import { j as oe, f as p, C as re, O as tt, B as nt, A as ot, w as rt, v as it, m as me, n as Ie, k as He, r as lt, g as Pe, a as De, p as Se, c as at } from "./index-BbTV2Cw5.js";
+import { u as st } from "./useMergedState-D6toxSxh.js";
 import { o as Z } from "./omit-B_u6A-HL.js";
-import { u as Me, z as dt } from "./useZIndex-D81lkWy4.js";
-import { T as ct, i as je, g as ut, b as mt, a as gt, c as pt } from "./index-CqqwGTME.js";
-import { i as xe, g as ft } from "./DownOutlined-5-15jS0h.js";
+import { u as je, z as dt } from "./useZIndex-DhyHuZTN.js";
+import { T as ct, i as Me, g as ut, a as mt, b as gt } from "./index-DWjq9XYj.js";
+import { i as xe, g as pt } from "./DownOutlined-Dcq69ZKM.js";
 import { c as ie } from "./reactNode-sKPeiqPL.js";
-import { u as Re } from "./useCSSVarCls-C-MlZC6a.js";
+import { u as Re } from "./useCSSVarCls-Dau77fzS.js";
 import "./index-DLdU7Tpd.js";
-import { b as $t } from "./index-DWUXwgXK.js";
-import { t as bt } from "./toArray-DGvPoJP_.js";
-import { C as ht } from "./ContextIsolator-CwuJooYf.js";
-import { g as vt } from "./collapse-Dtpt-6W_.js";
-import { i as Q, s as Ct, a as It, b as St, c as xt } from "./Overflow-DdNKJLQh.js";
+import { i as ft } from "./motion-CUN72xsH.js";
+import { t as $t } from "./toArray-U3Az44CO.js";
+import { C as bt } from "./ContextIsolator-BmfhJgG0.js";
+import { g as ht } from "./collapse-Dtpt-6W_.js";
+import { i as Q, s as vt, a as Ct, b as It, c as St } from "./Overflow-DWf4XIal.js";
+import { g as xt } from "./roundedArrow-DI_Q-xdU.js";
 var wt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, yt = function(n, e) {
   return /* @__PURE__ */ l.createElement(fe, pe({}, n, {
     ref: e,
@@ -147,7 +148,7 @@ const Tt = /* @__PURE__ */ l.createContext({
     lightTriggerBg: s,
     lightTriggerColor: o
   };
-}, _e = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]], Sn = oe("Layout", (t) => [Ht(t)], Le, {
+}, _e = [["colorBgBody", "bodyBg"], ["colorBgHeader", "headerBg"], ["colorBgTrigger", "triggerBg"]], xn = oe("Layout", (t) => [Ht(t)], Le, {
   deprecatedTokens: _e
 }), Pt = (t) => {
   const {
@@ -260,7 +261,7 @@ const Tt = /* @__PURE__ */ l.createContext({
 }, Dt = oe(["Layout", "Sider"], (t) => [Pt(t)], Le, {
   deprecatedTokens: _e
 });
-var Mt = function(t, n) {
+var jt = function(t, n) {
   var e = {};
   for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
@@ -274,7 +275,7 @@ const we = {
   lg: "991.98px",
   xl: "1199.98px",
   xxl: "1599.98px"
-}, jt = (t) => !Number.isNaN(Number.parseFloat(t)) && isFinite(t), $e = /* @__PURE__ */ l.createContext({}), Rt = /* @__PURE__ */ (() => {
+}, Mt = (t) => !Number.isNaN(Number.parseFloat(t)) && isFinite(t), $e = /* @__PURE__ */ l.createContext({}), Rt = /* @__PURE__ */ (() => {
   let t = 0;
   return function() {
     let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
@@ -297,7 +298,7 @@ const we = {
     breakpoint: c,
     onCollapse: g,
     onBreakpoint: h
-  } = t, x = Mt(t, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
+  } = t, x = jt(t, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: B
   } = he(Tt), [y, v] = ve("collapsed" in t ? t.collapsed : i), [O, N] = ve(!1);
   ce(() => {
@@ -308,7 +309,7 @@ const we = {
   }, {
     getPrefixCls: T,
     direction: I
-  } = he(re), S = T("layout-sider", e), [H, M, L] = Dt(S), C = Ne(null);
+  } = he(re), S = T("layout-sider", e), [H, j, L] = Dt(S), C = Ne(null);
   C.current = (E) => {
     N(E.matches), h == null || h(E.matches), y !== E.matches && A(E.matches, "responsive");
   }, ce(() => {
@@ -341,10 +342,10 @@ const we = {
     const E = Rt("ant-sider-");
     return B.addSider(E), () => B.removeSider(E);
   }, []);
-  const j = () => {
+  const M = () => {
     A(!y, "clickTrigger");
-  }, W = Z(x, ["collapsed"]), _ = y ? u : b, R = jt(_) ? `${_}px` : String(_), k = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
-    onClick: j,
+  }, W = Z(x, ["collapsed"]), _ = y ? u : b, R = Mt(_) ? `${_}px` : String(_), k = parseFloat(String(u || 0)) === 0 ? /* @__PURE__ */ l.createElement("span", {
+    onClick: M,
     className: P(`${S}-zero-width-trigger`, `${S}-zero-width-trigger-${f ? "right" : "left"}`),
     style: $
   }, o || /* @__PURE__ */ l.createElement(Ae, null)) : null, V = I === "rtl" == !f, X = {
@@ -352,7 +353,7 @@ const we = {
     collapsed: V ? /* @__PURE__ */ l.createElement(ge, null) : /* @__PURE__ */ l.createElement(ee, null)
   }[y ? "collapsed" : "expanded"], q = o !== null ? k || /* @__PURE__ */ l.createElement("div", {
     className: `${S}-trigger`,
-    onClick: j,
+    onClick: M,
     style: {
       width: R
     }
@@ -366,7 +367,7 @@ const we = {
     [`${S}-has-trigger`]: m && o !== null && !k,
     [`${S}-below`]: !!O,
     [`${S}-zero-width`]: parseFloat(R) === 0
-  }, r, M, L), ae = l.useMemo(() => ({
+  }, r, j, L), ae = l.useMemo(() => ({
     siderCollapsed: y
   }), [y]);
   return H(/* @__PURE__ */ l.createElement($e.Provider, {
@@ -439,7 +440,7 @@ const ke = (t) => {
     title: g
   };
   !c && !u && (h.title = null, h.open = !1);
-  const x = bt(r).length;
+  const x = $t(r).length;
   let B = /* @__PURE__ */ l.createElement(Ye, Object.assign({}, Z(t, ["title", "icon", "danger"]), {
     className: P({
       [`${s}-item-danger`]: i,
@@ -477,7 +478,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   ]), i = tt(e), d = nt(n, i ? ot(e) : null);
   return /* @__PURE__ */ l.createElement(ne.Provider, {
     value: a
-  }, /* @__PURE__ */ l.createElement(ht, {
+  }, /* @__PURE__ */ l.createElement(bt, {
     space: !0
   }, i ? /* @__PURE__ */ l.cloneElement(e, {
     ref: d
@@ -582,11 +583,11 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     dangerItemSelectedBg: S,
     // Bg
     popupBg: H,
-    itemHoverBg: M,
+    itemHoverBg: j,
     itemActiveBg: L,
     menuSubMenuBg: C,
     // Horizontal
-    horizontalItemSelectedColor: j,
+    horizontalItemSelectedColor: M,
     horizontalItemSelectedBg: W,
     horizontalItemBorderRadius: _,
     horizontalItemHoverBg: R
@@ -622,7 +623,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       [`&:not(${e}-horizontal)`]: {
         [`${e}-item:not(${e}-item-selected)`]: {
           "&:hover": {
-            backgroundColor: M
+            backgroundColor: j
           },
           "&:active": {
             backgroundColor: L
@@ -630,7 +631,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
         },
         [`${e}-submenu-title`]: {
           "&:hover": {
-            backgroundColor: M
+            backgroundColor: j
           },
           "&:active": {
             backgroundColor: L
@@ -704,18 +705,18 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
             background: R,
             "&::after": {
               borderBottomWidth: f,
-              borderBottomColor: j
+              borderBottomColor: M
             }
           },
           "&-selected": {
-            color: j,
+            color: M,
             backgroundColor: W,
             "&:hover": {
               backgroundColor: W
             },
             "&::after": {
               borderBottomWidth: f,
-              borderBottomColor: j
+              borderBottomColor: M
             }
           }
         }
@@ -1282,7 +1283,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     fontSizeLG: T,
     colorTextLightSolid: I,
     colorErrorHover: S
-  } = t, H = (n = t.activeBarWidth) !== null && n !== void 0 ? n : 0, M = (e = t.activeBarBorderWidth) !== null && e !== void 0 ? e : $, L = (r = t.itemMarginInline) !== null && r !== void 0 ? r : t.marginXXS, C = new Ce(I).setA(0.65).toRgbString();
+  } = t, H = (n = t.activeBarWidth) !== null && n !== void 0 ? n : 0, j = (e = t.activeBarBorderWidth) !== null && e !== void 0 ? e : $, L = (r = t.itemMarginInline) !== null && r !== void 0 ? r : t.marginXXS, C = new Ce(I).setA(0.65).toRgbString();
   return {
     dropdownWidth: 160,
     zIndexPopup: t.zIndexPopupBase + 50,
@@ -1320,7 +1321,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     colorActiveBarHeight: c,
     activeBarHeight: c,
     colorActiveBarBorderSize: $,
-    activeBarBorderWidth: M,
+    activeBarBorderWidth: j,
     // Disabled
     colorItemTextDisabled: i,
     itemDisabledColor: i,
@@ -1367,7 +1368,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
     darkDangerItemSelectedColor: I,
     darkDangerItemActiveBg: a,
     // internal
-    itemWidth: H ? `calc(100% + ${M}px)` : `calc(100% - ${L * 2}px)`
+    itemWidth: H ? `calc(100% + ${j}px)` : `calc(100% - ${L * 2}px)`
   };
 }, Gt = function(t) {
   let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !0;
@@ -1440,10 +1441,10 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
       // RTL
       Vt(I),
       // Motion
-      vt(I),
+      ht(I),
       Q(I, "slide-up"),
       Q(I, "slide-down"),
-      je(I, "zoom-big")
+      Me(I, "zoom-big")
     ];
   }, Ft, {
     deprecatedTokens: [["colorGroupTitle", "groupTitleColor"], ["radiusItem", "itemBorderRadius"], ["radiusSubMenuItem", "subMenuItemBorderRadius"], ["colorItemText", "itemColor"], ["colorItemTextHover", "itemHoverColor"], ["colorItemTextHoverHorizontal", "horizontalItemHoverColor"], ["colorItemTextSelected", "itemSelectedColor"], ["colorItemTextSelectedHorizontal", "horizontalItemSelectedColor"], ["colorItemTextDisabled", "itemDisabledColor"], ["colorDangerItemText", "dangerItemColor"], ["colorDangerItemTextHover", "dangerItemHoverColor"], ["colorDangerItemTextSelected", "dangerItemSelectedColor"], ["colorDangerItemBgActive", "dangerItemActiveBg"], ["colorDangerItemBgSelected", "dangerItemSelectedBg"], ["colorItemBg", "itemBg"], ["colorItemBgHover", "itemHoverBg"], ["colorSubItemBg", "subMenuItemBg"], ["colorItemBgActive", "itemActiveBg"], ["colorItemBgSelectedHorizontal", "horizontalItemSelectedBg"], ["colorActiveBarWidth", "activeBarWidth"], ["colorActiveBarHeight", "activeBarHeight"], ["colorActiveBarBorderSize", "activeBarBorderWidth"], ["colorItemBgSelected", "itemSelectedBg"]],
@@ -1482,7 +1483,7 @@ const ne = /* @__PURE__ */ l.createContext(null), kt = /* @__PURE__ */ l.forward
   }
   const u = l.useMemo(() => Object.assign(Object.assign({}, i), {
     firstLevel: !1
-  }), [i]), [$] = Me("Menu");
+  }), [i]), [$] = je("Menu");
   return /* @__PURE__ */ l.createElement(te.Provider, {
     value: u
   }, /* @__PURE__ */ l.createElement(Ze, Object.assign({}, Z(t, ["icon"]), {
@@ -1539,15 +1540,15 @@ const Ut = {
   const I = De(function() {
     var z;
     O == null || O.apply(void 0, arguments), (z = o.onClick) === null || z === void 0 || z.call(o);
-  }), S = o.mode || y, H = v ?? o.selectable, M = h ?? x, L = {
+  }), S = o.mode || y, H = v ?? o.selectable, j = h ?? x, L = {
     horizontal: {
       motionName: `${m}-slide-up`
     },
-    inline: $t(m),
+    inline: ft(m),
     other: {
       motionName: `${m}-zoom-big`
     }
-  }, C = a("menu", f || o.prefixCls), j = Re(C), [W, _, R] = Gt(C, j, !r), k = P(`${C}-${$}`, s == null ? void 0 : s.className, b), V = l.useMemo(() => {
+  }, C = a("menu", f || o.prefixCls), M = Re(C), [W, _, R] = Gt(C, M, !r), k = P(`${C}-${$}`, s == null ? void 0 : s.className, b), V = l.useMemo(() => {
     var z, X;
     if (typeof c == "function" || ue(c))
       return c || null;
@@ -1561,13 +1562,13 @@ const Ut = {
     });
   }, [c, o == null ? void 0 : o.expandIcon, s == null ? void 0 : s.expandIcon, C]), K = l.useMemo(() => ({
     prefixCls: C,
-    inlineCollapsed: M || !1,
+    inlineCollapsed: j || !1,
     direction: d,
     firstLevel: !0,
     theme: $,
     mode: S,
     disableMenuItemTitleTooltip: g
-  }), [C, M, d, g, $]);
+  }), [C, j, d, g, $]);
   return W(/* @__PURE__ */ l.createElement(ne.Provider, {
     value: null
   }, /* @__PURE__ */ l.createElement(te.Provider, {
@@ -1580,7 +1581,7 @@ const Ut = {
     selectable: H,
     onClick: I
   }, T, {
-    inlineCollapsed: M,
+    inlineCollapsed: j,
     style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), u),
     className: k,
     prefixCls: C,
@@ -1588,7 +1589,7 @@ const Ut = {
     defaultMotions: L,
     expandIcon: V,
     ref: n,
-    rootClassName: P(B, _, o.rootClassName, R, j),
+    rootClassName: P(B, _, o.rootClassName, R, M),
     _internalComponents: Ut
   })))));
 }), U = /* @__PURE__ */ Te((t, n) => {
@@ -1704,7 +1705,7 @@ const Kt = (t) => {
           &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottom,
           &${i}-slide-down-enter${i}-slide-down-enter-active${n}-placement-bottomRight,
           &${i}-slide-down-appear${i}-slide-down-appear-active${n}-placement-bottomRight`]: {
-          animationName: Ct
+          animationName: vt
         },
         [`&${i}-slide-up-enter${i}-slide-up-enter-active${n}-placement-topLeft,
           &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-topLeft,
@@ -1712,17 +1713,17 @@ const Kt = (t) => {
           &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-top,
           &${i}-slide-up-enter${i}-slide-up-enter-active${n}-placement-topRight,
           &${i}-slide-up-appear${i}-slide-up-appear-active${n}-placement-topRight`]: {
-          animationName: It
+          animationName: Ct
         },
         [`&${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottomLeft,
           &${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottom,
           &${i}-slide-down-leave${i}-slide-down-leave-active${n}-placement-bottomRight`]: {
-          animationName: St
+          animationName: It
         },
         [`&${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-topLeft,
           &${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-top,
           &${i}-slide-up-leave${i}-slide-up-leave-active${n}-placement-topRight`]: {
-          animationName: xt
+          animationName: St
         }
       }
     },
@@ -1890,7 +1891,7 @@ const Kt = (t) => {
       })
     },
     // Follow code may reuse in other components
-    [Q(t, "slide-up"), Q(t, "slide-down"), xe(t, "move-up"), xe(t, "move-down"), je(t, "zoom-big")]
+    [Q(t, "slide-up"), Q(t, "slide-down"), xe(t, "move-up"), xe(t, "move-down"), Me(t, "zoom-big")]
   ];
 }, Qt = (t) => Object.assign(Object.assign({
   zIndexPopup: t.zIndexPopupBase + 50,
@@ -1898,7 +1899,7 @@ const Kt = (t) => {
 }, mt({
   contentRadius: t.borderRadiusLG,
   limitVerticalRadius: !0
-})), gt(t)), en = oe("Dropdown", (t) => {
+})), xt(t)), en = oe("Dropdown", (t) => {
   const {
     marginXXS: n,
     sizePopupArrow: e,
@@ -1947,7 +1948,7 @@ const Kt = (t) => {
     let [G, Y] = w;
     H.deprecated(!(G in t), G, Y);
   }), H.deprecated(!("overlay" in t), "overlay", "menu"));
-  const M = l.useMemo(() => {
+  const j = l.useMemo(() => {
     const w = T();
     return N !== void 0 ? N : v.includes("top") ? `${w}-slide-down` : `${w}-slide-up`;
   }, [T, v, N]), L = l.useMemo(() => v ? v.includes("Center") ? v.slice(0, v.indexOf("Center")) : v : I === "rtl" ? "bottomRight" : "bottomLeft", [v, I]);
@@ -1961,7 +1962,7 @@ const Kt = (t) => {
       H.deprecated(!(G in t), G, Y);
     });
   }
-  const C = T("dropdown", o), j = Re(C), [W, _, R] = en(C, j), [, k] = at(), V = l.Children.only(Bt(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), K = ie(V, {
+  const C = T("dropdown", o), M = Re(C), [W, _, R] = en(C, M), [, k] = at(), V = l.Children.only(Bt(a) ? /* @__PURE__ */ l.createElement("span", null, a) : a), K = ie(V, {
     className: P(`${C}-trigger`, {
       [`${C}-rtl`]: I === "rtl"
     }, V.props.className),
@@ -1972,9 +1973,9 @@ const Kt = (t) => {
     c == null || c(w, {
       source: "trigger"
     }), h == null || h(w), J(w);
-  }), ae = P(f, b, _, R, j, S == null ? void 0 : S.className, {
+  }), ae = P(f, b, _, R, M, S == null ? void 0 : S.className, {
     [`${C}-rtl`]: I === "rtl"
-  }), E = pt({
+  }), E = gt({
     arrowPointAtCenter: typeof r == "object" && r.pointAtCenter,
     autoAdjustOverflow: y,
     offset: k.marginXXS,
@@ -1988,7 +1989,7 @@ const Kt = (t) => {
     let w;
     return e != null && e.items ? w = /* @__PURE__ */ l.createElement(U, Object.assign({}, e)) : typeof O == "function" ? w = O() : w = O, s && (w = s(w)), w = l.Children.only(typeof w == "string" ? /* @__PURE__ */ l.createElement("span", null, w) : w), /* @__PURE__ */ l.createElement(kt, {
       prefixCls: `${C}-menu`,
-      rootClassName: P(R, j),
+      rootClassName: P(R, M),
       expandIcon: /* @__PURE__ */ l.createElement("span", {
         className: `${C}-menu-submenu-arrow`
       }, /* @__PURE__ */ l.createElement(ee, {
@@ -2004,7 +2005,7 @@ const Kt = (t) => {
         process.env.NODE_ENV !== "production" && H(!Y || Y === "vertical", "usage", `mode="${Y}" is not supported for Dropdown's Menu.`);
       }
     }, w);
-  }, [se, Xe] = Me("Dropdown", u == null ? void 0 : u.zIndex);
+  }, [se, Xe] = je("Dropdown", u == null ? void 0 : u.zIndex);
   let de = /* @__PURE__ */ l.createElement(et, Object.assign({
     alignPoint: X
   }, Z(t, ["rootClassName"]), {
@@ -2016,7 +2017,7 @@ const Kt = (t) => {
     overlayClassName: ae,
     prefixCls: C,
     getPopupContainer: m || A,
-    transitionName: M,
+    transitionName: j,
     trigger: z,
     overlay: F,
     placement: L,
@@ -2028,7 +2029,7 @@ const Kt = (t) => {
   return se && (de = /* @__PURE__ */ l.createElement(dt.Provider, {
     value: Xe
   }, de)), W(de);
-}, tn = ft(be, "align", void 0, "dropdown", (t) => t), nn = (t) => /* @__PURE__ */ l.createElement(tn, Object.assign({}, t), /* @__PURE__ */ l.createElement("span", null));
+}, tn = pt(be, "align", void 0, "dropdown", (t) => t), nn = (t) => /* @__PURE__ */ l.createElement(tn, Object.assign({}, t), /* @__PURE__ */ l.createElement("span", null));
 be._InternalPanelDoNotUseOrYouWillBeFired = nn;
 process.env.NODE_ENV !== "production" && (be.displayName = "Dropdown");
 export {
@@ -2040,5 +2041,5 @@ export {
   At as S,
   $e as a,
   ge as b,
-  Sn as u
+  xn as u
 };

package/dist/genesis/GenesisThemeBreakdown.js

@@ -1,10 +1,10 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
 import "../providers/BreakpointThemeProvider.js";
-import { a as m } from "../Typography-DqI7RslA.js";
-import { n } from "../styled-components.browser.esm-CZ1XM4o4.js";
-import { TYPOGRAPHY_VARIANT as p } from "../constants/index.js";
+import { a as n } from "../Typography-CoZ5qD-t.js";
+import { n as l } from "../styled-components.browser.esm-CZ1XM4o4.js";
+import { TYPOGRAPHY_VARIANT as m } from "../constants/index.js";
 import "../components/Breadcrumb/styles.js";
 import "../components/Button/styles.js";
 import "../components/Card/styles.js";
@@ -16,7 +16,7 @@ import "../components/Layout/Content/styles.js";
 import "../components/Message/styles.js";
 import "../components/Notification/NotificationBadge/styles.js";
 import "../components/Notification/styles.js";
-import "../styles-BSD221S5.js";
+import "../styles-CWdUpZom.js";
 import "../components/Progress/styles.js";
 import "../styles/global-styles.js";
 import "../components/Row/styles.js";
@@ -25,17 +25,22 @@ import "../components/Row/RowActions/styles.js";
 import "../components/SegmentedControls/styles.js";
 import "../components/Select/styles.js";
 import "../components/Switch/styles.js";
-import "../styles-D9iYILpv.js";
+import "../styles-qerRs7Rn.js";
 import "../components/Tabs/styles.js";
 import "../components/Tile/styles.js";
 import "../components/Toast/styles.js";
 import "../components/Tooltip/styles.js";
-const e = ({ name: r, color: i }) => /* @__PURE__ */ t(
+const e = ({ name: i, color: t }) => /* @__PURE__ */ r(
   "div",
   {
-    style: { display: "flex", justifyContent: "space-between", margin: 8 },
+    style: {
+      display: "flex",
+      justifyContent: "flex-start",
+      margin: 8,
+      alignItems: "center"
+    },
     children: [
-      /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ o("p", { style: { fontSize: 14 }, children: r }) }),
+      /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", width: 120 }, children: /* @__PURE__ */ o("p", { style: { fontSize: 14 }, children: i }) }),
       /* @__PURE__ */ o(
         "div",
         {
@@ -43,7 +48,7 @@ const e = ({ name: r, color: i }) => /* @__PURE__ */ t(
             marginLeft: 16,
             width: "40px",
             height: "40px",
-            backgroundColor: i,
+            backgroundColor: t,
             alignItems: "center",
             border: "1px solid #ddd"
           }
@@ -51,52 +56,89 @@ const e = ({ name: r, color: i }) => /* @__PURE__ */ t(
       )
     ]
   }
-), V = () => {
-  const r = n(), i = r.mode.charAt(0).toUpperCase() + r.mode.slice(1);
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t(
-      m,
-      {
-        variant: p.heading1,
-        children: [
-          "Genesis Theme",
-          " "
-        ]
-      }
-    ),
-    /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ t(
-      m,
-      {
-        variant: p.heading2,
-        children: [
-          i,
-          " mode"
-        ]
-      }
-    ) }),
+), M = () => {
+  const i = l(), t = i.mode.charAt(0).toUpperCase() + i.mode.slice(1);
+  return console.log("THEME  ", i), /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ o(
-      e,
+      "div",
       {
-        name: "Primary Color",
-        color: r.colors.primary.active.backgroundColor
+        style: {
+          display: "flex",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px ${i.sizing.Size4}px`,
+          borderBottom: i.allColors.gray[100],
+          borderBottomWidth: 1,
+          borderBottomStyle: "solid",
+          padding: `${i.sizing.Size4}px`
+        },
+        children: /* @__PURE__ */ r(
+          n,
+          {
+            variant: m.heading1,
+            children: [
+              "Genesis Theme",
+              " "
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ o(
-      e,
+      "div",
       {
-        name: "Secondary Color",
-        color: r.colors.secondary.active.backgroundColor
+        style: {
+          display: "flex",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px ${i.sizing.Size4}px`
+        },
+        children: /* @__PURE__ */ r(
+          n,
+          {
+            variant: m.heading3,
+            children: [
+              t,
+              " mode"
+            ]
+          }
+        )
       }
     ),
-    /* @__PURE__ */ o(
-      e,
+    /* @__PURE__ */ r(
+      "div",
       {
-        name: "Tertiary Color",
-        color: r.colors.tertiary.active.backgroundColor
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-start",
+          margin: `${i.sizing.Size8}px 0`
+        },
+        children: [
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Primary Color",
+              color: i.colors.primary.active.backgroundColor
+            }
+          ),
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Secondary Color",
+              color: i.colors.secondary.active.backgroundColor
+            }
+          ),
+          /* @__PURE__ */ o(
+            e,
+            {
+              name: "Tertiary Color",
+              color: i.colors.tertiary.active.backgroundColor
+            }
+          )
+        ]
       }
     )
   ] });
 };
 export {
-  V as default
+  M as default
 };

package/dist/genesis/labs/Lab.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Intro: Story;

package/dist/genesis/styles.js

@@ -1,6 +1,6 @@
 import { d as o } from "../styled-components.browser.esm-CZ1XM4o4.js";
-import { T as r } from "../index-CSPlXIlA.js";
-import { C as t } from "../index-BW_7pvTr.js";
+import { T as r } from "../index-DRGX1Wem.js";
+import { C as t } from "../index-DEu2PVzQ.js";
 const i = o(t)`
   .ant-card-body {
     display: flex;