@aracreate/arm-ui 3.13.0 → 4.0.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/README.md +33 -27
- package/dist/big-calendar-overrides.css +9 -4
- package/dist/chunk-UTKQHNA3.mjs +2 -0
- package/dist/chunk-UTKQHNA3.mjs.map +1 -0
- package/dist/chunk-Z6WRPM3Z.js +2 -0
- package/dist/chunk-Z6WRPM3Z.js.map +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +116 -121
- package/dist/index.d.ts +116 -121
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/preset.d.mts +2 -2
- package/dist/preset.d.ts +2 -2
- package/dist/preset.js +2 -2
- package/dist/preset.js.map +1 -1
- package/dist/preset.mjs +2 -2
- package/dist/preset.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/dist/tokens.css +9 -4
- package/package.json +2 -11
- package/dist/chunk-LGJWNA6J.mjs +0 -2
- package/dist/chunk-LGJWNA6J.mjs.map +0 -1
- package/dist/chunk-TD6NGM5I.js +0 -2
- package/dist/chunk-TD6NGM5I.js.map +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -294,7 +294,7 @@ interface DataTableRowProps {
|
|
|
294
294
|
* so `style` carries the grid/flex shape and `children` carries the cells;
|
|
295
295
|
* this component only owns the classes and interaction/border wiring that
|
|
296
296
|
* were previously hand-copied into five separate page files. */
|
|
297
|
-
declare function DataTableRow({ children, style, showBorder, onActivate, selected, className, "aria-label":
|
|
297
|
+
declare function DataTableRow({ children, style, showBorder, onActivate, selected, className, "aria-label": aria_label, }: DataTableRowProps): React$1.JSX.Element;
|
|
298
298
|
|
|
299
299
|
interface MetricCardProps {
|
|
300
300
|
label: string;
|
|
@@ -373,30 +373,30 @@ declare function Pagination({ currentPage, totalPages, onPageChange, siblingCoun
|
|
|
373
373
|
* fork). Values must match the app's copy — see README.md's "Files
|
|
374
374
|
* duplicated from the app". */
|
|
375
375
|
declare const layout: {
|
|
376
|
-
readonly
|
|
377
|
-
readonly
|
|
378
|
-
readonly
|
|
379
|
-
readonly
|
|
380
|
-
readonly
|
|
381
|
-
readonly
|
|
382
|
-
readonly
|
|
383
|
-
readonly
|
|
384
|
-
readonly
|
|
385
|
-
readonly
|
|
386
|
-
readonly
|
|
387
|
-
readonly
|
|
388
|
-
readonly
|
|
389
|
-
readonly
|
|
390
|
-
readonly
|
|
391
|
-
readonly
|
|
392
|
-
readonly
|
|
393
|
-
readonly
|
|
394
|
-
readonly
|
|
395
|
-
readonly
|
|
396
|
-
readonly
|
|
397
|
-
readonly
|
|
398
|
-
readonly
|
|
399
|
-
readonly
|
|
376
|
+
readonly content_max: "calc(15 * var(--space-9) + var(--space-5))";
|
|
377
|
+
readonly account_card_w: "calc(3 * var(--space-9) + var(--space-8))";
|
|
378
|
+
readonly account_card_min_h: "calc(2 * var(--space-9) - var(--space-2))";
|
|
379
|
+
readonly month_title_min_w: "calc(3 * var(--space-9) - var(--space-1))";
|
|
380
|
+
readonly big_calendar_h: "calc(10 * var(--space-9))";
|
|
381
|
+
readonly sidebar_col_basis: "calc(4 * var(--space-9) - var(--space-2))";
|
|
382
|
+
readonly sidebar_col_min: "calc(3 * var(--space-9) + var(--space-6))";
|
|
383
|
+
readonly sync_col_min: "calc(5 * var(--space-9))";
|
|
384
|
+
readonly sync_col_wide: "calc(7 * var(--space-9) + var(--space-6))";
|
|
385
|
+
readonly dialog_sm: "calc(6 * var(--space-9) - var(--space-2))";
|
|
386
|
+
readonly dialog_body: "calc(5 * var(--space-9) + var(--space-7))";
|
|
387
|
+
readonly auth_form_max: "calc(6 * var(--space-9) + var(--space-8))";
|
|
388
|
+
readonly brand_logo_max: "calc(6 * var(--space-9) + var(--space-8) - var(--space-1))";
|
|
389
|
+
readonly connected_account_card_h: "calc(var(--space-9) - var(--space-1))";
|
|
390
|
+
readonly dialog_md: "calc(6 * var(--space-9) + var(--space-6))";
|
|
391
|
+
readonly dialog_lg: "calc(7 * var(--space-9) - var(--space-1))";
|
|
392
|
+
readonly empty_state_max: "calc(10 * var(--space-9))";
|
|
393
|
+
readonly empty_state_copy_max: "calc(6 * var(--space-9))";
|
|
394
|
+
readonly provider_chooser_max: "calc(6 * var(--space-9) + var(--space-6))";
|
|
395
|
+
readonly audit_col_time: "calc(var(--space-9) + var(--space-2))";
|
|
396
|
+
readonly audit_col_action: "calc(var(--space-9) + var(--space-5) + var(--space-1))";
|
|
397
|
+
readonly search_field_w: "calc(3 * var(--space-9) + var(--space-5) + var(--space-1))";
|
|
398
|
+
readonly settings_grid_min: "calc(5 * var(--space-9) + var(--space-5))";
|
|
399
|
+
readonly placeholder_md: "calc(6 * var(--space-9) + var(--space-4))";
|
|
400
400
|
};
|
|
401
401
|
|
|
402
402
|
/**
|
|
@@ -405,19 +405,19 @@ declare const layout: {
|
|
|
405
405
|
* Headings used to pick a Radix `size` per instance, so the same `<h1>`
|
|
406
406
|
* rendered at 14.4px in the shell, 16.2px in a remote and 18px on Home, and
|
|
407
407
|
* an `<h3>` could equal its own `<h1>` or the 12.6px body copy. The level now
|
|
408
|
-
* decides the size: pass `size={
|
|
408
|
+
* decides the size: pass `size={heading_size[level]}` alongside `as={level}`.
|
|
409
409
|
*
|
|
410
410
|
* Values are Radix font-size steps, so they follow the Theme's `scaling`. At
|
|
411
411
|
* the platform's 90% that is h1 21.6px, h2 18px, h3 16.2px, h4 14.4px — every
|
|
412
412
|
* level one step apart and above body text (step 2, 12.6px).
|
|
413
413
|
*/
|
|
414
|
-
declare const
|
|
414
|
+
declare const heading_size: {
|
|
415
415
|
readonly h1: "6";
|
|
416
416
|
readonly h2: "5";
|
|
417
417
|
readonly h3: "4";
|
|
418
418
|
readonly h4: "3";
|
|
419
419
|
};
|
|
420
|
-
type HeadingLevel = keyof typeof
|
|
420
|
+
type HeadingLevel = keyof typeof heading_size;
|
|
421
421
|
|
|
422
422
|
/** Duplicated from the app's src/lib/mock.ts Role type (not imported) so
|
|
423
423
|
* this package has no dependency back into the app. Keep in sync if the
|
|
@@ -444,7 +444,7 @@ interface NavGroup {
|
|
|
444
444
|
id: string;
|
|
445
445
|
label: string;
|
|
446
446
|
items: NavItem[];
|
|
447
|
-
|
|
447
|
+
default_collapsed?: boolean;
|
|
448
448
|
}
|
|
449
449
|
type NavEntry = NavItem | NavGroup;
|
|
450
450
|
interface SidebarUser {
|
|
@@ -453,7 +453,7 @@ interface SidebarUser {
|
|
|
453
453
|
/** Profile photo URL. Omitted or unloadable falls back to the derived
|
|
454
454
|
* initials, so a consumer with no photo on the profile payload passes
|
|
455
455
|
* nothing and keeps the previous appearance. */
|
|
456
|
-
|
|
456
|
+
avatar_src?: string;
|
|
457
457
|
}
|
|
458
458
|
interface SidebarDevRole {
|
|
459
459
|
role: Role;
|
|
@@ -476,9 +476,6 @@ interface SidebarProps {
|
|
|
476
476
|
/** Currently signed-in user, or null/undefined if not authenticated. */
|
|
477
477
|
user?: SidebarUser | null;
|
|
478
478
|
onSignOut: () => void;
|
|
479
|
-
/** Calendar section only drills in once the app has at least one connected
|
|
480
|
-
* account — pass false to keep the global menu (e.g. no accounts yet). */
|
|
481
|
-
hasCalendarAccounts?: boolean;
|
|
482
479
|
brandLogoExpandedSrc?: string;
|
|
483
480
|
brandLogoCollapsedSrc?: string;
|
|
484
481
|
/** Where the account menu's Help entry opens, in a new tab. Omit to leave
|
|
@@ -491,7 +488,7 @@ interface SidebarProps {
|
|
|
491
488
|
onDevRoleSelect?: (email: string) => void;
|
|
492
489
|
showDevRoles?: boolean;
|
|
493
490
|
}
|
|
494
|
-
declare function Sidebar({ collapsed, onToggle, onClose, items, persistKey, utilityHrefs:
|
|
491
|
+
declare function Sidebar({ collapsed, onToggle, onClose, items, persistKey, utilityHrefs: utility_hrefs_prop, user, onSignOut, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
|
|
495
492
|
|
|
496
493
|
/**
|
|
497
494
|
* Single source of truth for status / role / activity / audit colors.
|
|
@@ -555,7 +552,7 @@ declare const AUDIT_ACTION_META: Record<AuditAction, {
|
|
|
555
552
|
}>;
|
|
556
553
|
/** Falls back rather than throwing: the backend can log an action this build
|
|
557
554
|
* has never heard of, and an unknown row must still render. */
|
|
558
|
-
declare function
|
|
555
|
+
declare function audit_action_meta(action: string): {
|
|
559
556
|
label: string;
|
|
560
557
|
tag: string;
|
|
561
558
|
badge: "amber" | "gray" | "yellow" | "red" | "green";
|
|
@@ -622,16 +619,14 @@ type TopbarTitleRow = [
|
|
|
622
619
|
page: string,
|
|
623
620
|
exact?: boolean
|
|
624
621
|
];
|
|
625
|
-
type TopbarAdminTitleRow = [prefix: string, page: string];
|
|
626
622
|
interface TopbarProps {
|
|
627
623
|
onSearchOpen: () => void;
|
|
628
624
|
onMenuOpen: () => void;
|
|
629
625
|
showMenu: boolean;
|
|
630
|
-
/**
|
|
626
|
+
/** The breadcrumb route table — defaults to the shell's own pages. */
|
|
631
627
|
titles?: TopbarTitleRow[];
|
|
632
|
-
adminTitles?: TopbarAdminTitleRow[];
|
|
633
628
|
}
|
|
634
|
-
declare function Topbar({ onSearchOpen, onMenuOpen, showMenu, titles,
|
|
629
|
+
declare function Topbar({ onSearchOpen, onMenuOpen, showMenu, titles, }: TopbarProps): React$1.JSX.Element;
|
|
635
630
|
|
|
636
631
|
type SearchResultType = "app" | "people" | "page";
|
|
637
632
|
interface SearchResult {
|
|
@@ -651,48 +646,48 @@ interface SearchOverlayProps {
|
|
|
651
646
|
title?: string;
|
|
652
647
|
placeholder?: string;
|
|
653
648
|
}
|
|
654
|
-
declare function SearchOverlay({ open, onClose, results:
|
|
649
|
+
declare function SearchOverlay({ open, onClose, results: result_pool, onSelectResult, title, placeholder, }: SearchOverlayProps): React$1.JSX.Element;
|
|
655
650
|
|
|
656
651
|
/** Duplicated from the app's src/lib/calendar-mock.ts (not imported) so this
|
|
657
652
|
* package has no dependency back into the app. Keep in sync if the app's
|
|
658
653
|
* calendar data model changes. */
|
|
659
654
|
interface CalendarAccountCalendar {
|
|
660
655
|
id: string;
|
|
661
|
-
|
|
656
|
+
account_id: string;
|
|
662
657
|
name: string;
|
|
663
|
-
|
|
658
|
+
is_primary: boolean;
|
|
664
659
|
/** Drives the import dialog's color dot, the legend, and month/week dots. */
|
|
665
|
-
|
|
660
|
+
color_token: string;
|
|
666
661
|
}
|
|
667
662
|
interface CalendarAccount {
|
|
668
663
|
id: string;
|
|
669
664
|
provider: CalendarProvider;
|
|
670
665
|
email: string;
|
|
671
|
-
|
|
666
|
+
display_name: string;
|
|
672
667
|
initials: string;
|
|
673
|
-
|
|
668
|
+
auth_status: "active" | "reauth" | "failed";
|
|
674
669
|
calendars: CalendarAccountCalendar[];
|
|
675
670
|
}
|
|
676
|
-
declare function
|
|
671
|
+
declare function find_calendar(accounts: CalendarAccount[], calendar_id: string): {
|
|
677
672
|
account: CalendarAccount;
|
|
678
673
|
calendar: CalendarAccountCalendar;
|
|
679
674
|
} | undefined;
|
|
680
675
|
interface AvailabilityBlock {
|
|
681
676
|
id: string;
|
|
682
|
-
|
|
683
|
-
|
|
677
|
+
calendar_id: string;
|
|
678
|
+
account_id: string;
|
|
684
679
|
/** 0 = Monday … 6 = Sunday (week-relative) */
|
|
685
680
|
day: number;
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
681
|
+
start_hour: number;
|
|
682
|
+
start_minute: number;
|
|
683
|
+
end_hour: number;
|
|
684
|
+
end_minute: number;
|
|
690
685
|
title: string;
|
|
691
686
|
description?: string;
|
|
692
687
|
location?: string;
|
|
693
688
|
/** Marked private at the source — always renders as the sync's tag alone,
|
|
694
689
|
* regardless of that sync's field toggles. */
|
|
695
|
-
|
|
690
|
+
is_private: boolean;
|
|
696
691
|
}
|
|
697
692
|
interface DatedAvailabilityBlock extends AvailabilityBlock {
|
|
698
693
|
date: Date;
|
|
@@ -700,23 +695,23 @@ interface DatedAvailabilityBlock extends AvailabilityBlock {
|
|
|
700
695
|
interface ResolvedBlock extends DatedAvailabilityBlock {
|
|
701
696
|
/** True when this occurrence is showing on a calendar it wasn't natively
|
|
702
697
|
* created on (i.e. merged in via a sync), as opposed to its home calendar. */
|
|
703
|
-
|
|
698
|
+
is_merged: boolean;
|
|
704
699
|
}
|
|
705
700
|
type SyncStatus = "synced" | "syncing" | "error";
|
|
706
701
|
interface CalendarSync {
|
|
707
702
|
id: string;
|
|
708
703
|
name: string;
|
|
709
|
-
|
|
710
|
-
|
|
704
|
+
target_calendar_id: string;
|
|
705
|
+
source_calendar_ids: string[];
|
|
711
706
|
status: SyncStatus;
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
707
|
+
last_synced_label?: string;
|
|
708
|
+
show_title: boolean;
|
|
709
|
+
show_description: boolean;
|
|
710
|
+
show_location: boolean;
|
|
716
711
|
/** The sync's tag — the label its events carry on the target calendar.
|
|
717
712
|
* Optional so existing callers keep compiling; treat an absent value as the
|
|
718
713
|
* default, "Busy". */
|
|
719
|
-
|
|
714
|
+
tag_label?: string;
|
|
720
715
|
}
|
|
721
716
|
|
|
722
717
|
interface CalendarDayHeaderProps extends HeaderProps {
|
|
@@ -987,14 +982,14 @@ interface UseConnectAccountOptions {
|
|
|
987
982
|
* ImportCalendarsDialog opens with that account's calendars → confirming
|
|
988
983
|
* adds the account and calls `onImported`. */
|
|
989
984
|
declare function useConnectAccount({ accounts, connectProvider, onAccountAdded, onImported }: UseConnectAccountOptions): {
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
985
|
+
connecting_provider: CalendarProvider | null;
|
|
986
|
+
pending_account: CalendarAccount | null;
|
|
987
|
+
failed_provider: CalendarProvider | null;
|
|
993
988
|
exhausted: boolean;
|
|
994
989
|
connect: (provider: CalendarProvider) => void;
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
990
|
+
confirm_import: (selected_calendar_ids: string[]) => void;
|
|
991
|
+
cancel_import: () => void;
|
|
992
|
+
dismiss_error: () => void;
|
|
998
993
|
};
|
|
999
994
|
|
|
1000
995
|
interface AddAccountMenuProps extends UseConnectAccountOptions {
|
|
@@ -1251,7 +1246,7 @@ declare const theme: {
|
|
|
1251
1246
|
readonly focus: "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2";
|
|
1252
1247
|
readonly disabled: "disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none";
|
|
1253
1248
|
readonly interactive: "cursor-pointer select-none";
|
|
1254
|
-
readonly
|
|
1249
|
+
readonly high_contrast: "forced-colors:border forced-colors:border-solid";
|
|
1255
1250
|
};
|
|
1256
1251
|
readonly sizes: {
|
|
1257
1252
|
readonly xs: {
|
|
@@ -1368,24 +1363,24 @@ declare const theme: {
|
|
|
1368
1363
|
readonly linear: "ease-linear";
|
|
1369
1364
|
readonly in: "ease-in";
|
|
1370
1365
|
readonly out: "ease-out";
|
|
1371
|
-
readonly
|
|
1366
|
+
readonly in_out: "ease-in-out";
|
|
1372
1367
|
};
|
|
1373
|
-
readonly
|
|
1374
|
-
readonly
|
|
1375
|
-
readonly
|
|
1376
|
-
readonly
|
|
1377
|
-
readonly
|
|
1378
|
-
readonly
|
|
1368
|
+
readonly fade_in: "animate-in fade-in";
|
|
1369
|
+
readonly fade_out: "animate-out fade-out";
|
|
1370
|
+
readonly slide_in: "animate-in slide-in-from-bottom-2";
|
|
1371
|
+
readonly slide_out: "animate-out slide-out-to-bottom-2";
|
|
1372
|
+
readonly scale_in: "animate-in zoom-in-95";
|
|
1373
|
+
readonly scale_out: "animate-out zoom-out-95";
|
|
1379
1374
|
};
|
|
1380
1375
|
readonly accessibility: {
|
|
1381
|
-
readonly
|
|
1382
|
-
readonly
|
|
1383
|
-
readonly
|
|
1384
|
-
readonly
|
|
1385
|
-
readonly
|
|
1376
|
+
readonly sr_only: "sr-only";
|
|
1377
|
+
readonly focus_trap: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2";
|
|
1378
|
+
readonly high_contrast: "forced-colors:border forced-colors:border-solid";
|
|
1379
|
+
readonly reduced_motion: "motion-reduce:transition-none motion-reduce:animate-none";
|
|
1380
|
+
readonly touch_target: "min-h-11 min-w-11";
|
|
1386
1381
|
};
|
|
1387
1382
|
};
|
|
1388
|
-
declare const
|
|
1383
|
+
declare const get_color: (color_name: keyof typeof colors, shade?: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12) => string;
|
|
1389
1384
|
type ThemeSize = keyof typeof theme.sizes;
|
|
1390
1385
|
type ThemeVariant = keyof typeof theme.variants;
|
|
1391
1386
|
type ThemeVariantStyle = keyof typeof theme.variants.primary;
|
|
@@ -1526,50 +1521,50 @@ interface AccessibilityProps {
|
|
|
1526
1521
|
}
|
|
1527
1522
|
|
|
1528
1523
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1529
|
-
declare function
|
|
1530
|
-
declare function
|
|
1531
|
-
declare function
|
|
1532
|
-
declare function
|
|
1533
|
-
declare function
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1524
|
+
declare function get_variant_styles(variant: ThemeVariant, style?: ThemeVariantStyle): string;
|
|
1525
|
+
declare function get_size_styles(size: ThemeSize): string;
|
|
1526
|
+
declare function get_base_styles(): string;
|
|
1527
|
+
declare function get_interactive_styles(): string;
|
|
1528
|
+
declare function get_accessibility_styles(options?: {
|
|
1529
|
+
focus_visible?: boolean;
|
|
1530
|
+
high_contrast?: boolean;
|
|
1531
|
+
reduced_motion?: boolean;
|
|
1537
1532
|
}): string;
|
|
1538
|
-
declare function
|
|
1539
|
-
declare function
|
|
1540
|
-
declare function
|
|
1541
|
-
declare function
|
|
1542
|
-
declare function
|
|
1543
|
-
declare function
|
|
1544
|
-
declare function
|
|
1545
|
-
declare function
|
|
1546
|
-
declare function
|
|
1547
|
-
declare function
|
|
1548
|
-
declare function
|
|
1549
|
-
declare function
|
|
1533
|
+
declare function get_responsive_classes<T extends string>(value: ResponsiveValue<T>, prefix?: string): string;
|
|
1534
|
+
declare function get_spacing_class(spacing: ThemeSpacing, type?: "gap" | "margin" | "padding"): string;
|
|
1535
|
+
declare function get_radius_class(radius: ThemeRadius): string;
|
|
1536
|
+
declare function get_typography_class(typography: keyof typeof theme.typography): string;
|
|
1537
|
+
declare function get_bg_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1538
|
+
declare function get_text_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1539
|
+
declare function get_border_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1540
|
+
declare function get_hover_bg_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1541
|
+
declare function get_hover_text_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1542
|
+
declare function get_focus_ring_class(color_name: ThemeColor, shade?: ThemeColorShade): string;
|
|
1543
|
+
declare function get_animation_class(animation: keyof typeof theme.animations): string;
|
|
1544
|
+
declare function create_compound_variants<T>(base: string, variants: Record<string, Record<string, string>>, compound_variants?: Array<{
|
|
1550
1545
|
conditions: Record<string, string>;
|
|
1551
|
-
|
|
1546
|
+
class_name: string;
|
|
1552
1547
|
}>): (props: T) => string;
|
|
1553
1548
|
interface VariantConfig<T extends Record<string, Record<string, string>>> {
|
|
1554
1549
|
base?: string;
|
|
1555
1550
|
variants?: T;
|
|
1556
|
-
|
|
1551
|
+
compound_variants?: Array<{
|
|
1557
1552
|
conditions: Partial<{
|
|
1558
1553
|
[K in keyof T]: keyof T[K];
|
|
1559
1554
|
}>;
|
|
1560
|
-
|
|
1555
|
+
class_name: string;
|
|
1561
1556
|
}>;
|
|
1562
|
-
|
|
1557
|
+
default_variants?: Partial<{
|
|
1563
1558
|
[K in keyof T]: keyof T[K];
|
|
1564
1559
|
}>;
|
|
1565
1560
|
}
|
|
1566
|
-
declare function
|
|
1567
|
-
|
|
1561
|
+
declare function create_variant_generator<T extends Record<string, Record<string, string>>>(config: VariantConfig<T>): (props: Partial<{ [K in keyof T]: keyof T[K]; }> & {
|
|
1562
|
+
class_name?: string;
|
|
1568
1563
|
}) => string;
|
|
1569
|
-
declare function
|
|
1570
|
-
declare function
|
|
1571
|
-
declare function
|
|
1572
|
-
declare function
|
|
1564
|
+
declare function merge_props<T extends Record<string, unknown>>(default_props: Partial<T>, user_props: T): T;
|
|
1565
|
+
declare function conditional_class(condition: boolean | undefined | null, true_class: string, false_class?: string): string;
|
|
1566
|
+
declare function get_focusable_elements(container: HTMLElement): HTMLElement[];
|
|
1567
|
+
declare function handle_arrow_navigation(event: KeyboardEvent, elements: HTMLElement[], current_index: number, options?: {
|
|
1573
1568
|
loop?: boolean;
|
|
1574
1569
|
orientation?: "horizontal" | "vertical" | "both";
|
|
1575
1570
|
}): number;
|
|
@@ -1604,22 +1599,22 @@ declare const shell: {
|
|
|
1604
1599
|
events: ShellEvents;
|
|
1605
1600
|
};
|
|
1606
1601
|
|
|
1607
|
-
declare function useControllableState<T>({ value,
|
|
1602
|
+
declare function useControllableState<T>({ value, default_value, on_change, }: {
|
|
1608
1603
|
value?: T;
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
}): readonly [T | undefined, (
|
|
1604
|
+
default_value?: T;
|
|
1605
|
+
on_change?: (value: T) => void;
|
|
1606
|
+
}): readonly [T | undefined, (new_value: T | ((prev: T | undefined) => T)) => void];
|
|
1612
1607
|
|
|
1613
|
-
declare function useDisclosure(
|
|
1614
|
-
|
|
1608
|
+
declare function useDisclosure(default_open?: boolean): {
|
|
1609
|
+
is_open: boolean;
|
|
1615
1610
|
open: () => void;
|
|
1616
1611
|
close: () => void;
|
|
1617
1612
|
toggle: () => void;
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1613
|
+
on_open: () => void;
|
|
1614
|
+
on_close: () => void;
|
|
1615
|
+
on_toggle: () => void;
|
|
1621
1616
|
};
|
|
1622
1617
|
|
|
1623
1618
|
declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
|
|
1624
1619
|
|
|
1625
|
-
export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavEntry, type NavGroup, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_CHANNEL, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, type ShellEventMap, type ShellEventType, type ShellEvents, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type
|
|
1620
|
+
export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavEntry, type NavGroup, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_CHANNEL, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, type ShellEventMap, type ShellEventType, type ShellEvents, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, audit_action_meta, cn, colors, conditional_class, create_compound_variants, create_variant_generator, find_calendar, get_accessibility_styles, get_animation_class, get_base_styles, get_bg_class, get_border_class, get_color, get_focus_ring_class, get_focusable_elements, get_hover_bg_class, get_hover_text_class, get_interactive_styles, get_radius_class, get_responsive_classes, get_size_styles, get_spacing_class, get_text_class, get_typography_class, get_variant_styles, handle_arrow_navigation, heading_size, layout, merge_props, shell, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };
|