@assure-one/design-system 0.11.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/index.d.ts +237 -2
- package/dist/index.js +385 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2597,6 +2597,47 @@ var Blockquote = forwardRef(function Blockquote2({ children, author, role: autho
|
|
|
2597
2597
|
] });
|
|
2598
2598
|
});
|
|
2599
2599
|
Blockquote.displayName = "Blockquote";
|
|
2600
|
+
var BRAND_BASE_FILL = "#070707";
|
|
2601
|
+
var BRAND_BASE_PATH = "M43.8298 23.829C46.9635 23.7428 50.7456 23.9675 54.0114 23.9437L91.3493 23.8048C97.6806 23.7927 101.727 24.9883 106.302 29.5107C107.671 30.864 108.443 32.0751 109.418 33.7063C112.332 38.5806 112.037 42.6442 112.003 48.0679L112.02 56.4922C108.427 57.4911 101.053 57.2229 96.9953 57.2944C87.0232 57.47 76.9072 57.2055 66.9345 57.4014C66.7192 66.474 66.9079 75.8103 66.8438 84.9327C66.7469 92.0668 67.2878 101.738 66.6431 108.599C60.7359 108.871 54.5467 108.479 48.6135 108.641C40.5834 108.86 34.2651 108.559 28.1575 102.692C20.618 95.4486 21.8015 86.9701 21.8025 77.474L21.8166 59.8481L21.8312 49.597C21.8372 47.075 21.7515 43.5009 22.2502 41.142C22.9069 38.0359 25.4258 33.4304 27.6724 31.1548C32.4002 26.3658 37.1772 24.0905 43.8298 23.829Z";
|
|
2602
|
+
var BRAND_ACCENT_PATH = "M83.7555 72.8376C85.3789 72.6548 90.5991 72.7708 92.4304 72.7692L100.779 72.7802C102.529 72.7903 104.546 72.7296 106.26 73.0259C108.43 73.422 111.61 75.5699 111.737 77.9539C112.107 84.8649 111.986 91.8555 111.974 98.7715C111.969 101.35 111.928 103.109 110.232 105.149C108.61 107.101 107.07 108.323 104.518 108.621C99.7602 108.503 95.0005 108.467 90.2413 108.513C87.5612 108.531 84.6034 108.799 81.9937 108.434C78.4024 107.933 76.1145 105.214 76.0317 101.618C75.9281 97.1186 75.8903 92.669 75.9646 88.174C76.0209 84.7695 75.8279 81.2851 76.3134 77.921C76.3993 77.3266 77.1785 76.1903 77.6286 75.7193C79.6145 73.6412 80.9496 73.0158 83.7555 72.8376Z";
|
|
2603
|
+
function BrandIcon({
|
|
2604
|
+
size = 24,
|
|
2605
|
+
accent,
|
|
2606
|
+
title,
|
|
2607
|
+
className,
|
|
2608
|
+
...props
|
|
2609
|
+
}) {
|
|
2610
|
+
return /* @__PURE__ */ jsxs(
|
|
2611
|
+
"svg",
|
|
2612
|
+
{
|
|
2613
|
+
width: size,
|
|
2614
|
+
height: size,
|
|
2615
|
+
viewBox: "0 0 136 137",
|
|
2616
|
+
fill: "none",
|
|
2617
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2618
|
+
className: cn("shrink-0", className),
|
|
2619
|
+
role: "img",
|
|
2620
|
+
"aria-label": title,
|
|
2621
|
+
...props,
|
|
2622
|
+
children: [
|
|
2623
|
+
/* @__PURE__ */ jsx("path", { d: BRAND_BASE_PATH, fill: BRAND_BASE_FILL }),
|
|
2624
|
+
/* @__PURE__ */ jsx("path", { d: BRAND_ACCENT_PATH, fill: accent })
|
|
2625
|
+
]
|
|
2626
|
+
}
|
|
2627
|
+
);
|
|
2628
|
+
}
|
|
2629
|
+
function AssureProBrandIcon({ size = 24, ...props }) {
|
|
2630
|
+
return /* @__PURE__ */ jsx(BrandIcon, { size, accent: "#6C42F8", title: "Assure Pro", ...props });
|
|
2631
|
+
}
|
|
2632
|
+
function AssureAuditBrandIcon({ size = 24, ...props }) {
|
|
2633
|
+
return /* @__PURE__ */ jsx(BrandIcon, { size, accent: "#0066ff", title: "Assure Audit", ...props });
|
|
2634
|
+
}
|
|
2635
|
+
function AssureBooksBrandIcon({ size = 24, ...props }) {
|
|
2636
|
+
return /* @__PURE__ */ jsx(BrandIcon, { size, accent: "#2da85a", title: "Assure Books", ...props });
|
|
2637
|
+
}
|
|
2638
|
+
function AssureTaxBrandIcon({ size = 24, ...props }) {
|
|
2639
|
+
return /* @__PURE__ */ jsx(BrandIcon, { size, accent: "#e0793b", title: "Assure Tax", ...props });
|
|
2640
|
+
}
|
|
2600
2641
|
var Breadcrumb = forwardRef(function Breadcrumb2({ className, ...props }, ref) {
|
|
2601
2642
|
return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn(className), ...props });
|
|
2602
2643
|
});
|
|
@@ -8039,7 +8080,7 @@ var SidebarBrand = React36.forwardRef(
|
|
|
8039
8080
|
{
|
|
8040
8081
|
ref,
|
|
8041
8082
|
className: cn(
|
|
8042
|
-
"flex min-w-0 items-center gap-2 px-2 pt-1 pb-4",
|
|
8083
|
+
"flex min-w-0 items-center gap-2 px-2.5 pt-1 pb-4",
|
|
8043
8084
|
className
|
|
8044
8085
|
),
|
|
8045
8086
|
...props
|
|
@@ -8426,6 +8467,179 @@ var SidebarUser = React36.forwardRef(function SidebarUser2({ name, subtitle, ava
|
|
|
8426
8467
|
] });
|
|
8427
8468
|
});
|
|
8428
8469
|
SidebarUser.displayName = "SidebarUser";
|
|
8470
|
+
var SidebarBrandSwitcher = React36.forwardRef(
|
|
8471
|
+
function SidebarBrandSwitcher2({
|
|
8472
|
+
brand,
|
|
8473
|
+
label,
|
|
8474
|
+
current,
|
|
8475
|
+
items,
|
|
8476
|
+
onLaunch,
|
|
8477
|
+
currentSectionLabel = "Currently using",
|
|
8478
|
+
switchSectionLabel = "Switch to",
|
|
8479
|
+
menuLabel = "Suite",
|
|
8480
|
+
currentBadge = "Current",
|
|
8481
|
+
unavailableBadge = "Soon",
|
|
8482
|
+
triggerLabel = "Switch product",
|
|
8483
|
+
className,
|
|
8484
|
+
triggerClassName,
|
|
8485
|
+
contentClassName,
|
|
8486
|
+
trailing
|
|
8487
|
+
}, ref) {
|
|
8488
|
+
const [open, setOpen] = React36.useState(false);
|
|
8489
|
+
useSidebarPeekLock(open);
|
|
8490
|
+
const others = items.filter((p) => p.id !== current.id);
|
|
8491
|
+
return (
|
|
8492
|
+
// Geometry mirrors <SidebarBrand>: `px-2.5 pt-1 pb-4 gap-2`. This is
|
|
8493
|
+
// deliberate — the switcher replaces SidebarBrand, so the brand
|
|
8494
|
+
// glyph must land at the same column x-position that direct children
|
|
8495
|
+
// of <SidebarBrand> sit at, which in turn matches the 10px left
|
|
8496
|
+
// padding of <SidebarLink> icons below.
|
|
8497
|
+
/* @__PURE__ */ jsxs(
|
|
8498
|
+
"div",
|
|
8499
|
+
{
|
|
8500
|
+
ref,
|
|
8501
|
+
className: cn("flex min-w-0 items-center gap-2 px-2.5 pt-1 pb-4", className),
|
|
8502
|
+
children: [
|
|
8503
|
+
/* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
|
|
8504
|
+
/* @__PURE__ */ jsxs(
|
|
8505
|
+
DropdownMenuTrigger,
|
|
8506
|
+
{
|
|
8507
|
+
"aria-label": triggerLabel,
|
|
8508
|
+
className: cn(
|
|
8509
|
+
// Negative left margin pulls the trigger's hover-bg toward
|
|
8510
|
+
// the column edge while the inner padding holds the brand
|
|
8511
|
+
// glyph at the same x-position as direct <SidebarBrand>
|
|
8512
|
+
// children — same hover affordance, no glyph drift.
|
|
8513
|
+
"group/brand-trigger -ml-2 flex min-w-0 flex-1 items-center gap-2 rounded-md py-1.5 pr-1.5 pl-2",
|
|
8514
|
+
"text-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
|
|
8515
|
+
"hover:bg-bg-3 data-[state=open]:bg-bg-3",
|
|
8516
|
+
"focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
|
|
8517
|
+
triggerClassName
|
|
8518
|
+
),
|
|
8519
|
+
children: [
|
|
8520
|
+
brand,
|
|
8521
|
+
/* @__PURE__ */ jsx(SidebarBrandText, { className: "font-display text-fg text-[17px] font-semibold tracking-tight", children: label }),
|
|
8522
|
+
/* @__PURE__ */ jsx(
|
|
8523
|
+
ChevronDownIcon,
|
|
8524
|
+
{
|
|
8525
|
+
className: cn(
|
|
8526
|
+
"ml-auto size-3.5 shrink-0 text-fg-4",
|
|
8527
|
+
"transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
|
|
8528
|
+
"group-data-[state=open]/brand-trigger:rotate-180",
|
|
8529
|
+
"group-data-[labels=hide]/sidebar:hidden"
|
|
8530
|
+
)
|
|
8531
|
+
}
|
|
8532
|
+
)
|
|
8533
|
+
]
|
|
8534
|
+
}
|
|
8535
|
+
),
|
|
8536
|
+
/* @__PURE__ */ jsxs(
|
|
8537
|
+
DropdownMenuContent,
|
|
8538
|
+
{
|
|
8539
|
+
side: "right",
|
|
8540
|
+
align: "start",
|
|
8541
|
+
sideOffset: 12,
|
|
8542
|
+
className: cn("w-72 p-1", contentClassName),
|
|
8543
|
+
children: [
|
|
8544
|
+
/* @__PURE__ */ jsx(DropdownMenuLabel, { className: "px-2 pt-1 pb-1.5", children: menuLabel }),
|
|
8545
|
+
/* @__PURE__ */ jsx(SidebarBrandSwitcherSectionLabel, { children: currentSectionLabel }),
|
|
8546
|
+
/* @__PURE__ */ jsx(SidebarBrandSwitcherCurrentRow, { item: current, badge: currentBadge }),
|
|
8547
|
+
/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "my-1.5" }),
|
|
8548
|
+
/* @__PURE__ */ jsx(SidebarBrandSwitcherSectionLabel, { children: switchSectionLabel }),
|
|
8549
|
+
others.map((p) => /* @__PURE__ */ jsx(
|
|
8550
|
+
SidebarBrandSwitcherOtherRow,
|
|
8551
|
+
{
|
|
8552
|
+
item: p,
|
|
8553
|
+
onLaunch,
|
|
8554
|
+
unavailableBadge
|
|
8555
|
+
},
|
|
8556
|
+
p.id
|
|
8557
|
+
))
|
|
8558
|
+
]
|
|
8559
|
+
}
|
|
8560
|
+
)
|
|
8561
|
+
] }),
|
|
8562
|
+
trailing
|
|
8563
|
+
]
|
|
8564
|
+
}
|
|
8565
|
+
)
|
|
8566
|
+
);
|
|
8567
|
+
}
|
|
8568
|
+
);
|
|
8569
|
+
SidebarBrandSwitcher.displayName = "SidebarBrandSwitcher";
|
|
8570
|
+
function SidebarBrandSwitcherSectionLabel({ children }) {
|
|
8571
|
+
return /* @__PURE__ */ jsx("div", { className: "px-2 pt-1 pb-0.5 text-[10px] tracking-wider uppercase text-fg-4", children });
|
|
8572
|
+
}
|
|
8573
|
+
function SidebarBrandSwitcherTile({ item }) {
|
|
8574
|
+
if (item.glyph) return /* @__PURE__ */ jsx(Fragment, { children: item.glyph });
|
|
8575
|
+
const initial = (item.short ?? item.name).charAt(0).toUpperCase();
|
|
8576
|
+
return /* @__PURE__ */ jsx(
|
|
8577
|
+
"span",
|
|
8578
|
+
{
|
|
8579
|
+
"aria-hidden": true,
|
|
8580
|
+
className: cn(
|
|
8581
|
+
"inline-flex size-6 shrink-0 items-center justify-center rounded-md",
|
|
8582
|
+
"text-[11px] font-semibold text-white",
|
|
8583
|
+
item.tone
|
|
8584
|
+
),
|
|
8585
|
+
children: initial
|
|
8586
|
+
}
|
|
8587
|
+
);
|
|
8588
|
+
}
|
|
8589
|
+
function SidebarBrandSwitcherCurrentRow({
|
|
8590
|
+
item,
|
|
8591
|
+
badge
|
|
8592
|
+
}) {
|
|
8593
|
+
return /* @__PURE__ */ jsxs("div", { className: "mx-0 flex cursor-default items-center gap-2.5 rounded-md bg-bg-2 px-2 py-1.5", children: [
|
|
8594
|
+
/* @__PURE__ */ jsx(SidebarBrandSwitcherTile, { item }),
|
|
8595
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
|
|
8596
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: item.name }),
|
|
8597
|
+
item.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: item.tagline })
|
|
8598
|
+
] }),
|
|
8599
|
+
badge && /* @__PURE__ */ jsx("span", { className: "rounded-sm px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-pro-fg ring-1 ring-pro-fg/30", children: badge })
|
|
8600
|
+
] });
|
|
8601
|
+
}
|
|
8602
|
+
function SidebarBrandSwitcherOtherRow({
|
|
8603
|
+
item,
|
|
8604
|
+
onLaunch,
|
|
8605
|
+
unavailableBadge
|
|
8606
|
+
}) {
|
|
8607
|
+
const reachable = item.available !== false;
|
|
8608
|
+
const [launching, setLaunching] = React36.useState(false);
|
|
8609
|
+
const handleSelect = async () => {
|
|
8610
|
+
if (!reachable || launching || !onLaunch) return;
|
|
8611
|
+
setLaunching(true);
|
|
8612
|
+
try {
|
|
8613
|
+
await onLaunch(item);
|
|
8614
|
+
} finally {
|
|
8615
|
+
setLaunching(false);
|
|
8616
|
+
}
|
|
8617
|
+
};
|
|
8618
|
+
return /* @__PURE__ */ jsxs(
|
|
8619
|
+
DropdownMenuItem,
|
|
8620
|
+
{
|
|
8621
|
+
disabled: !reachable,
|
|
8622
|
+
onSelect: (e) => {
|
|
8623
|
+
if (!reachable) {
|
|
8624
|
+
e.preventDefault();
|
|
8625
|
+
return;
|
|
8626
|
+
}
|
|
8627
|
+
void handleSelect();
|
|
8628
|
+
},
|
|
8629
|
+
"data-item": item.dataAttr ?? item.id,
|
|
8630
|
+
className: "flex items-center gap-2.5 rounded-md px-2 py-1.5",
|
|
8631
|
+
children: [
|
|
8632
|
+
/* @__PURE__ */ jsx(SidebarBrandSwitcherTile, { item }),
|
|
8633
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
|
|
8634
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: item.name }),
|
|
8635
|
+
item.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: item.tagline })
|
|
8636
|
+
] }),
|
|
8637
|
+
!reachable && unavailableBadge && /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-bg-3 px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-fg-4", children: unavailableBadge }),
|
|
8638
|
+
reachable && launching && /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-bg-3 px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-fg-4", children: "Opening\u2026" })
|
|
8639
|
+
]
|
|
8640
|
+
}
|
|
8641
|
+
);
|
|
8642
|
+
}
|
|
8429
8643
|
var AppHeader = forwardRef(function AppHeader2({ className, ...props }, ref) {
|
|
8430
8644
|
return /* @__PURE__ */ jsx(
|
|
8431
8645
|
"header",
|
|
@@ -9145,6 +9359,40 @@ var ActivityItem = forwardRef(function ActivityItem2({ dot = "default", actor, t
|
|
|
9145
9359
|
);
|
|
9146
9360
|
});
|
|
9147
9361
|
ActivityItem.displayName = "ActivityItem";
|
|
9362
|
+
var ActivityEventItem = forwardRef(
|
|
9363
|
+
function ActivityEventItem2({ dot = "default", title, description, time, inset, className, ...props }, ref) {
|
|
9364
|
+
return /* @__PURE__ */ jsxs(
|
|
9365
|
+
"li",
|
|
9366
|
+
{
|
|
9367
|
+
ref,
|
|
9368
|
+
className: cn(
|
|
9369
|
+
"text-fg-3 flex items-center gap-2 text-[11px]",
|
|
9370
|
+
inset && "pl-9",
|
|
9371
|
+
className
|
|
9372
|
+
),
|
|
9373
|
+
...props,
|
|
9374
|
+
children: [
|
|
9375
|
+
/* @__PURE__ */ jsx(
|
|
9376
|
+
"span",
|
|
9377
|
+
{
|
|
9378
|
+
"aria-hidden": "true",
|
|
9379
|
+
className: cn("size-1 shrink-0 rounded-full", dotClass[dot])
|
|
9380
|
+
}
|
|
9381
|
+
),
|
|
9382
|
+
/* @__PURE__ */ jsxs("span", { className: "truncate", children: [
|
|
9383
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg-2 font-medium", children: title }),
|
|
9384
|
+
description && /* @__PURE__ */ jsxs("span", { className: "text-fg-4 ml-1", children: [
|
|
9385
|
+
"\u2014 ",
|
|
9386
|
+
description
|
|
9387
|
+
] })
|
|
9388
|
+
] }),
|
|
9389
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg-4 ml-auto shrink-0 text-[10px] tabular-nums", children: time })
|
|
9390
|
+
]
|
|
9391
|
+
}
|
|
9392
|
+
);
|
|
9393
|
+
}
|
|
9394
|
+
);
|
|
9395
|
+
ActivityEventItem.displayName = "ActivityEventItem";
|
|
9148
9396
|
var Kanban = forwardRef(function Kanban2({ className, children, ...props }, ref) {
|
|
9149
9397
|
return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-start gap-4 overflow-x-auto", className), ...props, children });
|
|
9150
9398
|
});
|
|
@@ -9214,6 +9462,141 @@ var KanbanCard = forwardRef(function KanbanCard2({ className, label, title, clie
|
|
|
9214
9462
|
] }) : children });
|
|
9215
9463
|
});
|
|
9216
9464
|
KanbanCard.displayName = "KanbanCard";
|
|
9465
|
+
var MessageBubble = forwardRef(function MessageBubble2({ avatar, name, timestamp, actions, children, className, ...props }, ref) {
|
|
9466
|
+
return /* @__PURE__ */ jsxs("li", { ref, className: cn("group/bubble flex gap-2.5", className), ...props, children: [
|
|
9467
|
+
avatar,
|
|
9468
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
|
|
9469
|
+
/* @__PURE__ */ jsxs("div", { className: "mb-0.5 flex items-baseline gap-2", children: [
|
|
9470
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg truncate text-xs font-semibold", children: name }),
|
|
9471
|
+
/* @__PURE__ */ jsx("span", { className: "text-fg-4 text-[10px] tabular-nums", children: timestamp }),
|
|
9472
|
+
actions && /* @__PURE__ */ jsx(
|
|
9473
|
+
"span",
|
|
9474
|
+
{
|
|
9475
|
+
className: cn(
|
|
9476
|
+
"ml-auto opacity-0 transition-opacity",
|
|
9477
|
+
"group-hover/bubble:opacity-100 group-focus-within/bubble:opacity-100"
|
|
9478
|
+
),
|
|
9479
|
+
children: actions
|
|
9480
|
+
}
|
|
9481
|
+
)
|
|
9482
|
+
] }),
|
|
9483
|
+
/* @__PURE__ */ jsx("div", { className: "bg-bg-2 text-fg break-words rounded-lg px-2.5 py-1.5 text-sm leading-relaxed", children })
|
|
9484
|
+
] })
|
|
9485
|
+
] });
|
|
9486
|
+
});
|
|
9487
|
+
MessageBubble.displayName = "MessageBubble";
|
|
9488
|
+
var MessageBubbleTombstone = forwardRef(
|
|
9489
|
+
function MessageBubbleTombstone2({ icon, children, timestamp, className, ...props }, ref) {
|
|
9490
|
+
return /* @__PURE__ */ jsxs(
|
|
9491
|
+
"li",
|
|
9492
|
+
{
|
|
9493
|
+
ref,
|
|
9494
|
+
className: cn(
|
|
9495
|
+
"text-fg-3 flex items-center gap-2.5 pl-1 text-[11px] italic",
|
|
9496
|
+
className
|
|
9497
|
+
),
|
|
9498
|
+
...props,
|
|
9499
|
+
children: [
|
|
9500
|
+
icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-70 [&>svg]:size-3", children: icon }),
|
|
9501
|
+
/* @__PURE__ */ jsxs("span", { className: "truncate", children: [
|
|
9502
|
+
children,
|
|
9503
|
+
timestamp && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9504
|
+
" \xB7 ",
|
|
9505
|
+
/* @__PURE__ */ jsx("span", { className: "tabular-nums", children: timestamp })
|
|
9506
|
+
] })
|
|
9507
|
+
] })
|
|
9508
|
+
]
|
|
9509
|
+
}
|
|
9510
|
+
);
|
|
9511
|
+
}
|
|
9512
|
+
);
|
|
9513
|
+
MessageBubbleTombstone.displayName = "MessageBubble.Tombstone";
|
|
9514
|
+
var MessageBubbleAction = forwardRef(
|
|
9515
|
+
function MessageBubbleAction2({ destructive, className, type = "button", ...props }, ref) {
|
|
9516
|
+
return /* @__PURE__ */ jsx(
|
|
9517
|
+
"button",
|
|
9518
|
+
{
|
|
9519
|
+
ref,
|
|
9520
|
+
type,
|
|
9521
|
+
className: cn(
|
|
9522
|
+
"text-fg-4 text-[10px] focus-visible:outline-none",
|
|
9523
|
+
destructive ? "hover:text-danger-fg" : "hover:text-fg",
|
|
9524
|
+
className
|
|
9525
|
+
),
|
|
9526
|
+
...props
|
|
9527
|
+
}
|
|
9528
|
+
);
|
|
9529
|
+
}
|
|
9530
|
+
);
|
|
9531
|
+
MessageBubbleAction.displayName = "MessageBubble.Action";
|
|
9532
|
+
MessageBubble.Tombstone = MessageBubbleTombstone;
|
|
9533
|
+
MessageBubble.Action = MessageBubbleAction;
|
|
9534
|
+
var ThreadComposer = forwardRef(
|
|
9535
|
+
function ThreadComposer2({ className, children, ...props }, ref) {
|
|
9536
|
+
return /* @__PURE__ */ jsx(
|
|
9537
|
+
"div",
|
|
9538
|
+
{
|
|
9539
|
+
ref,
|
|
9540
|
+
className: cn(
|
|
9541
|
+
"relative flex flex-col",
|
|
9542
|
+
"border-rule bg-input-background rounded-xl border",
|
|
9543
|
+
"transition-shadow duration-150",
|
|
9544
|
+
"focus-within:border-accent-ring focus-within:bg-surface focus-within:shadow-sm",
|
|
9545
|
+
className
|
|
9546
|
+
),
|
|
9547
|
+
...props,
|
|
9548
|
+
children
|
|
9549
|
+
}
|
|
9550
|
+
);
|
|
9551
|
+
}
|
|
9552
|
+
);
|
|
9553
|
+
ThreadComposer.displayName = "ThreadComposer";
|
|
9554
|
+
var ThreadComposerAccessory = forwardRef(
|
|
9555
|
+
function ThreadComposerAccessory2({ className, children, ...props }, ref) {
|
|
9556
|
+
return /* @__PURE__ */ jsx(
|
|
9557
|
+
"div",
|
|
9558
|
+
{
|
|
9559
|
+
ref,
|
|
9560
|
+
className: cn(
|
|
9561
|
+
"flex shrink-0 items-center gap-1.5 overflow-x-auto px-3 pt-2",
|
|
9562
|
+
className
|
|
9563
|
+
),
|
|
9564
|
+
...props,
|
|
9565
|
+
children
|
|
9566
|
+
}
|
|
9567
|
+
);
|
|
9568
|
+
}
|
|
9569
|
+
);
|
|
9570
|
+
ThreadComposerAccessory.displayName = "ThreadComposer.Accessory";
|
|
9571
|
+
var ThreadComposerInput = forwardRef(
|
|
9572
|
+
function ThreadComposerInput2({ className, children, ...props }, ref) {
|
|
9573
|
+
return /* @__PURE__ */ jsx("div", { ref, className: cn("min-h-0 flex-1 px-1 pt-1", className), ...props, children });
|
|
9574
|
+
}
|
|
9575
|
+
);
|
|
9576
|
+
ThreadComposerInput.displayName = "ThreadComposer.Input";
|
|
9577
|
+
var ThreadComposerFooter = forwardRef(
|
|
9578
|
+
function ThreadComposerFooter2({ start, end, className, ...props }, ref) {
|
|
9579
|
+
return /* @__PURE__ */ jsxs(
|
|
9580
|
+
"div",
|
|
9581
|
+
{
|
|
9582
|
+
ref,
|
|
9583
|
+
className: cn(
|
|
9584
|
+
"flex shrink-0 items-center justify-between gap-2 px-3 pb-2.5 pt-1.5",
|
|
9585
|
+
className
|
|
9586
|
+
),
|
|
9587
|
+
...props,
|
|
9588
|
+
children: [
|
|
9589
|
+
/* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-2", children: start }),
|
|
9590
|
+
/* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: end })
|
|
9591
|
+
]
|
|
9592
|
+
}
|
|
9593
|
+
);
|
|
9594
|
+
}
|
|
9595
|
+
);
|
|
9596
|
+
ThreadComposerFooter.displayName = "ThreadComposer.Footer";
|
|
9597
|
+
ThreadComposer.Accessory = ThreadComposerAccessory;
|
|
9598
|
+
ThreadComposer.Input = ThreadComposerInput;
|
|
9599
|
+
ThreadComposer.Footer = ThreadComposerFooter;
|
|
9217
9600
|
var NotificationPanel = forwardRef(
|
|
9218
9601
|
function NotificationPanel2({ className, children, ...props }, ref) {
|
|
9219
9602
|
return /* @__PURE__ */ jsx("div", { ref, className: cn("bg-surface text-fg flex w-full flex-col", className), ...props, children });
|
|
@@ -9498,6 +9881,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
|
|
|
9498
9881
|
});
|
|
9499
9882
|
KbdHint.displayName = "KbdHint";
|
|
9500
9883
|
|
|
9501
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, StatusIcon, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useToast, yearToIso };
|
|
9884
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, StatusIcon, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ThreadComposer, ThreadComposerAccessory, ThreadComposerFooter, ThreadComposerInput, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useToast, yearToIso };
|
|
9502
9885
|
//# sourceMappingURL=index.js.map
|
|
9503
9886
|
//# sourceMappingURL=index.js.map
|