@moduix/solid-tailwind 1.0.0

package/dist/components/popover/Popover.jsx

@@ -0,0 +1,155 @@
+import { ark } from "@ark-ui/solid/factory";
+import { Popover, usePopover, usePopoverContext } from "@ark-ui/solid/popover";
+import { children, splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.jsx";
+import { CloseButton } from "../close-button/index.jsx";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close popover';
+function PopoverRoot(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'modal',
+        'portalled',
+        'portalRef',
+        'unmountOnExit'
+    ]);
+    const resolvedPortalled = ()=>local.modal || local.portalled;
+    return <OverlayPortalProvider portalled={resolvedPortalled()} portalRef={local.portalRef}>
+      <Popover.Root lazyMount={local.lazyMount ?? true} modal={local.modal} portalled={resolvedPortalled()} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+        {local.children}
+      </Popover.Root>
+    </OverlayPortalProvider>;
+}
+function PopoverRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'lazyMount',
+        'portalRef',
+        'unmountOnExit',
+        'value'
+    ]);
+    return <OverlayPortalProvider portalled={props.value().portalled} portalRef={local.portalRef}>
+      <Popover.RootProvider value={local.value} lazyMount={local.lazyMount ?? true} unmountOnExit={local.unmountOnExit ?? true} {...others}>
+        {local.children}
+      </Popover.RootProvider>
+    </OverlayPortalProvider>;
+}
+function PopoverAnchor(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.Anchor data-slot="popover-anchor" class={local.class} {...others}/>;
+}
+function PopoverTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Popover.Trigger asChild={local.asChild} data-slot="popover-trigger" class={cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=open]:not-data-[value]:bg-accent data-[current]:data-[state=open]:bg-accent motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}/>;
+}
+function PopoverIndicator(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.Indicator data-slot="popover-indicator" class={local.class} {...others}/>;
+}
+function PopoverPositioner(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <OverlayPortal>
+      <Popover.Positioner data-slot="popover-positioner" class={cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', local.class)} {...others}/>
+    </OverlayPortal>;
+}
+function PopoverContent(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.Content data-slot="popover-content" class={cn('group/popover-content relative z-[calc(var(--moduix-z-popup)+var(--layer-index,0))] max-h-[min(24rem,var(--available-height,100dvh))] max-w-[min(28rem,var(--available-width))] min-w-[min(16rem,var(--available-width))] origin-[var(--transform-origin)] overflow-visible rounded-md bg-popover p-4 wrap-anywhere text-popover-foreground shadow-lg outline-1 outline-border has-[>[data-slot=popover-body]]:flex has-[>[data-slot=popover-body]]:flex-col data-[state=closed]:animate-moduix-menu-closed data-[state=open]:animate-moduix-menu-open motion-reduce:animate-none has-[>[data-slot=popover-body]]:[&>[data-slot=popover-body]]:overflow-auto', local.class)} {...others}/>;
+}
+function PopoverArrow(props) {
+    const [local, others] = splitProps(props, [
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Popover.Arrow data-slot="popover-arrow" class={cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', local.class)} {...others}>
+      {resolvedChildren() ?? <PopoverArrowTip/>}
+    </Popover.Arrow>;
+}
+function PopoverArrowTip(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.ArrowTip data-slot="popover-arrow-tip" class={cn('border-t border-l border-border', local.class)} {...others}/>;
+}
+function PopoverTitle(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.Title data-slot="popover-title" class={cn('text-md leading-6 font-semibold text-popover-foreground', local.class)} {...others}/>;
+}
+function PopoverDescription(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <Popover.Description data-slot="popover-description" class={cn('text-sm leading-5 text-muted-foreground', local.class)} {...others}/>;
+}
+function PopoverCloseTrigger(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Popover.CloseTrigger asChild={local.asChild} data-slot="popover-close-trigger" class={cn(!local.asChild && 'box-border inline-flex min-h-control-md cursor-pointer items-center justify-center rounded-md border border-border bg-background px-3.5 py-1 text-md leading-6 text-foreground outline-0 transition-[background-color,border-color,color] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-accent disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none [@media(hover:hover)]:hover:bg-accent', local.class)} {...others}/>;
+}
+function PopoverCloseIcon(props) {
+    const [local, others] = splitProps(props, [
+        'aria-label',
+        'aria-labelledby',
+        'children',
+        'class'
+    ]);
+    const resolvedChildren = children(()=>local.children);
+    return <Popover.CloseTrigger asChild={(triggerProps)=><CloseButton.Root {...triggerProps()} data-slot="popover-close-icon" aria-label={local['aria-label'] ?? DEFAULT_CLOSE_BUTTON_LABEL} aria-labelledby={local['aria-labelledby']} class={cn('absolute end-3 top-3 size-7 rounded-sm bg-transparent text-muted-foreground transition-[background-color,color,opacity] duration-200 ease-in-out select-none focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-ring motion-reduce:transition-none [&>svg]:size-3.5 [@media(hover:hover)]:[&:not([data-disabled]):hover]:bg-accent [@media(hover:hover)]:[&:not([data-disabled]):hover]:text-popover-foreground', local.class)}>
+          {resolvedChildren()}
+        </CloseButton.Root>} {...others}/>;
+}
+function PopoverHeader(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <ark.div data-slot="popover-header" class={cn('grid gap-1 group-has-[>[data-slot=popover-close-icon]]/popover-content:pe-10', local.class)} {...others}/>;
+}
+function PopoverBody(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <ark.div data-slot="popover-body" class={cn('min-h-0', local.class)} {...others}/>;
+}
+function PopoverFooter(props) {
+    const [local, others] = splitProps(props, [
+        'class'
+    ]);
+    return <ark.div data-slot="popover-footer" class={cn('mt-3 flex items-center justify-end gap-2', local.class)} {...others}/>;
+}
+const Popover_Popover = Object.assign(PopoverRoot, {
+    Root: PopoverRoot,
+    RootProvider: PopoverRootProvider,
+    Context: Popover.Context,
+    Anchor: PopoverAnchor,
+    Trigger: PopoverTrigger,
+    Indicator: PopoverIndicator,
+    Positioner: PopoverPositioner,
+    Content: PopoverContent,
+    Arrow: PopoverArrow,
+    ArrowTip: PopoverArrowTip,
+    Title: PopoverTitle,
+    Description: PopoverDescription,
+    CloseTrigger: PopoverCloseTrigger,
+    CloseIcon: PopoverCloseIcon,
+    Header: PopoverHeader,
+    Body: PopoverBody,
+    Footer: PopoverFooter
+});
+export { Popover_Popover as Popover, usePopover, usePopoverContext };

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

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

package/dist/components/popover/index.js

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

package/dist/components/popover/index.jsx

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

package/dist/components/progress-circular/ProgressCircular.d.ts

@@ -0,0 +1,28 @@
+import { Progress as ProgressPrimitive, useProgress, useProgressContext } from '@ark-ui/solid/progress';
+import type { ComponentProps } from 'solid-js';
+declare function ProgressCircularRoot(props: ComponentProps<typeof ProgressPrimitive.Root>): import("solid-js").JSX.Element;
+declare function ProgressCircularRootProvider(props: ComponentProps<typeof ProgressPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function ProgressCircularLabel(props: ComponentProps<typeof ProgressPrimitive.Label>): import("solid-js").JSX.Element;
+declare function ProgressCircularValueText(props: ComponentProps<typeof ProgressPrimitive.ValueText>): import("solid-js").JSX.Element;
+declare function ProgressCircularCircle(props: ComponentProps<typeof ProgressPrimitive.Circle>): import("solid-js").JSX.Element;
+declare function ProgressCircularCircleTrack(props: ComponentProps<typeof ProgressPrimitive.CircleTrack>): import("solid-js").JSX.Element;
+declare function ProgressCircularCircleRange(props: ComponentProps<typeof ProgressPrimitive.CircleRange>): import("solid-js").JSX.Element;
+type ProgressCircularRingProps = Omit<ComponentProps<typeof ProgressPrimitive.Circle>, 'asChild' | 'children'>;
+declare function ProgressCircularRing(props: ProgressCircularRingProps): import("solid-js").JSX.Element;
+declare function ProgressCircularView(props: ComponentProps<typeof ProgressPrimitive.View>): import("solid-js").JSX.Element;
+type ProgressCircularComponent = typeof ProgressCircularRoot & {
+    Root: typeof ProgressCircularRoot;
+    RootProvider: typeof ProgressCircularRootProvider;
+    Context: typeof ProgressPrimitive.Context;
+    Label: typeof ProgressCircularLabel;
+    ValueText: typeof ProgressCircularValueText;
+    Circle: typeof ProgressCircularCircle;
+    CircleTrack: typeof ProgressCircularCircleTrack;
+    CircleRange: typeof ProgressCircularCircleRange;
+    Ring: typeof ProgressCircularRing;
+    View: typeof ProgressCircularView;
+    useProgress: typeof useProgress;
+    useProgressContext: typeof useProgressContext;
+};
+declare const ProgressCircular: ProgressCircularComponent;
+export { ProgressCircular };

package/dist/components/progress-circular/ProgressCircular.js

@@ -0,0 +1,164 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+function ProgressCircularRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Progress.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-root",
+        get ["class"] () {
+            return cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function ProgressCircularRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Progress.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-root-provider",
+        get ["class"] () {
+            return cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function ProgressCircularLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.Label, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-label",
+        get ["class"] () {
+            return cn('max-w-full min-w-0 text-center text-sm font-regular [overflow-wrap:anywhere]', local.class);
+        }
+    }, others));
+}
+function ProgressCircularValueText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.ValueText, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-value-text",
+        get ["class"] () {
+            return cn('max-w-full min-w-0 text-center text-sm font-medium [overflow-wrap:anywhere]', local.class);
+        }
+    }, others));
+}
+function ProgressCircularCircle(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Progress.Circle, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-circle",
+        get ["class"] () {
+            return cn('block overflow-visible [--size:var(--spacing-control-xl)] [--thickness:0.4rem]', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function ProgressCircularCircleTrack(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.CircleTrack, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-circle-track",
+        get ["class"] () {
+            return cn('stroke-muted', local.class);
+        }
+    }, others));
+}
+function ProgressCircularCircleRange(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.CircleRange, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-circle-range",
+        get ["class"] () {
+            return cn('origin-center stroke-primary transition-[stroke-dashoffset] duration-200 ease-in-out [stroke-linecap:round] [transform-box:fill-box] data-[state=indeterminate]:animate-[moduix-spin_1.4s_linear_infinite] data-[state=indeterminate]:[stroke-dasharray:1_200] motion-reduce:transition-none motion-reduce:data-[state=indeterminate]:animate-none motion-reduce:data-[state=indeterminate]:[stroke-dasharray:20_200]', local.class);
+        }
+    }, others));
+}
+function ProgressCircularRing(props) {
+    return createComponent(ProgressCircularCircle, mergeProps(props, {
+        get children () {
+            return [
+                createComponent(ProgressCircularCircleTrack, {}),
+                createComponent(ProgressCircularCircleRange, {})
+            ];
+        }
+    }));
+}
+function ProgressCircularView(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.View, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-circular-view",
+        get ["class"] () {
+            return cn('contents', local.class);
+        }
+    }, others));
+}
+const ProgressCircular = Object.assign(ProgressCircularRoot, {
+    Root: ProgressCircularRoot,
+    RootProvider: ProgressCircularRootProvider,
+    Context: Progress.Context,
+    Label: ProgressCircularLabel,
+    ValueText: ProgressCircularValueText,
+    Circle: ProgressCircularCircle,
+    CircleTrack: ProgressCircularCircleTrack,
+    CircleRange: ProgressCircularCircleRange,
+    Ring: ProgressCircularRing,
+    View: ProgressCircularView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressCircular };

package/dist/components/progress-circular/ProgressCircular.jsx

@@ -0,0 +1,89 @@
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.jsx";
+function ProgressCircularRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.Root asChild={local.asChild} data-slot="progress-circular-root" class={cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', local.class)} {...others}>
+      {local.children}
+    </Progress.Root>;
+}
+function ProgressCircularRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.RootProvider asChild={local.asChild} data-slot="progress-circular-root-provider" class={cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', local.class)} {...others}>
+      {local.children}
+    </Progress.RootProvider>;
+}
+function ProgressCircularLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.Label asChild={local.asChild} data-slot="progress-circular-label" class={cn('max-w-full min-w-0 text-center text-sm font-regular [overflow-wrap:anywhere]', local.class)} {...others}/>;
+}
+function ProgressCircularValueText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.ValueText asChild={local.asChild} data-slot="progress-circular-value-text" class={cn('max-w-full min-w-0 text-center text-sm font-medium [overflow-wrap:anywhere]', local.class)} {...others}/>;
+}
+function ProgressCircularCircle(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return <Progress.Circle asChild={local.asChild} data-slot="progress-circular-circle" class={cn('block overflow-visible [--size:var(--spacing-control-xl)] [--thickness:0.4rem]', local.class)} {...others}>
+      {local.children}
+    </Progress.Circle>;
+}
+function ProgressCircularCircleTrack(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.CircleTrack asChild={local.asChild} data-slot="progress-circular-circle-track" class={cn('stroke-muted', local.class)} {...others}/>;
+}
+function ProgressCircularCircleRange(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.CircleRange asChild={local.asChild} data-slot="progress-circular-circle-range" class={cn('origin-center stroke-primary transition-[stroke-dashoffset] duration-200 ease-in-out [stroke-linecap:round] [transform-box:fill-box] data-[state=indeterminate]:animate-[moduix-spin_1.4s_linear_infinite] data-[state=indeterminate]:[stroke-dasharray:1_200] motion-reduce:transition-none motion-reduce:data-[state=indeterminate]:animate-none motion-reduce:data-[state=indeterminate]:[stroke-dasharray:20_200]', local.class)} {...others}/>;
+}
+function ProgressCircularRing(props) {
+    return <ProgressCircularCircle {...props}>
+      <ProgressCircularCircleTrack/>
+      <ProgressCircularCircleRange/>
+    </ProgressCircularCircle>;
+}
+function ProgressCircularView(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return <Progress.View asChild={local.asChild} data-slot="progress-circular-view" class={cn('contents', local.class)} {...others}/>;
+}
+const ProgressCircular = Object.assign(ProgressCircularRoot, {
+    Root: ProgressCircularRoot,
+    RootProvider: ProgressCircularRootProvider,
+    Context: Progress.Context,
+    Label: ProgressCircularLabel,
+    ValueText: ProgressCircularValueText,
+    Circle: ProgressCircularCircle,
+    CircleTrack: ProgressCircularCircleTrack,
+    CircleRange: ProgressCircularCircleRange,
+    Ring: ProgressCircularRing,
+    View: ProgressCircularView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressCircular };

package/dist/components/progress-circular/index.d.ts

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

package/dist/components/progress-circular/index.js

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

package/dist/components/progress-circular/index.jsx

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

package/dist/components/progress-linear/ProgressLinear.d.ts

@@ -0,0 +1,23 @@
+import { Progress as ProgressPrimitive, useProgress, useProgressContext } from '@ark-ui/solid/progress';
+import type { ComponentProps } from 'solid-js';
+declare function ProgressLinearRoot(props: ComponentProps<typeof ProgressPrimitive.Root>): import("solid-js").JSX.Element;
+declare function ProgressLinearRootProvider(props: ComponentProps<typeof ProgressPrimitive.RootProvider>): import("solid-js").JSX.Element;
+declare function ProgressLinearLabel(props: ComponentProps<typeof ProgressPrimitive.Label>): import("solid-js").JSX.Element;
+declare function ProgressLinearValueText(props: ComponentProps<typeof ProgressPrimitive.ValueText>): import("solid-js").JSX.Element;
+declare function ProgressLinearTrack(props: ComponentProps<typeof ProgressPrimitive.Track>): import("solid-js").JSX.Element;
+declare function ProgressLinearRange(props: ComponentProps<typeof ProgressPrimitive.Range>): import("solid-js").JSX.Element;
+declare function ProgressLinearView(props: ComponentProps<typeof ProgressPrimitive.View>): import("solid-js").JSX.Element;
+type ProgressLinearComponent = typeof ProgressLinearRoot & {
+    Root: typeof ProgressLinearRoot;
+    RootProvider: typeof ProgressLinearRootProvider;
+    Context: typeof ProgressPrimitive.Context;
+    Label: typeof ProgressLinearLabel;
+    ValueText: typeof ProgressLinearValueText;
+    Track: typeof ProgressLinearTrack;
+    Range: typeof ProgressLinearRange;
+    View: typeof ProgressLinearView;
+    useProgress: typeof useProgress;
+    useProgressContext: typeof useProgressContext;
+};
+declare const ProgressLinear: ProgressLinearComponent;
+export { ProgressLinear };

package/dist/components/progress-linear/ProgressLinear.js

@@ -0,0 +1,132 @@
+import { createComponent, mergeProps } from "solid-js/web";
+import { Progress, useProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { splitProps } from "solid-js";
+import { cn } from "../../internal/cn.js";
+function ProgressLinearRoot(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Progress.Root, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-root",
+        get ["class"] () {
+            return cn('box-border grid w-48 max-w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-2 text-foreground data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)]', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function ProgressLinearRootProvider(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'children',
+        'class'
+    ]);
+    return createComponent(Progress.RootProvider, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-root-provider",
+        get ["class"] () {
+            return cn('box-border grid w-48 max-w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] gap-2 text-foreground data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-max data-[orientation=vertical]:grid-rows-[auto_minmax(0,1fr)]', local.class);
+        }
+    }, others, {
+        get children () {
+            return local.children;
+        }
+    }));
+}
+function ProgressLinearLabel(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.Label, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-label",
+        get ["class"] () {
+            return cn('min-w-0 text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', local.class);
+        }
+    }, others));
+}
+function ProgressLinearValueText(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.ValueText, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-value-text",
+        get ["class"] () {
+            return cn('min-w-0 justify-self-end text-end text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', local.class);
+        }
+    }, others));
+}
+function ProgressLinearTrack(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.Track, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-track",
+        get ["class"] () {
+            return cn('col-span-full box-border block h-2 w-full overflow-hidden rounded-full bg-muted ring-1 ring-border ring-inset data-[orientation=vertical]:flex data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2 data-[orientation=vertical]:items-end data-[orientation=vertical]:justify-self-center', local.class);
+        }
+    }, others));
+}
+function ProgressLinearRange(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.Range, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-range",
+        get ["class"] () {
+            return cn('block h-full rounded-[inherit] bg-primary transition-[width,height] duration-200 ease-in-out data-[orientation=vertical]:w-full data-[state=indeterminate]:w-[35%] data-[state=indeterminate]:animate-moduix-progress-linear-indeterminate data-[state=indeterminate]:data-[orientation=vertical]:h-[35%] data-[state=indeterminate]:data-[orientation=vertical]:animate-moduix-progress-linear-indeterminate-vertical motion-reduce:data-[state=indeterminate]:translate-x-0 motion-reduce:data-[state=indeterminate]:translate-y-0 motion-reduce:data-[state=indeterminate]:animate-none rtl:data-[state=indeterminate]:data-[orientation=horizontal]:[animation-direction:reverse]', local.class);
+        }
+    }, others));
+}
+function ProgressLinearView(props) {
+    const [local, others] = splitProps(props, [
+        'asChild',
+        'class'
+    ]);
+    return createComponent(Progress.View, mergeProps({
+        get asChild () {
+            return local.asChild;
+        },
+        "data-slot": "progress-linear-view",
+        get ["class"] () {
+            return cn('contents', local.class);
+        }
+    }, others));
+}
+const ProgressLinear = Object.assign(ProgressLinearRoot, {
+    Root: ProgressLinearRoot,
+    RootProvider: ProgressLinearRootProvider,
+    Context: Progress.Context,
+    Label: ProgressLinearLabel,
+    ValueText: ProgressLinearValueText,
+    Track: ProgressLinearTrack,
+    Range: ProgressLinearRange,
+    View: ProgressLinearView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressLinear };