@sps-woodland/core 8.56.1 → 8.56.3

package/lib/page-title/page-title/PageTitle.js

@@ -1,20 +1,16 @@
-import * as e from "react";
-import { Metadata as d, selectChildren as p, Icon as g, addClassName as T, cl as f } from "@sps-woodland/core";
-import { PageSubtitle as h } from "../page-subtitle/PageSubtitle.js";
-import { useHeadingLevel as u } from "../heading-level/HeadingLevel.js";
-import { pageTitleIcon as v, pageTitle as N, pageTitleText as x, pageTitleHeading as C } from "./PageTitle.ve.js";
-function E({
-  as: l,
-  children: n,
-  className: m,
-  ...c
-}) {
-  const [[t], r, a] = p(n, [{ type: g }, { type: h }]), o = u(), i = l ?? (o ? `h${o}` : "h1"), s = t ? T(t, v) : "";
-  return /* @__PURE__ */ e.createElement("div", { className: f(N, m), ...c }, s, /* @__PURE__ */ e.createElement("div", { className: x }, i === "div" ? a : e.createElement(i, { className: C }, a), r));
+import { PageSubtitle as e } from "../page-subtitle/PageSubtitle.js";
+import { useHeadingLevel as t } from "../heading-level/HeadingLevel.js";
+import { pageTitle as n, pageTitleHeading as r, pageTitleIcon as i, pageTitleText as a } from "./PageTitle.ve.js";
+import { Icon as o, Metadata as s, addClassName as c, cl as l, selectChildren as u } from "@sps-woodland/core";
+import * as d from "react";
+//#region src/page-title/page-title/PageTitle.tsx
+function f({ as: s, children: f, className: p, ...m }) {
+	let [[h], g, _] = u(f, [{ type: o }, { type: e }]), v = t(), y = s ?? (v ? `h${v}` : "h1"), b = h ? c(h, i) : "";
+	return /* @__PURE__ */ d.createElement("div", {
+		className: l(n, p),
+		...m
+	}, b, /* @__PURE__ */ d.createElement("div", { className: a }, y === "div" ? _ : d.createElement(y, { className: r }, _), g));
 }
-d.set(E, {
-  name: "Page Title"
-});
-export {
-  E as PageTitle
-};
+s.set(f, { name: "Page Title" });
+//#endregion
+export { f as PageTitle };

package/lib/page-title/page-title/PageTitle.ve.js

@@ -1,8 +1,5 @@
 /* empty css                            */
-var e = "pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl02", o = "pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl03";
-export {
-  e as pageTitle,
-  o as pageTitleHeading,
-  l as pageTitleIcon,
-  a as pageTitleText
-};
+//#region src/page-title/page-title/PageTitle.css.ts
+var e = "pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl00", t = "pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl01", n = "pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl02", r = "pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl03";
+//#endregion
+export { e as pageTitle, r as pageTitleHeading, n as pageTitleIcon, t as pageTitleText };

package/lib/page-title/style.css

@@ -1 +1,2 @@
-.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl01{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl02{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_core__family_page-title__version_8_56_1__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
+.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_14qi3ku0{color:#4b5356;margin-top:.25rem;font-size:1.125rem;line-height:1.125rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_14qi3ku1{margin-top:.25rem;margin-left:.25rem;margin-right:.25rem;font-size:.75rem;line-height:1.125rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl00{flex-direction:row;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl01{color:#1f282c;flex-direction:column;font-size:1.5rem;line-height:1.5rem;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl02{align-self:flex-start;margin-top:.1875rem;margin-right:.25rem;font-size:1.125rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_3__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
+/*$vite$:1*/

package/lib/photo/index.js

@@ -1,179 +1,180 @@
-import * as r from "react";
-import { Metadata as V, cl as d, Icon as j, selectChildren as W } from "@sps-woodland/core";
-import { grid as h } from "@sps-woodland/tokens";
-import { SpsButton as v } from "@spscommerce/ds-react";
-import { SpsIcon as w, ButtonKind as g } from "@spscommerce/ds-shared";
-function B(e, a, o) {
-  return a in e ? Object.defineProperty(e, a, {
-    value: o,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[a] = o, e;
+import * as e from "react";
+import { Icon as t, Metadata as n, cl as r, selectChildren as i } from "@sps-woodland/core";
+import { grid as a } from "@sps-woodland/tokens";
+import { Button as o } from "@sps-woodland/core/buttons";
+import { useWoodlandLanguage as s } from "@spscommerce/i18n";
+//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
+function c(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function b(e, a) {
-  var o = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    a && (t = t.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(e, n).enumerable;
-    })), o.push.apply(o, t);
-  }
-  return o;
+function l(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
 }
-function y(e) {
-  for (var a = 1; a < arguments.length; a++) {
-    var o = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? b(Object(o), !0).forEach(function(t) {
-      B(e, t, o[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : b(Object(o)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
-    });
-  }
-  return e;
+function u(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? l(Object(n), !0).forEach(function(t) {
+			c(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : l(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-var F = (e, a, o) => {
-  for (var t of Object.keys(e)) {
-    var n;
-    if (e[t] !== ((n = a[t]) !== null && n !== void 0 ? n : o[t]))
-      return !1;
-  }
-  return !0;
-}, m = (e) => (a) => {
-  var o = e.defaultClassName, t = y(y({}, e.defaultVariants), a);
-  for (var n in t) {
-    var i, c = (i = t[n]) !== null && i !== void 0 ? i : e.defaultVariants[n];
-    if (c != null) {
-      var _ = c;
-      typeof _ == "boolean" && (_ = _ === !0 ? "true" : "false");
-      var l = (
-        // @ts-expect-error
-        e.variantClassNames[n][_]
-      );
-      l && (o += " " + l);
-    }
-  }
-  for (var [s, u] of e.compoundVariants)
-    F(s, t, e.defaultVariants) && (o += " " + u);
-  return o;
-}, L = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), A = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), D = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w6";
-function E({
-  className: e,
-  src: a,
-  altText: o,
-  mode: t = "fill",
-  placeholderIcon: n = "photo",
-  ...i
-}) {
-  const c = r.useRef(null), _ = r.useRef(null), l = r.useRef(null), s = r.useRef(null), [u, O] = r.useState(), [N, P] = r.useState(!1);
-  r.useEffect(() => {
-    _.current && (l.current && (window.clearInterval(l.current), l.current = null), l.current = window.setInterval(() => {
-      if (_.current) {
-        const f = _.current.getBoundingClientRect();
-        if (f.height) {
-          l.current && (window.clearInterval(l.current), l.current = null);
-          const p = f.width / f.height > 1;
-          P(p === (t === "fit"));
-        }
-      }
-    }, 1e3 / 60));
-  }, [c.current, _.current, a]), r.useEffect(() => {
-    s.current && (window.clearInterval(s.current), s.current = null), s.current = window.setInterval(() => {
-      if (c.current) {
-        const f = c.current.getBoundingClientRect();
-        f.width && (R(f.width), s.current && (window.clearInterval(s.current), s.current = null));
-      }
-    }, 1e3 / 60);
-  }, [c.current]);
-  function R(f) {
-    if (f) {
-      const p = document?.body?.parentElement?.style?.fontSize || "16px", x = Number(p.substring(0, p.length - 2));
-      O(f / x);
-    }
-  }
-  function k() {
-    if (typeof u < "u")
-      return u * 0.05;
-  }
-  function S() {
-    if (typeof u < "u")
-      return 0.75 * u;
-  }
-  return /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      ref: c,
-      className: d(L({ placeholder: !a }), e),
-      style: {
-        width: `${u}` && `${u}rem`,
-        fontSize: `${k()}rem`,
-        height: `${S()}rem`
-      },
-      ...i
-    },
-    a ? u ? /* @__PURE__ */ r.createElement(
-      "img",
-      {
-        className: A({ mode: N ? "fit" : "fill" }),
-        ref: _,
-        src: a,
-        alt: o
-      }
-    ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(j, { className: D, icon: n })
-  );
+var d = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, f = (e) => (t) => {
+	var n = e.defaultClassName, r = u(u({}, e.defaultVariants), t);
+	for (var i in r) {
+		var a = r[i] ?? e.defaultVariants[i];
+		if (a != null) {
+			var o = a;
+			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+			var s = e.variantClassNames[i][o];
+			s && (n += " " + s);
+		}
+	}
+	for (var [c, l] of e.compoundVariants) d(c, r, e.defaultVariants) && (n += " " + l);
+	return n;
+}, p = f({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w0",
+	variantClassNames: { placeholder: {
+		true: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w1",
+		false: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w2"
+	} },
+	defaultVariants: { placeholder: !1 },
+	compoundVariants: []
+}), m = f({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w3",
+	variantClassNames: { mode: {
+		fill: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w4",
+		fit: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w5"
+	} },
+	defaultVariants: { mode: "fill" },
+	compoundVariants: []
+}), h = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w6";
+//#endregion
+//#region src/photo/photo/Photo.tsx
+function g({ className: n, src: i, altText: a, mode: o = "fill", placeholderIcon: s = "photo", ...c }) {
+	let l = e.useRef(null), u = e.useRef(null), d = e.useRef(null), f = e.useRef(null), [g, _] = e.useState(), [v, y] = e.useState(!1);
+	e.useEffect(() => {
+		u.current && (d.current &&= (window.clearInterval(d.current), null), d.current = window.setInterval(() => {
+			if (u.current) {
+				let e = u.current.getBoundingClientRect();
+				if (e.height) {
+					d.current &&= (window.clearInterval(d.current), null);
+					let t = e.width / e.height > 1;
+					y(t === (o === "fit"));
+				}
+			}
+		}, 1e3 / 60));
+	}, [
+		l.current,
+		u.current,
+		i
+	]), e.useEffect(() => {
+		f.current &&= (window.clearInterval(f.current), null), f.current = window.setInterval(() => {
+			if (l.current) {
+				let e = l.current.getBoundingClientRect();
+				e.width && (b(e.width), f.current &&= (window.clearInterval(f.current), null));
+			}
+		}, 1e3 / 60);
+	}, [l.current]);
+	function b(e) {
+		if (e) {
+			let t = document?.body?.parentElement?.style?.fontSize || "16px", n = Number(t.substring(0, t.length - 2));
+			_(e / n);
+		}
+	}
+	function x() {
+		if (g !== void 0) return g * .05;
+	}
+	function S() {
+		if (g !== void 0) return .75 * g;
+	}
+	return /* @__PURE__ */ e.createElement("div", {
+		ref: l,
+		className: r(p({ placeholder: !i }), n),
+		style: {
+			width: `${g}` && `${g}rem`,
+			fontSize: `${x()}rem`,
+			height: `${S()}rem`
+		},
+		...c
+	}, i ? g ? /* @__PURE__ */ e.createElement("img", {
+		className: m({ mode: v ? "fit" : "fill" }),
+		ref: u,
+		src: i,
+		alt: a
+	}) : /* @__PURE__ */ e.createElement("span", null) : /* @__PURE__ */ e.createElement(t, {
+		className: h,
+		icon: s
+	}));
 }
-V.set(E, {
-  name: "Photo",
-  props: {
-    src: "string",
-    altText: "string",
-    mode: {
-      type: '"fill" | "fit"',
-      default: '"fill"'
-    },
-    placeholderIcon: "IconName"
-  }
+n.set(g, {
+	name: "Photo",
+	props: {
+		src: "string",
+		altText: "string",
+		mode: {
+			type: "\"fill\" | \"fit\"",
+			default: "\"fill\""
+		},
+		placeholderIcon: "IconName"
+	}
 });
-var C = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba10", I = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba11", z = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba12", T = "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
-function J({
-  children: e,
-  className: a,
-  ...o
-}) {
-  const [t] = W(e, [{ type: E }]), [n, i] = r.useState(0);
-  function c() {
-    n + 1 === t.length ? i(0) : i(n + 1);
-  }
-  function _() {
-    i(n === 0 ? t.length - 1 : n - 1);
-  }
-  return /* @__PURE__ */ r.createElement("div", { className: h.root, ...o }, /* @__PURE__ */ r.createElement("div", { className: d(C) }, /* @__PURE__ */ r.createElement("div", { className: d(I) }, /* @__PURE__ */ r.createElement(
-    v,
-    {
-      tabIndex: 0,
-      kind: g.ICON,
-      icon: w.ARROW_LEFT_CIRCLE,
-      onClick: _
-    }
-  ))), /* @__PURE__ */ r.createElement("div", { className: h[10] }, /* @__PURE__ */ r.createElement("div", { className: d(T, h[12]) }, t[n]), /* @__PURE__ */ r.createElement("div", { className: d(z, h[12]) }, t.map((l, s) => /* @__PURE__ */ r.createElement(
-    "button",
-    {
-      tabIndex: 0,
-      className: d(H({ selected: s === n })),
-      onClick: () => i(s)
-    },
-    l
-  )))), /* @__PURE__ */ r.createElement("div", { className: d(C) }, /* @__PURE__ */ r.createElement("div", { className: d(I) }, /* @__PURE__ */ r.createElement(
-    v,
-    {
-      tabIndex: 0,
-      kind: g.ICON,
-      icon: w.ARROW_RIGHT_CIRCLE,
-      onClick: c
-    }
-  ))));
+//#endregion
+//#region src/photo/photo-carousel/PhotoCarousel.css.ts
+var _ = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba10", v = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba11", y = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba12", b = "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba13", x = f({
+	defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba14",
+	variantClassNames: { selected: {
+		true: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba15",
+		false: "pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba16"
+	} },
+	defaultVariants: { selected: !1 },
+	compoundVariants: []
+});
+//#endregion
+//#region src/photo/photo-carousel/PhotoCarousel.tsx
+function S({ children: t, className: n, ...c }) {
+	let [l] = i(t, [{ type: g }]), [u, d] = e.useState(0), { t: f } = s();
+	function p() {
+		u + 1 === l.length ? d(0) : d(u + 1);
+	}
+	function m() {
+		d(u === 0 ? l.length - 1 : u - 1);
+	}
+	return /* @__PURE__ */ e.createElement("div", {
+		className: a.root,
+		...c
+	}, /* @__PURE__ */ e.createElement("div", { className: r(_) }, /* @__PURE__ */ e.createElement("div", { className: r(v) }, /* @__PURE__ */ e.createElement(o, {
+		kind: "icon",
+		icon: "arrow-left-circle",
+		"aria-label": f("photo.previousPhoto", { defaultValue: "Previous Photo" }),
+		onClick: m
+	}))), /* @__PURE__ */ e.createElement("div", { className: a[10] }, /* @__PURE__ */ e.createElement("div", { className: r(b, a[12]) }, l[u]), /* @__PURE__ */ e.createElement("div", { className: r(y, a[12]) }, l.map((t, n) => /* @__PURE__ */ e.createElement("button", {
+		tabIndex: 0,
+		className: r(x({ selected: n === u })),
+		onClick: () => d(n)
+	}, t)))), /* @__PURE__ */ e.createElement("div", { className: r(_) }, /* @__PURE__ */ e.createElement("div", { className: r(v) }, /* @__PURE__ */ e.createElement(o, {
+		kind: "icon",
+		icon: "arrow-right-circle",
+		"aria-label": f("photo.nextPhoto", { defaultValue: "Next Photo" }),
+		onClick: p
+	}))));
 }
-export {
-  E as Photo,
-  J as PhotoCarousel
-};
+//#endregion
+export { g as Photo, S as PhotoCarousel };

package/lib/photo/index.umd.cjs

@@ -1 +1 @@
-(function(s,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/tokens"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/tokens","@spscommerce/ds-react","@spscommerce/ds-shared"],m):(s=typeof globalThis<"u"?globalThis:s||self,m(s.Photo={},s.react,s.spsWoodlandCore,s.spsWoodlandTokens,s.spscommerceDsReact,s.spscommerceDsShared))})(this,(function(s,m,c,h,y,v){"use strict";function E(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=E(m);function N(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function C(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?O(Object(t),!0).forEach(function(r){N(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var R=(e,n,t)=>{for(var r of Object.keys(e)){var a;if(e[r]!==((a=n[r])!==null&&a!==void 0?a:t[r]))return!1}return!0},g=e=>n=>{var t=e.defaultClassName,r=C(C({},e.defaultVariants),n);for(var a in r){var u,d=(u=r[a])!==null&&u!==void 0?u:e.defaultVariants[a];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[a][l];i&&(t+=" "+i)}}for(var[_,f]of e.compoundVariants)R(_,r,e.defaultVariants)&&(t+=" "+f);return t},j=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),k="pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1orib4w6";function b({className:e,src:n,altText:t,mode:r="fill",placeholderIcon:a="photo",...u}){const d=o.useRef(null),l=o.useRef(null),i=o.useRef(null),_=o.useRef(null),[f,B]=o.useState(),[T,F]=o.useState(!1);o.useEffect(()=>{l.current&&(i.current&&(window.clearInterval(i.current),i.current=null),i.current=window.setInterval(()=>{if(l.current){const p=l.current.getBoundingClientRect();if(p.height){i.current&&(window.clearInterval(i.current),i.current=null);const w=p.width/p.height>1;F(w===(r==="fit"))}}},1e3/60))},[d.current,l.current,n]),o.useEffect(()=>{_.current&&(window.clearInterval(_.current),_.current=null),_.current=window.setInterval(()=>{if(d.current){const p=d.current.getBoundingClientRect();p.width&&(L(p.width),_.current&&(window.clearInterval(_.current),_.current=null))}},1e3/60)},[d.current]);function L(p){if(p){const w=document?.body?.parentElement?.style?.fontSize||"16px",A=Number(w.substring(0,w.length-2));B(p/A)}}function q(){if(typeof f<"u")return f*.05}function z(){if(typeof f<"u")return .75*f}return o.createElement("div",{ref:d,className:c.cl(j({placeholder:!n}),e),style:{width:`${f}`&&`${f}rem`,fontSize:`${q()}rem`,height:`${z()}rem`},...u},n?f?o.createElement("img",{className:S({mode:T?"fit":"fill"}),ref:l,src:n,alt:t}):o.createElement("span",null):o.createElement(c.Icon,{className:k,icon:a}))}c.Metadata.set(b,{name:"Photo",props:{src:"string",altText:"string",mode:{type:'"fill" | "fit"',default:'"fill"'},placeholderIcon:"IconName"}});var I="pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba10",P="pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba11",x="pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba12",V="pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba13",W=g({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_56_1__hash_1744ba16"}},defaultVariants:{selected:!1},compoundVariants:[]});function D({children:e,className:n,...t}){const[r]=c.selectChildren(e,[{type:b}]),[a,u]=o.useState(0);function d(){a+1===r.length?u(0):u(a+1)}function l(){u(a===0?r.length-1:a-1)}return o.createElement("div",{className:h.grid.root,...t},o.createElement("div",{className:c.cl(I)},o.createElement("div",{className:c.cl(P)},o.createElement(y.SpsButton,{tabIndex:0,kind:v.ButtonKind.ICON,icon:v.SpsIcon.ARROW_LEFT_CIRCLE,onClick:l}))),o.createElement("div",{className:h.grid[10]},o.createElement("div",{className:c.cl(V,h.grid[12])},r[a]),o.createElement("div",{className:c.cl(x,h.grid[12])},r.map((i,_)=>o.createElement("button",{tabIndex:0,className:c.cl(W({selected:_===a})),onClick:()=>u(_)},i)))),o.createElement("div",{className:c.cl(I)},o.createElement("div",{className:c.cl(P)},o.createElement(y.SpsButton,{tabIndex:0,kind:v.ButtonKind.ICON,icon:v.SpsIcon.ARROW_RIGHT_CIRCLE,onClick:d}))))}s.Photo=b,s.PhotoCarousel=D,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/tokens"),require("@sps-woodland/core/buttons"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@sps-woodland/tokens`,`@sps-woodland/core/buttons`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Photo={},e.react,e.spsWoodlandCore,e.spsWoodlandTokens,e.spsWoodlandCoreButtons,e.spscommerceI18n))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var o=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=l(t),a=0,o=i.length,u;a<o;a++)u=i[a],!d.call(e,u)&&u!==n&&s(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(r=c(t,u))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:o(u(e)),f(t||!e||!e.__esModule||!d.call(e,`default`)?s(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var g=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},_=e=>t=>{var n=e.defaultClassName,r=h(h({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)g(c,r,e.defaultVariants)&&(n+=` `+l);return n},v=_({defaultClassName:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w0`,variantClassNames:{placeholder:{true:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w1`,false:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w2`}},defaultVariants:{placeholder:!1},compoundVariants:[]}),y=_({defaultClassName:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w3`,variantClassNames:{mode:{fill:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w4`,fit:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w5`}},defaultVariants:{mode:`fill`},compoundVariants:[]}),b=`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1orib4w6`;function x({className:e,src:r,altText:i,mode:a=`fill`,placeholderIcon:o=`photo`,...s}){let c=t.useRef(null),l=t.useRef(null),u=t.useRef(null),d=t.useRef(null),[f,p]=t.useState(),[m,h]=t.useState(!1);t.useEffect(()=>{l.current&&(u.current&&=(window.clearInterval(u.current),null),u.current=window.setInterval(()=>{if(l.current){let e=l.current.getBoundingClientRect();if(e.height){u.current&&=(window.clearInterval(u.current),null);let t=e.width/e.height>1;h(t===(a===`fit`))}}},1e3/60))},[c.current,l.current,r]),t.useEffect(()=>{d.current&&=(window.clearInterval(d.current),null),d.current=window.setInterval(()=>{if(c.current){let e=c.current.getBoundingClientRect();e.width&&(g(e.width),d.current&&=(window.clearInterval(d.current),null))}},1e3/60)},[c.current]);function g(e){if(e){let t=document?.body?.parentElement?.style?.fontSize||`16px`,n=Number(t.substring(0,t.length-2));p(e/n)}}function _(){if(f!==void 0)return f*.05}function x(){if(f!==void 0)return .75*f}return t.createElement(`div`,{ref:c,className:(0,n.cl)(v({placeholder:!r}),e),style:{width:`${f}`&&`${f}rem`,fontSize:`${_()}rem`,height:`${x()}rem`},...s},r?f?t.createElement(`img`,{className:y({mode:m?`fit`:`fill`}),ref:l,src:r,alt:i}):t.createElement(`span`,null):t.createElement(n.Icon,{className:b,icon:o}))}n.Metadata.set(x,{name:`Photo`,props:{src:`string`,altText:`string`,mode:{type:`"fill" | "fit"`,default:`"fill"`},placeholderIcon:`IconName`}});var S=`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba10`,C=`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba11`,w=`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba12`,T=`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba13`,E=_({defaultClassName:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba14`,variantClassNames:{selected:{true:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba15`,false:`pkg_sps-woodland_core__family_photo__version_8_56_3__hash_1744ba16`}},defaultVariants:{selected:!1},compoundVariants:[]});function D({children:e,className:o,...s}){let[c]=(0,n.selectChildren)(e,[{type:x}]),[l,u]=t.useState(0),{t:d}=(0,a.useWoodlandLanguage)();function f(){l+1===c.length?u(0):u(l+1)}function p(){u(l===0?c.length-1:l-1)}return t.createElement(`div`,{className:r.grid.root,...s},t.createElement(`div`,{className:(0,n.cl)(S)},t.createElement(`div`,{className:(0,n.cl)(C)},t.createElement(i.Button,{kind:`icon`,icon:`arrow-left-circle`,"aria-label":d(`photo.previousPhoto`,{defaultValue:`Previous Photo`}),onClick:p}))),t.createElement(`div`,{className:r.grid[10]},t.createElement(`div`,{className:(0,n.cl)(T,r.grid[12])},c[l]),t.createElement(`div`,{className:(0,n.cl)(w,r.grid[12])},c.map((e,r)=>t.createElement(`button`,{tabIndex:0,className:(0,n.cl)(E({selected:r===l})),onClick:()=>u(r)},e)))),t.createElement(`div`,{className:(0,n.cl)(S)},t.createElement(`div`,{className:(0,n.cl)(C)},t.createElement(i.Button,{kind:`icon`,icon:`arrow-right-circle`,"aria-label":d(`photo.nextPhoto`,{defaultValue:`Next Photo`}),onClick:f}))))}e.Photo=x,e.PhotoCarousel=D});