@nattstack/ui 0.0.89 → 0.0.91

package/dist/components/select/select-content.css

@@ -1,10 +1,10 @@
 @layer components {
-  .select-content-module_select_content_positioner_T-MXlW {
+  .select-content-module_positioner_T-MXlW {
     isolation: isolate;
     z-index: 50;
   }
 
-  .select-content-module_select_content_T-MXlW {
+  .select-content-module_base_T-MXlW {
     background-color: var(--color-bg-shell-inner);
     box-shadow: 0 0 0 1px var(--color-border) inset,
       0 .5px 0 oklab(0% none none / .03),
@@ -13,10 +13,10 @@
       0 9px 9px -2px oklab(0% none none / .04),
       0 2px 5px -1px oklab(0% none none / .05);
     color: var(--color-text-primary);
-    font-family: var(--font-body);
     max-height: min(var(--available-height), 480px);
-    max-width: min(var(--available-width), 320px);
-    min-width: max(var(--anchor-width), 180px);
+    max-width: var(--available-width);
+    min-width: max(var(--anchor-width), 240px);
+    width: var(--anchor-width);
     outline-color: var(--color-primary-9);
     outline-offset: -2px;
     transform-origin: var(--transform-origin);
@@ -32,28 +32,28 @@
     overflow: auto;
   }
 
-  .select-content-module_select_content_T-MXlW:focus-visible {
+  .select-content-module_base_T-MXlW:focus-visible {
     outline-width: 2px;
   }
 
-  .select-content-module_select_content_T-MXlW[data-ending-style], .select-content-module_select_content_T-MXlW[data-starting-style] {
+  .select-content-module_base_T-MXlW[data-ending-style], .select-content-module_base_T-MXlW[data-starting-style] {
     opacity: 0;
     transform: scale(.975);
   }
 
-  .select-content-module_select_content_T-MXlW[data-side="top"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="top"][data-starting-style] {
+  .select-content-module_base_T-MXlW[data-side="top"][data-ending-style], .select-content-module_base_T-MXlW[data-side="top"][data-starting-style] {
     transform: scale(.975) translateY(4px);
   }
 
-  .select-content-module_select_content_T-MXlW[data-side="bottom"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="bottom"][data-starting-style] {
+  .select-content-module_base_T-MXlW[data-side="bottom"][data-ending-style], .select-content-module_base_T-MXlW[data-side="bottom"][data-starting-style] {
     transform: scale(.975) translateY(-4px);
   }
 
-  .select-content-module_select_content_T-MXlW[data-side="left"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="left"][data-starting-style], .select-content-module_select_content_T-MXlW[data-side="inline-start"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="inline-start"][data-starting-style] {
+  .select-content-module_base_T-MXlW[data-side="left"][data-ending-style], .select-content-module_base_T-MXlW[data-side="left"][data-starting-style], .select-content-module_base_T-MXlW[data-side="inline-start"][data-ending-style], .select-content-module_base_T-MXlW[data-side="inline-start"][data-starting-style] {
     transform: scale(.975) translateX(4px);
   }
 
-  .select-content-module_select_content_T-MXlW[data-side="right"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="right"][data-starting-style], .select-content-module_select_content_T-MXlW[data-side="inline-end"][data-ending-style], .select-content-module_select_content_T-MXlW[data-side="inline-end"][data-starting-style] {
+  .select-content-module_base_T-MXlW[data-side="right"][data-ending-style], .select-content-module_base_T-MXlW[data-side="right"][data-starting-style], .select-content-module_base_T-MXlW[data-side="inline-end"][data-ending-style], .select-content-module_base_T-MXlW[data-side="inline-end"][data-starting-style] {
     transform: scale(.975) translateX(-4px);
   }
 }

package/dist/components/select/select-content.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-content.tsx
 function SelectContent(props) {
-	const { align = "start", alignItemWithTrigger = false, alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = "bottom", sideOffset = 8, sticky = void 0, ...rest } = props;
+	const { align = "start", alignItemWithTrigger = false, alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = "bottom", sideOffset = 6, sticky = void 0, ...rest } = props;
 	const combinedClassName = selectContentVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Select.Portal, {
 		container,
@@ -15,7 +15,7 @@ function SelectContent(props) {
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: select_content_module_default.select_content_positioner,
+			className: select_content_module_default.positioner,
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
@@ -34,6 +34,6 @@ function SelectContent(props) {
 		})
 	});
 }
-const selectContentVariants = cva(select_content_module_default.select_content);
+const selectContentVariants = cva(select_content_module_default.base);
 //#endregion
 export { SelectContent, selectContentVariants };

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

@@ -1,8 +1,8 @@
 import './select-content.css';
 //#region src/components/select/select-content.module.css
 var select_content_module_default = {
-	"select_content": "select-content-module_select_content_T-MXlW",
-	"select_content_positioner": "select-content-module_select_content_positioner_T-MXlW"
+	"base": "select-content-module_base_T-MXlW",
+	"positioner": "select-content-module_positioner_T-MXlW"
 };
 //#endregion
 export { select_content_module_default as default };

package/dist/components/select/select-group-label.css

@@ -1,7 +1,7 @@
 @layer components {
-  .select-group-label-module_select_group_label_SHogxq {
+  .select-group-label-module_base_SHogxq {
     color: var(--color-text-secondary);
-    padding: 6px 8px 4px;
+    padding: 6px 12px 4px;
     font-size: 12px;
     font-weight: 450;
   }

package/dist/components/select/select-group-label.js

@@ -12,6 +12,6 @@ function SelectGroupLabel(props) {
 		...rest
 	});
 }
-const selectGroupLabelVariants = cva(select_group_label_module_default.select_group_label);
+const selectGroupLabelVariants = cva(select_group_label_module_default.base);
 //#endregion
 export { SelectGroupLabel, selectGroupLabelVariants };

package/dist/components/select/select-group-label.module.js

@@ -1,5 +1,5 @@
 import './select-group-label.css';
 //#region src/components/select/select-group-label.module.css
-var select_group_label_module_default = { "select_group_label": "select-group-label-module_select_group_label_SHogxq" };
+var select_group_label_module_default = { "base": "select-group-label-module_base_SHogxq" };
 //#endregion
 export { select_group_label_module_default as default };

package/dist/components/select/select-group.css

@@ -1,5 +1,5 @@
 @layer components {
-  .select-group-module_select_group_1Igl6W {
+  .select-group-module_base_1Igl6W {
     flex-direction: column;
     display: flex;
   }

package/dist/components/select/select-group.js

@@ -12,6 +12,6 @@ function SelectGroup(props) {
 		...rest
 	});
 }
-const selectGroupVariants = cva(select_group_module_default.select_group);
+const selectGroupVariants = cva(select_group_module_default.base);
 //#endregion
 export { SelectGroup, selectGroupVariants };

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

@@ -1,5 +1,5 @@
 import './select-group.css';
 //#region src/components/select/select-group.module.css
-var select_group_module_default = { "select_group": "select-group-module_select_group_1Igl6W" };
+var select_group_module_default = { "base": "select-group-module_base_1Igl6W" };
 //#endregion
 export { select_group_module_default as default };

package/dist/components/select/select-item.css

@@ -1,47 +1,43 @@
 @layer components {
-  .select-item-module_select_item_YQBXPq {
-    color: var(--color-text-primary);
+  .select-item-module_base_YQBXPq {
     cursor: pointer;
     user-select: none;
     border-radius: 8px;
     outline: none;
-    grid-template-columns: 16px 1fr;
-    align-items: safe center;
+    flex-shrink: 0;
+    align-items: center;
     column-gap: 8px;
-    min-height: 36px;
-    padding: 0 8px;
-    font-size: 14px;
-    font-weight: 450;
-    line-height: 1.5;
-    display: grid;
-    position: relative;
-  }
-
-  .select-item-module_select_item_YQBXPq[data-highlighted] {
-    background-color: var(--color-gray-3);
+    height: 36px;
+    padding: 0 12px;
+    display: flex;
   }
 
-  .select-item-module_select_item_YQBXPq[data-disabled] {
+  .select-item-module_base_YQBXPq[data-disabled] {
     cursor: not-allowed;
     opacity: .5;
   }
 
-  .select-item-module_select_item__indicator_YQBXPq {
-    color: var(--color-primary-9);
-    grid-column-start: 1;
-    justify-content: safe center;
-    align-items: safe center;
-    display: flex;
+  .select-item-module_base_YQBXPq[data-highlighted] {
+    background-color: var(--color-gray-3);
   }
 
-  .select-item-module_select_item__label_YQBXPq {
+  .select-item-module_label_YQBXPq {
+    color: var(--color-text-primary);
     text-overflow: ellipsis;
     white-space: nowrap;
-    grid-column-start: 2;
+    font-size: 14px;
+    font-weight: 450;
+    overflow-x: hidden;
+  }
+
+  .select-item-module_indicator_YQBXPq {
+    color: var(--color-primary-9);
+    flex-shrink: 0;
+    justify-content: center;
     align-items: center;
-    column-gap: 8px;
-    min-width: 0;
+    width: 16px;
+    height: 16px;
+    margin-left: auto;
     display: flex;
-    overflow: hidden;
   }
 }

package/dist/components/select/select-item.js

@@ -11,8 +11,12 @@ function SelectItem(props) {
 		"data-slot": "select-item",
 		disabled: isDisabled,
 		...rest,
-		children: [/* @__PURE__ */ jsx(Select.ItemIndicator, {
-			className: select_item_module_default.select_item__indicator,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: select_item_module_default.label,
+			"data-slot": "select-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			className: select_item_module_default.indicator,
 			"data-slot": "select-item-indicator",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14px",
@@ -30,13 +34,9 @@ function SelectItem(props) {
 					strokeWidth: "1.5"
 				})
 			})
-		}), /* @__PURE__ */ jsx(Select.ItemText, {
-			className: select_item_module_default.select_item__label,
-			"data-slot": "select-item-text",
-			children
 		})]
 	});
 }
-const selectItemVariants = cva(select_item_module_default.select_item);
+const selectItemVariants = cva(select_item_module_default.base);
 //#endregion
 export { SelectItem, selectItemVariants };

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

@@ -1,9 +1,9 @@
 import './select-item.css';
 //#region src/components/select/select-item.module.css
 var select_item_module_default = {
-	"select_item": "select-item-module_select_item_YQBXPq",
-	"select_item__indicator": "select-item-module_select_item__indicator_YQBXPq",
-	"select_item__label": "select-item-module_select_item__label_YQBXPq"
+	"base": "select-item-module_base_YQBXPq",
+	"indicator": "select-item-module_indicator_YQBXPq",
+	"label": "select-item-module_label_YQBXPq"
 };
 //#endregion
 export { select_item_module_default as default };

package/dist/components/select/select-separator.css

@@ -1,5 +1,5 @@
 @layer components {
-  .select-separator-module_select_separator_6poQtG {
+  .select-separator-module_base_6poQtG {
     background-color: var(--color-border);
     flex-shrink: 0;
     height: 1px;

package/dist/components/select/select-separator.js

@@ -12,6 +12,6 @@ function SelectSeparator(props) {
 		...rest
 	});
 }
-const selectSeparatorVariants = cva(select_separator_module_default.select_separator);
+const selectSeparatorVariants = cva(select_separator_module_default.base);
 //#endregion
 export { SelectSeparator, selectSeparatorVariants };

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

@@ -1,5 +1,5 @@
 import './select-separator.css';
 //#region src/components/select/select-separator.module.css
-var select_separator_module_default = { "select_separator": "select-separator-module_select_separator_6poQtG" };
+var select_separator_module_default = { "base": "select-separator-module_base_6poQtG" };
 //#endregion
 export { select_separator_module_default as default };

package/dist/components/select/select-trigger.css

@@ -1,5 +1,5 @@
 @layer components {
-  .select-trigger-module_select_trigger_eqPLgq {
+  .select-trigger-module_base_eqPLgq {
     background-color: var(--color-bg-shell-inner);
     box-shadow: 0 0 0 1px var(--color-border) inset;
     cursor: pointer;
@@ -16,17 +16,17 @@
     overflow: hidden;
   }
 
-  .select-trigger-module_select_trigger_eqPLgq:disabled {
+  .select-trigger-module_base_eqPLgq:disabled {
     cursor: not-allowed;
     opacity: .5;
     background-color: var(--color-gray-3);
   }
 
-  .select-trigger-module_select_trigger_eqPLgq:focus-visible {
+  .select-trigger-module_base_eqPLgq:focus-visible {
     outline-color: var(--color-primary);
   }
 
-  .select-trigger-module_select_trigger_eqPLgq:hover:not(:disabled), .select-trigger-module_select_trigger_eqPLgq[data-popup-open] {
+  .select-trigger-module_base_eqPLgq:hover:not(:disabled), .select-trigger-module_base_eqPLgq[data-popup-open] {
     background-color: var(--color-gray-3);
   }
 
@@ -59,29 +59,18 @@
     border-radius: 9999px;
   }
 
-  .select-trigger-module_select_trigger__value_eqPLgq {
-    color: var(--color-text-primary);
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .select-trigger-module_icon_eqPLgq {
+    justify-content: center;
     align-items: center;
-    column-gap: 8px;
-    font-size: 14px;
-    font-weight: 450;
-    display: inline-flex;
-    overflow-x: hidden;
-  }
-
-  .select-trigger-module_select_trigger__value_eqPLgq[data-placeholder] {
-    color: var(--color-gray-9);
-  }
-
-  .select-trigger-module_select_trigger__icon_eqPLgq {
+    width: 16px;
+    height: 16px;
     margin-left: auto;
     transition-property: rotate;
     transition-duration: .15s;
+    display: flex;
   }
 
-  .select-trigger-module_select_trigger_eqPLgq[data-popup-open] .select-trigger-module_select_trigger__icon_eqPLgq {
+  .select-trigger-module_base_eqPLgq[data-popup-open] .select-trigger-module_icon_eqPLgq {
     rotate: 180deg;
   }
 }

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

@@ -2,10 +2,8 @@ import { VariantProps } from "class-variance-authority";
 import { Select } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/select/select-trigger.d.ts
-interface SelectTriggerProps extends Omit<Select.Trigger.Props, "children"> {
-  children?: Select.Value.Props["children"];
+interface SelectTriggerProps extends Select.Trigger.Props {
   isRounded?: VariantProps<typeof selectTriggerVariants>["isRounded"];
-  placeholder?: Select.Value.Props["placeholder"];
   size?: VariantProps<typeof selectTriggerVariants>["size"];
 }
 declare function SelectTrigger(props: SelectTriggerProps): JSX.Element;

package/dist/components/select/select-trigger.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react";
 //#region src/components/select/select-trigger.tsx
 function SelectTrigger(props) {
-	const { children = void 0, className: customClassName = "", isRounded = false, placeholder = "", size = 40, ...rest } = props;
+	const { children = void 0, className: customClassName = "", isRounded = false, size = 40, ...rest } = props;
 	const combinedClassName = selectTriggerVariants({
 		className: customClassName,
 		isRounded,
@@ -14,13 +14,8 @@ function SelectTrigger(props) {
 		className: combinedClassName,
 		"data-slot": "select-trigger",
 		...rest,
-		children: [/* @__PURE__ */ jsx(Select.Value, {
-			className: select_trigger_module_default.select_trigger__value,
-			"data-slot": "select-value",
-			placeholder,
-			children
-		}), /* @__PURE__ */ jsx(Select.Icon, {
-			className: select_trigger_module_default.select_trigger__icon,
+		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
+			className: select_trigger_module_default.icon,
 			"data-slot": "select-icon",
 			children: /* @__PURE__ */ jsx("svg", {
 				height: "14",
@@ -39,7 +34,7 @@ function SelectTrigger(props) {
 		})]
 	});
 }
-const selectTriggerVariants = cva(select_trigger_module_default.select_trigger, { variants: {
+const selectTriggerVariants = cva(select_trigger_module_default.base, { variants: {
 	isRounded: { true: select_trigger_module_default.rounded_full },
 	size: {
 		32: select_trigger_module_default.size_32,

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

@@ -1,10 +1,9 @@
 import './select-trigger.css';
 //#region src/components/select/select-trigger.module.css
 var select_trigger_module_default = {
+	"base": "select-trigger-module_base_eqPLgq",
+	"icon": "select-trigger-module_icon_eqPLgq",
 	"rounded_full": "select-trigger-module_rounded_full_eqPLgq",
-	"select_trigger": "select-trigger-module_select_trigger_eqPLgq",
-	"select_trigger__icon": "select-trigger-module_select_trigger__icon_eqPLgq",
-	"select_trigger__value": "select-trigger-module_select_trigger__value_eqPLgq",
 	"size_32": "select-trigger-module_size_32_eqPLgq",
 	"size_36": "select-trigger-module_size_36_eqPLgq",
 	"size_40": "select-trigger-module_size_40_eqPLgq",

package/dist/components/select/select-value.css

@@ -0,0 +1,14 @@
+@layer components {
+  .select-value-module_base_j4ZBgq {
+    color: var(--color-text-primary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+    font-weight: 450;
+    overflow-x: hidden;
+  }
+
+  .select-value-module_base_j4ZBgq[data-placeholder] {
+    color: var(--color-gray-9);
+  }
+}

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

@@ -0,0 +1,8 @@
+import { Select } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/select/select-value.d.ts
+interface SelectValueProps extends Select.Value.Props {}
+declare function SelectValue(props: SelectValueProps): JSX.Element;
+declare const selectValueVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { SelectValue, SelectValueProps, selectValueVariants };

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

@@ -0,0 +1,18 @@
+import select_value_module_default from "./select-value.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react";
+//#region src/components/select/select-value.tsx
+function SelectValue(props) {
+	const { className: customClassName = "", render = /* @__PURE__ */ jsx("div", {}), ...rest } = props;
+	const combinedClassName = selectValueVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Select.Value, {
+		className: combinedClassName,
+		"data-slot": "select-value",
+		render,
+		...rest
+	});
+}
+const selectValueVariants = cva(select_value_module_default.base);
+//#endregion
+export { SelectValue, selectValueVariants };

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

@@ -1,7 +1,7 @@
 import { Select } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/select/select.d.ts
-interface SelectProps extends Select.Root.Props<string, boolean> {}
-declare function Select$1(props: SelectProps): JSX.Element;
+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/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

@@ -15,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

@@ -18,14 +18,14 @@ function Switch$1(props) {
 		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;
   }