@gobolt/genesis 0.0.10 → 0.1.0

package/dist/test/setup.d.ts

@@ -1,5 +1,4 @@
 import { RenderResult } from '@testing-library/react';
-import { ReactElement } from 'react';
 
-declare const customRender: (ui: ReactElement) => RenderResult;
-export { customRender };
+export declare const customRender: (ui: React.ReactElement) => RenderResult;
+export * from '@testing-library/react';

package/dist/test/setup.js

@@ -1,8 +1,91 @@
 import "react/jsx-runtime";
-import { a as e } from "../setup-BvfREoHl.js";
+import { j as i, q as B, c as u, k as o, t as n, a as T, u as d, x as g, y as A, z as x, A as f, B as q, C as p, D as m, E as c, F as b, G as R, H as h, I as D, J as E, K as Q, L as I, f as w, M as F, N as L, O as P, P as V, Q as k, R as S, S as v, T as M, U as z, V as H, W as N, X as O, Y as W, Z as j, _ as C, $ as G, m as J, a0 as K, a1 as U, a2 as X, a3 as Y, a4 as Z, a5 as _, a6 as $, a7 as ee, a8 as ae, a9 as le, aa as se, ab as te, ac as ye, ad as re, o as ie, ae as Be, af as ue, ag as oe, ah as ne, ai as Te, aj as de, ak as ge, al as Ae, am as xe, an as fe, ao as qe, ap as pe, aq as me, ar as ce, as as be, at as Re, au as he, av as De, aw as Ee, ax as Qe, r as Ie, n as we, s as Fe, w as Le, ay as Pe, a4 as Ve, az as ke, aA as Se } from "../setup-CUbCc8fQ.js";
 import "../providers/GenesisProvider.js";
-import "../providers/ThemeProvider.js";
-import "../Typography-aGoDUl4R.js";
+import "../providers/BreakpointThemeProvider.js";
+import "../Typography-CoZ5qD-t.js";
+import "../setup.types-dBtAXXGp.js";
 export {
-  e as customRender
+  i as act,
+  B as buildQueries,
+  u as cleanup,
+  o as configure,
+  n as createEvent,
+  T as customRender,
+  d as findAllByAltText,
+  g as findAllByDisplayValue,
+  A as findAllByLabelText,
+  x as findAllByPlaceholderText,
+  f as findAllByRole,
+  q as findAllByTestId,
+  p as findAllByText,
+  m as findAllByTitle,
+  c as findByAltText,
+  b as findByDisplayValue,
+  R as findByLabelText,
+  h as findByPlaceholderText,
+  D as findByRole,
+  E as findByTestId,
+  Q as findByText,
+  I as findByTitle,
+  w as fireEvent,
+  F as getAllByAltText,
+  L as getAllByDisplayValue,
+  P as getAllByLabelText,
+  V as getAllByPlaceholderText,
+  k as getAllByRole,
+  S as getAllByTestId,
+  v as getAllByText,
+  M as getAllByTitle,
+  z as getByAltText,
+  H as getByDisplayValue,
+  N as getByLabelText,
+  O as getByPlaceholderText,
+  W as getByRole,
+  j as getByTestId,
+  C as getByText,
+  G as getByTitle,
+  J as getConfig,
+  K as getDefaultNormalizer,
+  U as getElementError,
+  X as getMultipleElementsFoundError,
+  Y as getNodeText,
+  Z as getQueriesForElement,
+  _ as getRoles,
+  $ as getSuggestedQuery,
+  ee as isInaccessible,
+  ae as logDOM,
+  le as logRoles,
+  se as makeFindQuery,
+  te as makeGetAllQuery,
+  ye as makeSingleQuery,
+  re as prettyDOM,
+  ie as prettyFormat,
+  Be as queries,
+  ue as queryAllByAltText,
+  oe as queryAllByAttribute,
+  ne as queryAllByDisplayValue,
+  Te as queryAllByLabelText,
+  de as queryAllByPlaceholderText,
+  ge as queryAllByRole,
+  Ae as queryAllByTestId,
+  xe as queryAllByText,
+  fe as queryAllByTitle,
+  qe as queryByAltText,
+  pe as queryByAttribute,
+  me as queryByDisplayValue,
+  ce as queryByLabelText,
+  be as queryByPlaceholderText,
+  Re as queryByRole,
+  he as queryByTestId,
+  De as queryByText,
+  Ee as queryByTitle,
+  Qe as queryHelpers,
+  Ie as render,
+  we as renderHook,
+  Fe as screen,
+  Le as waitFor,
+  Pe as waitForElementToBeRemoved,
+  Ve as within,
+  ke as wrapAllByQueryWithSuggestion,
+  Se as wrapSingleQueryWithSuggestion
 };

package/dist/test/setup.types.d.ts

@@ -0,0 +1,7 @@
+
+declare global {
+    namespace Vi {
+        interface JestAssertion<T = any> extends jest.Matchers<void, T>, jest.Matchers<void, T>, jest.JestMatchers<T> {
+        }
+    }
+}

package/dist/test/setup.types.js

@@ -0,0 +1 @@
+import "../setup.types-dBtAXXGp.js";

package/dist/toArray-U3Az44CO.js

@@ -0,0 +1,11 @@
+import { i as o } from "./index-BbTV2Cw5.js";
+import s from "react";
+function t(a) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = [];
+  return s.Children.forEach(a, function(r) {
+    r == null && !n.keepEmpty || (Array.isArray(r) ? e = e.concat(t(r)) : o(r) && r.props ? e = e.concat(t(r.props.children, n)) : e.push(r));
+  }), e;
+}
+export {
+  t
+};

package/dist/useBreakpoint-TkMv121M.js

@@ -0,0 +1,22 @@
+import * as o from "react";
+import { useRef as c } from "react";
+import { h as a } from "./index-BbTV2Cw5.js";
+import { u as f } from "./responsiveObserver-dCkpy7Cb.js";
+function i() {
+  const [, r] = o.useReducer((e) => e + 1, 0);
+  return r;
+}
+function d() {
+  let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
+  const e = c({}), t = i(), s = f();
+  return a(() => {
+    const n = s.subscribe((u) => {
+      e.current = u, r && t();
+    });
+    return () => s.unsubscribe(n);
+  }, []), e.current;
+}
+export {
+  i as a,
+  d as u
+};

package/dist/useCSSVarCls-Dau77fzS.js

@@ -0,0 +1,11 @@
+import { c as o } from "./index-BbTV2Cw5.js";
+import "react";
+import "./presets-Djh_L_6R.js";
+import "./index-DLdU7Tpd.js";
+const m = (r) => {
+  const [, , , , s] = o();
+  return s ? `${r}-css-var` : "";
+};
+export {
+  m as u
+};

package/dist/useIcons-Ck4JP1m9.js

@@ -0,0 +1,321 @@
+import { m as $, r as E, f as c, g as y } from "./index-BbTV2Cw5.js";
+import * as a from "react";
+import "./presets-Djh_L_6R.js";
+import "./index-DLdU7Tpd.js";
+import { R as C } from "./CheckOutlined-cEBrx_Ag.js";
+import { R as z } from "./CloseCircleFilled-B9e7yFwo.js";
+import { R as N } from "./CloseOutlined-ogxnm7Oy.js";
+import { R as M } from "./DownOutlined-Dcq69ZKM.js";
+import { R as P } from "./LoadingOutlined-C1qu6ymP.js";
+import { R as D } from "./SearchOutlined-DNj-7b_h.js";
+const q = (e) => {
+  const {
+    multipleSelectItemHeight: l,
+    paddingXXS: i,
+    lineWidth: t,
+    INTERNAL_FIXED_ITEM_MARGIN: n
+  } = e, r = e.max(e.calc(i).sub(t).equal(), 0), s = e.max(e.calc(r).sub(n).equal(), 0);
+  return {
+    basePadding: r,
+    containerPadding: s,
+    itemHeight: c(l),
+    itemLineHeight: c(e.calc(l).sub(e.calc(e.lineWidth).mul(2)).equal())
+  };
+}, W = (e) => {
+  const {
+    multipleSelectItemHeight: l,
+    selectHeight: i,
+    lineWidth: t
+  } = e;
+  return e.calc(i).sub(l).div(2).sub(t).equal();
+}, B = (e) => {
+  const {
+    componentCls: l,
+    iconCls: i,
+    borderRadiusSM: t,
+    motionDurationSlow: n,
+    paddingXS: r,
+    multipleItemColorDisabled: s,
+    multipleItemBorderColorDisabled: d,
+    colorIcon: o,
+    colorIconHover: I,
+    INTERNAL_FIXED_ITEM_MARGIN: u
+  } = e;
+  return {
+    /**
+     * Do not merge `height` & `line-height` under style with `selection` & `search`, since chrome
+     * may update to redesign with its align logic.
+     */
+    // =========================== Overflow ===========================
+    [`${l}-selection-overflow`]: {
+      position: "relative",
+      display: "flex",
+      flex: "auto",
+      flexWrap: "wrap",
+      maxWidth: "100%",
+      "&-item": {
+        flex: "none",
+        alignSelf: "center",
+        maxWidth: "100%",
+        display: "inline-flex"
+      },
+      // ======================== Selections ==========================
+      [`${l}-selection-item`]: {
+        display: "flex",
+        alignSelf: "center",
+        flex: "none",
+        boxSizing: "border-box",
+        maxWidth: "100%",
+        marginBlock: u,
+        borderRadius: t,
+        cursor: "default",
+        transition: `font-size ${n}, line-height ${n}, height ${n}`,
+        marginInlineEnd: e.calc(u).mul(2).equal(),
+        paddingInlineStart: r,
+        paddingInlineEnd: e.calc(r).div(2).equal(),
+        [`${l}-disabled&`]: {
+          color: s,
+          borderColor: d,
+          cursor: "not-allowed"
+        },
+        // It's ok not to do this, but 24px makes bottom narrow in view should adjust
+        "&-content": {
+          display: "inline-block",
+          marginInlineEnd: e.calc(r).div(2).equal(),
+          overflow: "hidden",
+          whiteSpace: "pre",
+          // fix whitespace wrapping. custom tags display all whitespace within.
+          textOverflow: "ellipsis"
+        },
+        "&-remove": Object.assign(Object.assign({}, E()), {
+          display: "inline-flex",
+          alignItems: "center",
+          color: o,
+          fontWeight: "bold",
+          fontSize: 10,
+          lineHeight: "inherit",
+          cursor: "pointer",
+          [`> ${i}`]: {
+            verticalAlign: "-0.2em"
+          },
+          "&:hover": {
+            color: I
+          }
+        })
+      }
+    }
+  };
+}, O = (e, l) => {
+  const {
+    componentCls: i,
+    INTERNAL_FIXED_ITEM_MARGIN: t
+  } = e, n = `${i}-selection-overflow`, r = e.multipleSelectItemHeight, s = W(e), d = l ? `${i}-${l}` : "", o = q(e);
+  return {
+    [`${i}-multiple${d}`]: Object.assign(Object.assign({}, B(e)), {
+      // ========================= Selector =========================
+      [`${i}-selector`]: {
+        display: "flex",
+        alignItems: "center",
+        width: "100%",
+        height: "100%",
+        // Multiple is little different that horizontal is follow the vertical
+        paddingInline: o.basePadding,
+        paddingBlock: o.containerPadding,
+        borderRadius: e.borderRadius,
+        [`${i}-disabled&`]: {
+          background: e.multipleSelectorBgDisabled,
+          cursor: "not-allowed"
+        },
+        "&:after": {
+          display: "inline-block",
+          width: 0,
+          margin: `${c(t)} 0`,
+          lineHeight: c(r),
+          visibility: "hidden",
+          content: '"\\a0"'
+        }
+      },
+      // ======================== Selections ========================
+      [`${i}-selection-item`]: {
+        height: o.itemHeight,
+        lineHeight: c(o.itemLineHeight)
+      },
+      // ========================== Wrap ===========================
+      [`${i}-selection-wrap`]: {
+        alignSelf: "flex-start",
+        "&:after": {
+          lineHeight: c(r),
+          marginBlock: t
+        }
+      },
+      // ========================== Input ==========================
+      [`${i}-prefix`]: {
+        marginInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(o.basePadding).equal()
+      },
+      [`${n}-item + ${n}-item,
+        ${i}-prefix + ${i}-selection-wrap
+      `]: {
+        [`${i}-selection-search`]: {
+          marginInlineStart: 0
+        },
+        [`${i}-selection-placeholder`]: {
+          insetInlineStart: 0
+        }
+      },
+      // https://github.com/ant-design/ant-design/issues/44754
+      // Same as `wrap:after`
+      [`${n}-item-suffix`]: {
+        minHeight: o.itemHeight,
+        marginBlock: t
+      },
+      [`${i}-selection-search`]: {
+        display: "inline-flex",
+        position: "relative",
+        maxWidth: "100%",
+        marginInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(s).equal(),
+        "\n          &-input,\n          &-mirror\n        ": {
+          height: r,
+          fontFamily: e.fontFamily,
+          lineHeight: c(r),
+          transition: `all ${e.motionDurationSlow}`
+        },
+        "&-input": {
+          width: "100%",
+          minWidth: 4.1
+          // fix search cursor missing
+        },
+        "&-mirror": {
+          position: "absolute",
+          top: 0,
+          insetInlineStart: 0,
+          insetInlineEnd: "auto",
+          zIndex: 999,
+          whiteSpace: "pre",
+          // fix whitespace wrapping caused width calculation bug
+          visibility: "hidden"
+        }
+      },
+      // ======================= Placeholder =======================
+      [`${i}-selection-placeholder`]: {
+        position: "absolute",
+        top: "50%",
+        insetInlineStart: e.calc(e.inputPaddingHorizontalBase).sub(o.basePadding).equal(),
+        insetInlineEnd: e.inputPaddingHorizontalBase,
+        transform: "translateY(-50%)",
+        transition: `all ${e.motionDurationSlow}`
+      }
+    })
+  };
+};
+function S(e, l) {
+  const {
+    componentCls: i
+  } = e, t = l ? `${i}-${l}` : "", n = {
+    [`${i}-multiple${t}`]: {
+      fontSize: e.fontSize,
+      // ========================= Selector =========================
+      [`${i}-selector`]: {
+        [`${i}-show-search&`]: {
+          cursor: "text"
+        }
+      },
+      [`
+        &${i}-show-arrow ${i}-selector,
+        &${i}-allow-clear ${i}-selector
+      `]: {
+        paddingInlineEnd: e.calc(e.fontSizeIcon).add(e.controlPaddingHorizontal).equal()
+      }
+    }
+  };
+  return [O(e, l), n];
+}
+const V = (e) => {
+  const {
+    componentCls: l
+  } = e, i = $(e, {
+    selectHeight: e.controlHeightSM,
+    multipleSelectItemHeight: e.multipleItemHeightSM,
+    borderRadius: e.borderRadiusSM,
+    borderRadiusSM: e.borderRadiusXS
+  }), t = $(e, {
+    fontSize: e.fontSizeLG,
+    selectHeight: e.controlHeightLG,
+    multipleSelectItemHeight: e.multipleItemHeightLG,
+    borderRadius: e.borderRadiusLG,
+    borderRadiusSM: e.borderRadius
+  });
+  return [
+    S(e),
+    // ======================== Small ========================
+    S(i, "sm"),
+    // Padding
+    {
+      [`${l}-multiple${l}-sm`]: {
+        [`${l}-selection-placeholder`]: {
+          insetInline: e.calc(e.controlPaddingHorizontalSM).sub(e.lineWidth).equal()
+        },
+        // https://github.com/ant-design/ant-design/issues/29559
+        [`${l}-selection-search`]: {
+          marginInlineStart: 2
+          // Magic Number
+        }
+      }
+    },
+    // ======================== Large ========================
+    S(t, "lg")
+  ];
+};
+function Y(e) {
+  let {
+    suffixIcon: l,
+    clearIcon: i,
+    menuItemSelectedIcon: t,
+    removeIcon: n,
+    loading: r,
+    multiple: s,
+    hasFeedback: d,
+    prefixCls: o,
+    showSuffixIcon: I,
+    feedbackIcon: u,
+    showArrow: b,
+    componentName: x
+  } = e;
+  process.env.NODE_ENV !== "production" && y(x).deprecated(!i, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
+  const R = i ?? /* @__PURE__ */ a.createElement(z, null), g = (m) => l === null && !d && !b ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, I !== !1 && m, d && u);
+  let f = null;
+  if (l !== void 0)
+    f = g(l);
+  else if (r)
+    f = g(/* @__PURE__ */ a.createElement(P, {
+      spin: !0
+    }));
+  else {
+    const m = `${o}-suffix`;
+    f = (w) => {
+      let {
+        open: H,
+        showSearch: v
+      } = w;
+      return g(H && v ? /* @__PURE__ */ a.createElement(D, {
+        className: m
+      }) : /* @__PURE__ */ a.createElement(M, {
+        className: m
+      }));
+    };
+  }
+  let p = null;
+  t !== void 0 ? p = t : s ? p = /* @__PURE__ */ a.createElement(C, null) : p = null;
+  let h = null;
+  return n !== void 0 ? h = n : h = /* @__PURE__ */ a.createElement(N, null), {
+    clearIcon: R,
+    suffixIcon: f,
+    itemIcon: p,
+    removeIcon: h
+  };
+}
+export {
+  B as a,
+  q as b,
+  V as g,
+  Y as u
+};

package/dist/useId-D2tzlufo.js

@@ -0,0 +1,26 @@
+import { _ as d, a as f } from "./presets-Djh_L_6R.js";
+import * as n from "react";
+function I() {
+  var t = d({}, n);
+  return t.useId;
+}
+var u = 0, a = I();
+const v = a ? (
+  // Use React `useId`
+  function(e) {
+    var r = a();
+    return e || (process.env.NODE_ENV === "test" ? "test-id" : r);
+  }
+) : (
+  // Use compatible of `useId`
+  function(e) {
+    var r = n.useState("ssr-id"), s = f(r, 2), c = s[0], i = s[1];
+    return n.useEffect(function() {
+      var o = u;
+      u += 1, i("rc_unique_".concat(o));
+    }, []), e || (process.env.NODE_ENV === "test" ? "test-id" : c);
+  }
+);
+export {
+  v as u
+};

package/dist/useLocale-CTfNpakL.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+import { L as r, l as s } from "./index-BbTV2Cw5.js";
+const f = (o, u) => {
+  const e = t.useContext(r), c = t.useMemo(() => {
+    var n;
+    const l = u || s[o], d = (n = e == null ? void 0 : e[o]) !== null && n !== void 0 ? n : {};
+    return Object.assign(Object.assign({}, typeof l == "function" ? l() : l), d || {});
+  }, [o, u, e]), a = t.useMemo(() => {
+    const n = e == null ? void 0 : e.locale;
+    return e != null && e.exist && !n ? s.locale : n;
+  }, [e]);
+  return [c, a];
+};
+export {
+  f as u
+};

package/dist/useMergedState-D6toxSxh.js

@@ -0,0 +1,23 @@
+import { a as d } from "./presets-Djh_L_6R.js";
+import { u as g, a as S, b as V } from "./index-BbTV2Cw5.js";
+function o(a) {
+  return a !== void 0;
+}
+function F(a, _) {
+  var t = _ || {}, n = t.defaultValue, e = t.value, h = t.onChange, s = t.postState, m = g(function() {
+    return o(e) ? e : o(n) ? typeof n == "function" ? n() : n : typeof a == "function" ? a() : a;
+  }), i = d(m, 2), f = i[0], v = i[1], u = e !== void 0 ? e : f, C = s ? s(u) : u, y = S(h), E = g([u]), l = d(E, 2), p = l[0], M = l[1];
+  V(function() {
+    var r = p[0];
+    f !== r && y(f, r);
+  }, [p]), V(function() {
+    o(e) || v(e);
+  }, [e]);
+  var b = S(function(r, c) {
+    v(r, c), M([u], c);
+  });
+  return [C, b];
+}
+export {
+  F as u
+};

package/dist/useSize-DSq4r6zy.js

@@ -0,0 +1,9 @@
+import r from "react";
+import { S as t } from "./index-BbTV2Cw5.js";
+const u = (e) => {
+  const n = r.useContext(t);
+  return r.useMemo(() => e ? typeof e == "string" ? e ?? n : e instanceof Function ? e(n) : n : n, [e, n]);
+};
+export {
+  u
+};

package/dist/{useVariants-DvhXfgJY.js → useVariants-DrLzUVLU.js}

@@ -1,7 +1,7 @@
-import { c as f } from "./warning-C63HNL9U.js";
+import { e as f } from "./presets-Djh_L_6R.js";
 import * as u from "react";
-import { V as g } from "./context-BMW3aJEf.js";
-import { C as m, V } from "./index-oK7z6jnz.js";
+import { V as g } from "./context-DIFtNa4d.js";
+import { C as m, V } from "./index-BbTV2Cw5.js";
 function p(n, e, a) {
   return f({
     [`${n}-status-success`]: e === "success",

package/dist/useZIndex-DhyHuZTN.js

@@ -0,0 +1,44 @@
+import d from "react";
+import { c as I, g as N } from "./index-BbTV2Cw5.js";
+const a = /* @__PURE__ */ d.createContext(void 0);
+process.env.NODE_ENV !== "production" && (a.displayName = "zIndexContext");
+const e = 100, x = 10, E = e * x, _ = E + e, u = {
+  Modal: e,
+  Drawer: e,
+  Popover: e,
+  Popconfirm: e,
+  Tooltip: e,
+  Tour: e,
+  FloatButton: e
+}, O = {
+  SelectLike: 50,
+  Dropdown: 50,
+  DatePicker: 50,
+  Menu: 50,
+  ImagePreview: 1
+};
+function l(n) {
+  return n in u;
+}
+const F = (n, t) => {
+  const [, i] = I(), s = d.useContext(a), c = l(n);
+  let r;
+  if (t !== void 0)
+    r = [t, t];
+  else {
+    let o = s ?? 0;
+    c ? o += // Use preset token zIndex by default but not stack when has parent container
+    (s ? 0 : i.zIndexPopupBase) + // Container offset
+    u[n] : o += O[n], r = [s === void 0 ? t : o, o];
+  }
+  if (process.env.NODE_ENV !== "production") {
+    const o = N(n), f = i.zIndexPopupBase + _, p = r[0] || 0;
+    process.env.NODE_ENV !== "production" && o(t !== void 0 || p <= f, "usage", "`zIndex` is over design token `zIndexPopupBase` too much. It may cause unexpected override.");
+  }
+  return r;
+};
+export {
+  E as C,
+  F as u,
+  a as z
+};

package/dist/utils/icon-util.d.ts

@@ -0,0 +1,2 @@
+export declare const getIconColor: (state: any, theme: any) => any;
+export declare const getBadgeStateIcon: (state: any, color: any, isFilled?: boolean) => import("react/jsx-runtime").JSX.Element;