npm - @razorpay/blade - Versions diffs - 12.13.1 → 12.14.0 - Mend

@razorpay/blade 12.13.1 → 12.14.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.

Files changed (35) hide show

package/build/lib/native/components/QuickFilters/QuickFilter.js ADDED Viewed

@@ -0,0 +1,39 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import '@babel/runtime/helpers/slicedToArray';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { Radio } from '../Radio/Radio.js';
+import '../../tokens/global/typography.js';
+import '../../tokens/global/motion.js';
+import '../Radio/RadioGroup/RadioContext.js';
+import '../../utils/useCallbackRef.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../BladeProvider/useTheme.js';
+import 'react-native';
+import '../BottomSheet/BottomSheetStack.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { Text } from '../Typography/Text/Text.js';
+import 'react-native-svg';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import '../Icons/_Svg/Svg/Svg.native.js';
+import { Box } from '../Box/Box.js';
+import '../VisuallyHidden/VisuallyHidden.native.js';
+import '../Typography/Heading/Heading.js';
+import '../Typography/Code/Code.js';
+import '../Typography/Display/Display.js';
+import '@babel/runtime/helpers/defineProperty';
+import '../../utils/makeAccessible/accessibilityMapNative.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
+import { Card, CardBody } from '../Card/Card.js';
+import '../Card/CardHeader.js';
+import '../Card/CardFooter.js';
+var _excluded=["title","value","trailing","testID"];var QuickFilterContent=function QuickFilterContent(_ref){var value=_ref.value,title=_ref.title,trailing=_ref.trailing,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected;return jsxs(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",width:"fit-content",justifyContent:"center",alignItems:"center",paddingY:"spacing.3",paddingLeft:"spacing.3",paddingRight:"spacing.4",children:[jsxs(Box,{display:"flex",flexDirection:"row",gap:"spacing.2",justifyContent:"center",alignItems:"center",children:[selectionType==='single'?jsx(Radio,{value:value}):jsx(Checkbox,{value:value}),jsx(Text,{variant:"body",size:"medium",color:isSelected?'interactive.text.primary.subtle':'interactive.text.gray.subtle',weight:"medium",children:title})]}),trailing]});};var QuickFilter=forwardRef(function(_ref2,ref){var title=_ref2.title,value=_ref2.value,trailing=_ref2.trailing,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;var isQuickFilterSelected=selectedQuickFilters.includes(value);return jsx(Card,Object.assign({padding:"spacing.0",as:"label",accessibilityLabel:title,borderRadius:"medium",elevation:"none",isSelected:isQuickFilterSelected,ref:ref},makeAnalyticsAttribute(rest),metaAttribute({testID:testID}),{children:jsx(CardBody,{children:jsx(QuickFilterContent,Object.assign({value:value,title:title,trailing:trailing,selectionType:selectionType,isSelected:isQuickFilterSelected},rest))})}));});
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.js.map

package/build/lib/native/components/QuickFilters/QuickFilter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilter.js","sources":["../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? <Radio value={value} /> : <Checkbox value={value} />}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","Object","assign","padding","as","accessibilityLabel","borderRadius","elevation","makeAnalyticsAttribute","metaAttribute","CardBody"],"mappings":"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"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js ADDED Viewed

@@ -0,0 +1,6 @@
+import React__default from 'react';
+var QuickFilterGroupContext=React__default.createContext({selectionType:'single',selectedQuickFilters:[]});var QuickFilterGroupProvider=QuickFilterGroupContext.Provider;var useQuickFilterGroupContext=function useQuickFilterGroupContext(){var context=React__default.useContext(QuickFilterGroupContext);return context;};
+export { QuickFilterGroupProvider, useQuickFilterGroupContext };
+//# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n selectionType: 'single',\n selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n const context = React.useContext(QuickFilterGroupContext);\n return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAA8B,CAC/EC,aAAa,CAAE,QAAQ,CACvBC,oBAAoB,CAAE,EACxB,CAAC,CAAC,CACI,IAAAC,wBAAwB,CAAGL,uBAAuB,CAACM,SAEnD,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,EAAsC,CACpE,IAAMC,OAAO,CAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CACzD,OAAOQ,OAAO,CAChB;;;;"}

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js ADDED Viewed

@@ -0,0 +1,17 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+import '../../Radio/Radio.js';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import '../../Checkbox/Checkbox.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import { jsx } from 'react/jsx-runtime';
+var _excluded=["children","onChange","setSelectedQuickFilters"],_excluded2=["children","testID","value","defaultValue","onChange","name","selectionType"];var QuickFilterWrapper=function QuickFilterWrapper(_ref){var children=_ref.children;_ref.onChange;var setSelectedQuickFilters=_ref.setSelectedQuickFilters,rest=_objectWithoutProperties(_ref,_excluded);var _useQuickFilterGroupC=useQuickFilterGroupContext(),selectedQuickFilters=_useQuickFilterGroupC.selectedQuickFilters,selectionType=_useQuickFilterGroupC.selectionType;if(selectionType==='single'){return jsx(RadioGroup,Object.assign({value:selectedQuickFilters[0],onChange:function onChange(_ref2){var value=_ref2.value;setSelectedQuickFilters(function(){return [value];});},size:"small"},rest,{children:children}));}return jsx(CheckboxGroup,Object.assign({value:selectedQuickFilters,onChange:function onChange(_ref3){var values=_ref3.values;setSelectedQuickFilters(function(){return values;});},size:"small"},rest,{children:children}));};var QuickFilterGroup=function QuickFilterGroup(_ref4){var children=_ref4.children;_ref4.testID;var value=_ref4.value,defaultValue=_ref4.defaultValue,_onChange=_ref4.onChange,name=_ref4.name,selectionType=_ref4.selectionType,rest=_objectWithoutProperties(_ref4,_excluded2);var idBase=useId('quick-filter-group');var _useControllableState=useControllableState({value:value&&selectionType==='single'?[value]:value,defaultValue:defaultValue&&selectionType==='single'?[defaultValue]:defaultValue!=null?defaultValue:[],onChange:function onChange(values){return _onChange==null?void 0:_onChange({values:values,name:name!=null?name:idBase});}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedQuickFilters=_useControllableState2[0],setSelectedQuickFilters=_useControllableState2[1];return jsx(QuickFilterGroupProvider,{value:{selectionType:selectionType,selectedQuickFilters:selectedQuickFilters},children:jsx(QuickFilterWrapper,Object.assign({onChange:_onChange,setSelectedQuickFilters:setSelectedQuickFilters},rest,{children:jsx(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.3",children:children})}))});};
+export { QuickFilterGroup };
+//# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/native/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n children,\n onChange,\n setSelectedQuickFilters,\n ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n if (selectionType === 'single') {\n return (\n <RadioGroup\n value={selectedQuickFilters[0]}\n onChange={({ value }) => {\n setSelectedQuickFilters(() => [value]);\n }}\n size=\"small\"\n {...rest}\n >\n {children}\n </RadioGroup>\n );\n }\n return (\n <CheckboxGroup\n value={selectedQuickFilters}\n onChange={({ values }) => {\n setSelectedQuickFilters(() => values);\n }}\n size=\"small\"\n {...rest}\n >\n {children}\n </CheckboxGroup>\n );\n};\n\nconst QuickFilterGroup = ({\n children,\n testID,\n value,\n defaultValue,\n onChange,\n name,\n selectionType,\n ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n const idBase = useId('quick-filter-group');\n const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n // If selectionType is single, we need to convert the value to an array\n defaultValue: (defaultValue && selectionType === 'single'\n ? [defaultValue]\n : defaultValue ?? []) as string[] | undefined,\n onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n });\n return (\n <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters }}>\n <QuickFilterWrapper\n onChange={onChange}\n setSelectedQuickFilters={setSelectedQuickFilters}\n {...rest}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n {children}\n </BaseBox>\n </QuickFilterWrapper>\n </QuickFilterGroupProvider>\n );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_jsx","RadioGroup","Object","assign","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","gap"],"mappings":"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"}

package/build/lib/native/components/index.js CHANGED Viewed

@@ -460,6 +460,8 @@ export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFoo
 export { Popover } from './Popover/Popover.native.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.native.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
+export { QuickFilter } from './QuickFilters/QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilters/QuickFilterGroup/QuickFilterGroup.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
 export { Scale } from './Scale/Scale.native.js';

package/build/lib/native/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/development/components/QuickFilters/QuickFilter.js ADDED Viewed

@@ -0,0 +1,99 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import './QuickFilterGroup/index.js';
+import '../Card/index.js';
+import '../Box/index.js';
+import '../Typography/index.js';
+import '../Radio/index.js';
+import '../Checkbox/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
+import { Radio } from '../Radio/Radio.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Text } from '../Typography/Text/Text.js';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { Card, CardBody } from '../Card/Card.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+var _excluded = ["title", "value", "trailing", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterContent = function QuickFilterContent(_ref) {
+  var value = _ref.value,
+    title = _ref.title,
+    trailing = _ref.trailing,
+    _ref$selectionType = _ref.selectionType,
+    selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+  return /*#__PURE__*/jsxs(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    gap: "spacing.3",
+    width: "fit-content",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingY: "spacing.3",
+    paddingLeft: "spacing.3",
+    paddingRight: "spacing.4",
+    children: [/*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      flexDirection: "row",
+      gap: "spacing.2",
+      justifyContent: "center",
+      alignItems: "center",
+      children: [selectionType === 'single' ? /*#__PURE__*/jsx(Radio, {
+        value: value
+      }) : /*#__PURE__*/jsx(Checkbox, {
+        value: value
+      }), /*#__PURE__*/jsx(Text, {
+        variant: "body",
+        size: "medium",
+        color: isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle',
+        weight: "medium",
+        children: title
+      })]
+    }), trailing]
+  });
+};
+var QuickFilter = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var title = _ref2.title,
+    value = _ref2.value,
+    trailing = _ref2.trailing,
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  var isQuickFilterSelected = selectedQuickFilters.includes(value);
+  return /*#__PURE__*/jsx(Card, _objectSpread(_objectSpread(_objectSpread({
+    padding: "spacing.0",
+    as: "label",
+    accessibilityLabel: title,
+    borderRadius: "medium",
+    elevation: "none",
+    isSelected: isQuickFilterSelected,
+    ref: ref
+  }, makeAnalyticsAttribute(rest)), metaAttribute({
+    testID: testID
+  })), {}, {
+    children: /*#__PURE__*/jsx(CardBody, {
+      children: /*#__PURE__*/jsx(QuickFilterContent, _objectSpread({
+        value: value,
+        title: title,
+        trailing: trailing,
+        selectionType: selectionType,
+        isSelected: isQuickFilterSelected
+      }, rest))
+    })
+  }));
+});
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilter.js","sources":["../../../../../../src/components/QuickFilters/QuickFilter.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { QuickFilterProps, QuickFilterContentProps } from './types';\nimport { useQuickFilterGroupContext } from './QuickFilterGroup';\nimport { Card, CardBody } from '~components/Card';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Radio } from '~components/Radio';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BladeElementRef } from '~utils/types';\n\nconst QuickFilterContent = ({\n value,\n title,\n trailing,\n selectionType = 'single',\n isSelected = false,\n}: QuickFilterContentProps): React.ReactElement => {\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.3\"\n width=\"fit-content\"\n justifyContent=\"center\"\n alignItems=\"center\"\n paddingY=\"spacing.3\"\n paddingLeft=\"spacing.3\"\n paddingRight=\"spacing.4\"\n >\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n justifyContent=\"center\"\n alignItems=\"center\"\n >\n {selectionType === 'single' ? <Radio value={value} /> : <Checkbox value={value} />}\n <Text\n variant=\"body\"\n size=\"medium\"\n color={isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle'}\n weight=\"medium\"\n >\n {title}\n </Text>\n </Box>\n\n {trailing}\n </BaseBox>\n );\n};\n\nconst QuickFilter = forwardRef<BladeElementRef, QuickFilterProps>(\n ({ title, value, trailing, testID, ...rest }, ref): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n const isQuickFilterSelected = selectedQuickFilters.includes(value);\n return (\n <Card\n padding=\"spacing.0\"\n as=\"label\"\n accessibilityLabel={title}\n borderRadius=\"medium\"\n elevation=\"none\"\n isSelected={isQuickFilterSelected}\n ref={ref}\n {...makeAnalyticsAttribute(rest)}\n {...metaAttribute({ testID })}\n >\n <CardBody>\n <QuickFilterContent\n value={value}\n title={title}\n trailing={trailing}\n selectionType={selectionType}\n isSelected={isQuickFilterSelected}\n {...rest}\n />\n </CardBody>\n </Card>\n );\n },\n);\nexport { QuickFilter };\n"],"names":["QuickFilterContent","_ref","value","title","trailing","_ref$selectionType","selectionType","_ref$isSelected","isSelected","_jsxs","BaseBox","display","flexDirection","gap","width","justifyContent","alignItems","paddingY","paddingLeft","paddingRight","children","Box","_jsx","Radio","Checkbox","Text","variant","size","color","weight","QuickFilter","forwardRef","_ref2","ref","testID","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","isQuickFilterSelected","includes","Card","_objectSpread","padding","as","accessibilityLabel","borderRadius","elevation","makeAnalyticsAttribute","metaAttribute","CardBody"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js ADDED Viewed

@@ -0,0 +1,14 @@
+import React__default from 'react';
+var QuickFilterGroupContext = /*#__PURE__*/React__default.createContext({
+  selectionType: 'single',
+  selectedQuickFilters: []
+});
+var QuickFilterGroupProvider = QuickFilterGroupContext.Provider;
+var useQuickFilterGroupContext = function useQuickFilterGroupContext() {
+  var context = React__default.useContext(QuickFilterGroupContext);
+  return context;
+};
+export { QuickFilterGroupProvider, useQuickFilterGroupContext };
+//# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilterContext.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupContextType } from '../types';\n\nconst QuickFilterGroupContext = React.createContext<QuickFilterGroupContextType>({\n selectionType: 'single',\n selectedQuickFilters: [],\n});\nconst QuickFilterGroupProvider = QuickFilterGroupContext.Provider;\n\nconst useQuickFilterGroupContext = (): QuickFilterGroupContextType => {\n const context = React.useContext(QuickFilterGroupContext);\n return context;\n};\n\nexport { useQuickFilterGroupContext, QuickFilterGroupProvider };\n"],"names":["QuickFilterGroupContext","React","createContext","selectionType","selectedQuickFilters","QuickFilterGroupProvider","Provider","useQuickFilterGroupContext","context","useContext"],"mappings":";;AAGA,IAAMA,uBAAuB,gBAAGC,cAAK,CAACC,aAAa,CAA8B;AAC/EC,EAAAA,aAAa,EAAE,QAAQ;AACvBC,EAAAA,oBAAoB,EAAE,EAAA;AACxB,CAAC,CAAC,CAAA;AACF,IAAMC,wBAAwB,GAAGL,uBAAuB,CAACM,SAAQ;AAEjE,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAsC;AACpE,EAAA,IAAMC,OAAO,GAAGP,cAAK,CAACQ,UAAU,CAACT,uBAAuB,CAAC,CAAA;AACzD,EAAA,OAAOQ,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js ADDED Viewed

@@ -0,0 +1,99 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { useQuickFilterGroupContext, QuickFilterGroupProvider } from './QuickFilterContext.js';
+import '../../Radio/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Checkbox/index.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import { jsx } from 'react/jsx-runtime';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+var _excluded = ["children", "onChange", "setSelectedQuickFilters"],
+  _excluded2 = ["children", "testID", "value", "defaultValue", "onChange", "name", "selectionType"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterWrapper = function QuickFilterWrapper(_ref) {
+  var children = _ref.children,
+    onChange = _ref.onChange,
+    setSelectedQuickFilters = _ref.setSelectedQuickFilters,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  if (selectionType === 'single') {
+    return /*#__PURE__*/jsx(RadioGroup, _objectSpread(_objectSpread({
+      value: selectedQuickFilters[0],
+      onChange: function onChange(_ref2) {
+        var value = _ref2.value;
+        setSelectedQuickFilters(function () {
+          return [value];
+        });
+      },
+      size: "small"
+    }, rest), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/jsx(CheckboxGroup, _objectSpread(_objectSpread({
+    value: selectedQuickFilters,
+    onChange: function onChange(_ref3) {
+      var values = _ref3.values;
+      setSelectedQuickFilters(function () {
+        return values;
+      });
+    },
+    size: "small"
+  }, rest), {}, {
+    children: children
+  }));
+};
+var QuickFilterGroup = function QuickFilterGroup(_ref4) {
+  var children = _ref4.children,
+    testID = _ref4.testID,
+    value = _ref4.value,
+    defaultValue = _ref4.defaultValue,
+    _onChange = _ref4.onChange,
+    name = _ref4.name,
+    selectionType = _ref4.selectionType,
+    rest = _objectWithoutProperties(_ref4, _excluded2);
+  var idBase = useId('quick-filter-group');
+  var _useControllableState = useControllableState({
+      value: value && selectionType === 'single' ? [value] : value,
+      // If selectionType is single, we need to convert the value to an array
+      defaultValue: defaultValue && selectionType === 'single' ? [defaultValue] : defaultValue !== null && defaultValue !== void 0 ? defaultValue : [],
+      onChange: function onChange(values) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          values: values,
+          name: name !== null && name !== void 0 ? name : idBase
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    selectedQuickFilters = _useControllableState2[0],
+    setSelectedQuickFilters = _useControllableState2[1];
+  return /*#__PURE__*/jsx(QuickFilterGroupProvider, {
+    value: {
+      selectionType: selectionType,
+      selectedQuickFilters: selectedQuickFilters
+    },
+    children: /*#__PURE__*/jsx(QuickFilterWrapper, _objectSpread(_objectSpread({
+      onChange: _onChange,
+      setSelectedQuickFilters: setSelectedQuickFilters
+    }, rest), {}, {
+      children: /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        gap: "spacing.3",
+        children: children
+      })
+    }))
+  });
+};
+export { QuickFilterGroup };
+//# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"QuickFilterGroup.js","sources":["../../../../../../../src/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.tsx"],"sourcesContent":["import React from 'react';\nimport type { QuickFilterGroupProps, QuickFilterWrapperProps } from '../types';\nimport { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext';\nimport { RadioGroup } from '~components/Radio';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CheckboxGroup } from '~components/Checkbox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\nconst QuickFilterWrapper = ({\n children,\n onChange,\n setSelectedQuickFilters,\n ...rest\n}: QuickFilterWrapperProps): React.ReactElement => {\n const { selectedQuickFilters, selectionType } = useQuickFilterGroupContext();\n\n if (selectionType === 'single') {\n return (\n <RadioGroup\n value={selectedQuickFilters[0]}\n onChange={({ value }) => {\n setSelectedQuickFilters(() => [value]);\n }}\n size=\"small\"\n {...rest}\n >\n {children}\n </RadioGroup>\n );\n }\n return (\n <CheckboxGroup\n value={selectedQuickFilters}\n onChange={({ values }) => {\n setSelectedQuickFilters(() => values);\n }}\n size=\"small\"\n {...rest}\n >\n {children}\n </CheckboxGroup>\n );\n};\n\nconst QuickFilterGroup = ({\n children,\n testID,\n value,\n defaultValue,\n onChange,\n name,\n selectionType,\n ...rest\n}: QuickFilterGroupProps): React.ReactElement => {\n const idBase = useId('quick-filter-group');\n const [selectedQuickFilters, setSelectedQuickFilters] = useControllableState({\n value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n // If selectionType is single, we need to convert the value to an array\n defaultValue: (defaultValue && selectionType === 'single'\n ? [defaultValue]\n : defaultValue ?? []) as string[] | undefined,\n onChange: (values: string[]) => onChange?.({ values, name: name ?? idBase }),\n });\n return (\n <QuickFilterGroupProvider value={{ selectionType, selectedQuickFilters }}>\n <QuickFilterWrapper\n onChange={onChange}\n setSelectedQuickFilters={setSelectedQuickFilters}\n {...rest}\n >\n <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n {children}\n </BaseBox>\n </QuickFilterWrapper>\n </QuickFilterGroupProvider>\n );\n};\n\nexport { QuickFilterGroup };\n"],"names":["QuickFilterWrapper","_ref","children","onChange","setSelectedQuickFilters","rest","_objectWithoutProperties","_excluded","_useQuickFilterGroupC","useQuickFilterGroupContext","selectedQuickFilters","selectionType","_jsx","RadioGroup","_objectSpread","value","_ref2","size","CheckboxGroup","_ref3","values","QuickFilterGroup","_ref4","testID","defaultValue","name","_excluded2","idBase","useId","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","QuickFilterGroupProvider","BaseBox","display","flexDirection","gap"],"mappings":"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"}

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { QuickFilterGroup } from './QuickFilterGroup.js';
+export { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/web/development/components/QuickFilters/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { QuickFilter } from './QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilterGroup/QuickFilterGroup.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/QuickFilters/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/web/development/components/index.js CHANGED Viewed

@@ -45,6 +45,7 @@ import './Morph/index.js';
 import './Menu/index.js';
 import './Popover/index.js';
 import './ProgressBar/index.js';
+import './QuickFilters/index.js';
 import './Radio/index.js';
 import './Scale/index.js';
 import './SideNav/index.js';
@@ -533,6 +534,8 @@ export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFoo
 export { Popover } from './Popover/Popover.web.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.web.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
+export { QuickFilter } from './QuickFilters/QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilters/QuickFilterGroup/QuickFilterGroup.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
 export { Scale } from './Scale/Scale.web.js';

package/build/lib/web/development/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/production/components/QuickFilters/QuickFilter.js ADDED Viewed

@@ -0,0 +1,99 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import './QuickFilterGroup/index.js';
+import '../Card/index.js';
+import '../Box/index.js';
+import '../Typography/index.js';
+import '../Radio/index.js';
+import '../Checkbox/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
+import { Radio } from '../Radio/Radio.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Text } from '../Typography/Text/Text.js';
+import { useQuickFilterGroupContext } from './QuickFilterGroup/QuickFilterContext.js';
+import { Card, CardBody } from '../Card/Card.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+var _excluded = ["title", "value", "trailing", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterContent = function QuickFilterContent(_ref) {
+  var value = _ref.value,
+    title = _ref.title,
+    trailing = _ref.trailing,
+    _ref$selectionType = _ref.selectionType,
+    selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected;
+  return /*#__PURE__*/jsxs(BaseBox, {
+    display: "flex",
+    flexDirection: "row",
+    gap: "spacing.3",
+    width: "fit-content",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingY: "spacing.3",
+    paddingLeft: "spacing.3",
+    paddingRight: "spacing.4",
+    children: [/*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      flexDirection: "row",
+      gap: "spacing.2",
+      justifyContent: "center",
+      alignItems: "center",
+      children: [selectionType === 'single' ? /*#__PURE__*/jsx(Radio, {
+        value: value
+      }) : /*#__PURE__*/jsx(Checkbox, {
+        value: value
+      }), /*#__PURE__*/jsx(Text, {
+        variant: "body",
+        size: "medium",
+        color: isSelected ? 'interactive.text.primary.subtle' : 'interactive.text.gray.subtle',
+        weight: "medium",
+        children: title
+      })]
+    }), trailing]
+  });
+};
+var QuickFilter = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var title = _ref2.title,
+    value = _ref2.value,
+    trailing = _ref2.trailing,
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  var isQuickFilterSelected = selectedQuickFilters.includes(value);
+  return /*#__PURE__*/jsx(Card, _objectSpread(_objectSpread(_objectSpread({
+    padding: "spacing.0",
+    as: "label",
+    accessibilityLabel: title,
+    borderRadius: "medium",
+    elevation: "none",
+    isSelected: isQuickFilterSelected,
+    ref: ref
+  }, makeAnalyticsAttribute(rest)), metaAttribute({
+    testID: testID
+  })), {}, {
+    children: /*#__PURE__*/jsx(CardBody, {
+      children: /*#__PURE__*/jsx(QuickFilterContent, _objectSpread({
+        value: value,
+        title: title,
+        trailing: trailing,
+        selectionType: selectionType,
+        isSelected: isQuickFilterSelected
+      }, rest))
+    })
+  }));
+});
+export { QuickFilter };
+//# sourceMappingURL=QuickFilter.js.map

package/build/lib/web/production/components/QuickFilters/QuickFilter.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js ADDED Viewed

@@ -0,0 +1,14 @@
+import React__default from 'react';
+var QuickFilterGroupContext = /*#__PURE__*/React__default.createContext({
+  selectionType: 'single',
+  selectedQuickFilters: []
+});
+var QuickFilterGroupProvider = QuickFilterGroupContext.Provider;
+var useQuickFilterGroupContext = function useQuickFilterGroupContext() {
+  var context = React__default.useContext(QuickFilterGroupContext);
+  return context;
+};
+export { QuickFilterGroupProvider, useQuickFilterGroupContext };
+//# sourceMappingURL=QuickFilterContext.js.map

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/QuickFilterContext.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js ADDED Viewed

@@ -0,0 +1,99 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import { useQuickFilterGroupContext, QuickFilterGroupProvider } from './QuickFilterContext.js';
+import '../../Radio/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Checkbox/index.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import { useId } from '../../../utils/useId.js';
+import { jsx } from 'react/jsx-runtime';
+import { RadioGroup } from '../../Radio/RadioGroup/RadioGroup.js';
+import { CheckboxGroup } from '../../Checkbox/CheckboxGroup/CheckboxGroup.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+var _excluded = ["children", "onChange", "setSelectedQuickFilters"],
+  _excluded2 = ["children", "testID", "value", "defaultValue", "onChange", "name", "selectionType"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var QuickFilterWrapper = function QuickFilterWrapper(_ref) {
+  var children = _ref.children,
+    onChange = _ref.onChange,
+    setSelectedQuickFilters = _ref.setSelectedQuickFilters,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useQuickFilterGroupC = useQuickFilterGroupContext(),
+    selectedQuickFilters = _useQuickFilterGroupC.selectedQuickFilters,
+    selectionType = _useQuickFilterGroupC.selectionType;
+  if (selectionType === 'single') {
+    return /*#__PURE__*/jsx(RadioGroup, _objectSpread(_objectSpread({
+      value: selectedQuickFilters[0],
+      onChange: function onChange(_ref2) {
+        var value = _ref2.value;
+        setSelectedQuickFilters(function () {
+          return [value];
+        });
+      },
+      size: "small"
+    }, rest), {}, {
+      children: children
+    }));
+  }
+  return /*#__PURE__*/jsx(CheckboxGroup, _objectSpread(_objectSpread({
+    value: selectedQuickFilters,
+    onChange: function onChange(_ref3) {
+      var values = _ref3.values;
+      setSelectedQuickFilters(function () {
+        return values;
+      });
+    },
+    size: "small"
+  }, rest), {}, {
+    children: children
+  }));
+};
+var QuickFilterGroup = function QuickFilterGroup(_ref4) {
+  var children = _ref4.children,
+    testID = _ref4.testID,
+    value = _ref4.value,
+    defaultValue = _ref4.defaultValue,
+    _onChange = _ref4.onChange,
+    name = _ref4.name,
+    selectionType = _ref4.selectionType,
+    rest = _objectWithoutProperties(_ref4, _excluded2);
+  var idBase = useId('quick-filter-group');
+  var _useControllableState = useControllableState({
+      value: value && selectionType === 'single' ? [value] : value,
+      // If selectionType is single, we need to convert the value to an array
+      defaultValue: defaultValue && selectionType === 'single' ? [defaultValue] : defaultValue !== null && defaultValue !== void 0 ? defaultValue : [],
+      onChange: function onChange(values) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          values: values,
+          name: name !== null && name !== void 0 ? name : idBase
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    selectedQuickFilters = _useControllableState2[0],
+    setSelectedQuickFilters = _useControllableState2[1];
+  return /*#__PURE__*/jsx(QuickFilterGroupProvider, {
+    value: {
+      selectionType: selectionType,
+      selectedQuickFilters: selectedQuickFilters
+    },
+    children: /*#__PURE__*/jsx(QuickFilterWrapper, _objectSpread(_objectSpread({
+      onChange: _onChange,
+      setSelectedQuickFilters: setSelectedQuickFilters
+    }, rest), {}, {
+      children: /*#__PURE__*/jsx(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        gap: "spacing.3",
+        children: children
+      })
+    }))
+  });
+};
+export { QuickFilterGroup };
+//# sourceMappingURL=QuickFilterGroup.js.map

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { QuickFilterGroup } from './QuickFilterGroup.js';
+export { QuickFilterGroupProvider, useQuickFilterGroupContext } from './QuickFilterContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/web/production/components/QuickFilters/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { QuickFilter } from './QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilterGroup/QuickFilterGroup.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/QuickFilters/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/web/production/components/index.js CHANGED Viewed

@@ -45,6 +45,7 @@ import './Morph/index.js';
 import './Menu/index.js';
 import './Popover/index.js';
 import './ProgressBar/index.js';
+import './QuickFilters/index.js';
 import './Radio/index.js';
 import './Scale/index.js';
 import './SideNav/index.js';
@@ -533,6 +534,8 @@ export { MenuFooter, MenuHeader } from './Menu/VisualSubComponents/MenuHeaderFoo
 export { Popover } from './Popover/Popover.web.js';
 export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.web.js';
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
+export { QuickFilter } from './QuickFilters/QuickFilter.js';
+export { QuickFilterGroup } from './QuickFilters/QuickFilterGroup/QuickFilterGroup.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
 export { Scale } from './Scale/Scale.web.js';

package/build/lib/web/production/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -19398,6 +19398,41 @@ type ProgressBarMeterProps = ProgressBarCommonProps & {
 type ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;
 declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<BladeElementRef>>;
+declare const QuickFilter: React__default.ForwardRefExoticComponent<{
+    title: string;
+    value: string;
+    trailing?: React__default.ReactNode;
+} & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+type QuickFilterGroupCommomProps = {
+    /**
+     * Specifies the name attribute for the  component.
+     * When provided, this attribute ensures that the QuickFilter elements within the group are semantically associated, allowing them to be grouped logically for form submission.
+     * This can be particularly useful in scenarios where the QuickFilter is part of a larger form and needs to be identified as a distinct entity when the form is submitted.
+     * If not provided, a default unique identifier will be generated internally.
+     */
+    name?: string;
+    /**
+     * Sets the initial value of the QuickFilter component.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Value of the QuickFilter group
+     * Acts as a controlled component by specifying the QuickFilter value
+     * Use `onChange` to update its value
+     */
+    value?: string | string[];
+    onChange?: ({ name, values }: {
+        name: string;
+        values: string[];
+    }) => void;
+    selectionType: 'single' | 'multiple';
+    children: React.ReactNode;
+};
+type QuickFilterGroupProps = QuickFilterGroupCommomProps & TestID & DataAnalyticsAttribute;
+declare const QuickFilterGroup: ({ children, testID, value, defaultValue, onChange, name, selectionType, ...rest }: QuickFilterGroupProps) => React__default.ReactElement;
 type RadioProps = {
     /**
      * Sets the label text of the Radio
@@ -26857,4 +26892,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, 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, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, 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, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, 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, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, 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, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, 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, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, 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, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/build/types/components/index.native.d.ts CHANGED Viewed

@@ -12311,6 +12311,41 @@ type ProgressBarMeterProps = ProgressBarCommonProps & {
 type ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;
 declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<BladeElementRef>>;
+declare const QuickFilter: React__default.ForwardRefExoticComponent<{
+    title: string;
+    value: string;
+    trailing?: React__default.ReactNode;
+} & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+type QuickFilterGroupCommomProps = {
+    /**
+     * Specifies the name attribute for the  component.
+     * When provided, this attribute ensures that the QuickFilter elements within the group are semantically associated, allowing them to be grouped logically for form submission.
+     * This can be particularly useful in scenarios where the QuickFilter is part of a larger form and needs to be identified as a distinct entity when the form is submitted.
+     * If not provided, a default unique identifier will be generated internally.
+     */
+    name?: string;
+    /**
+     * Sets the initial value of the QuickFilter component.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Value of the QuickFilter group
+     * Acts as a controlled component by specifying the QuickFilter value
+     * Use `onChange` to update its value
+     */
+    value?: string | string[];
+    onChange?: ({ name, values }: {
+        name: string;
+        values: string[];
+    }) => void;
+    selectionType: 'single' | 'multiple';
+    children: React.ReactNode;
+};
+type QuickFilterGroupProps = QuickFilterGroupCommomProps & TestID & DataAnalyticsAttribute;
+declare const QuickFilterGroup: ({ children, testID, value, defaultValue, onChange, name, selectionType, ...rest }: QuickFilterGroupProps) => React__default.ReactElement;
 type RadioProps = {
     /**
      * Sets the label text of the Radio
@@ -15625,4 +15660,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, 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, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, 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, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, 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, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, 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, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, 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, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, 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, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.13.1",
+  "version": "12.14.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"