@phillips/seldon 1.271.0 → 1.273.0

package/dist/patterns/CountryPicker/CountryPickerTrigger.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),q=require("../../components/Icon/Icon.cjs"),b=require("../../components/Text/types.cjs"),u=require("../../components/Text/Text.cjs"),r=require("../../_virtual/index.cjs"),P=require("./constants.cjs"),k=require("react"),w=require("../../utils/index.cjs"),I=require("../../components/Input/utils.cjs"),g=k.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=w.useNormalizedInputProps({id:"country-picker-trigger-input",invalid:n,invalidText:x,type:"text"}),c=I.getInputClassNames(),m=i.invalidId,d=a?o:P.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:b.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;
+"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;

package/dist/patterns/CountryPicker/CountryPickerTrigger.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import k from "../../components/Icon/Icon.js";
-import { TextVariants as w } from "../../components/Text/types.js";
 import m from "../../components/Text/Text.js";
-import i from "../../_virtual/index.js";
-import { countries as I } from "./constants.js";
-import { forwardRef as P } from "react";
-import { useNormalizedInputProps as T } from "../../utils/index.js";
-import { getInputClassNames as N } from "../../components/Input/utils.js";
-const V = P(
+import i from "../../_virtual/index2.js";
+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(
   ({
     labelText: d,
     ariaLabel: s = d,
@@ -20,18 +20,18 @@ const V = P(
     baseClassName: r,
     variantConfig: $
   }, v) => {
-    const { isPhone: l, value: a } = $, e = T({
+    const { isPhone: l, value: a } = $, e = P({
       id: "country-picker-trigger-input",
       invalid: n,
       invalidText: u,
       type: "text"
-    }), c = N(), y = e.invalidId, g = l ? a : I.filter((b) => b.name === a)?.[0]?.code, x = () => e.validation ? e.validation : /* @__PURE__ */ t("p", { className: c.emptyValidation, children: " " });
+    }), 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: " " });
     return /* @__PURE__ */ p("div", { className: i(`${r}__trigger`, h), children: [
       /* @__PURE__ */ t(
         m,
         {
           element: "label",
-          variant: w.labelMedium,
+          variant: N.labelMedium,
           className: i(`${r}__trigger-label`, c.label, {
             [`${r}__trigger-label--error`]: n
           }),

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs

@@ -1 +1 @@
-"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/index.cjs"),p=require("react"),y=require("../../components/Icon/Icon.cjs"),B=require("../../components/Link/Link.cjs"),G=require("../../components/SeldonImage/SeldonImage.cjs"),l=require("../../components/Text/types.cjs"),c=require("../../components/Text/Text.cjs"),H=require("../../utils/index.cjs"),J=({baseClassName:t,iconSize:n,createFirstListText:i,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":i,onClick:r=>{r.stopPropagation(),s?.(r)},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:n,height:n,color:"$gray-75",className:u.default(`${t}__icon`,`${t}__icon-circle`),"aria-hidden":"true"}),e.jsx(c.default,{className:`${t}__text`,variant:l.TextVariants.bodyMedium,children:i})]})})}),g=({baseClassName:t,iconSize:n,text:i,ariaLabel:s,dataTestId:r})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":r,"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:n,height:n,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(c.default,{className:`${t}__text`,variant:l.TextVariants.bodyMedium,children:i})]})})}),Q=({baseClassName:t,imageRef:n,listAriaLabel:i,name:s,imageSrc:r})=>e.jsx("div",{className:`${t}__media-container`,ref:n,"aria-label":i,"data-testid":"list",role:"region",children:e.jsx(G.default,{alt:s,aspectRatio:"1/1",className:`${t}__media`,objectFit:"contain",src:r,style:{cursor:"pointer"}})}),U=p.memo(p.forwardRef(({id:t,className:n,count:i,name:s,imageSrc:r,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:T="You have not added any objects to your List yet.",createFirstListText:w="Create your first List.",editListText:V="Edit List",deleteListText:q="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(a,h=a===1?"Lot":"Lots")=>`${a} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:E="Manage List",favoritesAriaLabel:P="Favorites",emptyListAriaLabel:R="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:a,...h}=H.getCommonProps({id:t,...f},"FavoritesCollectionTile"),D=p.useRef(null),_=s&&i!==null&&i!==void 0,j=i===0,v=x==="lists",O=x==="create",A=x==="favorites"&&j,Y=_&&j&&v,K=()=>O?e.jsx(J,{baseClassName:a,iconSize:d,createFirstListText:w,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${a}__media-link`,I),tabIndex:0,children:[A&&e.jsx(g,{baseClassName:a,iconSize:d,text:L,ariaLabel:P,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:a,iconSize:d,text:T,ariaLabel:R,dataTestId:"empty-list"}),!j&&_&&e.jsx(Q,{baseClassName:a,imageRef:D,listAriaLabel:F,name:s,imageSrc:r,iconSize:d})]});return e.jsx("div",{...h,className:u.default(a,n),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(c.default,{element:"span",className:`${a}__count`,variant:l.TextVariants.labelMedium,children:$&&_&&$(i)}),s&&e.jsx(c.default,{element:"h3",className:`${a}__title`,variant:l.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":E,"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(c.default,{variant:l.TextVariants.bodyMedium,children:V})}),e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(c.default,{variant:l.TextVariants.bodyMedium,children:q})})]})})})]})]}),K()]})})}));exports.default=U;
+"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=({baseClassName:t,iconSize:n,createFirstListText:i,onClick:s})=>e.jsx("button",{type:"button",className:`${t}__create-variant`,"data-testid":"create-list","aria-label":i,onClick:r=>{r.stopPropagation(),s?.(r)},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:n,height:n,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:n,text:i,ariaLabel:s,dataTestId:r})=>e.jsx("div",{className:`${t}__media-container`,"data-testid":r,"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:n,height:n,color:"$gray-75",className:u.default(`${t}__icon`),"aria-hidden":"true"}),e.jsx(l.default,{className:`${t}__text`,variant:c.TextVariants.bodyMedium,children:i})]})})}),Q=({baseClassName:t,imageRef:n,listAriaLabel:i,name:s,imageSrc:r})=>e.jsx("div",{className:`${t}__media-container`,ref:n,"aria-label":i,"data-testid":"list",role:"region",children:e.jsx(H.default,{alt:s,aspectRatio:"1/1",className:`${t}__media`,objectFit:"contain",src:r,style:{cursor:"pointer"}})}),U=p.memo(p.forwardRef(({id:t,className:n,count:i,name:s,imageSrc:r,variant:x,element:b=B.default,href:N,emptyFavoritesText:L="You have not added any objects to your Favorites yet.",emptyListsText:T="You have not added any objects to your List yet.",createFirstListText:w="Create your first List.",editListText:V="Edit List",deleteListText:q="Delete List",onEdit:M,onDelete:k,formatlotStr:$=(a,h=a===1?"Lot":"Lots")=>`${a} ${h}`,linkClassName:I,iconSize:d=22,menuAriaLabel:E="Manage List",favoritesAriaLabel:P="Favorites",emptyListAriaLabel:R="Empty List",listAriaLabel:F="List",...f},C)=>{const{className:a,...h}=G.getCommonProps({id:t,...f},"FavoritesCollectionTile"),D=p.useRef(null),_=s&&i!==null&&i!==void 0,j=i===0,v=x==="lists",O=x==="create",A=x==="favorites"&&j,Y=_&&j&&v,K=()=>O?e.jsx(J,{baseClassName:a,iconSize:d,createFirstListText:w,onClick:f.onClick}):e.jsxs(b,{href:N,className:u.default(`${a}__media-link`,I),tabIndex:0,children:[A&&e.jsx(g,{baseClassName:a,iconSize:d,text:L,ariaLabel:P,dataTestId:"favorites"}),Y&&e.jsx(g,{baseClassName:a,iconSize:d,text:T,ariaLabel:R,dataTestId:"empty-list"}),!j&&_&&e.jsx(Q,{baseClassName:a,imageRef:D,listAriaLabel:F,name:s,imageSrc:r,iconSize:d})]});return e.jsx("div",{...h,className:u.default(a,n),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":E,"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:V})}),e.jsx("button",{className:`${a}__dropdown--item`,onClick:o=>k?.(t,o),type:"button",children:e.jsx(l.default,{variant:c.TextVariants.bodyMedium,children:q})})]})})})]})]}),K()]})})}));exports.default=U;

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { Root as q, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import _ from "../../_virtual/index.js";
+import _ from "../../_virtual/index2.js";
 import { memo as J, forwardRef as Q, useRef as U } from "react";
-import $ from "../../components/Icon/Icon.js";
 import W from "../../components/Link/Link.js";
-import X from "../../components/SeldonImage/SeldonImage.js";
-import { TextVariants as l } from "../../components/Text/types.js";
-import m from "../../components/Text/Text.js";
-import { getCommonProps as Z } from "../../utils/index.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";
+import Z from "../../components/SeldonImage/SeldonImage.js";
 const S = ({
   baseClassName: e,
   iconSize: r,
@@ -35,7 +35,7 @@ const S = ({
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ t(m, { className: `${e}__text`, variant: l.bodyMedium, children: a })
+      /* @__PURE__ */ t(l, { className: `${e}__text`, variant: m.bodyMedium, children: a })
     ] }) })
   }
 ), N = ({
@@ -56,7 +56,7 @@ const S = ({
       "aria-hidden": "true"
     }
   ),
-  /* @__PURE__ */ t(m, { className: `${e}__text`, variant: l.bodyMedium, children: a })
+  /* @__PURE__ */ t(l, { className: `${e}__text`, variant: m.bodyMedium, children: a })
 ] }) }) }), z = ({
   baseClassName: e,
   imageRef: r,
@@ -72,7 +72,7 @@ const S = ({
     "data-testid": "list",
     role: "region",
     children: /* @__PURE__ */ t(
-      X,
+      Z,
       {
         alt: o,
         aspectRatio: "1/1",
@@ -112,7 +112,7 @@ const S = ({
       listAriaLabel: j = "List",
       ...f
     }, C) => {
-      const { className: i, ...u } = Z({ id: e, ...f }, "FavoritesCollectionTile"), D = U(null), h = o && a !== null && a !== void 0, y = a === 0, g = p === "lists", A = p === "create", O = p === "favorites" && y, Y = h && y && g, K = () => A ? /* @__PURE__ */ t(
+      const { className: i, ...u } = X({ id: e, ...f }, "FavoritesCollectionTile"), D = U(null), h = o && a !== null && a !== void 0, y = a === 0, g = p === "lists", A = p === "create", O = p === "favorites" && y, Y = h && y && g, K = () => A ? /* @__PURE__ */ t(
         S,
         {
           baseClassName: i,
@@ -156,8 +156,8 @@ const S = ({
       return /* @__PURE__ */ t("div", { ...u, className: _(i, r), ref: C, id: e, children: /* @__PURE__ */ s("div", { className: `${i}__content`, children: [
         /* @__PURE__ */ s("div", { className: `${i}__header`, children: [
           /* @__PURE__ */ s("div", { className: `${i}__info`, children: [
-            h && /* @__PURE__ */ t(m, { element: "span", className: `${i}__count`, variant: l.labelMedium, children: v && h && v(a) }),
-            o && /* @__PURE__ */ t(m, { element: "h3", className: `${i}__title`, variant: l.bodyMedium, children: o })
+            h && /* @__PURE__ */ t(l, { element: "span", className: `${i}__count`, variant: m.labelMedium, children: v && h && v(a) }),
+            o && /* @__PURE__ */ t(l, { element: "h3", className: `${i}__title`, variant: m.bodyMedium, children: o })
           ] }),
           h && g && /* @__PURE__ */ s(q, { children: [
             /* @__PURE__ */ t(B, { asChild: !0, children: /* @__PURE__ */ t(
@@ -201,7 +201,7 @@ const S = ({
                       className: `${i}__dropdown--item`,
                       onClick: (d) => E?.(e, d),
                       type: "button",
-                      children: /* @__PURE__ */ t(m, { variant: l.bodyMedium, children: I })
+                      children: /* @__PURE__ */ t(l, { variant: m.bodyMedium, children: I })
                     }
                   ),
                   /* @__PURE__ */ t(
@@ -210,7 +210,7 @@ const S = ({
                       className: `${i}__dropdown--item`,
                       onClick: (d) => F?.(e, d),
                       type: "button",
-                      children: /* @__PURE__ */ t(m, { variant: l.bodyMedium, children: M })
+                      children: /* @__PURE__ */ t(l, { variant: m.bodyMedium, children: M })
                     }
                   )
                 ] })

package/dist/patterns/FilterMenu/FilterMenu.cjs

@@ -1 +1 @@
-"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/index.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;
+"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;

package/dist/patterns/FilterMenu/FilterMenu.js

@@ -1,7 +1,7 @@
 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/index.js";
+import a from "../../_virtual/index2.js";
 import C from "../../components/Filter/Filter.js";
 const V = F(
   ({ className: t, children: l, element: i = "form", ...r }, m) => {

package/dist/patterns/FiltersInline/FilterButton.cjs

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

package/dist/patterns/FiltersInline/FilterButton.js

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

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs

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

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

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

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs

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

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js

@@ -1,90 +1,76 @@
-import { jsxs as _, jsx as e, Fragment as C } from "react/jsx-runtime";
-import r from "../../_virtual/index.js";
+import { jsxs as _, jsx as e, Fragment as S } from "react/jsx-runtime";
+import t from "../../_virtual/index2.js";
 import g from "react";
-import n from "../../components/Button/Button.js";
-import { ButtonVariants as m } from "../../components/Button/types.js";
+import s from "../../components/Button/Button.js";
+import { ButtonSizes as m, ButtonVariants as n } from "../../components/Button/types.js";
 import k from "../../components/Filter/FilterInput.js";
-import s from "../../components/Text/Text.js";
-import { TextVariants as c } from "../../components/Text/types.js";
-import { px as v } from "../../utils/index.js";
-import { getFilterDimensions as S, handleInputChange as F } from "./utils.js";
-const y = g.forwardRef(
+import c from "../../components/Text/Text.js";
+import { TextVariants as d } from "../../components/Text/types.js";
+import { px as F } from "../../utils/index.js";
+import { getFilterDimensions as z, hasActiveDimensions as A, handleInputChange as B } from "./utils.js";
+const M = g.forwardRef(
   ({
-    className: b,
-    buttonType: o,
-    filters: f,
-    filterIndex: p,
-    onApplyFilter: d,
+    className: p,
+    buttonType: r,
+    filters: b,
+    filterIndex: f,
+    onApplyFilter: h,
     onClickClear: $,
-    onSelectFilter: h,
-    resultsCount: u,
+    onSelectFilter: u,
+    resultsCount: w,
     ariaLabels: x,
-    dropdownMenuTranslation: a
-  }, N) => {
-    const l = o === "Sort", t = `${v}-filter-dropdown-menu`;
+    dropdownMenuTranslation: l
+  }, C) => {
+    const o = r === "Sort", i = `${F}-filter-dropdown-menu`, N = z(b, f), v = A(b, r, f);
     return /* @__PURE__ */ _(
       "div",
       {
-        className: r(`${t}`, b, `${t}--mobile`),
-        ref: N,
+        className: t(`${i}`, p, `${i}--mobile`),
+        ref: C,
         "data-testid": "filter-dropdown-mobile",
-        "aria-label": x || `${o} dropdown mobile`,
+        "aria-label": x || `${r} dropdown mobile`,
         children: [
-          /* @__PURE__ */ e("div", { className: r(`${t}__filters`, `${t}__filters--mobile`), children: S(f, p).map((i) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: t(`${i}__filters`, `${i}__filters--mobile`), children: N.map((a) => /* @__PURE__ */ e(
             k,
             {
-              id: i.label,
-              labelText: i.label,
-              name: i.label,
-              type: l ? "radio" : "checkbox",
-              checked: i.active,
-              disabled: i?.disabled,
-              onChange: (w) => F(w, o ?? "", h)
+              id: a.label,
+              labelText: a.label,
+              name: a.label,
+              type: o ? "radio" : "checkbox",
+              checked: a.active,
+              disabled: a?.disabled,
+              onChange: (D) => B(D, r ?? "", u)
             },
-            i.label
+            a.label
           )) }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: r(
-                l ? `${t}__button-wrap` : `${t}__buttons-wrap`,
-                `${t}__mobile-wrap`
+              className: t(
+                o ? `${i}__button-wrap` : `${i}__buttons-wrap`,
+                `${i}__mobile-wrap`
               ),
-              children: l ? /* @__PURE__ */ e(
-                n,
+              children: o ? /* @__PURE__ */ e(
+                s,
                 {
-                  className: r(`${t}__button`, `${t}__button--mobile`),
-                  variant: m.primary,
-                  onClick: () => d?.(!1),
-                  children: /* @__PURE__ */ e(s, { variant: c.headingMedium, className: `${t}__button-text`, children: a?.confirm || "Confirm" })
+                  className: t(`${i}__button`, `${i}__button--mobile`),
+                  variant: n.primary,
+                  size: m.small,
+                  onClick: () => h?.(!1),
+                  children: /* @__PURE__ */ e(c, { variant: d.headingMedium, className: `${i}__button-text`, children: l?.confirm || "Confirm" })
                 }
-              ) : /* @__PURE__ */ _(C, { children: [
+              ) : /* @__PURE__ */ _(S, { children: [
                 /* @__PURE__ */ e(
-                  n,
+                  s,
                   {
-                    className: r(
-                      `${t}__buttons`,
-                      `${t}__buttons--mobile`,
-                      `${t}__buttons--left`
-                    ),
-                    variant: m.secondary,
-                    onClick: () => $?.(o ?? ""),
-                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, children: a?.clearAll || "Clear all" })
+                    variant: n.secondary,
+                    size: m.small,
+                    isDisabled: !v,
+                    onClick: () => $?.(r ?? ""),
+                    children: /* @__PURE__ */ e(c, { variant: d.bodySmall, children: l?.clearAll || "Clear all" })
                   }
                 ),
-                /* @__PURE__ */ e(
-                  n,
-                  {
-                    className: r(
-                      `${t}__buttons`,
-                      `${t}__buttons--mobile`,
-                      `${t}__buttons--right`
-                    ),
-                    variant: m.primary,
-                    onClick: () => d?.(!1),
-                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, className: `${t}__button-text`, children: a?.showAuctions || `Show ${u} Auctions` })
-                  }
-                )
+                /* @__PURE__ */ e(s, { variant: n.primary, size: m.small, onClick: () => h?.(!1), children: /* @__PURE__ */ e(c, { variant: d.bodySmall, className: `${i}__button-text`, children: l?.showAuctions || `Show ${w} Auctions` }) })
               ] })
             }
           )
@@ -93,7 +79,7 @@ const y = g.forwardRef(
     );
   }
 );
-y.displayName = "FilterDropdownMenuMobile";
+M.displayName = "FilterDropdownMenuMobile";
 export {
-  y as FilterDropdownMenuMobile
+  M as FilterDropdownMenuMobile
 };

package/dist/patterns/FiltersInline/FiltersInline.cjs

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

package/dist/patterns/FiltersInline/FiltersInline.js

@@ -1,5 +1,5 @@
 import { jsxs as N, jsx as u } from "react/jsx-runtime";
-import h from "../../_virtual/index.js";
+import h from "../../_virtual/index2.js";
 import x from "react";
 import { getCommonProps as T } from "../../utils/index.js";
 import { MainFilterDropdown as j } from "./MainFilterDropdown.js";