@ultraviolet/ui 3.10.1 → 3.11.0

package/dist/components/RadioGroup/index.js

@@ -2,12 +2,12 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { Radio } from "../Radio/index.js";
 import { Label } from "../Label/index.js";
+import { Radio } from "../Radio/index.js";
 import { fieldset } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/RadioGroup/index.tsx
 const RadioGroupContext = createContext(void 0);

package/dist/components/Row/index.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { row, sprinkles } from "./styles.css.js";
 import { paddings, templateColumn } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
+import { consoleLightTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-import { consoleLightTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Row/index.tsx
 const mapRepsonsiveGap = (object) => object ? Object.keys(object).reduce((acc, key) => _objectSpread2(_objectSpread2({}, acc), {}, { [key]: consoleLightTheme.space[object[key]] }), {}) : {};

package/dist/components/SearchInput/index.js

@@ -6,9 +6,9 @@ import { Popup } from "../Popup/index.js";
 import { TextInput } from "../TextInput/index.js";
 import { clickableStack, searchInput, searchInputPopup } from "./styles.css.js";
 import { KeyGroup } from "./KeyGroup.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
 
 //#region src/components/SearchInput/index.tsx

package/dist/components/SelectInput/components/Dropdown.js

@@ -1,22 +1,22 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../../Stack/index.js";
 import { Popup } from "../../Popup/index.js";
 import { Text } from "../../Text/index.js";
-import { Checkbox } from "../../Checkbox/index.js";
 import { Skeleton } from "../../Skeleton/index.js";
+import { Checkbox } from "../../Checkbox/index.js";
 import { ModalContext } from "../../Modal/ModalProvider.js";
 import { INPUT_SIZE_HEIGHT, OPTION_SELECTOR } from "../constants.js";
 import { useSelectInput } from "../SelectInputProvider.js";
 import { comboboxCreate, dropdown, dropdownCheckbox, dropdownContainer, dropdownContainerUnGrouped, dropdownEmptyState, dropdownGroup, dropdownGroupSelectable, dropdownGroupWrapper, dropdownItem, dropdownLoadMore, dropdownWidth, emptyStateGroupStyle, footer } from "./dropdown.css.js";
 import { DisplayOption } from "./DropdownOption.js";
 import { SearchBarDropdown } from "./SearchBarDropdown.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/SelectInput/components/Dropdown.tsx

package/dist/components/SelectInput/components/SearchBarDropdown.js

@@ -1,14 +1,14 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { TextInput } from "../../TextInput/index.js";
 import { OPTION_SELECTOR } from "../constants.js";
 import { useSelectInput } from "../SelectInputProvider.js";
 import { searchBar } from "./dropdown.css.js";
-import { TextInput } from "../../TextInput/index.js";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
 import { SearchIcon } from "@ultraviolet/icons/SearchIcon";
+import { isFuzzyMatch, normalizeString } from "@scaleway/fuzzy-search";
 
 //#region src/components/SelectInput/components/SearchBarDropdown.tsx
 const getReferenceText = (option) => {

package/dist/components/SelectInput/components/SelectBar.js

@@ -4,20 +4,20 @@ import { Stack } from "../../Stack/index.js";
 import { Tooltip } from "../../Tooltip/index.js";
 import { Text } from "../../Text/index.js";
 import { Button } from "../../Button/index.js";
+import { Tag } from "../../Tag/index.js";
 import { SIZES_TAG } from "../constants.js";
 import { useSelectInput } from "../SelectInputProvider.js";
-import { Tag } from "../../Tag/index.js";
 import { findOptionInOptions } from "../findOptionInOptions.js";
 import { maxWidthTag, minWidthTag, multiselectStack, plusTag, selectBar, selectBarTags, selectbarState, selectedValues, selectinputPlaceholder } from "./selectBar.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
-import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
 import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
 
 //#region src/components/SelectInput/components/SelectBar.tsx
 const DisplayValues = ({ refTag, nonOverflowedValues, potentiallyNonOverflowedValues, disabled, readOnly, overflowed, overflowAmount, measureRef, lastElementMaxWidth, overflow, refPlusTag, displayShadowCopy, textVariant }) => {

package/dist/components/SelectInput/index.js

@@ -7,9 +7,9 @@ import { SelectInputProvider } from "./SelectInputProvider.js";
 import { Dropdown } from "./components/Dropdown.js";
 import { SelectBar } from "./components/SelectBar.js";
 import { selectinputContainer, selectinputHelper } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useId, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectInput/index.tsx
 /**

package/dist/components/SelectableCard/IllustrationContainer.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 export declare const IllustrationContainer: ({ children: subChildren, productIcon, illustration, }: {
     children: ReactNode;
-    productIcon: import("../../types").PascalToCamelCaseWithoutSuffix<"AbuseProductIcon" | "AccountExperienceProductIcon" | "AdditionalDiskProductIcon" | "AdvancedSettingsProductIcon" | "AdvancedSupportProductIcon" | "AnsibleProductIcon" | "ApiGatewayProductIcon" | "ApiKeyProductIcon" | "ApiProductIcon" | "AppleSiliconProductIcon" | "ApplicationLibraryProductIcon" | "ApplicationProductIcon" | "ArtifactRegistryProductIcon" | "AuditTrailProductIcon" | "BackendsProductIcon" | "BandwidthProductIcon" | "BasicSupportProductIcon" | "BillingProductIcon" | "BlockStorageProductIcon" | "BusinessSupportProductIcon" | "CbProductIcon" | "CdnProductIcon" | "ChangelogProductIcon" | "CliProductIcon" | "CloudEssentialsProductIcon" | "CloudHostingProductIcon" | "CockpitProductIcon" | "ColdStorageProductIcon" | "ComputeOptimizedInstancesProductIcon" | "ConsoleProductIcon" | "ContainersProductIcon" | "CostManagerProductIcon" | "CustomModelProductIcon" | "DataWarehouseProductIcon" | "DdosProductIcon" | "DdxCoreServersProductIcon" | "DdxProServersProductIcon" | "DdxStartServersProductIcon" | "DedibackupProductIcon" | "DediboxProductIcon" | "DedicatedControlPlaneProductIcon" | "DedicatedServerProductIcon" | "DedilinkProductIcon" | "DeleteMarkerProductIcon" | "DevelopmentInstancesProductIcon" | "DevicesProductIcon" | "DirectConnectProductIcon" | "DistributedDataLabProductIcon" | "DnsProductIcon" | "DocumentationProductIcon" | "DomainsProductIcon" | "EdgeServicesProductIcon" | "ElasticMetalAluminiumProductIcon" | "ElasticMetalBerylliumProductIcon" | "ElasticMetalIridiumProductIcon" | "ElasticMetalLithiumProductIcon" | "ElasticMetalProductIcon" | "ElasticMetalTitaniumProductIcon" | "EntrepriseSupportProductIcon" | "EnvironmentalFootprintCalculatorProductIcon" | "FileProductIcon" | "FileStorageProductIcon" | "FlexibleIpProductIcon" | "FolderProductIcon" | "FrontEndsProductIcon" | "FunctionsProductIcon" | "GeneralPurposeInstancesProductIcon" | "GenerativeApiProductIcon" | "GpuServersProductIcon" | "HubNetworksProductIcon" | "HubRoutesProductIcon" | "IamProductIcon" | "IconElasticMetalProductIcon" | "IconSdkJsProductIcon" | "IconSdkProductIcon" | "ImagesProductIcon" | "InferenceProductIcon" | "InstanceCostOptimizedProductIcon" | "InstanceEnterpriseProductIcon" | "InstanceGpuProductIcon" | "InstanceLearnProductIcon" | "InstancePopProductIcon" | "InstanceProductIcon" | "InstanceScallingGroupsProductIcon" | "InstanceTemplateProductIcon" | "InstanceWopProductIcon" | "InterlinkDedicatedProductIcon" | "InterlinkProductIcon" | "IotEdgeProductIcon" | "IotProductIcon" | "IpFailoverProductIcon" | "IpamProductIcon" | "IpfsNamingProductIcon" | "IpfsProductIcon" | "JeroProductIcon" | "K8sKosmosProductIcon" | "KmsProductIcon" | "KubernetesProductIcon" | "LbProductIcon" | "LifeCycleRulesProductIcon" | "MacMiniM2ProductIcon" | "MacMiniM4ProductIcon" | "MacMiniProductIcon" | "MailboxProductIcon" | "ManagedKafkaProductIcon" | "ManagedSearchDatabaseProductIcon" | "MemoryOptimizedInstancesProductIcon" | "MongoDbProductIcon" | "MonitoringProductIcon" | "MultiUserProductIcon" | "NabuProductIcon" | "NatsProductIcon" | "NetworkAclsProductIcon" | "NextServersProductIcon" | "ObjectStorageProductIcon" | "OriginsResourcesProductIcon" | "OsProductIcon" | "PackerProductIcon" | "PasskeyProductIcon" | "PlacementGroupProductIcon" | "PolicyProductIcon" | "PoolProductIcon" | "PostgresqlMysqlProductIcon" | "PrivateIpProductIcon" | "PrivateNetworkProductIcon" | "PublicGatewayProductIcon" | "QaasProductIcon" | "QuantumApplicationProductIcon" | "QueueingProductIcon" | "RabbitMqProductIcon" | "RdbProductIcon" | "RedisProductIcon" | "RegistryProductIcon" | "RocketProductIcon" | "RouteRulesProductIcon" | "RouterProductIcon" | "RpnProductIcon" | "RpnSanProductIcon" | "RpnV1ProductIcon" | "RpnV2ProductIcon" | "SavingPlanProductIcon" | "SdkGoProductIcon" | "SdkPythonProductIcon" | "SecretManagerProductIcon" | "SecurityGroupProductIcon" | "SepaProductIcon" | "ServerProductIcon" | "ServerlessDbProductIcon" | "ServerlessJobsProductIcon" | "SmsProductIcon" | "SmtpProductIcon" | "SnapshotsProductIcon" | "SnsProductIcon" | "SqsProductIcon" | "SslCertificatesProductIcon" | "StoreServersProductIcon" | "SupportProductIcon" | "TerraformProductIcon" | "TransactionalEmailProductIcon" | "TutorialProductIcon" | "UserProductIcon" | "VerifyCardProductIcon" | "VideoProductIcon" | "VolumeProductIcon" | "VpcPeeringProductIcon" | "VpcProductIcon" | "VpnConnectionProductIcon" | "VpnCustomerGatewayProductIcon" | "VpnProductIcon" | "VpsProServersProductIcon" | "VpsServersProductIcon" | "VpsStartServersProductIcon" | "WafProductIcon" | "WebPlatformProductIcon" | "WebhostingProductIcon" | "ZoneProductIcon", "ProductIcon"> | undefined;
+    productIcon: import("../../types").PascalToCamelCaseWithoutSuffix<"AbuseProductIcon" | "AccountExperienceProductIcon" | "AdditionalDiskProductIcon" | "AdvancedSettingsProductIcon" | "AdvancedSupportProductIcon" | "AnsibleProductIcon" | "ApiGatewayProductIcon" | "ApiKeyProductIcon" | "ApiProductIcon" | "AppleSiliconProductIcon" | "ApplicationLibraryProductIcon" | "ApplicationProductIcon" | "ArtifactRegistryProductIcon" | "AuditTrailProductIcon" | "BackendsProductIcon" | "BandwidthProductIcon" | "BasicSupportProductIcon" | "BillingProductIcon" | "BlockStorageProductIcon" | "BusinessSupportProductIcon" | "CbProductIcon" | "CdnProductIcon" | "ChangelogProductIcon" | "CliProductIcon" | "CloudEssentialsProductIcon" | "CloudHostingProductIcon" | "CockpitProductIcon" | "ColdStorageProductIcon" | "ComputeOptimizedInstancesProductIcon" | "ConsoleProductIcon" | "ContainersProductIcon" | "CostManagerProductIcon" | "CustomModelProductIcon" | "DataOrchestratorProductIcon" | "DataWarehouseProductIcon" | "DdosProductIcon" | "DdxCoreServersProductIcon" | "DdxProServersProductIcon" | "DdxStartServersProductIcon" | "DedibackupProductIcon" | "DediboxProductIcon" | "DedicatedControlPlaneProductIcon" | "DedicatedServerProductIcon" | "DedilinkProductIcon" | "DeleteMarkerProductIcon" | "DevelopmentInstancesProductIcon" | "DevicesProductIcon" | "DirectConnectProductIcon" | "DistributedDataLabProductIcon" | "DnsProductIcon" | "DocumentationProductIcon" | "DomainsProductIcon" | "EdgeServicesProductIcon" | "ElasticMetalAluminiumProductIcon" | "ElasticMetalBerylliumProductIcon" | "ElasticMetalIridiumProductIcon" | "ElasticMetalLithiumProductIcon" | "ElasticMetalProductIcon" | "ElasticMetalTitaniumProductIcon" | "EntrepriseSupportProductIcon" | "EnvironmentalFootprintCalculatorProductIcon" | "FileProductIcon" | "FileStorageProductIcon" | "FlexibleIpProductIcon" | "FolderProductIcon" | "FrontEndsProductIcon" | "FunctionsProductIcon" | "GeneralPurposeInstancesProductIcon" | "GenerativeApiProductIcon" | "GpuServersProductIcon" | "HubNetworksProductIcon" | "HubRoutesProductIcon" | "IamProductIcon" | "IconElasticMetalProductIcon" | "IconSdkJsProductIcon" | "IconSdkProductIcon" | "ImagesProductIcon" | "InferenceProductIcon" | "InstanceCostOptimizedProductIcon" | "InstanceEnterpriseProductIcon" | "InstanceGpuProductIcon" | "InstanceLearnProductIcon" | "InstancePopProductIcon" | "InstanceProductIcon" | "InstanceScallingGroupsProductIcon" | "InstanceTemplateProductIcon" | "InstanceWopProductIcon" | "InterlinkDedicatedProductIcon" | "InterlinkProductIcon" | "IotEdgeProductIcon" | "IotProductIcon" | "IpFailoverProductIcon" | "IpamProductIcon" | "IpfsNamingProductIcon" | "IpfsProductIcon" | "JeroProductIcon" | "K8sKosmosProductIcon" | "KmsProductIcon" | "KubernetesProductIcon" | "LbProductIcon" | "LifeCycleRulesProductIcon" | "MacMiniM2ProductIcon" | "MacMiniM4ProductIcon" | "MacMiniProductIcon" | "MailboxProductIcon" | "ManagedKafkaProductIcon" | "ManagedSearchDatabaseProductIcon" | "MemoryOptimizedInstancesProductIcon" | "MongoDbProductIcon" | "MonitoringProductIcon" | "MultiUserProductIcon" | "NabuProductIcon" | "NatsProductIcon" | "NetworkAclsProductIcon" | "NextServersProductIcon" | "ObjectStorageProductIcon" | "OriginsResourcesProductIcon" | "OsProductIcon" | "PackerProductIcon" | "PasskeyProductIcon" | "PlacementGroupProductIcon" | "PolicyProductIcon" | "PoolProductIcon" | "PostgresqlMysqlProductIcon" | "PrivateIpProductIcon" | "PrivateNetworkProductIcon" | "PublicGatewayProductIcon" | "QaasProductIcon" | "QuantumApplicationProductIcon" | "QueueingProductIcon" | "RabbitMqProductIcon" | "RdbProductIcon" | "RedisProductIcon" | "RegistryProductIcon" | "RocketProductIcon" | "RouteRulesProductIcon" | "RouterProductIcon" | "RpnProductIcon" | "RpnSanProductIcon" | "RpnV1ProductIcon" | "RpnV2ProductIcon" | "SavingPlanProductIcon" | "SdkGoProductIcon" | "SdkPythonProductIcon" | "SecretManagerProductIcon" | "SecurityGroupProductIcon" | "SepaProductIcon" | "ServerProductIcon" | "ServerlessDbProductIcon" | "ServerlessJobsProductIcon" | "SmsProductIcon" | "SmtpProductIcon" | "SnapshotsProductIcon" | "SnsProductIcon" | "SqsProductIcon" | "SslCertificatesProductIcon" | "StoreServersProductIcon" | "SupportProductIcon" | "TerraformProductIcon" | "TransactionalEmailProductIcon" | "TutorialProductIcon" | "UserProductIcon" | "VerifyCardProductIcon" | "VideoProductIcon" | "VolumeProductIcon" | "VpcPeeringProductIcon" | "VpcProductIcon" | "VpnConnectionProductIcon" | "VpnCustomerGatewayProductIcon" | "VpnProductIcon" | "VpsProServersProductIcon" | "VpsServersProductIcon" | "VpsStartServersProductIcon" | "VpsStoreServersProductIcon" | "WafProductIcon" | "WebPlatformProductIcon" | "WebhostingProductIcon" | "ZoneProductIcon", "ProductIcon"> | undefined;
     illustration: string | undefined;
 }) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
 //# sourceMappingURL=IllustrationContainer.d.ts.map

package/dist/components/SelectableCard/IllustrationContainer.js

@@ -2,10 +2,10 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { divSelectableCard, illustrationSelectableCard, imageSelectableCard } from "./styles.css.js";
-import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/asyncToGenerator.js";
 import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as ProductIcon from "@ultraviolet/icons/product";
 
 //#region src/components/SelectableCard/IllustrationContainer.tsx

package/dist/components/SelectableCard/MultiStateInput.js

@@ -1,5 +1,5 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { Radio } from "../Radio/index.js";
 import { selectableElementSelectableCard } from "./styles.css.js";

package/dist/components/SelectableCard/SelectableCard.js

@@ -1,16 +1,16 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { containerSelectableCard, indentedCard, labelContainerSelectableCardLabel, labelContainerSelectableCardNoLabel, stackSelectableCard } from "./styles.css.js";
 import { IllustrationContainer } from "./IllustrationContainer.js";
 import { MultiStateInput } from "./MultiStateInput.js";
 import { inputDisplay, labelDisplay, widthSelectable } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useCallback, useMemo, useRef } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCard/SelectableCard.tsx
 /**

package/dist/components/SelectableCardGroup/index.js

@@ -6,9 +6,9 @@ import { Label } from "../Label/index.js";
 import { Row } from "../Row/index.js";
 import { SelectableCard } from "../SelectableCard/SelectableCard.js";
 import { selectableCardGroupFieldSet } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCardGroup/index.tsx
 const SelectableCardGroupContext = createContext(void 0);

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js

@@ -7,9 +7,9 @@ import { Row } from "../Row/index.js";
 import { SelectableCardOptionGroupContext } from "./Provider.js";
 import { selectableCardOptionFieldSet } from "./styles.css.js";
 import { Option } from "./components/Option.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx
 /**

package/dist/components/SelectableCardOptionGroup/components/Image.js

@@ -1,8 +1,8 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { disabledImage } from "../styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCardOptionGroup/components/Image.tsx
 const IMAGE_SIZES = {

package/dist/components/SelectableCardOptionGroup/components/Option.js

@@ -1,6 +1,6 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../../Stack/index.js";
 import { Label } from "../../Label/index.js";
 import { SelectInput } from "../../SelectInput/index.js";
@@ -8,9 +8,9 @@ import { SelectableCard } from "../../SelectableCard/SelectableCard.js";
 import { useSelectableCardOptionGroup } from "../Provider.js";
 import { optionFullHeight, optionPadded, optionSelectInput, optionSelectInputDisabled, optionSelectInputError, selectableCard } from "../styles.css.js";
 import { Image } from "./Image.js";
-import { cn } from "@ultraviolet/utils";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCardOptionGroup/components/Option.tsx
 const Option = ({ value, label, labelDescription, "aria-label": ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, "data-testid": dataTestId, tooltip, style }) => {

package/dist/components/Separator/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { hr, iconWraperSeparator, thicknessSeparator } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Separator/index.tsx
 /**

package/dist/components/Skeleton/index.js

@@ -9,8 +9,8 @@ import { List } from "./List.js";
 import { Slider } from "./Slider.js";
 import { Square } from "./Square.js";
 import { skeletonContainer, skeletonHighlight } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Skeleton/index.tsx
 const variants = {

package/dist/components/Slider/components/DoubleSlider.js

@@ -7,11 +7,11 @@ import { Label } from "../../Label/index.js";
 import { NumberInput } from "../../NumberInput/index.js";
 import { leftVar, sliderCustomRail, sliderDouble, sliderDoubleText, sliderDoubleWrapper, sliderInnerRail, sliderThumbStyle, sliderTooltip, thumbColor, tooltipLeft } from "../styles.css.js";
 import { Options } from "./Options.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Slider/components/DoubleSlider.tsx
 const DoubleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, customValueDisplay }) => {

package/dist/components/Slider/components/SingleSlider.js

@@ -1,6 +1,6 @@
 'use client';
 import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { Stack } from "../../Stack/index.js";
 import { Tooltip } from "../../Tooltip/index.js";
 import { Text } from "../../Text/index.js";
@@ -8,11 +8,11 @@ import { Label } from "../../Label/index.js";
 import { NumberInput } from "../../NumberInput/index.js";
 import { leftVar, sliderDoubleText, sliderNumberInput, sliderSingle, sliderThumbStyle, sliderTooltip, thumbColor, tooltipLeft } from "../styles.css.js";
 import { Options } from "./Options.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Slider/components/SingleSlider.tsx
 const SingleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition }) => {

package/dist/components/Snippet/index.js

@@ -2,15 +2,15 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
+import { Expandable } from "../Expandable/index.js";
 import { Label } from "../Label/index.js";
 import { CopyButton } from "../CopyButton/index.js";
-import { Expandable } from "../Expandable/index.js";
 import { useTheme } from "../../theme/ThemeProvider.js";
 import { animatedArrowIcon, buttonContainer, centeredText, line, prefix, pretext, rowsVar, showMoreButton, showMoreContainer, snippetContainer, stackStyle } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, useReducer } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/components/Snippet/index.tsx

package/dist/components/Stack/index.js

@@ -1,13 +1,13 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
 import { sprinkles, stack } from "./styles.css.js";
 import { flexVar, maxWidthVar, minWidthVar, widthVar } from "./variables.css.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { forwardRef, useMemo } from "react";
+import { consoleLightTheme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-import { consoleLightTheme } from "@ultraviolet/themes";
 
 //#region src/components/Stack/index.tsx
 const _excluded = [

package/dist/components/Status/index.js

@@ -2,8 +2,8 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { animatedCircleStatus, circleStatus, status } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Status/index.tsx
 /**

package/dist/components/StepList/index.js

@@ -2,8 +2,8 @@
 import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Bullet } from "../Bullet/index.js";
 import { step, stepDiv, steps } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/StepList/index.tsx
 const Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {

package/dist/components/Stepper/Step.js

@@ -5,9 +5,9 @@ import { Text } from "../Text/index.js";
 import { Bullet } from "../Bullet/index.js";
 import { useStepper } from "./StepperProvider.js";
 import { animationStepperContainer, stepBullet, stepContainer, stepText, stepperContainerRecipe, stepperInteractive } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Stepper/Step.tsx

package/dist/components/Stepper/index.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { StepperProvider } from "./StepperProvider.js";
 import { stepperContainer, stepperLine } from "./styles.css.js";
 import { Step } from "./Step.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, Fragment, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Stepper/index.tsx
 const Stepper = ({ children, interactive = false, selected = 1, animated = false, className, labelPosition = "bottom", size = "medium", "data-testid": dataTestId, separator = true, style }) => {

package/dist/components/SwitchButton/Option.js

@@ -3,9 +3,9 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { SelectableCard } from "../SelectableCard/SelectableCard.js";
 import { switchButtonOptionBase, switchButtonOptionNeutral, switchButtonOptionPrimary } from "./styles.css.js";
 import { useSwitchButton } from "./SwitchButtonContext.js";
-import { cn } from "@ultraviolet/utils";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SwitchButton/Option.tsx
 const Option = ({ value, children, "data-testid": dataTestId, disabled, tooltip, style }) => {

package/dist/components/SwitchButton/index.js

@@ -6,9 +6,9 @@ import { switchButtonContainer } from "./styles.css.js";
 import { FocusOverlay } from "./FocusOverlay.js";
 import { SwitchButtonContext } from "./SwitchButtonContext.js";
 import { Option } from "./Option.js";
-import { cn } from "@ultraviolet/utils";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SwitchButton/index.tsx
 /**

package/dist/components/Table/Cell.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
 import { useColumnProvider } from "../List/ColumnProvider.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { tableCell } from "./styles.css.js";
 import { maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Table/Cell.tsx
 const Cell = ({ children, className, colSpan, rowSpan, sentiment, align = "left", style }) => {

package/dist/components/Table/HeaderCell.js

@@ -1,13 +1,13 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { listSortIcon } from "../List/styles.css.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Text } from "../Text/index.js";
+import { listSortIcon } from "../List/styles.css.js";
 import { headerCellText, tableHeaderCell } from "./styles.css.js";
 import { headerCellMaxWidth, headerCellMinWidth, headerCellWidth } from "./variables.css.js";
-import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 import { SortIcon } from "@ultraviolet/icons/SortIcon";
 import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";

package/dist/components/Table/HeaderRow.js

@@ -3,8 +3,8 @@ import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { HeaderCell } from "./HeaderCell.js";
 import { useTableContext } from "./TableContext.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/HeaderRow.tsx
 const HeaderRow = ({ children, hasSelectAllColumn }) => {

package/dist/components/Table/Row.js

@@ -1,17 +1,17 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { ColumnProvider } from "../List/ColumnProvider.js";
-import { listCheckboxInRange, listNoPaddingCell } from "../List/styles.css.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { Checkbox } from "../Checkbox/index.js";
 import { Button } from "../Button/index.js";
+import { Checkbox } from "../Checkbox/index.js";
+import { ColumnProvider } from "../List/ColumnProvider.js";
+import { listCheckboxInRange, listNoPaddingCell } from "../List/styles.css.js";
 import { tableCheckboxContainer, tableExpandableWrapper, tableRow, tableTrAnimation } from "./styles.css.js";
 import { Cell } from "./Cell.js";
 import { useTableContext } from "./TableContext.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, useCallback, useEffect, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { theme } from "@ultraviolet/themes";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 

package/dist/components/Table/TableContext.js

@@ -1,7 +1,7 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { ListProvider, useListContext } from "../List/ListContext.js";
 import { createContext, useContext, useEffect, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/Table/index.js

@@ -12,9 +12,9 @@ import { HeaderRow } from "./HeaderRow.js";
 import { Row } from "./Row.js";
 import { SelectBar } from "./SelectBar.js";
 import { SkeletonRows } from "./SkeletonRows.js";
-import { cn } from "@ultraviolet/utils";
 import { Children, forwardRef, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Table/index.tsx
 const TableContainer = ({ children }) => {

package/dist/components/Tabs/Tab.js

@@ -1,16 +1,16 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { Text } from "../Text/index.js";
 import { Badge } from "../Badge/index.js";
 import { tabsBadge, tabsBadgeContainer, tabsButton, tabsTextSelected } from "./styles.css.js";
 import { useTabsContext } from "./TabsContext.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 
 //#region src/components/Tabs/Tab.tsx
 const _excluded = [

package/dist/components/Tabs/TabMenu.js

@@ -1,12 +1,12 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { Menu } from "../Menu/index.js";
 import { tabsArrowIcon, tabsButton, tabsMenuWrapper } from "./styles.css.js";
-import { cn } from "@ultraviolet/utils";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/components/Tabs/TabMenu.tsx

package/dist/components/Tabs/TabMenuItem.js

@@ -1,7 +1,7 @@
 'use client';
 import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectWithoutProperties.js";
 import { Menu } from "../Menu/index.js";
 import { tabsTextSelected } from "./styles.css.js";
 import { useTabsContext } from "./TabsContext.js";

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

@@ -49,6 +49,7 @@ export declare namespace Tabs {
         'data-testid'?: string | undefined;
         searchText?: string | undefined;
         style?: import("react").CSSProperties | undefined;
+        rightComponent?: ReactNode;
     } & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=index.d.ts.map