@phillips/seldon 1.174.0 → 1.176.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +43 -0
  2. package/dist/components/ProgressIndicator/ProgressIndicator.js +62 -0
  3. package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +52 -0
  4. package/dist/components/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
  5. package/dist/components/ProgressIndicator/index.d.ts +1 -0
  6. package/dist/index.d.ts +2 -0
  7. package/dist/index.js +92 -88
  8. package/dist/node_modules/@radix-ui/react-progress/dist/index.js +84 -0
  9. package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.js +32 -0
  10. package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.js +49 -0
  11. package/dist/patterns/CountryPicker/CountryPicker.d.ts +14 -0
  12. package/dist/patterns/CountryPicker/CountryPicker.js +71 -0
  13. package/dist/patterns/CountryPicker/CountryPicker.stories.d.ts +14 -0
  14. package/dist/patterns/CountryPicker/CountryPicker.test.d.ts +1 -0
  15. package/dist/patterns/CountryPicker/CountryPickerCountryList.d.ts +34 -0
  16. package/dist/patterns/CountryPicker/CountryPickerCountryList.js +66 -0
  17. package/dist/patterns/CountryPicker/CountryPickerCountryList.test.d.ts +1 -0
  18. package/dist/patterns/CountryPicker/CountryPickerModal.d.ts +24 -0
  19. package/dist/patterns/CountryPicker/CountryPickerModal.js +117 -0
  20. package/dist/patterns/CountryPicker/CountryPickerModal.test.d.ts +1 -0
  21. package/dist/patterns/CountryPicker/CountryPickerOption.d.ts +20 -0
  22. package/dist/patterns/CountryPicker/CountryPickerOption.js +62 -0
  23. package/dist/patterns/CountryPicker/CountryPickerOption.test.d.ts +1 -0
  24. package/dist/patterns/CountryPicker/CountryPickerTrigger.d.ts +21 -0
  25. package/dist/patterns/CountryPicker/CountryPickerTrigger.js +67 -0
  26. package/dist/patterns/CountryPicker/CountryPickerTrigger.test.d.ts +1 -0
  27. package/dist/patterns/CountryPicker/constants.d.ts +899 -0
  28. package/dist/patterns/CountryPicker/constants.js +279 -0
  29. package/dist/patterns/CountryPicker/index.d.ts +1 -0
  30. package/dist/patterns/CountryPicker/types.d.ts +30 -0
  31. package/dist/patterns/CountryPicker/types.js +6 -0
  32. package/dist/patterns/CountryPicker/utils.d.ts +2 -0
  33. package/dist/patterns/CountryPicker/utils.js +9 -0
  34. package/dist/patterns/CountryPicker/utils.test.d.ts +1 -0
  35. package/dist/scss/componentStyles.scss +4 -0
  36. package/dist/scss/components/Input/_input.scss +0 -3
  37. package/dist/scss/components/ProgressIndicator/_progressIndicator.scss +59 -0
  38. package/dist/scss/patterns/CountryPicker/_countryPickerModal.scss +108 -0
  39. package/dist/scss/patterns/CountryPicker/_countryPickerOption.scss +71 -0
  40. package/dist/scss/patterns/CountryPicker/_countryPickerTrigger.scss +73 -0
  41. package/package.json +2 -1
@@ -0,0 +1,43 @@
1
+ import { ComponentProps } from 'react';
2
+ import * as Progress from '@radix-ui/react-progress';
3
+ export interface ProgressIndicatorProps extends Progress.ProgressProps, ComponentProps<'div'> {
4
+ /**
5
+ * Total number of steps in the progress indicator.
6
+ */
7
+ totalSteps: number;
8
+ /**
9
+ * Current step number in the progress indicator.
10
+ */
11
+ currentStep: number;
12
+ /**
13
+ * Optional labels for each step in the progress indicator.
14
+ * If supplied, only visible on desktop breakpoints.
15
+ *
16
+ */
17
+ labels?: string[];
18
+ /**
19
+ * Optional class name for additional styling.
20
+ */
21
+ className?: string;
22
+ /**
23
+ * Aria label for the progress indicator.
24
+ */
25
+ progressIndicatorAriaLabel?: string;
26
+ /**
27
+ * Aria label for the completed icon.
28
+ */
29
+ completedIconAriaLabel?: string;
30
+ }
31
+ /**
32
+ * ## Overview
33
+ *
34
+ * This component provides a visual representation of a multi-step process.
35
+ *
36
+ *
37
+ * [Figma Link](https://www.figma.com/design/kSxOhnqIhilZ9hIJd3bPgP/RW-Registration?node-id=2996-50543&m=dev)
38
+ * [Figma Link 2](https://www.figma.com/design/kSxOhnqIhilZ9hIJd3bPgP/RW-Registration?node-id=2529-23889&m=dev)
39
+ *
40
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-progressindicator--overview)
41
+ */
42
+ declare const ProgressIndicator: import('react').ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
43
+ export default ProgressIndicator;
@@ -0,0 +1,62 @@
1
+ import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
+ import { Root as v } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
3
+ import { forwardRef as M, Fragment as P } from "react";
4
+ import { getCommonProps as $ } from "../../utils/index.js";
5
+ import d from "../../node_modules/classnames/index.js";
6
+ import C from "../Icon/Icon.js";
7
+ import { TextVariants as h } from "../Text/types.js";
8
+ import _ from "../Text/Text.js";
9
+ const I = M(
10
+ ({
11
+ totalSteps: c,
12
+ currentStep: f,
13
+ className: u,
14
+ progressIndicatorAriaLabel: p = "Progress Indicator",
15
+ completedIconAriaLabel: b = "Completed Icon",
16
+ ...e
17
+ }, g) => {
18
+ const { className: a, ...N } = $(e, "ProgressIndicator");
19
+ if (c <= 0) return null;
20
+ const s = Math.max(1, Math.min(10, Math.floor(c))), l = Math.max(1, Math.min(s, Math.floor(f)));
21
+ return /* @__PURE__ */ r("div", { ...N, className: d(a, u), ...e, ref: g, children: /* @__PURE__ */ r(v, { value: l, max: s, "aria-label": p, children: /* @__PURE__ */ r("div", { className: `${a}__steps`, children: Array.from({ length: s }).map((T, t) => {
22
+ const o = t + 1, i = l > o, n = l === o;
23
+ return /* @__PURE__ */ m(P, { children: [
24
+ /* @__PURE__ */ m(
25
+ "div",
26
+ {
27
+ className: `${a}__item`,
28
+ "aria-current": n ? "step" : void 0,
29
+ "data-testid": `progress-step-${o}`,
30
+ children: [
31
+ /* @__PURE__ */ r(
32
+ "span",
33
+ {
34
+ className: d(`${a}__circle`, {
35
+ [`${a}__circle--active`]: i,
36
+ [`${a}__circle--current`]: n
37
+ }),
38
+ children: i ? /* @__PURE__ */ r(
39
+ C,
40
+ {
41
+ icon: "Success",
42
+ "aria-label": b,
43
+ color: "currentColor",
44
+ width: 20,
45
+ height: 20
46
+ }
47
+ ) : /* @__PURE__ */ r(_, { variant: h.badge, children: o })
48
+ }
49
+ ),
50
+ e.labels && e.labels[t] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(_, { variant: h.string2, children: e.labels[t] }) })
51
+ ]
52
+ }
53
+ ),
54
+ t < s - 1 ? /* @__PURE__ */ r("div", { className: `${a}__connector`, "aria-hidden": "true" }) : null
55
+ ] }, e.labels ? e.labels[t] : t);
56
+ }) }) }) });
57
+ }
58
+ );
59
+ I.displayName = "ProgressIndicator";
60
+ export {
61
+ I as default
62
+ };
@@ -0,0 +1,52 @@
1
+ import { ProgressIndicatorProps } from './ProgressIndicator';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
5
+ };
6
+ export default meta;
7
+ export declare const Playground: {
8
+ (props: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
9
+ args: {
10
+ totalSteps: number;
11
+ currentStep: number;
12
+ };
13
+ argTypes: {
14
+ totalSteps: {
15
+ control: {
16
+ type: string;
17
+ min: number;
18
+ max: number;
19
+ };
20
+ };
21
+ currentStep: {
22
+ control: {
23
+ type: string;
24
+ min: number;
25
+ max: number;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ export declare const WithLabels: {
31
+ (props: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
32
+ args: {
33
+ totalSteps: number;
34
+ currentStep: number;
35
+ };
36
+ argTypes: {
37
+ totalSteps: {
38
+ control: {
39
+ type: string;
40
+ min: number;
41
+ max: number;
42
+ };
43
+ };
44
+ currentStep: {
45
+ control: {
46
+ type: string;
47
+ min: number;
48
+ max: number;
49
+ };
50
+ };
51
+ };
52
+ };
@@ -0,0 +1 @@
1
+ export { default as ProgressIndicator, type ProgressIndicatorProps } from './ProgressIndicator';
package/dist/index.d.ts CHANGED
@@ -70,6 +70,7 @@ export * from './patterns/FiltersInline';
70
70
  export * from './patterns/SaleCard';
71
71
  export * from './patterns/SaleHeaderBanner';
72
72
  export * from './patterns/ViewingDetails';
73
+ export * from './components/ProgressIndicator';
73
74
  export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
74
75
  export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
75
76
  export * from './types/commonTypes';
@@ -89,5 +90,6 @@ export * from './patterns/BidSnapshot';
89
90
  export * from './patterns/FilterMenu';
90
91
  export * from './patterns/ObjectTile';
91
92
  export * from './utils/hooks';
93
+ export * from './patterns/CountryPicker';
92
94
  export * from './components/DescriptiveRadioButton';
93
95
  export * from './components/DescriptiveRadioButtonGroup';
package/dist/index.js CHANGED
@@ -1,9 +1,9 @@
1
- import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
1
+ import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as c, useNormalizedInputProps as g } from "./utils/index.js";
2
2
  import { default as C } from "./pages/Page.js";
3
- import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
4
- import { usePendingState as I } from "./utils/hooks.js";
5
- import { AuctionStatus as V, LotStatus as b, SupportedLanguages as v } from "./types/commonTypes.js";
6
- import { default as h } from "./components/Button/Button.js";
3
+ import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
4
+ import { usePendingState as A } from "./utils/hooks.js";
5
+ import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
6
+ import { default as v } from "./components/Button/Button.js";
7
7
  import { ButtonVariants as w } from "./components/Button/types.js";
8
8
  import { default as F } from "./components/IconButton/IconButton.js";
9
9
  import { default as M } from "./components/Accordion/Accordion.js";
@@ -25,14 +25,14 @@ import { default as de } from "./components/ContentPeek/ContentPeek.js";
25
25
  import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
26
26
  import { default as ie } from "./components/Detail/Detail.js";
27
27
  import { default as ne } from "./components/Drawer/Drawer.js";
28
- import { default as ce } from "./components/Dropdown/Dropdown.js";
28
+ import { default as ge } from "./components/Dropdown/Dropdown.js";
29
29
  import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
30
- import { default as Be } from "./components/Grid/Grid.js";
31
- import { default as Ae } from "./components/GridItem/GridItem.js";
30
+ import { default as Pe } from "./components/Grid/Grid.js";
31
+ import { default as Ie } from "./components/GridItem/GridItem.js";
32
32
  import { GridItemAlign as Le } from "./components/GridItem/types.js";
33
33
  import { default as be } from "./components/Input/Input.js";
34
- import { default as ye } from "./components/Link/Link.js";
35
- import { LinkVariants as ke } from "./components/Link/types.js";
34
+ import { default as ke } from "./components/Link/Link.js";
35
+ import { LinkVariants as he } from "./components/Link/types.js";
36
36
  import { default as De } from "./components/LinkBlock/LinkBlock.js";
37
37
  import { default as He } from "./components/LinkList/LinkList.js";
38
38
  import { default as Ne } from "./components/Modal/Modal.js";
@@ -51,14 +51,14 @@ import { default as st } from "./components/SplitPanel/SplitPanel.js";
51
51
  import { default as dt } from "./components/Tabs/TabsContainer.js";
52
52
  import { default as pt } from "./components/Tabs/TabsContent.js";
53
53
  import { Tag as it, default as xt } from "./components/Tags/Tags.js";
54
- import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
54
+ import { TextAlignments as ct, TextVariants as gt } from "./components/Text/types.js";
55
55
  import { default as Ct } from "./components/Text/Text.js";
56
- import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
57
- import { default as At } from "./components/TextSymbol/TextSymbol.js";
56
+ import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
57
+ import { default as It } from "./components/TextSymbol/TextSymbol.js";
58
58
  import { default as Lt } from "./components/Video/Video.js";
59
59
  import { default as bt } from "./patterns/DetailList/DetailList.js";
60
- import { DetailListAlignment as yt } from "./patterns/DetailList/types.js";
61
- import { default as kt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
60
+ import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
61
+ import { default as ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
62
62
  import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
63
63
  import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
64
64
  import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
@@ -77,52 +77,54 @@ import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
77
77
  import { default as mo } from "./components/Loader/Loader.js";
78
78
  import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
79
79
  import { default as xo } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
80
- import { default as go } from "./patterns/FiltersInline/FiltersInline.js";
80
+ import { default as co } from "./patterns/FiltersInline/FiltersInline.js";
81
81
  import { FilterButtonIconType as So, FilterButtonType as Co } from "./patterns/FiltersInline/types.js";
82
- import { default as Bo } from "./patterns/SaleCard/SaleCard.js";
83
- import { SaleCardActions as Ao } from "./patterns/SaleCard/SaleCardActions.js";
82
+ import { default as Po } from "./patterns/SaleCard/SaleCard.js";
83
+ import { SaleCardActions as Io } from "./patterns/SaleCard/SaleCardActions.js";
84
84
  import { SaleCardVariants as Lo } from "./patterns/SaleCard/types.js";
85
85
  import { default as bo } from "./patterns/ViewingDetails/ViewingDetails.js";
86
- import { default as yo } from "./site-furniture/Footer/Footer.js";
87
- import { default as ko } from "./site-furniture/Header/Header.js";
88
- import { default as Do } from "./components/AddToCalendar/AddToCalendar.js";
89
- import { default as Ho } from "./components/Article/Article.js";
90
- import { default as No } from "./components/Countdown/Countdown.js";
91
- import { CountdownVariants as Go } from "./components/Countdown/types.js";
92
- import { default as Uo } from "./components/Divider/Divider.js";
93
- import { default as Qo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
94
- import { default as zo } from "./components/Filter/Filter.js";
95
- import { default as Yo } from "./components/Filter/FilterInput.js";
96
- import { default as qo } from "./components/Filter/FilterHeader.js";
97
- import { default as Ko } from "./components/Pictogram/Pictogram.js";
98
- import { default as _o } from "./components/TextArea/TextArea.js";
99
- import { default as er } from "./components/Toast/Toast.js";
100
- import { ToastProvider as or } from "./components/Toast/ToastContextProvider.js";
101
- import { useToast as ar } from "./components/Toast/useToast.js";
102
- import { default as sr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
103
- import { default as dr } from "./patterns/BidSnapshot/BidSnapshot.js";
104
- import { default as pr } from "./patterns/BidSnapshot/BidMessage.js";
105
- import { BidMessageVariants as ir, BidStatusEnum as xr } from "./patterns/BidSnapshot/types.js";
106
- import { default as gr } from "./patterns/FilterMenu/FilterMenu.js";
107
- import { default as Sr } from "./patterns/ObjectTile/ObjectTile.js";
108
- import { default as Tr } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
109
- import { default as Pr } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
86
+ import { default as ko } from "./components/ProgressIndicator/ProgressIndicator.js";
87
+ import { default as ho } from "./site-furniture/Footer/Footer.js";
88
+ import { default as Do } from "./site-furniture/Header/Header.js";
89
+ import { default as Ho } from "./components/AddToCalendar/AddToCalendar.js";
90
+ import { default as No } from "./components/Article/Article.js";
91
+ import { default as Go } from "./components/Countdown/Countdown.js";
92
+ import { CountdownVariants as Uo } from "./components/Countdown/types.js";
93
+ import { default as Qo } from "./components/Divider/Divider.js";
94
+ import { default as zo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
95
+ import { default as Yo } from "./components/Filter/Filter.js";
96
+ import { default as qo } from "./components/Filter/FilterInput.js";
97
+ import { default as Ko } from "./components/Filter/FilterHeader.js";
98
+ import { default as _o } from "./components/Pictogram/Pictogram.js";
99
+ import { default as er } from "./components/TextArea/TextArea.js";
100
+ import { default as or } from "./components/Toast/Toast.js";
101
+ import { ToastProvider as ar } from "./components/Toast/ToastContextProvider.js";
102
+ import { useToast as sr } from "./components/Toast/useToast.js";
103
+ import { default as dr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
104
+ import { default as pr } from "./patterns/BidSnapshot/BidSnapshot.js";
105
+ import { default as ir } from "./patterns/BidSnapshot/BidMessage.js";
106
+ import { BidMessageVariants as nr, BidStatusEnum as cr } from "./patterns/BidSnapshot/types.js";
107
+ import { default as Sr } from "./patterns/FilterMenu/FilterMenu.js";
108
+ import { default as Tr } from "./patterns/ObjectTile/ObjectTile.js";
109
+ import { default as Br } from "./patterns/CountryPicker/CountryPicker.js";
110
+ import { default as Ar } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
111
+ import { default as Vr } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
110
112
  export {
111
113
  M as Accordion,
112
114
  E as AccordionItem,
113
115
  R as AccordionItemVariant,
114
116
  U as AccordionVariants,
115
- sr as AccountPageHeader,
116
- Do as AddToCalendar,
117
- Ho as Article,
117
+ dr as AccountPageHeader,
118
+ Ho as AddToCalendar,
119
+ No as Article,
118
120
  V as AuctionStatus,
119
121
  Yt as AuthState,
120
- pr as BidMessage,
121
- ir as BidMessageVariants,
122
- dr as BidSnapshot,
123
- xr as BidStatusEnum,
122
+ ir as BidMessage,
123
+ nr as BidMessageVariants,
124
+ pr as BidSnapshot,
125
+ cr as BidStatusEnum,
124
126
  Q as Breadcrumb,
125
- h as Button,
127
+ v as Button,
126
128
  w as ButtonVariants,
127
129
  Y as Carousel,
128
130
  q as CarouselArrows,
@@ -136,41 +138,42 @@ export {
136
138
  ao as ComposedModal,
137
139
  de as ContentPeek,
138
140
  pe as ContentPeekHeightUnits,
139
- No as Countdown,
140
- Go as CountdownVariants,
141
- Tr as DescriptiveRadioButton,
142
- Pr as DescriptiveRadioButtonGroup,
141
+ Go as Countdown,
142
+ Uo as CountdownVariants,
143
+ Br as CountryPicker,
144
+ Ar as DescriptiveRadioButton,
145
+ Vr as DescriptiveRadioButtonGroup,
143
146
  ie as Detail,
144
147
  bt as DetailList,
145
- yt as DetailListAlignment,
146
- Uo as Divider,
148
+ kt as DetailListAlignment,
149
+ Qo as Divider,
147
150
  ne as Drawer,
148
- ce as Dropdown,
151
+ ge as Dropdown,
149
152
  Ce as ErrorBoundary,
150
153
  so as ExitGateCard,
151
- kt as FavoritesCollectionTile,
152
- Qo as FavoritingTileButton,
153
- zo as Filter,
154
+ ht as FavoritesCollectionTile,
155
+ zo as FavoritingTileButton,
156
+ Yo as Filter,
154
157
  So as FilterButtonIconType,
155
158
  Co as FilterButtonType,
156
- qo as FilterHeader,
157
- Yo as FilterInput,
158
- gr as FilterMenu,
159
- go as FiltersInline,
160
- yo as Footer,
161
- Be as Grid,
162
- Ae as GridItem,
159
+ Ko as FilterHeader,
160
+ qo as FilterInput,
161
+ Sr as FilterMenu,
162
+ co as FiltersInline,
163
+ ho as Footer,
164
+ Pe as Grid,
165
+ Ie as GridItem,
163
166
  Le as GridItemAlign,
164
- ko as Header,
167
+ Do as Header,
165
168
  Dt as HeroBanner,
166
169
  z as Icon,
167
170
  F as IconButton,
168
171
  be as Input,
169
172
  Ht as LanguageSelector,
170
- ye as Link,
173
+ ke as Link,
171
174
  De as LinkBlock,
172
175
  He as LinkList,
173
- ke as LinkVariants,
176
+ he as LinkVariants,
174
177
  mo as Loader,
175
178
  b as LotStatus,
176
179
  Ne as Modal,
@@ -178,18 +181,19 @@ export {
178
181
  Ue as NavigationItem,
179
182
  Qe as NavigationItemTrigger,
180
183
  ze as NavigationList,
181
- Sr as ObjectTile,
184
+ Tr as ObjectTile,
182
185
  a as PaddingTokens,
183
186
  C as Page,
184
187
  uo as PageContentWrapper,
185
188
  Ye as Pagination,
186
189
  xo as PhoneNumberPicker,
187
- Ko as Pictogram,
190
+ _o as Pictogram,
188
191
  qe as PinchZoom,
192
+ ko as ProgressIndicator,
189
193
  Ke as Row,
190
- B as SSRMediaQuery,
191
- Bo as SaleCard,
192
- Ao as SaleCardActions,
194
+ P as SSRMediaQuery,
195
+ Po as SaleCard,
196
+ Io as SaleCardActions,
193
197
  Lo as SaleCardVariants,
194
198
  Nt as SaleHeaderBanner,
195
199
  Gt as SaleHeaderBrowseAuctions,
@@ -204,19 +208,19 @@ export {
204
208
  Kt as StatefulViewingsList,
205
209
  Qt as Subscribe,
206
210
  zt as SubscriptionState,
207
- v as SupportedLanguages,
211
+ y as SupportedLanguages,
208
212
  dt as TabsContainer,
209
213
  pt as TabsContent,
210
214
  it as Tag,
211
215
  xt as TagsList,
212
216
  Ct as Text,
213
- gt as TextAlignments,
214
- _o as TextArea,
215
- Bt as TextSymbolVariants,
216
- At as TextSymbols,
217
- ct as TextVariants,
218
- er as Toast,
219
- or as ToastProvider,
217
+ ct as TextAlignments,
218
+ er as TextArea,
219
+ Pt as TextSymbolVariants,
220
+ It as TextSymbols,
221
+ gt as TextVariants,
222
+ or as Toast,
223
+ ar as ToastProvider,
220
224
  qt as UserManagement,
221
225
  Lt as Video,
222
226
  bo as ViewingDetails,
@@ -230,9 +234,9 @@ export {
230
234
  i as generatePaddingClassName,
231
235
  x as getCommonProps,
232
236
  n as noOp,
233
- g as px,
234
- P as ssrMediaQueryStyle,
235
- c as useNormalizedInputProps,
236
- I as usePendingState,
237
- ar as useToast
237
+ c as px,
238
+ B as ssrMediaQueryStyle,
239
+ g as useNormalizedInputProps,
240
+ A as usePendingState,
241
+ sr as useToast
238
242
  };
@@ -0,0 +1,84 @@
1
+ import * as m from "react";
2
+ import { createContextScope as $ } from "../../react-context/dist/index.js";
3
+ import { Primitive as c } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
4
+ import { jsx as l } from "react/jsx-runtime";
5
+ var u = "Progress", d = 100, [I, C] = $(u), [h, R] = I(u), f = m.forwardRef(
6
+ (r, e) => {
7
+ const {
8
+ __scopeProgress: i,
9
+ value: o = null,
10
+ max: a,
11
+ getValueLabel: x = E,
12
+ ...N
13
+ } = r;
14
+ (a || a === 0) && !v(a) && console.error(M(`${a}`, "Progress"));
15
+ const t = v(a) ? a : d;
16
+ o !== null && !p(o, t) && console.error(V(`${o}`, "Progress"));
17
+ const s = p(o, t) ? o : null, b = n(s) ? x(s, t) : void 0;
18
+ return /* @__PURE__ */ l(h, { scope: i, value: s, max: t, children: /* @__PURE__ */ l(
19
+ c.div,
20
+ {
21
+ "aria-valuemax": t,
22
+ "aria-valuemin": 0,
23
+ "aria-valuenow": n(s) ? s : void 0,
24
+ "aria-valuetext": b,
25
+ role: "progressbar",
26
+ "data-state": P(s, t),
27
+ "data-value": s ?? void 0,
28
+ "data-max": t,
29
+ ...N,
30
+ ref: e
31
+ }
32
+ ) });
33
+ }
34
+ );
35
+ f.displayName = u;
36
+ var g = "ProgressIndicator", _ = m.forwardRef(
37
+ (r, e) => {
38
+ const { __scopeProgress: i, ...o } = r, a = R(g, i);
39
+ return /* @__PURE__ */ l(
40
+ c.div,
41
+ {
42
+ "data-state": P(a.value, a.max),
43
+ "data-value": a.value ?? void 0,
44
+ "data-max": a.max,
45
+ ...o,
46
+ ref: e
47
+ }
48
+ );
49
+ }
50
+ );
51
+ _.displayName = g;
52
+ function E(r, e) {
53
+ return `${Math.round(r / e * 100)}%`;
54
+ }
55
+ function P(r, e) {
56
+ return r == null ? "indeterminate" : r === e ? "complete" : "loading";
57
+ }
58
+ function n(r) {
59
+ return typeof r == "number";
60
+ }
61
+ function v(r) {
62
+ return n(r) && !isNaN(r) && r > 0;
63
+ }
64
+ function p(r, e) {
65
+ return n(r) && !isNaN(r) && r <= e && r >= 0;
66
+ }
67
+ function M(r, e) {
68
+ return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
69
+ }
70
+ function V(r, e) {
71
+ return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
72
+ - a positive number
73
+ - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
74
+ - \`null\` or \`undefined\` if the progress is indeterminate.
75
+
76
+ Defaulting to \`null\`.`;
77
+ }
78
+ var D = f;
79
+ export {
80
+ f as Progress,
81
+ _ as ProgressIndicator,
82
+ D as Root,
83
+ C as createProgressScope
84
+ };
@@ -0,0 +1,32 @@
1
+ import * as f from "react";
2
+ import "react-dom";
3
+ import { createSlot as l } from "../../react-slot/dist/index.js";
4
+ import { jsx as n } from "react/jsx-runtime";
5
+ var u = [
6
+ "a",
7
+ "button",
8
+ "div",
9
+ "form",
10
+ "h2",
11
+ "h3",
12
+ "img",
13
+ "input",
14
+ "label",
15
+ "li",
16
+ "nav",
17
+ "ol",
18
+ "p",
19
+ "select",
20
+ "span",
21
+ "svg",
22
+ "ul"
23
+ ], w = u.reduce((t, i) => {
24
+ const o = l(`Primitive.${i}`), r = f.forwardRef((e, m) => {
25
+ const { asChild: a, ...p } = e, s = a ? o : i;
26
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(s, { ...p, ref: m });
27
+ });
28
+ return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
29
+ }, {});
30
+ export {
31
+ w as Primitive
32
+ };
@@ -0,0 +1,49 @@
1
+ import * as l from "react";
2
+ import { composeRefs as m } from "../../../../../react-compose-refs/dist/index.js";
3
+ import { jsx as u } from "react/jsx-runtime";
4
+ // @__NO_SIDE_EFFECTS__
5
+ function b(e) {
6
+ const r = /* @__PURE__ */ y(e), t = l.forwardRef((o, n) => {
7
+ const { children: i, ...c } = o, s = l.Children.toArray(i), a = s.find(E);
8
+ if (a) {
9
+ const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
10
+ return /* @__PURE__ */ u(r, { ...c, ref: n, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
11
+ }
12
+ return /* @__PURE__ */ u(r, { ...c, ref: n, children: i });
13
+ });
14
+ return t.displayName = `${e}.Slot`, t;
15
+ }
16
+ // @__NO_SIDE_EFFECTS__
17
+ function y(e) {
18
+ const r = l.forwardRef((t, o) => {
19
+ const { children: n, ...i } = t;
20
+ if (l.isValidElement(n)) {
21
+ const c = S(n), s = C(i, n.props);
22
+ return n.type !== l.Fragment && (s.ref = o ? m(o, c) : c), l.cloneElement(n, s);
23
+ }
24
+ return l.Children.count(n) > 1 ? l.Children.only(null) : null;
25
+ });
26
+ return r.displayName = `${e}.SlotClone`, r;
27
+ }
28
+ var g = Symbol("radix.slottable");
29
+ function E(e) {
30
+ return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
31
+ }
32
+ function C(e, r) {
33
+ const t = { ...r };
34
+ for (const o in r) {
35
+ const n = e[o], i = r[o];
36
+ /^on[A-Z]/.test(o) ? n && i ? t[o] = (...s) => {
37
+ const a = i(...s);
38
+ return n(...s), a;
39
+ } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...i } : o === "className" && (t[o] = [n, i].filter(Boolean).join(" "));
40
+ }
41
+ return { ...e, ...t };
42
+ }
43
+ function S(e) {
44
+ let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
45
+ return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
46
+ }
47
+ export {
48
+ b as createSlot
49
+ };
@@ -0,0 +1,14 @@
1
+ import { CountryPickerTriggerProps } from './CountryPickerTrigger';
2
+ import { CountryPickerModalProps } from './CountryPickerModal';
3
+ import { CommonProps, PrependTrigger, PhoneConfig, CountryConfig } from './types';
4
+ /**
5
+ * Props for the CountryPicker component.
6
+ * Combines:
7
+ * - CommonProps (excluding variantConfig, which is provided by PhoneConfig or CountryConfig)
8
+ * - Discriminated union for picker mode (PhoneConfig | CountryConfig)
9
+ * - Modal props
10
+ * - PrependTrigger utility for trigger props
11
+ */
12
+ export type CountryPickerProps = Omit<CommonProps, 'variantConfig'> & (PhoneConfig | CountryConfig) & CountryPickerModalProps & PrependTrigger<Omit<CountryPickerTriggerProps, 'baseClassName'>>;
13
+ declare const CountryPicker: import('react').ForwardRefExoticComponent<CountryPickerProps & import('react').RefAttributes<HTMLButtonElement>>;
14
+ export default CountryPicker;