@moduix/react 2.2.0 → 2.2.5

package/dist/components/table/{Table.css → Table_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  .-X2Dga_scrollArea {
+  .scrollArea-kAB0bv {
     box-sizing: border-box;
     isolation: isolate;
     border: var(--moduix-table-scroll-area-border-width, var(--moduix-table-border-width, var(--moduix-border-width-sm)))
@@ -14,10 +14,10 @@
     overflow-x: auto;
   }
 
-  .-X2Dga_root {
-    --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-4));
-    --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-3));
-    --moduix-table-empty-padding-y-default: calc(var(--moduix-table-cell-padding-y-default) * 2);
+  .root-iUez_7 {
+    --_table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-4));
+    --_table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-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;
@@ -28,84 +28,88 @@
     line-height: var(--moduix-table-line-height, var(--moduix-line-height-text-sm));
     text-align: left;
     isolation: isolate;
+  }
+
+  .root-iUez_7[data-size="sm"] {
+    --_table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-3));
+    --_table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-2));
+    font-size: var(--moduix-table-font-size-sm, var(--moduix-text-xs));
+    line-height: var(--moduix-table-line-height-sm, var(--moduix-line-height-text-xs));
+  }
 
-    &[data-size="sm"] {
-      --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-3));
-      --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-2));
-      font-size: var(--moduix-table-font-size-sm, var(--moduix-text-xs));
-      line-height: var(--moduix-table-line-height-sm, var(--moduix-line-height-text-xs));
-    }
-
-    &[data-size="lg"] {
-      --moduix-table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-5));
-      --moduix-table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-4));
-      font-size: var(--moduix-table-font-size-lg, var(--moduix-text-md));
-      line-height: var(--moduix-table-line-height-lg, var(--moduix-line-height-text-md));
-    }
-
-    &[data-variant="outline"] {
-      border: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
+  .root-iUez_7[data-size="lg"] {
+    --_table-cell-padding-x-default: var(--moduix-table-cell-padding-x, var(--moduix-spacing-5));
+    --_table-cell-padding-y-default: var(--moduix-table-cell-padding-y, var(--moduix-spacing-4));
+    font-size: var(--moduix-table-font-size-lg, var(--moduix-text-md));
+    line-height: var(--moduix-table-line-height-lg, var(--moduix-line-height-text-md));
+  }
+
+  .root-iUez_7[data-variant="outline"] {
+    border: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
         var(--moduix-table-border-color, var(--moduix-color-border));
-    }
   }
 
-  .-X2Dga_caption {
+  .caption-T3KfUJ {
     box-sizing: border-box;
     color: var(--moduix-table-caption-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-table-caption-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-table-caption-line-height, var(--moduix-line-height-text-sm));
-    padding-inline: var(--moduix-table-caption-padding-x, var(--moduix-table-cell-padding-x-default));
+    padding-inline: var(--moduix-table-caption-padding-x, var(--_table-cell-padding-x-default));
     text-align: left;
     text-wrap: pretty;
+  }
 
-    &[data-side="top"] {
-      caption-side: top;
-      padding-block: var(--moduix-table-caption-padding-edge, var(--moduix-spacing-2))
+  .caption-T3KfUJ[data-side="top"] {
+    caption-side: top;
+    padding-block: var(--moduix-table-caption-padding-edge, var(--moduix-spacing-2))
         var(--moduix-table-caption-padding-y, var(--moduix-spacing-3));
-    }
+  }
 
-    &[data-side="bottom"] {
-      caption-side: bottom;
-      padding-block: var(--moduix-table-caption-padding-y, var(--moduix-spacing-3))
+  .caption-T3KfUJ[data-side="bottom"] {
+    caption-side: bottom;
+    padding-block: var(--moduix-table-caption-padding-y, var(--moduix-spacing-3))
         var(--moduix-table-caption-padding-edge, var(--moduix-spacing-2));
-    }
   }
 
-  .-X2Dga_row {
+  .row-vTGkhP {
     transition: var(--moduix-table-row-transition, background-color var(--moduix-transition-default));
   }
 
-  .-X2Dga_header .-X2Dga_row, .-X2Dga_body .-X2Dga_row {
+  .header-daWIeJ .row-vTGkhP, .body-JqLHru .row-vTGkhP {
     border-bottom: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-table-border-color, var(--moduix-color-border));
   }
 
-  .-X2Dga_root[data-striped] .-X2Dga_body .-X2Dga_row:nth-child(2n):not([data-empty]) {
+  .root-iUez_7[data-striped] .body-JqLHru .row-vTGkhP:nth-child(2n):not([data-empty]) {
     background-color: var(--moduix-table-row-bg-striped, color-mix(in oklab, var(--moduix-color-muted) 35%, transparent));
   }
 
-  .-X2Dga_root[data-interactive] .-X2Dga_body .-X2Dga_row:not([data-empty]):hover {
+  .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):hover {
     background-color: var(--moduix-table-row-bg-hover, var(--moduix-color-muted));
   }
 
-  .-X2Dga_root[data-show-column-border] :is(.-X2Dga_columnHeader, .-X2Dga_cell):not(:last-child) {
+  .root-iUez_7[data-interactive] .body-JqLHru .row-vTGkhP:not([data-empty]):focus-within {
+    background-color: var(--moduix-table-row-bg-focus, var(--moduix-table-row-bg-hover, var(--moduix-color-muted)));
+  }
+
+  .root-iUez_7[data-show-column-border] :is(.columnHeader-MBpfL1, .cell-uGo0rz):not(:last-child) {
     border-inline-end: var(--moduix-table-column-border-width, var(--moduix-table-border-width, var(--moduix-border-width-sm)))
       solid
       var(--moduix-table-column-border-color, var(--moduix-table-border-color, var(--moduix-color-border)));
   }
 
-  .-X2Dga_root[data-sticky-header] .-X2Dga_header {
+  .root-iUez_7[data-sticky-header] .header-daWIeJ {
     z-index: var(--moduix-table-sticky-header-z-index, 3);
     background-color: var(--moduix-table-sticky-header-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
     position: sticky;
     inset-block-start: 0;
   }
 
-  .-X2Dga_body .-X2Dga_row:last-child {
+  .body-JqLHru .row-vTGkhP:last-child {
     border-bottom: 0;
   }
 
-  .-X2Dga_footer {
+  .footer-wH43ty {
     border-top: var(--moduix-table-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-table-border-color, var(--moduix-color-border));
     background-color: var(--moduix-table-footer-bg, var(--moduix-color-muted));
@@ -113,52 +117,53 @@
     font-weight: var(--moduix-table-footer-font-weight, var(--moduix-weight-medium));
   }
 
-  .-X2Dga_columnHeader, .-X2Dga_cell {
+  .columnHeader-MBpfL1, .cell-uGo0rz {
     z-index: 0;
-    padding-block: var(--moduix-table-cell-padding-y-default);
-    padding-inline: var(--moduix-table-cell-padding-x-default);
+    padding-block: var(--_table-cell-padding-y-default);
+    padding-inline: var(--_table-cell-padding-x-default);
     vertical-align: middle;
     position: relative;
+  }
 
-    &[data-sticky="start"] {
-      z-index: var(--moduix-table-sticky-column-z-index, 2);
-      background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
-      position: sticky;
-      inset-inline-start: 0;
-    }
+  :is(.columnHeader-MBpfL1, .cell-uGo0rz)[data-sticky="start"] {
+    z-index: var(--moduix-table-sticky-column-z-index, 2);
+    background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
+    position: sticky;
+    inset-inline-start: 0;
+  }
 
-    &[data-sticky="end"] {
-      z-index: var(--moduix-table-sticky-column-z-index, 2);
-      background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
-      position: sticky;
-      inset-inline-end: 0;
-    }
+  :is(.columnHeader-MBpfL1, .cell-uGo0rz)[data-sticky="end"] {
+    z-index: var(--moduix-table-sticky-column-z-index, 2);
+    background-color: var(--moduix-table-sticky-column-bg, var(--moduix-table-scroll-area-bg, var(--moduix-color-card)));
+    position: sticky;
+    inset-inline-end: 0;
   }
 
-  .-X2Dga_root[data-sticky-header] .-X2Dga_header .-X2Dga_columnHeader[data-sticky] {
+  .root-iUez_7[data-sticky-header] .header-daWIeJ .columnHeader-MBpfL1[data-sticky] {
     z-index: var(--moduix-table-sticky-intersection-z-index, 4);
   }
 
-  .-X2Dga_columnHeader {
+  .columnHeader-MBpfL1 {
     color: var(--moduix-table-column-header-color, var(--moduix-color-muted-foreground));
     font-weight: var(--moduix-table-column-header-font-weight, var(--moduix-weight-medium));
     text-align: inherit;
     white-space: nowrap;
   }
 
-  .-X2Dga_cell {
+  .cell-uGo0rz {
     color: inherit;
   }
 
-  .-X2Dga_numeric {
+  .numeric-Epyrfq {
     text-align: end;
     white-space: nowrap;
     font-variant-numeric: tabular-nums;
   }
 
-  .-X2Dga_empty {
-    padding-block: var(--moduix-table-empty-padding-y, var(--moduix-table-empty-padding-y-default));
+  .empty-dLhlhx {
+    padding-block: var(--moduix-table-empty-padding-y, var(--_table-empty-padding-y-default));
     color: var(--moduix-table-empty-color, var(--moduix-color-muted-foreground));
     text-align: center;
   }
 }
+

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

@@ -0,0 +1 @@
+export { Table } from './Table.js';

package/dist/components/table/index.js

@@ -0,0 +1 @@
+export { Table } from "./Table.js";

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

@@ -1,21 +1,19 @@
-import { Tabs, useTabs } from "@ark-ui/react/tabs";
-
-//#region src/components/tabs/Tabs.d.ts
+import { Tabs as TabsPrimitive, useTabs, useTabsContext } from '@ark-ui/react/tabs';
 type TabsVariant = 'default' | 'line';
-declare const Tabs$1: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProps & import("react").RefAttributes<HTMLDivElement> & {
-  variant?: TabsVariant;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProps & import("react").RefAttributes<HTMLDivElement> & {
-    variant?: TabsVariant;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Tabs.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & {
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & {
     variant?: TabsVariant;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  List: import("react").ForwardRefExoticComponent<Omit<Tabs.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Trigger: import("react").ForwardRefExoticComponent<Omit<Tabs.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Tabs.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Content: import("react").ForwardRefExoticComponent<Omit<Tabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  useTabs: (props?: import("@ark-ui/react/tabs").UseTabsProps) => import("@ark-ui/react/tabs").UseTabsReturn;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & {
+        variant?: TabsVariant;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement> & {
+        variant?: TabsVariant;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TabsPrimitive.ContextProps) => import("react").ReactNode;
+    List: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useTabs: (props?: import("@ark-ui/react/tabs").UseTabsProps) => import("@ark-ui/react/tabs").UseTabsReturn;
 };
-//#endregion
-export { Tabs$1 as Tabs, useTabs };
+export { Tabs, useTabs, useTabsContext };

package/dist/components/tabs/Tabs.js

@@ -1,68 +1,73 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Tabs_module_default from "./Tabs.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Tabs, useTabs, useTabsContext } from "@ark-ui/react/tabs";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Tabs, useTabs } from "@ark-ui/react/tabs";
-//#region src/components/tabs/Tabs.tsx
-const TabsRoot = forwardRef(function TabsRoot({ className, variant = "default", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.Root, {
-		ref,
-		"data-slot": "tabs-root",
-		"data-variant": variant,
-		className: clsx(Tabs_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Tabs_module from "./Tabs.module.js";
+const Tabs_TabsRoot = /*#__PURE__*/ forwardRef(function({ className, orientation, variant = 'default', ...props }, ref) {
+    const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
+    return /*#__PURE__*/ jsx(Tabs.Root, {
+        ref: ref,
+        "data-slot": "tabs-root",
+        "data-variant": resolvedVariant,
+        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        orientation: orientation,
+        ...props
+    });
 });
-const TabsRootProvider = forwardRef(function TabsRootProvider({ className, variant = "default", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.RootProvider, {
-		ref,
-		"data-slot": "tabs-root-provider",
-		"data-variant": variant,
-		className: clsx(Tabs_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Tabs_TabsRootProvider = /*#__PURE__*/ forwardRef(function({ className, value, variant = 'default', ...props }, ref) {
+    const orientation = value.getRootProps()['data-orientation'];
+    const resolvedVariant = 'vertical' === orientation ? 'default' : variant;
+    return /*#__PURE__*/ jsx(Tabs.RootProvider, {
+        ref: ref,
+        "data-slot": "tabs-root-provider",
+        "data-variant": resolvedVariant,
+        className: clsx(Tabs_module.root, normalizeClassName(className)),
+        value: value,
+        ...props
+    });
 });
-const TabsList = forwardRef(function TabsList({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.List, {
-		ref,
-		"data-slot": "tabs-list",
-		className: clsx(Tabs_module_default.list, normalizeClassName(className)),
-		...props
-	});
+const Tabs_TabsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.List, {
+        ref: ref,
+        "data-slot": "tabs-list",
+        className: clsx(Tabs_module.list, normalizeClassName(className)),
+        ...props
+    });
 });
-const TabsTrigger = forwardRef(function TabsTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.Trigger, {
-		ref,
-		"data-slot": "tabs-trigger",
-		className: clsx(Tabs_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const Tabs_TabsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Trigger, {
+        ref: ref,
+        "data-slot": "tabs-trigger",
+        className: clsx(Tabs_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const TabsIndicator = forwardRef(function TabsIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.Indicator, {
-		ref,
-		"data-slot": "tabs-indicator",
-		className: clsx(Tabs_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const Tabs_TabsIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Indicator, {
+        ref: ref,
+        "data-slot": "tabs-indicator",
+        className: clsx(Tabs_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const TabsContent = forwardRef(function TabsContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Tabs.Content, {
-		ref,
-		"data-slot": "tabs-content",
-		className: clsx(Tabs_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Tabs_TabsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Tabs.Content, {
+        ref: ref,
+        "data-slot": "tabs-content",
+        className: clsx(Tabs_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const Tabs$1 = Object.assign(TabsRoot, {
-	Root: TabsRoot,
-	RootProvider: TabsRootProvider,
-	List: TabsList,
-	Trigger: TabsTrigger,
-	Indicator: TabsIndicator,
-	Content: TabsContent,
-	useTabs
+const Tabs_Tabs = Object.assign(Tabs_TabsRoot, {
+    Root: Tabs_TabsRoot,
+    RootProvider: Tabs_TabsRootProvider,
+    Context: Tabs.Context,
+    List: Tabs_TabsList,
+    Trigger: Tabs_TabsTrigger,
+    Indicator: Tabs_TabsIndicator,
+    Content: Tabs_TabsContent,
+    useTabs: useTabs
 });
-//#endregion
-export { Tabs$1 as Tabs, useTabs };
+export { Tabs_Tabs as Tabs, useTabs, useTabsContext };

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

@@ -1,11 +1,9 @@
-import './Tabs.css';
-//#region src/components/tabs/Tabs.module.css
-var Tabs_module_default = {
-	"content": "ostTjG_content",
-	"indicator": "ostTjG_indicator",
-	"list": "ostTjG_list",
-	"root": "ostTjG_root",
-	"trigger": "ostTjG_trigger"
+import "./Tabs_module.css";
+const Tabs_module = {
+    root: "root-r9cKMR",
+    list: "list-HWuixw",
+    trigger: "trigger-AcFFlC",
+    indicator: "indicator-Eq3gMQ",
+    content: "content-LlFLnc"
 };
-//#endregion
-export { Tabs_module_default as default };
+export default Tabs_module;