@phillips/seldon 1.72.1 → 1.73.0

package/dist/components/Carousel/CarouselDots.js

@@ -1,19 +1,19 @@
 import { jsx as c } from "react/jsx-runtime";
 import d from "../../node_modules/classnames/index.js";
 import { forwardRef as D, useId as P, useState as S, useCallback as f, useEffect as V } from "react";
-import { useCarousel as _ } from "./utils.js";
-import { getCommonProps as j } from "../../utils/index.js";
-const w = D(
-  ({ className: $, maxDots: l = 7, position: h = "inline", numberOfSlides: N = 0, ...u }, b) => {
-    const { className: s, ...C } = j(u, "Carousel"), M = P(), { api: e, onSlideChange: n } = _(), [g, v] = S(0), [i, k] = S(
+import { useCarousel as j } from "./utils.js";
+import { getCommonProps as w } from "../../utils/index.js";
+const A = D(
+  ({ className: $, maxDots: i = 7, position: h = "inline", numberOfSlides: N = 0, ...u }, b) => {
+    const { className: s, ...C } = w(u, "Carousel"), M = P(), { api: e, onSlideChange: n } = j(), [g, v] = S(0), [l, x] = S(
       Array.from({ length: N }, (t, o) => o)
-    ), x = f(
+    ), k = f(
       (t) => {
         e && (e.scrollTo(t, !0), n == null || n(t));
       },
       [e, n]
     ), p = f((t) => {
-      k(t.scrollSnapList());
+      x(t.scrollSnapList());
     }, []), a = f((t) => {
       v(t.selectedScrollSnap());
     }, []), m = f(
@@ -29,11 +29,11 @@ const w = D(
         };
     }, [e, p, a, m]);
     const I = (() => {
-      if (i.length <= l) return i;
-      const t = Math.floor(l / 2);
+      if (l.length <= i) return l;
+      const t = Math.floor(i / 2);
       let o = Math.max(0, g - t);
-      const r = Math.min(i.length, o + l);
-      return r - o < l && (o = Math.max(0, r - l)), i.slice(o, r);
+      const r = Math.min(l.length, o + i);
+      return r - o < i && (o = Math.max(0, r - i)), l.slice(o, r);
     })();
     return /* @__PURE__ */ c(
       "div",
@@ -46,12 +46,12 @@ const w = D(
         ...u,
         ...C,
         children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t, o) => {
-          const r = i.indexOf(I[o]), y = g === r;
+          const r = l.indexOf(I[o]), y = g === r;
           return /* @__PURE__ */ c(
             "button",
             {
               role: "button",
-              onClick: () => x(r),
+              onClick: () => k(r),
               className: d(`${s}-pagination-dot-container`),
               children: /* @__PURE__ */ c(
                 "span",
@@ -62,14 +62,14 @@ const w = D(
                 }
               )
             },
-            `${M}-dot-${o}`
+            `${M}-dot-${t}`
           );
         }) }) })
       }
     );
   }
 );
-w.displayName = "CarouselDots";
+A.displayName = "CarouselDots";
 export {
-  w as default
+  A as default
 };

package/dist/components/Detail/Detail.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 export interface DetailProps extends ComponentProps<'div'> {
-    label: string;
-    value: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
 }
 /**
  * ## Overview
@@ -13,6 +13,6 @@ export interface DetailProps extends ComponentProps<'div'> {
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-detail--overview)
  *
  */
-declare const Detail: import("react").ForwardRefExoticComponent<Omit<DetailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Detail: React.ForwardRefExoticComponent<Omit<DetailProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type DetailComponent = ReturnType<typeof Detail>;
 export default Detail;

package/dist/components/Detail/Detail.js

@@ -1,14 +1,15 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { getCommonProps as i } from "../../utils/index.js";
-const c = t(({ className: s, ...a }, m) => {
-  const { className: e, ...o } = i(a, "Detail");
-  return /* @__PURE__ */ r("div", { ...o, className: `${e} ${s}`, ...a, ref: m, children: [
-    /* @__PURE__ */ l("dt", { className: `${e}__label`, children: a.label }),
-    /* @__PURE__ */ l("dd", { className: `${e}__value`, children: a.value })
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { getCommonProps as d } from "../../utils/index.js";
+import n from "../../node_modules/classnames/index.js";
+const f = c(({ className: m = "", label: l, value: o, ...s }, r) => {
+  const { className: a, ...t } = d(s, "Detail");
+  return /* @__PURE__ */ i("div", { ...t, className: n(a, m), ...s, ref: r, children: [
+    /* @__PURE__ */ e("dt", { className: `${a}__label`, children: l }),
+    /* @__PURE__ */ e("dd", { className: `${a}__value`, children: o })
   ] });
 });
-c.displayName = "Detail";
+f.displayName = "Detail";
 export {
-  c as default
+  f as default
 };

package/dist/index.js

@@ -1,12 +1,12 @@
-import { PaddingTokens as f, SpacingTokens as l, defaultYear as p, emailValidation as s, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as l, defaultYear as m, emailValidation as p, encodeURLSearchParams as s, findChildrenExcludingTypes as d, findChildrenOfType as i, generatePaddingClassName as u, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
 import { default as P } from "./components/Button/Button.js";
 import { ButtonVariants as T } from "./components/Button/types.js";
 import { default as b } from "./components/IconButton/IconButton.js";
-import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as A } from "./site-furniture/Footer/Footer.js";
-import { Grid as v } from "./components/Grid/Grid.js";
-import { default as y } from "./site-furniture/Header/Header.js";
+import { default as A } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as h } from "./site-furniture/Footer/Footer.js";
+import { Grid as N } from "./components/Grid/Grid.js";
+import { default as w } from "./site-furniture/Header/Header.js";
 import { default as G } from "./components/Navigation/Navigation.js";
 import { default as H } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as O } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -18,22 +18,22 @@ import { LinkVariants as J } from "./components/Link/types.js";
 import { default as Q } from "./components/LinkBlock/LinkBlock.js";
 import { default as _ } from "./components/LinkList/LinkList.js";
 import { default as ee } from "./components/Row/Row.js";
-import { default as re } from "./components/GridItem/GridItem.js";
+import { default as te } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as ae } from "./components/GridItem/types.js";
 import { default as le } from "./components/Search/Search.js";
-import { default as se } from "./components/Select/Select.js";
+import { default as pe } from "./components/Select/Select.js";
 import { default as de } from "./components/SplitPanel/SplitPanel.js";
-import { default as ie } from "./patterns/Subscribe/Subscribe.js";
+import { default as ue } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as ne } from "./patterns/Subscribe/types.js";
 import { default as ce } from "./patterns/Social/Social.js";
 import { default as Ce } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Pe } from "./components/Modal/Modal.js";
 import { default as Te } from "./components/Drawer/Drawer.js";
 import { default as be } from "./components/Pagination/Pagination.js";
-import { default as Be } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Ae } from "./components/Text/types.js";
-import { default as ve } from "./components/Text/Text.js";
-import { TextSymbolVariants as ye } from "./components/TextSymbol/types.js";
+import { default as Ae } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as he } from "./components/Text/types.js";
+import { default as Ne } from "./components/Text/Text.js";
+import { TextSymbolVariants as we } from "./components/TextSymbol/types.js";
 import { default as Ge } from "./components/TextSymbol/TextSymbol.js";
 import { default as He } from "./components/Accordion/Accordion.js";
 import { default as Oe } from "./components/Accordion/AccordionItem.js";
@@ -48,19 +48,20 @@ import "react";
 import { default as Xe } from "./components/Dropdown/Dropdown.js";
 import { default as $e } from "./components/Video/Video.js";
 import { default as oo } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as to } from "./components/ContentPeek/ContentPeek.js";
+import { default as ro } from "./components/ContentPeek/ContentPeek.js";
 import { default as fo } from "./components/Collapsible/Collapsible.js";
-import { default as po } from "./components/Collapsible/CollapsibleContent.js";
-import { default as mo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as io } from "./providers/SeldonProvider.js";
+import { default as mo } from "./components/Collapsible/CollapsibleContent.js";
+import { default as so } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as uo } from "./providers/SeldonProvider.js";
 import { default as no } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as co } from "./components/Carousel/Carousel.js";
 import { default as Co } from "./components/Carousel/CarouselContent.js";
 import { default as Po } from "./components/Carousel/CarouselItem.js";
 import { default as To } from "./components/Carousel/CarouselDots.js";
 import { default as bo } from "./components/Detail/Detail.js";
-import { default as Bo } from "./patterns/DetailList/DetailList.js";
-import { default as Ao } from "./components/PinchZoom/PinchZoom.js";
+import { default as Ao } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as ho } from "./patterns/DetailList/types.js";
+import { default as No } from "./components/PinchZoom/PinchZoom.js";
 export {
   He as Accordion,
   Oe as AccordionItem,
@@ -75,19 +76,20 @@ export {
   To as CarouselDots,
   Po as CarouselItem,
   fo as Collapsible,
-  po as CollapsibleContent,
-  mo as CollapsibleTrigger,
-  to as ContentPeek,
+  mo as CollapsibleContent,
+  so as CollapsibleTrigger,
+  ro as ContentPeek,
   bo as Detail,
-  Bo as DetailList,
+  Ao as DetailList,
+  ho as DetailListAlignment,
   Te as Drawer,
   Xe as Dropdown,
-  B as ErrorBoundary,
-  A as Footer,
-  v as Grid,
-  re as GridItem,
+  A as ErrorBoundary,
+  h as Footer,
+  N as Grid,
+  te as GridItem,
   ae as GridItemAlign,
-  y as Header,
+  w as Header,
   F as HeroBanner,
   b as IconButton,
   Y as Input,
@@ -105,31 +107,31 @@ export {
   C as Page,
   no as PageContentWrapper,
   be as Pagination,
-  Ao as PinchZoom,
+  No as PinchZoom,
   ee as Row,
   le as Search,
-  io as SeldonProvider,
-  se as Select,
+  uo as SeldonProvider,
+  pe as Select,
   ce as Social,
   l as SpacingTokens,
   de as SplitPanel,
-  Be as StatefulViewingsList,
-  ie as Subscribe,
+  Ae as StatefulViewingsList,
+  ue as Subscribe,
   ne as SubscriptionState,
   qe as SupportedLanguages,
-  ve as Text,
-  ye as TextSymbolVariants,
+  Ne as Text,
+  we as TextSymbolVariants,
   Ge as TextSymbols,
-  Ae as TextVariants,
+  he as TextVariants,
   We as UserManagement,
   $e as Video,
   Ce as ViewingsList,
-  p as defaultYear,
-  s as emailValidation,
-  m as encodeURLSearchParams,
+  m as defaultYear,
+  p as emailValidation,
+  s as encodeURLSearchParams,
   d as findChildrenExcludingTypes,
-  u as findChildrenOfType,
-  i as generatePaddingClassName,
+  i as findChildrenOfType,
+  u as generatePaddingClassName,
   x as getCommonProps,
   n as noOp,
   g as px,

package/dist/patterns/DetailList/DetailList.d.ts

@@ -1,19 +1,19 @@
 import { ComponentProps } from 'react';
-import { DetailComponent } from '../../components/Detail';
 import { DetailListAlignment } from './types';
+import { DetailComponent } from '../../components/Detail';
 export interface DetailListProps extends ComponentProps<'dl'> {
     /**
      * Determines whether each Details' label and value are aligned in columns or justified
      */
-    alignment: DetailListAlignment;
+    alignment?: DetailListAlignment;
     /**
      * The Detail components to render
      */
-    children: DetailComponent[];
+    children: DetailComponent[] | DetailComponent;
     /**
      * Whether to render separators between each Detail component
      */
-    hasSeparators: boolean;
+    hasSeparators?: boolean;
 }
 /**
  * ## Overview

package/dist/patterns/DetailList/DetailList.js

@@ -1,33 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import f from "../../node_modules/classnames/index.js";
+import l from "../../node_modules/classnames/index.js";
 import { getCommonProps as $, px as s } from "../../utils/index.js";
-import { DetailListAlignment as m } from "./types.js";
-import { getDetailKey as j } from "./utils.js";
+import { DetailListAlignment as o } from "./types.js";
+import { getDetailKey as n } from "./utils.js";
 const D = N(
-  ({ alignment: o, className: p, children: t, hasSeparators: l, ...a }, u) => {
-    const { className: e, ...c } = $(a, "DetailList");
-    return /* @__PURE__ */ r(
+  ({ alignment: t = o.justified, className: p, children: a, hasSeparators: u = !1, ...e }, c) => {
+    const { className: i, ...d } = $(e, "DetailList"), m = Array.isArray(a) ? a : [a];
+    return /* @__PURE__ */ f(
       "dl",
       {
-        ...c,
-        className: f(e, p, {
-          [`${s}-columns`]: o === m.columns,
-          [`${s}-justified`]: o === m.justified
+        ...d,
+        className: l(i, p, {
+          [`${s}-columns`]: t === o.columns,
+          [`${s}-justified`]: t === o.justified
         }),
-        ...a,
-        ref: u,
-        children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ r(
+        ...e,
+        ref: c,
+        children: m == null ? void 0 : m.map((r, j) => /* @__PURE__ */ f(
           "div",
           {
-            className: f(`${e}-wrapper`, {
-              [`${s}-has-separators`]: l,
-              [`${s}-columns`]: o === m.columns,
-              [`${s}-justified`]: o === m.justified
+            className: l(`${i}-wrapper`, {
+              [`${s}-has-separators`]: u,
+              [`${s}-columns`]: t === o.columns,
+              [`${s}-justified`]: t === o.justified
             }),
-            children: i
+            children: r
           },
-          j(i, d)
+          n(r, j)
         ))
       }
     );

package/dist/patterns/DetailList/index.d.ts

@@ -1 +1,2 @@
 export { default as DetailList, type DetailListProps } from './DetailList';
+export { DetailListAlignment } from './types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.72.1",
+  "version": "1.73.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"