@voxel51/voodo 0.0.19 → 0.0.21

package/dist/components/Slider/Slider.d.ts

@@ -23,8 +23,119 @@ export interface MultiValueSliderProps extends Omit<SliderProps, "multi" | "onCh
     onChange?: (value: number[]) => void;
     value?: number[];
 }
+/**
+ * A basic slider component.
+ *
+ * This component renders a slider with one or more draggable knobs, optional numeric inputs, and optional labels.
+ *
+ * This component operates as both a controlled and uncontrolled component.
+ * See `value` and `onChange` for controlled behavior.
+ *
+ * @param bare If `true`, prevents rendering of value inputs; instead only renders the slider itself.
+ * @param className `class` overrides to apply to the component.
+ * @param debounceDelay Time in milliseconds to debounce `onChange` events.
+ *  Set this to `0` for a fully-responsive slider.
+ *  Note that internal state updates are *not* debounced, so this value does not affect slider responsiveness.
+ * @param labeled If `true`, displays labels for `min` and `max` slider endpoints.
+ * @param knobLabel If `true`, displays labels above all slider knobs.
+ * @param max Maximum slider value
+ * @param maxLabel Optional label to display for maximum numeric input.
+ * @param min Minimum slider value.
+ * @param minLabel Optional label to display for minimum numeric input.
+ * @param multi Controls whether the slider supports setting multiple values.
+ *  If `true`:
+ *    - The slider will render two draggable knobs; one for a "low" value and one for a "high" value.
+ *    - `value` must be of the form `[low, high]`.
+ *    - `onChange` will emit values of the form `[low, high]`.
+ *    - See {@link MultiValueSlider} as a type-safe alias for this configuration.
+ *  If `false`:
+ *    - The slider will render a single draggable knob.
+ *    - `value` must be a single numeric value.
+ *    - `onChange` will emit a single numeric value.
+ *    - See {@link SingleValueSlider} as a type-safe alias for this configuration.
+ * @param onChange Callback triggered when values change.
+ *  This change can be triggered in three ways:
+ *    - The user modifies the value in the minimum or maximum input field.
+ *    - The user drags a slider knob.
+ *    - The user clicks on the slider track.
+ *  If `multi` is `true`, this callback emits a value of the form `[low, high]`;
+ *  otherwise, this callback emits a single numeric value.
+ * @param step Numeric step size for slider increments.
+ * @param value The controlled value of the slider.
+ *  If `multi` is `true`, this must be of the form `[low, high]`;
+ *  otherwise, this must be a single numeric value.
+ *  In all cases, `min <= value <= max`.
+ * @param showUnsetHint If `true`, shows a hint to the user to initialize the slider's value.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const BaseSlider: FC<SliderProps>;
+/**
+ * A slider supporting selection of a single value.
+ *
+ * See also {@link BaseSlider}.
+ * See also {@link MultiValueSlider}.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const [value, setValue] = useState<number>(0.5);
+ *
+ *   const onChange = useCallback((newValue: number) => setValue(newValue), [setValue]);
+ *
+ *   return (
+ *     <SingleValueSlider
+ *       min={0}
+ *       max={1}
+ *       onChange={onChange}
+ *       value={value}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param onChange Callback triggered when the slider value changes.
+ *   This change can be triggered in three ways:
+ *    - The user modifies the value in the minimum or maximum input field.
+ *    - The user drags a slider knob.
+ *    - The user clicks on the slider track.
+ * @param max Maximum value of the slider
+ * @param min Minimum value of the slider
+ * @param props See {@link BaseSlider} for all available properties.
+ */
 export declare const SingleValueSlider: FC<SingleValueSliderProps>;
+/**
+ * A slider supporting selection of a "low" value and a "high" value.
+ *
+ * See also {@link BaseSlider}.
+ * See also {@link SingleValueSlider}.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const [value, setValue] = useState<number[]>(() => [0.25, 0.75]);
+ *
+ *   const onChange = useCallback((newValue: number[]) => setValue(newValue), [setValue]);
+ *
+ *   return (
+ *     <MultiValueSlider
+ *       min={0}
+ *       max={1}
+ *       onChange={onChange}
+ *       value={value}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param onChange Callback triggered when the slider value changes.
+ *   This change can be triggered in three ways:
+ *    - The user modifies the value in the minimum or maximum input field.
+ *    - The user drags a slider knob.
+ *    - The user clicks on the slider track.
+ * @param max Maximum value of the slider
+ * @param min Minimum value of the slider
+ * @param props See {@link BaseSlider} for all available properties.
+ */
 export declare const MultiValueSlider: FC<MultiValueSliderProps>;
 export {};
 //# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CA4JtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAaxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAatD,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CA4JtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAaxD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAatD,CAAC"}

package/dist/components/Slider/SliderBar.d.ts

@@ -7,6 +7,24 @@ interface SliderBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"
     step: number;
     value?: number | number[];
 }
+/**
+ * Component which renders the bar and knobs to form the basis of a slider.
+ *
+ * This component operates as both a controlled and uncontrolled component.
+ * See `value` and `onChange` for controlled behavior.
+ *
+ * @param max Maximum allowed value.
+ * @param min Minimum allowed value.
+ * @param multi If `true`, provides knob controls for both a "low" and a "high value.
+ * @param onChange Callback triggered when slider values change.
+ *  If `multi` is `true`, emits a value of the form [low, high]; otherwise, emits a single value.
+ * @param step Step size of the slider; moving a knob will modify the current value by a minimum of this size.
+ * @param value Value of the slider.
+ *  If `multi` is true, this must be a value of the form [low, high]; otherwise, this is a single numeric value.
+ * @param props Additional HTML properties to apply to the component.
+ *
+ * @internal For use by {@link Slider}.
+ */
 export declare const SliderBar: FC<SliderBarProps>;
 export {};
 //# sourceMappingURL=SliderBar.d.ts.map

package/dist/components/Slider/SliderBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderBar.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAmC,MAAM,OAAO,CAAC;AAQ5E,UAAU,cAAe,SAAQ,IAAI,CACnC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+LxC,CAAC"}
+{"version":3,"file":"SliderBar.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAmC,MAAM,OAAO,CAAC;AAQ5E,UAAU,cAAe,SAAQ,IAAI,CACnC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA+LxC,CAAC"}

package/dist/components/Slider/SliderKnob.d.ts

@@ -4,6 +4,18 @@ interface SliderKnobProps extends HTMLAttributes<HTMLDivElement> {
     onDragStart: DragEventHandler<HTMLDivElement>;
     value: number;
 }
+/**
+ * A knob element to overlay on a {@link SliderBar}.
+ *
+ * The knob allows for user interaction via dragging along the slider's primary axis.
+ *
+ * @param position The relative position of the knob; this must be a value in the range `[0, 1]`.
+ * @param onDragStart Callback triggered on the start of a drag event.
+ * @param value Value of the knob; this is expected to be `position * (max - min)` and is only used for accessibility.
+ * @param props Additional HTML properties to apply to the component.
+ *
+ * @internal For use by {@link SliderBar}.
+ */
 export declare const SliderKnob: FC<SliderKnobProps>;
 export {};
 //# sourceMappingURL=SliderKnob.d.ts.map

package/dist/components/Slider/SliderKnob.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderKnob.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderKnob.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK7D,UAAU,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC"}
+{"version":3,"file":"SliderKnob.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderKnob.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK7D,UAAU,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC"}

package/dist/components/Slider/SliderLabels.d.ts

@@ -8,6 +8,24 @@ interface SliderLabelProps extends HTMLAttributes<HTMLDivElement> {
     precision: number;
     value?: number | number[];
 }
+/**
+ * Component which renders relevant labels above a {@link SliderBar}.
+ *
+ * @param className `class` overrides to apply to the labels' container.
+ * @param knobLabel If `true`, displays a label above the current knob position(s).
+ * @param max Maximum value of the slider.
+ * @param maxLabel If `true`, displays a label above the maximal endpoint of the slider.
+ * @param min Minimum value of the slider.
+ * @param minLabel if `true`, displays a label above the minimal endpoint of the slider.
+ * @param precision Numeric precision to use when rendering labels; label values will be truncated to this precision.
+ *  See {@link truncate}.
+ * @param value Current value of the slider.
+ *  If the slider supports multiple values, this should be of the form [low, high];
+ *  otherwise, this is a single numeric value.
+ * @param props Additional HTML properties to apply to the component.
+ *
+ * @internal For use by {@link Slider}.
+ */
 export declare const SliderLabels: FC<SliderLabelProps>;
 export {};
 //# sourceMappingURL=SliderLabels.d.ts.map

package/dist/components/Slider/SliderLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderLabels.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderLabels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOhD,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AA0CD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,gBAAgB,CAkD7C,CAAC"}
+{"version":3,"file":"SliderLabels.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderLabels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOhD,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AA4DD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,gBAAgB,CAkD7C,CAAC"}

package/dist/components/Spinner/Spinner.d.ts

@@ -3,5 +3,19 @@ import { Size } from '../../types';
 export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
     size?: Size;
 }
+/**
+ * An animated spinner component.
+ *
+ * Note that this component is also available via the {@link Icon} component with {@link IconName.Spinner}.
+ *
+ * @example
+ * ```tsx
+ * <Spinner size={Size.Md} />
+ * ```
+ *
+ * @param className `class` overrides to apply to the component.
+ * @param size Size of the component. See {@link Size}.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const Spinner: FC<SpinnerProps>;
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AASD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAUD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}

package/dist/components/Stack/Stack.d.ts

@@ -1,8 +1,48 @@
 import { FC, HTMLAttributes } from 'react';
-import { Orientation, Spacing } from '../../types';
+import { Align, Justify, Orientation, Spacing } from '../../types';
 export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    align?: Align;
+    justify?: Justify;
     orientation?: Orientation;
     spacing?: Spacing;
 }
+/**
+ * A layout component which organizes children into a vertical or horizontal stack.
+ *
+ * @example
+ * ```tsx
+ * <Stack orientation={Orientation.Vertical} spacing={Spacing.Md}>
+ *   <Text>Top</Text>
+ *   <Text>Middle</Text>
+ *   <Text>Bottom</Text>
+ * </Stack>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Stack orientation={Orientation.Horizontal} spacing={Spacing.Md}>
+ *   <Text>Left</Text>
+ *   <Text>Middle</Text>
+ *   <Text>Right</Text>
+ * </Stack>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Stack orientation={Orientation.Horizontal} align={Align.Center} justify={Justify.Between}>
+ *   <Text>Left</Text>
+ *   <Text>Middle</Text>
+ *   <Text>Right</Text>
+ * </Stack>
+ * ```
+ *
+ * @param align Alignment of children along the stack's cross axis. See {@link Align}.
+ * @param justify Justification of children along the stack's primary axis. See {@link Justify}.
+ * @param orientation Orientation of the stack. See {@link Orientation}.
+ * @param spacing Spacing between child components in the stack. See {@link Spacing}.
+ * @param children Content which is wrapped by this component.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const Stack: FC<StackProps>;
 //# sourceMappingURL=Stack.d.ts.map

package/dist/components/Stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAoBhC,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAG/D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAwBhC,CAAC"}

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
+export declare const TableRow: FC<HTMLAttributes<HTMLTableRowElement>>;
+export declare const TableHeader: FC<HTMLAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
+export declare const TableCell: FC<HTMLAttributes<HTMLTableCellElement>>;
+export declare const TableHead: FC<HTMLAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgBhD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAiB5D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAkB9D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAkB9D,CAAC"}

package/dist/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Table';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Text/Text.d.ts

@@ -1,8 +1,27 @@
 import { FC, HTMLAttributes } from 'react';
 import { IconColor, TextColor, TextVariant } from '../../types';
+import { BrandColor } from '../../types/color';
 export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: TextVariant;
-    color?: TextColor | IconColor;
+    color?: TextColor | IconColor | BrandColor;
 }
+/**
+ * A basic text component.
+ *
+ * All text in the app should be wrapped in this component to ensure compatibility with theme changes.
+ *
+ * @example
+ * ```tsx
+ * <Text>
+ *   Some text
+ * </Text>
+ * ```
+ *
+ * @param variant The variant of the text; this controls the size and related styling of the text. See {@link Variant}.
+ * @param color The color of the text. See {@link TextColor}.
+ * @param children The content wrapped by this component.
+ * @param className `class` overrides to apply to the component.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const Text: FC<TextProps>;
 //# sourceMappingURL=Text.d.ts.map

package/dist/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG5D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAe9B,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CAC5C;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAe9B,CAAC"}

package/dist/components/TextArea/TextArea.d.ts

@@ -1,12 +1,50 @@
 import { FC, TextareaHTMLAttributes } from 'react';
 import { Radius, Size } from '../../types';
+export declare enum ResizeBehavior {
+    None = "None",
+    Vertical = "Vertical",
+    Horizontal = "Horizontal",
+    BiDirectional = "BiDirectional"
+}
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     size?: Size;
     radius?: Radius;
     className?: string;
     containerClassName?: string;
     error?: boolean;
-    resize?: "none" | "vertical" | "horizontal" | "both";
+    resize?: ResizeBehavior;
 }
+/**
+ * A textarea component.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const [value, setValue] = useState<string>("");
+ *
+ *   const onChange = useCallback((newValue: string) => setValue(newValue), [setValue]);
+ *
+ *   return (
+ *     <TextArea
+ *       onChange={onChange}
+ *       resize={ResizeBehavior.None}
+ *       rows={10}
+ *       value={value}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param size The size of the textarea; this controls the size of the text itself and container padding.
+ *  See {@link Size}.
+ * @param radius The border radius to apply to the textarea. See {@link Radius}.
+ * @param error If `true`, renders the textarea in an error state.
+ * @param resize Resize behavior. See {@link ResizeBehavior}.
+ * @param rows The number of text rows to display in the textarea.
+ * @param className `class` overrides to apply to the component.
+ * @param containerClassName `class` overrides to apply to the component's container.
+ * @param disabled If `true`, disables the textarea.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const TextArea: FC<TextAreaProps>;
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGvC,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACtD;AAgBD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkDtC,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAGvC,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,aAAa,kBAAkB;CAChC;AAED,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAkDtC,CAAC"}

package/dist/components/TextBadge/TextBadge.d.ts

@@ -3,5 +3,21 @@ import { IconColor, TextColor } from '../../types';
 export interface TextBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     color?: TextColor | IconColor;
 }
+/**
+ * A simple badge-like component for displaying text in an opinionated way.
+ *
+ * This component is an alias for {@link Text} with {@link TextVariant.Label}.
+ *
+ * @example
+ * ```tsx
+ * <TextBadge color={TextColor.Success}>
+ *   completed
+ * </TextBadge>
+ * ```
+ *
+ * @param color Color of the content. See {@link Color}.
+ * @param children Content wrapped by this component.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const TextBadge: FC<TextBadgeProps>;
 //# sourceMappingURL=TextBadge.d.ts.map

package/dist/components/TextBadge/TextBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TextBadge/TextBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAQxC,CAAC"}
+{"version":3,"file":"TextBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TextBadge/TextBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAQxC,CAAC"}

package/dist/components/Toast/Toast.d.ts

@@ -1,15 +1,52 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Anchor, Variant } from '../../types';
+import { Anchor, IconName, Variant } from '../../types';
 type ToastVariant = Exclude<Variant, Variant.Borderless>;
 export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     action?: ReactNode;
     anchor?: Anchor;
     description?: ReactNode;
-    icon?: FC;
+    icon?: FC | IconName;
     open?: boolean;
     title?: ReactNode;
     variant?: ToastVariant;
 }
+/**
+ * A toast component with opinionated slots for content.
+ *
+ * See also {@link ActivityToast}.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const [open, setOpen] = useState<boolean>(true);
+ *
+ *   return (
+ *     <Toast
+ *       open={open}
+ *       title="Message sent"
+ *       description="You will be notified when the recipient opens your message"
+ *       icon={IconName.Check}
+ *       action={
+ *         <Button onClick={() => setOpen(false)}>
+ *           Close
+ *         </Button>
+ *       }
+ *       variant={Variant.Success}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param action Optional content to display in the "action" slot; this is typically something like a button/CTA.
+ * @param anchor The location in the viewport to anchor the toast. See {@link Anchor}.
+ * @param className `class` overrides to apply to the component.
+ * @param description Optional content to display in the "description" slot; this should be considered secondary content.
+ * @param icon An optional reference ({@link FC}) to an icon or an {@link IconName} to display in the "icon" slot.
+ * @param open If `true`, the toast will be visible; otherwise it will be hidden.
+ * @param title Optional content to display in the "title" slot; this should be considered the primary content.
+ * @param variant The variant of the toast; this controls icon styling. See {@link Variant}.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const Toast: FC<ToastProps>;
 export {};
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EACL,MAAM,EAQN,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAUD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8ChC,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAEL,MAAM,EAIN,QAAQ,EAOR,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA0ChC,CAAC"}

package/dist/components/ToastContainer/ToastContainer.d.ts

@@ -4,5 +4,13 @@ export interface ToastContainerProps extends HTMLAttributes<HTMLDivElement> {
     anchor?: Anchor;
     open?: boolean;
 }
+/**
+ * A layout component which acts as a container for toast-like components.
+ *
+ * @param anchor The location in the viewport to anchor the toast. See {@link Anchor}.
+ * @param children Content wrapped by this component.
+ * @param open If `true`, this component and its children will be rendered; otherwise it will be hidden.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const ToastContainer: FC<ToastContainerProps>;
 //# sourceMappingURL=ToastContainer.d.ts.map

package/dist/components/ToastContainer/ToastContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ToastContainer/ToastContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAaD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAalD,CAAC"}
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ToastContainer/ToastContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAaD;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAalD,CAAC"}

package/dist/components/Toggle/Toggle.d.ts

@@ -12,6 +12,38 @@ export interface ToggleProps extends ModifiedToggleProps {
     labelClassName?: string;
     showUnsetHint?: boolean;
 }
+/**
+ * A component supporting a boolean toggle.
+ *
+ * This component operates exclusively as a controlled component. See `value` and `onChange` for controlled behavior.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const [enabled, setEnabled] = useState<boolean>(false);
+ *
+ *   const onChange = useCallback((status: boolean) => setEnabled(status), [setEnabled]);
+ *
+ *   return (
+ *     <Toggle
+ *       checked={enabled}
+ *       onChange={onChange}
+ *       label="Run with debug enabled"
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param checked If `true`, renders the toggle in the "active" state.
+ * @param disabled If `true`, disables the toggle.
+ * @param onChange Callback triggered when the toggle value changes.
+ * @param size Size of the toggle. See {@link Size}.
+ * @param className `class` overrides to apply to the component.
+ * @param labelClassName `class` overrides to apply to the toggle's label.
+ * @param label Optional label for the toggle.
+ * @param showUnsetHint If `true`, displays a hint to the user to initialize the toggle's value.
+ * @param props Additional HTML properties to apply to the component.
+ */
 export declare const Toggle: FC<ToggleProps>;
 export {};
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqCD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkFlC,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkFlC,CAAC"}

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -10,7 +10,7 @@ export declare enum ToggleSwitchVariant {
     Full = "full",
     Borderless = "borderless"
 }
-export type ToggleSwitchSize = Exclude<Size, Size.Lg>;
+export type ToggleSwitchSize = Exclude<Size, Size.Lg | Size.Xl>;
 export interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange"> {
     variant?: ToggleSwitchVariant;
     tabs: Descriptor<ToggleSwitchTab>[];
@@ -21,5 +21,50 @@ export interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>,
     tabPanelClassName?: string;
     fullWidth?: boolean;
 }
+/**
+ * A component which supports rendering a tabbed content container.
+ *
+ * This component enforces mutual exclusivity in active tabs, and only the content for the active tab is visible.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *   const tabs: Descriptor<ToggleSwitchTab>[] = useMemo(() => [
+ *       {id: "1", data: {label: "Tab 1", content: "Tab 1 content"}}
+ *       {id: "2", data: {label: "Tab 2", content: "Tab 2 content"}}
+ *       {id: "3", data: {label: "Tab 3", content: "Tab 3 content"}}
+ *     ],
+ *     []
+ *   );
+ *
+ *   return (
+ *     <ToggleSwitch
+ *       tabs={tabs}
+ *       defaultIndex={0}
+ *       onChange={(activeIndex: number) => console.log(`Switched to tab index ${activeIndex}`)}
+ *     />
+ *   );
+ * };
+ * ```
+ *
+ * @param tabs List of component descriptors which will be used to create {@link ToggleSwitchTab} children.
+ * @param variant Variant of the tabs.
+ *  The variants have the following behaviors:
+ *    - {@link ToggleSwitchVariant.Default} - tabs are bordered and have visible boundaries;
+ *      the active tab has a distinct background from inactive tabs.
+ *    - {@link ToggleSwitchVariant.Soft} - tabs are not bordered;
+ *      the active tab has a distinct background and is highlighted in an accent color.
+ *    - {@link ToggleSwitchVariant.Full} - similar to {@link ToggleSwitchVariant.Default} and expands to fill
+ *      its container.
+ *    - {@link ToggleSwitchVariant.Borderless} - tabs are not bordered; the active tab has a bottom border.
+ *  See {@link ToggleSwitchVariant}.
+ * @param defaultIndex The index of the tab which should be considered active when the component first renders.
+ * @param onChange Callback triggered when the active tab changes.
+ * @param size Size of the tabs; this controls the text size and padding. See {@link Size}.
+ * @param fullWidth If `true`, the tab group will fill the width of their container.
+ * @param tabListClassName `class` overrides to apply to the tabs.
+ * @param tabPanelClassName `class` overrides to apply to the active content container.
+ * @param props Additional HTML properties to apply to the tab group.
+ */
 export declare const ToggleSwitch: FC<ToggleSwitchProps>;
 //# sourceMappingURL=ToggleSwitch.d.ts.map

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAML,UAAU,EAEV,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAEtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsFD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4D9C,CAAC"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAML,UAAU,EAEV,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,UAAU,eAAe;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+D9C,CAAC"}