@razorpay/blade 12.110.0 → 12.111.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/AnimateInteractions/AnimateInteractions.native.js +5 -5
- package/build/lib/native/components/AnimateInteractions/AnimateInteractions.native.js.map +1 -1
- package/build/lib/native/components/AnimateInteractions/AnimateInteractionsProvider.js +6 -0
- package/build/lib/native/components/AnimateInteractions/AnimateInteractionsProvider.js.map +1 -0
- package/build/lib/native/components/BaseMotion/BaseMotion.native.js +22 -0
- package/build/lib/native/components/BaseMotion/BaseMotion.native.js.map +1 -0
- package/build/lib/native/components/BaseMotion/baseMotionInterpreter.native.js +11 -0
- package/build/lib/native/components/BaseMotion/baseMotionInterpreter.native.js.map +1 -0
- package/build/lib/native/components/BaseMotion/baseMotionUtils.js +4 -0
- package/build/lib/native/components/BaseMotion/baseMotionUtils.js.map +1 -0
- package/build/lib/native/components/BaseMotion/index.js +3 -0
- package/build/lib/native/components/BaseMotion/index.js.map +1 -0
- package/build/lib/native/components/BaseMotion/types.js +2 -0
- package/build/lib/native/components/BaseMotion/types.js.map +1 -0
- package/build/lib/native/components/Dropdown/FilterChipSelectInput.native.js +2 -1
- package/build/lib/native/components/Dropdown/FilterChipSelectInput.native.js.map +1 -1
- package/build/lib/native/components/Dropdown/filterChipSelectInputUtils.js +4 -0
- package/build/lib/native/components/Dropdown/filterChipSelectInputUtils.js.map +1 -0
- package/build/lib/native/components/Fade/Fade.native.js +7 -5
- package/build/lib/native/components/Fade/Fade.native.js.map +1 -1
- package/build/lib/native/components/FilterChip/BaseFilterChip.native.js +2 -2
- package/build/lib/native/components/FilterChip/BaseFilterChip.native.js.map +1 -1
- package/build/lib/native/components/Morph/Morph.native.js +9 -5
- package/build/lib/native/components/Morph/Morph.native.js.map +1 -1
- package/build/lib/native/components/Move/Move.native.js +8 -5
- package/build/lib/native/components/Move/Move.native.js.map +1 -1
- package/build/lib/native/components/Scale/Scale.native.js +7 -5
- package/build/lib/native/components/Scale/Scale.native.js.map +1 -1
- package/build/lib/native/components/SegmentedControl/SegmentedControl.native.js +27 -0
- package/build/lib/native/components/SegmentedControl/SegmentedControl.native.js.map +1 -0
- package/build/lib/native/components/SegmentedControl/SegmentedControlContext.js +8 -0
- package/build/lib/native/components/SegmentedControl/SegmentedControlContext.js.map +1 -0
- package/build/lib/native/components/SegmentedControl/SegmentedControlItem.native.js +18 -0
- package/build/lib/native/components/SegmentedControl/SegmentedControlItem.native.js.map +1 -0
- package/build/lib/native/components/SegmentedControl/index.js +3 -0
- package/build/lib/native/components/SegmentedControl/index.js.map +1 -0
- package/build/lib/native/components/SegmentedControl/segmentedControlTokens.js +4 -0
- package/build/lib/native/components/SegmentedControl/segmentedControlTokens.js.map +1 -0
- package/build/lib/native/components/Slide/Slide.native.js +7 -5
- package/build/lib/native/components/Slide/Slide.native.js.map +1 -1
- package/build/lib/native/components/Stagger/Stagger.native.js +10 -5
- package/build/lib/native/components/Stagger/Stagger.native.js.map +1 -1
- package/build/lib/native/components/Stagger/StaggerProvider.js +6 -0
- package/build/lib/native/components/Stagger/StaggerProvider.js.map +1 -0
- package/build/lib/native/components/index.js +3 -0
- package/build/lib/native/components/index.js.map +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/native/utils/msToSeconds.js +4 -0
- package/build/lib/native/utils/msToSeconds.js.map +1 -0
- package/build/lib/web/development/_virtual/flatten.js +1 -1
- package/build/lib/web/development/_virtual/flatten3.js +1 -1
- package/build/lib/web/development/components/AnimateInteractions/AnimateInteractions.web.js +1 -1
- package/build/lib/web/development/components/AnimateInteractions/AnimateInteractionsProvider.js +2 -1
- package/build/lib/web/development/components/AnimateInteractions/AnimateInteractionsProvider.js.map +1 -1
- package/build/lib/web/development/components/AnimateInteractions/{useFocusWithin.js → useFocusWithin.web.js} +1 -1
- package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.web.js.map +1 -0
- package/build/lib/web/development/components/DatePicker/BaseDatePicker.web.js +8 -1
- package/build/lib/web/development/components/DatePicker/BaseDatePicker.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js +4 -1
- package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js +40 -5
- package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js +11 -21
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/filterChipSelectInputUtils.js +46 -0
- package/build/lib/web/development/components/Dropdown/filterChipSelectInputUtils.js.map +1 -0
- package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js +35 -11
- package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js.map +1 -1
- package/build/lib/web/development/components/SegmentedControl/SegmentedControl.web.js +196 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControl.web.js.map +1 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlContext.js +18 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlContext.js.map +1 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlIndicator.web.js +109 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlIndicator.web.js.map +1 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlItem.web.js +170 -0
- package/build/lib/web/development/components/SegmentedControl/SegmentedControlItem.web.js.map +1 -0
- package/build/lib/web/development/components/SegmentedControl/index.js +3 -0
- package/build/lib/web/development/components/SegmentedControl/index.js.map +1 -0
- package/build/lib/web/development/components/SegmentedControl/segmentedControlTokens.js +53 -0
- package/build/lib/web/development/components/SegmentedControl/segmentedControlTokens.js.map +1 -0
- package/build/lib/web/development/components/Stagger/StaggerProvider.js.map +1 -1
- package/build/lib/web/development/components/index.js +3 -0
- package/build/lib/web/development/components/index.js.map +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/sortBy.js +2 -2
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/omit.js +2 -2
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js +3 -1
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/production/components/AnimateInteractions/AnimateInteractions.web.js +1 -1
- package/build/lib/web/production/components/AnimateInteractions/AnimateInteractionsProvider.js +2 -1
- package/build/lib/web/production/components/AnimateInteractions/AnimateInteractionsProvider.js.map +1 -1
- package/build/lib/web/production/components/AnimateInteractions/{useFocusWithin.js → useFocusWithin.web.js} +1 -1
- package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.web.js.map +1 -0
- package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js +8 -1
- package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js +4 -1
- package/build/lib/web/production/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js +40 -5
- package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js +11 -21
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/filterChipSelectInputUtils.js +46 -0
- package/build/lib/web/production/components/Dropdown/filterChipSelectInputUtils.js.map +1 -0
- package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js +35 -11
- package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js.map +1 -1
- package/build/lib/web/production/components/SegmentedControl/SegmentedControl.web.js +196 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControl.web.js.map +1 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlContext.js +18 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlContext.js.map +1 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlIndicator.web.js +109 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlIndicator.web.js.map +1 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlItem.web.js +170 -0
- package/build/lib/web/production/components/SegmentedControl/SegmentedControlItem.web.js.map +1 -0
- package/build/lib/web/production/components/SegmentedControl/index.js +3 -0
- package/build/lib/web/production/components/SegmentedControl/index.js.map +1 -0
- package/build/lib/web/production/components/SegmentedControl/segmentedControlTokens.js +53 -0
- package/build/lib/web/production/components/SegmentedControl/segmentedControlTokens.js.map +1 -0
- package/build/lib/web/production/components/Stagger/StaggerProvider.js.map +1 -1
- package/build/lib/web/production/components/index.js +3 -0
- package/build/lib/web/production/components/index.js.map +1 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js +3 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/types/components/index.d.ts +238 -8
- package/build/types/components/index.native.d.ts +410 -14
- package/package.json +1 -1
- package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.js.map +0 -1
- package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.js.map +0 -1
|
@@ -6519,7 +6519,44 @@ type AnimateInteractionsProps = {
|
|
|
6519
6519
|
motionTriggers?: BaseMotionBoxProps['motionTriggers'];
|
|
6520
6520
|
};
|
|
6521
6521
|
|
|
6522
|
-
|
|
6522
|
+
/**
|
|
6523
|
+
* ## AnimateInteractions (native)
|
|
6524
|
+
*
|
|
6525
|
+
* AnimateInteractions is the utility preset that animates children when the parent is interacted
|
|
6526
|
+
* with — the CSS `.parent:hover .child {}` analogue.
|
|
6527
|
+
*
|
|
6528
|
+
* On web this is driven by hover / focus-within (framer control propagation). Touch devices have
|
|
6529
|
+
* neither hover nor DOM focus-within, so the closest analogue is **press-and-hold**: children
|
|
6530
|
+
* animate while the parent is pressed (`onPressIn` → `'animate'`, `onPressOut` → `'exit'`), exactly
|
|
6531
|
+
* mirroring web `onFocusWithin`/`onBlurWithin`.
|
|
6532
|
+
*
|
|
6533
|
+
* The parent does not self-animate. It publishes the interaction state through
|
|
6534
|
+
* `AnimateInteractionsContext`; the shared `BaseMotion.native` engine reads `isInteracting` to
|
|
6535
|
+
* drive every `on-animate-interactions` descendant. `motionTriggers` (hover / focus) is accepted
|
|
6536
|
+
* for API parity but has no native meaning and is intentionally ignored.
|
|
6537
|
+
*
|
|
6538
|
+
* ### Known layout divergence from web
|
|
6539
|
+
*
|
|
6540
|
+
* On web, `AnimateInteractions` uses `BaseMotionEnhancerBox` which clones the child element and
|
|
6541
|
+
* applies interaction handlers in-place (no extra DOM node). On native, we wrap children in a
|
|
6542
|
+
* `<Pressable>` because React Native has no equivalent of DOM event delegation — `onPressIn` /
|
|
6543
|
+
* `onPressOut` must be attached to a host component. This adds an extra `View` node to the layout
|
|
6544
|
+
* tree, which may cause minor flex/layout differences versus web. Consumers porting layouts that
|
|
6545
|
+
* depend on the enhancer not adding a wrapper should account for this extra nesting.
|
|
6546
|
+
*
|
|
6547
|
+
* ### Usage
|
|
6548
|
+
*
|
|
6549
|
+
* ```jsx
|
|
6550
|
+
* <AnimateInteractions> // <-- press-and-hold this
|
|
6551
|
+
* <Box>
|
|
6552
|
+
* <Move motionTriggers={['on-animate-interactions']}> // <-- this animates in
|
|
6553
|
+
* <Box />
|
|
6554
|
+
* </Move>
|
|
6555
|
+
* </Box>
|
|
6556
|
+
* </AnimateInteractions>
|
|
6557
|
+
* ```
|
|
6558
|
+
*/
|
|
6559
|
+
declare const AnimateInteractions: ({ children, motionTriggers, }: AnimateInteractionsProps) => React__default.ReactElement;
|
|
6523
6560
|
|
|
6524
6561
|
type TooltipProps = {
|
|
6525
6562
|
/**
|
|
@@ -15228,7 +15265,14 @@ type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>,
|
|
|
15228
15265
|
*/
|
|
15229
15266
|
inputPlaceHolder?: string;
|
|
15230
15267
|
/**
|
|
15231
|
-
* Decides whether to render a clear
|
|
15268
|
+
* Decides whether to render a clear (cross) button on the input.
|
|
15269
|
+
*
|
|
15270
|
+
* For the regular `DatePicker` input this is the existing opt-in behaviour. For the filter-chip
|
|
15271
|
+
* variant (`FilterChipDatePicker`) the clear button is shown by default once a value is
|
|
15272
|
+
* selected; pass `showClearButton={false}` there for filters that must always hold a value
|
|
15273
|
+
* (e.g. a mandatory default date).
|
|
15274
|
+
*
|
|
15275
|
+
* @default true (filter-chip variant) / undefined (regular DatePicker input)
|
|
15232
15276
|
*/
|
|
15233
15277
|
showClearButton?: boolean;
|
|
15234
15278
|
/**
|
|
@@ -15247,8 +15291,16 @@ type FilterChipDatePickerProps = Omit<DatePickerProps<'single' | 'range'>, 'labe
|
|
|
15247
15291
|
*/
|
|
15248
15292
|
label: string;
|
|
15249
15293
|
/**
|
|
15294
|
+
* Callback which fires when the clear (cross) button is clicked.
|
|
15295
|
+
*
|
|
15296
|
+
* Clearing also fires `onChange` with an empty value (`null` for single selection,
|
|
15297
|
+
* `[null, null]` for range). When the FilterChipDatePicker is controlled (a `value` is
|
|
15298
|
+
* provided), the chip cannot clear itself — you must reset `value` in response to
|
|
15299
|
+
* `onChange`/`onClearButtonClick`. In the uncontrolled case (only `defaultValue`), the chip
|
|
15300
|
+
* clears itself automatically.
|
|
15250
15301
|
*
|
|
15251
|
-
*
|
|
15302
|
+
* Tip: pass `showClearButton={false}` to hide the clear button for filters that must always
|
|
15303
|
+
* hold a value.
|
|
15252
15304
|
*/
|
|
15253
15305
|
onClearButtonClick?: () => void;
|
|
15254
15306
|
};
|
|
@@ -15658,15 +15710,55 @@ type DropdownOverlayProps = {
|
|
|
15658
15710
|
type FilterChipGroupProps = TestID & DataAnalyticsAttribute & {
|
|
15659
15711
|
children: React__default.ReactNode;
|
|
15660
15712
|
/**
|
|
15661
|
-
* Callback
|
|
15713
|
+
* Callback fired when the **Clear** action is clicked.
|
|
15714
|
+
*
|
|
15715
|
+
* "Clear" empties every filter and returns the group to the no-filter (empty) state. The group
|
|
15716
|
+
* performs the emptying itself, so uncontrolled chips are cleared and controlled chips receive
|
|
15717
|
+
* `onChange([])`.
|
|
15718
|
+
*
|
|
15719
|
+
* Providing this (or leaving `showClearButton` at its default) renders the Clear action.
|
|
15662
15720
|
*/
|
|
15663
15721
|
onClearButtonClick?: () => void;
|
|
15664
15722
|
/**
|
|
15665
|
-
*
|
|
15666
|
-
* If true, clear button will be shown when there are selected filters
|
|
15723
|
+
* Callback fired when the **Reset** action is clicked.
|
|
15667
15724
|
*
|
|
15725
|
+
* "Reset" is semantically different from "Clear": it returns filters to their **default**
|
|
15726
|
+
* values (which may be non-empty, e.g. `Status: Active`) rather than emptying them. The group
|
|
15727
|
+
* does NOT empty the chips in this mode — it only fires this callback, which is your hook to
|
|
15728
|
+
* restore each filter's default (for controlled filters, reset their `value` here).
|
|
15729
|
+
*
|
|
15730
|
+
* Providing this renders the Reset action. It can be shown **alongside** the Clear action, so a
|
|
15731
|
+
* group can offer both "Reset" and "Clear".
|
|
15732
|
+
*
|
|
15733
|
+
* ⚠️ For **uncontrolled** chips (no `value` prop) reset cannot restore defaults yet — there is
|
|
15734
|
+
* no `defaultValue` for the group to restore, so those chips visually retain their values.
|
|
15735
|
+
* Uncontrolled reset-to-defaults is Phase 2 — see `_decisions/filter-chip-reset.md`.
|
|
15736
|
+
*/
|
|
15737
|
+
onResetButtonClick?: () => void;
|
|
15738
|
+
/**
|
|
15739
|
+
* Controls visibility of the group-level **Clear** action link (NOT the per-chip clear/cross
|
|
15740
|
+
* button). When `true`, the Clear link is shown whenever the group has at least one selected
|
|
15741
|
+
* filter.
|
|
15742
|
+
*
|
|
15743
|
+
* Note: this is distinct from `showClearButton` on `FilterChipSelectInput` /
|
|
15744
|
+
* `FilterChipDatePicker`, which toggles the individual chip's cross button. Set this to `false`
|
|
15745
|
+
* (and provide `onResetButtonClick`) for a group that should only offer Reset.
|
|
15746
|
+
*
|
|
15747
|
+
* @default true
|
|
15668
15748
|
*/
|
|
15669
15749
|
showClearButton?: boolean;
|
|
15750
|
+
/**
|
|
15751
|
+
* Custom label for the **Clear** action link.
|
|
15752
|
+
*
|
|
15753
|
+
* @default "Clear Filter" (auto-pluralised to "Clear Filters" when more than one filter is selected)
|
|
15754
|
+
*/
|
|
15755
|
+
clearButtonText?: string;
|
|
15756
|
+
/**
|
|
15757
|
+
* Custom label for the **Reset** action link.
|
|
15758
|
+
*
|
|
15759
|
+
* @default "Reset"
|
|
15760
|
+
*/
|
|
15761
|
+
resetButtonText?: string;
|
|
15670
15762
|
};
|
|
15671
15763
|
type FilterChipGroupContextType = {
|
|
15672
15764
|
/**
|
|
@@ -15717,6 +15809,28 @@ type BaseFilterChipProps = {
|
|
|
15717
15809
|
onClearButtonClick?: ({ value }: {
|
|
15718
15810
|
value: string | string[];
|
|
15719
15811
|
}) => void;
|
|
15812
|
+
/**
|
|
15813
|
+
* Whether to render the clear (cross) button when the chip has a selected value.
|
|
15814
|
+
*
|
|
15815
|
+
* Set to `false` for filters that should always hold a value (e.g. a date filter
|
|
15816
|
+
* with a mandatory default) so users can't clear it to an empty state.
|
|
15817
|
+
*
|
|
15818
|
+
* **Controlled / uncontrolled clearing contract:**
|
|
15819
|
+
* When the clear button is clicked, `onClearButtonClick` fires. If the parent
|
|
15820
|
+
* controls `value` (passes it explicitly), the chip cannot clear itself — the
|
|
15821
|
+
* parent must reset `value` in response to `onClearButtonClick`. In the uncontrolled
|
|
15822
|
+
* case, the chip clears itself automatically.
|
|
15823
|
+
*
|
|
15824
|
+
* Note: this only controls the chip's own visual cross button. It does NOT opt the chip
|
|
15825
|
+
* out of a group-level clear — a `FilterChipGroup`'s Clear action (`onClearButtonClick`) still
|
|
15826
|
+
* empties every chip (including those with `showClearButton={false}`). For a filter that must
|
|
15827
|
+
* never be emptied from the group, offer a Reset action instead (`onResetButtonClick`) and
|
|
15828
|
+
* restore the filter's default yourself, or hide the group's Clear action via
|
|
15829
|
+
* `showClearButton={false}` on the group.
|
|
15830
|
+
*
|
|
15831
|
+
* @default true
|
|
15832
|
+
*/
|
|
15833
|
+
showClearButton?: boolean;
|
|
15720
15834
|
/**
|
|
15721
15835
|
* Children. Title of the Chip
|
|
15722
15836
|
*/
|
|
@@ -15740,7 +15854,7 @@ type BaseFilterChipProps = {
|
|
|
15740
15854
|
accessibilityProps?: Partial<AccessibilityProps>;
|
|
15741
15855
|
} & TestID & DataAnalyticsAttribute;
|
|
15742
15856
|
|
|
15743
|
-
type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur'> & {
|
|
15857
|
+
type FilterChipSelectInputProps = Pick<BaseFilterChipProps, 'onKeyDown' | 'value' | 'label' | 'testID' | 'onClick' | 'selectionType' | 'onBlur' | 'showClearButton'> & {
|
|
15744
15858
|
accessibilityLabel?: string;
|
|
15745
15859
|
onChange?: (props: {
|
|
15746
15860
|
name: string;
|
|
@@ -16157,7 +16271,30 @@ type EmptyStateProps = {
|
|
|
16157
16271
|
|
|
16158
16272
|
type FadeProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
|
|
16159
16273
|
|
|
16160
|
-
|
|
16274
|
+
/**
|
|
16275
|
+
* ## Fade
|
|
16276
|
+
*
|
|
16277
|
+
* Fade is one of the motion presets that we expose from blade to help you fade in / fade out components easily.
|
|
16278
|
+
*
|
|
16279
|
+
* ### Usage
|
|
16280
|
+
*
|
|
16281
|
+
* #### Fade in on mount
|
|
16282
|
+
*
|
|
16283
|
+
* ```jsx
|
|
16284
|
+
* <Fade>
|
|
16285
|
+
* <Card />
|
|
16286
|
+
* </Fade>
|
|
16287
|
+
* ```
|
|
16288
|
+
*
|
|
16289
|
+
* #### Conditionally fade based on state
|
|
16290
|
+
*
|
|
16291
|
+
* ```jsx
|
|
16292
|
+
* <Fade isVisible={isVisibleState}>
|
|
16293
|
+
* <Card />
|
|
16294
|
+
* </Fade>
|
|
16295
|
+
* ```
|
|
16296
|
+
*/
|
|
16297
|
+
declare const Fade: ({ children, isVisible, type, motionTriggers, shouldUnmountWhenHidden, delay, }: FadeProps) => React__default.ReactElement;
|
|
16161
16298
|
|
|
16162
16299
|
declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<BladeElementRef>>;
|
|
16163
16300
|
|
|
@@ -18784,14 +18921,43 @@ declare const Modal: (props: ModalProps) => React__default.ReactElement;
|
|
|
18784
18921
|
|
|
18785
18922
|
type MoveProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
|
|
18786
18923
|
|
|
18787
|
-
|
|
18924
|
+
/**
|
|
18925
|
+
* ## Move
|
|
18926
|
+
*
|
|
18927
|
+
* Move is one of the motion presets that we expose from blade to help you make components appear / disappear with move
|
|
18928
|
+
*
|
|
18929
|
+
* ### Usage
|
|
18930
|
+
*
|
|
18931
|
+
* #### Move in on mount
|
|
18932
|
+
*
|
|
18933
|
+
* ```jsx
|
|
18934
|
+
* <Move>
|
|
18935
|
+
* <Card />
|
|
18936
|
+
* </Move>
|
|
18937
|
+
* ```
|
|
18938
|
+
*
|
|
18939
|
+
* #### Conditionally move based on state
|
|
18940
|
+
*
|
|
18941
|
+
* ```jsx
|
|
18942
|
+
* <Move isVisible={isVisibleState}>
|
|
18943
|
+
* <Card />
|
|
18944
|
+
* </Move>
|
|
18945
|
+
* ```
|
|
18946
|
+
*/
|
|
18947
|
+
declare const Move: ({ children, type, isVisible, motionTriggers, shouldUnmountWhenHidden, delay, }: MoveProps) => React__default.ReactElement;
|
|
18788
18948
|
|
|
18789
18949
|
type MorphProps = {
|
|
18790
18950
|
children: React.ReactElement;
|
|
18791
18951
|
layoutId: string;
|
|
18792
18952
|
};
|
|
18793
18953
|
|
|
18794
|
-
|
|
18954
|
+
/**
|
|
18955
|
+
* Morph (native) — approximates web framer `layout`/`layoutId` FLIP.
|
|
18956
|
+
*
|
|
18957
|
+
* MorphOnText: card heading (center) unmounts → page Display (top) mounts starting at the
|
|
18958
|
+
* card's window position, then animates to the top.
|
|
18959
|
+
*/
|
|
18960
|
+
declare const Morph: ({ children, layoutId }: MorphProps) => React__default.ReactElement;
|
|
18795
18961
|
|
|
18796
18962
|
type BaseMenuItemProps = {
|
|
18797
18963
|
as?: React.ComponentType<any> | 'a' | 'button';
|
|
@@ -19797,7 +19963,191 @@ type ScaleProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children
|
|
|
19797
19963
|
variant?: 'scale-up' | 'scale-down';
|
|
19798
19964
|
};
|
|
19799
19965
|
|
|
19800
|
-
|
|
19966
|
+
/**
|
|
19967
|
+
* ## Scale
|
|
19968
|
+
*
|
|
19969
|
+
* Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions
|
|
19970
|
+
*
|
|
19971
|
+
* ### Usage
|
|
19972
|
+
*
|
|
19973
|
+
* #### Scale up on hover
|
|
19974
|
+
*
|
|
19975
|
+
* ```jsx
|
|
19976
|
+
* <Scale motionTriggers={['hover']}>
|
|
19977
|
+
* <Card />
|
|
19978
|
+
* </Scale>
|
|
19979
|
+
* ```
|
|
19980
|
+
*
|
|
19981
|
+
* #### Scale down on tap
|
|
19982
|
+
*
|
|
19983
|
+
* ```jsx
|
|
19984
|
+
* <Scale variant="scale-down" motionTriggers={['tap']}>
|
|
19985
|
+
* <Card />
|
|
19986
|
+
* </Scale>
|
|
19987
|
+
* ```
|
|
19988
|
+
*
|
|
19989
|
+
* #### Conditionally scale
|
|
19990
|
+
*
|
|
19991
|
+
* ```jsx
|
|
19992
|
+
* <Scale isHighlighted={isHighlightedState}>
|
|
19993
|
+
* <MyComponent />
|
|
19994
|
+
* </Scale>
|
|
19995
|
+
* ```
|
|
19996
|
+
*/
|
|
19997
|
+
declare const Scale: ({ children, isHighlighted, type, variant, motionTriggers, }: ScaleProps) => React__default.ReactElement;
|
|
19998
|
+
|
|
19999
|
+
type SegmentedControlSize = 'small' | 'medium' | 'large';
|
|
20000
|
+
type SegmentedControlCommonProps = {
|
|
20001
|
+
/**
|
|
20002
|
+
* The content of the SegmentedControl, accepts `SegmentedControlItem` components.
|
|
20003
|
+
*/
|
|
20004
|
+
children: React__default.ReactNode;
|
|
20005
|
+
/**
|
|
20006
|
+
* The controlled selected value.
|
|
20007
|
+
*/
|
|
20008
|
+
value?: string;
|
|
20009
|
+
/**
|
|
20010
|
+
* The default value when uncontrolled.
|
|
20011
|
+
*/
|
|
20012
|
+
defaultValue?: string;
|
|
20013
|
+
/**
|
|
20014
|
+
* Callback fired when the selected value changes.
|
|
20015
|
+
*/
|
|
20016
|
+
onChange?: ({ name, value }: {
|
|
20017
|
+
name: string | undefined;
|
|
20018
|
+
value: string;
|
|
20019
|
+
}) => void;
|
|
20020
|
+
/**
|
|
20021
|
+
* The size of the segmented control.
|
|
20022
|
+
*
|
|
20023
|
+
* @default 'medium'
|
|
20024
|
+
*/
|
|
20025
|
+
size?: SegmentedControlSize;
|
|
20026
|
+
/**
|
|
20027
|
+
* If `true`, the entire segmented control is disabled.
|
|
20028
|
+
*
|
|
20029
|
+
* @default false
|
|
20030
|
+
*/
|
|
20031
|
+
isDisabled?: boolean;
|
|
20032
|
+
/**
|
|
20033
|
+
* Name attribute for form identification.
|
|
20034
|
+
*/
|
|
20035
|
+
name?: string;
|
|
20036
|
+
/**
|
|
20037
|
+
* Sets the position of the label.
|
|
20038
|
+
*
|
|
20039
|
+
* @default 'top'
|
|
20040
|
+
*/
|
|
20041
|
+
labelPosition?: 'top' | 'left';
|
|
20042
|
+
/**
|
|
20043
|
+
* Help text displayed below the segmented control.
|
|
20044
|
+
*/
|
|
20045
|
+
helpText?: string;
|
|
20046
|
+
/**
|
|
20047
|
+
* Error text displayed when `validationState` is set to 'error'.
|
|
20048
|
+
* Overrides helpText.
|
|
20049
|
+
*/
|
|
20050
|
+
errorText?: string;
|
|
20051
|
+
/**
|
|
20052
|
+
* Sets the validation state of the segmented control.
|
|
20053
|
+
* If set to `error`, renders the `errorText`.
|
|
20054
|
+
*
|
|
20055
|
+
* @default 'none'
|
|
20056
|
+
*/
|
|
20057
|
+
validationState?: 'error' | 'none';
|
|
20058
|
+
/**
|
|
20059
|
+
* Renders a necessity indicator after the label.
|
|
20060
|
+
*
|
|
20061
|
+
* @default 'none'
|
|
20062
|
+
*/
|
|
20063
|
+
necessityIndicator?: 'required' | 'optional' | 'none';
|
|
20064
|
+
/**
|
|
20065
|
+
* Sets the required state of the segmented control.
|
|
20066
|
+
*
|
|
20067
|
+
* @default false
|
|
20068
|
+
*/
|
|
20069
|
+
isRequired?: boolean;
|
|
20070
|
+
} & TestID & DataAnalyticsAttribute & StyledPropsBlade;
|
|
20071
|
+
type SegmentedControlPropsWithLabel = {
|
|
20072
|
+
/**
|
|
20073
|
+
* Renders the label of the segmented control.
|
|
20074
|
+
*/
|
|
20075
|
+
label: string;
|
|
20076
|
+
/**
|
|
20077
|
+
* Accessibility label for the segmented control.
|
|
20078
|
+
*/
|
|
20079
|
+
accessibilityLabel?: string;
|
|
20080
|
+
};
|
|
20081
|
+
type SegmentedControlPropsWithA11yLabel = {
|
|
20082
|
+
/**
|
|
20083
|
+
* Renders the label of the segmented control.
|
|
20084
|
+
*/
|
|
20085
|
+
label?: undefined;
|
|
20086
|
+
/**
|
|
20087
|
+
* Accessibility label for the segmented control (required when no visible label).
|
|
20088
|
+
*/
|
|
20089
|
+
accessibilityLabel: string;
|
|
20090
|
+
};
|
|
20091
|
+
type SegmentedControlProps = (SegmentedControlPropsWithLabel | SegmentedControlPropsWithA11yLabel) & SegmentedControlCommonProps;
|
|
20092
|
+
type SegmentedControlItemIconWithLabel = {
|
|
20093
|
+
/**
|
|
20094
|
+
* A leading icon component.
|
|
20095
|
+
*/
|
|
20096
|
+
leading: IconComponent;
|
|
20097
|
+
/**
|
|
20098
|
+
* The label content of the item.
|
|
20099
|
+
*/
|
|
20100
|
+
children: React__default.ReactNode;
|
|
20101
|
+
/**
|
|
20102
|
+
* Accessibility label for the item.
|
|
20103
|
+
*/
|
|
20104
|
+
accessibilityLabel?: string;
|
|
20105
|
+
};
|
|
20106
|
+
type SegmentedControlItemIconOnly = {
|
|
20107
|
+
/**
|
|
20108
|
+
* A leading icon component.
|
|
20109
|
+
*/
|
|
20110
|
+
leading: IconComponent;
|
|
20111
|
+
/**
|
|
20112
|
+
* The label content of the item. Omit for icon-only items.
|
|
20113
|
+
*/
|
|
20114
|
+
children?: undefined;
|
|
20115
|
+
/**
|
|
20116
|
+
* Accessibility label for the item. Required for icon-only items.
|
|
20117
|
+
*/
|
|
20118
|
+
accessibilityLabel: string;
|
|
20119
|
+
};
|
|
20120
|
+
type SegmentedControlItemWithIconProps = SegmentedControlItemIconWithLabel | SegmentedControlItemIconOnly;
|
|
20121
|
+
type SegmentedControlItemWithoutIconProps = {
|
|
20122
|
+
/**
|
|
20123
|
+
* A leading icon component.
|
|
20124
|
+
*/
|
|
20125
|
+
leading?: undefined;
|
|
20126
|
+
/**
|
|
20127
|
+
* The label content of the item.
|
|
20128
|
+
*/
|
|
20129
|
+
children: React__default.ReactNode;
|
|
20130
|
+
/**
|
|
20131
|
+
* Accessibility label for the item.
|
|
20132
|
+
*/
|
|
20133
|
+
accessibilityLabel?: string;
|
|
20134
|
+
};
|
|
20135
|
+
type SegmentedControlItemProps = (SegmentedControlItemWithIconProps | SegmentedControlItemWithoutIconProps) & {
|
|
20136
|
+
/**
|
|
20137
|
+
* The unique value for this item.
|
|
20138
|
+
*/
|
|
20139
|
+
value: string;
|
|
20140
|
+
/**
|
|
20141
|
+
* If `true`, this item is disabled.
|
|
20142
|
+
*
|
|
20143
|
+
* @default false
|
|
20144
|
+
*/
|
|
20145
|
+
isDisabled?: boolean;
|
|
20146
|
+
} & TestID & DataAnalyticsAttribute;
|
|
20147
|
+
|
|
20148
|
+
declare const SegmentedControl: React__default.ForwardRefExoticComponent<SegmentedControlProps & React__default.RefAttributes<View>>;
|
|
20149
|
+
|
|
20150
|
+
declare const SegmentedControlItem: ({ children, value, leading: Leading, isDisabled: isItemDisabled, accessibilityLabel, testID, }: SegmentedControlItemProps) => React__default.ReactElement;
|
|
19801
20151
|
|
|
19802
20152
|
type TooltipifyComponentProps = {
|
|
19803
20153
|
children: React.ReactElement;
|
|
@@ -20505,7 +20855,22 @@ type StaggerProps = Pick<BaseMotionEntryExitProps, 'isVisible' | 'motionTriggers
|
|
|
20505
20855
|
children: React.ReactElement[] | React.ReactElement;
|
|
20506
20856
|
} & Omit<BoxProps, 'as'>;
|
|
20507
20857
|
|
|
20508
|
-
|
|
20858
|
+
/**
|
|
20859
|
+
* ## Stagger (native)
|
|
20860
|
+
*
|
|
20861
|
+
* framer's `staggerChildren` has no React Native runtime. Native orchestration:
|
|
20862
|
+
*
|
|
20863
|
+
* 1. Enumerate children (flattening Fragments) with `flattenStaggerChildren`.
|
|
20864
|
+
* 2. Keep a per-child visibility target (`animate` | `exit`). When container `isVisible` flips,
|
|
20865
|
+
* update those targets one-by-one via `setTimeout` (forward on enter and exit, matching web).
|
|
20866
|
+
* 3. Each child reads its target as `staggerVisibility` from context — the same signal that
|
|
20867
|
+
* already drives show/hide correctly. Animation delay stays 0; the cascade is *when* the
|
|
20868
|
+
* target flips, not a reanimated `withDelay`.
|
|
20869
|
+
*
|
|
20870
|
+
* Unlike other motion presets, Stagger is not an enhancer — it renders a `Box` and accepts
|
|
20871
|
+
* `BoxProps`.
|
|
20872
|
+
*/
|
|
20873
|
+
declare const Stagger: ({ children, isVisible, type, shouldUnmountWhenHidden, delay, motionTriggers: _motionTriggers, ...boxProps }: StaggerProps) => React__default.ReactElement | null;
|
|
20509
20874
|
|
|
20510
20875
|
declare const StepGroup: React__default.ForwardRefExoticComponent<{
|
|
20511
20876
|
size?: "medium" | "large" | undefined;
|
|
@@ -21016,7 +21381,38 @@ type SlideProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'mot
|
|
|
21016
21381
|
fromOffset?: `100vh` | `100vw` | `${number}%`;
|
|
21017
21382
|
};
|
|
21018
21383
|
|
|
21019
|
-
|
|
21384
|
+
/**
|
|
21385
|
+
* ## Slide
|
|
21386
|
+
*
|
|
21387
|
+
* Slide is one of the motion presets that we expose from blade to help you make components slide in from outside of viewport
|
|
21388
|
+
*
|
|
21389
|
+
* If you're looking for subtle movement on enter in the viewport itself, checkout `Move` preset instead.
|
|
21390
|
+
*
|
|
21391
|
+
* ### Usage
|
|
21392
|
+
*
|
|
21393
|
+
* #### Slide in on mount
|
|
21394
|
+
*
|
|
21395
|
+
* ```jsx
|
|
21396
|
+
* <Slide direction="bottom">
|
|
21397
|
+
* <Card />
|
|
21398
|
+
* </Slide>
|
|
21399
|
+
* ```
|
|
21400
|
+
*
|
|
21401
|
+
* #### Conditionally slide based on state
|
|
21402
|
+
*
|
|
21403
|
+
* ```jsx
|
|
21404
|
+
* <Slide isVisible={isVisibleState}>
|
|
21405
|
+
* <Card />
|
|
21406
|
+
* </Slide>
|
|
21407
|
+
* ```
|
|
21408
|
+
*
|
|
21409
|
+
* ### Native limitations
|
|
21410
|
+
*
|
|
21411
|
+
* - Only the default `100vw` / `100vh` offsets slide on native (resolved via `Dimensions`).
|
|
21412
|
+
* A `%`-based `fromOffset` cannot be measured against the element size and degrades to no movement.
|
|
21413
|
+
* - `in-view` triggers degrade to `mount` (no scroll-driven in-view detection on native).
|
|
21414
|
+
*/
|
|
21415
|
+
declare const Slide: ({ children, type, direction, isVisible, motionTriggers, shouldUnmountWhenHidden, fromOffset, delay, }: SlideProps) => React__default.ReactElement;
|
|
21020
21416
|
|
|
21021
21417
|
type OnChange = ({ isChecked, value, event, }: {
|
|
21022
21418
|
isChecked: boolean;
|
|
@@ -23421,4 +23817,4 @@ interface FluidGradientProps {
|
|
|
23421
23817
|
}
|
|
23422
23818
|
declare const FluidGradient: (_props: FluidGradientProps) => React.ReactElement;
|
|
23423
23819
|
|
|
23424
|
-
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, 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, TOAST_REJECTED, TabItem, TabItemProps, TabList, TabNav, TabNavIconProp, TabNavItem, TabNavItemData, TabNavItemProps, 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$1 as 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, TopNavContextProps, TopNavOverlayThemeOverride, 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, toastStore, useAppBarContext, useCommonChartComponentsContext, useGenUI, useGenUIAction, useTheme, useToast, useTopNavContext };
|
|
23820
|
+
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, 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, 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, TOAST_REJECTED, TabItem, TabItemProps, TabList, TabNav, TabNavIconProp, TabNavItem, TabNavItemData, TabNavItemProps, 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$1 as 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, TopNavContextProps, TopNavOverlayThemeOverride, 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, toastStore, useAppBarContext, useCommonChartComponentsContext, useGenUI, useGenUIAction, useTheme, useToast, useTopNavContext };
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useFocusWithin.js","sources":["../../../../../../src/components/AnimateInteractions/useFocusWithin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype FocusWithinHandlers = {\n onFocusWithin?: () => void;\n onBlurWithin?: () => void;\n};\n\nexport const useFocusWithin = <T extends HTMLElement>(\n ref: React.RefObject<T>,\n { onFocusWithin, onBlurWithin }: FocusWithinHandlers,\n): void => {\n useEffect(() => {\n const element = ref.current;\n if (!element) return;\n\n const handleFocusIn = (): void => {\n onFocusWithin?.();\n };\n\n const handleFocusOut = (event: FocusEvent): void => {\n // Ensure that focus is not still within the container\n if (element && !element.contains(event.relatedTarget as Node)) {\n onBlurWithin?.();\n }\n };\n\n element.addEventListener('focusin', handleFocusIn);\n element.addEventListener('focusout', handleFocusOut);\n\n // eslint-disable-next-line consistent-return\n return () => {\n element.removeEventListener('focusin', handleFocusIn);\n element.removeEventListener('focusout', handleFocusOut);\n };\n }, [ref, onFocusWithin, onBlurWithin]);\n};\n"],"names":["useFocusWithin","ref","_ref","onFocusWithin","onBlurWithin","useEffect","element","current","handleFocusIn","handleFocusOut","event","contains","relatedTarget","addEventListener","removeEventListener"],"mappings":";;AAOO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,GAAuB,EAAAC,IAAA,EAEd;AAAA,EAAA,IADPC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAA;AAE7BC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AAEd,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,GAAe;AAChCL,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,EAAI,CAAA;KAClB,CAAA;AAED,IAAA,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAiB,EAAW;AAClD;MACA,IAAIJ,OAAO,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACD,KAAK,CAACE,aAAqB,CAAC,EAAE;AAC7DR,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI,CAAA;AAClB,OAAA;KACD,CAAA;AAEDE,IAAAA,OAAO,CAACO,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;AAClDF,IAAAA,OAAO,CAACO,gBAAgB,CAAC,UAAU,EAAEJ,cAAc,CAAC,CAAA;;AAEpD;AACA,IAAA,OAAO,YAAM;AACXH,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;AACrDF,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;KACxD,CAAA;GACF,EAAE,CAACR,GAAG,EAAEE,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAA;AACxC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useFocusWithin.js","sources":["../../../../../../src/components/AnimateInteractions/useFocusWithin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype FocusWithinHandlers = {\n onFocusWithin?: () => void;\n onBlurWithin?: () => void;\n};\n\nexport const useFocusWithin = <T extends HTMLElement>(\n ref: React.RefObject<T>,\n { onFocusWithin, onBlurWithin }: FocusWithinHandlers,\n): void => {\n useEffect(() => {\n const element = ref.current;\n if (!element) return;\n\n const handleFocusIn = (): void => {\n onFocusWithin?.();\n };\n\n const handleFocusOut = (event: FocusEvent): void => {\n // Ensure that focus is not still within the container\n if (element && !element.contains(event.relatedTarget as Node)) {\n onBlurWithin?.();\n }\n };\n\n element.addEventListener('focusin', handleFocusIn);\n element.addEventListener('focusout', handleFocusOut);\n\n // eslint-disable-next-line consistent-return\n return () => {\n element.removeEventListener('focusin', handleFocusIn);\n element.removeEventListener('focusout', handleFocusOut);\n };\n }, [ref, onFocusWithin, onBlurWithin]);\n};\n"],"names":["useFocusWithin","ref","_ref","onFocusWithin","onBlurWithin","useEffect","element","current","handleFocusIn","handleFocusOut","event","contains","relatedTarget","addEventListener","removeEventListener"],"mappings":";;AAOO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,GAAuB,EAAAC,IAAA,EAEd;AAAA,EAAA,IADPC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAA;AAE7BC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AAEd,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,GAAe;AAChCL,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,EAAI,CAAA;KAClB,CAAA;AAED,IAAA,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAiB,EAAW;AAClD;MACA,IAAIJ,OAAO,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACD,KAAK,CAACE,aAAqB,CAAC,EAAE;AAC7DR,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI,CAAA;AAClB,OAAA;KACD,CAAA;AAEDE,IAAAA,OAAO,CAACO,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;AAClDF,IAAAA,OAAO,CAACO,gBAAgB,CAAC,UAAU,EAAEJ,cAAc,CAAC,CAAA;;AAEpD;AACA,IAAA,OAAO,YAAM;AACXH,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;AACrDF,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;KACxD,CAAA;GACF,EAAE,CAACR,GAAG,EAAEE,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAA;AACxC;;;;"}
|