@siena-ai/design-system 0.0.23 → 0.0.24
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 +307 -75
- package/dist/index.js +2261 -839
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { DateRange, DayPicker } from 'react-day-picker';
|
|
|
7
7
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
8
8
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
9
|
import { LucideIcon } from 'lucide-react';
|
|
10
|
+
import * as RechartsPrimitive from 'recharts';
|
|
10
11
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
11
12
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
12
13
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
@@ -26,7 +27,6 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
|
26
27
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
27
28
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
28
29
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
29
|
-
import * as RechartsPrimitive from 'recharts';
|
|
30
30
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
31
31
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
32
32
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
@@ -375,6 +375,9 @@ interface NavSubItem {
|
|
|
375
375
|
title: string;
|
|
376
376
|
url: string;
|
|
377
377
|
isActive?: boolean;
|
|
378
|
+
badge?: string | number;
|
|
379
|
+
badgeVariant?: "filled" | "soft" | "outline" | "ghost";
|
|
380
|
+
badgeColor?: "default" | "primary" | "success" | "warning" | "error";
|
|
378
381
|
}
|
|
379
382
|
interface NavItem {
|
|
380
383
|
title: string;
|
|
@@ -414,18 +417,17 @@ declare function UserMenu({ user, menuItems, onSignOut, className, }: UserMenuPr
|
|
|
414
417
|
|
|
415
418
|
interface HelpMenuItem {
|
|
416
419
|
label: string;
|
|
417
|
-
icon?: React$1.ElementType;
|
|
418
420
|
description?: string;
|
|
421
|
+
icon?: React$1.ElementType;
|
|
419
422
|
href?: string;
|
|
420
423
|
onClick?: () => void;
|
|
421
424
|
external?: boolean;
|
|
422
425
|
}
|
|
423
426
|
interface HelpMenuProps {
|
|
424
427
|
items?: HelpMenuItem[];
|
|
425
|
-
triggerLabel?: string;
|
|
426
428
|
className?: string;
|
|
427
429
|
}
|
|
428
|
-
declare function HelpMenu({ items,
|
|
430
|
+
declare function HelpMenu({ items, className, }: HelpMenuProps): react_jsx_runtime.JSX.Element;
|
|
429
431
|
|
|
430
432
|
interface NavSection {
|
|
431
433
|
label?: string;
|
|
@@ -594,21 +596,48 @@ interface SectionHeaderProps {
|
|
|
594
596
|
}
|
|
595
597
|
declare function SectionHeader({ icon, title, count, description, learnMoreHref, actions, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
|
|
596
598
|
|
|
597
|
-
|
|
599
|
+
declare const badgeVariants: (props?: ({
|
|
600
|
+
variant?: "outline" | "ghost" | "filled" | "soft" | null | undefined;
|
|
601
|
+
color?: "default" | "secondary" | "error" | "success" | "warning" | "enabled" | "primary" | "info" | null | undefined;
|
|
602
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
603
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
604
|
+
interface BadgeProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
|
|
605
|
+
/** Show a status dot indicator */
|
|
606
|
+
dot?: boolean;
|
|
607
|
+
/** Icon to display before text */
|
|
608
|
+
icon?: React$1.ReactNode;
|
|
609
|
+
/** Icon to display after text */
|
|
610
|
+
iconAfter?: React$1.ReactNode;
|
|
611
|
+
/** Show remove button */
|
|
612
|
+
removable?: boolean;
|
|
613
|
+
/** Callback when remove button is clicked */
|
|
614
|
+
onRemove?: () => void;
|
|
615
|
+
/** Disabled state */
|
|
616
|
+
disabled?: boolean;
|
|
617
|
+
/** Render as child element (Radix slot pattern) */
|
|
618
|
+
asChild?: boolean;
|
|
619
|
+
}
|
|
620
|
+
declare function Badge({ className, variant, color, size, dot, icon, iconAfter, removable, onRemove, disabled, asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
621
|
+
|
|
622
|
+
type ProductTag = "support" | "shopping" | "social" | "reviews" | "platform" | "intelligence" | "voice";
|
|
598
623
|
interface ChangeItem {
|
|
599
624
|
text: string;
|
|
625
|
+
/** Optional expanded description for more context (supports markdown links) */
|
|
626
|
+
description?: string;
|
|
600
627
|
product?: ProductTag;
|
|
601
628
|
}
|
|
602
|
-
interface
|
|
629
|
+
interface ReleaseSpotlight {
|
|
603
630
|
title: string;
|
|
631
|
+
/** Description text (supports markdown links like [text](url)) */
|
|
604
632
|
description: string;
|
|
633
|
+
/** Optional hero image URL (S3/Cloudinary) */
|
|
605
634
|
image?: string;
|
|
635
|
+
product?: ProductTag;
|
|
606
636
|
}
|
|
607
637
|
interface Release {
|
|
608
638
|
date: string;
|
|
609
|
-
/**
|
|
610
|
-
|
|
611
|
-
highlight?: ReleaseHighlight;
|
|
639
|
+
/** Hero feature for this release - gets prominent visual treatment */
|
|
640
|
+
spotlight?: ReleaseSpotlight;
|
|
612
641
|
features?: ChangeItem[];
|
|
613
642
|
improvements?: ChangeItem[];
|
|
614
643
|
fixes?: ChangeItem[];
|
|
@@ -623,13 +652,14 @@ interface ChangelogSheetProps {
|
|
|
623
652
|
}
|
|
624
653
|
declare const productConfig: Record<ProductTag, {
|
|
625
654
|
label: string;
|
|
626
|
-
|
|
655
|
+
color: BadgeProps["color"];
|
|
627
656
|
}>;
|
|
628
657
|
declare function formatShortDate(dateStr: string): string;
|
|
629
658
|
declare function getReleaseTitle(release: Release): string;
|
|
630
659
|
declare function ProductBadge({ product }: {
|
|
631
660
|
product: ProductTag;
|
|
632
661
|
}): react_jsx_runtime.JSX.Element;
|
|
662
|
+
declare const ProductDot: typeof ProductBadge;
|
|
633
663
|
declare function ChangelogSheet({ releases, open, onOpenChange, viewAllHref, maxReleases, }: ChangelogSheetProps): react_jsx_runtime.JSX.Element;
|
|
634
664
|
declare const sampleReleases: Release[];
|
|
635
665
|
|
|
@@ -720,6 +750,7 @@ interface Customer {
|
|
|
720
750
|
pmBuddy: string | null;
|
|
721
751
|
forwardDeployedPM: string | null;
|
|
722
752
|
forwardDeployedEngineer: string | null;
|
|
753
|
+
implementationManager: string | null;
|
|
723
754
|
executiveSponsor: string | null;
|
|
724
755
|
visits: Visit[];
|
|
725
756
|
automationRate: number | null;
|
|
@@ -875,6 +906,266 @@ declare function LinkButton({ url, label, className }: ExternalLinkItem & {
|
|
|
875
906
|
className?: string;
|
|
876
907
|
}): react_jsx_runtime.JSX.Element;
|
|
877
908
|
|
|
909
|
+
interface MajorRelease {
|
|
910
|
+
/** Unique ID for localStorage tracking */
|
|
911
|
+
id: string;
|
|
912
|
+
/** Release title (e.g., "Policies Engine") */
|
|
913
|
+
title: string;
|
|
914
|
+
/** Short teaser description */
|
|
915
|
+
description: string;
|
|
916
|
+
/** Release date */
|
|
917
|
+
releaseDate: string;
|
|
918
|
+
/** Only show banner if true */
|
|
919
|
+
isMajor: boolean;
|
|
920
|
+
}
|
|
921
|
+
interface WhatsNewBannerProps {
|
|
922
|
+
release: MajorRelease | null;
|
|
923
|
+
onOpenChangelog: () => void;
|
|
924
|
+
className?: string;
|
|
925
|
+
}
|
|
926
|
+
declare function WhatsNewBanner({ release, onOpenChangelog, className, }: WhatsNewBannerProps): react_jsx_runtime.JSX.Element | null;
|
|
927
|
+
declare const sampleMajorRelease: MajorRelease;
|
|
928
|
+
|
|
929
|
+
type RiskProfile$1 = "low" | "medium" | "high";
|
|
930
|
+
interface NetworkSignals {
|
|
931
|
+
addressHopper?: boolean;
|
|
932
|
+
firstTimeHighValue?: boolean;
|
|
933
|
+
highRiskLocation?: boolean;
|
|
934
|
+
billingShippingMismatch?: boolean;
|
|
935
|
+
claimPattern?: "always_stolen" | "always_damaged" | null;
|
|
936
|
+
loyalCustomer?: boolean;
|
|
937
|
+
longTenure?: boolean;
|
|
938
|
+
verifiedAddress?: boolean;
|
|
939
|
+
cleanHistory?: boolean;
|
|
940
|
+
}
|
|
941
|
+
interface NetworkIntelligence {
|
|
942
|
+
totalClaims: number;
|
|
943
|
+
totalOrders: number;
|
|
944
|
+
riskProfile: RiskProfile$1;
|
|
945
|
+
firstSeen?: string;
|
|
946
|
+
riskScore?: number;
|
|
947
|
+
signals?: NetworkSignals;
|
|
948
|
+
}
|
|
949
|
+
interface NetworkIntelligenceCardProps {
|
|
950
|
+
network: NetworkIntelligence;
|
|
951
|
+
className?: string;
|
|
952
|
+
}
|
|
953
|
+
declare function NetworkIntelligenceCard({ network, className }: NetworkIntelligenceCardProps): react_jsx_runtime.JSX.Element;
|
|
954
|
+
|
|
955
|
+
type ClaimType = "lost" | "damaged" | "stolen" | "wrong_item";
|
|
956
|
+
type ClaimStatus = "approved" | "pending" | "denied";
|
|
957
|
+
type ResolutionType = "refund" | "replacement" | "store_credit";
|
|
958
|
+
type Carrier = "ups" | "fedex" | "usps" | "dhl" | "other";
|
|
959
|
+
type FiledVia = "chat" | "email" | "portal";
|
|
960
|
+
type RiskProfile = "low" | "medium" | "high";
|
|
961
|
+
interface Signals {
|
|
962
|
+
addressHopper?: boolean;
|
|
963
|
+
firstTimeHighValue?: boolean;
|
|
964
|
+
highRiskLocation?: boolean;
|
|
965
|
+
billingShippingMismatch?: boolean;
|
|
966
|
+
claimPattern?: "always_stolen" | "always_damaged" | null;
|
|
967
|
+
loyalCustomer?: boolean;
|
|
968
|
+
longTenure?: boolean;
|
|
969
|
+
verifiedAddress?: boolean;
|
|
970
|
+
cleanHistory?: boolean;
|
|
971
|
+
}
|
|
972
|
+
interface OrderItem {
|
|
973
|
+
name: string;
|
|
974
|
+
sku?: string;
|
|
975
|
+
productUrl?: string;
|
|
976
|
+
quantity?: number;
|
|
977
|
+
price?: number;
|
|
978
|
+
}
|
|
979
|
+
interface Claim {
|
|
980
|
+
id: string;
|
|
981
|
+
orderId: string;
|
|
982
|
+
orderNumber: string;
|
|
983
|
+
customer: {
|
|
984
|
+
name: string;
|
|
985
|
+
email: string;
|
|
986
|
+
handle?: string;
|
|
987
|
+
avatar?: string;
|
|
988
|
+
totalOrders: number;
|
|
989
|
+
totalClaims: number;
|
|
990
|
+
customerSince?: string;
|
|
991
|
+
totalSpent?: number;
|
|
992
|
+
network?: {
|
|
993
|
+
totalClaims: number;
|
|
994
|
+
totalOrders: number;
|
|
995
|
+
riskProfile: RiskProfile;
|
|
996
|
+
firstSeen?: string;
|
|
997
|
+
riskScore?: number;
|
|
998
|
+
signals?: Signals;
|
|
999
|
+
};
|
|
1000
|
+
};
|
|
1001
|
+
type: ClaimType;
|
|
1002
|
+
status: ClaimStatus;
|
|
1003
|
+
resolutionType?: ResolutionType;
|
|
1004
|
+
subtotal: number;
|
|
1005
|
+
shippingCost: number;
|
|
1006
|
+
protectionFee: number;
|
|
1007
|
+
total: number;
|
|
1008
|
+
filedAt: Date;
|
|
1009
|
+
filedVia?: FiledVia;
|
|
1010
|
+
resolvedAt?: Date;
|
|
1011
|
+
orderDate: string;
|
|
1012
|
+
items: OrderItem[];
|
|
1013
|
+
carrier: Carrier;
|
|
1014
|
+
trackingNumber?: string;
|
|
1015
|
+
trackingUrl?: string;
|
|
1016
|
+
shippingMethod?: string;
|
|
1017
|
+
fulfillmentStatus?: "shipped" | "in_transit" | "delivered" | "exception";
|
|
1018
|
+
deniedReason?: string;
|
|
1019
|
+
paymentMethod?: string;
|
|
1020
|
+
shippingAddress?: {
|
|
1021
|
+
city: string;
|
|
1022
|
+
state: string;
|
|
1023
|
+
zip: string;
|
|
1024
|
+
};
|
|
1025
|
+
replacementOrderId?: string;
|
|
1026
|
+
replacementOrderNumber?: string;
|
|
1027
|
+
paidAmount?: number;
|
|
1028
|
+
reasoning?: string;
|
|
1029
|
+
evidence?: {
|
|
1030
|
+
tracking?: string;
|
|
1031
|
+
lastScan?: string;
|
|
1032
|
+
expectedDate?: string;
|
|
1033
|
+
photos?: string[];
|
|
1034
|
+
customerStatement?: string;
|
|
1035
|
+
};
|
|
1036
|
+
conversationId?: string;
|
|
1037
|
+
}
|
|
1038
|
+
declare const carrierConfig: Record<Carrier, {
|
|
1039
|
+
label: string;
|
|
1040
|
+
color: string;
|
|
1041
|
+
}>;
|
|
1042
|
+
declare function formatCurrency(amount: number): string;
|
|
1043
|
+
declare function formatRelativeTime(date: Date): string;
|
|
1044
|
+
declare function formatDuration(startDate: Date, endDate: Date): string;
|
|
1045
|
+
|
|
1046
|
+
declare function ClaimTypeBadge({ type }: {
|
|
1047
|
+
type: ClaimType;
|
|
1048
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1049
|
+
declare function ClaimStatusBadge({ status, deniedReason }: {
|
|
1050
|
+
status: ClaimStatus;
|
|
1051
|
+
deniedReason?: string;
|
|
1052
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1053
|
+
declare function ResolutionTypeText({ type }: {
|
|
1054
|
+
type?: ResolutionType;
|
|
1055
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1056
|
+
declare function CarrierBadge({ carrier }: {
|
|
1057
|
+
carrier: Carrier;
|
|
1058
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1059
|
+
declare function RiskProfileBadge({ risk }: {
|
|
1060
|
+
risk: RiskProfile;
|
|
1061
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1062
|
+
|
|
1063
|
+
interface StatItemProps {
|
|
1064
|
+
label: string;
|
|
1065
|
+
value: string;
|
|
1066
|
+
subValue?: string;
|
|
1067
|
+
secondaryLabel?: string;
|
|
1068
|
+
trend?: number;
|
|
1069
|
+
tooltip?: string;
|
|
1070
|
+
}
|
|
1071
|
+
declare function StatItem({ label, value, subValue, secondaryLabel, trend, tooltip }: StatItemProps): react_jsx_runtime.JSX.Element;
|
|
1072
|
+
|
|
1073
|
+
interface ClaimDetailSheetProps {
|
|
1074
|
+
claim: Claim | null;
|
|
1075
|
+
open: boolean;
|
|
1076
|
+
onOpenChange: (open: boolean) => void;
|
|
1077
|
+
onClaimClick?: (claim: Claim) => void;
|
|
1078
|
+
/** All claims for showing customer's claim history */
|
|
1079
|
+
allClaims?: Claim[];
|
|
1080
|
+
}
|
|
1081
|
+
declare function ClaimDetailSheet({ claim, open, onOpenChange, onClaimClick, allClaims }: ClaimDetailSheetProps): react_jsx_runtime.JSX.Element | null;
|
|
1082
|
+
|
|
1083
|
+
declare function MetricChartWithDropdown(): react_jsx_runtime.JSX.Element;
|
|
1084
|
+
|
|
1085
|
+
declare const THEMES: {
|
|
1086
|
+
readonly light: "";
|
|
1087
|
+
readonly dark: ".dark";
|
|
1088
|
+
};
|
|
1089
|
+
type ChartConfig = {
|
|
1090
|
+
[k in string]: {
|
|
1091
|
+
label?: React$1.ReactNode;
|
|
1092
|
+
icon?: React$1.ComponentType;
|
|
1093
|
+
} & ({
|
|
1094
|
+
color?: string;
|
|
1095
|
+
theme?: never;
|
|
1096
|
+
} | {
|
|
1097
|
+
color?: never;
|
|
1098
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
1099
|
+
});
|
|
1100
|
+
};
|
|
1101
|
+
declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
|
|
1102
|
+
config: ChartConfig;
|
|
1103
|
+
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
1104
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1105
|
+
declare const ChartStyle: ({ id, config }: {
|
|
1106
|
+
id: string;
|
|
1107
|
+
config: ChartConfig;
|
|
1108
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
1109
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
1110
|
+
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
|
|
1111
|
+
hideLabel?: boolean;
|
|
1112
|
+
hideIndicator?: boolean;
|
|
1113
|
+
indicator?: "line" | "dot" | "dashed";
|
|
1114
|
+
nameKey?: string;
|
|
1115
|
+
labelKey?: string;
|
|
1116
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
1117
|
+
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
1118
|
+
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
1119
|
+
hideIcon?: boolean;
|
|
1120
|
+
nameKey?: string;
|
|
1121
|
+
}): react_jsx_runtime.JSX.Element | null;
|
|
1122
|
+
|
|
1123
|
+
declare const mockClaims: Claim[];
|
|
1124
|
+
declare const totalClaims: number;
|
|
1125
|
+
declare const totalClaimValue: number;
|
|
1126
|
+
declare const approvedClaimsList: Claim[];
|
|
1127
|
+
declare const approvedClaims: number;
|
|
1128
|
+
declare const approvedClaimValue: number;
|
|
1129
|
+
declare const deniedClaims: number;
|
|
1130
|
+
declare const pendingClaims: number;
|
|
1131
|
+
declare const approvalRate: number;
|
|
1132
|
+
declare const avgApprovedValue: number;
|
|
1133
|
+
declare const protectedOrders = 6247;
|
|
1134
|
+
declare const revenueGenerated = 42156;
|
|
1135
|
+
declare const refundClaims: number;
|
|
1136
|
+
declare const replacementClaims: number;
|
|
1137
|
+
declare const storeCreditClaims: number;
|
|
1138
|
+
declare const totalResolved: number;
|
|
1139
|
+
declare const lostClaims: number;
|
|
1140
|
+
declare const damagedClaims: number;
|
|
1141
|
+
declare const stolenClaims: number;
|
|
1142
|
+
declare const wrongItemClaims: number;
|
|
1143
|
+
declare const attachRateData: {
|
|
1144
|
+
date: string;
|
|
1145
|
+
value: number;
|
|
1146
|
+
}[];
|
|
1147
|
+
declare const claimRateData: {
|
|
1148
|
+
date: string;
|
|
1149
|
+
value: number;
|
|
1150
|
+
}[];
|
|
1151
|
+
declare const approvalRateData: {
|
|
1152
|
+
date: string;
|
|
1153
|
+
value: number;
|
|
1154
|
+
}[];
|
|
1155
|
+
declare const ordersProtectedData: {
|
|
1156
|
+
date: string;
|
|
1157
|
+
value: number;
|
|
1158
|
+
}[];
|
|
1159
|
+
declare const chartConfig: ChartConfig;
|
|
1160
|
+
type MetricType = "attach" | "claim" | "approval" | "orders";
|
|
1161
|
+
declare const metricOptions: {
|
|
1162
|
+
value: MetricType;
|
|
1163
|
+
label: string;
|
|
1164
|
+
data: typeof attachRateData;
|
|
1165
|
+
currentValue: string;
|
|
1166
|
+
description: string;
|
|
1167
|
+
}[];
|
|
1168
|
+
|
|
878
1169
|
/** Available avatar colors - 14 solid earthy colors */
|
|
879
1170
|
type AvatarColor = "bougainvillea" | "terracotta" | "rust" | "clay" | "amber" | "ochre" | "olive" | "sage" | "forest" | "teal" | "sky" | "slate" | "plum" | "wine";
|
|
880
1171
|
interface ChatAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
@@ -906,8 +1197,10 @@ interface TypingIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
906
1197
|
showAvatar?: boolean;
|
|
907
1198
|
/** Size variant */
|
|
908
1199
|
size?: "sm" | "default" | "lg";
|
|
1200
|
+
/** Persona emoji (e.g., "🌿") - when provided, shows emoji avatar instead of generic AI avatar */
|
|
1201
|
+
personaEmoji?: string;
|
|
909
1202
|
}
|
|
910
|
-
declare function TypingIndicator({ variant, text, thinkingPhrases, showAvatar, size, className, ...props }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
1203
|
+
declare function TypingIndicator({ variant, text, thinkingPhrases, showAvatar, size, personaEmoji, className, ...props }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
911
1204
|
|
|
912
1205
|
interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
913
1206
|
/** Callback when copy is clicked */
|
|
@@ -1369,7 +1662,7 @@ interface ChatInputProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "o
|
|
|
1369
1662
|
}
|
|
1370
1663
|
declare function ChatInput({ value, onChange, onSend, onAttach, placeholder, disabled, loading, maxLength, showCount, attachments, onRemoveAttachment, onVoiceTranscript, showVoice, voiceSlot, isTranscripting, submitShortcut, maxRows, minRows, showAttachButton, onAttachClick, showSendButton, footerContent, leftSlot, rightSlot, enableDragDrop, context, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
|
|
1371
1664
|
|
|
1372
|
-
type Channel$2 = "dm" | "comment" | "email" | "sms" | "phone";
|
|
1665
|
+
type Channel$2 = "dm" | "comment" | "email" | "sms" | "phone" | "story_mention";
|
|
1373
1666
|
type Platform = "instagram" | "facebook" | "tiktok" | "twitter" | "email" | "sms";
|
|
1374
1667
|
|
|
1375
1668
|
/** The mode of the input - determines context bar styling and behavior */
|
|
@@ -2351,29 +2644,6 @@ declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof A
|
|
|
2351
2644
|
declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
|
|
2352
2645
|
declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
|
|
2353
2646
|
|
|
2354
|
-
declare const badgeVariants: (props?: ({
|
|
2355
|
-
variant?: "outline" | "ghost" | "filled" | "soft" | null | undefined;
|
|
2356
|
-
color?: "default" | "secondary" | "error" | "success" | "warning" | "enabled" | "primary" | "info" | null | undefined;
|
|
2357
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2358
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2359
|
-
interface BadgeProps extends Omit<React$1.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeVariants> {
|
|
2360
|
-
/** Show a status dot indicator */
|
|
2361
|
-
dot?: boolean;
|
|
2362
|
-
/** Icon to display before text */
|
|
2363
|
-
icon?: React$1.ReactNode;
|
|
2364
|
-
/** Icon to display after text */
|
|
2365
|
-
iconAfter?: React$1.ReactNode;
|
|
2366
|
-
/** Show remove button */
|
|
2367
|
-
removable?: boolean;
|
|
2368
|
-
/** Callback when remove button is clicked */
|
|
2369
|
-
onRemove?: () => void;
|
|
2370
|
-
/** Disabled state */
|
|
2371
|
-
disabled?: boolean;
|
|
2372
|
-
/** Render as child element (Radix slot pattern) */
|
|
2373
|
-
asChild?: boolean;
|
|
2374
|
-
}
|
|
2375
|
-
declare function Badge({ className, variant, color, size, dot, icon, iconAfter, removable, onRemove, disabled, asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
2376
|
-
|
|
2377
2647
|
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
|
|
2378
2648
|
buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
2379
2649
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -2394,44 +2664,6 @@ declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"d
|
|
|
2394
2664
|
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
2395
2665
|
declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
2396
2666
|
|
|
2397
|
-
declare const THEMES: {
|
|
2398
|
-
readonly light: "";
|
|
2399
|
-
readonly dark: ".dark";
|
|
2400
|
-
};
|
|
2401
|
-
type ChartConfig = {
|
|
2402
|
-
[k in string]: {
|
|
2403
|
-
label?: React$1.ReactNode;
|
|
2404
|
-
icon?: React$1.ComponentType;
|
|
2405
|
-
} & ({
|
|
2406
|
-
color?: string;
|
|
2407
|
-
theme?: never;
|
|
2408
|
-
} | {
|
|
2409
|
-
color?: never;
|
|
2410
|
-
theme: Record<keyof typeof THEMES, string>;
|
|
2411
|
-
});
|
|
2412
|
-
};
|
|
2413
|
-
declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
|
|
2414
|
-
config: ChartConfig;
|
|
2415
|
-
children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
2416
|
-
}): react_jsx_runtime.JSX.Element;
|
|
2417
|
-
declare const ChartStyle: ({ id, config }: {
|
|
2418
|
-
id: string;
|
|
2419
|
-
config: ChartConfig;
|
|
2420
|
-
}) => react_jsx_runtime.JSX.Element | null;
|
|
2421
|
-
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
2422
|
-
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
|
|
2423
|
-
hideLabel?: boolean;
|
|
2424
|
-
hideIndicator?: boolean;
|
|
2425
|
-
indicator?: "line" | "dot" | "dashed";
|
|
2426
|
-
nameKey?: string;
|
|
2427
|
-
labelKey?: string;
|
|
2428
|
-
}): react_jsx_runtime.JSX.Element | null;
|
|
2429
|
-
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
2430
|
-
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
2431
|
-
hideIcon?: boolean;
|
|
2432
|
-
nameKey?: string;
|
|
2433
|
-
}): react_jsx_runtime.JSX.Element | null;
|
|
2434
|
-
|
|
2435
2667
|
interface ProgressProps extends React$1.ComponentProps<typeof ProgressPrimitive.Root> {
|
|
2436
2668
|
indicatorClassName?: string;
|
|
2437
2669
|
}
|
|
@@ -2774,6 +3006,6 @@ declare function usePortalContainer(): HTMLElement | null;
|
|
|
2774
3006
|
|
|
2775
3007
|
declare function cn(...inputs: ClassValue[]): string;
|
|
2776
3008
|
|
|
2777
|
-
declare const VERSION = "6.
|
|
3009
|
+
declare const VERSION = "6.8.0";
|
|
2778
3010
|
|
|
2779
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type Account, AccountPicker, type AccountPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiKeyDisplay, AppLayout, AppSidebar, AspectRatio, type Attachment$1 as Attachment, AttachmentLightbox, type AttachmentLightboxProps, AttachmentMenu, type AttachmentMenuProps, AttachmentPreview, type AttachmentPreviewProps, AttributeInput, Avatar, type AvatarColor, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BrandIdentity, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilterChips, type ChangeItem, ChangelogSheet, type Channel$1 as Channel, ChannelIcons, ChannelMappingRow, ChartCard, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatAvatar, type ChatAvatarProps, ChatHeader, type ChatHeaderProps, ChatInput, type ChatInputContext, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatPanel, type ChatPanelProps, ChatSidebar, type ChatSidebarProps, ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextCard, ContextCardGrid, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type Conversation, type ConversationActions, type ConversationChannel, type ConversationStatus, type CurrentUser, CustomerSheet, DEFAULT_CHANNELS, DataTable, DataTableColumnHeader, type DatePreset, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentHeader, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailIcon, EmojiPicker, EmptyState, type ExternalLinkItem, FacebookIcon, FeatureGrid, FilterBar, type FilterChip, FilterDropdown, type FilterOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GorgiasIcon, HelpMenu, type HelpMenuItem, Hero, HoverCard, HoverCardContent, HoverCardTrigger, IconSelect, Input, type InputContext, type InputMode, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPlusMenu, type InputProps, InsightReport, type InsightReportData, InstagramIcon, IntegrationCard, type IntegrationType, IntercomIcon, Kbd, Label, LinkButton, LinkedInIcon, LiveChatIcon, LogoCloud, MarkdownRenderer, type MarkdownRendererProps, type MemberRole, type MemberStatus, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type Message, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageChannel, MessengerIcon, type Model, ModelSelector, type ModelSelectorProps, type NavItem, NavMain, type NavSection, type NavSubItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type PageBreadcrumbItem, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, PersonSheet, type Persona$1 as Persona, PersonaCard, PersonaEditor, type BusinessContext as PersonaStudioBusinessContext, type Channel as PersonaStudioChannel, type ChannelMapping as PersonaStudioChannelMapping, type Persona as PersonaStudioPersona, type PersonaGender as PersonaStudioPersonaGender, PhoneIcon, PlaceholderLogo, type Platform$1 as Platform, type Playbook, PlaygroundInput, type PlaygroundInputProps, PlaygroundPanel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, PriorityBadge, PriorityChangelogBanner, PriorityChangelogSheet, type PriorityLevel, ProductBadge, ProductCard, type ProductTag, Progress, RadioGroup, RadioGroupItem, type Recommendation, RelatedLinks, type Release, type
|
|
3011
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type Account, AccountPicker, type AccountPickerProps, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApiKeyDisplay, AppLayout, AppSidebar, AspectRatio, type Attachment$1 as Attachment, AttachmentLightbox, type AttachmentLightboxProps, AttachmentMenu, type AttachmentMenuProps, AttachmentPreview, type AttachmentPreviewProps, AttributeInput, Avatar, type AvatarColor, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BrandIdentity, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CTASection, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type Carrier, CarrierBadge, CategoryFilterChips, type ChangeItem, ChangelogSheet, type Channel$1 as Channel, ChannelIcons, ChannelMappingRow, ChartCard, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, ChatAvatar, type ChatAvatarProps, ChatHeader, type ChatHeaderProps, ChatInput, type ChatInputContext, type ChatInputProps, ChatMessageList, type ChatMessageListProps, ChatPanel, type ChatPanelProps, ChatSidebar, type ChatSidebarProps, ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, Checkbox, type Claim, ClaimDetailSheet, type ClaimDetailSheetProps, type ClaimStatus, ClaimStatusBadge, type ClaimType, ClaimTypeBadge, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextCard, ContextCardGrid, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type Conversation, type ConversationActions, type ConversationChannel, type ConversationStatus, type CurrentUser, CustomerSheet, DEFAULT_CHANNELS, DataTable, DataTableColumnHeader, type DatePreset, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentHeader, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailIcon, EmojiPicker, EmptyState, type ExternalLinkItem, FacebookIcon, FeatureGrid, type FiledVia, FilterBar, type FilterChip, FilterDropdown, type FilterOption, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GorgiasIcon, HelpMenu, type HelpMenuItem, Hero, HoverCard, HoverCardContent, HoverCardTrigger, IconSelect, Input, type InputContext, type InputMode, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPlusMenu, type InputProps, InsightReport, type InsightReportData, InstagramIcon, IntegrationCard, type IntegrationType, IntercomIcon, Kbd, Label, LinkButton, LinkedInIcon, LiveChatIcon, LogoCloud, type MajorRelease, MarkdownRenderer, type MarkdownRendererProps, type MemberRole, type MemberStatus, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type Message, MessageActions, type MessageActionsProps, MessageBubble, type MessageBubbleProps, type MessageChannel, MessengerIcon, MetricChartWithDropdown, type MetricType, type Model, ModelSelector, type ModelSelectorProps, type NavItem, NavMain, type NavSection, type NavSubItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NetworkIntelligence, NetworkIntelligenceCard, type NetworkSignals, type OrderItem, type PageBreadcrumbItem, PageHeader, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, PersonSheet, type Persona$1 as Persona, PersonaCard, PersonaEditor, type BusinessContext as PersonaStudioBusinessContext, type Channel as PersonaStudioChannel, type ChannelMapping as PersonaStudioChannelMapping, type Persona as PersonaStudioPersona, type PersonaGender as PersonaStudioPersonaGender, PhoneIcon, PlaceholderLogo, type Platform$1 as Platform, type Playbook, PlaygroundInput, type PlaygroundInputProps, PlaygroundPanel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, PriorityBadge, PriorityChangelogBanner, PriorityChangelogSheet, type PriorityLevel, ProductBadge, ProductCard, ProductDot, type ProductTag, Progress, RadioGroup, RadioGroupItem, type Recommendation, RelatedLinks, type Release, type ReleaseSpotlight, type Report, ReportCard, ResizableHandle, ResizablePanel, ResizablePanelGroup, type ResolutionType, ResolutionTypeText, ReviewsIcon, type RiskProfile$1 as RiskProfile, RiskProfileBadge, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShareDialog, type ShareDialogProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShopifyIcon, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, type Signals, Skeleton, SlackIcon, Slider, SmsIcon, Spinner, StatCard, StatItem, type StatItemProps, StreamingText, type StreamingTextProps, SuggestionChips, type SuggestionChipsProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TeamMember, TeamMemberList, Textarea, type TextareaProps, ThemeToggle, TikTokIcon, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type Tool, type ToolCall, ToolCallBlock, type ToolCallBlockProps, type ToolProvider, ToolsPanelContent, type ToolsPanelContentProps, ToolsPopover, type ToolsPopoverProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TrendBadge, type TrendData, type TrendSection, TwitterIcon, TypingIndicator, type TypingIndicatorProps, UnifiedInput, UnsavedChangesBar, type UserData, UserMenu, type UserMenuItem, VERSION, VoiceInput, type VoiceInputProps, WhatsAppIcon, WhatsNewBanner, type Workspace, WorkspaceSelector, YouTubeIcon, ZendeskIcon, approvalRate, approvalRateData, approvedClaimValue, approvedClaims, approvedClaimsList, attachRateData, avgApprovedValue, badgeVariants, buttonVariants, carrierConfig, chartConfig, claimRateData, cn, damagedClaims, defaultModels, defaultPlaybooks, deniedClaims, formatCurrency, formatDuration, formatRelativeTime, formatShortDate, getChannelIcon, getReleaseTitle, inputVariants, lostClaims, metricOptions, mockClaims, navigationMenuTriggerStyle, ordersProtectedData, pendingClaims, productConfig, protectedOrders, refundClaims, replacementClaims, revenueGenerated, sampleMajorRelease, sampleReleases, stolenClaims, storeCreditClaims, textareaVariants, toggleVariants, totalClaimValue, totalClaims, totalResolved, useFormField, useIsMobile, usePortalContainer, useSidebar, wrongItemClaims };
|