@nattstack/ui 0.0.31 → 0.0.32

package/dist/components/index.d.ts

@@ -27,27 +27,27 @@ interface ButtonInternalProps extends Omit<ComponentProps<"button">, "aria-press
 type ButtonUnionProps = ButtonIconProps | ButtonProps;
 declare function Button(props: ButtonUnionProps): JSX.Element;
 declare const BUTTON_CLASS_NAME: {
-  readonly BASE: any;
-  readonly ICON_ONLY: any;
+  readonly BASE: string;
+  readonly ICON_ONLY: string;
   readonly ROUNDED: {
-    readonly BASE: any;
-    readonly FULL: any;
+    readonly BASE: string;
+    readonly FULL: string;
   };
   readonly SIZE: {
-    readonly 32: any;
-    readonly 36: any;
-    readonly 40: any;
-    readonly 44: any;
-    readonly 48: any;
+    readonly 32: string;
+    readonly 36: string;
+    readonly 40: string;
+    readonly 44: string;
+    readonly 48: string;
   };
   readonly VARIANT: {
-    readonly GHOST: any;
-    readonly PRIMARY: any;
-    readonly SECONDARY: any;
+    readonly GHOST: string;
+    readonly PRIMARY: string;
+    readonly SECONDARY: string;
   };
   readonly WIDTH: {
-    readonly BASE: any;
-    readonly FULL: any;
+    readonly BASE: string;
+    readonly FULL: string;
   };
 };
 //#endregion
@@ -71,7 +71,7 @@ interface ColumnInternalProps {
 }
 declare function Column(props: ColumnProps): JSX.Element;
 declare const COLUMN_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive.d.ts
@@ -85,7 +85,7 @@ declare function DialogResponsive(props: DialogResponsiveProps): JSX.Element;
 interface DialogResponsivePopupProps extends Drawer.Popup.Props {}
 declare function DialogResponsivePopup(props: DialogResponsivePopupProps): JSX.Element;
 declare const DIALOG_RESPONSIVE_POPUP_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-trigger.d.ts
@@ -105,17 +105,17 @@ interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "dis
 }
 declare function Input(props: InputProps): JSX.Element;
 declare const INPUT_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
   readonly ROUNDED: {
-    readonly BASE: any;
-    readonly FULL: any;
+    readonly BASE: string;
+    readonly FULL: string;
   };
   readonly SIZE: {
-    readonly 32: any;
-    readonly 36: any;
-    readonly 40: any;
-    readonly 44: any;
-    readonly 48: any;
+    readonly 32: string;
+    readonly 36: string;
+    readonly 40: string;
+    readonly 44: string;
+    readonly 48: string;
   };
 };
 //#endregion
@@ -123,7 +123,7 @@ declare const INPUT_CLASS_NAME: {
 interface LabelProps extends ComponentProps<"label"> {}
 declare function Label(props: LabelProps): JSX.Element;
 declare const LABEL_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/row/row.d.ts
@@ -139,7 +139,7 @@ interface RowInternalProps {
 }
 declare function Row(props: RowProps): JSX.Element;
 declare const ROW_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/spacer/spacer.d.ts
@@ -149,7 +149,7 @@ interface SpacerProps extends Omit<ComponentProps<"div">, "children"> {
 }
 declare function Spacer(props: SpacerProps): JSX.Element;
 declare const SPACER_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/switch/switch.d.ts
@@ -163,10 +163,10 @@ interface SwitchProps extends Omit<ComponentProps<typeof Switch$1.Root>, "checke
 }
 declare function Switch(props: SwitchProps): JSX.Element;
 declare const SWITCH_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
   readonly SIZE: {
-    readonly 18: any;
-    readonly 24: any;
+    readonly 18: string;
+    readonly 24: string;
   };
 };
 //#endregion
@@ -174,7 +174,7 @@ declare const SWITCH_CLASS_NAME: {
 interface TabsPillListProps extends Tabs$1.List.Props {}
 declare function TabsPillList(props: TabsPillListProps): JSX.Element;
 declare const TABS_PILL_LIST_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-tab.d.ts
@@ -183,16 +183,16 @@ interface TabsPillTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
 }
 declare function TabsPillTab(props: TabsPillTabProps): JSX.Element;
 declare const TABS_PILL_TAB_CLASS_NAME: {
-  readonly BACKGROUND: any;
-  readonly BASE: any;
-  readonly WRAPPER: any;
+  readonly BACKGROUND: string;
+  readonly BASE: string;
+  readonly WRAPPER: string;
 };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-list.d.ts
 interface TabsSegmentedListProps extends Tabs$1.List.Props {}
 declare function TabsSegmentedList(props: TabsSegmentedListProps): JSX.Element;
 declare const TABS_SEGMENTED_LIST_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-tab.d.ts
@@ -201,14 +201,14 @@ interface TabsSegmentedTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
 }
 declare function TabsSegmentedTab(props: TabsSegmentedTabProps): JSX.Element;
 declare const TABS_SEGMENTED_TAB_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-list.d.ts
 interface TabsUnderlineListProps extends Tabs$1.List.Props {}
 declare function TabsUnderlineList(props: TabsUnderlineListProps): JSX.Element;
 declare const TABS_UNDERLINE_LIST_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-tab.d.ts
@@ -217,21 +217,21 @@ interface TabsUnderlineTabProps extends Omit<Tabs$1.Tab.Props, "nativeButton"> {
 }
 declare function TabsUnderlineTab(props: TabsUnderlineTabProps): JSX.Element;
 declare const TABS_UNDERLINE_TAB_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs/tabs.d.ts
 interface TabsProps extends Tabs$1.Root.Props {}
 declare function Tabs(props: TabsProps): JSX.Element;
 declare const TABS_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tabs/tabs-panel.d.ts
 interface TabsPanelProps extends Tabs$1.Panel.Props {}
 declare function TabsPanel(props: TabsPanelProps): JSX.Element;
 declare const TABS_PANEL_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/textarea/textarea.d.ts
@@ -246,11 +246,11 @@ interface TextareaProps extends Omit<ComponentProps<"textarea">, "aria-pressed"
 }
 declare function Textarea(props: TextareaProps): JSX.Element;
 declare const TEXTAREA_CLASS_NAME: {
-  readonly BASE: any;
-  readonly INPUT: any;
+  readonly BASE: string;
+  readonly INPUT: string;
   readonly ROUNDED: {
-    readonly BASE: any;
-    readonly FULL: any;
+    readonly BASE: string;
+    readonly FULL: string;
   };
 };
 //#endregion
@@ -264,7 +264,7 @@ declare function Tooltip(props: TooltipProps): JSX.Element;
 interface TooltipContentProps extends Pick<Tooltip$1.Positioner.Props, "side" | "sideOffset">, Tooltip$1.Popup.Props {}
 declare function TooltipContent(props: TooltipContentProps): JSX.Element;
 declare const TOOLTIP_CONTENT_CLASS_NAME: {
-  readonly BASE: any;
+  readonly BASE: string;
 };
 //#endregion
 //#region src/components/tooltip/tooltip-provider.d.ts

package/dist/components/index.js

@@ -2,10 +2,22 @@ import './style.css';
 import { createElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "@base-ui/react";
+//#region src/utils/normalize-whitespace.ts
+/**
+* Collapses consecutive whitespace characters into single spaces and trims
+* leading and trailing whitespace.
+*
+* @param {string} value - The string to normalize.
+* @returns {string} The normalized string with excess whitespace removed.
+*/
+function normalizeWhitespace(value) {
+	return value.replaceAll(/\s+/g, " ").trim();
+}
+//#endregion
 //#region src/components/button/button-spinner.module.css
 var button_spinner_module_default = {
-	"button_spinner": "Eu3QVW_button_spinner",
-	"spinner": "Eu3QVW_spinner"
+	"button_spinner": "button-spinner-module_button_spinner_Eu3QVW",
+	"spinner": "button-spinner-module_spinner_Eu3QVW"
 };
 //#endregion
 //#region src/components/button/button-spinner.tsx
@@ -18,34 +30,22 @@ function ButtonSpinner(props) {
 	});
 }
 //#endregion
-//#region src/utils/normalize-whitespace.ts
-/**
-* Collapses consecutive whitespace characters into single spaces and trims
-* leading and trailing whitespace.
-*
-* @param {string} value - The string to normalize.
-* @returns {string} The normalized string with excess whitespace removed.
-*/
-function normalizeWhitespace(value) {
-	return value.replaceAll(/\s+/g, " ").trim();
-}
-//#endregion
 //#region src/components/button/button.module.css
 var button_module_default = {
-	"button": "_9qaCYq_button",
-	"button__icon_only": "_9qaCYq_button__icon_only",
-	"button__rounded_base": "_9qaCYq_button__rounded_base",
-	"button__rounded_full": "_9qaCYq_button__rounded_full",
-	"button__size_32": "_9qaCYq_button__size_32",
-	"button__size_36": "_9qaCYq_button__size_36",
-	"button__size_40": "_9qaCYq_button__size_40",
-	"button__size_44": "_9qaCYq_button__size_44",
-	"button__size_48": "_9qaCYq_button__size_48",
-	"button__variant_ghost": "_9qaCYq_button__variant_ghost",
-	"button__variant_primary": "_9qaCYq_button__variant_primary",
-	"button__variant_secondary": "_9qaCYq_button__variant_secondary",
-	"button__width_base": "_9qaCYq_button__width_base",
-	"button__width_full": "_9qaCYq_button__width_full"
+	"button": "button-module_button_9qaCYq",
+	"button__icon_only": "button-module_button__icon_only_9qaCYq",
+	"button__rounded_base": "button-module_button__rounded_base_9qaCYq",
+	"button__rounded_full": "button-module_button__rounded_full_9qaCYq",
+	"button__size_32": "button-module_button__size_32_9qaCYq",
+	"button__size_36": "button-module_button__size_36_9qaCYq",
+	"button__size_40": "button-module_button__size_40_9qaCYq",
+	"button__size_44": "button-module_button__size_44_9qaCYq",
+	"button__size_48": "button-module_button__size_48_9qaCYq",
+	"button__variant_ghost": "button-module_button__variant_ghost_9qaCYq",
+	"button__variant_primary": "button-module_button__variant_primary_9qaCYq",
+	"button__variant_secondary": "button-module_button__variant_secondary_9qaCYq",
+	"button__width_base": "button-module_button__width_base_9qaCYq",
+	"button__width_full": "button-module_button__width_full_9qaCYq"
 };
 //#endregion
 //#region src/components/button/button.tsx
@@ -116,7 +116,7 @@ function ButtonLink(props) {
 }
 //#endregion
 //#region src/components/column/column.module.css
-var column_module_default = { "column": "_1ANk3W_column" };
+var column_module_default = { "column": "column-module_column_1ANk3W" };
 //#endregion
 //#region src/components/column/column.tsx
 function Column(props) {
@@ -153,7 +153,7 @@ function DialogResponsive(props) {
 }
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-backdrop.module.css
-var dialog_responsive_backdrop_module_default = { "dialog_responsive_backdrop": "eSc3Ma_dialog_responsive_backdrop" };
+var dialog_responsive_backdrop_module_default = { "dialog_responsive_backdrop": "dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma" };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-backdrop.tsx
 function DialogResponsiveBackdrop(props) {
@@ -171,7 +171,7 @@ function DialogResponsiveBackdrop(props) {
 const DIALOG_RESPONSIVE_BACKDROP_CLASS_NAME = { BASE: dialog_responsive_backdrop_module_default.dialog_responsive_backdrop };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-bar.module.css
-var dialog_responsive_bar_module_default = { "dialog_responsive_bar": "jTrvVq_dialog_responsive_bar" };
+var dialog_responsive_bar_module_default = { "dialog_responsive_bar": "dialog-responsive-bar-module_dialog_responsive_bar_jTrvVq" };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-bar.tsx
 function DialogResponsiveBar(props) {
@@ -188,7 +188,7 @@ function DialogResponsiveBar(props) {
 const DIALOG_RESPONSIVE_BAR_CLASS_NAME = { BASE: dialog_responsive_bar_module_default.dialog_responsive_bar };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-portal.module.css
-var dialog_responsive_portal_module_default = { "dialog_responsive_portal": "_5Oatkq_dialog_responsive_portal" };
+var dialog_responsive_portal_module_default = { "dialog_responsive_portal": "dialog-responsive-portal-module_dialog_responsive_portal_5Oatkq" };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-portal.tsx
 function DialogResponsivePortal(props) {
@@ -206,7 +206,7 @@ function DialogResponsivePortal(props) {
 const DIALOG_RESPONSIVE_PORTAL_CLASS_NAME = { BASE: dialog_responsive_portal_module_default.dialog_responsive_portal };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-viewport.module.css
-var dialog_responsive_viewport_module_default = { "dialog_responsive_viewport": "xMwQyW_dialog_responsive_viewport" };
+var dialog_responsive_viewport_module_default = { "dialog_responsive_viewport": "dialog-responsive-viewport-module_dialog_responsive_viewport_xMwQyW" };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-viewport.tsx
 function DialogResponsiveViewport(props) {
@@ -224,7 +224,7 @@ function DialogResponsiveViewport(props) {
 const DIALOG_RESPONSIVE_VIEWPORT_CLASS_NAME = { BASE: dialog_responsive_viewport_module_default.dialog_responsive_viewport };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-popup.module.css
-var dialog_responsive_popup_module_default = { "dialog_responsive_popup": "_G8xla_dialog_responsive_popup" };
+var dialog_responsive_popup_module_default = { "dialog_responsive_popup": "dialog-responsive-popup-module_dialog_responsive_popup__G8xla" };
 //#endregion
 //#region src/components/dialog-responsive/dialog-responsive-popup.tsx
 function DialogResponsivePopup(props) {
@@ -253,14 +253,14 @@ function DialogResponsiveTrigger(props) {
 //#endregion
 //#region src/components/input/input.module.css
 var input_module_default = {
-	"input": "dWvcHW_input",
-	"input__rounded_base": "dWvcHW_input__rounded_base",
-	"input__rounded_full": "dWvcHW_input__rounded_full",
-	"input__size_32": "dWvcHW_input__size_32",
-	"input__size_36": "dWvcHW_input__size_36",
-	"input__size_40": "dWvcHW_input__size_40",
-	"input__size_44": "dWvcHW_input__size_44",
-	"input__size_48": "dWvcHW_input__size_48"
+	"input": "input-module_input_dWvcHW",
+	"input__rounded_base": "input-module_input__rounded_base_dWvcHW",
+	"input__rounded_full": "input-module_input__rounded_full_dWvcHW",
+	"input__size_32": "input-module_input__size_32_dWvcHW",
+	"input__size_36": "input-module_input__size_36_dWvcHW",
+	"input__size_40": "input-module_input__size_40_dWvcHW",
+	"input__size_44": "input-module_input__size_44_dWvcHW",
+	"input__size_48": "input-module_input__size_48_dWvcHW"
 };
 //#endregion
 //#region src/components/input/input.tsx
@@ -299,7 +299,7 @@ const INPUT_CLASS_NAME = {
 };
 //#endregion
 //#region src/components/label/label.module.css
-var label_module_default = { "label": "x4PeXa_label" };
+var label_module_default = { "label": "label-module_label_x4PeXa" };
 //#endregion
 //#region src/components/label/label.tsx
 function Label(props) {
@@ -317,7 +317,7 @@ function Label(props) {
 const LABEL_CLASS_NAME = { BASE: label_module_default.label };
 //#endregion
 //#region src/components/row/row.module.css
-var row_module_default = { "row": "sYCFIW_row" };
+var row_module_default = { "row": "row-module_row_sYCFIW" };
 //#endregion
 //#region src/components/row/row.tsx
 function Row(props) {
@@ -342,7 +342,7 @@ function Row(props) {
 const ROW_CLASS_NAME = { BASE: row_module_default.row };
 //#endregion
 //#region src/components/spacer/spacer.module.css
-var spacer_module_default = { "spacer": "nFLKVq_spacer" };
+var spacer_module_default = { "spacer": "spacer-module_spacer_nFLKVq" };
 //#endregion
 //#region src/components/spacer/spacer.tsx
 function Spacer(props) {
@@ -364,10 +364,10 @@ const SPACER_CLASS_NAME = { BASE: spacer_module_default.spacer };
 //#endregion
 //#region src/components/switch/switch.module.css
 var switch_module_default = {
-	"switch": "R3gLLG_switch",
-	"switch__size_18": "R3gLLG_switch__size_18",
-	"switch__size_24": "R3gLLG_switch__size_24",
-	"switch__thumb": "R3gLLG_switch__thumb"
+	"switch": "switch-module_switch_R3gLLG",
+	"switch__size_18": "switch-module_switch__size_18_R3gLLG",
+	"switch__size_24": "switch-module_switch__size_24_R3gLLG",
+	"switch__thumb": "switch-module_switch__thumb_R3gLLG"
 };
 //#endregion
 //#region src/components/switch/switch.tsx
@@ -398,7 +398,7 @@ const SWITCH_CLASS_NAME = {
 };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-indicator.module.css
-var tabs_pill_indicator_module_default = { "tabs_pill_indicator": "Dg56ja_tabs_pill_indicator" };
+var tabs_pill_indicator_module_default = { "tabs_pill_indicator": "tabs-pill-indicator-module_tabs_pill_indicator_Dg56ja" };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-indicator.tsx
 function TabsPillIndicator(props) {
@@ -417,7 +417,7 @@ function TabsPillIndicator(props) {
 const TABS_PILL_INDICATOR_CLASS_NAME = { BASE: tabs_pill_indicator_module_default.tabs_pill_indicator };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-list.module.css
-var tabs_pill_list_module_default = { "tabs_pill_list": "I12aAq_tabs_pill_list" };
+var tabs_pill_list_module_default = { "tabs_pill_list": "tabs-pill-list-module_tabs_pill_list_I12aAq" };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-list.tsx
 function TabsPillList(props) {
@@ -437,9 +437,9 @@ const TABS_PILL_LIST_CLASS_NAME = { BASE: tabs_pill_list_module_default.tabs_pil
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-tab.module.css
 var tabs_pill_tab_module_default = {
-	"tabs_pill_tab": "ABaxVG_tabs_pill_tab",
-	"tabs_pill_tab_background": "ABaxVG_tabs_pill_tab_background",
-	"tabs_pill_tab_wrapper": "ABaxVG_tabs_pill_tab_wrapper"
+	"tabs_pill_tab": "tabs-pill-tab-module_tabs_pill_tab_ABaxVG",
+	"tabs_pill_tab_background": "tabs-pill-tab-module_tabs_pill_tab_background_ABaxVG",
+	"tabs_pill_tab_wrapper": "tabs-pill-tab-module_tabs_pill_tab_wrapper_ABaxVG"
 };
 //#endregion
 //#region src/components/tabs-pill/tabs-pill-tab.tsx
@@ -466,7 +466,7 @@ const TABS_PILL_TAB_CLASS_NAME = {
 };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
-var tabs_segmented_indicator_module_default = { "tabs_segmented_indicator": "wVi_Qq_tabs_segmented_indicator" };
+var tabs_segmented_indicator_module_default = { "tabs_segmented_indicator": "tabs-segmented-indicator-module_tabs_segmented_indicator_wVi_Qq" };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-indicator.tsx
 function TabsSegmentedIndicator(props) {
@@ -485,7 +485,7 @@ function TabsSegmentedIndicator(props) {
 const TABS_SEGMENTED_INDICATOR_CLASS_NAME = { BASE: tabs_segmented_indicator_module_default.tabs_segmented_indicator };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-list.module.css
-var tabs_segmented_list_module_default = { "tabs_segmented_list": "AZApxW_tabs_segmented_list" };
+var tabs_segmented_list_module_default = { "tabs_segmented_list": "tabs-segmented-list-module_tabs_segmented_list_AZApxW" };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-list.tsx
 function TabsSegmentedList(props) {
@@ -504,7 +504,7 @@ function TabsSegmentedList(props) {
 const TABS_SEGMENTED_LIST_CLASS_NAME = { BASE: tabs_segmented_list_module_default.tabs_segmented_list };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-tab.module.css
-var tabs_segmented_tab_module_default = { "tabs_segmented_tab": "MWdXWq_tabs_segmented_tab" };
+var tabs_segmented_tab_module_default = { "tabs_segmented_tab": "tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq" };
 //#endregion
 //#region src/components/tabs-segmented/tabs-segmented-tab.tsx
 function TabsSegmentedTab(props) {
@@ -523,7 +523,7 @@ function TabsSegmentedTab(props) {
 const TABS_SEGMENTED_TAB_CLASS_NAME = { BASE: tabs_segmented_tab_module_default.tabs_segmented_tab };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-indicator.module.css
-var tabs_underline_indicator_module_default = { "tabs_underline_indicator": "Y_MyBG_tabs_underline_indicator" };
+var tabs_underline_indicator_module_default = { "tabs_underline_indicator": "tabs-underline-indicator-module_tabs_underline_indicator_Y_MyBG" };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-indicator.tsx
 function TabsUnderlineIndicator(props) {
@@ -542,7 +542,7 @@ function TabsUnderlineIndicator(props) {
 const TABS_UNDERLINE_INDICATOR_CLASS_NAME = { BASE: tabs_underline_indicator_module_default.tabs_underline_indicator };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-list.module.css
-var tabs_underline_list_module_default = { "tabs_underline_list": "z1YTsW_tabs_underline_list" };
+var tabs_underline_list_module_default = { "tabs_underline_list": "tabs-underline-list-module_tabs_underline_list_z1YTsW" };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-list.tsx
 function TabsUnderlineList(props) {
@@ -561,7 +561,7 @@ function TabsUnderlineList(props) {
 const TABS_UNDERLINE_LIST_CLASS_NAME = { BASE: tabs_underline_list_module_default.tabs_underline_list };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-tab.module.css
-var tabs_underline_tab_module_default = { "tabs_underline_tab": "RxaKNW_tabs_underline_tab" };
+var tabs_underline_tab_module_default = { "tabs_underline_tab": "tabs-underline-tab-module_tabs_underline_tab_RxaKNW" };
 //#endregion
 //#region src/components/tabs-underline/tabs-underline-tab.tsx
 function TabsUnderlineTab(props) {
@@ -580,7 +580,7 @@ function TabsUnderlineTab(props) {
 const TABS_UNDERLINE_TAB_CLASS_NAME = { BASE: tabs_underline_tab_module_default.tabs_underline_tab };
 //#endregion
 //#region src/components/tabs/tabs.module.css
-var tabs_module_default = { "tabs": "Zs0xEq_tabs" };
+var tabs_module_default = { "tabs": "tabs-module_tabs_Zs0xEq" };
 //#endregion
 //#region src/components/tabs/tabs.tsx
 function Tabs(props) {
@@ -598,7 +598,7 @@ function Tabs(props) {
 const TABS_CLASS_NAME = { BASE: tabs_module_default.tabs };
 //#endregion
 //#region src/components/tabs/tabs-panel.module.css
-var tabs_panel_module_default = { "tabs_panel": "dWZGWq_tabs_panel" };
+var tabs_panel_module_default = { "tabs_panel": "tabs-panel-module_tabs_panel_dWZGWq" };
 //#endregion
 //#region src/components/tabs/tabs-panel.tsx
 function TabsPanel(props) {
@@ -616,7 +616,7 @@ function TabsPanel(props) {
 const TABS_PANEL_CLASS_NAME = { BASE: tabs_panel_module_default.tabs_panel };
 //#endregion
 //#region src/components/textarea/textarea.module.css
-var textarea_module_default = { "textarea": "JqpxFq_textarea" };
+var textarea_module_default = { "textarea": "textarea-module_textarea_JqpxFq" };
 //#endregion
 //#region src/components/textarea/textarea.tsx
 function Textarea(props) {
@@ -660,8 +660,8 @@ function Tooltip(props) {
 //#endregion
 //#region src/components/tooltip/tooltip-content.module.css
 var tooltip_content_module_default = {
-	"tooltip_content": "j-Z8kW_tooltip_content",
-	"tooltip_content_positioner": "j-Z8kW_tooltip_content_positioner"
+	"tooltip_content": "tooltip-content-module_tooltip_content_j-Z8kW",
+	"tooltip_content_positioner": "tooltip-content-module_tooltip_content_positioner_j-Z8kW"
 };
 //#endregion
 //#region src/components/tooltip/tooltip-content.tsx

package/dist/components/style.css

@@ -1,18 +1,18 @@
-.Eu3QVW_button_spinner {
+.button-spinner-module_button_spinner_Eu3QVW {
   width: var(--size);
   height: var(--size);
-  animation: 1s steps(12, end) infinite Eu3QVW_spinner;
+  animation: 1s steps(12, end) infinite button-spinner-module_spinner_Eu3QVW;
   position: relative;
   scale: -1 1;
 }
 
-@keyframes Eu3QVW_spinner {
+@keyframes button-spinner-module_spinner_Eu3QVW {
   to {
     rotate: 1turn;
   }
 }
 
-.Eu3QVW_button_spinner > div {
+.button-spinner-module_button_spinner_Eu3QVW > div {
   width: calc(var(--size) / 2);
   height: calc(var(--size) / 12);
   pointer-events: none;
@@ -24,7 +24,7 @@
   translate: 0 -50%;
 }
 
-.Eu3QVW_button_spinner > div:after {
+.button-spinner-module_button_spinner_Eu3QVW > div:after {
   content: "";
   background-color: currentColor;
   border-radius: 9999px;
@@ -34,66 +34,66 @@
   right: 0;
 }
 
-.Eu3QVW_button_spinner > div:first-child {
+.button-spinner-module_button_spinner_Eu3QVW > div:first-child {
   opacity: 1;
   rotate: 0deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(2) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(2) {
   opacity: .925;
   rotate: 30deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(3) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(3) {
   opacity: .85;
   rotate: 60deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(4) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(4) {
   opacity: .775;
   rotate: 90deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(5) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(5) {
   opacity: .7;
   rotate: 120deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(6) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(6) {
   opacity: .625;
   rotate: 150deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(7) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(7) {
   opacity: .55;
   rotate: 180deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(8) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(8) {
   opacity: .475;
   rotate: 210deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(9) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(9) {
   opacity: .4;
   rotate: 240deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(10) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(10) {
   opacity: .325;
   rotate: 270deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(11) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(11) {
   opacity: .25;
   rotate: 300deg;
 }
 
-.Eu3QVW_button_spinner > div:nth-child(12) {
+.button-spinner-module_button_spinner_Eu3QVW > div:nth-child(12) {
   opacity: .15;
   rotate: 330deg;
 }
-._9qaCYq_button {
+.button-module_button_9qaCYq {
   cursor: pointer;
   font-family: var(--font-body);
   height: var(--size-button);
@@ -116,123 +116,123 @@
   overflow: hidden;
 }
 
-._9qaCYq_button:active:not(:disabled), ._9qaCYq_button[aria-pressed="true"]:not(:disabled) {
+.button-module_button_9qaCYq:active:not(:disabled), .button-module_button_9qaCYq[aria-pressed="true"]:not(:disabled) {
   translate: 0 1px;
 }
 
-._9qaCYq_button:disabled {
+.button-module_button_9qaCYq:disabled {
   cursor: not-allowed;
   opacity: .5;
 }
 
-._9qaCYq_button:focus-visible {
+.button-module_button_9qaCYq:focus-visible {
   outline-width: 2px;
 }
 
-._9qaCYq_button > svg {
+.button-module_button_9qaCYq > svg {
   --size-icon: 20px;
   height: var(--size-icon);
   width: var(--size-icon);
 }
 
-._9qaCYq_button__icon_only {
+.button-module_button__icon_only_9qaCYq {
   width: var(--size-button) !important;
   padding: 0 !important;
 }
 
-._9qaCYq_button__rounded_base {
+.button-module_button__rounded_base_9qaCYq {
   border-radius: 12px;
 }
 
-._9qaCYq_button__rounded_full {
+.button-module_button__rounded_full_9qaCYq {
   border-radius: 9999px !important;
 }
 
-._9qaCYq_button__size_32 {
+.button-module_button__size_32_9qaCYq {
   --size-button: 32px;
   border-radius: 6px;
   padding: 0 10px;
 }
 
-._9qaCYq_button__size_36 {
+.button-module_button__size_36_9qaCYq {
   --size-button: 36px;
   border-radius: 8px;
   padding: 0 12px;
 }
 
-._9qaCYq_button__size_40 {
+.button-module_button__size_40_9qaCYq {
   --size-button: 40px;
   border-radius: 10px;
   padding: 0 14px;
 }
 
-._9qaCYq_button__size_44 {
+.button-module_button__size_44_9qaCYq {
   --size-button: 44px;
   border-radius: 12px;
   padding: 0 16px;
 }
 
-._9qaCYq_button__size_48 {
+.button-module_button__size_48_9qaCYq {
   --size-button: 48px;
   border-radius: 14px;
   padding: 0 18px;
 }
 
-._9qaCYq_button__variant_ghost {
+.button-module_button__variant_ghost_9qaCYq {
   color: #000;
   background-color: #0000;
 }
 
-._9qaCYq_button__variant_ghost:active:not(:disabled), ._9qaCYq_button__variant_ghost:hover:not(:disabled), ._9qaCYq_button__variant_ghost[aria-pressed="true"]:not(:disabled) {
+.button-module_button__variant_ghost_9qaCYq:active:not(:disabled), .button-module_button__variant_ghost_9qaCYq:hover:not(:disabled), .button-module_button__variant_ghost_9qaCYq[aria-pressed="true"]:not(:disabled) {
   background-color: var(--color-gray-3);
 }
 
-.dark ._9qaCYq_button__variant_ghost {
+.dark .button-module_button__variant_ghost_9qaCYq {
   color: #fff;
 }
 
-._9qaCYq_button__variant_primary {
+.button-module_button__variant_primary_9qaCYq {
   color: #fff;
   background-color: var(--color-primary-9);
   background-image: linear-gradient(oklab(100% 0 5.96046e-8 / .0476191) 50%, oklab(0% 0 0 / 0) 50%);
 }
 
-._9qaCYq_button__variant_primary:active:not(:disabled), ._9qaCYq_button__variant_primary:hover:not(:disabled), ._9qaCYq_button__variant_primary[aria-pressed="true"]:not(:disabled) {
+.button-module_button__variant_primary_9qaCYq:active:not(:disabled), .button-module_button__variant_primary_9qaCYq:hover:not(:disabled), .button-module_button__variant_primary_9qaCYq[aria-pressed="true"]:not(:disabled) {
   background-color: color-mix(in oklab, var(--color-primary-9) 100%, #fff 10%);
 }
 
-.dark ._9qaCYq_button__variant_primary {
+.dark .button-module_button__variant_primary_9qaCYq {
   background-image: linear-gradient(oklab(0% none none / 0) 50%, oklab(0% none none / .0476191) 50%);
 }
 
-._9qaCYq_button__variant_secondary {
+.button-module_button__variant_secondary_9qaCYq {
   color: #000;
   background-color: var(--color-gray-2);
   box-shadow: 0 0 0 1px var(--color-gray-4) inset;
   background-image: linear-gradient(oklab(0% none none / 0) 50%, oklab(0% none none / .0196078) 50%);
 }
 
-._9qaCYq_button__variant_secondary:active:not(:disabled), ._9qaCYq_button__variant_secondary:hover:not(:disabled), ._9qaCYq_button__variant_secondary[aria-pressed="true"]:not(:disabled) {
+.button-module_button__variant_secondary_9qaCYq:active:not(:disabled), .button-module_button__variant_secondary_9qaCYq:hover:not(:disabled), .button-module_button__variant_secondary_9qaCYq[aria-pressed="true"]:not(:disabled) {
   background-color: var(--color-gray-3);
 }
 
-.dark ._9qaCYq_button__variant_secondary {
+.dark .button-module_button__variant_secondary_9qaCYq {
   color: #fff;
   background-image: linear-gradient(oklab(100% 0 5.96046e-8 / .00990099) 50%, oklab(0% 0 0 / 0) 50%);
 }
 
-._9qaCYq_button__width_base {
+.button-module_button__width_base_9qaCYq {
   width: max-content;
 }
 
-._9qaCYq_button__width_full {
+.button-module_button__width_full_9qaCYq {
   width: 100%;
 }
-._1ANk3W_column {
+.column-module_column_1ANk3W {
   flex-direction: column;
   display: flex;
 }
-.eSc3Ma_dialog_responsive_backdrop {
+.dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma {
   --backdrop-opacity: .25;
   opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));
   outline-color: var(--color-primary-9);
@@ -243,22 +243,22 @@
   inset: 0;
 }
 
-.eSc3Ma_dialog_responsive_backdrop[data-ending-style], .eSc3Ma_dialog_responsive_backdrop[data-starting-style] {
+.dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-ending-style], .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-starting-style] {
   opacity: 0;
 }
 
-.eSc3Ma_dialog_responsive_backdrop[data-ending-style] {
+.dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-ending-style] {
   transition-duration: calc(var(--drawer-swipe-strength) * .4s);
 }
 
-.eSc3Ma_dialog_responsive_backdrop[data-swiping] {
+.dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma[data-swiping] {
   transition-duration: 0s;
 }
 
-.dark .eSc3Ma_dialog_responsive_backdrop {
+.dark .dialog-responsive-backdrop-module_dialog_responsive_backdrop_eSc3Ma {
   --backdrop-opacity: .75;
 }
-.jTrvVq_dialog_responsive_bar {
+.dialog-responsive-bar-module_dialog_responsive_bar_jTrvVq {
   background-color: var(--color-gray-4);
   border-radius: 9999px;
   width: 48px;
@@ -268,16 +268,16 @@
 }
 
 @media (width <= 640px) {
-  .jTrvVq_dialog_responsive_bar {
+  .dialog-responsive-bar-module_dialog_responsive_bar_jTrvVq {
     display: block;
   }
 }
-._5Oatkq_dialog_responsive_portal {
+.dialog-responsive-portal-module_dialog_responsive_portal_5Oatkq {
   isolation: isolate;
   z-index: 30;
   position: relative;
 }
-.xMwQyW_dialog_responsive_viewport {
+.dialog-responsive-viewport-module_dialog_responsive_viewport_xMwQyW {
   cursor: pointer;
   justify-content: safe center;
   align-items: safe center;
@@ -288,12 +288,12 @@
 }
 
 @media (width <= 640px) {
-  .xMwQyW_dialog_responsive_viewport {
+  .dialog-responsive-viewport-module_dialog_responsive_viewport_xMwQyW {
     align-items: safe flex-end;
     padding: 48px 0 0;
   }
 }
-._G8xla_dialog_responsive_popup {
+.dialog-responsive-popup-module_dialog_responsive_popup__G8xla {
   background-color: var(--color-gray-1);
   cursor: auto;
   outline-color: var(--color-primary-9);
@@ -311,21 +311,21 @@
   display: flex;
 }
 
-._G8xla_dialog_responsive_popup:focus-visible {
+.dialog-responsive-popup-module_dialog_responsive_popup__G8xla:focus-visible {
   outline-width: 2px;
 }
 
-._G8xla_dialog_responsive_popup[data-ending-style], ._G8xla_dialog_responsive_popup[data-starting-style] {
+.dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-starting-style] {
   opacity: 0;
   transform: scale(.975);
 }
 
-._G8xla_dialog_responsive_popup[data-swiping] {
+.dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-swiping] {
   user-select: none;
 }
 
 @media (width <= 640px) {
-  ._G8xla_dialog_responsive_popup {
+  .dialog-responsive-popup-module_dialog_responsive_popup__G8xla {
     --radius-mobile: 24px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
@@ -338,16 +338,16 @@
     transition-timing-function: cubic-bezier(.32, .72, 0, 1);
   }
 
-  ._G8xla_dialog_responsive_popup[data-ending-style], ._G8xla_dialog_responsive_popup[data-starting-style] {
+  .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style], .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-starting-style] {
     opacity: 1;
     transform: scale(1) translateY(100%);
   }
 
-  ._G8xla_dialog_responsive_popup[data-ending-style] {
+  .dialog-responsive-popup-module_dialog_responsive_popup__G8xla[data-ending-style] {
     transition-duration: calc(var(--drawer-swipe-strength) * .3s);
   }
 }
-.dWvcHW_input {
+.input-module_input_dWvcHW {
   appearance: none;
   background-color: var(--color-bg-primary);
   box-shadow: 0 0 0 1px var(--color-border) inset;
@@ -366,82 +366,82 @@
   transition-duration: .15s;
 }
 
-.dWvcHW_input::placeholder {
+.input-module_input_dWvcHW::placeholder {
   color: var(--color-gray-9);
   user-select: none;
 }
 
-.dWvcHW_input:disabled {
+.input-module_input_dWvcHW:disabled {
   cursor: not-allowed;
   opacity: .5;
 }
 
-.dWvcHW_input:enabled:active, .dWvcHW_input:enabled:focus, .dWvcHW_input:enabled:hover, .dWvcHW_input:enabled[data-is-active="true"] {
+.input-module_input_dWvcHW:enabled:active, .input-module_input_dWvcHW:enabled:focus, .input-module_input_dWvcHW:enabled:hover, .input-module_input_dWvcHW:enabled[data-is-active="true"] {
   box-shadow: 0 0 0 1px var(--color-gray-6) inset;
 }
 
-.dWvcHW_input[data-is-valid="true"] {
+.input-module_input_dWvcHW[data-is-valid="true"] {
   outline-color: #30a46c;
 }
 
-.dWvcHW_input[data-is-invalid="true"] {
+.input-module_input_dWvcHW[data-is-invalid="true"] {
   outline-color: #e5484d;
 }
 
-.dWvcHW_input:focus-visible {
+.input-module_input_dWvcHW:focus-visible {
   outline-color: var(--color-outline);
 }
 
-.dWvcHW_input__rounded_base {
+.input-module_input__rounded_base_dWvcHW {
   border-radius: 12px;
 }
 
-.dWvcHW_input__rounded_full {
+.input-module_input__rounded_full_dWvcHW {
   border-radius: 9999px;
 }
 
-.dWvcHW_input__size_32 {
+.input-module_input__size_32_dWvcHW {
   border-radius: 8px;
   min-height: 32px;
   padding: 0 8px;
 }
 
-.dWvcHW_input__size_36 {
+.input-module_input__size_36_dWvcHW {
   border-radius: 10px;
   min-height: 36px;
   padding: 0 10px;
 }
 
-.dWvcHW_input__size_40 {
+.input-module_input__size_40_dWvcHW {
   border-radius: 12px;
   min-height: 40px;
   padding: 0 12px;
 }
 
-.dWvcHW_input__size_44 {
+.input-module_input__size_44_dWvcHW {
   border-radius: 14px;
   min-height: 44px;
   padding: 0 14px;
 }
 
-.dWvcHW_input__size_48 {
+.input-module_input__size_48_dWvcHW {
   border-radius: 16px;
   min-height: 48px;
   padding: 0 16px;
 }
-.x4PeXa_label {
+.label-module_label_x4PeXa {
   color: var(--color-text-secondary);
   width: fit-content;
   font-size: 14px;
 }
-.sYCFIW_row {
+.row-module_row_sYCFIW {
   flex-direction: row;
   display: flex;
 }
-.nFLKVq_spacer {
+.spacer-module_spacer_nFLKVq {
   flex-shrink: 0;
 }
-.R3gLLG_switch {
+.switch-module_switch_R3gLLG {
   background-color: var(--color-gray-6);
   cursor: pointer;
   outline-color: var(--color-primary-9);
@@ -456,20 +456,20 @@
   overflow: hidden;
 }
 
-.R3gLLG_switch:focus-visible {
+.switch-module_switch_R3gLLG:focus-visible {
   outline-width: 2px;
 }
 
-.R3gLLG_switch[data-checked] {
+.switch-module_switch_R3gLLG[data-checked] {
   background-color: var(--color-primary-9);
 }
 
-.R3gLLG_switch[data-disabled] {
+.switch-module_switch_R3gLLG[data-disabled] {
   cursor: not-allowed;
   opacity: .5;
 }
 
-.R3gLLG_switch__thumb {
+.switch-module_switch__thumb_R3gLLG {
   aspect-ratio: 1;
   background-color: #fff;
   border-radius: 9999px;
@@ -478,22 +478,22 @@
   transition-duration: .15s;
 }
 
-.R3gLLG_switch__thumb[data-checked] {
+.switch-module_switch__thumb_R3gLLG[data-checked] {
   transform: translateX(var(--translateX));
 }
 
-.R3gLLG_switch__size_18 {
+.switch-module_switch__size_18_R3gLLG {
   --translateX: 12px;
   width: 30px;
   height: 18px;
 }
 
-.R3gLLG_switch__size_24 {
+.switch-module_switch__size_24_R3gLLG {
   --translateX: 16px;
   width: 40px;
   height: 24px;
 }
-.Dg56ja_tabs_pill_indicator {
+.tabs-pill-indicator-module_tabs_pill_indicator_Dg56ja {
   background-color: var(--color-gray-12);
   height: var(--active-tab-height);
   left: var(--active-tab-left);
@@ -505,14 +505,14 @@
   transition-duration: .15s;
   position: absolute;
 }
-.I12aAq_tabs_pill_list {
+.tabs-pill-list-module_tabs_pill_list_I12aAq {
   isolation: isolate;
   column-gap: 8px;
   display: flex;
   position: relative;
   overflow-x: auto;
 }
-.ABaxVG_tabs_pill_tab {
+.tabs-pill-tab-module_tabs_pill_tab_ABaxVG {
   border-radius: var(--border-radius);
   color: #000;
   cursor: pointer;
@@ -533,34 +533,34 @@
   display: flex;
 }
 
-.ABaxVG_tabs_pill_tab:focus-visible {
+.tabs-pill-tab-module_tabs_pill_tab_ABaxVG:focus-visible {
   outline-width: 2px;
 }
 
-.ABaxVG_tabs_pill_tab:hover {
+.tabs-pill-tab-module_tabs_pill_tab_ABaxVG:hover {
   background-color: var(--color-gray-4);
 }
 
-.ABaxVG_tabs_pill_tab[data-active] {
+.tabs-pill-tab-module_tabs_pill_tab_ABaxVG[data-active] {
   color: #fff;
   background-color: #0000;
 }
 
-.dark .ABaxVG_tabs_pill_tab {
+.dark .tabs-pill-tab-module_tabs_pill_tab_ABaxVG {
   color: #fff;
 }
 
-.dark .ABaxVG_tabs_pill_tab[data-active] {
+.dark .tabs-pill-tab-module_tabs_pill_tab_ABaxVG[data-active] {
   color: #000;
 }
 
-.ABaxVG_tabs_pill_tab > svg {
+.tabs-pill-tab-module_tabs_pill_tab_ABaxVG > svg {
   --size-icon: 16px;
   height: var(--size-icon);
   width: var(--size-icon);
 }
 
-.ABaxVG_tabs_pill_tab_wrapper {
+.tabs-pill-tab-module_tabs_pill_tab_wrapper_ABaxVG {
   --border-radius: 12px;
   border-radius: var(--border-radius);
   flex-shrink: 0;
@@ -569,13 +569,13 @@
   overflow: hidden;
 }
 
-.ABaxVG_tabs_pill_tab_background {
+.tabs-pill-tab-module_tabs_pill_tab_background_ABaxVG {
   background-color: var(--color-gray-3);
   z-index: -2;
   position: absolute;
   inset: 0;
 }
-.wVi_Qq_tabs_segmented_indicator {
+.tabs-segmented-indicator-module_tabs_segmented_indicator_wVi_Qq {
   background-color: var(--color-gray-1);
   height: var(--active-tab-height);
   left: var(--active-tab-left);
@@ -587,7 +587,7 @@
   transition-duration: .15s;
   position: absolute;
 }
-.AZApxW_tabs_segmented_list {
+.tabs-segmented-list-module_tabs_segmented_list_AZApxW {
   background-color: var(--color-gray-3);
   isolation: isolate;
   border-radius: 12px;
@@ -598,7 +598,7 @@
   position: relative;
   overflow-x: auto;
 }
-.MWdXWq_tabs_segmented_tab {
+.tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq {
   color: var(--color-gray-11);
   cursor: pointer;
   outline-color: var(--color-primary-9);
@@ -619,20 +619,20 @@
   display: flex;
 }
 
-.MWdXWq_tabs_segmented_tab:focus-visible {
+.tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq:focus-visible {
   outline-width: 2px;
 }
 
-.MWdXWq_tabs_segmented_tab:hover, .MWdXWq_tabs_segmented_tab[data-active] {
+.tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq:hover, .tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq[data-active] {
   color: var(--color-gray-12);
 }
 
-.MWdXWq_tabs_segmented_tab > svg {
+.tabs-segmented-tab-module_tabs_segmented_tab_MWdXWq > svg {
   --size-icon: 16px;
   height: var(--size-icon);
   width: var(--size-icon);
 }
-.Y_MyBG_tabs_underline_indicator {
+.tabs-underline-indicator-module_tabs_underline_indicator_Y_MyBG {
   background-color: var(--color-primary-9);
   height: 2px;
   bottom: 0;
@@ -642,7 +642,7 @@
   transition-duration: .15s;
   position: absolute;
 }
-.z1YTsW_tabs_underline_list {
+.tabs-underline-list-module_tabs_underline_list_z1YTsW {
   border-bottom-color: var(--color-gray-4);
   border-bottom-style: solid;
   border-bottom-width: 1px;
@@ -650,7 +650,7 @@
   position: relative;
   overflow-x: auto;
 }
-.RxaKNW_tabs_underline_tab {
+.tabs-underline-tab-module_tabs_underline_tab_RxaKNW {
   color: var(--color-gray-11);
   cursor: pointer;
   outline-color: var(--color-primary-9);
@@ -670,25 +670,25 @@
   display: flex;
 }
 
-.RxaKNW_tabs_underline_tab:focus-visible {
+.tabs-underline-tab-module_tabs_underline_tab_RxaKNW:focus-visible {
   outline-width: 2px;
 }
 
-.RxaKNW_tabs_underline_tab:hover, .RxaKNW_tabs_underline_tab[data-active] {
+.tabs-underline-tab-module_tabs_underline_tab_RxaKNW:hover, .tabs-underline-tab-module_tabs_underline_tab_RxaKNW[data-active] {
   color: var(--color-gray-12);
 }
 
-.RxaKNW_tabs_underline_tab > svg {
+.tabs-underline-tab-module_tabs_underline_tab_RxaKNW > svg {
   --size-icon: 16px;
   height: var(--size-icon);
   width: var(--size-icon);
 }
-.Zs0xEq_tabs {
+.tabs-module_tabs_Zs0xEq {
   flex-direction: column;
   width: 100%;
   display: flex;
 }
-.dWZGWq_tabs_panel {
+.tabs-panel-module_tabs_panel_dWZGWq {
   outline-color: var(--color-primary-9);
   outline-offset: -2px;
   outline-width: 0;
@@ -697,17 +697,17 @@
   display: flex;
 }
 
-.dWZGWq_tabs_panel:focus-visible {
+.tabs-panel-module_tabs_panel_dWZGWq:focus-visible {
   outline-width: 2px;
 }
-.JqpxFq_textarea {
+.textarea-module_textarea_JqpxFq {
   resize: vertical;
   height: auto;
   min-height: 66px;
   max-height: none;
   padding: 12px !important;
 }
-.j-Z8kW_tooltip_content {
+.tooltip-content-module_tooltip_content_j-Z8kW {
   background-color: var(--color-gray-dark-1);
   color: var(--color-gray-dark-12);
   border-radius: 8px;
@@ -716,12 +716,12 @@
   font-weight: 500;
 }
 
-.j-Z8kW_tooltip_content_positioner {
+.tooltip-content-module_tooltip_content_positioner_j-Z8kW {
   isolation: isolate;
   z-index: 50;
 }
 
-.dark .j-Z8kW_tooltip_content {
+.dark .tooltip-content-module_tooltip_content_j-Z8kW {
   background-color: var(--color-gray-light-1);
   color: var(--color-gray-light-12);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",
@@ -54,7 +54,7 @@
     "@tsdown/css": "0.21.8",
     "@types/bun": "1.3.12",
     "tsdown": "0.21.8",
-    "typescript": "5.9.3"
+    "typescript": "6.0.2"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",