@payfit/unity-components 2.58.11 → 2.60.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/app-layout/AppLayout.d.ts +6 -1
- package/dist/esm/components/app-layout/AppLayout.js +26 -18
- package/dist/esm/components/app-menu/parts/AppMenuHeader.js +2 -2
- package/dist/esm/components/app-top-bar/AppTopBar.d.ts +55 -0
- package/dist/esm/components/app-top-bar/AppTopBar.js +81 -0
- package/dist/esm/components/page/Page.js +1 -1
- package/dist/esm/docs/reference/catalog/catalog.generated.d.ts +18 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +217 -216
- package/package.json +8 -8
- package/src/agent-references/component-catalog.json +15 -0
|
@@ -5,6 +5,11 @@ export type AppLayoutProps = PropsWithChildren<{
|
|
|
5
5
|
* @default undefined
|
|
6
6
|
*/
|
|
7
7
|
header?: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* The component to be displayed above the main content area
|
|
10
|
+
* @default undefined
|
|
11
|
+
*/
|
|
12
|
+
contentHeader?: ReactNode;
|
|
8
13
|
/**
|
|
9
14
|
* The menu component to be displayed on the side of the layout
|
|
10
15
|
*/
|
|
@@ -26,4 +31,4 @@ export type AppLayoutProps = PropsWithChildren<{
|
|
|
26
31
|
*
|
|
27
32
|
* The menu remains sticky while the document scrolls.
|
|
28
33
|
*/
|
|
29
|
-
export declare function AppLayout({ children, menu: MenuElement, header: HeaderElement, footer: FooterElement, withoutContentPadding, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function AppLayout({ children, menu: MenuElement, header: HeaderElement, contentHeader: ContentHeaderElement, footer: FooterElement, withoutContentPadding, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,6 +15,7 @@ var a = t({
|
|
|
15
15
|
"uy:md:h-[calc(100dvh-var(--uy-app-layout-header-sticky-offset))] uy:md:max-w-app-menu uy:md:shrink-0"
|
|
16
16
|
],
|
|
17
17
|
contentWrapper: ["uy:flex uy:min-w-0 uy:flex-1 uy:flex-col uy:relative", "uy:md:[&:has([data-unity-page])]:pl-0"],
|
|
18
|
+
contentHeader: "uy:hidden uy:md:contents",
|
|
18
19
|
content: ["uy:flex uy:flex-1 uy:flex-col", "uy:md:[&:has([data-unity-page])]:pr-0 uy:md:[&:has([data-unity-page])]:pt-0"],
|
|
19
20
|
footer: "uy:hidden uy:md:block"
|
|
20
21
|
},
|
|
@@ -33,34 +34,41 @@ var a = t({
|
|
|
33
34
|
}
|
|
34
35
|
} }
|
|
35
36
|
});
|
|
36
|
-
function o({ children: t, menu: o, header: s,
|
|
37
|
-
let
|
|
38
|
-
ref:
|
|
37
|
+
function o({ children: t, menu: o, header: s, contentHeader: c, footer: l, withoutContentPadding: u = !1 }) {
|
|
38
|
+
let d = e(null), { height: f = 0 } = i({
|
|
39
|
+
ref: d,
|
|
39
40
|
box: "border-box"
|
|
40
|
-
}), { body:
|
|
41
|
+
}), { body: p, header: m, menu: h, layoutWrapper: g, contentWrapper: _, contentHeader: v, content: y, footer: b } = a({ withoutContentPadding: u }), x = { "--uy-app-layout-header-sticky-offset": `${f}px` };
|
|
41
42
|
return /* @__PURE__ */ r("div", {
|
|
42
|
-
className:
|
|
43
|
-
style:
|
|
43
|
+
className: p(),
|
|
44
|
+
style: x,
|
|
44
45
|
children: [s && /* @__PURE__ */ n("div", {
|
|
45
|
-
ref:
|
|
46
|
-
className:
|
|
46
|
+
ref: d,
|
|
47
|
+
className: m(),
|
|
47
48
|
role: "alert",
|
|
48
49
|
"aria-live": "assertive",
|
|
49
50
|
children: s
|
|
50
51
|
}), /* @__PURE__ */ r("div", {
|
|
51
|
-
className:
|
|
52
|
+
className: g(),
|
|
52
53
|
children: [o && /* @__PURE__ */ n("div", {
|
|
53
|
-
className:
|
|
54
|
+
className: h(),
|
|
54
55
|
children: o
|
|
55
56
|
}), /* @__PURE__ */ r("div", {
|
|
56
|
-
className:
|
|
57
|
-
children: [
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
className: _(),
|
|
58
|
+
children: [
|
|
59
|
+
c && /* @__PURE__ */ n("div", {
|
|
60
|
+
className: v(),
|
|
61
|
+
children: c
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ n("div", {
|
|
64
|
+
className: y(),
|
|
65
|
+
children: t
|
|
66
|
+
}),
|
|
67
|
+
l && /* @__PURE__ */ n("footer", {
|
|
68
|
+
className: b(),
|
|
69
|
+
children: l
|
|
70
|
+
})
|
|
71
|
+
]
|
|
64
72
|
})]
|
|
65
73
|
})]
|
|
66
74
|
});
|
|
@@ -17,9 +17,9 @@ var f = ({ environment: f, brandLabel: p, notificationsComponent: m, searchCompo
|
|
|
17
17
|
return /* @__PURE__ */ l("header", {
|
|
18
18
|
className: "uy:flex uy:shrink-0 uy:flex-col uy:gap-y-200 uy:pl-25 uy:pr-25",
|
|
19
19
|
children: [/* @__PURE__ */ l("div", {
|
|
20
|
-
className: "uy:flex uy:items-center",
|
|
20
|
+
className: "uy:flex uy:items-center uy:justify-between",
|
|
21
21
|
children: [/* @__PURE__ */ c("div", {
|
|
22
|
-
className: "uy:flex-
|
|
22
|
+
className: "uy:flex-0",
|
|
23
23
|
children: g({ children: f === "prod" ? /* @__PURE__ */ c(i, {
|
|
24
24
|
label: p,
|
|
25
25
|
width: S,
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
/** Properties for {@link AppTopBar}. */
|
|
3
|
+
export type AppTopBarProps = {
|
|
4
|
+
/** Renders search content on the left side of the top bar. */
|
|
5
|
+
searchSlot?: ReactNode;
|
|
6
|
+
/** Renders action content before the profile menu. */
|
|
7
|
+
actionsSlot?: ReactNode;
|
|
8
|
+
/** Renders the required profile menu content on the right side. */
|
|
9
|
+
profileMenuSlot: ReactElement;
|
|
10
|
+
/** Names the top-bar header landmark. Defaults to `Application top bar`. */
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Provides the content-level top-bar structure used by application shells.
|
|
15
|
+
*
|
|
16
|
+
* The component assumes it is rendered inside AppLayout, which provides the
|
|
17
|
+
* `--uy-app-layout-header-sticky-offset` CSS variable. When the variable is
|
|
18
|
+
* unavailable, the observer falls back to a zero offset and the browser's
|
|
19
|
+
* native sticky positioning still applies.
|
|
20
|
+
*
|
|
21
|
+
* The sticky observer is intentionally isolated here so consumers only need to
|
|
22
|
+
* provide slot content. It currently observes the document scroll context and
|
|
23
|
+
* can be removed when the `:stuck` pseudo-class has wide browser support.
|
|
24
|
+
* @param props - Top-bar slots and landmark labeling.
|
|
25
|
+
* @param props.aria-label - The label for the top-bar landmark.
|
|
26
|
+
* @param props.searchSlot - The slot for the search bar portion of the top bar (left-most corner)
|
|
27
|
+
* @param props.actionsSlot - The slot for the actions portion of the top bar (right-most corner)
|
|
28
|
+
* @param props.profileMenuSlot - The slot for the profile menu portion of the top bar (right-most corner)
|
|
29
|
+
* @see {@link AppTopBarProps} for the available props.
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* import { AppLayout, AppTopBar } from '@payfit/unity-components'
|
|
33
|
+
*
|
|
34
|
+
* <AppLayout
|
|
35
|
+
* contentHeader={
|
|
36
|
+
* <AppTopBar
|
|
37
|
+
* actionsSlot={<button type="button">Help</button>}
|
|
38
|
+
* profileMenuSlot={<button type="button">Profile</button>}
|
|
39
|
+
* searchSlot={<button type="button">Search</button>}
|
|
40
|
+
* />
|
|
41
|
+
* }
|
|
42
|
+
* >
|
|
43
|
+
* <main>Page content</main>
|
|
44
|
+
* </AppLayout>
|
|
45
|
+
* ```
|
|
46
|
+
* @remarks
|
|
47
|
+
* The component renders a named `banner` landmark. Pass `aria-label` when the
|
|
48
|
+
* application contains more than one banner landmark or needs a more specific
|
|
49
|
+
* name. Keep the profile menu accessible because the top bar does not provide
|
|
50
|
+
* a label for its slotted content.
|
|
51
|
+
*/
|
|
52
|
+
export declare const AppTopBar: {
|
|
53
|
+
({ searchSlot, actionsSlot, profileMenuSlot, "aria-label": ariaLabel, }: AppTopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { useLayoutEffect as e, useRef as t, useState as n } from "react";
|
|
2
|
+
import { uyTv as r } from "@payfit/unity-themes";
|
|
3
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/app-top-bar/AppTopBar.tsx
|
|
5
|
+
var o = "--uy-app-layout-header-sticky-offset", s = "Application top bar", c = r({ slots: {
|
|
6
|
+
root: "uy:contents",
|
|
7
|
+
sentinel: "uy:pointer-events-none uy:h-px uy:w-full uy:-mb-px uy:opacity-0",
|
|
8
|
+
header: [
|
|
9
|
+
"uy:sticky uy:top-(--uy-app-layout-header-sticky-offset) uy:z-10",
|
|
10
|
+
"uy:flex uy:min-h-7.5 uy:w-full uy:items-center uy:justify-between",
|
|
11
|
+
"uy:gap-200 uy:bg-canvas uy:pl-150 uy:py-50 uy:pr-250",
|
|
12
|
+
"uy:transition-shadow uy:duration-200 uy:ease-out",
|
|
13
|
+
"uy:[clip-path:inset(0_0_-100px_0)]",
|
|
14
|
+
"uy:data-[stuck=true]:shadow-[0_2px_8px_-1px_var(--uy-color-utility-shadow-200)]"
|
|
15
|
+
],
|
|
16
|
+
search: "uy:min-w-0 uy:shrink",
|
|
17
|
+
actions: "uy:flex uy:min-w-0 uy:flex-1 uy:items-center uy:justify-end uy:gap-100",
|
|
18
|
+
profile: "uy:ml-auto uy:flex uy:shrink-0 uy:items-center"
|
|
19
|
+
} }), l = (e) => {
|
|
20
|
+
let t = getComputedStyle(e).getPropertyValue(o).trim(), n = Number.parseFloat(t);
|
|
21
|
+
return Number.isFinite(n) ? n : 0;
|
|
22
|
+
}, u = (e) => {
|
|
23
|
+
let t = e;
|
|
24
|
+
for (; t;) {
|
|
25
|
+
if (t.style.getPropertyValue(o)) return t;
|
|
26
|
+
t = t.parentElement;
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
}, d = ({ searchSlot: r, actionsSlot: o, profileMenuSlot: d, "aria-label": f = s }) => {
|
|
30
|
+
let [p, m] = n(!1), h = t(null), { root: g, sentinel: _, header: v, search: y, actions: b, profile: x } = c();
|
|
31
|
+
return e(() => {
|
|
32
|
+
let e = h.current;
|
|
33
|
+
if (!e || typeof IntersectionObserver > "u") return;
|
|
34
|
+
let t, n = () => {
|
|
35
|
+
t?.disconnect(), t = new IntersectionObserver(([e]) => {
|
|
36
|
+
m(e ? !e.isIntersecting : !1);
|
|
37
|
+
}, {
|
|
38
|
+
rootMargin: `-${l(e)}px 0px 0px 0px`,
|
|
39
|
+
threshold: 0
|
|
40
|
+
}), t.observe(e);
|
|
41
|
+
};
|
|
42
|
+
n();
|
|
43
|
+
let r = u(e), i = r ? new MutationObserver(n) : void 0;
|
|
44
|
+
return r && i && i.observe(r, {
|
|
45
|
+
attributes: !0,
|
|
46
|
+
attributeFilter: ["style"]
|
|
47
|
+
}), () => {
|
|
48
|
+
t?.disconnect(), i?.disconnect();
|
|
49
|
+
};
|
|
50
|
+
}, []), /* @__PURE__ */ a("div", {
|
|
51
|
+
className: g(),
|
|
52
|
+
"data-unity-component": "AppTopBar",
|
|
53
|
+
"data-dd-privacy": "allow",
|
|
54
|
+
children: [/* @__PURE__ */ i("div", {
|
|
55
|
+
ref: h,
|
|
56
|
+
"aria-hidden": !0,
|
|
57
|
+
className: _()
|
|
58
|
+
}), /* @__PURE__ */ a("header", {
|
|
59
|
+
"aria-label": f,
|
|
60
|
+
className: v(),
|
|
61
|
+
"data-stuck": p || void 0,
|
|
62
|
+
children: [
|
|
63
|
+
r && /* @__PURE__ */ i("div", {
|
|
64
|
+
className: y(),
|
|
65
|
+
children: r
|
|
66
|
+
}),
|
|
67
|
+
o && /* @__PURE__ */ i("div", {
|
|
68
|
+
className: b(),
|
|
69
|
+
children: o
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ i("div", {
|
|
72
|
+
className: x(),
|
|
73
|
+
children: d
|
|
74
|
+
})
|
|
75
|
+
]
|
|
76
|
+
})]
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
d.displayName = "AppTopBar";
|
|
80
|
+
//#endregion
|
|
81
|
+
export { d as AppTopBar };
|
|
@@ -9,7 +9,7 @@ var r = t({
|
|
|
9
9
|
"uy:px-200 uy:py-300 uy:md:p-300 uy:lg:p-500",
|
|
10
10
|
"uy:md:ml-100",
|
|
11
11
|
"uy:bg-surface-neutral uy:md:border uy:md:border-solid uy:md:border-border-neutral-low uy:border-r-0 uy:md:rounded-l-300",
|
|
12
|
-
"uy:md:shadow-[-1px_-1px_2px_-1px_var(--uy-color-utility-shadow-
|
|
12
|
+
"uy:md:shadow-[-1px_-1px_2px_-1px_var(--uy-color-utility-shadow-300)]"
|
|
13
13
|
],
|
|
14
14
|
legacy__midnight: [
|
|
15
15
|
"uy:bg-transparent",
|
|
@@ -88,6 +88,24 @@ export declare const catalogEntries: ({
|
|
|
88
88
|
tags: ("type:pattern" | "category:layout" | "category:navigation" | "behavior:disclosure" | "behavior:navigation" | "behavior:selection")[];
|
|
89
89
|
title: string;
|
|
90
90
|
principal?: undefined;
|
|
91
|
+
} | {
|
|
92
|
+
description: string;
|
|
93
|
+
docsHref: string;
|
|
94
|
+
id: string;
|
|
95
|
+
keywords: string[];
|
|
96
|
+
preview: {
|
|
97
|
+
type: "story";
|
|
98
|
+
story: string;
|
|
99
|
+
storyId: string;
|
|
100
|
+
zoom?: undefined;
|
|
101
|
+
src?: undefined;
|
|
102
|
+
alt?: undefined;
|
|
103
|
+
};
|
|
104
|
+
related: never[];
|
|
105
|
+
section: "patterns";
|
|
106
|
+
tags: ("type:pattern" | "category:navigation")[];
|
|
107
|
+
title: string;
|
|
108
|
+
principal?: undefined;
|
|
91
109
|
} | {
|
|
92
110
|
description: string;
|
|
93
111
|
docsHref: string;
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from './components/alert/parts/AlertContent.js';
|
|
|
9
9
|
export * from './components/alert/parts/AlertTitle.js';
|
|
10
10
|
export * from './components/anchor/Anchor.js';
|
|
11
11
|
export * from './components/app-layout/AppLayout.js';
|
|
12
|
+
export * from './components/app-top-bar/AppTopBar.js';
|
|
12
13
|
export * from './components/app-menu/AppMenu.js';
|
|
13
14
|
export * from './components/app-menu/parts/AppMenu.context.js';
|
|
14
15
|
export * from './components/app-menu/parts/AppMenuFooter.js';
|
package/dist/esm/index.js
CHANGED
|
@@ -23,219 +23,220 @@ import { AlertContent as O } from "./components/alert/parts/AlertContent.js";
|
|
|
23
23
|
import { AlertTitle as k } from "./components/alert/parts/AlertTitle.js";
|
|
24
24
|
import { Anchor as A } from "./components/anchor/Anchor.js";
|
|
25
25
|
import { AppLayout as j } from "./components/app-layout/AppLayout.js";
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
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
|
-
|
|
26
|
+
import { AppTopBar as M } from "./components/app-top-bar/AppTopBar.js";
|
|
27
|
+
import { AppMenuContext as N, AppMenuContextProvider as P, useAppMenuContext as F } from "./components/app-menu/parts/AppMenu.context.js";
|
|
28
|
+
import { AppMenu as I } from "./components/app-menu/AppMenu.js";
|
|
29
|
+
import { Avatar as L } from "./components/avatar/Avatar.js";
|
|
30
|
+
import { getInitials as R } from "./components/avatar/utils.js";
|
|
31
|
+
import { AvatarFallback as z } from "./components/avatar/parts/AvatarFallback.js";
|
|
32
|
+
import { AvatarImage as B } from "./components/avatar/parts/AvatarImage.js";
|
|
33
|
+
import { Badge as V } from "./components/badge/Badge.js";
|
|
34
|
+
import { MenuSeparator as H } from "./components/menu/parts/MenuSeparator.js";
|
|
35
|
+
import { MenuHeader as U } from "./components/menu/parts/MenuHeader.js";
|
|
36
|
+
import { AppMenuFooter as W } from "./components/app-menu/parts/AppMenuFooter.js";
|
|
37
|
+
import { BRAND_ASSETS as G, PayFitBrand as K } from "./components/payfit-brand/PayFitBrand.js";
|
|
38
|
+
import { PayFitBrandPreprod as q } from "./components/payfit-brand/PayFitPreprod.js";
|
|
39
|
+
import { AppMenuHeader as J } from "./components/app-menu/parts/AppMenuHeader.js";
|
|
40
|
+
import { AppMenuNavContent as Y } from "./components/app-menu/parts/AppMenuNavContent.js";
|
|
41
|
+
import { Autocomplete as X } from "./components/autocomplete/Autocomplete.js";
|
|
42
|
+
import { AutocompleteItem as Z, autocompleteItem as Q } from "./components/autocomplete/parts/AutocompleteItem.js";
|
|
43
|
+
import { AutocompleteItemGroup as $, autocompleteItemGroup as ee } from "./components/autocomplete/parts/AutocompleteItemGroup.js";
|
|
44
|
+
import { AvatarIcon as te } from "./components/avatar/parts/AvatarIcon.js";
|
|
45
|
+
import { AvatarPair as ne } from "./components/avatar/parts/AvatarPair.js";
|
|
46
|
+
import { BadgeDot as re } from "./components/badge/parts/BadgeDot.js";
|
|
47
|
+
import { BottomSheet as ie, bottomSheet as ae } from "./components/bottom-sheet/BottomSheet.js";
|
|
48
|
+
import { BottomSheetContent as oe, bottomSheetContent as se } from "./components/bottom-sheet/parts/BottomSheetContent.js";
|
|
49
|
+
import { BottomSheetFooter as ce, bottomSheetFooter as le } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
|
|
50
|
+
import { BottomSheetHeader as ue, bottomSheetHeader as de } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
|
|
51
|
+
import { Breadcrumbs as fe } from "./components/breadcrumbs/Breadcrumbs.js";
|
|
52
|
+
import { Breadcrumb as pe } from "./components/breadcrumbs/parts/Breadcrumb.js";
|
|
53
|
+
import { NoopRouterProvider as me, RouterProvider as he, useRouter as ge } from "./providers/router/RouterProvider.js";
|
|
54
|
+
import { RawLink as _e, link as ve } from "./components/link/RawLink.js";
|
|
55
|
+
import { BREADCRUMB_ITEM_MAX_WIDTH as ye, RawBreadcrumbLink as be } from "./components/breadcrumbs/parts/RawBreadcrumbLink.js";
|
|
56
|
+
import { CarouselNav as xe, carouselNav as Se } from "./components/carousel/parts/CarouselNav.js";
|
|
57
|
+
import { Carousel as Ce, carousel as we } from "./components/carousel/Carousel.js";
|
|
58
|
+
import { CarouselHeader as Te, carouselHeader as Ee } from "./components/carousel/parts/CarouselHeader.js";
|
|
59
|
+
import { CarouselContent as De, carouselContent as Oe } from "./components/carousel/parts/CarouselContent.js";
|
|
60
|
+
import { CarouselSlide as ke, carouselSlide as Ae } from "./components/carousel/parts/CarouselSlide.js";
|
|
61
|
+
import { Card as je, card as Me } from "./components/card/Card.js";
|
|
62
|
+
import { CardTitle as Ne } from "./components/card/parts/CardTitle.js";
|
|
63
|
+
import { CardContent as Pe } from "./components/card/parts/CardContent.js";
|
|
64
|
+
import { Label as Fe } from "./components/label/Label.js";
|
|
65
|
+
import { CheckboxGroup as Ie, checkboxGroup as Le } from "./components/checkbox-group/CheckboxGroup.js";
|
|
66
|
+
import { Checkbox as Re } from "./components/checkbox/Checkbox.js";
|
|
67
|
+
import { CheckboxStandalone as ze } from "./components/checkbox/CheckboxStandalone.js";
|
|
68
|
+
import { Collapsible as Be } from "./components/collapsible/Collapsible.js";
|
|
69
|
+
import { CollapsibleContent as Ve } from "./components/collapsible/parts/CollapsibleContent.js";
|
|
70
|
+
import { CollapsibleTitle as He } from "./components/collapsible/parts/CollapsibleTitle.js";
|
|
71
|
+
import { TableBody as Ue, tableBody as We } from "./components/table/parts/TableBody.js";
|
|
72
|
+
import { TableColumnHeader as Ge, tableColumnHeader as Ke } from "./components/table/parts/TableColumnHeader.js";
|
|
73
|
+
import { EmptyState as qe } from "./components/empty-state/EmptyState.js";
|
|
74
|
+
import { EmptyStateActions as Je } from "./components/empty-state/parts/EmptyStateActions.js";
|
|
75
|
+
import { EmptyStateContent as Ye } from "./components/empty-state/parts/EmptyStateContent.js";
|
|
76
|
+
import { EmptyStateIcon as Xe } from "./components/empty-state/parts/EmptyStateIcon.js";
|
|
77
|
+
import { TableEmptyState as Ze, TableEmptyStateError as Qe, TableEmptyStateLoading as $e, TableEmptyStateNoData as et, TableEmptyStateText as tt, TableNoSearchResults as nt, tableEmptyState as rt } from "./components/table/parts/TableEmptyState.js";
|
|
78
|
+
import { TableHeader as it, tableHeader as at } from "./components/table/parts/TableHeader.js";
|
|
79
|
+
import { SelectOption as ot } from "./components/select/parts/SelectOption.js";
|
|
80
|
+
import { Search as st, search as ct } from "./components/search/Search.js";
|
|
81
|
+
import { SelectButton as lt } from "./components/select/parts/SelectButton.js";
|
|
82
|
+
import { Select as ut } from "./components/select/Select.js";
|
|
83
|
+
import { TablePagination as dt, tablePagination as ft } from "./components/table/parts/TablePagination.js";
|
|
84
|
+
import { Table as pt, TableRoot as mt } from "./components/table/Table.js";
|
|
85
|
+
import { DataTable as ht } from "./components/data-table/DataTable.js";
|
|
86
|
+
import { DataTableRoot as gt, dataTableRoot as _t } from "./components/data-table/parts/DataTableRoot.js";
|
|
87
|
+
import { DataTableBulkActions as vt } from "./components/data-table/parts/DataTableBulkActions.js";
|
|
88
|
+
import { DateCalendar as yt } from "./components/date-calendar/DateCalendar.js";
|
|
89
|
+
import { DatePicker as bt } from "./components/date-picker/DatePicker.js";
|
|
90
|
+
import { DateRangeCalendar as xt } from "./components/date-range-calendar/DateRangeCalendar.js";
|
|
91
|
+
import { DateRangePicker as St } from "./components/date-range-picker/DateRangePicker.js";
|
|
92
|
+
import { DefinitionList as Ct } from "./components/definition-list/DefinitionList.js";
|
|
93
|
+
import { DefinitionItem as wt } from "./components/definition-list/parts/DefinitionItem.js";
|
|
94
|
+
import { DefinitionTooltip as Tt } from "./components/definition-tooltip/DefinitionTooltip.js";
|
|
95
|
+
import { DialogActions as Et } from "./components/dialog/parts/DialogActions.js";
|
|
96
|
+
import { DialogButton as Dt } from "./components/dialog/parts/DialogActions/DialogButton.js";
|
|
97
|
+
import { Dialog as Ot, DialogTrigger as kt, dialog as At } from "./components/dialog/Dialog.js";
|
|
98
|
+
import { DialogContent as jt } from "./components/dialog/parts/DialogContent.js";
|
|
99
|
+
import { DialogTitle as Mt } from "./components/dialog/parts/DialogTitle.js";
|
|
100
|
+
import { PromoDialogActions as Nt } from "./components/promo-dialog/parts/PromoDialogActions.js";
|
|
101
|
+
import { PromoDialogHero as Pt } from "./components/promo-dialog/parts/PromoDialogHero.js";
|
|
102
|
+
import { PromoDialogTitle as Ft } from "./components/promo-dialog/parts/PromoDialogTitle.js";
|
|
103
|
+
import { PromoDialog as It, promoDialog as Lt } from "./components/promo-dialog/PromoDialog.js";
|
|
104
|
+
import { PromoDialogSubtitle as Rt } from "./components/promo-dialog/parts/PromoDialogSubtitle.js";
|
|
105
|
+
import { PromoDialogContent as zt } from "./components/promo-dialog/parts/PromoDialogContent.js";
|
|
106
|
+
import { EmptyStateGetStarted as Bt } from "./components/empty-state/presets/EmptyStateGetStarted.js";
|
|
107
|
+
import { EmptyStateWaitingForData as Vt } from "./components/empty-state/presets/EmptyStateWaitingForData.js";
|
|
108
|
+
import { EmptyStateGoodJob as Ht } from "./components/empty-state/presets/EmptyStateGoodJob.js";
|
|
109
|
+
import { EmptyStateUpgradeRequired as Ut } from "./components/empty-state/presets/EmptyStateUpgradeRequired.js";
|
|
110
|
+
import { EmptyStateNoSearchResults as Wt } from "./components/empty-state/presets/EmptyStateNoSearchResults.js";
|
|
111
|
+
import { EmptyStateUseDesktop as Gt } from "./components/empty-state/presets/EmptyStateUseDesktop.js";
|
|
112
|
+
import { useContainerQueryLevel as Kt } from "./hooks/use-container-query-level.js";
|
|
113
|
+
import { ErrorState as qt, errorState as Jt } from "./components/error-state/ErrorState.js";
|
|
114
|
+
import { Fieldset as Yt, fieldset as Xt } from "./components/fieldset/Fieldset.js";
|
|
115
|
+
import { FieldGroup as Zt } from "./components/fieldset/parts/FieldGroup.js";
|
|
116
|
+
import { Filter as Qt, FilterControls as $t, FilterLabels as en, filterContainer as tn, filterDismissButton as nn } from "./components/filter/Filter.js";
|
|
117
|
+
import { FloatingActionBar as rn, floatingActionBar as an } from "./components/floating-action-bar/FloatingActionBar.js";
|
|
118
|
+
import { FilterAdapters as on } from "./components/filter-toolbar/utils/filter-adapters.js";
|
|
119
|
+
import { FilterToolbar as sn, filterToolbar as cn } from "./components/filter-toolbar/FilterToolbar.js";
|
|
120
|
+
import { flex as ln, flexItem as un } from "./components/flex/Flex.variants.js";
|
|
121
|
+
import { Flex as dn, Stack as fn } from "./components/flex/Flex.js";
|
|
122
|
+
import { FlexItem as pn, StackItem as mn } from "./components/flex/FlexItem.js";
|
|
123
|
+
import { Form as hn } from "./components/form/Form.js";
|
|
124
|
+
import { FullPageLoader as gn, fullPageLoader as _n } from "./components/full-page-loader/FullPageLoader.js";
|
|
125
|
+
import { SkipLink as vn, SkipLinks as yn } from "./components/skip-links/SkipLinks.js";
|
|
126
|
+
import { FunnelLayout as bn, funnelLayout as xn } from "./components/funnel-layout/FunnelLayout.js";
|
|
127
|
+
import { FunnelBody as Sn, funnelBody as Cn } from "./components/funnel-layout/parts/FunnelBody.js";
|
|
128
|
+
import { FunnelPage as wn, funnelPage as Tn } from "./components/funnel-layout/parts/FunnelPage.js";
|
|
129
|
+
import { FunnelPageAction as En } from "./components/funnel-layout/parts/FunnelPageAction.js";
|
|
130
|
+
import { FunnelPageActions as Dn, funnelPageActions as On } from "./components/funnel-layout/parts/FunnelPageActions.js";
|
|
131
|
+
import { FunnelPageContent as kn, funnelPageContent as An } from "./components/funnel-layout/parts/FunnelPageContent.js";
|
|
132
|
+
import { FunnelBackButton as jn } from "./components/funnel-layout/parts/FunnelBackButton.js";
|
|
133
|
+
import { FunnelPageFooter as Mn, funnelPageFooter as Nn } from "./components/funnel-layout/parts/FunnelPageFooter.js";
|
|
134
|
+
import { FunnelPageHeader as Pn, funnelPageHeader as Fn } from "./components/funnel-layout/parts/FunnelPageHeader.js";
|
|
135
|
+
import { FunnelSidebar as In, funnelSidebar as Ln } from "./components/funnel-layout/parts/FunnelSidebar.js";
|
|
136
|
+
import { FunnelTopBar as Rn, funnelTopBar as zn } from "./components/funnel-layout/parts/FunnelTopBar.js";
|
|
137
|
+
import { grid as Bn, gridItem as Vn } from "./components/grid/Grid.variants.js";
|
|
138
|
+
import { Grid as Hn } from "./components/grid/Grid.js";
|
|
139
|
+
import { GridItem as Un } from "./components/grid/GridItem.js";
|
|
140
|
+
import { Input as Wn } from "./components/input/Input.js";
|
|
141
|
+
import { RawLinkButton as Gn } from "./components/link-button/RawLinkButton.js";
|
|
142
|
+
import { ListView as Kn } from "./components/list-view/ListView.js";
|
|
143
|
+
import { RawListViewItem as qn, listViewItem as Jn } from "./components/list-view/parts/RawListViewItem.js";
|
|
144
|
+
import { ListViewSection as Yn, listViewSection as Xn } from "./components/list-view/parts/ListViewSection.js";
|
|
145
|
+
import { ListViewItemLabel as Zn } from "./components/list-view/parts/ListViewItemLabel.js";
|
|
146
|
+
import { ListViewItemText as Qn } from "./components/list-view/parts/ListViewItemText.js";
|
|
147
|
+
import { MenuSection as $n } from "./components/menu/parts/MenuSection.js";
|
|
148
|
+
import { MultiSelect as er } from "./components/multi-select/MultiSelect.js";
|
|
149
|
+
import { MultiSelectOptGroup as tr } from "./components/multi-select/parts/MultiSelectOptGroup.js";
|
|
150
|
+
import { MultiSelectOption as nr } from "./components/multi-select/parts/MultiSelectOption.js";
|
|
151
|
+
import { Nav as rr } from "./components/nav/Nav.js";
|
|
152
|
+
import { RawNavItem as ir, navItemBase as ar } from "./components/nav/parts/RawNavItem.js";
|
|
153
|
+
import { NavGroup as or } from "./components/nav/parts/NavGroup.js";
|
|
154
|
+
import { RawNavigationCard as sr } from "./components/navigation-card/NavigationCard.js";
|
|
155
|
+
import { NavigationCardGroup as cr, navigationCardGroup as lr } from "./components/navigation-card/parts/NavigationCardGroup.js";
|
|
156
|
+
import { NavigationCardLabel as ur } from "./components/navigation-card/parts/NavigationCardLabel.js";
|
|
157
|
+
import { NavigationCardDescription as dr } from "./components/navigation-card/parts/NavigationCardDescription.js";
|
|
158
|
+
import { NumberInput as fr, numberInput as pr } from "./components/number-input/NumberInput.js";
|
|
159
|
+
import { Page as mr, page as hr } from "./components/page/Page.js";
|
|
160
|
+
import { PageHeader as gr, pageHeader as _r } from "./components/page/parts/PageHeader.js";
|
|
161
|
+
import { PageHeading as vr } from "./components/page/parts/PageHeading.js";
|
|
162
|
+
import { Pagination as yr, pagination as br } from "./components/pagination/Pagination.js";
|
|
163
|
+
import { PaginationContent as xr, paginationContent as Sr } from "./components/pagination/parts/PaginationContent.js";
|
|
164
|
+
import { PaginationItem as Cr } from "./components/pagination/parts/PaginationItem.js";
|
|
165
|
+
import { RawPaginationLink as wr, paginationLink as Tr } from "./components/pagination/parts/RawPaginationLink.js";
|
|
166
|
+
import { RawPaginationPrevious as Er } from "./components/pagination/parts/RawPaginationPrevious.js";
|
|
167
|
+
import { RawPaginationNext as Dr } from "./components/pagination/parts/RawPaginationNext.js";
|
|
168
|
+
import { PaginationEllipsis as Or } from "./components/pagination/parts/PaginationEllipsis.js";
|
|
169
|
+
import { usePaginationWindow as kr } from "./components/pagination/hooks/use-pagination-window.js";
|
|
170
|
+
import { usePaginationState as Ar } from "./components/pagination/hooks/use-pagination-state.js";
|
|
171
|
+
import { PhoneNumberInput as jr } from "./components/phone-number/PhoneNumberInput.js";
|
|
172
|
+
import { Pill as Mr } from "./components/pill/Pill.js";
|
|
173
|
+
import { Popover as Nr, PopoverTrigger as Pr } from "./components/popover/Popover.js";
|
|
174
|
+
import { ProgressBar as Fr } from "./components/progress-bar/ProgressBar.js";
|
|
175
|
+
import { RadioButtonGroup as Ir } from "./components/radio-button-group/RadioButtonGroup.js";
|
|
176
|
+
import { RadioButtonHelper as Lr } from "./components/radio-button-group/parts/RadioButtonHelper.js";
|
|
177
|
+
import { RadioIndicator as Rr } from "./components/radio-button-group/parts/RadioIndicator.js";
|
|
178
|
+
import { RadioButton as zr, radioButton as Br } from "./components/radio-button-group/parts/RadioButton.js";
|
|
179
|
+
import { SegmentedButtonGroup as Vr } from "./components/segmented-button-group/SegmentedButtonGroup.js";
|
|
180
|
+
import { ToggleButton as Hr } from "./components/segmented-button-group/parts/ToggleButton.js";
|
|
181
|
+
import { SelectableButtonGroup as Ur, selectableButtonGroup as Wr } from "./components/selectable-button-group/SelectableButtonGroup.js";
|
|
182
|
+
import { SelectableButton as Gr, selectableButton as Kr } from "./components/selectable-button-group/parts/SelectableButton.js";
|
|
183
|
+
import { SelectableCardCheckboxGroup as qr } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
|
|
184
|
+
import { SelectableCardCheckbox as Jr } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
|
|
185
|
+
import { SelectableCardRadioGroup as Yr } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
|
|
186
|
+
import { SelectableCardRadio as Xr } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
|
|
187
|
+
import { SelectOptionGroup as Zr } from "./components/select/parts/SelectOptionGroup.js";
|
|
188
|
+
import { SelectOptionHelper as Qr } from "./components/select/parts/SelectOptionHelper.js";
|
|
189
|
+
import { SidePanel as $r, sidePanel as ei } from "./components/side-panel/SidePanel.js";
|
|
190
|
+
import { SidePanelContent as ti, sidePanelContent as ni } from "./components/side-panel/parts/SidePanelContent.js";
|
|
191
|
+
import { SidePanelFooter as ri, sidePanelFooter as ii } from "./components/side-panel/parts/SidePanelFooter.js";
|
|
192
|
+
import { SidePanelHeader as ai, sidePanelHeader as oi } from "./components/side-panel/parts/SidePanelHeader.js";
|
|
193
|
+
import { Stepper as si } from "./components/stepper/Stepper.js";
|
|
194
|
+
import { Step as ci } from "./components/stepper/parts/Step.js";
|
|
195
|
+
import { useStepper as li } from "./components/stepper/hooks/useStepper.js";
|
|
196
|
+
import { TableCell as ui, tableCell as di } from "./components/table/parts/TableCell.js";
|
|
197
|
+
import { TableRow as fi, tableRow as pi } from "./components/table/parts/TableRow.js";
|
|
198
|
+
import { Tabs as mi } from "./components/tabs/Tabs.js";
|
|
199
|
+
import { RawTab as hi } from "./components/tabs/parts/RawTab.js";
|
|
200
|
+
import { TabList as gi } from "./components/tabs/parts/TabList.js";
|
|
201
|
+
import { TabPanel as _i } from "./components/tabs/parts/TabPanel.js";
|
|
202
|
+
import { TaskMenu as vi, taskMenu as yi } from "./components/task-menu/TaskMenu.js";
|
|
203
|
+
import { RawSubTask as bi, rawSubTask as xi } from "./components/task-menu/parts/RawSubTask.js";
|
|
204
|
+
import { RawTask as Si, rawTask as Ci } from "./components/task-menu/parts/RawTask.js";
|
|
205
|
+
import { TaskGroup as wi } from "./components/task-menu/parts/TaskGroup.js";
|
|
206
|
+
import { TextArea as Ti, textArea as Ei } from "./components/text-area/TextArea.js";
|
|
207
|
+
import { Timeline as Di } from "./components/timeline/Timeline.js";
|
|
208
|
+
import { TimelineStep as Oi } from "./components/timeline/parts/TimelineStep.js";
|
|
209
|
+
import { TimelineStepHeader as ki } from "./components/timeline/parts/TimelineStepHeader.js";
|
|
210
|
+
import { TimelineStepDescription as Ai } from "./components/timeline/parts/TimelineStepDescription.js";
|
|
211
|
+
import { TOAST_CONFIG as ji, ToastManager as Mi } from "./components/toast/ToastManager.js";
|
|
212
|
+
import { toast as Ni } from "./components/toast/toast.js";
|
|
213
|
+
import { ToggleSwitchGroup as Pi, toggleSwitchGroup as Fi } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
|
|
214
|
+
import { ToggleSwitch as Ii, toggleSwitch as Li } from "./components/toggle-switch/ToggleSwitch.js";
|
|
215
|
+
import { useAsyncList as Ri } from "./hooks/use-async-list.js";
|
|
216
|
+
import { FormHelperText as zi } from "./components/form-field/parts/FormHelperText.js";
|
|
217
|
+
import { RawFormContextualLink as Bi } from "./components/form-field/parts/RawFormContextualLink.js";
|
|
218
|
+
import { FormField as Vi } from "./components/form-field/FormField.js";
|
|
219
|
+
import { useUnityForm as Hi } from "./hooks/use-form.js";
|
|
220
|
+
import { FormControl as Ui } from "./components/form-field/parts/FormControl.js";
|
|
221
|
+
import { FormFeedbackText as Wi } from "./components/form-field/parts/FormFeedbackText.js";
|
|
222
|
+
import { CheckboxField as Gi } from "./components/checkbox-field/CheckboxField.js";
|
|
223
|
+
import { CheckboxGroupField as Ki } from "./components/checkbox-group-field/CheckboxGroupField.js";
|
|
224
|
+
import { FormLabel as qi } from "./components/form-field/parts/FormLabel.js";
|
|
225
|
+
import { DatePickerField as Ji } from "./components/date-picker-field/DatePickerField.js";
|
|
226
|
+
import { MultiSelectField as Yi } from "./components/multi-select-field/MultiSelectField.js";
|
|
227
|
+
import { NumberField as Xi, numberField as Zi } from "./components/number-field/NumberField.js";
|
|
228
|
+
import { RadioButtonGroupField as Qi } from "./components/radio-button-group-field/RadioButtonGroupField.js";
|
|
229
|
+
import { SelectableButtonGroupField as $i } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
|
|
230
|
+
import { SelectableCardCheckboxGroupField as ea } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
|
|
231
|
+
import { SelectableCardRadioGroupField as ta } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
|
|
232
|
+
import { SelectField as na } from "./components/select-field/SelectField.js";
|
|
233
|
+
import { TextField as ra } from "./components/text-field/TextField.js";
|
|
234
|
+
import { ToggleSwitchField as ia } from "./components/toggle-switch-field/ToggleSwitchField.js";
|
|
235
|
+
import { ToggleSwitchGroupField as aa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
|
|
236
|
+
import { useFieldContext as oa, useFormContext as sa } from "./hooks/tanstack-form-context.js";
|
|
237
|
+
import { useTanstackUnityForm as ca, withFieldGroup as la, withForm as ua } from "./hooks/use-tanstack-form.js";
|
|
238
|
+
import { tanstackFormDefaultValues as da } from "./hooks/tanstack-form-default-values.js";
|
|
239
|
+
import { useFieldA11yContext as fa } from "./components/form-field/TanstackFormField.context.js";
|
|
240
|
+
import { fieldRevalidateLogic as pa } from "./utils/field-revalidate-logic.js";
|
|
241
|
+
import { CollapsibleGroup as ma } from "./components/collapsible-group/CollapsibleGroup.js";
|
|
242
|
+
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, W as AppMenuFooter, J as AppMenuHeader, Y as AppMenuNavContent, M as AppTopBar, X as Autocomplete, Z as AutocompleteItem, $ as AutocompleteItemGroup, L as Avatar, z as AvatarFallback, te as AvatarIcon, B as AvatarImage, ne as AvatarPair, G as BRAND_ASSETS, ye as BREADCRUMB_ITEM_MAX_WIDTH, V as Badge, re as BadgeDot, ie as BottomSheet, oe as BottomSheetContent, ce as BottomSheetFooter, ue as BottomSheetHeader, pe as Breadcrumb, fe as Breadcrumbs, l as Button, je as Card, Pe as CardContent, Ne as CardTitle, Ce as Carousel, De as CarouselContent, Te as CarouselHeader, xe as CarouselNav, ke as CarouselSlide, Re as Checkbox, Gi as CheckboxField, Ie as CheckboxGroup, Ki as CheckboxGroupField, ze as CheckboxStandalone, S as CircularIconButton, Be as Collapsible, Ve as CollapsibleContent, ma as CollapsibleGroup, He as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, ht as DataTable, vt as DataTableBulkActions, gt as DataTableRoot, yt as DateCalendar, bt as DatePicker, Ji as DatePickerField, xt as DateRangeCalendar, St as DateRangePicker, wt as DefinitionItem, Ct as DefinitionList, Tt as DefinitionTooltip, Ot as Dialog, Et as DialogActions, Dt as DialogButton, jt as DialogContent, Mt as DialogTitle, kt as DialogTrigger, qe as EmptyState, Je as EmptyStateActions, Ye as EmptyStateContent, Bt as EmptyStateGetStarted, Ht as EmptyStateGoodJob, Xe as EmptyStateIcon, Wt as EmptyStateNoSearchResults, Ut as EmptyStateUpgradeRequired, Gt as EmptyStateUseDesktop, Vt as EmptyStateWaitingForData, qt as ErrorState, Zt as FieldGroup, Yt as Fieldset, Qt as Filter, on as FilterAdapters, $t as FilterControls, en as FilterLabels, sn as FilterToolbar, dn as Flex, pn as FlexItem, rn as FloatingActionBar, hn as Form, Ui as FormControl, Wi as FormFeedbackText, Vi as FormField, zi as FormHelperText, qi as FormLabel, gn as FullPageLoader, jn as FunnelBackButton, Sn as FunnelBody, bn as FunnelLayout, wn as FunnelPage, En as FunnelPageAction, Dn as FunnelPageActions, kn as FunnelPageContent, Mn as FunnelPageFooter, Pn as FunnelPageHeader, In as FunnelSidebar, Rn as FunnelTopBar, Hn as Grid, Un as GridItem, s as Icon, p as IconButton, Wn as Input, Fe as Label, Kn as ListView, Zn as ListViewItemLabel, Qn as ListViewItemText, Yn as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, U as MenuHeader, $n as MenuSection, H as MenuSeparator, _ as MenuTrigger, er as MultiSelect, Yi as MultiSelectField, tr as MultiSelectOptGroup, nr as MultiSelectOption, rr as Nav, or as NavGroup, dr as NavigationCardDescription, cr as NavigationCardGroup, ur as NavigationCardLabel, me as NoopRouterProvider, Xi as NumberField, fr as NumberInput, mr as Page, gr as PageHeader, vr as PageHeading, yr as Pagination, xr as PaginationContent, Or as PaginationEllipsis, Cr as PaginationItem, K as PayFitBrand, q as PayFitBrandPreprod, jr as PhoneNumberInput, Mr as Pill, Nr as Popover, Pr as PopoverTrigger, Fr as ProgressBar, It as PromoDialog, Nt as PromoDialogActions, zt as PromoDialogContent, Pt as PromoDialogHero, Rt as PromoDialogSubtitle, Ft as PromoDialogTitle, zr as RadioButton, Ir as RadioButtonGroup, Qi as RadioButtonGroupField, Lr as RadioButtonHelper, Rr as RadioIndicator, be as RawBreadcrumbLink, Bi as RawFormContextualLink, _e as RawLink, Gn as RawLinkButton, qn as RawListViewItem, v as RawMenuItem, ir as RawNavItem, sr as RawNavigationCard, wr as RawPaginationLink, Dr as RawPaginationNext, Er as RawPaginationPrevious, bi as RawSubTask, hi as RawTab, Si as RawTask, he as RouterProvider, st as Search, Vr as SegmentedButtonGroup, ut as Select, lt as SelectButton, na as SelectField, ot as SelectOption, Zr as SelectOptionGroup, Qr as SelectOptionHelper, Gr as SelectableButton, Ur as SelectableButtonGroup, $i as SelectableButtonGroupField, Jr as SelectableCardCheckbox, qr as SelectableCardCheckboxGroup, ea as SelectableCardCheckboxGroupField, Xr as SelectableCardRadio, Yr as SelectableCardRadioGroup, ta as SelectableCardRadioGroupField, $r as SidePanel, ti as SidePanelContent, ri as SidePanelFooter, ai as SidePanelHeader, vn as SkipLink, yn as SkipLinks, c as Spinner, fn as Stack, mn as StackItem, ci as Step, si as Stepper, ji as TOAST_CONFIG, gi as TabList, _i as TabPanel, pt as Table, Ue as TableBody, ui as TableCell, Ge as TableColumnHeader, Ze as TableEmptyState, Qe as TableEmptyStateError, $e as TableEmptyStateLoading, et as TableEmptyStateNoData, tt as TableEmptyStateText, it as TableHeader, nt as TableNoSearchResults, dt as TablePagination, mt as TableRoot, fi as TableRow, mi as Tabs, wi as TaskGroup, vi as TaskMenu, D as Text, Ti as TextArea, ra as TextField, Di as Timeline, Oi as TimelineStep, Ai as TimelineStepDescription, ki as TimelineStepHeader, Mi as ToastManager, Hr as ToggleButton, Ii as ToggleSwitch, ia as ToggleSwitchField, Pi as ToggleSwitchGroup, aa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, Q as autocompleteItem, ee as autocompleteItemGroup, ae as bottomSheet, se as bottomSheetContent, le as bottomSheetFooter, de as bottomSheetHeader, Me as card, we as carousel, Oe as carouselContent, Ee as carouselHeader, Se as carouselNav, Ae as carouselSlide, Le as checkboxGroup, C as circularIconButton, _t as dataTableRoot, At as dialog, Jt as errorState, pa as fieldRevalidateLogic, Xt as fieldset, tn as filterContainer, nn as filterDismissButton, cn as filterToolbar, ln as flex, un as flexItem, an as floatingActionBar, _n as fullPageLoader, Cn as funnelBody, xn as funnelLayout, Tn as funnelPage, On as funnelPageActions, An as funnelPageContent, Nn as funnelPageFooter, Fn as funnelPageHeader, Ln as funnelSidebar, zn as funnelTopBar, R as getInitials, Bn as grid, Vn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, ve as link, Jn as listViewItem, Xn as listViewSection, ar as navItemBase, lr as navigationCardGroup, Zi as numberField, pr as numberInput, hr as page, _r as pageHeader, br as pagination, Sr as paginationContent, Tr as paginationLink, Lt as promoDialog, Br as radioButton, xi as rawSubTask, Ci as rawTask, ct as search, Kr as selectableButton, Wr as selectableButtonGroup, ei as sidePanel, ni as sidePanelContent, ii as sidePanelFooter, oi as sidePanelHeader, We as tableBody, di as tableCell, Ke as tableColumnHeader, rt as tableEmptyState, at as tableHeader, ft as tablePagination, pi as tableRow, da as tanstackFormDefaultValues, yi as taskMenu, E as text, Ei as textArea, Ni as toast, Li as toggleSwitch, Fi as toggleSwitchGroup, F as useAppMenuContext, Ri as useAsyncList, o as useBreakpointListener, Kt as useContainerQueryLevel, fa as useFieldA11yContext, oa as useFieldContext, sa as useFormContext, t as useMediaQuery, Ar as usePaginationState, kr as usePaginationWindow, ge as useRouter, li as useStepper, ca as useTanstackUnityForm, Hi as useUnityForm, la as withFieldGroup, ua as withForm };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@payfit/unity-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.60.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.2.2",
|
|
97
97
|
"usehooks-ts": "3.1.1",
|
|
98
98
|
"zod": "4.4.3",
|
|
99
|
-
"@payfit/unity-illustrations": "2.
|
|
99
|
+
"@payfit/unity-illustrations": "2.60.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-
|
|
112
|
-
"@payfit/unity-
|
|
111
|
+
"@payfit/unity-themes": "2.60.0",
|
|
112
|
+
"@payfit/unity-icons": "2.60.0"
|
|
113
113
|
},
|
|
114
114
|
"devDependencies": {
|
|
115
115
|
"@figma/code-connect": "1.4.9",
|
|
@@ -156,12 +156,12 @@
|
|
|
156
156
|
"vite-plugin-node-polyfills": "0.28.0",
|
|
157
157
|
"vitest": "4.1.10",
|
|
158
158
|
"@payfit/hr-app-eslint": "0.0.0-use.local",
|
|
159
|
-
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
160
159
|
"@payfit/storybook-addon-console-errors": "0.0.0-use.local",
|
|
160
|
+
"@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
|
|
161
161
|
"@payfit/storybook-config": "0.0.0-use.local",
|
|
162
|
-
"@payfit/unity-icons": "2.
|
|
163
|
-
"@payfit/unity-illustrations": "2.
|
|
164
|
-
"@payfit/unity-themes": "2.
|
|
162
|
+
"@payfit/unity-icons": "2.60.0",
|
|
163
|
+
"@payfit/unity-illustrations": "2.60.0",
|
|
164
|
+
"@payfit/unity-themes": "2.60.0",
|
|
165
165
|
"@payfit/vite-configs": "0.0.0-use.local"
|
|
166
166
|
},
|
|
167
167
|
"peerDependenciesMeta": {
|
|
@@ -131,6 +131,21 @@
|
|
|
131
131
|
],
|
|
132
132
|
"title": "AppMenu"
|
|
133
133
|
},
|
|
134
|
+
{
|
|
135
|
+
"description": "Provides the content-level sticky top-bar structure for application shells.",
|
|
136
|
+
"docsHref": "?path=/docs/component-reference-apptopbar--docs",
|
|
137
|
+
"id": "component-reference-apptopbar",
|
|
138
|
+
"keywords": ["app-top-bar", "top bar", "app shell", "sticky header"],
|
|
139
|
+
"preview": {
|
|
140
|
+
"type": "story",
|
|
141
|
+
"story": "primary",
|
|
142
|
+
"storyId": "component-reference-apptopbar--primary"
|
|
143
|
+
},
|
|
144
|
+
"related": [],
|
|
145
|
+
"section": "patterns",
|
|
146
|
+
"tags": ["category:navigation", "type:pattern"],
|
|
147
|
+
"title": "AppTopBar"
|
|
148
|
+
},
|
|
134
149
|
{
|
|
135
150
|
"description": "Combines text search and option selection for quickly finding one value from a filtered list.",
|
|
136
151
|
"docsHref": "?path=/docs/component-reference-autocomplete--docs",
|