@sps-woodland/core 8.50.2 → 8.51.0

package/lib/add-to-list/index.js

@@ -0,0 +1,441 @@
+import * as e from "react";
+import { useDrop as xe, useDrag as ke, DragPreview as Ce } from "react-aria";
+import { SpsButton as H, SpsTooltip as Le, useSpsForm as Ee, SpsTextInput as Ne } from "@spscommerce/ds-react";
+import { ButtonKind as B, TooltipShowTrigger as Te, Position as ye, SpsIcon as j } from "@spscommerce/ds-shared";
+import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Oe, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Se } from "@sps-woodland/illustrations";
+import { useChildTestIdAttrBuilder as ce, cl as y, Icon as De, Metadata as pe } from "@sps-woodland/core";
+import { ZeroState as se } from "@sps-woodland/core/zero-state";
+import { Card as re } from "@sps-woodland/core/card";
+import { grid as oe } from "@sps-woodland/tokens";
+import { Tag as Ve } from "@sps-woodland/core/tag";
+import { ScrollableContainer as Ie } from "@sps-woodland/core/scrollable-container";
+import { FeedbackBlock as Me } from "@sps-woodland/core/feedback-block";
+import { useWoodlandLanguage as Q } from "@spscommerce/i18n";
+const Pe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let Ae = (t = 21) => {
+  let o = "", s = crypto.getRandomValues(new Uint8Array(t |= 0));
+  for (; t--; )
+    o += Pe[s[t] & 63];
+  return o;
+};
+function Fe(t, o, s) {
+  return o in t ? Object.defineProperty(t, o, {
+    value: s,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[o] = s, t;
+}
+function ne(t, o) {
+  var s = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    o && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), s.push.apply(s, r);
+  }
+  return s;
+}
+function le(t) {
+  for (var o = 1; o < arguments.length; o++) {
+    var s = arguments[o] != null ? arguments[o] : {};
+    o % 2 ? ne(Object(s), !0).forEach(function(r) {
+      Fe(t, r, s[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(s)) : ne(Object(s)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(s, r));
+    });
+  }
+  return t;
+}
+var Re = (t, o, s) => {
+  for (var r of Object.keys(t)) {
+    var i;
+    if (t[r] !== ((i = o[r]) !== null && i !== void 0 ? i : s[r]))
+      return !1;
+  }
+  return !0;
+}, k = (t) => (o) => {
+  var s = t.defaultClassName, r = le(le({}, t.defaultVariants), o);
+  for (var i in r) {
+    var h, f = (h = r[i]) !== null && h !== void 0 ? h : t.defaultVariants[i];
+    if (f != null) {
+      var g = f;
+      typeof g == "boolean" && (g = g === !0 ? "true" : "false");
+      var n = (
+        // @ts-expect-error
+        t.variantClassNames[i][g]
+      );
+      n && (s += " " + n);
+    }
+  }
+  for (var [C, L] of t.compoundVariants)
+    Re(C, r, t.defaultVariants) && (s += " " + L);
+  return s;
+}, je = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx91", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), He = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx94", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), _e = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx96", Be = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx98", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9a", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9c", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), qe = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9f", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9i", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9k", Ze = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9l", We = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9m", Ke = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9o", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), $e = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9q", me = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9s", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9v", false: "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), X = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9x", Je = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9z", ze = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx910", Qe = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx911", Ye = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx912", et = "pkg_sps-woodland_core__version_8_51_0__hash_13b8tx913";
+function de({
+  headerText: t,
+  showCount: o,
+  showIcons: s,
+  showMoveAllLinks: r,
+  showMoreOptionsText: i,
+  disableMoveAllLinks: h,
+  maxHeight: f,
+  children: g,
+  side: n,
+  itemCount: C,
+  otherHeader: L,
+  className: q,
+  vertical: w,
+  moveAll: E,
+  adjustForPhantomDroppableContainer: O,
+  "data-testid": x
+}) {
+  const S = ce({ "data-testid": x }), { t: v } = Q(), m = v(n === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), N = n === "left" ? "eye" : "eye-slash", U = v(n === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), Z = v("addToList.moveAllItemsToCol", {
+    columnName: L || U
+  }), c = w ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: Be({
+        isLeftSide: n === "left",
+        isRightSide: n === "right",
+        adjustForPhantomDroppableContainer: !!O && n === "left"
+      })
+    }
+  );
+  function W() {
+    E && typeof E == "function" && E(n);
+  }
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: y(Ue({ vertical: w }), q),
+      "data-testid": x
+    },
+    /* @__PURE__ */ e.createElement("div", { className: Je, ...S("column-header") }, s && /* @__PURE__ */ e.createElement(De, { icon: N, className: Xe }), t || m, o && /* @__PURE__ */ e.createElement(Ve, { kind: "key", className: ze }, C)),
+    f ? /* @__PURE__ */ e.createElement("div", { className: _e }, c, /* @__PURE__ */ e.createElement(Ie, { maxHeight: f }, g)) : /* @__PURE__ */ e.createElement("div", { className: _e }, c, g),
+    r && C > 0 && /* @__PURE__ */ e.createElement(
+      H,
+      {
+        className: O && n === "right" ? et : void 0,
+        kind: B.LINK,
+        onClick: W,
+        disabled: h,
+        ...S("move-all-button")
+      },
+      Z
+    ),
+    i && C > 0 && /* @__PURE__ */ e.createElement(Me, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." }))
+  );
+}
+function z({
+  className: t,
+  children: o,
+  filtering: s,
+  manualSorting: r,
+  id: i,
+  "data-testid": h
+}) {
+  const { t: f } = Q();
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      role: "listitem",
+      className: y(
+        t,
+        me({ isDropTarget: !1 }),
+        We,
+        "listitem-component"
+      ),
+      "data-testid": h
+    },
+    r && s && /* @__PURE__ */ e.createElement(
+      "i",
+      {
+        className: Ze,
+        id: `list-item-${i}-drag-handle`
+      }
+    ),
+    o
+  ), r && s && /* @__PURE__ */ e.createElement(
+    Le,
+    {
+      for: `list-item-${i}-drag-handle`,
+      position: ye.TOP_LEFT,
+      showOn: Te.CLICK
+    },
+    f("addToList.disabledDragTooltip", {
+      defaultValue: "Drag and drop are disabled when filters are engaged"
+    })
+  ));
+}
+pe.set(z, { name: "ListItem" });
+function tt({
+  onList: t,
+  offList: o,
+  onHeader: s,
+  offHeader: r,
+  showFilter: i,
+  showCount: h,
+  showIcons: f,
+  showMoveAllLinks: g,
+  manualSort: n,
+  maxDisplayedItems: C,
+  maxHeightPx: L,
+  maxHeightRem: q,
+  onChange: w,
+  onListZeroState: E,
+  offListZeroState: O,
+  vertical: x = !1,
+  onListAlphaSort: S = !0,
+  "data-testid": v
+}) {
+  const m = ce({ "data-testid": v }), { t: N } = Q(), { formValue: U, formMeta: Z } = Ee({
+    filterString: ""
+  }), [c, W] = e.useState(""), K = L ? L / 16 : q, Y = K ? `${K}rem` : "", D = e.useCallback(
+    (a, l) => (!n && S || l === "right" ? [...a].sort((p, d) => p.label.localeCompare(d.label)) : a).map((p) => {
+      const d = { ...p };
+      return d.id || (d.id = Ae()), d;
+    }),
+    [n, S]
+  ), _ = e.useMemo(() => D(t, "left"), [t, D]), u = e.useMemo(() => D(o, "right"), [o, D]), V = e.useCallback((a) => c ? a.label.toLowerCase().includes(c.toLowerCase()) : !0, [c]), $ = (a, l, b) => {
+    const p = b.find((d) => d.label === a);
+    p ? l === _ ? w({
+      onList: [..._, p],
+      offList: u.filter((d) => d.label !== p.label)
+    }) : b === _ && w({
+      onList: _.filter((d) => d.label !== p.label),
+      offList: [...u, p]
+    }) : console.error("could not remove item");
+  };
+  function ue(a) {
+    W(a.target.value);
+  }
+  function ee(a) {
+    w(a === "left" ? {
+      onList: _.filter((l) => l.required),
+      offList: [...u, ..._.filter((l) => !l.required)]
+    } : {
+      onList: [..._, ...u],
+      offList: []
+    });
+  }
+  const te = e.useCallback(
+    (a) => {
+      const { className: l, index: b, ...p } = a, d = e.useRef(null), { dropProps: M, isDropTarget: P } = xe({
+        ref: d,
+        async onDrop(G) {
+          let A = await Promise.all(
+            G.items.filter((R) => R.kind === "text" && R.types.has("text/plain")).map((R) => R.getText("text/plain"))
+          );
+          const { index: F } = JSON.parse(A[0]), J = [..._], [be] = J.splice(F, 1), we = b > F ? b - 1 : b;
+          J.splice(we, 0, be), w({
+            onList: J,
+            offList: u
+          });
+        }
+      });
+      return /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: d,
+          ...n ? M : [],
+          role: "button",
+          tabIndex: 0,
+          className: y(l, a.isPhantomDroppableContainer ? Ge({ isDropTarget: P }) : me({ isDropTarget: P })),
+          ...m("droppable-container"),
+          ...p
+        },
+        a.children
+      );
+    },
+    [_, n]
+  ), he = e.useCallback(
+    (a) => {
+      const {
+        label: l,
+        data: b,
+        listIndex: p,
+        required: d
+      } = a, M = e.useRef(null), P = { ...b, index: p }, { dragProps: G, dragButtonProps: A, isDragging: F } = ke({
+        preview: M,
+        hasDragButton: !0,
+        getItems() {
+          return [
+            {
+              "text/plain": JSON.stringify(P)
+            }
+          ];
+        }
+      });
+      return /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ...n ? G : {},
+          role: n ? "button" : "listitem",
+          tabIndex: 0,
+          id: `${l}${p}-drag`,
+          className: y(Ke({ isDragging: F })),
+          ...m("draggable-item")
+        },
+        /* @__PURE__ */ e.createElement(te, { index: p }, n && /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l, !d && /* @__PURE__ */ e.createElement(
+          H,
+          {
+            kind: B.ICON,
+            icon: j.X,
+            onClick: () => {
+              $(l, u, _);
+            },
+            className: X,
+            ...m("move-item-button")
+          }
+        )),
+        /* @__PURE__ */ e.createElement(Ce, { ref: M }, () => /* @__PURE__ */ e.createElement("div", { className: $e }, /* @__PURE__ */ e.createElement("i", { ...A, className: ie }), l))
+      );
+    },
+    [_, n]
+  ), T = e.useMemo(
+    () => _.filter(V),
+    [_, V]
+  ), I = e.useMemo(
+    () => u.filter(V).slice(0, C),
+    [u, V]
+  ), fe = !c && !!g && T.length > 0, ge = !c && !!g && I.length > 0, ve = !c && u.length > I.length, ae = !!n && !c && T.length > 0 && !K;
+  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, i && /* @__PURE__ */ e.createElement("div", { className: oe.root }, /* @__PURE__ */ e.createElement("div", { className: y(oe[12], Ye) }, /* @__PURE__ */ e.createElement(
+    Ne,
+    {
+      value: U.filterString,
+      formMeta: Z.fields.filterString,
+      icon: j.FILTER,
+      onChange: ue,
+      ...m("filter-input")
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: y(je({ vertical: x })) }, /* @__PURE__ */ e.createElement(
+    de,
+    {
+      headerText: s,
+      showCount: !c && h,
+      showIcons: f,
+      showMoveAllLinks: fe,
+      disableMoveAllLinks: _.every((a) => a.required),
+      maxHeight: Y,
+      vertical: x,
+      side: "left",
+      className: He({
+        vertical: x
+      }),
+      otherHeader: r,
+      itemCount: _.length,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
+      ...m("on-items-list")
+    },
+    T.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, n && !c && T.map((a, l) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a.id }, /* @__PURE__ */ e.createElement(
+      he,
+      {
+        data: a,
+        label: a.label,
+        required: a.required,
+        listIndex: l
+      }
+    ), l === T.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: l + 1 }))), (!n || c) && T.map((a) => /* @__PURE__ */ e.createElement(
+      z,
+      {
+        key: a.id,
+        filtering: !!c,
+        manualSorting: n,
+        id: a.id,
+        ...m("item")
+      },
+      a.label,
+      !a.required && /* @__PURE__ */ e.createElement(
+        H,
+        {
+          kind: B.ICON,
+          icon: j.X,
+          onClick: () => {
+            $(a.label, u, _);
+          },
+          className: X,
+          ...m("move-item-button")
+        }
+      )
+    ))) : /* @__PURE__ */ e.createElement(re, null, E ? /* @__PURE__ */ e.createElement(e.Fragment, null, E) : /* @__PURE__ */ e.createElement(
+      se,
+      {
+        heading: N("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: N("addToList.noDataZeroStateOnColumnSubheading", {
+          columnName: r,
+          defaultValue: `Move options from the ${r}`
+        }),
+        artwork: Oe,
+        micro: !0,
+        ...m("on-list-zero-state")
+      }
+    ))
+  ), /* @__PURE__ */ e.createElement(
+    de,
+    {
+      headerText: r,
+      showCount: !c && h,
+      showIcons: f,
+      showMoveAllLinks: ge,
+      showMoreOptionsText: ve,
+      maxHeight: Y,
+      vertical: x,
+      side: "right",
+      className: qe({ vertical: x }),
+      otherHeader: s,
+      itemCount: u.length,
+      moveAll: ee,
+      adjustForPhantomDroppableContainer: ae,
+      ...m("off-items-list")
+    },
+    I.length > 0 ? I.map((a) => /* @__PURE__ */ e.createElement(z, { key: a.id, className: Qe, ...m("item") }, a.label, /* @__PURE__ */ e.createElement(
+      H,
+      {
+        kind: B.ICON,
+        icon: j.PLUS_SIGN,
+        onClick: () => {
+          $(a.label, _, u);
+        },
+        className: X,
+        ...m("move-item-button")
+      }
+    ))) : /* @__PURE__ */ e.createElement(re, null, O ? /* @__PURE__ */ e.createElement(e.Fragment, null, O) : /* @__PURE__ */ e.createElement(
+      se,
+      {
+        heading: N("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+        subHeading: N("addToList.noDataZeroStateOffColumnSubheading", {
+          columnName: s,
+          defaultValue: `Remove options from the ${s}`
+        }),
+        artwork: Se,
+        micro: !0,
+        ...m("off-list-zero-state")
+      }
+    ))
+  )));
+}
+pe.set(tt, {
+  name: "Add To List",
+  props: {
+    onList: { type: "ItemProps[]", required: !0 },
+    offList: { type: "ItemProps[]", required: !0 },
+    onHeader: { type: "string" },
+    offHeader: { type: "string" },
+    showFilter: { type: "boolean" },
+    showCount: { type: "boolean" },
+    showIcons: { type: "boolean" },
+    showMoveAllLinks: { type: "boolean" },
+    manualSort: { type: "boolean" },
+    maxDisplayedItems: { type: "number" },
+    maxHeight: { type: "string" },
+    onChange: { type: "(newValue: AddToListAggregateValue) => void" },
+    autoSort: { type: "boolean" },
+    onListZeroState: { type: "ZeroState" },
+    offListZeroState: { type: "ZeroState" }
+  }
+});
+export {
+  tt as AddToList
+};

package/lib/add-to-list/index.umd.cjs

@@ -0,0 +1 @@
+(function(l,I){typeof exports=="object"&&typeof module<"u"?I(exports,require("react"),require("react-aria"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@sps-woodland/illustrations"),require("@sps-woodland/core"),require("@sps-woodland/core/zero-state"),require("@sps-woodland/core/card"),require("@sps-woodland/tokens"),require("@sps-woodland/core/tag"),require("@sps-woodland/core/scrollable-container"),require("@sps-woodland/core/feedback-block"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","react-aria","@spscommerce/ds-react","@spscommerce/ds-shared","@sps-woodland/illustrations","@sps-woodland/core","@sps-woodland/core/zero-state","@sps-woodland/core/card","@sps-woodland/tokens","@sps-woodland/core/tag","@sps-woodland/core/scrollable-container","@sps-woodland/core/feedback-block","@spscommerce/i18n"],I):(l=typeof globalThis<"u"?globalThis:l||self,I(l.AddToList={},l.React,l.reactAria,l.dsReact,l.dsShared,l.illustrations,l.core,l.zeroState,l.card,l.tokens,l.tag,l.scrollableContainer,l.feedbackBlock,l.i18n))})(this,(function(l,I,Z,N,g,te,h,ae,se,oe,he,ge,ve,K){"use strict";function be(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=be(I),we="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let ke=(t=21)=>{let r="",a=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)r+=we[a[t]&63];return r};function xe(t,r,a){return r in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t}function re(t,r){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter(function(d){return Object.getOwnPropertyDescriptor(t,d).enumerable})),a.push.apply(a,o)}return a}function ne(t){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?re(Object(a),!0).forEach(function(o){xe(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):re(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var Ce=(t,r,a)=>{for(var o of Object.keys(t)){var d;if(t[o]!==((d=r[o])!==null&&d!==void 0?d:a[o]))return!1}return!0},C=t=>r=>{var a=t.defaultClassName,o=ne(ne({},t.defaultVariants),r);for(var d in o){var v,b=(v=o[d])!==null&&v!==void 0?v:t.defaultVariants[d];if(b!=null){var w=b;typeof w=="boolean"&&(w=w===!0?"true":"false");var n=t.variantClassNames[d][w];n&&(a+=" "+n)}}for(var[T,y]of t.compoundVariants)Ce(T,o,t.defaultVariants)&&(a+=" "+y);return a},Le=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx90",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx91",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx92"}},defaultVariants:{},compoundVariants:[]}),Ee=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx93",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx94",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx95"}},defaultVariants:{},compoundVariants:[]}),le="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx96",Ne=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx97",variantClassNames:{isLeftSide:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx98",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx99"},isRightSide:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9a",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9b"},adjustForPhantomDroppableContainer:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9c",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9d"}},defaultVariants:{},compoundVariants:[]}),Te=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9e",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9f",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9g"}},defaultVariants:{},compoundVariants:[]}),ye=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9h",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9i",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9j"}},defaultVariants:{},compoundVariants:[]}),ie="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9k",Oe="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9l",Se="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9m",De=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9n",variantClassNames:{isDragging:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9o",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9p"}},defaultVariants:{},compoundVariants:[]}),Ie="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9q",_e=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9r",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9s",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9t"}},defaultVariants:{},compoundVariants:[]}),Ve=C({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9u",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9v",false:"pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9w"}},defaultVariants:{},compoundVariants:[]}),U="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9x",Me="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9y",Pe="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9z",qe="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx910",Ae="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx911",Fe="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx912",je="pkg_sps-woodland_core__version_8_51_0__hash_13b8tx913";function de({headerText:t,showCount:r,showIcons:a,showMoveAllLinks:o,showMoreOptionsText:d,disableMoveAllLinks:v,maxHeight:b,children:w,side:n,itemCount:T,otherHeader:y,className:z,vertical:L,moveAll:O,adjustForPhantomDroppableContainer:V,"data-testid":E}){const M=h.useChildTestIdAttrBuilder({"data-testid":E}),{t:k}=K.useWoodlandLanguage(),m=k(n==="left"?"addToList.onColumnHeader":"addToList.offColumnHeader"),S=n==="left"?"eye":"eye-slash",$=k(n==="left"?"addToList.offColumnHeader":"addToList.onColumnHeader"),G=k("addToList.moveAllItemsToCol",{columnName:y||$}),p=L?e.createElement(e.Fragment,null):e.createElement("div",{className:Ne({isLeftSide:n==="left",isRightSide:n==="right",adjustForPhantomDroppableContainer:!!V&&n==="left"})});function J(){O&&typeof O=="function"&&O(n)}return e.createElement("div",{className:h.cl(ye({vertical:L}),z),"data-testid":E},e.createElement("div",{className:Me,...M("column-header")},a&&e.createElement(h.Icon,{icon:S,className:Pe}),t||m,r&&e.createElement(he.Tag,{kind:"key",className:qe},T)),b?e.createElement("div",{className:le},p,e.createElement(ge.ScrollableContainer,{maxHeight:b},w)):e.createElement("div",{className:le},p,w),o&&T>0&&e.createElement(N.SpsButton,{className:V&&n==="right"?je:void 0,kind:g.ButtonKind.LINK,onClick:J,disabled:v,...M("move-all-button")},G),d&&T>0&&e.createElement(ve.FeedbackBlock,{kind:"info",micro:!0},k("addToList.moreOptionsAvailable",{defaultValue:"More options available. Use the search field to filter results."})))}function W({className:t,children:r,filtering:a,manualSorting:o,id:d,"data-testid":v}){const{t:b}=K.useWoodlandLanguage();return e.createElement(e.Fragment,null,e.createElement("div",{role:"listitem",className:h.cl(t,_e({isDropTarget:!1}),Se,"listitem-component"),"data-testid":v},o&&a&&e.createElement("i",{className:Oe,id:`list-item-${d}-drag-handle`}),r),o&&a&&e.createElement(N.SpsTooltip,{for:`list-item-${d}-drag-handle`,position:g.Position.TOP_LEFT,showOn:g.TooltipShowTrigger.CLICK},b("addToList.disabledDragTooltip",{defaultValue:"Drag and drop are disabled when filters are engaged"})))}h.Metadata.set(W,{name:"ListItem"});function ce({onList:t,offList:r,onHeader:a,offHeader:o,showFilter:d,showCount:v,showIcons:b,showMoveAllLinks:w,manualSort:n,maxDisplayedItems:T,maxHeightPx:y,maxHeightRem:z,onChange:L,onListZeroState:O,offListZeroState:V,vertical:E=!1,onListAlphaSort:M=!0,"data-testid":k}){const m=h.useChildTestIdAttrBuilder({"data-testid":k}),{t:S}=K.useWoodlandLanguage(),{formValue:$,formMeta:G}=N.useSpsForm({filterString:""}),[p,J]=e.useState(""),X=y?y/16:z,pe=X?`${X}rem`:"",P=e.useCallback((s,i)=>(!n&&M||i==="right"?[...s].sort((u,c)=>u.label.localeCompare(c.label)):s).map(u=>{const c={...u};return c.id||(c.id=ke()),c}),[n,M]),_=e.useMemo(()=>P(t,"left"),[t,P]),f=e.useMemo(()=>P(r,"right"),[r,P]),q=e.useCallback(s=>p?s.label.toLowerCase().includes(p.toLowerCase()):!0,[p]),Q=(s,i,x)=>{const u=x.find(c=>c.label===s);u?i===_?L({onList:[..._,u],offList:f.filter(c=>c.label!==u.label)}):x===_&&L({onList:_.filter(c=>c.label!==u.label),offList:[...f,u]}):console.error("could not remove item")};function Be(s){J(s.target.value)}function ue(s){L(s==="left"?{onList:_.filter(i=>i.required),offList:[...f,..._.filter(i=>!i.required)]}:{onList:[..._,...f],offList:[]})}const me=e.useCallback(s=>{const{className:i,index:x,...u}=s,c=e.useRef(null),{dropProps:F,isDropTarget:j}=Z.useDrop({ref:c,async onDrop(Y){let B=await Promise.all(Y.items.filter(H=>H.kind==="text"&&H.types.has("text/plain")).map(H=>H.getText("text/plain")));const{index:R}=JSON.parse(B[0]),ee=[..._],[Ue]=ee.splice(R,1),We=x>R?x-1:x;ee.splice(We,0,Ue),L({onList:ee,offList:f})}});return e.createElement("div",{ref:c,...n?F:[],role:"button",tabIndex:0,className:h.cl(i,s.isPhantomDroppableContainer?Ve({isDropTarget:j}):_e({isDropTarget:j})),...m("droppable-container"),...u},s.children)},[_,n]),Re=e.useCallback(s=>{const{label:i,data:x,listIndex:u,required:c}=s,F=e.useRef(null),j={...x,index:u},{dragProps:Y,dragButtonProps:B,isDragging:R}=Z.useDrag({preview:F,hasDragButton:!0,getItems(){return[{"text/plain":JSON.stringify(j)}]}});return e.createElement("div",{...n?Y:{},role:n?"button":"listitem",tabIndex:0,id:`${i}${u}-drag`,className:h.cl(De({isDragging:R})),...m("draggable-item")},e.createElement(me,{index:u},n&&e.createElement("i",{...B,className:ie}),i,!c&&e.createElement(N.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(i,f,_)},className:U,...m("move-item-button")})),e.createElement(Z.DragPreview,{ref:F},()=>e.createElement("div",{className:Ie},e.createElement("i",{...B,className:ie}),i)))},[_,n]),D=e.useMemo(()=>_.filter(q),[_,q]),A=e.useMemo(()=>f.filter(q).slice(0,T),[f,q]),He=!p&&!!w&&D.length>0,Ze=!p&&!!w&&A.length>0,Ke=!p&&f.length>A.length,fe=!!n&&!p&&D.length>0&&!X;return e.createElement("div",{"data-testid":k},d&&e.createElement("div",{className:oe.grid.root},e.createElement("div",{className:h.cl(oe.grid[12],Fe)},e.createElement(N.SpsTextInput,{value:$.filterString,formMeta:G.fields.filterString,icon:g.SpsIcon.FILTER,onChange:Be,...m("filter-input")}))),e.createElement("div",{className:h.cl(Le({vertical:E}))},e.createElement(de,{headerText:a,showCount:!p&&v,showIcons:b,showMoveAllLinks:He,disableMoveAllLinks:_.every(s=>s.required),maxHeight:pe,vertical:E,side:"left",className:Ee({vertical:E}),otherHeader:o,itemCount:_.length,moveAll:ue,adjustForPhantomDroppableContainer:fe,...m("on-items-list")},D.length>0?e.createElement(e.Fragment,null,n&&!p&&D.map((s,i)=>e.createElement(e.Fragment,{key:s.id},e.createElement(Re,{data:s,label:s.label,required:s.required,listIndex:i}),i===D.length-1&&e.createElement(me,{isPhantomDroppableContainer:!0,index:i+1}))),(!n||p)&&D.map(s=>e.createElement(W,{key:s.id,filtering:!!p,manualSorting:n,id:s.id,...m("item")},s.label,!s.required&&e.createElement(N.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.X,onClick:()=>{Q(s.label,f,_)},className:U,...m("move-item-button")})))):e.createElement(se.Card,null,O?e.createElement(e.Fragment,null,O):e.createElement(ae.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOnColumnSubheading",{columnName:o,defaultValue:`Move options from the ${o}`}),artwork:te.DOCUMENT_SEARCH_NO_RESULTS_LARGE,micro:!0,...m("on-list-zero-state")}))),e.createElement(de,{headerText:o,showCount:!p&&v,showIcons:b,showMoveAllLinks:Ze,showMoreOptionsText:Ke,maxHeight:pe,vertical:E,side:"right",className:Te({vertical:E}),otherHeader:a,itemCount:f.length,moveAll:ue,adjustForPhantomDroppableContainer:fe,...m("off-items-list")},A.length>0?A.map(s=>e.createElement(W,{key:s.id,className:Ae,...m("item")},s.label,e.createElement(N.SpsButton,{kind:g.ButtonKind.ICON,icon:g.SpsIcon.PLUS_SIGN,onClick:()=>{Q(s.label,_,f)},className:U,...m("move-item-button")}))):e.createElement(se.Card,null,V?e.createElement(e.Fragment,null,V):e.createElement(ae.ZeroState,{heading:S("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:S("addToList.noDataZeroStateOffColumnSubheading",{columnName:a,defaultValue:`Remove options from the ${a}`}),artwork:te.DOCUMENT_SEARCH_NO_RESULTS_SMALL,micro:!0,...m("off-list-zero-state")})))))}h.Metadata.set(ce,{name:"Add To List",props:{onList:{type:"ItemProps[]",required:!0},offList:{type:"ItemProps[]",required:!0},onHeader:{type:"string"},offHeader:{type:"string"},showFilter:{type:"boolean"},showCount:{type:"boolean"},showIcons:{type:"boolean"},showMoveAllLinks:{type:"boolean"},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},maxHeight:{type:"string"},onChange:{type:"(newValue: AddToListAggregateValue) => void"},autoSort:{type:"boolean"},onListZeroState:{type:"ZeroState"},offListZeroState:{type:"ZeroState"}}}),l.AddToList=ce,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/lib/add-to-list/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx90{display:flex;flex-direction:row;align-content:space-between}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx91{flex-direction:column}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx93{margin-right:1rem;position:relative}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx94{margin-right:0;margin-bottom:1.375rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx96{position:relative}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx97{width:.0625rem;background-color:#d2d4d4;height:100%;position:absolute;top:0}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx98{left:calc(100% + 1rem)}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9a{left:-1rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9c{height:calc(100% - 1.5625rem)}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9e{margin-left:1rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9f{margin-left:0}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9h{flex-shrink:0;align-self:stretch;width:calc(50% - 1rem)}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9i{width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9k{display:block;width:.375rem;height:1.125rem;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) no-repeat left center;padding:0 1rem 0 0;line-height:1.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9l{display:block;opacity:.25;width:.375rem;height:1.125rem;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) no-repeat left center;padding:0 1rem 0 0;line-height:1.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9m{border:#d2d4d4ff solid .0625rem;border-bottom:none}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9m:last-child{border-bottom:#d2d4d4ff solid .0625rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9n{position:relative;border:#d2d4d4ff solid .0625rem;border-bottom:none}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9o{background-color:#f3f4f4;color:#717779}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9q{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;line-height:1.125rem;font-size:.75rem;border:#d2d4d4ff solid .0625rem;width:100%;min-width:17.75rem;padding:.75rem;background-color:#e6f2f8;flex:1}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9r{display:flex;flex-direction:row;justify-content:flex-start;position:relative;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9r:focus{background-color:#e6f2f8}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9s{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9u{position:relative;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem;border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9u:focus{outline:none}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9v{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9x{position:absolute;right:.375rem;top:.375rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9y{font-size:.875rem;line-height:1.25rem;display:flex;align-items:center;justify-content:flex-start;font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx9z{font-size:.875rem;line-height:1.25rem;margin-right:.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx910{margin-left:.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx911{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem;border-bottom:none}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx911:last-child{border-bottom:#d2d4d4ff solid .0625rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx912{margin-bottom:1.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_13b8tx913{margin-top:1.5625rem}

package/lib/buttons/button/Button.css.d.ts

@@ -0,0 +1,15 @@
+import { Tokens } from "@sps-woodland/tokens";
+import type { VariantDefinitions, RecipeVariant, BooleanRecipeVariant } from "@sps-woodland/core";
+export type ButtonKind = keyof typeof Tokens.component.button.kind;
+interface ButtonVariantDefinitions extends VariantDefinitions {
+    kind: RecipeVariant<ButtonKind>;
+    disabled: BooleanRecipeVariant;
+    spinning: BooleanRecipeVariant;
+}
+export declare const button: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ButtonVariantDefinitions>;
+export declare const buttonElement: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ButtonVariantDefinitions>;
+export declare const linkButton: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ButtonVariantDefinitions, "kind" | "spinning">>;
+export declare const buttonIcon: string;
+export declare const buttonSpinner: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ButtonVariantDefinitions, "spinning">>;
+export {};
+//# sourceMappingURL=Button.css.d.ts.map

package/lib/buttons/button/Button.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../src/buttons/button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAIlG,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;AAEnE,UAAU,wBAAyB,SAAQ,kBAAkB;IAC3D,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAChC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,iHAiMjB,CAAC;AAEH,eAAO,MAAM,aAAa,iHA4DxB,CAAC;AAEH,eAAO,MAAM,UAAU,4IAsDrB,CAAC;AAMH,eAAO,MAAM,UAAU,QAMrB,CAAC;AAEH,eAAO,MAAM,aAAa,mIAuBxB,CAAC"}

package/lib/buttons/button/Button.css.js

@@ -0,0 +1,10 @@
+/* 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 o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq1", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq2" }, kind: { default: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq3", link: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq4", confirm: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq5", delete: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq6", key: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq7", icon: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq8" }, spinning: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq9", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqa" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqb"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqc"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqd"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqe"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqf"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqg"], [{ kind: "link", disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqh"]] }), n = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqi", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqj", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqk" }, kind: { icon: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieql", default: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqm", delete: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqn", key: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqo", confirm: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqp", link: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqq" }, spinning: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqr", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqs" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), a = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqt", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqiequ", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqv" }, kind: { icon: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqw", default: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqx", delete: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqy", key: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieqz", confirm: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq10", link: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq11" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), i = "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq12", l = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq13", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq14", false: "pkg_sps-woodland_core__version_8_51_0__hash_1flqieq15" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+export {
+  o as button,
+  n as buttonElement,
+  i as buttonIcon,
+  l as buttonSpinner,
+  a as linkButton
+};

package/lib/buttons/button/Button.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { PolymorphicComponentProps } from "@sps-woodland/core";
+import type { IconName } from "@sps-woodland/tokens";
+import type { AriaButtonProps } from "@react-aria/button";
+import type { ButtonKind } from "./Button.css";
+interface BaseButtonProps {
+    disabled?: boolean;
+    href?: string;
+    icon?: IconName;
+    kind?: ButtonKind;
+    spinning?: boolean;
+    spinningTitle?: string;
+    title?: string;
+    ref?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
+}
+type ButtonProps<T extends React.ElementType = "button" | "a"> = Partial<PolymorphicComponentProps<Partial<AriaButtonProps<"button">> & Partial<BaseButtonProps>, T>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps<"button" | "a">>;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

package/lib/buttons/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/buttons/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACxD;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CACtE,yBAAyB,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAC5F,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,QAAQ,GAAG,GAAG,CAAC,CAgHxE,CAAC;AAyBF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/buttons/button/Button.js

@@ -0,0 +1,116 @@
+import * as t from "react";
+import { Spinner as z, cl as D, Metadata as F, Icon as p } from "@sps-woodland/core";
+import { useButton as H } from "@react-aria/button";
+import { useHover as L } from "@react-aria/interactions";
+import { mergeProps as M } from "@react-aria/utils";
+import { FocusRing as w } from "@react-aria/focus";
+import { linkButton as x, buttonElement as V, buttonSpinner as W, button as j, buttonIcon as f } from "./Button.css.js";
+import { useWoodlandLanguage as q } from "@spscommerce/i18n";
+const A = t.forwardRef(
+  ({
+    as: b,
+    onClick: E,
+    onPress: y,
+    children: m,
+    className: N,
+    isDisabled: s,
+    disabled: l,
+    href: n,
+    icon: a,
+    kind: e = "default",
+    spinning: o,
+    spinningTitle: P,
+    title: g,
+    ...r
+  }, R) => {
+    const v = b ?? (n ? "a" : "button"), u = {
+      onPress: y ?? E,
+      // the button element should be disabled if the button is marked as disabled or spinning
+      isDisabled: o ?? l ?? s,
+      ...r
+    }, { "data-testid": i } = r, _ = t.useRef(null), d = R || _, { buttonProps: $ } = H(
+      u,
+      d
+    ), { hoverProps: B } = L({ isDisabled: u.isDisabled }), { type: I, ...S } = $, T = {
+      ...M(S, B),
+      ref: d,
+      title: g,
+      className: n ? x({ spinning: o, kind: e }) : V({ disabled: s || l, kind: e, spinning: o }),
+      ...n ? { href: n } : { type: I },
+      ...r
+    }, { t: C } = q(), h = a && (a === "ai-color" ? (
+      // ai-color can only be used on default or link buttons for contrast/accessibility reasons
+      // if the user tries to use ai-color on a non-approved button swap it out for the regular ai icon
+      /* @__PURE__ */ t.createElement(
+        p,
+        {
+          className: f,
+          icon: e === "default" || e === "link" ? "ai-color" : "ai",
+          size: "sm",
+          "aria-hidden": "true",
+          "data-testid": `${i}__${a}-icon`
+        }
+      )
+    ) : /* @__PURE__ */ t.createElement(
+      p,
+      {
+        className: f,
+        icon: a,
+        size: "sm",
+        "aria-hidden": "true",
+        "data-testid": `${i}__${a}-icon`
+      }
+    ));
+    let c;
+    e === "default" || e === "icon" || e === "link" ? c = "dark" : c = "light";
+    const k = o && /* @__PURE__ */ t.createElement(
+      z,
+      {
+        color: c,
+        className: W({ spinning: o }),
+        title: P || C("button.spinningTitle", { defaultValue: "Loading..." }),
+        "data-testid": `${i}__spinner`
+      }
+    );
+    return /* @__PURE__ */ t.createElement(w, null, /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: D(
+          j({
+            disabled: s || l,
+            kind: e,
+            spinning: o
+          }),
+          N
+        )
+      },
+      /* @__PURE__ */ t.createElement(v, { ...T }, h, m ? /* @__PURE__ */ t.createElement("span", null, m) : "", k)
+    ));
+  }
+);
+F.set(A, {
+  name: "Button",
+  props: {
+    disabled: "boolean",
+    href: "string",
+    icon: "IconName",
+    kind: {
+      type: '"default" | "link" | "icon" | "confirm" | "delete" | "key"',
+      default: '"default"'
+    },
+    spinning: "boolean",
+    spinningTitle: "string",
+    type: { type: '"button" | "submit"', default: '"button"' },
+    as: "button | a",
+    onClick: "() => void",
+    onPress: "() => void",
+    children: "ReactNode",
+    className: "string",
+    isDisabled: "boolean",
+    style: "CSSProperties"
+  },
+  panellable: !0
+});
+export {
+  A as Button
+};