@nattstack/ui 0.0.85 → 0.0.86

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

@@ -0,0 +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"
+};
+//#endregion
+export { switch_module_default as default };

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

@@ -0,0 +1,14 @@
+@layer components {
+  .tabs-panel-module_tabs_panel_AXj2FW {
+    outline-color: var(--color-primary-9);
+    outline-offset: -2px;
+    outline-width: 0;
+    outline-style: solid;
+    flex-direction: column;
+    display: flex;
+  }
+
+  .tabs-panel-module_tabs_panel_AXj2FW:focus-visible {
+    outline-width: 2px;
+  }
+}

package/dist/components/tabs/tabs-panel.d.ts

@@ -0,0 +1,8 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs/tabs-panel.d.ts
+interface TabsPanelProps extends Tabs.Panel.Props {}
+declare function TabsPanel(props: TabsPanelProps): JSX.Element;
+declare const tabsPanelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsPanel, TabsPanelProps, tabsPanelVariants };

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

@@ -0,0 +1,17 @@
+import tabs_panel_module_default from "./tabs-panel.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs/tabs-panel.tsx
+function TabsPanel(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = tabsPanelVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		className: combinedClassName,
+		"data-slot": "tabs-panel",
+		...rest
+	});
+}
+const tabsPanelVariants = cva(tabs_panel_module_default.tabs_panel);
+//#endregion
+export { TabsPanel, tabsPanelVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_panel_module_default as default };

package/dist/components/tabs/tabs.css

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

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,8 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs/tabs.d.ts
+interface TabsProps extends Tabs.Root.Props {}
+declare function Tabs$1(props: TabsProps): JSX.Element;
+declare const tabsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { Tabs$1 as Tabs, TabsProps, tabsVariants };

package/dist/components/tabs/tabs.js

@@ -0,0 +1,17 @@
+import tabs_module_default from "./tabs.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs/tabs.tsx
+function Tabs$1(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = tabsVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		className: combinedClassName,
+		"data-slot": "tabs",
+		...rest
+	});
+}
+const tabsVariants = cva(tabs_module_default.tabs);
+//#endregion
+export { Tabs$1 as Tabs, tabsVariants };

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

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

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

@@ -0,0 +1,14 @@
+@layer components {
+  .tabs-pill-indicator-module_tabs_pill_indicator_PiFilW {
+    background-color: var(--color-gray-12);
+    height: var(--active-tab-height);
+    left: var(--active-tab-left);
+    top: var(--active-tab-top);
+    width: var(--active-tab-width);
+    z-index: -1;
+    border-radius: 12px;
+    transition-property: left, width;
+    transition-duration: .15s;
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,18 @@
+import tabs_pill_indicator_module_default from "./tabs-pill-indicator.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-pill/tabs-pill-indicator.tsx
+function TabsPillIndicator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = tabsPillIndicatorVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: combinedClassName,
+		"data-slot": "tabs-pill-indicator",
+		renderBeforeHydration: true,
+		...rest
+	});
+}
+const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.tabs_pill_indicator);
+//#endregion
+export { TabsPillIndicator, tabsPillIndicatorVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_pill_indicator_module_default as default };

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

@@ -0,0 +1,9 @@
+@layer components {
+  .tabs-pill-list-module_tabs_pill_list_3ahKPW {
+    isolation: isolate;
+    column-gap: 8px;
+    display: flex;
+    position: relative;
+    overflow-x: auto;
+  }
+}

package/dist/components/tabs-pill/tabs-pill-list.d.ts

@@ -0,0 +1,8 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-pill/tabs-pill-list.d.ts
+interface TabsPillListProps extends Tabs.List.Props {}
+declare function TabsPillList(props: TabsPillListProps): JSX.Element;
+declare const tabsPillListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsPillList, TabsPillListProps, tabsPillListVariants };

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

@@ -0,0 +1,19 @@
+import { TabsPillIndicator } from "./tabs-pill-indicator.js";
+import tabs_pill_list_module_default from "./tabs-pill-list.module.js";
+import { cva } from "class-variance-authority";
+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 combinedClassName = tabsPillListVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		className: combinedClassName,
+		"data-slot": "tabs-pill-list",
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(TabsPillIndicator, {})]
+	});
+}
+const tabsPillListVariants = cva(tabs_pill_list_module_default.tabs_pill_list);
+//#endregion
+export { TabsPillList, tabsPillListVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_pill_list_module_default as default };

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

@@ -0,0 +1,66 @@
+@layer components {
+  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
+    border-radius: var(--border-radius);
+    color: #000;
+    cursor: pointer;
+    outline-color: var(--color-primary-9);
+    outline-offset: -4px;
+    white-space: nowrap;
+    outline-width: 0;
+    outline-style: solid;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    column-gap: 8px;
+    height: 40px;
+    padding: 0 14px;
+    font-size: 14px;
+    font-weight: 500;
+    transition-property: background-color, color;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:focus-visible {
+    outline-width: 2px;
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:hover {
+    background-color: var(--color-gray-4);
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
+    color: #fff;
+    background-color: #0000;
+  }
+
+  .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW {
+    color: #fff;
+  }
+
+  .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
+    color: #000;
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW > svg {
+    --size-icon: 16px;
+    height: var(--size-icon);
+    width: var(--size-icon);
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_wrapper_nxQ-sW {
+    --border-radius: 12px;
+    border-radius: var(--border-radius);
+    flex-shrink: 0;
+    display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .tabs-pill-tab-module_tabs_pill_tab_background_nxQ-sW {
+    background-color: var(--color-gray-3);
+    z-index: -2;
+    position: absolute;
+    inset: 0;
+  }
+}

package/dist/components/tabs-pill/tabs-pill-tab.d.ts

@@ -0,0 +1,10 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-pill/tabs-pill-tab.d.ts
+interface TabsPillTabProps extends Omit<Tabs.Tab.Props, "nativeButton"> {
+  isNativeButton?: Tabs.Tab.Props["nativeButton"];
+}
+declare function TabsPillTab(props: TabsPillTabProps): JSX.Element;
+declare const tabsPillTabVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsPillTab, TabsPillTabProps, tabsPillTabVariants };

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

@@ -0,0 +1,21 @@
+import tabs_pill_tab_module_default from "./tabs-pill-tab.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-pill/tabs-pill-tab.tsx
+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,
+		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 })]
+	});
+}
+const tabsPillTabVariants = cva(tabs_pill_tab_module_default.tabs_pill_tab);
+//#endregion
+export { TabsPillTab, tabsPillTabVariants };

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

@@ -0,0 +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"
+};
+//#endregion
+export { tabs_pill_tab_module_default as default };

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

@@ -0,0 +1,14 @@
+@layer components {
+  .tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta {
+    background-color: var(--color-gray-1);
+    height: var(--active-tab-height);
+    left: var(--active-tab-left);
+    top: var(--active-tab-top);
+    width: var(--active-tab-width);
+    z-index: -1;
+    border-radius: 10px;
+    transition-property: left, width;
+    transition-duration: .15s;
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,18 @@
+import tabs_segmented_indicator_module_default from "./tabs-segmented-indicator.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-segmented/tabs-segmented-indicator.tsx
+function TabsSegmentedIndicator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = tabsSegmentedIndicatorVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: combinedClassName,
+		"data-slot": "tabs-segmented-indicator",
+		renderBeforeHydration: true,
+		...rest
+	});
+}
+const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.tabs_segmented_indicator);
+//#endregion
+export { TabsSegmentedIndicator, tabsSegmentedIndicatorVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_segmented_indicator_module_default as default };

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

@@ -0,0 +1,13 @@
+@layer components {
+  .tabs-segmented-list-module_tabs_segmented_list_wG8CPq {
+    background-color: var(--color-gray-3);
+    isolation: isolate;
+    border-radius: 12px;
+    width: fit-content;
+    height: 40px;
+    padding: 2px;
+    display: flex;
+    position: relative;
+    overflow-x: auto;
+  }
+}

package/dist/components/tabs-segmented/tabs-segmented-list.d.ts

@@ -0,0 +1,8 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-segmented/tabs-segmented-list.d.ts
+interface TabsSegmentedListProps extends Tabs.List.Props {}
+declare function TabsSegmentedList(props: TabsSegmentedListProps): JSX.Element;
+declare const tabsSegmentedListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsSegmentedList, TabsSegmentedListProps, tabsSegmentedListVariants };

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

@@ -0,0 +1,19 @@
+import { TabsSegmentedIndicator } from "./tabs-segmented-indicator.js";
+import tabs_segmented_list_module_default from "./tabs-segmented-list.module.js";
+import { cva } from "class-variance-authority";
+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 combinedClassName = tabsSegmentedListVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		className: combinedClassName,
+		"data-slot": "tabs-segmented-list",
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(TabsSegmentedIndicator, {})]
+	});
+}
+const tabsSegmentedListVariants = cva(tabs_segmented_list_module_default.tabs_segmented_list);
+//#endregion
+export { TabsSegmentedList, tabsSegmentedListVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_segmented_list_module_default as default };

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

@@ -0,0 +1,37 @@
+@layer components {
+  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG {
+    color: var(--color-gray-11);
+    cursor: pointer;
+    outline-color: var(--color-primary-9);
+    outline-offset: -4px;
+    white-space: nowrap;
+    border-radius: 10px;
+    outline-width: 0;
+    outline-style: solid;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    column-gap: 8px;
+    height: 100%;
+    padding: 0 14px;
+    font-size: 14px;
+    font-weight: 500;
+    transition-property: color;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .tabs-segmented-tab-module_tabs_segmented_tab_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] {
+    color: var(--color-gray-12);
+  }
+
+  .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG > svg {
+    --size-icon: 16px;
+    height: var(--size-icon);
+    width: var(--size-icon);
+  }
+}

package/dist/components/tabs-segmented/tabs-segmented-tab.d.ts

@@ -0,0 +1,10 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-segmented/tabs-segmented-tab.d.ts
+interface TabsSegmentedTabProps extends Omit<Tabs.Tab.Props, "nativeButton"> {
+  isNativeButton?: Tabs.Tab.Props["nativeButton"];
+}
+declare function TabsSegmentedTab(props: TabsSegmentedTabProps): JSX.Element;
+declare const tabsSegmentedTabVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsSegmentedTab, TabsSegmentedTabProps, tabsSegmentedTabVariants };

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

@@ -0,0 +1,18 @@
+import tabs_segmented_tab_module_default from "./tabs-segmented-tab.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-segmented/tabs-segmented-tab.tsx
+function TabsSegmentedTab(props) {
+	const { className: customClassName = "", isNativeButton = true, ...rest } = props;
+	const combinedClassName = tabsSegmentedTabVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: combinedClassName,
+		"data-slot": "tabs-segmented-tab",
+		nativeButton: isNativeButton,
+		...rest
+	});
+}
+const tabsSegmentedTabVariants = cva(tabs_segmented_tab_module_default.tabs_segmented_tab);
+//#endregion
+export { TabsSegmentedTab, tabsSegmentedTabVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_segmented_tab_module_default as default };

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

@@ -0,0 +1,12 @@
+@layer components {
+  .tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba {
+    background-color: var(--color-primary-9);
+    height: 2px;
+    bottom: 0;
+    left: var(--active-tab-left);
+    width: var(--active-tab-width);
+    transition-property: left, width;
+    transition-duration: .15s;
+    position: absolute;
+  }
+}

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

@@ -0,0 +1,18 @@
+import tabs_underline_indicator_module_default from "./tabs-underline-indicator.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-underline/tabs-underline-indicator.tsx
+function TabsUnderlineIndicator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = tabsUnderlineIndicatorVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: combinedClassName,
+		"data-slot": "tabs-underline-indicator",
+		renderBeforeHydration: true,
+		...rest
+	});
+}
+const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.tabs_underline_indicator);
+//#endregion
+export { TabsUnderlineIndicator, tabsUnderlineIndicatorVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_underline_indicator_module_default as default };

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

@@ -0,0 +1,10 @@
+@layer components {
+  .tabs-underline-list-module_tabs_underline_list_3MpMpG {
+    border-bottom-color: var(--color-gray-4);
+    border-bottom-style: solid;
+    border-bottom-width: 1px;
+    display: flex;
+    position: relative;
+    overflow-x: auto;
+  }
+}

package/dist/components/tabs-underline/tabs-underline-list.d.ts

@@ -0,0 +1,8 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-underline/tabs-underline-list.d.ts
+interface TabsUnderlineListProps extends Tabs.List.Props {}
+declare function TabsUnderlineList(props: TabsUnderlineListProps): JSX.Element;
+declare const tabsUnderlineListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsUnderlineList, TabsUnderlineListProps, tabsUnderlineListVariants };

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

@@ -0,0 +1,19 @@
+import { TabsUnderlineIndicator } from "./tabs-underline-indicator.js";
+import tabs_underline_list_module_default from "./tabs-underline-list.module.js";
+import { cva } from "class-variance-authority";
+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 combinedClassName = tabsUnderlineListVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		className: combinedClassName,
+		"data-slot": "tabs-underline-list",
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(TabsUnderlineIndicator, {})]
+	});
+}
+const tabsUnderlineListVariants = cva(tabs_underline_list_module_default.tabs_underline_list);
+//#endregion
+export { TabsUnderlineList, tabsUnderlineListVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_underline_list_module_default as default };

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

@@ -0,0 +1,36 @@
+@layer components {
+  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW {
+    color: var(--color-gray-11);
+    cursor: pointer;
+    outline-color: var(--color-primary-9);
+    outline-offset: -2px;
+    white-space: nowrap;
+    border-radius: 8px;
+    outline-width: 0;
+    outline-style: solid;
+    flex-shrink: 0;
+    align-items: center;
+    column-gap: 8px;
+    margin-bottom: 6px;
+    padding: 6px 12px;
+    font-size: 14px;
+    font-weight: 500;
+    transition-property: color;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .tabs-underline-tab-module_tabs_underline_tab_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] {
+    color: var(--color-gray-12);
+  }
+
+  .tabs-underline-tab-module_tabs_underline_tab_lcqfQW > svg {
+    --size-icon: 16px;
+    height: var(--size-icon);
+    width: var(--size-icon);
+  }
+}

package/dist/components/tabs-underline/tabs-underline-tab.d.ts

@@ -0,0 +1,10 @@
+import { Tabs } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tabs-underline/tabs-underline-tab.d.ts
+interface TabsUnderlineTabProps extends Omit<Tabs.Tab.Props, "nativeButton"> {
+  isNativeButton?: Tabs.Tab.Props["nativeButton"];
+}
+declare function TabsUnderlineTab(props: TabsUnderlineTabProps): JSX.Element;
+declare const tabsUnderlineTabVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TabsUnderlineTab, TabsUnderlineTabProps, tabsUnderlineTabVariants };

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

@@ -0,0 +1,18 @@
+import tabs_underline_tab_module_default from "./tabs-underline-tab.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react";
+//#region src/components/tabs-underline/tabs-underline-tab.tsx
+function TabsUnderlineTab(props) {
+	const { className: customClassName = "", isNativeButton = true, ...rest } = props;
+	const combinedClassName = tabsUnderlineTabVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: combinedClassName,
+		"data-slot": "tabs-underline-tab",
+		nativeButton: isNativeButton,
+		...rest
+	});
+}
+const tabsUnderlineTabVariants = cva(tabs_underline_tab_module_default.tabs_underline_tab);
+//#endregion
+export { TabsUnderlineTab, tabsUnderlineTabVariants };

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

@@ -0,0 +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" };
+//#endregion
+export { tabs_underline_tab_module_default as default };