@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.
Files changed (138) hide show
  1. package/build/legacy/_tsup-dts-rollup.d.cts +319 -93
  2. package/build/legacy/components/checkbox/checkbox.cjs.map +1 -1
  3. package/build/legacy/components/checkbox/index.cjs.map +1 -1
  4. package/build/legacy/components/for.cjs.map +1 -1
  5. package/build/legacy/components/select/index.cjs +265 -0
  6. package/build/legacy/components/select/index.cjs.map +1 -0
  7. package/build/legacy/components/select/option-group.cjs +60 -0
  8. package/build/legacy/components/select/option-group.cjs.map +1 -0
  9. package/build/legacy/components/select/parts.cjs +153 -0
  10. package/build/legacy/components/select/parts.cjs.map +1 -0
  11. package/build/legacy/components/select/primitives.cjs +167 -0
  12. package/build/legacy/components/select/primitives.cjs.map +1 -0
  13. package/build/legacy/components/select/select.cjs +212 -0
  14. package/build/legacy/components/select/select.cjs.map +1 -0
  15. package/build/legacy/components/switch/index.cjs +118 -0
  16. package/build/legacy/components/switch/index.cjs.map +1 -0
  17. package/build/legacy/components/switch/parts.cjs +75 -0
  18. package/build/legacy/components/switch/parts.cjs.map +1 -0
  19. package/build/legacy/components/switch/primitives.cjs +72 -0
  20. package/build/legacy/components/switch/primitives.cjs.map +1 -0
  21. package/build/legacy/components/switch/switch-indicator.cjs +51 -0
  22. package/build/legacy/components/switch/switch-indicator.cjs.map +1 -0
  23. package/build/legacy/components/switch/switch.cjs +106 -0
  24. package/build/legacy/components/switch/switch.cjs.map +1 -0
  25. package/build/legacy/components/toggle/index.cjs +45 -0
  26. package/build/legacy/components/toggle/index.cjs.map +1 -0
  27. package/build/legacy/components/toggle/parts.cjs +41 -0
  28. package/build/legacy/components/toggle/parts.cjs.map +1 -0
  29. package/build/legacy/components/toggle/primitives.cjs +35 -0
  30. package/build/legacy/components/toggle/primitives.cjs.map +1 -0
  31. package/build/legacy/hooks/useToggle.cjs.map +1 -1
  32. package/build/legacy/index.cjs +617 -483
  33. package/build/legacy/index.cjs.map +1 -1
  34. package/build/modern/_tsup-dts-rollup.d.ts +319 -93
  35. package/build/modern/chunk-2CVGNLIM.js +15 -0
  36. package/build/modern/chunk-2CVGNLIM.js.map +1 -0
  37. package/build/modern/chunk-2LF3HPNA.js +1 -0
  38. package/build/modern/chunk-CAZ3EICD.js +16 -0
  39. package/build/modern/chunk-CAZ3EICD.js.map +1 -0
  40. package/build/modern/chunk-CIMY2U22.js +10 -0
  41. package/build/modern/chunk-CIMY2U22.js.map +1 -0
  42. package/build/modern/chunk-IASVL7CW.js +19 -0
  43. package/build/modern/chunk-IASVL7CW.js.map +1 -0
  44. package/build/modern/{chunk-REO5GUNC.js → chunk-ICTISECN.js} +1 -1
  45. package/build/modern/chunk-ICTISECN.js.map +1 -0
  46. package/build/modern/{chunk-77FJSNGD.js → chunk-IIH363FO.js} +1 -1
  47. package/build/modern/{chunk-77FJSNGD.js.map → chunk-IIH363FO.js.map} +1 -1
  48. package/build/modern/chunk-KQQPZJEI.js +21 -0
  49. package/build/modern/chunk-KQQPZJEI.js.map +1 -0
  50. package/build/modern/chunk-LZWNHXRP.js +48 -0
  51. package/build/modern/chunk-LZWNHXRP.js.map +1 -0
  52. package/build/modern/chunk-OVHCXBBI.js +22 -0
  53. package/build/modern/chunk-OVHCXBBI.js.map +1 -0
  54. package/build/modern/chunk-P3SF56LT.js +47 -0
  55. package/build/modern/chunk-P3SF56LT.js.map +1 -0
  56. package/build/modern/chunk-QCBLRACK.js +133 -0
  57. package/build/modern/chunk-QCBLRACK.js.map +1 -0
  58. package/build/modern/chunk-UDY6USHW.js +1 -0
  59. package/build/modern/chunk-V4YYGGMH.js +1 -0
  60. package/build/modern/chunk-XTNGF4D6.js +41 -0
  61. package/build/modern/chunk-XTNGF4D6.js.map +1 -0
  62. package/build/modern/{chunk-UNN4LHRS.js → chunk-Y4ZEJ2EF.js} +1 -1
  63. package/build/modern/chunk-Y4ZEJ2EF.js.map +1 -0
  64. package/build/modern/components/checkbox/checkbox.js +1 -1
  65. package/build/modern/components/checkbox/index.js +1 -1
  66. package/build/modern/components/for.js +1 -1
  67. package/build/modern/components/select/index.js +57 -0
  68. package/build/modern/components/select/index.js.map +1 -0
  69. package/build/modern/components/select/option-group.js +10 -0
  70. package/build/modern/components/select/option-group.js.map +1 -0
  71. package/build/modern/components/select/parts.js +8 -0
  72. package/build/modern/components/select/parts.js.map +1 -0
  73. package/build/modern/components/{Select.server.js → select/primitives.js} +8 -4
  74. package/build/modern/components/select/primitives.js.map +1 -0
  75. package/build/modern/components/select/select.js +15 -0
  76. package/build/modern/components/select/select.js.map +1 -0
  77. package/build/modern/components/switch/index.js +26 -0
  78. package/build/modern/components/switch/index.js.map +1 -0
  79. package/build/modern/components/switch/parts.js +8 -0
  80. package/build/modern/components/switch/parts.js.map +1 -0
  81. package/build/modern/components/switch/primitives.js +15 -0
  82. package/build/modern/components/switch/primitives.js.map +1 -0
  83. package/build/modern/components/switch/switch-indicator.js +9 -0
  84. package/build/modern/components/switch/switch-indicator.js.map +1 -0
  85. package/build/modern/components/switch/switch.js +11 -0
  86. package/build/modern/components/switch/switch.js.map +1 -0
  87. package/build/modern/components/toggle/index.js +14 -0
  88. package/build/modern/components/toggle/index.js.map +1 -0
  89. package/build/modern/components/toggle/parts.js +8 -0
  90. package/build/modern/components/toggle/parts.js.map +1 -0
  91. package/build/modern/components/toggle/primitives.js +9 -0
  92. package/build/modern/components/toggle/primitives.js.map +1 -0
  93. package/build/modern/context/confirm-modal.js +1 -1
  94. package/build/modern/context/cta-modal.js +2 -2
  95. package/build/modern/context/prompt-modal.js +1 -1
  96. package/build/modern/hooks/useToggle.js +1 -1
  97. package/build/modern/index.js +110 -72
  98. package/build/modern/index.js.map +1 -1
  99. package/package.json +3 -3
  100. package/src/components/checkbox/checkbox.tsx +4 -10
  101. package/src/components/for.tsx +1 -1
  102. package/src/components/select/index.ts +4 -0
  103. package/src/components/select/option-group.tsx +34 -0
  104. package/src/components/select/parts.ts +113 -0
  105. package/src/components/select/primitives.tsx +205 -0
  106. package/src/components/select/select.tsx +135 -0
  107. package/src/components/switch/index.ts +3 -0
  108. package/src/components/switch/parts.ts +53 -0
  109. package/src/components/switch/primitives.tsx +69 -0
  110. package/src/components/switch/switch-indicator.tsx +9 -0
  111. package/src/components/switch/switch.tsx +30 -0
  112. package/src/components/toggle/index.ts +2 -0
  113. package/src/components/toggle/parts.ts +32 -0
  114. package/src/components/toggle/primitives.tsx +17 -0
  115. package/src/hooks/useToggle.ts +1 -3
  116. package/src/index.ts +6 -6
  117. package/build/legacy/components/Select.cjs +0 -142
  118. package/build/legacy/components/Select.cjs.map +0 -1
  119. package/build/legacy/components/Select.server.cjs +0 -78
  120. package/build/legacy/components/Select.server.cjs.map +0 -1
  121. package/build/legacy/components/Toggle.cjs +0 -94
  122. package/build/legacy/components/Toggle.cjs.map +0 -1
  123. package/build/modern/chunk-GENS32QO.js +0 -61
  124. package/build/modern/chunk-GENS32QO.js.map +0 -1
  125. package/build/modern/chunk-REO5GUNC.js.map +0 -1
  126. package/build/modern/chunk-S2X5OEPK.js +0 -89
  127. package/build/modern/chunk-S2X5OEPK.js.map +0 -1
  128. package/build/modern/chunk-UNN4LHRS.js.map +0 -1
  129. package/build/modern/chunk-YWMPB2JR.js +0 -41
  130. package/build/modern/chunk-YWMPB2JR.js.map +0 -1
  131. package/build/modern/components/Select.js +0 -20
  132. package/build/modern/components/Toggle.js +0 -9
  133. package/src/components/Select.server.tsx +0 -80
  134. package/src/components/Select.tsx +0 -219
  135. package/src/components/Toggle.tsx +0 -98
  136. /package/build/modern/{components/Select.js.map → chunk-2LF3HPNA.js.map} +0 -0
  137. /package/build/modern/{components/Select.server.js.map → chunk-UDY6USHW.js.map} +0 -0
  138. /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 { Select as Select_2 } from '@ark-ui/react/select';
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 { ToggleVariantProps } from '@cerberus/styled-system/recipes';
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
- * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
630
- * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
631
- * @see https://cerberus.digitalu.design/react/checkbox
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
- * Select Primitive: The trigger that clears the selected value
3516
+ * The trigger that clears the selected value.
3499
3517
  */
3500
- declare const SelectClearTrigger: ForwardRefExoticComponent<Select_2.ClearTriggerProps & RefAttributes<HTMLButtonElement>>;
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
- * Select Primitive: The content of the dropdown (i.e. the container itself)
3556
+ * The content of the dropdown (i.e. the container itself).
3536
3557
  */
3537
- declare const SelectContent: ForwardRefExoticComponent<Select_2.ContentProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The wrapper to the select trigger that opens the dropdown
3564
+ * The control that wraps the select trigger.
3543
3565
  */
3544
- declare const SelectControl: ForwardRefExoticComponent<Select_2.ControlProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The indicator that appears in the trigger
3572
+ * The native input for a select item.
3550
3573
  */
3551
- declare const SelectIndicator: ForwardRefExoticComponent<Select_2.IndicatorProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The container for an item option
3588
+ * The container for an item in the select content.
3557
3589
  */
3558
- declare const SelectItem: ForwardRefExoticComponent<Select_2.ItemProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The container for a group of item options
3596
+ * The container for a group of item options.
3564
3597
  */
3565
- declare const SelectItemGroup: ForwardRefExoticComponent<Select_2.ItemGroupProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The label for a group of item options
3604
+ * The label for a group of item options.
3571
3605
  */
3572
- declare const SelectItemGroupLabel: ForwardRefExoticComponent<Select_2.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The indicator for an item option
3612
+ * The indicator for an item option shown when it is selected.
3578
3613
  */
3579
- declare const SelectItemIndicator: ForwardRefExoticComponent<Select_2.ItemIndicatorProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The text for an item option
3620
+ * The text for an item option.
3585
3621
  */
3586
- declare const SelectItemText: ForwardRefExoticComponent<Select_2.ItemTextProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The label that appears above the select input
3628
+ * The label that appears above the select input.
3592
3629
  */
3593
- declare const SelectLabel: ForwardRefExoticComponent<Select_2.LabelProps & RefAttributes<HTMLLabelElement>>;
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
- * Select Primitive: The positioner that contains the dropdown
3717
+ * The positioner that contains the dropdown.
3599
3718
  */
3600
- declare const SelectPositioner: ForwardRefExoticComponent<Select_2.PositionerProps & RefAttributes<HTMLDivElement>>;
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
- * Select Primitive: The context provider for the Select family
3730
+ * This module contains the Select primitives
3731
+ * @module 'react/select'
3610
3732
  */
3611
- declare function SelectRoot(props: SelectRootProps<SelectCollectionItem>): JSX_2.Element;
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
- * Select Primitive: The trigger that opens the dropdown
3742
+ * The trigger that opens the dropdown.
3617
3743
  */
3618
- declare const SelectTrigger: ForwardRefExoticComponent<Select_2.TriggerProps & RefAttributes<HTMLButtonElement>>;
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
- * Select Primitive: The text that appears in the trigger
3754
+ * The text that appears in the trigger.
3627
3755
  */
3628
- declare const SelectValueText: ForwardRefExoticComponent<Select_2.ValueTextProps & RefAttributes<HTMLSpanElement>>;
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
- declare type ToggleProps = ToggleBase & ToggleVariantProps;
4305
- export { ToggleProps }
4306
- export { ToggleProps as ToggleProps_alias_1 }
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
- * Provides a hook for using a toggle.
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 }