@moduix/react-tailwind 1.0.0

package/dist/components/pin-input/PinInput.d.ts

@@ -0,0 +1,19 @@
+import { PinInput as PinInputPrimitive, usePinInputContext, type UsePinInputProps } from '@ark-ui/react/pin-input';
+import type { ComponentProps } from 'react';
+declare function PinInputInputs({ className }: {
+    className?: string;
+}): import("react").JSX.Element[];
+declare function PinInputSeparator({ className, 'aria-hidden': ariaHidden, role, children, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+declare function usePinInput(props?: UsePinInputProps): import("@ark-ui/react/pin-input").UsePinInputReturn;
+declare const PinInput: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: PinInputPrimitive.ContextProps) => import("react").ReactNode;
+    HiddenInput: import("react").ForwardRefExoticComponent<PinInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<PinInputPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Inputs: typeof PinInputInputs;
+    Separator: typeof PinInputSeparator;
+};
+export { PinInput, usePinInput, usePinInputContext };

package/dist/components/pin-input/PinInput.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { PinInput, usePinInput, usePinInputContext } from "@ark-ui/react/pin-input";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { SeparatorMarkIcon } from "../../internal/icons/ui/index.js";
+const PinInput_PinInputRoot = /*#__PURE__*/ forwardRef(function({ className, count, placeholder = '', ...props }, ref) {
+    return /*#__PURE__*/ jsx(PinInput.Root, {
+        ref: ref,
+        "data-slot": "pin-input-root",
+        className: cn('inline-flex w-auto max-w-none flex-col items-start gap-2 data-disabled:opacity-50', className),
+        count: count,
+        placeholder: placeholder,
+        ...props
+    });
+});
+const PinInput_PinInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PinInput.RootProvider, {
+        ref: ref,
+        "data-slot": "pin-input-root-provider",
+        className: cn('inline-flex w-auto max-w-none flex-col items-start gap-2 data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const PinInput_PinInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PinInput.Label, {
+        ref: ref,
+        "data-slot": "pin-input-label",
+        className: cn('text-sm leading-5 font-medium text-foreground', className),
+        ...props
+    });
+});
+const PinInput_PinInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PinInput.Control, {
+        ref: ref,
+        "data-slot": "pin-input-control",
+        className: cn('inline-flex items-center gap-2', className),
+        ...props
+    });
+});
+const PinInput_PinInputInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(PinInput.Input, {
+        ref: ref,
+        "data-slot": "pin-input-input",
+        className: cn('size-control-md flex-none rounded-md border border-border bg-background px-0 py-0 text-center text-lg leading-7 font-medium text-foreground tabular-nums outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,background-color] duration-200 ease-in-out placeholder:text-muted-foreground focus-visible:outline-ring disabled:pointer-events-none data-disabled:pointer-events-none data-invalid:border-destructive data-invalid:focus-visible:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+function PinInputInputs({ className }) {
+    const { items } = usePinInputContext();
+    return items.map((index)=>/*#__PURE__*/ jsx(PinInput_PinInputInput, {
+            index: index,
+            className: className
+        }, index));
+}
+function PinInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', children, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "data-slot": "pin-input-separator",
+        "aria-hidden": ariaHidden,
+        role: role,
+        className: cn('pointer-events-none inline-flex size-4 flex-none items-center justify-center leading-none text-muted-foreground [&>svg]:size-full [&>svg]:flex-none', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(SeparatorMarkIcon, {})
+    });
+}
+function PinInput_usePinInput(props = {}) {
+    return usePinInput({
+        placeholder: '',
+        ...props
+    });
+}
+const PinInput_PinInput = Object.assign(PinInput_PinInputRoot, {
+    Root: PinInput_PinInputRoot,
+    RootProvider: PinInput_PinInputRootProvider,
+    Context: PinInput.Context,
+    HiddenInput: PinInput.HiddenInput,
+    Label: PinInput_PinInputLabel,
+    Control: PinInput_PinInputControl,
+    Input: PinInput_PinInputInput,
+    Inputs: PinInputInputs,
+    Separator: PinInputSeparator
+});
+export { PinInput_PinInput as PinInput, PinInput_usePinInput as usePinInput, usePinInputContext };

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

@@ -0,0 +1 @@
+export { PinInput, usePinInput, usePinInputContext } from './PinInput.js';

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

@@ -0,0 +1 @@
+export { PinInput, usePinInput, usePinInputContext } from "./PinInput.js";

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

@@ -0,0 +1,29 @@
+import { Popover as PopoverPrimitive, usePopover, usePopoverContext } from '@ark-ui/react/popover';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type PopoverRootProps = ComponentProps<typeof PopoverPrimitive.Root> & OverlayPortalProps;
+type PopoverRootProviderProps = ComponentProps<typeof PopoverPrimitive.RootProvider> & {
+    portalRef?: OverlayPortalProps['portalRef'];
+};
+declare function PopoverRoot({ lazyMount, modal, portalled, portalRef, unmountOnExit, ...props }: PopoverRootProps): import("react").JSX.Element;
+declare function PopoverRootProvider({ lazyMount, portalRef, unmountOnExit, value, ...props }: PopoverRootProviderProps): import("react").JSX.Element;
+declare const Popover: typeof PopoverRoot & {
+    Root: typeof PopoverRoot;
+    RootProvider: typeof PopoverRootProvider;
+    Context: (props: PopoverPrimitive.ContextProps) => import("react").ReactNode;
+    Anchor: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.AnchorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.ArrowProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseIcon: import("react").ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "asChild">, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Popover, usePopover, usePopoverContext };

package/dist/components/popover/Popover.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { Popover, usePopover, usePopoverContext } from "@ark-ui/react/popover";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+const DEFAULT_CLOSE_BUTTON_LABEL = 'Close popover';
+function PopoverRoot({ lazyMount = true, modal, portalled, portalRef, unmountOnExit = true, ...props }) {
+    const resolvedPortalled = modal || portalled;
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: resolvedPortalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Popover.Root, {
+            lazyMount: lazyMount,
+            modal: modal,
+            portalled: resolvedPortalled,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+function PopoverRootProvider({ lazyMount = true, portalRef, unmountOnExit = true, value, ...props }) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: value.portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Popover.RootProvider, {
+            value: value,
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
+}
+const Popover_PopoverAnchor = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Anchor, {
+        ref: ref,
+        "data-slot": "popover-anchor",
+        className: className,
+        ...props
+    });
+});
+const Popover_PopoverTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Trigger, {
+        ref: ref,
+        "data-slot": "popover-trigger",
+        asChild: asChild,
+        className: cn(!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', className),
+        ...props
+    });
+});
+const Popover_PopoverIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Indicator, {
+        ref: ref,
+        "data-slot": "popover-indicator",
+        className: className,
+        ...props
+    });
+});
+const Popover_PopoverPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Popover.Positioner, {
+            ref: ref,
+            "data-slot": "popover-positioner",
+            className: cn('z-[var(--z-index,var(--moduix-z-popup))] max-w-[var(--available-width)] outline-0', className),
+            ...props
+        })
+    });
+});
+const Popover_PopoverContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Content, {
+        ref: ref,
+        "data-slot": "popover-content",
+        className: 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', className),
+        ...props
+    });
+});
+const Popover_PopoverArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Arrow, {
+        ref: ref,
+        "data-slot": "popover-arrow",
+        className: cn('[--arrow-background:var(--color-popover)] [--arrow-size:0.625rem]', className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Popover_PopoverArrowTip, {})
+    });
+});
+const Popover_PopoverArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.ArrowTip, {
+        ref: ref,
+        "data-slot": "popover-arrow-tip",
+        className: cn('border-t border-l border-border', className),
+        ...props
+    });
+});
+const Popover_PopoverTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Title, {
+        ref: ref,
+        "data-slot": "popover-title",
+        className: cn('text-md leading-6 font-semibold text-popover-foreground', className),
+        ...props
+    });
+});
+const Popover_PopoverDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.Description, {
+        ref: ref,
+        "data-slot": "popover-description",
+        className: cn('text-sm leading-5 text-muted-foreground', className),
+        ...props
+    });
+});
+const Popover_PopoverCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
+        ref: ref,
+        "data-slot": "popover-close-trigger",
+        asChild: asChild,
+        className: cn(!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', className),
+        ...props
+    });
+});
+const Popover_PopoverCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Popover.CloseTrigger, {
+        asChild: true,
+        ...props,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "popover-close-icon",
+            "aria-label": ariaLabel,
+            className: 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', className),
+            children: children
+        })
+    });
+});
+const Popover_PopoverHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "popover-header",
+        className: cn('grid gap-1 group-has-[>[data-slot=popover-close-icon]]/popover-content:pe-10', className),
+        ...props
+    });
+});
+const Popover_PopoverBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "popover-body",
+        className: cn('min-h-0', className),
+        ...props
+    });
+});
+const Popover_PopoverFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "popover-footer",
+        className: cn('mt-3 flex items-center justify-end gap-2', className),
+        ...props
+    });
+});
+const Popover_Popover = Object.assign(PopoverRoot, {
+    Root: PopoverRoot,
+    RootProvider: PopoverRootProvider,
+    Context: Popover.Context,
+    Anchor: Popover_PopoverAnchor,
+    Trigger: Popover_PopoverTrigger,
+    Indicator: Popover_PopoverIndicator,
+    Positioner: Popover_PopoverPositioner,
+    Content: Popover_PopoverContent,
+    Arrow: Popover_PopoverArrow,
+    ArrowTip: Popover_PopoverArrowTip,
+    Title: Popover_PopoverTitle,
+    Description: Popover_PopoverDescription,
+    CloseTrigger: Popover_PopoverCloseTrigger,
+    CloseIcon: Popover_PopoverCloseIcon,
+    Header: Popover_PopoverHeader,
+    Body: Popover_PopoverBody,
+    Footer: Popover_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/progress-circular/ProgressCircular.d.ts

@@ -0,0 +1,18 @@
+import { Progress as ProgressPrimitive } from '@ark-ui/react/progress';
+import type { ComponentProps } from 'react';
+type ProgressCircularRingProps = Omit<ComponentProps<typeof ProgressPrimitive.Circle>, 'asChild' | 'children'>;
+declare const ProgressCircular: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ProgressPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Circle: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    CircleTrack: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleTrackProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    CircleRange: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.CircleRangeProps & import("react").RefAttributes<SVGCircleElement>, "ref"> & import("react").RefAttributes<SVGCircleElement>>;
+    Ring: import("react").ForwardRefExoticComponent<Omit<ProgressCircularRingProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
+    useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
+};
+export { ProgressCircular };

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

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress, useProgress, useProgressContext } from "@ark-ui/react/progress";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const ProgressCircular_ProgressCircularRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Root, {
+        ref: ref,
+        "data-slot": "progress-circular-root",
+        className: cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.RootProvider, {
+        ref: ref,
+        "data-slot": "progress-circular-root-provider",
+        className: cn('inline-grid w-max max-w-full min-w-0 justify-items-center gap-2 text-foreground', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Label, {
+        ref: ref,
+        "data-slot": "progress-circular-label",
+        className: cn('max-w-full min-w-0 text-center text-sm font-regular [overflow-wrap:anywhere]', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.ValueText, {
+        ref: ref,
+        "data-slot": "progress-circular-value-text",
+        className: cn('max-w-full min-w-0 text-center text-sm font-medium [overflow-wrap:anywhere]', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularCircle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Circle, {
+        ref: ref,
+        "data-slot": "progress-circular-circle",
+        className: cn('block overflow-visible [--size:var(--spacing-control-xl)] [--thickness:0.4rem]', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularCircleTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.CircleTrack, {
+        ref: ref,
+        "data-slot": "progress-circular-circle-track",
+        className: cn('stroke-muted', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularCircleRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.CircleRange, {
+        ref: ref,
+        "data-slot": "progress-circular-circle-range",
+        className: 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]', className),
+        ...props
+    });
+});
+const ProgressCircular_ProgressCircularRing = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsxs(ProgressCircular_ProgressCircularCircle, {
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ProgressCircular_ProgressCircularCircleTrack, {}),
+            /*#__PURE__*/ jsx(ProgressCircular_ProgressCircularCircleRange, {})
+        ]
+    });
+});
+const ProgressCircular_ProgressCircularView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.View, {
+        ref: ref,
+        "data-slot": "progress-circular-view",
+        className: cn('contents', className),
+        ...props
+    });
+});
+const ProgressCircular = Object.assign(ProgressCircular_ProgressCircularRoot, {
+    Root: ProgressCircular_ProgressCircularRoot,
+    RootProvider: ProgressCircular_ProgressCircularRootProvider,
+    Context: Progress.Context,
+    Label: ProgressCircular_ProgressCircularLabel,
+    ValueText: ProgressCircular_ProgressCircularValueText,
+    Circle: ProgressCircular_ProgressCircularCircle,
+    CircleTrack: ProgressCircular_ProgressCircularCircleTrack,
+    CircleRange: ProgressCircular_ProgressCircularCircleRange,
+    Ring: ProgressCircular_ProgressCircularRing,
+    View: ProgressCircular_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-linear/ProgressLinear.d.ts

@@ -0,0 +1,14 @@
+import { Progress as ProgressPrimitive } from '@ark-ui/react/progress';
+declare const ProgressLinear: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ProgressPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.LabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Track: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.TrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Range: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.RangeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ViewProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    useProgress: (props?: import("@ark-ui/react/progress").UseProgressProps) => import("@ark-ui/react/progress").UseProgressReturn;
+    useProgressContext: () => import("@ark-ui/react/progress").UseProgressContext;
+};
+export { ProgressLinear };

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

@@ -0,0 +1,73 @@
+import { jsx } from "react/jsx-runtime";
+import { Progress, useProgress, useProgressContext } from "@ark-ui/react/progress";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const ProgressLinear_ProgressLinearRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Root, {
+        ref: ref,
+        "data-slot": "progress-linear-root",
+        className: 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)]', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.RootProvider, {
+        ref: ref,
+        "data-slot": "progress-linear-root-provider",
+        className: 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)]', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Label, {
+        ref: ref,
+        "data-slot": "progress-linear-label",
+        className: cn('min-w-0 text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.ValueText, {
+        ref: ref,
+        "data-slot": "progress-linear-value-text",
+        className: cn('min-w-0 justify-self-end text-end text-sm leading-5 font-normal [overflow-wrap:anywhere] text-current', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Track, {
+        ref: ref,
+        "data-slot": "progress-linear-track",
+        className: 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', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearRange = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.Range, {
+        ref: ref,
+        "data-slot": "progress-linear-range",
+        className: 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]', className),
+        ...props
+    });
+});
+const ProgressLinear_ProgressLinearView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Progress.View, {
+        ref: ref,
+        "data-slot": "progress-linear-view",
+        className: cn('contents', className),
+        ...props
+    });
+});
+const ProgressLinear = Object.assign(ProgressLinear_ProgressLinearRoot, {
+    Root: ProgressLinear_ProgressLinearRoot,
+    RootProvider: ProgressLinear_ProgressLinearRootProvider,
+    Context: Progress.Context,
+    Label: ProgressLinear_ProgressLinearLabel,
+    ValueText: ProgressLinear_ProgressLinearValueText,
+    Track: ProgressLinear_ProgressLinearTrack,
+    Range: ProgressLinear_ProgressLinearRange,
+    View: ProgressLinear_ProgressLinearView,
+    useProgress: useProgress,
+    useProgressContext: useProgressContext
+});
+export { ProgressLinear };

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

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

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

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

package/dist/components/qr-code/QrCode.d.ts

@@ -0,0 +1,11 @@
+import { QrCode as QrCodePrimitive, useQrCode, useQrCodeContext } from '@ark-ui/react/qr-code';
+declare const QrCode: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: QrCodePrimitive.ContextProps) => import("react").ReactNode;
+    Frame: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.FrameProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    Pattern: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.PatternProps & import("react").RefAttributes<SVGPathElement>, "ref"> & import("react").RefAttributes<SVGPathElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.OverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DownloadTrigger: import("react").ForwardRefExoticComponent<Omit<QrCodePrimitive.DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { QrCode, useQrCode, useQrCodeContext };

package/dist/components/qr-code/QrCode.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { QrCode, useQrCode, useQrCodeContext } from "@ark-ui/react/qr-code";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const QrCode_QrCodeRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Root, {
+        ref: ref,
+        "data-slot": "qr-code-root",
+        className: cn('relative box-border inline-flex w-32 max-w-full flex-col items-center gap-3 text-foreground', className),
+        ...props
+    });
+});
+const QrCode_QrCodeRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.RootProvider, {
+        ref: ref,
+        "data-slot": "qr-code-root-provider",
+        className: cn('relative box-border inline-flex w-32 max-w-full flex-col items-center gap-3 text-foreground', className),
+        ...props
+    });
+});
+const QrCode_QrCodeFrame = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Frame, {
+        ref: ref,
+        "data-slot": "qr-code-frame",
+        className: cn('box-border aspect-square h-auto w-full fill-current text-inherit', className),
+        ...props
+    });
+});
+const QrCode_QrCodePattern = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Pattern, {
+        ref: ref,
+        "data-slot": "qr-code-pattern",
+        className: cn('fill-inherit', className),
+        ...props
+    });
+});
+const QrCode_QrCodeOverlay = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.Overlay, {
+        ref: ref,
+        "data-slot": "qr-code-overlay",
+        className: cn('box-border inline-flex size-control-lg items-center justify-center rounded-sm bg-background p-1 text-foreground [&_img]:size-full [&_img]:object-contain [&_svg]:size-full [&_svg]:object-contain', className),
+        ...props
+    });
+});
+const QrCode_QrCodeDownloadTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(QrCode.DownloadTrigger, {
+        ref: ref,
+        "data-slot": "qr-code-download-trigger",
+        className: cn('box-border inline-flex min-h-control-md cursor-pointer appearance-none items-center justify-center gap-2 rounded-md border border-border bg-background px-4 text-sm leading-5 font-medium whitespace-nowrap text-foreground transition-[border-color,background-color,color,opacity,box-shadow,transform] duration-200 ease-in-out select-none focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none [&_svg]:size-4 [&_svg]:shrink-0 [&:active:not(:disabled):not([data-disabled])]:opacity-[0.94] motion-safe:[&:active:not(:disabled):not([data-disabled])]:translate-y-px motion-safe:[&:active:not(:disabled):not([data-disabled])]:scale-[0.985] [@media(hover:hover)]:[&:not(:disabled):not([data-disabled]):hover]:bg-accent', className),
+        ...props
+    });
+});
+const QrCode_QrCode = Object.assign(QrCode_QrCodeRoot, {
+    Root: QrCode_QrCodeRoot,
+    RootProvider: QrCode_QrCodeRootProvider,
+    Context: QrCode.Context,
+    Frame: QrCode_QrCodeFrame,
+    Pattern: QrCode_QrCodePattern,
+    Overlay: QrCode_QrCodeOverlay,
+    DownloadTrigger: QrCode_QrCodeDownloadTrigger
+});
+export { QrCode_QrCode as QrCode, useQrCode, useQrCodeContext };

package/dist/components/qr-code/index.d.ts

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

package/dist/components/qr-code/index.js

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