@razorpay/blade 12.110.0 → 12.119.1

package/build/types/components/index.d.ts

@@ -522,6 +522,10 @@ type DataCategoricalEmphasis = Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>
     faint: string;
     strong: string;
 };
+type SurfacePrimaryEmphasis = Pick<Emphasis, 'subtle' | 'moderate' | 'intense'> & {
+    faint: string;
+    strong: string;
+};
 type DataSequentialEmphasis = Omit<ColorChromaticScale, 'a50' | 'a150' | 'a100' | 'a200' | 'a400' | 'a500' | 'a600' | 'a700'>;
 type DataColorCategories = 'blue' | 'green' | 'red' | 'orange' | 'skyBlue' | 'purple' | 'pink' | 'gold' | 'gray';
 type SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' | 'intense'>;
@@ -574,8 +578,8 @@ type Colors = {
     interactive: {
         background: Record<Exclude<InteractiveColorKeys, InteractiveBackgroundColorsWithGhost>, InteractiveStatesWithFadedHighlighted> & Record<InteractiveBackgroundColorsWithGhost, InteractiveBackgroundStatesWithGhost>;
         border: Record<Exclude<InteractiveColorKeys, InteractiveBorderColorsWithFadedHighlighted>, InteractiveStates> & Record<InteractiveBorderColorsWithFadedHighlighted, InteractiveStatesWithFadedHighlighted>;
-        text: Record<InteractiveColorKeys | 'onPrimary', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
-        icon: Record<InteractiveColorKeys | 'onPrimary', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
+        text: Record<InteractiveColorKeys | 'onPrimary' | 'onNeutral', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
+        icon: Record<InteractiveColorKeys | 'onPrimary' | 'onNeutral', Pick<Emphasis, 'normal' | 'subtle' | 'muted' | 'disabled'>>;
     };
     feedback: {
         background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;
@@ -586,9 +590,10 @@ type Colors = {
     surface: {
         background: {
             gray: Pick<Emphasis, 'subtle' | 'moderate' | 'intense'>;
-            primary: SubtleOrIntenseEmphasis;
+            primary: SurfacePrimaryEmphasis;
             sea: SubtleOrIntenseEmphasis;
             cloud: SubtleOrIntenseEmphasis;
+            accent: Pick<Emphasis, 'intense'>;
         };
         border: {
             gray: Pick<Emphasis, 'normal' | 'subtle' | 'muted'>;
@@ -1958,7 +1963,7 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
+    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "overlay.background.subtle" | "overlay.background.moderate";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -2115,6 +2120,8 @@ declare const BoldIcon: React$1.FunctionComponent<IconProps>;
 
 declare const BookIcon: React$1.FunctionComponent<IconProps>;
 
+declare const BookmarkFilledIcon: React$1.FunctionComponent<IconProps>;
+
 declare const BookmarkIcon: React$1.FunctionComponent<IconProps>;
 
 declare const BoxIcon: React$1.FunctionComponent<IconProps>;
@@ -3847,7 +3854,7 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
+    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "overlay.background.subtle" | "overlay.background.moderate";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -5886,7 +5893,28 @@ type BaseButtonCommonProps = {
     isLoading?: boolean;
     accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent'
+    /**
+     * Only supported with `variant="primary"`. Consumed by FloatingActionButton
+     * and intentionally not exposed on `Button`.
+     */
+     | 'black';
+    /**
+     * Overrides the size-derived border radius. Used by FloatingActionButton to
+     * render a pill. `round` is excluded because a percentage radius distorts on
+     * a non-square button.
+     */
+    _borderRadius?: Exclude<keyof Theme['border']['radius'], 'round'>;
+    /**
+     * Overrides the size-derived icon size. Used by FloatingActionButton, whose
+     * icon is larger than a `size="large"` Button's.
+     */
+    _iconSize?: IconSize;
+    /**
+     * Overrides the color of the loading spinner. Used by FloatingActionButton,
+     * whose contrast requirements differ from `Button`'s.
+     */
+    _spinnerColor?: BaseSpinnerProps['color'];
 } & TestID & StyledPropsBlade & BladeCommonEvents;
 type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
     icon?: undefined;
@@ -8153,7 +8181,7 @@ declare const AppBar: React__default.ForwardRefExoticComponent<{
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
+    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "overlay.background.subtle" | "overlay.background.moderate";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -13892,7 +13920,7 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
     } | undefined;
     autoPlay?: boolean | undefined;
     showIndicators?: boolean | undefined;
-    scrollOverlayColor?: ("feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.information.fadedHighlighted" | "interactive.background.negative.fadedHighlighted" | "interactive.background.notice.fadedHighlighted" | "interactive.background.positive.fadedHighlighted" | "interactive.background.staticBlack.ghost" | "interactive.background.staticWhite.ghost" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.ghost" | "interactive.background.primary.fadedHighlighted" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
+    scrollOverlayColor?: ("feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.information.fadedHighlighted" | "interactive.background.negative.fadedHighlighted" | "interactive.background.notice.fadedHighlighted" | "interactive.background.positive.fadedHighlighted" | "interactive.background.staticBlack.ghost" | "interactive.background.staticWhite.ghost" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.ghost" | "interactive.background.primary.fadedHighlighted" | "overlay.background.subtle" | "overlay.background.moderate") | undefined;
     navigationButtonPosition?: "bottom" | "side" | "side-overlap" | undefined;
     navigationButtonVariant?: "filled" | "stroked" | undefined;
     indicatorVariant?: "gray" | "blue" | "white" | undefined;
@@ -16332,6 +16360,33 @@ type ChartReferenceLineProps = {
      */
     label: string;
 };
+type ChartReferenceBandProps = {
+    /**
+     * The data key for the lower (minimum) bound of the range.
+     * Each data row should hold a numeric value at this key.
+     */
+    lowerDataKey: string;
+    /**
+     * The data key for the upper (maximum) bound of the range.
+     * Each data row should hold a numeric value at this key.
+     */
+    upperDataKey: string;
+    /**
+     * The label shown for the range in the legend.
+     * @default 'Reference band'
+     */
+    name?: string;
+    /**
+     * The fill color of the range band.
+     * @default 'data.background.categorical.blue.faint'
+     */
+    color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
+    /**
+     * Whether to show a legend entry for the range.
+     * @default true
+     */
+    showLegend?: boolean;
+};
 type ChartXAxisProps = Omit<XAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'> & {
     /**
      * The label of the x-axis.
@@ -16440,6 +16495,25 @@ type ChartSequentialColorToken = `data.background.sequential.${Exclude<DataColor
  * This is computed in chart wrappers when secondaryDataKey is provided.
  */
 type SecondaryLabelMap = Record<number, string | number | undefined>;
+/**
+ * Legend info for a reference band, surfaced through context so the shared
+ * legend can render a swatch for it (the band's bound lines are invisible, so
+ * they don't produce a Recharts legend entry).
+ */
+type ReferenceBandLegendInfo = {
+    name: string;
+    color: ChartsCategoricalColorToken | ChartSequentialColorToken;
+    fillOpacity: number;
+};
+/**
+ * Map of a line's dataKey to its reference-band range keys, surfaced through context so the shared
+ * tooltip can show the industry range (low–high) for each series next to its value.
+ */
+type RangeMap = Record<string, {
+    rangeLowerDataKey: string;
+    rangeUpperDataKey: string;
+    rangeName?: string;
+}>;
 type CommonChartComponentsStateType = {
     dataColorMapping?: DataColorMapping;
     chartName?: ChartName;
@@ -16452,6 +16526,15 @@ type CommonChartComponentsStateType = {
      * The number of data points in the chart, used for tick width calculation
      */
     dataLength?: number;
+    /**
+     * Legend info for each reference band present in the chart (one per line with a range, plus any
+     * standalone band), so the legend can render a swatch per band.
+     */
+    referenceBands?: ReferenceBandLegendInfo[];
+    /**
+     * Map of line dataKey -> range keys, so the tooltip can show each series' industry range.
+     */
+    rangeMap?: RangeMap;
 };
 type CommonChartComponentsDispatchType = {
     setDataColorMapping?: (dataColorMapping: DataColorMapping) => void;
@@ -16499,9 +16582,37 @@ interface ChartLineProps {
      */
     activeDot?: LineProps['activeDot'];
     /**
-     * If we don't have data for some points should we connect the line or should skip it.
+     * Whether to bridge gaps (`null` / `undefined` values) in the data.
+     *
+     * - `false` (default): the line breaks at null points, leaving a gap. Use this for genuine data
+     *   outages where no continuity should be implied.
+     * - `true`: the line is connected across null points. Use `connectNullsStyle` to control whether
+     *   the bridge is drawn as a solid or dashed line.
+     *
+     * @default false
+     */
+    connectNulls?: boolean;
+    /**
+     * The style of the line drawn across null points when `connectNulls` is `true`.
+     *
+     * - `'solid'` (default): nulls are bridged with a solid line.
+     * - `'dashed'`: real data renders as a solid line while the stretch across null points renders
+     *   dashed, signalling "no data for this period" without implying a measured value.
+     *
+     * Note: `'dotted'` (which `strokeStyle` supports) is intentionally not offered for null bridges.
+     * A dotted bridge reads as a decorative line style rather than a "missing data" signal, and the
+     * dashed style is the agreed convention for representing gaps in this chart (see the
+     * SR-data-null discussion). If a dotted bridge is ever needed, extend this union and the
+     * rendering helpers together.
+     *
+     * Note: When `strokeStyle` is also set to `'dashed'`, the null bridge becomes visually
+     * indistinguishable from the rest of the line. In that case, consider using `connectNullsStyle`
+     * set to `'solid'` (the default) so the bridge reads as a continuous segment, or use a
+     * different `strokeStyle` for the line to keep the dashed bridge visually distinct.
+     *
+     * @default 'solid'
      */
-    connectNulls?: LineProps['connectNulls'];
+    connectNullsStyle?: 'solid' | 'dashed';
     /**
      * Include this particular line in legend.
      *  @default : true
@@ -16521,6 +16632,41 @@ interface ChartLineProps {
      * if no provided, we will pick colors from the default theme colors.
      */
     color?: ChartsCategoricalColorToken | ChartSequentialColorToken;
+    /**
+     * Data key for the lower (minimum) bound of this line's reference band.
+     * When both `rangeLowerDataKey` and `rangeUpperDataKey` are provided, a shaded range band is
+     * drawn behind this line (e.g. the industry min–max range for this metric).
+     */
+    rangeLowerDataKey?: string;
+    /**
+     * Data key for the upper (maximum) bound of this line's reference band.
+     * @see rangeLowerDataKey
+     */
+    rangeUpperDataKey?: string;
+    /**
+     * Legend / tooltip label for this line's reference band.
+     * @default 'Industry range'
+     */
+    rangeName?: string;
+    /**
+     * Fill color of this line's reference band.
+     * @default the line's own color (auto color-matched)
+     */
+    rangeColor?: ChartsCategoricalColorToken | ChartSequentialColorToken;
+    /**
+     * Whether to show this line's reference band as a separate entry in the legend.
+     *
+     * Defaults to the line's own `showLegend` value, so the band's swatch follows the line's legend
+     * visibility unless explicitly overridden. Set this to `false` to hide only the band's legend
+     * swatch while keeping the line's entry, or to `true` to show the band's swatch while hiding the
+     * line's entry (`showLegend={false}` + `showRangeLegend={true}`).
+     *
+     * This mirrors the standalone `ChartReferenceBand` component's `showLegend` prop, allowing
+     * independent control of the band's legend visibility for per-line bands.
+     *
+     * @default the line's `showLegend` value
+     */
+    showRangeLegend?: boolean;
     /**
      * Style of the line in line chart.
      * @default: solid
@@ -16569,9 +16715,37 @@ type ChartAreaProps = {
      */
     type?: 'step' | 'stepAfter' | 'stepBefore' | 'linear' | 'monotone';
     /**
-     * Whether to connect nulls.
+     * Whether to bridge gaps (`null` / `undefined` values) in the data.
+     *
+     * - `false` (default): the area breaks at null points, leaving a gap (no fill either). Use this
+     *   for genuine data outages where no continuity should be implied.
+     * - `true`: a line bridges across null points while the fill stays gapped underneath (there's
+     *   never a fill under a no-data stretch). Use `connectNullsStyle` to control whether that bridge
+     *   line is solid or dashed.
+     *
+     * Narrowed to `boolean` (instead of `RechartAreaProps['connectNulls']`) intentionally: Blade
+     * restricts the API surface to a controlled subset so that `connectNullsStyle` — a Blade-specific
+     * concept with no Recharts equivalent — can be offered alongside it. This mirrors `ChartLine`.
+     *
+     * @default false
+     * @see {@link connectNullsStyle} — only takes effect when this prop is `true`
+     */
+    connectNulls?: boolean;
+    /**
+     * The style of the line drawn across null points. **Only takes effect when `connectNulls` is
+     * `true`** — when `connectNulls` is `false` (or unset) the area simply breaks at null points and
+     * this prop is ignored. In both cases the area fill is omitted under the no-data stretch — only
+     * the bridge line differs.
+     *
+     * - `'solid'` (default): real data renders as a solid area and the gap is bridged with a solid
+     *   line (no fill underneath).
+     * - `'dashed'`: real data renders as a solid area and the gap is bridged with a dashed line (no
+     *   fill underneath), signalling "no data for this period" without implying a measured value.
+     *
+     * @default 'solid'
+     * @see {@link connectNulls} — must be `true` for this prop to have any effect
      */
-    connectNulls?: AreaProps['connectNulls'];
+    connectNullsStyle?: 'solid' | 'dashed';
     /**
      * Whether to show the legend.
      */
@@ -16617,6 +16791,10 @@ type ChartAreaProps = {
      * @private
      */
     _totalAreas?: number;
+    /**
+     * @private
+     */
+    _gradientNamespace?: string;
 };
 type data$2 = {
     [key: string]: string | number | null;
@@ -16773,6 +16951,7 @@ declare const ChartCartesianGrid: React__default.FC<ChartCartesianGridProps>;
 declare const ChartTooltip: React__default.FC<ChartTooltipProps>;
 declare const ChartLegend: React__default.FC<ChartLegendProps>;
 declare const ChartReferenceLine: React__default.FC<ChartReferenceLineProps>;
+declare const ChartReferenceBand: React__default.FC<ChartReferenceBandProps>;
 
 declare const CommonChartComponentsContext: React$1.Context<CommonChartComponentsContextType>;
 declare const useCommonChartComponentsContext: () => CommonChartComponentsContextType;
@@ -16785,6 +16964,7 @@ declare const componentId: {
     chartCartesianGrid: string;
     chartTooltip: string;
     chartReferenceLine: string;
+    chartReferenceBand: string;
 };
 
 type SankeyDataNode = {
@@ -19004,7 +19184,14 @@ type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>,
      */
     inputPlaceHolder?: string;
     /**
-     * Decides whether to render a clear icon button
+     * Decides whether to render a clear (cross) button on the input.
+     *
+     * For the regular `DatePicker` input this is the existing opt-in behaviour. For the filter-chip
+     * variant (`FilterChipDatePicker`) the clear button is shown by default once a value is
+     * selected; pass `showClearButton={false}` there for filters that must always hold a value
+     * (e.g. a mandatory default date).
+     *
+     * @default true (filter-chip variant) / undefined (regular DatePicker input)
      */
     showClearButton?: boolean;
     /**
@@ -19023,8 +19210,16 @@ type FilterChipDatePickerProps = Omit<DatePickerProps<'single' | 'range'>, 'labe
      */
     label: string;
     /**
+     * Callback which fires when the clear (cross) button is clicked.
+     *
+     * Clearing also fires `onChange` with an empty value (`null` for single selection,
+     * `[null, null]` for range). When the FilterChipDatePicker is controlled (a `value` is
+     * provided), the chip cannot clear itself — you must reset `value` in response to
+     * `onChange`/`onClearButtonClick`. In the uncontrolled case (only `defaultValue`), the chip
+     * clears itself automatically.
      *
-     * Callback which fires when clear button is clicked
+     * Tip: pass `showClearButton={false}` to hide the clear button for filters that must always
+     * hold a value.
      */
     onClearButtonClick?: () => void;
 };
@@ -19560,15 +19755,55 @@ type DropdownOverlayProps = {
 type FilterChipGroupProps = TestID & DataAnalyticsAttribute & {
     children: React__default.ReactNode;
     /**
-     * Callback which is called when clear button is clicked
+     * Callback fired when the **Clear** action is clicked.
+     *
+     * "Clear" empties every filter and returns the group to the no-filter (empty) state. The group
+     * performs the emptying itself, so uncontrolled chips are cleared and controlled chips receive
+     * `onChange([])`.
+     *
+     * Providing this (or leaving `showClearButton` at its default) renders the Clear action.
      */
     onClearButtonClick?: () => void;
     /**
-     * Boolean to decide if we should show clear button or not.
-     * If true, clear button will be shown when there are selected filters
+     * Callback fired when the **Reset** action is clicked.
+     *
+     * "Reset" is semantically different from "Clear": it returns filters to their **default**
+     * values (which may be non-empty, e.g. `Status: Active`) rather than emptying them. The group
+     * does NOT empty the chips in this mode — it only fires this callback, which is your hook to
+     * restore each filter's default (for controlled filters, reset their `value` here).
      *
+     * Providing this renders the Reset action. It can be shown **alongside** the Clear action, so a
+     * group can offer both "Reset" and "Clear".
+     *
+     * ⚠️ For **uncontrolled** chips (no `value` prop) reset cannot restore defaults yet — there is
+     * no `defaultValue` for the group to restore, so those chips visually retain their values.
+     * Uncontrolled reset-to-defaults is Phase 2 — see `_decisions/filter-chip-reset.md`.
+     */
+    onResetButtonClick?: () => void;
+    /**
+     * Controls visibility of the group-level **Clear** action link (NOT the per-chip clear/cross
+     * button). When `true`, the Clear link is shown whenever the group has at least one selected
+     * filter.
+     *
+     * Note: this is distinct from `showClearButton` on `FilterChipSelectInput` /
+     * `FilterChipDatePicker`, which toggles the individual chip's cross button. Set this to `false`
+     * (and provide `onResetButtonClick`) for a group that should only offer Reset.
+     *
+     * @default true
      */
     showClearButton?: boolean;
+    /**
+     * Custom label for the **Clear** action link.
+     *
+     * @default "Clear Filter" (auto-pluralised to "Clear Filters" when more than one filter is selected)
+     */
+    clearButtonText?: string;
+    /**
+     * Custom label for the **Reset** action link.
+     *
+     * @default "Reset"
+     */
+    resetButtonText?: string;
 };
 type FilterChipGroupContextType = {
     /**
@@ -19619,6 +19854,28 @@ type BaseFilterChipProps = {
     onClearButtonClick?: ({ value }: {
         value: string | string[];
     }) => void;
+    /**
+     * Whether to render the clear (cross) button when the chip has a selected value.
+     *
+     * Set to `false` for filters that should always hold a value (e.g. a date filter
+     * with a mandatory default) so users can't clear it to an empty state.
+     *
+     * **Controlled / uncontrolled clearing contract:**
+     * When the clear button is clicked, `onClearButtonClick` fires. If the parent
+     * controls `value` (passes it explicitly), the chip cannot clear itself — the
+     * parent must reset `value` in response to `onClearButtonClick`. In the uncontrolled
+     * case, the chip clears itself automatically.
+     *
+     * Note: this only controls the chip's own visual cross button. It does NOT opt the chip
+     * out of a group-level clear — a `FilterChipGroup`'s Clear action (`onClearButtonClick`) still
+     * empties every chip (including those with `showClearButton={false}`). For a filter that must
+     * never be emptied from the group, offer a Reset action instead (`onResetButtonClick`) and
+     * restore the filter's default yourself, or hide the group's Clear action via
+     * `showClearButton={false}` on the group.
+     *
+     * @default true
+     */
+    showClearButton?: boolean;
     /**
      * Children. Title of the Chip
      */
@@ -19642,11 +19899,16 @@ type BaseFilterChipProps = {
     accessibilityProps?: Partial<AccessibilityProps>;
 } & TestID & DataAnalyticsAttribute;
 
-type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'> & {
+type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur' | 'showClearButton'> & {
     accessibilityLabel?: string;
+    /**
+     * `selectedGroups` is only present when the Dropdown overlay content is a TreeView -
+     * it contains the values of the topmost fully-selected branches
+     */
     onChange?: (props: {
         name: string;
         values: string[];
+        selectedGroups?: string[];
     }) => void;
     name?: string;
     onClearButtonClick?: (props: {
@@ -19657,7 +19919,7 @@ type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value
 } & DataAnalyticsAttribute;
 declare const FilterChipSelectInput: (props: FilterChipSelectInputProps) => React__default.ReactElement;
 
-declare const FilterChipGroup: ({ testID, children, showClearButton, onClearButtonClick, ...rest }: FilterChipGroupProps) => React.ReactElement;
+declare const FilterChipGroup: ({ testID, children, showClearButton, onClearButtonClick, onResetButtonClick, clearButtonText, resetButtonText, ...rest }: FilterChipGroupProps) => React.ReactElement;
 
 type BaseInputDropDownButtonProps = {
     /**
@@ -20345,6 +20607,92 @@ declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & Re
 
 declare const FileUploadItem: React$1.MemoExoticComponent<({ file, onPreview, onRemove, onReupload, onDismiss, size: containerSize, width, minWidth, maxWidth, flexShrink, flexGrow, flexBasis, ...rest }: FileUploadItemProps) => React.ReactElement>;
 
+/**
+ * Values mirror `Popover`'s `placement`, where the unsuffixed value is centered
+ * and `start` / `end` name the inline edges.
+ */
+type FloatingActionButtonPlacement = 'bottom-end' | 'bottom-start' | 'bottom';
+type FloatingActionButtonCommonProps = {
+    /**
+     * Icon rendered inside the button.
+     *
+     * Accepts an icon component from blade.
+     */
+    icon: IconComponent;
+    /**
+     * Color of the button.
+     *
+     * @default 'primary'
+     */
+    color?: 'primary' | 'white' | 'black';
+    /**
+     * Corner of the viewport the button is anchored to.
+     *
+     * @default 'bottom-end'
+     */
+    placement?: FloatingActionButtonPlacement;
+    /**
+     * Distance between the button and the edges it is anchored to.
+     *
+     * @default 'spacing.5'
+     */
+    offset?: SpacingValueType;
+    /**
+     * zIndex of the button.
+     *
+     * Defaults to a value that sits above page content but below `BottomNav`,
+     * `BottomSheet` and `Modal`.
+     *
+     * @default 99
+     */
+    zIndex?: number;
+    /**
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Shows a spinner in place of the button's content.
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Automatically renders the button with an `a` tag with `href` on web.
+     */
+    href?: BaseButtonProps['href'];
+    /**
+     * anchor target attribute
+     *
+     * Should only be used alongside `href`
+     */
+    target?: BaseButtonProps['target'];
+    /**
+     * anchor rel attribute
+     *
+     * Should only be used alongside `href`
+     */
+    rel?: BaseButtonProps['rel'];
+    /**
+     * @default 'button'
+     */
+    type?: 'button' | 'reset' | 'submit';
+    onClick?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    }>;
+} & TestID & StyledPropsBlade & DataAnalyticsAttribute & BladeCommonEvents;
+type FloatingActionButtonWithLabelProps = FloatingActionButtonCommonProps & {
+    children: StringChildrenType;
+    accessibilityLabel?: string;
+};
+type FloatingActionButtonIconOnlyProps = FloatingActionButtonCommonProps & {
+    children?: undefined;
+    accessibilityLabel: string;
+};
+type FloatingActionButtonProps = FloatingActionButtonWithLabelProps | FloatingActionButtonIconOnlyProps;
+
+declare const FloatingActionButton: React__default.ForwardRefExoticComponent<FloatingActionButtonProps & React__default.RefAttributes<BladeElementRef>>;
+
 type InfoGroupProps = {
     /**
      * Defines how Key and Value are arranged — side by side or stacked
@@ -21449,7 +21797,7 @@ declare const InfoGroup: React__default.ForwardRefExoticComponent<{
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
+    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "overlay.background.subtle" | "overlay.background.moderate";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -21977,9 +22325,16 @@ type DropdownInputTriggersCommonProps = Pick<BaseInputProps, 'label' | 'accessib
      * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
      */
     defaultValue?: string | string[];
-    onChange?: ({ name, values }: {
+    /**
+     * Selection change handler.
+     *
+     * `selectedGroups` is only present when the Dropdown overlay content is a TreeView -
+     * it contains the values of the topmost fully-selected branches
+     */
+    onChange?: ({ name, values, }: {
         name?: string;
         values: string[];
+        selectedGroups?: string[];
     }) => void;
     /**
      * Syncs the selected value to inputValue in AutoComplete
@@ -22131,9 +22486,10 @@ declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseIn
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
-    onChange?: (({ name, values }: {
+    onChange?: (({ name, values, }: {
         name?: string | undefined;
         values: string[];
+        selectedGroups?: string[] | undefined;
     }) => void) | undefined;
     syncInputValueWithSelection?: ((value: string) => void) | undefined;
     maxRows?: "multiple" | "single" | "expandable" | undefined;
@@ -25355,6 +25711,159 @@ type ScaleProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children
  */
 declare const Scale: ({ children, isHighlighted, type, variant, motionTriggers, }: ScaleProps) => React__default.ReactElement;
 
+type SegmentedControlSize = 'small' | 'medium' | 'large';
+type SegmentedControlCommonProps = {
+    /**
+     * The content of the SegmentedControl, accepts `SegmentedControlItem` components.
+     */
+    children: React__default.ReactNode;
+    /**
+     * The controlled selected value.
+     */
+    value?: string;
+    /**
+     * The default value when uncontrolled.
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when the selected value changes.
+     */
+    onChange?: ({ name, value }: {
+        name: string | undefined;
+        value: string;
+    }) => void;
+    /**
+     * The size of the segmented control.
+     *
+     * @default 'medium'
+     */
+    size?: SegmentedControlSize;
+    /**
+     * If `true`, the entire segmented control is disabled.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Name attribute for form identification.
+     */
+    name?: string;
+    /**
+     * Sets the position of the label.
+     *
+     * @default 'top'
+     */
+    labelPosition?: 'top' | 'left';
+    /**
+     * Help text displayed below the segmented control.
+     */
+    helpText?: string;
+    /**
+     * Error text displayed when `validationState` is set to 'error'.
+     * Overrides helpText.
+     */
+    errorText?: string;
+    /**
+     * Sets the validation state of the segmented control.
+     * If set to `error`, renders the `errorText`.
+     *
+     * @default 'none'
+     */
+    validationState?: 'error' | 'none';
+    /**
+     * Renders a necessity indicator after the label.
+     *
+     * @default 'none'
+     */
+    necessityIndicator?: 'required' | 'optional' | 'none';
+    /**
+     * Sets the required state of the segmented control.
+     *
+     * @default false
+     */
+    isRequired?: boolean;
+} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
+type SegmentedControlPropsWithLabel = {
+    /**
+     * Renders the label of the segmented control.
+     */
+    label: string;
+    /**
+     * Accessibility label for the segmented control.
+     */
+    accessibilityLabel?: string;
+};
+type SegmentedControlPropsWithA11yLabel = {
+    /**
+     * Renders the label of the segmented control.
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the segmented control (required when no visible label).
+     */
+    accessibilityLabel: string;
+};
+type SegmentedControlProps = (SegmentedControlPropsWithLabel | SegmentedControlPropsWithA11yLabel) & SegmentedControlCommonProps;
+type SegmentedControlItemIconWithLabel = {
+    /**
+     * A leading icon component.
+     */
+    leading: IconComponent;
+    /**
+     * The label content of the item.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Accessibility label for the item.
+     */
+    accessibilityLabel?: string;
+};
+type SegmentedControlItemIconOnly = {
+    /**
+     * A leading icon component.
+     */
+    leading: IconComponent;
+    /**
+     * The label content of the item. Omit for icon-only items.
+     */
+    children?: undefined;
+    /**
+     * Accessibility label for the item. Required for icon-only items.
+     */
+    accessibilityLabel: string;
+};
+type SegmentedControlItemWithIconProps = SegmentedControlItemIconWithLabel | SegmentedControlItemIconOnly;
+type SegmentedControlItemWithoutIconProps = {
+    /**
+     * A leading icon component.
+     */
+    leading?: undefined;
+    /**
+     * The label content of the item.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Accessibility label for the item.
+     */
+    accessibilityLabel?: string;
+};
+type SegmentedControlItemProps = (SegmentedControlItemWithIconProps | SegmentedControlItemWithoutIconProps) & {
+    /**
+     * The unique value for this item.
+     */
+    value: string;
+    /**
+     * If `true`, this item is disabled.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+} & TestID & DataAnalyticsAttribute;
+
+declare const SegmentedControl: React__default.ForwardRefExoticComponent<SegmentedControlProps & React__default.RefAttributes<BladeElementRef>>;
+
+declare const SegmentedControlItem: ({ children, value, leading: Leading, isDisabled: isItemDisabled, accessibilityLabel, testID, ...rest }: SegmentedControlItemProps) => React__default.ReactElement;
+
 declare const SideNav: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
     isOpen?: boolean | undefined;
@@ -30436,7 +30945,7 @@ declare const TopNav: React__default.ForwardRefExoticComponent<{
         readonly xl?: "platform-web" | undefined;
     } | undefined;
 } & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "overlay.background.subtle" | "overlay.background.moderate";
+    backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.moderate" | "surface.background.primary.intense" | "surface.background.primary.faint" | "surface.background.primary.strong" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "surface.background.accent.intense" | "overlay.background.subtle" | "overlay.background.moderate";
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
@@ -30940,6 +31449,203 @@ type TopNavOverlayThemeOverrideProps = {
  */
 declare const TopNavOverlayThemeOverride: ({ children, shouldOverrideTheme, }: TopNavOverlayThemeOverrideProps) => React__default.ReactElement;
 
+type TreeViewProps = {
+    /**
+     * Children of TreeView. Only `TreeViewItem` and `TreeViewLoadMore` are allowed
+     */
+    children: React__default.ReactNode;
+    /**
+     * Selection type of the tree.
+     *
+     * Standalone only. Inside Dropdown, it is inherited from Dropdown's `selectionType`;
+     * passing a conflicting prop logs a dev warning and Dropdown's value wins.
+     *
+     * @default 'single'
+     */
+    selectionType?: 'single' | 'multiple';
+    /**
+     * Controlled selected leaf values.
+     *
+     * Standalone only. Inside Dropdown, use `value` on the trigger (SelectInput / FilterChipSelectInput) instead.
+     */
+    value?: string[];
+    /**
+     * Default selected leaf values (uncontrolled).
+     *
+     * Standalone only. Inside Dropdown, use `defaultValue` on the trigger instead.
+     */
+    defaultValue?: string[];
+    /**
+     * Selection change handler.
+     *
+     * Standalone only. Inside Dropdown, use `onChange` on the trigger instead.
+     *
+     * - `values`: selected leaf values (a branch's own value never appears here in multiple selection)
+     * - `selectedGroups`: values of the topmost fully-selected branches
+     */
+    onChange?: (event: {
+        name?: string;
+        values: string[];
+        selectedGroups: string[];
+    }) => void;
+    /**
+     * Name of the tree, passed in the `onChange` payload
+     */
+    name?: string;
+} & TestID & DataAnalyticsAttribute;
+type TreeViewItemProps = {
+    /**
+     * Title of the item
+     */
+    title: string;
+    /**
+     * Value of the item. Required and must be unique across the whole tree
+     */
+    value: string;
+    /**
+     * Description shown below the title
+     */
+    description?: string;
+    /**
+     * Leading element - icon, asset, or avatar.
+     *
+     * In multiple selection, it renders AFTER the checkbox (it is never replaced by it)
+     */
+    leading?: React__default.ReactNode;
+    /**
+     * Trailing element - Counter, Badge, or Text
+     */
+    trailing?: React__default.ReactNode;
+    /**
+     * Disables the item and its whole subtree - unselectable, not expandable, skipped by keyboard traversal
+     */
+    isDisabled?: boolean;
+    /**
+     * When `false` on a branch item, the branch itself cannot be selected - clicking the row
+     * (or pressing Enter/Space) toggles expansion instead, and no checkbox / selected state
+     * is rendered for it. Use this when only leaf items should be selectable.
+     *
+     * Only supported on branch items - leaf items are always selectable
+     *
+     * @default true
+     */
+    isSelectable?: boolean;
+    /**
+     * Nested `TreeViewItem` / `TreeViewLoadMore` children. Nesting defines depth
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Default expansion state (uncontrolled)
+     *
+     * @default false
+     */
+    defaultIsExpanded?: boolean;
+    /**
+     * Controlled expansion state
+     */
+    isExpanded?: boolean;
+    /**
+     * Expansion change handler
+     */
+    onExpandChange?: (event: {
+        isExpanded: boolean;
+    }) => void;
+    /**
+     * Forces the branch affordance (chevron) before children exist. Use for on-demand (async) children
+     */
+    hasChildren?: boolean;
+    /**
+     * Renders a Spinner in the chevron slot while children are being fetched
+     */
+    isLoading?: boolean;
+    /**
+     * Per-item click handler. Mirrors the ActionListItem precedent:
+     * `name` is the item's value (id), `value` is the post-click selected state,
+     * and `event` is the DOM event (present on click, absent on keyboard activation)
+     */
+    onClick?: (clickProps: {
+        name: string;
+        value: boolean;
+        event?: React__default.MouseEvent<HTMLButtonElement>;
+    }) => void;
+} & TestID & DataAnalyticsAttribute;
+type TreeViewLoadMoreProps = {
+    /**
+     * Label of the load more row
+     *
+     * @default 'Show more'
+     */
+    children?: string;
+    /**
+     * Click handler that loads more items
+     */
+    onClick: () => void;
+    /**
+     * Renders a Spinner, switches the label to "Loading..." and makes the row inert while more items are being fetched
+     */
+    isLoading?: boolean;
+} & TestID & DataAnalyticsAttribute;
+
+/**
+ * ### TreeView
+ *
+ * Hierarchical list of expandable, selectable items. Works standalone on a page,
+ * or inside `Dropdown` (in place of `ActionList`) where selection is controlled
+ * through the trigger's `value` / `onChange` (SelectInput, FilterChipSelectInput).
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TreeView selectionType="multiple" onChange={({ values, selectedGroups }) => {}}>
+ *   <TreeViewItem title="India" value="india">
+ *     <TreeViewItem title="Karnataka" value="karnataka">
+ *       <TreeViewItem title="Bengaluru" value="bengaluru" />
+ *       <TreeViewItem title="Mysuru" value="mysuru" />
+ *     </TreeViewItem>
+ *     <TreeViewItem title="Goa" value="goa" />
+ *   </TreeViewItem>
+ * </TreeView>
+ * ```
+ */
+declare const TreeView: ({ children, selectionType, value, defaultValue, onChange, name, testID, ...rest }: TreeViewProps) => React__default.ReactElement;
+
+/**
+ * ### TreeViewItem
+ *
+ * Creates a row inside `TreeView`. Nest `TreeViewItem` inside another `TreeViewItem`
+ * to create a hierarchy - nesting defines depth.
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TreeView selectionType="multiple">
+ *   <TreeViewItem title="India" value="india">
+ *     <TreeViewItem title="Karnataka" value="karnataka">
+ *       <TreeViewItem title="Bengaluru" value="bengaluru" />
+ *     </TreeViewItem>
+ *   </TreeViewItem>
+ * </TreeView>
+ * ```
+ */
+declare const TreeViewItem: (props: TreeViewItemProps) => React__default.ReactElement | null;
+
+/**
+ * ### TreeViewLoadMore
+ *
+ * Non-selectable action row inside `TreeView` for loading more items on demand.
+ * Can be placed at any depth including the root, as the last child of its branch.
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <TreeViewItem title="Karnataka" value="karnataka">
+ *   <TreeViewItem title="Bengaluru" value="bengaluru" />
+ *   <TreeViewLoadMore onClick={loadMoreCities} isLoading={isLoadingCities} />
+ * </TreeViewItem>
+ * ```
+ */
+declare const TreeViewLoadMore: (props: TreeViewLoadMoreProps) => React__default.ReactElement | null;
+
 type VisuallyHiddenProps = {
     children: React.ReactNode;
 } & TestID;
@@ -31204,6 +31910,27 @@ type GenUIAction = {
     eventName?: string;
     data?: Record<string, unknown>;
 };
+type GenUIActionSlotProps<T extends GenUIBaseComponent = GenUIBaseComponent> = {
+    data: T;
+    componentRef: React.RefObject<HTMLDivElement>;
+    componentType: string;
+};
+type GenUIActionSlotRenderer<T extends GenUIBaseComponent = GenUIBaseComponent> = (props: GenUIActionSlotProps<T>) => React.ReactNode;
+/**
+ * Component types that render as block-level elements (wrapped in the animated
+ * gradient border) and therefore support consumer-registered action slots.
+ * Custom components with `animation.name === 'gradient-ring-entry'` are also
+ * block-level at runtime, but their names are open-ended so they can't be
+ * included in this static union — cast the registry if you need them.
+ */
+type GenUIBlockLevelComponentType = 'CARD' | 'TABLE';
+/**
+ * Registry of consumer action slots, keyed by block-level component type.
+ * Action slots only render for block-level components (CARD, TABLE, or custom
+ * components with the gradient-ring-entry animation) — registering an action
+ * for any other component type has no effect.
+ */
+type GenUIComponentActionsRegistry = Partial<Record<GenUIBlockLevelComponentType, GenUIActionSlotRenderer<GenUIBaseComponent>>>;
 /**
  * Component renderer function type
  */
@@ -31243,6 +31970,8 @@ type GenUIContextValue = {
     registry: GenUIComponentRegistry;
     /** Action click handler */
     onActionClick?: (action: GenUIAction) => void;
+    /** Consumer-registered action slot render props, keyed by component type */
+    componentActions?: GenUIComponentActionsRegistry;
     /** All valid component type names */
     validComponentTypes: string[];
     /** Whether text animation is active (for streaming) */
@@ -31259,6 +31988,10 @@ declare const useGenUI: () => GenUIContextValue;
  * Hook to access action click handler (safe version that doesn't throw)
  */
 declare const useGenUIAction: () => ((action: GenUIAction) => void) | undefined;
+/**
+ * Hook to access the consumer-registered action slot registry (safe version that doesn't throw)
+ */
+declare const useGenUIComponentActions: () => GenUIComponentActionsRegistry | undefined;
 
 /**
  * GenUI Provider configuration
@@ -31268,6 +32001,12 @@ type GenUIConfig = {
     components?: GenUIComponentRegistry;
     /** Handler for action button clicks */
     onActionClick?: (action: GenUIAction) => void;
+    /**
+     * Consumer-registered action UI, keyed by component type. When a component of a
+     * registered type renders, GenUI renders the matching render prop in a slot below
+     * the component and hands it the component's `data` and a `componentRef`.
+     */
+    componentActions?: GenUIComponentActionsRegistry;
 };
 type GenUIProviderProps = {
     children: React__default.ReactNode;
@@ -31297,6 +32036,22 @@ type GenUIProviderProps = {
  * >
  *   <GenUISchemaRenderer components={components} />
  * </GenUIProvider>
+ *
+ * // With consumer-registered action slots (render prop gets the component's data + ref)
+ * <GenUIProvider
+ *   config={{
+ *     componentActions: {
+ *       TABLE: ({ data, componentRef }) => (
+ *         <Link onClick={() => exportCsv(data.rows)}>Download CSV</Link>
+ *       ),
+ *       CARD: ({ componentRef }) => (
+ *         <Link onClick={() => exportPng(componentRef.current)}>Download PNG</Link>
+ *       ),
+ *     },
+ *   }}
+ * >
+ *   <GenUISchemaRenderer components={components} />
+ * </GenUIProvider>
  * ```
  */
 declare const GenUIProvider: ({ children, config }: GenUIProviderProps) => React__default.JSX.Element;
@@ -31608,6 +32363,12 @@ type RzpGlassEffectToggles = {
 type RzpGlassLightConfig = {
     /** Strength of light sweep effect (default: 0.2) */
     lightIntensity?: number;
+    /**
+     * Tint applied to the center element's specular highlight as RGB [0-1, 0-1, 0-1].
+     * The highlight is white by default; use [0, 0, 0] to suppress it entirely on dark backgrounds.
+     * (default: [1, 1, 1])
+     */
+    specularTint?: [number, number, number];
     /** Frame when light effect starts (default: 140) */
     lightStartFrame?: number;
 };
@@ -31729,6 +32490,7 @@ declare const RzpGlass: React$1.ForwardRefExoticComponent<{
     enableLightSweep?: boolean | undefined;
 } & {
     lightIntensity?: number | undefined;
+    specularTint?: [number, number, number] | undefined;
     lightStartFrame?: number | undefined;
 } & {
     paused?: boolean | undefined;
@@ -31768,6 +32530,9 @@ declare const RzpGlass: React$1.ForwardRefExoticComponent<{
  *
  * @param preset - The preset name to preload assets for
  * @param assetsPath - Optional CDN path for assets (defaults to Blade CDN)
+ * @param colorScheme - Color scheme to preload for. Pass `'dark'` to preload the
+ * dark gradient maps. Since this runs outside React it cannot read Blade's color
+ * scheme itself, so pass the value from `useTheme()` when preloading in dark mode.
  * @returns Promise that resolves when all assets are loaded
  *
  * @example
@@ -31777,9 +32542,13 @@ declare const RzpGlass: React$1.ForwardRefExoticComponent<{
  *
  * // Now mount the component - assets are already cached
  * <RazorSense preset="circleSlideUp" />
+ *
+ * // In dark mode, preload the dark asset set
+ * const { colorScheme } = useTheme();
+ * await preloadRazorSenseAssets('circleSlideUp', undefined, colorScheme);
  * ```
  */
-declare function preloadRazorSenseAssets(preset?: RzpGlassPreset, assetsPath?: string): Promise<void>;
+declare function preloadRazorSenseAssets(preset?: RzpGlassPreset, assetsPath?: string, colorScheme?: 'light' | 'dark'): Promise<void>;
 
 interface FluidGradientProps {
     /**
@@ -31831,4 +32600,4 @@ interface FluidGradientProps {
  */
 declare function FluidGradient({ children, size, viewBox, origin, className, style, }: FluidGradientProps): React__default.JSX.Element;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AgentStudioIcon, AirplayIcon, Alert, AlertCircleIcon, AlertColors, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementBanner, AnnouncementBannerProps, AnnouncementIcon, ApertureIcon, AppBar, AppBarActions, AppBarActionsProps, AppBarContextProps, AppBarLeading, AppBarLeadingProps, AppBarProps, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarFilledIcon, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CardVariant, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLabelContentProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartSankey, ChartSankeyProps, ChartSankeyWrapper, ChartSankeyWrapperProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockFilledIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CollapsibleText, CollapsibleTextProps, ColorInput, ColorInputOnChange, ColorInputOnFocusBlur, ColorInputProps, ColorInputValue, CommandIcon, CommonChartComponentsContext, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardFilledIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DEFAULT_COLOR, DashboardIcon, DataColorMapping, DatePicker, DatePickerProps, DeleteIcon, DiamondBlocksIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadItem, FileUploadItemProps, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GenUIAction, GenUIBaseComponent, GenUIComponent, GenUIComponentDefinition, GenUIComponentRegistry, GenUIComponentRenderer, GenUICustomComponent, GenUIProvider, GenUISchemaRenderer, GenUISchemaRendererProps, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HorizontalBlocksIcon, IconButton, IconButtonEmphasis, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoCard, InfoCardBody, InfoCardFooter, InfoCardProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, LightBox, LightBoxBody, LightBoxBodyProps, LightBoxItem, LightBoxItemProps, LightBoxProps, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, Pagination, PaginationProps, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RzpGlass as RazorSense, FluidGradient as RazorSenseGradient, FluidGradientProps as RazorSenseGradientProps, RzpGlassPreset as RazorSensePreset, RzpGlassProps as RazorSenseProps, RazorpayIcon, RazorpayTrustIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, ReticleIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SankeyDataLink, SankeyDataNode, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SecondaryLabelMap, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavIconProp, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketCard, TicketCardBody, TicketCardFooter, TicketCardProps, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavBrandProps, TopNavContent, TopNavContextProps, TopNavOverlayThemeOverride, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustBadge, TrustBadgeProps, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiFilledIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserFilledIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VerticalBlocksIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletFilledIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, componentId, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, preloadRazorSenseAssets, screenReaderStyles, useAppBarContext, useCommonChartComponentsContext, useGenUI, useGenUIAction, useTheme, useToast, useTopNavContext };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AgentStudioIcon, AirplayIcon, Alert, AlertCircleIcon, AlertColors, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementBanner, AnnouncementBannerProps, AnnouncementIcon, ApertureIcon, AppBar, AppBarActions, AppBarActionsProps, AppBarContextProps, AppBarLeading, AppBarLeadingProps, AppBarProps, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkFilledIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarFilledIcon, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CardVariant, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartBar, ChartBarProps, ChartBarWrapper, ChartBarWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartDonut, ChartDonutCell, ChartDonutProps, ChartDonutWrapper, ChartDonutWrapperProps, ChartLabelContentProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceBand, ChartReferenceBandProps, ChartReferenceLine, ChartReferenceLineProps, ChartSankey, ChartSankeyProps, ChartSankeyWrapper, ChartSankeyWrapperProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockFilledIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CollapsibleText, CollapsibleTextProps, ColorInput, ColorInputOnChange, ColorInputOnFocusBlur, ColorInputProps, ColorInputValue, CommandIcon, CommonChartComponentsContext, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterInput, CounterProps, CpuIcon, CreditCardFilledIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DEFAULT_COLOR, DashboardIcon, DataColorMapping, DatePicker, DatePickerProps, DeleteIcon, DiamondBlocksIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadItem, FileUploadItemProps, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FloatingActionButton, FloatingActionButtonPlacement, FloatingActionButtonProps, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GenUIAction, GenUIActionSlotProps, GenUIActionSlotRenderer, GenUIBaseComponent, GenUIBlockLevelComponentType, GenUIComponent, GenUIComponentActionsRegistry, GenUIComponentDefinition, GenUIComponentRegistry, GenUIComponentRenderer, GenUICustomComponent, GenUIProvider, GenUISchemaRenderer, GenUISchemaRendererProps, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HorizontalBlocksIcon, IconButton, IconButtonEmphasis, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoCard, InfoCardBody, InfoCardFooter, InfoCardProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, LightBox, LightBoxBody, LightBoxBodyProps, LightBoxItem, LightBoxItemProps, LightBoxProps, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, Pagination, PaginationProps, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RzpGlass as RazorSense, FluidGradient as RazorSenseGradient, FluidGradientProps as RazorSenseGradientProps, RzpGlassPreset as RazorSensePreset, RzpGlassProps as RazorSenseProps, RazorpayIcon, RazorpayTrustIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, ReticleIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SankeyDataLink, SankeyDataNode, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SecondaryLabelMap, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavIconProp, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableComponent, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketCard, TicketCardBody, TicketCardFooter, TicketCardProps, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavBrandProps, TopNavContent, TopNavContextProps, TopNavOverlayThemeOverride, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TreeView, TreeViewItem, TreeViewItemProps, TreeViewLoadMore, TreeViewLoadMoreProps, TreeViewProps, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustBadge, TrustBadgeProps, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiFilledIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserFilledIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VerticalBlocksIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletFilledIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, componentId, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, preloadRazorSenseAssets, screenReaderStyles, useAppBarContext, useCommonChartComponentsContext, useGenUI, useGenUIAction, useGenUIComponentActions, useTheme, useToast, useTopNavContext };