@gobolt/genesis 0.0.10 → 0.0.11

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-CKu7-AfI.js";
 import "../providers/GenesisProvider.js";
-import "../providers/ThemeProvider.js";
-import "../Typography-aGoDUl4R.js";
+import "../providers/BreakpointThemeProvider.js";
+import "../Typography-DqI7RslA.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-DGvPoJP_.js

@@ -0,0 +1,11 @@
+import { i as o } from "./index-ByspLxrB.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-CAMzKscx.js

@@ -0,0 +1,22 @@
+import * as o from "react";
+import { useRef as c } from "react";
+import { f as a } from "./index-ByspLxrB.js";
+import { u as f } from "./responsiveObserver-O1kw80RG.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-C-MlZC6a.js

@@ -0,0 +1,11 @@
+import { c as o } from "./index-ByspLxrB.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/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-DWRfeMSS.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+import { L as r, l as s } from "./index-ByspLxrB.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-BoELfaU9.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-ByspLxrB.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-CPo2bUE3.js

@@ -0,0 +1,9 @@
+import r from "react";
+import { S as t } from "./index-ByspLxrB.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-Cin23jEC.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-Cx7GtZpz.js";
+import { C as m, V } from "./index-ByspLxrB.js";
 function p(n, e, a) {
   return f({
     [`${n}-status-success`]: e === "success",

package/dist/useZIndex-D81lkWy4.js

@@ -0,0 +1,44 @@
+import d from "react";
+import { c as I, e as N } from "./index-ByspLxrB.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;

package/dist/utils/icon-util.js

@@ -0,0 +1,95 @@
+import { jsx as t } from "react/jsx-runtime";
+import { STATE as r } from "../constants/index.js";
+import { G as o } from "../iconBase-LROS5hdG.js";
+import { a as m } from "../index-BRUI9igj.js";
+import { R as v, a as C, b as p, c as g } from "../MinusCircleOutlined-Shz0RRQV.js";
+import { d as l } from "../presets-Djh_L_6R.js";
+import * as n from "react";
+import { I as i } from "../AntdIcon-nCNB0J1E.js";
+import { R as z } from "../CloseCircleFilled-B9e7yFwo.js";
+import { R as h } from "../ExclamationCircleFilled-BHELVsTg.js";
+var S = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { tag: "path", attrs: { d: "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z" } }] }, name: "clock-circle", theme: "outlined" }, R = function(e, a) {
+  return /* @__PURE__ */ n.createElement(i, l({}, e, {
+    ref: a,
+    icon: S
+  }));
+}, f = /* @__PURE__ */ n.forwardRef(R);
+process.env.NODE_ENV !== "production" && (f.displayName = "ClockCircleOutlined");
+var w = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm176.5 585.7l-28.6 39a7.99 7.99 0 01-11.2 1.7L483.3 569.8a7.92 7.92 0 01-3.3-6.5V288c0-4.4 3.6-8 8-8h48.1c4.4 0 8 3.6 8 8v247.5l142.6 103.1c3.6 2.5 4.4 7.5 1.8 11.1z" } }] }, name: "clock-circle", theme: "filled" }, y = function(e, a) {
+  return /* @__PURE__ */ n.createElement(i, l({}, e, {
+    ref: a,
+    icon: w
+  }));
+}, u = /* @__PURE__ */ n.forwardRef(y);
+process.env.NODE_ENV !== "production" && (u.displayName = "ClockCircleFilled");
+var I = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h368c4.4 0 8 3.6 8 8v48z" } }] }, name: "minus-circle", theme: "filled" }, k = function(e, a) {
+  return /* @__PURE__ */ n.createElement(i, l({}, e, {
+    ref: a,
+    icon: I
+  }));
+}, d = /* @__PURE__ */ n.forwardRef(k);
+process.env.NODE_ENV !== "production" && (d.displayName = "MinusCircleFilled");
+function F(s) {
+  return o({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" }, child: [] }] })(s);
+}
+function M(s) {
+  return o({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" }, child: [] }] })(s);
+}
+const c = 14, _ = (s, e) => {
+  switch (s) {
+    case r.error:
+      return e.colors.status.error.onsurface;
+    case r.success:
+      return e.colors.status.success.onsurface;
+    case r.warning:
+      return e.colors.status.warning.default;
+    case r.removed:
+      return e.colors.status.generic.default;
+    case r.progress:
+      return e.colors.timebox.evening.default;
+    case r.info:
+    default:
+      return e.colors.status.info.onsurface;
+  }
+}, D = (s, e, a = !0) => {
+  if (!a)
+    switch (s) {
+      case r.warning:
+        return /* @__PURE__ */ t(
+          g,
+          {
+            style: { color: e, fontSize: c }
+          }
+        );
+      case r.error:
+        return /* @__PURE__ */ t(p, { style: { color: e, fontSize: c } });
+      case r.success:
+        return /* @__PURE__ */ t(m, { style: { color: e, fontSize: c } });
+      case r.progress:
+        return /* @__PURE__ */ t(f, { style: { color: e, fontSize: c } });
+      case r.removed:
+        return /* @__PURE__ */ t(C, { style: { color: e, fontSize: c } });
+      case r.info:
+      default:
+        return /* @__PURE__ */ t(v, { style: { color: e, fontSize: c } });
+    }
+  switch (s) {
+    case r.warning:
+      return /* @__PURE__ */ t(h, { style: { color: e, fontSize: c } });
+    case r.error:
+      return /* @__PURE__ */ t(z, { style: { color: e, fontSize: c } });
+    case r.success:
+      return /* @__PURE__ */ t(F, { style: { color: e, fontSize: c } });
+    case r.progress:
+      return /* @__PURE__ */ t(u, { style: { color: e, fontSize: c } });
+    case r.removed:
+      return /* @__PURE__ */ t(d, { style: { color: e, fontSize: c } });
+    case r.info:
+    default:
+      return /* @__PURE__ */ t(M, { style: { color: e, fontSize: c + 8 } });
+  }
+};
+export {
+  D as getBadgeStateIcon,
+  _ as getIconColor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -44,10 +44,13 @@
     "@fontsource/roboto-mono": "^5.1.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
+    "@storybook/addon-a11y": "^8.5.0",
+    "@storybook/addon-docs": "^8.5.0",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-links": "^8.5.0",
     "@storybook/addon-mdx-gfm": "^8.5.0",
+    "@storybook/addon-styling": "^1.3.7",
     "@storybook/blocks": "^8.5.0",
     "@storybook/manager-api": "^8.5.2",
     "@storybook/react": "^8.5.0",
@@ -55,6 +58,10 @@
     "@storybook/test": "^8.5.0",
     "@storybook/test-runner": "^0.19.1",
     "@storybook/theming": "^8.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.6.0",
     "@types/jest": "^29.5.11",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
@@ -62,6 +69,7 @@
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/browser": "^2.0.2",
+    "chalk": "^5.4.1",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
@@ -71,36 +79,34 @@
     "jsdom": "^23.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.1",
     "storybook": "8.5.0",
     "tsx": "^4.19.2",
     "typescript": "^5.2.2",
     "vite": "^5.0.0",
+    "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-dts": "^3.6.4",
     "vite-plugin-lib-inject-css": "^1.3.0",
-    "vitest": "^2.1.8",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-docs": "^8.5.0",
-    "@storybook/addon-styling": "^1.3.7",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.6.0",
-    "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "rollup-plugin-css-only": "^4.5.2",
-    "chalk": "^5.4.1"
+    "vitest": "^2.1.8"
   },
   "dependencies": {
-    "@secondcloset/types": "^3.4.6",
     "@ant-design/icons": "^5.5.2",
     "@mdx-js/react": "^3.0.1",
+    "@secondcloset/types": "^3.4.6",
     "antd": "^5.23.1",
+    "clsx": "^1.2.1",
     "date-fns": "^3.6.0",
+    "msw": "^2.7.1",
+    "msw-storybook-addon": "^2.0.4",
     "react-error-boundary": "^4.0.11",
+    "react-icons": "^5.5.0",
+    "react-router-dom": "^7.2.0",
     "react-toastify": "^11.0.3",
+    "recharts": "^2.15.1",
     "styled-components": "^6.1.14",
-    "typescript": "^5.2.2",
-    "clsx": "^1.1.0"
+    "typescript": "^5.2.2"
   },
   "sideEffects": [
     "**/*.css"
@@ -125,5 +131,10 @@
   "bugs": {
     "url": "https://github.com/SecondCloset/genesis/issues"
   },
-  "homepage": "https://github.com/SecondCloset/genesis#readme"
+  "homepage": "https://github.com/SecondCloset/genesis#readme",
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
 }