@pibit.ai/cure-design-system 0.6.15 → 0.6.16
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/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -10
- package/dist/patterns/empty-state/circle-pattern.d.ts +5 -0
- package/dist/patterns/empty-state/circle-pattern.d.ts.map +1 -0
- package/dist/patterns/empty-state/circle-pattern.js +162 -0
- package/dist/patterns/empty-state/empty-state.d.ts +29 -0
- package/dist/patterns/empty-state/empty-state.d.ts.map +1 -0
- package/dist/patterns/empty-state/empty-state.js +73 -0
- package/dist/patterns/empty-state/index.d.ts +2 -0
- package/dist/patterns/empty-state/index.d.ts.map +1 -0
- package/dist/primitives/featured-icon/featured-icon.d.ts +14 -0
- package/dist/primitives/featured-icon/featured-icon.d.ts.map +1 -0
- package/dist/primitives/featured-icon/featured-icon.js +136 -0
- package/dist/primitives/featured-icon/index.d.ts +2 -0
- package/dist/primitives/featured-icon/index.d.ts.map +1 -0
- package/dist/styles/components.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -28,6 +28,8 @@ export { Accordion, AccordionGroup, type AccordionProps, type AccordionGroupProp
|
|
|
28
28
|
export { DialogTrigger, ModalOverlay, Modal, Dialog, ModalWrapper, type ModalOverlayProps, type ModalProps, type DialogProps, type ModalWrapperProps, } from './patterns/modal';
|
|
29
29
|
export { Drawer, type DrawerProps } from './patterns/drawer';
|
|
30
30
|
export { ExpandableRightDrawer, type ExpandableRightDrawerProps, type ExpandableRightDrawerState, } from './patterns/expandable-drawer';
|
|
31
|
+
export { EmptyState, type EmptyStateProps, type EmptyStateHeaderProps } from './patterns/empty-state';
|
|
32
|
+
export { FeaturedIcon, type FeaturedIconProps } from './primitives/featured-icon';
|
|
31
33
|
export { Tabs, TabList, Tab, TabPanel, type TabListComponentProps, type TabComponentProps, } from './patterns/tabs';
|
|
32
34
|
export { ClickAwayListener, type ClickAwayListenerProps, shouldIgnorePortaledOverlayClickFromRoot, REACT_ARIA_POPOVER_SELECTOR, } from './patterns/click-away';
|
|
33
35
|
export { cn, cx, sortCx } from './utils/cn';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -268,9 +268,11 @@ import { Dialog as Ia, DialogTrigger as wa, Modal as Da, ModalOverlay as Ba } fr
|
|
|
268
268
|
import { ModalWrapper as Ea } from "./patterns/modal/modal-wrapper.js";
|
|
269
269
|
import { Drawer as ka } from "./patterns/drawer/drawer.js";
|
|
270
270
|
import { ExpandableRightDrawer as La } from "./patterns/expandable-drawer/expandable-drawer.js";
|
|
271
|
-
import {
|
|
272
|
-
import {
|
|
273
|
-
import {
|
|
271
|
+
import { EmptyState as Na } from "./patterns/empty-state/empty-state.js";
|
|
272
|
+
import { FeaturedIcon as Ga } from "./primitives/featured-icon/featured-icon.js";
|
|
273
|
+
import { Tab as _a, TabList as va, TabPanel as Ha, Tabs as Ua } from "./patterns/tabs/tabs.js";
|
|
274
|
+
import { ClickAwayListener as za } from "./patterns/click-away/click-away-listener.js";
|
|
275
|
+
import { REACT_ARIA_POPOVER_SELECTOR as qa, shouldIgnorePortaledOverlayClickFromRoot as Xa } from "./patterns/click-away/overlay-click-guards.js";
|
|
274
276
|
export {
|
|
275
277
|
fl as AGGREGATION_LABELS,
|
|
276
278
|
Sa as Accordion,
|
|
@@ -340,7 +342,7 @@ export {
|
|
|
340
342
|
Zo as Checklist,
|
|
341
343
|
or as ChecklistSolid,
|
|
342
344
|
er as ClearCure,
|
|
343
|
-
|
|
345
|
+
za as ClickAwayListener,
|
|
344
346
|
pr as ClipboardPlusSolid,
|
|
345
347
|
ir as ClipboardSolid,
|
|
346
348
|
fr as CodeNode,
|
|
@@ -370,12 +372,14 @@ export {
|
|
|
370
372
|
Fr as DrillDown,
|
|
371
373
|
Zx as Dropdown,
|
|
372
374
|
Qx as EllipsisContentWithTooltip,
|
|
375
|
+
Na as EmptyState,
|
|
373
376
|
Aa as ExpandableCard,
|
|
374
377
|
La as ExpandableRightDrawer,
|
|
375
378
|
Wx as ExpandableSearchInput,
|
|
376
379
|
x as FIGMA_ICONS,
|
|
377
380
|
f as FILLED_ICONS,
|
|
378
381
|
l as FIXED_ICONS,
|
|
382
|
+
Ga as FeaturedIcon,
|
|
379
383
|
Or as File04Outline,
|
|
380
384
|
Pr as File04Solid,
|
|
381
385
|
yr as FileAiSearch,
|
|
@@ -476,7 +480,7 @@ export {
|
|
|
476
480
|
bf as ProgressiveLoadingIndicator,
|
|
477
481
|
dp as Queue,
|
|
478
482
|
cp as QueueColored,
|
|
479
|
-
|
|
483
|
+
qa as REACT_ARIA_POPOVER_SELECTOR,
|
|
480
484
|
ll as ROW_HEIGHT_CLASS,
|
|
481
485
|
yf as ROW_HEIGHT_ICONS,
|
|
482
486
|
Cp as Radio,
|
|
@@ -530,9 +534,9 @@ export {
|
|
|
530
534
|
Tm as Swap,
|
|
531
535
|
Am as SyncWorkflow,
|
|
532
536
|
Mf as TOOLBAR_ICONS,
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
537
|
+
_a as Tab,
|
|
538
|
+
va as TabList,
|
|
539
|
+
Ha as TabPanel,
|
|
536
540
|
hf as Table,
|
|
537
541
|
Af as TableCard,
|
|
538
542
|
Rf as TableCell,
|
|
@@ -543,7 +547,7 @@ export {
|
|
|
543
547
|
Ll as TableUndoRedoProvider,
|
|
544
548
|
oa as TableViewsDropdown,
|
|
545
549
|
Df as TableWrapper,
|
|
546
|
-
|
|
550
|
+
Ua as Tabs,
|
|
547
551
|
Im as TestTube,
|
|
548
552
|
Dx as Text,
|
|
549
553
|
px as TextArea,
|
|
@@ -620,7 +624,7 @@ export {
|
|
|
620
624
|
Sf as schedulesToCellSet,
|
|
621
625
|
Ol as scrollGridCellIntoView,
|
|
622
626
|
ia as selectionFromSingleCell,
|
|
623
|
-
|
|
627
|
+
Xa as shouldIgnorePortaledOverlayClickFromRoot,
|
|
624
628
|
Jl as snapshotFromViewRecord,
|
|
625
629
|
wi as sortCx,
|
|
626
630
|
pf as tagKeyFromLabel,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circle-pattern.d.ts","sourceRoot":"","sources":["../../../src/patterns/empty-state/circle-pattern.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMtC,eAAO,MAAM,MAAM,GAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE,4CAKlG,CAAC"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import { cx as t } from "../../utils/cn.js";
|
|
3
|
+
const y = (e) => {
|
|
4
|
+
const { size: s = "lg", className: l } = e, i = d[s];
|
|
5
|
+
return /* @__PURE__ */ r(i, { className: l });
|
|
6
|
+
}, o = (e) => /* @__PURE__ */ c(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
width: "768",
|
|
10
|
+
height: "768",
|
|
11
|
+
viewBox: "0 0 768 768",
|
|
12
|
+
fill: "none",
|
|
13
|
+
...e,
|
|
14
|
+
className: t("text-border-secondary", e.className),
|
|
15
|
+
children: [
|
|
16
|
+
/* @__PURE__ */ r(
|
|
17
|
+
"mask",
|
|
18
|
+
{
|
|
19
|
+
id: "mask0_4933_392997",
|
|
20
|
+
style: { maskType: "alpha" },
|
|
21
|
+
maskUnits: "userSpaceOnUse",
|
|
22
|
+
x: "0",
|
|
23
|
+
y: "0",
|
|
24
|
+
width: "768",
|
|
25
|
+
height: "768",
|
|
26
|
+
children: /* @__PURE__ */ r("rect", { width: "768", height: "768", fill: "url(#paint0_radial_4933_392997)" })
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
/* @__PURE__ */ c("g", { mask: "url(#mask0_4933_392997)", children: [
|
|
30
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "47.5", stroke: "currentColor" }),
|
|
31
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "95.5", stroke: "currentColor" }),
|
|
32
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "143.5", stroke: "currentColor" }),
|
|
33
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "191.5", stroke: "currentColor" }),
|
|
34
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "239.5", stroke: "currentColor" }),
|
|
35
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "287.5", stroke: "currentColor" }),
|
|
36
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "335.5", stroke: "currentColor" }),
|
|
37
|
+
/* @__PURE__ */ r("circle", { cx: "384", cy: "384", r: "383.5", stroke: "currentColor" })
|
|
38
|
+
] }),
|
|
39
|
+
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c(
|
|
40
|
+
"radialGradient",
|
|
41
|
+
{
|
|
42
|
+
id: "paint0_radial_4933_392997",
|
|
43
|
+
cx: "0",
|
|
44
|
+
cy: "0",
|
|
45
|
+
r: "1",
|
|
46
|
+
gradientUnits: "userSpaceOnUse",
|
|
47
|
+
gradientTransform: "translate(384 384) rotate(90) scale(384 384)",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ r("stop", {}),
|
|
50
|
+
/* @__PURE__ */ r("stop", { offset: "1", stopOpacity: "0" })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
) })
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
), a = (e) => /* @__PURE__ */ c(
|
|
57
|
+
"svg",
|
|
58
|
+
{
|
|
59
|
+
width: "480",
|
|
60
|
+
height: "480",
|
|
61
|
+
viewBox: "0 0 480 480",
|
|
62
|
+
fill: "none",
|
|
63
|
+
...e,
|
|
64
|
+
className: t("text-border-secondary", e.className),
|
|
65
|
+
children: [
|
|
66
|
+
/* @__PURE__ */ r(
|
|
67
|
+
"mask",
|
|
68
|
+
{
|
|
69
|
+
id: "mask0_4933_393068",
|
|
70
|
+
style: { maskType: "alpha" },
|
|
71
|
+
maskUnits: "userSpaceOnUse",
|
|
72
|
+
x: "0",
|
|
73
|
+
y: "0",
|
|
74
|
+
width: "480",
|
|
75
|
+
height: "480",
|
|
76
|
+
children: /* @__PURE__ */ r("rect", { width: "480", height: "480", fill: "url(#paint0_radial_4933_393068)" })
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
/* @__PURE__ */ c("g", { mask: "url(#mask0_4933_393068)", children: [
|
|
80
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "47.5", stroke: "currentColor" }),
|
|
81
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "79.5", stroke: "currentColor" }),
|
|
82
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "111.5", stroke: "currentColor" }),
|
|
83
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "143.5", stroke: "currentColor" }),
|
|
84
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "143.5", stroke: "currentColor" }),
|
|
85
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "175.5", stroke: "currentColor" }),
|
|
86
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "207.5", stroke: "currentColor" }),
|
|
87
|
+
/* @__PURE__ */ r("circle", { cx: "240", cy: "240", r: "239.5", stroke: "currentColor" })
|
|
88
|
+
] }),
|
|
89
|
+
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c(
|
|
90
|
+
"radialGradient",
|
|
91
|
+
{
|
|
92
|
+
id: "paint0_radial_4933_393068",
|
|
93
|
+
cx: "0",
|
|
94
|
+
cy: "0",
|
|
95
|
+
r: "1",
|
|
96
|
+
gradientUnits: "userSpaceOnUse",
|
|
97
|
+
gradientTransform: "translate(240 240) rotate(90) scale(240 240)",
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ r("stop", {}),
|
|
100
|
+
/* @__PURE__ */ r("stop", { offset: "1", stopOpacity: "0" })
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
) })
|
|
104
|
+
]
|
|
105
|
+
}
|
|
106
|
+
), n = (e) => /* @__PURE__ */ c(
|
|
107
|
+
"svg",
|
|
108
|
+
{
|
|
109
|
+
width: "336",
|
|
110
|
+
height: "336",
|
|
111
|
+
viewBox: "0 0 336 336",
|
|
112
|
+
fill: "none",
|
|
113
|
+
...e,
|
|
114
|
+
className: t("text-border-secondary", e.className),
|
|
115
|
+
children: [
|
|
116
|
+
/* @__PURE__ */ r(
|
|
117
|
+
"mask",
|
|
118
|
+
{
|
|
119
|
+
id: "mask0_4947_375931",
|
|
120
|
+
style: { maskType: "alpha" },
|
|
121
|
+
maskUnits: "userSpaceOnUse",
|
|
122
|
+
x: "0",
|
|
123
|
+
y: "0",
|
|
124
|
+
width: "336",
|
|
125
|
+
height: "336",
|
|
126
|
+
children: /* @__PURE__ */ r("rect", { width: "336", height: "336", fill: "url(#paint0_radial_4947_375931)" })
|
|
127
|
+
}
|
|
128
|
+
),
|
|
129
|
+
/* @__PURE__ */ c("g", { mask: "url(#mask0_4947_375931)", children: [
|
|
130
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "47.5", stroke: "currentColor" }),
|
|
131
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "47.5", stroke: "currentColor" }),
|
|
132
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "71.5", stroke: "currentColor" }),
|
|
133
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "95.5", stroke: "currentColor" }),
|
|
134
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "119.5", stroke: "currentColor" }),
|
|
135
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "143.5", stroke: "currentColor" }),
|
|
136
|
+
/* @__PURE__ */ r("circle", { cx: "168", cy: "168", r: "167.5", stroke: "currentColor" })
|
|
137
|
+
] }),
|
|
138
|
+
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ c(
|
|
139
|
+
"radialGradient",
|
|
140
|
+
{
|
|
141
|
+
id: "paint0_radial_4947_375931",
|
|
142
|
+
cx: "0",
|
|
143
|
+
cy: "0",
|
|
144
|
+
r: "1",
|
|
145
|
+
gradientUnits: "userSpaceOnUse",
|
|
146
|
+
gradientTransform: "translate(168 168) rotate(90) scale(168 168)",
|
|
147
|
+
children: [
|
|
148
|
+
/* @__PURE__ */ r("stop", {}),
|
|
149
|
+
/* @__PURE__ */ r("stop", { offset: "1", stopOpacity: "0" })
|
|
150
|
+
]
|
|
151
|
+
}
|
|
152
|
+
) })
|
|
153
|
+
]
|
|
154
|
+
}
|
|
155
|
+
), d = {
|
|
156
|
+
sm: n,
|
|
157
|
+
md: a,
|
|
158
|
+
lg: o
|
|
159
|
+
};
|
|
160
|
+
export {
|
|
161
|
+
y as Circle
|
|
162
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
|
2
|
+
import { FeaturedIcon as FeaturedIconbase } from '../../primitives/featured-icon';
|
|
3
|
+
interface RootContextProps {
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
5
|
+
}
|
|
6
|
+
export interface EmptyStateProps extends ComponentPropsWithRef<"div">, RootContextProps {
|
|
7
|
+
}
|
|
8
|
+
declare const Root: ({ size, ...props }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const FeaturedIcon: ({ color, theme, icon, size, ...props }: ComponentPropsWithRef<typeof FeaturedIconbase>) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export interface EmptyStateHeaderProps extends ComponentPropsWithRef<"div"> {
|
|
11
|
+
/** The backdrop behind the icon. Only the circle pattern is carried over; nothing in the app used the others. */
|
|
12
|
+
pattern?: "none" | "circle";
|
|
13
|
+
patternSize?: "sm" | "md" | "lg";
|
|
14
|
+
}
|
|
15
|
+
declare const Header: ({ pattern, patternSize, ...props }: EmptyStateHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare const Content: (props: ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare const Footer: (props: ComponentPropsWithRef<"div">) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const Title: (props: ComponentPropsWithRef<"h1">) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare const Description: (props: ComponentPropsWithRef<"p">) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare const EmptyState: typeof Root & {
|
|
21
|
+
Title: typeof Title;
|
|
22
|
+
Header: typeof Header;
|
|
23
|
+
Footer: typeof Footer;
|
|
24
|
+
Content: typeof Content;
|
|
25
|
+
Description: typeof Description;
|
|
26
|
+
FeaturedIcon: typeof FeaturedIcon;
|
|
27
|
+
};
|
|
28
|
+
export { EmptyState };
|
|
29
|
+
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/patterns/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAW9E,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAID,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,gBAAgB;CAAG;AAE1F,QAAA,MAAM,IAAI,GAAI,oBAA2B,eAAe,4CASvD,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,wCAMnB,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,4CAIhD,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE,iHAAiH;IACjH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,GAAI,oCAAsD,qBAAqB,4CAc1F,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAanD,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,OAAO,qBAAqB,CAAC,KAAK,CAAC,4CAElD,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,OAAO,qBAAqB,CAAC,IAAI,CAAC,4CAchD,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,OAAO,qBAAqB,CAAC,GAAG,CAAC,4CAMrD,CAAC;AAEF,QAAA,MAAM,UAAU,EAAW,OAAO,IAAI,GAAG;IACvC,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,YAAY,EAAE,OAAO,YAAY,CAAC;CACnC,CAAC;AASF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { jsx as s, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { createContext as d, useContext as m } from "react";
|
|
3
|
+
import { SearchLg as u } from "@untitledui/icons";
|
|
4
|
+
import { cx as o } from "../../utils/cn.js";
|
|
5
|
+
import { Circle as f } from "./circle-pattern.js";
|
|
6
|
+
import { FeaturedIcon as g } from "../../primitives/featured-icon/featured-icon.js";
|
|
7
|
+
const r = d({ size: "lg" }), N = ({ size: e = "lg", ...t }) => /* @__PURE__ */ s(r.Provider, { value: { size: e }, children: /* @__PURE__ */ s(
|
|
8
|
+
"div",
|
|
9
|
+
{
|
|
10
|
+
...t,
|
|
11
|
+
className: o("mx-auto flex w-full max-w-lg flex-col items-center justify-center", t.className)
|
|
12
|
+
}
|
|
13
|
+
) }), z = ({
|
|
14
|
+
color: e = "gray",
|
|
15
|
+
theme: t = "modern",
|
|
16
|
+
icon: a = u,
|
|
17
|
+
size: c = "lg",
|
|
18
|
+
...l
|
|
19
|
+
}) => {
|
|
20
|
+
const { size: i } = m(r);
|
|
21
|
+
return /* @__PURE__ */ s(g, { ...l, color: e, theme: t, icon: a, size: i === "lg" ? "xl" : c });
|
|
22
|
+
}, y = ({ pattern: e = "circle", patternSize: t = "md", ...a }) => {
|
|
23
|
+
const { size: c } = m(r);
|
|
24
|
+
return /* @__PURE__ */ x("header", { ...a, className: o("relative mb-4", (c === "md" || c === "lg") && "mb-5", a.className), children: [
|
|
25
|
+
e !== "none" && /* @__PURE__ */ s(
|
|
26
|
+
f,
|
|
27
|
+
{
|
|
28
|
+
size: t,
|
|
29
|
+
className: o("pointer-events-none", "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2")
|
|
30
|
+
}
|
|
31
|
+
),
|
|
32
|
+
a.children
|
|
33
|
+
] });
|
|
34
|
+
}, b = (e) => {
|
|
35
|
+
const { size: t } = m(r);
|
|
36
|
+
return /* @__PURE__ */ s(
|
|
37
|
+
"main",
|
|
38
|
+
{
|
|
39
|
+
...e,
|
|
40
|
+
className: o(
|
|
41
|
+
"z-10 mb-6 flex w-full max-w-88 flex-col items-center justify-center gap-1",
|
|
42
|
+
(t === "md" || t === "lg") && "mb-8 gap-2",
|
|
43
|
+
e.className
|
|
44
|
+
)
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
}, h = (e) => /* @__PURE__ */ s("footer", { ...e, className: o("z-10 flex gap-3", e.className) }), C = (e) => {
|
|
48
|
+
const { size: t } = m(r);
|
|
49
|
+
return /* @__PURE__ */ s(
|
|
50
|
+
"h1",
|
|
51
|
+
{
|
|
52
|
+
...e,
|
|
53
|
+
className: o(
|
|
54
|
+
"text-md font-semibold text-primary",
|
|
55
|
+
t === "md" && "text-sm font-medium",
|
|
56
|
+
t === "lg" && "text-lg font-medium",
|
|
57
|
+
e.className
|
|
58
|
+
)
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
}, F = (e) => {
|
|
62
|
+
const { size: t } = m(r);
|
|
63
|
+
return /* @__PURE__ */ s("p", { ...e, className: o("text-center text-xs text-tertiary", t === "lg" && "text-sm", e.className) });
|
|
64
|
+
}, n = N;
|
|
65
|
+
n.Title = C;
|
|
66
|
+
n.Header = y;
|
|
67
|
+
n.Footer = h;
|
|
68
|
+
n.Content = b;
|
|
69
|
+
n.Description = F;
|
|
70
|
+
n.FeaturedIcon = z;
|
|
71
|
+
export {
|
|
72
|
+
n as EmptyState
|
|
73
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC, ReactNode, Ref } from 'react';
|
|
2
|
+
export interface FeaturedIconProps {
|
|
3
|
+
ref?: Ref<HTMLDivElement>;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
icon?: FC<{
|
|
7
|
+
className?: string;
|
|
8
|
+
}> | ReactNode;
|
|
9
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
10
|
+
color: "brand" | "gray" | "success" | "warning" | "error";
|
|
11
|
+
theme?: "light" | "gradient" | "dark" | "outline" | "modern" | "modern-neue";
|
|
12
|
+
}
|
|
13
|
+
export declare const FeaturedIcon: (props: FeaturedIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=featured-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"featured-icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/featured-icon/featured-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AA6HhD,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;CAC9E;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAwBpD,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { jsxs as b, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement as n } from "react";
|
|
3
|
+
import { cx as f, sortCx as g } from "../../utils/cn.js";
|
|
4
|
+
import { isReactComponent as l } from "../../utils/is-react-component.js";
|
|
5
|
+
const c = {
|
|
6
|
+
sm: "*:data-icon:size-4",
|
|
7
|
+
md: "*:data-icon:size-5",
|
|
8
|
+
lg: "*:data-icon:size-6",
|
|
9
|
+
xl: "*:data-icon:size-7"
|
|
10
|
+
}, s = g({
|
|
11
|
+
light: {
|
|
12
|
+
base: "rounded-full",
|
|
13
|
+
sizes: {
|
|
14
|
+
sm: "size-8",
|
|
15
|
+
md: "size-10",
|
|
16
|
+
lg: "size-12",
|
|
17
|
+
xl: "size-14"
|
|
18
|
+
},
|
|
19
|
+
colors: {
|
|
20
|
+
brand: "bg-brand-secondary text-featured-icon-light-fg-brand",
|
|
21
|
+
gray: "bg-tertiary text-featured-icon-light-fg-gray",
|
|
22
|
+
error: "bg-error-secondary text-featured-icon-light-fg-error",
|
|
23
|
+
warning: "bg-warning-secondary text-featured-icon-light-fg-warning",
|
|
24
|
+
success: "bg-success-secondary text-featured-icon-light-fg-success"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
gradient: {
|
|
28
|
+
base: "rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full",
|
|
29
|
+
sizes: {
|
|
30
|
+
sm: "size-8 after:size-6 *:data-icon:size-4",
|
|
31
|
+
md: "size-10 after:size-7 *:data-icon:size-4",
|
|
32
|
+
lg: "size-12 after:size-8 *:data-icon:size-5",
|
|
33
|
+
xl: "size-14 after:size-10 *:data-icon:size-5"
|
|
34
|
+
},
|
|
35
|
+
colors: {
|
|
36
|
+
brand: "before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid",
|
|
37
|
+
gray: "before:border-utility-gray-200 before:bg-utility-gray-50 after:bg-secondary-solid",
|
|
38
|
+
error: "before:border-utility-error-200 before:bg-utility-error-50 after:bg-error-solid",
|
|
39
|
+
warning: "before:border-utility-warning-200 before:bg-utility-warning-50 after:bg-warning-solid",
|
|
40
|
+
success: "before:border-utility-success-200 before:bg-utility-success-50 after:bg-success-solid"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
dark: {
|
|
44
|
+
base: "text-fg-white shadow-xs-skeumorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%",
|
|
45
|
+
sizes: {
|
|
46
|
+
sm: "size-8 rounded-md before:rounded-[5px]",
|
|
47
|
+
md: "size-10 rounded-lg before:rounded-[7px]",
|
|
48
|
+
lg: "size-12 rounded-[10px] before:rounded-[9px]",
|
|
49
|
+
xl: "size-14 rounded-xl before:rounded-[11px]"
|
|
50
|
+
},
|
|
51
|
+
colors: {
|
|
52
|
+
brand: "bg-brand-solid before:border-utility-brand-200/12",
|
|
53
|
+
gray: "bg-secondary-solid before:border-utility-gray-200/12",
|
|
54
|
+
error: "bg-error-solid before:border-utility-error-200/12",
|
|
55
|
+
warning: "bg-warning-solid before:border-utility-warning-200/12",
|
|
56
|
+
success: "bg-success-solid before:border-utility-success-200/12"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
modern: {
|
|
60
|
+
base: "bg-primary ",
|
|
61
|
+
sizes: {
|
|
62
|
+
sm: "size-8 rounded-md",
|
|
63
|
+
md: "size-10 rounded-lg",
|
|
64
|
+
lg: "size-12 rounded-[10px]",
|
|
65
|
+
xl: "size-14 rounded-xl"
|
|
66
|
+
},
|
|
67
|
+
colors: {
|
|
68
|
+
brand: "",
|
|
69
|
+
gray: "text-fg-secondary ring-primary",
|
|
70
|
+
error: "",
|
|
71
|
+
warning: "",
|
|
72
|
+
success: ""
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
"modern-neue": {
|
|
76
|
+
base: [
|
|
77
|
+
"bg-primary_alt ring-1 ring-inset before:absolute before:inset-1",
|
|
78
|
+
// Shadow
|
|
79
|
+
"before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt"
|
|
80
|
+
].join(" "),
|
|
81
|
+
sizes: {
|
|
82
|
+
sm: "size-8 rounded-[8px] before:rounded-[4px]",
|
|
83
|
+
md: "size-10 rounded-[10px] before:rounded-[6px]",
|
|
84
|
+
lg: "size-12 rounded-[12px] before:rounded-[8px]",
|
|
85
|
+
xl: "size-14 rounded-[14px] before:rounded-[10px]"
|
|
86
|
+
},
|
|
87
|
+
colors: {
|
|
88
|
+
brand: "",
|
|
89
|
+
gray: "text-fg-secondary ring-primary",
|
|
90
|
+
error: "",
|
|
91
|
+
warning: "",
|
|
92
|
+
success: ""
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
outline: {
|
|
96
|
+
base: "before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2",
|
|
97
|
+
sizes: {
|
|
98
|
+
sm: "size-4 before:size-6 after:size-8.5",
|
|
99
|
+
md: "size-5 before:size-7 after:size-9.5",
|
|
100
|
+
lg: "size-6 before:size-8 after:size-10.5",
|
|
101
|
+
xl: "size-7 before:size-9 after:size-11.5"
|
|
102
|
+
},
|
|
103
|
+
colors: {
|
|
104
|
+
brand: "text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10",
|
|
105
|
+
gray: "text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10",
|
|
106
|
+
error: "text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10",
|
|
107
|
+
warning: "text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10",
|
|
108
|
+
success: "text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10"
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}), y = (r) => {
|
|
112
|
+
const { size: i = "sm", theme: o = "light", color: t = "brand", icon: e, ...d } = r;
|
|
113
|
+
return /* @__PURE__ */ b(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
...d,
|
|
117
|
+
"data-featured-icon": !0,
|
|
118
|
+
className: f(
|
|
119
|
+
"relative flex shrink-0 items-center justify-center",
|
|
120
|
+
c[i],
|
|
121
|
+
s[o].base,
|
|
122
|
+
s[o].sizes[i],
|
|
123
|
+
s[o].colors[t],
|
|
124
|
+
r.className
|
|
125
|
+
),
|
|
126
|
+
children: [
|
|
127
|
+
l(e) && /* @__PURE__ */ a(e, { "data-icon": !0, className: "z-1" }),
|
|
128
|
+
n(e) && /* @__PURE__ */ a("div", { className: "z-1", children: e }),
|
|
129
|
+
r.children
|
|
130
|
+
]
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
};
|
|
134
|
+
export {
|
|
135
|
+
y as FeaturedIcon
|
|
136
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/featured-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}
|