@purpurds/breadcrumbs 4.5.1 → 5.0.0

package/dist/breadcrumbs.d.ts

@@ -1,22 +1,16 @@
 import { default as React, ReactElement } from 'react';
 
-export declare const BREADCRUMB_VARIANT: {
-    readonly DEFAULT: "default";
-    readonly NEGATIVE: "negative";
-};
-export declare const breadcrumbVariants: ("default" | "negative")[];
-export type BreadcrumbVariant = (typeof BREADCRUMB_VARIANT)[keyof typeof BREADCRUMB_VARIANT];
 export type BreadcrumbsProps = {
     ["data-testid"]?: string;
     ariaLabel?: string;
     children: ReactElement<BreadcrumbsItemProps> | Array<ReactElement<BreadcrumbsItemProps>>;
     className?: string;
     meta?: boolean;
-    variant?: BreadcrumbVariant;
+    negative?: boolean;
 };
 type CommonItemProps = {
     current?: boolean;
-    variant?: BreadcrumbVariant;
+    negative?: boolean;
     ["data-testid"]?: string;
     ariaLabel?: string;
     meta?: boolean;
@@ -31,8 +25,8 @@ type Conditional = {
     children: ReactElement<HTMLAnchorElement>;
 };
 declare const Breadcrumbs: {
-    ({ ["data-testid"]: dataTestId, ariaLabel, children, className, meta, variant, }: BreadcrumbsProps): React.JSX.Element;
-    Item: ({ href, ["data-testid"]: dataTestId, children, current, variant, onClick, ...rest }: BreadcrumbsItemProps) => React.JSX.Element;
+    ({ ["data-testid"]: dataTestId, ariaLabel, children, className, meta, negative, }: BreadcrumbsProps): React.JSX.Element;
+    Item: ({ href, ["data-testid"]: dataTestId, children, current, negative, onClick, ...rest }: BreadcrumbsItemProps) => React.JSX.Element;
 };
 export { Breadcrumbs };
 //# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,YAAY,EAAE,MAAM,OAAO,CAAC;AAOnF,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,eAAO,MAAM,kBAAkB,4BAAoC,CAAC;AACpE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE7F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEjE,KAAK,WAAW,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC;AAKN,QAAA,MAAM,WAAW;sFAOd,gBAAgB;gGAwEhB,oBAAoB;CAVtB,CAAC;AAgDF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,YAAY,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEjE,KAAK,WAAW,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC;AAKN,QAAA,MAAM,WAAW;uFAOd,gBAAgB;iGA4EhB,oBAAoB;CAVtB,CAAC;AAmDF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/breadcrumbs.es.js

@@ -1,6 +1,6 @@
-import { jsx as p, jsxs as x, Fragment as M } from "react/jsx-runtime";
-import { Children as w, cloneElement as $, createElement as L } from "react";
-function q(e) {
+import { jsx as o, jsxs as x, Fragment as L } from "react/jsx-runtime";
+import { Children as w, cloneElement as N, createElement as E } from "react";
+function H(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var S = { exports: {} };
@@ -40,7 +40,7 @@ var S = { exports: {} };
   })();
 })(S);
 var B = S.exports;
-const H = /* @__PURE__ */ q(B), T = {
+const P = /* @__PURE__ */ H(B), A = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -48,28 +48,28 @@ const H = /* @__PURE__ */ q(B), T = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, P = {
+}, Z = {
   name: "home",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11.38 1.848a.9.9 0 0 1 1.24 0l8.69 8.276c1.242 1.183.405 3.276-1.31 3.276h-.6v8.1a.9.9 0 0 1-.9.9h-13a.9.9 0 0 1-.9-.9v-8.1H4c-1.715 0-2.552-2.093-1.31-3.276l8.69-8.276ZM12 3.743l-8.069 7.685c-.026.024-.03.04-.032.049a.11.11 0 0 0 .008.06.11.11 0 0 0 .036.049c.007.005.021.014.057.014h1.5a.9.9 0 0 1 .9.9v8.1h11.2v-8.1a.9.9 0 0 1 .9-.9H20c.036 0 .05-.009.057-.014a.111.111 0 0 0 .036-.049.111.111 0 0 0 .008-.06c-.002-.008-.006-.025-.032-.05L12 3.744ZM10.6 14a.9.9 0 0 1 .9-.9H15a.9.9 0 0 1 .9.9v4a.9.9 0 0 1-.9.9h-3.5a.9.9 0 0 1-.9-.9v-4Zm1.8.9v2.2h1.7v-2.2h-1.7Z" clip-rule="evenodd"/></svg>',
   keywords: ["home"],
   category: "buildings"
-}, j = (e) => /* @__PURE__ */ p(
-  z,
+}, j = (e) => /* @__PURE__ */ o(
+  F,
   {
     ...e,
-    svg: P
+    svg: Z
   }
 );
 j.displayName = "IconHome";
-const V = H.bind(T), N = "purpur-icon", C = "md", D = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), R = ({ content: e = "", title: u } = {}) => {
+const z = P.bind(A), $ = "purpur-icon", C = "md", T = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), k = ({ content: e = "", title: u } = {}) => {
   const s = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${D(s)}>${a}${e}</svg>`;
-}, Z = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), z = ({
+  return `<svg ${T(s)}>${a}${e}</svg>`;
+}, D = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
   ["data-testid"]: e,
   svg: u,
   allyTitle: s,
@@ -77,11 +77,11 @@ const V = H.bind(T), N = "purpur-icon", C = "md", D = (e) => e.filter((u) => Obj
   size: i = C,
   ...r
 }) => {
-  const t = R({
-    content: Z(u.svg),
+  const t = k({
+    content: D(u.svg),
     title: s
-  }), n = V(a, N, `${N}--${i}`);
-  return /* @__PURE__ */ p(
+  }), n = z(a, $, `${$}--${i}`);
+  return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": s,
@@ -92,7 +92,7 @@ const V = H.bind(T), N = "purpur-icon", C = "md", D = (e) => e.filter((u) => Obj
     }
   );
 };
-function F(e) {
+function V(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var I = { exports: {} };
@@ -131,8 +131,8 @@ var I = { exports: {} };
     e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
   })();
 })(I);
-var k = I.exports;
-const O = /* @__PURE__ */ F(k), o = {
+var J = I.exports;
+const O = /* @__PURE__ */ V(J), c = {
   "purpur-breadcrumbs": "_purpur-breadcrumbs_11sb5_1",
   "purpur-breadcrumbs--default": "_purpur-breadcrumbs--default_11sb5_18",
   "purpur-breadcrumbs--negative": "_purpur-breadcrumbs--negative_11sb5_32",
@@ -142,43 +142,44 @@ const O = /* @__PURE__ */ F(k), o = {
   "purpur-breadcrumb-item--current": "_purpur-breadcrumb-item--current_11sb5_67",
   "purpur-breadcrumb-item--negative": "_purpur-breadcrumb-item--negative_11sb5_87",
   "purpur-breadcrumb-item__separator": "_purpur-breadcrumb-item__separator_11sb5_90"
-}, U = (e, u, s) => ({
+}, R = (e, u, s) => ({
   "@type": "ListItem",
   position: s,
   name: e,
   item: u
-}), J = (e) => JSON.stringify({
+}), K = (e) => JSON.stringify({
   "@context": "https://schema.org",
   "@type": "BreadcrumbList",
   itemListElement: e
-}), K = {
-  DEFAULT: "default",
-  NEGATIVE: "negative"
-}, rr = Object.values(K), h = "purpur-breadcrumbs", v = "purpur-breadcrumb-item", Q = ({
+}), h = "purpur-breadcrumbs", v = "purpur-breadcrumb-item", Q = ({
   ["data-testid"]: e,
   ariaLabel: u,
   children: s,
   className: a,
   meta: i = !0,
-  variant: r = "default"
+  negative: r = !1
 }) => {
-  const t = O([a, o[h], o[`${h}--${r}`]]), n = w.count(s), l = [], m = w.map(s, (d, E) => {
-    const y = E + 1, A = n === y, _ = d.props.children, c = typeof _ == "string" ? null : _.props;
+  const t = O([
+    a,
+    c[h],
+    c[`${h}--${r ? "negative" : "default"}`]
+  ]), n = w.count(s), l = [], m = w.map(s, (d, M) => {
+    const y = M + 1, q = n === y, _ = d.props.children, p = typeof _ == "string" ? null : _.props;
     let b = null, f = null;
-    return typeof _ == "string" ? (b = _, f = d.props.href) : c != null && c.children && typeof (c == null ? void 0 : c.children) == "string" && (b = c.children, f = c.href), b && f && l.push(U(b, f, y)), $(d, {
-      current: A,
-      variant: r,
+    return typeof _ == "string" ? (b = _, f = d.props.href) : p != null && p.children && typeof (p == null ? void 0 : p.children) == "string" && (b = p.children, f = p.href), b && f && l.push(R(b, f, y)), N(d, {
+      current: q,
+      negative: r,
       ...y === 1 && {
-        children: /* @__PURE__ */ x(M, { children: [
-          /* @__PURE__ */ p("span", { className: o[`${h}__home`], "aria-hidden": "true", children: /* @__PURE__ */ p(j, { size: "xs" }) }),
+        children: /* @__PURE__ */ x(L, { children: [
+          /* @__PURE__ */ o("span", { className: c[`${h}__home`], "aria-hidden": "true", children: /* @__PURE__ */ o(j, { size: "xs" }) }),
           d.props.children
         ] })
       }
     });
-  }), g = l.length === n ? J(l) : null;
+  }), g = l.length === n ? K(l) : null;
   return /* @__PURE__ */ x("nav", { "data-testid": e, "aria-label": u || "Breadcrumb", className: t, children: [
-    /* @__PURE__ */ p("ol", { className: o[`${h}__list`], children: m }),
-    i && g ? /* @__PURE__ */ p(
+    /* @__PURE__ */ o("ol", { className: c[`${h}__list`], children: m }),
+    i && g ? /* @__PURE__ */ o(
       "script",
       {
         type: "application/ld+json",
@@ -187,18 +188,21 @@ const O = /* @__PURE__ */ F(k), o = {
       }
     ) : null
   ] });
-}, W = ({
+}, U = ({
   href: e,
   ["data-testid"]: u,
   children: s,
   current: a = !1,
-  variant: i = "default",
+  negative: i = !1,
   onClick: r,
   ...t
 }) => {
-  const n = O([o[v], o[`${v}--${i}`]], {
-    [o[`${v}--current`]]: a
-  });
+  const n = O(
+    [c[v], c[`${v}--${i ? "negative" : "default"}`]],
+    {
+      [c[`${v}--current`]]: a
+    }
+  );
   return /* @__PURE__ */ x("li", { ...t, className: n, children: [
     (() => {
       const m = {
@@ -207,18 +211,16 @@ const O = /* @__PURE__ */ F(k), o = {
         "aria-current": a ? "page" : void 0,
         onClick: r
       };
-      return e || typeof s == "string" ? L("a", m, s) : $(s, {
+      return e || typeof s == "string" ? E("a", m, s) : N(s, {
         ...m,
         ...s.props
       });
     })(),
-    a ? null : /* @__PURE__ */ p("span", { "aria-hidden": !0, className: o[`${v}__separator`], children: "/" })
+    a ? null : /* @__PURE__ */ o("span", { "aria-hidden": !0, className: c[`${v}__separator`], children: "/" })
   ] });
 };
-Q.Item = W;
+Q.Item = U;
 export {
-  K as BREADCRUMB_VARIANT,
-  Q as Breadcrumbs,
-  rr as breadcrumbVariants
+  Q as Breadcrumbs
 };
 //# sourceMappingURL=breadcrumbs.es.js.map