@sps-woodland/core 8.56.2 → 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_2__hash_6nwwl00", a = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl01", l = "pkg_sps-woodland_core__family_page-title__version_8_56_2__hash_6nwwl02", o = "pkg_sps-woodland_core__family_page-title__version_8_56_2__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_2__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_2__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_2__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__family_page-title__version_8_56_2__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_2__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_2__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,183 +1,180 @@
-import * as r from "react";
-import { Metadata as R, cl as d, Icon as x, selectChildren as j } from "@sps-woodland/core";
-import { grid as h } from "@sps-woodland/tokens";
-import { Button as v } from "@sps-woodland/core/buttons";
-import { useWoodlandLanguage as S } from "@spscommerce/i18n";
-function W(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 w(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 g(e) {
-  for (var a = 1; a < arguments.length; a++) {
-    var o = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? w(Object(o), !0).forEach(function(t) {
-      W(e, t, o[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : w(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 B = (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 = g(g({}, 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 l = c;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var _ = (
-        // @ts-expect-error
-        e.variantClassNames[n][l]
-      );
-      _ && (o += " " + _);
-    }
-  }
-  for (var [u, s] of e.compoundVariants)
-    B(u, t, e.defaultVariants) && (o += " " + s);
-  return o;
-}, D = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0", variantClassNames: { placeholder: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w2" } }, defaultVariants: { placeholder: !1 }, compoundVariants: [] }), F = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3", variantClassNames: { mode: { fill: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4", fit: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5" } }, defaultVariants: { mode: "fill" }, compoundVariants: [] }), z = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6";
-function P({
-  className: e,
-  src: a,
-  altText: o,
-  mode: t = "fill",
-  placeholderIcon: n = "photo",
-  ...i
-}) {
-  const c = r.useRef(null), l = r.useRef(null), _ = r.useRef(null), u = r.useRef(null), [s, C] = r.useState(), [E, N] = r.useState(!1);
-  r.useEffect(() => {
-    l.current && (_.current && (window.clearInterval(_.current), _.current = null), _.current = window.setInterval(() => {
-      if (l.current) {
-        const f = l.current.getBoundingClientRect();
-        if (f.height) {
-          _.current && (window.clearInterval(_.current), _.current = null);
-          const p = f.width / f.height > 1;
-          N(p === (t === "fit"));
-        }
-      }
-    }, 1e3 / 60));
-  }, [c.current, l.current, a]), r.useEffect(() => {
-    u.current && (window.clearInterval(u.current), u.current = null), u.current = window.setInterval(() => {
-      if (c.current) {
-        const f = c.current.getBoundingClientRect();
-        f.width && (O(f.width), u.current && (window.clearInterval(u.current), u.current = null));
-      }
-    }, 1e3 / 60);
-  }, [c.current]);
-  function O(f) {
-    if (f) {
-      const p = document?.body?.parentElement?.style?.fontSize || "16px", V = Number(p.substring(0, p.length - 2));
-      C(f / V);
-    }
-  }
-  function I() {
-    if (typeof s < "u")
-      return s * 0.05;
-  }
-  function k() {
-    if (typeof s < "u")
-      return 0.75 * s;
-  }
-  return /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      ref: c,
-      className: d(D({ placeholder: !a }), e),
-      style: {
-        width: `${s}` && `${s}rem`,
-        fontSize: `${I()}rem`,
-        height: `${k()}rem`
-      },
-      ...i
-    },
-    a ? s ? /* @__PURE__ */ r.createElement(
-      "img",
-      {
-        className: F({ mode: E ? "fit" : "fill" }),
-        ref: l,
-        src: a,
-        alt: o
-      }
-    ) : /* @__PURE__ */ r.createElement("span", null) : /* @__PURE__ */ r.createElement(x, { className: z, 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
+	}));
 }
-R.set(P, {
-  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 b = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10", y = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11", L = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12", A = "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13", H = m({ defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba15", false: "pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16" } }, defaultVariants: { selected: !1 }, compoundVariants: [] });
-function G({
-  children: e,
-  className: a,
-  ...o
-}) {
-  const [t] = j(e, [{ type: P }]), [n, i] = r.useState(0), { t: c } = S();
-  function l() {
-    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(b) }, /* @__PURE__ */ r.createElement("div", { className: d(y) }, /* @__PURE__ */ r.createElement(
-    v,
-    {
-      kind: "icon",
-      icon: "arrow-left-circle",
-      "aria-label": c("photo.previousPhoto", {
-        defaultValue: "Previous Photo"
-      }),
-      onClick: _
-    }
-  ))), /* @__PURE__ */ r.createElement("div", { className: h[10] }, /* @__PURE__ */ r.createElement("div", { className: d(A, h[12]) }, t[n]), /* @__PURE__ */ r.createElement("div", { className: d(L, h[12]) }, t.map((u, s) => /* @__PURE__ */ r.createElement(
-    "button",
-    {
-      tabIndex: 0,
-      className: d(H({ selected: s === n })),
-      onClick: () => i(s)
-    },
-    u
-  )))), /* @__PURE__ */ r.createElement("div", { className: d(b) }, /* @__PURE__ */ r.createElement("div", { className: d(y) }, /* @__PURE__ */ r.createElement(
-    v,
-    {
-      kind: "icon",
-      icon: "arrow-right-circle",
-      "aria-label": c("photo.nextPhoto", {
-        defaultValue: "Next Photo"
-      }),
-      onClick: l
-    }
-  ))));
+//#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 {
-  P as Photo,
-  G as PhotoCarousel
-};
+//#endregion
+export { g as Photo, S as PhotoCarousel };

package/lib/photo/index.umd.cjs

@@ -1 +1 @@
-(function(s,h){typeof exports=="object"&&typeof module<"u"?h(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"],h):(s=typeof globalThis<"u"?globalThis:s||self,h(s.Photo={},s.react,s.spsWoodlandCore,s.spsWoodlandTokens,s.spsWoodlandCoreButtons,s.spscommerceI18n))})(this,(function(s,h,c,m,b,N){"use strict";function E(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=E(h);function I(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function y(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function P(e){for(var o=1;o<arguments.length;o++){var t=arguments[o]!=null?arguments[o]:{};o%2?y(Object(t),!0).forEach(function(r){I(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var j=(e,o,t)=>{for(var r of Object.keys(e)){var a;if(e[r]!==((a=o[r])!==null&&a!==void 0?a:t[r]))return!1}return!0},w=e=>o=>{var t=e.defaultClassName,r=P(P({},e.defaultVariants),o);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)j(f,r,e.defaultVariants)&&(t+=" "+_);return t},k=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w0",variantClassNames:{placeholder:{true:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w1",false:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w2"}},defaultVariants:{placeholder:!1},compoundVariants:[]}),S=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w3",variantClassNames:{mode:{fill:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w4",fit:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w5"}},defaultVariants:{mode:"fill"},compoundVariants:[]}),V="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1orib4w6";function g({className:e,src:o,altText:t,mode:r="fill",placeholderIcon:a="photo",...u}){const d=n.useRef(null),l=n.useRef(null),i=n.useRef(null),f=n.useRef(null),[_,D]=n.useState(),[T,q]=n.useState(!1);n.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 v=p.width/p.height>1;q(v===(r==="fit"))}}},1e3/60))},[d.current,l.current,o]),n.useEffect(()=>{f.current&&(window.clearInterval(f.current),f.current=null),f.current=window.setInterval(()=>{if(d.current){const p=d.current.getBoundingClientRect();p.width&&(z(p.width),f.current&&(window.clearInterval(f.current),f.current=null))}},1e3/60)},[d.current]);function z(p){if(p){const v=document?.body?.parentElement?.style?.fontSize||"16px",A=Number(v.substring(0,v.length-2));D(p/A)}}function F(){if(typeof _<"u")return _*.05}function L(){if(typeof _<"u")return .75*_}return n.createElement("div",{ref:d,className:c.cl(k({placeholder:!o}),e),style:{width:`${_}`&&`${_}rem`,fontSize:`${F()}rem`,height:`${L()}rem`},...u},o?_?n.createElement("img",{className:S({mode:T?"fit":"fill"}),ref:l,src:o,alt:t}):n.createElement("span",null):n.createElement(c.Icon,{className:V,icon:a}))}c.Metadata.set(g,{name:"Photo",props:{src:"string",altText:"string",mode:{type:'"fill" | "fit"',default:'"fill"'},placeholderIcon:"IconName"}});var O="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba10",C="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba11",R="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba12",x="pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba13",W=w({defaultClassName:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba14",variantClassNames:{selected:{true:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba15",false:"pkg_sps-woodland_core__family_photo__version_8_56_2__hash_1744ba16"}},defaultVariants:{selected:!1},compoundVariants:[]});function B({children:e,className:o,...t}){const[r]=c.selectChildren(e,[{type:g}]),[a,u]=n.useState(0),{t:d}=N.useWoodlandLanguage();function l(){a+1===r.length?u(0):u(a+1)}function i(){u(a===0?r.length-1:a-1)}return n.createElement("div",{className:m.grid.root,...t},n.createElement("div",{className:c.cl(O)},n.createElement("div",{className:c.cl(C)},n.createElement(b.Button,{kind:"icon",icon:"arrow-left-circle","aria-label":d("photo.previousPhoto",{defaultValue:"Previous Photo"}),onClick:i}))),n.createElement("div",{className:m.grid[10]},n.createElement("div",{className:c.cl(x,m.grid[12])},r[a]),n.createElement("div",{className:c.cl(R,m.grid[12])},r.map((f,_)=>n.createElement("button",{tabIndex:0,className:c.cl(W({selected:_===a})),onClick:()=>u(_)},f)))),n.createElement("div",{className:c.cl(O)},n.createElement("div",{className:c.cl(C)},n.createElement(b.Button,{kind:"icon",icon:"arrow-right-circle","aria-label":d("photo.nextPhoto",{defaultValue:"Next Photo"}),onClick:l}))))}s.Photo=g,s.PhotoCarousel=B,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});