@phillips/seldon 1.279.2 → 1.280.0

package/dist/components/NotificationBanner/NotificationBanner.js

@@ -1,10 +1,12 @@
+import './_notificationBanner.css';
 import { jsx as s } from "react/jsx-runtime";
 import e from "../../_virtual/index2.js";
 import { forwardRef as c } from "react";
 import { getCommonProps as f } from "../../utils/index.js";
+
 const l = c(({ className: a, ...o }, i) => {
-  const { className: m, ...n } = f(o, "NotificationBanner"), { children: r, id: t } = o;
-  return /* @__PURE__ */ s("div", { ...n, ...o, className: e(m, a), ref: i, id: t, children: r });
+  const { className: m, ...r } = f(o, "NotificationBanner"), { children: t, id: n } = o;
+  return /* @__PURE__ */ s("div", { ...r, ...o, className: e(m, a), ref: i, id: n, children: t });
 });
 l.displayName = "NotificationBanner";
 export {

package/dist/components/NotificationBanner/_notificationBanner.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-notification-banner{background:#eae9e6;color:#000;left:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:auto;position:fixed;text-align:center;top:0;width:100%;z-index:10;font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-notification-banner>*,.seldon-notification-banner .seldon-text{text-align:center;font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-notification-banner .seldon-link{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-notification-banner>.seldon-notification-banner-content{color:#000;text-align:center}.seldon-notification-banner>.seldon-notification-banner-content .seldon-link{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-notification-banner .seldon-notification-banner-link{cursor:pointer;text-decoration:underline}}

package/dist/components/PageContentWrapper/PageContentWrapper.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("react"),c=require("../../utils/index.cjs"),l=require("../../_virtual/index2.cjs"),t=i.forwardRef(({children:r,className:a,...e},s)=>{const{className:n,...o}=c.getCommonProps(e,"PageContentWrapper");return u.jsx("div",{...o,className:l.default(n,a),...e,ref:s,children:r})});t.displayName="PageContentWrapper";exports.default=t;
+require('./_pageContentWrapper.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("react"),c=require("../../utils/index.cjs"),l=require("../../_virtual/index2.cjs");;const r=i.forwardRef(({children:t,className:a,...e},s)=>{const{className:n,...o}=c.getCommonProps(e,"PageContentWrapper");return u.jsx("div",{...o,className:l.default(n,a),...e,ref:s,children:t})});r.displayName="PageContentWrapper";exports.default=r;

package/dist/components/PageContentWrapper/PageContentWrapper.js

@@ -1,14 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { getCommonProps as p } from "../../utils/index.js";
+import './_pageContentWrapper.css';
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { getCommonProps as n } from "../../utils/index.js";
 import f from "../../_virtual/index2.js";
-const c = n(
-  ({ children: e, className: o, ...a }, r) => {
-    const { className: m, ...s } = p(a, "PageContentWrapper");
-    return /* @__PURE__ */ t("div", { ...s, className: f(m, o), ...a, ref: r, children: e });
+
+const i = p(
+  ({ children: r, className: a, ...o }, e) => {
+    const { className: m, ...t } = n(o, "PageContentWrapper");
+    return /* @__PURE__ */ s("div", { ...t, className: f(m, a), ...o, ref: e, children: r });
   }
 );
-c.displayName = "PageContentWrapper";
+i.displayName = "PageContentWrapper";
 export {
-  c as default
+  i as default
 };

package/dist/components/PageContentWrapper/_pageContentWrapper.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-page-content-wrapper{padding:0 var(--spacing-md)}@media(min-width:961px){.seldon-page-content-wrapper{padding:0 var(--spacing-lg)}}}

package/dist/components/Pagination/Pagination.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),v=require("react"),m=require("../../_virtual/index2.cjs"),f=require("../../utils/index.cjs"),B=require("../Select/Select.cjs"),j=require("../IconButton/IconButton.cjs"),y=require("../Button/types.cjs"),c=require("./utils.cjs"),M=require("../../utils/hooks.cjs"),$=require("../Icon/Icon.cjs"),O=v.forwardRef(({className:P,onChange:_,variant:S="inline",options:i=[],value:x,isDisabled:l,previousLabel:q="Previous",nextLabel:C="Next",selectLabel:b="Select",...h},N)=>{const V="pagination",{className:o,...w}=f.getCommonProps(h,"Pagination"),{id:s}=h,{pendingState:I,setPendingState:R}=M.usePendingState(c.determineOptionValue(x)),u=I||x,p=(e,a)=>{const d=c.determineOptionValue(e);R(d),_(d,a)},[t,n]=v.useMemo(()=>{const e=i.findIndex(g=>c.determineOptionValue(g)===u)-1,a=i.at(e)||"",d=(i.findIndex(g=>c.determineOptionValue(g)===u)+1)%i.length,k=i[d];return[a,k]},[i,u]);return r.jsxs("div",{ref:N,className:m.default(`${f.px}-${V}`,{[`${o}__wrapper`]:o},P),...w,...h,children:[r.jsx(j.default,{className:m.default(`${o}__button`,`${f.px}-left-arrow`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof t=="object"&&t.href&&e.preventDefault(),p(t)},"data-testid":`${s}-previous-button`,isDisabled:l,"aria-label":q,variant:y.ButtonVariants.primary,href:typeof t=="object"&&t.href?t.href:void 0,prefetch:typeof t=="object"&&t.prefetch?t.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})}),r.jsx(B.default,{className:S==="inline"?`${f.px}--inline-pagination`:void 0,"aria-label":b,value:u,onChange:e=>{const a=c.findOptionFromSelectString(i,e?.currentTarget.value);a&&p(a,e)},"data-testid":`${s}-select-button`,hideLabel:!0,labelText:b,disabled:l,showIcon:!1,id:`${s}-select-button`,isStandalone:!0,children:i.map(e=>{const a=c.determineOptionValue(e);return r.jsx("option",{value:a,children:typeof e=="string"||typeof e=="number"?e:e.label},a)})}),r.jsx(j.default,{className:m.default(`${o}__button`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof n=="object"&&n.href&&e.preventDefault(),p(n)},"data-testid":`${s}-next-button`,isDisabled:l,"aria-label":C,variant:y.ButtonVariants.primary,href:typeof n=="object"&&n.href?n.href:void 0,prefetch:typeof n=="object"&&n.prefetch?n.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})})]})});O.displayName="Pagination";exports.default=O;
+require('./_pagination.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),v=require("react"),m=require("../../_virtual/index2.cjs"),f=require("../../utils/index.cjs"),B=require("../Select/Select.cjs"),j=require("../IconButton/IconButton.cjs"),y=require("../Button/types.cjs"),c=require("./utils.cjs"),M=require("../../utils/hooks.cjs");;const $=require("../Icon/Icon.cjs"),O=v.forwardRef(({className:P,onChange:_,variant:q="inline",options:i=[],value:x,isDisabled:l,previousLabel:S="Previous",nextLabel:C="Next",selectLabel:b="Select",...h},N)=>{const V="pagination",{className:o,...w}=f.getCommonProps(h,"Pagination"),{id:s}=h,{pendingState:I,setPendingState:R}=M.usePendingState(c.determineOptionValue(x)),u=I||x,p=(e,a)=>{const d=c.determineOptionValue(e);R(d),_(d,a)},[t,n]=v.useMemo(()=>{const e=i.findIndex(g=>c.determineOptionValue(g)===u)-1,a=i.at(e)||"",d=(i.findIndex(g=>c.determineOptionValue(g)===u)+1)%i.length,k=i[d];return[a,k]},[i,u]);return r.jsxs("div",{ref:N,className:m.default(`${f.px}-${V}`,{[`${o}__wrapper`]:o},P),...w,...h,children:[r.jsx(j.default,{className:m.default(`${o}__button`,`${f.px}-left-arrow`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof t=="object"&&t.href&&e.preventDefault(),p(t)},"data-testid":`${s}-previous-button`,isDisabled:l,"aria-label":S,variant:y.ButtonVariants.primary,href:typeof t=="object"&&t.href?t.href:void 0,prefetch:typeof t=="object"&&t.prefetch?t.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})}),r.jsx(B.default,{className:q==="inline"?`${f.px}--inline-pagination`:void 0,"aria-label":b,value:u,onChange:e=>{const a=c.findOptionFromSelectString(i,e?.currentTarget.value);a&&p(a,e)},"data-testid":`${s}-select-button`,hideLabel:!0,labelText:b,disabled:l,showIcon:!1,id:`${s}-select-button`,isStandalone:!0,children:i.map(e=>{const a=c.determineOptionValue(e);return r.jsx("option",{value:a,children:typeof e=="string"||typeof e=="number"?e:e.label},a)})}),r.jsx(j.default,{className:m.default(`${o}__button`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof n=="object"&&n.href&&e.preventDefault(),p(n)},"data-testid":`${s}-next-button`,isDisabled:l,"aria-label":C,variant:y.ButtonVariants.primary,href:typeof n=="object"&&n.href?n.href:void 0,prefetch:typeof n=="object"&&n.prefetch?n.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})})]})});O.displayName="Pagination";exports.default=O;

package/dist/components/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+import './_pagination.css';
 import { jsxs as k, jsx as i } from "react/jsx-runtime";
 import { forwardRef as B, useMemo as T } from "react";
 import u from "../../_virtual/index2.js";
@@ -7,6 +8,7 @@ import x from "../IconButton/IconButton.js";
 import { ButtonVariants as $ } from "../Button/types.js";
 import { determineOptionValue as f, findOptionFromSelectString as W } from "./utils.js";
 import { usePendingState as q } from "../../utils/hooks.js";
+
 import y from "../Icon/Icon.js";
 const z = B(
   ({

package/dist/components/Pagination/_pagination.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-pagination{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-xsm)}.seldon-pagination__button .seldon-icon-chevron-right{color:#0065fc}.seldon-pagination__button .seldon-icon-chevron-right svg{height:1rem;width:1rem}@media(min-width:961px){.seldon-pagination__button .seldon-icon-chevron-right svg{height:1.5rem;width:1.5rem}}.seldon-pagination__button:disabled{border:unset}.seldon-pagination__button--is-disabled{opacity:.15;pointer-events:none}.seldon-pagination__button--is-disabled .seldon-icon path{fill:#000}.seldon-pagination__button:hover:not(:disabled){background-color:inherit}.seldon-pagination__button:hover:not(:disabled) .seldon-icon path{fill:#000}.seldon--inline-pagination__wrapper select{font-family:Montserrat,sans-serif;color:#000;font-size:var(--body-size2);line-height:1.5;appearance:none;border:none;border-bottom:1px solid #000;border-radius:0;font-variation-settings:"wght" 600;margin-bottom:0;outline:none;padding:0 var(--spacing-micro) var(--spacing-micro);text-align:center;text-align-last:center}.seldon--inline-pagination__wrapper select:disabled{border-color:transparent;margin:auto;max-height:3.5rem;max-width:5rem}.seldon--inline-pagination__wrapper select:hover{cursor:pointer}.seldon--inline-pagination__wrapper select:focus-visible{border-radius:0}.seldon--inline-pagination__wrapper select::-ms-expand{border:none;display:none}.seldon-left-arrow{transform:scaleX(-1)}}

package/dist/components/PinchZoom/PinchZoom.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),e=require("react"),R=require("../../utils/index.cjs"),p=require("../../node_modules/react-zoom-pan-pinch/dist/index.esm.cjs"),b=require("../../_virtual/index2.cjs"),P=e.forwardRef(({onZoomChange:s,onAtLeftEdge:l,onAtRightEdge:i,children:t,maxZoom:x=10,className:S,isZoomReset:c=!1,...u},q)=>{const{className:a,...N}=R.getCommonProps(u,"PinchZoom"),[n,r]=e.useState(!1),m=e.useRef(null);e.useEffect(()=>{c&&(m.current?.resetTransform(),r(!1),s?.(!1))},[c,s]);const T=e.useCallback(j=>{const{state:o,instance:d}=j;o.scale>.99&&o.scale<1.01?(r(!1),s?.(!1)):(r(!0),s?.(!0));const w=Math.abs(o.positionX-(d.bounds?.maxPositionX??0))<.01,M=Math.abs(o.positionX-(d.bounds?.minPositionX??0))<.01;l?.(w),i?.(M)},[s,l,i]);return f.jsx(p.TransformWrapper,{maxScale:x,onTransformed:T,minScale:1,disablePadding:!0,doubleClick:{mode:n?"reset":"toggle"},wheel:{smoothStep:.01},panning:{disabled:!n},ref:m,children:f.jsx(p.TransformComponent,{wrapperProps:{...N,...u},wrapperClass:b.default(a,S,{[`${a}-zoomed`]:n}),contentClass:`${a}-content`,children:e.isValidElement(t)?e.cloneElement(t,{className:b.default(`${a}-child`,t?.props?.className),ref:q}):t})})});P.displayName="PinchZoom";exports.default=P;
+require('./_pinchZoom.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),e=require("react"),R=require("../../utils/index.cjs"),p=require("../../node_modules/react-zoom-pan-pinch/dist/index.esm.cjs"),b=require("../../_virtual/index2.cjs");;const P=e.forwardRef(({onZoomChange:s,onAtLeftEdge:i,onAtRightEdge:l,children:t,maxZoom:x=10,className:q,isZoomReset:c=!1,...u},S)=>{const{className:a,...N}=R.getCommonProps(u,"PinchZoom"),[r,n]=e.useState(!1),m=e.useRef(null);e.useEffect(()=>{c&&(m.current?.resetTransform(),n(!1),s?.(!1))},[c,s]);const T=e.useCallback(j=>{const{state:o,instance:d}=j;o.scale>.99&&o.scale<1.01?(n(!1),s?.(!1)):(n(!0),s?.(!0));const w=Math.abs(o.positionX-(d.bounds?.maxPositionX??0))<.01,M=Math.abs(o.positionX-(d.bounds?.minPositionX??0))<.01;i?.(w),l?.(M)},[s,i,l]);return f.jsx(p.TransformWrapper,{maxScale:x,onTransformed:T,minScale:1,disablePadding:!0,doubleClick:{mode:r?"reset":"toggle"},wheel:{smoothStep:.01},panning:{disabled:!r},ref:m,children:f.jsx(p.TransformComponent,{wrapperProps:{...N,...u},wrapperClass:b.default(a,q,{[`${a}-zoomed`]:r}),contentClass:`${a}-content`,children:e.isValidElement(t)?e.cloneElement(t,{className:b.default(`${a}-child`,t?.props?.className),ref:S}):t})})});P.displayName="PinchZoom";exports.default=P;

package/dist/components/PinchZoom/PinchZoom.js

@@ -1,8 +1,10 @@
+import './_pinchZoom.css';
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as X, useState as h, useRef as C, useEffect as E, useCallback as $, isValidElement as k, cloneElement as z } from "react";
 import { getCommonProps as M } from "../../utils/index.js";
 import { TransformWrapper as R, TransformComponent as g } from "../../node_modules/react-zoom-pan-pinch/dist/index.esm.js";
 import d from "../../_virtual/index2.js";
+
 const j = X(
   ({ onZoomChange: s, onAtLeftEdge: m, onAtRightEdge: l, children: e, maxZoom: u = 10, className: b, isZoomReset: n = !1, ...i }, P) => {
     const { className: o, ...N } = M(i, "PinchZoom"), [t, r] = h(!1), c = C(null);

package/dist/components/PinchZoom/_pinchZoom.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-pinch-zoom{cursor:pointer;display:flex;max-height:100%}.seldon-pinch-zoom.seldon-pinch-zoom{height:unset;margin:0 auto;overflow:unset;width:unset}.seldon-pinch-zoom-content{display:flex;flex:1;max-height:100%}.seldon-pinch-zoom-content.seldon-pinch-zoom-content{flex-wrap:unset;height:unset;width:unset}.seldon-pinch-zoom-zoomed{cursor:grab}.seldon-pinch-zoom-zoomed:active{cursor:grabbing}.seldon-pinch-zoom-child{flex:1;object-fit:contain}}

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),T=require("./utils.cjs"),q=require("../Text/Text.cjs"),w=require("../Text/types.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:r,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:a,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>T.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[c,u]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);u({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(a,g),children:[s.jsx("span",{className:`${a}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${a}__track`,onMouseEnter:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:r?()=>u(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${a}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${a}__label`,children:s.jsx(q.default,{element:"span",variant:w.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),r&&c.isVisible&&s.jsxs("div",{className:`${a}__hover-tooltip`,style:{left:`${c.x}px`},"aria-hidden":!0,children:[r,s.jsx("span",{className:`${a}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;
+require('./_progressBar.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),q=require("./utils.cjs");;const T=require("../Text/Text.cjs"),w=require("../Text/types.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:a,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:r,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>q.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[u,c]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);c({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(r,g),children:[s.jsx("span",{className:`${r}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${r}__track`,onMouseEnter:a?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:a?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:a?()=>c(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${r}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${r}__label`,children:s.jsx(T.default,{element:"span",variant:w.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),a&&u.isVisible&&s.jsxs("div",{className:`${r}__hover-tooltip`,style:{left:`${u.x}px`},"aria-hidden":!0,children:[a,s.jsx("span",{className:`${r}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,8 +1,10 @@
+import './_progressBar.css';
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { forwardRef as b, useMemo as M, useState as w } from "react";
 import T from "../../_virtual/index2.js";
 import { getCommonProps as V } from "../../utils/index.js";
 import { getProgressBarMetrics as B } from "./utils.js";
+
 import y from "../Text/Text.js";
 import { TextVariants as X } from "../Text/types.js";
 function j(i, l) {

package/dist/components/ProgressBar/_progressBar.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-progress-bar{position:relative;width:100%}.seldon-progress-bar__track{align-items:center;background:#0065fc33;cursor:pointer;display:flex;height:1rem;overflow:visible;position:relative;width:100%}.seldon-progress-bar__fill{align-items:center;background:#0065fc;bottom:0;color:#fff;display:flex;justify-content:flex-end;left:0;min-width:0;overflow:hidden;padding-inline:var(--spacing-xsm);position:absolute;top:0;transition:width .25s ease;width:0;z-index:1}.seldon-progress-bar__label{align-items:center;display:flex;flex-shrink:0;height:100%;white-space:nowrap}.seldon-progress-bar__hover-tooltip{background:#fff;border-radius:8px;box-shadow:0 .25rem 1rem #00000029;left:0;max-width:calc(100% - var(--spacing-md));padding:var(--spacing-sm);pointer-events:none;position:absolute;top:100%;transform:translate(-50%);z-index:4}.seldon-progress-bar__hover-tooltip-caret{border-bottom:.5rem solid #fff;border-left:.375rem solid transparent;border-right:.375rem solid transparent;display:block;height:0;left:50%;position:absolute;top:-.5rem;transform:translate(-50%);width:0}.seldon-progress-bar__live-region{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:960px){.seldon-progress-bar{display:none}}}

package/dist/components/ProgressIndicator/ProgressIndicator.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../node_modules/@radix-ui/react-progress/dist/index.cjs"),u=require("react"),S=require("../../utils/index.cjs"),m=require("../../_virtual/index2.cjs"),$=require("../Icon/Icon.cjs"),h=require("../Text/Text.cjs"),_=require("../Text/types.cjs"),x=u.forwardRef(({totalSteps:o,currentStep:f,className:j,stepLabels:t,progressIndicatorAriaLabel:p="Progress Indicator",completedIconAriaLabel:g="Completed Icon",...l},v)=>{const{className:r,...M}=S.getCommonProps(l,"ProgressIndicator");if(o<=0)return null;const s=Math.max(1,Math.min(10,Math.floor(o))),n=Math.max(1,Math.min(s,Math.floor(f)));return e.jsx("div",{...M,className:m.default(r,j),...l,ref:v,children:e.jsx(N.Root,{value:n,max:s,"aria-label":p,children:e.jsx("div",{className:`${r}__steps`,children:Array.from({length:s}).map((q,a)=>{const c=a+1,i=n>c,d=n===c;return e.jsxs(u.Fragment,{children:[e.jsxs("div",{className:`${r}__item`,"aria-current":d?"step":void 0,"data-testid":`progress-step-${c}`,children:[e.jsx("span",{className:m.default(`${r}__circle`,{[`${r}__circle--active`]:i,[`${r}__circle--current`]:d}),children:i?e.jsx($.default,{icon:"Success","aria-label":g,color:"currentColor",width:20,height:20}):e.jsx(h.default,{variant:_.TextVariants.labelSmall,children:c})}),t&&t[a]&&e.jsx("span",{className:`${r}__label`,children:e.jsx(h.default,{variant:_.TextVariants.bodySmall,children:t[a]})})]}),a<s-1?e.jsx("div",{className:`${r}__connector`,"aria-hidden":"true"}):null]},t?.[a]||a)})})})})});x.displayName="ProgressIndicator";exports.default=x;
+require('./_progressIndicator.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../node_modules/@radix-ui/react-progress/dist/index.cjs"),u=require("react"),S=require("../../utils/index.cjs"),m=require("../../_virtual/index2.cjs");;const $=require("../Icon/Icon.cjs"),h=require("../Text/Text.cjs"),_=require("../Text/types.cjs"),x=u.forwardRef(({totalSteps:o,currentStep:f,className:j,stepLabels:t,progressIndicatorAriaLabel:p="Progress Indicator",completedIconAriaLabel:g="Completed Icon",...l},v)=>{const{className:r,...M}=S.getCommonProps(l,"ProgressIndicator");if(o<=0)return null;const s=Math.max(1,Math.min(10,Math.floor(o))),n=Math.max(1,Math.min(s,Math.floor(f)));return e.jsx("div",{...M,className:m.default(r,j),...l,ref:v,children:e.jsx(N.Root,{value:n,max:s,"aria-label":p,children:e.jsx("div",{className:`${r}__steps`,children:Array.from({length:s}).map((P,a)=>{const c=a+1,i=n>c,d=n===c;return e.jsxs(u.Fragment,{children:[e.jsxs("div",{className:`${r}__item`,"aria-current":d?"step":void 0,"data-testid":`progress-step-${c}`,children:[e.jsx("span",{className:m.default(`${r}__circle`,{[`${r}__circle--active`]:i,[`${r}__circle--current`]:d}),children:i?e.jsx($.default,{icon:"Success","aria-label":g,color:"currentColor",width:20,height:20}):e.jsx(h.default,{variant:_.TextVariants.labelSmall,children:c})}),t&&t[a]&&e.jsx("span",{className:`${r}__label`,children:e.jsx(h.default,{variant:_.TextVariants.bodySmall,children:t[a]})})]}),a<s-1?e.jsx("div",{className:`${r}__connector`,"aria-hidden":"true"}):null]},t?.[a]||a)})})})})});x.displayName="ProgressIndicator";exports.default=x;

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -1,25 +1,27 @@
+import './_progressIndicator.css';
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { Root as P } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
 import { forwardRef as S, Fragment as $ } from "react";
 import { getCommonProps as C } from "../../utils/index.js";
-import h from "../../_virtual/index2.js";
+import p from "../../_virtual/index2.js";
+
 import I from "../Icon/Icon.js";
-import p from "../Text/Text.js";
+import h from "../Text/Text.js";
 import { TextVariants as _ } from "../Text/types.js";
 const T = S(
   ({
-    totalSteps: l,
+    totalSteps: m,
     currentStep: f,
     className: u,
     stepLabels: e,
     progressIndicatorAriaLabel: N = "Progress Indicator",
     completedIconAriaLabel: g = "Completed Icon",
-    ...m
+    ...l
   }, v) => {
-    const { className: a, ...M } = C(m, "ProgressIndicator");
-    if (l <= 0) return null;
-    const t = Math.max(1, Math.min(10, Math.floor(l))), c = Math.max(1, Math.min(t, Math.floor(f)));
-    return /* @__PURE__ */ r("div", { ...M, className: h(a, u), ...m, ref: v, children: /* @__PURE__ */ r(P, { value: c, max: t, "aria-label": N, children: /* @__PURE__ */ r("div", { className: `${a}__steps`, children: Array.from({ length: t }).map((x, o) => {
+    const { className: a, ...M } = C(l, "ProgressIndicator");
+    if (m <= 0) return null;
+    const t = Math.max(1, Math.min(10, Math.floor(m))), c = Math.max(1, Math.min(t, Math.floor(f)));
+    return /* @__PURE__ */ r("div", { ...M, className: p(a, u), ...l, ref: v, children: /* @__PURE__ */ r(P, { value: c, max: t, "aria-label": N, children: /* @__PURE__ */ r("div", { className: `${a}__steps`, children: Array.from({ length: t }).map((x, o) => {
       const s = o + 1, i = c > s, n = c === s;
       return /* @__PURE__ */ d($, { children: [
         /* @__PURE__ */ d(
@@ -32,7 +34,7 @@ const T = S(
               /* @__PURE__ */ r(
                 "span",
                 {
-                  className: h(`${a}__circle`, {
+                  className: p(`${a}__circle`, {
                     [`${a}__circle--active`]: i,
                     [`${a}__circle--current`]: n
                   }),
@@ -45,10 +47,10 @@ const T = S(
                       width: 20,
                       height: 20
                     }
-                  ) : /* @__PURE__ */ r(p, { variant: _.labelSmall, children: s })
+                  ) : /* @__PURE__ */ r(h, { variant: _.labelSmall, children: s })
                 }
               ),
-              e && e[o] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(p, { variant: _.bodySmall, children: e[o] }) })
+              e && e[o] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(h, { variant: _.bodySmall, children: e[o] }) })
             ]
           }
         ),

package/dist/components/ProgressIndicator/_progressIndicator.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-progress-indicator__steps{align-items:flex-start;display:flex;gap:0;justify-content:space-between;margin:0;padding:0}.seldon-progress-indicator__item{align-items:center;display:flex;gap:var(--spacing-xsm);position:relative}.seldon-progress-indicator__circle{align-items:center;border:1px solid #000;border-radius:40px;display:flex;height:1.5rem;justify-content:center;padding:0;width:1.5rem}.seldon-progress-indicator__circle .seldon-text{font-variation-settings:"wght" 600}.seldon-progress-indicator__circle--active,.seldon-progress-indicator__circle--current{background-color:#000;color:#fff}.seldon-progress-indicator__circle--active svg,.seldon-progress-indicator__circle--current svg{color:#fff}.seldon-progress-indicator__label{display:none;margin-bottom:var(--spacing-micro)}@media(min-width:961px){.seldon-progress-indicator__label{display:inline-block;text-align:center;white-space:nowrap}}@media(min-width:1401px){.seldon-progress-indicator__label{margin-bottom:0}}.seldon-progress-indicator__connector{align-self:center;background:#000;flex:1 1 0;height:1px;margin:0 var(--spacing-xsm);min-width:8px}}

package/dist/components/Row/Row.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),e=require("../../utils/index.cjs"),g=require("../../_virtual/index2.cjs"),s=d.forwardRef(({children:n,element:a,padding:t={top:e.PaddingTokens.lg,bottom:e.PaddingTokens.lg},className:r,...o},m)=>{const{className:l,...c}=e.getCommonProps(o,"Row"),i=a||"section";return u.jsx(i,{ref:m,...c,className:g.default(l,t.top&&e.generatePaddingClassName(t.top,"start"),t.bottom&&e.generatePaddingClassName(t.bottom,"end"),r),...o,children:n})});s.displayName="Row";exports.default=s;
+require('./_row.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),d=require("react"),e=require("../../utils/index.cjs"),g=require("../../_virtual/index2.cjs");;const s=d.forwardRef(({children:n,element:a,padding:t={top:e.PaddingTokens.lg,bottom:e.PaddingTokens.lg},className:r,...o},m)=>{const{className:l,...i}=e.getCommonProps(o,"Row"),u=a||"section";return c.jsx(u,{ref:m,...i,className:g.default(l,t.top&&e.generatePaddingClassName(t.top,"start"),t.bottom&&e.generatePaddingClassName(t.bottom,"end"),r),...o,children:n})});s.displayName="Row";exports.default=s;

package/dist/components/Row/Row.js

@@ -1,7 +1,9 @@
-import { jsx as p } from "react/jsx-runtime";
+import './_row.css';
+import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { getCommonProps as i, PaddingTokens as m, generatePaddingClassName as e } from "../../utils/index.js";
 import C from "../../_virtual/index2.js";
+
 const N = f(
   ({
     children: s,
@@ -10,12 +12,12 @@ const N = f(
     className: r,
     ...t
   }, n) => {
-    const { className: l, ...c } = i(t, "Row");
-    return /* @__PURE__ */ p(
+    const { className: l, ...p } = i(t, "Row");
+    return /* @__PURE__ */ c(
       a || "section",
       {
         ref: n,
-        ...c,
+        ...p,
         className: C(
           l,
           o.top && e(o.top, "start"),

package/dist/components/Row/_row.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-row * .seldon-text:last-child{margin-bottom:0}}

package/dist/components/Search/Search.cjs

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

package/dist/components/Search/Search.js

@@ -1,3 +1,4 @@
+import './_search.css';
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { forwardRef as j, useContext as D, useRef as f, useState as H, useEffect as O } from "react";
 import { getCommonProps as A, px as F, encodeURLSearchParams as w } from "../../utils/index.js";
@@ -9,6 +10,7 @@ import { useOnClickOutside as Z } from "../../node_modules/usehooks-ts/dist/inde
 import { HeaderContext as q } from "../../site-furniture/Header/Header.js";
 import { SearchButton as z } from "./SearchButton.js";
 import B from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
+
 import G from "../Text/Text.js";
 import { TextVariants as J } from "../Text/types.js";
 import Q from "../../node_modules/react-transition-group/esm/CSSTransition.js";

package/dist/components/Search/SearchButton.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("../Icon/Icon.cjs"),b=({state:_,isSearchExpanded:u,setIsSearchExpanded:i,searchButtonText:c,className:t,testId:o,onCancel:l,...r})=>u?u?n.jsx("button",{...r,type:"button","data-testid":`${o}-close-button`,"aria-label":"Close Search",className:`${t}__button ${t}__button--close`,onClick:e=>{l?.(),i(!1),e.stopPropagation()},children:n.jsx(a.default,{icon:"CloseX","data-testid":`${o}-form-icon`,className:`${t}__button__icon`})}):null:n.jsx("button",{...r,type:"button","data-testid":`${o}-button`,"aria-label":c||"Search",className:`${t}__button ${t}__button--search`,onClick:e=>{i(!0),e.stopPropagation()},children:n.jsx(a.default,{icon:"Search","data-testid":`${o}-button-icon`,className:`${t}__button__icon`})});exports.SearchButton=b;
+require('./_searchButton.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");;const a=require("../Icon/Icon.cjs"),b=({state:_,isSearchExpanded:u,setIsSearchExpanded:r,searchButtonText:c,className:t,testId:o,onCancel:l,...i})=>u?u?n.jsx("button",{...i,type:"button","data-testid":`${o}-close-button`,"aria-label":"Close Search",className:`${t}__button ${t}__button--close`,onClick:e=>{l?.(),r(!1),e.stopPropagation()},children:n.jsx(a.default,{icon:"CloseX","data-testid":`${o}-form-icon`,className:`${t}__button__icon`})}):null:n.jsx("button",{...i,type:"button","data-testid":`${o}-button`,"aria-label":c||"Search",className:`${t}__button ${t}__button--search`,onClick:e=>{r(!0),e.stopPropagation()},children:n.jsx(a.default,{icon:"Search","data-testid":`${o}-button-icon`,className:`${t}__button__icon`})});exports.SearchButton=b;

package/dist/components/Search/SearchButton.js

@@ -1,6 +1,8 @@
+import './_searchButton.css';
 import { jsx as n } from "react/jsx-runtime";
+
 import e from "../Icon/Icon.js";
-const f = ({
+const p = ({
   state: b,
   isSearchExpanded: r,
   setIsSearchExpanded: a,
@@ -37,5 +39,5 @@ const f = ({
   }
 );
 export {
-  f as SearchButton
+  p as SearchButton
 };

package/dist/components/Search/SearchResults/SearchResults.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../utils/index.cjs"),j=require("../../Link/Link.cjs"),L=require("../../Link/types.cjs"),g=({autoCompleteResults:l=[],isLoading:n,children:i,loadingText:c="Loading...",onKeyDown:o,userInputValue:u="",closeSearch:d,id:h})=>{const x=Array.isArray(l)&&l.length>0;function _(s,r){return s.split(new RegExp(`(${r})`,"gi")).map((t,p)=>t.toLocaleLowerCase()===r.toLocaleLowerCase()?e.jsx("strong",{children:t},p):t)}return e.jsx("div",{className:`${a.px}-search__results`,children:e.jsxs("ul",{id:h,role:"listbox","data-testid":"search-results",className:`${a.px}-search__results-container`,children:[n?e.jsx("li",{className:`${a.px}-search__result`,children:c}):null,x&&l.map((s,r)=>e.jsx("li",{className:`${a.px}-search__result`,children:e.jsx(j.default,{href:s.url,onKeyDown:o,onClick:()=>d(!1),variant:L.LinkVariants.linkLarge,children:e.jsx("span",{"data-testid":`search-result-${r}`,className:"${px}-search__result__label",children:_(s.label,u)})})},s.id)),i]})})};exports.default=g;
+require('./_searchResults.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../../utils/index.cjs"),j=require("../../Link/Link.cjs");;const L=require("../../Link/types.cjs"),g=({autoCompleteResults:l=[],isLoading:i,children:n,loadingText:c="Loading...",onKeyDown:u,userInputValue:o="",closeSearch:d,id:h})=>{const x=Array.isArray(l)&&l.length>0;function _(s,r){return s.split(new RegExp(`(${r})`,"gi")).map((t,p)=>t.toLocaleLowerCase()===r.toLocaleLowerCase()?e.jsx("strong",{children:t},p):t)}return e.jsx("div",{className:`${a.px}-search__results`,children:e.jsxs("ul",{id:h,role:"listbox","data-testid":"search-results",className:`${a.px}-search__results-container`,children:[i?e.jsx("li",{className:`${a.px}-search__result`,children:c}):null,x&&l.map((s,r)=>e.jsx("li",{className:`${a.px}-search__result`,children:e.jsx(j.default,{href:s.url,onKeyDown:u,onClick:()=>d(!1),variant:L.LinkVariants.linkLarge,children:e.jsx("span",{"data-testid":`search-result-${r}`,className:"${px}-search__result__label",children:_(s.label,o)})})},s.id)),n]})})};exports.default=g;

package/dist/components/Search/SearchResults/SearchResults.js

@@ -1,8 +1,10 @@
+import './_searchResults.css';
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import { px as e } from "../../../utils/index.js";
 import L from "../../Link/Link.js";
+
 import { LinkVariants as x } from "../../Link/types.js";
-const w = ({
+const j = ({
   autoCompleteResults: l = [],
   isLoading: t,
   children: n,
@@ -34,5 +36,5 @@ const w = ({
   ] }) });
 };
 export {
-  w as default
+  j as default
 };

package/dist/components/Search/SearchResults/_searchResults.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-search__results{align-items:flex-start;background:#fff;display:flex;flex-direction:column;gap:.625rem;max-height:calc(90vh - var(--header-height));-ms-overflow-style:none;overflow-y:scroll;padding:var(--spacing-sm);position:absolute;scrollbar-width:none;top:var(--search-size);width:100%}.seldon-search__results::-webkit-scrollbar{display:none}@media(max-width:960px){.seldon-search__results{padding:var(--spacing-sm) 0}}.seldon-search__results-container{background:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;gap:var(--spacing-sm);width:100%}.seldon-search__results-container strong{font-variation-settings:"wght" 700;font-weight:unset}.seldon-search__result{display:flex}.seldon-search__result:not(.seldon-search__result--view-all) .seldon-link:not(:hover):not(:focus-visible){text-decoration:none}.seldon-search__result__label{text-transform:initial}}

package/dist/components/Search/_search.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-search{bottom:0;display:flex;gap:var(--spacing-md);height:var(--search-size);left:calc(100% - var(--search-size));min-width:var(--search-size);position:absolute;right:0;transition:left .25s ease-in}.seldon-search:after{border-bottom:1px solid #000;bottom:0;content:"";display:flex;margin-bottom:-1px;position:absolute;right:0;transition:width .25s ease-in;width:0}@media(max-width:960px){.seldon-search{bottom:1px;height:calc(var(--search-size) - 1px);left:calc(100% - var(--search-size) - var(--spacing-md));right:var(--spacing-md)}}.seldon-search--active{left:0;transition:left .25s ease-in .2s;z-index:11}.seldon-search--active:after{transition:width .25s ease-in .2s;width:100%}.seldon-search__input-status-icon{height:var(--search-size);width:var(--search-size)}.seldon-search__input-status-icon svg{height:100%;width:100%}.seldon-search__form{display:flex;overflow:hidden;width:100%}.seldon-search__form--active{overflow:visible}.seldon-search__form--active .seldon-search__results{display:flex;flex-direction:column}.seldon-search__content-wrapper{color:#545454;display:flex;justify-content:flex-end;width:100%}.seldon-search__content-wrapper .seldon-input{width:100%}.seldon-search__content-wrapper .seldon-input__validation{display:none}.seldon-search__content-wrapper .seldon-input-enter-active input{background:#fff}.seldon-search__content-wrapper .seldon-input-enter-active input::placeholder{opacity:1;transition:opacity .75s ease-in}.seldon-search__content-wrapper .seldon-input__input{background:transparent;border:0;border-radius:unset;font-variation-settings:"wght" 600;height:var(--search-size);margin:0;padding:var(--spacing-xsm) 0 var(--spacing-xsm) var(--spacing-sm);font-family:Montserrat,sans-serif;font-size:var(--font-size-body-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}@media(max-width:960px){.seldon-search__content-wrapper .seldon-input__input{height:calc(var(--spacing-md) + var(--search-size));line-height:calc(var(--spacing-md) + var(--search-size));padding:var(--spacing-md) 0;position:relative;top:calc(var(--spacing-md) * -1)}}.seldon-search__content-wrapper .seldon-input__input:focus{outline:none}.seldon-search__content-wrapper .seldon-input__input::placeholder{opacity:0}@media(max-width:960px){.seldon-search__container{border-bottom:1px solid #eae9e6;margin-right:var(--spacing-md);padding-left:var(--spacing-md);position:relative;width:100%}}.seldon-search__container__inner{cursor:pointer;display:flex;justify-content:space-between;padding:0;pointer-events:all}@media(min-width:961px){.seldon-search__container__inner{cursor:default}}@media(max-width:960px){.seldon-search__container__inner{align-items:center;height:calc(var(--spacing-md) + var(--search-size));position:relative}}.seldon-search__container__inner .seldon-text{margin-bottom:0;padding-left:0}.seldon-search__container__inner__label{display:none}@media(max-width:960px){.seldon-search__container__inner__label{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:var(--search-size);margin:0;padding:0 var(--spacing-sm);pointer-events:all}}}

package/dist/components/Search/_searchButton.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-search__button{align-items:center;background:#fff;border:none;border-bottom:1px solid transparent;cursor:pointer;display:flex;height:var(--search-size);justify-content:center;padding:0;position:absolute;right:0;top:0;width:var(--search-size)}@media(max-width:960px){.seldon-search__button{height:calc(var(--spacing-md) + var(--search-size));justify-content:flex-end;top:calc(var(--spacing-md) * -1)}}.seldon-search__button svg{height:1.5rem;width:1.5rem}.seldon-search__button:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-search__button:hover:after,.seldon-search__button:active:after{border-bottom:1px solid #000;bottom:0;content:"";display:flex;margin-bottom:-2px;position:absolute;right:0;width:102%}@media(max-width:960px){.seldon-search__button:hover:after,.seldon-search__button:active:after{margin-bottom:-1px;width:52%}}.seldon-search__button__icon{pointer-events:none}.seldon-search__button__icon path{fill:#000}}

package/dist/components/SeldonImage/SeldonImage.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("react"),u=require("../../_virtual/index2.cjs"),w=require("../../utils/index.cjs"),P=require("./utils.cjs"),v=require("./types.cjs"),x=require("../Icon/Icon.cjs"),C=typeof window>"u",y=r.memo(r.forwardRef(({className:N,aspectRatio:c=v.AspectRatio.None,objectFit:g="none",hasBlurBackground:h=!1,imageClassName:j,imageStyle:q,src:a,alt:f,srcSet:i,sizes:n,loading:E,fetchPriority:R,errorText:L="Error loading image",imageBlocked:t=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=r.useRef(null),[l,s]=r.useState(()=>{if(C)return"loading";const d=document.getElementById(a);if(d instanceof HTMLImageElement&&!d.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return i&&(m.srcset=i),n&&(m.sizes=n),m.src=a,m.complete?"loaded":"loading"}),p=r.useCallback(async()=>{const d=await P.isImageValid({img:I.current,src:a,srcSet:i,sizes:n});s(d?"loaded":"error")},[a,i,n]);return r.useEffect(()=>{p()},[p]),o.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,N,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!==v.AspectRatio.None,[`${e}--error-image`]:l==="error"||t}),role:"img","aria-label":f,...$,...b,children:[h&&o.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:l==="loading"||l==="error"||t}),style:{backgroundImage:`url(${a})`}}),l==="error"||t?o.jsx("div",{className:`${e}--error`,children:t?o.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):o.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,o.jsx("img",{className:u.default(`${e}-img`,j,{[`${e}-img--hidden`]:l==="error"||t,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:q,src:a,srcSet:i,sizes:n,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:E,fetchpriority:R,onLoad:()=>{s("loaded")},onError:()=>{s("error")}})]})}));y.displayName="SeldonImage";exports.default=y;
+require('./_seldonImage.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),u=require("../../_virtual/index2.cjs"),w=require("../../utils/index.cjs"),P=require("./utils.cjs"),v=require("./types.cjs");;const x=require("../Icon/Icon.cjs"),C=typeof window>"u",y=o.memo(o.forwardRef(({className:N,aspectRatio:c=v.AspectRatio.None,objectFit:g="none",hasBlurBackground:h=!1,imageClassName:j,imageStyle:q,src:a,alt:f,srcSet:i,sizes:n,loading:E,fetchPriority:R,errorText:L="Error loading image",imageBlocked:t=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=o.useRef(null),[l,s]=o.useState(()=>{if(C)return"loading";const d=document.getElementById(a);if(d instanceof HTMLImageElement&&!d.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return i&&(m.srcset=i),n&&(m.sizes=n),m.src=a,m.complete?"loaded":"loading"}),p=o.useCallback(async()=>{const d=await P.isImageValid({img:I.current,src:a,srcSet:i,sizes:n});s(d?"loaded":"error")},[a,i,n]);return o.useEffect(()=>{p()},[p]),r.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,N,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!==v.AspectRatio.None,[`${e}--error-image`]:l==="error"||t}),role:"img","aria-label":f,...$,...b,children:[h&&r.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:l==="loading"||l==="error"||t}),style:{backgroundImage:`url(${a})`}}),l==="error"||t?r.jsx("div",{className:`${e}--error`,children:t?r.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):r.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,r.jsx("img",{className:u.default(`${e}-img`,j,{[`${e}-img--hidden`]:l==="error"||t,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:q,src:a,srcSet:i,sizes:n,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:E,fetchpriority:R,onLoad:()=>{s("loaded")},onError:()=>{s("error")}})]})}));y.displayName="SeldonImage";exports.default=y;

package/dist/components/SeldonImage/SeldonImage.js

@@ -1,9 +1,11 @@
+import './_seldonImage.css';
 import { jsxs as P, jsx as l } from "react/jsx-runtime";
 import { memo as R, forwardRef as S, useRef as j, useState as U, useCallback as V, useEffect as A } from "react";
 import s from "../../_virtual/index2.js";
 import { getCommonProps as H } from "../../utils/index.js";
 import { isImageValid as M } from "./utils.js";
 import { AspectRatio as I } from "./types.js";
+
 import N from "../Icon/Icon.js";
 const T = typeof window > "u", q = R(
   S(

package/dist/components/SeldonImage/_seldonImage.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-seldon-image{max-height:inherit;overflow:hidden;position:relative}.seldon-seldon-image--aspect-ratio-16-9 img,.seldon-seldon-image--aspect-ratio-16-9.seldon-seldon-image--error-image{aspect-ratio:16/9}.seldon-seldon-image--aspect-ratio-3-4 img{aspect-ratio:3/4;height:auto;max-height:inherit;max-width:100%;width:auto}.seldon-seldon-image--aspect-ratio-3-4.seldon-seldon-image--error-image{aspect-ratio:3/4}.seldon-seldon-image--aspect-ratio-1-1 img{aspect-ratio:1/1;height:auto;max-height:inherit;max-width:100%;width:auto}.seldon-seldon-image--aspect-ratio-1-1.seldon-seldon-image--error-image{aspect-ratio:1/1}.seldon-seldon-image--error{width:100%}.seldon-seldon-image--error-image{background-color:#f9f8f7}.seldon-seldon-image--error .phillips-logo{fill:#eae9e6}.seldon-seldon-image--error svg{fill:#eae9e6;left:50%;max-width:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.seldon-seldon-image-img{height:auto;object-fit:contain;width:100%}.seldon-seldon-image-img--object-fit-contain{object-fit:contain}.seldon-seldon-image-img--object-fit-cover{object-fit:cover}.seldon-seldon-image-img--object-fit-fill{object-fit:fill}.seldon-seldon-image-img--object-fit-scale-down{object-fit:scale-down}.seldon-seldon-image-img--hidden{visibility:hidden}.seldon-seldon-image-blur{background-position:center;background-size:cover;filter:blur(10px);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.seldon-seldon-image-blur--hidden{visibility:hidden}}

package/dist/components/Select/Select.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),x=require("./types.cjs"),T=require("../Input/utils.cjs"),D=require("../Text/Text.cjs"),V=require("../Text/types.cjs"),k=require("../Icon/Icon.cjs");function z(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const I=z(R),f=I.forwardRef(({children:t,className:n,defaultValue:a,disabled:r,hideLabel:m,id:s,showIcon:p=!0,variant:$=x.SelectVariants.default,inline:b,invalid:_,invalidText:j,labelText:v,onChange:y,onClick:F,readOnly:d,size:q="md",value:g,warn:C,warnText:S,isStandalone:w=!1,...N},h)=>{const c="select",l=e.useNormalizedInputProps({disabled:r,id:s,invalid:_,invalidText:j,readOnly:d,type:c,warn:C,warnText:S}),o=T.getInputClassNames(),O=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:b,[`${e.px}-input--readonly`]:d,[`${e.px}-input--disabled`]:l.disabled,[`${e.px}-input--invalid`]:l.invalid,[`${e.px}-input--warn`]:l.warn,[`${n}__wrapper`]:n,[`${e.px}-${c}-input__standalone`]:w}),P=u.default(n,o.input,{[`${e.px}-input__select--tertiary`]:$===x.SelectVariants.tertiary}),M=u.default(`${e.px}-select-container`,{[`${e.px}-select-container--show__icon`]:p});return i.jsxs("div",{className:O,children:[i.jsx(D.default,{element:"label",variant:V.TextVariants.labelMedium,"data-testid":`${s}-label`,htmlFor:s,className:u.default(o.label,{[o.labelHidden]:m}),children:v}),i.jsxs("div",{className:M,children:[i.jsx("select",{className:P,"data-testid":s,defaultValue:a,disabled:l.disabled,id:s,onChange:y,ref:h,value:g,...N,children:t}),p?i.jsx(k.default,{icon:"ChevronDown"}):null]}),l.validation]})});f.displayName="Select";exports.default=f;
+require('../Input/_input.css');
+require('./_select.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime");;;const R=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),x=require("./types.cjs"),T=require("../Input/utils.cjs"),D=require("../Text/Text.cjs"),V=require("../Text/types.cjs"),k=require("../Icon/Icon.cjs");function z(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const I=z(R),f=I.forwardRef(({children:t,className:n,defaultValue:a,disabled:l,hideLabel:m,id:s,showIcon:p=!0,variant:$=x.SelectVariants.default,inline:b,invalid:_,invalidText:j,labelText:q,onChange:v,onClick:F,readOnly:d,size:y="md",value:g,warn:C,warnText:S,isStandalone:w=!1,...N},h)=>{const c="select",r=e.useNormalizedInputProps({disabled:l,id:s,invalid:_,invalidText:j,readOnly:d,type:c,warn:C,warnText:S}),o=T.getInputClassNames(),O=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${y}`,{[`${e.px}-input--inline`]:b,[`${e.px}-input--readonly`]:d,[`${e.px}-input--disabled`]:r.disabled,[`${e.px}-input--invalid`]:r.invalid,[`${e.px}-input--warn`]:r.warn,[`${n}__wrapper`]:n,[`${e.px}-${c}-input__standalone`]:w}),P=u.default(n,o.input,{[`${e.px}-input__select--tertiary`]:$===x.SelectVariants.tertiary}),M=u.default(`${e.px}-select-container`,{[`${e.px}-select-container--show__icon`]:p});return i.jsxs("div",{className:O,children:[i.jsx(D.default,{element:"label",variant:V.TextVariants.labelMedium,"data-testid":`${s}-label`,htmlFor:s,className:u.default(o.label,{[o.labelHidden]:m}),children:q}),i.jsxs("div",{className:M,children:[i.jsx("select",{className:P,"data-testid":s,defaultValue:a,disabled:r.disabled,id:s,onChange:v,ref:h,value:g,...N,children:t}),p?i.jsx(k.default,{icon:"ChevronDown"}):null]}),r.validation]})});f.displayName="Select";exports.default=f;

package/dist/components/Select/Select.js

@@ -1,7 +1,11 @@
+import '../Input/_input.css';
+import './_select.css';
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
+
+
 import * as g from "react";
 import n from "../../_virtual/index2.js";
-import { useNormalizedInputProps as k, px as e } from "../../utils/index.js";
+import { useNormalizedInputProps as k, px as t } from "../../utils/index.js";
 import { SelectVariants as c } from "./types.js";
 import { getInputClassNames as z } from "../Input/utils.js";
 import D from "../Text/Text.js";
@@ -14,7 +18,7 @@ const M = g.forwardRef(
     defaultValue: u,
     disabled: $,
     hideLabel: f,
-    id: t,
+    id: e,
     showIcon: o = !0,
     variant: b = c.default,
     inline: C,
@@ -33,25 +37,25 @@ const M = g.forwardRef(
   }, P) => {
     const i = "select", a = k({
       disabled: $,
-      id: t,
+      id: e,
       invalid: _,
       invalidText: v,
       readOnly: p,
       type: i,
       warn: y,
       warnText: S
-    }), l = z(), R = n(`${e}-${i}-input`, `${e}-input`, `${e}-input--${N}`, {
-      [`${e}-input--inline`]: C,
-      [`${e}-input--readonly`]: p,
-      [`${e}-input--disabled`]: a.disabled,
-      [`${e}-input--invalid`]: a.invalid,
-      [`${e}-input--warn`]: a.warn,
+    }), l = z(), R = n(`${t}-${i}-input`, `${t}-input`, `${t}-input--${N}`, {
+      [`${t}-input--inline`]: C,
+      [`${t}-input--readonly`]: p,
+      [`${t}-input--disabled`]: a.disabled,
+      [`${t}-input--invalid`]: a.invalid,
+      [`${t}-input--warn`]: a.warn,
       [`${s}__wrapper`]: s,
-      [`${e}-${i}-input__standalone`]: j
+      [`${t}-${i}-input__standalone`]: j
     }), T = n(s, l.input, {
-      [`${e}-input__select--tertiary`]: b === c.tertiary
-    }), V = n(`${e}-select-container`, {
-      [`${e}-select-container--show__icon`]: o
+      [`${t}-input__select--tertiary`]: b === c.tertiary
+    }), V = n(`${t}-select-container`, {
+      [`${t}-select-container--show__icon`]: o
     });
     return /* @__PURE__ */ m("div", { className: R, children: [
       /* @__PURE__ */ r(
@@ -59,8 +63,8 @@ const M = g.forwardRef(
         {
           element: "label",
           variant: F.labelMedium,
-          "data-testid": `${t}-label`,
-          htmlFor: t,
+          "data-testid": `${e}-label`,
+          htmlFor: e,
           className: n(l.label, { [l.labelHidden]: f }),
           children: w
         }
@@ -70,10 +74,10 @@ const M = g.forwardRef(
           "select",
           {
             className: T,
-            "data-testid": t,
+            "data-testid": e,
             defaultValue: u,
             disabled: a.disabled,
-            id: t,
+            id: e,
             onChange: x,
             ref: P,
             value: h,

package/dist/components/Select/_select.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-select-input{margin-bottom:var(--spacing-sm);position:relative}.seldon-select-input.seldon-input{width:fit-content}.seldon-select-input .seldon-input__input{background:transparent;width:fit-content}.seldon-select-input__standalone{margin-bottom:0}.seldon-select-input .seldon-select-container{position:relative}.seldon-select-input .seldon-select-container--show__icon select{appearance:none;color:#000;padding-right:3rem}@media(min-width:961px){.seldon-select-input .seldon-select-container--show__icon select{padding-right:3.25rem}}.seldon-select-input svg{height:1rem;pointer-events:none;position:absolute;right:.35rem;top:45%;transform:translateY(-45%);width:1rem}@media(min-width:961px){.seldon-select-input svg{height:1.25rem;right:.5rem;width:1.25rem}}.seldon-select-input svg path{fill:#000}.seldon-select-input select.seldon-input__select--tertiary{border:1.5px solid #000;border-radius:40px;color:inherit;padding:var(--spacing-xsm) var(--spacing-md) var(--spacing-xsm) var(--spacing-sm)}.seldon-select-input select.seldon-input__select--tertiary:hover{cursor:pointer}.seldon-select-input select.seldon-input__select--tertiary:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px;background-color:#fff}.seldon-select-input select.seldon-input__select--tertiary svg{top:.625rem}}

package/dist/components/SlideToActivate/SlideToActivate.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),S=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),x=require("../../_virtual/index2.cjs"),P=require("react"),de=require("../../utils/index.cjs"),oe=require("./SlideToActivateThumb.cjs"),re=require("./hooks/useSlideToActivate.cjs"),D=require("./slideToActivateUtils.cjs"),n=require("./types.cjs"),le=require("../Text/types.cjs"),ce=require("../../utils/useReducedMotion.cjs"),ue=require("../Text/Text.cjs"),he=require("../Loader/Loader.cjs"),g=P.forwardRef(({labelText:o,onActivation:q,onError:y,onProgress:j,onStatusChange:R,pendingAnnouncement:N=o,successAnnouncement:_="Activated.",errorAnnouncement:M="Action failed. Please try again.",keyboardHint:l=D.DEFAULT_KEYBOARD_HINT,resetOnError:I=!0,isDisabled:c=!1,isComplete:s=!1,showThumbWhenDisabled:w=!0,config:K={},className:U,id:u,...k},B)=>{const{textVariant:C=le.TextVariants.labelMedium,size:h=n.SlideToActivateSizes.default,borderRadius:H=n.SlideToActivateBorderRadii.sharp,direction:m=n.SlideToActivateDirections.ltr,thumbIcon:V,thumbWidth:z,pendingIndicator:v,trackClassName:E,thumbClassName:F}=K,{className:e,...L}=de.getCommonProps({id:u,...k},"SlideToActivate"),O=ce.useReducedMotion(),b=P.useId(),a=c||s,{status:d,announcement:W,trackRef:Y,thumbRef:T,thumbTranslatePx:G,handlePointerDown:J,handlePointerMove:Q,handlePointerUp:X,handlePointerCancel:Z,handleKeyDown:ee,handleKeyUp:te,handleBlur:ie,snapDurationMs:ne}=re.useSlideToActivate({direction:m,isDisabled:a,reduceMotion:O,pendingAnnouncement:N,successAnnouncement:_,errorAnnouncement:M,resetOnError:I,onActivation:q,onError:y,onProgress:j,onStatusChange:R}),i=d==="pending",f=d==="dragging",p=!a&&!i,A=c&&!s,se=m===n.SlideToActivateDirections.rtl,r=s||A&&!w,$=l.trim().length>0;return t.jsx("div",{...L,id:u,ref:B,className:x.default(e,U,{[`${e}--${h}`]:h!==n.SlideToActivateSizes.default,[`${e}--radius-${H}`]:!0,[`${e}--disabled`]:a,[`${e}--disabled-blocked`]:A,[`${e}--disabled-complete`]:s,[`${e}--disabled-hide-thumb`]:r,[`${e}--pending`]:i,[`${e}--rtl`]:se,[`${e}--held`]:f}),"data-status":d,"aria-busy":i?!0:void 0,children:t.jsxs("div",{ref:Y,className:x.default(`${e}__track`,E),onPointerDown:ae=>D.focusThumbFromTrack({event:ae,thumb:T.current,isInteractive:p,isThumbHidden:r}),children:[t.jsx(ue.default,{className:`${e}__label`,element:"span",variant:C,"aria-hidden":i?!0:void 0,children:o}),t.jsx(S.VisuallyHidden,{asChild:!0,children:t.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",children:W})}),$?t.jsx(S.VisuallyHidden,{id:b,children:l}):null,i?v!==void 0?v:t.jsx("span",{className:`${e}__pending-indicator`,"aria-hidden":!0,children:t.jsx(he.default,{isCentered:!1})}):null,t.jsx(oe.SlideToActivateThumb,{baseClassName:e,thumbRef:T,thumbClassName:F,thumbWidth:z,thumbIcon:V,thumbTranslatePx:G,labelText:o,descriptionId:$?b:void 0,isHeld:f,isPending:i,isDisabled:a,isThumbHidden:r,isInteractive:p,status:d,snapDurationMs:ne,onPointerDown:J,onPointerMove:Q,onPointerUp:X,onPointerCancel:Z,onKeyDown:ee,onKeyUp:te,onBlur:ie})]})})});g.displayName="SlideToActivate";exports.default=g;
+require('./_slideToActivate.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),S=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),x=require("../../_virtual/index2.cjs"),P=require("react"),re=require("../../utils/index.cjs"),de=require("./SlideToActivateThumb.cjs"),oe=require("./hooks/useSlideToActivate.cjs"),q=require("./slideToActivateUtils.cjs"),n=require("./types.cjs");;const le=require("../Text/types.cjs"),ce=require("../../utils/useReducedMotion.cjs"),ue=require("../Text/Text.cjs"),he=require("../Loader/Loader.cjs"),D=P.forwardRef(({labelText:d,onActivation:g,onError:y,onProgress:j,onStatusChange:R,pendingAnnouncement:N=d,successAnnouncement:_="Activated.",errorAnnouncement:M="Action failed. Please try again.",keyboardHint:l=q.DEFAULT_KEYBOARD_HINT,resetOnError:I=!0,isDisabled:c=!1,isComplete:s=!1,showThumbWhenDisabled:w=!0,config:K={},className:U,id:u,...k},B)=>{const{textVariant:C=le.TextVariants.labelMedium,size:h=n.SlideToActivateSizes.default,borderRadius:H=n.SlideToActivateBorderRadii.sharp,direction:m=n.SlideToActivateDirections.ltr,thumbIcon:V,thumbWidth:z,pendingIndicator:v,trackClassName:E,thumbClassName:F}=K,{className:e,...L}=re.getCommonProps({id:u,...k},"SlideToActivate"),O=ce.useReducedMotion(),b=P.useId(),a=c||s,{status:r,announcement:W,trackRef:Y,thumbRef:T,thumbTranslatePx:G,handlePointerDown:J,handlePointerMove:Q,handlePointerUp:X,handlePointerCancel:Z,handleKeyDown:ee,handleKeyUp:ie,handleBlur:te,snapDurationMs:ne}=oe.useSlideToActivate({direction:m,isDisabled:a,reduceMotion:O,pendingAnnouncement:N,successAnnouncement:_,errorAnnouncement:M,resetOnError:I,onActivation:g,onError:y,onProgress:j,onStatusChange:R}),t=r==="pending",f=r==="dragging",p=!a&&!t,A=c&&!s,se=m===n.SlideToActivateDirections.rtl,o=s||A&&!w,$=l.trim().length>0;return i.jsx("div",{...L,id:u,ref:B,className:x.default(e,U,{[`${e}--${h}`]:h!==n.SlideToActivateSizes.default,[`${e}--radius-${H}`]:!0,[`${e}--disabled`]:a,[`${e}--disabled-blocked`]:A,[`${e}--disabled-complete`]:s,[`${e}--disabled-hide-thumb`]:o,[`${e}--pending`]:t,[`${e}--rtl`]:se,[`${e}--held`]:f}),"data-status":r,"aria-busy":t?!0:void 0,children:i.jsxs("div",{ref:Y,className:x.default(`${e}__track`,E),onPointerDown:ae=>q.focusThumbFromTrack({event:ae,thumb:T.current,isInteractive:p,isThumbHidden:o}),children:[i.jsx(ue.default,{className:`${e}__label`,element:"span",variant:C,"aria-hidden":t?!0:void 0,children:d}),i.jsx(S.VisuallyHidden,{asChild:!0,children:i.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",children:W})}),$?i.jsx(S.VisuallyHidden,{id:b,children:l}):null,t?v!==void 0?v:i.jsx("span",{className:`${e}__pending-indicator`,"aria-hidden":!0,children:i.jsx(he.default,{isCentered:!1})}):null,i.jsx(de.SlideToActivateThumb,{baseClassName:e,thumbRef:T,thumbClassName:F,thumbWidth:z,thumbIcon:V,thumbTranslatePx:G,labelText:d,descriptionId:$?b:void 0,isHeld:f,isPending:t,isDisabled:a,isThumbHidden:o,isInteractive:p,status:r,snapDurationMs:ne,onPointerDown:J,onPointerMove:Q,onPointerUp:X,onPointerCancel:Z,onKeyDown:ee,onKeyUp:ie,onBlur:te})]})})});D.displayName="SlideToActivate";exports.default=D;

package/dist/components/SlideToActivate/SlideToActivate.js

@@ -1,3 +1,4 @@
+import './_slideToActivate.css';
 import { jsx as i, jsxs as ae } from "react/jsx-runtime";
 import { VisuallyHidden as $ } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import D from "../../_virtual/index2.js";
@@ -7,6 +8,7 @@ import { SlideToActivateThumb as de } from "./SlideToActivateThumb.js";
 import { useSlideToActivate as le } from "./hooks/useSlideToActivate.js";
 import { DEFAULT_KEYBOARD_HINT as ce, focusThumbFromTrack as me } from "./slideToActivateUtils.js";
 import { SlideToActivateSizes as A, SlideToActivateBorderRadii as ue, SlideToActivateDirections as g } from "./types.js";
+
 import { TextVariants as he } from "../Text/types.js";
 import { useReducedMotion as pe } from "../../utils/useReducedMotion.js";
 import fe from "../Text/Text.js";

package/dist/components/SlideToActivate/_slideToActivate.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-slide-to-activate{--seldon-slide-thumb-size: 40px;--seldon-slide-hit-tolerance: 8px;--seldon-slide-track-height: 44px;--seldon-slide-gutter-inset: 2px;display:block;max-width:100%;touch-action:none;width:100%}.seldon-slide-to-activate--small{--seldon-slide-thumb-size: 28px;--seldon-slide-track-height: 32px}.seldon-slide-to-activate--radius-sharp .seldon-slide-to-activate__track,.seldon-slide-to-activate--radius-sharp .seldon-slide-to-activate__thumb-face{border-radius:0}.seldon-slide-to-activate--radius-sharp .seldon-slide-to-activate__thumb:focus-visible{outline:2px solid #07c;outline-offset:4px}.seldon-slide-to-activate--radius-rounded .seldon-slide-to-activate__track,.seldon-slide-to-activate--radius-rounded .seldon-slide-to-activate__thumb-face{border-radius:12px}.seldon-slide-to-activate--radius-rounded .seldon-slide-to-activate__thumb:focus-visible{border-radius:12px;outline:2px solid #07c;outline-offset:4px}.seldon-slide-to-activate--radius-pill .seldon-slide-to-activate__track,.seldon-slide-to-activate--radius-pill .seldon-slide-to-activate__thumb-face{border-radius:40px}.seldon-slide-to-activate--radius-pill .seldon-slide-to-activate__thumb:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-slide-to-activate__track{align-items:center;background-color:#000;border-radius:0;box-sizing:border-box;display:flex;height:var(--seldon-slide-track-height);justify-content:center;overflow:hidden;position:relative;touch-action:none;transition:background-color .32s ease-out,border-color .32s ease-out;user-select:none;width:100%}.seldon-slide-to-activate__label{color:#fff;font-variation-settings:"wght" 600;pointer-events:none;position:relative;transition:color .32s ease-out,opacity .28s ease-out;z-index:1}.seldon-slide-to-activate__pending-indicator{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;transition:opacity .28s ease-out;z-index:2}.seldon-slide-to-activate__pending-indicator .seldon-loader{border-color:#fff;border-bottom-color:transparent}.seldon-slide-to-activate__thumb{align-items:center;background:transparent;border:0;cursor:grab;display:flex;height:var(--seldon-slide-thumb-size);justify-content:center;left:var(--seldon-slide-gutter-inset);padding:0;position:absolute;top:50%;touch-action:none;transform:translateY(-50%);width:var(--seldon-slide-thumb-size);z-index:3}.seldon-slide-to-activate__thumb:before{content:"";inset:calc(var(--seldon-slide-hit-tolerance) * -1);position:absolute}.seldon-slide-to-activate__thumb:active,.seldon-slide-to-activate__thumb--held{cursor:grabbing}.seldon-slide-to-activate__thumb:focus-visible{outline:2px solid #07c;outline-offset:4px}.seldon-slide-to-activate__thumb--held .seldon-slide-to-activate__thumb-face{box-shadow:0 0 0 1px #000}.seldon-slide-to-activate__thumb-face{align-items:center;background-color:#fff;border:0;border-radius:0;box-sizing:border-box;color:#000;display:flex;height:100%;justify-content:center;pointer-events:none;transition:box-shadow .28s ease-out,background-color .32s ease-out,color .32s ease-out;width:100%}.seldon-slide-to-activate__thumb-chevrons{align-items:center;display:flex;height:22px;width:33px}.seldon-slide-to-activate__thumb-chevrons>*:last-child{margin-left:-11px}.seldon-slide-to-activate__thumb-chevrons .seldon-icon{flex-shrink:0;height:22px;width:22px}.seldon-slide-to-activate__thumb-icon{align-items:center;display:flex;justify-content:center;transition:transform .15s ease-out}.seldon-slide-to-activate__thumb-icon svg{height:22px;width:22px}.seldon-slide-to-activate__thumb-icon--held{transform:scale(1.1)}.seldon-slide-to-activate--small .seldon-slide-to-activate__thumb-chevrons{height:16px;width:24px}.seldon-slide-to-activate--small .seldon-slide-to-activate__thumb-chevrons>*:last-child{margin-left:-8px}.seldon-slide-to-activate--small .seldon-slide-to-activate__thumb-chevrons .seldon-icon{height:16px;width:16px}.seldon-slide-to-activate--small .seldon-slide-to-activate__thumb-icon svg{height:16px;width:16px}.seldon-slide-to-activate--rtl .seldon-slide-to-activate__thumb{left:auto;right:var(--seldon-slide-gutter-inset)}.seldon-slide-to-activate--rtl .seldon-slide-to-activate__thumb-icon{transform:scaleX(-1)}.seldon-slide-to-activate--rtl .seldon-slide-to-activate__thumb-icon--held{transform:scaleX(-1) scale(1.1)}.seldon-slide-to-activate--pending .seldon-slide-to-activate__label{opacity:0}.seldon-slide-to-activate--pending .seldon-slide-to-activate__thumb{cursor:default}.seldon-slide-to-activate--disabled{pointer-events:none}.seldon-slide-to-activate--disabled .seldon-slide-to-activate__thumb{cursor:not-allowed}.seldon-slide-to-activate--disabled-blocked .seldon-slide-to-activate__track{background-color:#eae9e6}.seldon-slide-to-activate--disabled-blocked .seldon-slide-to-activate__label{color:#545454}.seldon-slide-to-activate--disabled-blocked .seldon-slide-to-activate__thumb-face{background-color:#eae9e6;color:#545454}.seldon-slide-to-activate--disabled-complete .seldon-slide-to-activate__track{background-color:#000}.seldon-slide-to-activate--disabled-complete .seldon-slide-to-activate__label{color:#fff}.seldon-slide-to-activate--disabled-hide-thumb .seldon-slide-to-activate__thumb,.seldon-slide-to-activate--disabled-hide-thumb .seldon-slide-to-activate__thumb--hidden{opacity:0;pointer-events:none;transition:opacity .1s ease-out}@media(prefers-reduced-motion:reduce){.seldon-slide-to-activate__track,.seldon-slide-to-activate__label,.seldon-slide-to-activate__pending-indicator,.seldon-slide-to-activate__thumb,.seldon-slide-to-activate__thumb-face{transition:none}}}

package/dist/components/SplitPanel/SplitPanel.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("../../_virtual/index2.cjs"),m=require("react"),d=require("../../utils/index.cjs"),s=m.forwardRef(({children:r,className:a,element:l="section",hasBorder:n=!0,...e},o)=>{const{className:t,...i}=d.getCommonProps(e,"SplitPanel");return u.jsx(l,{...i,className:c.default(t,a,{[`${t}--borderless`]:!n}),ref:o,...e,children:r})});s.displayName="SplitPanel";exports.default=s;
+require('./_splitPanel.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("../../_virtual/index2.cjs"),m=require("react"),d=require("../../utils/index.cjs");;const s=m.forwardRef(({children:r,className:a,element:l="section",hasBorder:n=!0,...e},o)=>{const{className:t,...i}=d.getCommonProps(e,"SplitPanel");return u.jsx(l,{...i,className:c.default(t,a,{[`${t}--borderless`]:!n}),ref:o,...e,children:r})});s.displayName="SplitPanel";exports.default=s;