@gobolt/genesis 0.0.7 → 0.0.9

package/dist/collapse-Dtpt-6W_.js

@@ -0,0 +1,20 @@
+const i = (o) => ({
+  [o.componentCls]: {
+    // For common/openAnimation
+    [`${o.antCls}-motion-collapse-legacy`]: {
+      overflow: "hidden",
+      "&-active": {
+        transition: `height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`
+      }
+    },
+    [`${o.antCls}-motion-collapse`]: {
+      overflow: "hidden",
+      transition: `height ${o.motionDurationMid} ${o.motionEaseInOut},
+        opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`
+    }
+  }
+});
+export {
+  i as g
+};

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,6 @@
+export interface BadgeProps {
+    badge?: string;
+    state?: string;
+}
+declare const Badge: ({ badge, state }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,103 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import g from "./icons/Appointment.js";
+import v from "./icons/ASN.js";
+import C from "./icons/Inventory.js";
+import h from "./icons/Parcel.js";
+import S from "./icons/Product.js";
+import I from "./icons/Route.js";
+import z from "./icons/Shipment.js";
+import y from "./icons/ShoppingCart.js";
+import B from "./icons/System.js";
+import { BADGE as n, STATE as t } from "../../constants/index.js";
+import { n as F } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { BadgeWrapper as R, Badge as w, BadgeState as E } from "./styles.js";
+import { a as i } from "../../warning-C63HNL9U.js";
+import * as c from "react";
+import { I as l } from "../../AntdIcon-BoLh1dP8.js";
+import { R as $, a as N } from "../../ExclamationCircleFilled-C0Kj5KQV.js";
+import { R as x } from "../../CloseCircleFilled-DXCxlIQL.js";
+var M = { 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" }, k = function(e, a) {
+  return /* @__PURE__ */ c.createElement(l, i({}, e, {
+    ref: a,
+    icon: M
+  }));
+}, u = /* @__PURE__ */ c.forwardRef(k);
+process.env.NODE_ENV !== "production" && (u.displayName = "ClockCircleFilled");
+var V = { 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 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, b = function(e, a) {
+  return /* @__PURE__ */ c.createElement(l, i({}, e, {
+    ref: a,
+    icon: V
+  }));
+}, m = /* @__PURE__ */ c.forwardRef(b);
+process.env.NODE_ENV !== "production" && (m.displayName = "InfoCircleFilled");
+var D = { 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" }, _ = function(e, a) {
+  return /* @__PURE__ */ c.createElement(l, i({}, e, {
+    ref: a,
+    icon: D
+  }));
+}, d = /* @__PURE__ */ c.forwardRef(_);
+process.env.NODE_ENV !== "production" && (d.displayName = "MinusCircleFilled");
+const s = 14, A = (o, e) => {
+  switch (o) {
+    case t.error:
+      return e.colors.status.error.onsurface;
+    case t.success:
+      return e.colors.status.success.onsurface;
+    case t.warning:
+      return e.colors.status.warning.default;
+    case t.removed:
+      return e.colors.status.generic.default;
+    case t.progress:
+      return e.colors.timebox.evening.default;
+    case t.info:
+    default:
+      return e.colors.status.info.onsurface;
+  }
+}, O = (o, e) => {
+  switch (o) {
+    case t.warning:
+      return /* @__PURE__ */ r(N, { style: { color: e, fontSize: s } });
+    case t.error:
+      return /* @__PURE__ */ r(x, { style: { color: e, fontSize: s } });
+    case t.success:
+      return /* @__PURE__ */ r($, { style: { color: e, fontSize: s } });
+    case t.progress:
+      return /* @__PURE__ */ r(u, { style: { color: e, fontSize: s } });
+    case t.removed:
+      return /* @__PURE__ */ r(d, { style: { color: e, fontSize: s } });
+    case t.info:
+    default:
+      return /* @__PURE__ */ r(m, { style: { color: e, fontSize: s } });
+  }
+}, j = (o) => {
+  switch (o) {
+    case n.appointment:
+      return /* @__PURE__ */ r(g, {});
+    case n.asn:
+      return /* @__PURE__ */ r(v, {});
+    case n.inventory:
+      return /* @__PURE__ */ r(C, {});
+    case n.parcel:
+      return /* @__PURE__ */ r(h, {});
+    case n.product:
+      return /* @__PURE__ */ r(S, {});
+    case n.route:
+      return /* @__PURE__ */ r(I, {});
+    case n.shipment:
+      return /* @__PURE__ */ r(z, {});
+    case n.shoppingCart:
+      return /* @__PURE__ */ r(y, {});
+    case n.system:
+    default:
+      return /* @__PURE__ */ r(B, {});
+  }
+}, oe = ({ badge: o = n.product, state: e = t.info }) => {
+  const a = F(), f = A(e, a);
+  return /* @__PURE__ */ r(R, { children: /* @__PURE__ */ p(w, { "data-testid": "Badge", children: [
+    /* @__PURE__ */ r(E, { "data-testid": "BadgeState", color: f, children: O(e, f) }),
+    j(o)
+  ] }) });
+};
+export {
+  oe as default
+};

package/dist/components/Badge/__stories__/Badge.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Badge } from '../Badge';
+
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Removed: Story;
+export declare const Progress: Story;
+export declare const Error: Story;
+export declare const Info: Story;

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

@@ -0,0 +1,18 @@
+import { jsx as r } from "react/jsx-runtime";
+import d from "../Badge.js";
+import { BADGE as n, STATE as a } from "../../../constants/index.js";
+import { a as m } from "../../../setup-BvfREoHl.js";
+describe("<Badge />", () => {
+  let e;
+  beforeEach(() => {
+    e = {
+      badge: n.product,
+      state: a.info
+    };
+  });
+  const o = () => m(/* @__PURE__ */ r(d, { ...e }));
+  it("should render badge and state elements", () => {
+    const { getByTestId: t } = o();
+    expect(t("Badge")).toBeInTheDocument(), expect(t("BadgeState")).toBeInTheDocument();
+  });
+});

package/dist/components/Badge/icons/ASN.d.ts

@@ -0,0 +1,2 @@
+declare const SvgComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default SvgComponent;

package/dist/components/Badge/icons/ASN.js

@@ -0,0 +1,23 @@
+import { jsx as h } from "react/jsx-runtime";
+const l = (a) => /* @__PURE__ */ h(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...a,
+    children: /* @__PURE__ */ h(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M12 2.182H3.273a1.09 1.09 0 0 0-1.091 1.09V12c0 .602.488 1.09 1.09 1.09h1.092V7.637a3.273 3.273 0 0 1 3.272-3.272h5.455V3.273A1.09 1.09 0 0 0 12 2.182Zm-8.727 13.09h1.09v1.092a3.273 3.273 0 0 0 3.273 3.272h1.091v1.091A3.273 3.273 0 0 0 12 24h8.727A3.273 3.273 0 0 0 24 20.727V12a3.273 3.273 0 0 0-3.273-3.273h-1.09v-1.09a3.273 3.273 0 0 0-3.273-3.273h-1.091V3.273A3.273 3.273 0 0 0 12 0H3.273A3.273 3.273 0 0 0 0 3.273V12a3.273 3.273 0 0 0 3.273 3.273Zm14.181-6.545v-1.09a1.09 1.09 0 0 0-1.09-1.092H7.636a1.09 1.09 0 0 0-1.09 1.091v8.727c0 .603.488 1.091 1.09 1.091h1.091V12A3.273 3.273 0 0 1 12 8.727h5.454Zm2.182 2.182H12A1.09 1.09 0 0 0 10.91 12V20.727c0 .603.488 1.091 1.09 1.091h8.727a1.09 1.09 0 0 0 1.091-1.09V12a1.09 1.09 0 0 0-1.09-1.09h-1.092Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  l as default
+};

package/dist/components/Badge/icons/Appointment.d.ts

@@ -0,0 +1,2 @@
+declare const Appointment: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Appointment;

package/dist/components/Badge/icons/Appointment.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...e,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M11.293 2.293a1 1 0 0 1 1.414 0l9 9a1 1 0 0 1-1.414 1.414L20 12.414V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7.586l-.293.293a1 1 0 0 1-1.414-1.414l9-9ZM6 10.414V20h3v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4h3v-9.586l-6-6-6 6ZM13 20v-4h-2v4h2Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/dist/components/Badge/icons/Inventory.d.ts

@@ -0,0 +1,2 @@
+declare const Inventory: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Inventory;

package/dist/components/Badge/icons/Inventory.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+const e = (h) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...h,
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M7 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3v2H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h5.586A2 2 0 0 1 14 2.586L19.414 8A2 2 0 0 1 20 9.414V10a4.974 4.974 0 0 0-2.376-.961L12.586 4H7Zm12.83 16H14v2h6v-2h-.17ZM12 22v-3a1 1 0 0 1 1-1h3v-1.17A3.01 3.01 0 0 1 14.17 15a2.997 2.997 0 0 1 0-2 3.01 3.01 0 0 1 1.537-1.708A2.997 2.997 0 0 1 20 14a3.004 3.004 0 0 1-2 2.83V18h3a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1Zm6-8a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-9-3h4a4.977 4.977 0 0 0-.9 2H9a1 1 0 1 1 0-2Zm3.44 5.052A4.958 4.958 0 0 1 12.1 15H9a1 1 0 1 0 0 2h1.764a2.996 2.996 0 0 1 1.675-.948Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  e as default
+};

package/dist/components/Badge/icons/Parcel.d.ts

@@ -0,0 +1,2 @@
+declare const Parcel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Parcel;

package/dist/components/Badge/icons/Parcel.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...e,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M11.553 2.106a1 1 0 0 1 .894 0l8 4A1 1 0 0 1 21 7v10a1 1 0 0 1-.553.894l-8 4a1 1 0 0 1-.894 0l-8-4A1 1 0 0 1 3 17V7a1 1 0 0 1 .553-.894l8-4ZM9 10.618V14a.5.5 0 0 1-.724.447l-1-.5A.5.5 0 0 1 7 13.5V9.618l-2-1v7.764l6 3v-7.764l-2-1Zm1.364-1.554L12 9.882 17.764 7l-2.285-1.142a.5.5 0 0 1-.242.583l-4.873 2.623Zm3.462-4.033a.508.508 0 0 0-.063.029L8.27 8.017 6.236 7 12 4.118l1.826.913ZM13 19.382l6-3V8.618l-6 3v7.764Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/dist/components/Badge/icons/Product.d.ts

@@ -0,0 +1,2 @@
+declare const SvgComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default SvgComponent;

package/dist/components/Badge/icons/Product.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...e,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M11.553 2.106a1 1 0 0 1 .894 0l8 4A1 1 0 0 1 21 7v10a1 1 0 0 1-.553.894l-8 4a1 1 0 0 1-.894 0l-8-4A1 1 0 0 1 3 17V7a1 1 0 0 1 .553-.894l8-4ZM5 8.618l6 3v7.764l-6-3V8.618Zm8 10.764 6-3V8.618l-6 3v7.764Zm-1-9.5L17.764 7 12 4.118 6.236 7 12 9.882Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/dist/components/Badge/icons/Route.d.ts

@@ -0,0 +1,2 @@
+declare const Route: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Route;

package/dist/components/Badge/icons/Route.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const o = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...e,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M14.553 3.106a1 1 0 0 1 .894 0l5.447 2.723A2 2 0 0 1 22 7.618v10.764a2 2 0 0 1-2.894 1.789L15 18.118l-5.553 2.776a1 1 0 0 1-.894 0l-5.447-2.723A2 2 0 0 1 2 16.382V5.618a2 2 0 0 1 2.894-1.789L9 5.882l5.553-2.776ZM8 7.618l-4-2v10.764l4 2V7.618Zm2 10.764 4-2V5.618l-4 2v10.764Zm6-12.764v10.764l4 2V7.618l-4-2Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  o as default
+};

package/dist/components/Badge/icons/Shipment.d.ts

@@ -0,0 +1,2 @@
+declare const Shipment: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Shipment;

package/dist/components/Badge/icons/Shipment.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+const e = (h) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...h,
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M12 2a3.001 3.001 0 0 0-2.83 2H8a3 3 0 0 0-3 3v5H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h4a2 2 0 0 0 1.732-1H18a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1.17A3.001 3.001 0 0 0 14 2h-2ZM5 14h3v1.5H4V14h1Zm-1 3.5V21h4v-3.5H4Zm6-3.5v6h8a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1.17A3.001 3.001 0 0 1 14 8h-2a3.001 3.001 0 0 1-2.83-2H8a1 1 0 0 0-1 1v5h1a2 2 0 0 1 2 2Zm1-9a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Zm2 6a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1Zm2 4a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0v-2Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  e as default
+};

package/dist/components/Badge/icons/ShoppingCart.d.ts

@@ -0,0 +1,2 @@
+declare const ShoppingCart: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ShoppingCart;

package/dist/components/Badge/icons/ShoppingCart.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (a) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...a,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M2 3a1 1 0 0 1 1-1h2a1 1 0 0 1 .98.804L6.22 4H21a1 1 0 0 1 .894 1.447l-4 8A1 1 0 0 1 17 14H7.414l-2 2H17a3 3 0 1 1-2.83 2H9.83a3 3 0 1 1-5.521-.326c-.98-.65-1.268-2.129-.309-3.088l1.914-1.915L4.18 4H3a1 1 0 0 1-1-1Zm5.82 9h8.562l3-6H6.62l1.2 6ZM7 18a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

package/dist/components/Badge/icons/System.d.ts

@@ -0,0 +1,2 @@
+declare const System: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default System;

package/dist/components/Badge/icons/System.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const h = (a) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    ...a,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#3E3E3E",
+        fillRule: "evenodd",
+        d: "M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-3.47l.373 1.489.804.804A1 1 0 0 1 16 22H8a1 1 0 0 1-.707-1.707l.804-.804L8.469 18H5a3 3 0 0 1-3-3V5Zm2 9v1a1 1 0 0 0 1 1H19a1 1 0 0 0 1-1v-1H4Zm16-2H4V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7Zm-6.53 6h-2.94l-.5 2h3.94l-.5-2Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  h as default
+};

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

@@ -0,0 +1,2 @@
+export { default } from './Badge';
+export type { BadgeProps } from './Badge';

package/dist/components/Badge/index.js

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

package/dist/components/Badge/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const BadgeState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Badge/styles.js

@@ -0,0 +1,34 @@
+import { d as o } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+const i = o.div`
+  position: relative;
+  display: flex;
+  position: absolute;
+  justify-content: center;
+  align-items: center;
+  top: -10px;
+  left: 16px;
+  width: 20px;
+  height: 20px;
+  border: 2px solid ${({ color: e }) => e};
+  border-radius: 50%;
+  box-sizing: border-box;
+  background-color: white;
+`, r = o.div`
+  display: flex;
+  position: relative;
+`, d = o.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  border: 1px solid ${({ theme: e }) => e.colors.surface.border};
+  background-color: ${({ theme: e }) => e.colors.surface.default};
+`;
+export {
+  r as Badge,
+  i as BadgeState,
+  d as BadgeWrapper
+};

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,8 @@
+import { BreadcrumbItem } from './Breadcrumb.types';
+
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    isDisabled?: boolean;
+}
+declare const Breadcrumb: ({ items, isDisabled }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export default Breadcrumb;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { BreadcrumbWrapper as s, Breadcrumb as i } from "./styles.js";
+import "../../providers/ThemeProvider.js";
+import { u as m } from "../../Typography-aGoDUl4R.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/Breadcrumb.types.d.ts

@@ -0,0 +1,22 @@
+import { MenuProps } from 'antd';
+
+export interface BreadcrumbRoute {
+    key: string;
+    title: React.ReactNode;
+    path?: string;
+    menu?: Omit<MenuProps, "items"> & {
+        items?: MenuProps["items"];
+    };
+    href?: string;
+}
+export interface BreadcrumbMenuItem {
+    key: string;
+    label: React.ReactNode;
+}
+export interface BreadcrumbItem {
+    title: React.ReactNode;
+    menu?: Omit<MenuProps, "items"> & {
+        items?: MenuProps["items"];
+    };
+    href?: string;
+}

package/dist/components/Breadcrumb/Breadcrumb.types.js

@@ -0,0 +1 @@
+

package/dist/components/Breadcrumb/__stories__/Breadcrumb.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Breadcrumb } from '../Breadcrumb';
+
+declare const meta: Meta<typeof Breadcrumb>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumb>;
+export declare const Default: Story;
+export declare const OneBreadcrumb: Story;
+export declare const TwoBreadcrumb: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { s, a as c } from "../../../setup-BvfREoHl.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 = () => c(/* @__PURE__ */ o(m, { ...e }));
+  it("should render the Breadcrumb component", () => {
+    r();
+    const t = s.getByRole("navigation");
+    expect(t).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,3 @@
+export { default } from './Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb';
+export type { BreadcrumbRoute } from './Breadcrumb.types';

package/dist/components/Breadcrumb/index.js

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

package/dist/components/Breadcrumb/styles.d.ts

@@ -0,0 +1,27 @@
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
+
+interface StyledBreadcrumbProps {
+    theme?: GenesisTheme;
+    $isDisabled?: boolean;
+}
+interface StyledBreadcrumbComponentProps extends StyledBreadcrumbProps {
+    type?: string;
+    state?: string;
+    breakpoint?: string;
+    role?: string;
+}
+export declare const getGenesisClass: ({ colors, typography }: GenesisTheme, breakpoint?: string) => string;
+export declare const BreadcrumbWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBreadcrumbProps>> & string;
+export declare const Breadcrumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').BreadcrumbProps<import('antd/es/_util/type').AnyObject>, StyledBreadcrumbComponentProps>> & string & Omit<{
+    <T extends import('antd/es/_util/type').AnyObject = import('antd/es/_util/type').AnyObject>(props: import('antd').BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    Item: React.FC<import('antd').BreadcrumbItemProps> & {
+        __ANT_BREADCRUMB_ITEM: boolean;
+    };
+    Separator: React.FC<{
+        children?: React.ReactNode | undefined;
+    }> & {
+        __ANT_BREADCRUMB_SEPARATOR: boolean;
+    };
+    displayName: string;
+}, keyof import('react').Component<any, {}, any>>;
+export default Breadcrumb;