@gobolt/genesis 0.0.11 → 0.1.0

package/dist/test/setup.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-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 { 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/BreakpointThemeProvider.js";
-import "../Typography-DqI7RslA.js";
+import "../Typography-CoZ5qD-t.js";
 import "../setup.types-dBtAXXGp.js";
 export {
   i as act,

package/dist/{toArray-DGvPoJP_.js → toArray-U3Az44CO.js}

@@ -1,4 +1,4 @@
-import { i as o } from "./index-ByspLxrB.js";
+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 = [];

package/dist/{useBreakpoint-CAMzKscx.js → useBreakpoint-TkMv121M.js}

@@ -1,7 +1,7 @@
 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";
+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;

package/dist/{useCSSVarCls-C-MlZC6a.js → useCSSVarCls-Dau77fzS.js}

@@ -1,4 +1,4 @@
-import { c as o } from "./index-ByspLxrB.js";
+import { c as o } from "./index-BbTV2Cw5.js";
 import "react";
 import "./presets-Djh_L_6R.js";
 import "./index-DLdU7Tpd.js";

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/{useLocale-DWRfeMSS.js → useLocale-CTfNpakL.js}

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

package/dist/{useMergedState-BoELfaU9.js → useMergedState-D6toxSxh.js}

@@ -1,5 +1,5 @@
 import { a as d } from "./presets-Djh_L_6R.js";
-import { u as g, a as S, b as V } from "./index-ByspLxrB.js";
+import { u as g, a as S, b as V } from "./index-BbTV2Cw5.js";
 function o(a) {
   return a !== void 0;
 }

package/dist/{useSize-CPo2bUE3.js → useSize-DSq4r6zy.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { S as t } from "./index-ByspLxrB.js";
+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]);

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

@@ -1,7 +1,7 @@
 import { e as f } from "./presets-Djh_L_6R.js";
 import * as u from "react";
-import { V as g } from "./context-Cx7GtZpz.js";
-import { C as m, V } from "./index-ByspLxrB.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-D81lkWy4.js → useZIndex-DhyHuZTN.js}

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

package/dist/utils/icon-util.js

@@ -1,42 +1,36 @@
 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 { G as i } from "../iconBase-LROS5hdG.js";
+import { a as d } from "../index-BRUI9igj.js";
+import { R as m, a as p, b as v, c as g } from "../MinusCircleOutlined-Shz0RRQV.js";
+import { R as z } from "../ClockCircleOutlined-BaXQuLIn.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, {
+import { I as o } from "../AntdIcon-nCNB0J1E.js";
+import { R as C } from "../CloseCircleFilled-B9e7yFwo.js";
+import { R as S } from "../ExclamationCircleFilled-BHELVsTg.js";
+var h = { 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" }, R = function(e, a) {
+  return /* @__PURE__ */ n.createElement(o, l({}, e, {
     ref: a,
-    icon: S
+    icon: h
   }));
 }, 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, {
+process.env.NODE_ENV !== "production" && (f.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" }, y = function(e, a) {
+  return /* @__PURE__ */ n.createElement(o, 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);
+}, u = /* @__PURE__ */ n.forwardRef(y);
+process.env.NODE_ENV !== "production" && (u.displayName = "MinusCircleFilled");
+function w(c) {
+  return i({ 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: [] }] })(c);
 }
-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);
+function F(c) {
+  return i({ 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: [] }] })(c);
 }
-const c = 14, _ = (s, e) => {
-  switch (s) {
+const s = 14, T = (c, e) => {
+  switch (c) {
     case r.error:
       return e.colors.status.error.onsurface;
     case r.success:
@@ -51,45 +45,45 @@ const c = 14, _ = (s, e) => {
     default:
       return e.colors.status.info.onsurface;
   }
-}, D = (s, e, a = !0) => {
+}, V = (c, e, a = !0) => {
   if (!a)
-    switch (s) {
+    switch (c) {
       case r.warning:
         return /* @__PURE__ */ t(
           g,
           {
-            style: { color: e, fontSize: c }
+            style: { color: e, fontSize: s }
           }
         );
       case r.error:
-        return /* @__PURE__ */ t(p, { style: { color: e, fontSize: c } });
+        return /* @__PURE__ */ t(v, { style: { color: e, fontSize: s } });
       case r.success:
-        return /* @__PURE__ */ t(m, { style: { color: e, fontSize: c } });
+        return /* @__PURE__ */ t(d, { style: { color: e, fontSize: s } });
       case r.progress:
-        return /* @__PURE__ */ t(f, { style: { color: e, fontSize: c } });
+        return /* @__PURE__ */ t(z, { style: { color: e, fontSize: s } });
       case r.removed:
-        return /* @__PURE__ */ t(C, { style: { color: e, fontSize: c } });
+        return /* @__PURE__ */ t(p, { style: { color: e, fontSize: s } });
       case r.info:
       default:
-        return /* @__PURE__ */ t(v, { style: { color: e, fontSize: c } });
+        return /* @__PURE__ */ t(m, { style: { color: e, fontSize: s } });
     }
-  switch (s) {
+  switch (c) {
     case r.warning:
-      return /* @__PURE__ */ t(h, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ t(S, { style: { color: e, fontSize: s } });
     case r.error:
-      return /* @__PURE__ */ t(z, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ t(C, { style: { color: e, fontSize: s } });
     case r.success:
-      return /* @__PURE__ */ t(F, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ t(w, { style: { color: e, fontSize: s } });
     case r.progress:
-      return /* @__PURE__ */ t(u, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ t(f, { style: { color: e, fontSize: s } });
     case r.removed:
-      return /* @__PURE__ */ t(d, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ t(u, { style: { color: e, fontSize: s } });
     case r.info:
     default:
-      return /* @__PURE__ */ t(M, { style: { color: e, fontSize: c + 8 } });
+      return /* @__PURE__ */ t(F, { style: { color: e, fontSize: s + 8 } });
   }
 };
 export {
-  D as getBadgeStateIcon,
-  _ as getIconColor
+  V as getBadgeStateIcon,
+  T as getIconColor
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.0.11",
+  "version": "0.1.0",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -98,6 +98,7 @@
     "antd": "^5.23.1",
     "clsx": "^1.2.1",
     "date-fns": "^3.6.0",
+    "dayjs": "^1.11.13",
     "msw": "^2.7.1",
     "msw-storybook-addon": "^2.0.4",
     "react-error-boundary": "^4.0.11",