@gobolt/genesis 0.1.5 → 0.2.0

package/dist/components/Avatar/Avatar.js

@@ -1,62 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Avatar as a } from "./styles.js";
-import "../Badge/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { a as e } from "../../Typography-B2J8CPnt.js";
-import "../Breadcrumb/styles.js";
-import "../Button/styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-const N = ({
-  size: r = 64,
-  shape: o = "circle",
-  imageUrl: i,
-  altText: p,
-  children: m,
-  backgroundColor: s = "#00282B"
-}) => typeof m == "string" ? /* @__PURE__ */ t(
-  a,
-  {
-    "data-testid": "avatar",
-    shape: o,
-    size: r,
-    src: i,
-    alt: p,
-    style: { backgroundColor: s },
-    children: /* @__PURE__ */ t(e, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: m })
-  }
-) : /* @__PURE__ */ t(
-  a,
-  {
-    "data-testid": "avatar",
-    shape: o,
-    size: r,
-    src: i,
-    alt: p
-  }
-);
-export {
-  N as default
-};

package/dist/components/Avatar/__tests__/Avatar.test.js

@@ -1,17 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { a as s } from "../../../setup-aZdxWCJq.js";
-import i from "../Avatar.js";
-describe("<Avatar />", () => {
-  let t;
-  beforeEach(() => {
-    t = {
-      imageUrl: "https://lh4.googleusercontent.com/XC0gixA6JwMn7vvYsT2qtoOKPfJuUDKnS0KsCWS2eY0EKg4bgmd46vwQ6MDt29haf-KG8iZ40M1D1pXfPUUWSAtr_Udn0fgdljQDn3qlDHf4yhUUpopObnszdpH6z5oYiA=w1280",
-      altText: "User Avatar"
-    };
-  });
-  const r = () => s(/* @__PURE__ */ a(i, { ...t }));
-  it("should render avatar image correctly", () => {
-    const { getByRole: o } = r(), e = o("img");
-    expect(e).toHaveAttribute("src", t.imageUrl), expect(e).toHaveAttribute("alt", t.altText);
-  });
-});

package/dist/components/Avatar/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Avatar.js";
-export {
-  o as default
-};

package/dist/components/Avatar/styles.js

@@ -1,328 +0,0 @@
-import { d as re } from "../../styled-components.browser.esm-C47QHsU4.js";
-import * as o from "react";
-import { c as M } from "../../presets-CSXMiWyc.js";
-import { R as ne } from "../../index-CzMIlMTV.js";
-import { g as se, m as ae, j as ie, f as ce, q as le, C as D } from "../../CSSMotionList-DB0khM6h.js";
-import { u as de, r as me } from "../../useBreakpoint-ByLol0R9.js";
-import { d as X } from "../../index-DCopujxC.js";
-import { u as q } from "../../useCSSVarCls-YfJY1twF.js";
-import { u as pe } from "../../useSize-Ct1guc-z.js";
-import { t as ge } from "../../toArray-D5kvYi_U.js";
-import { c as ue } from "../../reactNode-sKPeiqPL.js";
-import { a as ve } from "../../index-BZ050Dyl.js";
-const B = /* @__PURE__ */ o.createContext({}), fe = (e) => {
-  const {
-    antCls: r,
-    componentCls: n,
-    iconCls: t,
-    avatarBg: a,
-    avatarColor: z,
-    containerSize: h,
-    containerSizeLG: y,
-    containerSizeSM: f,
-    textFontSize: u,
-    textFontSizeLG: x,
-    textFontSizeSM: w,
-    borderRadius: v,
-    borderRadiusLG: m,
-    borderRadiusSM: O,
-    lineWidth: k,
-    lineType: A
-  } = e, E = (s, p, P) => ({
-    width: s,
-    height: s,
-    borderRadius: "50%",
-    [`&${n}-square`]: {
-      borderRadius: P
-    },
-    [`&${n}-icon`]: {
-      fontSize: p,
-      [`> ${t}`]: {
-        margin: 0
-      }
-    }
-  });
-  return {
-    [n]: Object.assign(Object.assign(Object.assign(Object.assign({}, ie(e)), {
-      position: "relative",
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      overflow: "hidden",
-      color: z,
-      whiteSpace: "nowrap",
-      textAlign: "center",
-      verticalAlign: "middle",
-      background: a,
-      border: `${ce(k)} ${A} transparent`,
-      "&-image": {
-        background: "transparent"
-      },
-      [`${r}-image-img`]: {
-        display: "block"
-      }
-    }), E(h, u, v)), {
-      "&-lg": Object.assign({}, E(y, x, m)),
-      "&-sm": Object.assign({}, E(f, w, O)),
-      "> img": {
-        display: "block",
-        width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      }
-    })
-  };
-}, Se = (e) => {
-  const {
-    componentCls: r,
-    groupBorderColor: n,
-    groupOverlapping: t,
-    groupSpace: a
-  } = e;
-  return {
-    [`${r}-group`]: {
-      display: "inline-flex",
-      [r]: {
-        borderColor: n
-      },
-      "> *:not(:first-child)": {
-        marginInlineStart: t
-      }
-    },
-    [`${r}-group-popover`]: {
-      [`${r} + ${r}`]: {
-        marginInlineStart: a
-      }
-    }
-  };
-}, he = (e) => {
-  const {
-    controlHeight: r,
-    controlHeightLG: n,
-    controlHeightSM: t,
-    fontSize: a,
-    fontSizeLG: z,
-    fontSizeXL: h,
-    fontSizeHeading3: y,
-    marginXS: f,
-    marginXXS: u,
-    colorBorderBg: x
-  } = e;
-  return {
-    containerSize: r,
-    containerSizeLG: n,
-    containerSizeSM: t,
-    textFontSize: Math.round((z + h) / 2),
-    textFontSizeLG: y,
-    textFontSizeSM: a,
-    groupSpace: u,
-    groupOverlapping: -f,
-    groupBorderColor: x
-  };
-}, U = se("Avatar", (e) => {
-  const {
-    colorTextLightSolid: r,
-    colorTextPlaceholder: n
-  } = e, t = ae(e, {
-    avatarBg: n,
-    avatarColor: r
-  });
-  return [fe(t), Se(t)];
-}, he);
-var ye = function(e, r) {
-  var n = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (n[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
-    r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (n[t[a]] = e[t[a]]);
-  return n;
-};
-const xe = (e, r) => {
-  const [n, t] = o.useState(1), [a, z] = o.useState(!1), [h, y] = o.useState(!0), f = o.useRef(null), u = o.useRef(null), x = le(r, f), {
-    getPrefixCls: w,
-    avatar: v
-  } = o.useContext(D), m = o.useContext(B), O = () => {
-    if (!u.current || !f.current)
-      return;
-    const i = u.current.offsetWidth, l = f.current.offsetWidth;
-    if (i !== 0 && l !== 0) {
-      const {
-        gap: S = 4
-      } = e;
-      S * 2 < l && t(l - S * 2 < i ? (l - S * 2) / i : 1);
-    }
-  };
-  o.useEffect(() => {
-    z(!0);
-  }, []), o.useEffect(() => {
-    y(!0), t(1);
-  }, [e.src]), o.useEffect(O, [e.gap]);
-  const k = () => {
-    const {
-      onError: i
-    } = e;
-    (i == null ? void 0 : i()) !== !1 && y(!1);
-  }, {
-    prefixCls: A,
-    shape: E,
-    size: s,
-    src: p,
-    srcSet: P,
-    icon: g,
-    className: G,
-    rootClassName: V,
-    alt: L,
-    draggable: I,
-    children: C,
-    crossOrigin: N
-  } = e, b = ye(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), c = pe((i) => {
-    var l, S;
-    return (S = (l = s ?? (m == null ? void 0 : m.size)) !== null && l !== void 0 ? l : i) !== null && S !== void 0 ? S : "default";
-  }), $ = Object.keys(typeof c == "object" ? c || {} : {}).some((i) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(i)), j = de($), _ = o.useMemo(() => {
-    if (typeof c != "object")
-      return {};
-    const i = me.find((S) => j[S]), l = c[i];
-    return l ? {
-      width: l,
-      height: l,
-      fontSize: l && (g || C) ? l / 2 : 18
-    } : {};
-  }, [j, c]);
-  if (process.env.NODE_ENV !== "production") {
-    const i = X("Avatar");
-    process.env.NODE_ENV !== "production" && i(!(typeof g == "string" && g.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${g}\` at https://ant.design/components/icon`);
-  }
-  const d = w("avatar", A), T = q(d), [K, Q, Y] = U(d, T), Z = M({
-    [`${d}-lg`]: c === "large",
-    [`${d}-sm`]: c === "small"
-  }), W = /* @__PURE__ */ o.isValidElement(p), ee = E || (m == null ? void 0 : m.shape) || "circle", te = M(d, Z, v == null ? void 0 : v.className, `${d}-${ee}`, {
-    [`${d}-image`]: W || p && h,
-    [`${d}-icon`]: !!g
-  }, Y, T, G, V, Q), oe = typeof c == "number" ? {
-    width: c,
-    height: c,
-    fontSize: g ? c / 2 : 18
-  } : {};
-  let R;
-  if (typeof p == "string" && h)
-    R = /* @__PURE__ */ o.createElement("img", {
-      src: p,
-      draggable: I,
-      srcSet: P,
-      onError: k,
-      alt: L,
-      crossOrigin: N
-    });
-  else if (W)
-    R = p;
-  else if (g)
-    R = g;
-  else if (a || n !== 1) {
-    const i = `scale(${n})`, l = {
-      msTransform: i,
-      WebkitTransform: i,
-      transform: i
-    };
-    R = /* @__PURE__ */ o.createElement(ne, {
-      onResize: O
-    }, /* @__PURE__ */ o.createElement("span", {
-      className: `${d}-string`,
-      ref: u,
-      style: Object.assign({}, l)
-    }, C));
-  } else
-    R = /* @__PURE__ */ o.createElement("span", {
-      className: `${d}-string`,
-      style: {
-        opacity: 0
-      },
-      ref: u
-    }, C);
-  return delete b.onError, delete b.gap, K(/* @__PURE__ */ o.createElement("span", Object.assign({}, b, {
-    style: Object.assign(Object.assign(Object.assign(Object.assign({}, oe), _), v == null ? void 0 : v.style), b.style),
-    className: te,
-    ref: x
-  }), R));
-}, F = /* @__PURE__ */ o.forwardRef(xe);
-process.env.NODE_ENV !== "production" && (F.displayName = "Avatar");
-const H = (e) => {
-  const {
-    size: r,
-    shape: n
-  } = o.useContext(B), t = o.useMemo(() => ({
-    size: e.size || r,
-    shape: e.shape || n
-  }), [e.size, e.shape, r, n]);
-  return /* @__PURE__ */ o.createElement(B.Provider, {
-    value: t
-  }, e.children);
-}, Ce = (e) => {
-  var r, n, t, a;
-  const {
-    getPrefixCls: z,
-    direction: h
-  } = o.useContext(D), {
-    prefixCls: y,
-    className: f,
-    rootClassName: u,
-    style: x,
-    maxCount: w,
-    maxStyle: v,
-    size: m,
-    shape: O,
-    maxPopoverPlacement: k,
-    maxPopoverTrigger: A,
-    children: E,
-    max: s
-  } = e;
-  if (process.env.NODE_ENV !== "production") {
-    const c = X("Avatar.Group");
-    [["maxCount", "max={{ count: number }}"], ["maxStyle", "max={{ style: CSSProperties }}"], ["maxPopoverPlacement", "max={{ popover: PopoverProps }}"], ["maxPopoverTrigger", "max={{ popover: PopoverProps }}"]].forEach(($) => {
-      let [j, _] = $;
-      c.deprecated(!(j in e), j, _);
-    });
-  }
-  const p = z("avatar", y), P = `${p}-group`, g = q(p), [G, V, L] = U(p, g), I = M(P, {
-    [`${P}-rtl`]: h === "rtl"
-  }, L, g, f, u, V), C = ge(E).map((c, $) => ue(c, {
-    // eslint-disable-next-line react/no-array-index-key
-    key: `avatar-key-${$}`
-  })), N = (s == null ? void 0 : s.count) || w, b = C.length;
-  if (N && N < b) {
-    const c = C.slice(0, N), $ = C.slice(N, b), j = (s == null ? void 0 : s.style) || v, _ = ((r = s == null ? void 0 : s.popover) === null || r === void 0 ? void 0 : r.trigger) || A || "hover", d = ((n = s == null ? void 0 : s.popover) === null || n === void 0 ? void 0 : n.placement) || k || "top", T = Object.assign(Object.assign({
-      content: $
-    }, s == null ? void 0 : s.popover), {
-      classNames: {
-        root: M(`${P}-popover`, (a = (t = s == null ? void 0 : s.popover) === null || t === void 0 ? void 0 : t.classNames) === null || a === void 0 ? void 0 : a.root)
-      },
-      placement: d,
-      trigger: _
-    });
-    return c.push(/* @__PURE__ */ o.createElement(ve, Object.assign({
-      key: "avatar-popover-key",
-      destroyTooltipOnHide: !0
-    }, T), /* @__PURE__ */ o.createElement(F, {
-      style: j
-    }, `+${b - N}`))), G(/* @__PURE__ */ o.createElement(H, {
-      shape: O,
-      size: m
-    }, /* @__PURE__ */ o.createElement("div", {
-      className: I,
-      style: x
-    }, c)));
-  }
-  return G(/* @__PURE__ */ o.createElement(H, {
-    shape: O,
-    size: m
-  }, /* @__PURE__ */ o.createElement("div", {
-    className: I,
-    style: x
-  }, C)));
-}, J = F;
-J.Group = Ce;
-const be = ({ colors: e, borderRadius: r, sizing: n }, t = "primary", a = "active") => "", _e = re(J)`
-  ${({ theme: e, type: r, state: n }) => be(e, r, n)}
-`;
-export {
-  _e as Avatar,
-  be as getGenesisClass
-};

package/dist/components/Badge/Badge.js

@@ -1,71 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Badge as e } from "./styles.js";
-import "../Avatar/styles.js";
-import "../Breadcrumb/styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as a, a as d } from "../../Typography-B2J8CPnt.js";
-import "../Button/styles.js";
-import "../Card/styles.js";
-import "../Checkbox/styles.js";
-import "../DateRangePicker/DateRangePicker.js";
-import "react";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../styles-XuoEGUZZ.js";
-import "../Layout/Content/styles.js";
-import "../Message/styles.js";
-import "../Notification/NotificationBadge/styles.js";
-import { getBadgeStateIcon as s } from "../../utils/icon-util.js";
-import "../Notification/styles.js";
-import "../../styles-DNay6iFa.js";
-import "../Progress/styles.js";
-import "../Row/styles.js";
-import "../../styles/global-styles.js";
-import "../Row/RowLabelValue/styles.js";
-import "../Row/RowActions/styles.js";
-import "../SegmentedControls/styles.js";
-import "../Select/styles.js";
-import "../Switch/styles.js";
-import "../../styles-Wpm1RiGr.js";
-import "../Tabs/styles.js";
-import "../Tile/styles.js";
-import "../Toast/styles.js";
-import "../Tooltip/styles.js";
-const n = !1, P = ({ label: r, state: o = "info", isDisabled: t, ...p }) => {
-  const { theme: i } = a();
-  return r ? /* @__PURE__ */ m(
-    e,
-    {
-      label: r,
-      role: "badge",
-      state: o,
-      disabled: t,
-      ...p,
-      children: /* @__PURE__ */ m(
-        d,
-        {
-          variant: "label2",
-          color: t ? i.colors.status.disabled.default : i.colors.status[o].onsurface,
-          isDisabled: t,
-          children: r
-        }
-      )
-    }
-  ) : /* @__PURE__ */ m(
-    e,
-    {
-      label: r,
-      role: "badge",
-      state: o,
-      disabled: t,
-      ...p,
-      children: s(
-        o,
-        i.colors.status[o].onsurface,
-        n
-      )
-    }
-  );
-};
-export {
-  P as default
-};

package/dist/components/Badge/__tests__/Badge.test.js

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as n, a as s } from "../../../setup-aZdxWCJq.js";
-import a from "../Badge.js";
-describe("<Badge />", () => {
-  let e;
-  beforeEach(() => {
-    e = {
-      label: "Hello"
-    };
-  });
-  const r = () => s(/* @__PURE__ */ t(a, { ...e }));
-  it("should render the Badge component", () => {
-    r();
-    const o = n.getByRole("badge");
-    expect(o).toBeInTheDocument();
-  });
-});

package/dist/components/Badge/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Badge.js";
-export {
-  o as default
-};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,11 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { BreadcrumbWrapper as s, Breadcrumb as i } from "./styles.js";
-import "../../providers/BreakpointThemeProvider.js";
-import { u as m } from "../../Typography-B2J8CPnt.js";
-const c = ({ items: e, isDisabled: a = !1 }) => {
-  const { breakpoint: o } = m();
-  return /* @__PURE__ */ r(s, { $isDisabled: a, children: /* @__PURE__ */ r(i, { items: e, breakpoint: o, role: "navigation" }) });
-};
-export {
-  c as default
-};

package/dist/components/Breadcrumb/__tests__/Breadcrumb.test.js

@@ -1,23 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { a as s, s as c } from "../../../setup-aZdxWCJq.js";
-import m from "../Breadcrumb.js";
-const n = [
-  { title: "Home", href: "/" },
-  { title: "Products", href: "/products" },
-  { title: "Current Page", href: "/products/current" }
-];
-describe("<Breadcrumb />", () => {
-  let e;
-  beforeEach(() => {
-    e = {
-      items: n,
-      isDisabled: !1
-    };
-  });
-  const r = () => s(/* @__PURE__ */ o(m, { ...e }));
-  it("should render the Breadcrumb component", () => {
-    r();
-    const t = c.getByRole("navigation");
-    expect(t).toBeInTheDocument();
-  });
-});

package/dist/components/Breadcrumb/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Breadcrumb.js";
-export {
-  o as default
-};