@gobolt/genesis 0.0.8 → 0.0.10

package/dist/{collapse-345bc884.js → collapse-Dtpt-6W_.js}

@@ -14,7 +14,7 @@ const i = (o) => ({
         opacity ${o.motionDurationMid} ${o.motionEaseInOut} !important`
     }
   }
-}), t = i;
+});
 export {
-  t as g
+  i as g
 };

package/dist/compact-item-DH13cl8A.js

@@ -0,0 +1,61 @@
+function m(e, t, i) {
+  const {
+    focusElCls: n,
+    focus: o,
+    borderElCls: c
+  } = i, s = c ? "> *" : "", r = ["hover", o ? "focus" : null, "active"].filter(Boolean).map((a) => `&:${a} ${s}`).join(",");
+  return {
+    [`&-item:not(${t}-last-item)`]: {
+      marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
+    },
+    "&-item": Object.assign(Object.assign({
+      [r]: {
+        zIndex: 2
+      }
+    }, n ? {
+      [`&${n}`]: {
+        zIndex: 2
+      }
+    } : {}), {
+      [`&[disabled] ${s}`]: {
+        zIndex: 0
+      }
+    })
+  };
+}
+function d(e, t, i) {
+  const {
+    borderElCls: n
+  } = i, o = n ? `> ${n}` : "";
+  return {
+    [`&-item:not(${t}-first-item):not(${t}-last-item) ${o}`]: {
+      borderRadius: 0
+    },
+    [`&-item:not(${t}-last-item)${t}-first-item`]: {
+      [`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`&-item:not(${t}-first-item)${t}-last-item`]: {
+      [`& ${o}, &${e}-sm ${o}, &${e}-lg ${o}`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    }
+  };
+}
+function u(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+    focus: !0
+  };
+  const {
+    componentCls: i
+  } = e, n = `${i}-compact`;
+  return {
+    [n]: Object.assign(Object.assign({}, m(e, n, t)), d(i, n, t))
+  };
+}
+export {
+  u as g
+};

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

@@ -1,6 +1,6 @@
 export interface BadgeProps {
-    badge: string;
-    state: string;
+    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

@@ -1,43 +1,44 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import p from "./icons/Appointment.js";
-import C from "./icons/ASN.js";
-import g from "./icons/Inventory.js";
-import v from "./icons/Parcel.js";
+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 F from "./icons/Route.js";
-import h from "./icons/Shipment.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 o, STATE as t } from "../../constants/index.js";
-import { n as z } from "../../styled-components.browser.esm-02f500bc.js";
-import { BadgeWrapper as w, Badge as E, BadgeState as k } from "./styles.js";
-import { I as x } from "../../InfoCircleFilled-c5f90c20.js";
-import { a as l } from "../../presets-83ccb923.js";
-import * as i from "react";
-import { A as u } from "../../AntdIcon-c395a1c4.js";
-import { C as I, E as M } from "../../ExclamationCircleFilled-23ef9812.js";
-import { C as $ } from "../../CloseCircleFilled-ddc51e7e.js";
-var N = { 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" };
-const R = N;
-var A = function(e, n) {
-  return /* @__PURE__ */ i.createElement(u, l({}, e, {
-    ref: n,
-    icon: R
+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
   }));
-}, f = /* @__PURE__ */ i.forwardRef(A);
-process.env.NODE_ENV !== "production" && (f.displayName = "ClockCircleFilled");
-const b = f;
-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" };
-const V = D;
-var _ = function(e, n) {
-  return /* @__PURE__ */ i.createElement(u, l({}, e, {
-    ref: n,
+}, 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
   }));
-}, d = /* @__PURE__ */ i.forwardRef(_);
+}, 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 j = d, c = 14, O = (s, e) => {
-  switch (s) {
+const s = 14, A = (o, e) => {
+  switch (o) {
     case t.error:
       return e.colors.status.error.onsurface;
     case t.success:
@@ -52,51 +53,51 @@ const j = d, c = 14, O = (s, e) => {
     default:
       return e.colors.status.info.onsurface;
   }
-}, T = (s, e) => {
-  switch (s) {
+}, O = (o, e) => {
+  switch (o) {
     case t.warning:
-      return /* @__PURE__ */ r(M, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r(N, { style: { color: e, fontSize: s } });
     case t.error:
-      return /* @__PURE__ */ r($, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r(x, { style: { color: e, fontSize: s } });
     case t.success:
-      return /* @__PURE__ */ r(I, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r($, { style: { color: e, fontSize: s } });
     case t.progress:
-      return /* @__PURE__ */ r(b, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r(u, { style: { color: e, fontSize: s } });
     case t.removed:
-      return /* @__PURE__ */ r(j, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r(d, { style: { color: e, fontSize: s } });
     case t.info:
     default:
-      return /* @__PURE__ */ r(x, { style: { color: e, fontSize: c } });
+      return /* @__PURE__ */ r(m, { style: { color: e, fontSize: s } });
   }
-}, G = (s, e) => {
-  switch (s) {
-    case o.appointment:
-      return /* @__PURE__ */ r(p, {});
-    case o.asn:
-      return /* @__PURE__ */ r(C, {});
-    case o.inventory:
+}, j = (o) => {
+  switch (o) {
+    case n.appointment:
       return /* @__PURE__ */ r(g, {});
-    case o.parcel:
+    case n.asn:
       return /* @__PURE__ */ r(v, {});
-    case o.product:
-      return /* @__PURE__ */ r(S, {});
-    case o.route:
-      return /* @__PURE__ */ r(F, {});
-    case o.shipment:
+    case n.inventory:
+      return /* @__PURE__ */ r(C, {});
+    case n.parcel:
       return /* @__PURE__ */ r(h, {});
-    case o.shoppingCart:
+    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 o.system:
+    case n.system:
     default:
       return /* @__PURE__ */ r(B, {});
   }
-}, ne = ({ badge: s = o.product, state: e = t.info }) => {
-  const n = z(), a = O(e, n);
-  return /* @__PURE__ */ r(w, { children: /* @__PURE__ */ m(E, { "data-testid": "Badge", children: [
-    /* @__PURE__ */ r(k, { "data-testid": "BadgeState", color: a, children: T(e, a) }),
-    G(s)
+}, 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 {
-  ne as default
+  oe as default
 };

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

@@ -1,72 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import p from "../Badge.js";
-import { BADGE as i, STATE as e } from "../../../constants/index.js";
-import { c as d } from "../../../setup-aaca7b6f.js";
-import "../icons/Appointment.js";
-import "../icons/ASN.js";
-import "../icons/Inventory.js";
-import "../icons/Parcel.js";
-import "../icons/Product.js";
-import "../icons/Route.js";
-import "../icons/Shipment.js";
-import "../icons/ShoppingCart.js";
-import "../icons/System.js";
-import "../../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../styles.js";
-import "../../../InfoCircleFilled-c5f90c20.js";
-import "../../../presets-83ccb923.js";
-import "../../../AntdIcon-c395a1c4.js";
-import "../../../ExclamationCircleFilled-23ef9812.js";
-import "../../../CloseCircleFilled-ddc51e7e.js";
-import "@testing-library/react";
-import "../../../providers/GenesisProvider.js";
-import "../../../providers/ThemeProvider.js";
-import "../../../styles/theme/genesis-theme.js";
-import "../../../styles/design-tokens/variables.js";
-import "../../../index-89035ea5.js";
-import "../../Button/styles.js";
-import "../../../button-fa1c119c.js";
-import "../../../isVisible-729780f5.js";
-import "../../../index-4003d75b.js";
-import "react-dom";
-import "../../../index-e2b72ca8.js";
-import "../../../reactNode-f4391605.js";
-import "../../../Compact-c39ed20d.js";
-import "../../../presetColors-ccf8cb4c.js";
-import "../../../compact-item-b8f85aa6.js";
-import "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import "../../Input/styles.js";
-import "../../../TextArea-20825221.js";
-import "../../../index-8c8d2d0c.js";
-import "../../../useVariants-a0d64298.js";
-import "../../../ContextIsolator-b09b2c52.js";
-import "../../../pickAttrs-00ba4687.js";
-import "../../../SearchOutlined-a9014e08.js";
-import "../../Select/styles.js";
-import "../../../index-1a33c134.js";
-import "../../../Overflow-a570fa69.js";
-import "../../../DownOutlined-64a4732a.js";
-import "../../../CheckOutlined-52d9ac25.js";
-import "../../../CloseOutlined-14b8bba1.js";
-import "../../Typography/styles.js";
-import "../../../index-501fc13d.js";
-import "../../../index-0b9ee239.js";
-import "../../Toast/styles.js";
-import "../../../collapse-345bc884.js";
+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 t;
+  let e;
   beforeEach(() => {
-    t = {
-      badge: i.product,
-      state: e.info
+    e = {
+      badge: n.product,
+      state: a.info
     };
   });
-  const r = () => d(/* @__PURE__ */ m(p, { ...t }));
+  const o = () => m(/* @__PURE__ */ r(d, { ...e }));
   it("should render badge and state elements", () => {
-    const { getByTestId: o } = r();
-    expect(o("Badge")).toBeInTheDocument(), expect(o("BadgeState")).toBeInTheDocument();
+    const { getByTestId: t } = o();
+    expect(t("Badge")).toBeInTheDocument(), expect(t("BadgeState")).toBeInTheDocument();
   });
 });

package/dist/components/Badge/index.js

@@ -1,23 +1,4 @@
-import { default as s } from "./Badge.js";
-import "react/jsx-runtime";
-import "./icons/Appointment.js";
-import "./icons/ASN.js";
-import "./icons/Inventory.js";
-import "./icons/Parcel.js";
-import "./icons/Product.js";
-import "./icons/Route.js";
-import "./icons/Shipment.js";
-import "./icons/ShoppingCart.js";
-import "./icons/System.js";
-import "../../constants/index.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "./styles.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../../presets-83ccb923.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
+import { default as o } from "./Badge.js";
 export {
-  s as default
+  o as default
 };

package/dist/components/Badge/styles.js

@@ -1,6 +1,5 @@
-import { d as o } from "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-const r = o.div`
+import { d as o } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+const i = o.div`
   position: relative;
   display: flex;
   position: absolute;
@@ -14,10 +13,10 @@ const r = o.div`
   border-radius: 50%;
   box-sizing: border-box;
   background-color: white;
-`, d = o.div`
+`, r = o.div`
   display: flex;
   position: relative;
-`, s = o.div`
+`, d = o.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -29,7 +28,7 @@ const r = o.div`
   background-color: ${({ theme: e }) => e.colors.surface.default};
 `;
 export {
-  d as Badge,
-  r as BadgeState,
-  s as BadgeWrapper
+  r as Badge,
+  i as BadgeState,
+  d as BadgeWrapper
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,27 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { BreadcrumbWrapper as m, Breadcrumb as t } from "./styles.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../pickAttrs-00ba4687.js";
-import "../../reactNode-f4391605.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../index-1a33c134.js";
-import "../../index-8c8d2d0c.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../RightOutlined-83515eb4.js";
-import "../../EllipsisOutlined-60122660.js";
-import "../../Overflow-a570fa69.js";
-import "../../index-0b9ee239.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../context-3b8a39af.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../collapse-345bc884.js";
-const y = ({ items: o, isDisabled: i = !1 }) => /* @__PURE__ */ r(m, { $isDisabled: i, role: "navigation", children: /* @__PURE__ */ r(t, { items: o, role: "link" }) });
+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 {
-  y as default
+  c as default
 };

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

@@ -1,8 +1,22 @@
-export type BreadcrumbMenuItem = {
+import { MenuProps } from 'antd';
+
+export interface BreadcrumbRoute {
     key: string;
-    label: string | React.ReactNode;
-};
-export type BreadcrumbItem = {
-    title: string | React.ReactNode;
-    menu?: BreadcrumbMenuItem[];
-};
+    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/__tests__/Breadcrumb.test.js

@@ -1,70 +1,23 @@
 import { jsx as o } from "react/jsx-runtime";
-import { screen as m } from "@testing-library/react";
-import { c as p } from "../../../setup-aaca7b6f.js";
-import i from "../Breadcrumb.js";
-import "../../../presets-83ccb923.js";
-import "react";
-import "../../../providers/GenesisProvider.js";
-import "../../../providers/ThemeProvider.js";
-import "../../../styled-components.browser.esm-02f500bc.js";
-import "../../../styles/theme/genesis-theme.js";
-import "../../../styles/design-tokens/variables.js";
-import "../../../index-89035ea5.js";
-import "../../../constants/index.js";
-import "../../Button/styles.js";
-import "../../../button-fa1c119c.js";
-import "../../../isVisible-729780f5.js";
-import "../../../index-4003d75b.js";
-import "react-dom";
-import "../../../index-e2b72ca8.js";
-import "../../../reactNode-f4391605.js";
-import "../../../Compact-c39ed20d.js";
-import "../../../presetColors-ccf8cb4c.js";
-import "../../../compact-item-b8f85aa6.js";
-import "../../../AntdIcon-c395a1c4.js";
-import "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import "../../../ExclamationCircleFilled-23ef9812.js";
-import "../../../CloseCircleFilled-ddc51e7e.js";
-import "../../Input/styles.js";
-import "../../../TextArea-20825221.js";
-import "../../../index-8c8d2d0c.js";
-import "../../../useVariants-a0d64298.js";
-import "../../../ContextIsolator-b09b2c52.js";
-import "../../../pickAttrs-00ba4687.js";
-import "../../../SearchOutlined-a9014e08.js";
-import "../../Select/styles.js";
-import "../../../index-1a33c134.js";
-import "../../../Overflow-a570fa69.js";
-import "../../../DownOutlined-64a4732a.js";
-import "../../../CheckOutlined-52d9ac25.js";
-import "../../../CloseOutlined-14b8bba1.js";
-import "../../Typography/styles.js";
-import "../../../index-501fc13d.js";
-import "../../../index-0b9ee239.js";
-import "../../Badge/styles.js";
-import "../../../InfoCircleFilled-c5f90c20.js";
-import "../../Toast/styles.js";
-import "../../../collapse-345bc884.js";
-import "../styles.js";
-import "../../../RightOutlined-83515eb4.js";
-import "../../../EllipsisOutlined-60122660.js";
-const e = [
-  { breadcrumbName: "Home", path: "/" },
-  { breadcrumbName: "Products", path: "/products" },
-  { breadcrumbName: "Current Page", path: "/products/current" }
+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 r;
+  let e;
   beforeEach(() => {
-    r = {
-      items: e,
+    e = {
+      items: n,
       isDisabled: !1
     };
   });
-  const t = () => p(/* @__PURE__ */ o(i, { ...r }));
+  const r = () => c(/* @__PURE__ */ o(m, { ...e }));
   it("should render the Breadcrumb component", () => {
-    t(), expect(m.getByRole("navigation")).toBeInTheDocument();
+    r();
+    const t = s.getByRole("navigation");
+    expect(t).toBeInTheDocument();
   });
 });

package/dist/components/Breadcrumb/index.js

@@ -1,27 +1,4 @@
-import { default as z } from "./Breadcrumb.js";
-import "react/jsx-runtime";
-import "./styles.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../pickAttrs-00ba4687.js";
-import "../../reactNode-f4391605.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../index-1a33c134.js";
-import "../../index-8c8d2d0c.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../RightOutlined-83515eb4.js";
-import "../../EllipsisOutlined-60122660.js";
-import "../../Overflow-a570fa69.js";
-import "../../index-0b9ee239.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../context-3b8a39af.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../collapse-345bc884.js";
+import { default as o } from "./Breadcrumb.js";
 export {
-  z as default
+  o as default
 };

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

@@ -1,14 +1,18 @@
-import { STATE } from '@constants';
-import { GenesisTheme } from '@styles/theme/genesis-theme.types';
+import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
 
 interface StyledBreadcrumbProps {
     theme?: GenesisTheme;
-    state?: STATE.active | STATE.disabled;
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }
-export declare const getGenesisClass: ({ colors, borderRadius, sizing, typography }: GenesisTheme, state?: string, breakpoint?: string) => string;
+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>, StyledBreadcrumbProps>> & string & Omit<{
+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;