npm - @sps-woodland/core - Versions diffs - 8.50.2 → 8.51.1 - Mend

@sps-woodland/core 8.50.2 → 8.51.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (737) hide show

package/lib/product-bar-vertical/index.js ADDED Viewed

@@ -0,0 +1,261 @@
+import * as e from "react";
+import { Metadata as g, selectChildren as V, modChildren as D, cl as u, Icon as N } from "@sps-woodland/core";
+import { Button as A } from "@sps-woodland/core/button";
+function H(a, s, t) {
+  return s in a ? Object.defineProperty(a, s, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : a[s] = t, a;
+}
+function O(a, s) {
+  var t = Object.keys(a);
+  if (Object.getOwnPropertySymbols) {
+    var _ = Object.getOwnPropertySymbols(a);
+    s && (_ = _.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(a, n).enumerable;
+    })), t.push.apply(t, _);
+  }
+  return t;
+}
+function P(a) {
+  for (var s = 1; s < arguments.length; s++) {
+    var t = arguments[s] != null ? arguments[s] : {};
+    s % 2 ? O(Object(t), !0).forEach(function(_) {
+      H(a, _, t[_]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(t)) : O(Object(t)).forEach(function(_) {
+      Object.defineProperty(a, _, Object.getOwnPropertyDescriptor(t, _));
+    });
+  }
+  return a;
+}
+var K = (a, s, t) => {
+  for (var _ of Object.keys(a)) {
+    var n;
+    if (a[_] !== ((n = s[_]) !== null && n !== void 0 ? n : t[_]))
+      return !1;
+  }
+  return !0;
+}, b = (a) => (s) => {
+  var t = a.defaultClassName, _ = P(P({}, a.defaultVariants), s);
+  for (var n in _) {
+    var d, r = (d = _[n]) !== null && d !== void 0 ? d : a.defaultVariants[n];
+    if (r != null) {
+      var m = r;
+      typeof m == "boolean" && (m = m === !0 ? "true" : "false");
+      var v = (
+        // @ts-expect-error
+        a.variantClassNames[n][m]
+      );
+      v && (t += " " + v);
+    }
+  }
+  for (var [c, f] of a.compoundVariants)
+    K(c, _, a.defaultVariants) && (t += " " + f);
+  return t;
+}, R = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb800", W = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb801", F = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb802", G = b({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb803", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb804", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb805" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), J = b({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb806", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb807", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb808" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), Q = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb809", U = b({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80a", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80b", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80c" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), X = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80d", Y = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80e", j = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80f", Z = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80g", z = b({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80h", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80i", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80j" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), $ = b({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80k", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80l", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80m" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), M = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80n", x = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80o", I = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80p", ee = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80q", S = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80r", ae = b({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80s", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80t" } }, defaultVariants: {}, compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80u"]] });
+function y({
+  children: a,
+  className: s,
+  as: t,
+  keyId: _,
+  active: n = !1,
+  collapsed: d = !1,
+  isMinimized: r = !1,
+  isMinimizable: m = !1,
+  onExpandSidebar: v,
+  icon: c,
+  ...f
+}) {
+  const i = t ?? "a", [h, w] = V(a, [{ type: y }]), [p, l] = e.useState(!d), [E] = V(a, [{ type: y }], !0), k = E.some((o) => o.props.active), T = n || !p && k, B = e.useRef(null), C = D(
+    w,
+    (o) => o.type?.displayName === "SpsTag" || g.isWoodlandComponent(o.type) && g.get(o.type).name === "Tag" ? [
+      {
+        className: u(o.props?.className, ae({ active: T }))
+      }
+    ] : []
+  );
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, h.length ? /* @__PURE__ */ e.createElement("ul", { className: u(Z, c && ee, r && !c && "visually-hidden") }, /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: B,
+      "data-selected": (r || !p) && k,
+      className: $({
+        selected: (r || !p) && k
+      }),
+      "aria-expanded": !r && p,
+      onClick: () => r ? v?.() : l(!p)
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        className: x,
+        tabIndex: 0,
+        onKeyDown: (o) => {
+          (o.key === "Enter" || o.key === " ") && (o.preventDefault(), r ? v?.() : l(!p));
+        },
+        ...f,
+        "aria-expanded": !r && p
+      },
+      /* @__PURE__ */ e.createElement("div", { className: u("d-flex align-items-center", I) }, c && /* @__PURE__ */ e.createElement(N, { icon: c, className: "mr-3" }), !r && /* @__PURE__ */ e.createElement(
+        N,
+        {
+          className: M,
+          icon: p ? "chevron-down" : "chevron-right"
+        }
+      ), /* @__PURE__ */ e.createElement("div", { className: u(S, r && "visually-hidden") }, C))
+    )
+  ), p && (r ? /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, h) : h)) : /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: B,
+      className: u(z({
+        selected: n
+      }), r && !c && "visually-hidden")
+    },
+    /* @__PURE__ */ e.createElement(
+      i,
+      {
+        className: x,
+        tabIndex: 0,
+        onKeyDown: (o) => {
+          (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.currentTarget.click());
+        },
+        ...f
+      },
+      /* @__PURE__ */ e.createElement("div", { className: u("d-flex align-items-center", I) }, c && /* @__PURE__ */ e.createElement(N, { icon: c, className: "mr-2" }), /* @__PURE__ */ e.createElement("div", { className: u(S, r && "visually-hidden") }, C))
+    )
+  ));
+}
+g.set(y, {
+  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 }
+  }
+});
+const re = "file";
+function q({
+  children: a,
+  className: s,
+  title: t,
+  onSelect: _,
+  isMinimized: n,
+  isMinimizable: d,
+  onExpandSidebar: r,
+  ...m
+}) {
+  const [v, c] = V(a, [
+    { type: y }
+  ]), f = v.map((i) => {
+    if (!e.isValidElement(i)) return i;
+    const h = { isMinimized: n, onExpandSidebar: r };
+    return d && !i.props.icon && (h.icon = re), e.cloneElement(i, h);
+  });
+  return /* @__PURE__ */ e.createElement("div", { className: Y, ...m }, /* @__PURE__ */ e.createElement("ul", { className: j }, f), c);
+}
+g.set(q, {
+  name: "ProductBarVerticalSection"
+});
+function L({
+  className: a,
+  name: s,
+  logoSrc: t,
+  href: _,
+  isMinimized: n,
+  ...d
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: u(J({ minimized: !!n }), a), ...d }, /* @__PURE__ */ e.createElement(
+    "a",
+    {
+      className: Q,
+      href: _,
+      tabIndex: 0,
+      onKeyDown: (r) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+      }
+    },
+    t && /* @__PURE__ */ e.createElement(
+      "img",
+      {
+        className: U({ minimized: !!n }),
+        src: t,
+        "aria-hidden": "true",
+        alt: `${s} Logo`
+      }
+    ),
+    !n && s && /* @__PURE__ */ e.createElement("span", { className: X }, s)
+  ));
+}
+g.set(L, {
+  name: "ProductBarVerticalHeader",
+  props: {
+    name: { type: "string" },
+    logoSrc: { type: "string" },
+    isMinimized: { type: "boolean" }
+  }
+});
+function te({
+  children: a,
+  className: s,
+  isMinimizable: t,
+  initialIsMinimized: _ = !1,
+  onMinimizeToggle: n,
+  ...d
+}) {
+  const [r, m] = e.useState(_), [v, c, f] = V(a, [
+    { type: L },
+    { type: q },
+    { type: y }
+  ]);
+  function i() {
+    const l = !r;
+    m(l), n && n(l);
+  }
+  const h = e.Children.map(
+    v,
+    (l) => e.isValidElement(l) ? e.cloneElement(l, { isMinimized: r }) : l
+  ), w = c.map(
+    (l) => e.isValidElement(l) ? e.cloneElement(l, { isMinimized: r, isMinimizable: t, onExpandSidebar: i }) : l
+  ), p = D(f, (l) => {
+    const E = { isMinimized: r, isMinimizable: t, onExpandSidebar: i };
+    return t && !l.props.icon && (E.icon = "file"), [E];
+  }, !1);
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: u(
+        R,
+        r && W,
+        s
+      ),
+      ...d
+    },
+    /* @__PURE__ */ e.createElement("div", { className: F }, h, t && /* @__PURE__ */ e.createElement("div", { className: u(G({ minimized: r })) }, /* @__PURE__ */ e.createElement(
+      A,
+      {
+        kind: "icon",
+        icon: r ? "chevron-right" : "chevron-left",
+        onClick: i,
+        "aria-expanded": !r
+      }
+    ))),
+    e.Children.toArray(w),
+    /* @__PURE__ */ e.createElement("ul", { className: j }, e.Children.toArray(p))
+  );
+}
+g.set(te, {
+  name: "ProductBarVertical"
+});
+export {
+  te as ProductBarVertical,
+  L as ProductBarVerticalHeader,
+  y as ProductBarVerticalItem,
+  q as ProductBarVerticalSection
+};

package/lib/product-bar-vertical/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.css.d.ts ADDED Viewed

@@ -0,0 +1,78 @@
+export declare const productBarVerticalContainer: string;
+export declare const productBarVerticalCollapsed: string;
+export declare const productBarVerticalHeaderWrapper: string;
+export declare const productBarVerticalCollapseButton: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    minimized: {
+        true: {
+            top: "3rem";
+            transform: "none";
+        };
+        false: {};
+    };
+}>;
+export declare const productBarVerticalHeader: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    minimized: {
+        true: {
+            height: "5.625rem";
+            padding: ".98rem .5rem";
+            justifyContent: "start";
+        };
+        false: {};
+    };
+}>;
+export declare const productBarVerticalBrand: string;
+export declare const productBarVerticalBrandLogo: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    minimized: {
+        true: {
+            marginLeft: "auto";
+            marginRight: "auto";
+        };
+        false: {};
+    };
+}>;
+export declare const productBarVerticalBrandName: string;
+export declare const productBarVerticalSection: string;
+export declare const productBarVerticalBranch: string;
+export declare const productBarVerticalExpand: string;
+export declare const productBarVerticalLeaf: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    selected: {
+        true: {
+            backgroundColor: string;
+            color: string;
+        };
+        false: {
+            selectors: {
+                "&:hover": {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+}>;
+export declare const productBarVerticalExpandLeaf: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    selected: {
+        true: {
+            backgroundColor: string;
+            color: string;
+        };
+        false: {
+            selectors: {
+                "&:hover": {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+}>;
+export declare const productBarVerticalExpandIcon: string;
+export declare const productBarVerticalLink: string;
+export declare const productBarVerticalLinkInner: string;
+export declare const productBarVerticalExpandWithIcon: string;
+export declare const productBarVerticalLinkContent: string;
+export declare const tabTag: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    active: {
+        true: {};
+        false: {};
+    };
+}>;
+//# sourceMappingURL=ProductBarVertical.css.d.ts.map

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.css.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProductBarVertical.css.d.ts","sourceRoot":"","sources":["../../../src/product-bar-vertical/product-bar-vertical/ProductBarVertical.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,2BAA2B,QAetC,CAAC;AAEH,eAAO,MAAM,2BAA2B,QAGtC,CAAC;AAEH,eAAO,MAAM,+BAA+B,QAI1C,CAAC;AAEH,eAAO,MAAM,gCAAgC;;;;;;;;EAoB3C,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;EAwBnC,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAUlC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;;EAqBtC,CAAC;AAEH,eAAO,MAAM,2BAA2B,QAMtC,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAKpC,CAAC;AAMH,eAAO,MAAM,wBAAwB,QAOnC,CAAC;AAEH,eAAO,MAAM,wBAAwB,QAInC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;EAuBjC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;EAuBvC,CAAC;AAEH,eAAO,MAAM,4BAA4B,QASvC,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAiBjC,CAAC;AAEH,eAAO,MAAM,2BAA2B,QAGtC,CAAC;AAEH,eAAO,MAAM,gCAAgC,QAAY,CAAC;AAS1D,eAAO,MAAM,6BAA6B,QAKxC,CAAC;AA8DH,eAAO,MAAM,MAAM;;;;;EAiBjB,CAAC"}

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.css.js ADDED Viewed

@@ -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_51_1__hash_1l0rb800", o = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb801", e = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb802", l = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb803", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb804", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb805" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb806", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb807", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb808" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), n = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb809", p = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80a", variantClassNames: { minimized: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80b", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80c" } }, defaultVariants: { minimized: !1 }, compoundVariants: [] }), i = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80d", t = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80e", c = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80f", h = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80g", v = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80h", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80i", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80j" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), u = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80k", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80l", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80m" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), m = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80n", k = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80o", g = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80p", b = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80q", w = "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80r", V = _({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80s", false: "pkg_sps-woodland_core__version_8_51_1__hash_1l0rb80t" } }, defaultVariants: {}, compoundVariants: [[{ active: !0 }, "pkg_sps-woodland_core__version_8_51_1__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/ProductBarVertical.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ProductBarVertical({ children, className, isMinimizable, initialIsMinimized, onMinimizeToggle, ...rest }: ComponentProps<{
+    isMinimizable?: boolean;
+    initialIsMinimized?: boolean;
+    onMinimizeToggle?: (newValue: boolean) => void;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ProductBarVertical.d.ts.map

package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProductBarVertical.d.ts","sourceRoot":"","sources":["../../../src/product-bar-vertical/product-bar-vertical/ProductBarVertical.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAcnE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,aAAa,EACb,kBAA0B,EAC1B,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CA+DrB"}

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

@@ -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.css.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-header/ProductBarVerticalHeader.d.ts ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.css.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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.css.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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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"}