@gobolt/genesis 0.0.7 → 0.0.9

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
   "repository": "SecondCloset/genesis",
   "type": "module",
   "main": "dist/index.js",
-  "types": "dist/lib/index.d.ts",
+  "types": "dist/components/index.d.ts",
   "files": [
     "dist"
   ],
@@ -24,7 +24,8 @@
     "coverage": "vitest run --coverage",
     "generate": "tsx ./lab/generate/generate-component",
     "generate:story": "tsx ./lab/generate/generate-story",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "type": "tsc --noEmit"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -32,6 +33,8 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.8",
+    "@fontsource/inter": "^5.1.1",
+    "@fontsource/roboto-mono": "^5.1.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
     "@storybook/addon-essentials": "^8.5.0",
@@ -39,10 +42,12 @@
     "@storybook/addon-links": "^8.5.0",
     "@storybook/addon-mdx-gfm": "^8.5.0",
     "@storybook/blocks": "^8.5.0",
+    "@storybook/manager-api": "^8.5.2",
     "@storybook/react": "^8.5.0",
     "@storybook/react-vite": "^8.5.0",
     "@storybook/test": "^8.5.0",
     "@storybook/test-runner": "^0.19.1",
+    "@storybook/theming": "^8.5.2",
     "@types/jest": "^29.5.11",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
@@ -70,7 +75,6 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.2",
-    "@fontsource/inter": "^5.1.1",
     "@mdx-js/react": "^3.0.1",
     "@secondcloset/types": "^3.4.6",
     "@storybook/addon-a11y": "^8.5.0",
@@ -80,9 +84,11 @@
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.6.0",
     "antd": "^5.23.1",
+    "chalk": "^5.4.1",
     "clsx": "^1.1.0",
     "date-fns": "^3.6.0",
     "react-error-boundary": "^4.0.11",
+    "react-toastify": "^11.0.3",
     "rollup-plugin-css-only": "^4.5.2",
     "styled-components": "^6.1.14",
     "vite-plugin-css-injected-by-js": "^3.3.0",

package/dist/Overflow-CP1M4Z0s.js

@@ -1,369 +0,0 @@
-import { _ as S, d as P, c as oe, a as b, B as Ze, e as p, k as et, O as tt } from "./index-BWys7dkb.js";
-import * as r from "react";
-import nt, { useState as se, useMemo as Ce, useCallback as Oe } from "react";
-import { I as rt } from "./AntdIcon-Bsnbyy6g.js";
-import { K as E, i as at } from "./index-VDH3iLaC.js";
-import { R as Ie } from "./index-BQO27mgE.js";
-import { r as it } from "./index-BPtFqhcp.js";
-var st = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, ot = function(i, f) {
-  return /* @__PURE__ */ r.createElement(rt, S({}, i, {
-    ref: f,
-    icon: st
-  }));
-}, ft = /* @__PURE__ */ r.forwardRef(ot);
-process.env.NODE_ENV !== "production" && (ft.displayName = "CloseOutlined");
-const lt = new E("antSlideUpIn", {
-  "0%": {
-    transform: "scaleY(0.8)",
-    transformOrigin: "0% 0%",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scaleY(1)",
-    transformOrigin: "0% 0%",
-    opacity: 1
-  }
-}), ct = new E("antSlideUpOut", {
-  "0%": {
-    transform: "scaleY(1)",
-    transformOrigin: "0% 0%",
-    opacity: 1
-  },
-  "100%": {
-    transform: "scaleY(0.8)",
-    transformOrigin: "0% 0%",
-    opacity: 0
-  }
-}), ut = new E("antSlideDownIn", {
-  "0%": {
-    transform: "scaleY(0.8)",
-    transformOrigin: "100% 100%",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scaleY(1)",
-    transformOrigin: "100% 100%",
-    opacity: 1
-  }
-}), dt = new E("antSlideDownOut", {
-  "0%": {
-    transform: "scaleY(1)",
-    transformOrigin: "100% 100%",
-    opacity: 1
-  },
-  "100%": {
-    transform: "scaleY(0.8)",
-    transformOrigin: "100% 100%",
-    opacity: 0
-  }
-}), mt = new E("antSlideLeftIn", {
-  "0%": {
-    transform: "scaleX(0.8)",
-    transformOrigin: "0% 0%",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scaleX(1)",
-    transformOrigin: "0% 0%",
-    opacity: 1
-  }
-}), vt = new E("antSlideLeftOut", {
-  "0%": {
-    transform: "scaleX(1)",
-    transformOrigin: "0% 0%",
-    opacity: 1
-  },
-  "100%": {
-    transform: "scaleX(0.8)",
-    transformOrigin: "0% 0%",
-    opacity: 0
-  }
-}), yt = new E("antSlideRightIn", {
-  "0%": {
-    transform: "scaleX(0.8)",
-    transformOrigin: "100% 0%",
-    opacity: 0
-  },
-  "100%": {
-    transform: "scaleX(1)",
-    transformOrigin: "100% 0%",
-    opacity: 1
-  }
-}), pt = new E("antSlideRightOut", {
-  "0%": {
-    transform: "scaleX(1)",
-    transformOrigin: "100% 0%",
-    opacity: 1
-  },
-  "100%": {
-    transform: "scaleX(0.8)",
-    transformOrigin: "100% 0%",
-    opacity: 0
-  }
-}), gt = {
-  "slide-up": {
-    inKeyframes: lt,
-    outKeyframes: ct
-  },
-  "slide-down": {
-    inKeyframes: ut,
-    outKeyframes: dt
-  },
-  "slide-left": {
-    inKeyframes: mt,
-    outKeyframes: vt
-  },
-  "slide-right": {
-    inKeyframes: yt,
-    outKeyframes: pt
-  }
-}, $t = (e, i) => {
-  const {
-    antCls: f
-  } = e, s = `${f}-${i}`, {
-    inKeyframes: l,
-    outKeyframes: a
-  } = gt[i];
-  return [at(s, l, a, e.motionDurationMid), {
-    [`
-      ${s}-enter,
-      ${s}-appear
-    `]: {
-      transform: "scale(0)",
-      transformOrigin: "0% 0%",
-      opacity: 0,
-      animationTimingFunction: e.motionEaseOutQuint,
-      "&-prepare": {
-        transform: "scale(1)"
-      }
-    },
-    [`${s}-leave`]: {
-      animationTimingFunction: e.motionEaseInQuint
-    }
-  }];
-};
-var Rt = ["prefixCls", "invalidate", "item", "renderItem", "responsive", "responsiveDisabled", "registerSize", "itemKey", "className", "style", "children", "display", "order", "component"], x = void 0;
-function St(e, i) {
-  var f = e.prefixCls, s = e.invalidate, l = e.item, a = e.renderItem, c = e.responsive, g = e.responsiveDisabled, m = e.registerSize, C = e.itemKey, O = e.className, Q = e.style, H = e.children, q = e.display, u = e.order, W = e.component, L = W === void 0 ? "div" : W, K = P(e, Rt), v = c && !q;
-  function U(R) {
-    m(C, R);
-  }
-  r.useEffect(function() {
-    return function() {
-      U(null);
-    };
-  }, []);
-  var J = a && l !== x ? a(l, {
-    index: u
-  }) : H, I;
-  s || (I = {
-    opacity: v ? 0 : 1,
-    height: v ? 0 : x,
-    overflowY: v ? "hidden" : x,
-    order: c ? u : x,
-    pointerEvents: v ? "none" : x,
-    position: v ? "absolute" : x
-  });
-  var X = {};
-  v && (X["aria-hidden"] = !0);
-  var h = /* @__PURE__ */ r.createElement(L, S({
-    className: oe(!s && f, O),
-    style: b(b({}, I), Q)
-  }, X, K, {
-    ref: i
-  }), J);
-  return c && (h = /* @__PURE__ */ r.createElement(Ie, {
-    onResize: function(Z) {
-      var A = Z.offsetWidth;
-      U(A);
-    },
-    disabled: g
-  }, h)), h;
-}
-var $ = /* @__PURE__ */ r.forwardRef(St);
-$.displayName = "Item";
-function Et(e) {
-  if (typeof MessageChannel > "u")
-    Ze(e);
-  else {
-    var i = new MessageChannel();
-    i.port1.onmessage = function() {
-      return e();
-    }, i.port2.postMessage(void 0);
-  }
-}
-function ht() {
-  var e = r.useRef(null), i = function(s) {
-    e.current || (e.current = [], Et(function() {
-      it.unstable_batchedUpdates(function() {
-        e.current.forEach(function(l) {
-          l();
-        }), e.current = null;
-      });
-    })), e.current.push(s);
-  };
-  return i;
-}
-function M(e, i) {
-  var f = r.useState(i), s = p(f, 2), l = s[0], a = s[1], c = et(function(g) {
-    e(function() {
-      a(g);
-    });
-  });
-  return [l, c];
-}
-var j = /* @__PURE__ */ nt.createContext(null), wt = ["component"], _t = ["className"], Ct = ["className"], Ot = function(i, f) {
-  var s = r.useContext(j);
-  if (!s) {
-    var l = i.component, a = l === void 0 ? "div" : l, c = P(i, wt);
-    return /* @__PURE__ */ r.createElement(a, S({}, c, {
-      ref: f
-    }));
-  }
-  var g = s.className, m = P(s, _t), C = i.className, O = P(i, Ct);
-  return /* @__PURE__ */ r.createElement(j.Provider, {
-    value: null
-  }, /* @__PURE__ */ r.createElement($, S({
-    ref: f,
-    className: oe(g, C)
-  }, m, O)));
-}, Ne = /* @__PURE__ */ r.forwardRef(Ot);
-Ne.displayName = "RawItem";
-var It = ["prefixCls", "data", "renderItem", "renderRawItem", "itemKey", "itemWidth", "ssr", "style", "className", "maxCount", "renderRest", "renderRawRest", "suffix", "component", "itemComponent", "onVisibleChange"], xe = "responsive", be = "invalidate";
-function Nt(e) {
-  return "+ ".concat(e.length, " ...");
-}
-function xt(e, i) {
-  var f = e.prefixCls, s = f === void 0 ? "rc-overflow" : f, l = e.data, a = l === void 0 ? [] : l, c = e.renderItem, g = e.renderRawItem, m = e.itemKey, C = e.itemWidth, O = C === void 0 ? 10 : C, Q = e.ssr, H = e.style, q = e.className, u = e.maxCount, W = e.renderRest, L = e.renderRawRest, K = e.suffix, v = e.component, U = v === void 0 ? "div" : v, J = e.itemComponent, I = e.onVisibleChange, X = P(e, It), h = Q === "full", R = ht(), Z = M(R, null), A = p(Z, 2), Y = A[0], Ke = A[1], w = Y || 0, De = M(R, /* @__PURE__ */ new Map()), fe = p(De, 2), le = fe[0], ze = fe[1], Me = M(R, 0), ce = p(Me, 2), Pe = ce[0], $e = ce[1], We = M(R, 0), ue = p(We, 2), V = ue[0], Le = ue[1], Ue = M(R, 0), de = p(Ue, 2), F = de[0], Xe = de[1], Ae = se(null), me = p(Ae, 2), ee = me[0], ve = me[1], Ye = se(null), ye = p(Ye, 2), T = ye[0], Ve = ye[1], N = r.useMemo(function() {
-    return T === null && h ? Number.MAX_SAFE_INTEGER : T || 0;
-  }, [T, Y]), Fe = se(!1), pe = p(Fe, 2), Te = pe[0], ke = pe[1], te = "".concat(s, "-item"), ge = Math.max(Pe, V), ne = u === xe, y = a.length && ne, Re = u === be, Be = y || typeof u == "number" && a.length > u, _ = Ce(function() {
-    var t = a;
-    return y ? Y === null && h ? t = a : t = a.slice(0, Math.min(a.length, w / O)) : typeof u == "number" && (t = a.slice(0, u)), t;
-  }, [a, O, Y, u, y]), re = Ce(function() {
-    return y ? a.slice(N + 1) : a.slice(_.length);
-  }, [a, _, y, N]), k = Oe(function(t, n) {
-    var o;
-    return typeof m == "function" ? m(t) : (o = m && (t == null ? void 0 : t[m])) !== null && o !== void 0 ? o : n;
-  }, [m]), je = Oe(c || function(t) {
-    return t;
-  }, [c]);
-  function B(t, n, o) {
-    T === t && (n === void 0 || n === ee) || (Ve(t), o || (ke(t < a.length - 1), I == null || I(t)), n !== void 0 && ve(n));
-  }
-  function Ge(t, n) {
-    Ke(n.clientWidth);
-  }
-  function Se(t, n) {
-    ze(function(o) {
-      var d = new Map(o);
-      return n === null ? d.delete(t) : d.set(t, n), d;
-    });
-  }
-  function Qe(t, n) {
-    Le(n), $e(V);
-  }
-  function He(t, n) {
-    Xe(n);
-  }
-  function ae(t) {
-    return le.get(k(_[t], t));
-  }
-  tt(function() {
-    if (w && typeof ge == "number" && _) {
-      var t = F, n = _.length, o = n - 1;
-      if (!n) {
-        B(0, null);
-        return;
-      }
-      for (var d = 0; d < n; d += 1) {
-        var z = ae(d);
-        if (h && (z = z || 0), z === void 0) {
-          B(d - 1, void 0, !0);
-          break;
-        }
-        if (t += z, // Only one means `totalWidth` is the final width
-        o === 0 && t <= w || // Last two width will be the final width
-        d === o - 1 && t + ae(o) <= w) {
-          B(o, null);
-          break;
-        } else if (t + ge > w) {
-          B(d - 1, t - z - F + V);
-          break;
-        }
-      }
-      K && ae(0) + F > w && ve(null);
-    }
-  }, [w, le, V, F, k, _]);
-  var Ee = Te && !!re.length, he = {};
-  ee !== null && y && (he = {
-    position: "absolute",
-    left: ee,
-    top: 0
-  });
-  var D = {
-    prefixCls: te,
-    responsive: y,
-    component: J,
-    invalidate: Re
-  }, qe = g ? function(t, n) {
-    var o = k(t, n);
-    return /* @__PURE__ */ r.createElement(j.Provider, {
-      key: o,
-      value: b(b({}, D), {}, {
-        order: n,
-        item: t,
-        itemKey: o,
-        registerSize: Se,
-        display: n <= N
-      })
-    }, g(t, n));
-  } : function(t, n) {
-    var o = k(t, n);
-    return /* @__PURE__ */ r.createElement($, S({}, D, {
-      order: n,
-      key: o,
-      item: t,
-      renderItem: je,
-      itemKey: o,
-      registerSize: Se,
-      display: n <= N
-    }));
-  }, we = {
-    order: Ee ? N : Number.MAX_SAFE_INTEGER,
-    className: "".concat(te, "-rest"),
-    registerSize: Qe,
-    display: Ee
-  }, ie = W || Nt, Je = L ? /* @__PURE__ */ r.createElement(j.Provider, {
-    value: b(b({}, D), we)
-  }, L(re)) : /* @__PURE__ */ r.createElement($, S({}, D, we), typeof ie == "function" ? ie(re) : ie), _e = /* @__PURE__ */ r.createElement(U, S({
-    className: oe(!Re && s, q),
-    style: H,
-    ref: i
-  }, X), _.map(qe), Be ? Je : null, K && /* @__PURE__ */ r.createElement($, S({}, D, {
-    responsive: ne,
-    responsiveDisabled: !y,
-    order: N,
-    className: "".concat(te, "-suffix"),
-    registerSize: He,
-    display: !0,
-    style: he
-  }), K));
-  return ne ? /* @__PURE__ */ r.createElement(Ie, {
-    onResize: Ge,
-    disabled: !y
-  }, _e) : _e;
-}
-var G = /* @__PURE__ */ r.forwardRef(xt);
-G.displayName = "Overflow";
-G.Item = Ne;
-G.RESPONSIVE = xe;
-G.INVALIDATE = be;
-export {
-  G as F,
-  ft as R,
-  ut as a,
-  ct as b,
-  dt as c,
-  $t as i,
-  lt as s
-};

package/dist/components/atoms/button/Button.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps as AntButtonProps } from 'antd/es/button';
-
-export interface ButtonProps extends AntButtonProps {
-    onClick: () => void;
-    children?: React.ReactNode;
-    type?: "primary" | "secondary" | "tertiary";
-    state?: keyof typeof STATE;
-    isIconButton?: boolean;
-}
-declare const Button: React.FC<Props>;
-export default Button;

package/dist/components/atoms/button/Button.js

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Button as m } from "./styles.js";
-import { useBreakpoint as p } from "../../../providers/ThemeProvider.js";
-const f = ({
-  children: o,
-  onClick: r,
-  type: i = "primary",
-  state: t = "active",
-  ...a
-}) => {
-  const e = p();
-  return /* @__PURE__ */ n(
-    m,
-    {
-      onClick: r,
-      type: i,
-      state: t,
-      breakpoint: e,
-      disabled: t === "disabled",
-      ...a,
-      children: o
-    }
-  );
-};
-export {
-  f as default
-};

package/dist/components/atoms/button/styles.d.ts

@@ -1,12 +0,0 @@
-import { ButtonProps as AntButtonProps } from 'antd/es/button';
-import { GenesisTheme } from '@styles/theme/genesis-theme.types';
-import { ButtonType } from './Button';
-
-interface StyledButtonProps extends AntButtonProps {
-    theme?: GenesisTheme;
-    type?: ButtonType;
-    state?: "active" | "hover" | "pressed" | "focus" | "disabled";
-    children?: React.ReactNode;
-}
-export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').BaseObject, never>> & string & Omit<StyledButtonProps, keyof import('react').Component<any, {}, any>>;
-export {};

package/dist/components/atoms/checkbox/Checkbox.js

@@ -1,13 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { StyledCheckbox as t } from "./styles.js";
-import { useBreakpoint as d } from "../../../providers/ThemeProvider.js";
-const s = ({ state: o = "active", ...e }) => (d(), /* @__PURE__ */ r(
-  t,
-  {
-    ...e,
-    disabled: o === "disabled" || e.disabled
-  }
-));
-export {
-  s as default
-};

package/dist/components/atoms/index.d.ts

@@ -1 +0,0 @@
-export * from './button';

package/dist/components/atoms/index.js

@@ -1,3 +0,0 @@
-import "react/jsx-runtime";
-import "./button/styles.js";
-import "../../providers/ThemeProvider.js";

package/dist/components/atoms/input/Input.js

@@ -1,12 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Input as o } from "./styles.js";
-import { useBreakpoint as p } from "../../../providers/ThemeProvider.js";
-import { TYPE as m, STATE as e } from "../../../constants/index.js";
-const I = ({
-  type: a = m.primary,
-  state: i = e.active,
-  ...t
-}) => (p(), /* @__PURE__ */ r(o, { ...t }));
-export {
-  I as default
-};

package/dist/components/atoms/input/__tests__/Input.test.js

@@ -1,28 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { d as r, i as o, a as s, s as n, g as i } from "../../../../setup-CMYVZCPF.js";
-import p from "../Input.js";
-import { TYPE as u, STATE as c } from "../../../../constants/index.js";
-r("Input Component", () => {
-  o("customRenders input with default props", () => {
-    s(/* @__PURE__ */ e(p, {}));
-    const t = n.getByRole("textbox");
-    i(t).toBeInTheDocument();
-  }), o("customRenders input with primary type", () => {
-    s(/* @__PURE__ */ e(p, { type: u.primary }));
-    const t = n.getByRole("textbox");
-    i(t).toHaveAttribute("type", "text");
-  }), o("customRenders input with active state", () => {
-    s(/* @__PURE__ */ e(p, { state: c.active }));
-    const t = n.getByRole("textbox");
-    i(t).toBeEnabled();
-  }), o("passes through additional props", () => {
-    const t = "Enter text";
-    s(/* @__PURE__ */ e(p, { placeholder: t }));
-    const a = n.getByPlaceholderText(t);
-    i(a).toBeInTheDocument();
-  }), o("handles disabled state", () => {
-    s(/* @__PURE__ */ e(p, { disabled: !0 }));
-    const t = n.getByRole("textbox");
-    i(t).toBeDisabled();
-  });
-});