@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/Tag/Tag.js

@@ -1,469 +1,34 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components/native';
-import { Box } from '../Box/Box.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react-native';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import { size } from '../../tokens/global/size.js';
+import '../Box/index.js';
+import '../Box/styledProps/index.js';
+import '../Button/IconButton/index.js';
+import '../Icons/index.js';
+import '../Typography/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/index.js';
+import '../../tokens/global/index.js';
+import '../Box/BaseBox/index.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../BladeProvider/useTheme.js';
-import { IconButton } from '../Button/IconButton/IconButton.js';
-import '../Icons/AcceptPaymentsFilledIcon/AcceptPaymentsFilledIcon.js';
-import '../Icons/AcceptPaymentsIcon/AcceptPaymentsIcon.js';
-import '../Icons/ActivityIcon/ActivityIcon.js';
-import '../Icons/AddressBookIcon/AddressBookIcon.js';
-import '../Icons/AffordabilityFilledIcon/AffordabilityFilledIcon.js';
-import '../Icons/AffordabilityIcon/AffordabilityIcon.js';
-import '../Icons/AirplayIcon/AirplayIcon.js';
-import '../Icons/AlertCircleIcon/AlertCircleIcon.js';
-import '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
-import '../Icons/AlertOnlyIcon/AlertOnlyIcon.js';
-import '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
-import '../Icons/AlignCenterIcon/AlignCenterIcon.js';
-import '../Icons/AlignJustifyIcon/AlignJustifyIcon.js';
-import '../Icons/AlignLeftIcon/AlignLeftIcon.js';
-import '../Icons/AlignRightIcon/AlignRightIcon.js';
-import '../Icons/AnchorIcon/AnchorIcon.js';
-import '../Icons/AndroidIcon/AndroidIcon.js';
-import '../Icons/AnnouncementIcon/AnnouncementIcon.js';
-import '../Icons/ApertureIcon/ApertureIcon.js';
-import '../Icons/AppStoreIcon/AppStoreIcon.js';
-import '../Icons/AppleIcon/AppleIcon.js';
-import '../Icons/ArrowDownIcon/ArrowDownIcon.js';
-import '../Icons/ArrowDownLeftIcon/ArrowDownLeftIcon.js';
-import '../Icons/ArrowDownRightIcon/ArrowDownRightIcon.js';
-import '../Icons/ArrowLeftIcon/ArrowLeftIcon.js';
-import '../Icons/ArrowRightIcon/ArrowRightIcon.js';
-import '../Icons/ArrowSquareDownIcon/ArrowSquareDownIcon.js';
-import '../Icons/ArrowSquareDownLeftIcon/ArrowSquareDownLeftIcon.js';
-import '../Icons/ArrowSquareDownRightIcon/ArrowSquareDownRightIcon.js';
-import '../Icons/ArrowSquareLeftIcon/ArrowSquareLeftIcon.js';
-import '../Icons/ArrowSquareRightIcon/ArrowSquareRightIcon.js';
-import '../Icons/ArrowSquareUpIcon/ArrowSquareUpIcon.js';
-import '../Icons/ArrowSquareUpLeftIcon/ArrowSquareUpLeftIcon.js';
-import '../Icons/ArrowSquareUpRightIcon/ArrowSquareUpRightIcon.js';
-import '../Icons/ArrowUpIcon/ArrowUpIcon.js';
-import '../Icons/ArrowUpLeftIcon/ArrowUpLeftIcon.js';
-import '../Icons/ArrowUpRightIcon/ArrowUpRightIcon.js';
-import '../Icons/AtSignIcon/AtSignIcon.js';
-import '../Icons/AttachmentIcon/AttachmentIcon.js';
-import '../Icons/AutomateAccountingIcon/AutomateAccountingIcon.js';
-import '../Icons/AutomatePayrollFilledIcon/AutomatePayrollFilledIcon.js';
-import '../Icons/AutomatePayrollIcon/AutomatePayrollIcon.js';
-import '../Icons/AwardIcon/AwardIcon.js';
-import '../Icons/BankAccountVerificationFilledIcon/BankAccountVerificationFilledIcon.js';
-import '../Icons/BankAccountVerificationIcon/BankAccountVerificationIcon.js';
-import '../Icons/BankIcon/BankIcon.js';
-import '../Icons/BarChartAltIcon/BarChartAltIcon.js';
-import '../Icons/BarChartIcon/BarChartIcon.js';
-import '../Icons/BarCodeIcon/BarCodeIcon.js';
-import '../Icons/Battery100PercentIcon/Battery100PercentIcon.js';
-import '../Icons/Battery20PercentIcon/Battery20PercentIcon.js';
-import '../Icons/Battery40PercentIcon/Battery40PercentIcon.js';
-import '../Icons/Battery60PercentIcon/Battery60PercentIcon.js';
-import '../Icons/Battery80PercentIcon/Battery80PercentIcon.js';
-import '../Icons/BatteryChargingIcon/BatteryChargingIcon.js';
-import '../Icons/BatteryIcon/BatteryIcon.js';
-import '../Icons/BellIcon/BellIcon.js';
-import '../Icons/BellOffIcon/BellOffIcon.js';
-import '../Icons/BfsiFilledIcon/BfsiFilledIcon.js';
-import '../Icons/BfsiIcon/BfsiIcon.js';
-import '../Icons/BillIcon/BillIcon.js';
-import '../Icons/BillMeFilledIcon/BillMeFilledIcon.js';
-import '../Icons/BillMeIcon/BillMeIcon.js';
-import '../Icons/BluetoothIcon/BluetoothIcon.js';
-import '../Icons/BoldIcon/BoldIcon.js';
-import '../Icons/BookIcon/BookIcon.js';
-import '../Icons/BookmarkIcon/BookmarkIcon.js';
-import '../Icons/BoxIcon/BoxIcon.js';
-import '../Icons/BriefcaseIcon/BriefcaseIcon.js';
-import '../Icons/BugIcon/BugIcon.js';
-import '../Icons/BuildingIcon/BuildingIcon.js';
-import '../Icons/BulkPayoutsFilledIcon/BulkPayoutsFilledIcon.js';
-import '../Icons/BulkPayoutsIcon/BulkPayoutsIcon.js';
-import '../Icons/BusinessBankingIcon/BusinessBankingIcon.js';
-import '../Icons/BusinessSpendManagementFilledIcon/BusinessSpendManagementFilledIcon.js';
-import '../Icons/BusinessSpendManagementIcon/BusinessSpendManagementIcon.js';
-import '../Icons/CalendarIcon/CalendarIcon.js';
-import '../Icons/CameraIcon/CameraIcon.js';
-import '../Icons/CameraOffIcon/CameraOffIcon.js';
-import '../Icons/CashIcon/CashIcon.js';
-import '../Icons/CastIcon/CastIcon.js';
-import '../Icons/CheckCircle2Icon/CheckCircle2Icon.js';
-import '../Icons/CheckCircleIcon/CheckCircleIcon.js';
-import '../Icons/CheckIcon/CheckIcon.js';
-import '../Icons/CheckSquareIcon/CheckSquareIcon.js';
-import '../Icons/ChevronDownIcon/ChevronDownIcon.js';
-import '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
-import '../Icons/ChevronRightIcon/ChevronRightIcon.js';
-import '../Icons/ChevronUpDownIcon/ChevronUpDownIcon.js';
-import '../Icons/ChevronUpIcon/ChevronUpIcon.js';
-import '../Icons/ChevronsDownIcon/ChevronsDownIcon.js';
-import '../Icons/ChevronsLeftIcon/ChevronsLeftIcon.js';
-import '../Icons/ChevronsRightIcon/ChevronsRightIcon.js';
-import '../Icons/ChevronsUpIcon/ChevronsUpIcon.js';
-import '../Icons/ChromeIcon/ChromeIcon.js';
-import '../Icons/CircleIcon/CircleIcon.js';
-import '../Icons/ClipboardIcon/ClipboardIcon.js';
-import '../Icons/ClockIcon/ClockIcon.js';
-import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
-import '../Icons/ClosedCaptioningIcon/ClosedCaptioningIcon.js';
-import '../Icons/CloudDrizzleIcon/CloudDrizzleIcon.js';
-import '../Icons/CloudIcon/CloudIcon.js';
-import '../Icons/CloudLightningIcon/CloudLightningIcon.js';
-import '../Icons/CloudOffIcon/CloudOffIcon.js';
-import '../Icons/CloudRainIcon/CloudRainIcon.js';
-import '../Icons/CloudSnowIcon/CloudSnowIcon.js';
-import '../Icons/CodeSnippetIcon/CodeSnippetIcon.js';
-import '../Icons/CodepenIcon/CodepenIcon.js';
-import '../Icons/CoinIcon/CoinIcon.js';
-import '../Icons/CoinsIcon/CoinsIcon.js';
-import '../Icons/CommandIcon/CommandIcon.js';
-import '../Icons/CompanyRegistrationFilledIcon/CompanyRegistrationFilledIcon.js';
-import '../Icons/CompanyRegistrationIcon/CompanyRegistrationIcon.js';
-import '../Icons/CompassIcon/CompassIcon.js';
-import '../Icons/ConfettiIcon/ConfettiIcon.js';
-import '../Icons/ContactlessPaymentIcon/ContactlessPaymentIcon.js';
-import '../Icons/CookieIcon/CookieIcon.js';
-import '../Icons/CopyIcon/CopyIcon.js';
-import '../Icons/CopyrightIcon/CopyrightIcon.js';
-import '../Icons/CornerDownLeftIcon/CornerDownLeftIcon.js';
-import '../Icons/CornerDownRightIcon/CornerDownRightIcon.js';
-import '../Icons/CornerLeftDownIcon/CornerLeftDownIcon.js';
-import '../Icons/CornerLeftUpIcon/CornerLeftUpIcon.js';
-import '../Icons/CornerRightDownIcon/CornerRightDownIcon.js';
-import '../Icons/CornerRightUpIcon/CornerRightUpIcon.js';
-import '../Icons/CornerUpLeftIcon/CornerUpLeftIcon.js';
-import '../Icons/CornerUpRightIcon/CornerUpRightIcon.js';
-import '../Icons/CpuIcon/CpuIcon.js';
-import '../Icons/CreditCardIcon/CreditCardIcon.js';
-import '../Icons/CreditsAndLoansFilledIcon/CreditsAndLoansFilledIcon.js';
-import '../Icons/CreditsAndLoansIcon/CreditsAndLoansIcon.js';
-import '../Icons/CropIcon/CropIcon.js';
-import '../Icons/CrosshairIcon/CrosshairIcon.js';
-import '../Icons/CurrentAccountFilledIcon/CurrentAccountFilledIcon.js';
-import '../Icons/CurrentAccountIcon/CurrentAccountIcon.js';
-import '../Icons/CustomersIcon/CustomersIcon.js';
-import '../Icons/CutIcon/CutIcon.js';
-import '../Icons/DashboardIcon/DashboardIcon.js';
-import '../Icons/DeleteIcon/DeleteIcon.js';
-import '../Icons/DigitalLendingFilledIcon/DigitalLendingFilledIcon.js';
-import '../Icons/DigitalLendingIcon/DigitalLendingIcon.js';
-import '../Icons/DisbursePaymentsFilledIcon/DisbursePaymentsFilledIcon.js';
-import '../Icons/DisbursePaymentsIcon/DisbursePaymentsIcon.js';
-import '../Icons/DiscIcon/DiscIcon.js';
-import '../Icons/DollarIcon/DollarIcon.js';
-import '../Icons/DollarsIcon/DollarsIcon.js';
-import '../Icons/DotIcon/DotIcon.js';
-import '../Icons/DownloadCloudIcon/DownloadCloudIcon.js';
-import '../Icons/DownloadIcon/DownloadIcon.js';
-import '../Icons/DragHandleIcon/DragHandleIcon.js';
-import '../Icons/DropletIcon/DropletIcon.js';
-import '../Icons/EcommerceFilledIcon/EcommerceFilledIcon.js';
-import '../Icons/EcommerceIcon/EcommerceIcon.js';
-import '../Icons/EditComposeIcon/EditComposeIcon.js';
-import '../Icons/EditIcon/EditIcon.js';
-import '../Icons/EditInlineIcon/EditInlineIcon.js';
-import '../Icons/EducationFilledIcon/EducationFilledIcon.js';
-import '../Icons/EducationIcon/EducationIcon.js';
-import '../Icons/EngageFilledIcon/EngageFilledIcon.js';
-import '../Icons/EngageIcon/EngageIcon.js';
-import '../Icons/EqualsIcon/EqualsIcon.js';
-import '../Icons/EscrowAccountFilledIcon/EscrowAccountFilledIcon.js';
-import '../Icons/EscrowAccountIcon/EscrowAccountIcon.js';
-import '../Icons/ExportIcon/ExportIcon.js';
-import '../Icons/ExternalLinkIcon/ExternalLinkIcon.js';
-import '../Icons/EyeIcon/EyeIcon.js';
-import '../Icons/EyeOffIcon/EyeOffIcon.js';
-import '../Icons/FacebookIcon/FacebookIcon.js';
-import '../Icons/FastForwardIcon/FastForwardIcon.js';
-import '../Icons/FeatherIcon/FeatherIcon.js';
-import '../Icons/FigmaIcon/FigmaIcon.js';
-import '../Icons/FileIcon/FileIcon.js';
-import '../Icons/FileMinusIcon/FileMinusIcon.js';
-import '../Icons/FilePlusIcon/FilePlusIcon.js';
-import '../Icons/FileTextIcon/FileTextIcon.js';
-import '../Icons/FileZipIcon/FileZipIcon.js';
-import '../Icons/FilmIcon/FilmIcon.js';
-import '../Icons/FilterIcon/FilterIcon.js';
-import '../Icons/FlagIcon/FlagIcon.js';
-import '../Icons/FlaskIcon/FlaskIcon.js';
-import '../Icons/FolderIcon/FolderIcon.js';
-import '../Icons/ForexManagementFilledIcon/ForexManagementFilledIcon.js';
-import '../Icons/ForexManagementIcon/ForexManagementIcon.js';
-import '../Icons/FreelanceFilledIcon/FreelanceFilledIcon.js';
-import '../Icons/FreelanceIcon/FreelanceIcon.js';
-import '../Icons/FullScreenEnterIcon/FullScreenEnterIcon.js';
-import '../Icons/FullScreenExitIcon/FullScreenExitIcon.js';
-import '../Icons/GithubIcon/GithubIcon.js';
-import '../Icons/GitlabIcon/GitlabIcon.js';
-import '../Icons/GlobeIcon/GlobeIcon.js';
-import '../Icons/GridIcon/GridIcon.js';
-import '../Icons/HashIcon/HashIcon.js';
-import '../Icons/HeadphoneIcon/HeadphoneIcon.js';
-import '../Icons/HeadphonesIcon/HeadphonesIcon.js';
-import '../Icons/HeadsetIcon/HeadsetIcon.js';
-import '../Icons/HeartIcon/HeartIcon.js';
-import '../Icons/HelpCircleIcon/HelpCircleIcon.js';
-import '../Icons/HistoryIcon/HistoryIcon.js';
-import '../Icons/HomeIcon/HomeIcon.js';
-import '../Icons/ImageIcon/ImageIcon.js';
-import '../Icons/InboxIcon/InboxIcon.js';
-import '../Icons/IndiaFlagIcon/IndiaFlagIcon.js';
-import '../Icons/InfoIcon/InfoIcon.js';
-import '../Icons/InstagramIcon/InstagramIcon.js';
-import '../Icons/InstantSettlementFilledIcon/InstantSettlementFilledIcon.js';
-import '../Icons/InstantSettlementIcon/InstantSettlementIcon.js';
-import '../Icons/InternationalPaymentsFilledIcon/InternationalPaymentsFilledIcon.js';
-import '../Icons/InternationalPaymentsIcon/InternationalPaymentsIcon.js';
-import '../Icons/InvoicesFilledIcon/InvoicesFilledIcon.js';
-import '../Icons/InvoicesIcon/InvoicesIcon.js';
-import '../Icons/ItalicIcon/ItalicIcon.js';
-import '../Icons/KeyIcon/KeyIcon.js';
-import '../Icons/KeyboardIcon/KeyboardIcon.js';
-import '../Icons/LayersIcon/LayersIcon.js';
-import '../Icons/LayoutIcon/LayoutIcon.js';
-import '../Icons/LeftCircularCornerIcon/LeftCircularCornerIcon.js';
-import '../Icons/LifeBuoyIcon/LifeBuoyIcon.js';
-import '../Icons/LinkIcon/LinkIcon.js';
-import '../Icons/ListIcon/ListIcon.js';
-import '../Icons/ListSearchIcon/ListSearchIcon.js';
-import '../Icons/LoaderIcon/LoaderIcon.js';
-import '../Icons/LoansForBusinessesFilledIcon/LoansForBusinessesFilledIcon.js';
-import '../Icons/LoansForBusinessesIcon/LoansForBusinessesIcon.js';
-import '../Icons/LockIcon/LockIcon.js';
-import '../Icons/LogInIcon/LogInIcon.js';
-import '../Icons/LogOutIcon/LogOutIcon.js';
-import '../Icons/MagicCheckoutFilledIcon/MagicCheckoutFilledIcon.js';
-import '../Icons/MagicCheckoutIcon/MagicCheckoutIcon.js';
-import '../Icons/MagicKonnectFilledIcon/MagicKonnectFilledIcon.js';
-import '../Icons/MagicKonnectIcon/MagicKonnectIcon.js';
-import '../Icons/MailIcon/MailIcon.js';
-import '../Icons/MailOpenIcon/MailOpenIcon.js';
-import '../Icons/MapIcon/MapIcon.js';
-import '../Icons/MapPinIcon/MapPinIcon.js';
-import '../Icons/MaximizeIcon/MaximizeIcon.js';
-import '../Icons/MenuDotsIcon/MenuDotsIcon.js';
-import '../Icons/MenuIcon/MenuIcon.js';
-import '../Icons/MessageCircleIcon/MessageCircleIcon.js';
-import '../Icons/MessageSquareIcon/MessageSquareIcon.js';
-import '../Icons/MicIcon/MicIcon.js';
-import '../Icons/MicOffIcon/MicOffIcon.js';
-import '../Icons/MinimizeIcon/MinimizeIcon.js';
-import '../Icons/MinusCircleIcon/MinusCircleIcon.js';
-import '../Icons/MinusIcon/MinusIcon.js';
-import '../Icons/MinusSquareIcon/MinusSquareIcon.js';
-import '../Icons/MobileAppFilledIcon/MobileAppFilledIcon.js';
-import '../Icons/MobileAppIcon/MobileAppIcon.js';
-import '../Icons/MonitorIcon/MonitorIcon.js';
-import '../Icons/MoonIcon/MoonIcon.js';
-import '../Icons/MoreFilledIcon/MoreFilledIcon.js';
-import '../Icons/MoreHorizontalIcon/MoreHorizontalIcon.js';
-import '../Icons/MoreIcon/MoreIcon.js';
-import '../Icons/MoreVerticalIcon/MoreVerticalIcon.js';
-import '../Icons/MoveIcon/MoveIcon.js';
-import '../Icons/MusicIcon/MusicIcon.js';
-import '../Icons/MyAccountIcon/MyAccountIcon.js';
-import '../Icons/NavigationIcon/NavigationIcon.js';
-import '../Icons/NoSignalIcon/NoSignalIcon.js';
-import '../Icons/OctagonIcon/OctagonIcon.js';
-import '../Icons/OffersIcon/OffersIcon.js';
-import '../Icons/OptimizerFilledIcon/OptimizerFilledIcon.js';
-import '../Icons/OptimizerIcon/OptimizerIcon.js';
-import '../Icons/PackageIcon/PackageIcon.js';
-import '../Icons/PaperclipIcon/PaperclipIcon.js';
-import '../Icons/PauseCircleIcon/PauseCircleIcon.js';
-import '../Icons/PauseIcon/PauseIcon.js';
-import '../Icons/PaymentButtonFilledIcon/PaymentButtonFilledIcon.js';
-import '../Icons/PaymentButtonIcon/PaymentButtonIcon.js';
-import '../Icons/PaymentButtonsIcon/PaymentButtonsIcon.js';
-import '../Icons/PaymentGatewayFilledIcon/PaymentGatewayFilledIcon.js';
-import '../Icons/PaymentGatewayIcon/PaymentGatewayIcon.js';
-import '../Icons/PaymentLinkFilledIcon/PaymentLinkFilledIcon.js';
-import '../Icons/PaymentLinkIcon/PaymentLinkIcon.js';
-import '../Icons/PaymentLinksIcon/PaymentLinksIcon.js';
-import '../Icons/PaymentPagesFilledIcon/PaymentPagesFilledIcon.js';
-import '../Icons/PaymentPagesIcon/PaymentPagesIcon.js';
-import '../Icons/PayoutLinkIcon/PayoutLinkIcon.js';
-import '../Icons/PayrollAddonsFilledIcon/PayrollAddonsFilledIcon.js';
-import '../Icons/PayrollAddonsIcon/PayrollAddonsIcon.js';
-import '../Icons/PayrollForCaFilledIcon/PayrollForCaFilledIcon.js';
-import '../Icons/PayrollForCaIcon/PayrollForCaIcon.js';
-import '../Icons/PayrollForStartupOrSmeFilledIcon/PayrollForStartupOrSmeFilledIcon.js';
-import '../Icons/PayrollForStartupOrSmeIcon/PayrollForStartupOrSmeIcon.js';
-import '../Icons/PercentIcon/PercentIcon.js';
-import '../Icons/PettyCashBudgetFilledIcon/PettyCashBudgetFilledIcon.js';
-import '../Icons/PettyCashBudgetIcon/PettyCashBudgetIcon.js';
-import '../Icons/PhoneCallIcon/PhoneCallIcon.js';
-import '../Icons/PhoneForwardedIcon/PhoneForwardedIcon.js';
-import '../Icons/PhoneIcon/PhoneIcon.js';
-import '../Icons/PhoneIncomingIcon/PhoneIncomingIcon.js';
-import '../Icons/PhoneMissedIcon/PhoneMissedIcon.js';
-import '../Icons/PhoneOffIcon/PhoneOffIcon.js';
-import '../Icons/PhoneOutgoingIcon/PhoneOutgoingIcon.js';
-import '../Icons/PictureInPictureIcon/PictureInPictureIcon.js';
-import '../Icons/PieChartIcon/PieChartIcon.js';
-import '../Icons/PinIcon/PinIcon.js';
-import '../Icons/PlayCircleIcon/PlayCircleIcon.js';
-import '../Icons/PlayIcon/PlayIcon.js';
-import '../Icons/PlusCircleIcon/PlusCircleIcon.js';
-import '../Icons/PlusIcon/PlusIcon.js';
-import '../Icons/PlusSquareIcon/PlusSquareIcon.js';
-import '../Icons/PocketIcon/PocketIcon.js';
-import '../Icons/PosFilledIcon/PosFilledIcon.js';
-import '../Icons/PosIcon/PosIcon.js';
-import '../Icons/PowerIcon/PowerIcon.js';
-import '../Icons/PrinterIcon/PrinterIcon.js';
-import '../Icons/PromptIcon/PromptIcon.js';
-import '../Icons/QRCodeIcon/QRCodeIcon.js';
-import '../Icons/RadioIcon/RadioIcon.js';
-import '../Icons/RayIcon/RayIcon.js';
-import '../Icons/RazorpayIcon/RazorpayIcon.js';
-import '../Icons/RazorpayXIcon/RazorpayXIcon.js';
-import '../Icons/RazorpayxPayrollFilledIcon/RazorpayxPayrollFilledIcon.js';
-import '../Icons/RazorpayxPayrollIcon/RazorpayxPayrollIcon.js';
-import '../Icons/RefreshIcon/RefreshIcon.js';
-import '../Icons/RepeatIcon/RepeatIcon.js';
-import '../Icons/ReportsIcon/ReportsIcon.js';
-import '../Icons/ResizerIcon/ResizerIcon.js';
-import '../Icons/ReticleIcon/ReticleIcon.js';
-import '../Icons/RewindIcon/RewindIcon.js';
-import '../Icons/RotateClockWiseIcon/RotateClockWiseIcon.js';
-import '../Icons/RotateCounterClockWiseIcon/RotateCounterClockWiseIcon.js';
-import '../Icons/RouteFilledIcon/RouteFilledIcon.js';
-import '../Icons/RouteIcon/RouteIcon.js';
-import '../Icons/RoutesIcon/RoutesIcon.js';
-import '../Icons/RupeeIcon/RupeeIcon.js';
-import '../Icons/RupeesIcon/RupeesIcon.js';
-import '../Icons/SaasFilledIcon/SaasFilledIcon.js';
-import '../Icons/SaasIcon/SaasIcon.js';
-import '../Icons/SaveIcon/SaveIcon.js';
-import '../Icons/ScissorsIcon/ScissorsIcon.js';
-import '../Icons/SearchIcon/SearchIcon.js';
-import '../Icons/SendIcon/SendIcon.js';
-import '../Icons/ServerIcon/ServerIcon.js';
-import '../Icons/SettingsIcon/SettingsIcon.js';
-import '../Icons/SettlementsIcon/SettlementsIcon.js';
-import '../Icons/ShareIcon/ShareIcon.js';
-import '../Icons/ShieldIcon/ShieldIcon.js';
-import '../Icons/ShoppingBagIcon/ShoppingBagIcon.js';
-import '../Icons/ShoppingCartIcon/ShoppingCartIcon.js';
-import '../Icons/ShuffleIcon/ShuffleIcon.js';
-import '../Icons/SidebarIcon/SidebarIcon.js';
-import '../Icons/Signal1BarIcon/Signal1BarIcon.js';
-import '../Icons/Signal2BarIcon/Signal2BarIcon.js';
-import '../Icons/Signal3BarIcon/Signal3BarIcon.js';
-import '../Icons/Signal4BarIcon/Signal4BarIcon.js';
-import '../Icons/SignalIcon/SignalIcon.js';
-import '../Icons/SimCardIcon/SimCardIcon.js';
-import '../Icons/SkipBackIcon/SkipBackIcon.js';
-import '../Icons/SkipForwardIcon/SkipForwardIcon.js';
-import '../Icons/SlackIcon/SlackIcon.js';
-import '../Icons/SlashIcon/SlashIcon.js';
-import '../Icons/SlidersIcon/SlidersIcon.js';
-import '../Icons/SmartCollectFilledIcon/SmartCollectFilledIcon.js';
-import '../Icons/SmartCollectIcon/SmartCollectIcon.js';
-import '../Icons/SmartphoneIcon/SmartphoneIcon.js';
-import '../Icons/SolutionsFilledIcon/SolutionsFilledIcon.js';
-import '../Icons/SolutionsIcon/SolutionsIcon.js';
-import '../Icons/SortIcon/SortIcon.js';
-import '../Icons/SourceToPayFilledIcon/SourceToPayFilledIcon.js';
-import '../Icons/SourceToPayIcon/SourceToPayIcon.js';
-import '../Icons/SparklesIcon/SparklesIcon.js';
-import '../Icons/SpeakerIcon/SpeakerIcon.js';
-import '../Icons/SquareIcon/SquareIcon.js';
-import '../Icons/StampIcon/StampIcon.js';
-import '../Icons/StarIcon/StarIcon.js';
-import '../Icons/StopCircleIcon/StopCircleIcon.js';
-import '../Icons/StorefrontIcon/StorefrontIcon.js';
-import '../Icons/SubscriptionsFilledIcon/SubscriptionsFilledIcon.js';
-import '../Icons/SubscriptionsIcon/SubscriptionsIcon.js';
-import '../Icons/SunIcon/SunIcon.js';
-import '../Icons/SunriseIcon/SunriseIcon.js';
-import '../Icons/SunsetIcon/SunsetIcon.js';
-import '../Icons/TabletIcon/TabletIcon.js';
-import '../Icons/TagIcon/TagIcon.js';
-import '../Icons/TargetIcon/TargetIcon.js';
-import '../Icons/TaxPaymentsFilledIcon/TaxPaymentsFilledIcon.js';
-import '../Icons/TaxPaymentsIcon/TaxPaymentsIcon.js';
-import '../Icons/TestIcon/TestIcon.js';
-import '../Icons/ThermometerIcon/ThermometerIcon.js';
-import '../Icons/ThumbsDownIcon/ThumbsDownIcon.js';
-import '../Icons/ThumbsUpIcon/ThumbsUpIcon.js';
-import '../Icons/TicketIcon/TicketIcon.js';
-import '../Icons/ToggleLeftIcon/ToggleLeftIcon.js';
-import '../Icons/ToggleRightIcon/ToggleRightIcon.js';
-import '../Icons/TokenHqFilledIcon/TokenHqFilledIcon.js';
-import '../Icons/TokenHqIcon/TokenHqIcon.js';
-import '../Icons/TopLeftRoundedCornerIcon/TopLeftRoundedCornerIcon.js';
-import '../Icons/TopLeftSharpCornerIcon/TopLeftSharpCornerIcon.js';
-import '../Icons/TrademarkIcon/TrademarkIcon.js';
-import '../Icons/TrademarkRegisteredIcon/TrademarkRegisteredIcon.js';
-import '../Icons/TransactionsIcon/TransactionsIcon.js';
-import '../Icons/TranslateIcon/TranslateIcon.js';
-import '../Icons/TrashIcon/TrashIcon.js';
-import '../Icons/TrendingDownIcon/TrendingDownIcon.js';
-import '../Icons/TrendingUpIcon/TrendingUpIcon.js';
-import '../Icons/TriangleIcon/TriangleIcon.js';
-import '../Icons/TvIcon/TvIcon.js';
-import '../Icons/TwitterIcon/TwitterIcon.js';
-import '../Icons/TypeIcon/TypeIcon.js';
-import '../Icons/UmbrellaIcon/UmbrellaIcon.js';
-import '../Icons/UnderlineIcon/UnderlineIcon.js';
-import '../Icons/UnlockIcon/UnlockIcon.js';
-import '../Icons/UpiAutopayFilledIcon/UpiAutopayFilledIcon.js';
-import '../Icons/UpiAutopayIcon/UpiAutopayIcon.js';
-import '../Icons/UpiIcon/UpiIcon.js';
-import '../Icons/UploadCloudIcon/UploadCloudIcon.js';
-import '../Icons/UploadIcon/UploadIcon.js';
-import '../Icons/UserCheckIcon/UserCheckIcon.js';
-import '../Icons/UserIcon/UserIcon.js';
-import '../Icons/UserMinusIcon/UserMinusIcon.js';
-import '../Icons/UserPlusIcon/UserPlusIcon.js';
-import '../Icons/UserXIcon/UserXIcon.js';
-import '../Icons/UsersIcon/UsersIcon.js';
-import '../Icons/VendorPaymentsFilledIcon/VendorPaymentsFilledIcon.js';
-import '../Icons/VendorPaymentsIcon/VendorPaymentsIcon.js';
-import '../Icons/VideoIcon/VideoIcon.js';
-import '../Icons/VideoOffIcon/VideoOffIcon.js';
-import '../Icons/ViewLiveDemoFilledIcon/ViewLiveDemoFilledIcon.js';
-import '../Icons/ViewLiveDemoIcon/ViewLiveDemoIcon.js';
-import '../Icons/VoicemailIcon/VoicemailIcon.js';
-import '../Icons/VolumeHighIcon/VolumeHighIcon.js';
-import '../Icons/VolumeIcon/VolumeIcon.js';
-import '../Icons/VolumeLowIcon/VolumeLowIcon.js';
-import '../Icons/VolumeMuteIcon/VolumeMuteIcon.js';
-import '../Icons/VolumeOffIcon/VolumeOffIcon.js';
-import '../Icons/VolumeOnIcon/VolumeOnIcon.js';
-import '../Icons/WalletIcon/WalletIcon.js';
-import '../Icons/WatchIcon/WatchIcon.js';
-import '../Icons/WhatsAppIcon/WhatsAppIcon.js';
-import '../Icons/WifiIcon/WifiIcon.js';
-import '../Icons/WifiOffIcon/WifiOffIcon.js';
-import '../Icons/WindIcon/WindIcon.js';
-import '../Icons/WorldwideIcon/WorldwideIcon.js';
-import '../Icons/XCircleIcon/XCircleIcon.js';
-import '../Icons/XSquareIcon/XSquareIcon.js';
-import '../Icons/YoutubeIcon/YoutubeIcon.js';
-import '../Icons/ZapIcon/ZapIcon.js';
-import '../Icons/ZoomInIcon/ZoomInIcon.js';
-import '../Icons/ZoomOutIcon/ZoomOutIcon.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import { size } from '../../tokens/global/size.js';
+import { useTruncationTitle } from '../../utils/useTruncationTitle/useTruncationTitle.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { useIsMobile } from '../../utils/useIsMobile.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
+import { Text } from '../Typography/Text/Text.js';
+import { IconButton } from '../Button/IconButton/IconButton.js';
+import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 
-var _excluded=["size","icon","onDismiss","children","isDisabled","testID","_isVirtuallyFocused","_isTagInsideInput"];var FocussableTag=styled(BaseBox)(function(props){if(props._isVirtuallyFocused&&!isReactNative()){return {outline:`${makeSize(size['1'])} solid ${props.theme.colors.surface.background.gray.subtle}`,boxShadow:`0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`};}return {};});var _Tag=function _Tag(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,Icon=_ref.icon,onDismiss=_ref.onDismiss,children=_ref.children,isDisabled=_ref.isDisabled,testID=_ref.testID,_isVirtuallyFocused=_ref._isVirtuallyFocused,_isTagInsideInput=_ref._isTagInsideInput,rest=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();var textColor=isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.subtle';var iconColor=isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted';var backgroundColor=isDisabled?'interactive.background.gray.disabled':'interactive.background.gray.default';var mediumPadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.1','spacing.2','spacing.1','spacing.3']};var largePadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.2','spacing.3','spacing.2','spacing.4']};var assetSize=React__default.useMemo(function(){if(isMobile&&size==='large'){return 'medium';}return 'small';},[isMobile,size]);return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},getStyledProps(rest),metaAttribute({name:MetaConstants.Tag,testID:testID}),makeAnalyticsAttribute(rest),{children:jsxs(FocussableTag,{display:isReactNative()?'flex':'inline-flex',alignSelf:isReactNative()?'center':undefined,flexDirection:"row",flexWrap:"nowrap",flexShrink:0,backgroundColor:backgroundColor,borderRadius:"max",padding:size==='medium'?mediumPadding:largePadding,_isVirtuallyFocused:_isVirtuallyFocused,children:[Icon?jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(Icon,{color:iconColor,size:assetSize,marginRight:"spacing.2"})}):null,jsx(Box,{display:"flex",flexDirection:"row",children:jsx(Text,{textAlign:"center",truncateAfterLines:1,marginRight:"spacing.2",color:textColor,size:"small",children:children})}),jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",children:jsx(IconButton,{size:assetSize,icon:CloseIcon,accessibilityLabel:`Close ${children} tag`,isDisabled:isDisabled,_tabIndex:_isTagInsideInput?-1:undefined,onClick:function onClick(e){if(_isTagInsideInput){e.stopPropagation();}onDismiss();}})})]})}));};var Tag=React__default.forwardRef(_Tag);
+var _excluded=["size","icon","onDismiss","children","isDisabled","testID","_isVirtuallyFocused","_isTagInsideInput"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Tag/Tag.tsx";var FocussableTag=styled(BaseBox)(function(props){if(props._isVirtuallyFocused&&!isReactNative()){return {outline:`${makeSize(size['1'])} solid ${props.theme.colors.surface.background.gray.subtle}`,boxShadow:`0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`};}return {};});var _Tag=function _Tag(_ref,ref){var _ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,Icon=_ref.icon,onDismiss=_ref.onDismiss,children=_ref.children,isDisabled=_ref.isDisabled,testID=_ref.testID,_isVirtuallyFocused=_ref._isVirtuallyFocused,_isTagInsideInput=_ref._isTagInsideInput,rest=_objectWithoutProperties(_ref,_excluded);var isMobile=useIsMobile();var _useTruncationTitle=useTruncationTitle({content:typeof children==='string'?children:undefined}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;var textColor=isDisabled?'interactive.text.gray.disabled':'interactive.text.gray.subtle';var iconColor=isDisabled?'interactive.icon.gray.disabled':'interactive.icon.gray.muted';var backgroundColor=isDisabled?'interactive.background.gray.disabled':'interactive.background.gray.default';var mediumPadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.1','spacing.2','spacing.1','spacing.3']};var largePadding={base:['spacing.2','spacing.3','spacing.2','spacing.4'],m:['spacing.2','spacing.3','spacing.2','spacing.4']};var assetSize=React__default.useMemo(function(){if(isMobile&&size==='large'){return 'medium';}return 'small';},[isMobile,size]);return jsx(BaseBox,Object.assign({ref:ref,display:isReactNative()?'flex':'inline-flex'},getStyledProps(rest),metaAttribute({name:MetaConstants.Tag,testID:testID}),makeAnalyticsAttribute(rest),{children:jsxs(FocussableTag,{display:isReactNative()?'flex':'inline-flex',alignSelf:isReactNative()?'center':undefined,flexDirection:"row",flexWrap:"nowrap",flexShrink:0,backgroundColor:backgroundColor,borderRadius:"max",padding:size==='medium'?mediumPadding:largePadding,_isVirtuallyFocused:_isVirtuallyFocused,children:[Icon?jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",children:jsx(Icon,{color:iconColor,size:assetSize,marginRight:"spacing.2"})}):null,jsx(Box,{ref:containerRef,display:"flex",flexDirection:"row",children:jsx(Text,{ref:textRef,textAlign:"center",truncateAfterLines:1,marginRight:"spacing.2",color:textColor,size:"small",children:children})}),jsx(Box,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",children:jsx(IconButton,{size:assetSize,icon:CloseIcon,accessibilityLabel:`Close ${children} tag`,isDisabled:isDisabled,_tabIndex:_isTagInsideInput?-1:undefined,onClick:function onClick(e){if(_isTagInsideInput){e.stopPropagation();}onDismiss();}})})]})}));};var Tag=React__default.forwardRef(_Tag);
 
 export { Tag };
 //# sourceMappingURL=Tag.js.map

package/build/lib/native/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { TagProps } from './types';\nimport { Box } from '~components/Box';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isReactNative, makeSize } from '~utils';\nimport { size as globalSizeTokens } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { PaddingProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst FocussableTag = styled(BaseBox)<{ _isVirtuallyFocused: TagProps['_isVirtuallyFocused'] }>(\n  (props) => {\n    if (props._isVirtuallyFocused && !isReactNative()) {\n      return {\n        outline: `${makeSize(globalSizeTokens['1'])} solid ${\n          props.theme.colors.surface.background.gray.subtle\n        }`,\n        boxShadow: `0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`,\n      };\n    }\n\n    return {};\n  },\n);\n\nconst _Tag = (\n  {\n    size = 'medium',\n    icon: Icon,\n    onDismiss,\n    children,\n    isDisabled,\n    testID,\n    _isVirtuallyFocused,\n    _isTagInsideInput,\n    ...rest\n  }: TagProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement | null => {\n  const isMobile = useIsMobile();\n\n  const textColor = isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.subtle';\n  const iconColor = isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted';\n  const backgroundColor = isDisabled\n    ? 'interactive.background.gray.disabled'\n    : 'interactive.background.gray.default';\n\n  const mediumPadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.1', 'spacing.2', 'spacing.1', 'spacing.3'],\n  };\n\n  const largePadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n  };\n\n  const assetSize = React.useMemo((): 'small' | 'medium' => {\n    if (isMobile && size === 'large') {\n      return 'medium';\n    }\n\n    return 'small';\n  }, [isMobile, size]);\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.Tag, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <FocussableTag\n        display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n        alignSelf={isReactNative() ? 'center' : undefined}\n        flexDirection=\"row\"\n        flexWrap=\"nowrap\"\n        flexShrink={0}\n        backgroundColor={backgroundColor}\n        borderRadius=\"max\"\n        padding={size === 'medium' ? mediumPadding : largePadding}\n        _isVirtuallyFocused={_isVirtuallyFocused}\n      >\n        {/* Leading Icon */}\n        {Icon ? (\n          <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Icon color={iconColor} size={assetSize} marginRight=\"spacing.2\" />\n          </Box>\n        ) : null}\n\n        {/* Tag Text */}\n        <Box display=\"flex\" flexDirection=\"row\">\n          <Text\n            textAlign=\"center\"\n            truncateAfterLines={1}\n            marginRight=\"spacing.2\"\n            color={textColor}\n            size=\"small\"\n          >\n            {children}\n          </Text>\n        </Box>\n\n        {/* Dismiss Icon */}\n        <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <IconButton\n            size={assetSize}\n            icon={CloseIcon}\n            accessibilityLabel={`Close ${children} tag`}\n            isDisabled={isDisabled}\n            _tabIndex={_isTagInsideInput ? -1 : undefined}\n            onClick={(e) => {\n              // Inside tag input, we stop propagation to avoid opening dropdown on click of close on tag\n              if (_isTagInsideInput) {\n                e.stopPropagation();\n              }\n              onDismiss();\n            }}\n          />\n        </Box>\n      </FocussableTag>\n    </BaseBox>\n  );\n};\n\n/**\n * ## Tags\n *\n * Tag component can be used to display selected items on UI.\n *\n * ### Usage\n *\n * ***Note:*** _Make sure to handle state when using Tag_\n *\n * ```jsx\n * const [showTag, setShowTag] = React.useState(true);\n *\n * // ...\n *\n * {showTag && (\n *  <Tag\n *    icon={CheckIcon}\n *    onDismiss={() => setShowTag(false)}\n *  >\n *    Transactions\n *  </Tag>\n * )}\n * ```\n *\n * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.\n *\n */\nconst Tag = React.forwardRef(_Tag);\n\nexport { Tag };\n"],"names":["FocussableTag","styled","BaseBox","props","_isVirtuallyFocused","isReactNative","outline","makeSize","globalSizeTokens","theme","colors","surface","background","gray","subtle","boxShadow","interactive","primary","faded","_Tag","_ref","ref","_ref$size","size","Icon","icon","onDismiss","children","isDisabled","testID","_isTagInsideInput","rest","_objectWithoutProperties","_excluded","isMobile","useIsMobile","textColor","iconColor","backgroundColor","mediumPadding","base","m","largePadding","assetSize","React","useMemo","_jsx","Object","assign","display","getStyledProps","metaAttribute","name","MetaConstants","Tag","makeAnalyticsAttribute","_jsxs","alignSelf","undefined","flexDirection","flexWrap","flexShrink","borderRadius","padding","Box","alignItems","color","marginRight","Text","textAlign","truncateAfterLines","justifyContent","IconButton","CloseIcon","accessibilityLabel","_tabIndex","onClick","e","stopPropagation","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { TagProps } from './types';\nimport { Box } from '~components/Box';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport { CloseIcon } from '~components/Icons';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isReactNative, makeSize } from '~utils';\nimport { size as globalSizeTokens } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { PaddingProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst FocussableTag = styled(BaseBox)<{ _isVirtuallyFocused: TagProps['_isVirtuallyFocused'] }>(\n  (props) => {\n    if (props._isVirtuallyFocused && !isReactNative()) {\n      return {\n        outline: `${makeSize(globalSizeTokens['1'])} solid ${\n          props.theme.colors.surface.background.gray.subtle\n        }`,\n        boxShadow: `0px 0px 0px 4px ${props.theme.colors.interactive.background.primary.faded}`,\n      };\n    }\n\n    return {};\n  },\n);\n\nconst _Tag = (\n  {\n    size = 'medium',\n    icon: Icon,\n    onDismiss,\n    children,\n    isDisabled,\n    testID,\n    _isVirtuallyFocused,\n    _isTagInsideInput,\n    ...rest\n  }: TagProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement | null => {\n  const isMobile = useIsMobile();\n\n  const { containerRef, textRef } = useTruncationTitle({\n    content: typeof children === 'string' ? children : undefined,\n  });\n\n  const textColor = isDisabled ? 'interactive.text.gray.disabled' : 'interactive.text.gray.subtle';\n  const iconColor = isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted';\n  const backgroundColor = isDisabled\n    ? 'interactive.background.gray.disabled'\n    : 'interactive.background.gray.default';\n\n  const mediumPadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.1', 'spacing.2', 'spacing.1', 'spacing.3'],\n  };\n\n  const largePadding: PaddingProps['padding'] = {\n    base: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n    m: ['spacing.2', 'spacing.3', 'spacing.2', 'spacing.4'],\n  };\n\n  const assetSize = React.useMemo((): 'small' | 'medium' => {\n    if (isMobile && size === 'large') {\n      return 'medium';\n    }\n\n    return 'small';\n  }, [isMobile, size]);\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.Tag, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <FocussableTag\n        display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n        alignSelf={isReactNative() ? 'center' : undefined}\n        flexDirection=\"row\"\n        flexWrap=\"nowrap\"\n        flexShrink={0}\n        backgroundColor={backgroundColor}\n        borderRadius=\"max\"\n        padding={size === 'medium' ? mediumPadding : largePadding}\n        _isVirtuallyFocused={_isVirtuallyFocused}\n      >\n        {/* Leading Icon */}\n        {Icon ? (\n          <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Icon color={iconColor} size={assetSize} marginRight=\"spacing.2\" />\n          </Box>\n        ) : null}\n\n        {/* Tag Text */}\n        <Box ref={containerRef as never} display=\"flex\" flexDirection=\"row\">\n          <Text\n            ref={textRef as never}\n            textAlign=\"center\"\n            truncateAfterLines={1}\n            marginRight=\"spacing.2\"\n            color={textColor}\n            size=\"small\"\n          >\n            {children}\n          </Text>\n        </Box>\n\n        {/* Dismiss Icon */}\n        <Box display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <IconButton\n            size={assetSize}\n            icon={CloseIcon}\n            accessibilityLabel={`Close ${children} tag`}\n            isDisabled={isDisabled}\n            _tabIndex={_isTagInsideInput ? -1 : undefined}\n            onClick={(e) => {\n              // Inside tag input, we stop propagation to avoid opening dropdown on click of close on tag\n              if (_isTagInsideInput) {\n                e.stopPropagation();\n              }\n              onDismiss();\n            }}\n          />\n        </Box>\n      </FocussableTag>\n    </BaseBox>\n  );\n};\n\n/**\n * ## Tags\n *\n * Tag component can be used to display selected items on UI.\n *\n * ### Usage\n *\n * ***Note:*** _Make sure to handle state when using Tag_\n *\n * ```jsx\n * const [showTag, setShowTag] = React.useState(true);\n *\n * // ...\n *\n * {showTag && (\n *  <Tag\n *    icon={CheckIcon}\n *    onDismiss={() => setShowTag(false)}\n *  >\n *    Transactions\n *  </Tag>\n * )}\n * ```\n *\n * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.\n *\n */\nconst Tag = React.forwardRef(_Tag);\n\nexport { Tag };\n"],"names":["this","FocussableTag","styled","BaseBox","props","_isVirtuallyFocused","isReactNative","outline","makeSize","globalSizeTokens","theme","colors","surface","background","gray","subtle","boxShadow","interactive","primary","faded","_Tag","_ref","ref","_ref$size","size","Icon","icon","onDismiss","children","isDisabled","testID","_isTagInsideInput","rest","_objectWithoutProperties","_excluded","isMobile","useIsMobile","_useTruncationTitle","useTruncationTitle","content","undefined","containerRef","textRef","textColor","iconColor","backgroundColor","mediumPadding","base","m","largePadding","assetSize","React","useMemo","_jsx","Object","assign","display","getStyledProps","metaAttribute","name","MetaConstants","Tag","makeAnalyticsAttribute","_jsxs","alignSelf","flexDirection","flexWrap","flexShrink","borderRadius","padding","Box","alignItems","color","marginRight","Text","textAlign","truncateAfterLines","justifyContent","IconButton","CloseIcon","accessibilityLabel","_tabIndex","onClick","e","stopPropagation","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Tag/getTagsGroup.js

@@ -2,7 +2,7 @@ import 'react';
 import { AnimatedTag } from './AnimatedTag.native.js';
 import { jsx } from 'react/jsx-runtime';
 
-var getTagsGroup=function getTagsGroup(_ref){var tags=_ref.tags,activeTagIndex=_ref.activeTagIndex,isDisabled=_ref.isDisabled,onDismiss=_ref.onDismiss,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size;return tags.map(function(tagName,tagIndex){return jsx(AnimatedTag,{activeTagIndex:activeTagIndex,onDismiss:onDismiss,currentTagIndex:tagIndex,tagsLength:tags.length,isDisabled:isDisabled,size:size,children:tagName},`${tagName}-${tagIndex}`);});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Tag/getTagsGroup.tsx";var getTagsGroup=function getTagsGroup(_ref){var tags=_ref.tags,activeTagIndex=_ref.activeTagIndex,isDisabled=_ref.isDisabled,onDismiss=_ref.onDismiss,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size;return tags.map(function(tagName,tagIndex){return jsx(AnimatedTag,{activeTagIndex:activeTagIndex,onDismiss:onDismiss,currentTagIndex:tagIndex,tagsLength:tags.length,isDisabled:isDisabled,size:size,children:tagName},`${tagName}-${tagIndex}`);});};
 
 export { getTagsGroup };
 //# sourceMappingURL=getTagsGroup.js.map

package/build/lib/native/components/Tag/getTagsGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTagsGroup.js","sources":["../../../../../src/components/Tag/getTagsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { AnimatedTag } from './AnimatedTag';\nimport type { TagsGroupProps } from './types';\n\nconst getTagsGroup = ({\n  tags,\n  activeTagIndex,\n  isDisabled,\n  onDismiss,\n  size = 'medium',\n}: TagsGroupProps): React.ReactElement[] => {\n  return tags.map((tagName, tagIndex) => (\n    <AnimatedTag\n      key={`${tagName}-${tagIndex}`}\n      activeTagIndex={activeTagIndex}\n      onDismiss={onDismiss}\n      currentTagIndex={tagIndex}\n      tagsLength={tags.length}\n      isDisabled={isDisabled}\n      size={size}\n    >\n      {tagName}\n    </AnimatedTag>\n  ));\n};\n\nexport { getTagsGroup };\n"],"names":["getTagsGroup","_ref","tags","activeTagIndex","isDisabled","onDismiss","_ref$size","size","map","tagName","tagIndex","_jsx","AnimatedTag","currentTagIndex","tagsLength","length","children"],"mappings":";;;;AAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAM0B,CAL1C,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,cAAc,CAAAF,IAAA,CAAdE,cAAc,CACdC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,CAAAL,IAAA,CACTM,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAEf,OAAOJ,IAAI,CAACM,GAAG,CAAC,SAACC,OAAO,CAAEC,QAAQ,CAChC,CAAA,OAAAC,GAAA,CAACC,WAAW,CAAA,CAEVT,cAAc,CAAEA,cAAe,CAC/BE,SAAS,CAAEA,SAAU,CACrBQ,eAAe,CAAEH,QAAS,CAC1BI,UAAU,CAAEZ,IAAI,CAACa,MAAO,CACxBX,UAAU,CAAEA,UAAW,CACvBG,IAAI,CAAEA,IAAK,CAAAS,QAAA,CAEVP,OAAO,CAAA,CARH,CAAGA,EAAAA,OAAO,CAAIC,CAAAA,EAAAA,QAAQ,CAShB,CAAA,CAAC,CACf,CAAA,CAAC,CACJ;;;;"}
+{"version":3,"file":"getTagsGroup.js","sources":["../../../../../src/components/Tag/getTagsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { AnimatedTag } from './AnimatedTag';\nimport type { TagsGroupProps } from './types';\n\nconst getTagsGroup = ({\n  tags,\n  activeTagIndex,\n  isDisabled,\n  onDismiss,\n  size = 'medium',\n}: TagsGroupProps): React.ReactElement[] => {\n  return tags.map((tagName, tagIndex) => (\n    <AnimatedTag\n      key={`${tagName}-${tagIndex}`}\n      activeTagIndex={activeTagIndex}\n      onDismiss={onDismiss}\n      currentTagIndex={tagIndex}\n      tagsLength={tags.length}\n      isDisabled={isDisabled}\n      size={size}\n    >\n      {tagName}\n    </AnimatedTag>\n  ));\n};\n\nexport { getTagsGroup };\n"],"names":["getTagsGroup","_ref","tags","activeTagIndex","isDisabled","onDismiss","_ref$size","size","map","tagName","tagIndex","_jsx","AnimatedTag","currentTagIndex","tagsLength","length","children"],"mappings":";;;;oHAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAM0B,CAL1C,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,cAAc,CAAAF,IAAA,CAAdE,cAAc,CACdC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,CAAAL,IAAA,CACTM,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAEf,OAAOJ,IAAI,CAACM,GAAG,CAAC,SAACC,OAAO,CAAEC,QAAQ,CAChC,CAAA,OAAAC,GAAA,CAACC,WAAW,CAAA,CAEVT,cAAc,CAAEA,cAAe,CAC/BE,SAAS,CAAEA,SAAU,CACrBQ,eAAe,CAAEH,QAAS,CAC1BI,UAAU,CAAEZ,IAAI,CAACa,MAAO,CACxBX,UAAU,CAAEA,UAAW,CACvBG,IAAI,CAAEA,IAAK,CAAAS,QAAA,CAEVP,OAAO,CAAA,CARH,CAAGA,EAAAA,OAAO,CAAIC,CAAAA,EAAAA,QAAQ,CAShB,CAAA,CAAC,CACf,CAAA,CAAC,CACJ;;;;"}

package/build/lib/native/components/Tag/index.js

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

package/build/lib/native/components/Tag/index.js.map

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

package/build/lib/native/components/Tag/tagAnimationConfig.js

@@ -1,7 +1,7 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
 
-var TAG_MAX_WIDTH_START='100%';var TAG_MAX_WIDTH_END='0%';var TAG_OPACITY_START=1;var TAG_OPACITY_END=0;
+var TAG_MAX_WIDTH_START='100%';var TAG_MAX_WIDTH_END='0%';var TAG_MAX_HEIGHT_END=size['0'];var TAG_OPACITY_START=1;var TAG_OPACITY_END=0;
 
-export { TAG_MAX_WIDTH_END, TAG_MAX_WIDTH_START, TAG_OPACITY_END, TAG_OPACITY_START };
+export { TAG_MAX_HEIGHT_END, TAG_MAX_WIDTH_END, TAG_MAX_WIDTH_START, TAG_OPACITY_END, TAG_OPACITY_START };
 //# sourceMappingURL=tagAnimationConfig.js.map

package/build/lib/native/components/Tag/tagAnimationConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagAnimationConfig.js","sources":["../../../../../src/components/Tag/tagAnimationConfig.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\n// we have to set some max-width for width animations to work correctly while tags are disappearing\n// https://stackoverflow.com/a/38643863\nexport const TAG_MAX_WIDTH_START: `${number}%` = '100%';\nexport const TAG_MAX_WIDTH_END: `${number}%` = '0%';\nexport const TAG_MAX_HEIGHT_END: number = size['0'];\nexport const TAG_OPACITY_START = 1;\nexport const TAG_OPACITY_END = 0;\n"],"names":["TAG_MAX_WIDTH_START","TAG_MAX_WIDTH_END","TAG_OPACITY_START","TAG_OPACITY_END"],"mappings":";;;AAIa,IAAAA,mBAAiC,CAAG,OACpC,IAAAC,iBAA+B,CAAG,KAElC,IAAAC,iBAAiB,CAAG,EACpB,IAAAC,eAAe,CAAG;;;;"}
+{"version":3,"file":"tagAnimationConfig.js","sources":["../../../../../src/components/Tag/tagAnimationConfig.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\n// we have to set some max-width for width animations to work correctly while tags are disappearing\n// https://stackoverflow.com/a/38643863\nexport const TAG_MAX_WIDTH_START: `${number}%` = '100%';\nexport const TAG_MAX_WIDTH_END: `${number}%` = '0%';\nexport const TAG_MAX_HEIGHT_END: number = size['0'];\nexport const TAG_OPACITY_START = 1;\nexport const TAG_OPACITY_END = 0;\n"],"names":["TAG_MAX_WIDTH_START","TAG_MAX_WIDTH_END","TAG_MAX_HEIGHT_END","size","TAG_OPACITY_START","TAG_OPACITY_END"],"mappings":";;;AAIa,IAAAA,mBAAiC,CAAG,OACpC,IAAAC,iBAA+B,CAAG,KAClC,IAAAC,kBAA0B,CAAGC,IAAI,CAAC,GAAG,EACrC,IAAAC,iBAAiB,CAAG,EACpB,IAAAC,eAAe,CAAG;;;;"}