@nattstack/ui 0.0.88 → 0.0.90

package/dist/components/select/select-value.module.js

@@ -0,0 +1,5 @@
+import './select-value.css';
+//#region src/components/select/select-value.module.css
+var select_value_module_default = { "base": "select-value-module_base_j4ZBgq" };
+//#endregion
+export { select_value_module_default as default };

package/dist/components/select/select.d.ts

@@ -0,0 +1,7 @@
+import { Select } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/select/select.d.ts
+interface SelectProps<Value, Multiple extends boolean | undefined = false> extends Select.Root.Props<Value, Multiple> {}
+declare function Select$1<Value, Multiple extends boolean | undefined = false>(props: SelectProps<Value, Multiple>): JSX.Element;
+//#endregion
+export { Select$1 as Select, SelectProps };

package/dist/components/select/select.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select.tsx
+function Select$1(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Root, {
+		"data-slot": "select",
+		...rest
+	});
+}
+//#endregion
+export { Select$1 as Select };

package/dist/components/spacer/spacer.css

@@ -1,5 +1,5 @@
 @layer components {
-  .spacer-module_spacer_liXYKW {
+  .spacer-module_base_liXYKW {
     flex-shrink: 0;
   }
 }

package/dist/components/spacer/spacer.js

@@ -6,6 +6,7 @@ function Spacer(props) {
 	const { className: customClassName = "", height, style: customStyle, width, ...rest } = props;
 	return /* @__PURE__ */ jsx("div", {
 		className: spacerVariants({ className: customClassName }),
+		"data-slot": "spacer",
 		style: {
 			...customStyle,
 			...width === void 0 ? {} : { width },
@@ -14,6 +15,6 @@ function Spacer(props) {
 		...rest
 	});
 }
-const spacerVariants = cva(spacer_module_default.spacer);
+const spacerVariants = cva(spacer_module_default.base);
 //#endregion
 export { Spacer, spacerVariants };

package/dist/components/spacer/spacer.module.js

@@ -1,5 +1,5 @@
 import './spacer.css';
 //#region src/components/spacer/spacer.module.css
-var spacer_module_default = { "spacer": "spacer-module_spacer_liXYKW" };
+var spacer_module_default = { "base": "spacer-module_base_liXYKW" };
 //#endregion
 export { spacer_module_default as default };

package/dist/components/switch/switch.css

@@ -1,5 +1,5 @@
 @layer components {
-  .switch-module_switch_K0d9Sa {
+  .switch-module_base_K0d9Sa {
     background-color: var(--color-gray-6);
     cursor: pointer;
     outline-color: var(--color-primary-9);
@@ -14,20 +14,20 @@
     overflow: hidden;
   }
 
-  .switch-module_switch_K0d9Sa:focus-visible {
+  .switch-module_base_K0d9Sa:focus-visible {
     outline-width: 2px;
   }
 
-  .switch-module_switch_K0d9Sa[data-checked] {
+  .switch-module_base_K0d9Sa[data-checked] {
     background-color: var(--color-primary-9);
   }
 
-  .switch-module_switch_K0d9Sa[data-disabled] {
+  .switch-module_base_K0d9Sa[data-disabled] {
     cursor: not-allowed;
     opacity: .5;
   }
 
-  .switch-module_switch__thumb_K0d9Sa {
+  .switch-module_thumb_K0d9Sa {
     aspect-ratio: 1;
     background-color: #fff;
     border-radius: 9999px;
@@ -36,17 +36,17 @@
     transition-duration: .15s;
   }
 
-  .switch-module_switch__thumb_K0d9Sa[data-checked] {
+  .switch-module_thumb_K0d9Sa[data-checked] {
     transform: translateX(var(--translateX));
   }
 
-  .switch-module_switch__size_18_K0d9Sa {
+  .switch-module_size_18_K0d9Sa {
     --translateX: 12px;
     width: 30px;
     height: 18px;
   }
 
-  .switch-module_switch__size_24_K0d9Sa {
+  .switch-module_size_24_K0d9Sa {
     --translateX: 16px;
     width: 40px;
     height: 24px;

package/dist/components/switch/switch.js

@@ -12,19 +12,20 @@ function Switch$1(props) {
 	return /* @__PURE__ */ jsx(Switch.Root, {
 		checked: isChecked,
 		className: combinedClassName,
+		"data-slot": "switch",
 		defaultChecked: isDefaultChecked,
 		disabled: isDisabled,
 		readOnly: isReadOnly,
 		required: isRequired,
 		...rest,
-		children: /* @__PURE__ */ jsx(Switch.Thumb, { className: switch_module_default.switch__thumb })
+		children: /* @__PURE__ */ jsx(Switch.Thumb, { className: switch_module_default.thumb })
 	});
 }
-const switchVariants = cva(switch_module_default.switch, {
+const switchVariants = cva(switch_module_default.base, {
 	defaultVariants: { size: 24 },
 	variants: { size: {
-		18: switch_module_default.switch__size_18,
-		24: switch_module_default.switch__size_24
+		18: switch_module_default.size_18,
+		24: switch_module_default.size_24
 	} }
 });
 //#endregion

package/dist/components/switch/switch.module.js

@@ -1,10 +1,10 @@
 import './switch.css';
 //#region src/components/switch/switch.module.css
 var switch_module_default = {
-	"switch": "switch-module_switch_K0d9Sa",
-	"switch__size_18": "switch-module_switch__size_18_K0d9Sa",
-	"switch__size_24": "switch-module_switch__size_24_K0d9Sa",
-	"switch__thumb": "switch-module_switch__thumb_K0d9Sa"
+	"base": "switch-module_base_K0d9Sa",
+	"size_18": "switch-module_size_18_K0d9Sa",
+	"size_24": "switch-module_size_24_K0d9Sa",
+	"thumb": "switch-module_thumb_K0d9Sa"
 };
 //#endregion
 export { switch_module_default as default };

package/dist/components/tabs/tabs-panel.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-panel-module_tabs_panel_AXj2FW {
+  .tabs-panel-module_base_AXj2FW {
     outline-color: var(--color-primary-9);
     outline-offset: -2px;
     outline-width: 0;
@@ -8,7 +8,7 @@
     display: flex;
   }
 
-  .tabs-panel-module_tabs_panel_AXj2FW:focus-visible {
+  .tabs-panel-module_base_AXj2FW:focus-visible {
     outline-width: 2px;
   }
 }

package/dist/components/tabs/tabs-panel.js

@@ -12,6 +12,6 @@ function TabsPanel(props) {
 		...rest
 	});
 }
-const tabsPanelVariants = cva(tabs_panel_module_default.tabs_panel);
+const tabsPanelVariants = cva(tabs_panel_module_default.base);
 //#endregion
 export { TabsPanel, tabsPanelVariants };

package/dist/components/tabs/tabs-panel.module.js

@@ -1,5 +1,5 @@
 import './tabs-panel.css';
 //#region src/components/tabs/tabs-panel.module.css
-var tabs_panel_module_default = { "tabs_panel": "tabs-panel-module_tabs_panel_AXj2FW" };
+var tabs_panel_module_default = { "base": "tabs-panel-module_base_AXj2FW" };
 //#endregion
 export { tabs_panel_module_default as default };

package/dist/components/tabs/tabs.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-module_tabs__1Jl1W {
+  .tabs-module_base__1Jl1W {
     flex-direction: column;
     display: flex;
   }

package/dist/components/tabs/tabs.js

@@ -12,6 +12,6 @@ function Tabs$1(props) {
 		...rest
 	});
 }
-const tabsVariants = cva(tabs_module_default.tabs);
+const tabsVariants = cva(tabs_module_default.base);
 //#endregion
 export { Tabs$1 as Tabs, tabsVariants };

package/dist/components/tabs/tabs.module.js

@@ -1,5 +1,5 @@
 import './tabs.css';
 //#region src/components/tabs/tabs.module.css
-var tabs_module_default = { "tabs": "tabs-module_tabs__1Jl1W" };
+var tabs_module_default = { "base": "tabs-module_base__1Jl1W" };
 //#endregion
 export { tabs_module_default as default };

package/dist/components/tabs-pill/tabs-pill-indicator.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-pill-indicator-module_tabs_pill_indicator_PiFilW {
+  .tabs-pill-indicator-module_base_PiFilW {
     background-color: var(--color-gray-12);
     height: var(--active-tab-height);
     left: var(--active-tab-left);

package/dist/components/tabs-pill/tabs-pill-indicator.js

@@ -13,6 +13,6 @@ function TabsPillIndicator(props) {
 		...rest
 	});
 }
-const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.tabs_pill_indicator);
+const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.base);
 //#endregion
 export { TabsPillIndicator, tabsPillIndicatorVariants };

package/dist/components/tabs-pill/tabs-pill-indicator.module.js

@@ -1,5 +1,5 @@
 import './tabs-pill-indicator.css';
 //#region src/components/tabs-pill/tabs-pill-indicator.module.css
-var tabs_pill_indicator_module_default = { "tabs_pill_indicator": "tabs-pill-indicator-module_tabs_pill_indicator_PiFilW" };
+var tabs_pill_indicator_module_default = { "base": "tabs-pill-indicator-module_base_PiFilW" };
 //#endregion
 export { tabs_pill_indicator_module_default as default };

package/dist/components/tabs-pill/tabs-pill-list.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-pill-list-module_tabs_pill_list_3ahKPW {
+  .tabs-pill-list-module_base_3ahKPW {
     isolation: isolate;
     column-gap: 8px;
     display: flex;

package/dist/components/tabs-pill/tabs-pill-list.js

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react";
 //#region src/components/tabs-pill/tabs-pill-list.tsx
 function TabsPillList(props) {
-	const { className: customClassName = "", children = "", ...rest } = props;
+	const { className: customClassName = "", children = void 0, ...rest } = props;
 	const combinedClassName = tabsPillListVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs(Tabs.List, {
 		className: combinedClassName,
@@ -14,6 +14,6 @@ function TabsPillList(props) {
 		children: [children, /* @__PURE__ */ jsx(TabsPillIndicator, {})]
 	});
 }
-const tabsPillListVariants = cva(tabs_pill_list_module_default.tabs_pill_list);
+const tabsPillListVariants = cva(tabs_pill_list_module_default.base);
 //#endregion
 export { TabsPillList, tabsPillListVariants };

package/dist/components/tabs-pill/tabs-pill-list.module.js

@@ -1,5 +1,5 @@
 import './tabs-pill-list.css';
 //#region src/components/tabs-pill/tabs-pill-list.module.css
-var tabs_pill_list_module_default = { "tabs_pill_list": "tabs-pill-list-module_tabs_pill_list_3ahKPW" };
+var tabs_pill_list_module_default = { "base": "tabs-pill-list-module_base_3ahKPW" };
 //#endregion
 export { tabs_pill_list_module_default as default };

package/dist/components/tabs-pill/tabs-pill-tab.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
+  .tabs-pill-tab-module_base_nxQ-sW {
     border-radius: var(--border-radius);
     color: #000;
     cursor: pointer;
@@ -21,34 +21,34 @@
     display: flex;
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:focus-visible {
+  .tabs-pill-tab-module_base_nxQ-sW:focus-visible {
     outline-width: 2px;
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:hover {
+  .tabs-pill-tab-module_base_nxQ-sW:hover {
     background-color: var(--color-gray-4);
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
+  .tabs-pill-tab-module_base_nxQ-sW[data-active] {
     color: #fff;
     background-color: #0000;
   }
 
-  .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
+  .dark .tabs-pill-tab-module_base_nxQ-sW {
     color: #fff;
   }
 
-  .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
+  .dark .tabs-pill-tab-module_base_nxQ-sW[data-active] {
     color: #000;
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW > svg {
+  .tabs-pill-tab-module_base_nxQ-sW > svg {
     --size-icon: 16px;
     height: var(--size-icon);
     width: var(--size-icon);
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_wrapper_nxQ-sW {
+  .tabs-pill-tab-module_wrapper_nxQ-sW {
     --border-radius: 12px;
     border-radius: var(--border-radius);
     flex-shrink: 0;
@@ -57,7 +57,7 @@
     overflow: hidden;
   }
 
-  .tabs-pill-tab-module_tabs_pill_tab_background_nxQ-sW {
+  .tabs-pill-tab-module_background_nxQ-sW {
     background-color: var(--color-gray-3);
     z-index: -2;
     position: absolute;

package/dist/components/tabs-pill/tabs-pill-tab.js

@@ -7,15 +7,15 @@ function TabsPillTab(props) {
 	const { className: customClassName = "", isNativeButton = true, ...rest } = props;
 	const combinedClassName = tabsPillTabVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs("div", {
-		className: tabs_pill_tab_module_default.tabs_pill_tab_wrapper,
+		className: tabs_pill_tab_module_default.wrapper,
 		children: [/* @__PURE__ */ jsx(Tabs.Tab, {
 			className: combinedClassName,
 			"data-slot": "tabs-pill-tab",
 			nativeButton: isNativeButton,
 			...rest
-		}), /* @__PURE__ */ jsx("div", { className: tabs_pill_tab_module_default.tabs_pill_tab_background })]
+		}), /* @__PURE__ */ jsx("div", { className: tabs_pill_tab_module_default.background })]
 	});
 }
-const tabsPillTabVariants = cva(tabs_pill_tab_module_default.tabs_pill_tab);
+const tabsPillTabVariants = cva(tabs_pill_tab_module_default.base);
 //#endregion
 export { TabsPillTab, tabsPillTabVariants };

package/dist/components/tabs-pill/tabs-pill-tab.module.js

@@ -1,9 +1,9 @@
 import './tabs-pill-tab.css';
 //#region src/components/tabs-pill/tabs-pill-tab.module.css
 var tabs_pill_tab_module_default = {
-	"tabs_pill_tab": "tabs-pill-tab-module_tabs_pill_tab_nxQ-sW",
-	"tabs_pill_tab_background": "tabs-pill-tab-module_tabs_pill_tab_background_nxQ-sW",
-	"tabs_pill_tab_wrapper": "tabs-pill-tab-module_tabs_pill_tab_wrapper_nxQ-sW"
+	"background": "tabs-pill-tab-module_background_nxQ-sW",
+	"base": "tabs-pill-tab-module_base_nxQ-sW",
+	"wrapper": "tabs-pill-tab-module_wrapper_nxQ-sW"
 };
 //#endregion
 export { tabs_pill_tab_module_default as default };

package/dist/components/tabs-segmented/tabs-segmented-indicator.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta {
+  .tabs-segmented-indicator-module_base_3DY8Ta {
     background-color: var(--color-gray-1);
     height: var(--active-tab-height);
     left: var(--active-tab-left);

package/dist/components/tabs-segmented/tabs-segmented-indicator.js

@@ -13,6 +13,6 @@ function TabsSegmentedIndicator(props) {
 		...rest
 	});
 }
-const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.tabs_segmented_indicator);
+const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.base);
 //#endregion
 export { TabsSegmentedIndicator, tabsSegmentedIndicatorVariants };

package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js

@@ -1,5 +1,5 @@
 import './tabs-segmented-indicator.css';
 //#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
-var tabs_segmented_indicator_module_default = { "tabs_segmented_indicator": "tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta" };
+var tabs_segmented_indicator_module_default = { "base": "tabs-segmented-indicator-module_base_3DY8Ta" };
 //#endregion
 export { tabs_segmented_indicator_module_default as default };

package/dist/components/tabs-segmented/tabs-segmented-list.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-segmented-list-module_tabs_segmented_list_wG8CPq {
+  .tabs-segmented-list-module_base_wG8CPq {
     background-color: var(--color-gray-3);
     isolation: isolate;
     border-radius: 12px;

package/dist/components/tabs-segmented/tabs-segmented-list.js

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react";
 //#region src/components/tabs-segmented/tabs-segmented-list.tsx
 function TabsSegmentedList(props) {
-	const { className: customClassName = "", children = "", ...rest } = props;
+	const { className: customClassName = "", children = void 0, ...rest } = props;
 	const combinedClassName = tabsSegmentedListVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs(Tabs.List, {
 		className: combinedClassName,
@@ -14,6 +14,6 @@ function TabsSegmentedList(props) {
 		children: [children, /* @__PURE__ */ jsx(TabsSegmentedIndicator, {})]
 	});
 }
-const tabsSegmentedListVariants = cva(tabs_segmented_list_module_default.tabs_segmented_list);
+const tabsSegmentedListVariants = cva(tabs_segmented_list_module_default.base);
 //#endregion
 export { TabsSegmentedList, tabsSegmentedListVariants };

package/dist/components/tabs-segmented/tabs-segmented-list.module.js

@@ -1,5 +1,5 @@
 import './tabs-segmented-list.css';
 //#region src/components/tabs-segmented/tabs-segmented-list.module.css
-var tabs_segmented_list_module_default = { "tabs_segmented_list": "tabs-segmented-list-module_tabs_segmented_list_wG8CPq" };
+var tabs_segmented_list_module_default = { "base": "tabs-segmented-list-module_base_wG8CPq" };
 //#endregion
 export { tabs_segmented_list_module_default as default };

package/dist/components/tabs-segmented/tabs-segmented-tab.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG {
+  .tabs-segmented-tab-module_base_du-IJG {
     color: var(--color-gray-11);
     cursor: pointer;
     outline-color: var(--color-primary-9);
@@ -21,15 +21,15 @@
     display: flex;
   }
 
-  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG:focus-visible {
+  .tabs-segmented-tab-module_base_du-IJG:focus-visible {
     outline-width: 2px;
   }
 
-  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG:hover, .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG[data-active] {
+  .tabs-segmented-tab-module_base_du-IJG:hover, .tabs-segmented-tab-module_base_du-IJG[data-active] {
     color: var(--color-gray-12);
   }
 
-  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG > svg {
+  .tabs-segmented-tab-module_base_du-IJG > svg {
     --size-icon: 16px;
     height: var(--size-icon);
     width: var(--size-icon);

package/dist/components/tabs-segmented/tabs-segmented-tab.js

@@ -13,6 +13,6 @@ function TabsSegmentedTab(props) {
 		...rest
 	});
 }
-const tabsSegmentedTabVariants = cva(tabs_segmented_tab_module_default.tabs_segmented_tab);
+const tabsSegmentedTabVariants = cva(tabs_segmented_tab_module_default.base);
 //#endregion
 export { TabsSegmentedTab, tabsSegmentedTabVariants };

package/dist/components/tabs-segmented/tabs-segmented-tab.module.js

@@ -1,5 +1,5 @@
 import './tabs-segmented-tab.css';
 //#region src/components/tabs-segmented/tabs-segmented-tab.module.css
-var tabs_segmented_tab_module_default = { "tabs_segmented_tab": "tabs-segmented-tab-module_tabs_segmented_tab_du-IJG" };
+var tabs_segmented_tab_module_default = { "base": "tabs-segmented-tab-module_base_du-IJG" };
 //#endregion
 export { tabs_segmented_tab_module_default as default };

package/dist/components/tabs-underline/tabs-underline-indicator.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba {
+  .tabs-underline-indicator-module_base_Gl55Ba {
     background-color: var(--color-primary-9);
     height: 2px;
     bottom: 0;

package/dist/components/tabs-underline/tabs-underline-indicator.js

@@ -13,6 +13,6 @@ function TabsUnderlineIndicator(props) {
 		...rest
 	});
 }
-const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.tabs_underline_indicator);
+const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.base);
 //#endregion
 export { TabsUnderlineIndicator, tabsUnderlineIndicatorVariants };

package/dist/components/tabs-underline/tabs-underline-indicator.module.js

@@ -1,5 +1,5 @@
 import './tabs-underline-indicator.css';
 //#region src/components/tabs-underline/tabs-underline-indicator.module.css
-var tabs_underline_indicator_module_default = { "tabs_underline_indicator": "tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba" };
+var tabs_underline_indicator_module_default = { "base": "tabs-underline-indicator-module_base_Gl55Ba" };
 //#endregion
 export { tabs_underline_indicator_module_default as default };

package/dist/components/tabs-underline/tabs-underline-list.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-underline-list-module_tabs_underline_list_3MpMpG {
+  .tabs-underline-list-module_base_3MpMpG {
     border-bottom-color: var(--color-gray-4);
     border-bottom-style: solid;
     border-bottom-width: 1px;

package/dist/components/tabs-underline/tabs-underline-list.js

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react";
 //#region src/components/tabs-underline/tabs-underline-list.tsx
 function TabsUnderlineList(props) {
-	const { className: customClassName = "", children = "", ...rest } = props;
+	const { className: customClassName = "", children = void 0, ...rest } = props;
 	const combinedClassName = tabsUnderlineListVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs(Tabs.List, {
 		className: combinedClassName,
@@ -14,6 +14,6 @@ function TabsUnderlineList(props) {
 		children: [children, /* @__PURE__ */ jsx(TabsUnderlineIndicator, {})]
 	});
 }
-const tabsUnderlineListVariants = cva(tabs_underline_list_module_default.tabs_underline_list);
+const tabsUnderlineListVariants = cva(tabs_underline_list_module_default.base);
 //#endregion
 export { TabsUnderlineList, tabsUnderlineListVariants };

package/dist/components/tabs-underline/tabs-underline-list.module.js

@@ -1,5 +1,5 @@
 import './tabs-underline-list.css';
 //#region src/components/tabs-underline/tabs-underline-list.module.css
-var tabs_underline_list_module_default = { "tabs_underline_list": "tabs-underline-list-module_tabs_underline_list_3MpMpG" };
+var tabs_underline_list_module_default = { "base": "tabs-underline-list-module_base_3MpMpG" };
 //#endregion
 export { tabs_underline_list_module_default as default };

package/dist/components/tabs-underline/tabs-underline-tab.css

@@ -1,5 +1,5 @@
 @layer components {
-  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW {
+  .tabs-underline-tab-module_base_lcqfQW {
     color: var(--color-gray-11);
     cursor: pointer;
     outline-color: var(--color-primary-9);
@@ -20,15 +20,15 @@
     display: flex;
   }
 
-  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW:focus-visible {
+  .tabs-underline-tab-module_base_lcqfQW:focus-visible {
     outline-width: 2px;
   }
 
-  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW:hover, .tabs-underline-tab-module_tabs_underline_tab_lcqfQW[data-active] {
+  .tabs-underline-tab-module_base_lcqfQW:hover, .tabs-underline-tab-module_base_lcqfQW[data-active] {
     color: var(--color-gray-12);
   }
 
-  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW > svg {
+  .tabs-underline-tab-module_base_lcqfQW > svg {
     --size-icon: 16px;
     height: var(--size-icon);
     width: var(--size-icon);

package/dist/components/tabs-underline/tabs-underline-tab.js

@@ -13,6 +13,6 @@ function TabsUnderlineTab(props) {
 		...rest
 	});
 }
-const tabsUnderlineTabVariants = cva(tabs_underline_tab_module_default.tabs_underline_tab);
+const tabsUnderlineTabVariants = cva(tabs_underline_tab_module_default.base);
 //#endregion
 export { TabsUnderlineTab, tabsUnderlineTabVariants };

package/dist/components/tabs-underline/tabs-underline-tab.module.js

@@ -1,5 +1,5 @@
 import './tabs-underline-tab.css';
 //#region src/components/tabs-underline/tabs-underline-tab.module.css
-var tabs_underline_tab_module_default = { "tabs_underline_tab": "tabs-underline-tab-module_tabs_underline_tab_lcqfQW" };
+var tabs_underline_tab_module_default = { "base": "tabs-underline-tab-module_base_lcqfQW" };
 //#endregion
 export { tabs_underline_tab_module_default as default };

package/dist/components/textarea/textarea.css

@@ -1,5 +1,5 @@
 @layer components {
-  .textarea-module_textarea_jT_oOq {
+  .textarea-module_base_jT_oOq {
     resize: vertical;
     height: auto;
     min-height: 66px;

package/dist/components/textarea/textarea.js

@@ -13,6 +13,7 @@ function Textarea(props) {
 		"data-is-active": isActive,
 		"data-is-invalid": isInvalid,
 		"data-is-valid": isValid,
+		"data-slot": "textarea",
 		disabled: isDisabled,
 		readOnly: isReadOnly,
 		required: isRequired,
@@ -20,11 +21,11 @@ function Textarea(props) {
 		...rest
 	});
 }
-const textareaVariants = cva([input_module_default.input, textarea_module_default.textarea], {
+const textareaVariants = cva([input_module_default.base, textarea_module_default.base], {
 	defaultVariants: { isRounded: false },
 	variants: { isRounded: {
-		false: input_module_default.input__rounded_base,
-		true: input_module_default.input__rounded_full
+		false: input_module_default.rounded_base,
+		true: input_module_default.rounded_full
 	} }
 });
 //#endregion

package/dist/components/textarea/textarea.module.js

@@ -1,5 +1,5 @@
 import './textarea.css';
 //#region src/components/textarea/textarea.module.css
-var textarea_module_default = { "textarea": "textarea-module_textarea_jT_oOq" };
+var textarea_module_default = { "base": "textarea-module_base_jT_oOq" };
 //#endregion
 export { textarea_module_default as default };