@proteos/ui 0.57.1 → 0.59.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +552 -192
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +333 -22
- package/dist/index.d.ts +333 -22
- package/dist/index.js +540 -194
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/badge-multi-select/badge-multi-select.tsx +1 -1
- package/src/components/checkbox/checkbox-group.tsx +4 -1
- package/src/components/color-input/color-input.tsx +1 -1
- package/src/components/combobox/combobox.tsx +1 -1
- package/src/components/command/command-hint.tsx +1 -4
- package/src/components/command/command.stories.tsx +2 -2
- package/src/components/command/command.test.tsx +65 -3
- package/src/components/command/command.tsx +52 -7
- package/src/components/command/index.ts +16 -8
- package/src/components/currency-input/currency-input.tsx +1 -1
- package/src/components/date-picker/date-picker.tsx +1 -1
- package/src/components/date-time-picker/date-time-picker.tsx +1 -1
- package/src/components/field/field.tsx +6 -0
- package/src/components/icon-picker/icon-picker.tsx +1 -1
- package/src/components/input/input.tsx +1 -1
- package/src/components/multi-select/multi-select.tsx +1 -1
- package/src/components/progress-bar/progress-bar.stories.tsx +3 -1
- package/src/components/progress-bar/progress-bar.tsx +2 -0
- package/src/components/progress-ring/index.ts +2 -0
- package/src/components/progress-ring/progress-ring.stories.tsx +82 -0
- package/src/components/progress-ring/progress-ring.test.tsx +47 -0
- package/src/components/progress-ring/progress-ring.tsx +112 -0
- package/src/components/radio-group/radio-group.tsx +4 -1
- package/src/components/record-update/index.ts +17 -0
- package/src/components/record-update/record-update.stories.tsx +141 -0
- package/src/components/record-update/record-update.test.tsx +114 -0
- package/src/components/record-update/record-update.tsx +259 -0
- package/src/components/select/select.tsx +1 -1
- package/src/components/switch/switch.stories.tsx +22 -0
- package/src/components/switch/switch.test.tsx +6 -0
- package/src/components/switch/switch.tsx +40 -3
- package/src/components/tag-input/tag-input.tsx +1 -1
- package/src/components/text-shimmer/index.ts +2 -0
- package/src/components/text-shimmer/text-shimmer.stories.tsx +35 -0
- package/src/components/text-shimmer/text-shimmer.test.tsx +16 -0
- package/src/components/text-shimmer/text-shimmer.tsx +43 -0
- package/src/components/textarea/textarea.tsx +1 -1
- package/src/components/time-field/time-field.tsx +1 -1
- package/src/index.ts +3 -0
- package/src/lib/commands/index.ts +6 -2
- package/src/lib/commands/registry.test.ts +54 -1
- package/src/lib/commands/registry.ts +89 -4
- package/src/lib/commands/use-active-commands.test.tsx +56 -0
- package/src/lib/commands/use-active-commands.ts +16 -0
- package/src/lib/commands/use-command.ts +16 -5
- package/src/styles.css +14 -0
package/dist/index.d.cts
CHANGED
|
@@ -697,24 +697,7 @@ type ComboboxProps<T extends Key = Key> = Omit<ComboBoxProps<never>, 'children'
|
|
|
697
697
|
};
|
|
698
698
|
declare function Combobox<T extends Key>({ label, description, errorMessage, placeholder, options, size, appearance, inputWrapperClassName, inputClassName, emptyMessage, className, allowsEmptyCollection, ...props }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
699
699
|
|
|
700
|
-
|
|
701
|
-
combo: string;
|
|
702
|
-
/** CSS selector for the click target. Defaults to the wrapper's first
|
|
703
|
-
* element child — fine when that child IS the interactive control. */
|
|
704
|
-
target?: string;
|
|
705
|
-
/** Layout overrides for the wrapper. `relative` is always applied. */
|
|
706
|
-
className?: string;
|
|
707
|
-
children: ReactNode;
|
|
708
|
-
};
|
|
709
|
-
declare function Command({ combo, target, className, children }: CommandProps): react_jsx_runtime.JSX.Element;
|
|
710
|
-
|
|
711
|
-
type CommandHintTone = 'subtle' | 'prominent';
|
|
712
|
-
type CommandHintProps = {
|
|
713
|
-
combo: string;
|
|
714
|
-
tone?: CommandHintTone;
|
|
715
|
-
className?: string;
|
|
716
|
-
};
|
|
717
|
-
declare function CommandHint({ combo, tone, className }: CommandHintProps): react_jsx_runtime.JSX.Element;
|
|
700
|
+
declare function useDiscoveryActive(): boolean;
|
|
718
701
|
|
|
719
702
|
type KeyCombo = {
|
|
720
703
|
/** Normalized form for registry keying. Always `mod+<key>`. */
|
|
@@ -727,13 +710,33 @@ type KeyCombo = {
|
|
|
727
710
|
};
|
|
728
711
|
declare function parseCombo(input: string): KeyCombo;
|
|
729
712
|
|
|
713
|
+
declare function isEditableTarget(target: EventTarget | null): boolean;
|
|
714
|
+
|
|
715
|
+
type Platform = 'mac' | 'other';
|
|
716
|
+
declare function getPlatform(): Platform;
|
|
717
|
+
|
|
730
718
|
declare const PROTECTED_COMBOS: ReadonlySet<string>;
|
|
731
719
|
|
|
732
|
-
|
|
720
|
+
/** A fixed name, or a getter resolved when the list is built (so a wrapper
|
|
721
|
+
* can read its control's accessible name from the DOM). */
|
|
722
|
+
type CommandLabel = string | (() => string | undefined);
|
|
723
|
+
/** A labeled binding that will fire right now if its combo is pressed. */
|
|
724
|
+
type ActiveCommand = {
|
|
725
|
+
combo: KeyCombo;
|
|
726
|
+
label: string;
|
|
727
|
+
/** Run the binding as if its combo had been pressed. */
|
|
728
|
+
invoke: () => void;
|
|
729
|
+
};
|
|
730
|
+
|
|
731
|
+
declare function useActiveCommands(): ActiveCommand[];
|
|
733
732
|
|
|
734
733
|
type UseCommandOptions = {
|
|
735
734
|
/** Defaults to `true`. Set to `false` to temporarily disable without unmounting. */
|
|
736
735
|
enabled?: boolean;
|
|
736
|
+
/** What the binding does ("Save", "Filter"). Labeled bindings are listed by
|
|
737
|
+
* `useActiveCommands()` — the command palette's "Actions" — and can be
|
|
738
|
+
* invoked from there. Unlabeled bindings stay keyboard-only. */
|
|
739
|
+
label?: CommandLabel;
|
|
737
740
|
};
|
|
738
741
|
declare function useCommand(combo: string, handler: (event: KeyboardEvent) => void, options?: UseCommandOptions): void;
|
|
739
742
|
|
|
@@ -743,7 +746,27 @@ type UseEscapeKeyOptions = {
|
|
|
743
746
|
};
|
|
744
747
|
declare function useEscapeKey(handler: (event: KeyboardEvent) => void, options?: UseEscapeKeyOptions): void;
|
|
745
748
|
|
|
746
|
-
|
|
749
|
+
type CommandProps = {
|
|
750
|
+
combo: string;
|
|
751
|
+
/** CSS selector for the click target. Defaults to the wrapper's first
|
|
752
|
+
* element child — fine when that child IS the interactive control. */
|
|
753
|
+
target?: string;
|
|
754
|
+
/** Layout overrides for the wrapper. `relative` is always applied. */
|
|
755
|
+
className?: string;
|
|
756
|
+
/** Name shown for this binding in the command palette. Defaults to the
|
|
757
|
+
* target control's accessible name. */
|
|
758
|
+
label?: string;
|
|
759
|
+
children: ReactNode;
|
|
760
|
+
};
|
|
761
|
+
declare function Command({ combo, target, className, label, children }: CommandProps): react_jsx_runtime.JSX.Element;
|
|
762
|
+
|
|
763
|
+
type CommandHintTone = 'subtle' | 'prominent';
|
|
764
|
+
type CommandHintProps = {
|
|
765
|
+
combo: string;
|
|
766
|
+
tone?: CommandHintTone;
|
|
767
|
+
className?: string;
|
|
768
|
+
};
|
|
769
|
+
declare function CommandHint({ combo, tone, className }: CommandHintProps): react_jsx_runtime.JSX.Element;
|
|
747
770
|
|
|
748
771
|
/**
|
|
749
772
|
* The minimal fetch surface the conversation-brief surfaces need, injected per host:
|
|
@@ -2296,6 +2319,9 @@ declare function PopoverPanelFooter({ className, children, }: {
|
|
|
2296
2319
|
|
|
2297
2320
|
declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
2298
2321
|
size: {
|
|
2322
|
+
xs: {
|
|
2323
|
+
track: string;
|
|
2324
|
+
};
|
|
2299
2325
|
sm: {
|
|
2300
2326
|
track: string;
|
|
2301
2327
|
};
|
|
@@ -2308,6 +2334,9 @@ declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
|
2308
2334
|
fill: string;
|
|
2309
2335
|
}, undefined, {
|
|
2310
2336
|
size: {
|
|
2337
|
+
xs: {
|
|
2338
|
+
track: string;
|
|
2339
|
+
};
|
|
2311
2340
|
sm: {
|
|
2312
2341
|
track: string;
|
|
2313
2342
|
};
|
|
@@ -2320,6 +2349,9 @@ declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
|
2320
2349
|
fill: string;
|
|
2321
2350
|
}, tailwind_variants.TVReturnType<{
|
|
2322
2351
|
size: {
|
|
2352
|
+
xs: {
|
|
2353
|
+
track: string;
|
|
2354
|
+
};
|
|
2323
2355
|
sm: {
|
|
2324
2356
|
track: string;
|
|
2325
2357
|
};
|
|
@@ -2337,6 +2369,94 @@ type ProgressBarProps = Omit<ProgressBarProps$1, 'children' | 'className'> & Pro
|
|
|
2337
2369
|
};
|
|
2338
2370
|
declare function ProgressBar({ size, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
|
|
2339
2371
|
|
|
2372
|
+
declare const progressRingStyles: tailwind_variants.TVReturnType<{
|
|
2373
|
+
size: {
|
|
2374
|
+
xs: {
|
|
2375
|
+
root: string;
|
|
2376
|
+
svg: string;
|
|
2377
|
+
track: string;
|
|
2378
|
+
value: string;
|
|
2379
|
+
};
|
|
2380
|
+
sm: {
|
|
2381
|
+
root: string;
|
|
2382
|
+
svg: string;
|
|
2383
|
+
track: string;
|
|
2384
|
+
value: string;
|
|
2385
|
+
};
|
|
2386
|
+
md: {
|
|
2387
|
+
root: string;
|
|
2388
|
+
svg: string;
|
|
2389
|
+
track: string;
|
|
2390
|
+
value: string;
|
|
2391
|
+
};
|
|
2392
|
+
};
|
|
2393
|
+
}, {
|
|
2394
|
+
root: string;
|
|
2395
|
+
svg: string;
|
|
2396
|
+
track: string;
|
|
2397
|
+
arc: string;
|
|
2398
|
+
value: string;
|
|
2399
|
+
}, undefined, {
|
|
2400
|
+
size: {
|
|
2401
|
+
xs: {
|
|
2402
|
+
root: string;
|
|
2403
|
+
svg: string;
|
|
2404
|
+
track: string;
|
|
2405
|
+
value: string;
|
|
2406
|
+
};
|
|
2407
|
+
sm: {
|
|
2408
|
+
root: string;
|
|
2409
|
+
svg: string;
|
|
2410
|
+
track: string;
|
|
2411
|
+
value: string;
|
|
2412
|
+
};
|
|
2413
|
+
md: {
|
|
2414
|
+
root: string;
|
|
2415
|
+
svg: string;
|
|
2416
|
+
track: string;
|
|
2417
|
+
value: string;
|
|
2418
|
+
};
|
|
2419
|
+
};
|
|
2420
|
+
}, {
|
|
2421
|
+
root: string;
|
|
2422
|
+
svg: string;
|
|
2423
|
+
track: string;
|
|
2424
|
+
arc: string;
|
|
2425
|
+
value: string;
|
|
2426
|
+
}, tailwind_variants.TVReturnType<{
|
|
2427
|
+
size: {
|
|
2428
|
+
xs: {
|
|
2429
|
+
root: string;
|
|
2430
|
+
svg: string;
|
|
2431
|
+
track: string;
|
|
2432
|
+
value: string;
|
|
2433
|
+
};
|
|
2434
|
+
sm: {
|
|
2435
|
+
root: string;
|
|
2436
|
+
svg: string;
|
|
2437
|
+
track: string;
|
|
2438
|
+
value: string;
|
|
2439
|
+
};
|
|
2440
|
+
md: {
|
|
2441
|
+
root: string;
|
|
2442
|
+
svg: string;
|
|
2443
|
+
track: string;
|
|
2444
|
+
value: string;
|
|
2445
|
+
};
|
|
2446
|
+
};
|
|
2447
|
+
}, {
|
|
2448
|
+
root: string;
|
|
2449
|
+
svg: string;
|
|
2450
|
+
track: string;
|
|
2451
|
+
arc: string;
|
|
2452
|
+
value: string;
|
|
2453
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2454
|
+
type ProgressRingVariants = VariantProps<typeof progressRingStyles>;
|
|
2455
|
+
type ProgressRingProps = Omit<ProgressBarProps$1, 'children' | 'className'> & ProgressRingVariants & {
|
|
2456
|
+
className?: string;
|
|
2457
|
+
};
|
|
2458
|
+
declare function ProgressRing({ size, className, ...props }: ProgressRingProps): react_jsx_runtime.JSX.Element;
|
|
2459
|
+
|
|
2340
2460
|
type RadioGroupProps = Omit<RadioGroupProps$1, 'children'> & {
|
|
2341
2461
|
label?: ReactNode;
|
|
2342
2462
|
description?: ReactNode;
|
|
@@ -2721,6 +2841,170 @@ declare function RecordFilterChips({ fields, filter, onChange, showFieldIcons, s
|
|
|
2721
2841
|
|
|
2722
2842
|
declare function useShowDetails(storageKey?: string): readonly [boolean, () => void, (next: boolean) => void];
|
|
2723
2843
|
|
|
2844
|
+
declare const recordUpdateStyles: tailwind_variants.TVReturnType<{
|
|
2845
|
+
[key: string]: {
|
|
2846
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
2847
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2848
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2849
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2850
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2851
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2852
|
+
};
|
|
2853
|
+
};
|
|
2854
|
+
} | {
|
|
2855
|
+
[x: string]: {
|
|
2856
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
2857
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2858
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2859
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2860
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2861
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2862
|
+
};
|
|
2863
|
+
};
|
|
2864
|
+
} | {}, {
|
|
2865
|
+
root: string;
|
|
2866
|
+
summary: string;
|
|
2867
|
+
rows: string;
|
|
2868
|
+
errors: string[];
|
|
2869
|
+
footer: string;
|
|
2870
|
+
}, undefined, {
|
|
2871
|
+
[key: string]: {
|
|
2872
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
2873
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2874
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2875
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2876
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2877
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2878
|
+
};
|
|
2879
|
+
};
|
|
2880
|
+
} | {}, {
|
|
2881
|
+
root: string;
|
|
2882
|
+
summary: string;
|
|
2883
|
+
rows: string;
|
|
2884
|
+
errors: string[];
|
|
2885
|
+
footer: string;
|
|
2886
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
2887
|
+
root: string;
|
|
2888
|
+
summary: string;
|
|
2889
|
+
rows: string;
|
|
2890
|
+
errors: string[];
|
|
2891
|
+
footer: string;
|
|
2892
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2893
|
+
declare const recordUpdateRowStyles: tailwind_variants.TVReturnType<{
|
|
2894
|
+
state: {
|
|
2895
|
+
changed: {};
|
|
2896
|
+
unresolved: {
|
|
2897
|
+
tag: string;
|
|
2898
|
+
};
|
|
2899
|
+
rejected: {
|
|
2900
|
+
tag: string;
|
|
2901
|
+
};
|
|
2902
|
+
removed: {
|
|
2903
|
+
labelRow: string;
|
|
2904
|
+
};
|
|
2905
|
+
};
|
|
2906
|
+
}, {
|
|
2907
|
+
root: string;
|
|
2908
|
+
labelRow: string[];
|
|
2909
|
+
tag: string;
|
|
2910
|
+
cells: string;
|
|
2911
|
+
from: string;
|
|
2912
|
+
arrow: string;
|
|
2913
|
+
to: string;
|
|
2914
|
+
hint: string;
|
|
2915
|
+
error: string;
|
|
2916
|
+
removed: string;
|
|
2917
|
+
}, undefined, {
|
|
2918
|
+
state: {
|
|
2919
|
+
changed: {};
|
|
2920
|
+
unresolved: {
|
|
2921
|
+
tag: string;
|
|
2922
|
+
};
|
|
2923
|
+
rejected: {
|
|
2924
|
+
tag: string;
|
|
2925
|
+
};
|
|
2926
|
+
removed: {
|
|
2927
|
+
labelRow: string;
|
|
2928
|
+
};
|
|
2929
|
+
};
|
|
2930
|
+
}, {
|
|
2931
|
+
root: string;
|
|
2932
|
+
labelRow: string[];
|
|
2933
|
+
tag: string;
|
|
2934
|
+
cells: string;
|
|
2935
|
+
from: string;
|
|
2936
|
+
arrow: string;
|
|
2937
|
+
to: string;
|
|
2938
|
+
hint: string;
|
|
2939
|
+
error: string;
|
|
2940
|
+
removed: string;
|
|
2941
|
+
}, tailwind_variants.TVReturnType<{
|
|
2942
|
+
state: {
|
|
2943
|
+
changed: {};
|
|
2944
|
+
unresolved: {
|
|
2945
|
+
tag: string;
|
|
2946
|
+
};
|
|
2947
|
+
rejected: {
|
|
2948
|
+
tag: string;
|
|
2949
|
+
};
|
|
2950
|
+
removed: {
|
|
2951
|
+
labelRow: string;
|
|
2952
|
+
};
|
|
2953
|
+
};
|
|
2954
|
+
}, {
|
|
2955
|
+
root: string;
|
|
2956
|
+
labelRow: string[];
|
|
2957
|
+
tag: string;
|
|
2958
|
+
cells: string;
|
|
2959
|
+
from: string;
|
|
2960
|
+
arrow: string;
|
|
2961
|
+
to: string;
|
|
2962
|
+
hint: string;
|
|
2963
|
+
error: string;
|
|
2964
|
+
removed: string;
|
|
2965
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2966
|
+
type RecordUpdateRowVariants = VariantProps<typeof recordUpdateRowStyles>;
|
|
2967
|
+
type RecordUpdateRowState = NonNullable<RecordUpdateRowVariants['state']>;
|
|
2968
|
+
type RecordUpdateProps = HTMLAttributes<HTMLDivElement>;
|
|
2969
|
+
declare function RecordUpdate({ className, children, ...props }: RecordUpdateProps): react_jsx_runtime.JSX.Element;
|
|
2970
|
+
declare function RecordUpdateSummary({ className, children, ...props }: HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
|
|
2971
|
+
declare function RecordUpdateRows({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2972
|
+
interface RecordUpdateErrorsProps extends HTMLAttributes<HTMLDivElement> {
|
|
2973
|
+
/** Problems that are not tied to one field. Renders nothing when empty. */
|
|
2974
|
+
errors: ReadonlyArray<string>;
|
|
2975
|
+
}
|
|
2976
|
+
declare function RecordUpdateErrors({ errors, className, ...props }: RecordUpdateErrorsProps): react_jsx_runtime.JSX.Element | null;
|
|
2977
|
+
declare function RecordUpdateFooter({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2978
|
+
interface RecordUpdateRowProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'children' | 'className'> {
|
|
2979
|
+
/** The field's label — rendered in the page-layout field-label style. */
|
|
2980
|
+
label: ReactNode;
|
|
2981
|
+
/** Current value cell (typically a read-only display). Omit for a value
|
|
2982
|
+
* that has no "before" — a record being created — and the row shows
|
|
2983
|
+
* `to` alone, without the arrow. */
|
|
2984
|
+
from?: ReactNode;
|
|
2985
|
+
/** Proposed value cell (an editor bound to the change, or the rejection text). */
|
|
2986
|
+
to: ReactNode;
|
|
2987
|
+
state?: RecordUpdateRowState;
|
|
2988
|
+
/** Why the value is unresolved, or any other one-line note under the cells. */
|
|
2989
|
+
hint?: ReactNode;
|
|
2990
|
+
/** Validation error for the proposed value. */
|
|
2991
|
+
errorMessage?: string;
|
|
2992
|
+
/** Drop this change. Renders the remove button when given (not in `removed`). */
|
|
2993
|
+
onRemove?: () => void;
|
|
2994
|
+
/** Bring a removed change back. Renders the restore button in `removed`. */
|
|
2995
|
+
onRestore?: () => void;
|
|
2996
|
+
/** Accessible names for the two buttons. */
|
|
2997
|
+
removeLabel?: string;
|
|
2998
|
+
restoreLabel?: string;
|
|
2999
|
+
/** Text of the `unresolved` / `rejected` tags next to the label. */
|
|
3000
|
+
unresolvedLabel?: string;
|
|
3001
|
+
rejectedLabel?: string;
|
|
3002
|
+
/** Text shown in place of the cells while `removed`. */
|
|
3003
|
+
removedText?: string;
|
|
3004
|
+
className?: string;
|
|
3005
|
+
}
|
|
3006
|
+
declare function RecordUpdateRow({ label, from, to, state, hint, errorMessage, onRemove, onRestore, removeLabel, restoreLabel, unresolvedLabel, rejectedLabel, removedText, className, ...props }: RecordUpdateRowProps): react_jsx_runtime.JSX.Element;
|
|
3007
|
+
|
|
2724
3008
|
declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
|
|
2725
3009
|
size: {
|
|
2726
3010
|
sm: {
|
|
@@ -2900,8 +3184,15 @@ type SwitchProps = Omit<SwitchProps$1, 'children'> & {
|
|
|
2900
3184
|
children?: ReactNode;
|
|
2901
3185
|
/** Render the label before the track instead of after it. */
|
|
2902
3186
|
labelPlacement?: 'start' | 'end';
|
|
3187
|
+
/**
|
|
3188
|
+
* Helper copy under the label, aligned with it and exposed through
|
|
3189
|
+
* `aria-describedby`. Lives OUTSIDE the label so it never joins the
|
|
3190
|
+
* switch's accessible name. With a description the root becomes a `<div>`
|
|
3191
|
+
* wrapping the label; without one the label stays the root, as before.
|
|
3192
|
+
*/
|
|
3193
|
+
description?: ReactNode;
|
|
2903
3194
|
};
|
|
2904
|
-
declare function Switch({ children, labelPlacement, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
3195
|
+
declare function Switch({ children, labelPlacement, description, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
2905
3196
|
|
|
2906
3197
|
declare const tabsStyles: tailwind_variants.TVReturnType<{
|
|
2907
3198
|
size: {
|
|
@@ -3001,6 +3292,26 @@ type TagInputProps = {
|
|
|
3001
3292
|
};
|
|
3002
3293
|
declare function TagInput({ label, description, errorMessage, placeholder, inputType, value, onChange, isDisabled, isInvalid, size, appearance, autoFocus, className, }: TagInputProps): react_jsx_runtime.JSX.Element;
|
|
3003
3294
|
|
|
3295
|
+
declare const textShimmerStyles: tailwind_variants.TVReturnType<{
|
|
3296
|
+
tone: {
|
|
3297
|
+
muted: string;
|
|
3298
|
+
accent: string;
|
|
3299
|
+
};
|
|
3300
|
+
}, undefined, string[], {
|
|
3301
|
+
tone: {
|
|
3302
|
+
muted: string;
|
|
3303
|
+
accent: string;
|
|
3304
|
+
};
|
|
3305
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
3306
|
+
tone: {
|
|
3307
|
+
muted: string;
|
|
3308
|
+
accent: string;
|
|
3309
|
+
};
|
|
3310
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
3311
|
+
type TextShimmerVariants = VariantProps<typeof textShimmerStyles>;
|
|
3312
|
+
type TextShimmerProps = HTMLAttributes<HTMLSpanElement> & TextShimmerVariants;
|
|
3313
|
+
declare function TextShimmer({ tone, className, children, ...props }: TextShimmerProps): react_jsx_runtime.JSX.Element;
|
|
3314
|
+
|
|
3004
3315
|
type TextareaProps = TextFieldProps & {
|
|
3005
3316
|
label?: ReactNode;
|
|
3006
3317
|
description?: ReactNode;
|
|
@@ -3118,4 +3429,4 @@ declare function Tooltip({ className, offset, ...props }: TooltipProps): react_j
|
|
|
3118
3429
|
|
|
3119
3430
|
declare function cn(...inputs: ClassValue[]): string;
|
|
3120
3431
|
|
|
3121
|
-
export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
|
|
3432
|
+
export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, type ActiveCommand, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandLabel, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, type Platform, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, ProgressRing, type ProgressRingProps, type ProgressRingVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RecordUpdate, RecordUpdateErrors, type RecordUpdateErrorsProps, RecordUpdateFooter, type RecordUpdateProps, RecordUpdateRow, type RecordUpdateRowProps, type RecordUpdateRowState, type RecordUpdateRowVariants, RecordUpdateRows, RecordUpdateSummary, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, TextShimmer, type TextShimmerProps, type TextShimmerVariants, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, formatFileSize, formatValue, getPlatform, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, progressRingStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, recordUpdateRowStyles, recordUpdateStyles, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, textShimmerStyles, toastStyles, updateLeaf, updateSubgroup, useActiveCommands, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
|