@phillips/seldon 1.96.1 → 1.97.0

package/dist/components/Select/Select.js

@@ -1,65 +1,74 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import * as k from "react";
-import i from "../../node_modules/classnames/index.js";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import * as c from "react";
+import a from "../../node_modules/classnames/index.js";
 import { px as e, useNormalizedInputProps as z } from "../../utils/index.js";
-import { SelectVariants as c } from "./types.js";
+import { SelectVariants as d } from "./types.js";
 import D from "../../assets/chevronDown.svg.js";
-const F = k.forwardRef(
+const F = c.forwardRef(
   ({
-    children: d,
-    className: a,
-    defaultValue: m,
-    disabled: u,
-    hideLabel: $,
-    id: n,
+    children: m,
+    className: s,
+    defaultValue: u,
+    disabled: $,
+    hideLabel: _,
+    id: t,
     showIcon: l = !0,
-    variant: _ = c.default,
-    inline: f,
-    invalid: b,
-    invalidText: v,
-    labelText: h,
-    onChange: w,
+    variant: f = d.default,
+    inline: b,
+    invalid: v,
+    invalidText: h,
+    labelText: w,
+    onChange: C,
     onClick: V,
     readOnly: r,
-    size: C = "md",
-    value: x,
-    warn: y,
-    warnText: N,
-    ...S
+    size: x = "md",
+    value: y,
+    warn: N,
+    warnText: S,
+    ...g
   }, j) => {
-    const o = "select", t = z({ disabled: u, id: n, invalid: b, invalidText: v, readOnly: r, type: o, warn: y, warnText: N }), P = i(`${e}-${o}-input`, `${e}-input`, `${e}-input--${C}`, {
-      [`${e}-input--inline`]: f,
+    const o = "select", I = c.useId(), n = z({
+      disabled: $,
+      id: t != null ? t : I,
+      invalid: v,
+      invalidText: h,
+      readOnly: r,
+      type: o,
+      warn: N,
+      warnText: S
+    }), P = a(`${e}-${o}-input`, `${e}-input`, `${e}-input--${x}`, {
+      [`${e}-input--inline`]: b,
       [`${e}-input--readonly`]: r,
-      [`${e}-input--disabled`]: t.disabled,
-      [`${e}-input--invalid`]: t.invalid,
-      [`${e}-input--warn`]: t.warn,
-      [`${a}__wrapper`]: a
-    }), R = i(a, `${e}-input__input`, {
-      [`${e}-input__select--tertiary`]: _ === c.tertiary
-    }), g = i(`${e}-select-container`, {
+      [`${e}-input--disabled`]: n.disabled,
+      [`${e}-input--invalid`]: n.invalid,
+      [`${e}-input--warn`]: n.warn,
+      [`${s}__wrapper`]: s
+    }), R = a(s, `${e}-input__input`, {
+      [`${e}-input__select--tertiary`]: f === d.tertiary
+    }), k = a(`${e}-select-container`, {
       [`${e}-select-container--show__icon`]: l
     });
     return /* @__PURE__ */ p("div", { className: P, children: [
-      /* @__PURE__ */ s("label", { htmlFor: n, className: i(`${e}-input__label`, { [`${e}-input__label--hidden`]: $ }), children: h }),
-      /* @__PURE__ */ p("div", { className: g, children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ i("label", { htmlFor: t, className: a(`${e}-input__label`, { [`${e}-input__label--hidden`]: _ }), children: w }),
+      /* @__PURE__ */ p("div", { className: k, children: [
+        /* @__PURE__ */ i(
           "select",
           {
             className: R,
-            "data-testid": n,
-            defaultValue: m,
-            disabled: t.disabled,
-            id: n,
-            onChange: w,
+            "data-testid": t,
+            defaultValue: u,
+            disabled: n.disabled,
+            id: t,
+            onChange: C,
             ref: j,
-            value: x,
-            ...S,
-            children: d
+            value: y,
+            ...g,
+            children: m
           }
         ),
-        l ? /* @__PURE__ */ s(D, {}) : null
+        l ? /* @__PURE__ */ i(D, {}) : null
       ] }),
-      t.validation
+      n.validation
     ] });
   }
 );

package/dist/index.d.ts

@@ -58,6 +58,9 @@ export * from './components/PinchZoom';
 export * from './components/Tabs';
 export * from './components/SeldonImage';
 export * from './patterns/SaleHeaderBanner';
+export * from './utils/hooks';
+export * from './patterns/FilterMenu';
+export * from './components/Filter';
 export * from './components/Countdown';
 export * from './components/Countdown/types';
 export * from './patterns/ObjectTile';

package/dist/index.js

@@ -1,14 +1,14 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as p, findChildrenExcludingTypes as m, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as L } from "./assets/arrowPrev.svg.js";
-import { default as b } from "./assets/calendar.svg.js";
+import { default as I } from "./assets/calendar.svg.js";
 import { default as T } from "./assets/calendarAlt.svg.js";
 import { default as V } from "./assets/chevronDown.svg.js";
 import { default as B } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
-import { default as D } from "./assets/close.svg.js";
-import { default as N } from "./assets/favorite.svg.js";
-import { default as H } from "./assets/favoriteOutline.svg.js";
+import { default as y } from "./assets/close.svg.js";
+import { default as D } from "./assets/favorite.svg.js";
+import { default as N } from "./assets/favoriteOutline.svg.js";
 import { default as O } from "./assets/icon-footer-facebook.svg.js";
 import { default as G } from "./assets/icon-footer-instagram.svg.js";
 import { default as E } from "./assets/icon-footer-linkedin.svg.js";
@@ -18,24 +18,24 @@ import { default as q } from "./assets/instagram.svg.js";
 import { default as K } from "./assets/lock.svg.js";
 import { default as _ } from "./assets/minus.svg.js";
 import { default as ee } from "./assets/PhillipsLogo.svg.js";
-import { default as te } from "./assets/plus.svg.js";
+import { default as oe } from "./assets/plus.svg.js";
 import { default as ae } from "./assets/react.svg.js";
 import "react";
 import { default as se } from "./assets/share.svg.js";
 import { default as de } from "./assets/spotify.svg.js";
-import { default as pe } from "./assets/wechat.svg.js";
+import { default as me } from "./assets/wechat.svg.js";
 import { default as xe } from "./assets/youtube.svg.js";
 import { default as ie } from "./pages/Page.js";
 import { usePendingState as ce } from "./utils/hooks.js";
 import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Pe, SupportedLanguages as be } from "./types/commonTypes.js";
+import { AuctionStatus as Pe, SupportedLanguages as Ie } from "./types/commonTypes.js";
 import { default as Te } from "./components/Button/Button.js";
 import { ButtonVariants as Ve } from "./components/Button/types.js";
 import { default as Be } from "./components/IconButton/IconButton.js";
 import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as De } from "./site-furniture/Footer/Footer.js";
-import { Grid as Ne } from "./components/Grid/Grid.js";
-import { default as He } from "./site-furniture/Header/Header.js";
+import { default as ye } from "./site-furniture/Footer/Footer.js";
+import { Grid as De } from "./components/Grid/Grid.js";
+import { default as Ne } from "./site-furniture/Header/Header.js";
 import { default as Oe } from "./components/Navigation/Navigation.js";
 import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -44,176 +44,184 @@ import { default as ze } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as qe } from "./components/Input/Input.js";
 import { default as Ke } from "./components/Link/Link.js";
 import { LinkVariants as _e } from "./components/Link/types.js";
-import { default as eo } from "./components/LinkBlock/LinkBlock.js";
-import { default as to } from "./components/LinkList/LinkList.js";
-import { default as ao } from "./components/Row/Row.js";
-import { default as so } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as mo } from "./components/GridItem/types.js";
-import { default as uo } from "./components/Search/Search.js";
-import { default as no } from "./components/Select/Select.js";
-import { SelectVariants as go } from "./components/Select/types.js";
-import { default as Co } from "./components/SplitPanel/SplitPanel.js";
-import { default as ho } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Po } from "./patterns/Subscribe/types.js";
-import { default as Io } from "./patterns/Social/Social.js";
-import { default as Ao } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as ko } from "./components/Modal/Modal.js";
-import { default as vo } from "./components/Drawer/Drawer.js";
-import { default as yo } from "./components/Pagination/Pagination.js";
-import { default as Mo } from "./components/Tags/Tags.js";
-import { default as Fo } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Ro } from "./components/Text/types.js";
-import { default as Uo } from "./components/Text/Text.js";
-import { TextSymbolVariants as Wo } from "./components/TextSymbol/types.js";
-import { default as Qo } from "./components/TextSymbol/TextSymbol.js";
-import { default as jo } from "./components/Accordion/Accordion.js";
-import { default as Zo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Jo, AccordionVariants as Ko } from "./components/Accordion/types.js";
-import { default as _o } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as et } from "./patterns/UserManagement/types.js";
-import { default as tt } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as et } from "./components/LinkBlock/LinkBlock.js";
+import { default as ot } from "./components/LinkList/LinkList.js";
+import { default as at } from "./components/Row/Row.js";
+import { default as st } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as dt } from "./components/GridItem/types.js";
+import { default as mt } from "./components/Search/Search.js";
+import { default as xt } from "./components/Select/Select.js";
+import { SelectVariants as it } from "./components/Select/types.js";
+import { default as ct } from "./components/SplitPanel/SplitPanel.js";
+import { default as St } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Lt } from "./patterns/Subscribe/types.js";
+import { default as It } from "./patterns/Social/Social.js";
+import { default as Tt } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Vt } from "./components/Modal/Modal.js";
+import { default as Bt } from "./components/Drawer/Drawer.js";
+import { default as wt } from "./components/Pagination/Pagination.js";
+import { default as yt } from "./components/Tags/Tags.js";
+import { default as Dt } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Nt } from "./components/Text/types.js";
+import { default as Ot } from "./components/Text/Text.js";
+import { TextSymbolVariants as Gt } from "./components/TextSymbol/types.js";
+import { default as Et } from "./components/TextSymbol/TextSymbol.js";
+import { default as Yt } from "./components/Accordion/Accordion.js";
+import { default as zt } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as qt, AccordionVariants as Jt } from "./components/Accordion/types.js";
+import { default as Xt } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as $t } from "./patterns/UserManagement/types.js";
+import { default as to } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as at } from "./components/Dropdown/Dropdown.js";
-import { default as st } from "./components/Video/Video.js";
-import { default as dt } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as pt } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as xt } from "./components/ContentPeek/utils.js";
-import { default as it } from "./components/Collapsible/Collapsible.js";
-import { default as ct } from "./components/Collapsible/CollapsibleContent.js";
-import { default as St } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as Lt } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as bt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Tt } from "./components/Carousel/Carousel.js";
-import { default as Vt } from "./components/Carousel/CarouselContent.js";
-import { default as Bt } from "./components/Carousel/CarouselItem.js";
-import { default as wt } from "./components/Carousel/CarouselDots.js";
-import { default as Dt } from "./components/Detail/Detail.js";
-import { default as Nt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Ht } from "./patterns/DetailList/types.js";
-import { default as Ot } from "./components/PinchZoom/PinchZoom.js";
-import { default as Gt } from "./components/Tabs/TabsContainer.js";
-import { default as Et } from "./components/Tabs/TabsContent.js";
-import { default as Yt } from "./components/SeldonImage/SeldonImage.js";
-import { default as zt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as qt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Kt } from "./patterns/SaleHeaderBanner/types.js";
-import { default as _t } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as er } from "./components/Countdown/types.js";
-import { default as tr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as ar } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as sr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as dr } from "./patterns/BidSnapshot/types.js";
+import { default as ro } from "./components/Dropdown/Dropdown.js";
+import { default as fo } from "./components/Video/Video.js";
+import { default as lo } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as mo } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as xo } from "./components/ContentPeek/utils.js";
+import { default as io } from "./components/Collapsible/Collapsible.js";
+import { default as co } from "./components/Collapsible/CollapsibleContent.js";
+import { default as So } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as Lo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Io } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as To } from "./components/Carousel/Carousel.js";
+import { default as Vo } from "./components/Carousel/CarouselContent.js";
+import { default as Bo } from "./components/Carousel/CarouselItem.js";
+import { default as wo } from "./components/Carousel/CarouselDots.js";
+import { default as yo } from "./components/Detail/Detail.js";
+import { default as Do } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as No } from "./patterns/DetailList/types.js";
+import { default as Oo } from "./components/PinchZoom/PinchZoom.js";
+import { default as Go } from "./components/Tabs/TabsContainer.js";
+import { default as Eo } from "./components/Tabs/TabsContent.js";
+import { default as Yo } from "./components/SeldonImage/SeldonImage.js";
+import { default as zo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as qo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as Ko } from "./patterns/SaleHeaderBanner/types.js";
+import { default as _o } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as er } from "./components/Filter/Filter.js";
+import { default as or } from "./components/Filter/FilterInput.js";
+import { default as ar } from "./components/Filter/FilterHeader.js";
+import { default as sr } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as dr } from "./components/Countdown/types.js";
+import { default as mr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as xr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as ir } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as cr } from "./patterns/BidSnapshot/types.js";
 export {
-  jo as Accordion,
-  Zo as AccordionItem,
-  Jo as AccordionItemVariant,
-  Ko as AccordionVariants,
+  Yt as Accordion,
+  zt as AccordionItem,
+  qt as AccordionItemVariant,
+  Jt as AccordionVariants,
   S as AccountCircle,
   L as ArrowPrev,
-  Kt as AuctionState,
+  Ko as AuctionState,
   Pe as AuctionStatus,
-  et as AuthState,
-  sr as BidMessage,
-  dr as BidMessageVariants,
-  ar as BidSnapshot,
-  tt as Breadcrumb,
+  $t as AuthState,
+  ir as BidMessage,
+  cr as BidMessageVariants,
+  xr as BidSnapshot,
+  to as Breadcrumb,
   Te as Button,
   Ve as ButtonVariants,
-  b as Calendar,
+  I as Calendar,
   T as CalendarAlt,
-  Tt as Carousel,
-  Vt as CarouselContent,
-  wt as CarouselDots,
-  Bt as CarouselItem,
+  To as Carousel,
+  Vo as CarouselContent,
+  wo as CarouselDots,
+  Bo as CarouselItem,
   V as ChevronDown,
   B as ChevronNext,
   w as ChevronRight,
-  D as Close,
-  it as Collapsible,
-  ct as CollapsibleContent,
-  St as CollapsibleTrigger,
-  pt as ContentPeek,
-  xt as ContentPeekHeightUnits,
-  _t as Countdown,
-  er as CountdownVariants,
-  Dt as Detail,
-  Nt as DetailList,
-  Ht as DetailListAlignment,
-  vo as Drawer,
-  at as Dropdown,
+  y as Close,
+  io as Collapsible,
+  co as CollapsibleContent,
+  So as CollapsibleTrigger,
+  mo as ContentPeek,
+  xo as ContentPeekHeightUnits,
+  sr as Countdown,
+  dr as CountdownVariants,
+  yo as Detail,
+  Do as DetailList,
+  No as DetailListAlignment,
+  Bt as Drawer,
+  ro as Dropdown,
   we as ErrorBoundary,
   O as Facebook,
-  N as Favorite,
-  H as FavoriteOutline,
-  De as Footer,
+  D as Favorite,
+  N as FavoriteOutline,
+  er as Filter,
+  ar as FilterHeader,
+  or as FilterInput,
+  _o as FilterMenu,
+  ye as Footer,
   G as FooterInstagram,
   z as FooterWeChat,
-  Ne as Grid,
-  so as GridItem,
-  mo as GridItemAlign,
-  He as Header,
+  De as Grid,
+  st as GridItem,
+  dt as GridItemAlign,
+  Ne as Header,
   ze as HeroBanner,
   Be as IconButton,
   qe as Input,
   q as Instagram,
-  dt as LanguageSelector,
+  lo as LanguageSelector,
   Ke as Link,
-  eo as LinkBlock,
-  to as LinkList,
+  et as LinkBlock,
+  ot as LinkList,
   _e as LinkVariants,
   E as LinkedIn,
   K as Lock,
   _ as Minus,
-  ko as Modal,
+  Vt as Modal,
   Oe as Navigation,
   Ge as NavigationItem,
   Ee as NavigationItemTrigger,
   Ye as NavigationList,
-  tr as ObjectTile,
+  mr as ObjectTile,
   f as PaddingTokens,
   ie as Page,
-  bt as PageContentWrapper,
-  yo as Pagination,
+  Io as PageContentWrapper,
+  wt as Pagination,
   ee as PhillipsLogo,
-  Ot as PinchZoom,
-  te as Plus,
+  Oo as PinchZoom,
+  oe as Plus,
   ae as React,
   Y as Reddit,
-  ao as Row,
+  at as Row,
   Se as SSRMediaQuery,
-  zt as SaleHeaderBanner,
-  qt as SaleHeaderBrowseAuctions,
-  uo as Search,
-  Yt as SeldonImage,
-  Lt as SeldonProvider,
-  no as Select,
-  go as SelectVariants,
+  zo as SaleHeaderBanner,
+  qo as SaleHeaderBrowseAuctions,
+  mt as Search,
+  Yo as SeldonImage,
+  Lo as SeldonProvider,
+  xt as Select,
+  it as SelectVariants,
   se as Share,
-  Io as Social,
+  It as Social,
   s as SpacingTokens,
-  Co as SplitPanel,
+  ct as SplitPanel,
   de as Spotify,
-  Fo as StatefulViewingsList,
-  ho as Subscribe,
-  Po as SubscriptionState,
-  be as SupportedLanguages,
-  Gt as TabsContainer,
-  Et as TabsContent,
-  Mo as TagsList,
-  Uo as Text,
-  Wo as TextSymbolVariants,
-  Qo as TextSymbols,
-  Ro as TextVariants,
-  _o as UserManagement,
-  st as Video,
-  Ao as ViewingsList,
-  pe as WeChat,
+  Dt as StatefulViewingsList,
+  St as Subscribe,
+  Lt as SubscriptionState,
+  Ie as SupportedLanguages,
+  Go as TabsContainer,
+  Eo as TabsContent,
+  yt as TagsList,
+  Ot as Text,
+  Gt as TextSymbolVariants,
+  Et as TextSymbols,
+  Nt as TextVariants,
+  Xt as UserManagement,
+  fo as Video,
+  Tt as ViewingsList,
+  me as WeChat,
   xe as Youtube,
   l as defaultYear,
   d as emailValidation,
-  m as encodeURLSearchParams,
-  p as findChildrenExcludingTypes,
+  p as encodeURLSearchParams,
+  m as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
   n as getCommonProps,

package/dist/patterns/FilterMenu/FilterMenu.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+export interface FilterMenuProps<ElementType = HTMLFormElement> extends React.HTMLAttributes<ElementType> {
+    /**
+     * Typically would be a Filter component
+     * */
+    children: ReactNode;
+    /**
+     * Optional element to render as the top-level component e.g. 'div', Form, CustomComponent, etc. Defaults to 'form'.
+     */
+    element?: React.ElementType;
+}
+/**
+ * ## Overview
+ *
+ * A container for filters that controls the state of parent and child filters
+ *
+ * [Figma Link](https://www.figma.com/design/OvBXAq48blO1r4qYbeBPjW/RW---Sale-Page-(PLP)?node-id=892-71019&node-type=frame&t=AsBDn4UgUEjNUnf7-0)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-filtercontrol--overview)
+ */
+declare const FilterMenu: React.ForwardRefExoticComponent<FilterMenuProps<HTMLFormElement> & React.RefAttributes<HTMLFormElement>>;
+export default FilterMenu;

package/dist/patterns/FilterMenu/FilterMenu.js

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

package/dist/patterns/FilterMenu/FilterMenu.stories.d.ts

@@ -0,0 +1,29 @@
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./FilterMenu').FilterMenuProps<HTMLFormElement> & import('react').RefAttributes<HTMLFormElement>>;
+};
+export default meta;
+type FilterDimension = {
+    label: string;
+    active: boolean;
+    disabled?: boolean | undefined;
+};
+type FilterType = {
+    label: string;
+    id: string;
+    filterDimensions: FilterDimension[];
+    type: 'checkbox' | 'radio';
+};
+type PropTypes = {
+    isOpen: boolean;
+    filters: FilterType[];
+    onClose: () => void;
+};
+export declare const Playground: {
+    (props: PropTypes): import("react/jsx-runtime").JSX.Element;
+    args: {
+        isOpen: boolean;
+        filters: FilterType[];
+    };
+    argTypes: {};
+};

package/dist/patterns/FilterMenu/FilterMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { default as FilterMenu, type FilterMenuProps } from './FilterMenu';

package/dist/patterns/FilterMenu/utils.d.ts

@@ -0,0 +1,10 @@
+export type lotType = {
+    id: string;
+    lotNumber: number;
+    title: string;
+    imageSrc: string;
+    maker: string;
+    price: number;
+    collection: string;
+};
+export declare const exampleAuctionLots: lotType[];

package/dist/patterns/ViewingsList/ViewingsListCard.js

@@ -88,7 +88,7 @@ const i = `${u}-viewings-list-card`, dt = ({
             labelText: q,
             size: "sm",
             name: "location",
-            invalid: n == null ? void 0 : n.location,
+            invalid: !!(n != null && n.location),
             invalidText: n == null ? void 0 : n.location,
             readOnly: !o
           }