@sps-woodland/core 8.53.4 → 8.53.6

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.js

@@ -0,0 +1,62 @@
+import * as e from "react";
+import { Metadata as h, selectChildren as v, modChildren as y, cl as i } from "@sps-woodland/core";
+import { Button as P } from "@sps-woodland/core/button";
+import { ProductBarVerticalSection as S } from "../product-bar-vertical-section/ProductBarVerticalSection.js";
+import { ProductBarVerticalItem as x } from "../product-bar-vertical-item/ProductBarVerticalItem.js";
+import { ProductBarVerticalHeader as N } from "../product-bar-vertical-header/ProductBarVerticalHeader.js";
+import { productBarVerticalContainer as k, productBarVerticalCollapsed as A, productBarVerticalHeaderWrapper as H, productBarVerticalCollapseButton as I, productBarVerticalBranch as g } from "./ProductBarVertical.ve.js";
+function w({
+  children: l,
+  className: d,
+  isMinimizable: a,
+  initialIsMinimized: m = !1,
+  onMinimizeToggle: n,
+  ...s
+}) {
+  const [t, p] = e.useState(m), [u, f, B] = v(l, [
+    { type: N },
+    { type: S },
+    { type: x }
+  ]);
+  function o() {
+    const r = !t;
+    p(r), n && n(r);
+  }
+  const E = e.Children.map(
+    u,
+    (r) => e.isValidElement(r) ? e.cloneElement(r, { isMinimized: t }) : r
+  ), V = f.map(
+    (r) => e.isValidElement(r) ? e.cloneElement(r, { isMinimized: t, isMinimizable: a, onExpandSidebar: o }) : r
+  ), C = y(B, (r) => {
+    const c = { isMinimized: t, isMinimizable: a, onExpandSidebar: o };
+    return a && !r.props.icon && (c.icon = "file"), [c];
+  }, !1);
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: i(
+        k,
+        t && A,
+        d
+      ),
+      ...s
+    },
+    /* @__PURE__ */ e.createElement("div", { className: H }, E, a && /* @__PURE__ */ e.createElement("div", { className: i(I({ minimized: t })) }, /* @__PURE__ */ e.createElement(
+      P,
+      {
+        kind: "icon",
+        icon: t ? "chevron-right" : "chevron-left",
+        onClick: o,
+        "aria-expanded": !t
+      }
+    ))),
+    e.Children.toArray(V),
+    /* @__PURE__ */ e.createElement("ul", { className: g }, e.Children.toArray(C))
+  );
+}
+h.set(w, {
+  name: "ProductBarVertical"
+});
+export {
+  w as ProductBarVertical
+};

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js

@@ -0,0 +1,24 @@
+/* empty css                                     */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var s = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb800", o = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb801", e = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb802", l = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb803", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb804", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb805" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb806", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb807", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb808" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), n = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb809", p = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80a", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80b", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80c" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), i = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80d", t = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80e", c = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80f", h = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g", v = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80i", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80j" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), u = _({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80l", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80m" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), m = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80n", k = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o", g = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p", b = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80q", w = "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80r", V = _({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80s", false: "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80t" } }, defaultVariants: {}, compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80u"]] });
+export {
+  c as productBarVerticalBranch,
+  n as productBarVerticalBrand,
+  p as productBarVerticalBrandLogo,
+  i as productBarVerticalBrandName,
+  l as productBarVerticalCollapseButton,
+  o as productBarVerticalCollapsed,
+  s as productBarVerticalContainer,
+  h as productBarVerticalExpand,
+  m as productBarVerticalExpandIcon,
+  u as productBarVerticalExpandLeaf,
+  b as productBarVerticalExpandWithIcon,
+  d as productBarVerticalHeader,
+  e as productBarVerticalHeaderWrapper,
+  v as productBarVerticalLeaf,
+  k as productBarVerticalLink,
+  w as productBarVerticalLinkContent,
+  g as productBarVerticalLinkInner,
+  t as productBarVerticalSection,
+  V as tabTag
+};

package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ProductBarVerticalHeader({ className, name, logoSrc, href, isMinimized, ...rest }: ComponentProps<{
+    name?: string;
+    logoSrc?: string;
+    href?: string;
+    isMinimized?: boolean;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ProductBarVerticalHeader.d.ts.map

package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBarVerticalHeader.d.ts","sourceRoot":"","sources":["../../../src/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAQzD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,WAAW,EACX,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CA0BrB"}

package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.js

@@ -0,0 +1,44 @@
+import * as r from "react";
+import { Metadata as l, cl as m } from "@sps-woodland/core";
+import { productBarVerticalHeader as d, productBarVerticalBrand as p, productBarVerticalBrandLogo as s, productBarVerticalBrandName as u } from "../product-bar-vertical/ProductBarVertical.ve.js";
+function B({
+  className: o,
+  name: a,
+  logoSrc: c,
+  href: n,
+  isMinimized: t,
+  ...i
+}) {
+  return /* @__PURE__ */ r.createElement("div", { className: m(d({ minimized: !!t }), o), ...i }, /* @__PURE__ */ r.createElement(
+    "a",
+    {
+      className: p,
+      href: n,
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
+      }
+    },
+    c && /* @__PURE__ */ r.createElement(
+      "img",
+      {
+        className: s({ minimized: !!t }),
+        src: c,
+        "aria-hidden": "true",
+        alt: `${a} Logo`
+      }
+    ),
+    !t && a && /* @__PURE__ */ r.createElement("span", { className: u }, a)
+  ));
+}
+l.set(B, {
+  name: "ProductBarVerticalHeader",
+  props: {
+    name: { type: "string" },
+    logoSrc: { type: "string" },
+    isMinimized: { type: "boolean" }
+  }
+});
+export {
+  B as ProductBarVerticalHeader
+};

package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { PolymorphicComponentProps } from "@sps-woodland/core";
+import { IconName } from "@sps-woodland/tokens";
+type ProductBarVerticalItemProps<T extends React.ElementType> = PolymorphicComponentProps<{
+    keyId: string;
+    active?: boolean;
+    collapsed?: boolean;
+    icon?: IconName;
+    isMinimized?: boolean;
+    isMinimizable?: boolean;
+    onExpandSidebar?: () => void;
+}, T>;
+export declare function ProductBarVerticalItem<T extends React.ElementType = "a">({ children, className, as, keyId, active, collapsed, isMinimized, isMinimizable, onExpandSidebar, icon, ...rest }: ProductBarVerticalItemProps<T>): React.ReactElement;
+export {};
+//# sourceMappingURL=ProductBarVerticalItem.d.ts.map

package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBarVerticalItem.d.ts","sourceRoot":"","sources":["../../../src/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAa9E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,KAAK,2BAA2B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,yBAAyB,CACvF;IACE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,EACD,CAAC,CACF,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EACxE,QAAQ,EACR,SAAS,EACT,EAAE,EACF,KAAK,EACL,MAAc,EACd,SAAiB,EACjB,WAAmB,EACnB,aAAqB,EACrB,eAAe,EACf,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA6FrD"}

package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.js

@@ -0,0 +1,91 @@
+import * as e from "react";
+import { Metadata as o, selectChildren as h, modChildren as q, cl as n, Icon as d } from "@sps-woodland/core";
+import { tabTag as D, productBarVerticalExpand as L, productBarVerticalExpandWithIcon as T, productBarVerticalExpandLeaf as w, productBarVerticalLink as g, productBarVerticalLinkInner as I, productBarVerticalExpandIcon as R, productBarVerticalLinkContent as x, productBarVerticalLeaf as S } from "../product-bar-vertical/ProductBarVertical.ve.js";
+function m({
+  children: p,
+  className: A,
+  as: B,
+  keyId: K,
+  active: u = !1,
+  collapsed: k = !1,
+  isMinimized: t = !1,
+  isMinimizable: P = !1,
+  onExpandSidebar: y,
+  icon: l,
+  ...f
+}) {
+  const i = B ?? "a", [c, V] = h(p, [{ type: m }]), [r, E] = e.useState(!k), [b] = h(p, [{ type: m }], !0), s = b.some((a) => a.props.active), C = u || !r && s, v = e.useRef(null), N = q(
+    V,
+    (a) => a.type?.displayName === "SpsTag" || o.isWoodlandComponent(a.type) && o.get(a.type).name === "Tag" ? [
+      {
+        className: n(a.props?.className, D({ active: C }))
+      }
+    ] : []
+  );
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, c.length ? /* @__PURE__ */ e.createElement("ul", { className: n(L, l && T, t && !l && "visually-hidden") }, /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: v,
+      "data-selected": (t || !r) && s,
+      className: w({
+        selected: (t || !r) && s
+      }),
+      "aria-expanded": !t && r,
+      onClick: () => t ? y?.() : E(!r)
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        className: g,
+        tabIndex: 0,
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && (a.preventDefault(), t ? y?.() : E(!r));
+        },
+        ...f,
+        "aria-expanded": !t && r
+      },
+      /* @__PURE__ */ e.createElement("div", { className: n("d-flex align-items-center", I) }, l && /* @__PURE__ */ e.createElement(d, { icon: l, className: "mr-3" }), !t && /* @__PURE__ */ e.createElement(
+        d,
+        {
+          className: R,
+          icon: r ? "chevron-down" : "chevron-right"
+        }
+      ), /* @__PURE__ */ e.createElement("div", { className: n(x, t && "visually-hidden") }, N))
+    )
+  ), r && (t ? /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, c) : c)) : /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: v,
+      className: n(S({
+        selected: u
+      }), t && !l && "visually-hidden")
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        className: g,
+        tabIndex: 0,
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.currentTarget.click());
+        },
+        ...f
+      },
+      /* @__PURE__ */ e.createElement("div", { className: n("d-flex align-items-center", I) }, l && /* @__PURE__ */ e.createElement(d, { icon: l, className: "mr-2" }), /* @__PURE__ */ e.createElement("div", { className: n(x, t && "visually-hidden") }, N))
+    )
+  ));
+}
+o.set(m, {
+  name: "ProductBarVerticalItem",
+  props: {
+    keyId: { type: "string", required: !0 },
+    as: { type: "string" },
+    active: { type: "boolean", required: !0 },
+    collapsed: { type: "boolean", required: !1 },
+    icon: { type: "string", required: !1 },
+    isMinimized: { type: "boolean", required: !1 },
+    onExpandSidebar: { type: "function", required: !1 }
+  }
+});
+export {
+  m as ProductBarVerticalItem
+};

package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ProductBarVerticalSection({ children, className, title, onSelect, isMinimized, isMinimizable, onExpandSidebar, ...rest }: ComponentProps<{
+    title?: string;
+    onSelect?: (string: string) => void;
+    isMinimized?: boolean;
+    isMinimizable?: boolean;
+    onExpandSidebar?: () => void;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ProductBarVerticalSection.d.ts.map

package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBarVerticalSection.d.ts","sourceRoot":"","sources":["../../../src/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,wBAAgB,yBAAyB,CAAC,EACxC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAoBrB"}

package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.js

@@ -0,0 +1,30 @@
+import * as t from "react";
+import { Metadata as p, selectChildren as d } from "@sps-woodland/core";
+import { ProductBarVerticalItem as u } from "../product-bar-vertical-item/ProductBarVerticalItem.js";
+import { productBarVerticalSection as f, productBarVerticalBranch as B } from "../product-bar-vertical/ProductBarVertical.ve.js";
+const V = "file";
+function C({
+  children: o,
+  className: E,
+  title: S,
+  onSelect: N,
+  isMinimized: a,
+  isMinimizable: c,
+  onExpandSidebar: n,
+  ...i
+}) {
+  const [l, m] = d(o, [
+    { type: u }
+  ]), s = l.map((e) => {
+    if (!t.isValidElement(e)) return e;
+    const r = { isMinimized: a, onExpandSidebar: n };
+    return c && !e.props.icon && (r.icon = V), t.cloneElement(e, r);
+  });
+  return /* @__PURE__ */ t.createElement("div", { className: f, ...i }, /* @__PURE__ */ t.createElement("ul", { className: B }, s), m);
+}
+p.set(C, {
+  name: "ProductBarVerticalSection"
+});
+export {
+  C as ProductBarVerticalSection
+};

package/lib/product-bar-vertical/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb800{word-wrap:break-word;background-clip:border-box;background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.125rem;display:flex;flex-direction:column;width:19.25rem;height:100vh;position:sticky;top:0;overflow-y:auto}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb801{width:48px;overflow:hidden}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb802{position:sticky;top:0;z-index:1}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb803{position:absolute;right:.625rem;width:1.625rem;top:50%;transform:translateY(-50%)}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb804{top:3rem;transform:none}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb806{background-color:#fff;border-bottom:.0625rem solid #d2d4d4ff;margin-bottom:0;padding:.5rem;display:flex;flex-direction:column;justify-content:center;height:3.5rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb807{height:5.625rem;padding:.98rem .5rem;justify-content:start}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb809{align-content:center;cursor:pointer;display:flex;text-decoration:none}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb809:hover{text-decoration:none}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80a{align-content:center;display:flex;height:1.5rem;width:1.5rem;margin-right:.5rem;margin-left:3px}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80b{margin-left:auto;margin-right:auto}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80d{align-content:center;color:#1f282c;display:flex;font-size:1rem;font-weight:600}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80e{margin:0}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80e:last-of-type{border-bottom:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80e+.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80e{border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80f{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g{list-style:none;margin:0;padding-left:0}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h{display:block;width:100%}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80i{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80j:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k{display:block;width:100%}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80l{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80m:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80n{font-size:.625rem;vertical-align:middle;display:inline-block;line-height:1.25rem;margin-top:0;margin-right:.25rem;margin-bottom:0;margin-left:-.875rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o{color:inherit;cursor:pointer;display:flex;font-size:.875rem;line-height:1.5rem;padding-top:.5rem;padding-right:1rem;padding-bottom:.5rem;text-decoration:none;min-height:2.5rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o:hover{color:inherit;text-decoration:none}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{flex:1;padding-left:1rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80q>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>li>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{margin-left:2rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80r{display:flex;justify-content:space-between;align-items:center;width:100%}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__version_8_53_6__hash_1l0rb80u{background-color:#fff!important;color:#4b5356!important}

package/lib/progress-indicators/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./progress-bar/ProgressBar";
+export * from "./progress-bar/progress-bar-step/ProgressBarStep";
+export * from "./progress-ring/ProgressRing";
+//# sourceMappingURL=index.d.ts.map

package/lib/progress-indicators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/progress-indicators/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kDAAkD,CAAC;AACjE,cAAc,8BAA8B,CAAC"}

package/lib/progress-indicators/index.js

@@ -0,0 +1,264 @@
+import * as r from "react";
+import { Metadata as w, useElementId as E, cl as v, Icon as N, selectChildren as B } from "@sps-woodland/core";
+import { Button as P } from "@sps-woodland/core/button";
+import { SpsTooltip as O } from "@spscommerce/ds-react";
+import { useWoodlandLanguage as V } from "@spscommerce/i18n";
+import { Tokens as d } from "@sps-woodland/tokens";
+function S(e, _, o) {
+  return _ in e ? Object.defineProperty(e, _, {
+    value: o,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[_] = o, e;
+}
+function k(e, _) {
+  var o = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    _ && (s = s.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), o.push.apply(o, s);
+  }
+  return o;
+}
+function b(e) {
+  for (var _ = 1; _ < arguments.length; _++) {
+    var o = arguments[_] != null ? arguments[_] : {};
+    _ % 2 ? k(Object(o), !0).forEach(function(s) {
+      S(e, s, o[s]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : k(Object(o)).forEach(function(s) {
+      Object.defineProperty(e, s, Object.getOwnPropertyDescriptor(o, s));
+    });
+  }
+  return e;
+}
+var j = (e, _, o) => {
+  for (var s of Object.keys(e)) {
+    var a;
+    if (e[s] !== ((a = _[s]) !== null && a !== void 0 ? a : o[s]))
+      return !1;
+  }
+  return !0;
+}, h = (e) => (_) => {
+  var o = e.defaultClassName, s = b(b({}, e.defaultVariants), _);
+  for (var a in s) {
+    var n, t = (n = s[a]) !== null && n !== void 0 ? n : e.defaultVariants[a];
+    if (t != null) {
+      var l = t;
+      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
+      var p = (
+        // @ts-expect-error
+        e.variantClassNames[a][l]
+      );
+      p && (o += " " + p);
+    }
+  }
+  for (var [i, g] of e.compoundVariants)
+    j(i, s, e.defaultVariants) && (o += " " + g);
+  return o;
+}, D = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq0", x = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq1", T = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq2", I = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq3", R = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq4", W = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq5", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq6", false: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq7" }, disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq8", false: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aq9" }, color: { purple: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqa", blue: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqb", red: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqc", orange: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqd", grey: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqe" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), $ = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqf", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqg", false: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), M = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqi", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqj", false: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqk" }, disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aql", false: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqm" }, color: { purple: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqn", blue: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqo", red: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqp", orange: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqq", grey: "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqr" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqs"]] }), F = "pkg_sps-woodland_core__version_8_53_6__hash_aun9aqt", A = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf80", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf81", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf82" }, disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf83", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf84" }, color: { purple: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf85", blue: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf86", red: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf87", orange: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf88", grey: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf89" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), H = h({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8a", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8b" }, color: { purple: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8c", blue: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8d", red: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8e", orange: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8f", grey: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8g" }, disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8h", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8i" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), K = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8j", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8k", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8l" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), L = h({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8m", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8n", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8o" }, disabled: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8p", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8q" }, barCompleted: { true: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8r", false: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8s" }, color: { purple: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8t", red: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8u", blue: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8v", orange: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8w", grey: "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8x" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8y"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf8z"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf810"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf811"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf812"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf813"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf814"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_core__version_8_53_6__hash_2etnf815"]] });
+function C({
+  className: e,
+  title: _,
+  description: o,
+  icon: s,
+  complete: a = !1,
+  disabled: n,
+  barCompleted: t,
+  progressColor: l,
+  ...p
+}) {
+  const i = E().current || void 0;
+  return /* @__PURE__ */ r.createElement(
+    "li",
+    {
+      id: i,
+      className: v(
+        L({
+          stepCompleted: a,
+          disabled: n,
+          barCompleted: t,
+          color: l
+        }),
+        e
+      ),
+      ...p
+    },
+    s && /* @__PURE__ */ r.createElement(
+      N,
+      {
+        icon: s,
+        size: "sm",
+        className: K({
+          stepCompleted: a
+        })
+      }
+    ),
+    _ && i && /* @__PURE__ */ r.createElement(O, { for: i, title: _ }, o)
+  );
+}
+w.set(C, {
+  name: "ProgressBarStep",
+  props: {
+    icon: { type: "IconName" },
+    complete: { type: "boolean" },
+    title: { type: "string" },
+    description: { type: "string" }
+  }
+});
+function G({
+  className: e,
+  children: _,
+  detail: o,
+  disabled: s,
+  onClose: a,
+  percentComplete: n = 0,
+  title: t,
+  showStepsCounter: l,
+  progressColor: p = "purple",
+  ...i
+}) {
+  const { t: g } = V(), [f, y] = r.useState([]), [c] = B(_, [
+    { type: C }
+  ]);
+  r.useEffect(() => {
+    let u = [];
+    c.forEach((m) => {
+      m.hasOwnProperty("props") && m.props.complete === !0 && u.push(m), y(u);
+    });
+  }, []), n && c && console.warn(
+    [
+      "The percentComplete prop can't be used with the ProgressBarStep subcomponent.",
+      "The progress will be determined by how many nested ProgressBarStep components have the completed prop."
+    ].join(" ")
+  );
+  const q = r.Children.map(_, (u) => r.isValidElement(u) ? r.cloneElement(u, {
+    disabled: s,
+    barCompleted: f.length === c.length,
+    progressColor: p
+  }) : u);
+  return /* @__PURE__ */ r.createElement("div", { className: v(D, e), ...i }, /* @__PURE__ */ r.createElement("div", { className: x }, t && /* @__PURE__ */ r.createElement("div", { className: I }, /* @__PURE__ */ r.createElement("div", { className: R }, t), c.length > 0 ? /* @__PURE__ */ r.createElement(r.Fragment, null, l === !0 && /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: A({
+        barCompleted: f.length === c.length,
+        disabled: s,
+        color: p
+      })
+    },
+    `${f.length} of ${c.length} Complete`
+  )) : /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: W({
+        completed: n === 1,
+        disabled: s,
+        color: p
+      })
+    },
+    `${Math.floor(n * 100)}%`
+  )), c.length > 0 ? /* @__PURE__ */ r.createElement(
+    "ul",
+    {
+      className: v(
+        H({
+          barCompleted: f.length === c.length,
+          disabled: s,
+          color: p
+        }),
+        "d-flex align-items-center list-unstyled mb-0"
+      )
+    },
+    q
+  ) : /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: $({
+        disabled: s
+      })
+    },
+    /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        className: M({
+          completed: n === 1,
+          disabled: s,
+          color: p
+        }),
+        style: { width: `${n * 100}%` }
+      }
+    )
+  ), o && /* @__PURE__ */ r.createElement("div", { className: F }, o)), a && n !== 1 && /* @__PURE__ */ r.createElement("div", { className: T }, /* @__PURE__ */ r.createElement(
+    P,
+    {
+      kind: "icon",
+      icon: "x",
+      onClick: a,
+      title: g("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
+    }
+  )));
+}
+w.set(G, {
+  name: "Progress Bar",
+  props: {
+    detail: { type: "string" },
+    disabled: { type: "boolean" },
+    onClose: { type: "() => void" },
+    percentComplete: { type: "number", default: "0" },
+    progressColor: { type: '"purple" | "blue" | "red" | "orange" | "grey"', default: '"purple"' }
+  }
+});
+function J({
+  className: e,
+  size: _ = "sm",
+  progress: o = 0,
+  ...s
+}) {
+  const n = d.component["progress-ring"][_] - 4, t = n * 2 * Math.PI, l = t - o / 100 * t;
+  return /* @__PURE__ */ r.createElement("div", { className: e, ...s }, /* @__PURE__ */ r.createElement(
+    "svg",
+    {
+      height: d.component["progress-ring"][_] * 2,
+      width: d.component["progress-ring"][_] * 2,
+      style: { transform: "rotate(-90deg)" }
+    },
+    /* @__PURE__ */ r.createElement(
+      "circle",
+      {
+        stroke: d.color.grey["medium-light"],
+        fill: "transparent",
+        strokeWidth: 4,
+        strokeDasharray: `${t} ${t}`,
+        r: n,
+        cx: d.component["progress-ring"][_],
+        cy: d.component["progress-ring"][_]
+      }
+    ),
+    /* @__PURE__ */ r.createElement(
+      "circle",
+      {
+        stroke: d.color.purple.medium,
+        fill: "transparent",
+        strokeWidth: 4,
+        strokeDasharray: `${t} ${t}`,
+        style: { strokeDashoffset: l },
+        r: n,
+        cx: d.component["progress-ring"][_],
+        cy: d.component["progress-ring"][_]
+      }
+    )
+  ));
+}
+w.set(J, {
+  name: "Progress Ring",
+  props: {
+    size: { type: '"sm" | "md" | "lg"', default: '"sm"' },
+    progress: { type: "number", default: "0" }
+  }
+});
+export {
+  G as ProgressBar,
+  C as ProgressBarStep,
+  J as ProgressRing
+};

package/lib/progress-indicators/index.umd.cjs

@@ -0,0 +1 @@
+(function(t,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],m):(t=typeof globalThis<"u"?globalThis:t||self,m(t.ProgressIndicators={},t.React,t.core,t.button,t.dsReact,t.i18n,t.tokens))})(this,(function(t,m,c,B,E,N,i){"use strict";function O(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const o=O(m);function V(e,_,r){return _ in e?Object.defineProperty(e,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[_]=r,e}function y(e,_){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);_&&(s=s.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,s)}return r}function C(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?y(Object(r),!0).forEach(function(s){V(e,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))})}return e}var j=(e,_,r)=>{for(var s of Object.keys(e)){var a;if(e[s]!==((a=_[s])!==null&&a!==void 0?a:r[s]))return!1}return!0},h=e=>_=>{var r=e.defaultClassName,s=C(C({},e.defaultVariants),_);for(var a in s){var n,l=(n=s[a])!==null&&n!==void 0?n:e.defaultVariants[a];if(l!=null){var p=l;typeof p=="boolean"&&(p=p===!0?"true":"false");var d=e.variantClassNames[a][p];d&&(r+=" "+d)}}for(var[f,k]of e.compoundVariants)j(f,s,e.defaultVariants)&&(r+=" "+k);return r},S="pkg_sps-woodland_core__version_8_53_6__hash_aun9aq0",T="pkg_sps-woodland_core__version_8_53_6__hash_aun9aq1",D="pkg_sps-woodland_core__version_8_53_6__hash_aun9aq2",R="pkg_sps-woodland_core__version_8_53_6__hash_aun9aq3",M="pkg_sps-woodland_core__version_8_53_6__hash_aun9aq4",I=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aq5",variantClassNames:{completed:{true:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aq6",false:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aq7"},disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aq8",false:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aq9"},color:{purple:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqa",blue:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqb",red:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqc",orange:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqd",grey:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqe"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),x=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqf",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqg",false:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),W=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqi",variantClassNames:{completed:{true:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqj",false:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqk"},disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aql",false:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqm"},color:{purple:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqn",blue:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqo",red:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqp",orange:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqq",grey:"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqr"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_core__version_8_53_6__hash_aun9aqs"]]}),$="pkg_sps-woodland_core__version_8_53_6__hash_aun9aqt",F=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf80",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf81",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf82"},disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf83",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf84"},color:{purple:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf85",blue:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf86",red:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf87",orange:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf88",grey:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf89"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),A=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8a",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8b"},color:{purple:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8c",blue:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8d",red:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8e",orange:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8f",grey:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8g"},disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8h",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8i"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),H=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8j",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8k",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8l"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),K=h({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8m",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8n",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8o"},disabled:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8p",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8q"},barCompleted:{true:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8r",false:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8s"},color:{purple:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8t",red:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8u",blue:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8v",orange:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8w",grey:"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8x"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8y"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf8z"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf810"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf811"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf812"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf813"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf814"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_core__version_8_53_6__hash_2etnf815"]]});function w({className:e,title:_,description:r,icon:s,complete:a=!1,disabled:n,barCompleted:l,progressColor:p,...d}){const f=c.useElementId().current||void 0;return o.createElement("li",{id:f,className:c.cl(K({stepCompleted:a,disabled:n,barCompleted:l,color:p}),e),...d},s&&o.createElement(c.Icon,{icon:s,size:"sm",className:H({stepCompleted:a})}),_&&f&&o.createElement(E.SpsTooltip,{for:f,title:_},r))}c.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function q({className:e,children:_,detail:r,disabled:s,onClose:a,percentComplete:n=0,title:l,showStepsCounter:p,progressColor:d="purple",...f}){const{t:k}=N.useWoodlandLanguage(),[v,L]=o.useState([]),[u]=c.selectChildren(_,[{type:w}]);o.useEffect(()=>{let g=[];u.forEach(b=>{b.hasOwnProperty("props")&&b.props.complete===!0&&g.push(b),L(g)})},[]),n&&u&&console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.","The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));const G=o.Children.map(_,g=>o.isValidElement(g)?o.cloneElement(g,{disabled:s,barCompleted:v.length===u.length,progressColor:d}):g);return o.createElement("div",{className:c.cl(S,e),...f},o.createElement("div",{className:T},l&&o.createElement("div",{className:R},o.createElement("div",{className:M},l),u.length>0?o.createElement(o.Fragment,null,p===!0&&o.createElement("div",{className:F({barCompleted:v.length===u.length,disabled:s,color:d})},`${v.length} of ${u.length} Complete`)):o.createElement("div",{className:I({completed:n===1,disabled:s,color:d})},`${Math.floor(n*100)}%`)),u.length>0?o.createElement("ul",{className:c.cl(A({barCompleted:v.length===u.length,disabled:s,color:d}),"d-flex align-items-center list-unstyled mb-0")},G):o.createElement("div",{className:x({disabled:s})},o.createElement("div",{className:W({completed:n===1,disabled:s,color:d}),style:{width:`${n*100}%`}})),r&&o.createElement("div",{className:$},r)),a&&n!==1&&o.createElement("div",{className:D},o.createElement(B.Button,{kind:"icon",icon:"x",onClick:a,title:k("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}c.Metadata.set(q,{name:"Progress Bar",props:{detail:{type:"string"},disabled:{type:"boolean"},onClose:{type:"() => void"},percentComplete:{type:"number",default:"0"},progressColor:{type:'"purple" | "blue" | "red" | "orange" | "grey"',default:'"purple"'}}});function P({className:e,size:_="sm",progress:r=0,...s}){const n=i.Tokens.component["progress-ring"][_]-4,l=n*2*Math.PI,p=l-r/100*l;return o.createElement("div",{className:e,...s},o.createElement("svg",{height:i.Tokens.component["progress-ring"][_]*2,width:i.Tokens.component["progress-ring"][_]*2,style:{transform:"rotate(-90deg)"}},o.createElement("circle",{stroke:i.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${l} ${l}`,r:n,cx:i.Tokens.component["progress-ring"][_],cy:i.Tokens.component["progress-ring"][_]}),o.createElement("circle",{stroke:i.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${l} ${l}`,style:{strokeDashoffset:p},r:n,cx:i.Tokens.component["progress-ring"][_],cy:i.Tokens.component["progress-ring"][_]})))}c.Metadata.set(P,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}}),t.ProgressBar=q,t.ProgressBarStep=w,t.ProgressRing=P,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));