@moduix/solid-tailwind 1.0.0

package/dist/components/navigation-menu/NavigationMenu.jsx

@@ -0,0 +1,92 @@
+import { NavigationMenu, useNavigationMenu, useNavigationMenuContext } from "@ark-ui/solid/navigation-menu";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+function NavigationMenuRoot(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Root data-slot="navigation-menu-root" class={cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', local.class)} {...others}/>;
+}
+function NavigationMenuRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.RootProvider data-slot="navigation-menu-root-provider" class={cn('group/navigation-menu relative box-border flex w-fit max-w-full min-w-0 justify-center text-foreground', local.class)} {...others}/>;
+}
+function NavigationMenuList(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.List data-slot="navigation-menu-list" class={cn('group/navigation-menu-list relative m-0 box-border flex max-w-full list-none items-center gap-1 p-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch [&>[data-slot=navigation-menu-indicator]]:top-auto [&>[data-slot=navigation-menu-indicator]]:-bottom-2.5 [&>[data-slot=navigation-menu-indicator]]:z-[61]', local.class)} {...others}/>;
+}
+function NavigationMenuItem(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Item data-slot="navigation-menu-item" class={cn('relative group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:static group-has-[>[data-slot=navigation-menu-viewport-positioner]>[data-slot=navigation-menu-viewport]]/navigation-menu:static', local.class)} {...others}/>;
+}
+function NavigationMenuTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <NavigationMenu.Trigger data-slot="navigation-menu-trigger" asChild={local.asChild} class={cn(!local.asChild && 'box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 data-[state=open]:bg-muted motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out data-[state=open]:[&>svg]:rotate-180 [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', local.class)} {...others}/>;
+}
+function NavigationMenuContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Content data-slot="navigation-menu-content" class={cn('group/navigation-menu-content absolute start-0 top-[calc(100%+0.5rem)] z-60 box-border flex max-h-[min(24rem,calc(100dvh-1.5rem))] w-max max-w-[min(20rem,calc(100vw-1.5rem))] min-w-[min(max(var(--trigger-width,0px),12rem),calc(100vw-1.5rem))] origin-top-left flex-col overflow-auto overscroll-contain rounded-md bg-popover py-1 text-popover-foreground shadow-lg outline-1 outline-border data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed group-has-[>[data-slot=navigation-menu-indicator]]/navigation-menu-list:data-[state=closed]:animate-none data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none rtl:origin-top-right [&_[data-slot=navigation-menu-link]]:mx-1 [&_[data-slot=navigation-menu-link]]:justify-start [&_[data-slot=navigation-menu-link]]:rounded-sm [&_[data-slot=navigation-menu-link]]:px-2', local.class)} {...others}/>;
+}
+function NavigationMenuLink(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Link data-slot="navigation-menu-link" class={cn('box-border inline-flex min-h-control-md items-center justify-center gap-2 rounded-md bg-transparent px-3 py-1 text-sm leading-5 font-medium whitespace-nowrap text-inherit no-underline outline-0 transition-[background-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 data-current:bg-transparent data-current:text-primary data-disabled:pointer-events-none data-disabled:cursor-default data-disabled:opacity-50 motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:transition-[rotate] [&>svg]:duration-200 [&>svg]:ease-in-out [@media(hover:hover)]:[&:not(:disabled):not([data-disabled])]:hover:bg-muted', local.class)} {...others}/>;
+}
+function NavigationMenuIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Indicator data-slot="navigation-menu-indicator" class={cn('pointer-events-none absolute start-0 -top-2.5 flex h-2.5 w-[var(--trigger-width,0px)] [translate:var(--trigger-x,0px)_0] justify-center transition-[translate,inline-size] duration-200 ease-in-out data-[state=closed]:opacity-0 data-[state=open]:opacity-100 motion-reduce:transition-none', local.class)} {...others}/>;
+}
+function NavigationMenuItemIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.ItemIndicator data-slot="navigation-menu-item-indicator" class={cn('absolute inset-x-2 bottom-0 h-0.5 rounded-full bg-current', local.class)} {...others}/>;
+}
+function NavigationMenuArrow(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Arrow data-slot="navigation-menu-arrow" class={cn('relative top-1 size-2.5 rotate-45 border-s border-t border-border bg-popover', local.class)} {...others}/>;
+}
+function NavigationMenuViewportPositioner(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.ViewportPositioner data-slot="navigation-menu-viewport-positioner" class={cn('absolute start-0 top-full z-60 flex [translate:var(--viewport-x,0px)_0] data-[orientation=vertical]:start-full data-[orientation=vertical]:top-[var(--viewport-y,0px)] data-[orientation=vertical]:[translate:0_0] data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:ms-2 data-[orientation=vertical]:[&>[data-slot=navigation-menu-viewport]]:mt-0', local.class)} {...others}/>;
+}
+function NavigationMenuViewport(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NavigationMenu.Viewport data-slot="navigation-menu-viewport" class={cn('relative mt-2.5 box-border h-[var(--viewport-height)] max-h-[min(32rem,calc(100dvh-1.5rem))] w-[var(--viewport-width)] max-w-[min(40rem,calc(100vw-1.5rem))] origin-top overflow-hidden rounded-md bg-popover text-popover-foreground shadow-lg outline-1 outline-border transition-[inline-size,block-size] duration-200 ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none motion-reduce:transition-none [&_[data-slot=navigation-menu-content]]:absolute [&_[data-slot=navigation-menu-content]]:top-0 [&_[data-slot=navigation-menu-content]]:right-auto [&_[data-slot=navigation-menu-content]]:bottom-auto [&_[data-slot=navigation-menu-content]]:left-0 [&_[data-slot=navigation-menu-content]]:m-0 [&_[data-slot=navigation-menu-content]]:max-h-none [&_[data-slot=navigation-menu-content]]:origin-center [&_[data-slot=navigation-menu-content]]:overflow-visible [&_[data-slot=navigation-menu-content]]:rounded-none [&_[data-slot=navigation-menu-content]]:bg-transparent [&_[data-slot=navigation-menu-content]]:shadow-none [&_[data-slot=navigation-menu-content]]:outline-0 [&_[data-slot=navigation-menu-content]]:will-change-[translate,opacity] [&_[data-slot=navigation-menu-content][data-motion=from-end][data-state=open]]:animate-moduix-navigation-menu-content-from-end [&_[data-slot=navigation-menu-content][data-motion=from-start][data-state=open]]:animate-moduix-navigation-menu-content-from-start [&_[data-slot=navigation-menu-content][data-motion=to-end][data-state=closed]]:animate-moduix-navigation-menu-content-to-end [&_[data-slot=navigation-menu-content][data-motion=to-start][data-state=closed]]:animate-moduix-navigation-menu-content-to-start [&_[data-slot=navigation-menu-content][data-state]]:animate-none', local.class)} {...others}/>;
+}
+const NavigationMenu_NavigationMenu = Object.assign(NavigationMenuRoot, {
+    Root: NavigationMenuRoot,
+    RootProvider: NavigationMenuRootProvider,
+    Context: NavigationMenu.Context,
+    List: NavigationMenuList,
+    Item: NavigationMenuItem,
+    Trigger: NavigationMenuTrigger,
+    Content: NavigationMenuContent,
+    Link: NavigationMenuLink,
+    Indicator: NavigationMenuIndicator,
+    ItemIndicator: NavigationMenuItemIndicator,
+    Arrow: NavigationMenuArrow,
+    ViewportPositioner: NavigationMenuViewportPositioner,
+    Viewport: NavigationMenuViewport
+});
+export { NavigationMenu_NavigationMenu as NavigationMenu, useNavigationMenu, useNavigationMenuContext };

package/dist/components/navigation-menu/index.d.ts

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

package/dist/components/navigation-menu/index.js

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

package/dist/components/navigation-menu/index.jsx

@@ -0,0 +1 @@
+export * from "./NavigationMenu.jsx";

package/dist/components/number-input/NumberInput.d.ts

@@ -0,0 +1,27 @@
+import { NumberInput as NumberInputPrimitive, useNumberInput, useNumberInputContext } from '@ark-ui/solid/number-input';
+import type { ComponentProps } from 'solid-js';
+declare function NumberInputRoot(props: ComponentProps<typeof NumberInputPrimitive.Root>): import("solid-js").JSX.Element;
+declare function NumberInputRootProvider(props: ComponentProps<typeof NumberInputPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function NumberInputLabel(props: ComponentProps<typeof NumberInputPrimitive.Label>): import("solid-js").JSX.Element;
+declare function NumberInputScrubber(props: ComponentProps<typeof NumberInputPrimitive.Scrubber>): import("solid-js").JSX.Element;
+declare function NumberInputControl(props: ComponentProps<typeof NumberInputPrimitive.Control>): import("solid-js").JSX.Element;
+declare function NumberInputDecrementTrigger(props: ComponentProps<typeof NumberInputPrimitive.DecrementTrigger>): import("solid-js").JSX.Element;
+declare function NumberInputInput(props: ComponentProps<typeof NumberInputPrimitive.Input>): import("solid-js").JSX.Element;
+declare function NumberInputIncrementTrigger(props: ComponentProps<typeof NumberInputPrimitive.IncrementTrigger>): import("solid-js").JSX.Element;
+declare function NumberInputValueText(props: ComponentProps<typeof NumberInputPrimitive.ValueText>): import("solid-js").JSX.Element;
+type NumberInputFieldProps = Omit<ComponentProps<typeof NumberInputControl>, 'asChild' | 'children'>;
+declare function NumberInputField(props: NumberInputFieldProps): import("solid-js").JSX.Element;
+declare const NumberInput: typeof NumberInputRoot & {
+    Root: typeof NumberInputRoot;
+    RootProvider: typeof NumberInputRootProvider;
+    Context: (props: NumberInputPrimitive.ContextProps) => import("solid-js").JSX.Element;
+    Label: typeof NumberInputLabel;
+    Scrubber: typeof NumberInputScrubber;
+    Control: typeof NumberInputControl;
+    Field: typeof NumberInputField;
+    DecrementTrigger: typeof NumberInputDecrementTrigger;
+    Input: typeof NumberInputInput;
+    IncrementTrigger: typeof NumberInputIncrementTrigger;
+    ValueText: typeof NumberInputValueText;
+};
+export { NumberInput, useNumberInput, useNumberInputContext };

package/dist/components/number-input/NumberInput.js

@@ -0,0 +1,167 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { NumberInput, useNumberInput, useNumberInputContext } from "@ark-ui/solid/number-input";
+import { children, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+import { MinusIcon, PlusIcon } from "../../internal/icons/ui/Icons.js";
+function NumberInputRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'value'
+    ]);
+    return createComponent(NumberInput.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        get value () {
+            return local.value;
+        },
+        "data-slot": "number-input-root",
+        get ["class"] () {
+            return cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function NumberInputRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'value'
+    ]);
+    return createComponent(NumberInput.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        get value () {
+            return local.value;
+        },
+        "data-slot": "number-input-root-provider",
+        get ["class"] () {
+            return cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function NumberInputLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(NumberInput.Label, mergeProps({
+        "data-slot": "number-input-label",
+        get ["class"] () {
+            return cn('text-sm leading-5 font-medium text-foreground', local.class);
+        }
+    }, others));
+}
+function NumberInputScrubber(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(NumberInput.Scrubber, mergeProps({
+        "data-slot": "number-input-scrubber",
+        get ["class"] () {
+            return cn('inline-flex cursor-ew-resize items-center gap-2 text-foreground select-none data-disabled:cursor-default', local.class);
+        }
+    }, others));
+}
+function NumberInputControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(NumberInput.Control, mergeProps({
+        "data-slot": "number-input-control",
+        get ["class"] () {
+            return cn('inline-flex items-stretch', local.class);
+        }
+    }, others));
+}
+function NumberInputDecrementTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(NumberInput.DecrementTrigger, mergeProps({
+        "data-slot": "number-input-decrement-trigger",
+        get ["class"] () {
+            return cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-s-md border border-e-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(MinusIcon, {});
+        }
+    }));
+}
+function NumberInputInput(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(NumberInput.Input, mergeProps({
+        "data-slot": "number-input-input",
+        get ["class"] () {
+            return cn('h-control-md w-24 rounded-none border-x-0 border-y border-border border-x-current bg-background px-3 py-1 text-center text-md leading-6 text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out group-data-invalid/number-input:border-t-destructive group-data-invalid/number-input:border-b-destructive focus-visible:z-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive data-focus:z-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-t-destructive data-invalid:border-b-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', local.class);
+        }
+    }, others));
+}
+function NumberInputIncrementTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return createComponent(NumberInput.IncrementTrigger, mergeProps({
+        "data-slot": "number-input-increment-trigger",
+        get ["class"] () {
+            return cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-e-md border border-s-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', local.class);
+        }
+    }, others, {
+        get children () {
+            return resolvedChildren() ?? createComponent(PlusIcon, {});
+        }
+    }));
+}
+function NumberInputValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return createComponent(NumberInput.ValueText, mergeProps({
+        "data-slot": "number-input-value-text",
+        get ["class"] () {
+            return cn('text-sm leading-5 text-muted-foreground tabular-nums', local.class);
+        }
+    }, others));
+}
+function NumberInputField(props) {
+    return createComponent(NumberInputControl, mergeProps(props, {
+        get children () {
+            return [
+                createComponent(NumberInputDecrementTrigger, {}),
+                createComponent(NumberInputInput, {}),
+                createComponent(NumberInputIncrementTrigger, {})
+            ];
+        }
+    }));
+}
+const NumberInput_NumberInput = Object.assign(NumberInputRoot, {
+    Root: NumberInputRoot,
+    RootProvider: NumberInputRootProvider,
+    Context: NumberInput.Context,
+    Label: NumberInputLabel,
+    Scrubber: NumberInputScrubber,
+    Control: NumberInputControl,
+    Field: NumberInputField,
+    DecrementTrigger: NumberInputDecrementTrigger,
+    Input: NumberInputInput,
+    IncrementTrigger: NumberInputIncrementTrigger,
+    ValueText: NumberInputValueText
+});
+export { NumberInput_NumberInput as NumberInput, useNumberInput, useNumberInputContext };

package/dist/components/number-input/NumberInput.jsx

@@ -0,0 +1,97 @@
+import { NumberInput, useNumberInput, useNumberInputContext } from "@ark-ui/solid/number-input";
+import { children, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+import { MinusIcon, PlusIcon } from "../../internal/icons/ui/Icons.jsx";
+function NumberInputRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'value'
+    ]);
+    return <NumberInput.Root asChild={local.asChild} value={local.value} data-slot="number-input-root" class={cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', local.class)} {...others}>
+      {local.children}
+    </NumberInput.Root>;
+}
+function NumberInputRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class',
+        'value'
+    ]);
+    return <NumberInput.RootProvider asChild={local.asChild} value={local.value} data-slot="number-input-root-provider" class={cn('group/number-input flex w-auto max-w-none flex-col items-start gap-1 data-disabled:opacity-50', local.class)} {...others}>
+      {local.children}
+    </NumberInput.RootProvider>;
+}
+function NumberInputLabel(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NumberInput.Label data-slot="number-input-label" class={cn('text-sm leading-5 font-medium text-foreground', local.class)} {...others}/>;
+}
+function NumberInputScrubber(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NumberInput.Scrubber data-slot="number-input-scrubber" class={cn('inline-flex cursor-ew-resize items-center gap-2 text-foreground select-none data-disabled:cursor-default', local.class)} {...others}/>;
+}
+function NumberInputControl(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NumberInput.Control data-slot="number-input-control" class={cn('inline-flex items-stretch', local.class)} {...others}/>;
+}
+function NumberInputDecrementTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <NumberInput.DecrementTrigger data-slot="number-input-decrement-trigger" class={cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-s-md border border-e-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}>
+      {resolvedChildren() ?? <MinusIcon/>}
+    </NumberInput.DecrementTrigger>;
+}
+function NumberInputInput(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NumberInput.Input data-slot="number-input-input" class={cn('h-control-md w-24 rounded-none border-x-0 border-y border-border border-x-current bg-background px-3 py-1 text-center text-md leading-6 text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out group-data-invalid/number-input:border-t-destructive group-data-invalid/number-input:border-b-destructive focus-visible:z-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive data-focus:z-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-t-destructive data-invalid:border-b-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', local.class)} {...others}/>;
+}
+function NumberInputIncrementTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <NumberInput.IncrementTrigger data-slot="number-input-increment-trigger" class={cn('box-border inline-flex size-control-md min-w-control-md cursor-pointer items-center justify-center rounded-e-md border border-s-0 border-border bg-background p-0 text-foreground outline-0 transition-[background-color,border-color,color,opacity] duration-200 ease-in-out select-none group-data-invalid/number-input:border-destructive focus-visible:z-1 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring group-data-invalid/number-input:focus-visible:outline-destructive active:bg-accent disabled:pointer-events-none data-disabled:pointer-events-none data-focus:z-1 data-focus:outline-1 data-focus:-outline-offset-1 data-focus:outline-ring group-data-invalid/number-input:data-focus:outline-destructive data-invalid:border-destructive data-invalid:focus-visible:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none [&>svg]:size-3.5 [&>svg]:shrink-0 [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}>
+      {resolvedChildren() ?? <PlusIcon/>}
+    </NumberInput.IncrementTrigger>;
+}
+function NumberInputValueText(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <NumberInput.ValueText data-slot="number-input-value-text" class={cn('text-sm leading-5 text-muted-foreground tabular-nums', local.class)} {...others}/>;
+}
+function NumberInputField(props) {
+    return <NumberInputControl {...props}>
+      <NumberInputDecrementTrigger/>
+      <NumberInputInput/>
+      <NumberInputIncrementTrigger/>
+    </NumberInputControl>;
+}
+const NumberInput_NumberInput = Object.assign(NumberInputRoot, {
+    Root: NumberInputRoot,
+    RootProvider: NumberInputRootProvider,
+    Context: NumberInput.Context,
+    Label: NumberInputLabel,
+    Scrubber: NumberInputScrubber,
+    Control: NumberInputControl,
+    Field: NumberInputField,
+    DecrementTrigger: NumberInputDecrementTrigger,
+    Input: NumberInputInput,
+    IncrementTrigger: NumberInputIncrementTrigger,
+    ValueText: NumberInputValueText
+});
+export { NumberInput_NumberInput as NumberInput, useNumberInput, useNumberInputContext };

package/dist/components/number-input/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput, useNumberInput, useNumberInputContext } from './NumberInput.js';

package/dist/components/number-input/index.js

@@ -0,0 +1 @@
+export { NumberInput, useNumberInput, useNumberInputContext } from "./NumberInput.js";

package/dist/components/number-input/index.jsx

@@ -0,0 +1 @@
+export { NumberInput, useNumberInput, useNumberInputContext } from "./NumberInput.jsx";

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,28 @@
+import { Pagination as PaginationPrimitive, usePagination, usePaginationContext } from '@ark-ui/solid/pagination';
+import type { ComponentProps } from 'solid-js';
+declare function PaginationRoot(props: ComponentProps<typeof PaginationPrimitive.Root>): import("solid-js").JSX.Element;
+declare function PaginationRootProvider(props: ComponentProps<typeof PaginationPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function PaginationItem(props: ComponentProps<typeof PaginationPrimitive.Item>): import("solid-js").JSX.Element;
+declare function PaginationEllipsis(props: ComponentProps<typeof PaginationPrimitive.Ellipsis>): import("solid-js").JSX.Element;
+declare function PaginationPrevTrigger(props: ComponentProps<typeof PaginationPrimitive.PrevTrigger>): import("solid-js").JSX.Element;
+declare function PaginationNextTrigger(props: ComponentProps<typeof PaginationPrimitive.NextTrigger>): import("solid-js").JSX.Element;
+declare function PaginationFirstTrigger(props: ComponentProps<typeof PaginationPrimitive.FirstTrigger>): import("solid-js").JSX.Element;
+declare function PaginationLastTrigger(props: ComponentProps<typeof PaginationPrimitive.LastTrigger>): import("solid-js").JSX.Element;
+declare const PaginationContext: (props: PaginationPrimitive.ContextProps) => import("solid-js").JSX.Element;
+declare function PaginationItems(): import("solid-js").JSX.Element;
+type PaginationComponent = typeof PaginationRoot & {
+    Root: typeof PaginationRoot;
+    RootProvider: typeof PaginationRootProvider;
+    Item: typeof PaginationItem;
+    Ellipsis: typeof PaginationEllipsis;
+    PrevTrigger: typeof PaginationPrevTrigger;
+    NextTrigger: typeof PaginationNextTrigger;
+    FirstTrigger: typeof PaginationFirstTrigger;
+    LastTrigger: typeof PaginationLastTrigger;
+    Context: typeof PaginationContext;
+    Items: typeof PaginationItems;
+    usePagination: typeof usePagination;
+    usePaginationContext: typeof usePaginationContext;
+};
+declare const Pagination: PaginationComponent;
+export { Pagination, usePagination, usePaginationContext };