@xemahq/ui-kernel 0.1.11 → 0.2.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/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/biome-host/biome-builders.d.ts +21 -0
- package/dist/lib/biome-host/biome-builders.d.ts.map +1 -0
- package/dist/lib/biome-host/biome-builders.js +25 -0
- package/dist/lib/biome-host/biome-builders.js.map +1 -0
- package/dist/lib/biome-host/biome-navigation.d.ts +3 -0
- package/dist/lib/biome-host/biome-navigation.d.ts.map +1 -0
- package/dist/lib/biome-host/biome-navigation.js +14 -0
- package/dist/lib/biome-host/biome-navigation.js.map +1 -0
- package/dist/lib/biome-host/biome-scope.d.ts +18 -0
- package/dist/lib/biome-host/biome-scope.d.ts.map +1 -0
- package/dist/lib/biome-host/biome-scope.js +42 -0
- package/dist/lib/biome-host/biome-scope.js.map +1 -0
- package/dist/lib/biome-host/biome-scoped-query.d.ts +17 -0
- package/dist/lib/biome-host/biome-scoped-query.d.ts.map +1 -0
- package/dist/lib/biome-host/biome-scoped-query.js +39 -0
- package/dist/lib/biome-host/biome-scoped-query.js.map +1 -0
- package/dist/lib/biome-host/host-bridge.d.ts +3 -0
- package/dist/lib/biome-host/host-bridge.d.ts.map +1 -1
- package/dist/lib/biome-host/host-bridge.js.map +1 -1
- package/dist/lib/biome-host/index.d.ts +4 -0
- package/dist/lib/biome-host/index.d.ts.map +1 -1
- package/dist/lib/biome-host/index.js +4 -0
- package/dist/lib/biome-host/index.js.map +1 -1
- package/dist/lib/capabilities/capability-provider.d.ts +15 -0
- package/dist/lib/capabilities/capability-provider.d.ts.map +1 -0
- package/dist/lib/capabilities/capability-provider.js +36 -0
- package/dist/lib/capabilities/capability-provider.js.map +1 -0
- package/dist/lib/capabilities/index.d.ts +4 -0
- package/dist/lib/capabilities/index.d.ts.map +1 -0
- package/dist/lib/capabilities/index.js +20 -0
- package/dist/lib/capabilities/index.js.map +1 -0
- package/dist/lib/capabilities/types.d.ts +18 -0
- package/dist/lib/capabilities/types.d.ts.map +1 -0
- package/dist/lib/capabilities/types.js +3 -0
- package/dist/lib/capabilities/types.js.map +1 -0
- package/dist/lib/capabilities/use-capability.d.ts +18 -0
- package/dist/lib/capabilities/use-capability.d.ts.map +1 -0
- package/dist/lib/capabilities/use-capability.js +21 -0
- package/dist/lib/capabilities/use-capability.js.map +1 -0
- package/dist/session/shell/SessionWorkspaceShell.js +1 -1
- package/dist/session/shell/SessionWorkspaceShell.js.map +1 -1
- package/dist/session-kit/display/ThinkingPanel.d.ts.map +1 -1
- package/dist/session-kit/display/ThinkingPanel.js +3 -0
- package/dist/session-kit/display/ThinkingPanel.js.map +1 -1
- package/dist/ui/chrome/AsyncBoundary.d.ts +22 -0
- package/dist/ui/chrome/AsyncBoundary.d.ts.map +1 -0
- package/dist/ui/chrome/AsyncBoundary.js +23 -0
- package/dist/ui/chrome/AsyncBoundary.js.map +1 -0
- package/dist/ui/chrome/EmptyState.d.ts +34 -0
- package/dist/ui/chrome/EmptyState.d.ts.map +1 -0
- package/dist/ui/chrome/EmptyState.js +27 -0
- package/dist/ui/chrome/EmptyState.js.map +1 -0
- package/dist/ui/chrome/ErrorCard.d.ts +11 -0
- package/dist/ui/chrome/ErrorCard.d.ts.map +1 -0
- package/dist/ui/chrome/ErrorCard.js +21 -0
- package/dist/ui/chrome/ErrorCard.js.map +1 -0
- package/dist/ui/chrome/LoadingState.d.ts +10 -0
- package/dist/ui/chrome/LoadingState.d.ts.map +1 -0
- package/dist/ui/chrome/LoadingState.js +17 -0
- package/dist/ui/chrome/LoadingState.js.map +1 -0
- package/dist/ui/chrome/PageHeader.d.ts +20 -0
- package/dist/ui/chrome/PageHeader.d.ts.map +1 -0
- package/dist/ui/chrome/PageHeader.js +26 -0
- package/dist/ui/chrome/PageHeader.js.map +1 -0
- package/dist/ui/chrome/StateCard.d.ts +24 -0
- package/dist/ui/chrome/StateCard.d.ts.map +1 -0
- package/dist/ui/chrome/StateCard.js +17 -0
- package/dist/ui/chrome/StateCard.js.map +1 -0
- package/dist/ui/cn.d.ts +3 -0
- package/dist/ui/cn.d.ts.map +1 -0
- package/dist/ui/cn.js +18 -0
- package/dist/ui/cn.js.map +1 -0
- package/dist/ui/index.d.ts +33 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +61 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/primitives/alert-dialog.d.ts +21 -0
- package/dist/ui/primitives/alert-dialog.d.ts.map +1 -0
- package/dist/ui/primitives/alert-dialog.js +72 -0
- package/dist/ui/primitives/alert-dialog.js.map +1 -0
- package/dist/ui/primitives/badge.d.ts +10 -0
- package/dist/ui/primitives/badge.d.ts.map +1 -0
- package/dist/ui/primitives/badge.js +60 -0
- package/dist/ui/primitives/badge.js.map +1 -0
- package/dist/ui/primitives/button.d.ts +12 -0
- package/dist/ui/primitives/button.d.ts.map +1 -0
- package/dist/ui/primitives/button.js +71 -0
- package/dist/ui/primitives/button.js.map +1 -0
- package/dist/ui/primitives/card.d.ts +9 -0
- package/dist/ui/primitives/card.d.ts.map +1 -0
- package/dist/ui/primitives/card.js +58 -0
- package/dist/ui/primitives/card.js.map +1 -0
- package/dist/ui/primitives/checkbox.d.ts +5 -0
- package/dist/ui/primitives/checkbox.d.ts.map +1 -0
- package/dist/ui/primitives/checkbox.js +45 -0
- package/dist/ui/primitives/checkbox.js.map +1 -0
- package/dist/ui/primitives/collapsible.d.ts +6 -0
- package/dist/ui/primitives/collapsible.d.ts.map +1 -0
- package/dist/ui/primitives/collapsible.js +44 -0
- package/dist/ui/primitives/collapsible.js.map +1 -0
- package/dist/ui/primitives/dialog.d.ts +22 -0
- package/dist/ui/primitives/dialog.d.ts.map +1 -0
- package/dist/ui/primitives/dialog.js +68 -0
- package/dist/ui/primitives/dialog.js.map +1 -0
- package/dist/ui/primitives/dropdown-menu.d.ts +28 -0
- package/dist/ui/primitives/dropdown-menu.d.ts.map +1 -0
- package/dist/ui/primitives/dropdown-menu.js +83 -0
- package/dist/ui/primitives/dropdown-menu.js.map +1 -0
- package/dist/ui/primitives/input.d.ts +4 -0
- package/dist/ui/primitives/input.d.ts.map +1 -0
- package/dist/ui/primitives/input.js +45 -0
- package/dist/ui/primitives/input.js.map +1 -0
- package/dist/ui/primitives/label.d.ts +6 -0
- package/dist/ui/primitives/label.d.ts.map +1 -0
- package/dist/ui/primitives/label.js +46 -0
- package/dist/ui/primitives/label.js.map +1 -0
- package/dist/ui/primitives/overflow-tabs.d.ts +18 -0
- package/dist/ui/primitives/overflow-tabs.d.ts.map +1 -0
- package/dist/ui/primitives/overflow-tabs.js +84 -0
- package/dist/ui/primitives/overflow-tabs.js.map +1 -0
- package/dist/ui/primitives/popover.d.ts +9 -0
- package/dist/ui/primitives/popover.d.ts.map +1 -0
- package/dist/ui/primitives/popover.js +48 -0
- package/dist/ui/primitives/popover.js.map +1 -0
- package/dist/ui/primitives/radio-group.d.ts +6 -0
- package/dist/ui/primitives/radio-group.d.ts.map +1 -0
- package/dist/ui/primitives/radio-group.js +52 -0
- package/dist/ui/primitives/radio-group.js.map +1 -0
- package/dist/ui/primitives/resizable.d.ts +12 -0
- package/dist/ui/primitives/resizable.d.ts.map +1 -0
- package/dist/ui/primitives/resizable.js +18 -0
- package/dist/ui/primitives/resizable.js.map +1 -0
- package/dist/ui/primitives/scroll-area.d.ts +6 -0
- package/dist/ui/primitives/scroll-area.d.ts.map +1 -0
- package/dist/ui/primitives/scroll-area.js +47 -0
- package/dist/ui/primitives/scroll-area.js.map +1 -0
- package/dist/ui/primitives/select.d.ts +14 -0
- package/dist/ui/primitives/select.d.ts.map +1 -0
- package/dist/ui/primitives/select.js +71 -0
- package/dist/ui/primitives/select.js.map +1 -0
- package/dist/ui/primitives/separator.d.ts +5 -0
- package/dist/ui/primitives/separator.d.ts.map +1 -0
- package/dist/ui/primitives/separator.js +44 -0
- package/dist/ui/primitives/separator.js.map +1 -0
- package/dist/ui/primitives/sheet.d.ts +26 -0
- package/dist/ui/primitives/sheet.d.ts.map +1 -0
- package/dist/ui/primitives/sheet.js +82 -0
- package/dist/ui/primitives/sheet.js.map +1 -0
- package/dist/ui/primitives/skeleton.d.ts +13 -0
- package/dist/ui/primitives/skeleton.d.ts.map +1 -0
- package/dist/ui/primitives/skeleton.js +29 -0
- package/dist/ui/primitives/skeleton.js.map +1 -0
- package/dist/ui/primitives/switch.d.ts +5 -0
- package/dist/ui/primitives/switch.d.ts.map +1 -0
- package/dist/ui/primitives/switch.js +44 -0
- package/dist/ui/primitives/switch.js.map +1 -0
- package/dist/ui/primitives/table.d.ts +11 -0
- package/dist/ui/primitives/table.d.ts.map +1 -0
- package/dist/ui/primitives/table.js +64 -0
- package/dist/ui/primitives/table.js.map +1 -0
- package/dist/ui/primitives/tabs.d.ts +8 -0
- package/dist/ui/primitives/tabs.d.ts.map +1 -0
- package/dist/ui/primitives/tabs.js +52 -0
- package/dist/ui/primitives/tabs.js.map +1 -0
- package/dist/ui/primitives/tag-multi-select.d.ts +19 -0
- package/dist/ui/primitives/tag-multi-select.d.ts.map +1 -0
- package/dist/ui/primitives/tag-multi-select.js +92 -0
- package/dist/ui/primitives/tag-multi-select.js.map +1 -0
- package/dist/ui/primitives/textarea.d.ts +5 -0
- package/dist/ui/primitives/textarea.d.ts.map +1 -0
- package/dist/ui/primitives/textarea.js +45 -0
- package/dist/ui/primitives/textarea.js.map +1 -0
- package/dist/ui/primitives/tooltip.d.ts +8 -0
- package/dist/ui/primitives/tooltip.d.ts.map +1 -0
- package/dist/ui/primitives/tooltip.js +50 -0
- package/dist/ui/primitives/tooltip.js.map +1 -0
- package/package.json +27 -4
- package/src/index.ts +1 -0
- package/src/lib/biome-host/biome-builders.ts +109 -0
- package/src/lib/biome-host/biome-navigation.ts +37 -0
- package/src/lib/biome-host/biome-scope.tsx +119 -0
- package/src/lib/biome-host/biome-scoped-query.ts +130 -0
- package/src/lib/biome-host/host-bridge.ts +23 -0
- package/src/lib/biome-host/index.ts +4 -0
- package/src/lib/capabilities/capability-provider.tsx +95 -0
- package/src/lib/capabilities/index.ts +16 -0
- package/src/lib/capabilities/types.ts +69 -0
- package/src/lib/capabilities/use-capability.ts +72 -0
- package/src/session/shell/SessionWorkspaceShell.tsx +2 -2
- package/src/session-kit/display/ThinkingPanel.tsx +3 -0
- package/src/ui/chrome/AsyncBoundary.tsx +66 -0
- package/src/ui/chrome/EmptyState.tsx +184 -0
- package/src/ui/chrome/ErrorCard.tsx +68 -0
- package/src/ui/chrome/LoadingState.tsx +61 -0
- package/src/ui/chrome/PageHeader.tsx +137 -0
- package/src/ui/chrome/StateCard.tsx +150 -0
- package/src/ui/cn.ts +32 -0
- package/src/ui/index.ts +53 -0
- package/src/ui/primitives/alert-dialog.tsx +104 -0
- package/src/ui/primitives/badge.tsx +32 -0
- package/src/ui/primitives/button.tsx +47 -0
- package/src/ui/primitives/card.tsx +43 -0
- package/src/ui/primitives/checkbox.tsx +26 -0
- package/src/ui/primitives/collapsible.tsx +9 -0
- package/src/ui/primitives/dialog.tsx +103 -0
- package/src/ui/primitives/dropdown-menu.tsx +179 -0
- package/src/ui/primitives/input.tsx +22 -0
- package/src/ui/primitives/label.tsx +17 -0
- package/src/ui/primitives/overflow-tabs.tsx +281 -0
- package/src/ui/primitives/popover.tsx +33 -0
- package/src/ui/primitives/radio-group.tsx +36 -0
- package/src/ui/primitives/resizable.tsx +67 -0
- package/src/ui/primitives/scroll-area.tsx +38 -0
- package/src/ui/primitives/select.tsx +143 -0
- package/src/ui/primitives/separator.tsx +20 -0
- package/src/ui/primitives/sheet.tsx +107 -0
- package/src/ui/primitives/skeleton.tsx +99 -0
- package/src/ui/primitives/switch.tsx +27 -0
- package/src/ui/primitives/table.tsx +72 -0
- package/src/ui/primitives/tabs.tsx +53 -0
- package/src/ui/primitives/tag-multi-select.tsx +241 -0
- package/src/ui/primitives/textarea.tsx +21 -0
- package/src/ui/primitives/tooltip.tsx +30 -0
- package/dist/lib/biome-host/composition-validation.d.ts +0 -22
- package/dist/lib/biome-host/composition-validation.d.ts.map +0 -1
- package/dist/lib/biome-host/composition-validation.js +0 -127
- package/dist/lib/biome-host/composition-validation.js.map +0 -1
- package/dist/registry/lib/composition-validation-host.d.ts +0 -3
- package/dist/registry/lib/composition-validation-host.d.ts.map +0 -1
- package/dist/registry/lib/composition-validation-host.js +0 -10
- package/dist/registry/lib/composition-validation-host.js.map +0 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = AsyncBoundary;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const ErrorCard_1 = __importDefault(require("./ErrorCard"));
|
|
9
|
+
const EmptyState_1 = __importDefault(require("./EmptyState"));
|
|
10
|
+
const LoadingState_1 = __importDefault(require("./LoadingState"));
|
|
11
|
+
function AsyncBoundary({ isLoading, error, isEmpty, empty, onRetry, loadingVariant, formatError, children, }) {
|
|
12
|
+
if (isLoading) {
|
|
13
|
+
return (0, jsx_runtime_1.jsx)(LoadingState_1.default, { variant: loadingVariant });
|
|
14
|
+
}
|
|
15
|
+
if (error) {
|
|
16
|
+
return (0, jsx_runtime_1.jsx)(ErrorCard_1.default, { error: error, onRetry: onRetry, formatError: formatError });
|
|
17
|
+
}
|
|
18
|
+
if (isEmpty && empty) {
|
|
19
|
+
return (0, jsx_runtime_1.jsx)(EmptyState_1.default, { icon: empty.icon, title: empty.title, description: empty.description });
|
|
20
|
+
}
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=AsyncBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsyncBoundary.js","sourceRoot":"","sources":["../../../src/ui/chrome/AsyncBoundary.tsx"],"names":[],"mappings":";;;;;AA0CA,gCAuBC;;AA9DD,4DAAoE;AACpE,8DAAsC;AACtC,kEAAwE;AAqCxE,SAAwB,aAAa,CAAC,EACpC,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,QAAQ,GACqB;IAC7B,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,uBAAC,sBAAY,IAAC,OAAO,EAAE,cAAc,GAAI,CAAC;IACnD,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;IACjF,CAAC;IAED,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;QACrB,OAAO,uBAAC,oBAAU,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC;IAC9F,CAAC;IAED,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { LucideIcon } from 'lucide-react';
|
|
2
|
+
import type { ComponentType, ReactNode } from 'react';
|
|
3
|
+
export type EmptyStateVariant = 'not-configured' | 'no-results' | 'disabled-context';
|
|
4
|
+
export type EmptyStateSize = 'comfortable' | 'dense' | 'inline';
|
|
5
|
+
export type EmptyStateLinkComponent = ComponentType<{
|
|
6
|
+
href: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}>;
|
|
9
|
+
interface EmptyStateAction {
|
|
10
|
+
label: string;
|
|
11
|
+
onClick: () => void;
|
|
12
|
+
icon?: LucideIcon;
|
|
13
|
+
}
|
|
14
|
+
interface EmptyStateSecondaryAction {
|
|
15
|
+
label: string;
|
|
16
|
+
href: string;
|
|
17
|
+
}
|
|
18
|
+
interface EmptyStateProps {
|
|
19
|
+
icon: LucideIcon;
|
|
20
|
+
title: string;
|
|
21
|
+
description?: ReactNode;
|
|
22
|
+
illustration?: ReactNode;
|
|
23
|
+
variant?: EmptyStateVariant;
|
|
24
|
+
size?: EmptyStateSize;
|
|
25
|
+
iconBg?: string;
|
|
26
|
+
iconColor?: string;
|
|
27
|
+
action?: EmptyStateAction;
|
|
28
|
+
secondaryAction?: EmptyStateSecondaryAction;
|
|
29
|
+
linkComponent?: EmptyStateLinkComponent;
|
|
30
|
+
className?: string;
|
|
31
|
+
}
|
|
32
|
+
export default function EmptyState({ icon: Icon, title, description, illustration, variant, size, iconBg, iconColor, action, secondaryAction, linkComponent, className, }: Readonly<EmptyStateProps>): import("react").JSX.Element;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,YAAY,GAAG,kBAAkB,CAAC;AAarF,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAOhE,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAMH,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,eAAe;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAE5C,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAA0B,EAC1B,IAAoB,EACpB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,QAAQ,CAAC,eAAe,CAAC,+BAkG3B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = EmptyState;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const cn_1 = require("../cn");
|
|
6
|
+
const button_1 = require("../primitives/button");
|
|
7
|
+
const card_1 = require("../primitives/card");
|
|
8
|
+
const DefaultLink = ({ href, children }) => ((0, jsx_runtime_1.jsx)("a", { href: href, children: children }));
|
|
9
|
+
const VARIANT_DEFAULTS = {
|
|
10
|
+
'not-configured': { iconBg: 'bg-info/10', iconColor: 'text-info' },
|
|
11
|
+
'no-results': { iconBg: 'bg-warning/10', iconColor: 'text-warning' },
|
|
12
|
+
'disabled-context': { iconBg: 'bg-muted', iconColor: 'text-ink-3' },
|
|
13
|
+
};
|
|
14
|
+
function EmptyState({ icon: Icon, title, description, illustration, variant = 'not-configured', size = 'comfortable', iconBg, iconColor, action, secondaryAction, linkComponent, className, }) {
|
|
15
|
+
const Link = linkComponent ?? DefaultLink;
|
|
16
|
+
const defaults = VARIANT_DEFAULTS[variant];
|
|
17
|
+
const resolvedIconBg = iconBg ?? defaults.iconBg;
|
|
18
|
+
const resolvedIconColor = iconColor ?? defaults.iconColor;
|
|
19
|
+
if (size === 'inline') {
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('flex items-center justify-center px-3 py-6 text-center text-body-2 text-ink-4', className), children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-sm space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-ink-3", children: title }), description && (0, jsx_runtime_1.jsx)("p", { className: "text-ink-4", children: description }), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
|
|
21
|
+
}
|
|
22
|
+
if (size === 'dense') {
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center px-4 py-8 text-center', className), children: [illustration ?? ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('h-9 w-9 rounded-xl flex items-center justify-center mb-3', resolvedIconBg), children: (0, jsx_runtime_1.jsx)(Icon, { className: (0, cn_1.cn)('h-4 w-4', resolvedIconColor) }) })), (0, jsx_runtime_1.jsx)("p", { className: "text-body-1 font-semibold text-ink", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "mt-1 max-w-md text-body-2 leading-snug text-ink-3", children: description })), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center gap-2", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }));
|
|
24
|
+
}
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: (0, cn_1.cn)('border-2 border-dashed border-border/50 rounded-xl', className), children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex flex-col items-center justify-center py-16 text-center", children: [illustration ?? ((0, jsx_runtime_1.jsx)("div", { className: `h-16 w-16 rounded-2xl flex items-center justify-center mb-5 ${resolvedIconBg}`, children: (0, jsx_runtime_1.jsx)(Icon, { className: `h-7 w-7 ${resolvedIconColor}` }) })), (0, jsx_runtime_1.jsx)("p", { className: "text-subtitle font-semibold text-ink", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 mt-2 max-w-sm text-ink-3 leading-relaxed", children: description })), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex items-center gap-3", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "gap-2 h-10 px-5", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-4 w-4" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-10 px-3", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/ui/chrome/EmptyState.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type ErrorMessageFormatter = (error: unknown, fallback: string) => string;
|
|
2
|
+
interface ErrorCardProps {
|
|
3
|
+
error: Error | string | unknown;
|
|
4
|
+
title?: string;
|
|
5
|
+
onRetry?: () => void;
|
|
6
|
+
formatError?: ErrorMessageFormatter;
|
|
7
|
+
fallbackMessage?: string;
|
|
8
|
+
}
|
|
9
|
+
export default function ErrorCard({ error, title, onRetry, formatError, fallbackMessage, }: ErrorCardProps): import("react").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=ErrorCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorCard.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/ErrorCard.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;AAYjF,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAMrB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,KAA8B,EAC9B,OAAO,EACP,WAAgC,EAChC,eAA0D,GAC3D,EAAE,cAAc,+BAyBhB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = ErrorCard;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const lucide_react_1 = require("lucide-react");
|
|
6
|
+
const button_1 = require("../primitives/button");
|
|
7
|
+
const card_1 = require("../primitives/card");
|
|
8
|
+
const defaultFormatError = (error, fallback) => {
|
|
9
|
+
if (typeof error === 'string') {
|
|
10
|
+
return error || fallback;
|
|
11
|
+
}
|
|
12
|
+
if (error instanceof Error && error.message) {
|
|
13
|
+
return error.message;
|
|
14
|
+
}
|
|
15
|
+
return fallback;
|
|
16
|
+
};
|
|
17
|
+
function ErrorCard({ error, title = 'Something went wrong', onRetry, formatError = defaultFormatError, fallbackMessage = 'Unable to load this content right now.', }) {
|
|
18
|
+
const message = formatError(error, fallbackMessage);
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "border-destructive/25 bg-destructive/[0.03] rounded-xl", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex flex-col items-center py-14 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center mb-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "h-6 w-6 text-destructive" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-subtitle font-semibold text-ink", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 mt-2 max-w-md leading-relaxed", children: message }), onRetry && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: onRetry, className: "mt-5 gap-2 h-10 border-destructive/20 text-destructive hover:bg-destructive/5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "h-4 w-4" }), "Retry"] }))] }) }));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=ErrorCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/ErrorCard.tsx"],"names":[],"mappings":";;AAoCA,4BA+BC;;AAnED,+CAAsD;AAEtD,iDAA8C;AAC9C,6CAAuD;AAUvD,MAAM,kBAAkB,GAA0B,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;IACpE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,IAAI,QAAQ,CAAC;IAC3B,CAAC;IACD,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC,OAAO,CAAC;IACvB,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAeF,SAAwB,SAAS,CAAC,EAChC,KAAK,EACL,KAAK,GAAG,sBAAsB,EAC9B,OAAO,EACP,WAAW,GAAG,kBAAkB,EAChC,eAAe,GAAG,wCAAwC,GAC3C;IACf,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEpD,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAC,wDAAwD,YACtE,wBAAC,kBAAW,IAAC,SAAS,EAAC,8CAA8C,aACnE,gCAAK,SAAS,EAAC,+EAA+E,YAC5F,uBAAC,0BAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAChD,EACN,8BAAG,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAK,EAC/D,8BAAG,SAAS,EAAC,sDAAsD,YAAE,OAAO,GAAK,EAChF,OAAO,IAAI,CACV,wBAAC,eAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,+EAA+E,aAEzF,uBAAC,wBAAS,IAAC,SAAS,EAAC,SAAS,GAAG,aAE1B,CACV,IACW,GACT,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type LoadingStateVariant = 'spinner' | 'skeleton-list' | 'skeleton-card';
|
|
2
|
+
interface LoadingStateProps {
|
|
3
|
+
variant?: LoadingStateVariant;
|
|
4
|
+
label?: string;
|
|
5
|
+
rows?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export default function LoadingState({ variant, label, rows, className, }: Readonly<LoadingStateProps>): import("react").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=LoadingState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/LoadingState.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,eAAe,GAAG,eAAe,CAAC;AAEhF,UAAU,iBAAiB;IAKzB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAmB,EACnB,KAAkB,EAClB,IAAQ,EACR,SAAS,GACV,EAAE,QAAQ,CAAC,iBAAiB,CAAC,+BA+B7B"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = LoadingState;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const lucide_react_1 = require("lucide-react");
|
|
6
|
+
const cn_1 = require("../cn");
|
|
7
|
+
const skeleton_1 = require("../primitives/skeleton");
|
|
8
|
+
function LoadingState({ variant = 'spinner', label = 'Loading…', rows = 4, className, }) {
|
|
9
|
+
if (variant === 'skeleton-list') {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('space-y-3', className), role: "status", "aria-label": label, children: Array.from({ length: rows }).map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-12 w-full rounded-xl" }, i))) }));
|
|
11
|
+
}
|
|
12
|
+
if (variant === 'skeleton-card') {
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('space-y-3', className), role: "status", "aria-label": label, children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-40 w-full rounded-2xl" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-2/3 rounded" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-1/2 rounded" })] }));
|
|
14
|
+
}
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center py-14 text-center', className), role: "status", "aria-label": label, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-6 w-6 animate-spin text-ink-3" }), label && (0, jsx_runtime_1.jsx)("p", { className: "mt-3 text-body-2 text-ink-3", children: label })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=LoadingState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../../src/ui/chrome/LoadingState.tsx"],"names":[],"mappings":";;AAwBA,+BAoCC;;AA5DD,+CAAuC;AAEvC,8BAA2B;AAC3B,qDAAkD;AAqBlD,SAAwB,YAAY,CAAC,EACnC,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,CAAC,EACR,SAAS,GACmB;IAC5B,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,YACxE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,uBAAC,mBAAQ,IAAS,SAAS,EAAC,wBAAwB,IAArC,CAAC,CAAuC,CACxD,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,aACzE,uBAAC,mBAAQ,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAChD,uBAAC,mBAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,EAC1C,uBAAC,mBAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,IACtC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EAAC,6DAA6D,EAAE,SAAS,CAAC,EACvF,IAAI,EAAC,QAAQ,gBACD,KAAK,aAEjB,uBAAC,sBAAO,IAAC,SAAS,EAAC,iCAAiC,GAAG,EACtD,KAAK,IAAI,8BAAG,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAK,IAC5D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type PageBackTarget } from '../../lib/biome-host';
|
|
3
|
+
interface PageHeaderProps {
|
|
4
|
+
readonly title: string;
|
|
5
|
+
readonly description?: string;
|
|
6
|
+
readonly topbarDescription?: string;
|
|
7
|
+
readonly eyebrow?: string;
|
|
8
|
+
readonly helpActions?: readonly string[];
|
|
9
|
+
readonly actions?: ReactNode;
|
|
10
|
+
readonly backTo?: PageBackTarget;
|
|
11
|
+
}
|
|
12
|
+
export default function PageHeader({ title, description, topbarDescription, eyebrow, helpActions, actions, backTo, }: Readonly<PageHeaderProps>): null;
|
|
13
|
+
interface PageToolbarProps {
|
|
14
|
+
readonly children?: ReactNode;
|
|
15
|
+
readonly trailing?: ReactNode;
|
|
16
|
+
readonly className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function PageToolbar({ children, trailing, className, }: Readonly<PageToolbarProps>): import("react").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/PageHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG1E,UAAU,eAAe;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAMvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAM9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAEpC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAOzC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAS7B,QAAQ,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;CAClC;AAMD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,GACP,EAAE,QAAQ,CAAC,eAAe,CAAC,QAuB3B;AAcD,UAAU,gBAAgB;IAExB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAE9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,QAAQ,CAAC,gBAAgB,CAAC,+BAY5B"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = PageHeader;
|
|
4
|
+
exports.PageToolbar = PageToolbar;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const biome_host_1 = require("../../lib/biome-host");
|
|
8
|
+
const cn_1 = require("../cn");
|
|
9
|
+
function PageHeader({ title, description, topbarDescription, eyebrow, helpActions, actions, backTo, }) {
|
|
10
|
+
const topbarActions = (0, react_1.useMemo)(() => actions, [actions]);
|
|
11
|
+
const topbarMeta = (0, react_1.useMemo)(() => (description ? (0, jsx_runtime_1.jsx)("span", { children: description }) : null), [description]);
|
|
12
|
+
(0, biome_host_1.useHostBridge)().pageMeta.usePageMeta({
|
|
13
|
+
title,
|
|
14
|
+
eyebrow,
|
|
15
|
+
description: topbarDescription ?? description,
|
|
16
|
+
actions: helpActions,
|
|
17
|
+
topbarActions,
|
|
18
|
+
topbarMeta,
|
|
19
|
+
backTo,
|
|
20
|
+
});
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
function PageToolbar({ children, trailing, className, }) {
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex shrink-0 items-center gap-2 border-b border-rule/50 bg-paper px-4 py-1.5 sm:px-6', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2", children: children }), trailing && (0, jsx_runtime_1.jsx)("div", { className: "flex shrink-0 items-center gap-1.5", children: trailing })] }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/ui/chrome/PageHeader.tsx"],"names":[],"mappings":";;AAmEA,6BA+BC;AAsBD,kCAgBC;;AAlHD,iCAAgD;AAEhD,qDAA0E;AAC1E,8BAA2B;AA0C3B,SAAwB,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,GACoB;IAI1B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,2CAAO,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;IAKF,IAAA,0BAAa,GAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;QACnC,KAAK;QACL,OAAO;QACP,WAAW,EAAE,iBAAiB,IAAI,WAAW;QAC7C,OAAO,EAAE,WAAW;QACpB,aAAa;QACb,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAsBD,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,GACkB;IAC3B,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,uFAAuF,EACvF,SAAS,CACV,aAED,gCAAK,SAAS,EAAC,kDAAkD,YAAE,QAAQ,GAAO,EACjF,QAAQ,IAAI,gCAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,IAC7E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface FieldEntry {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string | React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface StateCardProps {
|
|
7
|
+
variant: 'empty' | 'error-simple' | 'error-detailed';
|
|
8
|
+
icon: React.ReactNode;
|
|
9
|
+
title: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
action?: {
|
|
12
|
+
label: string;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
};
|
|
15
|
+
errorDetails?: {
|
|
16
|
+
fields?: FieldEntry[];
|
|
17
|
+
stackTrace?: string;
|
|
18
|
+
requestId?: string;
|
|
19
|
+
};
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const StateCard: React.FC<StateCardProps>;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=StateCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StateCard.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/StateCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,UAAU,cAAc;IAEtB,OAAO,EAAE,OAAO,GAAG,cAAc,GAAG,gBAAgB,CAAC;IAErD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IAEF,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyG9C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StateCard = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const lucide_react_1 = require("lucide-react");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const cn_1 = require("../cn");
|
|
8
|
+
const StateCard = ({ variant, icon, title, description, action, errorDetails, className = '', }) => {
|
|
9
|
+
const [detailsExpanded, setDetailsExpanded] = (0, react_1.useState)(false);
|
|
10
|
+
const isError = variant.startsWith('error');
|
|
11
|
+
const isDetailed = variant === 'error-detailed';
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center py-14 px-6 rounded-xl border-2', isError ? 'border-destructive/20 bg-destructive/[0.03]' : 'border-dashed border-border/50 bg-paper-elev/60', className), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('h-14 w-14 rounded-2xl flex items-center justify-center mb-5', isError ? 'bg-destructive/10' : 'bg-primary/10'), children: (0, jsx_runtime_1.jsx)("span", { className: isError ? 'text-destructive' : 'text-primary', children: icon }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-subtitle font-semibold text-ink mb-2 text-center", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 max-w-md text-center mb-4 leading-relaxed", children: description })), isDetailed && errorDetails && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 w-full max-w-md", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setDetailsExpanded(!detailsExpanded), className: "text-body-1 font-medium text-destructive hover:text-destructive flex items-center gap-1.5 mb-2", children: [detailsExpanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" }), "Error Details"] }), detailsExpanded && ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-card border border-destructive/20 rounded-xl space-y-3", children: [errorDetails.fields && errorDetails.fields.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "space-y-1.5", children: errorDetails.fields.map((field, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "text-body-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-semibold text-destructive", children: field.label }), (0, jsx_runtime_1.jsxs)("span", { className: "text-ink/70", children: [": ", field.value] })] }, idx))) })), errorDetails.stackTrace && ((0, jsx_runtime_1.jsxs)("details", { className: "text-body-1", children: [(0, jsx_runtime_1.jsx)("summary", { className: "font-medium text-destructive cursor-pointer mb-1", children: "Stack Trace" }), (0, jsx_runtime_1.jsx)("pre", { className: "bg-destructive/5 p-3 rounded-lg overflow-auto max-h-32 text-destructive whitespace-pre-wrap break-words text-body-1 font-mono", children: errorDetails.stackTrace })] })), errorDetails.requestId && ((0, jsx_runtime_1.jsxs)("div", { className: "text-body-1 pt-2 border-t border-destructive/15", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium text-ink-3", children: "Request ID" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-body-1 text-ink/70 font-mono break-all", children: errorDetails.requestId })] }))] }))] })), action && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: action.onClick, className: (0, cn_1.cn)('mt-6 px-5 py-2.5 rounded-lg font-medium transition-colors h-10', isError
|
|
13
|
+
? 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
|
|
14
|
+
: 'bg-primary text-primary-foreground hover:bg-primary/90'), children: action.label }))] }));
|
|
15
|
+
};
|
|
16
|
+
exports.StateCard = StateCard;
|
|
17
|
+
//# sourceMappingURL=StateCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StateCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/StateCard.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/cn.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/ui/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AA6B7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
|
package/dist/ui/cn.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.cn = cn;
|
|
4
|
+
const clsx_1 = require("clsx");
|
|
5
|
+
const tailwind_merge_1 = require("tailwind-merge");
|
|
6
|
+
const twMerge = (0, tailwind_merge_1.extendTailwindMerge)({
|
|
7
|
+
extend: {
|
|
8
|
+
classGroups: {
|
|
9
|
+
'font-size': [
|
|
10
|
+
{ text: ['caption', 'body-1', 'body-2', 'subtitle', 'title', 'display'] },
|
|
11
|
+
],
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
function cn(...inputs) {
|
|
16
|
+
return twMerge((0, clsx_1.clsx)(inputs));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=cn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/ui/cn.ts"],"names":[],"mappings":";;AA6BA,gBAEC;AA/BD,+BAA6C;AAC7C,mDAAqD;AAcrD,MAAM,OAAO,GAAG,IAAA,oCAAmB,EAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE;aAC1E;SACF;KACF;CACF,CAAC,CAAC;AAMH,SAAgB,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export { cn } from './cn';
|
|
2
|
+
export * from './primitives/button';
|
|
3
|
+
export * from './primitives/badge';
|
|
4
|
+
export * from './primitives/input';
|
|
5
|
+
export * from './primitives/label';
|
|
6
|
+
export * from './primitives/select';
|
|
7
|
+
export * from './primitives/dialog';
|
|
8
|
+
export * from './primitives/card';
|
|
9
|
+
export * from './primitives/textarea';
|
|
10
|
+
export * from './primitives/tabs';
|
|
11
|
+
export * from './primitives/dropdown-menu';
|
|
12
|
+
export * from './primitives/skeleton';
|
|
13
|
+
export * from './primitives/checkbox';
|
|
14
|
+
export * from './primitives/table';
|
|
15
|
+
export * from './primitives/tooltip';
|
|
16
|
+
export * from './primitives/switch';
|
|
17
|
+
export * from './primitives/separator';
|
|
18
|
+
export * from './primitives/scroll-area';
|
|
19
|
+
export * from './primitives/alert-dialog';
|
|
20
|
+
export * from './primitives/popover';
|
|
21
|
+
export * from './primitives/collapsible';
|
|
22
|
+
export * from './primitives/resizable';
|
|
23
|
+
export * from './primitives/radio-group';
|
|
24
|
+
export * from './primitives/overflow-tabs';
|
|
25
|
+
export * from './primitives/tag-multi-select';
|
|
26
|
+
export * from './primitives/sheet';
|
|
27
|
+
export { default as ErrorCard, type ErrorMessageFormatter } from './chrome/ErrorCard';
|
|
28
|
+
export { default as EmptyState, type EmptyStateVariant, type EmptyStateSize, type EmptyStateLinkComponent, } from './chrome/EmptyState';
|
|
29
|
+
export { StateCard } from './chrome/StateCard';
|
|
30
|
+
export { default as PageHeader, PageToolbar } from './chrome/PageHeader';
|
|
31
|
+
export { default as LoadingState, type LoadingStateVariant } from './chrome/LoadingState';
|
|
32
|
+
export { default as AsyncBoundary } from './chrome/AsyncBoundary';
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/ui/index.js
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.AsyncBoundary = exports.LoadingState = exports.PageToolbar = exports.PageHeader = exports.StateCard = exports.EmptyState = exports.ErrorCard = exports.cn = void 0;
|
|
21
|
+
var cn_1 = require("./cn");
|
|
22
|
+
Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
|
|
23
|
+
__exportStar(require("./primitives/button"), exports);
|
|
24
|
+
__exportStar(require("./primitives/badge"), exports);
|
|
25
|
+
__exportStar(require("./primitives/input"), exports);
|
|
26
|
+
__exportStar(require("./primitives/label"), exports);
|
|
27
|
+
__exportStar(require("./primitives/select"), exports);
|
|
28
|
+
__exportStar(require("./primitives/dialog"), exports);
|
|
29
|
+
__exportStar(require("./primitives/card"), exports);
|
|
30
|
+
__exportStar(require("./primitives/textarea"), exports);
|
|
31
|
+
__exportStar(require("./primitives/tabs"), exports);
|
|
32
|
+
__exportStar(require("./primitives/dropdown-menu"), exports);
|
|
33
|
+
__exportStar(require("./primitives/skeleton"), exports);
|
|
34
|
+
__exportStar(require("./primitives/checkbox"), exports);
|
|
35
|
+
__exportStar(require("./primitives/table"), exports);
|
|
36
|
+
__exportStar(require("./primitives/tooltip"), exports);
|
|
37
|
+
__exportStar(require("./primitives/switch"), exports);
|
|
38
|
+
__exportStar(require("./primitives/separator"), exports);
|
|
39
|
+
__exportStar(require("./primitives/scroll-area"), exports);
|
|
40
|
+
__exportStar(require("./primitives/alert-dialog"), exports);
|
|
41
|
+
__exportStar(require("./primitives/popover"), exports);
|
|
42
|
+
__exportStar(require("./primitives/collapsible"), exports);
|
|
43
|
+
__exportStar(require("./primitives/resizable"), exports);
|
|
44
|
+
__exportStar(require("./primitives/radio-group"), exports);
|
|
45
|
+
__exportStar(require("./primitives/overflow-tabs"), exports);
|
|
46
|
+
__exportStar(require("./primitives/tag-multi-select"), exports);
|
|
47
|
+
__exportStar(require("./primitives/sheet"), exports);
|
|
48
|
+
var ErrorCard_1 = require("./chrome/ErrorCard");
|
|
49
|
+
Object.defineProperty(exports, "ErrorCard", { enumerable: true, get: function () { return __importDefault(ErrorCard_1).default; } });
|
|
50
|
+
var EmptyState_1 = require("./chrome/EmptyState");
|
|
51
|
+
Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return __importDefault(EmptyState_1).default; } });
|
|
52
|
+
var StateCard_1 = require("./chrome/StateCard");
|
|
53
|
+
Object.defineProperty(exports, "StateCard", { enumerable: true, get: function () { return StateCard_1.StateCard; } });
|
|
54
|
+
var PageHeader_1 = require("./chrome/PageHeader");
|
|
55
|
+
Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return __importDefault(PageHeader_1).default; } });
|
|
56
|
+
Object.defineProperty(exports, "PageToolbar", { enumerable: true, get: function () { return PageHeader_1.PageToolbar; } });
|
|
57
|
+
var LoadingState_1 = require("./chrome/LoadingState");
|
|
58
|
+
Object.defineProperty(exports, "LoadingState", { enumerable: true, get: function () { return __importDefault(LoadingState_1).default; } });
|
|
59
|
+
var AsyncBoundary_1 = require("./chrome/AsyncBoundary");
|
|
60
|
+
Object.defineProperty(exports, "AsyncBoundary", { enumerable: true, get: function () { return __importDefault(AsyncBoundary_1).default; } });
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AAGX,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,sDAAoC;AACpC,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,wDAAsC;AACtC,wDAAsC;AACtC,qDAAmC;AACnC,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,2DAAyC;AACzC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,6DAA2C;AAC3C,gEAA8C;AAC9C,qDAAmC;AAGnC,gDAAsF;AAA7E,uHAAA,OAAO,OAAa;AAC7B,kDAK6B;AAJ3B,yHAAA,OAAO,OAAc;AAKvB,gDAA+C;AAAtC,sGAAA,SAAS,OAAA;AAClB,kDAAyE;AAAhE,yHAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAC3C,sDAA0F;AAAjF,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogHeader: {
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
declare const AlertDialogFooter: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
19
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
21
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEvF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEvF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KAKpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAK1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAKrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = void 0;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
|
|
39
|
+
const React = __importStar(require("react"));
|
|
40
|
+
const button_1 = require("./button");
|
|
41
|
+
const cn_1 = require("../cn");
|
|
42
|
+
const AlertDialog = AlertDialogPrimitive.Root;
|
|
43
|
+
exports.AlertDialog = AlertDialog;
|
|
44
|
+
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
45
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
46
|
+
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
47
|
+
exports.AlertDialogPortal = AlertDialogPortal;
|
|
48
|
+
const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, { className: (0, cn_1.cn)("modal-scrim fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
|
|
49
|
+
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
50
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
51
|
+
const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(AlertDialogPortal, { children: [(0, jsx_runtime_1.jsx)(AlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, { ref: ref, className: (0, cn_1.cn)("modal-surface fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props })] })));
|
|
52
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
53
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
54
|
+
const AlertDialogHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
|
|
55
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
56
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
57
|
+
const AlertDialogFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
|
|
58
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
59
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
60
|
+
const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Title, { ref: ref, className: (0, cn_1.cn)("text-subtitle font-semibold", className), ...props })));
|
|
61
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
62
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
63
|
+
const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Description, { ref: ref, className: (0, cn_1.cn)("text-body-1 text-ink-3", className), ...props })));
|
|
64
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
65
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
66
|
+
const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Action, { ref: ref, className: (0, cn_1.cn)((0, button_1.buttonVariants)(), className), ...props })));
|
|
67
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
68
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
69
|
+
const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Cancel, { ref: ref, className: (0, cn_1.cn)((0, button_1.buttonVariants)({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props })));
|
|
70
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
71
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
72
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../src/ui/primitives/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
10
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEhH,QAAA,MAAM,KAAK,oFAIV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|