@payfit/unity-components 2.64.5 → 2.65.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.
- package/dist/esm/components/dialog/Dialog.d.ts +22 -1
- package/dist/esm/components/dialog/Dialog.js +16 -3
- package/dist/esm/components/dialog/parts/DialogTitle.js +5 -1
- package/dist/esm/components/skeleton/Skeleton.d.ts +90 -0
- package/dist/esm/components/skeleton/Skeleton.js +47 -0
- package/dist/esm/components/skeleton/figma/SkeletonRectangular.figma.d.ts +7 -0
- package/dist/esm/components/skeleton/figma/SkeletonText.figma.d.ts +7 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +173 -172
- package/package.json +7 -7
- package/src/agent-references/component-catalog.json +15 -0
- /package/dist/esm/components/{collapsible-group/figma/CollapsibleGroup.figma.d.ts → skeleton/figma/SkeletonCircular.figma.d.ts} +0 -0
|
@@ -5,9 +5,16 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
5
5
|
size: {
|
|
6
6
|
sm: {
|
|
7
7
|
wrapper: string;
|
|
8
|
+
content: string[];
|
|
8
9
|
};
|
|
9
10
|
md: {
|
|
10
11
|
wrapper: string;
|
|
12
|
+
content: string[];
|
|
13
|
+
};
|
|
14
|
+
lg: {
|
|
15
|
+
wrapper: string;
|
|
16
|
+
content: string[];
|
|
17
|
+
dismissIcon: string;
|
|
11
18
|
};
|
|
12
19
|
};
|
|
13
20
|
}, {
|
|
@@ -19,9 +26,16 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
19
26
|
size: {
|
|
20
27
|
sm: {
|
|
21
28
|
wrapper: string;
|
|
29
|
+
content: string[];
|
|
22
30
|
};
|
|
23
31
|
md: {
|
|
24
32
|
wrapper: string;
|
|
33
|
+
content: string[];
|
|
34
|
+
};
|
|
35
|
+
lg: {
|
|
36
|
+
wrapper: string;
|
|
37
|
+
content: string[];
|
|
38
|
+
dismissIcon: string;
|
|
25
39
|
};
|
|
26
40
|
};
|
|
27
41
|
}, {
|
|
@@ -33,9 +47,16 @@ export declare const dialog: import('tailwind-variants').TVReturnType<{
|
|
|
33
47
|
size: {
|
|
34
48
|
sm: {
|
|
35
49
|
wrapper: string;
|
|
50
|
+
content: string[];
|
|
36
51
|
};
|
|
37
52
|
md: {
|
|
38
53
|
wrapper: string;
|
|
54
|
+
content: string[];
|
|
55
|
+
};
|
|
56
|
+
lg: {
|
|
57
|
+
wrapper: string;
|
|
58
|
+
content: string[];
|
|
59
|
+
dismissIcon: string;
|
|
39
60
|
};
|
|
40
61
|
};
|
|
41
62
|
}, {
|
|
@@ -71,7 +92,7 @@ export interface DialogProps extends PropsWithChildren<VariantProps<typeof dialo
|
|
|
71
92
|
* @param props.isOpen - Controls the open state in controlled mode
|
|
72
93
|
* @param props.onOpenChange - Callback fired when open state changes
|
|
73
94
|
* @param props.isDismissable - Whether the dialog can be dismissed by clicking outside or pressing Escape
|
|
74
|
-
* @param props.size - The size variant of the dialog (sm, md)
|
|
95
|
+
* @param props.size - The size variant of the dialog (sm, md, lg)
|
|
75
96
|
* @param props.aria-label - Accessible label when DialogTitle is not provided
|
|
76
97
|
* @see {@link DialogProps} for all available props
|
|
77
98
|
* @example
|
|
@@ -31,14 +31,27 @@ var h = a({
|
|
|
31
31
|
],
|
|
32
32
|
content: [
|
|
33
33
|
"uy:group/dialog",
|
|
34
|
-
"uy:grid
|
|
34
|
+
"uy:grid",
|
|
35
|
+
"uy:grid-rows-[auto_minmax(0,1fr)_auto]",
|
|
36
|
+
"uy:min-h-0 uy:max-h-[calc(95dvh-var(--uy-spacing-400)-var(--uy-spacing-300))]",
|
|
35
37
|
"uy:outline-none"
|
|
36
38
|
],
|
|
37
39
|
dismissIcon: ["uy:absolute uy:right-200 uy:top-200 uy:z-20"]
|
|
38
40
|
},
|
|
39
41
|
variants: { size: {
|
|
40
|
-
sm: {
|
|
41
|
-
|
|
42
|
+
sm: {
|
|
43
|
+
wrapper: "uy:md:w-4/12 uy:md:max-w-62.5",
|
|
44
|
+
content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing-400)*2))]"]
|
|
45
|
+
},
|
|
46
|
+
md: {
|
|
47
|
+
wrapper: "uy:md:w-5/12 uy:md:max-w-80",
|
|
48
|
+
content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing-400)*2))]"]
|
|
49
|
+
},
|
|
50
|
+
lg: {
|
|
51
|
+
wrapper: "uy:md:w-11/12 uy:md:max-w-[1000px] uy:md:rounded-300 uy:md:pt-9 uy:md:px-500 uy:md:pb-400",
|
|
52
|
+
content: ["uy:md:max-h-[calc(82dvh-(var(--uy-spacing)*9)-var(--uy-spacing-400))]"],
|
|
53
|
+
dismissIcon: "uy:md:right-300 uy:md:top-300"
|
|
54
|
+
}
|
|
42
55
|
} },
|
|
43
56
|
defaultVariants: { size: "md" }
|
|
44
57
|
}), g = (e) => {
|
|
@@ -2,7 +2,11 @@ import { uyTv as e } from "@payfit/unity-themes";
|
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { Heading as n } from "react-aria-components/Heading";
|
|
4
4
|
//#region src/components/dialog/parts/DialogTitle.tsx
|
|
5
|
-
var r = e({ base: [
|
|
5
|
+
var r = e({ base: [
|
|
6
|
+
"uy:typography-h2 uy:md:typography-h3",
|
|
7
|
+
"uy:md:group-data-[unity-size=lg]/dialog:typography-h1",
|
|
8
|
+
"uy:mb-200"
|
|
9
|
+
] }), i = ({ children: e }) => /* @__PURE__ */ t(n, {
|
|
6
10
|
slot: "title",
|
|
7
11
|
className: r(),
|
|
8
12
|
"data-dd-privacy": "allow",
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Unity typography styles that `Skeleton` can mirror when `variant="text"`.
|
|
4
|
+
* Use the same style as the content that the placeholder will replace so its
|
|
5
|
+
* line height and vertical rhythm remain stable while data loads.
|
|
6
|
+
*/
|
|
7
|
+
export type SkeletonTextVariant = 'displayHeading' | 'h1' | 'h2' | 'h3' | 'h4' | 'overline' | 'subtitle' | 'displayTitle' | 'displayBody' | 'body' | 'bodyStrong' | 'bodySmall' | 'bodySmallStrong' | 'bodyLarge' | 'bodyLargeStrong' | 'action' | 'actionLarge' | 'actionSmall' | 'actionInfo';
|
|
8
|
+
type SkeletonBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'aria-hidden'> & {
|
|
9
|
+
'aria-hidden'?: boolean;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Props for {@link Skeleton}.
|
|
13
|
+
* Set `variant="text"` to expose the optional `textVariant` prop. Rectangular
|
|
14
|
+
* and circular placeholders intentionally reject `textVariant` so consumers
|
|
15
|
+
* cannot accidentally apply typography styles to non-text shapes.
|
|
16
|
+
* @property variant - Selects `rectangular`, `circular`, or `text`; defaults to
|
|
17
|
+
* `rectangular`.
|
|
18
|
+
* @property textVariant - Selects the Unity typography style for a text
|
|
19
|
+
* skeleton. It has an effect only when `variant="text"`.
|
|
20
|
+
* @property className - Adds layout and sizing classes. Use `uy:w-*` and
|
|
21
|
+
* `uy:h-*` for rectangular placeholders, `uy:size-*` for circular
|
|
22
|
+
* placeholders, and `ch`-based width classes such as `uy:w-[24ch]` for text.
|
|
23
|
+
* @property aria-hidden - Hides the placeholder from assistive technologies;
|
|
24
|
+
* defaults to `true` because the shape is normally decorative.
|
|
25
|
+
* @see {@link SkeletonTextVariant} for the available text styles.
|
|
26
|
+
*/
|
|
27
|
+
export type SkeletonProps = SkeletonBaseProps & ({
|
|
28
|
+
variant?: 'rectangular' | 'circular';
|
|
29
|
+
textVariant?: never;
|
|
30
|
+
} | {
|
|
31
|
+
variant: 'text';
|
|
32
|
+
textVariant?: SkeletonTextVariant;
|
|
33
|
+
});
|
|
34
|
+
/**
|
|
35
|
+
* Reserves the shape and rhythm of content while its data loads.
|
|
36
|
+
* Use `Skeleton` inside a stable layout when the final content dimensions are
|
|
37
|
+
* known but the content itself is not available yet. Choose a shape with
|
|
38
|
+
* `variant`, mirror text with `textVariant`, and pass explicit Unity sizing
|
|
39
|
+
* classes through `className`.
|
|
40
|
+
* @param props - Placeholder content, shape, typography, sizing, and HTML
|
|
41
|
+
* attributes.
|
|
42
|
+
* @param props.variant - Selects the placeholder shape. It defaults to
|
|
43
|
+
* `"rectangular"`; use `"circular"` for avatar-like content and `"text"` for
|
|
44
|
+
* typography-shaped content.
|
|
45
|
+
* @param props.textVariant - Selects the Unity typography style when
|
|
46
|
+
* `variant="text"`, such as `"h2"`, `"body"`, or `"bodySmallStrong"`.
|
|
47
|
+
* @param props.className - Supplies the dimensions and layout. Use
|
|
48
|
+
* `uy:w-*`/`uy:h-*` for rectangular shapes, `uy:size-*` for circular shapes,
|
|
49
|
+
* and `uy:w-[##ch]` for text widths that approximate the expected copy.
|
|
50
|
+
* `Skeleton` merges these classes with its generated visual styles so the
|
|
51
|
+
* variant's neutral background, animation, and shape treatment remain intact.
|
|
52
|
+
* @param props.aria-hidden - Defaults to `true` and keeps the decorative
|
|
53
|
+
* placeholder out of the accessibility tree. Set it to `false` only when the
|
|
54
|
+
* placeholder itself conveys information that users of assistive technology
|
|
55
|
+
* need to receive.
|
|
56
|
+
* @example
|
|
57
|
+
* ```tsx
|
|
58
|
+
* import { Skeleton } from '@payfit/unity-components'
|
|
59
|
+
*
|
|
60
|
+
* export function EmployeeCard({ isLoading }: { isLoading: boolean }) {
|
|
61
|
+
* return (
|
|
62
|
+
* <section aria-busy={isLoading} aria-label="Employee profile">
|
|
63
|
+
* {isLoading ? (
|
|
64
|
+
* <>
|
|
65
|
+
* <Skeleton variant="circular" className="uy:size-600" />
|
|
66
|
+
* <Skeleton
|
|
67
|
+
* variant="text"
|
|
68
|
+
* textVariant="h2"
|
|
69
|
+
* className="uy:w-[18ch]"
|
|
70
|
+
* />
|
|
71
|
+
* </>
|
|
72
|
+
* ) : (
|
|
73
|
+
* <h2>Ada Lovelace</h2>
|
|
74
|
+
* )}
|
|
75
|
+
* </section>
|
|
76
|
+
* )
|
|
77
|
+
* }
|
|
78
|
+
* ```
|
|
79
|
+
* @remarks
|
|
80
|
+
* Keep `Skeleton` itself decorative and expose loading semantics on the
|
|
81
|
+
* containing region with `aria-busy` and an accessible label. The component
|
|
82
|
+
* renders a `div` and forwards standard `HTMLAttributes<HTMLDivElement>` and
|
|
83
|
+
* its ref, so it does not provide interactive behavior or focus management.
|
|
84
|
+
* @see {@link SkeletonProps} for the complete prop contract.
|
|
85
|
+
* @see {@link SkeletonTextVariant} for text style values.
|
|
86
|
+
* @see [Figma component design](https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=22530-2318)
|
|
87
|
+
* @see [Zeroheight Skeleton documentation](https://www.payfit.design/24f360409/v/latest/p/87f013)
|
|
88
|
+
*/
|
|
89
|
+
export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
90
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { forwardRef as e } from "react";
|
|
2
|
+
import { uyMerge as t, uyTv as n } from "@payfit/unity-themes";
|
|
3
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/skeleton/Skeleton.tsx
|
|
5
|
+
var i = n({
|
|
6
|
+
base: "uy:bg-surface-neutral-disabled uy:animate-pulse",
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
rectangular: "uy:rounded-50",
|
|
10
|
+
circular: "uy:rounded-circle",
|
|
11
|
+
text: "uy:inline-block uy:h-[1em] uy:my-[calc((1lh-1em)/2)] uy:rounded-50"
|
|
12
|
+
},
|
|
13
|
+
textVariant: {
|
|
14
|
+
displayHeading: "uy:typography-display-heading",
|
|
15
|
+
h1: "uy:typography-h1",
|
|
16
|
+
h2: "uy:typography-h2",
|
|
17
|
+
h3: "uy:typography-h3",
|
|
18
|
+
h4: "uy:typography-h4",
|
|
19
|
+
overline: "uy:typography-overline",
|
|
20
|
+
subtitle: "uy:typography-subtitle",
|
|
21
|
+
displayTitle: "uy:typography-display-title",
|
|
22
|
+
displayBody: "uy:typography-display-body",
|
|
23
|
+
body: "uy:typography-body",
|
|
24
|
+
bodyStrong: "uy:typography-body-strong",
|
|
25
|
+
bodySmall: "uy:typography-body-small",
|
|
26
|
+
bodySmallStrong: "uy:typography-body-small-strong",
|
|
27
|
+
bodyLarge: "uy:typography-body-large",
|
|
28
|
+
bodyLargeStrong: "uy:typography-body-large-strong",
|
|
29
|
+
action: "uy:typography-action",
|
|
30
|
+
actionLarge: "uy:typography-body-large",
|
|
31
|
+
actionSmall: "uy:typography-body-small",
|
|
32
|
+
actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: { variant: "rectangular" }
|
|
36
|
+
}), a = e(({ variant: e = "rectangular", textVariant: n, className: a, "aria-hidden": o = !0, ...s }, c) => /* @__PURE__ */ r("div", {
|
|
37
|
+
ref: c,
|
|
38
|
+
"aria-hidden": o,
|
|
39
|
+
className: t(a, i({
|
|
40
|
+
variant: e,
|
|
41
|
+
textVariant: n
|
|
42
|
+
})),
|
|
43
|
+
...s
|
|
44
|
+
}));
|
|
45
|
+
a.displayName = "Skeleton";
|
|
46
|
+
//#endregion
|
|
47
|
+
export { a as Skeleton };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export * from './components/checkbox/CheckboxStandalone.js';
|
|
|
53
53
|
export * from './components/collapsible/Collapsible.js';
|
|
54
54
|
export * from './components/collapsible/parts/CollapsibleContent.js';
|
|
55
55
|
export * from './components/collapsible/parts/CollapsibleTitle.js';
|
|
56
|
+
export * from './components/collapsible-group/CollapsibleGroup.js';
|
|
56
57
|
export * from './components/data-table/DataTable.js';
|
|
57
58
|
export * from './components/data-table/parts/DataTableRoot.js';
|
|
58
59
|
export * from './components/data-table/parts/DataTableBulkActions.js';
|
|
@@ -161,6 +162,7 @@ export * from './components/radio-button-group/RadioButtonGroup.js';
|
|
|
161
162
|
export * from './components/radio-button-group/parts/RadioButton.js';
|
|
162
163
|
export * from './components/radio-button-group/parts/RadioButtonHelper.js';
|
|
163
164
|
export * from './components/search/Search.js';
|
|
165
|
+
export * from './components/skeleton/Skeleton.js';
|
|
164
166
|
export * from './components/segmented-button-group/SegmentedButtonGroup.js';
|
|
165
167
|
export * from './components/segmented-button-group/parts/ToggleButton.js';
|
|
166
168
|
export * from './components/selectable-button-group/SelectableButtonGroup.js';
|
|
@@ -242,4 +244,3 @@ export { useFieldA11yContext } from './components/form-field/TanstackFormField.c
|
|
|
242
244
|
export { fieldRevalidateLogic } from './utils/field-revalidate-logic.js';
|
|
243
245
|
export type { FieldRevalidateLogicProps } from './utils/field-revalidate-logic.js';
|
|
244
246
|
export * from './providers/router/RouterProvider.js';
|
|
245
|
-
export * from './components/collapsible-group/CollapsibleGroup.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -73,175 +73,176 @@ import { CheckboxStandalone as We } from "./components/checkbox/CheckboxStandalo
|
|
|
73
73
|
import { Collapsible as Ge } from "./components/collapsible/Collapsible.js";
|
|
74
74
|
import { CollapsibleContent as Ke } from "./components/collapsible/parts/CollapsibleContent.js";
|
|
75
75
|
import { CollapsibleTitle as qe } from "./components/collapsible/parts/CollapsibleTitle.js";
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import {
|
|
123
|
-
import {
|
|
124
|
-
import {
|
|
125
|
-
import {
|
|
126
|
-
import {
|
|
127
|
-
import {
|
|
128
|
-
import {
|
|
129
|
-
import {
|
|
130
|
-
import {
|
|
131
|
-
import {
|
|
132
|
-
import {
|
|
133
|
-
import {
|
|
134
|
-
import {
|
|
135
|
-
import {
|
|
136
|
-
import {
|
|
137
|
-
import {
|
|
138
|
-
import {
|
|
139
|
-
import {
|
|
140
|
-
import {
|
|
141
|
-
import {
|
|
142
|
-
import {
|
|
143
|
-
import {
|
|
144
|
-
import {
|
|
145
|
-
import {
|
|
146
|
-
import {
|
|
147
|
-
import {
|
|
148
|
-
import {
|
|
149
|
-
import {
|
|
150
|
-
import {
|
|
151
|
-
import {
|
|
152
|
-
import {
|
|
153
|
-
import {
|
|
154
|
-
import {
|
|
155
|
-
import {
|
|
156
|
-
import {
|
|
157
|
-
import {
|
|
158
|
-
import {
|
|
159
|
-
import {
|
|
160
|
-
import {
|
|
161
|
-
import {
|
|
162
|
-
import {
|
|
163
|
-
import {
|
|
164
|
-
import {
|
|
165
|
-
import {
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
171
|
-
import {
|
|
172
|
-
import {
|
|
173
|
-
import {
|
|
174
|
-
import {
|
|
175
|
-
import {
|
|
176
|
-
import {
|
|
177
|
-
import {
|
|
178
|
-
import {
|
|
179
|
-
import {
|
|
180
|
-
import {
|
|
181
|
-
import {
|
|
182
|
-
import {
|
|
183
|
-
import {
|
|
184
|
-
import {
|
|
185
|
-
import {
|
|
186
|
-
import {
|
|
187
|
-
import {
|
|
188
|
-
import {
|
|
189
|
-
import {
|
|
190
|
-
import {
|
|
191
|
-
import {
|
|
192
|
-
import {
|
|
193
|
-
import {
|
|
194
|
-
import {
|
|
195
|
-
import {
|
|
196
|
-
import {
|
|
197
|
-
import {
|
|
198
|
-
import {
|
|
199
|
-
import {
|
|
200
|
-
import {
|
|
201
|
-
import {
|
|
202
|
-
import {
|
|
203
|
-
import {
|
|
204
|
-
import {
|
|
205
|
-
import {
|
|
206
|
-
import {
|
|
207
|
-
import {
|
|
208
|
-
import {
|
|
209
|
-
import {
|
|
210
|
-
import {
|
|
211
|
-
import {
|
|
212
|
-
import {
|
|
213
|
-
import {
|
|
214
|
-
import {
|
|
215
|
-
import {
|
|
216
|
-
import {
|
|
217
|
-
import {
|
|
218
|
-
import {
|
|
219
|
-
import {
|
|
220
|
-
import {
|
|
221
|
-
import {
|
|
222
|
-
import {
|
|
223
|
-
import {
|
|
224
|
-
import {
|
|
225
|
-
import {
|
|
226
|
-
import {
|
|
227
|
-
import {
|
|
228
|
-
import {
|
|
229
|
-
import {
|
|
230
|
-
import {
|
|
231
|
-
import {
|
|
232
|
-
import {
|
|
233
|
-
import {
|
|
234
|
-
import {
|
|
235
|
-
import {
|
|
236
|
-
import {
|
|
237
|
-
import {
|
|
238
|
-
import {
|
|
239
|
-
import {
|
|
240
|
-
import {
|
|
241
|
-
import {
|
|
242
|
-
import {
|
|
243
|
-
import {
|
|
244
|
-
import {
|
|
245
|
-
import {
|
|
246
|
-
import {
|
|
247
|
-
|
|
76
|
+
import { CollapsibleGroup as Je } from "./components/collapsible-group/CollapsibleGroup.js";
|
|
77
|
+
import { TableBody as Ye, tableBody as Xe } from "./components/table/parts/TableBody.js";
|
|
78
|
+
import { TableColumnHeader as Ze, tableColumnHeader as Qe } from "./components/table/parts/TableColumnHeader.js";
|
|
79
|
+
import { EmptyState as $e } from "./components/empty-state/EmptyState.js";
|
|
80
|
+
import { EmptyStateActions as et } from "./components/empty-state/parts/EmptyStateActions.js";
|
|
81
|
+
import { EmptyStateContent as tt } from "./components/empty-state/parts/EmptyStateContent.js";
|
|
82
|
+
import { EmptyStateIcon as nt } from "./components/empty-state/parts/EmptyStateIcon.js";
|
|
83
|
+
import { TableEmptyState as rt, TableEmptyStateError as it, TableEmptyStateLoading as at, TableEmptyStateNoData as ot, TableEmptyStateText as st, TableNoSearchResults as ct, tableEmptyState as lt } from "./components/table/parts/TableEmptyState.js";
|
|
84
|
+
import { TableHeader as ut, tableHeader as dt } from "./components/table/parts/TableHeader.js";
|
|
85
|
+
import { SelectOption as ft } from "./components/select/parts/SelectOption.js";
|
|
86
|
+
import { Search as pt, search as mt } from "./components/search/Search.js";
|
|
87
|
+
import { SelectButton as ht } from "./components/select/parts/SelectButton.js";
|
|
88
|
+
import { Select as gt } from "./components/select/Select.js";
|
|
89
|
+
import { TablePagination as _t, tablePagination as vt } from "./components/table/parts/TablePagination.js";
|
|
90
|
+
import { Table as yt, TableRoot as bt } from "./components/table/Table.js";
|
|
91
|
+
import { DataTable as xt } from "./components/data-table/DataTable.js";
|
|
92
|
+
import { DataTableRoot as St, dataTableRoot as Ct } from "./components/data-table/parts/DataTableRoot.js";
|
|
93
|
+
import { DataTableBulkActions as wt } from "./components/data-table/parts/DataTableBulkActions.js";
|
|
94
|
+
import { DateCalendar as Tt } from "./components/date-calendar/DateCalendar.js";
|
|
95
|
+
import { DatePicker as Et } from "./components/date-picker/DatePicker.js";
|
|
96
|
+
import { DateRangeCalendar as Dt } from "./components/date-range-calendar/DateRangeCalendar.js";
|
|
97
|
+
import { DateRangePicker as Ot } from "./components/date-range-picker/DateRangePicker.js";
|
|
98
|
+
import { DefinitionList as kt } from "./components/definition-list/DefinitionList.js";
|
|
99
|
+
import { DefinitionItem as At } from "./components/definition-list/parts/DefinitionItem.js";
|
|
100
|
+
import { DefinitionTooltip as jt } from "./components/definition-tooltip/DefinitionTooltip.js";
|
|
101
|
+
import { DialogActions as Mt } from "./components/dialog/parts/DialogActions.js";
|
|
102
|
+
import { DialogButton as Nt } from "./components/dialog/parts/DialogActions/DialogButton.js";
|
|
103
|
+
import { Dialog as Pt, DialogTrigger as Ft, dialog as It } from "./components/dialog/Dialog.js";
|
|
104
|
+
import { DialogContent as Lt } from "./components/dialog/parts/DialogContent.js";
|
|
105
|
+
import { DialogTitle as Rt } from "./components/dialog/parts/DialogTitle.js";
|
|
106
|
+
import { PromoDialogActions as zt } from "./components/promo-dialog/parts/PromoDialogActions.js";
|
|
107
|
+
import { PromoDialogHero as Bt } from "./components/promo-dialog/parts/PromoDialogHero.js";
|
|
108
|
+
import { PromoDialogTitle as Vt } from "./components/promo-dialog/parts/PromoDialogTitle.js";
|
|
109
|
+
import { PromoDialog as Ht, promoDialog as Ut } from "./components/promo-dialog/PromoDialog.js";
|
|
110
|
+
import { PromoDialogSubtitle as Wt } from "./components/promo-dialog/parts/PromoDialogSubtitle.js";
|
|
111
|
+
import { PromoDialogContent as Gt } from "./components/promo-dialog/parts/PromoDialogContent.js";
|
|
112
|
+
import { EmptyStateGetStarted as Kt } from "./components/empty-state/presets/EmptyStateGetStarted.js";
|
|
113
|
+
import { EmptyStateWaitingForData as qt } from "./components/empty-state/presets/EmptyStateWaitingForData.js";
|
|
114
|
+
import { EmptyStateGoodJob as Jt } from "./components/empty-state/presets/EmptyStateGoodJob.js";
|
|
115
|
+
import { EmptyStateUpgradeRequired as Yt } from "./components/empty-state/presets/EmptyStateUpgradeRequired.js";
|
|
116
|
+
import { EmptyStateNoSearchResults as Xt } from "./components/empty-state/presets/EmptyStateNoSearchResults.js";
|
|
117
|
+
import { EmptyStateUseDesktop as Zt } from "./components/empty-state/presets/EmptyStateUseDesktop.js";
|
|
118
|
+
import { useContainerQueryLevel as Qt } from "./hooks/use-container-query-level.js";
|
|
119
|
+
import { ErrorState as $t, errorState as en } from "./components/error-state/ErrorState.js";
|
|
120
|
+
import { Fieldset as tn, fieldset as nn } from "./components/fieldset/Fieldset.js";
|
|
121
|
+
import { FieldGroup as rn } from "./components/fieldset/parts/FieldGroup.js";
|
|
122
|
+
import { Filter as an, FilterControls as on, FilterLabels as sn, filterContainer as cn, filterDismissButton as ln } from "./components/filter/Filter.js";
|
|
123
|
+
import { FloatingActionBar as un, floatingActionBar as dn } from "./components/floating-action-bar/FloatingActionBar.js";
|
|
124
|
+
import { FilterAdapters as fn } from "./components/filter-toolbar/utils/filter-adapters.js";
|
|
125
|
+
import { FilterToolbar as pn, filterToolbar as mn } from "./components/filter-toolbar/FilterToolbar.js";
|
|
126
|
+
import { flex as hn, flexItem as gn } from "./components/flex/Flex.variants.js";
|
|
127
|
+
import { Flex as _n, Stack as vn } from "./components/flex/Flex.js";
|
|
128
|
+
import { FlexItem as yn, StackItem as bn } from "./components/flex/FlexItem.js";
|
|
129
|
+
import { Form as xn } from "./components/form/Form.js";
|
|
130
|
+
import { FullPageLoader as Sn, fullPageLoader as Cn } from "./components/full-page-loader/FullPageLoader.js";
|
|
131
|
+
import { SkipLink as wn, SkipLinks as Tn } from "./components/skip-links/SkipLinks.js";
|
|
132
|
+
import { FunnelLayout as En, funnelLayout as Dn } from "./components/funnel-layout/FunnelLayout.js";
|
|
133
|
+
import { FunnelBody as On, funnelBody as kn } from "./components/funnel-layout/parts/FunnelBody.js";
|
|
134
|
+
import { FunnelPage as An, funnelPage as jn } from "./components/funnel-layout/parts/FunnelPage.js";
|
|
135
|
+
import { FunnelPageAction as Mn } from "./components/funnel-layout/parts/FunnelPageAction.js";
|
|
136
|
+
import { FunnelPageActions as Nn, funnelPageActions as Pn } from "./components/funnel-layout/parts/FunnelPageActions.js";
|
|
137
|
+
import { FunnelPageContent as Fn, funnelPageContent as In } from "./components/funnel-layout/parts/FunnelPageContent.js";
|
|
138
|
+
import { FunnelBackButton as Ln } from "./components/funnel-layout/parts/FunnelBackButton.js";
|
|
139
|
+
import { FunnelPageFooter as Rn, funnelPageFooter as zn } from "./components/funnel-layout/parts/FunnelPageFooter.js";
|
|
140
|
+
import { FunnelPageHeader as Bn, funnelPageHeader as Vn } from "./components/funnel-layout/parts/FunnelPageHeader.js";
|
|
141
|
+
import { FunnelSidebar as Hn, funnelSidebar as Un } from "./components/funnel-layout/parts/FunnelSidebar.js";
|
|
142
|
+
import { FunnelTopBar as Wn, funnelTopBar as Gn } from "./components/funnel-layout/parts/FunnelTopBar.js";
|
|
143
|
+
import { grid as Kn, gridItem as qn } from "./components/grid/Grid.variants.js";
|
|
144
|
+
import { Grid as Jn } from "./components/grid/Grid.js";
|
|
145
|
+
import { GridItem as Yn } from "./components/grid/GridItem.js";
|
|
146
|
+
import { Input as Xn } from "./components/input/Input.js";
|
|
147
|
+
import { RawLinkButton as Zn } from "./components/link-button/RawLinkButton.js";
|
|
148
|
+
import { ListView as Qn } from "./components/list-view/ListView.js";
|
|
149
|
+
import { RawListViewItem as $n, listViewItem as er } from "./components/list-view/parts/RawListViewItem.js";
|
|
150
|
+
import { ListViewSection as tr, listViewSection as nr } from "./components/list-view/parts/ListViewSection.js";
|
|
151
|
+
import { ListViewItemLabel as rr } from "./components/list-view/parts/ListViewItemLabel.js";
|
|
152
|
+
import { ListViewItemText as ir } from "./components/list-view/parts/ListViewItemText.js";
|
|
153
|
+
import { MenuSection as ar } from "./components/menu/parts/MenuSection.js";
|
|
154
|
+
import { MultiSelect as or } from "./components/multi-select/MultiSelect.js";
|
|
155
|
+
import { MultiSelectOptGroup as sr } from "./components/multi-select/parts/MultiSelectOptGroup.js";
|
|
156
|
+
import { MultiSelectOption as cr } from "./components/multi-select/parts/MultiSelectOption.js";
|
|
157
|
+
import { Nav as lr } from "./components/nav/Nav.js";
|
|
158
|
+
import { RawNavItem as ur, navItemBase as dr } from "./components/nav/parts/RawNavItem.js";
|
|
159
|
+
import { NavGroup as fr } from "./components/nav/parts/NavGroup.js";
|
|
160
|
+
import { RawNavigationCard as pr } from "./components/navigation-card/NavigationCard.js";
|
|
161
|
+
import { NavigationCardGroup as mr, navigationCardGroup as hr } from "./components/navigation-card/parts/NavigationCardGroup.js";
|
|
162
|
+
import { NavigationCardLabel as gr } from "./components/navigation-card/parts/NavigationCardLabel.js";
|
|
163
|
+
import { NavigationCardDescription as _r } from "./components/navigation-card/parts/NavigationCardDescription.js";
|
|
164
|
+
import { NumberInput as vr, numberInput as yr } from "./components/number-input/NumberInput.js";
|
|
165
|
+
import { Page as br, page as xr } from "./components/page/Page.js";
|
|
166
|
+
import { PageHeader as Sr, pageHeader as Cr } from "./components/page/parts/PageHeader.js";
|
|
167
|
+
import { PageHeading as wr } from "./components/page/parts/PageHeading.js";
|
|
168
|
+
import { Pagination as Tr, pagination as Er } from "./components/pagination/Pagination.js";
|
|
169
|
+
import { PaginationContent as Dr, paginationContent as Or } from "./components/pagination/parts/PaginationContent.js";
|
|
170
|
+
import { PaginationItem as kr } from "./components/pagination/parts/PaginationItem.js";
|
|
171
|
+
import { RawPaginationLink as Ar, paginationLink as jr } from "./components/pagination/parts/RawPaginationLink.js";
|
|
172
|
+
import { RawPaginationPrevious as Mr } from "./components/pagination/parts/RawPaginationPrevious.js";
|
|
173
|
+
import { RawPaginationNext as Nr } from "./components/pagination/parts/RawPaginationNext.js";
|
|
174
|
+
import { PaginationEllipsis as Pr } from "./components/pagination/parts/PaginationEllipsis.js";
|
|
175
|
+
import { usePaginationWindow as Fr } from "./components/pagination/hooks/use-pagination-window.js";
|
|
176
|
+
import { usePaginationState as Ir } from "./components/pagination/hooks/use-pagination-state.js";
|
|
177
|
+
import { PhoneNumberInput as Lr } from "./components/phone-number/PhoneNumberInput.js";
|
|
178
|
+
import { Pill as Rr } from "./components/pill/Pill.js";
|
|
179
|
+
import { Popover as zr, PopoverTrigger as Br } from "./components/popover/Popover.js";
|
|
180
|
+
import { ProgressBar as Vr } from "./components/progress-bar/ProgressBar.js";
|
|
181
|
+
import { RadioButtonGroup as Hr } from "./components/radio-button-group/RadioButtonGroup.js";
|
|
182
|
+
import { RadioButtonHelper as Ur } from "./components/radio-button-group/parts/RadioButtonHelper.js";
|
|
183
|
+
import { RadioIndicator as Wr } from "./components/radio-button-group/parts/RadioIndicator.js";
|
|
184
|
+
import { RadioButton as Gr, radioButton as Kr } from "./components/radio-button-group/parts/RadioButton.js";
|
|
185
|
+
import { Skeleton as qr } from "./components/skeleton/Skeleton.js";
|
|
186
|
+
import { SegmentedButtonGroup as Jr } from "./components/segmented-button-group/SegmentedButtonGroup.js";
|
|
187
|
+
import { ToggleButton as Yr } from "./components/segmented-button-group/parts/ToggleButton.js";
|
|
188
|
+
import { SelectableButtonGroup as Xr, selectableButtonGroup as Zr } from "./components/selectable-button-group/SelectableButtonGroup.js";
|
|
189
|
+
import { SelectableButton as Qr, selectableButton as $r } from "./components/selectable-button-group/parts/SelectableButton.js";
|
|
190
|
+
import { SelectableCardCheckboxGroup as ei } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
|
|
191
|
+
import { SelectableCardCheckbox as ti } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
|
|
192
|
+
import { SelectableCardRadioGroup as ni } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
|
|
193
|
+
import { SelectableCardRadio as ri } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
|
|
194
|
+
import { SelectOptionGroup as ii } from "./components/select/parts/SelectOptionGroup.js";
|
|
195
|
+
import { SelectOptionHelper as ai } from "./components/select/parts/SelectOptionHelper.js";
|
|
196
|
+
import { SidePanel as oi, sidePanel as si } from "./components/side-panel/SidePanel.js";
|
|
197
|
+
import { SidePanelContent as ci, sidePanelContent as li } from "./components/side-panel/parts/SidePanelContent.js";
|
|
198
|
+
import { SidePanelFooter as ui, sidePanelFooter as di } from "./components/side-panel/parts/SidePanelFooter.js";
|
|
199
|
+
import { SidePanelHeader as fi, sidePanelHeader as pi } from "./components/side-panel/parts/SidePanelHeader.js";
|
|
200
|
+
import { Stepper as mi } from "./components/stepper/Stepper.js";
|
|
201
|
+
import { Step as hi } from "./components/stepper/parts/Step.js";
|
|
202
|
+
import { useStepper as gi } from "./components/stepper/hooks/useStepper.js";
|
|
203
|
+
import { TableCell as _i, tableCell as vi } from "./components/table/parts/TableCell.js";
|
|
204
|
+
import { TableRow as yi, tableRow as bi } from "./components/table/parts/TableRow.js";
|
|
205
|
+
import { Tabs as xi } from "./components/tabs/Tabs.js";
|
|
206
|
+
import { RawTab as Si } from "./components/tabs/parts/RawTab.js";
|
|
207
|
+
import { TabList as Ci } from "./components/tabs/parts/TabList.js";
|
|
208
|
+
import { TabPanel as wi } from "./components/tabs/parts/TabPanel.js";
|
|
209
|
+
import { TaskMenu as Ti, taskMenu as Ei } from "./components/task-menu/TaskMenu.js";
|
|
210
|
+
import { RawSubTask as Di, rawSubTask as Oi } from "./components/task-menu/parts/RawSubTask.js";
|
|
211
|
+
import { RawTask as ki, rawTask as Ai } from "./components/task-menu/parts/RawTask.js";
|
|
212
|
+
import { TaskGroup as ji } from "./components/task-menu/parts/TaskGroup.js";
|
|
213
|
+
import { TextArea as Mi, textArea as Ni } from "./components/text-area/TextArea.js";
|
|
214
|
+
import { Timeline as Pi } from "./components/timeline/Timeline.js";
|
|
215
|
+
import { TimelineStep as Fi } from "./components/timeline/parts/TimelineStep.js";
|
|
216
|
+
import { TimelineStepHeader as Ii } from "./components/timeline/parts/TimelineStepHeader.js";
|
|
217
|
+
import { TimelineStepDescription as Li } from "./components/timeline/parts/TimelineStepDescription.js";
|
|
218
|
+
import { TOAST_CONFIG as Ri, ToastManager as zi } from "./components/toast/ToastManager.js";
|
|
219
|
+
import { toast as Bi } from "./components/toast/toast.js";
|
|
220
|
+
import { ToggleSwitchGroup as Vi, toggleSwitchGroup as Hi } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
|
|
221
|
+
import { ToggleSwitch as Ui, toggleSwitch as Wi } from "./components/toggle-switch/ToggleSwitch.js";
|
|
222
|
+
import { useAsyncList as Gi } from "./hooks/use-async-list.js";
|
|
223
|
+
import { FormHelperText as Ki } from "./components/form-field/parts/FormHelperText.js";
|
|
224
|
+
import { RawFormContextualLink as qi } from "./components/form-field/parts/RawFormContextualLink.js";
|
|
225
|
+
import { FormField as Ji } from "./components/form-field/FormField.js";
|
|
226
|
+
import { useUnityForm as Yi } from "./hooks/use-form.js";
|
|
227
|
+
import { FormControl as Xi } from "./components/form-field/parts/FormControl.js";
|
|
228
|
+
import { FormFeedbackText as Zi } from "./components/form-field/parts/FormFeedbackText.js";
|
|
229
|
+
import { CheckboxField as Qi } from "./components/checkbox-field/CheckboxField.js";
|
|
230
|
+
import { CheckboxGroupField as $i } from "./components/checkbox-group-field/CheckboxGroupField.js";
|
|
231
|
+
import { FormLabel as ea } from "./components/form-field/parts/FormLabel.js";
|
|
232
|
+
import { DatePickerField as ta } from "./components/date-picker-field/DatePickerField.js";
|
|
233
|
+
import { MultiSelectField as na } from "./components/multi-select-field/MultiSelectField.js";
|
|
234
|
+
import { NumberField as ra, numberField as ia } from "./components/number-field/NumberField.js";
|
|
235
|
+
import { RadioButtonGroupField as aa } from "./components/radio-button-group-field/RadioButtonGroupField.js";
|
|
236
|
+
import { SelectableButtonGroupField as oa } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
|
|
237
|
+
import { SelectableCardCheckboxGroupField as sa } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
|
|
238
|
+
import { SelectableCardRadioGroupField as ca } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
|
|
239
|
+
import { SelectField as la } from "./components/select-field/SelectField.js";
|
|
240
|
+
import { TextField as ua } from "./components/text-field/TextField.js";
|
|
241
|
+
import { ToggleSwitchField as da } from "./components/toggle-switch-field/ToggleSwitchField.js";
|
|
242
|
+
import { ToggleSwitchGroupField as fa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
|
|
243
|
+
import { useFieldContext as pa, useFormContext as ma } from "./hooks/tanstack-form-context.js";
|
|
244
|
+
import { useTanstackUnityForm as ha, withFieldGroup as ga, withForm as _a } from "./hooks/use-tanstack-form.js";
|
|
245
|
+
import { tanstackFormDefaultValues as va } from "./hooks/tanstack-form-default-values.js";
|
|
246
|
+
import { useFieldA11yContext as ya } from "./components/form-field/TanstackFormField.context.js";
|
|
247
|
+
import { fieldRevalidateLogic as ba } from "./utils/field-revalidate-logic.js";
|
|
248
|
+
export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, Qi as CheckboxField, Ve as CheckboxGroup, $i as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, ta as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Pt as Dialog, Mt as DialogActions, Nt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Ft as DialogTrigger, $e as EmptyState, et as EmptyStateActions, tt as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, nt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Xi as FormControl, Zi as FormFeedbackText, Ji as FormField, Ki as FormHelperText, ea as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, na as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ra as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, aa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, qi as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Di as RawSubTask, Si as RawTab, ki as RawTask, be as RouterProvider, pt as Search, Jr as SegmentedButtonGroup, gt as Select, ht as SelectButton, la as SelectField, ft as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, oa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, sa as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, ca as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, Ri as TOAST_CONFIG, Ci as TabList, wi as TabPanel, yt as Table, Ye as TableBody, _i as TableCell, Ze as TableColumnHeader, rt as TableEmptyState, it as TableEmptyStateError, at as TableEmptyStateLoading, ot as TableEmptyStateNoData, st as TableEmptyStateText, ut as TableHeader, ct as TableNoSearchResults, _t as TablePagination, bt as TableRoot, yi as TableRow, xi as Tabs, ji as TaskGroup, Ti as TaskMenu, D as Text, Mi as TextArea, ua as TextField, Pi as Timeline, Fi as TimelineStep, Li as TimelineStepDescription, Ii as TimelineStepHeader, zi as ToastManager, Yr as ToggleButton, Ui as ToggleSwitch, da as ToggleSwitchField, Vi as ToggleSwitchGroup, fa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, It as dialog, en as errorState, ba as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, ia as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, Oi as rawSubTask, Ai as rawTask, mt as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, Xe as tableBody, vi as tableCell, Qe as tableColumnHeader, lt as tableEmptyState, dt as tableHeader, vt as tablePagination, bi as tableRow, va as tanstackFormDefaultValues, Ei as taskMenu, E as text, Ni as textArea, Bi as toast, Wi as toggleSwitch, Hi as toggleSwitchGroup, F as useAppMenuContext, Gi as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ya as useFieldA11yContext, pa as useFieldContext, ma as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ha as useTanstackUnityForm, Yi as useUnityForm, ga as withFieldGroup, _a as withForm };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.65.0",
|
|
4
4
|
"module": "./dist/esm/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"tailwind-variants": "3.3.1",
|
|
97
97
|
"usehooks-ts": "3.1.1",
|
|
98
98
|
"zod": "4.4.3",
|
|
99
|
-
"@payfit/unity-illustrations": "2.
|
|
99
|
+
"@payfit/unity-illustrations": "2.65.0"
|
|
100
100
|
},
|
|
101
101
|
"peerDependencies": {
|
|
102
102
|
"@hookform/devtools": "^4",
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
"react-hook-form": "^7",
|
|
109
109
|
"react-router-dom": "^5",
|
|
110
110
|
"zod": "^3 || ^4",
|
|
111
|
-
"@payfit/unity-icons": "2.
|
|
112
|
-
"@payfit/unity-themes": "2.
|
|
111
|
+
"@payfit/unity-icons": "2.65.0",
|
|
112
|
+
"@payfit/unity-themes": "2.65.0"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
115
|
"@figma/code-connect": "1.5.2",
|
|
@@ -159,10 +159,10 @@
|
|
|
159
159
|
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
160
160
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
161
161
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
162
|
-
"@payfit/unity-illustrations": "2.
|
|
163
|
-
"@payfit/unity-themes": "2.
|
|
162
|
+
"@payfit/unity-illustrations": "2.65.0",
|
|
163
|
+
"@payfit/unity-themes": "2.65.0",
|
|
164
164
|
"@payfit/vite-configs": "0.0.0-use.local",
|
|
165
|
-
"@payfit/unity-icons": "2.
|
|
165
|
+
"@payfit/unity-icons": "2.65.0"
|
|
166
166
|
},
|
|
167
167
|
"peerDependenciesMeta": {
|
|
168
168
|
"@hookform/devtools": {
|
|
@@ -2632,6 +2632,21 @@
|
|
|
2632
2632
|
],
|
|
2633
2633
|
"title": "SidePanel"
|
|
2634
2634
|
},
|
|
2635
|
+
{
|
|
2636
|
+
"description": "Non-interactive placeholders for content whose final layout is known while it loads.",
|
|
2637
|
+
"docsHref": "?path=/docs/component-reference-skeleton--docs",
|
|
2638
|
+
"id": "component-reference-skeleton",
|
|
2639
|
+
"keywords": ["skeleton", "loading", "placeholder", "shimmer"],
|
|
2640
|
+
"preview": {
|
|
2641
|
+
"type": "story",
|
|
2642
|
+
"story": "default",
|
|
2643
|
+
"storyId": "component-reference-skeleton--default"
|
|
2644
|
+
},
|
|
2645
|
+
"related": [],
|
|
2646
|
+
"section": "components",
|
|
2647
|
+
"tags": ["category:feedback", "behavior:async", "type:component"],
|
|
2648
|
+
"title": "Skeleton"
|
|
2649
|
+
},
|
|
2635
2650
|
{
|
|
2636
2651
|
"description": "Adds keyboard shortcuts for jumping directly to important page regions.",
|
|
2637
2652
|
"docsHref": "?path=/docs/component-reference-skiplinks--docs",
|