@phillips/seldon 1.130.0 → 1.131.0

package/dist/components/GridItem/GridItem.d.ts

@@ -6,12 +6,45 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     align?: GridItemAlign;
     /**
-     * column spans at different breakpoints, defaults to all columns.  If less than the total number of columns at the breakpoint it will be centered.
+     * Determines how many columns this GridItem spans at the xs breakpoint, defaults to the maximum of 2 columns.  If there are less than 2 columns in the Grid at the xs breakpoint it will be centered.
      */
     xs?: number;
+    /**
+     * Determines how many columns this GridItem spans at the sm breakpoint, defaults to the maximum of 2 columns.  If there are less than 2 columns in the Grid at the sm breakpoint it will be centered.
+     */
     sm?: number;
+    /**
+     * Determines how many columns this GridItem spans at the md breakpoint, defaults to the maximum of 6 columns.  If there are less than 6 columns in the Grid at the md breakpoint they will be centered.
+     */
     md?: number;
+    /**
+     * Determines how many columns this GridItem spans at the lg breakpoint, defaults to the maximum of 12 columns.  If there are less than 2 columns in the Grid at the lg breakpoint they will be centered.
+     */
     lg?: number;
+    /**
+     * Determines how many columns this GridItem spans at the xl breakpoint, defaults to the maximum of 12 columns.  If there are less than 2 columns in the Grid at the xl breakpoint they will be centered.
+     */
+    xl?: number;
+    /**
+     * The starting column for this GridItem at the xs breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the xs breakpoint.
+     */
+    xsColStart?: number;
+    /**
+     * The starting column for this GridItem at the sm breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the sm breakpoint.
+     */
+    smColStart?: number;
+    /**
+     * The starting column for this GridItem at the md breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the md breakpoint.
+     */
+    mdColStart?: number;
+    /**
+     * The starting column for this GridItem at the lg breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the lg breakpoint.
+     */
+    lgColStart?: number;
+    /**
+     * The starting column for this GridItem at the xl breakpoint. If omitted, the GridItem will be placed in the next available column. Setting this value will override the alignment setting at the xl breakpoint.
+     */
+    xlColStart?: number;
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to 'div'.
      */
@@ -27,5 +60,5 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-griditem--overview)
  */
-declare const GridItem: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const GridItem: ({ children, xs, sm, md, lg, xl, xsColStart, smColStart, mdColStart, lgColStart, xlColStart, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GridItem;

package/dist/components/GridItem/GridItem.js

@@ -1,30 +1,40 @@
-import { jsx as I } from "react/jsx-runtime";
-import { useMemo as l } from "react";
-import { getCommonProps as b } from "../../utils/index.js";
-import j from "../../node_modules/classnames/index.js";
-import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
-import { GridItemAlign as N } from "./types.js";
-const A = ({
-  children: p,
-  xs: m = 2,
-  sm: r = 2,
-  md: t = 6,
-  lg: o = 12,
-  align: s = N.center,
-  element: c = "div",
-  className: n,
-  ...a
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { getCommonProps as k } from "../../utils/index.js";
+import A from "../../node_modules/classnames/index.js";
+import { determineColumnSpanClassName as C, validateColumnSpans as M } from "./gridItemUtils.js";
+import { GridItemAlign as h } from "./types.js";
+const F = ({
+  children: j,
+  xs: r = 2,
+  sm: n = 2,
+  md: o = 6,
+  lg: s = 12,
+  xl: t = 12,
+  xsColStart: a,
+  smColStart: i,
+  mdColStart: c,
+  lgColStart: p,
+  xlColStart: u,
+  align: l = h.center,
+  element: v = "div",
+  className: f,
+  ...d
 }) => {
-  const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
-    i,
+  const { className: I, ...G } = k(d, "GridItem"), e = m(() => ({ xs: r, sm: n, md: o, lg: s, xl: t }), [r, n, o, s, t]), P = m(
+    () => ({ xs: a, sm: i, md: c, lg: p, xl: u }),
+    [a, i, c, p, u]
+  ), N = m(() => [
+    I,
     // figure out the class names for each breakpoint
-    Object.entries(e).map(
-      ([d, C]) => v(d, C, s)
-    ),
-    n
-  ], [s, e, i, n]);
-  return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
+    Object.entries(e).map(([b, B]) => {
+      const O = P[b];
+      return C(b, B, O, l);
+    }),
+    f
+  ], [I, e, f, P, l]);
+  return M(Object.values(e)) ? /* @__PURE__ */ g(v, { ...G, className: A(N), ...d, children: j }) : null;
 };
 export {
-  A as default
+  F as default
 };

package/dist/components/GridItem/GridItem.stories.d.ts

@@ -2,13 +2,17 @@ import { GridItemProps } from './GridItem';
 import { GridItemAlign } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, xs, sm, md, lg, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ children, xs, sm, md, lg, xl, xsColStart, smColStart, mdColStart, lgColStart, xlColStart, align, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default meta;
 export declare const Playground: {
     ({ children, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        children: import("react/jsx-runtime").JSX.Element;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        align: GridItemAlign;
     };
     argTypes: {
         align: {
@@ -26,5 +30,15 @@ export declare const CenteredGridItem: {
         md: number;
         lg: number;
     };
+    argTypes: {
+        align: {
+            options: typeof GridItemAlign;
+            control: {
+                type: string;
+                options: GridItemAlign[];
+            };
+        };
+    };
 };
 export declare const LeftAndRightGridItems: () => import("react/jsx-runtime").JSX.Element;
+export declare const GridWithOffsetColumns: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/GridItem/gridItemUtils.d.ts

@@ -1,4 +1,4 @@
+import { BreakpointTokens } from '../../utils';
 import { GridItemProps } from './GridItem';
-import { GridItemAlign } from './types';
-export declare const determineColumnSpanClassName: (breakpoint: GridItemAlign, columnSpan: number, align?: GridItemProps["align"]) => string;
+export declare const determineColumnSpanClassName: (breakpoint: BreakpointTokens, columnSpan: number, columnStart?: number, align?: GridItemProps["align"]) => string;
 export declare const validateColumnSpans: (columnSpans: number[]) => boolean;

package/dist/components/GridItem/gridItemUtils.js

@@ -1,8 +1,11 @@
-import { px as n } from "../../utils/index.js";
-import { GridItemAlign as s } from "./types.js";
-const l = (r, e, t = s.center) => `${n}-grid-item--span-${r}-${e} ${n}-grid-item--span-${r}-${e}-align-${t}`, i = (r) => {
-  for (let e = 0; e < r.length; e++) {
-    const t = r[e];
+import { px as r } from "../../utils/index.js";
+import { GridItemAlign as n } from "./types.js";
+const c = (e, s, t, a = n.center) => {
+  const l = `${r}-grid-item--span-${e}-${s}`, o = `${r}-grid-item--span-${e}-${s}-align-${t ? n.left : a}`, i = t ? `${r}-grid-item--start-${e}-${t}` : "";
+  return `${l} ${o} ${i}`.replace(/\s+/g, " ").trim();
+}, g = (e) => {
+  for (let s = 0; s < e.length; s++) {
+    const t = e[s];
     if (t > 12)
       return console.warn("Column spans must be less than or equal to 12"), !1;
     if (t < 1)
@@ -11,6 +14,6 @@ const l = (r, e, t = s.center) => `${n}-grid-item--span-${r}-${e} ${n}-grid-item
   return !0;
 };
 export {
-  l as determineColumnSpanClassName,
-  i as validateColumnSpans
+  c as determineColumnSpanClassName,
+  g as validateColumnSpans
 };

package/dist/components/Search/Search.js

@@ -1,85 +1,85 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import s, { useEffect as T } from "react";
-import { getCommonProps as y, px as V, encodeURLSearchParams as $ } from "../../utils/index.js";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import n, { useEffect as V } from "react";
+import { getCommonProps as j, px as D, encodeURLSearchParams as $ } from "../../utils/index.js";
 import p from "../../node_modules/classnames/index.js";
-import j from "../Input/Input.js";
-import D from "../Link/Link.js";
-import H from "./SearchResults/SearchResults.js";
-import { TextVariants as O } from "../Text/types.js";
-import A from "../Text/Text.js";
-import { useOnClickOutside as F } from "../../node_modules/usehooks-ts/dist/index.js";
-import { HeaderContext as K } from "../../site-furniture/Header/Header.js";
-import { SearchButton as M } from "./SearchButton.js";
-import U from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
-import Z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
-const oe = ({
-  onSearch: u,
-  onCancel: _,
-  searchResults: R = [],
-  state: i = "idle",
-  defaultValue: C = "",
-  className: N,
+import H from "../Input/Input.js";
+import O from "../Link/Link.js";
+import A from "./SearchResults/SearchResults.js";
+import { TextVariants as F } from "../Text/types.js";
+import K from "../Text/Text.js";
+import { useOnClickOutside as M } from "../../node_modules/usehooks-ts/dist/index.js";
+import { HeaderContext as U } from "../../site-furniture/Header/Header.js";
+import { SearchButton as Z } from "./SearchButton.js";
+import q from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
+import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+const ie = ({
+  onSearch: _,
+  onCancel: S,
+  searchResults: N = [],
+  state: o = "idle",
+  defaultValue: w = "",
+  className: C,
   placeholder: I = "",
-  searchButtonText: c = "Search",
+  searchButtonText: i = "Search",
   loadingText: E = "Search In Progress...",
   invalidText: b = "Invalid search",
-  getAllResultsText: w = (e) => `View all results for ${e}`,
-  getAllResultsLink: S = (e) => `/Search?Search=${e}`,
-  ...v
+  getAllResultsText: P = (e) => `View all results for ${e}`,
+  getAllResultsLink: v = (e) => `/Search?Search=${e}`,
+  ...x
 }) => {
-  const { className: e, "data-testid": l, ...P } = y(v, "Search"), d = s.useContext(K), m = s.useRef(null), f = s.useRef(null), x = s.useRef(null), a = d.isSearchExpanded, n = m.current?.value, k = u ? (r) => {
-    u(r.target.value);
+  const { className: e, "data-testid": c, ...k } = j(x, "Search"), l = n.useContext(U), d = n.useRef(null), m = n.useRef(null), R = n.useRef(null), a = l.isSearchExpanded, s = d.current?.value, [L, u] = n.useState(!0), T = _ ? (r) => {
+    _(r.target.value);
   } : void 0;
-  F(x, (r) => {
-    _?.(), o(!1), r.stopPropagation();
+  M(R, (r) => {
+    S?.(), h(!1), r.stopPropagation();
   });
   const g = (r) => {
     if (r.stopPropagation(), r.key === "Enter") {
-      if (r.preventDefault(), n && n.length > 2) {
-        const L = $(S(n));
-        o(!1), window.location.href = L;
+      if (r.preventDefault(), s && s.length > 2) {
+        const y = $(v(s));
+        u(!1), window.location.href = y;
       }
-      r.currentTarget instanceof HTMLAnchorElement && (o(!1), r.currentTarget.click());
+      r.currentTarget instanceof HTMLAnchorElement && (u(!1), r.currentTarget.click());
     }
-    r.key === "Escape" && (f.current?.reset(), d.setIsSearchExpanded(!1));
+    r.key === "Escape" && (m.current?.reset(), l.setIsSearchExpanded(!1));
   };
-  T(() => {
+  V(() => {
     if (a) {
-      m.current?.focus();
+      d.current?.focus();
       return;
     }
   }, [a]);
-  const o = (r) => {
-    f.current?.reset(), d.setIsSearchExpanded(r);
+  const h = (r) => {
+    m.current?.reset(), l.setIsSearchExpanded(r);
   };
-  return /* @__PURE__ */ t(U, { enabled: a, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ t(q, { enabled: a, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, children: /* @__PURE__ */ f(
     "div",
     {
       className: `${e}__container__inner`,
-      ref: x,
+      ref: R,
       onClick: (r) => {
-        a || (o(!0), r.stopPropagation());
+        a || (h(!0), r.stopPropagation());
       },
       children: [
-        /* @__PURE__ */ t(A, { variant: O.heading4, className: `${e}__container__inner__label`, children: c }),
+        /* @__PURE__ */ t(K, { variant: F.heading4, className: `${e}__container__inner__label`, children: i }),
         /* @__PURE__ */ t(
           "div",
           {
-            ...P,
-            className: p(e, N, { [`${e}--active`]: a }),
-            "data-testid": l,
+            ...k,
+            className: p(e, C, { [`${e}--active`]: a }),
+            "data-testid": c,
             role: "search",
-            ...v,
-            children: /* @__PURE__ */ h(
+            ...x,
+            children: /* @__PURE__ */ f(
               "form",
               {
-                "data-testid": `${l}-form`,
+                "data-testid": `${c}-form`,
                 className: p(`${e}__form`, {
                   [`${e}__form--active`]: a
                 }),
-                ref: f,
+                ref: m,
                 children: [
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ f(
                     "div",
                     {
                       className: p(`${e}__content-wrapper`, {
@@ -89,62 +89,61 @@ const oe = ({
                       "aria-haspopup": "listbox",
                       children: [
                         /* @__PURE__ */ t(
-                          Z,
+                          z,
                           {
                             in: a,
-                            classNames: `${V}-input`,
+                            classNames: `${D}-input`,
                             addEndListener: () => {
                             },
                             children: /* @__PURE__ */ t(
-                              j,
+                              H,
                               {
                                 "aria-hidden": !a,
                                 className: `${e}__input`,
                                 id: "search-input",
                                 hideLabel: !0,
-                                labelText: c,
+                                labelText: i,
                                 placeholder: a ? I : "",
                                 type: "text",
-                                defaultValue: C,
-                                invalid: i === "invalid",
+                                defaultValue: w,
+                                invalid: o === "invalid",
                                 invalidText: b,
                                 onKeyDown: g,
-                                onChange: k,
-                                ref: m
+                                onChange: T,
+                                ref: d
                               }
                             )
                           }
                         ),
                         /* @__PURE__ */ t(
-                          M,
+                          Z,
                           {
                             className: e,
-                            searchButtonText: c,
-                            state: i,
-                            testId: l,
+                            searchButtonText: i,
+                            state: o,
+                            testId: c,
                             isSearchExpanded: a,
-                            setIsSearchExpanded: o,
-                            onCancel: _
+                            setIsSearchExpanded: h,
+                            onCancel: S
                           }
                         )
                       ]
                     }
                   ),
-                  n && n.length > 2 ? /* @__PURE__ */ t(
-                    H,
+                  a && L && s && s.length > 2 ? /* @__PURE__ */ t(
+                    A,
                     {
-                      autoCompleteResults: R,
-                      isLoading: i === "loading",
+                      autoCompleteResults: N,
+                      isLoading: o === "loading",
                       loadingText: E,
                       onKeyDown: g,
-                      userInputValue: n,
-                      closeSearch: o,
+                      userInputValue: s,
+                      closeSearch: u,
                       children: /* @__PURE__ */ t("li", { className: `${e}__result`, children: /* @__PURE__ */ t(
-                        D,
+                        O,
                         {
-                          onClick: () => o(!1),
-                          href: ((r) => $(S(r)))(n),
-                          children: /* @__PURE__ */ t("p", { children: w(n) })
+                          href: ((r) => $(v(r)))(s),
+                          children: /* @__PURE__ */ t("p", { children: P(s) })
                         }
                       ) }, "viewAllSearchResults")
                     }
@@ -159,5 +158,5 @@ const oe = ({
   ) }) });
 };
 export {
-  oe as default
+  ie as default
 };

package/dist/index.js

@@ -1,249 +1,250 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
-import { default as S } from "./assets/account_circle.svg.js";
-import { default as L } from "./assets/arrowPrev.svg.js";
-import { default as A } from "./assets/calendar.svg.js";
+import { BreakpointTokens as f, PaddingTokens as s, SpacingTokens as l, defaultYear as d, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as u, findChildrenOfType as x, generatePaddingClassName as n, getCommonProps as i, noOp as g, px as c, useNormalizedInputProps as C } from "./utils/index.js";
+import { default as h } from "./assets/account_circle.svg.js";
+import { default as P } from "./assets/arrowPrev.svg.js";
+import { default as T } from "./assets/calendar.svg.js";
 import { default as I } from "./assets/calendarAlt.svg.js";
-import { default as k } from "./assets/CarouselArrowNext.svg.js";
-import { default as B } from "./assets/CarouselArrowPrev.svg.js";
-import { default as v } from "./assets/checkmark.svg.js";
-import { default as y } from "./assets/chevronDown.svg.js";
-import { default as N } from "./assets/chevronNext.svg.js";
-import { default as H } from "./assets/chevronRight.svg.js";
-import { default as G } from "./assets/close.svg.js";
-import { default as U } from "./assets/favorite.svg.js";
-import { default as W } from "./assets/favoriteOutline.svg.js";
-import { default as Y } from "./assets/icon-footer-facebook.svg.js";
-import { default as z } from "./assets/icon-footer-instagram.svg.js";
-import { default as q } from "./assets/icon-footer-linkedin.svg.js";
-import { default as K } from "./assets/icon-footer-red.svg.js";
-import { default as _ } from "./assets/icon-footer-wechat.svg.js";
-import { default as ee } from "./assets/instagram.svg.js";
+import { default as B } from "./assets/CarouselArrowNext.svg.js";
+import { default as V } from "./assets/CarouselArrowPrev.svg.js";
+import { default as F } from "./assets/checkmark.svg.js";
+import { default as M } from "./assets/chevronDown.svg.js";
+import { default as D } from "./assets/chevronNext.svg.js";
+import { default as R } from "./assets/chevronRight.svg.js";
+import { default as O } from "./assets/close.svg.js";
+import { default as E } from "./assets/favorite.svg.js";
+import { default as Q } from "./assets/favoriteOutline.svg.js";
+import { default as j } from "./assets/icon-footer-facebook.svg.js";
+import { default as Z } from "./assets/icon-footer-instagram.svg.js";
+import { default as J } from "./assets/icon-footer-linkedin.svg.js";
+import { default as X } from "./assets/icon-footer-red.svg.js";
+import { default as $ } from "./assets/icon-footer-wechat.svg.js";
+import { default as te } from "./assets/instagram.svg.js";
 import { default as re } from "./assets/lock.svg.js";
-import { default as ae } from "./assets/minus.svg.js";
-import { default as se } from "./assets/PhillipsLogo.svg.js";
-import { default as de } from "./assets/plus.svg.js";
-import { default as pe } from "./assets/react.svg.js";
+import { default as fe } from "./assets/minus.svg.js";
+import { default as le } from "./assets/PhillipsLogo.svg.js";
+import { default as me } from "./assets/plus.svg.js";
+import { default as ue } from "./assets/react.svg.js";
 import "react";
-import { default as xe } from "./assets/share.svg.js";
-import { default as ne } from "./assets/spotify.svg.js";
-import { default as ce } from "./assets/wechat.svg.js";
-import { default as Se } from "./assets/youtube.svg.js";
-import { default as Le } from "./assets/icon-green-circle.svg.js";
-import { default as Ae } from "./assets/icon-red-circle.svg.js";
+import { default as ne } from "./assets/share.svg.js";
+import { default as ge } from "./assets/spotify.svg.js";
+import { default as Ce } from "./assets/wechat.svg.js";
+import { default as he } from "./assets/youtube.svg.js";
+import { default as Pe } from "./assets/icon-green-circle.svg.js";
+import { default as Te } from "./assets/icon-red-circle.svg.js";
 import { default as Ie } from "./pages/Page.js";
-import { usePendingState as ke } from "./utils/hooks.js";
-import { SSRMediaQuery as Be, ssrMediaQueryStyle as Ve } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Fe, LotStatus as ye, SupportedLanguages as Me } from "./types/commonTypes.js";
-import { default as De } from "./components/Button/Button.js";
-import { ButtonVariants as Re } from "./components/Button/types.js";
-import { default as Oe } from "./components/IconButton/IconButton.js";
-import { default as Ee } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as Qe } from "./site-furniture/Footer/Footer.js";
-import { Grid as je } from "./components/Grid/Grid.js";
-import { default as Ze } from "./site-furniture/Header/Header.js";
-import { default as Je } from "./components/Navigation/Navigation.js";
-import { default as Xe } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as $e } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as tt } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as ot } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as ft } from "./components/Input/Input.js";
-import { default as lt } from "./components/Link/Link.js";
-import { LinkVariants as mt } from "./components/Link/types.js";
-import { default as ut } from "./components/LinkBlock/LinkBlock.js";
+import { usePendingState as Be } from "./utils/hooks.js";
+import { SSRMediaQuery as Ve, ssrMediaQueryStyle as ve } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as ye, LotStatus as Me, SupportedLanguages as Ne } from "./types/commonTypes.js";
+import { default as He } from "./components/Button/Button.js";
+import { ButtonVariants as Ge } from "./components/Button/types.js";
+import { default as Ue } from "./components/IconButton/IconButton.js";
+import { default as We } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as Ye } from "./site-furniture/Footer/Footer.js";
+import { Grid as ze } from "./components/Grid/Grid.js";
+import { default as qe } from "./site-furniture/Header/Header.js";
+import { default as Ke } from "./components/Navigation/Navigation.js";
+import { default as _e } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as et } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as ot } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as at } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as st } from "./components/Input/Input.js";
+import { default as dt } from "./components/Link/Link.js";
+import { LinkVariants as pt } from "./components/Link/types.js";
+import { default as xt } from "./components/LinkBlock/LinkBlock.js";
 import { default as it } from "./components/LinkList/LinkList.js";
-import { default as gt } from "./components/Row/Row.js";
-import { default as Ct } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as ht } from "./components/GridItem/types.js";
-import { default as Pt } from "./components/Search/Search.js";
-import { default as Tt } from "./components/Select/Select.js";
+import { default as ct } from "./components/Row/Row.js";
+import { default as St } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as Lt } from "./components/GridItem/types.js";
+import { default as At } from "./components/Search/Search.js";
+import { default as kt } from "./components/Select/Select.js";
 import { SelectVariants as bt } from "./components/Select/types.js";
 import { default as wt } from "./components/SplitPanel/SplitPanel.js";
-import { default as Vt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Ft } from "./patterns/Subscribe/types.js";
-import { default as Mt } from "./patterns/Social/Social.js";
-import { default as Dt } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Rt } from "./components/Modal/Modal.js";
-import { default as Ot } from "./components/Drawer/Drawer.js";
-import { default as Et } from "./components/Pagination/Pagination.js";
-import { Tag as Qt, default as Yt } from "./components/Tags/Tags.js";
-import { default as zt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextAlignments as qt, TextVariants as Jt } from "./components/Text/types.js";
-import { default as Xt } from "./components/Text/Text.js";
-import { TextSymbolVariants as $t } from "./components/TextSymbol/types.js";
-import { default as tr } from "./components/TextSymbol/TextSymbol.js";
-import { default as or } from "./components/Accordion/Accordion.js";
-import { default as fr } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as lr, AccordionVariants as dr } from "./components/Accordion/types.js";
-import { default as pr } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as xr } from "./patterns/UserManagement/types.js";
-import { default as nr } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as vt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as yt } from "./patterns/Subscribe/types.js";
+import { default as Nt } from "./patterns/Social/Social.js";
+import { default as Ht } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Gt } from "./components/Modal/Modal.js";
+import { default as Ut } from "./components/Drawer/Drawer.js";
+import { default as Wt } from "./components/Pagination/Pagination.js";
+import { Tag as Yt, default as jt } from "./components/Tags/Tags.js";
+import { default as Zt } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextAlignments as Jt, TextVariants as Kt } from "./components/Text/types.js";
+import { default as _t } from "./components/Text/Text.js";
+import { TextSymbolVariants as eo } from "./components/TextSymbol/types.js";
+import { default as oo } from "./components/TextSymbol/TextSymbol.js";
+import { default as ao } from "./components/Accordion/Accordion.js";
+import { default as so } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as mo, AccordionVariants as po } from "./components/Accordion/types.js";
+import { default as xo } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as io } from "./patterns/UserManagement/types.js";
+import { default as co } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as cr } from "./components/Dropdown/Dropdown.js";
-import { default as Sr } from "./components/Video/Video.js";
-import { default as Lr } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as Ar } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as Ir } from "./components/ContentPeek/utils.js";
-import { default as kr } from "./components/Collapsible/Collapsible.js";
-import { default as Br } from "./components/Collapsible/CollapsibleContent.js";
-import { default as vr } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as yr } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Nr } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Hr } from "./components/Carousel/Carousel.js";
-import { default as Gr } from "./components/Carousel/CarouselArrows.js";
-import { default as Ur } from "./components/Carousel/CarouselContent.js";
-import { default as Wr } from "./components/Carousel/CarouselItem.js";
-import { default as Yr } from "./components/Carousel/CarouselDots.js";
-import { default as zr } from "./components/Detail/Detail.js";
-import { default as qr } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Kr } from "./patterns/DetailList/types.js";
-import { default as _r } from "./components/PinchZoom/PinchZoom.js";
-import { default as eo } from "./components/Tabs/TabsContainer.js";
-import { default as ro } from "./components/Tabs/TabsContent.js";
-import { default as ao } from "./components/SeldonImage/SeldonImage.js";
-import { default as so } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as mo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as uo } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as io } from "./components/Filter/Filter.js";
-import { default as go } from "./components/Filter/FilterInput.js";
-import { default as Co } from "./components/Filter/FilterHeader.js";
-import { default as ho } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Po } from "./components/Countdown/types.js";
-import { default as To } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as bo } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as wo } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Vo, BidStatusEnum as vo } from "./patterns/BidSnapshot/types.js";
-import { default as yo } from "./components/Article/Article.js";
+import { default as So } from "./components/Dropdown/Dropdown.js";
+import { default as Lo } from "./components/Video/Video.js";
+import { default as Ao } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as ko } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as bo } from "./components/ContentPeek/utils.js";
+import { default as wo } from "./components/Collapsible/Collapsible.js";
+import { default as vo } from "./components/Collapsible/CollapsibleContent.js";
+import { default as yo } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as No } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Ho } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Go } from "./components/Carousel/Carousel.js";
+import { default as Uo } from "./components/Carousel/CarouselArrows.js";
+import { default as Wo } from "./components/Carousel/CarouselContent.js";
+import { default as Yo } from "./components/Carousel/CarouselItem.js";
+import { default as zo } from "./components/Carousel/CarouselDots.js";
+import { default as qo } from "./components/Detail/Detail.js";
+import { default as Ko } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as _o } from "./patterns/DetailList/types.js";
+import { default as er } from "./components/PinchZoom/PinchZoom.js";
+import { default as or } from "./components/Tabs/TabsContainer.js";
+import { default as ar } from "./components/Tabs/TabsContent.js";
+import { default as sr } from "./components/SeldonImage/SeldonImage.js";
+import { default as dr } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as pr } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as xr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as ir } from "./components/Filter/Filter.js";
+import { default as cr } from "./components/Filter/FilterInput.js";
+import { default as Sr } from "./components/Filter/FilterHeader.js";
+import { default as Lr } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Ar } from "./components/Countdown/types.js";
+import { default as kr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as br } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as wr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as vr, BidStatusEnum as Fr } from "./patterns/BidSnapshot/types.js";
+import { default as Mr } from "./components/Article/Article.js";
 export {
-  or as Accordion,
-  fr as AccordionItem,
-  lr as AccordionItemVariant,
-  dr as AccordionVariants,
-  S as AccountCircle,
-  L as ArrowPrev,
-  yo as Article,
-  Fe as AuctionStatus,
-  xr as AuthState,
-  wo as BidMessage,
-  Vo as BidMessageVariants,
-  bo as BidSnapshot,
-  vo as BidStatusEnum,
-  nr as Breadcrumb,
-  De as Button,
-  Re as ButtonVariants,
-  A as Calendar,
+  ao as Accordion,
+  so as AccordionItem,
+  mo as AccordionItemVariant,
+  po as AccordionVariants,
+  h as AccountCircle,
+  P as ArrowPrev,
+  Mr as Article,
+  ye as AuctionStatus,
+  io as AuthState,
+  wr as BidMessage,
+  vr as BidMessageVariants,
+  br as BidSnapshot,
+  Fr as BidStatusEnum,
+  co as Breadcrumb,
+  f as BreakpointTokens,
+  He as Button,
+  Ge as ButtonVariants,
+  T as Calendar,
   I as CalendarAlt,
-  Hr as Carousel,
-  k as CarouselArrowNext,
-  B as CarouselArrowPrev,
-  Gr as CarouselArrows,
-  Ur as CarouselContent,
-  Yr as CarouselDots,
-  Wr as CarouselItem,
-  v as Checkmark,
-  y as ChevronDown,
-  N as ChevronNext,
-  H as ChevronRight,
-  G as Close,
-  kr as Collapsible,
-  Br as CollapsibleContent,
-  vr as CollapsibleTrigger,
-  Ar as ContentPeek,
-  Ir as ContentPeekHeightUnits,
-  ho as Countdown,
-  Po as CountdownVariants,
-  zr as Detail,
-  qr as DetailList,
-  Kr as DetailListAlignment,
-  Ot as Drawer,
-  cr as Dropdown,
-  Ee as ErrorBoundary,
-  Y as Facebook,
-  U as Favorite,
-  W as FavoriteOutline,
-  io as Filter,
-  Co as FilterHeader,
-  go as FilterInput,
-  uo as FilterMenu,
-  Qe as Footer,
-  z as FooterInstagram,
-  _ as FooterWeChat,
-  Le as GreenCircle,
-  je as Grid,
-  Ct as GridItem,
-  ht as GridItemAlign,
-  Ze as Header,
-  ot as HeroBanner,
-  Oe as IconButton,
-  ft as Input,
-  ee as Instagram,
-  Lr as LanguageSelector,
-  lt as Link,
-  ut as LinkBlock,
+  Go as Carousel,
+  B as CarouselArrowNext,
+  V as CarouselArrowPrev,
+  Uo as CarouselArrows,
+  Wo as CarouselContent,
+  zo as CarouselDots,
+  Yo as CarouselItem,
+  F as Checkmark,
+  M as ChevronDown,
+  D as ChevronNext,
+  R as ChevronRight,
+  O as Close,
+  wo as Collapsible,
+  vo as CollapsibleContent,
+  yo as CollapsibleTrigger,
+  ko as ContentPeek,
+  bo as ContentPeekHeightUnits,
+  Lr as Countdown,
+  Ar as CountdownVariants,
+  qo as Detail,
+  Ko as DetailList,
+  _o as DetailListAlignment,
+  Ut as Drawer,
+  So as Dropdown,
+  We as ErrorBoundary,
+  j as Facebook,
+  E as Favorite,
+  Q as FavoriteOutline,
+  ir as Filter,
+  Sr as FilterHeader,
+  cr as FilterInput,
+  xr as FilterMenu,
+  Ye as Footer,
+  Z as FooterInstagram,
+  $ as FooterWeChat,
+  Pe as GreenCircle,
+  ze as Grid,
+  St as GridItem,
+  Lt as GridItemAlign,
+  qe as Header,
+  at as HeroBanner,
+  Ue as IconButton,
+  st as Input,
+  te as Instagram,
+  Ao as LanguageSelector,
+  dt as Link,
+  xt as LinkBlock,
   it as LinkList,
-  mt as LinkVariants,
-  q as LinkedIn,
+  pt as LinkVariants,
+  J as LinkedIn,
   re as Lock,
-  ye as LotStatus,
-  ae as Minus,
-  Rt as Modal,
-  Je as Navigation,
-  Xe as NavigationItem,
-  $e as NavigationItemTrigger,
-  tt as NavigationList,
-  To as ObjectTile,
-  f as PaddingTokens,
+  Me as LotStatus,
+  fe as Minus,
+  Gt as Modal,
+  Ke as Navigation,
+  _e as NavigationItem,
+  et as NavigationItemTrigger,
+  ot as NavigationList,
+  kr as ObjectTile,
+  s as PaddingTokens,
   Ie as Page,
-  Nr as PageContentWrapper,
-  Et as Pagination,
-  se as PhillipsLogo,
-  _r as PinchZoom,
-  de as Plus,
-  pe as React,
-  Ae as RedCircle,
-  K as Reddit,
-  gt as Row,
-  Be as SSRMediaQuery,
-  so as SaleHeaderBanner,
-  mo as SaleHeaderBrowseAuctions,
-  Pt as Search,
-  ao as SeldonImage,
-  yr as SeldonProvider,
-  Tt as Select,
+  Ho as PageContentWrapper,
+  Wt as Pagination,
+  le as PhillipsLogo,
+  er as PinchZoom,
+  me as Plus,
+  ue as React,
+  Te as RedCircle,
+  X as Reddit,
+  ct as Row,
+  Ve as SSRMediaQuery,
+  dr as SaleHeaderBanner,
+  pr as SaleHeaderBrowseAuctions,
+  At as Search,
+  sr as SeldonImage,
+  No as SeldonProvider,
+  kt as Select,
   bt as SelectVariants,
-  xe as Share,
-  Mt as Social,
-  s as SpacingTokens,
+  ne as Share,
+  Nt as Social,
+  l as SpacingTokens,
   wt as SplitPanel,
-  ne as Spotify,
-  zt as StatefulViewingsList,
-  Vt as Subscribe,
-  Ft as SubscriptionState,
-  Me as SupportedLanguages,
-  eo as TabsContainer,
-  ro as TabsContent,
-  Qt as Tag,
-  Yt as TagsList,
-  Xt as Text,
-  qt as TextAlignments,
-  $t as TextSymbolVariants,
-  tr as TextSymbols,
-  Jt as TextVariants,
-  pr as UserManagement,
-  Sr as Video,
-  Dt as ViewingsList,
-  ce as WeChat,
-  Se as Youtube,
-  l as defaultYear,
-  d as emailValidation,
-  m as encodeURLSearchParams,
-  p as findChildrenExcludingTypes,
-  u as findChildrenOfType,
-  x as generatePaddingClassName,
+  ge as Spotify,
+  Zt as StatefulViewingsList,
+  vt as Subscribe,
+  yt as SubscriptionState,
+  Ne as SupportedLanguages,
+  or as TabsContainer,
+  ar as TabsContent,
+  Yt as Tag,
+  jt as TagsList,
+  _t as Text,
+  Jt as TextAlignments,
+  eo as TextSymbolVariants,
+  oo as TextSymbols,
+  Kt as TextVariants,
+  xo as UserManagement,
+  Lo as Video,
+  Ht as ViewingsList,
+  Ce as WeChat,
+  he as Youtube,
+  d as defaultYear,
+  m as emailValidation,
+  p as encodeURLSearchParams,
+  u as findChildrenExcludingTypes,
+  x as findChildrenOfType,
+  n as generatePaddingClassName,
   i as getCommonProps,
-  n as noOp,
-  g as px,
-  Ve as ssrMediaQueryStyle,
-  c as useNormalizedInputProps,
-  ke as usePendingState
+  g as noOp,
+  c as px,
+  ve as ssrMediaQueryStyle,
+  C as useNormalizedInputProps,
+  Be as usePendingState
 };

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/_type.scss

@@ -76,7 +76,7 @@
     font-size: $link-label-size;
     letter-spacing: 1px;
     line-height: $link-label-line-height;
-    text-transform: uppercase;
+    text-transform: capitalize;
   }
 
   @if $label == 'button' {

package/dist/scss/_vars.scss

@@ -103,9 +103,10 @@ $snwHeaderLink: 'snwHeaderLink';
 $snwFlyoutLink: 'snwFlyoutLink';
 $snwHeadingHero1: 'snwHeadingHero1';
 $snwHeadingHero2: 'snwHeadingHero2';
-$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
-  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2;
+$text-tokens:
+  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
+  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
+  $snwHeadingHero1, $snwHeadingHero2;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/components/GridItem/_gridItem.scss

@@ -2,7 +2,7 @@
 @use '../../allPartials' as *;
 
 @mixin gridItemColumnSpan($span: 1, $total-cols: 12) {
-  grid-column: span $span;
+  grid-column: auto / span $span;
 
   &-align-right {
     grid-column-end: $total-cols + 1;
@@ -24,12 +24,24 @@
     }
   }
 
+  @for $i from 1 through 6 {
+    &--start-xs-#{$i} {
+      grid-column-start: #{$i};
+    }
+  }
+
   @include media($size-sm) {
     @for $i from 1 through 2 {
       &--span-sm-#{$i} {
         @include gridItemColumnSpan($i, 2);
       }
     }
+
+    @for $i from 1 through 6 {
+      &--start-sm-#{$i} {
+        grid-column-start: #{$i};
+      }
+    }
   }
 
   @include media($size-md) {
@@ -38,6 +50,12 @@
         @include gridItemColumnSpan($i, 6);
       }
     }
+
+    @for $i from 1 through 6 {
+      &--start-md-#{$i} {
+        grid-column-start: #{$i};
+      }
+    }
   }
 
   @include media($size-lg) {
@@ -46,5 +64,25 @@
         @include gridItemColumnSpan($i, 12);
       }
     }
+
+    @for $i from 1 through 12 {
+      &--start-lg-#{$i} {
+        grid-column-start: #{$i};
+      }
+    }
+  }
+
+  @include media($size-xl) {
+    @for $i from 1 through 12 {
+      &--span-xl-#{$i} {
+        @include gridItemColumnSpan($i, 12);
+      }
+    }
+
+    @for $i from 1 through 12 {
+      &--start-xl-#{$i} {
+        grid-column-start: #{$i};
+      }
+    }
   }
 }

package/dist/utils/index.d.ts

@@ -26,6 +26,13 @@ export declare enum SpacingTokens {
     xl = "xl",
     xxl = "xxl"
 }
+export declare enum BreakpointTokens {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl"
+}
 export declare const noOp: () => void;
 export interface InputProps {
     /**

package/dist/utils/index.js

@@ -1,62 +1,63 @@
 import { jsx as d } from "react/jsx-runtime";
-import { kebabCase as u } from "../node_modules/change-case/dist/index.js";
-import * as c from "react";
-const s = "seldon", v = ({ id: e, ...r }, n) => {
-  const t = u(n);
+import { kebabCase as c } from "../node_modules/change-case/dist/index.js";
+import * as u from "react";
+const s = "seldon", C = ({ id: r, ...e }, t) => {
+  const n = c(t);
   return {
-    ...r,
-    "data-testid": e ? `${t}-${e}` : `${t}`,
-    className: `${s}-${t}`
+    ...e,
+    "data-testid": r ? `${n}-${r}` : `${n}`,
+    className: `${s}-${n}`
   };
 };
-var x = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(x || {}), f = /* @__PURE__ */ ((e) => (e.micro = "micro", e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(f || {});
-const C = () => {
+var x = /* @__PURE__ */ ((r) => (r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r.xxl = "xxl", r))(x || {}), f = /* @__PURE__ */ ((r) => (r.micro = "micro", r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r.xxl = "xxl", r))(f || {}), $ = /* @__PURE__ */ ((r) => (r.xs = "xs", r.sm = "sm", r.md = "md", r.lg = "lg", r.xl = "xl", r))($ || {});
+const g = () => {
 };
-function g({
-  disabled: e = !1,
-  id: r,
-  invalid: n = !1,
-  invalidText: t = "invalid",
+function w({
+  disabled: r = !1,
+  id: e,
+  invalid: t = !1,
+  invalidText: n = "invalid",
   readOnly: a = !1,
-  type: o,
-  warn: i = !1,
+  type: i,
+  warn: o = !1,
   warnText: m
 }) {
   const l = {
-    disabled: !a && e,
-    invalid: !a && !e && n,
-    invalidId: `${r}-error-msg`,
-    type: o === "toggle" ? "checkbox" : o,
-    warn: !a && !e && !n && i,
-    warnId: `${r}-warn-msg`,
+    disabled: !a && r,
+    invalid: !a && !r && t,
+    invalidId: `${e}-error-msg`,
+    type: i === "toggle" ? "checkbox" : i,
+    warn: !a && !r && !t && o,
+    warnId: `${e}-warn-msg`,
     validation: null
   };
-  return l.invalid && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--invalid`, id: l.invalidId, children: t })), l.warn && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--warn`, id: l.warnId, children: m })), l;
+  return l.invalid && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${i}-input--invalid`, id: l.invalidId, children: n })), l.warn && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${i}-input--warn`, id: l.warnId, children: m })), l;
 }
-const w = (/* @__PURE__ */ new Date()).getFullYear(), h = (e, r = "end", n = "vertical") => `${s}-padding-${n}-${e}-${r}`, y = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), I = (e, r, n = !1) => {
-  const t = c.Children.toArray(e).filter((a) => a && a.type === r && !n ? a : a && a.type !== r && n);
-  return t.length > 0 ? t : null;
-}, N = (e, r) => {
-  const n = c.Children.toArray(e).filter((t) => {
-    if (t && t.type && !r.includes(t.type))
-      return t;
-  });
+const h = (/* @__PURE__ */ new Date()).getFullYear(), y = (r, e = "end", t = "vertical") => `${s}-padding-${t}-${r}-${e}`, I = (r) => /(.+)@(.+){2,}\.(.+){2,}/i.test(r), N = (r, e, t = !1) => {
+  const n = u.Children.toArray(r).filter((a) => a && a.type === e && !t ? a : a && a.type !== e && t);
   return n.length > 0 ? n : null;
-}, R = (e) => {
-  const r = e.split("?"), n = new URLSearchParams(r[1]), a = Array.from(n.entries()).map(([i, m]) => [i, encodeURIComponent(m)]).map(([i, m]) => `${i}=${m}`).join("&");
-  return `${r[0]}?${a}`;
+}, R = (r, e) => {
+  const t = u.Children.toArray(r).filter((n) => {
+    if (n && n.type && !e.includes(n.type))
+      return n;
+  });
+  return t.length > 0 ? t : null;
+}, b = (r) => {
+  const e = r.split("?"), t = new URLSearchParams(e[1]), a = Array.from(t.entries()).map(([o, m]) => [o, encodeURIComponent(m)]).map(([o, m]) => `${o}=${m}`).join("&");
+  return `${e[0]}?${a}`;
 };
 export {
+  $ as BreakpointTokens,
   x as PaddingTokens,
   f as SpacingTokens,
-  w as defaultYear,
-  y as emailValidation,
-  R as encodeURLSearchParams,
-  N as findChildrenExcludingTypes,
-  I as findChildrenOfType,
-  h as generatePaddingClassName,
-  v as getCommonProps,
-  C as noOp,
+  h as defaultYear,
+  I as emailValidation,
+  b as encodeURLSearchParams,
+  R as findChildrenExcludingTypes,
+  N as findChildrenOfType,
+  y as generatePaddingClassName,
+  C as getCommonProps,
+  g as noOp,
   s as px,
-  g as useNormalizedInputProps
+  w as useNormalizedInputProps
 };

package/package.json

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