@moduix/react-tailwind 1.0.0

package/dist/components/steps/Steps.d.ts

@@ -0,0 +1,25 @@
+import { Steps as StepsPrimitive, useSteps, useStepsContext, useStepsItemContext } from '@ark-ui/react/steps';
+declare const Steps: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: {
+        (props: StepsPrimitive.ContextProps): import("react").ReactNode;
+        displayName: string;
+    };
+    ItemContext: {
+        (props: StepsPrimitive.ItemContextProps): import("react").ReactNode;
+        displayName: string;
+    };
+    List: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CompletedContent: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.CompletedContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Progress: import("react").ForwardRefExoticComponent<Omit<StepsPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    useSteps: typeof useSteps;
+};
+export { Steps, useSteps, useStepsContext, useStepsItemContext };

package/dist/components/steps/Steps.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Steps, useSteps, useStepsContext, useStepsItemContext } from "@ark-ui/react/steps";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { CheckIcon } from "../../internal/icons/ui/index.js";
+const Steps_StepsRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Root, {
+        ref: ref,
+        "data-slot": "steps-root",
+        className: cn('box-border flex w-full max-w-[52rem] min-w-0 text-foreground data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:gap-4 data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch data-[orientation=vertical]:gap-6 max-[40rem]:data-[orientation=vertical]:flex-col max-[40rem]:data-[orientation=vertical]:gap-4', className),
+        ...props
+    });
+});
+const Steps_StepsRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.RootProvider, {
+        ref: ref,
+        "data-slot": "steps-root-provider",
+        className: cn('box-border flex w-full max-w-[52rem] min-w-0 text-foreground data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:gap-4 data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-stretch data-[orientation=vertical]:gap-6 max-[40rem]:data-[orientation=vertical]:flex-col max-[40rem]:data-[orientation=vertical]:gap-4', className),
+        ...props
+    });
+});
+const Steps_StepsList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.List, {
+        ref: ref,
+        "data-slot": "steps-list",
+        className: cn('flex w-full min-w-0 data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:items-center data-[orientation=vertical]:w-fit data-[orientation=vertical]:flex-none data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start data-[orientation=vertical]:gap-4 max-[40rem]:data-[orientation=horizontal]:[scrollbar-width:thin] max-[40rem]:data-[orientation=horizontal]:overflow-x-auto', className),
+        ...props
+    });
+});
+const Steps_StepsItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Item, {
+        ref: ref,
+        "data-slot": "steps-item",
+        className: cn('group/steps-item relative flex min-w-0 flex-1 items-center gap-3 last:flex-none data-[orientation=vertical]:min-h-16 data-[orientation=vertical]:flex-none data-[orientation=vertical]:items-start max-[40rem]:data-[orientation=horizontal]:flex-none', className),
+        ...props
+    });
+});
+const Steps_StepsTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Trigger, {
+        ref: ref,
+        "data-slot": "steps-trigger",
+        className: cn('group/steps-trigger relative z-1 inline-flex min-w-0 cursor-pointer items-center gap-3 rounded-md border-0 bg-transparent p-0 text-left text-inherit no-underline outline-none select-none [font:inherit] focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-ring data-[orientation=vertical]:items-start', className),
+        ...props
+    });
+});
+const Steps_StepsIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const item = useStepsItemContext();
+    return /*#__PURE__*/ jsx(Steps.Indicator, {
+        ref: ref,
+        "data-slot": "steps-indicator",
+        className: cn('box-border inline-flex size-8 flex-none items-center justify-center rounded-full border border-border bg-background text-sm leading-none font-semibold text-muted-foreground transition-[background-color,border-color,color,opacity] duration-200 ease-in-out data-complete:border-foreground data-complete:bg-foreground data-complete:text-background data-current:border-foreground data-current:bg-background data-current:text-foreground motion-reduce:transition-none [&_svg]:size-3.5 [@media(hover:hover)]:group-hover/steps-trigger:data-incomplete:border-foreground [@media(hover:hover)]:group-hover/steps-trigger:data-incomplete:text-foreground', className),
+        ...props,
+        children: children ?? (item.completed ? /*#__PURE__*/ jsx(CheckIcon, {}) : item.index + 1)
+    });
+});
+const Steps_StepsSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Separator, {
+        ref: ref,
+        "data-slot": "steps-separator",
+        className: cn('pointer-events-none mx-2 h-px min-w-8 flex-auto bg-border group-last/steps-item:hidden data-complete:bg-foreground data-[orientation=vertical]:absolute data-[orientation=vertical]:start-[15.5px] data-[orientation=vertical]:top-10 data-[orientation=vertical]:-bottom-4 data-[orientation=vertical]:m-0 data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px data-[orientation=vertical]:min-w-0', className),
+        ...props
+    });
+});
+const Steps_StepsContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Content, {
+        ref: ref,
+        "data-slot": "steps-content",
+        className: cn("box-border grid min-h-40 min-w-0 place-items-center rounded-md bg-muted px-4 py-4 text-sm leading-5 text-foreground outline-none focus-visible:outline-1 focus-visible:-outline-offset-2 focus-visible:outline-ring data-[orientation=vertical]:flex-auto [&[hidden]:not([hidden='until-found'])]:hidden", className),
+        ...props
+    });
+});
+const Steps_StepsCompletedContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.CompletedContent, {
+        ref: ref,
+        "data-slot": "steps-completed-content",
+        className: cn("box-border grid min-h-40 min-w-0 place-items-center rounded-md bg-muted px-4 py-4 text-center text-sm leading-5 font-medium text-foreground outline-none focus-visible:outline-1 focus-visible:-outline-offset-2 focus-visible:outline-ring data-[orientation=vertical]:flex-auto [&[hidden]:not([hidden='until-found'])]:hidden", className),
+        ...props
+    });
+});
+const Steps_StepsPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.PrevTrigger, {
+        ref: ref,
+        "data-slot": "steps-prev-trigger",
+        className: cn('box-border inline-flex min-h-control-sm cursor-pointer items-center justify-center gap-2 rounded-md border border-border bg-background px-3 py-1.5 text-sm leading-5 text-foreground transition-[background-color,border-color,color,opacity] duration-200 ease-in-out outline-none focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-accent', className),
+        ...props
+    });
+});
+const Steps_StepsNextTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.NextTrigger, {
+        ref: ref,
+        "data-slot": "steps-next-trigger",
+        className: cn('box-border inline-flex min-h-control-sm cursor-pointer items-center justify-center gap-2 rounded-md border border-foreground bg-foreground px-3 py-1.5 text-sm leading-5 text-background transition-[background-color,border-color,color,opacity] duration-200 ease-in-out outline-none focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:cursor-default disabled:opacity-50 data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const Steps_StepsProgress = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Steps.Progress, {
+        ref: ref,
+        "data-slot": "steps-progress",
+        className: cn("relative block h-0.5 w-full overflow-hidden rounded-full bg-border before:absolute before:inset-y-0 before:start-0 before:w-[var(--percent,0%)] before:rounded-[inherit] before:bg-foreground before:transition-[width] before:duration-200 before:ease-in-out before:content-[''] motion-reduce:before:transition-none", className),
+        ...props
+    });
+});
+const Steps_Steps = Object.assign(Steps_StepsRoot, {
+    Root: Steps_StepsRoot,
+    RootProvider: Steps_StepsRootProvider,
+    Context: Steps.Context,
+    ItemContext: Steps.ItemContext,
+    List: Steps_StepsList,
+    Item: Steps_StepsItem,
+    Trigger: Steps_StepsTrigger,
+    Indicator: Steps_StepsIndicator,
+    Separator: Steps_StepsSeparator,
+    Content: Steps_StepsContent,
+    CompletedContent: Steps_StepsCompletedContent,
+    PrevTrigger: Steps_StepsPrevTrigger,
+    NextTrigger: Steps_StepsNextTrigger,
+    Progress: Steps_StepsProgress,
+    useSteps: useSteps
+});
+export { Steps_Steps as Steps, useSteps, useStepsContext, useStepsItemContext };

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

@@ -0,0 +1 @@
+export { Steps, useSteps, useStepsContext, useStepsItemContext } from './Steps.js';

package/dist/components/steps/index.js

@@ -0,0 +1 @@
+export { Steps, useSteps, useStepsContext, useStepsItemContext } from "./Steps.js";

package/dist/components/swap/Swap.d.ts

@@ -0,0 +1,16 @@
+import { Swap as SwapPrimitive, useSwap, useSwapContext } from '@ark-ui/react/swap';
+import type { ComponentProps } from 'react';
+type SwapAnimation = 'fade' | 'scale' | 'rotate' | 'flip' | (string & {});
+type SwapRootProps = ComponentProps<typeof SwapPrimitive.Root> & {
+    animation?: SwapAnimation;
+};
+type SwapRootProviderProps = ComponentProps<typeof SwapPrimitive.RootProvider> & {
+    animation?: SwapAnimation;
+};
+declare const Swap: import("react").ForwardRefExoticComponent<Omit<SwapRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<SwapRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<SwapRootProviderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<SwapPrimitive.IndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useSwap: (props?: import("@ark-ui/react/swap").UseSwapProps) => import("@ark-ui/react/swap").UseSwapReturn;
+};
+export { Swap, useSwap, useSwapContext, type SwapAnimation };

package/dist/components/swap/Swap.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Swap, useSwap, useSwapContext } from "@ark-ui/react/swap";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Swap_SwapRoot = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Swap.Root, {
+        ref: ref,
+        "data-slot": "swap-root",
+        "data-animation": animation,
+        className: cn("group/swap inline-grid place-items-center align-middle [grid-template-areas:'swap'] data-[animation=flip]:[perspective:24rem]", className),
+        ...props
+    });
+});
+const Swap_SwapRootProvider = /*#__PURE__*/ forwardRef(function({ animation = 'scale', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Swap.RootProvider, {
+        ref: ref,
+        "data-slot": "swap-root-provider",
+        "data-animation": animation,
+        className: cn("group/swap inline-grid place-items-center align-middle [grid-template-areas:'swap'] data-[animation=flip]:[perspective:24rem]", className),
+        ...props
+    });
+});
+const Swap_SwapIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Swap.Indicator, {
+        ref: ref,
+        "data-slot": "swap-indicator",
+        className: cn('inline-flex items-center justify-center text-inherit [grid-area:swap] group-data-[animation=flip]/swap:[backface-visibility:hidden] group-data-[animation=fade]/swap:data-[state=closed]:animate-moduix-swap-fade-exit group-data-[animation=flip]/swap:data-[state=closed]:animate-moduix-swap-flip-exit group-data-[animation=rotate]/swap:data-[state=closed]:animate-moduix-swap-rotate-exit group-data-[animation=scale]/swap:data-[state=closed]:animate-moduix-swap-scale-exit group-data-[animation=fade]/swap:data-[state=open]:animate-moduix-swap-fade-enter group-data-[animation=flip]/swap:data-[state=open]:animate-moduix-swap-flip-enter group-data-[animation=rotate]/swap:data-[state=open]:animate-moduix-swap-rotate-enter group-data-[animation=scale]/swap:data-[state=open]:animate-moduix-swap-scale-enter motion-reduce:[animation-delay:0ms] motion-reduce:[animation-duration:1ms]', className),
+        ...props
+    });
+});
+const Swap_Swap = Object.assign(Swap_SwapRoot, {
+    Root: Swap_SwapRoot,
+    RootProvider: Swap_SwapRootProvider,
+    Indicator: Swap_SwapIndicator,
+    useSwap: useSwap
+});
+export { Swap_Swap as Swap, useSwap, useSwapContext };

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

@@ -0,0 +1 @@
+export { Swap, useSwap, useSwapContext, type SwapAnimation } from './Swap.js';

package/dist/components/swap/index.js

@@ -0,0 +1 @@
+export { Swap, useSwap, useSwapContext } from "./Swap.js";

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

@@ -0,0 +1,20 @@
+import { Switch as SwitchPrimitive, useSwitch, useSwitchContext } from '@ark-ui/react/switch';
+import type { ComponentProps } from 'react';
+type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SwitchRootProps = ComponentProps<typeof SwitchPrimitive.Root> & {
+    size?: SwitchSize;
+};
+type SwitchRootProviderProps = ComponentProps<typeof SwitchPrimitive.RootProvider> & {
+    size?: SwitchSize;
+};
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<SwitchRootProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<SwitchRootProviderProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<SwitchPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ControlProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Thumb: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.ThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Context: (props: SwitchPrimitive.ContextProps) => import("react").ReactNode;
+};
+export { Switch, useSwitch, useSwitchContext };
+export type { SwitchRootProps, SwitchRootProviderProps, SwitchSize };

package/dist/components/switch/Switch.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Switch, SwitchContext, useSwitch, useSwitchContext } from "@ark-ui/react/switch";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Root, {
+        ref: ref,
+        "data-slot": "switch-root",
+        "data-size": size,
+        className: cn('group/switch inline-flex w-fit cursor-pointer items-center gap-2 align-middle data-disabled:cursor-default data-disabled:opacity-50 data-readonly:cursor-default', className),
+        ...props
+    });
+});
+const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.RootProvider, {
+        ref: ref,
+        "data-slot": "switch-root-provider",
+        "data-size": size,
+        className: cn('group/switch inline-flex w-fit cursor-pointer items-center gap-2 align-middle data-disabled:cursor-default data-disabled:opacity-50 data-readonly:cursor-default', className),
+        ...props
+    });
+});
+const Switch_SwitchControl = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Control, {
+        ref: ref,
+        "data-slot": "switch-control",
+        className: cn("[@media(hover:hover)]:[&:not([data-disabled]):not([data-readonly])[data-state='unchecked'][data-hover]:bg-accent relative inline-flex h-control-xs w-11 shrink-0 items-center rounded-full border border-border bg-muted p-0.5 leading-none outline-0 transition-[background-color,border-color,opacity] duration-200 ease-in-out select-none group-data-[size=lg]/switch:h-7 group-data-[size=lg]/switch:w-13 group-data-[size=sm]/switch:h-5 group-data-[size=sm]/switch:w-9 group-data-[size=xl]/switch:h-control-sm group-data-[size=xl]/switch:w-15 group-data-[size=xs]/switch:h-4 group-data-[size=xs]/switch:w-7 data-focus-visible:outline-1 data-focus-visible:outline-offset-1 data-focus-visible:outline-ring data-invalid:border-destructive data-[state=checked]:border-primary data-[state=checked]:bg-primary motion-reduce:transition-none", className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Switch_SwitchThumb, {})
+    });
+});
+const Switch_SwitchThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Thumb, {
+        ref: ref,
+        "data-slot": "switch-thumb",
+        className: cn('inline-flex size-5 translate-x-0 items-center justify-center rounded-full border-transparent bg-background text-muted shadow-sm transition-[translate,background-color,color] duration-200 ease-in-out group-data-[size=lg]/switch:size-control-xs group-data-[size=sm]/switch:size-4 group-data-[size=xl]/switch:size-7 group-data-[size=xs]/switch:size-3 data-[state=checked]:translate-x-[18px] data-[state=checked]:bg-primary-foreground data-[state=checked]:text-primary group-data-[size=lg]/switch:data-[state=checked]:translate-x-[22px] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[14px] group-data-[size=xl]/switch:data-[state=checked]:translate-x-[26px] group-data-[size=xs]/switch:data-[state=checked]:translate-x-[10px] motion-reduce:transition-none rtl:data-[state=checked]:-translate-x-[18px] group-data-[size=lg]/switch:rtl:data-[state=checked]:-translate-x-[22px] group-data-[size=sm]/switch:rtl:data-[state=checked]:-translate-x-[14px] group-data-[size=xl]/switch:rtl:data-[state=checked]:-translate-x-[26px] group-data-[size=xs]/switch:rtl:data-[state=checked]:-translate-x-[10px] [&>svg]:block [&>svg]:size-[65%] [&>svg]:shrink-0', className),
+        ...props
+    });
+});
+const Switch_SwitchLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Label, {
+        ref: ref,
+        "data-slot": "switch-label",
+        className: cn('text-sm leading-5 font-medium text-foreground select-none', className),
+        ...props
+    });
+});
+const Switch_Switch = Object.assign(Switch_SwitchRoot, {
+    Root: Switch_SwitchRoot,
+    RootProvider: Switch_SwitchRootProvider,
+    HiddenInput: Switch.HiddenInput,
+    Control: Switch_SwitchControl,
+    Thumb: Switch_SwitchThumb,
+    Label: Switch_SwitchLabel,
+    Context: SwitchContext
+});
+export { Switch_Switch as Switch, useSwitch, useSwitchContext };

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

@@ -0,0 +1 @@
+export * from './Switch.js';

package/dist/components/switch/index.js

@@ -0,0 +1 @@
+export * from "./Switch.js";

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

@@ -0,0 +1,39 @@
+declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    interactive?: boolean;
+    showColumnBorder?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    stickyHeader?: boolean;
+    striped?: boolean;
+    variant?: 'line' | 'outline';
+} & import("react").RefAttributes<HTMLTableElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        interactive?: boolean;
+        showColumnBorder?: boolean;
+        size?: 'sm' | 'md' | 'lg';
+        stickyHeader?: boolean;
+        striped?: boolean;
+        variant?: 'line' | 'outline';
+    } & import("react").RefAttributes<HTMLTableElement>>;
+    ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        side?: 'top' | 'bottom';
+    } & import("react").RefAttributes<HTMLElement>>;
+    ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
+    Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        htmlWidth?: string | number;
+    } & import("react").RefAttributes<HTMLTableColElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableRowElement>>;
+    ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableHeaderCellElement>>;
+    Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableDataCellElement>>;
+    Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        colSpan: number;
+    } & import("react").RefAttributes<HTMLTableDataCellElement>>;
+};
+export { Table };

package/dist/components/table/Table.js

@@ -0,0 +1,191 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const tableVariants = cva('group/table isolate w-full border-collapse border-spacing-0 text-left text-foreground', {
+    variants: {
+        size: {
+            sm: 'text-xs leading-4',
+            md: 'text-sm leading-5',
+            lg: 'text-md leading-6'
+        },
+        variant: {
+            line: '',
+            outline: 'border border-border'
+        }
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'line'
+    }
+});
+const Table_TableRoot = /*#__PURE__*/ forwardRef(function({ asChild, className, interactive = false, showColumnBorder = false, size = 'md', stickyHeader = false, striped = false, variant = 'line', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.table, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "root",
+        "data-slot": "table-root",
+        "data-interactive": interactive || void 0,
+        "data-show-column-border": showColumnBorder || void 0,
+        "data-size": size,
+        "data-sticky-header": stickyHeader || void 0,
+        "data-striped": striped || void 0,
+        "data-variant": variant,
+        className: cn(tableVariants({
+            size,
+            variant
+        }), className),
+        ...props
+    });
+});
+const Table_TableScrollArea = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "scroll-area",
+        "data-slot": "table-scroll-area",
+        className: cn('relative isolate w-full min-w-0 overflow-x-auto rounded-lg border border-border bg-card', className),
+        ...props
+    });
+});
+const Table_TableCaption = /*#__PURE__*/ forwardRef(function({ asChild, className, side = 'bottom', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.caption, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "caption",
+        "data-side": side,
+        "data-slot": "table-caption",
+        className: cn('px-4 text-left text-sm leading-5 text-pretty text-muted-foreground group-data-[size=lg]/table:px-5 group-data-[size=sm]/table:px-3 data-[side=bottom]:caption-bottom data-[side=bottom]:pt-3 data-[side=bottom]:pb-2 data-[side=top]:caption-top data-[side=top]:pt-2 data-[side=top]:pb-3', className),
+        ...props
+    });
+});
+const Table_TableColumnGroup = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.colgroup, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-group",
+        "data-slot": "table-column-group",
+        className: className,
+        ...props
+    });
+});
+const Table_TableColumn = /*#__PURE__*/ forwardRef(function({ asChild, className, htmlWidth, width, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.col, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column",
+        "data-slot": "table-column",
+        width: htmlWidth ?? width,
+        className: className,
+        ...props
+    });
+});
+const Table_TableHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.thead, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "header",
+        "data-slot": "table-header",
+        className: cn('group/table-header group-data-[sticky-header]/table:sticky group-data-[sticky-header]/table:top-0 group-data-[sticky-header]/table:z-3 group-data-[sticky-header]/table:bg-card', className),
+        ...props
+    });
+});
+const Table_TableBody = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tbody, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "body",
+        "data-slot": "table-body",
+        className: cn('group/table-body', className),
+        ...props
+    });
+});
+const Table_TableFooter = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tfoot, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "footer",
+        "data-slot": "table-footer",
+        className: cn('border-t border-border bg-muted font-medium', className),
+        ...props
+    });
+});
+const Table_TableRow = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "row",
+        "data-slot": "table-row",
+        className: cn('transition-colors duration-200 ease-in-out group-data-[slot=table-body]/table-body:border-b group-data-[slot=table-body]/table-body:border-border group-data-[slot=table-header]/table-header:border-b group-data-[slot=table-header]/table-header:border-border group-data-[slot=table-body]/table-body:last:border-b-0 group-data-[interactive]/table:group-data-[slot=table-body]/table-body:[&:not([data-empty])]:focus-within:bg-muted group-data-[interactive]/table:group-data-[slot=table-body]/table-body:[&:not([data-empty])]:hover:bg-muted group-data-[striped]/table:[&:nth-child(even):not([data-empty])]:bg-muted/35', className),
+        ...props
+    });
+});
+const Table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.th, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "column-header",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-column-header",
+        className: cn('relative z-0 px-4 py-3 align-middle font-medium whitespace-nowrap text-muted-foreground group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 group-data-[sticky-header]/table:data-[sticky]:z-4 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', numeric && 'text-end tabular-nums', className),
+        ...props
+    });
+});
+const Table_TableCell = /*#__PURE__*/ forwardRef(function({ asChild, className, numeric = false, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.td, {
+        ref: ref,
+        asChild: asChild,
+        "data-scope": "table",
+        "data-part": "cell",
+        "data-numeric": numeric || void 0,
+        "data-slot": "table-cell",
+        className: cn('relative z-0 px-4 py-3 align-middle group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', numeric && 'text-end tabular-nums', className),
+        ...props
+    });
+});
+const Table_TableEmpty = /*#__PURE__*/ forwardRef(function({ asChild, children = 'No results.', className, colSpan, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.tr, {
+        "data-scope": "table",
+        "data-part": "row",
+        "data-empty": true,
+        "data-slot": "table-row",
+        className: "transition-colors duration-200 ease-in-out group-data-[slot=table-body]/table-body:border-b group-data-[slot=table-body]/table-body:border-border group-data-[slot=table-body]/table-body:last:border-b-0",
+        children: /*#__PURE__*/ jsx(ark.td, {
+            ref: ref,
+            asChild: asChild,
+            "data-scope": "table",
+            "data-part": "empty",
+            "data-slot": "table-empty",
+            colSpan: colSpan,
+            className: cn('relative z-0 px-4 py-3 align-middle group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 data-[sticky=end]:sticky data-[sticky=end]:end-0 data-[sticky=end]:z-2 data-[sticky=end]:bg-card data-[sticky=start]:sticky data-[sticky=start]:start-0 data-[sticky=start]:z-2 data-[sticky=start]:bg-card group-data-[show-column-border]/table:[&:not(:last-child)]:border-e group-data-[show-column-border]/table:[&:not(:last-child)]:border-border', 'py-6 text-center text-muted-foreground group-data-[size=lg]/table:py-8 group-data-[size=sm]/table:py-4', className),
+            ...props,
+            children: children
+        })
+    });
+});
+const Table = Object.assign(Table_TableRoot, {
+    Root: Table_TableRoot,
+    ScrollArea: Table_TableScrollArea,
+    Caption: Table_TableCaption,
+    ColumnGroup: Table_TableColumnGroup,
+    Column: Table_TableColumn,
+    Header: Table_TableHeader,
+    Body: Table_TableBody,
+    Footer: Table_TableFooter,
+    Row: Table_TableRow,
+    ColumnHeader: Table_TableColumnHeader,
+    Cell: Table_TableCell,
+    Empty: Table_TableEmpty
+});
+export { Table };

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

@@ -0,0 +1,19 @@
+import { Tabs as TabsPrimitive, useTabs, useTabsContext } from '@ark-ui/react/tabs';
+type TabsVariant = 'default' | 'line';
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement> & {
+    variant?: TabsVariant;
+}, "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;
+};
+export { Tabs, useTabs, useTabsContext };