@almanaclabs/blaze-ui 0.10.0 → 0.12.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/components/app-shell/app-shell.d.ts +90 -0
- package/dist/components/app-shell/app-shell.d.ts.map +1 -0
- package/dist/components/app-shell/app-shell.js +149 -0
- package/dist/components/app-shell/index.d.ts +2 -0
- package/dist/components/app-shell/index.d.ts.map +1 -0
- package/dist/components/approval-card/approval-card.d.ts +19 -0
- package/dist/components/approval-card/approval-card.d.ts.map +1 -0
- package/dist/components/approval-card/approval-card.js +42 -0
- package/dist/components/approval-card/index.d.ts +2 -0
- package/dist/components/approval-card/index.d.ts.map +1 -0
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/chat-bar/chat-bar.d.ts +26 -0
- package/dist/components/chat-bar/chat-bar.d.ts.map +1 -0
- package/dist/components/chat-bar/chat-bar.js +58 -0
- package/dist/components/chat-bar/index.d.ts +2 -0
- package/dist/components/chat-bar/index.d.ts.map +1 -0
- package/dist/components/dense-table/dense-table.d.ts +36 -0
- package/dist/components/dense-table/dense-table.d.ts.map +1 -0
- package/dist/components/dense-table/dense-table.js +41 -0
- package/dist/components/dense-table/index.d.ts +2 -0
- package/dist/components/dense-table/index.d.ts.map +1 -0
- package/dist/components/editable-text/editable-text.d.ts +26 -0
- package/dist/components/editable-text/editable-text.d.ts.map +1 -0
- package/dist/components/editable-text/editable-text.js +82 -0
- package/dist/components/editable-text/index.d.ts +2 -0
- package/dist/components/editable-text/index.d.ts.map +1 -0
- package/dist/components/face-stack-button/face-stack-button.d.ts +31 -0
- package/dist/components/face-stack-button/face-stack-button.d.ts.map +1 -0
- package/dist/components/face-stack-button/face-stack-button.js +47 -0
- package/dist/components/face-stack-button/index.d.ts +2 -0
- package/dist/components/face-stack-button/index.d.ts.map +1 -0
- package/dist/components/filter-chips/filter-chips.d.ts +23 -0
- package/dist/components/filter-chips/filter-chips.d.ts.map +1 -0
- package/dist/components/filter-chips/filter-chips.js +34 -0
- package/dist/components/filter-chips/index.d.ts +2 -0
- package/dist/components/filter-chips/index.d.ts.map +1 -0
- package/dist/components/goal-card/goal-card.d.ts +51 -0
- package/dist/components/goal-card/goal-card.d.ts.map +1 -0
- package/dist/components/goal-card/goal-card.js +109 -0
- package/dist/components/goal-card/index.d.ts +2 -0
- package/dist/components/goal-card/index.d.ts.map +1 -0
- package/dist/components/input-group/input-group.d.ts +1 -1
- package/dist/components/item/item.d.ts +1 -1
- package/dist/components/item/item.d.ts.map +1 -1
- package/dist/components/item/item.js +3 -2
- package/dist/components/media-thumbnail/index.d.ts +2 -0
- package/dist/components/media-thumbnail/index.d.ts.map +1 -0
- package/dist/components/media-thumbnail/media-thumbnail.d.ts +21 -0
- package/dist/components/media-thumbnail/media-thumbnail.d.ts.map +1 -0
- package/dist/components/media-thumbnail/media-thumbnail.js +50 -0
- package/dist/components/metric-tile/index.d.ts +2 -0
- package/dist/components/metric-tile/index.d.ts.map +1 -0
- package/dist/components/metric-tile/metric-tile.d.ts +34 -0
- package/dist/components/metric-tile/metric-tile.d.ts.map +1 -0
- package/dist/components/metric-tile/metric-tile.js +75 -0
- package/dist/components/page-header/index.d.ts +2 -0
- package/dist/components/page-header/index.d.ts.map +1 -0
- package/dist/components/page-header/page-header.d.ts +16 -0
- package/dist/components/page-header/page-header.d.ts.map +1 -0
- package/dist/components/page-header/page-header.js +38 -0
- package/dist/components/platform-avatar/index.d.ts +2 -0
- package/dist/components/platform-avatar/index.d.ts.map +1 -0
- package/dist/components/platform-avatar/platform-avatar.d.ts +23 -0
- package/dist/components/platform-avatar/platform-avatar.d.ts.map +1 -0
- package/dist/components/platform-avatar/platform-avatar.js +54 -0
- package/dist/components/platform-icon/index.d.ts +2 -0
- package/dist/components/platform-icon/index.d.ts.map +1 -0
- package/dist/components/platform-icon/platform-icon.d.ts +38 -0
- package/dist/components/platform-icon/platform-icon.d.ts.map +1 -0
- package/dist/components/platform-icon/platform-icon.js +272 -0
- package/dist/components/sidebar/sidebar.js +19 -19
- package/dist/components/signal-strip/index.d.ts +2 -0
- package/dist/components/signal-strip/index.d.ts.map +1 -0
- package/dist/components/signal-strip/signal-strip.d.ts +34 -0
- package/dist/components/signal-strip/signal-strip.d.ts.map +1 -0
- package/dist/components/signal-strip/signal-strip.js +84 -0
- package/dist/components/source-avatar/index.d.ts +2 -0
- package/dist/components/source-avatar/index.d.ts.map +1 -0
- package/dist/components/source-avatar/source-avatar.d.ts +16 -0
- package/dist/components/source-avatar/source-avatar.d.ts.map +1 -0
- package/dist/components/source-avatar/source-avatar.js +15 -0
- package/dist/components/stacked-bar-chart/index.d.ts +2 -0
- package/dist/components/stacked-bar-chart/index.d.ts.map +1 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts +80 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts.map +1 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.js +240 -0
- package/dist/components/state-banner/index.d.ts +2 -0
- package/dist/components/state-banner/index.d.ts.map +1 -0
- package/dist/components/state-banner/state-banner.d.ts +32 -0
- package/dist/components/state-banner/state-banner.d.ts.map +1 -0
- package/dist/components/state-banner/state-banner.js +70 -0
- package/dist/components/status-indicator/index.d.ts +2 -0
- package/dist/components/status-indicator/index.d.ts.map +1 -0
- package/dist/components/status-indicator/status-indicator.d.ts +21 -0
- package/dist/components/status-indicator/status-indicator.d.ts.map +1 -0
- package/dist/components/status-indicator/status-indicator.js +30 -0
- package/dist/components/suggest-chips/index.d.ts +2 -0
- package/dist/components/suggest-chips/index.d.ts.map +1 -0
- package/dist/components/suggest-chips/suggest-chips.d.ts +13 -0
- package/dist/components/suggest-chips/suggest-chips.d.ts.map +1 -0
- package/dist/components/suggest-chips/suggest-chips.js +24 -0
- package/dist/index.d.ts +20 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +68 -49
- package/package.json +1 -1
- package/src/styles/globals.css +40 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type SuggestChipsProps = Omit<React.ComponentProps<'div'>, 'onClick'> & {
|
|
3
|
+
/** Each chip's label, which is also what it sends. */
|
|
4
|
+
chips: readonly string[];
|
|
5
|
+
/** Called with the chip's label when the owner picks it. */
|
|
6
|
+
onPick: (chip: string) => void;
|
|
7
|
+
/** Indent the row to line up with message text that sits beside an avatar. */
|
|
8
|
+
inset?: boolean;
|
|
9
|
+
};
|
|
10
|
+
/** A row of suggested replies. Picking a chip hands its label to `onPick`. */
|
|
11
|
+
declare function SuggestChips({ chips, onPick, inset, className, 'aria-label': ariaLabel, ...props }: SuggestChipsProps): React.JSX.Element | null;
|
|
12
|
+
export { SuggestChips, type SuggestChipsProps };
|
|
13
|
+
//# sourceMappingURL=suggest-chips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"suggest-chips.d.ts","sourceRoot":"","sources":["../../../src/components/suggest-chips/suggest-chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IACtE,sDAAsD;IACtD,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,4DAA4D;IAC5D,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,8EAA8E;AAC9E,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,MAAM,EACN,KAAa,EACb,SAAS,EACT,YAAY,EAAE,SAA+B,EAC7C,GAAG,KAAK,EACT,EAAE,iBAAiB,4BAyBnB;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/suggest-chips/suggest-chips.tsx
|
|
6
|
+
function r({ chips: r, onPick: i, inset: a = !1, className: o, "aria-label": s = "Suggested replies", ...c }) {
|
|
7
|
+
return r.length ? /* @__PURE__ */ n("div", {
|
|
8
|
+
"data-slot": "suggest-chips",
|
|
9
|
+
role: "group",
|
|
10
|
+
"aria-label": s,
|
|
11
|
+
className: e("flex flex-wrap gap-1.5", a && "pl-10", o),
|
|
12
|
+
...c,
|
|
13
|
+
children: r.map((e) => /* @__PURE__ */ n(t, {
|
|
14
|
+
"data-slot": "suggest-chip",
|
|
15
|
+
size: "sm",
|
|
16
|
+
variant: "secondary",
|
|
17
|
+
className: "font-normal",
|
|
18
|
+
onClick: () => i(e),
|
|
19
|
+
children: e
|
|
20
|
+
}, e))
|
|
21
|
+
}) : null;
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
export { r as SuggestChips };
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export { Separator, type SeparatorProps } from './components/separator';
|
|
|
7
7
|
export * from './components/accordion';
|
|
8
8
|
export * from './components/alert';
|
|
9
9
|
export * from './components/alert-dialog';
|
|
10
|
+
export * from './components/app-shell';
|
|
11
|
+
export * from './components/approval-card';
|
|
10
12
|
export * from './components/aspect-ratio';
|
|
11
13
|
export * from './components/attachment';
|
|
12
14
|
export * from './components/avatar';
|
|
@@ -17,25 +19,36 @@ export * from './components/button-group';
|
|
|
17
19
|
export * from './components/calendar';
|
|
18
20
|
export * from './components/carousel';
|
|
19
21
|
export * from './components/chart';
|
|
22
|
+
export * from './components/chat-bar';
|
|
20
23
|
export * from './components/checkbox';
|
|
21
24
|
export * from './components/collapsible';
|
|
22
25
|
export * from './components/combobox';
|
|
23
26
|
export * from './components/data-table';
|
|
24
27
|
export * from './components/date-picker';
|
|
28
|
+
export * from './components/dense-table';
|
|
25
29
|
export * from './components/dialog';
|
|
26
30
|
export * from './components/drawer';
|
|
27
31
|
export * from './components/dropdown-menu';
|
|
32
|
+
export * from './components/editable-text';
|
|
28
33
|
export * from './components/empty';
|
|
34
|
+
export * from './components/face-stack-button';
|
|
35
|
+
export * from './components/filter-chips';
|
|
36
|
+
export * from './components/goal-card';
|
|
29
37
|
export * from './components/hover-card';
|
|
30
|
-
export * from './components/input-group';
|
|
31
38
|
export * from './components/identity-mark';
|
|
39
|
+
export * from './components/input-group';
|
|
32
40
|
export * from './components/item';
|
|
33
41
|
export * from './components/marker';
|
|
42
|
+
export * from './components/media-thumbnail';
|
|
34
43
|
export * from './components/message';
|
|
35
44
|
export * from './components/metric-overview';
|
|
45
|
+
export * from './components/metric-tile';
|
|
36
46
|
export * from './components/native-select';
|
|
37
47
|
export * from './components/navigation-action';
|
|
48
|
+
export * from './components/page-header';
|
|
38
49
|
export * from './components/pagination';
|
|
50
|
+
export * from './components/platform-avatar';
|
|
51
|
+
export * from './components/platform-icon';
|
|
39
52
|
export * from './components/popover';
|
|
40
53
|
export * from './components/progress';
|
|
41
54
|
export * from './components/questionnaire';
|
|
@@ -44,9 +57,15 @@ export * from './components/scroll-area';
|
|
|
44
57
|
export * from './components/select';
|
|
45
58
|
export * from './components/sheet';
|
|
46
59
|
export * from './components/sidebar';
|
|
60
|
+
export * from './components/signal-strip';
|
|
47
61
|
export * from './components/skeleton';
|
|
48
62
|
export * from './components/slider';
|
|
63
|
+
export * from './components/source-avatar';
|
|
49
64
|
export * from './components/spinner';
|
|
65
|
+
export * from './components/state-banner';
|
|
66
|
+
export * from './components/status-indicator';
|
|
67
|
+
export * from './components/suggest-chips';
|
|
68
|
+
export * from './components/stacked-bar-chart';
|
|
50
69
|
export * from './components/switch';
|
|
51
70
|
export * from './components/table';
|
|
52
71
|
export * from './components/tabs';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -8,52 +8,71 @@ import { Input as C } from "./components/input/input.js";
|
|
|
8
8
|
import { Accordion as w, AccordionContent as T, AccordionItem as E, AccordionTrigger as D } from "./components/accordion/accordion.js";
|
|
9
9
|
import { Alert as O, AlertAction as k, AlertDescription as A, AlertTitle as j } from "./components/alert/alert.js";
|
|
10
10
|
import { AlertDialog as M, AlertDialogAction as N, AlertDialogCancel as P, AlertDialogContent as F, AlertDialogDescription as I, AlertDialogFooter as L, AlertDialogHeader as R, AlertDialogMedia as z, AlertDialogOverlay as B, AlertDialogPortal as V, AlertDialogTitle as H, AlertDialogTrigger as U } from "./components/alert-dialog/alert-dialog.js";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
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
|
-
|
|
11
|
+
import { DropdownMenu as W, DropdownMenuCheckboxItem as G, DropdownMenuContent as K, DropdownMenuGroup as q, DropdownMenuItem as J, DropdownMenuLabel as Y, DropdownMenuPortal as X, DropdownMenuRadioGroup as Z, DropdownMenuRadioItem as Q, DropdownMenuSeparator as $, DropdownMenuShortcut as ee, DropdownMenuSub as te, DropdownMenuSubContent as ne, DropdownMenuSubTrigger as re, DropdownMenuTrigger as ie } from "./components/dropdown-menu/dropdown-menu.js";
|
|
12
|
+
import { Sheet as ae, SheetClose as oe, SheetContent as se, SheetDescription as ce, SheetFooter as le, SheetHeader as ue, SheetTitle as de, SheetTrigger as fe } from "./components/sheet/sheet.js";
|
|
13
|
+
import { Skeleton as pe } from "./components/skeleton/skeleton.js";
|
|
14
|
+
import { Tooltip as me, TooltipContent as he, TooltipProvider as ge, TooltipTrigger as _e } from "./components/tooltip/tooltip.js";
|
|
15
|
+
import { Sidebar as ve, SidebarContent as ye, SidebarFooter as be, SidebarGroup as xe, SidebarGroupAction as Se, SidebarGroupContent as Ce, SidebarGroupLabel as we, SidebarHeader as Te, SidebarInput as Ee, SidebarInset as De, SidebarMenu as Oe, SidebarMenuAction as ke, SidebarMenuBadge as Ae, SidebarMenuButton as je, SidebarMenuItem as Me, SidebarMenuSkeleton as Ne, SidebarMenuSub as Pe, SidebarMenuSubButton as Fe, SidebarMenuSubItem as Ie, SidebarProvider as Le, SidebarRail as Re, SidebarSeparator as ze, SidebarTrigger as Be, useSidebar as Ve } from "./components/sidebar/sidebar.js";
|
|
16
|
+
import { AppShell as He, AppSidebar as Ue, AppSidebarWorkspace as We, AppTopBar as Ge } from "./components/app-shell/app-shell.js";
|
|
17
|
+
import { ApprovalCard as Ke } from "./components/approval-card/approval-card.js";
|
|
18
|
+
import { AspectRatio as qe } from "./components/aspect-ratio/aspect-ratio.js";
|
|
19
|
+
import { Attachment as Je, AttachmentAction as Ye, AttachmentActions as Xe, AttachmentContent as Ze, AttachmentDescription as Qe, AttachmentGroup as $e, AttachmentMedia as et, AttachmentTitle as tt, AttachmentTrigger as nt } from "./components/attachment/attachment.js";
|
|
20
|
+
import { Avatar as rt, AvatarBadge as it, AvatarFallback as at, AvatarGroup as ot, AvatarGroupCount as st, AvatarImage as ct } from "./components/avatar/avatar.js";
|
|
21
|
+
import { Badge as lt, badgeVariants as ut } from "./components/badge/badge.js";
|
|
22
|
+
import { Breadcrumb as dt, BreadcrumbEllipsis as ft, BreadcrumbItem as pt, BreadcrumbLink as mt, BreadcrumbList as ht, BreadcrumbPage as gt, BreadcrumbSeparator as _t } from "./components/breadcrumb/breadcrumb.js";
|
|
23
|
+
import { Bubble as vt, BubbleContent as yt, BubbleGroup as bt, BubbleReactions as xt } from "./components/bubble/bubble.js";
|
|
24
|
+
import { ButtonGroup as St, ButtonGroupSeparator as Ct, ButtonGroupText as wt, buttonGroupVariants as Tt } from "./components/button-group/button-group.js";
|
|
25
|
+
import { Calendar as Et, CalendarDayButton as Dt } from "./components/calendar/calendar.js";
|
|
26
|
+
import { Carousel as Ot, CarouselContent as kt, CarouselItem as At, CarouselNext as jt, CarouselPrevious as Mt, useCarousel as Nt } from "./components/carousel/carousel.js";
|
|
27
|
+
import { ChartContainer as Pt, ChartLegend as Ft, ChartLegendContent as It, ChartStyle as Lt, ChartTooltip as Rt, ChartTooltipContent as zt } from "./components/chart/chart.js";
|
|
28
|
+
import { ChatBar as Bt, chatBarFormVariants as Vt } from "./components/chat-bar/chat-bar.js";
|
|
29
|
+
import { Checkbox as Ht } from "./components/checkbox/checkbox.js";
|
|
30
|
+
import { Collapsible as Ut, CollapsibleContent as Wt, CollapsibleTrigger as Gt } from "./components/collapsible/collapsible.js";
|
|
31
|
+
import { Textarea as Kt } from "./components/textarea/textarea.js";
|
|
32
|
+
import { InputGroup as qt, InputGroupAddon as Jt, InputGroupButton as Yt, InputGroupInput as Xt, InputGroupText as Zt, InputGroupTextarea as Qt } from "./components/input-group/input-group.js";
|
|
33
|
+
import { Combobox as $t, ComboboxChip as en, ComboboxChips as tn, ComboboxChipsInput as nn, ComboboxCollection as rn, ComboboxContent as an, ComboboxEmpty as on, ComboboxGroup as sn, ComboboxInput as cn, ComboboxItem as ln, ComboboxLabel as un, ComboboxList as dn, ComboboxSeparator as fn, ComboboxTrigger as pn, ComboboxValue as mn, useComboboxAnchor as hn } from "./components/combobox/combobox.js";
|
|
34
|
+
import { Table as gn, TableBody as _n, TableCaption as vn, TableCell as yn, TableFooter as bn, TableHead as xn, TableHeader as Sn, TableRow as Cn } from "./components/table/table.js";
|
|
35
|
+
import { DataTable as wn } from "./components/data-table/data-table.js";
|
|
36
|
+
import { Popover as Tn, PopoverContent as En, PopoverDescription as Dn, PopoverHeader as On, PopoverTitle as kn, PopoverTrigger as An } from "./components/popover/popover.js";
|
|
37
|
+
import { DatePicker as jn } from "./components/date-picker/date-picker.js";
|
|
38
|
+
import { DenseTable as Mn, DenseTableCell as Nn, DenseTableRow as Pn } from "./components/dense-table/dense-table.js";
|
|
39
|
+
import { Dialog as Fn, DialogClose as In, DialogContent as Ln, DialogDescription as Rn, DialogFooter as zn, DialogHeader as Bn, DialogOverlay as Vn, DialogPortal as Hn, DialogTitle as Un, DialogTrigger as Wn } from "./components/dialog/dialog.js";
|
|
40
|
+
import { Drawer as Gn, DrawerClose as Kn, DrawerContent as qn, DrawerDescription as Jn, DrawerFooter as Yn, DrawerHeader as Xn, DrawerOverlay as Zn, DrawerPortal as Qn, DrawerSwipeHandle as $n, DrawerTitle as er, DrawerTrigger as tr } from "./components/drawer/drawer.js";
|
|
41
|
+
import { EditableText as nr } from "./components/editable-text/editable-text.js";
|
|
42
|
+
import { Empty as rr, EmptyContent as ir, EmptyDescription as ar, EmptyHeader as or, EmptyMedia as sr, EmptyTitle as cr } from "./components/empty/empty.js";
|
|
43
|
+
import { BrandBeehiiv as lr, BrandBluesky as ur, BrandEmail as dr, BrandFacebook as fr, BrandGmail as pr, BrandGoogle as mr, BrandInstagram as hr, BrandLinkedin as gr, BrandMicrosoft as _r, BrandOutlook as vr, BrandPhone as yr, BrandReddit as br, BrandThreads as xr, BrandTiktok as Sr, BrandX as Cr, BrandYoutube as wr, PLATFORMS as Tr, PLATFORM_COLOR as Er, PLATFORM_ICON as Dr, PLATFORM_LABEL as Or, PlatformIcon as kr } from "./components/platform-icon/platform-icon.js";
|
|
44
|
+
import { PlatformAvatar as Ar } from "./components/platform-avatar/platform-avatar.js";
|
|
45
|
+
import { FaceStackButton as jr } from "./components/face-stack-button/face-stack-button.js";
|
|
46
|
+
import { FilterChips as Mr } from "./components/filter-chips/filter-chips.js";
|
|
47
|
+
import { Progress as Nr, ProgressIndicator as Pr, ProgressLabel as Fr, ProgressTrack as Ir, ProgressValue as Lr } from "./components/progress/progress.js";
|
|
48
|
+
import { GoalCard as Rr, PaceBadge as zr, PaceMeter as Br, paceStatusOf as Vr } from "./components/goal-card/goal-card.js";
|
|
49
|
+
import { HoverCard as Hr, HoverCardContent as Ur, HoverCardTrigger as Wr } from "./components/hover-card/hover-card.js";
|
|
50
|
+
import { IdentityMark as Gr, IdentityMarkImage as Kr } from "./components/identity-mark/identity-mark.js";
|
|
51
|
+
import { Item as qr, ItemActions as Jr, ItemContent as Yr, ItemDescription as Xr, ItemFooter as Zr, ItemGroup as Qr, ItemHeader as $r, ItemMedia as ei, ItemSeparator as ti, ItemTitle as ni } from "./components/item/item.js";
|
|
52
|
+
import { Marker as ri, MarkerContent as ii, MarkerIcon as ai, markerVariants as oi } from "./components/marker/marker.js";
|
|
53
|
+
import { MediaThumbnail as si, mediaThumbnailVariants as ci } from "./components/media-thumbnail/media-thumbnail.js";
|
|
54
|
+
import { Message as li, MessageAvatar as ui, MessageContent as di, MessageFooter as fi, MessageGroup as pi, MessageHeader as mi } from "./components/message/message.js";
|
|
55
|
+
import { MetricOverview as hi } from "./components/metric-overview/metric-overview.js";
|
|
56
|
+
import { MetricTile as gi, metricTileVariants as _i } from "./components/metric-tile/metric-tile.js";
|
|
57
|
+
import { NativeSelect as vi, NativeSelectOptGroup as yi, NativeSelectOption as bi } from "./components/native-select/native-select.js";
|
|
58
|
+
import { NavigationAction as xi, navigationActionVariants as Si } from "./components/navigation-action/navigation-action.js";
|
|
59
|
+
import { PageHeader as Ci } from "./components/page-header/page-header.js";
|
|
60
|
+
import { Pagination as wi, PaginationContent as Ti, PaginationEllipsis as Ei, PaginationItem as Di, PaginationLink as Oi, PaginationNext as ki, PaginationPrevious as Ai } from "./components/pagination/pagination.js";
|
|
61
|
+
import { Questionnaire as ji, QuestionnaireActions as Mi, QuestionnaireChoice as Ni, QuestionnaireChoiceDescription as Pi, QuestionnaireChoices as Fi, QuestionnaireDescription as Ii, QuestionnaireError as Li, QuestionnaireInput as Ri, QuestionnaireItem as zi, QuestionnaireNext as Bi, QuestionnairePrevious as Vi, QuestionnaireProgress as Hi, QuestionnaireSkip as Ui, QuestionnaireSubmit as Wi, QuestionnaireTitle as Gi } from "./components/questionnaire/questionnaire.js";
|
|
62
|
+
import { RadioGroup as Ki, RadioGroupItem as qi } from "./components/radio-group/radio-group.js";
|
|
63
|
+
import { ScrollArea as Ji, ScrollBar as Yi } from "./components/scroll-area/scroll-area.js";
|
|
64
|
+
import { Select as Xi, SelectContent as Zi, SelectGroup as Qi, SelectItem as $i, SelectLabel as ea, SelectScrollDownButton as ta, SelectScrollUpButton as na, SelectSeparator as ra, SelectTrigger as ia, SelectValue as aa } from "./components/select/select.js";
|
|
65
|
+
import { SignalDots as oa, SignalStrip as sa } from "./components/signal-strip/signal-strip.js";
|
|
66
|
+
import { Slider as ca } from "./components/slider/slider.js";
|
|
67
|
+
import { SourceAvatar as la } from "./components/source-avatar/source-avatar.js";
|
|
68
|
+
import { Spinner as ua } from "./components/spinner/spinner.js";
|
|
69
|
+
import { StaleBanner as da, StateBanner as fa, stateBannerVariants as pa } from "./components/state-banner/state-banner.js";
|
|
70
|
+
import { StatusIndicator as ma, statusDotVariants as ha } from "./components/status-indicator/status-indicator.js";
|
|
71
|
+
import { SuggestChips as ga } from "./components/suggest-chips/suggest-chips.js";
|
|
72
|
+
import { Tabs as _a, TabsContent as va, TabsList as ya, TabsTrigger as ba, tabsListVariants as xa } from "./components/tabs/tabs.js";
|
|
73
|
+
import { Toggle as Sa, toggleVariants as Ca } from "./components/toggle/toggle.js";
|
|
74
|
+
import { StackedBarChart as wa } from "./components/stacked-bar-chart/stacked-bar-chart.js";
|
|
75
|
+
import { Switch as Ta } from "./components/switch/switch.js";
|
|
76
|
+
import { Toast as Ea, ToastAction as Da, ToastClose as Oa, ToastContent as ka, ToastDescription as Aa, ToastPortal as ja, ToastProvider as Ma, ToastTitle as Na, ToastViewport as Pa, Toaster as Fa, createToastManager as Ia, toast as La, useToastManager as Ra } from "./components/toast/toast.js";
|
|
77
|
+
import { ToggleGroup as za, ToggleGroupItem as Ba } from "./components/toggle-group/toggle-group.js";
|
|
78
|
+
export { w as Accordion, T as AccordionContent, E as AccordionItem, D as AccordionTrigger, O as Alert, k as AlertAction, A as AlertDescription, M as AlertDialog, N as AlertDialogAction, P as AlertDialogCancel, F as AlertDialogContent, I as AlertDialogDescription, L as AlertDialogFooter, R as AlertDialogHeader, z as AlertDialogMedia, B as AlertDialogOverlay, V as AlertDialogPortal, H as AlertDialogTitle, U as AlertDialogTrigger, j as AlertTitle, He as AppShell, Ue as AppSidebar, We as AppSidebarWorkspace, Ge as AppTopBar, Ke as ApprovalCard, qe as AspectRatio, Je as Attachment, Ye as AttachmentAction, Xe as AttachmentActions, Ze as AttachmentContent, Qe as AttachmentDescription, $e as AttachmentGroup, et as AttachmentMedia, tt as AttachmentTitle, nt as AttachmentTrigger, rt as Avatar, it as AvatarBadge, at as AvatarFallback, ot as AvatarGroup, st as AvatarGroupCount, ct as AvatarImage, lt as Badge, lr as BrandBeehiiv, ur as BrandBluesky, dr as BrandEmail, fr as BrandFacebook, pr as BrandGmail, mr as BrandGoogle, hr as BrandInstagram, gr as BrandLinkedin, _r as BrandMicrosoft, vr as BrandOutlook, yr as BrandPhone, br as BrandReddit, xr as BrandThreads, Sr as BrandTiktok, Cr as BrandX, wr as BrandYoutube, dt as Breadcrumb, ft as BreadcrumbEllipsis, pt as BreadcrumbItem, mt as BreadcrumbLink, ht as BreadcrumbList, gt as BreadcrumbPage, _t as BreadcrumbSeparator, vt as Bubble, yt as BubbleContent, bt as BubbleGroup, xt as BubbleReactions, t as Button, St as ButtonGroup, Ct as ButtonGroupSeparator, wt as ButtonGroupText, n as ButtonLabel, Et as Calendar, Dt as CalendarDayButton, i as Card, a as CardAction, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, Ot as Carousel, kt as CarouselContent, At as CarouselItem, jt as CarouselNext, Mt as CarouselPrevious, Pt as ChartContainer, Ft as ChartLegend, It as ChartLegendContent, Lt as ChartStyle, Rt as ChartTooltip, zt as ChartTooltipContent, Bt as ChatBar, Ht as Checkbox, Ut as Collapsible, Wt as CollapsibleContent, Gt as CollapsibleTrigger, $t as Combobox, en as ComboboxChip, tn as ComboboxChips, nn as ComboboxChipsInput, rn as ComboboxCollection, an as ComboboxContent, on as ComboboxEmpty, sn as ComboboxGroup, cn as ComboboxInput, ln as ComboboxItem, un as ComboboxLabel, dn as ComboboxList, fn as ComboboxSeparator, pn as ComboboxTrigger, mn as ComboboxValue, wn as DataTable, jn as DatePicker, Mn as DenseTable, Nn as DenseTableCell, Pn as DenseTableRow, Fn as Dialog, In as DialogClose, Ln as DialogContent, Rn as DialogDescription, zn as DialogFooter, Bn as DialogHeader, Vn as DialogOverlay, Hn as DialogPortal, Un as DialogTitle, Wn as DialogTrigger, Gn as Drawer, Kn as DrawerClose, qn as DrawerContent, Jn as DrawerDescription, Yn as DrawerFooter, Xn as DrawerHeader, Zn as DrawerOverlay, Qn as DrawerPortal, $n as DrawerSwipeHandle, er as DrawerTitle, tr as DrawerTrigger, W as DropdownMenu, G as DropdownMenuCheckboxItem, K as DropdownMenuContent, q as DropdownMenuGroup, J as DropdownMenuItem, Y as DropdownMenuLabel, X as DropdownMenuPortal, Z as DropdownMenuRadioGroup, Q as DropdownMenuRadioItem, $ as DropdownMenuSeparator, ee as DropdownMenuShortcut, te as DropdownMenuSub, ne as DropdownMenuSubContent, re as DropdownMenuSubTrigger, ie as DropdownMenuTrigger, nr as EditableText, rr as Empty, ir as EmptyContent, ar as EmptyDescription, or as EmptyHeader, sr as EmptyMedia, cr as EmptyTitle, jr as FaceStackButton, p as Field, m as FieldContent, h as FieldDescription, g as FieldError, _ as FieldGroup, v as FieldLabel, y as FieldLegend, b as FieldSeparator, x as FieldSet, S as FieldTitle, Mr as FilterChips, Rr as GoalCard, Hr as HoverCard, Ur as HoverCardContent, Wr as HoverCardTrigger, Gr as IdentityMark, Kr as IdentityMarkImage, C as Input, qt as InputGroup, Jt as InputGroupAddon, Yt as InputGroupButton, Xt as InputGroupInput, Zt as InputGroupText, Qt as InputGroupTextarea, qr as Item, Jr as ItemActions, Yr as ItemContent, Xr as ItemDescription, Zr as ItemFooter, Qr as ItemGroup, $r as ItemHeader, ei as ItemMedia, ti as ItemSeparator, ni as ItemTitle, d as Label, ri as Marker, ii as MarkerContent, ai as MarkerIcon, si as MediaThumbnail, li as Message, ui as MessageAvatar, di as MessageContent, fi as MessageFooter, pi as MessageGroup, mi as MessageHeader, hi as MetricOverview, gi as MetricTile, vi as NativeSelect, yi as NativeSelectOptGroup, bi as NativeSelectOption, xi as NavigationAction, Tr as PLATFORMS, Er as PLATFORM_COLOR, Dr as PLATFORM_ICON, Or as PLATFORM_LABEL, zr as PaceBadge, Br as PaceMeter, Ci as PageHeader, wi as Pagination, Ti as PaginationContent, Ei as PaginationEllipsis, Di as PaginationItem, Oi as PaginationLink, ki as PaginationNext, Ai as PaginationPrevious, Ar as PlatformAvatar, kr as PlatformIcon, Tn as Popover, En as PopoverContent, Dn as PopoverDescription, On as PopoverHeader, kn as PopoverTitle, An as PopoverTrigger, Nr as Progress, Pr as ProgressIndicator, Fr as ProgressLabel, Ir as ProgressTrack, Lr as ProgressValue, ji as Questionnaire, Mi as QuestionnaireActions, Ni as QuestionnaireChoice, Pi as QuestionnaireChoiceDescription, Fi as QuestionnaireChoices, Ii as QuestionnaireDescription, Li as QuestionnaireError, Ri as QuestionnaireInput, zi as QuestionnaireItem, Bi as QuestionnaireNext, Vi as QuestionnairePrevious, Hi as QuestionnaireProgress, Ui as QuestionnaireSkip, Wi as QuestionnaireSubmit, Gi as QuestionnaireTitle, Ki as RadioGroup, qi as RadioGroupItem, Ji as ScrollArea, Yi as ScrollBar, Xi as Select, Zi as SelectContent, Qi as SelectGroup, $i as SelectItem, ea as SelectLabel, ta as SelectScrollDownButton, na as SelectScrollUpButton, ra as SelectSeparator, ia as SelectTrigger, aa as SelectValue, f as Separator, ae as Sheet, oe as SheetClose, se as SheetContent, ce as SheetDescription, le as SheetFooter, ue as SheetHeader, de as SheetTitle, fe as SheetTrigger, ve as Sidebar, ye as SidebarContent, be as SidebarFooter, xe as SidebarGroup, Se as SidebarGroupAction, Ce as SidebarGroupContent, we as SidebarGroupLabel, Te as SidebarHeader, Ee as SidebarInput, De as SidebarInset, Oe as SidebarMenu, ke as SidebarMenuAction, Ae as SidebarMenuBadge, je as SidebarMenuButton, Me as SidebarMenuItem, Ne as SidebarMenuSkeleton, Pe as SidebarMenuSub, Fe as SidebarMenuSubButton, Ie as SidebarMenuSubItem, Le as SidebarProvider, Re as SidebarRail, ze as SidebarSeparator, Be as SidebarTrigger, oa as SignalDots, sa as SignalStrip, pe as Skeleton, ca as Slider, la as SourceAvatar, ua as Spinner, wa as StackedBarChart, da as StaleBanner, fa as StateBanner, ma as StatusIndicator, ga as SuggestChips, Ta as Switch, gn as Table, _n as TableBody, vn as TableCaption, yn as TableCell, bn as TableFooter, xn as TableHead, Sn as TableHeader, Cn as TableRow, _a as Tabs, va as TabsContent, ya as TabsList, ba as TabsTrigger, Kt as Textarea, Ea as Toast, Da as ToastAction, Oa as ToastClose, ka as ToastContent, Aa as ToastDescription, ja as ToastPortal, Ma as ToastProvider, Na as ToastTitle, Pa as ToastViewport, Fa as Toaster, Sa as Toggle, za as ToggleGroup, Ba as ToggleGroupItem, me as Tooltip, he as TooltipContent, ge as TooltipProvider, _e as TooltipTrigger, ut as badgeVariants, Tt as buttonGroupVariants, r as buttonVariants, Vt as chatBarFormVariants, e as cn, Ia as createToastManager, oi as markerVariants, ci as mediaThumbnailVariants, _i as metricTileVariants, Si as navigationActionVariants, Vr as paceStatusOf, pa as stateBannerVariants, ha as statusDotVariants, xa as tabsListVariants, La as toast, Ca as toggleVariants, Nt as useCarousel, hn as useComboboxAnchor, Ve as useSidebar, Ra as useToastManager };
|
package/package.json
CHANGED
package/src/styles/globals.css
CHANGED
|
@@ -44,6 +44,14 @@
|
|
|
44
44
|
--color-area-reviews: var(--area-reviews);
|
|
45
45
|
--color-area-reviews-soft: var(--area-reviews-soft);
|
|
46
46
|
--color-area-reviews-foreground: var(--area-reviews-foreground);
|
|
47
|
+
--color-tone-blue: var(--tone-blue);
|
|
48
|
+
--color-tone-blue-soft: var(--tone-blue-soft);
|
|
49
|
+
--color-tone-violet: var(--tone-violet);
|
|
50
|
+
--color-tone-violet-soft: var(--tone-violet-soft);
|
|
51
|
+
--color-tone-amber: var(--tone-amber);
|
|
52
|
+
--color-tone-amber-soft: var(--tone-amber-soft);
|
|
53
|
+
--color-tone-green: var(--tone-green);
|
|
54
|
+
--color-tone-green-soft: var(--tone-green-soft);
|
|
47
55
|
--color-canvas: var(--canvas);
|
|
48
56
|
--color-brand-surface: var(--brand-surface);
|
|
49
57
|
--color-brand-surface-foreground: var(--brand-surface-foreground);
|
|
@@ -120,6 +128,10 @@
|
|
|
120
128
|
--type-section-title-weight: 500;
|
|
121
129
|
--type-item-title-size: 1.0625rem;
|
|
122
130
|
--type-item-title-line-height: 1.5;
|
|
131
|
+
/* A standalone number in a tile or goal card: 22px regular, set a little tight. */
|
|
132
|
+
--type-metric-size: 1.375rem;
|
|
133
|
+
--type-metric-line-height: 1.2;
|
|
134
|
+
--type-metric-letter-spacing: -0.02em;
|
|
123
135
|
--type-accent-title-size: 1.5625rem;
|
|
124
136
|
--type-accent-title-line-height: 1.12;
|
|
125
137
|
--type-content-size: 1rem;
|
|
@@ -205,6 +217,19 @@
|
|
|
205
217
|
--area-ads-soft: color-mix(in srgb, var(--area-ads) 10%, transparent);
|
|
206
218
|
--area-calls-soft: color-mix(in srgb, var(--area-calls) 10%, transparent);
|
|
207
219
|
--area-reviews-soft: color-mix(in srgb, var(--area-reviews) 10%, transparent);
|
|
220
|
+
/*
|
|
221
|
+
* Category tones: a color and its soft tint for consumer-defined categories
|
|
222
|
+
* (kinds of idea, content types) that are not product areas. The color is the
|
|
223
|
+
* text on its tint and passes 4.5:1 there. Huck uses the same values.
|
|
224
|
+
*/
|
|
225
|
+
--tone-blue: #2563c9;
|
|
226
|
+
--tone-blue-soft: #e8f0fd;
|
|
227
|
+
--tone-violet: #7c3aed;
|
|
228
|
+
--tone-violet-soft: #f1ebfe;
|
|
229
|
+
--tone-amber: #a35a00;
|
|
230
|
+
--tone-amber-soft: #fdf0dc;
|
|
231
|
+
--tone-green: #1e7a4c;
|
|
232
|
+
--tone-green-soft: #e3f4ea;
|
|
208
233
|
--chart-1: oklch(0.87 0 0);
|
|
209
234
|
--chart-2: oklch(0.556 0 0);
|
|
210
235
|
--chart-3: oklch(0.439 0 0);
|
|
@@ -277,6 +302,14 @@
|
|
|
277
302
|
--area-ads-soft: color-mix(in srgb, var(--area-ads) 16%, transparent);
|
|
278
303
|
--area-calls-soft: color-mix(in srgb, var(--area-calls) 16%, transparent);
|
|
279
304
|
--area-reviews-soft: color-mix(in srgb, var(--area-reviews) 16%, transparent);
|
|
305
|
+
--tone-blue: #8ab0f4;
|
|
306
|
+
--tone-blue-soft: color-mix(in srgb, var(--tone-blue) 16%, transparent);
|
|
307
|
+
--tone-violet: #c4b5fd;
|
|
308
|
+
--tone-violet-soft: color-mix(in srgb, var(--tone-violet) 16%, transparent);
|
|
309
|
+
--tone-amber: #e9c270;
|
|
310
|
+
--tone-amber-soft: color-mix(in srgb, var(--tone-amber) 16%, transparent);
|
|
311
|
+
--tone-green: #86cda4;
|
|
312
|
+
--tone-green-soft: color-mix(in srgb, var(--tone-green) 16%, transparent);
|
|
280
313
|
--chart-1: oklch(0.87 0 0);
|
|
281
314
|
--chart-2: oklch(0.556 0 0);
|
|
282
315
|
--chart-3: oklch(0.439 0 0);
|
|
@@ -471,6 +504,13 @@
|
|
|
471
504
|
font-weight: var(--type-section-title-weight);
|
|
472
505
|
}
|
|
473
506
|
|
|
507
|
+
.type-metric {
|
|
508
|
+
font-size: var(--type-metric-size);
|
|
509
|
+
line-height: var(--type-metric-line-height);
|
|
510
|
+
letter-spacing: var(--type-metric-letter-spacing);
|
|
511
|
+
font-weight: 400;
|
|
512
|
+
}
|
|
513
|
+
|
|
474
514
|
.type-accent-title {
|
|
475
515
|
font-family: var(--font-accent);
|
|
476
516
|
font-size: var(--type-accent-title-size);
|