@cerberus-design/react 0.15.0-next-7a184be → 0.15.0-next-47ecb2e
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/build/legacy/_tsup-dts-rollup.d.cts +319 -93
- package/build/legacy/components/checkbox/checkbox.cjs.map +1 -1
- package/build/legacy/components/checkbox/index.cjs.map +1 -1
- package/build/legacy/components/for.cjs.map +1 -1
- package/build/legacy/components/select/index.cjs +265 -0
- package/build/legacy/components/select/index.cjs.map +1 -0
- package/build/legacy/components/select/option-group.cjs +60 -0
- package/build/legacy/components/select/option-group.cjs.map +1 -0
- package/build/legacy/components/select/parts.cjs +153 -0
- package/build/legacy/components/select/parts.cjs.map +1 -0
- package/build/legacy/components/select/primitives.cjs +167 -0
- package/build/legacy/components/select/primitives.cjs.map +1 -0
- package/build/legacy/components/select/select.cjs +212 -0
- package/build/legacy/components/select/select.cjs.map +1 -0
- package/build/legacy/components/switch/index.cjs +118 -0
- package/build/legacy/components/switch/index.cjs.map +1 -0
- package/build/legacy/components/switch/parts.cjs +75 -0
- package/build/legacy/components/switch/parts.cjs.map +1 -0
- package/build/legacy/components/switch/primitives.cjs +72 -0
- package/build/legacy/components/switch/primitives.cjs.map +1 -0
- package/build/legacy/components/switch/switch-indicator.cjs +51 -0
- package/build/legacy/components/switch/switch-indicator.cjs.map +1 -0
- package/build/legacy/components/switch/switch.cjs +106 -0
- package/build/legacy/components/switch/switch.cjs.map +1 -0
- package/build/legacy/components/toggle/index.cjs +45 -0
- package/build/legacy/components/toggle/index.cjs.map +1 -0
- package/build/legacy/components/toggle/parts.cjs +41 -0
- package/build/legacy/components/toggle/parts.cjs.map +1 -0
- package/build/legacy/components/toggle/primitives.cjs +35 -0
- package/build/legacy/components/toggle/primitives.cjs.map +1 -0
- package/build/legacy/hooks/useToggle.cjs.map +1 -1
- package/build/legacy/index.cjs +617 -483
- package/build/legacy/index.cjs.map +1 -1
- package/build/modern/_tsup-dts-rollup.d.ts +319 -93
- package/build/modern/chunk-2CVGNLIM.js +15 -0
- package/build/modern/chunk-2CVGNLIM.js.map +1 -0
- package/build/modern/chunk-2LF3HPNA.js +1 -0
- package/build/modern/chunk-CAZ3EICD.js +16 -0
- package/build/modern/chunk-CAZ3EICD.js.map +1 -0
- package/build/modern/chunk-CIMY2U22.js +10 -0
- package/build/modern/chunk-CIMY2U22.js.map +1 -0
- package/build/modern/chunk-IASVL7CW.js +19 -0
- package/build/modern/chunk-IASVL7CW.js.map +1 -0
- package/build/modern/{chunk-REO5GUNC.js → chunk-ICTISECN.js} +1 -1
- package/build/modern/chunk-ICTISECN.js.map +1 -0
- package/build/modern/{chunk-77FJSNGD.js → chunk-IIH363FO.js} +1 -1
- package/build/modern/{chunk-77FJSNGD.js.map → chunk-IIH363FO.js.map} +1 -1
- package/build/modern/chunk-KQQPZJEI.js +21 -0
- package/build/modern/chunk-KQQPZJEI.js.map +1 -0
- package/build/modern/chunk-LZWNHXRP.js +48 -0
- package/build/modern/chunk-LZWNHXRP.js.map +1 -0
- package/build/modern/chunk-OVHCXBBI.js +22 -0
- package/build/modern/chunk-OVHCXBBI.js.map +1 -0
- package/build/modern/chunk-P3SF56LT.js +47 -0
- package/build/modern/chunk-P3SF56LT.js.map +1 -0
- package/build/modern/chunk-QCBLRACK.js +133 -0
- package/build/modern/chunk-QCBLRACK.js.map +1 -0
- package/build/modern/chunk-UDY6USHW.js +1 -0
- package/build/modern/chunk-V4YYGGMH.js +1 -0
- package/build/modern/chunk-XTNGF4D6.js +41 -0
- package/build/modern/chunk-XTNGF4D6.js.map +1 -0
- package/build/modern/{chunk-UNN4LHRS.js → chunk-Y4ZEJ2EF.js} +1 -1
- package/build/modern/chunk-Y4ZEJ2EF.js.map +1 -0
- package/build/modern/components/checkbox/checkbox.js +1 -1
- package/build/modern/components/checkbox/index.js +1 -1
- package/build/modern/components/for.js +1 -1
- package/build/modern/components/select/index.js +57 -0
- package/build/modern/components/select/index.js.map +1 -0
- package/build/modern/components/select/option-group.js +10 -0
- package/build/modern/components/select/option-group.js.map +1 -0
- package/build/modern/components/select/parts.js +8 -0
- package/build/modern/components/select/parts.js.map +1 -0
- package/build/modern/components/{Select.server.js → select/primitives.js} +8 -4
- package/build/modern/components/select/primitives.js.map +1 -0
- package/build/modern/components/select/select.js +15 -0
- package/build/modern/components/select/select.js.map +1 -0
- package/build/modern/components/switch/index.js +26 -0
- package/build/modern/components/switch/index.js.map +1 -0
- package/build/modern/components/switch/parts.js +8 -0
- package/build/modern/components/switch/parts.js.map +1 -0
- package/build/modern/components/switch/primitives.js +15 -0
- package/build/modern/components/switch/primitives.js.map +1 -0
- package/build/modern/components/switch/switch-indicator.js +9 -0
- package/build/modern/components/switch/switch-indicator.js.map +1 -0
- package/build/modern/components/switch/switch.js +11 -0
- package/build/modern/components/switch/switch.js.map +1 -0
- package/build/modern/components/toggle/index.js +14 -0
- package/build/modern/components/toggle/index.js.map +1 -0
- package/build/modern/components/toggle/parts.js +8 -0
- package/build/modern/components/toggle/parts.js.map +1 -0
- package/build/modern/components/toggle/primitives.js +9 -0
- package/build/modern/components/toggle/primitives.js.map +1 -0
- package/build/modern/context/confirm-modal.js +1 -1
- package/build/modern/context/cta-modal.js +2 -2
- package/build/modern/context/prompt-modal.js +1 -1
- package/build/modern/hooks/useToggle.js +1 -1
- package/build/modern/index.js +110 -72
- package/build/modern/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/checkbox/checkbox.tsx +4 -10
- package/src/components/for.tsx +1 -1
- package/src/components/select/index.ts +4 -0
- package/src/components/select/option-group.tsx +34 -0
- package/src/components/select/parts.ts +113 -0
- package/src/components/select/primitives.tsx +205 -0
- package/src/components/select/select.tsx +135 -0
- package/src/components/switch/index.ts +3 -0
- package/src/components/switch/parts.ts +53 -0
- package/src/components/switch/primitives.tsx +69 -0
- package/src/components/switch/switch-indicator.tsx +9 -0
- package/src/components/switch/switch.tsx +30 -0
- package/src/components/toggle/index.ts +2 -0
- package/src/components/toggle/parts.ts +32 -0
- package/src/components/toggle/primitives.tsx +17 -0
- package/src/hooks/useToggle.ts +1 -3
- package/src/index.ts +6 -6
- package/build/legacy/components/Select.cjs +0 -142
- package/build/legacy/components/Select.cjs.map +0 -1
- package/build/legacy/components/Select.server.cjs +0 -78
- package/build/legacy/components/Select.server.cjs.map +0 -1
- package/build/legacy/components/Toggle.cjs +0 -94
- package/build/legacy/components/Toggle.cjs.map +0 -1
- package/build/modern/chunk-GENS32QO.js +0 -61
- package/build/modern/chunk-GENS32QO.js.map +0 -1
- package/build/modern/chunk-REO5GUNC.js.map +0 -1
- package/build/modern/chunk-S2X5OEPK.js +0 -89
- package/build/modern/chunk-S2X5OEPK.js.map +0 -1
- package/build/modern/chunk-UNN4LHRS.js.map +0 -1
- package/build/modern/chunk-YWMPB2JR.js +0 -41
- package/build/modern/chunk-YWMPB2JR.js.map +0 -1
- package/build/modern/components/Select.js +0 -20
- package/build/modern/components/Toggle.js +0 -9
- package/src/components/Select.server.tsx +0 -80
- package/src/components/Select.tsx +0 -219
- package/src/components/Toggle.tsx +0 -98
- /package/build/modern/{components/Select.js.map → chunk-2LF3HPNA.js.map} +0 -0
- /package/build/modern/{components/Select.server.js.map → chunk-UDY6USHW.js.map} +0 -0
- /package/build/modern/{components/Toggle.js.map → chunk-V4YYGGMH.js.map} +0 -0
|
@@ -149,12 +149,22 @@ import { rectIntersection } from '@dnd-kit/core';
|
|
|
149
149
|
import { RefAttributes } from 'react';
|
|
150
150
|
import { RefObject } from 'react';
|
|
151
151
|
import { ScreenReaderInstructions } from '@dnd-kit/core';
|
|
152
|
-
import {
|
|
152
|
+
import { SelectClearTriggerProps } from '@ark-ui/react/select';
|
|
153
|
+
import { SelectContentProps } from '@ark-ui/react/select';
|
|
154
|
+
import { SelectControlProps } from '@ark-ui/react/select';
|
|
155
|
+
import { SelectHiddenSelectProps } from '@ark-ui/react/select';
|
|
156
|
+
import { SelectIndicatorProps } from '@ark-ui/react/select';
|
|
153
157
|
import { SelectItemGroupLabelProps } from '@ark-ui/react/select';
|
|
154
158
|
import { SelectItemGroupProps } from '@ark-ui/react/select';
|
|
159
|
+
import { SelectItemIndicatorProps } from '@ark-ui/react/select';
|
|
155
160
|
import { SelectItemProps } from '@ark-ui/react/select';
|
|
161
|
+
import { SelectItemTextProps } from '@ark-ui/react/select';
|
|
162
|
+
import { SelectLabelProps } from '@ark-ui/react/select';
|
|
163
|
+
import { SelectPositionerProps } from '@ark-ui/react/select';
|
|
156
164
|
import { SelectRootProps } from '@ark-ui/react/select';
|
|
165
|
+
import { SelectTriggerProps } from '@ark-ui/react/select';
|
|
157
166
|
import { SelectValueChangeDetails } from '@ark-ui/react/select';
|
|
167
|
+
import { SelectValueTextProps } from '@ark-ui/react/select';
|
|
158
168
|
import { SelectVariantProps } from '@cerberus/styled-system/recipes';
|
|
159
169
|
import { Sensor } from '@dnd-kit/core';
|
|
160
170
|
import { SensorContext } from '@dnd-kit/core';
|
|
@@ -166,6 +176,12 @@ import { SensorProps } from '@dnd-kit/core';
|
|
|
166
176
|
import { SensorResponse } from '@dnd-kit/core';
|
|
167
177
|
import { Sensors } from '@dnd-kit/core';
|
|
168
178
|
import type { SVGProps } from 'react';
|
|
179
|
+
import { Switch as Switch_2 } from '@ark-ui/react';
|
|
180
|
+
import { SwitchControlProps } from '@ark-ui/react';
|
|
181
|
+
import { SwitchLabelProps } from '@ark-ui/react';
|
|
182
|
+
import { SwitchRecipeVariantProps } from '@cerberus/styled-system/recipes';
|
|
183
|
+
import { SwitchRootProps } from '@ark-ui/react';
|
|
184
|
+
import { SwitchThumbProps } from '@ark-ui/react';
|
|
169
185
|
import type { TableHTMLAttributes } from 'react';
|
|
170
186
|
import { Tabs as Tabs_2 } from '@ark-ui/react/tabs';
|
|
171
187
|
import { TabsVariantProps } from '@cerberus/styled-system/recipes';
|
|
@@ -173,7 +189,7 @@ import { TagVariantProps } from '@cerberus/styled-system/recipes';
|
|
|
173
189
|
import { TbodyVariantProps } from '@cerberus/styled-system/recipes';
|
|
174
190
|
import { TdVariantProps } from '@cerberus/styled-system/recipes';
|
|
175
191
|
import { ThVariantProps } from '@cerberus/styled-system/recipes';
|
|
176
|
-
import {
|
|
192
|
+
import { Toggle } from '@ark-ui/react/toggle';
|
|
177
193
|
import { TooltipContentProps } from '@ark-ui/react/tooltip';
|
|
178
194
|
import { TouchSensor } from '@dnd-kit/core';
|
|
179
195
|
import { TouchSensorOptions } from '@dnd-kit/core';
|
|
@@ -554,6 +570,7 @@ declare interface BaseSelectProps {
|
|
|
554
570
|
}
|
|
555
571
|
export { BaseSelectProps }
|
|
556
572
|
export { BaseSelectProps as BaseSelectProps_alias_1 }
|
|
573
|
+
export { BaseSelectProps as BaseSelectProps_alias_2 }
|
|
557
574
|
|
|
558
575
|
/**
|
|
559
576
|
* A component that allows the user to perform actions
|
|
@@ -625,16 +642,10 @@ declare interface CerberusProviderProps {
|
|
|
625
642
|
}
|
|
626
643
|
|
|
627
644
|
/**
|
|
628
|
-
* Checkbox component
|
|
629
|
-
*
|
|
630
|
-
* @
|
|
631
|
-
* @
|
|
632
|
-
* @example
|
|
633
|
-
* ```tsx
|
|
634
|
-
* <Field>
|
|
635
|
-
* <Checkbox id="legal" checked={checked.legal} onChange={handleChange} />
|
|
636
|
-
* </Field>
|
|
637
|
-
* ```
|
|
645
|
+
* Checkbox component is an abstraction of the primitives that displays a
|
|
646
|
+
* controlled checkbox with a label.
|
|
647
|
+
* @description [Cerberus Docs] https://cerberus.digitalu.design/react/checkbox
|
|
648
|
+
* @description [Ark Docs] https://ark-ui.com/docs/components/checkbox
|
|
638
649
|
*/
|
|
639
650
|
declare function Checkbox(props: CheckboxProps): JSX_2.Element;
|
|
640
651
|
export { Checkbox }
|
|
@@ -954,6 +965,7 @@ export { createNavTriggerProps as createNavTriggerProps_alias_1 }
|
|
|
954
965
|
declare function createSelectCollection(collection: SelectCollectionItem[]): ListCollection<SelectCollectionItem>;
|
|
955
966
|
export { createSelectCollection }
|
|
956
967
|
export { createSelectCollection as createSelectCollection_alias_1 }
|
|
968
|
+
export { createSelectCollection as createSelectCollection_alias_2 }
|
|
957
969
|
|
|
958
970
|
/**
|
|
959
971
|
* Provides a CTA modal to the app.
|
|
@@ -2213,7 +2225,7 @@ export { FileUploaderProps as FileUploaderProps_alias_1 }
|
|
|
2213
2225
|
* </For>
|
|
2214
2226
|
* ```
|
|
2215
2227
|
*/
|
|
2216
|
-
declare function For<T extends string | number | Record<string, unknown> | undefined>(props: ForProps<T>): ReactNode;
|
|
2228
|
+
declare function For<T extends string | number | Record<string, unknown> | object | undefined>(props: ForProps<T>): ReactNode;
|
|
2217
2229
|
export { For }
|
|
2218
2230
|
export { For as For_alias_1 }
|
|
2219
2231
|
|
|
@@ -2496,6 +2508,7 @@ export { LegendProps as LegendProps_alias_1 }
|
|
|
2496
2508
|
|
|
2497
2509
|
export { ListCollection }
|
|
2498
2510
|
export { ListCollection as ListCollection_alias_1 }
|
|
2511
|
+
export { ListCollection as ListCollection_alias_2 }
|
|
2499
2512
|
|
|
2500
2513
|
/**
|
|
2501
2514
|
* Create a system configuration object to be used on the CerberusProvider.
|
|
@@ -3063,6 +3076,7 @@ export { NotifyOptions as NotifyOptions_alias_1 }
|
|
|
3063
3076
|
declare function Option_2(props: OptionProps): JSX_2.Element;
|
|
3064
3077
|
export { Option_2 as Option }
|
|
3065
3078
|
export { Option_2 as Option_alias_1 }
|
|
3079
|
+
export { Option_2 as Option_alias_2 }
|
|
3066
3080
|
|
|
3067
3081
|
/**
|
|
3068
3082
|
* The OptionGroup component is a group of options in the dropdown list.
|
|
@@ -3079,6 +3093,7 @@ export { Option_2 as Option_alias_1 }
|
|
|
3079
3093
|
declare function OptionGroup(props: SelectItemGroupProps): JSX_2.Element;
|
|
3080
3094
|
export { OptionGroup }
|
|
3081
3095
|
export { OptionGroup as OptionGroup_alias_1 }
|
|
3096
|
+
export { OptionGroup as OptionGroup_alias_2 }
|
|
3082
3097
|
|
|
3083
3098
|
/**
|
|
3084
3099
|
* The OptionGroupLabel component is the label of the OptionGroup.
|
|
@@ -3092,6 +3107,7 @@ export { OptionGroup as OptionGroup_alias_1 }
|
|
|
3092
3107
|
declare function OptionGroupLabel(props: SelectItemGroupLabelProps): JSX_2.Element;
|
|
3093
3108
|
export { OptionGroupLabel }
|
|
3094
3109
|
export { OptionGroupLabel as OptionGroupLabel_alias_1 }
|
|
3110
|
+
export { OptionGroupLabel as OptionGroupLabel_alias_2 }
|
|
3095
3111
|
|
|
3096
3112
|
declare interface OptionProps extends SelectItemProps {
|
|
3097
3113
|
/**
|
|
@@ -3101,6 +3117,7 @@ declare interface OptionProps extends SelectItemProps {
|
|
|
3101
3117
|
}
|
|
3102
3118
|
export { OptionProps }
|
|
3103
3119
|
export { OptionProps as OptionProps_alias_1 }
|
|
3120
|
+
export { OptionProps as OptionProps_alias_2 }
|
|
3104
3121
|
|
|
3105
3122
|
export { Over }
|
|
3106
3123
|
|
|
@@ -3493,13 +3510,15 @@ export { ScreenReaderInstructions }
|
|
|
3493
3510
|
declare function Select(props: SelectProps): JSX_2.Element;
|
|
3494
3511
|
export { Select }
|
|
3495
3512
|
export { Select as Select_alias_1 }
|
|
3513
|
+
export { Select as Select_alias_2 }
|
|
3496
3514
|
|
|
3497
3515
|
/**
|
|
3498
|
-
*
|
|
3516
|
+
* The trigger that clears the selected value.
|
|
3499
3517
|
*/
|
|
3500
|
-
declare
|
|
3518
|
+
declare function SelectClearTrigger(props: SelectClearTriggerProps): JSX_2.Element;
|
|
3501
3519
|
export { SelectClearTrigger }
|
|
3502
3520
|
export { SelectClearTrigger as SelectClearTrigger_alias_1 }
|
|
3521
|
+
export { SelectClearTrigger as SelectClearTrigger_alias_2 }
|
|
3503
3522
|
|
|
3504
3523
|
declare interface SelectCollection {
|
|
3505
3524
|
/**
|
|
@@ -3509,6 +3528,7 @@ declare interface SelectCollection {
|
|
|
3509
3528
|
}
|
|
3510
3529
|
export { SelectCollection }
|
|
3511
3530
|
export { SelectCollection as SelectCollection_alias_1 }
|
|
3531
|
+
export { SelectCollection as SelectCollection_alias_2 }
|
|
3512
3532
|
|
|
3513
3533
|
/**
|
|
3514
3534
|
* This module contains the Select components.
|
|
@@ -3530,104 +3550,213 @@ declare interface SelectCollectionItem {
|
|
|
3530
3550
|
}
|
|
3531
3551
|
export { SelectCollectionItem }
|
|
3532
3552
|
export { SelectCollectionItem as SelectCollectionItem_alias_1 }
|
|
3553
|
+
export { SelectCollectionItem as SelectCollectionItem_alias_2 }
|
|
3533
3554
|
|
|
3534
3555
|
/**
|
|
3535
|
-
*
|
|
3556
|
+
* The content of the dropdown (i.e. the container itself).
|
|
3536
3557
|
*/
|
|
3537
|
-
declare
|
|
3558
|
+
declare function SelectContent(props: SelectContentProps & SelectVariantProps): JSX_2.Element;
|
|
3538
3559
|
export { SelectContent }
|
|
3539
3560
|
export { SelectContent as SelectContent_alias_1 }
|
|
3561
|
+
export { SelectContent as SelectContent_alias_2 }
|
|
3540
3562
|
|
|
3541
3563
|
/**
|
|
3542
|
-
*
|
|
3564
|
+
* The control that wraps the select trigger.
|
|
3543
3565
|
*/
|
|
3544
|
-
declare
|
|
3566
|
+
declare function SelectControl(props: SelectControlProps): JSX_2.Element;
|
|
3545
3567
|
export { SelectControl }
|
|
3546
3568
|
export { SelectControl as SelectControl_alias_1 }
|
|
3569
|
+
export { SelectControl as SelectControl_alias_2 }
|
|
3547
3570
|
|
|
3548
3571
|
/**
|
|
3549
|
-
*
|
|
3572
|
+
* The native input for a select item.
|
|
3550
3573
|
*/
|
|
3551
|
-
declare
|
|
3574
|
+
declare function SelectHiddenSelect(props: SelectHiddenSelectProps): JSX_2.Element;
|
|
3575
|
+
export { SelectHiddenSelect }
|
|
3576
|
+
export { SelectHiddenSelect as SelectHiddenSelect_alias_1 }
|
|
3577
|
+
export { SelectHiddenSelect as SelectHiddenSelect_alias_2 }
|
|
3578
|
+
|
|
3579
|
+
/**
|
|
3580
|
+
* The indicator that appears in the trigger.
|
|
3581
|
+
*/
|
|
3582
|
+
declare function SelectIndicator(props: SelectIndicatorProps): JSX_2.Element;
|
|
3552
3583
|
export { SelectIndicator }
|
|
3553
3584
|
export { SelectIndicator as SelectIndicator_alias_1 }
|
|
3585
|
+
export { SelectIndicator as SelectIndicator_alias_2 }
|
|
3554
3586
|
|
|
3555
3587
|
/**
|
|
3556
|
-
*
|
|
3588
|
+
* The container for an item in the select content.
|
|
3557
3589
|
*/
|
|
3558
|
-
declare
|
|
3590
|
+
declare function SelectItem(props: SelectItemProps): JSX_2.Element;
|
|
3559
3591
|
export { SelectItem }
|
|
3560
3592
|
export { SelectItem as SelectItem_alias_1 }
|
|
3593
|
+
export { SelectItem as SelectItem_alias_2 }
|
|
3561
3594
|
|
|
3562
3595
|
/**
|
|
3563
|
-
*
|
|
3596
|
+
* The container for a group of item options.
|
|
3564
3597
|
*/
|
|
3565
|
-
declare
|
|
3598
|
+
declare function SelectItemGroup(props: SelectItemGroupProps): JSX_2.Element;
|
|
3566
3599
|
export { SelectItemGroup }
|
|
3567
3600
|
export { SelectItemGroup as SelectItemGroup_alias_1 }
|
|
3601
|
+
export { SelectItemGroup as SelectItemGroup_alias_2 }
|
|
3568
3602
|
|
|
3569
3603
|
/**
|
|
3570
|
-
*
|
|
3604
|
+
* The label for a group of item options.
|
|
3571
3605
|
*/
|
|
3572
|
-
declare
|
|
3606
|
+
declare function SelectItemGroupLabel(props: SelectItemGroupLabelProps): JSX_2.Element;
|
|
3573
3607
|
export { SelectItemGroupLabel }
|
|
3574
3608
|
export { SelectItemGroupLabel as SelectItemGroupLabel_alias_1 }
|
|
3609
|
+
export { SelectItemGroupLabel as SelectItemGroupLabel_alias_2 }
|
|
3575
3610
|
|
|
3576
3611
|
/**
|
|
3577
|
-
*
|
|
3612
|
+
* The indicator for an item option shown when it is selected.
|
|
3578
3613
|
*/
|
|
3579
|
-
declare
|
|
3614
|
+
declare function SelectItemIndicator(props: SelectItemIndicatorProps): JSX_2.Element;
|
|
3580
3615
|
export { SelectItemIndicator }
|
|
3581
3616
|
export { SelectItemIndicator as SelectItemIndicator_alias_1 }
|
|
3617
|
+
export { SelectItemIndicator as SelectItemIndicator_alias_2 }
|
|
3582
3618
|
|
|
3583
3619
|
/**
|
|
3584
|
-
*
|
|
3620
|
+
* The text for an item option.
|
|
3585
3621
|
*/
|
|
3586
|
-
declare
|
|
3622
|
+
declare function SelectItemText(props: SelectItemTextProps): JSX_2.Element;
|
|
3587
3623
|
export { SelectItemText }
|
|
3588
3624
|
export { SelectItemText as SelectItemText_alias_1 }
|
|
3625
|
+
export { SelectItemText as SelectItemText_alias_2 }
|
|
3589
3626
|
|
|
3590
3627
|
/**
|
|
3591
|
-
*
|
|
3628
|
+
* The label that appears above the select input.
|
|
3592
3629
|
*/
|
|
3593
|
-
declare
|
|
3630
|
+
declare function SelectLabel(props: SelectLabelProps): JSX_2.Element;
|
|
3594
3631
|
export { SelectLabel }
|
|
3595
3632
|
export { SelectLabel as SelectLabel_alias_1 }
|
|
3633
|
+
export { SelectLabel as SelectLabel_alias_2 }
|
|
3634
|
+
|
|
3635
|
+
/**
|
|
3636
|
+
* An Object containing the parts of the Radio component. For users that
|
|
3637
|
+
* prefer Object component syntax.
|
|
3638
|
+
*
|
|
3639
|
+
* @remarks
|
|
3640
|
+
*
|
|
3641
|
+
* When using object component syntax, you import the SelectParts object and
|
|
3642
|
+
* the entire family of components vs. only what you use.
|
|
3643
|
+
*/
|
|
3644
|
+
declare const SelectParts: SelectPartsValue;
|
|
3645
|
+
export { SelectParts }
|
|
3646
|
+
export { SelectParts as SelectParts_alias_1 }
|
|
3647
|
+
export { SelectParts as SelectParts_alias_2 }
|
|
3648
|
+
|
|
3649
|
+
/**
|
|
3650
|
+
* This module contains the parts of the Select parts.
|
|
3651
|
+
* @module 'select/parts'
|
|
3652
|
+
*/
|
|
3653
|
+
declare interface SelectPartsValue {
|
|
3654
|
+
/**
|
|
3655
|
+
* The context provider for the Select component.
|
|
3656
|
+
*/
|
|
3657
|
+
Root: ElementType;
|
|
3658
|
+
/**
|
|
3659
|
+
* The label that appears above the select input.
|
|
3660
|
+
*/
|
|
3661
|
+
Label: ElementType;
|
|
3662
|
+
/**
|
|
3663
|
+
* The control that wraps the select trigger.
|
|
3664
|
+
*/
|
|
3665
|
+
Control: ElementType;
|
|
3666
|
+
/**
|
|
3667
|
+
* The trigger that opens the dropdown.
|
|
3668
|
+
*/
|
|
3669
|
+
Trigger: ElementType;
|
|
3670
|
+
/**
|
|
3671
|
+
* The trigger to clear the select input.
|
|
3672
|
+
*/
|
|
3673
|
+
ClearTrigger: ElementType;
|
|
3674
|
+
/**
|
|
3675
|
+
* The text that appears in the trigger.
|
|
3676
|
+
*/
|
|
3677
|
+
ValueText: ElementType;
|
|
3678
|
+
/**
|
|
3679
|
+
* The indicator that appears in the trigger.
|
|
3680
|
+
*/
|
|
3681
|
+
Indicator: ElementType;
|
|
3682
|
+
/**
|
|
3683
|
+
* The positioner that wraps the content.
|
|
3684
|
+
*/
|
|
3685
|
+
Positioner: ElementType;
|
|
3686
|
+
/**
|
|
3687
|
+
* The content of the select component.
|
|
3688
|
+
*/
|
|
3689
|
+
Content: ElementType;
|
|
3690
|
+
/**
|
|
3691
|
+
* A group of items in the select component.
|
|
3692
|
+
*/
|
|
3693
|
+
ItemGroup: ElementType;
|
|
3694
|
+
/**
|
|
3695
|
+
* The label for a group of items in the select component.
|
|
3696
|
+
*/
|
|
3697
|
+
ItemGroupLabel: ElementType;
|
|
3698
|
+
/**
|
|
3699
|
+
* An individual item in the select component.
|
|
3700
|
+
*/
|
|
3701
|
+
Item: ElementType;
|
|
3702
|
+
/**
|
|
3703
|
+
* The text that labels a single radio of the field.
|
|
3704
|
+
*/
|
|
3705
|
+
ItemText: ElementType;
|
|
3706
|
+
/**
|
|
3707
|
+
* The indicator that appears when the item has been selected.
|
|
3708
|
+
*/
|
|
3709
|
+
ItemIndicator: ElementType;
|
|
3710
|
+
/**
|
|
3711
|
+
* The native select for use within a field.
|
|
3712
|
+
*/
|
|
3713
|
+
HiddenSelect: ElementType;
|
|
3714
|
+
}
|
|
3596
3715
|
|
|
3597
3716
|
/**
|
|
3598
|
-
*
|
|
3717
|
+
* The positioner that contains the dropdown.
|
|
3599
3718
|
*/
|
|
3600
|
-
declare
|
|
3719
|
+
declare function SelectPositioner(props: SelectPositionerProps): JSX_2.Element;
|
|
3601
3720
|
export { SelectPositioner }
|
|
3602
3721
|
export { SelectPositioner as SelectPositioner_alias_1 }
|
|
3722
|
+
export { SelectPositioner as SelectPositioner_alias_2 }
|
|
3603
3723
|
|
|
3604
3724
|
declare type SelectProps = SelectRootProps<SelectCollectionItem> & BaseSelectProps & SelectVariantProps;
|
|
3605
3725
|
export { SelectProps }
|
|
3606
3726
|
export { SelectProps as SelectProps_alias_1 }
|
|
3727
|
+
export { SelectProps as SelectProps_alias_2 }
|
|
3607
3728
|
|
|
3608
3729
|
/**
|
|
3609
|
-
*
|
|
3730
|
+
* This module contains the Select primitives
|
|
3731
|
+
* @module 'react/select'
|
|
3610
3732
|
*/
|
|
3611
|
-
|
|
3733
|
+
/**
|
|
3734
|
+
* The SelectRoot component is the context provider for the Select component.
|
|
3735
|
+
*/
|
|
3736
|
+
declare function SelectRoot(props: SelectRootProps<SelectCollectionItem> & SelectVariantProps): JSX_2.Element;
|
|
3612
3737
|
export { SelectRoot }
|
|
3613
3738
|
export { SelectRoot as SelectRoot_alias_1 }
|
|
3739
|
+
export { SelectRoot as SelectRoot_alias_2 }
|
|
3614
3740
|
|
|
3615
3741
|
/**
|
|
3616
|
-
*
|
|
3742
|
+
* The trigger that opens the dropdown.
|
|
3617
3743
|
*/
|
|
3618
|
-
declare
|
|
3744
|
+
declare function SelectTrigger(props: SelectTriggerProps): JSX_2.Element;
|
|
3619
3745
|
export { SelectTrigger }
|
|
3620
3746
|
export { SelectTrigger as SelectTrigger_alias_1 }
|
|
3747
|
+
export { SelectTrigger as SelectTrigger_alias_2 }
|
|
3621
3748
|
|
|
3622
3749
|
export { SelectValueChangeDetails }
|
|
3623
3750
|
export { SelectValueChangeDetails as SelectValueChangeDetails_alias_1 }
|
|
3751
|
+
export { SelectValueChangeDetails as SelectValueChangeDetails_alias_2 }
|
|
3624
3752
|
|
|
3625
3753
|
/**
|
|
3626
|
-
*
|
|
3754
|
+
* The text that appears in the trigger.
|
|
3627
3755
|
*/
|
|
3628
|
-
declare
|
|
3756
|
+
declare function SelectValueText(props: SelectValueTextProps): JSX_2.Element;
|
|
3629
3757
|
export { SelectValueText }
|
|
3630
3758
|
export { SelectValueText as SelectValueText_alias_1 }
|
|
3759
|
+
export { SelectValueText as SelectValueText_alias_2 }
|
|
3631
3760
|
|
|
3632
3761
|
export { Sensor }
|
|
3633
3762
|
|
|
@@ -3836,6 +3965,109 @@ declare type StaticTagProps = HTMLAttributes<HTMLSpanElement> & TagVariantProps
|
|
|
3836
3965
|
export { StaticTagProps }
|
|
3837
3966
|
export { StaticTagProps as StaticTagProps_alias_1 }
|
|
3838
3967
|
|
|
3968
|
+
/**
|
|
3969
|
+
* The Switch component is a and abstraction of the primitives that displays a
|
|
3970
|
+
* controlled Switch with a label.
|
|
3971
|
+
* @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch
|
|
3972
|
+
* @description [Ark Docs] https://ark-ui.com/docs/components/switch
|
|
3973
|
+
*/
|
|
3974
|
+
declare function Switch(props: SwitchProps): JSX_2.Element;
|
|
3975
|
+
export { Switch }
|
|
3976
|
+
export { Switch as Switch_alias_1 }
|
|
3977
|
+
export { Switch as Switch_alias_2 }
|
|
3978
|
+
|
|
3979
|
+
/**
|
|
3980
|
+
* The SwitchControl component is the visual input for the Switch.
|
|
3981
|
+
*/
|
|
3982
|
+
declare function SwitchControl(props: SwitchControlProps): JSX_2.Element;
|
|
3983
|
+
export { SwitchControl }
|
|
3984
|
+
export { SwitchControl as SwitchControl_alias_1 }
|
|
3985
|
+
export { SwitchControl as SwitchControl_alias_2 }
|
|
3986
|
+
|
|
3987
|
+
/**
|
|
3988
|
+
* The SwitchHiddenInput component is the native input for the Switch.
|
|
3989
|
+
*/
|
|
3990
|
+
declare const SwitchHiddenInput: ForwardRefExoticComponent<Switch_2.HiddenInputProps & RefAttributes<HTMLInputElement>>;
|
|
3991
|
+
export { SwitchHiddenInput }
|
|
3992
|
+
export { SwitchHiddenInput as SwitchHiddenInput_alias_1 }
|
|
3993
|
+
export { SwitchHiddenInput as SwitchHiddenInput_alias_2 }
|
|
3994
|
+
|
|
3995
|
+
export declare function SwitchIndicator(): JSX_2.Element;
|
|
3996
|
+
|
|
3997
|
+
/**
|
|
3998
|
+
* The SwitchLabel component is the label for the Switch.
|
|
3999
|
+
*/
|
|
4000
|
+
declare function SwitchLabel(props: SwitchLabelProps): JSX_2.Element;
|
|
4001
|
+
export { SwitchLabel }
|
|
4002
|
+
export { SwitchLabel as SwitchLabel_alias_1 }
|
|
4003
|
+
export { SwitchLabel as SwitchLabel_alias_2 }
|
|
4004
|
+
|
|
4005
|
+
/**
|
|
4006
|
+
* An Object containing the parts of the Radio component. For users that
|
|
4007
|
+
* prefer Object component syntax.
|
|
4008
|
+
*
|
|
4009
|
+
* @remarks
|
|
4010
|
+
*
|
|
4011
|
+
* When using object component syntax, you import the SwitchParts object and
|
|
4012
|
+
* the entire family of components vs. only what you use.
|
|
4013
|
+
*/
|
|
4014
|
+
declare const SwitchParts: SwitchPartsValue;
|
|
4015
|
+
export { SwitchParts }
|
|
4016
|
+
export { SwitchParts as SwitchParts_alias_1 }
|
|
4017
|
+
export { SwitchParts as SwitchParts_alias_2 }
|
|
4018
|
+
|
|
4019
|
+
/**
|
|
4020
|
+
* This module contains the parts of the Radio parts.
|
|
4021
|
+
* @module 'radio/parts'
|
|
4022
|
+
*/
|
|
4023
|
+
declare interface SwitchPartsValue {
|
|
4024
|
+
/**
|
|
4025
|
+
* The container of the field.
|
|
4026
|
+
*/
|
|
4027
|
+
Root: ElementType;
|
|
4028
|
+
/**
|
|
4029
|
+
* The label of the field.
|
|
4030
|
+
*/
|
|
4031
|
+
Label: ElementType;
|
|
4032
|
+
/**
|
|
4033
|
+
* The visual input of the switch.
|
|
4034
|
+
*/
|
|
4035
|
+
Control: ElementType;
|
|
4036
|
+
/**
|
|
4037
|
+
* The thumb item of the switch.
|
|
4038
|
+
*/
|
|
4039
|
+
Thumb: ElementType;
|
|
4040
|
+
/**
|
|
4041
|
+
* The native input for the switch.
|
|
4042
|
+
*/
|
|
4043
|
+
HiddenInput: ElementType;
|
|
4044
|
+
}
|
|
4045
|
+
|
|
4046
|
+
declare type SwitchProps = SwitchRootProps & SwitchRecipeVariantProps;
|
|
4047
|
+
export { SwitchProps }
|
|
4048
|
+
export { SwitchProps as SwitchProps_alias_1 }
|
|
4049
|
+
export { SwitchProps as SwitchProps_alias_2 }
|
|
4050
|
+
|
|
4051
|
+
/**
|
|
4052
|
+
* This module contains the Switch primitives
|
|
4053
|
+
* @module 'react/switch'
|
|
4054
|
+
*/
|
|
4055
|
+
/**
|
|
4056
|
+
* The SwitchRoot component is the context provider for the Switch components.
|
|
4057
|
+
*/
|
|
4058
|
+
declare function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps): JSX_2.Element;
|
|
4059
|
+
export { SwitchRoot }
|
|
4060
|
+
export { SwitchRoot as SwitchRoot_alias_1 }
|
|
4061
|
+
export { SwitchRoot as SwitchRoot_alias_2 }
|
|
4062
|
+
|
|
4063
|
+
/**
|
|
4064
|
+
* The SwitchThumb component is the thumb for the Switch.
|
|
4065
|
+
*/
|
|
4066
|
+
declare function SwitchThumb(props: SwitchThumbProps): JSX_2.Element;
|
|
4067
|
+
export { SwitchThumb }
|
|
4068
|
+
export { SwitchThumb as SwitchThumb_alias_1 }
|
|
4069
|
+
export { SwitchThumb as SwitchThumb_alias_2 }
|
|
4070
|
+
|
|
3839
4071
|
/**
|
|
3840
4072
|
* This module contains the types for the Cerberus React configuration.
|
|
3841
4073
|
* @module config.types
|
|
@@ -4242,52 +4474,6 @@ declare type ThProps = ThBaseProps & ThVariantProps;
|
|
|
4242
4474
|
export { ThProps }
|
|
4243
4475
|
export { ThProps as ThProps_alias_1 }
|
|
4244
4476
|
|
|
4245
|
-
/**
|
|
4246
|
-
* The Toggle component is used to switch between two states. Optionally
|
|
4247
|
-
* combine with the `useToggle` hook.
|
|
4248
|
-
* @see https://cerberus.digitalu.design/react/toggle
|
|
4249
|
-
* @example
|
|
4250
|
-
* ```tsx
|
|
4251
|
-
* const { checked, handleChange } = useToggle({ checked: 'toggle' })
|
|
4252
|
-
*
|
|
4253
|
-
* <Hstack justify="space-between" w="full">
|
|
4254
|
-
* <Field>
|
|
4255
|
-
* <Label htmlFor="toggle">Show notifications</Label>
|
|
4256
|
-
* <Toggle
|
|
4257
|
-
* checked={checked === 'toggle'}
|
|
4258
|
-
* id="toggle"
|
|
4259
|
-
* onChange={handleChange}
|
|
4260
|
-
* value="toggle"
|
|
4261
|
-
* />
|
|
4262
|
-
* </Field>
|
|
4263
|
-
* </Hstack>
|
|
4264
|
-
* ```
|
|
4265
|
-
*/
|
|
4266
|
-
declare function Toggle(props: ToggleProps): JSX_2.Element;
|
|
4267
|
-
export { Toggle }
|
|
4268
|
-
export { Toggle as Toggle_alias_1 }
|
|
4269
|
-
|
|
4270
|
-
/**
|
|
4271
|
-
* This module provides a toggle component.
|
|
4272
|
-
* @module
|
|
4273
|
-
*/
|
|
4274
|
-
declare type ToggleBase = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'id' | 'value'> & {
|
|
4275
|
-
/**
|
|
4276
|
-
* @deprecated
|
|
4277
|
-
*/
|
|
4278
|
-
describedBy?: string;
|
|
4279
|
-
/**
|
|
4280
|
-
* A unique identifier for the Toggle. Required for accessibility.
|
|
4281
|
-
*/
|
|
4282
|
-
id: string;
|
|
4283
|
-
/**
|
|
4284
|
-
* The value of the Toggle.
|
|
4285
|
-
*/
|
|
4286
|
-
value: string;
|
|
4287
|
-
};
|
|
4288
|
-
export { ToggleBase }
|
|
4289
|
-
export { ToggleBase as ToggleBase_alias_1 }
|
|
4290
|
-
|
|
4291
4477
|
declare interface ToggleHookReturn {
|
|
4292
4478
|
/**
|
|
4293
4479
|
* The checked state.
|
|
@@ -4301,9 +4487,51 @@ declare interface ToggleHookReturn {
|
|
|
4301
4487
|
export { ToggleHookReturn }
|
|
4302
4488
|
export { ToggleHookReturn as ToggleHookReturn_alias_1 }
|
|
4303
4489
|
|
|
4304
|
-
|
|
4305
|
-
|
|
4306
|
-
|
|
4490
|
+
/**
|
|
4491
|
+
* The ToggleIndicator is used to render the indicator of the Toggle component
|
|
4492
|
+
* based on the pressed state.
|
|
4493
|
+
*/
|
|
4494
|
+
declare const ToggleIndicator: ForwardRefExoticComponent<Toggle.IndicatorProps & RefAttributes<HTMLDivElement>>;
|
|
4495
|
+
export { ToggleIndicator }
|
|
4496
|
+
export { ToggleIndicator as ToggleIndicator_alias_1 }
|
|
4497
|
+
export { ToggleIndicator as ToggleIndicator_alias_2 }
|
|
4498
|
+
|
|
4499
|
+
/**
|
|
4500
|
+
* An Object containing the parts of the Radio component. For users that
|
|
4501
|
+
* prefer Object component syntax.
|
|
4502
|
+
*
|
|
4503
|
+
* @remarks
|
|
4504
|
+
*
|
|
4505
|
+
* When using object component syntax, you import the RadioParts object and
|
|
4506
|
+
* the entire family of components vs. only what you use.
|
|
4507
|
+
*/
|
|
4508
|
+
declare const ToggleParts: TogglePartsValue;
|
|
4509
|
+
export { ToggleParts }
|
|
4510
|
+
export { ToggleParts as ToggleParts_alias_1 }
|
|
4511
|
+
export { ToggleParts as ToggleParts_alias_2 }
|
|
4512
|
+
|
|
4513
|
+
/**
|
|
4514
|
+
* This module contains the parts of the Toggle parts.
|
|
4515
|
+
* @module 'toggle/parts'
|
|
4516
|
+
*/
|
|
4517
|
+
declare interface TogglePartsValue {
|
|
4518
|
+
/**
|
|
4519
|
+
* The container of the toggle.
|
|
4520
|
+
*/
|
|
4521
|
+
Root: ElementType;
|
|
4522
|
+
/**
|
|
4523
|
+
* The indicator that appears when a toggle is pressed.
|
|
4524
|
+
*/
|
|
4525
|
+
Indicator: ElementType;
|
|
4526
|
+
}
|
|
4527
|
+
|
|
4528
|
+
/**
|
|
4529
|
+
* The ToggleRoot is used to manage the state of the Toggle component.
|
|
4530
|
+
*/
|
|
4531
|
+
declare const ToggleRoot: ForwardRefExoticComponent<Toggle.RootProps & RefAttributes<HTMLButtonElement>>;
|
|
4532
|
+
export { ToggleRoot }
|
|
4533
|
+
export { ToggleRoot as ToggleRoot_alias_1 }
|
|
4534
|
+
export { ToggleRoot as ToggleRoot_alias_2 }
|
|
4307
4535
|
|
|
4308
4536
|
/**
|
|
4309
4537
|
* The Tooltip component is used to provide additional information about an element when it is hovered over.
|
|
@@ -4598,9 +4826,7 @@ export { UseThemeOptions }
|
|
|
4598
4826
|
export { UseThemeOptions as UseThemeOptions_alias_1 }
|
|
4599
4827
|
|
|
4600
4828
|
/**
|
|
4601
|
-
*
|
|
4602
|
-
* @see https://cerberus.digitalu.design/react/use-toggle
|
|
4603
|
-
* @memberof module:Toggle
|
|
4829
|
+
* @deprecated Will be removed in v1. Use ToggleParts instead.
|
|
4604
4830
|
*/
|
|
4605
4831
|
declare function useToggle(options?: UseToggleOptions): ToggleHookReturn;
|
|
4606
4832
|
export { useToggle }
|