moduix 0.11.0 → 0.11.2

package/dist/components/Switch/Switch.js

@@ -0,0 +1,40 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Switch_module_default from "./Switch.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/Switch/Switch.tsx
+const Switch$1 = forwardRef(function Switch$2({ className, size = "md", children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		ref,
+		"data-slot": "switch-root",
+		"data-size": size,
+		className: mergeClassName(className, Switch_module_default.root),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
+	});
+});
+function SwitchThumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Thumb, {
+		"data-slot": "switch-thumb",
+		className: mergeClassName(className, Switch_module_default.thumb),
+		...props
+	});
+}
+function SwitchField({ className, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		"data-slot": "switch-field",
+		className: clsx(Switch_module_default.field, className),
+		...props
+	});
+}
+function SwitchLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "switch-label",
+		className: clsx(Switch_module_default.label, className),
+		...props
+	});
+}
+//#endregion
+export { Switch$1 as Switch, SwitchField, SwitchLabel, SwitchThumb };

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 = {
+	"field": "klbdca_field",
+	"label": "klbdca_label",
+	"root": "klbdca_root",
+	"thumb": "klbdca_thumb"
+};
+//#endregion
+export { Switch_module_default as default };

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

@@ -1 +1 @@
-export { Switch, SwitchThumb, SwitchField, SwitchLabel } from './Switch';
+import { Switch, SwitchField, SwitchLabel, SwitchThumb } from "./Switch.js";

package/dist/components/Table/Table.css

@@ -0,0 +1,107 @@
+@layer ui.components {
+  .Bc8hSq_container {
+    box-sizing: border-box;
+    border: var(--table-container-border-width, var(--table-border-width, var(--border-width-sm)))
+      solid var(--table-container-border-color, var(--table-border-color, var(--color-border)));
+    border-radius: var(--table-container-radius, var(--radius-lg));
+    background-color: var(--table-container-bg, var(--color-card));
+    width: 100%;
+    min-width: 0;
+    box-shadow: var(--table-container-shadow, none);
+    overflow-x: auto;
+  }
+
+  .Bc8hSq_root {
+    --table-cell-padding-y-default: var(--table-cell-padding-y, var(--spacing-3));
+    --table-empty-padding-y-default: calc(var(--table-cell-padding-y-default) * 2);
+    box-sizing: border-box;
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    color: var(--table-color, var(--color-foreground));
+    font-family: var(--table-font-family, var(--font-sans));
+    font-size: var(--table-font-size, var(--text-sm));
+    line-height: var(--table-line-height, var(--line-height-text-sm));
+    text-align: left;
+  }
+
+  .Bc8hSq_caption {
+    box-sizing: border-box;
+    color: var(--table-caption-color, var(--color-muted-foreground));
+    font-size: var(--table-caption-font-size, var(--text-sm));
+    line-height: var(--table-caption-line-height, var(--line-height-text-sm));
+    padding-inline: var(--table-caption-padding-x, var(--table-cell-padding-x, var(--spacing-4)));
+    text-align: left;
+    text-wrap: pretty;
+  }
+
+  .Bc8hSq_caption[data-side="top"] {
+    caption-side: top;
+    padding-block: var(--table-caption-padding-edge, var(--spacing-2))
+      var(--table-caption-padding-y, var(--spacing-3));
+  }
+
+  .Bc8hSq_caption[data-side="bottom"] {
+    caption-side: bottom;
+    padding-block: var(--table-caption-padding-y, var(--spacing-3))
+      var(--table-caption-padding-edge, var(--spacing-2));
+  }
+
+  .Bc8hSq_row {
+    transition: var(--table-row-transition, background-color var(--transition-default));
+  }
+
+  .Bc8hSq_header .Bc8hSq_row, .Bc8hSq_body .Bc8hSq_row {
+    border-bottom: var(--table-border-width, var(--border-width-sm)) solid
+      var(--table-border-color, var(--color-border));
+  }
+
+  .Bc8hSq_body .Bc8hSq_row:hover {
+    background-color: var(--table-row-bg-hover, var(--color-muted));
+  }
+
+  .Bc8hSq_body .Bc8hSq_row:last-child {
+    border-bottom: 0;
+  }
+
+  .Bc8hSq_footer {
+    border-top: var(--table-border-width, var(--border-width-sm)) solid
+      var(--table-border-color, var(--color-border));
+    background-color: var(--table-footer-bg, var(--color-muted));
+    color: var(--table-footer-color, var(--table-color, var(--color-foreground)));
+    font-weight: var(--table-footer-font-weight, var(--weight-medium));
+  }
+
+  .Bc8hSq_head, .Bc8hSq_cell {
+    padding-block: var(--table-cell-padding-y-default);
+    padding-inline: var(--table-cell-padding-x, var(--spacing-4));
+    vertical-align: middle;
+  }
+
+  .Bc8hSq_head {
+    color: var(--table-head-color, var(--color-muted-foreground));
+    font-weight: var(--table-head-font-weight, var(--weight-medium));
+    text-align: inherit;
+    white-space: nowrap;
+  }
+
+  .Bc8hSq_cell {
+    color: inherit;
+  }
+
+  .Bc8hSq_numeric {
+    text-align: right;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .Bc8hSq_emptyRow:hover {
+    background-color: #0000;
+  }
+
+  .Bc8hSq_empty {
+    padding-block: var(--table-empty-padding-y, var(--table-empty-padding-y-default));
+    color: var(--table-empty-color, var(--color-muted-foreground));
+    text-align: center;
+  }
+}

package/dist/components/Table/Table.d.ts

@@ -1,20 +1,58 @@
-import { ComponentPropsWithoutRef } from 'react';
-declare function TableContainer({ className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
-declare function Table({ className, ...props }: ComponentPropsWithoutRef<'table'>): import("react").JSX.Element;
-declare function TableHeader({ className, ...props }: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
-declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
-declare function TableFooter({ className, ...props }: ComponentPropsWithoutRef<'tfoot'>): import("react").JSX.Element;
-declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
-declare function TableHead({ className, numeric, ...props }: ComponentPropsWithoutRef<'th'> & {
-    numeric?: boolean;
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Table/Table.d.ts
+declare function TableContainer({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+declare function Table({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'table'>): import("react").JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tfoot'>): import("react").JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
+declare function TableHead({
+  className,
+  numeric,
+  ...props
+}: ComponentPropsWithoutRef<'th'> & {
+  numeric?: boolean;
 }): import("react").JSX.Element;
-declare function TableCell({ className, numeric, ...props }: ComponentPropsWithoutRef<'td'> & {
-    numeric?: boolean;
+declare function TableCell({
+  className,
+  numeric,
+  ...props
+}: ComponentPropsWithoutRef<'td'> & {
+  numeric?: boolean;
 }): import("react").JSX.Element;
-declare function TableEmpty({ children, className, colSpan, ...props }: ComponentPropsWithoutRef<'td'> & {
-    colSpan: number;
+declare function TableEmpty({
+  children,
+  className,
+  colSpan,
+  ...props
+}: ComponentPropsWithoutRef<'td'> & {
+  colSpan: number;
 }): import("react").JSX.Element;
-declare function TableCaption({ className, side, ...props }: ComponentPropsWithoutRef<'caption'> & {
-    side?: 'top' | 'bottom';
+declare function TableCaption({
+  className,
+  side,
+  ...props
+}: ComponentPropsWithoutRef<'caption'> & {
+  side?: 'top' | 'bottom';
 }): import("react").JSX.Element;
-export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, };
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Table/Table.js

@@ -0,0 +1,85 @@
+import Table_module_default from "./Table.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Table/Table.tsx
+function TableContainer({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: clsx$1(Table_module_default.container, className),
+		...props
+	});
+}
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("table", {
+		"data-slot": "table",
+		className: clsx$1(Table_module_default.root, className),
+		...props
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: clsx$1(Table_module_default.header, className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: clsx$1(Table_module_default.body, className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: clsx$1(Table_module_default.footer, className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: clsx$1(Table_module_default.row, className),
+		...props
+	});
+}
+function TableHead({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-head",
+		className: clsx$1(Table_module_default.head, numeric && Table_module_default.numeric, className),
+		...props
+	});
+}
+function TableCell({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-cell",
+		className: clsx$1(Table_module_default.cell, numeric && Table_module_default.numeric, className),
+		...props
+	});
+}
+function TableEmpty({ children = "No results.", className, colSpan, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: clsx$1(Table_module_default.row, Table_module_default.emptyRow),
+		children: /* @__PURE__ */ jsx("td", {
+			"data-slot": "table-empty",
+			colSpan,
+			className: clsx$1(Table_module_default.cell, Table_module_default.empty, className),
+			...props,
+			children
+		})
+	});
+}
+function TableCaption({ className, side = "bottom", ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-side": side,
+		"data-slot": "table-caption",
+		className: clsx$1(Table_module_default.caption, className),
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Table/Table.module.js

@@ -0,0 +1,18 @@
+import './Table.css';
+//#region src/components/Table/Table.module.css
+var Table_module_default = {
+	"body": "Bc8hSq_body",
+	"caption": "Bc8hSq_caption",
+	"cell": "Bc8hSq_cell",
+	"container": "Bc8hSq_container",
+	"empty": "Bc8hSq_empty",
+	"emptyRow": "Bc8hSq_emptyRow",
+	"footer": "Bc8hSq_footer",
+	"head": "Bc8hSq_head",
+	"header": "Bc8hSq_header",
+	"numeric": "Bc8hSq_numeric",
+	"root": "Bc8hSq_root",
+	"row": "Bc8hSq_row"
+};
+//#endregion
+export { Table_module_default as default };

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

@@ -1 +1 @@
-export * from './Table';
+import { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow } from "./Table.js";

package/dist/components/Tabs/Tabs.css

@@ -0,0 +1,181 @@
+@layer ui.components {
+  ._5EkPPa_root {
+    box-sizing: border-box;
+    gap: var(--tabs-gap, .75rem);
+    min-width: 0;
+    color: var(--tabs-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      flex-direction: row;
+      align-items: stretch;
+    }
+  }
+
+  ._5EkPPa_list {
+    box-sizing: border-box;
+    z-index: 0;
+    align-items: stretch;
+    gap: var(--tabs-list-gap, .25rem);
+    width: fit-content;
+    max-width: 100%;
+    padding: var(--tabs-list-padding-y, var(--tabs-list-padding, .25rem))
+      var(--tabs-list-padding-x, var(--tabs-list-padding, .25rem));
+    border: var(--tabs-list-border-width, var(--border-width-sm)) solid
+      var(--tabs-list-border-color, var(--color-border));
+    border-radius: var(--tabs-radius, var(--radius-lg));
+    background-color: var(--tabs-list-bg, var(--color-muted));
+    display: inline-flex;
+    position: relative;
+
+    &[data-orientation="vertical"] {
+      width: var(--tabs-vertical-list-width, 12rem);
+      min-width: var(--tabs-vertical-list-width, 12rem);
+      flex-direction: column;
+    }
+
+    ._5EkPPa_root[data-variant="line"] & {
+      border-width: 0 0 var(--tabs-list-border-width, var(--border-width-sm));
+      background-color: #0000;
+      border-radius: 0;
+      width: 100%;
+      padding-inline: 0;
+    }
+
+    ._5EkPPa_root[data-orientation="vertical"][data-variant="line"] & {
+      width: var(--tabs-vertical-list-width, 12rem);
+      border-width: 0 var(--tabs-list-border-width, var(--border-width-sm)) 0 0;
+    }
+  }
+
+  ._5EkPPa_tab {
+    box-sizing: border-box;
+    z-index: 1;
+    justify-content: center;
+    align-items: center;
+    gap: var(--tabs-tab-content-gap, .5rem);
+    height: var(--tabs-tab-height, 2rem);
+    appearance: none;
+    border-radius: var(--tabs-tab-radius, var(--radius-sm));
+    padding-inline: var(--tabs-tab-padding-x, .625rem);
+    color: var(--tabs-tab-color, var(--color-muted-foreground));
+    font: inherit;
+    font-size: var(--tabs-tab-font-size, var(--text-sm));
+    font-weight: var(--tabs-tab-font-weight, var(--weight-medium));
+    line-height: var(--tabs-tab-line-height, var(--line-height-text-sm));
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: color var(--tabs-tab-transition, var(--transition-default));
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative;
+
+    &[data-active] {
+      color: var(--tabs-tab-color-active, var(--color-foreground));
+    }
+
+    @media (hover: hover) {
+      &:hover {
+        color: var(--tabs-tab-color-hover, var(--tabs-tab-color-active, var(--color-foreground)));
+      }
+    }
+
+    &:focus-visible {
+      &:before {
+        content: "";
+        border-radius: inherit;
+        outline: var(--tabs-focus-ring-width, var(--border-width-sm)) solid
+          var(--tabs-focus-ring-color, var(--color-ring));
+        outline-offset: var(--tabs-focus-ring-offset, 0);
+        position: absolute;
+        inset: 0;
+      }
+    }
+
+    &[disabled], &[data-disabled] {
+      cursor: default;
+      opacity: var(--tabs-tab-disabled-opacity, var(--opacity-disabled));
+      pointer-events: none;
+    }
+
+    & > svg {
+      width: var(--tabs-tab-icon-size, 1rem);
+      height: var(--tabs-tab-icon-size, 1rem);
+      color: var(--tabs-tab-icon-color, currentColor);
+      flex-shrink: 0;
+    }
+  }
+
+  ._5EkPPa_indicator {
+    z-index: 0;
+    width: var(--active-tab-width, 0);
+    height: var(--tabs-indicator-size, 1.75rem);
+    border-radius: var(--tabs-indicator-radius, var(--radius-sm));
+    background-color: var(--tabs-indicator-bg, var(--color-background));
+    translate: var(--active-tab-left, 0) -50%;
+    transition: var(--tabs-indicator-transition, translate .2s ease, width .2s ease);
+    position: absolute;
+    top: 50%;
+    left: 0;
+
+    ._5EkPPa_root[data-variant="line"] & {
+      height: var(--tabs-line-indicator-size, 2px);
+      border-radius: var(--tabs-line-indicator-radius, var(--radius-full));
+      background-color: var(--tabs-line-indicator-bg, var(--tabs-tab-color-active, var(--color-foreground)));
+      translate: var(--active-tab-left, 0) 0;
+      transition: var(--tabs-line-indicator-transition, translate .2s ease, width .2s ease);
+      top: auto;
+      bottom: 0;
+    }
+
+    &[data-orientation="vertical"] {
+      width: calc(100% - (var(--tabs-list-padding-x, var(--tabs-list-padding, .25rem)) * 2));
+      height: var(--active-tab-height, 0);
+      translate: -50% var(--active-tab-top, 0);
+      transition: var(--tabs-indicator-transition, translate .2s ease, height .2s ease);
+      top: 0;
+      left: 50%;
+
+      ._5EkPPa_root[data-variant="line"] & {
+        width: var(--tabs-line-indicator-size, 2px);
+        translate: 0 var(--active-tab-top, 0);
+        transition: var(--tabs-line-indicator-transition, translate .2s ease, height .2s ease);
+        bottom: auto;
+        left: 0;
+      }
+    }
+  }
+
+  ._5EkPPa_panel {
+    box-sizing: border-box;
+    border: var(--tabs-border-width, var(--border-width-sm)) solid
+      var(--tabs-border-color, var(--color-border));
+    border-radius: var(--tabs-radius, var(--radius-lg));
+    background-color: var(--tabs-bg, var(--color-background));
+    min-width: 0;
+    padding: var(--tabs-panel-padding, 1rem);
+    color: var(--tabs-panel-color, var(--tabs-color, var(--color-foreground)));
+    font-size: var(--tabs-panel-font-size, var(--text-sm));
+    line-height: var(--tabs-panel-line-height, var(--line-height-text-sm));
+    outline: 0;
+    flex: 1;
+    margin: 0;
+
+    &:focus-visible {
+      outline: var(--tabs-focus-ring-width, var(--border-width-sm)) solid
+        var(--tabs-focus-ring-color, var(--color-ring));
+      outline-offset: var(--tabs-panel-focus-ring-offset, -1px);
+      border-radius: inherit;
+    }
+
+    &[hidden]:not([hidden="until-found"]) {
+      display: none;
+    }
+  }
+}

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

@@ -1,8 +1,10 @@
-declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement> & {
-    variant?: "default" | "line";
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TabsList: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TabsIndicator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const TabsTab: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsTabProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const TabsPanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsIndicator, TabsTab, TabsPanel };
+//#region src/components/Tabs/Tabs.d.ts
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+  variant?: "default" | "line";
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const TabsTab: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const TabsPanel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,66 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Tabs_module_default from "./Tabs.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as Fragment$1, forwardRef, isValidElement } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/Tabs/Tabs.tsx
+const Tabs$1 = forwardRef(function Tabs$2({ className, variant = "default", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		ref,
+		"data-slot": "tabs-root",
+		"data-variant": variant,
+		className: mergeClassName(className, Tabs_module_default.root),
+		...props
+	});
+});
+function hasTabsIndicator(children) {
+	let found = false;
+	const collectChildren = (nodes) => {
+		Children.forEach(nodes, (child) => {
+			if (found || !isValidElement(child)) return;
+			if (isReactFragment(child)) {
+				collectChildren(child.props.children);
+				return;
+			}
+			if (child.type === TabsIndicator) found = true;
+		});
+	};
+	collectChildren(children);
+	return found;
+}
+const isReactFragment = (child) => isValidElement(child) && child.type === Fragment$1;
+const TabsList = forwardRef(function TabsList({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		ref,
+		"data-slot": "tabs-list",
+		className: mergeClassName(className, Tabs_module_default.list),
+		...props,
+		children: [children, !hasTabsIndicator(children) ? /* @__PURE__ */ jsx(TabsIndicator, {}) : null]
+	});
+});
+const TabsIndicator = forwardRef(function TabsIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		ref,
+		"data-slot": "tabs-indicator",
+		className: mergeClassName(className, Tabs_module_default.indicator),
+		...props
+	});
+});
+const TabsTab = forwardRef(function TabsTab({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		ref,
+		"data-slot": "tabs-tab",
+		className: mergeClassName(className, Tabs_module_default.tab),
+		...props
+	});
+});
+const TabsPanel = forwardRef(function TabsPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		ref,
+		"data-slot": "tabs-panel",
+		className: mergeClassName(className, Tabs_module_default.panel),
+		...props
+	});
+});
+//#endregion
+export { Tabs$1 as Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab };

package/dist/components/Tabs/Tabs.module.js

@@ -0,0 +1,11 @@
+import './Tabs.css';
+//#region src/components/Tabs/Tabs.module.css
+var Tabs_module_default = {
+	"indicator": "_5EkPPa_indicator",
+	"list": "_5EkPPa_list",
+	"panel": "_5EkPPa_panel",
+	"root": "_5EkPPa_root",
+	"tab": "_5EkPPa_tab"
+};
+//#endregion
+export { Tabs_module_default as default };