@datatechsolutions/ui 3.2.1 → 3.4.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/astrlabe/contracts.d.mts +31 -3
- package/dist/astrlabe/contracts.d.ts +31 -3
- package/dist/astrlabe/index.d.mts +22 -30
- package/dist/astrlabe/index.d.ts +22 -30
- package/dist/astrlabe/index.js +121 -121
- package/dist/astrlabe/index.mjs +7 -7
- package/dist/astrlabe/utils.js +9 -9
- package/dist/astrlabe/utils.mjs +2 -2
- package/dist/astrlabe/workflow-canvas.d.mts +6 -69
- package/dist/astrlabe/workflow-canvas.d.ts +6 -69
- package/dist/astrlabe/workflow-canvas.js +6 -6
- package/dist/astrlabe/workflow-canvas.mjs +5 -5
- package/dist/brand/index.d.mts +1 -15
- package/dist/brand/index.d.ts +1 -15
- package/dist/brand/index.js +0 -14
- package/dist/brand/index.js.map +1 -1
- package/dist/brand/index.mjs +0 -14
- package/dist/brand/index.mjs.map +1 -1
- package/dist/{chunk-FAGDZEKM.js → chunk-2OZZH2IO.js} +2 -2
- package/dist/chunk-2OZZH2IO.js.map +1 -0
- package/dist/{chunk-SYNVNTLJ.mjs → chunk-3AY5HIQ6.mjs} +2 -2
- package/dist/chunk-3AY5HIQ6.mjs.map +1 -0
- package/dist/{chunk-JSNRCYSO.js → chunk-45QAUEYT.js} +4 -4
- package/dist/{chunk-JSNRCYSO.js.map → chunk-45QAUEYT.js.map} +1 -1
- package/dist/{chunk-B67DP7MI.mjs → chunk-4GDWGWHY.mjs} +4 -4
- package/dist/{chunk-B67DP7MI.mjs.map → chunk-4GDWGWHY.mjs.map} +1 -1
- package/dist/{chunk-KR2X2WHJ.js → chunk-4ICEQJH4.js} +53 -53
- package/dist/{chunk-KR2X2WHJ.js.map → chunk-4ICEQJH4.js.map} +1 -1
- package/dist/{chunk-RXZNACMI.js → chunk-6MBWKOPF.js} +33 -33
- package/dist/{chunk-RXZNACMI.js.map → chunk-6MBWKOPF.js.map} +1 -1
- package/dist/{chunk-C3H4FM4A.js → chunk-72SWXOD5.js} +15 -2
- package/dist/chunk-72SWXOD5.js.map +1 -0
- package/dist/{chunk-JN6IL6OH.mjs → chunk-AGGOHPMZ.mjs} +1054 -5229
- package/dist/chunk-AGGOHPMZ.mjs.map +1 -0
- package/dist/{chunk-5GDKCFM5.mjs → chunk-AL73YAV4.mjs} +3 -3
- package/dist/{chunk-5GDKCFM5.mjs.map → chunk-AL73YAV4.mjs.map} +1 -1
- package/dist/{chunk-ZJPNP2YW.mjs → chunk-BUDZNAKL.mjs} +2 -2
- package/dist/chunk-BUDZNAKL.mjs.map +1 -0
- package/dist/{chunk-OL73LBX5.mjs → chunk-BW67WFHT.mjs} +3 -4
- package/dist/chunk-BW67WFHT.mjs.map +1 -0
- package/dist/{chunk-W5OEBO6E.js → chunk-CF7GOUBQ.js} +13 -14
- package/dist/chunk-CF7GOUBQ.js.map +1 -0
- package/dist/{chunk-IRPS5UCS.mjs → chunk-CUWPLPVY.mjs} +3 -3
- package/dist/{chunk-IRPS5UCS.mjs.map → chunk-CUWPLPVY.mjs.map} +1 -1
- package/dist/{chunk-NJS2YC3J.js → chunk-DJDZIRM6.js} +12 -2
- package/dist/chunk-DJDZIRM6.js.map +1 -0
- package/dist/{chunk-RL35XATZ.js → chunk-ERCDMBRT.js} +702 -647
- package/dist/chunk-ERCDMBRT.js.map +1 -0
- package/dist/{chunk-I2NZGVBG.js → chunk-FSBR4RCK.js} +1101 -5313
- package/dist/chunk-FSBR4RCK.js.map +1 -0
- package/dist/{chunk-5W7L7BT7.mjs → chunk-G7JQ4OCE.mjs} +15 -2
- package/dist/chunk-G7JQ4OCE.mjs.map +1 -0
- package/dist/{chunk-5RM6NGZ6.mjs → chunk-IDEM3DYF.mjs} +3 -3
- package/dist/{chunk-5RM6NGZ6.mjs.map → chunk-IDEM3DYF.mjs.map} +1 -1
- package/dist/{chunk-U7XM3N7F.mjs → chunk-LEXBTVGM.mjs} +12 -2
- package/dist/chunk-LEXBTVGM.mjs.map +1 -0
- package/dist/{chunk-EFOXN3LC.js → chunk-M7KSEUZR.js} +490 -389
- package/dist/chunk-M7KSEUZR.js.map +1 -0
- package/dist/{chunk-AOUUZ52N.js → chunk-MO5FBVV3.js} +85 -86
- package/dist/chunk-MO5FBVV3.js.map +1 -0
- package/dist/{chunk-H2D2CRTD.mjs → chunk-NAFWHJCM.mjs} +8 -8
- package/dist/{chunk-H2D2CRTD.mjs.map → chunk-NAFWHJCM.mjs.map} +1 -1
- package/dist/{chunk-3JJWPOK6.js → chunk-NCLZKVJK.js} +9 -10
- package/dist/chunk-NCLZKVJK.js.map +1 -0
- package/dist/{chunk-R4TQWXNG.mjs → chunk-NVQWHJQH.mjs} +6 -5
- package/dist/chunk-NVQWHJQH.mjs.map +1 -0
- package/dist/{chunk-Y6AEE56Q.js → chunk-PGVZKMOA.js} +69 -69
- package/dist/{chunk-Y6AEE56Q.js.map → chunk-PGVZKMOA.js.map} +1 -1
- package/dist/{chunk-UDDZTTLO.mjs → chunk-QBFE7ABE.mjs} +6 -7
- package/dist/chunk-QBFE7ABE.mjs.map +1 -0
- package/dist/{chunk-3ZUMJTDT.mjs → chunk-RFRXS4PC.mjs} +3 -4
- package/dist/{chunk-3JJWPOK6.js.map → chunk-RFRXS4PC.mjs.map} +1 -1
- package/dist/{chunk-ZV5EZXXO.mjs → chunk-RHRJXK5R.mjs} +3 -3
- package/dist/{chunk-ZV5EZXXO.mjs.map → chunk-RHRJXK5R.mjs.map} +1 -1
- package/dist/{chunk-SU3YPWFW.js → chunk-RLLP7VQJ.js} +26 -26
- package/dist/{chunk-SU3YPWFW.js.map → chunk-RLLP7VQJ.js.map} +1 -1
- package/dist/{chunk-YIB2YAM5.mjs → chunk-RLVOG5OQ.mjs} +3 -3
- package/dist/{chunk-YIB2YAM5.mjs.map → chunk-RLVOG5OQ.mjs.map} +1 -1
- package/dist/{chunk-QYA53LUF.mjs → chunk-SEYUYGER.mjs} +571 -517
- package/dist/chunk-SEYUYGER.mjs.map +1 -0
- package/dist/{chunk-YV72JM4B.mjs → chunk-SQ4KGLBZ.mjs} +4 -4
- package/dist/{chunk-YV72JM4B.mjs.map → chunk-SQ4KGLBZ.mjs.map} +1 -1
- package/dist/{chunk-F54Q2YJY.js → chunk-SY4MUT5V.js} +7 -7
- package/dist/{chunk-F54Q2YJY.js.map → chunk-SY4MUT5V.js.map} +1 -1
- package/dist/{chunk-ZM5MVWIT.js → chunk-TUQLZ4QD.js} +5 -6
- package/dist/chunk-TUQLZ4QD.js.map +1 -0
- package/dist/{chunk-TVMLV675.js → chunk-UE2RDQIK.js} +98 -95
- package/dist/chunk-UE2RDQIK.js.map +1 -0
- package/dist/{chunk-HDCUWUNH.js → chunk-UJVDI66K.js} +28 -27
- package/dist/chunk-UJVDI66K.js.map +1 -0
- package/dist/{chunk-IRT4T3CU.mjs → chunk-VV6SYMPM.mjs} +423 -321
- package/dist/chunk-VV6SYMPM.mjs.map +1 -0
- package/dist/{chunk-HZ4LOVHM.js → chunk-VY52Y5GC.js} +2 -2
- package/dist/chunk-VY52Y5GC.js.map +1 -0
- package/dist/{chunk-LEKZUS6N.mjs → chunk-X3GW7UPN.mjs} +4 -5
- package/dist/chunk-X3GW7UPN.mjs.map +1 -0
- package/dist/{chunk-RGI74SQH.js → chunk-Y2AYFG4E.js} +4 -4
- package/dist/{chunk-RGI74SQH.js.map → chunk-Y2AYFG4E.js.map} +1 -1
- package/dist/{chunk-TIJJHW2Z.js → chunk-YV7F7IXG.js} +36 -36
- package/dist/{chunk-TIJJHW2Z.js.map → chunk-YV7F7IXG.js.map} +1 -1
- package/dist/{chunk-MVBIAXVN.mjs → chunk-ZKSDDFHG.mjs} +14 -11
- package/dist/chunk-ZKSDDFHG.mjs.map +1 -0
- package/dist/{index-VI9gyJXl.d.mts → index-BNRGVAS5.d.mts} +9 -2
- package/dist/index-BoebbJ44.d.mts +49 -0
- package/dist/index-BoebbJ44.d.ts +49 -0
- package/dist/{index-CoB18TbG.d.ts → index-CnCY-b5V.d.ts} +9 -2
- package/dist/index.d.mts +399 -548
- package/dist/index.d.ts +399 -548
- package/dist/index.js +727 -887
- package/dist/index.mjs +3 -3
- package/dist/platform/admin/index.js +12 -12
- package/dist/platform/admin/index.mjs +6 -6
- package/dist/platform/agents-workspace.js +10 -10
- package/dist/platform/agents-workspace.mjs +9 -9
- package/dist/platform/app-shell.js +5 -5
- package/dist/platform/app-shell.mjs +4 -4
- package/dist/platform/auth/index.js +29 -29
- package/dist/platform/auth/index.mjs +6 -6
- package/dist/platform/billing/index.js +5 -5
- package/dist/platform/billing/index.mjs +4 -4
- package/dist/platform/impersonation/index.js +5 -5
- package/dist/platform/impersonation/index.mjs +4 -4
- package/dist/platform/index.d.mts +3 -39
- package/dist/platform/index.d.ts +3 -39
- package/dist/platform/index.js +102 -4812
- package/dist/platform/index.js.map +1 -1
- package/dist/platform/index.mjs +25 -4730
- package/dist/platform/index.mjs.map +1 -1
- package/dist/platform/pages/index.d.mts +4 -4
- package/dist/platform/pages/index.d.ts +4 -4
- package/dist/platform/pages/index.js +199 -199
- package/dist/platform/pages/index.mjs +11 -11
- package/dist/platform/rbac.d.mts +2 -1
- package/dist/platform/rbac.d.ts +2 -1
- package/dist/platform/rbac.js +2 -2
- package/dist/platform/rbac.mjs +1 -1
- package/dist/platform/settings/index.js +9 -9
- package/dist/platform/settings/index.mjs +8 -8
- package/dist/platform/utils/index.js +3 -3
- package/dist/platform/utils/index.js.map +1 -1
- package/dist/platform/utils/index.mjs +1 -1
- package/dist/platform/utils/index.mjs.map +1 -1
- package/dist/platform/workflow-api-client.d.mts +2 -2
- package/dist/platform/workflow-api-client.d.ts +2 -2
- package/dist/platform/workflow-api-client.js +62 -62
- package/dist/platform/workflow-api-client.mjs +2 -2
- package/dist/platform/workflow-canvas-shell.js +7 -7
- package/dist/platform/workflow-canvas-shell.mjs +6 -6
- package/dist/{workflow-api-client-DoYj7nHz.d.mts → workflow-api-client-CpFl3WcG.d.mts} +1 -1
- package/dist/{workflow-api-client-BKD8OfP_.d.ts → workflow-api-client-uLICOanv.d.ts} +1 -1
- package/dist/workflow-canvas--qaYKuMm.d.ts +113 -0
- package/dist/workflow-canvas-B80fmD_n.d.mts +113 -0
- package/package.json +15 -5
- package/src/styles/liquid-glass.css +283 -2
- package/dist/chunk-3ZUMJTDT.mjs.map +0 -1
- package/dist/chunk-5W7L7BT7.mjs.map +0 -1
- package/dist/chunk-AOUUZ52N.js.map +0 -1
- package/dist/chunk-C3H4FM4A.js.map +0 -1
- package/dist/chunk-EFOXN3LC.js.map +0 -1
- package/dist/chunk-FAGDZEKM.js.map +0 -1
- package/dist/chunk-HDCUWUNH.js.map +0 -1
- package/dist/chunk-HZ4LOVHM.js.map +0 -1
- package/dist/chunk-I2NZGVBG.js.map +0 -1
- package/dist/chunk-IRT4T3CU.mjs.map +0 -1
- package/dist/chunk-JN6IL6OH.mjs.map +0 -1
- package/dist/chunk-LEKZUS6N.mjs.map +0 -1
- package/dist/chunk-MVBIAXVN.mjs.map +0 -1
- package/dist/chunk-NJS2YC3J.js.map +0 -1
- package/dist/chunk-OL73LBX5.mjs.map +0 -1
- package/dist/chunk-QYA53LUF.mjs.map +0 -1
- package/dist/chunk-R4TQWXNG.mjs.map +0 -1
- package/dist/chunk-RL35XATZ.js.map +0 -1
- package/dist/chunk-SYNVNTLJ.mjs.map +0 -1
- package/dist/chunk-TVMLV675.js.map +0 -1
- package/dist/chunk-U7XM3N7F.mjs.map +0 -1
- package/dist/chunk-UDDZTTLO.mjs.map +0 -1
- package/dist/chunk-W5OEBO6E.js.map +0 -1
- package/dist/chunk-ZJPNP2YW.mjs.map +0 -1
- package/dist/chunk-ZM5MVWIT.js.map +0 -1
- package/src/brand/logos/kori-icon.svg +0 -45
- package/src/brand/logos/kori-logo-dark.svg +0 -40
- package/src/brand/logos/kori-logo.svg +0 -43
package/dist/index.d.ts
CHANGED
|
@@ -6,13 +6,13 @@ import React__default, { HTMLAttributes, ReactNode, InputHTMLAttributes, SelectH
|
|
|
6
6
|
export { D as DynamicIslandConfirm } from './dynamic-island-confirm-BKsZkAEP.js';
|
|
7
7
|
export { I18nContextValue, I18nFormatter, I18nProvider, I18nProviderProps, createI18nFromMessages, useFormatter, useLocale, useTranslations } from './lib/i18n-context.js';
|
|
8
8
|
export { LinkComponent, RouterContextValue, RouterProvider, RouterProviderProps, useLink, usePathname, useRouter } from './lib/router-context.js';
|
|
9
|
-
import {
|
|
10
|
-
import { WorkflowGraph } from './astrlabe/contracts.js';
|
|
9
|
+
import { Transition, Variants } from 'framer-motion';
|
|
11
10
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
12
11
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
13
12
|
import { N as NavigationItem } from './navigation-BiWVffAN.js';
|
|
14
13
|
export { a as NavigationMenuItem } from './navigation-BiWVffAN.js';
|
|
15
14
|
import * as zustand from 'zustand';
|
|
15
|
+
export { P as PlatformPreferences, U as UiAuthContextValue, a as UiAuthProvider, b as UiPrefsProvider, u as usePlatformPreferences } from './index-BoebbJ44.js';
|
|
16
16
|
|
|
17
17
|
declare const Link: React__default.ForwardRefExoticComponent<{
|
|
18
18
|
href: string;
|
|
@@ -235,12 +235,24 @@ type SectionCardProps = {
|
|
|
235
235
|
padded?: boolean;
|
|
236
236
|
/** Card variant */
|
|
237
237
|
variant?: "default" | "gradient" | "glass" | "elevated";
|
|
238
|
+
/** When true, header is clickable and toggles the body open/closed.
|
|
239
|
+
* A chevron is rendered in the header that rotates with state. */
|
|
240
|
+
collapsible?: boolean;
|
|
241
|
+
/** When `collapsible`, sets the initial state. Defaults to open. */
|
|
242
|
+
defaultOpen?: boolean;
|
|
243
|
+
/** Controlled open state. When provided, the card becomes a
|
|
244
|
+
* controlled component and `defaultOpen` is ignored. */
|
|
245
|
+
open?: boolean;
|
|
246
|
+
/** Callback fired when the user toggles the header (controlled or
|
|
247
|
+
* uncontrolled). */
|
|
248
|
+
onOpenChange?: (open: boolean) => void;
|
|
238
249
|
};
|
|
239
250
|
/**
|
|
240
|
-
* Section Card with
|
|
241
|
-
* Used across dashboard pages for consistent
|
|
251
|
+
* Section Card with shared HeroBlock header (icon bubble + title +
|
|
252
|
+
* subtitle). Used across dashboard pages and modals for consistent
|
|
253
|
+
* section styling. Optionally collapsible.
|
|
242
254
|
*/
|
|
243
|
-
declare function SectionCard({ header, children, className, padded, variant, }: SectionCardProps): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function SectionCard({ header, children, className, padded, variant, collapsible, defaultOpen, open: controlledOpen, onOpenChange, }: SectionCardProps): react_jsx_runtime.JSX.Element;
|
|
244
256
|
type ListCardProps = {
|
|
245
257
|
children: ReactNode;
|
|
246
258
|
className?: string;
|
|
@@ -372,8 +384,26 @@ type MetricCardProps = {
|
|
|
372
384
|
subtitle?: string;
|
|
373
385
|
icon?: ReactNode;
|
|
374
386
|
trend?: MetricCardTrend;
|
|
375
|
-
variant?:
|
|
387
|
+
variant?: 'default' | 'success' | 'warning' | 'danger';
|
|
376
388
|
};
|
|
389
|
+
/**
|
|
390
|
+
* Compact dashboard metric — title + value + optional trend + icon.
|
|
391
|
+
*
|
|
392
|
+
* Visual contract:
|
|
393
|
+
* - Rest: neutral `liquid-surface` (transparent crystal — every
|
|
394
|
+
* variant looks the same so dashboards read as a uniform
|
|
395
|
+
* grid of glass tiles)
|
|
396
|
+
* - Hover: a tinted overlay fades in matching the variant
|
|
397
|
+
* (emerald / amber / red), giving the card an
|
|
398
|
+
* "illuminated" feel — same crystal mechanic as buttons
|
|
399
|
+
* - Icon bubble: stays tinted at rest so variants are still
|
|
400
|
+
* distinguishable without hover (a11y: not relying on
|
|
401
|
+
* interaction alone to convey state)
|
|
402
|
+
*
|
|
403
|
+
* This keeps MetricCard part of the same family as StatCard,
|
|
404
|
+
* SectionCard, EntityCard — all neutral glass at rest, all
|
|
405
|
+
* illuminate on engagement.
|
|
406
|
+
*/
|
|
377
407
|
declare function MetricCard({ title, value, subtitle, icon, trend, variant, }: MetricCardProps): react_jsx_runtime.JSX.Element;
|
|
378
408
|
|
|
379
409
|
/**
|
|
@@ -827,6 +857,13 @@ type RecommendationCardProps = {
|
|
|
827
857
|
margin: string;
|
|
828
858
|
minMax: string;
|
|
829
859
|
};
|
|
860
|
+
/**
|
|
861
|
+
* AI Recommendation tile — used in landing/pricing demos.
|
|
862
|
+
* Glass shell + accent-tinted glass on action buttons (Approve =
|
|
863
|
+
* emerald, Modify = slate) so the whole card stays in the crystal
|
|
864
|
+
* family. Divider uses `liquid-divider`. Text contrast bumped to
|
|
865
|
+
* 700/300 on light/dark to clear WCAG AA over the glass.
|
|
866
|
+
*/
|
|
830
867
|
declare function RecommendationCard({ price, delta, confidence, margin, minMax }: RecommendationCardProps): react_jsx_runtime.JSX.Element;
|
|
831
868
|
|
|
832
869
|
type CompetitorEntry = {
|
|
@@ -859,8 +896,14 @@ type HeroSectionProps = {
|
|
|
859
896
|
children?: ReactNode;
|
|
860
897
|
};
|
|
861
898
|
/**
|
|
862
|
-
*
|
|
863
|
-
*
|
|
899
|
+
* Page banner — wraps `<HeroBlock kind="banner">` in a liquid-glass
|
|
900
|
+
* card with an optional accent stripe, toolbar, and badges. This is
|
|
901
|
+
* the variant used at the top of list/index pages (`/workflows`,
|
|
902
|
+
* `/agents`, `/runs`). For inline page headings use `<PageHeading>`;
|
|
903
|
+
* for everything else consume `<HeroBlock>` directly.
|
|
904
|
+
*
|
|
905
|
+
* Every text style (eyebrow, title, subtitle) flows from HeroBlock —
|
|
906
|
+
* no bespoke font sizes here. There are no exceptions.
|
|
864
907
|
*/
|
|
865
908
|
declare function HeroSection({ icon, label, title, subtitle, gradient, actions, toolbar, badges, labelExtra, children, }: HeroSectionProps): react_jsx_runtime.JSX.Element;
|
|
866
909
|
|
|
@@ -938,6 +981,11 @@ type StatCardProps = {
|
|
|
938
981
|
isUrgent?: boolean;
|
|
939
982
|
/** Makes the card clickable with active state */
|
|
940
983
|
isActive?: boolean;
|
|
984
|
+
/** When true, the value is announced to screen readers as it
|
|
985
|
+
* updates (live dashboards, streaming metrics). Wraps the value
|
|
986
|
+
* in `aria-live="polite" aria-atomic="true"` so the new value
|
|
987
|
+
* is read whole, not character-by-character. WCAG 4.1.3. */
|
|
988
|
+
live?: boolean;
|
|
941
989
|
onClick?: () => void;
|
|
942
990
|
className?: string;
|
|
943
991
|
};
|
|
@@ -945,7 +993,7 @@ type StatCardProps = {
|
|
|
945
993
|
* Reusable stat card for displaying metrics
|
|
946
994
|
* Used in stats grids across dashboard pages
|
|
947
995
|
*/
|
|
948
|
-
declare function StatCard({ icon, value, label, badge, info, color, isFiltered, isUrgent, isActive, onClick, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
|
|
996
|
+
declare function StatCard({ icon, value, label, badge, info, color, isFiltered, isUrgent, isActive, live, onClick, className, }: StatCardProps): react_jsx_runtime.JSX.Element;
|
|
949
997
|
|
|
950
998
|
type SectionHeaderProps = {
|
|
951
999
|
icon: ReactNode;
|
|
@@ -982,6 +1030,19 @@ type PaginationProps = {
|
|
|
982
1030
|
onPageChange: (page: number) => void;
|
|
983
1031
|
className?: string;
|
|
984
1032
|
};
|
|
1033
|
+
/**
|
|
1034
|
+
* Page pager — consumes the DS glass tokens end-to-end:
|
|
1035
|
+
* - wrapper: `liquid-surface-strong` (same chrome as cards / modal hero)
|
|
1036
|
+
* - divider: `liquid-divider` (not a raw border-t)
|
|
1037
|
+
* - buttons: glass-on-hover, canonical `.focus-ring` (indigo-500/70 2px)
|
|
1038
|
+
* - active page: translucent indigo /20 fill + 700/300 text (same
|
|
1039
|
+
* contrast budget as Pill / StatusBadge — passes WCAG AA over the
|
|
1040
|
+
* tinted surface)
|
|
1041
|
+
*
|
|
1042
|
+
* Active-page styling sits inside the same row as inactive pages, but
|
|
1043
|
+
* uses semantic color tokens instead of a flat solid so the row reads
|
|
1044
|
+
* as a single piece of glass with one cell "lit up".
|
|
1045
|
+
*/
|
|
985
1046
|
declare function Pagination({ currentPage, totalPages, totalItems, pageSize, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
|
|
986
1047
|
|
|
987
1048
|
type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
@@ -1011,30 +1072,6 @@ type InlineSpinnerProps = {
|
|
|
1011
1072
|
};
|
|
1012
1073
|
declare function InlineSpinner({ size, className }: InlineSpinnerProps): react_jsx_runtime.JSX.Element;
|
|
1013
1074
|
|
|
1014
|
-
type PillVariant = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "outline-primary" | "outline-success" | "outline-warning" | "outline-danger" | "blue" | "green" | "red" | "orange" | "purple" | "pink" | "teal";
|
|
1015
|
-
type PillSize = "xs" | "sm" | "md" | "lg";
|
|
1016
|
-
type PillProps = {
|
|
1017
|
-
children: ReactNode;
|
|
1018
|
-
variant?: PillVariant;
|
|
1019
|
-
size?: PillSize;
|
|
1020
|
-
className?: string;
|
|
1021
|
-
onClick?: () => void;
|
|
1022
|
-
/** Icon to show before text */
|
|
1023
|
-
icon?: ReactNode;
|
|
1024
|
-
/** Show remove button */
|
|
1025
|
-
removable?: boolean;
|
|
1026
|
-
/** Callback when remove button is clicked */
|
|
1027
|
-
onRemove?: () => void;
|
|
1028
|
-
};
|
|
1029
|
-
declare function Pill({ children, variant, size, className, onClick, icon, removable, onRemove, }: PillProps): react_jsx_runtime.JSX.Element;
|
|
1030
|
-
type CountPillProps = {
|
|
1031
|
-
count: number;
|
|
1032
|
-
max?: number;
|
|
1033
|
-
variant?: 'default' | 'primary' | 'danger';
|
|
1034
|
-
size?: 'sm' | 'md';
|
|
1035
|
-
};
|
|
1036
|
-
declare function CountPill({ count, max, variant, size, }: CountPillProps): react_jsx_runtime.JSX.Element | null;
|
|
1037
|
-
|
|
1038
1075
|
type GrowthSize = "xs" | "sm" | "md";
|
|
1039
1076
|
type GrowthIndicatorProps = {
|
|
1040
1077
|
value: number;
|
|
@@ -1047,33 +1084,6 @@ type GrowthIndicatorProps = {
|
|
|
1047
1084
|
};
|
|
1048
1085
|
declare function GrowthIndicator({ value, size, showValue, format, formatValue, className }: GrowthIndicatorProps): react_jsx_runtime.JSX.Element | null;
|
|
1049
1086
|
|
|
1050
|
-
type RoleBadgeStyle = {
|
|
1051
|
-
bg: string;
|
|
1052
|
-
text: string;
|
|
1053
|
-
ring: string;
|
|
1054
|
-
};
|
|
1055
|
-
type RoleBadgeProps = {
|
|
1056
|
-
role: string;
|
|
1057
|
-
size?: "xs" | "sm" | "md";
|
|
1058
|
-
className?: string;
|
|
1059
|
-
roleStyles?: Record<string, RoleBadgeStyle>;
|
|
1060
|
-
};
|
|
1061
|
-
declare function RoleBadge({ role, size, className, roleStyles }: RoleBadgeProps): react_jsx_runtime.JSX.Element;
|
|
1062
|
-
|
|
1063
|
-
type TagBadgeStyle = {
|
|
1064
|
-
bg: string;
|
|
1065
|
-
text: string;
|
|
1066
|
-
ring: string;
|
|
1067
|
-
};
|
|
1068
|
-
type TagBadgeProps = {
|
|
1069
|
-
value: string;
|
|
1070
|
-
size?: 'xs' | 'sm' | 'md';
|
|
1071
|
-
className?: string;
|
|
1072
|
-
styles?: Record<string, TagBadgeStyle>;
|
|
1073
|
-
fallbackStyle?: TagBadgeStyle;
|
|
1074
|
-
};
|
|
1075
|
-
declare function TagBadge({ value, size, className, styles, fallbackStyle, }: TagBadgeProps): react_jsx_runtime.JSX.Element;
|
|
1076
|
-
|
|
1077
1087
|
type ToggleSwitchColor = 'green' | 'blue' | 'indigo' | 'violet' | 'teal' | 'orange' | 'red';
|
|
1078
1088
|
type ToggleSwitchProps = {
|
|
1079
1089
|
/** Whether the toggle is on */
|
|
@@ -1141,20 +1151,6 @@ type SheetProps = {
|
|
|
1141
1151
|
size?: SheetSize;
|
|
1142
1152
|
};
|
|
1143
1153
|
declare function Sheet({ open, onClose, children, title, showHandle, snapPoints, side, size, }: SheetProps): react_jsx_runtime.JSX.Element;
|
|
1144
|
-
type ActionSheetAction = {
|
|
1145
|
-
label: string;
|
|
1146
|
-
onClick: () => void;
|
|
1147
|
-
destructive?: boolean;
|
|
1148
|
-
disabled?: boolean;
|
|
1149
|
-
};
|
|
1150
|
-
type ActionSheetProps = {
|
|
1151
|
-
open: boolean;
|
|
1152
|
-
onClose: () => void;
|
|
1153
|
-
title?: string;
|
|
1154
|
-
message?: string;
|
|
1155
|
-
actions: ActionSheetAction[];
|
|
1156
|
-
};
|
|
1157
|
-
declare function ActionSheet({ open, onClose, title, message, actions, }: ActionSheetProps): react_jsx_runtime.JSX.Element;
|
|
1158
1154
|
|
|
1159
1155
|
type WheelPickerOption = {
|
|
1160
1156
|
value: string;
|
|
@@ -1211,29 +1207,6 @@ type ProgressIndicatorProps = {
|
|
|
1211
1207
|
};
|
|
1212
1208
|
declare function ProgressIndicator({ steps, current, showNumbers, }: ProgressIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
1213
1209
|
|
|
1214
|
-
type ActionMenuItem = {
|
|
1215
|
-
label: string;
|
|
1216
|
-
icon?: React.ReactNode;
|
|
1217
|
-
onClick: () => void;
|
|
1218
|
-
destructive?: boolean;
|
|
1219
|
-
disabled?: boolean;
|
|
1220
|
-
};
|
|
1221
|
-
type ActionMenuGroup = {
|
|
1222
|
-
title?: string;
|
|
1223
|
-
items: ActionMenuItem[];
|
|
1224
|
-
};
|
|
1225
|
-
type ActionMenuProps = {
|
|
1226
|
-
/** Menu trigger element */
|
|
1227
|
-
trigger: React.ReactNode;
|
|
1228
|
-
/** Menu items or groups */
|
|
1229
|
-
items: ActionMenuItem[] | ActionMenuGroup[];
|
|
1230
|
-
/** Alignment relative to trigger */
|
|
1231
|
-
align?: 'start' | 'center' | 'end';
|
|
1232
|
-
/** Side relative to trigger */
|
|
1233
|
-
side?: 'top' | 'bottom';
|
|
1234
|
-
};
|
|
1235
|
-
declare function ActionMenu({ trigger, items, align, side, }: ActionMenuProps): react_jsx_runtime.JSX.Element;
|
|
1236
|
-
|
|
1237
1210
|
type SafeAreaProps = {
|
|
1238
1211
|
children: ReactNode;
|
|
1239
1212
|
/** Which edges to apply safe area padding */
|
|
@@ -1389,7 +1362,7 @@ declare function TableRow({ href, target, title, className, ...props }: {
|
|
|
1389
1362
|
target?: string;
|
|
1390
1363
|
title?: string;
|
|
1391
1364
|
} & React__default.ComponentPropsWithoutRef<'tr'>): react_jsx_runtime.JSX.Element;
|
|
1392
|
-
declare function TableHeader({ className, ...props }: React__default.ComponentPropsWithoutRef<'th'>): react_jsx_runtime.JSX.Element;
|
|
1365
|
+
declare function TableHeader({ className, scope, ...props }: React__default.ComponentPropsWithoutRef<'th'>): react_jsx_runtime.JSX.Element;
|
|
1393
1366
|
declare function TableCell({ className, children, ...props }: React__default.ComponentPropsWithoutRef<'td'>): react_jsx_runtime.JSX.Element;
|
|
1394
1367
|
/**
|
|
1395
1368
|
* Sortable Table Header - iOS style with haptic feedback
|
|
@@ -1725,6 +1698,16 @@ interface GlassModalSidebar {
|
|
|
1725
1698
|
activeSectionId: string;
|
|
1726
1699
|
onSectionChange: (sectionId: string) => void;
|
|
1727
1700
|
identity?: GlassModalIdentity;
|
|
1701
|
+
/** Override the entire identity card with custom content (e.g. an
|
|
1702
|
+
* editable form). Takes precedence over `identity` when present —
|
|
1703
|
+
* use this when the identity surface needs inline edit
|
|
1704
|
+
* affordances instead of the read-only ProfileIdentityCard. */
|
|
1705
|
+
identityCard?: ReactNode;
|
|
1706
|
+
/** Optional element pinned to the top-right of the sidebar header
|
|
1707
|
+
* (next to the title). Useful for top-level controls like a
|
|
1708
|
+
* status toggle or quick-action that's identity-adjacent but
|
|
1709
|
+
* needs higher prominence than a body field. */
|
|
1710
|
+
headerExtras?: ReactNode;
|
|
1728
1711
|
footer?: ReactNode;
|
|
1729
1712
|
}
|
|
1730
1713
|
interface GlassModalProps {
|
|
@@ -1826,31 +1809,6 @@ declare function DialogDescription({ className, ...props }: {
|
|
|
1826
1809
|
declare function DialogBody({ className, ...props }: React__default.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
|
|
1827
1810
|
declare function DialogActions({ className, ...props }: React__default.ComponentPropsWithoutRef<'div'>): react_jsx_runtime.JSX.Element;
|
|
1828
1811
|
|
|
1829
|
-
interface SelectableListItem {
|
|
1830
|
-
id: string;
|
|
1831
|
-
title: string;
|
|
1832
|
-
subtitle?: string;
|
|
1833
|
-
searchText?: string;
|
|
1834
|
-
leadingVisual?: ReactNode;
|
|
1835
|
-
}
|
|
1836
|
-
interface SelectableListPickerLabels {
|
|
1837
|
-
selectedSummary: (selectedCount: number, totalCount: number) => string;
|
|
1838
|
-
selectAll: string;
|
|
1839
|
-
clear: string;
|
|
1840
|
-
searchPlaceholder: string;
|
|
1841
|
-
loading: string;
|
|
1842
|
-
noResults: (query: string) => string;
|
|
1843
|
-
resultsSummary: (filteredCount: number, totalCount: number) => string;
|
|
1844
|
-
}
|
|
1845
|
-
interface SelectableListPickerProps {
|
|
1846
|
-
items: SelectableListItem[];
|
|
1847
|
-
selectedIds: string[];
|
|
1848
|
-
onChange: (selectedIds: string[]) => void;
|
|
1849
|
-
labels: SelectableListPickerLabels;
|
|
1850
|
-
maxHeight?: string;
|
|
1851
|
-
}
|
|
1852
|
-
declare function SelectableListPicker({ items, selectedIds, onChange, labels, maxHeight, }: SelectableListPickerProps): react_jsx_runtime.JSX.Element;
|
|
1853
|
-
|
|
1854
1812
|
type ChipItemStyle = {
|
|
1855
1813
|
bg: string;
|
|
1856
1814
|
text: string;
|
|
@@ -1877,26 +1835,6 @@ type ChipPickerProps = {
|
|
|
1877
1835
|
};
|
|
1878
1836
|
declare function ChipPicker({ items, selectedIds, onChange, isLoading, showActions, loadingLabel, selectedLabel, selectAllLabel, clearLabel, emptyLabel, }: ChipPickerProps): react_jsx_runtime.JSX.Element;
|
|
1879
1837
|
|
|
1880
|
-
interface SelectableChipItem {
|
|
1881
|
-
id: string;
|
|
1882
|
-
label: string;
|
|
1883
|
-
leadingVisual?: ReactNode;
|
|
1884
|
-
}
|
|
1885
|
-
interface SelectableChipPickerLabels {
|
|
1886
|
-
selectedSummary: (selectedCount: number, totalCount: number) => string;
|
|
1887
|
-
allSelected?: string;
|
|
1888
|
-
selectAll: string;
|
|
1889
|
-
clear: string;
|
|
1890
|
-
empty: string;
|
|
1891
|
-
}
|
|
1892
|
-
interface SelectableChipPickerProps {
|
|
1893
|
-
items: SelectableChipItem[];
|
|
1894
|
-
selectedIds: string[];
|
|
1895
|
-
onChange: (selectedIds: string[]) => void;
|
|
1896
|
-
labels: SelectableChipPickerLabels;
|
|
1897
|
-
}
|
|
1898
|
-
declare function SelectableChipPicker({ items, selectedIds, onChange, labels, }: SelectableChipPickerProps): react_jsx_runtime.JSX.Element;
|
|
1899
|
-
|
|
1900
1838
|
interface CopyableIdProps {
|
|
1901
1839
|
id: string;
|
|
1902
1840
|
copyValue?: string;
|
|
@@ -1905,23 +1843,6 @@ interface CopyableIdProps {
|
|
|
1905
1843
|
}
|
|
1906
1844
|
declare function CopyableId({ id, copyValue, label, className }: CopyableIdProps): react_jsx_runtime.JSX.Element;
|
|
1907
1845
|
|
|
1908
|
-
interface CardActionMenuItem {
|
|
1909
|
-
id: string;
|
|
1910
|
-
label: string;
|
|
1911
|
-
onSelect: () => void;
|
|
1912
|
-
icon?: ReactNode;
|
|
1913
|
-
tone?: 'default' | 'danger';
|
|
1914
|
-
}
|
|
1915
|
-
interface CardActionMenuProps {
|
|
1916
|
-
items: CardActionMenuItem[];
|
|
1917
|
-
}
|
|
1918
|
-
declare function CardActionMenu({ items }: CardActionMenuProps): react_jsx_runtime.JSX.Element;
|
|
1919
|
-
|
|
1920
|
-
interface FilterBadgeProps {
|
|
1921
|
-
count: number;
|
|
1922
|
-
}
|
|
1923
|
-
declare function FilterBadge({ count }: FilterBadgeProps): react_jsx_runtime.JSX.Element | null;
|
|
1924
|
-
|
|
1925
1846
|
interface FeedItemCardProps {
|
|
1926
1847
|
children: ReactNode;
|
|
1927
1848
|
className?: string;
|
|
@@ -2004,13 +1925,91 @@ type MetaItem = {
|
|
|
2004
1925
|
};
|
|
2005
1926
|
type PageHeadingProps = {
|
|
2006
1927
|
breadcrumbs?: BreadcrumbItem[];
|
|
1928
|
+
/** Optional uppercase eyebrow above the title (matches the modal
|
|
1929
|
+
* hero pattern — useful for "WORKSPACE / WORKFLOWS" style labels
|
|
1930
|
+
* that don't need the full breadcrumbs treatment). */
|
|
1931
|
+
eyebrow?: string;
|
|
2007
1932
|
title: string;
|
|
2008
1933
|
subtitle?: string;
|
|
2009
1934
|
icon?: ReactNode;
|
|
1935
|
+
/** Optional gradient on the icon bubble (`from-X to-Y`). When
|
|
1936
|
+
* omitted, the bubble renders neutral / glassy. */
|
|
1937
|
+
iconGradient?: string;
|
|
2010
1938
|
meta?: MetaItem[];
|
|
2011
1939
|
actions?: ReactNode;
|
|
2012
1940
|
};
|
|
2013
|
-
declare function PageHeading({ breadcrumbs, title, subtitle, icon, meta, actions }: PageHeadingProps): react_jsx_runtime.JSX.Element;
|
|
1941
|
+
declare function PageHeading({ breadcrumbs, eyebrow, title, subtitle, icon, iconGradient, meta, actions, }: PageHeadingProps): react_jsx_runtime.JSX.Element;
|
|
1942
|
+
|
|
1943
|
+
/**
|
|
1944
|
+
* Shared hero block — the SINGLE primitive for "eyebrow + icon +
|
|
1945
|
+
* title + subtitle" across the entire product, end to end.
|
|
1946
|
+
*
|
|
1947
|
+
* There are NO exceptions. Marketing pages, pitch decks, modals,
|
|
1948
|
+
* settings, section cards — all of them go through this component.
|
|
1949
|
+
* What varies is the `kind` (visual scale + density preset) and a
|
|
1950
|
+
* few escape props (iconShape / iconBackground / edit-mode).
|
|
1951
|
+
*
|
|
1952
|
+
* If a heading-shaped surface needs something HeroBlock can't
|
|
1953
|
+
* express, extend HeroBlock — don't fork a new primitive.
|
|
1954
|
+
*/
|
|
1955
|
+
interface HeroBlockProps {
|
|
1956
|
+
/** Optional uppercase eyebrow above the title. */
|
|
1957
|
+
eyebrow?: string;
|
|
1958
|
+
/** Title text. Required even in edit mode (used as fallback when
|
|
1959
|
+
* the controlled input is empty). */
|
|
1960
|
+
title: string;
|
|
1961
|
+
/** When provided, the title renders as an `<input>` styled like
|
|
1962
|
+
* the heading — turns the block into an inline editor. */
|
|
1963
|
+
onTitleChange?: (next: string) => void;
|
|
1964
|
+
/** Placeholder text shown in edit mode when title is empty. */
|
|
1965
|
+
titlePlaceholder?: string;
|
|
1966
|
+
/** Optional subtitle below the title. */
|
|
1967
|
+
subtitle?: string;
|
|
1968
|
+
/** Icon element rendered inside the bubble. For avatars, pass
|
|
1969
|
+
* `iconShape="round"` + `iconBackground="none"` and an `<img>`. */
|
|
1970
|
+
icon?: ReactNode;
|
|
1971
|
+
/** Bubble shape — `square` is the default; `round` is for avatars. */
|
|
1972
|
+
iconShape?: 'square' | 'round';
|
|
1973
|
+
/** Bubble background treatment:
|
|
1974
|
+
* - `glass` (default) — neutral glassy
|
|
1975
|
+
* - `gradient` — colored fill, requires `gradient` prop
|
|
1976
|
+
* - `none` — no wrapper (for `<img>` avatars / inline icons) */
|
|
1977
|
+
iconBackground?: 'glass' | 'gradient' | 'none';
|
|
1978
|
+
/** Gradient classes for the bubble (used when
|
|
1979
|
+
* `iconBackground="gradient"`). */
|
|
1980
|
+
gradient?: string;
|
|
1981
|
+
/** Icon container size — `sm` 9×9, `md` 10×10, `lg` 12×12, `xl`
|
|
1982
|
+
* 16×16. */
|
|
1983
|
+
iconSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
1984
|
+
/** Optional content pinned to the right of the title row
|
|
1985
|
+
* (e.g. a status toggle, action buttons). */
|
|
1986
|
+
rightContent?: ReactNode;
|
|
1987
|
+
/** Heading semantic level (controls the tag rendered + a11y
|
|
1988
|
+
* outline). Visual scale is independent — use `kind`. */
|
|
1989
|
+
headingLevel?: 'h1' | 'h2' | 'h3';
|
|
1990
|
+
/** Visual scale + density preset. Pick by intent, not by HTML:
|
|
1991
|
+
* - `section` → tiny header for cards/disclosures
|
|
1992
|
+
* - `surface` → page heading / modal sidebar / settings (default)
|
|
1993
|
+
* - `banner` → hero card (full-bleed page banner)
|
|
1994
|
+
* - `display` → marketing / pitch — massive, font-bold
|
|
1995
|
+
*
|
|
1996
|
+
* This is the ONLY knob that should control typography size — the
|
|
1997
|
+
* same primitive serves every surface in the product. There are
|
|
1998
|
+
* no "marketing exceptions". */
|
|
1999
|
+
kind?: 'section' | 'surface' | 'banner' | 'display';
|
|
2000
|
+
/** Element id for the heading (used for `aria-labelledby`). */
|
|
2001
|
+
headingId?: string;
|
|
2002
|
+
/** Extra classes on the outer wrapper. */
|
|
2003
|
+
className?: string;
|
|
2004
|
+
/** Optional free-form content rendered below the hero (description
|
|
2005
|
+
* editor, tag input, etc.). */
|
|
2006
|
+
children?: ReactNode;
|
|
2007
|
+
/** Tone — controls default text color. `dark` is for use against
|
|
2008
|
+
* dark surfaces (pitch deck slides) where the slate-950 default
|
|
2009
|
+
* would be invisible. */
|
|
2010
|
+
tone?: 'default' | 'dark';
|
|
2011
|
+
}
|
|
2012
|
+
declare function HeroBlock({ eyebrow, title, onTitleChange, titlePlaceholder, subtitle, icon, iconShape, iconBackground, gradient, iconSize, rightContent, headingLevel, kind, headingId, className, children, tone, }: HeroBlockProps): react_jsx_runtime.JSX.Element;
|
|
2014
2013
|
|
|
2015
2014
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
2016
2015
|
type BaseFormFieldProps = {
|
|
@@ -2089,17 +2088,19 @@ type FormActionsProps = {
|
|
|
2089
2088
|
};
|
|
2090
2089
|
declare function FormActions({ cancelLabel, saveLabel, onCancel, onSave, saveDisabled, className, }: FormActionsProps): react_jsx_runtime.JSX.Element;
|
|
2091
2090
|
|
|
2092
|
-
type ToggleColor = 'blue' | 'green' | 'red' | 'amber' | 'purple' | 'indigo';
|
|
2093
2091
|
type FormToggleProps = {
|
|
2094
2092
|
checked: boolean;
|
|
2095
2093
|
onChange: (checked: boolean) => void;
|
|
2096
2094
|
label?: string;
|
|
2095
|
+
/** Optional secondary copy (rendered below the label in `card`
|
|
2096
|
+
* variant; ignored in `inline` to keep the row compact). */
|
|
2097
|
+
description?: string;
|
|
2097
2098
|
disabled?: boolean;
|
|
2098
|
-
color?:
|
|
2099
|
-
size?: 'sm' | 'md';
|
|
2099
|
+
color?: ToggleSwitchColor;
|
|
2100
|
+
size?: 'sm' | 'md' | 'lg';
|
|
2100
2101
|
variant?: 'inline' | 'card';
|
|
2101
2102
|
};
|
|
2102
|
-
declare function FormToggle({ checked, onChange, label, disabled, color, size, variant }: FormToggleProps): react_jsx_runtime.JSX.Element;
|
|
2103
|
+
declare function FormToggle({ checked, onChange, label, description, disabled, color, size, variant, }: FormToggleProps): react_jsx_runtime.JSX.Element;
|
|
2103
2104
|
|
|
2104
2105
|
type FormCheckboxProps = {
|
|
2105
2106
|
checked: boolean;
|
|
@@ -2108,6 +2109,13 @@ type FormCheckboxProps = {
|
|
|
2108
2109
|
description?: string;
|
|
2109
2110
|
disabled?: boolean;
|
|
2110
2111
|
};
|
|
2112
|
+
/**
|
|
2113
|
+
* Card-style checkbox — the whole row is the click target. Resting
|
|
2114
|
+
* state is a `liquid-surface`; checked state lifts to indigo-tinted
|
|
2115
|
+
* glass that matches Pagination's active page + StatusBadge info.
|
|
2116
|
+
* Indicator square is a glass tile, not a flat fill, so the visual
|
|
2117
|
+
* language stays consistent with the rest of the DS.
|
|
2118
|
+
*/
|
|
2111
2119
|
declare function FormCheckbox({ checked, onChange, label, description, disabled }: FormCheckboxProps): react_jsx_runtime.JSX.Element;
|
|
2112
2120
|
|
|
2113
2121
|
type BaseFormIconColor = 'blue' | 'violet' | 'emerald' | 'amber' | 'rose' | 'indigo' | 'purple' | 'red' | 'green';
|
|
@@ -2488,14 +2496,30 @@ type AppShellProps = {
|
|
|
2488
2496
|
};
|
|
2489
2497
|
declare function AppShell({ children, navigation, dock, profileDrawer, initializers, sessionGuard, loadingLabel, }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
2490
2498
|
|
|
2499
|
+
type AvatarTone = 'slate' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'rose' | 'red' | 'amber' | 'emerald' | 'teal' | 'sky' | 'blue';
|
|
2491
2500
|
type AvatarProps = {
|
|
2492
2501
|
src?: string | null;
|
|
2493
2502
|
square?: boolean;
|
|
2494
2503
|
initials?: string;
|
|
2495
2504
|
alt?: string;
|
|
2505
|
+
/** Optional color tone. When set, the avatar renders as a glass
|
|
2506
|
+
* disc with a translucent tint of the tone (so initials/photo
|
|
2507
|
+
* stay readable on top); interactive variants illuminate with
|
|
2508
|
+
* the full tone fill on hover. Omit for a neutral glass disc. */
|
|
2509
|
+
tone?: AvatarTone;
|
|
2496
2510
|
className?: string;
|
|
2497
2511
|
};
|
|
2498
|
-
|
|
2512
|
+
/**
|
|
2513
|
+
* Avatar — crystal disc. Glass at rest (via `.liquid-avatar`); when
|
|
2514
|
+
* `tone` is set the disc gets a translucent tint of the tone so
|
|
2515
|
+
* initials read as colored-on-glass instead of colored-on-solid.
|
|
2516
|
+
*
|
|
2517
|
+
* For the interactive variant (<AvatarButton>) we layer
|
|
2518
|
+
* `.liquid-avatar-interactive` on top — hover lifts the avatar,
|
|
2519
|
+
* intensifies the specular sheen, and blooms a tinted glow that
|
|
2520
|
+
* matches the tone. Same "cristal iluminado" pattern as the buttons.
|
|
2521
|
+
*/
|
|
2522
|
+
declare function Avatar({ src, square, initials, alt, tone, className, ...props }: AvatarProps & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
|
|
2499
2523
|
declare const AvatarButton: React__default.ForwardRefExoticComponent<(AvatarProps & (({
|
|
2500
2524
|
href?: never;
|
|
2501
2525
|
} & Omit<Headless.ButtonProps<"button">, "className" | "as">) | ({
|
|
@@ -2539,6 +2563,21 @@ interface ImageUploadProps {
|
|
|
2539
2563
|
}
|
|
2540
2564
|
declare function ImageUpload({ src, initials, alt, sizeClass, square, accept, maxSizeBytes, onUpload, onUploaded, hint, invalidTypeMessage, tooLargeMessage, disabled, }: ImageUploadProps): react_jsx_runtime.JSX.Element;
|
|
2541
2565
|
|
|
2566
|
+
/**
|
|
2567
|
+
* Badge — the single primitive for "small colored label / chip /
|
|
2568
|
+
* tag / removable pill" across the entire design system. Subsumes
|
|
2569
|
+
* the legacy `Pill`, `TagBadge`, `RoleBadge`, `FilterBadge`, and
|
|
2570
|
+
* `FilterPill` primitives. Use:
|
|
2571
|
+
*
|
|
2572
|
+
* - `<Badge color="indigo">Premium</Badge>` — neutral metadata tag
|
|
2573
|
+
* - `<Badge color="amber" icon={<X />}>3 alertas</Badge>` — with icon
|
|
2574
|
+
* - `<Badge color="indigo" removable onRemove={fn}>SP</Badge>` — chip
|
|
2575
|
+
* - `<Badge color="indigo" onClick={fn}>3 filtros</Badge>` — clickable
|
|
2576
|
+
*
|
|
2577
|
+
* For status-message pills (active/pending/failed/etc.) use
|
|
2578
|
+
* `<StatusBadge>` — it ships `role="status"` + `aria-live` semantics
|
|
2579
|
+
* that Badge intentionally doesn't.
|
|
2580
|
+
*/
|
|
2542
2581
|
declare const colors$1: {
|
|
2543
2582
|
red: string;
|
|
2544
2583
|
orange: string;
|
|
@@ -2559,10 +2598,33 @@ declare const colors$1: {
|
|
|
2559
2598
|
rose: string;
|
|
2560
2599
|
zinc: string;
|
|
2561
2600
|
};
|
|
2562
|
-
type
|
|
2563
|
-
|
|
2601
|
+
type BadgeColor = keyof typeof colors$1;
|
|
2602
|
+
type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
2603
|
+
type BaseBadgeProps = {
|
|
2604
|
+
color?: BadgeColor;
|
|
2605
|
+
size?: BadgeSize;
|
|
2606
|
+
/** Optional leading icon (rendered before the label). */
|
|
2607
|
+
icon?: ReactNode;
|
|
2608
|
+
/** When true, a remove (×) button is rendered at the end and the
|
|
2609
|
+
* badge becomes a focusable button. */
|
|
2610
|
+
removable?: boolean;
|
|
2611
|
+
/** Called when the remove (×) button is clicked. Required when
|
|
2612
|
+
* `removable` is true. */
|
|
2613
|
+
onRemove?: () => void;
|
|
2614
|
+
/** Accessible label for the remove button (e.g. "remove São Paulo
|
|
2615
|
+
* filter"). Defaults to a generic "Remove". */
|
|
2616
|
+
removeLabel?: string;
|
|
2617
|
+
/** When provided, the entire badge becomes clickable (button
|
|
2618
|
+
* semantics with the canonical focus ring). */
|
|
2619
|
+
onClick?: () => void;
|
|
2620
|
+
/** When true, marks the badge as a live status message so screen
|
|
2621
|
+
* readers announce changes (`role="status" aria-live="polite"`).
|
|
2622
|
+
* Use for dynamic state ("active" → "pending"); leave off for
|
|
2623
|
+
* static metadata (tags, counts, roles). */
|
|
2624
|
+
live?: boolean;
|
|
2564
2625
|
};
|
|
2565
|
-
|
|
2626
|
+
type SpanBadgeProps = BaseBadgeProps & Omit<React__default.ComponentPropsWithoutRef<'span'>, 'onClick'>;
|
|
2627
|
+
declare function Badge({ color, size, icon, removable, onRemove, removeLabel, onClick, live, className, children, ...props }: SpanBadgeProps): react_jsx_runtime.JSX.Element;
|
|
2566
2628
|
|
|
2567
2629
|
interface BreadcrumbPage {
|
|
2568
2630
|
name: string;
|
|
@@ -2586,10 +2648,6 @@ interface CreateActionButtonProps {
|
|
|
2586
2648
|
}
|
|
2587
2649
|
declare function CreateActionButton({ label, onClick, className, mode, }: CreateActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
2588
2650
|
|
|
2589
|
-
declare function DashboardProgressShell({ children }: {
|
|
2590
|
-
children: ReactNode;
|
|
2591
|
-
}): react_jsx_runtime.JSX.Element;
|
|
2592
|
-
|
|
2593
2651
|
type DevModeBannerUser = {
|
|
2594
2652
|
email?: string;
|
|
2595
2653
|
role?: string;
|
|
@@ -2605,8 +2663,6 @@ declare function Divider({ soft, className, ...props }: {
|
|
|
2605
2663
|
soft?: boolean;
|
|
2606
2664
|
} & React.ComponentPropsWithoutRef<'hr'>): react_jsx_runtime.JSX.Element;
|
|
2607
2665
|
|
|
2608
|
-
declare function Dropdown(props: Headless.MenuProps): react_jsx_runtime.JSX.Element;
|
|
2609
|
-
|
|
2610
2666
|
type ForceTouchMenuItem = {
|
|
2611
2667
|
label: string;
|
|
2612
2668
|
icon?: ReactNode;
|
|
@@ -3012,26 +3068,20 @@ interface SelectionCardProps {
|
|
|
3012
3068
|
label: string;
|
|
3013
3069
|
className?: string;
|
|
3014
3070
|
}
|
|
3071
|
+
/**
|
|
3072
|
+
* Multi-choice tile — used in grid-style pickers (industry select,
|
|
3073
|
+
* persona select, plan select). Same crystal grammar as the rest of
|
|
3074
|
+
* the DS:
|
|
3075
|
+
* - Rest: `liquid-surface` neutral glass
|
|
3076
|
+
* - Hover: glass intensifies via group-hover bg
|
|
3077
|
+
* - Selected: indigo-tinted glass + ring-1 + indigo icon + check
|
|
3078
|
+
*
|
|
3079
|
+
* Tints use the same opacity budget as Pagination's active page +
|
|
3080
|
+
* StatusBadge info (bg-indigo-500/15 + ring-indigo-500/30 + text-700)
|
|
3081
|
+
* so the visual family stays consistent across the whole DS.
|
|
3082
|
+
*/
|
|
3015
3083
|
declare function SelectionCard({ selected, onClick, icon, label, className, }: SelectionCardProps): react_jsx_runtime.JSX.Element;
|
|
3016
3084
|
|
|
3017
|
-
interface SelectableOptionsGridOption<TValue extends string> {
|
|
3018
|
-
value: TValue;
|
|
3019
|
-
label: string;
|
|
3020
|
-
leadingVisual?: string;
|
|
3021
|
-
}
|
|
3022
|
-
interface SelectableOptionsGridProps<TValue extends string> {
|
|
3023
|
-
options: SelectableOptionsGridOption<TValue>[];
|
|
3024
|
-
selectedValue: TValue;
|
|
3025
|
-
onChange: (value: TValue) => void;
|
|
3026
|
-
}
|
|
3027
|
-
declare function SelectableOptionsGrid<TValue extends string>({ options, selectedValue, onChange, }: SelectableOptionsGridProps<TValue>): react_jsx_runtime.JSX.Element;
|
|
3028
|
-
|
|
3029
|
-
declare function Stat({ title, value, change }: {
|
|
3030
|
-
title: string;
|
|
3031
|
-
value: string;
|
|
3032
|
-
change?: string;
|
|
3033
|
-
}): react_jsx_runtime.JSX.Element;
|
|
3034
|
-
|
|
3035
3085
|
interface StatusToggleProps {
|
|
3036
3086
|
checked: boolean;
|
|
3037
3087
|
onChange: () => void;
|
|
@@ -3193,10 +3243,134 @@ declare function PullToRefreshIndicator({ pullDistance, isRefreshing, threshold,
|
|
|
3193
3243
|
threshold?: number;
|
|
3194
3244
|
}): react_jsx_runtime.JSX.Element | null;
|
|
3195
3245
|
|
|
3246
|
+
/**
|
|
3247
|
+
* Motion tokens — the canonical source for animation timing in the
|
|
3248
|
+
* design system. Every component that animates anything reads from
|
|
3249
|
+
* here: there are no hard-coded durations or spring stiffness/damping
|
|
3250
|
+
* pairs anywhere else in the package.
|
|
3251
|
+
*
|
|
3252
|
+
* The tokens come in three layers:
|
|
3253
|
+
* 1. `duration` (ms) — for CSS transitions + framer-motion `duration`
|
|
3254
|
+
* 2. `ease` (cubic-bezier arrays) — for keyframe easing
|
|
3255
|
+
* 3. `spring` (typed framer-motion Transition objects) — for spring physics
|
|
3256
|
+
*
|
|
3257
|
+
* Naming is intent-based, not numeric:
|
|
3258
|
+
* - duration: xs / sm / md / lg (micro-feedback → page enter)
|
|
3259
|
+
* - ease: standard / emphasized / decelerate / accelerate / ios
|
|
3260
|
+
* - spring: snap / smooth / bounce / gentle / sheet
|
|
3261
|
+
*
|
|
3262
|
+
* These mirror the CSS custom properties in `liquid-glass.css`
|
|
3263
|
+
* (`--duration-*`, `--ease-*`), so CSS consumers and JS consumers
|
|
3264
|
+
* stay in lockstep. The CSS layer also responds to
|
|
3265
|
+
* `prefers-reduced-motion`, collapsing durations to 0ms; the JS
|
|
3266
|
+
* helpers in `animations.ts` do the equivalent for spring tokens.
|
|
3267
|
+
*
|
|
3268
|
+
* If a component needs a duration the scale doesn't have, add a new
|
|
3269
|
+
* token here first — don't inline.
|
|
3270
|
+
*/
|
|
3271
|
+
|
|
3272
|
+
declare const duration: {
|
|
3273
|
+
/** 90ms — micro feedback: toggle thumb, hover tint, focus ring */
|
|
3274
|
+
readonly xs: 90;
|
|
3275
|
+
/** 150ms — button press, popover open, chip toggle */
|
|
3276
|
+
readonly sm: 150;
|
|
3277
|
+
/** 240ms — card hover, drawer slide, tab switch */
|
|
3278
|
+
readonly md: 240;
|
|
3279
|
+
/** 360ms — page transitions, modal enter/exit */
|
|
3280
|
+
readonly lg: 360;
|
|
3281
|
+
};
|
|
3282
|
+
type DurationToken = keyof typeof duration;
|
|
3283
|
+
/** Same scale, expressed in seconds — for framer-motion's `duration` prop. */
|
|
3284
|
+
declare const durationSeconds: {
|
|
3285
|
+
readonly xs: number;
|
|
3286
|
+
readonly sm: number;
|
|
3287
|
+
readonly md: number;
|
|
3288
|
+
readonly lg: number;
|
|
3289
|
+
};
|
|
3290
|
+
declare const ease: {
|
|
3291
|
+
/** Default product curve — symmetric, balanced */
|
|
3292
|
+
readonly standard: readonly [0.4, 0, 0.2, 1];
|
|
3293
|
+
/** Entering elements — slow start, fast finish */
|
|
3294
|
+
readonly emphasized: readonly [0.2, 0, 0, 1];
|
|
3295
|
+
/** Arrivals — fast in, slow settle */
|
|
3296
|
+
readonly decelerate: readonly [0, 0, 0.2, 1];
|
|
3297
|
+
/** Departures — fast out, sharp end */
|
|
3298
|
+
readonly accelerate: readonly [0.4, 0, 1, 1];
|
|
3299
|
+
/** iOS HIG-canonical curve — slightly slower decay than `standard` */
|
|
3300
|
+
readonly ios: readonly [0.25, 0.46, 0.45, 0.94];
|
|
3301
|
+
};
|
|
3302
|
+
type EaseToken = keyof typeof ease;
|
|
3303
|
+
/** CSS string form (`cubic-bezier(...)`). */
|
|
3304
|
+
declare const easeCss: Record<EaseToken, string>;
|
|
3305
|
+
declare const spring: {
|
|
3306
|
+
/** Snap — fast, no overshoot. Buttons, micro-interactions. */
|
|
3307
|
+
readonly snap: Transition;
|
|
3308
|
+
/** Smooth — balanced, no overshoot. Default for cards/transitions. */
|
|
3309
|
+
readonly smooth: Transition;
|
|
3310
|
+
/** Bounce — playful overshoot. Icons, success confirmations. */
|
|
3311
|
+
readonly bounce: Transition;
|
|
3312
|
+
/** Gentle — soft and slow. Modals, large surface entry. */
|
|
3313
|
+
readonly gentle: Transition;
|
|
3314
|
+
/** Sheet — iOS sheet presentation (with mass). Drawers. */
|
|
3315
|
+
readonly sheet: Transition;
|
|
3316
|
+
};
|
|
3317
|
+
type SpringToken = keyof typeof spring;
|
|
3318
|
+
/** Full token tree as a single JSON-shape object — for design tool
|
|
3319
|
+
* syncs, doc tables, and Tailwind plugin consumption. */
|
|
3320
|
+
declare const motionTokens: {
|
|
3321
|
+
readonly duration: {
|
|
3322
|
+
/** 90ms — micro feedback: toggle thumb, hover tint, focus ring */
|
|
3323
|
+
readonly xs: 90;
|
|
3324
|
+
/** 150ms — button press, popover open, chip toggle */
|
|
3325
|
+
readonly sm: 150;
|
|
3326
|
+
/** 240ms — card hover, drawer slide, tab switch */
|
|
3327
|
+
readonly md: 240;
|
|
3328
|
+
/** 360ms — page transitions, modal enter/exit */
|
|
3329
|
+
readonly lg: 360;
|
|
3330
|
+
};
|
|
3331
|
+
readonly durationSeconds: {
|
|
3332
|
+
readonly xs: number;
|
|
3333
|
+
readonly sm: number;
|
|
3334
|
+
readonly md: number;
|
|
3335
|
+
readonly lg: number;
|
|
3336
|
+
};
|
|
3337
|
+
readonly ease: {
|
|
3338
|
+
/** Default product curve — symmetric, balanced */
|
|
3339
|
+
readonly standard: readonly [0.4, 0, 0.2, 1];
|
|
3340
|
+
/** Entering elements — slow start, fast finish */
|
|
3341
|
+
readonly emphasized: readonly [0.2, 0, 0, 1];
|
|
3342
|
+
/** Arrivals — fast in, slow settle */
|
|
3343
|
+
readonly decelerate: readonly [0, 0, 0.2, 1];
|
|
3344
|
+
/** Departures — fast out, sharp end */
|
|
3345
|
+
readonly accelerate: readonly [0.4, 0, 1, 1];
|
|
3346
|
+
/** iOS HIG-canonical curve — slightly slower decay than `standard` */
|
|
3347
|
+
readonly ios: readonly [0.25, 0.46, 0.45, 0.94];
|
|
3348
|
+
};
|
|
3349
|
+
readonly easeCss: Record<"decelerate" | "standard" | "emphasized" | "accelerate" | "ios", string>;
|
|
3350
|
+
readonly spring: {
|
|
3351
|
+
/** Snap — fast, no overshoot. Buttons, micro-interactions. */
|
|
3352
|
+
readonly snap: Transition;
|
|
3353
|
+
/** Smooth — balanced, no overshoot. Default for cards/transitions. */
|
|
3354
|
+
readonly smooth: Transition;
|
|
3355
|
+
/** Bounce — playful overshoot. Icons, success confirmations. */
|
|
3356
|
+
readonly bounce: Transition;
|
|
3357
|
+
/** Gentle — soft and slow. Modals, large surface entry. */
|
|
3358
|
+
readonly gentle: Transition;
|
|
3359
|
+
/** Sheet — iOS sheet presentation (with mass). Drawers. */
|
|
3360
|
+
readonly sheet: Transition;
|
|
3361
|
+
};
|
|
3362
|
+
};
|
|
3363
|
+
type MotionTokens = typeof motionTokens;
|
|
3364
|
+
|
|
3196
3365
|
/**
|
|
3197
3366
|
* iOS-style animation presets for Framer Motion
|
|
3198
3367
|
* Based on Apple Human Interface Guidelines
|
|
3199
3368
|
* Includes reduced motion support for accessibility
|
|
3369
|
+
*
|
|
3370
|
+
* NOTE: New code should consume tokens from `./motion-tokens` directly
|
|
3371
|
+
* (`spring.snap`, `duration.md`, `ease.standard`). The exports in this
|
|
3372
|
+
* file are kept for back-compatibility — they re-export and adapt the
|
|
3373
|
+
* canonical token shape so existing call sites don't break.
|
|
3200
3374
|
*/
|
|
3201
3375
|
|
|
3202
3376
|
/**
|
|
@@ -3212,16 +3386,16 @@ declare function getTransition(transition: Transition): Transition;
|
|
|
3212
3386
|
* Get variants that respect reduced motion preference
|
|
3213
3387
|
*/
|
|
3214
3388
|
declare function getVariants(variants: Variants): Variants;
|
|
3389
|
+
/**
|
|
3390
|
+
* Legacy spring presets — kept for back-compat with existing call sites.
|
|
3391
|
+
* Maps onto the canonical `spring.*` tokens from motion-tokens.ts.
|
|
3392
|
+
* New code should import from `motion-tokens` directly.
|
|
3393
|
+
*/
|
|
3215
3394
|
declare const springPresets: {
|
|
3216
|
-
/** Default iOS spring - balanced and smooth */
|
|
3217
3395
|
default: Transition;
|
|
3218
|
-
/** Bouncy spring - more playful, good for icons */
|
|
3219
3396
|
bouncy: Transition;
|
|
3220
|
-
/** Stiff spring - snappy, good for buttons */
|
|
3221
3397
|
stiff: Transition;
|
|
3222
|
-
/** Gentle spring - slow and smooth, good for modals */
|
|
3223
3398
|
gentle: Transition;
|
|
3224
|
-
/** Sheet spring - iOS sheet presentation */
|
|
3225
3399
|
sheet: Transition;
|
|
3226
3400
|
/** Quick spring - very fast, good for micro-interactions */
|
|
3227
3401
|
quick: Transition;
|
|
@@ -3299,6 +3473,10 @@ declare const iosColors: {
|
|
|
3299
3473
|
brown: string;
|
|
3300
3474
|
};
|
|
3301
3475
|
};
|
|
3476
|
+
/**
|
|
3477
|
+
* Legacy duration presets (seconds — for framer-motion). Mapped onto
|
|
3478
|
+
* the canonical `duration.*` tokens (ms) divided by 1000.
|
|
3479
|
+
*/
|
|
3302
3480
|
declare const durations: {
|
|
3303
3481
|
instant: number;
|
|
3304
3482
|
fast: number;
|
|
@@ -3314,17 +3492,17 @@ declare const durationsReduced: {
|
|
|
3314
3492
|
slow: number;
|
|
3315
3493
|
verySlow: number;
|
|
3316
3494
|
};
|
|
3495
|
+
/**
|
|
3496
|
+
* Legacy easing presets — kept for back-compat. New code uses `ease.*`
|
|
3497
|
+
* from motion-tokens. `default` here is preserved as a historical curve;
|
|
3498
|
+
* the canonical equivalent is `ease.standard`.
|
|
3499
|
+
*/
|
|
3317
3500
|
declare const easings: {
|
|
3318
|
-
/** Standard ease for most animations */
|
|
3319
3501
|
default: number[];
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
/** Ease in-out - both */
|
|
3325
|
-
inOut: number[];
|
|
3326
|
-
/** iOS-style ease */
|
|
3327
|
-
ios: number[];
|
|
3502
|
+
out: readonly [0, 0, 0.2, 1];
|
|
3503
|
+
in: readonly [0.4, 0, 1, 1];
|
|
3504
|
+
inOut: readonly [0.4, 0, 0.2, 1];
|
|
3505
|
+
ios: readonly [0.25, 0.46, 0.45, 0.94];
|
|
3328
3506
|
};
|
|
3329
3507
|
/**
|
|
3330
3508
|
* Creates animation props that respect reduced motion preference
|
|
@@ -3380,8 +3558,14 @@ declare function getStatusColor(status: string | null): string;
|
|
|
3380
3558
|
interface NotificationBadgeProps {
|
|
3381
3559
|
count: number;
|
|
3382
3560
|
className?: string;
|
|
3561
|
+
/** Localized noun for the badge ("notifications", "mensagens"…).
|
|
3562
|
+
* Used in the sr-only label so the count is announced as
|
|
3563
|
+
* "3 notifications" instead of just "3". WCAG 1.1.1 (color/shape
|
|
3564
|
+
* cannot be the only channel — the count needs a textual frame).
|
|
3565
|
+
* Defaults to PT-BR. */
|
|
3566
|
+
itemLabel?: string;
|
|
3383
3567
|
}
|
|
3384
|
-
declare function NotificationBadge({ count, className }: NotificationBadgeProps): react_jsx_runtime.JSX.Element | null;
|
|
3568
|
+
declare function NotificationBadge({ count, className, itemLabel }: NotificationBadgeProps): react_jsx_runtime.JSX.Element | null;
|
|
3385
3569
|
|
|
3386
3570
|
/**
|
|
3387
3571
|
* Text Components
|
|
@@ -3539,307 +3723,6 @@ interface CollapsibleGroupedListProps<TItem, TMeta = undefined> {
|
|
|
3539
3723
|
}
|
|
3540
3724
|
declare function CollapsibleGroupedList<TItem, TMeta = undefined>({ groups, renderItem, getItemKey, className, groupClassName, }: CollapsibleGroupedListProps<TItem, TMeta>): react_jsx_runtime.JSX.Element;
|
|
3541
3725
|
|
|
3542
|
-
/**
|
|
3543
|
-
* UserAvatar / UserMobileInfo
|
|
3544
|
-
*
|
|
3545
|
-
* Generic user avatar with dropdown menu. Domain-agnostic — accepts
|
|
3546
|
-
* user info and menu items as props, no i18n or store dependencies.
|
|
3547
|
-
*/
|
|
3548
|
-
interface UserAvatarUser {
|
|
3549
|
-
name?: string;
|
|
3550
|
-
email?: string;
|
|
3551
|
-
}
|
|
3552
|
-
interface UserAvatarMenuItem {
|
|
3553
|
-
name: string;
|
|
3554
|
-
href: string;
|
|
3555
|
-
}
|
|
3556
|
-
interface UserAvatarLabels {
|
|
3557
|
-
openMenu?: string;
|
|
3558
|
-
defaultUser?: string;
|
|
3559
|
-
defaultEmail?: string;
|
|
3560
|
-
}
|
|
3561
|
-
interface UserAvatarProps {
|
|
3562
|
-
user: UserAvatarUser | null;
|
|
3563
|
-
menuItems?: UserAvatarMenuItem[];
|
|
3564
|
-
labels?: UserAvatarLabels;
|
|
3565
|
-
className?: string;
|
|
3566
|
-
}
|
|
3567
|
-
declare function UserAvatar({ user, menuItems, labels, className, }: UserAvatarProps): react_jsx_runtime.JSX.Element;
|
|
3568
|
-
interface UserMobileInfoProps {
|
|
3569
|
-
user: UserAvatarUser | null;
|
|
3570
|
-
labels?: Pick<UserAvatarLabels, 'defaultUser' | 'defaultEmail'>;
|
|
3571
|
-
}
|
|
3572
|
-
declare function UserMobileInfo({ user, labels }: UserMobileInfoProps): react_jsx_runtime.JSX.Element;
|
|
3573
|
-
|
|
3574
|
-
type IncidentId = 'lambda-timeout' | 'db-pool' | 'deploy-fail' | 'memory-leak';
|
|
3575
|
-
interface IncidentPipelineDemoProps {
|
|
3576
|
-
defaultIncident?: IncidentId;
|
|
3577
|
-
onIncidentChange?: (id: IncidentId) => void;
|
|
3578
|
-
}
|
|
3579
|
-
declare function IncidentPipelineDemo({ defaultIncident, onIncidentChange, }?: IncidentPipelineDemoProps): react_jsx_runtime.JSX.Element;
|
|
3580
|
-
|
|
3581
|
-
interface BentoPanelBase {
|
|
3582
|
-
icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
3583
|
-
title: string;
|
|
3584
|
-
description: string;
|
|
3585
|
-
/** Gradient classes for the icon tile and header accent, e.g. `from-purple-500 to-blue-500` */
|
|
3586
|
-
gradient: string;
|
|
3587
|
-
/** Border color for the panel, e.g. `border-purple-200 dark:border-purple-800` */
|
|
3588
|
-
borderColor?: string;
|
|
3589
|
-
/** Soft background gradient classes, e.g. `from-purple-500/10 to-blue-500/10 dark:from-purple-500/20 dark:to-blue-500/20` */
|
|
3590
|
-
bgTint?: string;
|
|
3591
|
-
}
|
|
3592
|
-
interface BentoListItem {
|
|
3593
|
-
label: string;
|
|
3594
|
-
/** e.g. `bg-purple-500` */
|
|
3595
|
-
dotColor: string;
|
|
3596
|
-
/** e.g. `bg-purple-100 dark:bg-purple-950/30` */
|
|
3597
|
-
bgTint: string;
|
|
3598
|
-
/** e.g. `text-purple-900 dark:text-purple-100` */
|
|
3599
|
-
textColor: string;
|
|
3600
|
-
}
|
|
3601
|
-
interface BentoMetric {
|
|
3602
|
-
value: string;
|
|
3603
|
-
label: string;
|
|
3604
|
-
bgTint: string;
|
|
3605
|
-
valueColor: string;
|
|
3606
|
-
}
|
|
3607
|
-
interface BentoProgressBar {
|
|
3608
|
-
label: string;
|
|
3609
|
-
/** Background of the progress track */
|
|
3610
|
-
trackColor: string;
|
|
3611
|
-
/** Fill color of the progress bar */
|
|
3612
|
-
fillColor: string;
|
|
3613
|
-
/** Color of the trailing label text */
|
|
3614
|
-
labelColor: string;
|
|
3615
|
-
}
|
|
3616
|
-
interface BentoAgent {
|
|
3617
|
-
name: string;
|
|
3618
|
-
/** Gradient classes for the agent tile, e.g. `from-blue-500 to-blue-600` */
|
|
3619
|
-
color: string;
|
|
3620
|
-
}
|
|
3621
|
-
interface BentoAiPanel extends BentoPanelBase {
|
|
3622
|
-
items: BentoListItem[];
|
|
3623
|
-
}
|
|
3624
|
-
interface BentoMetricsPanel extends BentoPanelBase {
|
|
3625
|
-
metrics: BentoMetric[];
|
|
3626
|
-
}
|
|
3627
|
-
interface BentoSecurityPanel extends BentoPanelBase {
|
|
3628
|
-
bars: BentoProgressBar[];
|
|
3629
|
-
}
|
|
3630
|
-
interface BentoAgentsPanel extends BentoPanelBase {
|
|
3631
|
-
agents: BentoAgent[];
|
|
3632
|
-
}
|
|
3633
|
-
interface BentoFeatureGridProps {
|
|
3634
|
-
aiPanel: BentoAiPanel;
|
|
3635
|
-
metricsPanel: BentoMetricsPanel;
|
|
3636
|
-
securityPanel: BentoSecurityPanel;
|
|
3637
|
-
agentsPanel: BentoAgentsPanel;
|
|
3638
|
-
className?: string;
|
|
3639
|
-
}
|
|
3640
|
-
declare function BentoFeatureGrid({ aiPanel, metricsPanel, securityPanel, agentsPanel, className, }: BentoFeatureGridProps): react_jsx_runtime.JSX.Element;
|
|
3641
|
-
|
|
3642
|
-
interface AIOrchestratorDemoProps {
|
|
3643
|
-
className?: string;
|
|
3644
|
-
selectedDepartmentIndex?: number;
|
|
3645
|
-
}
|
|
3646
|
-
declare const AIOrchestratorDemo: React__default.FC<AIOrchestratorDemoProps>;
|
|
3647
|
-
|
|
3648
|
-
interface DashboardDemoProps {
|
|
3649
|
-
className?: string;
|
|
3650
|
-
initialDemo?: number;
|
|
3651
|
-
onDemoChange?: (demoId: number) => void;
|
|
3652
|
-
}
|
|
3653
|
-
/**
|
|
3654
|
-
* Main Dashboard Demo Component - Orchestrates multi-stage demo experience
|
|
3655
|
-
* Stages: Input (typing) → Processing (agents) → Dashboard (department UI)
|
|
3656
|
-
*
|
|
3657
|
-
* Refactored from 844 lines → 145 lines (83% reduction)
|
|
3658
|
-
* Extraction strategy:
|
|
3659
|
-
* - Department demos → src/components/demo/departments/
|
|
3660
|
-
* - Stage components → src/components/demo/stages/
|
|
3661
|
-
* - Shared layout → src/components/demo/shared/DashboardDemoLayout.tsx
|
|
3662
|
-
*
|
|
3663
|
-
* See Issue #134 for full refactoring details
|
|
3664
|
-
*/
|
|
3665
|
-
declare const DashboardDemo: ({ className, initialDemo, }?: DashboardDemoProps) => react_jsx_runtime.JSX.Element;
|
|
3666
|
-
|
|
3667
|
-
interface DashboardDemoLayoutProps {
|
|
3668
|
-
children: React__default.ReactNode;
|
|
3669
|
-
}
|
|
3670
|
-
/**
|
|
3671
|
-
* Shared layout component for dashboard demos
|
|
3672
|
-
* Provides consistent sidebar navigation and structure
|
|
3673
|
-
* Wraps department-specific demo content
|
|
3674
|
-
*/
|
|
3675
|
-
declare const DashboardDemoLayout: React__default.FC<DashboardDemoLayoutProps>;
|
|
3676
|
-
|
|
3677
|
-
declare const CustomerAnalyticsDemo: () => react_jsx_runtime.JSX.Element;
|
|
3678
|
-
|
|
3679
|
-
declare const FinancialDemo: () => react_jsx_runtime.JSX.Element;
|
|
3680
|
-
|
|
3681
|
-
declare const HRRecruitmentDemo: () => react_jsx_runtime.JSX.Element;
|
|
3682
|
-
|
|
3683
|
-
declare const InventoryDemo: () => react_jsx_runtime.JSX.Element;
|
|
3684
|
-
|
|
3685
|
-
declare const LGPDComplianceDemo: () => react_jsx_runtime.JSX.Element;
|
|
3686
|
-
|
|
3687
|
-
/**
|
|
3688
|
-
* Marketing Campaign Demo - Black Friday 2024
|
|
3689
|
-
* Shows multi-agent collaboration for e-commerce campaigns
|
|
3690
|
-
* _Agents: Marketing, Design, E-commerce, Email
|
|
3691
|
-
*/
|
|
3692
|
-
declare const MarketingDemo: () => react_jsx_runtime.JSX.Element;
|
|
3693
|
-
|
|
3694
|
-
declare const SalesDemo: () => react_jsx_runtime.JSX.Element;
|
|
3695
|
-
|
|
3696
|
-
/** An execution step activates one or more nodes simultaneously. */
|
|
3697
|
-
interface DepartmentWorkflowStep {
|
|
3698
|
-
nodes: string[];
|
|
3699
|
-
label: string;
|
|
3700
|
-
}
|
|
3701
|
-
/** A packaged department workflow with graph + step sequence + intro copy. */
|
|
3702
|
-
interface DepartmentWorkflow {
|
|
3703
|
-
graph: WorkflowGraph;
|
|
3704
|
-
steps: DepartmentWorkflowStep[];
|
|
3705
|
-
title: string;
|
|
3706
|
-
description: string;
|
|
3707
|
-
/** Tailwind classes for the accent badge, e.g. `bg-indigo-500/15 text-indigo-300`. */
|
|
3708
|
-
accentBadge?: string;
|
|
3709
|
-
completionSummary?: string;
|
|
3710
|
-
/** Per-node action descriptions (one short line) — keyed by node id. */
|
|
3711
|
-
nodeSubtitles?: Record<string, string>;
|
|
3712
|
-
}
|
|
3713
|
-
/** Visual theme for the workflow surface. */
|
|
3714
|
-
interface DepartmentWorkflowTheme {
|
|
3715
|
-
/** Tailwind classes for the Run button gradient. */
|
|
3716
|
-
runButtonGradient?: string;
|
|
3717
|
-
/** Tailwind class for the Run button shadow color. */
|
|
3718
|
-
runButtonShadow?: string;
|
|
3719
|
-
/** Tailwind class for the active step indicator dot. */
|
|
3720
|
-
stepActiveBg?: string;
|
|
3721
|
-
/** Tailwind class for the active node ring. */
|
|
3722
|
-
activeRing?: string;
|
|
3723
|
-
/** SVG stroke color for active edges (CSS color). */
|
|
3724
|
-
activeEdgeStroke?: string;
|
|
3725
|
-
/** SVG stroke color for completed edges (CSS color). */
|
|
3726
|
-
completeEdgeStroke?: string;
|
|
3727
|
-
/** Tailwind class for the section badge background+text. */
|
|
3728
|
-
badge?: string;
|
|
3729
|
-
}
|
|
3730
|
-
interface DepartmentWorkflowDemoProps {
|
|
3731
|
-
workflow: DepartmentWorkflow;
|
|
3732
|
-
/** ms between steps. Default 1100. */
|
|
3733
|
-
stepDurationMs?: number;
|
|
3734
|
-
autoPlay?: boolean;
|
|
3735
|
-
className?: string;
|
|
3736
|
-
hideHeader?: boolean;
|
|
3737
|
-
/** Called once when the run reaches the final step. */
|
|
3738
|
-
onComplete?: () => void;
|
|
3739
|
-
/** Visual theme overrides. */
|
|
3740
|
-
theme?: DepartmentWorkflowTheme;
|
|
3741
|
-
/** Per-node avatar override — keyed by node.id. When set, replaces the node type icon with a rounded avatar image. */
|
|
3742
|
-
nodeAvatars?: Record<string, string>;
|
|
3743
|
-
/** Called whenever the active step changes during a run. Useful for parent UIs that want to render step progress externally. */
|
|
3744
|
-
onStepChange?: (stepIndex: number, label: string) => void;
|
|
3745
|
-
}
|
|
3746
|
-
declare function DepartmentWorkflowDemo({ workflow, stepDurationMs, autoPlay, className, hideHeader, onComplete, theme, nodeAvatars, onStepChange, }: DepartmentWorkflowDemoProps): react_jsx_runtime.JSX.Element;
|
|
3747
|
-
|
|
3748
|
-
declare const financialWorkflow: DepartmentWorkflow;
|
|
3749
|
-
declare const salesWorkflow: DepartmentWorkflow;
|
|
3750
|
-
declare const marketingWorkflow: DepartmentWorkflow;
|
|
3751
|
-
declare const inventoryWorkflow: DepartmentWorkflow;
|
|
3752
|
-
declare const hrWorkflow: DepartmentWorkflow;
|
|
3753
|
-
declare const customerAnalyticsWorkflow: DepartmentWorkflow;
|
|
3754
|
-
declare const payrollWorkflow: DepartmentWorkflow;
|
|
3755
|
-
declare const supportWorkflow: DepartmentWorkflow;
|
|
3756
|
-
declare const manufacturingWorkflow: DepartmentWorkflow;
|
|
3757
|
-
declare const logisticsWorkflow: DepartmentWorkflow;
|
|
3758
|
-
declare const lgpdWorkflow: DepartmentWorkflow;
|
|
3759
|
-
|
|
3760
|
-
interface DepartmentAssistantTheme {
|
|
3761
|
-
/** Gradient for the main "Kori AI Assistant" logo tile. */
|
|
3762
|
-
brandGradient?: string;
|
|
3763
|
-
/** Classes for the avatar inside the input stage card. */
|
|
3764
|
-
inputAvatar?: string;
|
|
3765
|
-
/** Border color classes for the input textarea, e.g. `border-amber-300/40 dark:border-amber-400/30`. */
|
|
3766
|
-
inputBorder?: string;
|
|
3767
|
-
/** Tailwind classes for the typing cursor. */
|
|
3768
|
-
inputCursor?: string;
|
|
3769
|
-
/** Tailwind color for the stage-rail active chip. */
|
|
3770
|
-
stageActiveBadge?: string;
|
|
3771
|
-
/** Tailwind class for the bottom progress indicator. */
|
|
3772
|
-
progressActiveBar?: string;
|
|
3773
|
-
/** Theme overrides for the embedded workflow canvas. */
|
|
3774
|
-
workflow?: DepartmentWorkflowTheme;
|
|
3775
|
-
}
|
|
3776
|
-
/** Amber/orange theme matching the kori-erp brand. */
|
|
3777
|
-
declare const koriAssistantTheme: DepartmentAssistantTheme;
|
|
3778
|
-
interface DepartmentAssistantFlow {
|
|
3779
|
-
id: string;
|
|
3780
|
-
name: string;
|
|
3781
|
-
icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
|
|
3782
|
-
/** Gradient classes for the active tab, e.g. `from-blue-500 to-indigo-500`. */
|
|
3783
|
-
accent: string;
|
|
3784
|
-
prompt: string;
|
|
3785
|
-
agents: string[];
|
|
3786
|
-
/** Optional dicebear (or any image) avatar URLs keyed by agent name — shown in the chat bubble. */
|
|
3787
|
-
agentAvatars?: Record<string, string>;
|
|
3788
|
-
/** Optional avatar URLs keyed by workflow node id — shown on agent nodes in the canvas. */
|
|
3789
|
-
nodeAvatars?: Record<string, string>;
|
|
3790
|
-
/** Avatar of the persona doing the talking in the chat bubble (e.g. Beatriz for vendas). Falls back to a gradient sparkles icon. */
|
|
3791
|
-
assistantAvatar?: string;
|
|
3792
|
-
/** Display name of the persona — shown in the conversation header. Falls back to the department name. */
|
|
3793
|
-
assistantName?: string;
|
|
3794
|
-
workflow: DepartmentWorkflow;
|
|
3795
|
-
dashboard: React.ReactNode;
|
|
3796
|
-
}
|
|
3797
|
-
/** All user-facing strings — pass localized values from the consumer to make the demo language-aware. */
|
|
3798
|
-
interface DepartmentAssistantLabels {
|
|
3799
|
-
/** Header chip e.g. "Conversa — Beatriz · Vendas". Receives persona + department names. */
|
|
3800
|
-
conversation?: (persona: string, department: string) => string;
|
|
3801
|
-
/** Composer placeholder. Default "Mensagem para Kori AI…". */
|
|
3802
|
-
composerHint?: string;
|
|
3803
|
-
/** Composer keystroke hint. Default "⏎ enviar". */
|
|
3804
|
-
composerEnter?: string;
|
|
3805
|
-
/** Persona uppercase tag in assistant bubble. Receives persona name (defaults to UPPER). */
|
|
3806
|
-
personaTag?: (persona: string) => string;
|
|
3807
|
-
/** Assistant chat response — receives the agent count. */
|
|
3808
|
-
assistantResponse?: (agentCount: number) => string;
|
|
3809
|
-
/** Stage rail labels. */
|
|
3810
|
-
stageAsk?: string;
|
|
3811
|
-
stageOrchestrate?: string;
|
|
3812
|
-
stageDeliver?: string;
|
|
3813
|
-
/** Footer captions per stage. */
|
|
3814
|
-
footerInput?: string;
|
|
3815
|
-
footerWorkflow?: string;
|
|
3816
|
-
footerDashboard?: string;
|
|
3817
|
-
/** Step progress label rendered during the workflow stage. Receives 1-based current and total. */
|
|
3818
|
-
workflowStep?: (current: number, total: number) => string;
|
|
3819
|
-
}
|
|
3820
|
-
interface DepartmentAssistantDemoProps {
|
|
3821
|
-
flows: DepartmentAssistantFlow[];
|
|
3822
|
-
initialIndex?: number;
|
|
3823
|
-
/** Whether to auto-advance through flows. Default true. */
|
|
3824
|
-
autoRotate?: boolean;
|
|
3825
|
-
/** How long to keep the dashboard visible before the next flow. Default 10000. */
|
|
3826
|
-
dashboardHoldMs?: number;
|
|
3827
|
-
/** Typing speed (ms per character). Default 32. */
|
|
3828
|
-
typingSpeedMs?: number;
|
|
3829
|
-
/** Workflow step duration (ms). Default 1050. */
|
|
3830
|
-
workflowStepMs?: number;
|
|
3831
|
-
/** Visual theme overrides. */
|
|
3832
|
-
theme?: DepartmentAssistantTheme;
|
|
3833
|
-
/** Brand name shown in the header. Default "Kori AI Assistant". */
|
|
3834
|
-
brandName?: string;
|
|
3835
|
-
/** All user-facing strings (i18n). */
|
|
3836
|
-
labels?: DepartmentAssistantLabels;
|
|
3837
|
-
className?: string;
|
|
3838
|
-
}
|
|
3839
|
-
declare function DepartmentAssistantDemo({ flows, initialIndex, autoRotate, dashboardHoldMs, typingSpeedMs, workflowStepMs, theme, brandName, labels, className, }: DepartmentAssistantDemoProps): react_jsx_runtime.JSX.Element;
|
|
3840
|
-
|
|
3841
|
-
declare const koriDepartmentFlows: DepartmentAssistantFlow[];
|
|
3842
|
-
|
|
3843
3726
|
/**
|
|
3844
3727
|
* InteractiveGeoMap Component
|
|
3845
3728
|
* ============================
|
|
@@ -4032,31 +3915,8 @@ declare const getBrazilColors: (uf: string) => {
|
|
|
4032
3915
|
declare const getBrazilAccent: (uf: string) => string | null;
|
|
4033
3916
|
declare const isValidBrazilState: (uf: string) => boolean;
|
|
4034
3917
|
|
|
4035
|
-
type EntityDrawerMaxWidth = 'max-w-xl' | 'max-w-2xl' | 'max-w-4xl' | 'max-w-6xl' | 'max-w-full';
|
|
4036
|
-
type EntityDrawerProps = {
|
|
4037
|
-
open: boolean;
|
|
4038
|
-
onClose: () => void;
|
|
4039
|
-
title: string;
|
|
4040
|
-
subtitle?: string;
|
|
4041
|
-
icon?: ReactNode;
|
|
4042
|
-
gradient?: string;
|
|
4043
|
-
maxWidth?: EntityDrawerMaxWidth;
|
|
4044
|
-
tabs?: ReactNode;
|
|
4045
|
-
children: ReactNode;
|
|
4046
|
-
};
|
|
4047
|
-
declare function EntityDrawer({ open, onClose, title, subtitle, icon, gradient, maxWidth, tabs, children, }: EntityDrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
4048
|
-
|
|
4049
3918
|
declare const LOCALE_FLAGS: Record<string, string>;
|
|
4050
3919
|
|
|
4051
|
-
type FilterPillVariant = 'blue' | 'emerald' | 'orange' | 'purple' | 'violet' | 'amber' | 'red' | 'indigo' | 'cyan' | 'teal' | 'pink' | 'rose' | 'green' | 'yellow' | 'slate' | 'sky' | 'fuchsia' | 'gray';
|
|
4052
|
-
type FilterPillProps = {
|
|
4053
|
-
icon: ReactNode;
|
|
4054
|
-
label: ReactNode;
|
|
4055
|
-
variant: FilterPillVariant;
|
|
4056
|
-
onRemove: () => void;
|
|
4057
|
-
};
|
|
4058
|
-
declare function FilterPill({ icon, label, variant, onRemove }: FilterPillProps): react_jsx_runtime.JSX.Element;
|
|
4059
|
-
|
|
4060
3920
|
/**
|
|
4061
3921
|
* US Subdivision Theme Data
|
|
4062
3922
|
* =========================
|
|
@@ -4977,6 +4837,11 @@ declare function ErrorMessage({ className, ...props }: {
|
|
|
4977
4837
|
className?: string;
|
|
4978
4838
|
} & Omit<Headless.DescriptionProps, "as" | "className">): react_jsx_runtime.JSX.Element;
|
|
4979
4839
|
|
|
4840
|
+
/**
|
|
4841
|
+
* Multi-line text input — uses the canonical `liquid-surface` chrome
|
|
4842
|
+
* (same as Input/Select/Cards) so it sits in the same visual family
|
|
4843
|
+
* as every other surface. Focus ring is the canonical indigo-500/70.
|
|
4844
|
+
*/
|
|
4980
4845
|
declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
4981
4846
|
|
|
4982
4847
|
interface PaginationMeta {
|
|
@@ -5055,20 +4920,6 @@ declare const ContactSection: React__default.NamedExoticComponent<ContactSection
|
|
|
5055
4920
|
|
|
5056
4921
|
declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
5057
4922
|
|
|
5058
|
-
declare function DropdownButton<T extends React__default.ElementType = typeof Button>({ as, ...props }: {
|
|
5059
|
-
className?: string;
|
|
5060
|
-
} & Omit<Headless.MenuButtonProps<T>, "className">): react_jsx_runtime.JSX.Element;
|
|
5061
|
-
declare function DropdownMenu({ anchor, className, ...props }: {
|
|
5062
|
-
className?: string;
|
|
5063
|
-
} & Omit<Headless.MenuItemsProps, "as" | "className">): react_jsx_runtime.JSX.Element;
|
|
5064
|
-
declare function DropdownItem({ className, ...props }: {
|
|
5065
|
-
className?: string;
|
|
5066
|
-
} & (Omit<Headless.MenuItemProps<"button">, "as" | "className"> | Omit<Headless.MenuItemProps<typeof Link>, "as" | "className">)): react_jsx_runtime.JSX.Element;
|
|
5067
|
-
declare function DropdownDivider({ className, ...props }: {
|
|
5068
|
-
className?: string;
|
|
5069
|
-
} & Omit<Headless.MenuSeparatorProps, "as" | "className">): react_jsx_runtime.JSX.Element;
|
|
5070
|
-
declare function DropdownLabel({ className, ...props }: React__default.ComponentPropsWithoutRef<"div">): react_jsx_runtime.JSX.Element;
|
|
5071
|
-
|
|
5072
4923
|
declare const colors: {
|
|
5073
4924
|
"dark/zinc": string[];
|
|
5074
4925
|
"dark/white": string[];
|
|
@@ -5268,7 +5119,7 @@ type PlatformShellProps = {
|
|
|
5268
5119
|
appLogo?: ReactNode;
|
|
5269
5120
|
/** Gradient class (e.g. "from-blue-500 to-indigo-600") */
|
|
5270
5121
|
appGradient: string;
|
|
5271
|
-
/** Accent ring class (e.g. "ring-
|
|
5122
|
+
/** Accent ring class (e.g. "ring-indigo-500/70/30") */
|
|
5272
5123
|
appAccentRing?: string;
|
|
5273
5124
|
/** Icon for the dashboard dock button */
|
|
5274
5125
|
dashboardIcon?: ComponentType<{
|
|
@@ -5409,4 +5260,4 @@ interface SkipToContentProps {
|
|
|
5409
5260
|
}
|
|
5410
5261
|
declare function SkipToContent({ targetId, label, }: SkipToContentProps): react_jsx_runtime.JSX.Element;
|
|
5411
5262
|
|
|
5412
|
-
export { AIOrchestratorDemo, ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, type AccentColor, ActionMenu, ActionSheet, type ActiveFilter, type ActiveFilterChip, type ActiveFilterChipStyleConfig, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, type AppNavigationProps, AppShell, type AppShellProps, type ApprovalSectionData, ArchiveSwipeAction, AuthLayout, type AuthLayoutProps, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, type BackupCodeGridProps, BadRequestPage, Badge, BaseForm, type BaseFormIconColor, type BaseFormProps, type BentoAgent, type BentoAgentsPanel, type BentoAiPanel, BentoCard, BentoFeatureGrid, type BentoFeatureGridProps, type BentoListItem, type BentoMetric, type BentoMetricsPanel, type BentoProgressBar, type BentoSecurityPanel, BooleanFlagsPicker, type BooleanFlagsPickerProps, type BooleanFlagsPreset, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, type BreadcrumbItem, type BreadcrumbPage, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardActionMenu, type CardActionMenuItem, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, type CategoryBadgeProps, CategoryTab, type CategoryTabConfig, type CategoryTabProps, CategoryTabs, type CategoryTabsProps, type ChartDataPoint, ChartRenderer, type ChartSeriesStyle, type ChartSpec, type ChartType, type ChipItem, type ChipItemStyle, ChipPicker, CircularRefreshIndicator, Code, type CollapsibleGroup, CollapsibleGroupedList, type CollapsibleGroupedListProps, CompactSegmentedControl, ContactCard, ContactSection, Container, type ContainerProps, type ContainerVariant, ContextMenu, type ContextMenuDivider, type ContextMenuEntry, type ContextMenuItem, CookieConsent, CopyableId, CountPill, type CountryAddressFormat, type CountryConfig, type CountryCurrencyConfig, type CountryLanguage, type CountryLocaleConfig, type CountryTaxConfig, CreateActionButton, CustomerAnalyticsDemo, DE_THEME_CONFIG, DashboardDemoLayout, type DashboardKpi, DashboardProgressShell, type DashboardSection, type DashboardSpec, type DashboardSpecIssue, type DashboardTable, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, DepartmentAssistantDemo, type DepartmentAssistantDemoProps, type DepartmentAssistantFlow, type DepartmentAssistantLabels, type DepartmentAssistantTheme, DashboardDemo as DepartmentDashboardDemo, type DepartmentWorkflow, DepartmentWorkflowDemo, type DepartmentWorkflowDemoProps, type DepartmentWorkflowStep, type DepartmentWorkflowTheme, Description, DetailsPopover, type DetailsPopoverActor, type DetailsPopoverComparison, type DetailsPopoverNote, type DetailsPopoverProps, DevModeBanner, Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle, Divider, Dock, type DockAction, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, DropdownSelect, DynamicIsland, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, type EntityCardProps, EntityDrawer, type EntityDrawerMaxWidth, type EntityDrawerProps, type EntitySectionData, ErrorMessage, ErrorState, type ExpandableHistoryItem, ExpandableHistoryList, type ExpandableHistoryListProps, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, type FeedSectionData, Field, FieldGroup, Label as FieldLabel, Fieldset, FilterBadge, FilterPill, type FilterPillProps, type FilterPillVariant, FilterSectionHeader, type FilterSectionHeaderProps, FilterTileButton, type FilterTileButtonProps, type FilterTileColor, FinancialDemo, type FiscalSectionData, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, type FlyoutNavItem, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, type FormActionsProps, FormActionsRow, type FormActionsRowProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormInput, type FormInputProps, FormPriceInput, type FormPriceInputProps, type FormProps, FormSection, type FormSectionProps, FormSelect, type FormSelectProps, type FormStep, FormTextarea, type FormTextareaProps, FormToggle, type FormToggleProps, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, type GeoMapCanvasProps, GeoMapLegend, type GeoMapLegendProps, type GeoMapRegionData, GlassModal, type GlassModalIdentity, type GlassModalProps, type GlassModalSection, type GlassModalSidebar, type GlassModalSize, Gradient, GradientBackground, GrowthIndicator, HRRecruitmentDemo, Heading, HeroPanel, type HeroPanelProps, type HeroPanelStat, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, type ImageUploadProps, type IncidentId, IncidentPipelineDemo, type IncidentPipelineDemoProps, InfoPopover, type InfoPopoverProps, InlineForm, type InlineFormProps, InlineSpinner, Input, type InputBooleanField, type InputNumberField, type InputRequestField, InputRequestForm, type InputRequestSectionData, type InputSelectField, type InputTextField, type InputTextareaField, InteractiveGeoMap, type InteractiveGeoMapProps, InventoryDemo, ItemSummary, type ItemSummaryMetadata, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LGPDComplianceDemo, LOCALE_FLAGS, Label, LabeledToggle, type LanguageOption$1 as LanguageOption, LanguageSwitcher, LaunchpadGrid, type LaunchpadGridProps, type LaunchpadItem, type LaunchpadMenuItem, type LaunchpadUserProfile, Lead, Legend, type LifecycleSectionData, LiquidFilterInput, ListCard, ListCardItem, ListItem, type ListItemAction, type ListItemMetadata, type ListItemProps, type ListItemVariant, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, type ManagementPageLayoutProps, ManagementSurface, MapZoomControls, type MapZoomControlsProps, MarketPricesCard, MarketingDemo, type MetaItem, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, type NarrativeSectionData, NavigationItem, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, type NoteSectionData, type Notification, NotificationBadge, type NotificationBadgeProps, NotificationBellButton, NotificationProvider, type NotificationType, OfficeCard, OfflineState, type OffsetPaginationParams, OptionGrid, type OptionGridItem, type OptionGridProps, OtpInput, type OtpInputProps, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, type PageHeadingProps, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, type PaginationMeta, PasswordInput, type PasswordPolicy, PasswordStrengthMeter, type PasswordStrengthMeterProps, Pill, PlatformShell, type PlatformShellLabels, type PlatformShellProps, type PlatformShellState, type PlatformShellUser, PlusGrid, PlusGridItem, PlusGridRow, type PreferenceGroupConfig, PreferenceSection, type PreferenceSectionProps, type PreferencesSectionConfig, PriceChangeBadge, ProfileIdentityCard, type ProfileSectionConfig, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, type RadioGroupConfig, type ReceiptSectionData, RecommendationCard, RegionFilterSkeleton, RoleBadge, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SalesDemo, type ScoreSectionData, SearchBar, SearchFilterToolbar, type SearchFilterToolbarProps, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, type SectionTone, SegmentedControl, Select, type SelectableChipItem, SelectableChipPicker, type SelectableChipPickerLabels, type SelectableListItem, SelectableListPicker, type SelectableListPickerLabels, SelectableOptionsGrid, type SelectableOptionsGridOption, type SelectableOptionsGridProps, SelectableTableRow, SelectionCard, type SelectionCardProps, type SelectionOption, type SeriesComputed, ServerErrorPage, type SettingsFieldConfig, type LanguageOption as SettingsLanguageOption, SettingsModal, type SettingsModalProps, type SettingsSection, Sheet, type ShellLabels, type ShellPreferences, type ShellUser, SkipToContent, SocialLoginButtons, type SocialLoginButtonsProps, type SocialProvider, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, type StatusBadgeProps, StatusToggle, type StatusType, StepFormPage, type StepFormPageProps, StepNavigationButtons, type StepNavigationButtonsProps, StepTimeline, type StepTimelineItem, type StepTimelineProps, type StepTimelineStatus, StreamingDashboard, Strong, type SubdivisionColorPalette, type SubdivisionThemeConfig, Subheading, SwipeableRow, Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, type TagBadgeStyle, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, type ToggleConfig, ToggleSwitch, type ToggleSwitchColor, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, type UseGeoMapStateOptions, UserAvatar, type UserAvatarLabels, type UserAvatarMenuItem, type UserAvatarProps, type UserAvatarUser, UserMobileInfo, type UserMobileInfoProps, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, type WorkspaceSectionConfig, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, computeDomain, computeSeries, createMotionProps, customerAnalyticsWorkflow, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, financialWorkflow, formatAddress, formatCurrency as formatCountryCurrency, formatCurrency$1 as formatCurrency, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, hrWorkflow, inventoryWorkflow, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, koriAssistantTheme, koriDepartmentFlows, lgpdWorkflow, listItem, listItemReduced, logisticsWorkflow, manufacturingWorkflow, marketingWorkflow, notificationBanner, notificationBannerReduced, pageControlDot, payrollWorkflow, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, salesWorkflow, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, supportWorkflow, swipeActionThreshold, swipeConstraints, triggerHaptic, useGeoMapState, useHaptic, useNotifications, usePlatformShellStore, usePullToRefresh, validateDashboardSpec, xScale, yScale };
|
|
5263
|
+
export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, type AccentColor, type ActiveFilter, type ActiveFilterChip, type ActiveFilterChipStyleConfig, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, type AppNavigationProps, AppShell, type AppShellProps, type ApprovalSectionData, ArchiveSwipeAction, AuthLayout, type AuthLayoutProps, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, type BackupCodeGridProps, BadRequestPage, Badge, BaseForm, type BaseFormIconColor, type BaseFormProps, BentoCard, BooleanFlagsPicker, type BooleanFlagsPickerProps, type BooleanFlagsPreset, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, type BreadcrumbItem, type BreadcrumbPage, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, type CategoryBadgeProps, CategoryTab, type CategoryTabConfig, type CategoryTabProps, CategoryTabs, type CategoryTabsProps, type ChartDataPoint, ChartRenderer, type ChartSeriesStyle, type ChartSpec, type ChartType, type ChipItem, type ChipItemStyle, ChipPicker, CircularRefreshIndicator, Code, type CollapsibleGroup, CollapsibleGroupedList, type CollapsibleGroupedListProps, CompactSegmentedControl, ContactCard, ContactSection, Container, type ContainerProps, type ContainerVariant, ContextMenu, type ContextMenuDivider, type ContextMenuEntry, type ContextMenuItem, CookieConsent, CopyableId, type CountryAddressFormat, type CountryConfig, type CountryCurrencyConfig, type CountryLanguage, type CountryLocaleConfig, type CountryTaxConfig, CreateActionButton, DE_THEME_CONFIG, type DashboardKpi, type DashboardSection, type DashboardSpec, type DashboardSpecIssue, type DashboardTable, DashboardView, DataPagination, DatePicker, DeleteSwipeAction, Description, DetailsPopover, type DetailsPopoverActor, type DetailsPopoverComparison, type DetailsPopoverNote, type DetailsPopoverProps, DevModeBanner, Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle, Divider, Dock, type DockAction, DockContainer, DockSkeleton, DotRefreshIndicator, DropdownSelect, type DurationToken, DynamicIsland, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, type EaseToken, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, type EntityCardProps, type EntitySectionData, ErrorMessage, ErrorState, type ExpandableHistoryItem, ExpandableHistoryList, type ExpandableHistoryListProps, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FavoriteSwipeAction, FeatureCard, FeedItemCard, type FeedSectionData, Field, FieldGroup, Label as FieldLabel, Fieldset, FilterSectionHeader, type FilterSectionHeaderProps, FilterTileButton, type FilterTileButtonProps, type FilterTileColor, type FiscalSectionData, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, type FlyoutNavItem, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, type FormActionsProps, FormActionsRow, type FormActionsRowProps, FormCheckbox, type FormCheckboxProps, FormField, type FormFieldProps, FormGrid, type FormGridProps, FormInput, type FormInputProps, FormPriceInput, type FormPriceInputProps, type FormProps, FormSection, type FormSectionProps, FormSelect, type FormSelectProps, type FormStep, FormTextarea, type FormTextareaProps, FormToggle, type FormToggleProps, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, type GeoMapCanvasProps, GeoMapLegend, type GeoMapLegendProps, type GeoMapRegionData, GlassModal, type GlassModalIdentity, type GlassModalProps, type GlassModalSection, type GlassModalSidebar, type GlassModalSize, Gradient, GradientBackground, GrowthIndicator, Heading, HeroBlock, type HeroBlockProps, HeroPanel, type HeroPanelProps, type HeroPanelStat, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, type ImageUploadProps, InfoPopover, type InfoPopoverProps, InlineForm, type InlineFormProps, InlineSpinner, Input, type InputBooleanField, type InputNumberField, type InputRequestField, InputRequestForm, type InputRequestSectionData, type InputSelectField, type InputTextField, type InputTextareaField, InteractiveGeoMap, type InteractiveGeoMapProps, ItemSummary, type ItemSummaryMetadata, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label, LabeledToggle, type LanguageOption$1 as LanguageOption, LanguageSwitcher, LaunchpadGrid, type LaunchpadGridProps, type LaunchpadItem, type LaunchpadMenuItem, type LaunchpadUserProfile, Lead, Legend, type LifecycleSectionData, LiquidFilterInput, ListCard, ListCardItem, ListItem, type ListItemAction, type ListItemMetadata, type ListItemProps, type ListItemVariant, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, type ManagementPageLayoutProps, ManagementSurface, MapZoomControls, type MapZoomControlsProps, MarketPricesCard, type MetaItem, MetricCard, MonthPicker, type MotionTokens, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, type NarrativeSectionData, NavigationItem, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, type NoteSectionData, type Notification, NotificationBadge, type NotificationBadgeProps, NotificationBellButton, NotificationProvider, type NotificationType, OfficeCard, OfflineState, type OffsetPaginationParams, OptionGrid, type OptionGridItem, type OptionGridProps, OtpInput, type OtpInputProps, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, type PageHeadingProps, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, type PaginationMeta, PasswordInput, type PasswordPolicy, PasswordStrengthMeter, type PasswordStrengthMeterProps, PlatformShell, type PlatformShellLabels, type PlatformShellProps, type PlatformShellState, type PlatformShellUser, PlusGrid, PlusGridItem, PlusGridRow, type PreferenceGroupConfig, PreferenceSection, type PreferenceSectionProps, type PreferencesSectionConfig, PriceChangeBadge, ProfileIdentityCard, type ProfileSectionConfig, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, type RadioGroupConfig, type ReceiptSectionData, RecommendationCard, RegionFilterSkeleton, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, type ScoreSectionData, SearchBar, SearchFilterToolbar, type SearchFilterToolbarProps, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, type SectionTone, SegmentedControl, Select, SelectableTableRow, SelectionCard, type SelectionCardProps, type SelectionOption, type SeriesComputed, ServerErrorPage, type SettingsFieldConfig, type LanguageOption as SettingsLanguageOption, SettingsModal, type SettingsModalProps, type SettingsSection, Sheet, type ShellLabels, type ShellPreferences, type ShellUser, SkipToContent, SocialLoginButtons, type SocialLoginButtonsProps, type SocialProvider, SortableTableHeader, Spinner, type SpringToken, StatCard, StatCardSkeleton, StatusBadge, type StatusBadgeProps, StatusToggle, type StatusType, StepFormPage, type StepFormPageProps, StepNavigationButtons, type StepNavigationButtonsProps, StepTimeline, type StepTimelineItem, type StepTimelineProps, type StepTimelineStatus, StreamingDashboard, Strong, type SubdivisionColorPalette, type SubdivisionThemeConfig, Subheading, SwipeableRow, Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, type ToggleConfig, ToggleSwitch, type ToggleSwitchColor, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, type UseGeoMapStateOptions, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, type WorkspaceSectionConfig, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, computeDomain, computeSeries, createMotionProps, duration, durationSeconds, durations, durationsReduced, ease, easeCss, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency as formatCountryCurrency, formatCurrency$1 as formatCurrency, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, motionTokens, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, spring, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, triggerHaptic, useGeoMapState, useHaptic, useNotifications, usePlatformShellStore, usePullToRefresh, validateDashboardSpec, xScale, yScale };
|