@moduix/solid 1.0.0

package/dist/components/table/Table_module.css

@@ -0,0 +1,169 @@
+@layer moduix.components {
+  .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)))
+      solid
+      var(--moduix-table-scroll-area-border-color, var(--moduix-table-border-color, var(--moduix-color-border)));
+    border-radius: var(--moduix-table-scroll-area-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-table-scroll-area-bg, var(--moduix-color-card));
+    width: 100%;
+    min-width: 0;
+    box-shadow: var(--moduix-table-scroll-area-shadow, none);
+    position: relative;
+    overflow-x: auto;
+  }
+
+  .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;
+    width: 100%;
+    color: var(--moduix-table-color, var(--moduix-color-foreground));
+    font-family: var(--moduix-table-font-family, inherit);
+    font-size: var(--moduix-table-font-size, var(--moduix-text-sm));
+    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));
+  }
+
+  .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));
+  }
+
+  .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(--_table-cell-padding-x-default));
+    text-align: left;
+    text-wrap: pretty;
+  }
+
+  .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));
+  }
+
+  .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));
+  }
+
+  .row-vTGkhP {
+    transition: var(--moduix-table-row-transition, background-color var(--moduix-transition-default));
+  }
+
+  .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));
+  }
+
+  .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));
+  }
+
+  .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));
+  }
+
+  .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)));
+  }
+
+  .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;
+  }
+
+  .body-JqLHru .row-vTGkhP:last-child {
+    border-bottom: 0;
+  }
+
+  .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));
+    color: var(--moduix-table-footer-color, var(--moduix-table-color, var(--moduix-color-foreground)));
+    font-weight: var(--moduix-table-footer-font-weight, var(--moduix-weight-medium));
+  }
+
+  .columnHeader-MBpfL1, .cell-uGo0rz {
+    z-index: 0;
+    padding-block: var(--_table-cell-padding-y-default);
+    padding-inline: var(--_table-cell-padding-x-default);
+    vertical-align: middle;
+    position: relative;
+  }
+
+  :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;
+  }
+
+  :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;
+  }
+
+  .root-iUez_7[data-sticky-header] .header-daWIeJ .columnHeader-MBpfL1[data-sticky] {
+    z-index: var(--moduix-table-sticky-intersection-z-index, 4);
+  }
+
+  .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;
+  }
+
+  .cell-uGo0rz {
+    color: inherit;
+  }
+
+  .numeric-Epyrfq {
+    text-align: end;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .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/table/index.jsx

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

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

@@ -0,0 +1,25 @@
+import { Tabs as TabsPrimitive, useTabs, useTabsContext } from '@ark-ui/solid/tabs';
+import type { ComponentProps } from 'solid-js';
+type TabsVariant = 'default' | 'line';
+declare function TabsRoot(props: ComponentProps<typeof TabsPrimitive.Root> & {
+    variant?: TabsVariant;
+}): import("solid-js").JSX.Element;
+declare function TabsRootProvider(props: ComponentProps<typeof TabsPrimitive.RootProvider> & {
+    variant?: TabsVariant;
+}): import("solid-js").JSX.Element;
+declare function TabsList(props: ComponentProps<typeof TabsPrimitive.List>): import("solid-js").JSX.Element;
+declare function TabsTrigger(props: ComponentProps<typeof TabsPrimitive.Trigger>): import("solid-js").JSX.Element;
+declare function TabsIndicator(props: ComponentProps<typeof TabsPrimitive.Indicator>): import("solid-js").JSX.Element;
+declare function TabsContent(props: ComponentProps<typeof TabsPrimitive.Content>): import("solid-js").JSX.Element;
+type TabsComponent = typeof TabsRoot & {
+    Root: typeof TabsRoot;
+    RootProvider: typeof TabsRootProvider;
+    Context: typeof TabsPrimitive.Context;
+    List: typeof TabsList;
+    Trigger: typeof TabsTrigger;
+    Indicator: typeof TabsIndicator;
+    Content: typeof TabsContent;
+    useTabs: typeof useTabs;
+};
+declare const Tabs: TabsComponent;
+export { Tabs, useTabs, useTabsContext };

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,99 @@
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { Tabs, useTabs, useTabsContext } from "@ark-ui/solid/tabs";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Tabs_module from "./Tabs.module.js";
+function TabsRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'orientation',
+        'variant'
+    ]);
+    return createComponent(Tabs.Root, mergeProps({
+        "data-slot": "tabs-root",
+        get ["data-variant"] () {
+            return memo(()=>'vertical' === local.orientation)() ? 'default' : local.variant ?? 'default';
+        },
+        get ["class"] () {
+            return clsx(Tabs_module.root, local.class);
+        },
+        get orientation () {
+            return local.orientation;
+        }
+    }, others));
+}
+function TabsRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'value',
+        'variant'
+    ]);
+    const orientation = ()=>local.value().getRootProps()['data-orientation'];
+    return createComponent(Tabs.RootProvider, mergeProps({
+        "data-slot": "tabs-root-provider",
+        get ["data-variant"] () {
+            return memo(()=>'vertical' === orientation())() ? 'default' : local.variant ?? 'default';
+        },
+        get ["class"] () {
+            return clsx(Tabs_module.root, local.class);
+        },
+        get value () {
+            return local.value;
+        }
+    }, others));
+}
+function TabsList(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tabs.List, mergeProps({
+        "data-slot": "tabs-list",
+        get ["class"] () {
+            return clsx(Tabs_module.list, local.class);
+        }
+    }, others));
+}
+function TabsTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tabs.Trigger, mergeProps({
+        "data-slot": "tabs-trigger",
+        get ["class"] () {
+            return clsx(Tabs_module.trigger, local.class);
+        }
+    }, others));
+}
+function TabsIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tabs.Indicator, mergeProps({
+        "data-slot": "tabs-indicator",
+        get ["class"] () {
+            return clsx(Tabs_module.indicator, local.class);
+        }
+    }, others));
+}
+function TabsContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(Tabs.Content, mergeProps({
+        "data-slot": "tabs-content",
+        get ["class"] () {
+            return clsx(Tabs_module.content, local.class);
+        }
+    }, others));
+}
+const Tabs_Tabs = Object.assign(TabsRoot, {
+    Root: TabsRoot,
+    RootProvider: TabsRootProvider,
+    Context: Tabs.Context,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Indicator: TabsIndicator,
+    Content: TabsContent,
+    useTabs: useTabs
+});
+export { Tabs_Tabs as Tabs, useTabs, useTabsContext };

package/dist/components/tabs/Tabs.jsx

@@ -0,0 +1,56 @@
+import { Tabs, useTabs, useTabsContext } from "@ark-ui/solid/tabs";
+import { clsx } from "clsx";
+import { splitProps } from "solid-js";
+import Tabs_module from "./Tabs.module.jsx";
+function TabsRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'orientation',
+        'variant'
+    ]);
+    return <Tabs.Root data-slot="tabs-root" data-variant={'vertical' === local.orientation ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} orientation={local.orientation} {...others}/>;
+}
+function TabsRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class',
+        'value',
+        'variant'
+    ]);
+    const orientation = ()=>local.value().getRootProps()['data-orientation'];
+    return <Tabs.RootProvider data-slot="tabs-root-provider" data-variant={'vertical' === orientation() ? 'default' : local.variant ?? 'default'} class={clsx(Tabs_module.root, local.class)} value={local.value} {...others}/>;
+}
+function TabsList(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tabs.List data-slot="tabs-list" class={clsx(Tabs_module.list, local.class)} {...others}/>;
+}
+function TabsTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tabs.Trigger data-slot="tabs-trigger" class={clsx(Tabs_module.trigger, local.class)} {...others}/>;
+}
+function TabsIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tabs.Indicator data-slot="tabs-indicator" class={clsx(Tabs_module.indicator, local.class)} {...others}/>;
+}
+function TabsContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Tabs.Content data-slot="tabs-content" class={clsx(Tabs_module.content, local.class)} {...others}/>;
+}
+const Tabs_Tabs = Object.assign(TabsRoot, {
+    Root: TabsRoot,
+    RootProvider: TabsRootProvider,
+    Context: Tabs.Context,
+    List: TabsList,
+    Trigger: TabsTrigger,
+    Indicator: TabsIndicator,
+    Content: TabsContent,
+    useTabs: useTabs
+});
+export { Tabs_Tabs as Tabs, useTabs, useTabsContext };

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

@@ -0,0 +1,9 @@
+import "./Tabs_module.css";
+const Tabs_module = {
+    root: "root-r9cKMR",
+    list: "list-HWuixw",
+    trigger: "trigger-AcFFlC",
+    indicator: "indicator-Eq3gMQ",
+    content: "content-LlFLnc"
+};
+export default Tabs_module;

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

@@ -0,0 +1,9 @@
+import "./Tabs_module.css";
+const Tabs_module = {
+    root: "root-r9cKMR",
+    list: "list-HWuixw",
+    trigger: "trigger-AcFFlC",
+    indicator: "indicator-Eq3gMQ",
+    content: "content-LlFLnc"
+};
+export default Tabs_module;

package/dist/components/tabs/Tabs_module.css

@@ -0,0 +1,186 @@
+@layer moduix.components {
+  .root-r9cKMR {
+    box-sizing: border-box;
+    inline-size: 100%;
+    gap: var(--moduix-tabs-gap, var(--moduix-spacing-3));
+    min-width: 0;
+    color: var(--moduix-tabs-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .root-r9cKMR[data-orientation="vertical"] {
+    flex-direction: row;
+    align-items: stretch;
+  }
+
+  .list-HWuixw {
+    box-sizing: border-box;
+    z-index: 0;
+    align-items: stretch;
+    gap: var(--moduix-tabs-list-gap, var(--moduix-spacing-1));
+    width: fit-content;
+    max-width: 100%;
+    padding: var(--moduix-tabs-list-padding-y, var(--moduix-tabs-list-padding, var(--moduix-spacing-1)))
+      var(--moduix-tabs-list-padding-x, var(--moduix-tabs-list-padding, var(--moduix-spacing-1)));
+    border: var(--moduix-tabs-list-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tabs-list-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tabs-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-tabs-list-bg, var(--moduix-color-muted));
+    display: inline-flex;
+    position: relative;
+  }
+
+  .root-r9cKMR:not([data-orientation="vertical"]) .list-HWuixw {
+    overflow-x: auto;
+  }
+
+  .list-HWuixw[data-orientation="vertical"] {
+    inline-size: var(--moduix-tabs-vertical-list-width, 12rem);
+    min-inline-size: var(--moduix-tabs-vertical-list-width, 12rem);
+    flex-direction: column;
+  }
+
+  @media (width <= 30rem) {
+    .list-HWuixw[data-orientation="vertical"] {
+      inline-size: min(var(--moduix-tabs-vertical-list-width, 12rem), 40%);
+      min-inline-size: 0;
+    }
+  }
+
+  .root-r9cKMR[data-variant="line"]:not([data-orientation="vertical"]) .list-HWuixw {
+    border-width: 0 0 var(--moduix-tabs-list-border-width, var(--moduix-border-width-sm));
+    background-color: #0000;
+    border-radius: 0;
+    width: 100%;
+    padding-inline: 0;
+  }
+
+  .trigger-AcFFlC {
+    box-sizing: border-box;
+    z-index: 1;
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-tabs-tab-content-gap, var(--moduix-spacing-2));
+    height: var(--moduix-tabs-tab-height, var(--moduix-size-sm));
+    appearance: none;
+    border-radius: var(--moduix-tabs-tab-radius, var(--moduix-radius-md));
+    padding-inline: var(--moduix-tabs-tab-padding-x, var(--moduix-spacing-2-5));
+    color: var(--moduix-tabs-tab-color, var(--moduix-color-muted-foreground));
+    font: inherit;
+    font-size: var(--moduix-tabs-tab-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-tabs-tab-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-tabs-tab-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: color var(--moduix-tabs-tab-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-tabs-tab-transition, var(--moduix-transition-default));
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .trigger-AcFFlC[data-selected] {
+    color: var(--moduix-tabs-tab-color-active, var(--moduix-color-foreground));
+  }
+
+  @media (hover: hover) {
+    .trigger-AcFFlC:hover {
+      color: var(--moduix-tabs-tab-color-hover, var(--moduix-tabs-tab-color-active, var(--moduix-color-foreground)));
+    }
+  }
+
+  .trigger-AcFFlC:focus-visible:before {
+    content: "";
+    border-radius: inherit;
+    outline: var(--moduix-tabs-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+          solid var(--moduix-tabs-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-tabs-focus-ring-offset, 0);
+    position: absolute;
+    inset: 0;
+  }
+
+  .trigger-AcFFlC[disabled], .trigger-AcFFlC[data-disabled] {
+    cursor: default;
+    opacity: var(--moduix-tabs-tab-disabled-opacity, var(--moduix-opacity-disabled));
+    pointer-events: none;
+  }
+
+  .trigger-AcFFlC > svg {
+    width: var(--moduix-tabs-tab-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-tabs-tab-icon-size, var(--moduix-spacing-4));
+    color: var(--moduix-tabs-tab-icon-color, currentColor);
+    flex-shrink: 0;
+  }
+
+  .indicator-Eq3gMQ {
+    --transition-duration: var(--moduix-tabs-indicator-transition-duration, var(--moduix-duration-normal));
+    --transition-timing-function: var(--moduix-tabs-indicator-transition-timing-function, var(--moduix-ease-in-out));
+    z-index: 0;
+    top: 50%;
+    left: var(--left, 0);
+    width: var(--width, 0);
+    height: var(--moduix-tabs-indicator-size, var(--moduix-spacing-8));
+    border-radius: var(--moduix-tabs-indicator-radius, var(--moduix-radius-md));
+    background-color: var(--moduix-tabs-indicator-bg, var(--moduix-color-background));
+    box-shadow: var(--moduix-tabs-indicator-shadow, var(--moduix-shadow-sm));
+    position: absolute;
+    translate: 0 -50%;
+  }
+
+  .root-r9cKMR[data-variant="line"]:not([data-orientation="vertical"]) .indicator-Eq3gMQ {
+    --transition-duration: var(--moduix-tabs-line-indicator-transition-duration, var(--moduix-duration-normal));
+    --transition-timing-function: var(--moduix-tabs-line-indicator-transition-timing-function, var(--moduix-ease-in-out));
+    height: var(--moduix-tabs-line-indicator-size, var(--moduix-spacing-0-5));
+    border-radius: var(--moduix-tabs-line-indicator-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-tabs-line-indicator-bg, var(--moduix-tabs-tab-color-active, var(--moduix-color-foreground)));
+    box-shadow: none;
+    top: auto;
+    bottom: 0;
+    translate: none;
+  }
+
+  .indicator-Eq3gMQ[data-orientation="vertical"] {
+    top: var(--top, 0);
+    width: calc(100% -
+          (var(--moduix-tabs-list-padding-x, var(--moduix-tabs-list-padding, var(--moduix-spacing-1))) *
+            2));
+    height: var(--height, 0);
+    left: 50%;
+    translate: -50%;
+  }
+
+  .content-LlFLnc {
+    box-sizing: border-box;
+    border: var(--moduix-tabs-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tabs-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tabs-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-tabs-bg, var(--moduix-color-background));
+    min-width: 0;
+    padding: var(--moduix-tabs-panel-padding, var(--moduix-spacing-4));
+    color: var(--moduix-tabs-panel-color, var(--moduix-tabs-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-tabs-panel-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-tabs-panel-line-height, var(--moduix-line-height-text-sm));
+    outline: 0;
+    flex: 1;
+    margin: 0;
+  }
+
+  .content-LlFLnc:focus-visible {
+    outline: var(--moduix-tabs-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-tabs-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-tabs-panel-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+    border-radius: inherit;
+  }
+
+  .content-LlFLnc[hidden]:not([hidden="until-found"]) {
+    display: none;
+  }
+}
+

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

@@ -0,0 +1 @@
+export { Tabs, useTabs, useTabsContext } from './Tabs.js';

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+export { Tabs, useTabs, useTabsContext } from "./Tabs.js";

package/dist/components/tabs/index.jsx

@@ -0,0 +1 @@
+export { Tabs, useTabs, useTabsContext } from "./Tabs.jsx";

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+type TagVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+type TagSize = 'sm' | 'md';
+type TagRootProps = HTMLArkProps<'span'> & {
+    variant?: TagVariant;
+    size?: TagSize;
+};
+type TagLabelProps = HTMLArkProps<'span'>;
+type TagStartElementProps = HTMLArkProps<'span'>;
+type TagEndElementProps = HTMLArkProps<'span'>;
+type TagCloseTriggerProps = HTMLArkProps<'button'>;
+declare function TagRoot(props: TagRootProps): import("solid-js").JSX.Element;
+declare function TagLabel(props: TagLabelProps): import("solid-js").JSX.Element;
+declare function TagStartElement(props: TagStartElementProps): import("solid-js").JSX.Element;
+declare function TagEndElement(props: TagEndElementProps): import("solid-js").JSX.Element;
+declare function TagCloseTrigger(props: TagCloseTriggerProps): import("solid-js").JSX.Element;
+declare const Tag: typeof TagRoot & {
+    Root: typeof TagRoot;
+    Label: typeof TagLabel;
+    StartElement: typeof TagStartElement;
+    EndElement: typeof TagEndElement;
+    CloseTrigger: typeof TagCloseTrigger;
+};
+export { Tag };