@moduix/react-tailwind 1.0.0

package/dist/components/container/Container.d.ts

@@ -0,0 +1,12 @@
+type ContainerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type ContainerGutter = 'none' | 'sm' | 'md' | 'lg';
+declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    size?: ContainerSize;
+    gutter?: ContainerGutter;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        size?: ContainerSize;
+        gutter?: ContainerGutter;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Container };

package/dist/components/container/Container.js

@@ -0,0 +1,123 @@
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const containerVariants = cva('w-full min-w-0 mx-auto', {
+    variants: {
+        size: {
+            xs: 'max-w-[calc(40rem_+_(clamp(1rem,4vw,2rem)*2))]',
+            sm: 'max-w-[calc(48rem_+_(clamp(1rem,4vw,2rem)*2))]',
+            md: 'max-w-[calc(64rem_+_(clamp(1rem,4vw,2rem)*2))]',
+            lg: 'max-w-[calc(72rem_+_(clamp(1rem,4vw,2rem)*2))]',
+            xl: 'max-w-[calc(90rem_+_(clamp(1rem,4vw,2rem)*2))]',
+            full: 'max-w-none'
+        },
+        gutter: {
+            none: 'px-0',
+            sm: 'px-[clamp(0.75rem,3vw,1.5rem)]',
+            md: 'px-[clamp(1rem,4vw,2rem)]',
+            lg: 'px-[clamp(1.5rem,5vw,3rem)]'
+        }
+    },
+    compoundVariants: [
+        {
+            size: 'xs',
+            gutter: 'none',
+            class: 'max-w-none'
+        },
+        {
+            size: 'xs',
+            gutter: 'sm',
+            class: 'max-w-[calc(40rem_+_(clamp(0.75rem,3vw,1.5rem)*2))]'
+        },
+        {
+            size: 'xs',
+            gutter: 'lg',
+            class: 'max-w-[calc(40rem_+_(clamp(1.5rem,5vw,3rem)*2))]'
+        },
+        {
+            size: 'sm',
+            gutter: 'none',
+            class: 'max-w-none'
+        },
+        {
+            size: 'sm',
+            gutter: 'sm',
+            class: 'max-w-[calc(48rem_+_(clamp(0.75rem,3vw,1.5rem)*2))]'
+        },
+        {
+            size: 'sm',
+            gutter: 'lg',
+            class: 'max-w-[calc(48rem_+_(clamp(1.5rem,5vw,3rem)*2))]'
+        },
+        {
+            size: 'md',
+            gutter: 'none',
+            class: 'max-w-none'
+        },
+        {
+            size: 'md',
+            gutter: 'sm',
+            class: 'max-w-[calc(64rem_+_(clamp(0.75rem,3vw,1.5rem)*2))]'
+        },
+        {
+            size: 'md',
+            gutter: 'lg',
+            class: 'max-w-[calc(64rem_+_(clamp(1.5rem,5vw,3rem)*2))]'
+        },
+        {
+            size: 'lg',
+            gutter: 'none',
+            class: 'max-w-none'
+        },
+        {
+            size: 'lg',
+            gutter: 'sm',
+            class: 'max-w-[calc(72rem_+_(clamp(0.75rem,3vw,1.5rem)*2))]'
+        },
+        {
+            size: 'lg',
+            gutter: 'lg',
+            class: 'max-w-[calc(72rem_+_(clamp(1.5rem,5vw,3rem)*2))]'
+        },
+        {
+            size: 'xl',
+            gutter: 'none',
+            class: 'max-w-none'
+        },
+        {
+            size: 'xl',
+            gutter: 'sm',
+            class: 'max-w-[calc(90rem_+_(clamp(0.75rem,3vw,1.5rem)*2))]'
+        },
+        {
+            size: 'xl',
+            gutter: 'lg',
+            class: 'max-w-[calc(90rem_+_(clamp(1.5rem,5vw,3rem)*2))]'
+        }
+    ],
+    defaultVariants: {
+        size: 'lg',
+        gutter: 'md'
+    }
+});
+const Container_ContainerRoot = /*#__PURE__*/ forwardRef(function({ size = 'lg', gutter = 'md', className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ...props,
+        ref: ref,
+        "data-scope": "container",
+        "data-part": "root",
+        "data-slot": "container-root",
+        "data-size": size,
+        "data-gutter": gutter,
+        className: cn(containerVariants({
+            size,
+            gutter
+        }), className)
+    });
+});
+const Container = Object.assign(Container_ContainerRoot, {
+    Root: Container_ContainerRoot
+});
+export { Container };

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

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

package/dist/components/container/index.js

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

package/dist/components/date-input/DateInput.d.ts

@@ -0,0 +1,17 @@
+import { DateInput as DateInputPrimitive, type DateInputDateValue, useDateInput, useDateInputContext } from '@ark-ui/react/date-input';
+import type { ComponentProps } from 'react';
+declare function DateInputSeparator({ className, 'aria-hidden': ariaHidden, role, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+declare const DateInput: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    HiddenInput: import("react").ForwardRefExoticComponent<DateInputPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SegmentGroup: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Segment: import("react").ForwardRefExoticComponent<Omit<DateInputPrimitive.SegmentProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Segments: import("react").ForwardRefExoticComponent<Omit<Omit<DateInputPrimitive.SegmentGroupProps & import("react").RefAttributes<HTMLDivElement>, "asChild" | "children">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: typeof DateInputSeparator;
+    Context: (props: DateInputPrimitive.ContextProps) => import("react").ReactNode;
+    SegmentContext: (props: DateInputPrimitive.SegmentContextProps) => import("react").JSX.Element[];
+};
+export { DateInput, type DateInputDateValue, useDateInput, useDateInputContext };

package/dist/components/date-input/DateInput.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { DateInput, useDateInput, useDateInputContext } from "@ark-ui/react/date-input";
+import { forwardRef } from "react";
+import { cn } from "../../internal/cn.js";
+const DateInput_DateInputRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.Root, {
+        ref: ref,
+        "data-slot": "date-input-root",
+        className: cn('inline-flex w-full max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const DateInput_DateInputRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.RootProvider, {
+        ref: ref,
+        "data-slot": "date-input-root-provider",
+        className: cn('inline-flex w-full max-w-none flex-col items-start gap-1 data-disabled:opacity-50', className),
+        ...props
+    });
+});
+const DateInput_DateInputLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.Label, {
+        ref: ref,
+        "data-slot": "date-input-label",
+        className: cn('text-sm leading-5 font-medium text-foreground', className),
+        ...props
+    });
+});
+const DateInput_DateInputControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.Control, {
+        ref: ref,
+        "data-slot": "date-input-control",
+        className: cn('box-border inline-flex min-h-control-md w-full items-center rounded-md border border-border bg-background px-3 py-1 text-foreground outline-1 -outline-offset-1 outline-transparent transition-[border-color,outline-color,opacity] duration-200 ease-in-out focus-within:outline-ring data-disabled:pointer-events-none data-focus:outline-ring data-invalid:border-destructive data-invalid:focus-within:outline-destructive data-invalid:data-focus:outline-destructive motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const DateInput_DateInputSegmentGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.SegmentGroup, {
+        ref: ref,
+        "data-slot": "date-input-segment-group",
+        className: cn('inline-flex items-center gap-0.5 tabular-nums', className),
+        ...props
+    });
+});
+const DateInput_DateInputSegment = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(DateInput.Segment, {
+        ref: ref,
+        "data-slot": "date-input-segment",
+        className: cn('min-w-[2ch] cursor-text rounded-sm px-1 py-0 text-center leading-6 text-current outline-0 transition-colors duration-200 ease-in-out [font:inherit] focus-visible:bg-ring/18 focus-visible:text-foreground data-disabled:cursor-default data-placeholder-shown:text-muted-foreground data-readonly:cursor-default data-[type=literal]:pointer-events-none data-[type=literal]:min-w-auto data-[type=literal]:bg-transparent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground motion-reduce:transition-none', className),
+        ...props
+    });
+});
+const DateInput_DateInputSegments = /*#__PURE__*/ forwardRef(function(props, ref) {
+    return /*#__PURE__*/ jsx(DateInput_DateInputSegmentGroup, {
+        ref: ref,
+        ...props,
+        children: /*#__PURE__*/ jsx(DateInput.SegmentContext, {
+            children: (segment)=>/*#__PURE__*/ jsx(DateInput_DateInputSegment, {
+                    segment: segment
+                })
+        })
+    });
+});
+function DateInputSeparator({ className, 'aria-hidden': ariaHidden = true, role = 'presentation', ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "data-slot": "date-input-separator",
+        "aria-hidden": ariaHidden,
+        role: role,
+        className: cn('text-muted-foreground select-none', className),
+        ...props
+    });
+}
+const DateInput_DateInput = Object.assign(DateInput_DateInputRoot, {
+    Root: DateInput_DateInputRoot,
+    RootProvider: DateInput_DateInputRootProvider,
+    HiddenInput: DateInput.HiddenInput,
+    Label: DateInput_DateInputLabel,
+    Control: DateInput_DateInputControl,
+    SegmentGroup: DateInput_DateInputSegmentGroup,
+    Segment: DateInput_DateInputSegment,
+    Segments: DateInput_DateInputSegments,
+    Separator: DateInputSeparator,
+    Context: DateInput.Context,
+    SegmentContext: DateInput.SegmentContext
+});
+export { DateInput_DateInput as DateInput, useDateInput, useDateInputContext };

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

@@ -0,0 +1 @@
+export { DateInput, useDateInput, useDateInputContext, type DateInputDateValue } from './DateInput.js';

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

@@ -0,0 +1 @@
+export { DateInput, useDateInput, useDateInputContext } from "./DateInput.js";

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,66 @@
+import { useDatePicker, useDatePickerContext, type UseDatePickerReturn } from '@ark-ui/react/date-picker';
+import { DatePicker as DatePickerPrimitive } from '@ark-ui/react/date-picker';
+import type { ComponentProps } from 'react';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DatePickerRootProps = ComponentProps<typeof DatePickerPrimitive.Root> & OverlayPortalProps;
+type DatePickerRootProviderProps = ComponentProps<typeof DatePickerPrimitive.RootProvider> & OverlayPortalProps;
+type DatePickerFieldProps = ComponentProps<typeof DatePickerPrimitive.Control> & {
+    clearLabel?: string;
+    clearTriggerProps?: ComponentProps<typeof DatePickerPrimitive.ClearTrigger>;
+    inputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    placeholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    triggerLabel?: string;
+    triggerProps?: ComponentProps<typeof DatePickerPrimitive.Trigger>;
+};
+type DatePickerRangeFieldProps = ComponentProps<typeof DatePickerPrimitive.Control> & {
+    clearLabel?: string;
+    clearTriggerProps?: ComponentProps<typeof DatePickerPrimitive.ClearTrigger>;
+    endInputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    endPlaceholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    startInputProps?: ComponentProps<typeof DatePickerPrimitive.Input>;
+    startPlaceholder?: ComponentProps<typeof DatePickerPrimitive.Input>['placeholder'];
+    triggerLabel?: string;
+    triggerProps?: ComponentProps<typeof DatePickerPrimitive.Trigger>;
+};
+type DatePickerOffset = ReturnType<UseDatePickerReturn['getOffset']>;
+type DatePickerDayTableProps = ComponentProps<typeof DatePickerPrimitive.Table> & {
+    offset?: DatePickerOffset;
+    showHeader?: boolean;
+    showWeekNumbers?: boolean;
+};
+declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<DatePickerRootProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: DatePickerPrimitive.ContextProps) => import("react").ReactNode;
+    Label: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<DatePickerFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RangeField: import("react").ForwardRefExoticComponent<Omit<DatePickerRangeFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ClearTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PositionerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    View: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ViewControl: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    ViewTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ViewTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    RangeText: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.RangeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ValueText: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.ValueTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    Table: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableProps & import("react").RefAttributes<HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+    TableHead: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    TableBody: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    TableRow: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableRowProps & import("react").RefAttributes<HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+    TableHeader: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableHeaderProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    TableCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    TableCellTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.TableCellTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    DayTable: import("react").ForwardRefExoticComponent<Omit<DatePickerDayTableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+    WeekNumberHeaderCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.WeekNumberHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    WeekNumberCell: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.WeekNumberCellProps & import("react").RefAttributes<HTMLTableCellElement>, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    MonthSelect: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.MonthSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    YearSelect: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.YearSelectProps & import("react").RefAttributes<HTMLSelectElement>, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    PresetTrigger: import("react").ForwardRefExoticComponent<Omit<DatePickerPrimitive.PresetTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { DatePicker, useDatePicker, useDatePickerContext };
+export type { DatePickerDayTableProps, DatePickerFieldProps, DatePickerRangeFieldProps, DatePickerRootProps, DatePickerRootProviderProps, };