@phillips/seldon 1.279.2 → 1.280.0

package/dist/patterns/CountryPicker/CountryPickerModal.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),B=require("../../components/Button/Button.cjs"),D=require("../../components/Input/Input.cjs"),F=require("../../components/Modal/Modal.cjs"),T=require("../../components/Text/Text.cjs"),y=require("./constants.cjs"),L=require("./utils.cjs"),H=require("../../components/Button/types.cjs"),N=require("../../components/Icon/Icon.cjs"),O=require("./CountryPickerCountryList.cjs"),U=require("../../components/Text/types.cjs"),R=["US","GB","HK","CH"],M=(i,a)=>{if(!a)return i;const d=a.replace(/[.*?^${}()|[\]\\]/g,"\\$&").replace(/\+/g,"");if(!d)return i;const s=new RegExp(d,"gi");return i.filter(f=>{const m=f.name,e=f.code,p=L.getSafeCountryCallingCode(e).replace(/\+/g,"");return s.test(m)||s.test(e)||s.test(p)||s.test("+"+p)})},P=n.forwardRef(({isOpen:i=!1,onClose:a,modalTitle:h,searchInputLabel:d,searchInputPlaceholder:s,selectButtonLabel:f,inputName:m="value",baseClassName:e,variantConfig:_},p)=>{const{value:g,onChange:j,isPhone:S}=_,[c,k]=n.useState(g),q=r=>y.countries.some(u=>u.code===r);n.useEffect(()=>{k(g)},[i,g]);const[l,V]=n.useState(""),w=n.useRef(null),z=n.useRef(null),[v,$]=n.useMemo(()=>{const r=R.map(o=>y.countries.filter(x=>x.code===o)).flat(),u=y.countries.filter(o=>!R.includes(o.code));return[r,u.sort((o,x)=>o.name.localeCompare(x.name))]},[]),E=n.useMemo(()=>M(v,l),[v,l]),C=n.useMemo(()=>M($,l),[$,l]),I=n.useMemo(()=>{const r={};return C.forEach(u=>{const o=u.name[0].toUpperCase();r[o]||(r[o]=[]),r[o].push(u)}),r},[C]);return t.jsx(F.default,{isOpen:i,onClose:a,"data-testid":"country-picker-modal",className:`${e}__modal`,ref:p,children:t.jsxs("div",{className:`${e}__wrapper`,children:[t.jsxs("div",{className:`${e}__header`,children:[t.jsx(T.default,{variant:U.TextVariants.headingMedium,className:`${e}__header-text`,children:h}),t.jsx("div",{className:`${e}__input-wrapper`,children:t.jsx(D.default,{id:"countrySearch",type:"search",labelText:d,hideLabel:!0,placeholder:s,value:l,onChange:r=>{V(r.target.value)},autoFocus:!0,className:`${e}__input`,inputAdornment:t.jsx("span",{"aria-hidden":"true",children:t.jsx(N.default,{icon:"Search",width:20,height:20,color:"$cta-inactive"})})})})]}),t.jsx(O.CountryPickerCountryList,{filteredPrioritized:E,groupedCountries:I,baseClassName:e,modalTitle:h,listRef:z,variantConfig:_,inputName:m}),t.jsx("div",{className:`${e}__button-container`,children:t.jsx(B.default,{onClick:()=>{c&&(S?q(c)&&j(c):q(c)||j(c),a?.())},className:`${e}__button`,"data-testid":"country-picker-modal-select-button",ref:w,type:"button",variant:H.ButtonVariants.secondary,isDisabled:!c,children:f})})]})})});P.displayName="CountryPickerModal";exports.default=P;
+require('./_countryPickerModal.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),B=require("../../components/Button/Button.cjs"),D=require("../../components/Input/Input.cjs"),F=require("../../components/Modal/Modal.cjs"),T=require("../../components/Text/Text.cjs"),y=require("./constants.cjs"),L=require("./utils.cjs"),H=require("../../components/Button/types.cjs"),N=require("../../components/Icon/Icon.cjs"),O=require("./CountryPickerCountryList.cjs");;const U=require("../../components/Text/types.cjs"),R=["US","GB","HK","CH"],M=(i,a)=>{if(!a)return i;const d=a.replace(/[.*?^${}()|[\]\\]/g,"\\$&").replace(/\+/g,"");if(!d)return i;const s=new RegExp(d,"gi");return i.filter(f=>{const m=f.name,e=f.code,p=L.getSafeCountryCallingCode(e).replace(/\+/g,"");return s.test(m)||s.test(e)||s.test(p)||s.test("+"+p)})},P=n.forwardRef(({isOpen:i=!1,onClose:a,modalTitle:h,searchInputLabel:d,searchInputPlaceholder:s,selectButtonLabel:f,inputName:m="value",baseClassName:e,variantConfig:_},p)=>{const{value:g,onChange:j,isPhone:S}=_,[c,k]=n.useState(g),q=r=>y.countries.some(u=>u.code===r);n.useEffect(()=>{k(g)},[i,g]);const[l,V]=n.useState(""),w=n.useRef(null),z=n.useRef(null),[v,$]=n.useMemo(()=>{const r=R.map(o=>y.countries.filter(x=>x.code===o)).flat(),u=y.countries.filter(o=>!R.includes(o.code));return[r,u.sort((o,x)=>o.name.localeCompare(x.name))]},[]),E=n.useMemo(()=>M(v,l),[v,l]),C=n.useMemo(()=>M($,l),[$,l]),I=n.useMemo(()=>{const r={};return C.forEach(u=>{const o=u.name[0].toUpperCase();r[o]||(r[o]=[]),r[o].push(u)}),r},[C]);return t.jsx(F.default,{isOpen:i,onClose:a,"data-testid":"country-picker-modal",className:`${e}__modal`,ref:p,children:t.jsxs("div",{className:`${e}__wrapper`,children:[t.jsxs("div",{className:`${e}__header`,children:[t.jsx(T.default,{variant:U.TextVariants.headingMedium,className:`${e}__header-text`,children:h}),t.jsx("div",{className:`${e}__input-wrapper`,children:t.jsx(D.default,{id:"countrySearch",type:"search",labelText:d,hideLabel:!0,placeholder:s,value:l,onChange:r=>{V(r.target.value)},autoFocus:!0,className:`${e}__input`,inputAdornment:t.jsx("span",{"aria-hidden":"true",children:t.jsx(N.default,{icon:"Search",width:20,height:20,color:"$cta-inactive"})})})})]}),t.jsx(O.CountryPickerCountryList,{filteredPrioritized:E,groupedCountries:I,baseClassName:e,modalTitle:h,listRef:z,variantConfig:_,inputName:m}),t.jsx("div",{className:`${e}__button-container`,children:t.jsx(B.default,{onClick:()=>{c&&(S?q(c)&&j(c):q(c)||j(c),a?.())},className:`${e}__button`,"data-testid":"country-picker-modal-select-button",ref:w,type:"button",variant:H.ButtonVariants.secondary,isDisabled:!c,children:f})})]})})});P.displayName="CountryPickerModal";exports.default=P;

package/dist/patterns/CountryPicker/CountryPickerModal.js

@@ -1,5 +1,6 @@
+import './_countryPickerModal.css';
 import { jsx as o, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as j, useState as S, useEffect as H, useRef as V, useMemo as f } from "react";
+import { forwardRef as j, useState as S, useEffect as H, useRef as V, useMemo as m } from "react";
 import L from "../../components/Button/Button.js";
 import N from "../../components/Input/Input.js";
 import U from "../../components/Modal/Modal.js";
@@ -9,6 +10,7 @@ import { getSafeCountryCallingCode as G } from "./utils.js";
 import { ButtonVariants as K } from "../../components/Button/types.js";
 import O from "../../components/Icon/Icon.js";
 import { CountryPickerCountryList as Z } from "./CountryPickerCountryList.js";
+
 import { TextVariants as q } from "../../components/Text/types.js";
 const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
   if (!l) return n;
@@ -23,7 +25,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
   ({
     isOpen: n = !1,
     onClose: l,
-    modalTitle: m,
+    modalTitle: f,
     searchInputLabel: d,
     searchInputPlaceholder: i,
     selectButtonLabel: u,
@@ -35,14 +37,14 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
     H(() => {
       I(g);
     }, [n, g]);
-    const [s, M] = S(""), B = V(null), D = V(null), [x, P] = f(() => {
+    const [s, M] = S(""), B = V(null), D = V(null), [x, P] = m(() => {
       const e = w.map((r) => v.filter(($) => $.code === r)).flat(), a = v.filter((r) => !w.includes(r.code));
       return [
         e,
         // keep original order for prioritized
         a.sort((r, $) => r.name.localeCompare($.name))
       ];
-    }, []), F = f(() => z(x, s), [x, s]), R = f(() => z(P, s), [P, s]), T = f(() => {
+    }, []), F = m(() => z(x, s), [x, s]), R = m(() => z(P, s), [P, s]), T = m(() => {
       const e = {};
       return R.forEach((a) => {
         const r = a.name[0].toUpperCase();
@@ -59,7 +61,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
         ref: p,
         children: /* @__PURE__ */ k("div", { className: `${t}__wrapper`, children: [
           /* @__PURE__ */ k("div", { className: `${t}__header`, children: [
-            /* @__PURE__ */ o(A, { variant: q.headingMedium, className: `${t}__header-text`, children: m }),
+            /* @__PURE__ */ o(A, { variant: q.headingMedium, className: `${t}__header-text`, children: f }),
             /* @__PURE__ */ o("div", { className: `${t}__input-wrapper`, children: /* @__PURE__ */ o(
               N,
               {
@@ -84,7 +86,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
               filteredPrioritized: F,
               groupedCountries: T,
               baseClassName: t,
-              modalTitle: m,
+              modalTitle: f,
               listRef: D,
               variantConfig: _,
               inputName: h

package/dist/patterns/CountryPicker/CountryPickerOption.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../components/Text/Text.cjs"),u=require("../../_virtual/index2.cjs"),_=require("./utils.cjs"),a=require("../../components/Text/types.cjs"),g=({code:o,name:i,isChecked:r,inputName:p,baseClassName:t,variantConfig:$})=>{const c=`${t}__radio-${o}`,{isPhone:e,onChange:d}=$;return n.jsxs(l.default,{element:"label",variant:a.TextVariants.labelMedium,htmlFor:c,className:u.default(`${t}__option`,{[`${t}__option--selected`]:r,[`${t}__option--is-phone`]:e}),"aria-label":e?`${i} +${_.getSafeCountryCallingCode(o)}`:i,children:[n.jsx("input",{type:"radio",id:c,name:p,checked:r,className:u.default(`${t}__radio`,{[`${t}__radio--selected`]:r,[`${t}__radio--visually-hidden`]:e}),onChange:()=>{d(e?o:i)}}),n.jsxs("span",{className:`${t}__option-content`,children:[n.jsx(l.default,{className:`${t}__option-name`,children:i}),e&&n.jsxs(l.default,{className:`${t}__option-code`,children:["+",_.getSafeCountryCallingCode(o)]})]}),n.jsx("span",{className:`${t}__option-flag`,children:n.jsx("img",{src:`https://flagcdn.com/h20/${o.toLowerCase()}.png`,srcSet:`https://flagcdn.com/h40/${o.toLowerCase()}.png 2x`,alt:`${i} flag`,className:`${t}__option-flag-img`})})]})};exports.CountryPickerOption=g;
+require('./_countryPickerOption.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("../../components/Text/Text.cjs"),d=require("../../_virtual/index2.cjs"),_=require("./utils.cjs");;const a=require("../../components/Text/types.cjs"),g=({code:o,name:e,isChecked:r,inputName:p,baseClassName:t,variantConfig:$})=>{const c=`${t}__radio-${o}`,{isPhone:i,onChange:u}=$;return n.jsxs(l.default,{element:"label",variant:a.TextVariants.labelMedium,htmlFor:c,className:d.default(`${t}__option`,{[`${t}__option--selected`]:r,[`${t}__option--is-phone`]:i}),"aria-label":i?`${e} +${_.getSafeCountryCallingCode(o)}`:e,children:[n.jsx("input",{type:"radio",id:c,name:p,checked:r,className:d.default(`${t}__radio`,{[`${t}__radio--selected`]:r,[`${t}__radio--visually-hidden`]:i}),onChange:()=>{u(i?o:e)}}),n.jsxs("span",{className:`${t}__option-content`,children:[n.jsx(l.default,{className:`${t}__option-name`,children:e}),i&&n.jsxs(l.default,{className:`${t}__option-code`,children:["+",_.getSafeCountryCallingCode(o)]})]}),n.jsx("span",{className:`${t}__option-flag`,children:n.jsx("img",{src:`https://flagcdn.com/h20/${o.toLowerCase()}.png`,srcSet:`https://flagcdn.com/h40/${o.toLowerCase()}.png 2x`,alt:`${e} flag`,className:`${t}__option-flag-img`})})]})};exports.CountryPickerOption=g;

package/dist/patterns/CountryPicker/CountryPickerOption.js

@@ -1,9 +1,11 @@
+import './_countryPickerOption.css';
 import { jsxs as _, jsx as r } from "react/jsx-runtime";
 import c from "../../components/Text/Text.js";
 import $ from "../../_virtual/index2.js";
 import { getSafeCountryCallingCode as d } from "./utils.js";
-import { TextVariants as f } from "../../components/Text/types.js";
-const s = ({
+
+import { TextVariants as m } from "../../components/Text/types.js";
+const j = ({
   code: t,
   name: n,
   isChecked: p,
@@ -16,7 +18,7 @@ const s = ({
     c,
     {
       element: "label",
-      variant: f.labelMedium,
+      variant: m.labelMedium,
       htmlFor: l,
       className: $(`${o}__option`, {
         [`${o}__option--selected`]: p,
@@ -61,5 +63,5 @@ const s = ({
   );
 };
 export {
-  s as CountryPickerOption
+  j as CountryPickerOption
 };

package/dist/patterns/CountryPicker/CountryPickerTrigger.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),q=require("../../components/Icon/Icon.cjs"),u=require("../../components/Text/Text.cjs"),r=require("../../_virtual/index2.cjs"),b=require("./constants.cjs"),P=require("react"),k=require("../../utils/index.cjs"),w=require("../../components/Input/utils.cjs"),I=require("../../components/Text/types.cjs"),g=P.forwardRef(({labelText:s,ariaLabel:p=s,displayValue:_,onClick:f,hasError:n=!1,errorMsg:x,id:l,className:h,baseClassName:e,variantConfig:$},v)=>{const{isPhone:a,value:o}=$,i=k.useNormalizedInputProps({id:"country-picker-trigger-input",invalid:n,invalidText:x,type:"text"}),c=w.getInputClassNames(),m=i.invalidId,d=a?o:b.countries.filter(y=>y.name===o)?.[0]?.code,j=()=>i.validation?i.validation:t.jsx("p",{className:c.emptyValidation,children:" "});return t.jsxs("div",{className:r.default(`${e}__trigger`,h),children:[t.jsx(u.default,{element:"label",variant:I.TextVariants.labelMedium,className:r.default(`${e}__trigger-label`,c.label,{[`${e}__trigger-label--error`]:n}),id:l?`${l}-label`:void 0,children:s}),t.jsxs("button",{ref:v,type:"button","aria-label":p,"aria-invalid":i.invalid,"aria-describedby":m,className:r.default(`${e}__trigger-btn`,c.input,{[`${e}__trigger-btn--error`]:n,[`${e}__trigger-btn--is-phone`]:a}),onClick:f,"data-testid":"country-picker-trigger",id:l,children:[d&&t.jsx("span",{className:`${e}__trigger-flag`,children:t.jsx("img",{src:`https://flagcdn.com/h20/${d.toLowerCase()}.png`,srcSet:`https://flagcdn.com/h40/${d.toLowerCase()}.png 2x`,alt:`${o} flag`,className:`${e}__trigger-flag-img`})}),t.jsx(u.default,{className:r.default(`${e}__trigger-text`),children:_}),t.jsx("span",{className:r.default(`${e}__trigger-icon`),children:t.jsx(q.default,{icon:"ChevronDown",color:"black-100",width:16,height:16})})]}),!a&&j()]})});g.displayName="CountryPickerTrigger";exports.default=g;
+require('../../components/Input/_input.css');
+require('./_countryPickerTrigger.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),y=require("../../components/Icon/Icon.cjs"),u=require("../../components/Text/Text.cjs"),r=require("../../_virtual/index2.cjs"),b=require("./constants.cjs"),P=require("react"),k=require("../../utils/index.cjs"),w=require("../../components/Input/utils.cjs");;;const I=require("../../components/Text/types.cjs"),g=P.forwardRef(({labelText:s,ariaLabel:p=s,displayValue:_,onClick:f,hasError:n=!1,errorMsg:x,id:l,className:h,baseClassName:e,variantConfig:$},v)=>{const{isPhone:a,value:o}=$,i=k.useNormalizedInputProps({id:"country-picker-trigger-input",invalid:n,invalidText:x,type:"text"}),c=w.getInputClassNames(),m=i.invalidId,d=a?o:b.countries.filter(q=>q.name===o)?.[0]?.code,j=()=>i.validation?i.validation:t.jsx("p",{className:c.emptyValidation,children:" "});return t.jsxs("div",{className:r.default(`${e}__trigger`,h),children:[t.jsx(u.default,{element:"label",variant:I.TextVariants.labelMedium,className:r.default(`${e}__trigger-label`,c.label,{[`${e}__trigger-label--error`]:n}),id:l?`${l}-label`:void 0,children:s}),t.jsxs("button",{ref:v,type:"button","aria-label":p,"aria-invalid":i.invalid,"aria-describedby":m,className:r.default(`${e}__trigger-btn`,c.input,{[`${e}__trigger-btn--error`]:n,[`${e}__trigger-btn--is-phone`]:a}),onClick:f,"data-testid":"country-picker-trigger",id:l,children:[d&&t.jsx("span",{className:`${e}__trigger-flag`,children:t.jsx("img",{src:`https://flagcdn.com/h20/${d.toLowerCase()}.png`,srcSet:`https://flagcdn.com/h40/${d.toLowerCase()}.png 2x`,alt:`${o} flag`,className:`${e}__trigger-flag-img`})}),t.jsx(u.default,{className:r.default(`${e}__trigger-text`),children:_}),t.jsx("span",{className:r.default(`${e}__trigger-icon`),children:t.jsx(y.default,{icon:"ChevronDown",color:"black-100",width:16,height:16})})]}),!a&&j()]})});g.displayName="CountryPickerTrigger";exports.default=g;

package/dist/patterns/CountryPicker/CountryPickerTrigger.js

@@ -1,3 +1,5 @@
+import '../../components/Input/_input.css';
+import './_countryPickerTrigger.css';
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import k from "../../components/Icon/Icon.js";
 import m from "../../components/Text/Text.js";
@@ -6,6 +8,8 @@ import { countries as w } from "./constants.js";
 import { forwardRef as I } from "react";
 import { useNormalizedInputProps as P } from "../../utils/index.js";
 import { getInputClassNames as T } from "../../components/Input/utils.js";
+
+
 import { TextVariants as N } from "../../components/Text/types.js";
 const V = I(
   ({
@@ -13,16 +17,16 @@ const V = I(
     ariaLabel: s = d,
     displayValue: f,
     onClick: _,
-    hasError: n = !1,
+    hasError: o = !1,
     errorMsg: u,
-    id: o,
+    id: n,
     className: h,
     baseClassName: r,
     variantConfig: $
   }, v) => {
     const { isPhone: l, value: a } = $, e = P({
       id: "country-picker-trigger-input",
-      invalid: n,
+      invalid: o,
       invalidText: u,
       type: "text"
     }), c = T(), y = e.invalidId, g = l ? a : w.filter((b) => b.name === a)?.[0]?.code, x = () => e.validation ? e.validation : /* @__PURE__ */ t("p", { className: c.emptyValidation, children: " " });
@@ -33,9 +37,9 @@ const V = I(
           element: "label",
           variant: N.labelMedium,
           className: i(`${r}__trigger-label`, c.label, {
-            [`${r}__trigger-label--error`]: n
+            [`${r}__trigger-label--error`]: o
           }),
-          id: o ? `${o}-label` : void 0,
+          id: n ? `${n}-label` : void 0,
           children: d
         }
       ),
@@ -48,12 +52,12 @@ const V = I(
           "aria-invalid": e.invalid,
           "aria-describedby": y,
           className: i(`${r}__trigger-btn`, c.input, {
-            [`${r}__trigger-btn--error`]: n,
+            [`${r}__trigger-btn--error`]: o,
             [`${r}__trigger-btn--is-phone`]: l
           }),
           onClick: _,
           "data-testid": "country-picker-trigger",
-          id: o,
+          id: n,
           children: [
             g && /* @__PURE__ */ t("span", { className: `${r}__trigger-flag`, children: /* @__PURE__ */ t(
               "img",

package/dist/patterns/CountryPicker/_countryPickerModal.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-country-picker__modal{display:flex;flex-direction:column;height:80vh;width:635px}@media(max-width:961px){.seldon-country-picker__modal{height:100dvh;width:100%}}.seldon-country-picker__wrapper{display:flex;flex:1;flex-direction:column;min-height:-webkit-fill-available}.seldon-country-picker__header{background:#fff;margin-bottom:24px;position:sticky;top:0}.seldon-country-picker__header-text{margin-bottom:var(--spacing-md)}.seldon-country-picker__list{flex:1;margin-bottom:var(--spacing-sm);min-height:0;overflow-y:auto}.seldon-country-picker__letter-header{align-items:flex-start;display:flex;flex-direction:column;margin:var(--spacing-sm) 0}.seldon-country-picker__letter-text.seldon-text{margin-bottom:0}.seldon-country-picker__letter-line{border-bottom:1px solid #eae9e6;height:0;width:100%}.seldon-country-picker__button-container{background:#fff;border-top:1px solid #eae9e6;margin-top:auto;padding-top:1rem;width:100%}.seldon-country-picker__button-container button{width:100%}.seldon-country-picker__input-wrapper{padding-bottom:.25rem;position:relative;width:100%}.seldon-country-picker__input-wrapper .seldon-input__validation{display:none}.seldon-country-picker__input-wrapper input::placeholder{font-variation-settings:"wght" 700}@supports (-webkit-touch-callout: none){.seldon-country-picker__input-wrapper input{appearance:none;background-color:#fff}}.seldon-country-picker .seldon-country-picker__input-wrapper .seldon-input__label{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}

package/dist/patterns/CountryPicker/_countryPickerOption.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-country-picker__option{align-items:center;background:#fff;border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;flex-direction:row-reverse;font-variation-settings:"wght" 600;justify-content:space-between;margin-bottom:var(--spacing-micro);margin-right:1px;outline:none;padding:12px var(--spacing-sm);transition:border-color .2s,background .2s}.seldon-country-picker__option--selected{border:1px solid #000}.seldon-country-picker__option--selected .seldon-country-picker__radio{accent-color:#000}.seldon-country-picker__option--is-phone:focus-within{box-shadow:inset 0 0 0 2px #07c;outline:none}.seldon-country-picker__option-content{display:flex;flex:1;justify-content:space-between}.seldon-country-picker__option-content .seldon-text{font-variation-settings:"wght" 600}.seldon-country-picker__option-flag{align-items:center;display:flex;height:1rem;justify-content:center;margin-right:var(--spacing-sm);overflow:hidden;width:1.5rem}@media(min-width:961px){.seldon-country-picker__option-flag{height:1.25rem;width:1.75rem}}.seldon-country-picker__option-flag-img{display:block;height:100%;width:auto}.seldon-country-picker .seldon-country-picker__radio{height:1.25rem;width:1.25rem}.seldon-country-picker__radio--visually-hidden{border:0;height:1px;margin:-1px;opacity:0;padding:0;white-space:nowrap;width:1px}.seldon-country-picker__option--is-phone.seldon-country-picker__option--selected:focus-within{box-shadow:inset 0 0 0 2px #07c;outline:none}}

package/dist/patterns/CountryPicker/_countryPickerTrigger.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-country-picker__trigger{display:flex;flex-direction:column;width:100%}.seldon-country-picker__trigger-label{margin-bottom:var(--spacing-xsm);white-space:nowrap}.seldon-country-picker__trigger-label--error{color:#ff3d0a}.seldon-country-picker__trigger-btn{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;align-items:center;appearance:none;background:#fff;border:1px solid #000;border-radius:4px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;flex-direction:row;font-variation-settings:"wght" 600;justify-content:space-between;padding:var(--spacing-xsm);width:100%}.seldon-country-picker__trigger-btn:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-country-picker__trigger-btn--error{border-color:#ff3d0a;box-shadow:inset 0 0 3px 3px #ff3d0a}.seldon-country-picker__trigger-text{flex:1;font-variation-settings:"wght" 600;margin-left:var(--spacing-xsm);margin-right:var(--spacing-xsm);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.seldon-country-picker__trigger-icon{align-items:center;display:flex;height:1.4em;width:1.4em}.seldon-country-picker__trigger-flag{align-items:center;display:flex;height:1rem;justify-content:center;overflow:hidden;width:1.5rem}@media(min-width:961px){.seldon-country-picker__trigger-flag{height:1.25rem;width:1.75rem}}.seldon-country-picker__trigger-flag-img{display:block;height:100%;width:auto}.seldon-input__validation{animation:reveal .45s linear forwards}.seldon-input__empty-validation{line-height:var(--spacing-sm)}@keyframes reveal{0%{opacity:0}to{opacity:1}}}

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),u=require("../../_virtual/index2.cjs"),p=require("react"),B=require("../../components/Link/Link.cjs"),G=require("../../utils/index.cjs"),l=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),y=require("../../components/Icon/Icon.cjs"),H=require("../../components/SeldonImage/SeldonImage.cjs"),J=require("../../components/SeldonImage/types.cjs"),Q=({baseClassName:t,iconSize:r,createFirstListText:i,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":i,onClick:n=>{n.stopPropagation(),s?.(n)},children:e.jsx("span",{className:u.default(`${t}__empty`,`${t}__empty--create-list`),children:e.jsxs("span",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Add",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`,`${t}__icon-circle`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),g=({baseClassName:t,iconSize:r,text:i,ariaLabel:s,dataTestId:n})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":n,"aria-label":s,role:"region",children:e.jsx("div",{className:u.default(`${t}__empty`,`${t}__empty--bg`),children:e.jsxs("div",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Favorite",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),U=({baseClassName:t,imageRef:r,listAriaLabel:i,name:s,imageSrc:n})=>e.jsx("div",{className:`${t}__media-container`,ref:r,"aria-label":i,"data-testid":"list",role:"region",children:e.jsx(H.default,{alt:s,aspectRatio:J.AspectRatio.Square,className:`${t}__media`,objectFit:"contain",src:n,style:{cursor:"pointer"}})}),W=p.memo(p.forwardRef(({id:t,className:r,count:i,name:s,imageSrc:n,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:q="You have not added any objects to your List yet.",createFirstListText:T="Create your first List.",editListText:w="Edit List",deleteListText:V="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(a,h=a===1?"Lot":"Lots")=>`${a} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:R="Manage List",favoritesAriaLabel:E="Favorites",emptyListAriaLabel:P="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:a,...h}=G.getCommonProps({id:t,...f},"FavoritesCollectionTile"),A=p.useRef(null),_=s&&i!==null&&i!==void 0,j=i===0,v=x==="lists",D=x==="create",O=x==="favorites"&&j,Y=_&&j&&v,K=()=>D?e.jsx(Q,{baseClassName:a,iconSize:d,createFirstListText:T,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${a}__media-link`,I),tabIndex:0,children:[O&&e.jsx(g,{baseClassName:a,iconSize:d,text:L,ariaLabel:E,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:a,iconSize:d,text:q,ariaLabel:P,dataTestId:"empty-list"}),!j&&_&&e.jsx(U,{baseClassName:a,imageRef:A,listAriaLabel:F,name:s,imageSrc:n,iconSize:d})]});return e.jsx("div",{...h,className:u.default(a,r),ref:C,id:t,children:e.jsxs("div",{className:`${a}__content`,children:[e.jsxs("div",{className:`${a}__header`,children:[e.jsxs("div",{className:`${a}__info`,children:[_&&e.jsx(l.default,{element:"span",className:`${a}__count`,variant:c.TextVariants.labelMedium,children:$&&_&&$(i)}),s&&e.jsx(l.default,{element:"h3",className:`${a}__title`,variant:c.TextVariants.bodyMedium,children:s})]}),_&&v&&e.jsxs(m.Root,{children:[e.jsx(m.Trigger,{asChild:!0,children:e.jsx("div",{className:`${a}__actions`,"data-testid":"menu-trigger",tabIndex:0,role:"button","aria-label":R,"aria-haspopup":"menu",onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),o.stopPropagation(),o.target.click())},children:e.jsx("div",{className:`${a}__icon-rotate`,children:e.jsx(y.default,{icon:"Icon",width:d,height:d,color:"$gray-75",className:`${a}__icon-button`,"aria-hidden":"true"})})})}),e.jsx(m.Portal,{children:e.jsx(m.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,className:`${a}__popover-content`,children:e.jsxs("div",{className:`${a}__dropdown`,"data-testid":"dropdown-menu",children:[e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>M?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:w})}),e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:V})})]})})})]})]}),K()]})})}));exports.default=W;
+require('./_favoritesCollectionTile.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),u=require("../../_virtual/index2.cjs"),p=require("react"),B=require("../../components/Link/Link.cjs"),G=require("../../utils/index.cjs");;const l=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),y=require("../../components/Icon/Icon.cjs"),H=require("../../components/SeldonImage/SeldonImage.cjs"),J=require("../../components/SeldonImage/types.cjs"),Q=({baseClassName:t,iconSize:r,createFirstListText:a,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":a,onClick:n=>{n.stopPropagation(),s?.(n)},children:e.jsx("span",{className:u.default(`${t}__empty`,`${t}__empty--create-list`),children:e.jsxs("span",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Add",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`,`${t}__icon-circle`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:a})]})})}),g=({baseClassName:t,iconSize:r,text:a,ariaLabel:s,dataTestId:n})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":n,"aria-label":s,role:"region",children:e.jsx("div",{className:u.default(`${t}__empty`,`${t}__empty--bg`),children:e.jsxs("div",{className:`${t}__empty__content`,children:[e.jsx(y.default,{icon:"Favorite",width:r,height:r,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:a})]})})}),U=({baseClassName:t,imageRef:r,listAriaLabel:a,name:s,imageSrc:n})=>e.jsx("div",{className:`${t}__media-container`,ref:r,"aria-label":a,"data-testid":"list",role:"region",children:e.jsx(H.default,{alt:s,aspectRatio:J.AspectRatio.Square,className:`${t}__media`,objectFit:"contain",src:n,style:{cursor:"pointer"}})}),W=p.memo(p.forwardRef(({id:t,className:r,count:a,name:s,imageSrc:n,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:q="You have not added any objects to your List yet.",createFirstListText:T="Create your first List.",editListText:w="Edit List",deleteListText:V="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(i,h=i===1?"Lot":"Lots")=>`${i} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:R="Manage List",favoritesAriaLabel:E="Favorites",emptyListAriaLabel:P="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:i,...h}=G.getCommonProps({id:t,...f},"FavoritesCollectionTile"),A=p.useRef(null),_=s&&a!==null&&a!==void 0,j=a===0,v=x==="lists",D=x==="create",O=x==="favorites"&&j,Y=_&&j&&v,K=()=>D?e.jsx(Q,{baseClassName:i,iconSize:d,createFirstListText:T,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${i}__media-link`,I),tabIndex:0,children:[O&&e.jsx(g,{baseClassName:i,iconSize:d,text:L,ariaLabel:E,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:i,iconSize:d,text:q,ariaLabel:P,dataTestId:"empty-list"}),!j&&_&&e.jsx(U,{baseClassName:i,imageRef:A,listAriaLabel:F,name:s,imageSrc:n,iconSize:d})]});return e.jsx("div",{...h,className:u.default(i,r),ref:C,id:t,children:e.jsxs("div",{className:`${i}__content`,children:[e.jsxs("div",{className:`${i}__header`,children:[e.jsxs("div",{className:`${i}__info`,children:[_&&e.jsx(l.default,{element:"span",className:`${i}__count`,variant:c.TextVariants.labelMedium,children:$&&_&&$(a)}),s&&e.jsx(l.default,{element:"h3",className:`${i}__title`,variant:c.TextVariants.bodyMedium,children:s})]}),_&&v&&e.jsxs(m.Root,{children:[e.jsx(m.Trigger,{asChild:!0,children:e.jsx("div",{className:`${i}__actions`,"data-testid":"menu-trigger",tabIndex:0,role:"button","aria-label":R,"aria-haspopup":"menu",onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),o.stopPropagation(),o.target.click())},children:e.jsx("div",{className:`${i}__icon-rotate`,children:e.jsx(y.default,{icon:"Icon",width:d,height:d,color:"$gray-75",className:`${i}__icon-button`,"aria-hidden":"true"})})})}),e.jsx(m.Portal,{children:e.jsx(m.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,className:`${i}__popover-content`,children:e.jsxs("div",{className:`${i}__dropdown`,"data-testid":"dropdown-menu",children:[e.jsx("button",{className:`${i}__dropdown--item`,onClick:o=>M?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:w})}),e.jsx("button",{className:`${i}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:V})})]})})})]})]}),K()]})})}));exports.default=W;

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -1,9 +1,11 @@
+import './_favoritesCollectionTile.css';
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { Root as K, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import _ from "../../_virtual/index2.js";
 import { memo as J, forwardRef as Q, useRef as U } from "react";
 import W from "../../components/Link/Link.js";
 import { getCommonProps as X } from "../../utils/index.js";
+
 import l from "../../components/Text/Text.js";
 import { TextVariants as m } from "../../components/Text/types.js";
 import $ from "../../components/Icon/Icon.js";
@@ -86,7 +88,7 @@ const z = ({
       }
     )
   }
-), _t = J(
+), pt = J(
   Q(
     ({
       id: e,
@@ -225,5 +227,5 @@ const z = ({
   )
 );
 export {
-  _t as default
+  pt as default
 };

package/dist/patterns/FavoritesCollectionTile/_favoritesCollectionTile.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-favorites-collection-tile{display:flex;flex-direction:column;text-align:left}.seldon-favorites-collection-tile__content{display:flex;flex-direction:column;height:100%}.seldon-favorites-collection-tile__header{align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:var(--spacing-sm)}.seldon-favorites-collection-tile__info{flex:1;min-height:calc(var(--spacing-sm) + var(--spacing-xsm) + var(--font-size-label-medium) + var(--font-size-body-medium));overflow:hidden}.seldon-favorites-collection-tile__count{color:#75716f;display:block;margin-bottom:var(--spacing-xsm)}.seldon-favorites-collection-tile h3.seldon-text{margin-bottom:0}.seldon-favorites-collection-tile__title{-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.seldon-favorites-collection-tile__title.seldon-text{font-variation-settings:"wght" 600}.seldon-favorites-collection-tile__actions{align-items:center;align-self:normal;background-position:center;border-radius:40px;display:flex;height:2.5rem;justify-content:center;position:relative;top:var(--spacing-micro);transition:background .8s;width:2.5rem}.seldon-favorites-collection-tile__actions:hover{background:#eae9e6 radial-gradient(circle,transparent 1%,#eae9e6 1%) center/15000%;background-color:#eae9e6;cursor:pointer}.seldon-favorites-collection-tile__actions:active{background-color:#eae9e6;background-size:100%;transition:background 0s}.seldon-favorites-collection-tile__popover-content{outline:none}.seldon-favorites-collection-tile__dropdown{box-shadow:0 4px 6px #eae9e6}.seldon-favorites-collection-tile__dropdown--item{all:unset;background-color:#fff;cursor:pointer;display:block;padding:.75rem 1rem;width:90px}.seldon-favorites-collection-tile__dropdown--item:hover,.seldon-favorites-collection-tile__dropdown--item:focus-visible{background-color:#eae9e6}.seldon-favorites-collection-tile__media-link:hover{color:inherit;text-decoration:none}.seldon-favorites-collection-tile__media-link.seldon-link{text-transform:none}.seldon-favorites-collection-tile__media-link:focus-visible{outline:2px solid #07c;outline-offset:4px}.seldon-favorites-collection-tile__media-container{background-color:#f9f8f7;position:relative;width:100%}.seldon-favorites-collection-tile__media{background-position:center;width:100%}.seldon-favorites-collection-tile__empty{aspect-ratio:1/1;background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:block;position:relative}.seldon-favorites-collection-tile__empty:focus-visible{outline:2px solid #07c;outline-offset:4px}.seldon-favorites-collection-tile__empty--bg{background-color:#f9f8f7}.seldon-favorites-collection-tile__empty--create-list{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:0}.seldon-favorites-collection-tile__empty__content{bottom:20px;left:20px;position:absolute;width:calc(100% - 40px)}.seldon-favorites-collection-tile__icon{justify-content:flex-start;margin-bottom:var(--spacing-xsm);pointer-events:none}.seldon-favorites-collection-tile__icon-rotate{transform:rotate(90deg)}.seldon-favorites-collection-tile__icon-circle{border:2px solid #75716f;border-radius:40px;height:1.5rem;justify-content:flex-start;width:1.5rem}.seldon-favorites-collection-tile__icon-button{pointer-events:none}.seldon-favorites-collection-tile__text{text-transform:none}.seldon-favorites-collection-tile [data-radix-popper-content-wrapper]>*{all:unset}.seldon-favorites-collection-tile__create-variant{all:unset;background:none;height:100%;width:100%}.seldon-favorites-collection-tile__create-variant:focus-visible{outline:2px solid #07c;outline-offset:4px}}

package/dist/patterns/FilterMenu/FilterMenu.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),s=require("react"),F=require("../../utils/index.cjs"),n=require("../../_virtual/index2.cjs"),N=require("../../components/Filter/Filter.cjs"),i=s.forwardRef(({className:a,children:o,element:u="form",...r},c)=>{const{className:d,...m}=F.getCommonProps(r,"FilterMenu"),[l,p]=s.useState(null),t=l?.length,f=s.Children.map(o,e=>s.isValidElement(e)&&e.type===N.default?s.cloneElement(e,{setViewAllFilter:p,hidden:t?l!==e.props.name:!1,isViewingAll:t,className:t&&n.default(e.props.className,"is-opening")}):e);return g.jsx(u,{...m,...r,className:n.default(d,a),ref:c,children:f})});i.displayName="FilterMenu";exports.default=i;
+require('./_filterMenu.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),s=require("react"),q=require("../../utils/index.cjs"),i=require("../../_virtual/index2.cjs"),F=require("../../components/Filter/Filter.cjs");;const n=s.forwardRef(({className:a,children:o,element:u="form",...t},c)=>{const{className:d,...m}=q.getCommonProps(t,"FilterMenu"),[l,p]=s.useState(null),r=l?.length,f=s.Children.map(o,e=>s.isValidElement(e)&&e.type===F.default?s.cloneElement(e,{setViewAllFilter:p,hidden:r?l!==e.props.name:!1,isViewingAll:r,className:r&&i.default(e.props.className,"is-opening")}):e);return g.jsx(u,{...m,...t,className:i.default(d,a),ref:c,children:f})});n.displayName="FilterMenu";exports.default=n;

package/dist/patterns/FilterMenu/FilterMenu.js

@@ -1,20 +1,22 @@
+import './_filterMenu.css';
 import { jsx as u } from "react/jsx-runtime";
 import d, { forwardRef as F, useState as N, Children as w, cloneElement as g } from "react";
 import { getCommonProps as A } from "../../utils/index.js";
-import a from "../../_virtual/index2.js";
+import t from "../../_virtual/index2.js";
 import C from "../../components/Filter/Filter.js";
+
 const V = F(
-  ({ className: t, children: l, element: i = "form", ...r }, m) => {
+  ({ className: a, children: l, element: i = "form", ...r }, m) => {
     const { className: n, ...p } = A(r, "FilterMenu"), [o, f] = N(null), s = o?.length, c = w.map(
       l,
       (e) => d.isValidElement(e) && e.type === C ? g(e, {
         setViewAllFilter: f,
         hidden: s ? o !== e.props.name : !1,
         isViewingAll: s,
-        className: s && a(e.props.className, "is-opening")
+        className: s && t(e.props.className, "is-opening")
       }) : e
     );
-    return /* @__PURE__ */ u(i, { ...p, ...r, className: a(n, t), ref: m, children: c });
+    return /* @__PURE__ */ u(i, { ...p, ...r, className: t(n, a), ref: m, children: c });
   }
 );
 V.displayName = "FilterMenu";

package/dist/patterns/FilterMenu/_filterMenu.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-filter-menu{align-self:stretch;overflow-y:scroll;padding-bottom:var(--spacing-sm)}.seldon-filter-menu::-webkit-scrollbar{display:none}.seldon-filter-menu .seldon-filter:not([hidden])+.seldon-filter{border-top:1px solid #eae9e6;margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}}

package/dist/patterns/FiltersInline/FilterButton.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("../../_virtual/index2.cjs"),p=require("react"),h=require("../../components/Button/Button.cjs"),n=require("../../components/Button/types.cjs"),t=require("../../utils/index.cjs"),j=require("./utils.cjs"),s=require("../../components/Text/Text.cjs"),o=require("../../components/Text/types.cjs"),v=require("../../components/Icon/Icon.cjs"),u=p.forwardRef(({className:c,label:d,onClick:f,isSelected:l,type:e="ChevronDown",count:x,id:i,ariaLabel:b,isMobile:m,totalCount:a},$)=>r.jsxs(h.default,{ref:$,className:q.default(`${t.px}-filter-button`,c,{[`${t.px}-filter-button--selected`]:l||x>0||e==="Filter"&&a>0,[`${t.px}-filter-button--filter`]:e==="Filter"}),"aria-label":b,variant:n.ButtonVariants.secondary,size:n.ButtonSizes.small,"data-testid":`${i}-filter-button`,"data-viewport":m?"mobile":"desktop",onClick:f,children:[r.jsx(s.default,{className:`${t.px}-filter-button__label`,variant:o.TextVariants.labelSmall,"data-testid":`${i}-filter-label`,children:d}),r.jsx(v.default,{icon:j.getIcon(e,l),height:8,width:8,className:`${t.px}__icon`}),a>0&&e==="Filter"&&r.jsx(s.default,{variant:o.TextVariants.labelSmall,className:`${t.px}-filter-button--count`,"data-testid":`${i}-filter-count`,children:a})]}));u.displayName="FilterButton";exports.FilterButton=u;
+require('./_filterButton.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),$=require("../../_virtual/index2.cjs"),p=require("react"),h=require("../../components/Button/Button.cjs"),n=require("../../components/Button/types.cjs"),t=require("../../utils/index.cjs"),j=require("./utils.cjs");;const s=require("../../components/Text/Text.cjs"),o=require("../../components/Text/types.cjs"),v=require("../../components/Icon/Icon.cjs"),u=p.forwardRef(({className:c,label:d,onClick:f,isSelected:l,type:e="ChevronDown",count:x,id:i,ariaLabel:b,isMobile:m,totalCount:a},q)=>r.jsxs(h.default,{ref:q,className:$.default(`${t.px}-filter-button`,c,{[`${t.px}-filter-button--selected`]:l||x>0||e==="Filter"&&a>0,[`${t.px}-filter-button--filter`]:e==="Filter"}),"aria-label":b,variant:n.ButtonVariants.secondary,size:n.ButtonSizes.small,"data-testid":`${i}-filter-button`,"data-viewport":m?"mobile":"desktop",onClick:f,children:[r.jsx(s.default,{className:`${t.px}-filter-button__label`,variant:o.TextVariants.labelSmall,"data-testid":`${i}-filter-label`,children:d}),r.jsx(v.default,{icon:j.getIcon(e,l),height:8,width:8,className:`${t.px}__icon`}),a>0&&e==="Filter"&&r.jsx(s.default,{variant:o.TextVariants.labelSmall,className:`${t.px}-filter-button--count`,"data-testid":`${i}-filter-count`,children:a})]}));u.displayName="FilterButton";exports.FilterButton=u;

package/dist/patterns/FiltersInline/FilterButton.js

@@ -1,30 +1,32 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import './_filterButton.css';
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import $ from "../../_virtual/index2.js";
 import h from "react";
 import x from "../../components/Button/Button.js";
 import { ButtonSizes as _, ButtonVariants as v } from "../../components/Button/types.js";
 import { px as t } from "../../utils/index.js";
 import { getIcon as B } from "./utils.js";
+
 import l from "../../components/Text/Text.js";
 import { TextVariants as m } from "../../components/Text/types.js";
 import F from "../../components/Icon/Icon.js";
 const N = h.forwardRef(
-  ({ className: n, label: s, onClick: f, isSelected: o, type: r = "ChevronDown", count: c, id: e, ariaLabel: d, isMobile: b, totalCount: a }, p) => /* @__PURE__ */ u(
+  ({ className: n, label: s, onClick: f, isSelected: a, type: r = "ChevronDown", count: c, id: e, ariaLabel: d, isMobile: p, totalCount: i }, b) => /* @__PURE__ */ u(
     x,
     {
-      ref: p,
+      ref: b,
       className: $(`${t}-filter-button`, n, {
-        [`${t}-filter-button--selected`]: o || c > 0 || r === "Filter" && a > 0,
+        [`${t}-filter-button--selected`]: a || c > 0 || r === "Filter" && i > 0,
         [`${t}-filter-button--filter`]: r === "Filter"
       }),
       "aria-label": d,
       variant: v.secondary,
       size: _.small,
       "data-testid": `${e}-filter-button`,
-      "data-viewport": b ? "mobile" : "desktop",
+      "data-viewport": p ? "mobile" : "desktop",
       onClick: f,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ o(
           l,
           {
             className: `${t}-filter-button__label`,
@@ -33,14 +35,14 @@ const N = h.forwardRef(
             children: s
           }
         ),
-        /* @__PURE__ */ i(F, { icon: B(r, o), height: 8, width: 8, className: `${t}__icon` }),
-        a > 0 && r === "Filter" && /* @__PURE__ */ i(
+        /* @__PURE__ */ o(F, { icon: B(r, a), height: 8, width: 8, className: `${t}__icon` }),
+        i > 0 && r === "Filter" && /* @__PURE__ */ o(
           l,
           {
             variant: m.labelSmall,
             className: `${t}-filter-button--count`,
             "data-testid": `${e}-filter-count`,
-            children: a
+            children: i
           }
         )
       ]

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../_virtual/index2.cjs"),$=require("react"),u=require("../../components/Button/Button.cjs"),h=require("../../components/Button/types.cjs"),C=require("../../components/Filter/FilterInput.cjs"),N=require("../../utils/index.cjs"),n=require("./utils.cjs"),m=$.forwardRef(({className:p,buttonType:t,filters:l,filterIndex:o,onSelectFilter:f,onClickClear:x,onApplyFilter:d,resultsCount:b,ariaLabels:D,dropdownMenuTranslation:c},j)=>{const a=t==="Sort",i=`${N.px}-filter-dropdown-menu`,k=n.getFilterDimensions(l,o),w=n.hasActiveDimensions(l,t,o);return e.jsxs("div",{className:r.default(i,p),ref:j,"data-testid":"filter-dropdown-desktop","aria-label":D||`${t} dropdown desktop`,children:[e.jsx("div",{className:r.default(`${i}__filters`),children:k.map(s=>e.jsx(C.default,{id:s.label,labelText:s.label,name:s.label,type:a?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:q=>{n.handleInputChange(q,t??"",f),a&&d?.(!1)}},s.label))}),!a&&e.jsxs("div",{className:r.default(`${i}__buttons-wrap`),children:[e.jsx(u.default,{variant:h.ButtonVariants.secondary,isDisabled:!w,onClick:()=>x?.(t??""),children:c?.clearAll||"Clear all"}),e.jsx(u.default,{variant:h.ButtonVariants.primary,onClick:()=>d?.(!1),children:e.jsx("span",{className:`${i}__button-text`,children:c?.showAuctions||`Show ${b} Auctions`})})]})]})});m.displayName="FilterDropdownMenuDesktop";exports.FilterDropdownMenuDesktop=m;
+require('./_filterDropdownMenu.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../_virtual/index2.cjs"),$=require("react"),u=require("../../components/Button/Button.cjs"),h=require("../../components/Button/types.cjs"),C=require("../../components/Filter/FilterInput.cjs"),N=require("../../utils/index.cjs"),n=require("./utils.cjs");;const m=$.forwardRef(({className:p,buttonType:t,filters:l,filterIndex:o,onSelectFilter:f,onClickClear:x,onApplyFilter:d,resultsCount:b,ariaLabels:D,dropdownMenuTranslation:c},j)=>{const r=t==="Sort",i=`${N.px}-filter-dropdown-menu`,k=n.getFilterDimensions(l,o),q=n.hasActiveDimensions(l,t,o);return e.jsxs("div",{className:a.default(i,p),ref:j,"data-testid":"filter-dropdown-desktop","aria-label":D||`${t} dropdown desktop`,children:[e.jsx("div",{className:a.default(`${i}__filters`),children:k.map(s=>e.jsx(C.default,{id:s.label,labelText:s.label,name:s.label,type:r?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:w=>{n.handleInputChange(w,t??"",f),r&&d?.(!1)}},s.label))}),!r&&e.jsxs("div",{className:a.default(`${i}__buttons-wrap`),children:[e.jsx(u.default,{variant:h.ButtonVariants.secondary,isDisabled:!q,onClick:()=>x?.(t??""),children:c?.clearAll||"Clear all"}),e.jsx(u.default,{variant:h.ButtonVariants.primary,onClick:()=>d?.(!1),children:e.jsx("span",{className:`${i}__button-text`,children:c?.showAuctions||`Show ${b} Auctions`})})]})]})});m.displayName="FilterDropdownMenuDesktop";exports.FilterDropdownMenuDesktop=m;

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

@@ -1,16 +1,18 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import a from "../../_virtual/index2.js";
+import './_filterDropdownMenu.css';
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import t from "../../_virtual/index2.js";
 import N from "react";
-import m from "../../components/Button/Button.js";
+import c from "../../components/Button/Button.js";
 import { ButtonVariants as p } from "../../components/Button/types.js";
 import $ from "../../components/Filter/FilterInput.js";
 import { px as u } from "../../utils/index.js";
 import { getFilterDimensions as A, hasActiveDimensions as F, handleInputChange as g } from "./utils.js";
+
 const v = N.forwardRef(
   ({
     className: f,
     buttonType: i,
-    filters: t,
+    filters: a,
     filterIndex: l,
     onSelectFilter: h,
     onClickClear: b,
@@ -19,33 +21,33 @@ const v = N.forwardRef(
     ariaLabels: w,
     dropdownMenuTranslation: d
   }, D) => {
-    const r = i === "Sort", o = `${u}-filter-dropdown-menu`, _ = A(t, l), x = F(t, i, l);
-    return /* @__PURE__ */ c(
+    const s = i === "Sort", r = `${u}-filter-dropdown-menu`, _ = A(a, l), x = F(a, i, l);
+    return /* @__PURE__ */ m(
       "div",
       {
-        className: a(o, f),
+        className: t(r, f),
         ref: D,
         "data-testid": "filter-dropdown-desktop",
         "aria-label": w || `${i} dropdown desktop`,
         children: [
-          /* @__PURE__ */ s("div", { className: a(`${o}__filters`), children: _.map((e) => /* @__PURE__ */ s(
+          /* @__PURE__ */ o("div", { className: t(`${r}__filters`), children: _.map((e) => /* @__PURE__ */ o(
             $,
             {
               id: e.label,
               labelText: e.label,
               name: e.label,
-              type: r ? "radio" : "checkbox",
+              type: s ? "radio" : "checkbox",
               checked: e.active,
               disabled: e?.disabled,
               onChange: (C) => {
-                g(C, i ?? "", h), r && n?.(!1);
+                g(C, i ?? "", h), s && n?.(!1);
               }
             },
             e.label
           )) }),
-          !r && /* @__PURE__ */ c("div", { className: a(`${o}__buttons-wrap`), children: [
-            /* @__PURE__ */ s(
-              m,
+          !s && /* @__PURE__ */ m("div", { className: t(`${r}__buttons-wrap`), children: [
+            /* @__PURE__ */ o(
+              c,
               {
                 variant: p.secondary,
                 isDisabled: !x,
@@ -53,7 +55,7 @@ const v = N.forwardRef(
                 children: d?.clearAll || "Clear all"
               }
             ),
-            /* @__PURE__ */ s(m, { variant: p.primary, onClick: () => n?.(!1), children: /* @__PURE__ */ s("span", { className: `${o}__button-text`, children: d?.showAuctions || `Show ${k} Auctions` }) })
+            /* @__PURE__ */ o(c, { variant: p.primary, onClick: () => n?.(!1), children: /* @__PURE__ */ o("span", { className: `${r}__button-text`, children: d?.showAuctions || `Show ${k} Auctions` }) })
           ] })
         ]
       }

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("../../_virtual/index2.cjs"),D=require("react"),u=require("../../components/Button/Button.cjs"),m=require("../../components/Button/types.cjs"),N=require("../../components/Filter/FilterInput.cjs"),C=require("../../utils/index.cjs"),l=require("./utils.cjs"),b=D.forwardRef(({className:f,buttonType:a,filters:n,filterIndex:o,onApplyFilter:d,onClickClear:h,onSelectFilter:x,resultsCount:_,ariaLabels:$,dropdownMenuTranslation:c},p)=>{const t=a==="Sort",e=`${C.px}-filter-dropdown-menu`,j=l.getFilterDimensions(n,o),w=l.hasActiveDimensions(n,a,o);return i.jsxs("div",{className:r.default(`${e}`,f,`${e}--mobile`),ref:p,"data-testid":"filter-dropdown-mobile","aria-label":$||`${a} dropdown mobile`,children:[i.jsx("div",{className:r.default(`${e}__filters`,`${e}__filters--mobile`),children:j.map(s=>i.jsx(N.default,{id:s.label,labelText:s.label,name:s.label,type:t?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:q=>{l.handleInputChange(q,a??"",x),t&&d?.(!1)}},s.label))}),t?i.jsx("div",{className:`${e}__mobile-safe-area`,"aria-hidden":"true"}):i.jsxs("div",{className:r.default(`${e}__buttons-wrap`,`${e}__mobile-wrap`),children:[i.jsx(u.default,{variant:m.ButtonVariants.secondary,isDisabled:!w,onClick:()=>h?.(a??""),children:c?.clearAll||"Clear all"}),i.jsx(u.default,{variant:m.ButtonVariants.primary,onClick:()=>d?.(!1),children:i.jsx("span",{className:`${e}__button-text`,children:c?.showAuctions||`Show ${_} Auctions`})})]})]})});b.displayName="FilterDropdownMenuMobile";exports.FilterDropdownMenuMobile=b;
+require('./_filterDropdownMenu.css');
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("../../_virtual/index2.cjs"),D=require("react"),u=require("../../components/Button/Button.cjs"),m=require("../../components/Button/types.cjs"),N=require("../../components/Filter/FilterInput.cjs"),C=require("../../utils/index.cjs"),l=require("./utils.cjs");;const b=D.forwardRef(({className:f,buttonType:a,filters:n,filterIndex:o,onApplyFilter:d,onClickClear:h,onSelectFilter:x,resultsCount:_,ariaLabels:$,dropdownMenuTranslation:c},p)=>{const t=a==="Sort",e=`${C.px}-filter-dropdown-menu`,j=l.getFilterDimensions(n,o),w=l.hasActiveDimensions(n,a,o);return i.jsxs("div",{className:r.default(`${e}`,f,`${e}--mobile`),ref:p,"data-testid":"filter-dropdown-mobile","aria-label":$||`${a} dropdown mobile`,children:[i.jsx("div",{className:r.default(`${e}__filters`,`${e}__filters--mobile`),children:j.map(s=>i.jsx(N.default,{id:s.label,labelText:s.label,name:s.label,type:t?"radio":"checkbox",checked:s.active,disabled:s?.disabled,onChange:q=>{l.handleInputChange(q,a??"",x),t&&d?.(!1)}},s.label))}),t?i.jsx("div",{className:`${e}__mobile-safe-area`,"aria-hidden":"true"}):i.jsxs("div",{className:r.default(`${e}__buttons-wrap`,`${e}__mobile-wrap`),children:[i.jsx(u.default,{variant:m.ButtonVariants.secondary,isDisabled:!w,onClick:()=>h?.(a??""),children:c?.clearAll||"Clear all"}),i.jsx(u.default,{variant:m.ButtonVariants.primary,onClick:()=>d?.(!1),children:i.jsx("span",{className:`${e}__button-text`,children:c?.showAuctions||`Show ${_} Auctions`})})]})]})});b.displayName="FilterDropdownMenuMobile";exports.FilterDropdownMenuMobile=b;

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js

@@ -1,3 +1,4 @@
+import './_filterDropdownMenu.css';
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import s from "../../_virtual/index2.js";
 import D from "react";
@@ -6,14 +7,15 @@ import { ButtonVariants as f } from "../../components/Button/types.js";
 import u from "../../components/Filter/FilterInput.js";
 import { px as k } from "../../utils/index.js";
 import { getFilterDimensions as v, hasActiveDimensions as A, handleInputChange as F } from "./utils.js";
+
 const g = D.forwardRef(
   ({
-    className: b,
+    className: p,
     buttonType: r,
     filters: l,
     filterIndex: t,
     onApplyFilter: n,
-    onClickClear: p,
+    onClickClear: b,
     onSelectFilter: h,
     resultsCount: _,
     ariaLabels: $,
@@ -23,7 +25,7 @@ const g = D.forwardRef(
     return /* @__PURE__ */ d(
       "div",
       {
-        className: s(`${e}`, b, `${e}--mobile`),
+        className: s(`${e}`, p, `${e}--mobile`),
         ref: w,
         "data-testid": "filter-dropdown-mobile",
         "aria-label": $ || `${r} dropdown mobile`,
@@ -49,7 +51,7 @@ const g = D.forwardRef(
               {
                 variant: f.secondary,
                 isDisabled: !x,
-                onClick: () => p?.(r ?? ""),
+                onClick: () => b?.(r ?? ""),
                 children: m?.clearAll || "Clear all"
               }
             ),

package/dist/patterns/FiltersInline/FiltersInline.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),I=require("../../_virtual/index2.cjs"),w=require("react"),D=require("../../utils/index.cjs"),N=require("./MainFilterDropdown.cjs"),g=require("./SubFilterDropdown.cjs"),y=require("./types.cjs"),T=w.forwardRef(({id:t,className:q,filtersListState:u,setFiltersLabelListState:l,filters:n,onSelectFilter:a,onApplyFilter:d,onClickClear:i,resultsCount:c,mainFilterLabel:o,dropdownMenuTranslation:b,hideDesktopSortButton:x=!0,...B},F)=>{const{className:f,...j}=D.getCommonProps({id:t,...B},"FiltersInline");return s.jsxs("div",{ref:F,className:I.default(f,q),...j,id:t,children:[s.jsx(N.MainFilterDropdown,{id:`${t}-${o}-button`,filterButtonLabel:o,handleClick:l,filtersListState:u,filters:n,onSelectFilter:a,onApplyFilter:d,onClickClear:i,resultsCount:c,dropdownMenuTranslation:b},`${t}-${o}-button`),(()=>{const p=n?.map((e,r)=>({filter:e,filterId:r+1}))??[],m=p.find(({filter:e})=>e.buttonType===y.FilterButtonType.Sort),$=p.filter(({filter:e})=>e.buttonType!==y.FilterButtonType.Sort);return(m?[...$,m]:$).map(({filter:e,filterId:r})=>s.jsx(g.SubFilterDropdown,{id:`${t}-${e.label}-button`,filterButtonLabel:e.label,buttonType:e.buttonType,handleClick:l,filtersListState:u,filterId:r,filters:n,onSelectFilter:a,onApplyFilter:d,onClickClear:i,resultsCount:c,filterButtonLabelTranslated:e.filterButtonLabelTranslated,dropdownMenuTranslation:b,hideDesktopSortButton:x},`${t}-${e.label}-button`))})()]})});T.displayName="FiltersInline";exports.default=T;
+require('./_filtersInline.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),I=require("../../_virtual/index2.cjs"),w=require("react"),D=require("../../utils/index.cjs"),N=require("./MainFilterDropdown.cjs"),g=require("./SubFilterDropdown.cjs"),q=require("./types.cjs");;const y=w.forwardRef(({id:t,className:T,filtersListState:s,setFiltersLabelListState:l,filters:r,onSelectFilter:a,onApplyFilter:i,onClickClear:d,resultsCount:c,mainFilterLabel:n,dropdownMenuTranslation:b,hideDesktopSortButton:x=!0,...B},F)=>{const{className:f,...j}=D.getCommonProps({id:t,...B},"FiltersInline");return u.jsxs("div",{ref:F,className:I.default(f,T),...j,id:t,children:[u.jsx(N.MainFilterDropdown,{id:`${t}-${n}-button`,filterButtonLabel:n,handleClick:l,filtersListState:s,filters:r,onSelectFilter:a,onApplyFilter:i,onClickClear:d,resultsCount:c,dropdownMenuTranslation:b},`${t}-${n}-button`),(()=>{const p=r?.map((e,o)=>({filter:e,filterId:o+1}))??[],m=p.find(({filter:e})=>e.buttonType===q.FilterButtonType.Sort),$=p.filter(({filter:e})=>e.buttonType!==q.FilterButtonType.Sort);return(m?[...$,m]:$).map(({filter:e,filterId:o})=>u.jsx(g.SubFilterDropdown,{id:`${t}-${e.label}-button`,filterButtonLabel:e.label,buttonType:e.buttonType,handleClick:l,filtersListState:s,filterId:o,filters:r,onSelectFilter:a,onApplyFilter:i,onClickClear:d,resultsCount:c,filterButtonLabelTranslated:e.filterButtonLabelTranslated,dropdownMenuTranslation:b,hideDesktopSortButton:x},`${t}-${e.label}-button`))})()]})});y.displayName="FiltersInline";exports.default=y;

package/dist/patterns/FiltersInline/FiltersInline.js

@@ -1,10 +1,12 @@
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import './_filtersInline.css';
+import { jsxs as h, jsx as f } from "react/jsx-runtime";
 import F from "../../_virtual/index2.js";
 import j from "react";
 import { getCommonProps as w } from "../../utils/index.js";
 import { MainFilterDropdown as D } from "./MainFilterDropdown.js";
 import { SubFilterDropdown as P } from "./SubFilterDropdown.js";
 import { FilterButtonType as $ } from "./types.js";
+
 const R = j.forwardRef(
   ({
     id: o,
@@ -23,7 +25,7 @@ const R = j.forwardRef(
   }, I) => {
     const { className: x, ...N } = w({ id: o, ...B }, "FiltersInline");
     return /* @__PURE__ */ h("div", { ref: I, className: F(x, T), ...N, id: o, children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ f(
         D,
         {
           id: `${o}-${e}-button`,
@@ -40,8 +42,8 @@ const R = j.forwardRef(
         `${o}-${e}-button`
       ),
       (() => {
-        const b = r?.map((t, n) => ({ filter: t, filterId: n + 1 })) ?? [], c = b.find(({ filter: t }) => t.buttonType === $.Sort), f = b.filter(({ filter: t }) => t.buttonType !== $.Sort);
-        return (c ? [...f, c] : f).map(({ filter: t, filterId: n }) => /* @__PURE__ */ i(
+        const b = r?.map((t, n) => ({ filter: t, filterId: n + 1 })) ?? [], c = b.find(({ filter: t }) => t.buttonType === $.Sort), i = b.filter(({ filter: t }) => t.buttonType !== $.Sort);
+        return (c ? [...i, c] : i).map(({ filter: t, filterId: n }) => /* @__PURE__ */ f(
           P,
           {
             id: `${o}-${t.label}-button`,

package/dist/patterns/FiltersInline/_filterButton.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-filter-button{border:2px solid #eae9e6;border-radius:40px;gap:4px;height:inherit;padding:var(--spacing-xsm) var(--spacing-sm)}.seldon-filter-button:hover{border:2px solid #000;box-shadow:none}.seldon-filter-button:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-filter-button--selected{border:2px solid #000}.seldon-filter-button--selected:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-filter-button__label{font-variation-settings:"wght" 600}.seldon-filter-button--count.seldon-filter-button--count.seldon-text{background:#000;border:2px solid #fff;border-radius:40px;color:#fff;display:inline-block;font-variation-settings:"wght" 600;height:1.5rem;line-height:1.2rem;position:absolute;right:0;text-align:center;top:-15px;width:1.5rem}@media(min-width:961px){.seldon-filter-button--count.seldon-filter-button--count.seldon-text{line-height:1.3rem}}}

package/dist/patterns/FiltersInline/_filterDropdownMenu.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-filter-dropdown-menu{background:#fff;border-radius:4px;box-shadow:0 4px 6px #eae9e6;display:flex;flex-direction:column;padding:var(--spacing-sm) 0;width:320px}.seldon-filter-dropdown-menu__filters{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:240px;overflow-y:auto;padding:0 var(--spacing-sm);padding-bottom:var(--spacing-sm)}.seldon-filter-dropdown-menu__filters--mobile{padding:var(--spacing-md)}.seldon-filter-dropdown-menu__buttons-wrap{border-top:1px solid #eae9e6;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm)}.seldon-filter-dropdown-menu__buttons-wrap>.seldon-button{display:inline-flex;flex:1 1 0;justify-content:center;margin:0;max-width:none;min-width:0;text-align:center;white-space:nowrap}.seldon-filter-dropdown-menu__buttons-wrap--drawer{box-shadow:0 -4px 8px -4px #eae9e6;display:flex;flex-direction:row;gap:var(--spacing-sm);min-height:fit-content;padding:var(--spacing-md) var(--spacing-sm);width:100%}.seldon-filter-dropdown-menu__mobile-wrap{box-shadow:0 -4px 8px -4px #eae9e6;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}.seldon-filter-dropdown-menu__mobile-safe-area{padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}.seldon-filter-dropdown-menu__header{margin-bottom:var(--spacing-sm);margin-top:0}.seldon-filter-dropdown-menu__header--mobile{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md)}.seldon-filter-dropdown-menu__button-text{color:#fff}.seldon-filter-dropdown-menu--mobile{border-radius:4px 4px 0 0;box-shadow:none;height:100%;padding:0;width:100vw}.seldon-filter-dropdown-menu .seldon-input__wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-height:2rem}.seldon-filter-dropdown-menu .seldon-input__label{align-self:center;margin:0}.seldon-filter-dropdown-menu .seldon-input__input[type=radio]{align-self:center;margin-left:auto}.seldon-filter-dropdown-menu .seldon-input__input[type=checkbox]:disabled{border-color:#75716f}.seldon-filter-dropdown-menu .seldon-input__input[type=checkbox]{align-self:center;appearance:none;background:#fff;border:1px solid #000;border-radius:4px;display:grid;height:16px;margin-bottom:0;margin-left:auto;padding:0;place-content:center;width:16px}.seldon-filter-dropdown-menu .seldon-input__input[type=checkbox]:after{background:#fff;content:"";height:11px;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:16px 11px;opacity:0;width:16px}.seldon-filter-dropdown-menu .seldon-input__input[type=checkbox]:checked{background:#000}.seldon-filter-dropdown-menu .seldon-input__input[type=checkbox]:checked:after{opacity:1}.seldon-filter-dropdown-menu .seldon-filter-input__input__wrapper{max-height:2rem}.seldon-filter-dropdown-menu .seldon-input__label.seldon-text,.seldon-filter-drawer-menu .seldon-input__label.seldon-text{font-family:Montserrat,sans-serif;font-size:var(--font-size-label-small);font-style:unset;font-variation-settings:"wght" 600;letter-spacing:0;line-height:1.2;text-transform:unset}.seldon-filter-drawer-mobile{height:min(70dvh,640px);padding:0}.seldon-filter-drawer-mobile .seldon-drawer__content{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}.seldon-filter-drawer-mobile .seldon-filter-dropdown-menu--mobile{min-height:0;overflow:hidden}.seldon-filter-drawer-mobile .seldon-filter-dropdown-menu__filters--mobile{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}.seldon-filter-drawer-mobile .seldon-filter-dropdown-menu__mobile-wrap{flex:0 0 auto;margin-top:0}.seldon-filter-drawer-mobile .seldon-filter-dropdown-menu__mobile-safe-area{flex:0 0 auto}.seldon-filter-drawer .seldon-filter-drawer-menu{flex:1 1 auto;min-height:0;overflow-y:auto}.seldon-filter-drawer .seldon-filter-dropdown-menu__buttons-wrap--drawer{flex:0 0 auto;margin-top:auto;overflow:visible}}

package/dist/patterns/FiltersInline/_filtersInline.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.patterns{.seldon-filters-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media(min-width:961px){.seldon-filters-inline>.seldon-filters-inline__sort{margin-left:auto}}@media(max-width:960px){.seldon-filters-inline{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.seldon-filters-inline::-webkit-scrollbar{display:none}.seldon-filters-inline>*{flex:0 0 auto}}.seldon-filter-drawer{max-width:380px;padding:0}.seldon-filter-drawer-menu{padding:var(--spacing-md)}}

package/dist/patterns/HeroBanner/HeroBanner.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("react"),j=require("../../utils/index.cjs"),p=require("../../_virtual/index2.cjs"),c=require("../../components/Text/Text.cjs"),i=require("../../components/Text/types.cjs"),u=_.forwardRef(({prehead:n,date:r,headerText:d,subHeadText:a,association:l,background:o,className:m,...t},x)=>{const{className:s,...h}=j.getCommonProps(t,"HeroBanner");return e.jsx("header",{...h,className:p.default(s,m),style:{"--background":o},ref:x,...t,children:e.jsxs("span",{className:`${s}__content-wrapper`,children:[n||r?e.jsxs("p",{className:`${s}__pre-head`,children:[n?e.jsx("span",{children:n}):null,r?e.jsx("span",{children:r}):null]}):null,e.jsx(c.default,{className:`${s}__header-text`,variant:i.TextVariants.displayMedium,children:d}),a?e.jsx(c.default,{className:`${s}__sub-head-text`,variant:i.TextVariants.headingMedium,children:a}):null,l?e.jsx("p",{className:`${s}__after-head`,children:l}):null]})})});u.displayName="HeroBanner";exports.default=u;
+require('./_heroBanner.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("react"),j=require("../../utils/index.cjs"),p=require("../../_virtual/index2.cjs");;const i=require("../../components/Text/Text.cjs"),c=require("../../components/Text/types.cjs"),u=_.forwardRef(({prehead:r,date:n,headerText:d,subHeadText:a,association:l,background:o,className:m,...t},x)=>{const{className:s,...h}=j.getCommonProps(t,"HeroBanner");return e.jsx("header",{...h,className:p.default(s,m),style:{"--background":o},ref:x,...t,children:e.jsxs("span",{className:`${s}__content-wrapper`,children:[r||n?e.jsxs("p",{className:`${s}__pre-head`,children:[r?e.jsx("span",{children:r}):null,n?e.jsx("span",{children:n}):null]}):null,e.jsx(i.default,{className:`${s}__header-text`,variant:c.TextVariants.displayMedium,children:d}),a?e.jsx(i.default,{className:`${s}__sub-head-text`,variant:c.TextVariants.headingMedium,children:a}):null,l?e.jsx("p",{className:`${s}__after-head`,children:l}):null]})})});u.displayName="HeroBanner";exports.default=u;