@hewnui/ui 0.1.0 → 0.1.1

package/dist/components/date-picker/date-picker.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, DateInput, DatePicker as AriaDatePicker, DateSegment, Dialog, Group, Heading, Label, Popover, } from "react-aria-components";
-import { fieldTriggerClass, popoverSurfaceClass } from "../../styles/overlays";
-import { cn } from "../../utils/cn";
+import { fieldTriggerClass, popoverSurfaceClass } from "../../styles/overlays.js";
+import { cn } from "../../utils/cn.js";
 export function DatePicker({ className, label = "Date", ...props }) {
     return (_jsxs(AriaDatePicker, { ...props, className: cn("flex w-full max-w-sm flex-col gap-1.5 text-sm", className), children: [_jsx(Label, { className: "font-medium", children: label }), _jsxs(Group, { className: fieldTriggerClass, "data-kp-surface": true, children: [_jsx(DateInput, { className: "flex flex-1 gap-0.5 tabular-nums outline-none", children: (segment) => (_jsx(DateSegment, { segment: segment, className: "rounded px-0.5 outline-none data-[placeholder]:text-muted-foreground data-[focused]:bg-muted" })) }), _jsx(Button, { className: "min-h-10 min-w-10 rounded-[var(--kp-radius-sm)] text-muted-foreground outline-none data-[pressed]:scale-[0.96] data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring", children: "\u25A2" })] }), _jsx(Popover, { className: cn(popoverSurfaceClass, "p-3"), "data-kp-surface": true, children: _jsx(Dialog, { className: "outline-none", children: _jsxs(Calendar, { className: "text-sm", children: [_jsxs("header", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsx(Button, { slot: "previous", className: "min-h-10 min-w-10 rounded-[var(--kp-radius-sm)] outline-none data-[pressed]:scale-[0.96] data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring", children: "\u2039" }), _jsx(Heading, { className: "text-sm font-semibold" }), _jsx(Button, { slot: "next", className: "min-h-10 min-w-10 rounded-[var(--kp-radius-sm)] outline-none data-[pressed]:scale-[0.96] data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring", children: "\u203A" })] }), _jsxs(CalendarGrid, { className: "w-full border-separate border-spacing-1", children: [_jsx(CalendarGridHeader, { children: (day) => (_jsx(CalendarHeaderCell, { className: "size-9 text-xs font-medium text-muted-foreground", children: day })) }), _jsx(CalendarGridBody, { children: (date) => (_jsx(CalendarCell, { date: date, className: "size-9 rounded-[var(--kp-radius-sm)] text-center outline-none tabular-nums data-[hovered]:bg-muted data-[selected]:bg-accent data-[selected]:text-accent-foreground data-[disabled]:opacity-35 data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring" })) })] })] }) }) })] }));
 }

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

@@ -1 +1 @@
-export { DatePicker } from "./date-picker";
+export { DatePicker } from "./date-picker.js";

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

@@ -1 +1 @@
-export { DatePicker } from "./date-picker";
+export { DatePicker } from "./date-picker.js";

package/dist/components/date-range-picker/date-range-picker.calendar.d.ts

@@ -1,4 +1,4 @@
-import type { DateRangePreset, DateRangePresetId } from "./date-range-picker.types";
+import type { DateRangePreset, DateRangePresetId } from "./date-range-picker.types.js";
 export declare function DateRangePickerPopoverBody({ showPresets, presets, }: {
     showPresets: boolean;
     presets: DateRangePresetId[] | DateRangePreset[] | undefined;

package/dist/components/date-range-picker/date-range-picker.calendar.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, DateRangePickerStateContext, Heading, RangeCalendar, } from "react-aria-components";
 import { useContext } from "react";
-import { resolvePresets } from "./date-range-picker.presets";
-import { dateRangeCellClass, dateRangeDialogClass, dateRangeNavButtonClass, dateRangePresetButtonClass, dateRangePresetsClass, } from "./date-range-picker.styles";
+import { resolvePresets } from "./date-range-picker.presets.js";
+import { dateRangeCellClass, dateRangeDialogClass, dateRangeNavButtonClass, dateRangePresetButtonClass, dateRangePresetsClass, } from "./date-range-picker.styles.js";
 function PresetList({ presets, }) {
     const state = useContext(DateRangePickerStateContext);
     const items = resolvePresets(presets);

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

@@ -1,2 +1,2 @@
-import type { DateRangePickerProps } from "./date-range-picker.types";
+import type { DateRangePickerProps } from "./date-range-picker.types.js";
 export declare function DateRangePicker({ className, description, errorMessage, label, presets, showPresets, ...props }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/date-range-picker/date-range-picker.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, DateInput, DateRangePicker as AriaDateRangePicker, DateSegment, Dialog, FieldError, Group, Label, Popover, Text, } from "react-aria-components";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, } from "../../styles/field";
-import { DateRangePickerPopoverBody } from "./date-range-picker.calendar";
-import { dateRangeGroupClass, dateRangeInputClass, dateRangePickerClassName, dateRangePopoverClass, dateRangeSegmentClass, dateRangeTriggerClass, } from "./date-range-picker.styles";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, } from "../../styles/field.js";
+import { DateRangePickerPopoverBody } from "./date-range-picker.calendar.js";
+import { dateRangeGroupClass, dateRangeInputClass, dateRangePickerClassName, dateRangePopoverClass, dateRangeSegmentClass, dateRangeTriggerClass, } from "./date-range-picker.styles.js";
 export function DateRangePicker({ className, description, errorMessage, label, presets, showPresets = true, ...props }) {
     return (_jsxs(AriaDateRangePicker, { ...props, className: dateRangePickerClassName(className), children: [label ? _jsx(Label, { className: fieldLabelClass, children: label }) : null, _jsxs(Group, { className: dateRangeGroupClass, "data-kp-surface": true, children: [_jsx(DateInput, { slot: "start", className: dateRangeInputClass, children: (segment) => (_jsx(DateSegment, { segment: segment, className: dateRangeSegmentClass })) }), _jsx("span", { "aria-hidden": "true", className: "px-0.5 text-muted-foreground", children: "\u2013" }), _jsx(DateInput, { slot: "end", className: dateRangeInputClass, children: (segment) => (_jsx(DateSegment, { segment: segment, className: dateRangeSegmentClass })) }), _jsx(Button, { className: dateRangeTriggerClass, "aria-label": "Open calendar", children: "\u25A2" })] }), description ? (_jsx(Text, { slot: "description", className: fieldDescriptionClass, children: description })) : null, _jsx(FieldError, { className: fieldErrorClass, children: errorMessage }), _jsx(Popover, { className: dateRangePopoverClass, "data-kp-surface": true, children: _jsx(Dialog, { className: "outline-none", "aria-label": "Choose date range", children: _jsx(DateRangePickerPopoverBody, { showPresets: showPresets, presets: presets }) }) })] }));
 }

package/dist/components/date-range-picker/date-range-picker.presets.d.ts

@@ -1,3 +1,3 @@
-import type { DateRangePreset, DateRangePresetId } from "./date-range-picker.types";
+import type { DateRangePreset, DateRangePresetId } from "./date-range-picker.types.js";
 export declare const defaultPresetIds: DateRangePresetId[];
 export declare function resolvePresets(presets: DateRangePresetId[] | DateRangePreset[] | undefined): DateRangePreset[];

package/dist/components/date-range-picker/date-range-picker.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export function dateRangePickerClassName(className) {
     return cn("flex w-full max-w-md flex-col gap-1.5 text-sm text-foreground", className);
 }

package/dist/components/date-range-picker/index.d.ts

@@ -1,2 +1,2 @@
-export { DateRangePicker } from "./date-range-picker";
-export type { CalendarDate, DateRangePreset, DateRangePresetId, DateRangePickerProps, DateRangeValue, DateValue, } from "./date-range-picker.types";
+export { DateRangePicker } from "./date-range-picker.js";
+export type { CalendarDate, DateRangePreset, DateRangePresetId, DateRangePickerProps, DateRangeValue, DateValue, } from "./date-range-picker.types.js";

package/dist/components/date-range-picker/index.js

@@ -1 +1 @@
-export { DateRangePicker } from "./date-range-picker";
+export { DateRangePicker } from "./date-range-picker.js";

package/dist/components/dialog/dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog as AriaDialog, DialogTrigger as AriaDialogTrigger, Heading, Modal, ModalOverlay, } from "react-aria-components";
-import { dialogActionsClass, dialogBodyClass, dialogModalClass, dialogOverlayClass, dialogPanelClass, dialogTitleClass, } from "./dialog.styles";
+import { dialogActionsClass, dialogBodyClass, dialogModalClass, dialogOverlayClass, dialogPanelClass, dialogTitleClass, } from "./dialog.styles.js";
 export function DialogTrigger(props) {
     return _jsx(AriaDialogTrigger, { ...props });
 }

package/dist/components/dialog/dialog.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export const dialogOverlayClass = "fixed inset-0 z-50 bg-[color-mix(in_oklch,var(--kp-foreground)_28%,transparent)]";
 export const dialogModalClass = "fixed inset-0 z-50 flex items-center justify-center p-4";
 export function dialogPanelClass(className) {

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

@@ -1,4 +1,4 @@
-import { Dialog, DialogActions, DialogBody, DialogTrigger } from "./dialog";
+import { Dialog, DialogActions, DialogBody, DialogTrigger } from "./dialog.js";
 export declare const DialogRoot: typeof DialogTrigger & {
     Content: typeof Dialog;
     Body: typeof DialogBody;

package/dist/components/dialog/index.js

@@ -1,4 +1,4 @@
-import { Dialog, DialogActions, DialogBody, DialogTrigger, } from "./dialog";
+import { Dialog, DialogActions, DialogBody, DialogTrigger, } from "./dialog.js";
 export const DialogRoot = Object.assign(DialogTrigger, {
     Content: Dialog,
     Body: DialogBody,

package/dist/components/donut-chart/donut-chart.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import { ChartTooltip } from "../../chart/interaction";
-import type { ChartStatus, DonutSlice } from "../../chart/types";
+import { ChartTooltip } from "../../chart/interaction.js";
+import type { ChartStatus, DonutSlice } from "../../chart/types.js";
 export type DonutChartProps = {
     slices: DonutSlice[];
     summary: string;

package/dist/components/donut-chart/donut-chart.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { pie as d3Pie, arc as d3Arc } from "d3-shape";
-import { seriesColor } from "../../chart/colors";
-import { ChartFrame } from "../../chart/frame";
-import { ChartInteractionProvider, ChartTooltip, useChartInteraction, } from "../../chart/interaction";
-import { useMotionMode } from "../../providers/motion-provider";
+import { seriesColor } from "../../chart/colors.js";
+import { ChartFrame } from "../../chart/frame.js";
+import { ChartInteractionProvider, ChartTooltip, useChartInteraction, } from "../../chart/interaction.js";
+import { useMotionMode } from "../../providers/motion-provider.js";
 function resolveDonutStatus(slices, status) {
     if (status)
         return status;

package/dist/components/donut-chart/index.d.ts

@@ -1 +1 @@
-export { DonutChart, type DonutChartProps } from "./donut-chart";
+export { DonutChart, type DonutChartProps } from "./donut-chart.js";

package/dist/components/donut-chart/index.js

@@ -1 +1 @@
-export { DonutChart } from "./donut-chart";
+export { DonutChart } from "./donut-chart.js";

package/dist/components/drawer/drawer.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog as AriaDialog, DialogTrigger as AriaDialogTrigger, Heading, Modal, ModalOverlay, } from "react-aria-components";
-import { Button } from "../button";
-import { cn } from "../../utils/cn";
+import { Button } from "../button/index.js";
+import { cn } from "../../utils/cn.js";
 export function DrawerTrigger(props) {
     return _jsx(AriaDialogTrigger, { ...props });
 }

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

@@ -1 +1 @@
-export { Drawer, DrawerTrigger } from "./drawer";
+export { Drawer, DrawerTrigger } from "./drawer.js";

package/dist/components/drawer/index.js

@@ -1 +1 @@
-export { Drawer, DrawerTrigger } from "./drawer";
+export { Drawer, DrawerTrigger } from "./drawer.js";

package/dist/components/empty/empty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export function Empty({ title, children, action, className, }) {
     return (_jsxs("div", { role: "status", className: cn("flex flex-col items-start gap-2 rounded-[var(--kp-radius-lg)] border border-dashed border-border px-4 py-6", "bg-[color-mix(in_oklch,var(--kp-muted)_35%,transparent)]", className), children: [_jsx("p", { className: "text-sm font-medium text-balance text-foreground", children: title }), children ? (_jsx("div", { className: "max-w-sm text-sm leading-relaxed text-muted-foreground text-pretty", children: children })) : null, action ? _jsx("div", { className: "pt-1", children: action }) : null] }));
 }

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

@@ -1 +1 @@
-export { Empty } from "./empty";
+export { Empty } from "./empty.js";

package/dist/components/empty/index.js

@@ -1 +1 @@
-export { Empty } from "./empty";
+export { Empty } from "./empty.js";

package/dist/components/file-upload/file-upload.d.ts

@@ -1,2 +1,2 @@
-import type { FileUploadProps } from "./file-upload.types";
+import type { FileUploadProps } from "./file-upload.types.js";
 export declare function FileUpload({ acceptedFileTypes, allowsMultiple, buttonLabel, className, defaultFiles, description, emptyLabel, errorMessage, files, isDisabled, isInvalid, label, onFilesChange, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/file-upload/file-upload.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, DropZone, FileTrigger, Text, } from "react-aria-components";
-import { Button as KpButton } from "../button";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, } from "../../styles/field";
-import { dropZoneClassName, dropZoneHintClass, dropZoneIconClass, fileListClass, fileNameClass, fileRowClass, fileUploadRootClass, removeFileClass, } from "./file-upload.styles";
+import { Button as KpButton } from "../button/index.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, } from "../../styles/field.js";
+import { dropZoneClassName, dropZoneHintClass, dropZoneIconClass, fileListClass, fileNameClass, fileRowClass, fileUploadRootClass, removeFileClass, } from "./file-upload.styles.js";
 function formatSize(bytes) {
     if (bytes < 1024)
         return `${bytes} B`;

package/dist/components/file-upload/file-upload.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export function fileUploadRootClass(className) {
     return cn("flex w-full max-w-md flex-col gap-2.5 text-sm text-foreground", className);
 }

package/dist/components/file-upload/index.d.ts

@@ -1,2 +1,2 @@
-export { FileUpload } from "./file-upload";
-export type { FileUploadProps } from "./file-upload.types";
+export { FileUpload } from "./file-upload.js";
+export type { FileUploadProps } from "./file-upload.types.js";

package/dist/components/file-upload/index.js

@@ -1 +1 @@
-export { FileUpload } from "./file-upload";
+export { FileUpload } from "./file-upload.js";

package/dist/components/form/form.d.ts

@@ -1,2 +1,2 @@
-import type { FormProps } from "./form.types";
+import type { FormProps } from "./form.types.js";
 export declare function Form({ children, className, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/form.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Form as AriaForm } from "react-aria-components";
-import { formClassName } from "./form.styles";
+import { formClassName } from "./form.styles.js";
 export function Form({ children, className, ...props }) {
     return (_jsx(AriaForm, { ...props, className: formClassName(className), children: children }));
 }

package/dist/components/form/form.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export function formClassName(className) {
     return cn("flex w-full max-w-sm flex-col gap-4", className);
 }

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

@@ -1,2 +1,2 @@
-export { Form } from "./form";
-export type { FormProps } from "./form.types";
+export { Form } from "./form.js";
+export type { FormProps } from "./form.types.js";

package/dist/components/form/index.js

@@ -1 +1 @@
-export { Form } from "./form";
+export { Form } from "./form.js";

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

@@ -1,2 +1,2 @@
-export { InputGroup } from "./input-group";
-export type { InputGroupAffixProps, InputGroupProps, InputGroupSize, InputGroupVariant, } from "./input-group.types";
+export { InputGroup } from "./input-group.js";
+export type { InputGroupAffixProps, InputGroupProps, InputGroupSize, InputGroupVariant, } from "./input-group.types.js";

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

@@ -1 +1 @@
-export { InputGroup } from "./input-group";
+export { InputGroup } from "./input-group.js";

package/dist/components/input-group/input-group.d.ts

@@ -1,4 +1,4 @@
-import type { InputGroupAffixProps, InputGroupProps } from "./input-group.types";
+import type { InputGroupAffixProps, InputGroupProps } from "./input-group.types.js";
 declare function Prefix({ children, className }: InputGroupAffixProps): import("react/jsx-runtime").JSX.Element;
 declare function Suffix({ children, className }: InputGroupAffixProps): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupInput({ className, ...props }: {

package/dist/components/input-group/input-group.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldError, Group, Input, Label, Text, TextField as AriaTextField, } from "react-aria-components";
-import { cn } from "../../utils/cn";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field";
-import { inputGroupAffixClass, inputGroupClassName, inputGroupInputClass, } from "./input-group.styles";
+import { cn } from "../../utils/cn.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field.js";
+import { inputGroupAffixClass, inputGroupClassName, inputGroupInputClass, } from "./input-group.styles.js";
 function Prefix({ children, className }) {
     return _jsx("span", { className: inputGroupAffixClass(className), children: children });
 }

package/dist/components/input-group/input-group.styles.d.ts

@@ -1,4 +1,4 @@
-import { type FieldSize, type FieldVariant } from "../../styles/field";
+import { type FieldSize, type FieldVariant } from "../../styles/field.js";
 export declare function inputGroupClassName({ className, size, variant, }?: {
     className?: string | undefined;
     size?: FieldSize | undefined;

package/dist/components/input-group/input-group.styles.js

@@ -1,5 +1,5 @@
-import { cn } from "../../utils/cn";
-import { inputSurfaceClassName, } from "../../styles/field";
+import { cn } from "../../utils/cn.js";
+import { inputSurfaceClassName, } from "../../styles/field.js";
 export function inputGroupClassName({ className, size = "md", variant = "outline", } = {}) {
     return cn(inputSurfaceClassName({ size, variant }), "flex items-center gap-2", className);
 }

package/dist/components/input-group/input-group.types.d.ts

@@ -1,6 +1,6 @@
 import type { TextFieldProps as AriaTextFieldProps } from "react-aria-components";
 import type { ReactNode } from "react";
-import type { FieldSize, FieldVariant } from "../../styles/field";
+import type { FieldSize, FieldVariant } from "../../styles/field.js";
 export type InputGroupVariant = FieldVariant;
 export type InputGroupSize = FieldSize;
 export type InputGroupProps = Omit<AriaTextFieldProps, "className" | "children"> & {

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

@@ -1,2 +1,2 @@
-export { InputOtp as InputOTP, InputOtp } from "./input-otp";
-export type { InputOtpProps as InputOTPProps, InputOtpProps, InputOtpSize as InputOTPSize, InputOtpSize, InputOtpVariant as InputOTPVariant, InputOtpVariant, } from "./input-otp.types";
+export { InputOtp as InputOTP, InputOtp } from "./input-otp.js";
+export type { InputOtpProps as InputOTPProps, InputOtpProps, InputOtpSize as InputOTPSize, InputOtpSize, InputOtpVariant as InputOTPVariant, InputOtpVariant, } from "./input-otp.types.js";

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

@@ -1 +1 @@
-export { InputOtp as InputOTP, InputOtp } from "./input-otp";
+export { InputOtp as InputOTP, InputOtp } from "./input-otp.js";

package/dist/components/input-otp/input-otp.d.ts

@@ -1,2 +1,2 @@
-import type { InputOtpProps } from "./input-otp.types";
+import type { InputOtpProps } from "./input-otp.types.js";
 export declare function InputOtp({ "aria-label": ariaLabel, autoFocus, className, defaultValue, description, errorMessage, isDisabled, isInvalid, isRequired, label, length, name, onChange, onComplete, size, value, variant, }: InputOtpProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input-otp/input-otp.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useRef, useState, } from "react";
-import { cn } from "../../utils/cn";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldSurfaceProps, } from "../../styles/field";
-import { inputOtpRootClass, inputOtpSlotClassName, inputOtpSlotsClass, } from "./input-otp.styles";
+import { cn } from "../../utils/cn.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldSurfaceProps, } from "../../styles/field.js";
+import { inputOtpRootClass, inputOtpSlotClassName, inputOtpSlotsClass, } from "./input-otp.styles.js";
 function normalize(value, length) {
     return value.replace(/\D/g, "").slice(0, length);
 }

package/dist/components/input-otp/input-otp.styles.d.ts

@@ -1,4 +1,4 @@
-import { type FieldSize, type FieldVariant } from "../../styles/field";
+import { type FieldSize, type FieldVariant } from "../../styles/field.js";
 export declare function inputOtpRootClass(className?: string | undefined): string;
 export declare const inputOtpSlotsClass = "flex flex-row flex-nowrap items-center gap-2";
 export declare function inputOtpSlotClassName({ className, size, variant, }?: {

package/dist/components/input-otp/input-otp.styles.js

@@ -1,5 +1,5 @@
-import { cn } from "../../utils/cn";
-import { inputSurfaceClassName, } from "../../styles/field";
+import { cn } from "../../utils/cn.js";
+import { inputSurfaceClassName, } from "../../styles/field.js";
 export function inputOtpRootClass(className) {
     return cn("flex w-full max-w-sm flex-col gap-1.5 text-sm text-foreground", className);
 }

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { FieldSize, FieldVariant } from "../../styles/field";
+import type { FieldSize, FieldVariant } from "../../styles/field.js";
 export type InputOtpVariant = FieldVariant;
 export type InputOtpSize = FieldSize;
 export type InputOtpProps = {

package/dist/components/line-chart/index.d.ts

@@ -1 +1 @@
-export { LineChart, type LineChartProps } from "./line-chart";
+export { LineChart, type LineChartProps } from "./line-chart.js";

package/dist/components/line-chart/index.js

@@ -1 +1 @@
-export { LineChart } from "./line-chart";
+export { LineChart } from "./line-chart.js";

package/dist/components/line-chart/line-chart.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import { ChartTooltip } from "../../chart/interaction";
-import type { ChartSeries, ChartStatus } from "../../chart/types";
+import { ChartTooltip } from "../../chart/interaction.js";
+import type { ChartSeries, ChartStatus } from "../../chart/types.js";
 export type LineChartProps = {
     series: ChartSeries[];
     summary: string;

package/dist/components/line-chart/line-chart.js

@@ -2,14 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { drawIn } from "@hewnui/motion";
 import { m } from "motion/react";
-import { AxisLabels, GridLines } from "../../chart/axes";
-import { seriesColor } from "../../chart/colors";
-import { ChartFrame } from "../../chart/frame";
-import { ChartInteractionProvider, ChartTooltip, useChartInteraction, } from "../../chart/interaction";
-import { linePath } from "../../chart/path";
-import { createLinearScales, flattenSeries } from "../../chart/scales";
-import { resolveStatus } from "../../chart/status";
-import { useMotionMode } from "../../providers/motion-provider";
+import { AxisLabels, GridLines } from "../../chart/axes.js";
+import { seriesColor } from "../../chart/colors.js";
+import { ChartFrame } from "../../chart/frame.js";
+import { ChartInteractionProvider, ChartTooltip, useChartInteraction, } from "../../chart/interaction.js";
+import { linePath } from "../../chart/path.js";
+import { createLinearScales, flattenSeries } from "../../chart/scales.js";
+import { resolveStatus } from "../../chart/status.js";
+import { useMotionMode } from "../../providers/motion-provider.js";
 function LineChartRoot({ series, summary, className, width = 480, height = 240, status, children, }) {
     const resolved = resolveStatus(series, status);
     if (resolved !== "ready") {

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

@@ -1,2 +1,2 @@
-export { Link } from "./link";
-export type { LinkProps, LinkVariant } from "./link.types";
+export { Link } from "./link.js";
+export type { LinkProps, LinkVariant } from "./link.types.js";

package/dist/components/link/index.js

@@ -1 +1 @@
-export { Link } from "./link";
+export { Link } from "./link.js";

package/dist/components/link/link.d.ts

@@ -1,2 +1,2 @@
-import type { LinkProps } from "./link.types";
+import type { LinkProps } from "./link.types.js";
 export declare function Link({ children, className, variant, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/link/link.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link as AriaLink } from "react-aria-components";
-import { linkClassName } from "./link.styles";
+import { linkClassName } from "./link.styles.js";
 export function Link({ children, className, variant = "accent", ...props }) {
     return (_jsx(AriaLink, { ...props, className: linkClassName({ className, variant }), children: children }));
 }

package/dist/components/link/link.styles.d.ts

@@ -1,4 +1,4 @@
-import type { LinkVariant } from "./link.types";
+import type { LinkVariant } from "./link.types.js";
 export declare function linkClassName({ className, variant, }?: {
     className?: string | undefined;
     variant?: LinkVariant | undefined;

package/dist/components/link/link.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 const variants = {
     accent: "text-accent hover:brightness-[1.08]",
     muted: "text-muted-foreground hover:text-foreground",

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

@@ -1,4 +1,4 @@
-import { Menu, MenuButton, MenuItem, MenuSeparator, MenuTrigger } from "./menu";
+import { Menu, MenuButton, MenuItem, MenuSeparator, MenuTrigger } from "./menu.js";
 export declare const MenuRoot: typeof MenuTrigger & {
     Button: typeof MenuButton;
     Content: typeof Menu;

package/dist/components/menu/index.js

@@ -1,4 +1,4 @@
-import { Menu, MenuButton, MenuItem, MenuSeparator, MenuTrigger, } from "./menu";
+import { Menu, MenuButton, MenuItem, MenuSeparator, MenuTrigger, } from "./menu.js";
 export const MenuRoot = Object.assign(MenuTrigger, {
     Button: MenuButton,
     Content: Menu,

package/dist/components/menu/menu.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button, Menu as AriaMenu, MenuItem as AriaMenuItem, MenuTrigger as AriaMenuTrigger, Popover, Separator, } from "react-aria-components";
-import { menuItemClass, popoverSurfaceClass } from "../../styles/overlays";
-import { buttonClassName } from "../button/button.styles";
-import { useMotionMode } from "../../providers/motion-provider";
+import { menuItemClass, popoverSurfaceClass } from "../../styles/overlays.js";
+import { buttonClassName } from "../button/button.styles.js";
+import { useMotionMode } from "../../providers/motion-provider.js";
 export function MenuTrigger({ children, ...props }) {
     return _jsx(AriaMenuTrigger, { ...props, children: children });
 }

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

@@ -1,2 +1,2 @@
-export { NumberField } from "./number-field";
-export type { NumberFieldProps, NumberFieldSize, NumberFieldVariant, } from "./number-field.types";
+export { NumberField } from "./number-field.js";
+export type { NumberFieldProps, NumberFieldSize, NumberFieldVariant, } from "./number-field.types.js";

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

@@ -1 +1 @@
-export { NumberField } from "./number-field";
+export { NumberField } from "./number-field.js";

package/dist/components/number-field/number-field.d.ts

@@ -1,2 +1,2 @@
-import type { NumberFieldProps } from "./number-field.types";
+import type { NumberFieldProps } from "./number-field.types.js";
 export declare function NumberField({ className, description, errorMessage, inputClassName: inputClass, label, size, variant, ...props }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/number-field/number-field.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, FieldError, Group, Input, Label, NumberField as AriaNumberField, Text, } from "react-aria-components";
-import { cn } from "../../utils/cn";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field";
-import { numberGroupClassName, numberInputClass, numberStepperClass, } from "./number-field.styles";
+import { cn } from "../../utils/cn.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field.js";
+import { numberGroupClassName, numberInputClass, numberStepperClass, } from "./number-field.styles.js";
 function StepIcon({ direction }) {
     return (_jsx("svg", { viewBox: "0 0 12 12", className: "size-3.5", "aria-hidden": true, children: _jsx("path", { d: direction === "up"
                 ? "M2.5 7.5 6 4l3.5 3.5"

package/dist/components/number-field/number-field.styles.d.ts

@@ -1,4 +1,4 @@
-import { type FieldSize, type FieldVariant } from "../../styles/field";
+import { type FieldSize, type FieldVariant } from "../../styles/field.js";
 export declare function numberGroupClassName({ className, size, variant, }?: {
     className?: string | undefined;
     size?: FieldSize | undefined;

package/dist/components/number-field/number-field.styles.js

@@ -1,5 +1,5 @@
-import { cn } from "../../utils/cn";
-import { inputSurfaceClassName, } from "../../styles/field";
+import { cn } from "../../utils/cn.js";
+import { inputSurfaceClassName, } from "../../styles/field.js";
 export function numberGroupClassName({ className, size = "md", variant = "outline", } = {}) {
     return cn(inputSurfaceClassName({ size, variant }), "flex items-stretch gap-0 p-0 tabular-nums", variant !== "flushed" && "overflow-hidden", className);
 }

package/dist/components/number-field/number-field.types.d.ts

@@ -1,6 +1,6 @@
 import type { NumberFieldProps as AriaNumberFieldProps } from "react-aria-components";
 import type { ReactNode } from "react";
-import type { FieldSize, FieldVariant } from "../../styles/field";
+import type { FieldSize, FieldVariant } from "../../styles/field.js";
 export type NumberFieldVariant = FieldVariant;
 export type NumberFieldSize = FieldSize;
 export type NumberFieldProps = Omit<AriaNumberFieldProps, "className" | "children"> & {

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

@@ -1,3 +1,3 @@
-export { Pagination } from "./pagination";
-export type { PaginationItem, PaginationProps, PaginationSize, } from "./pagination.types";
-export { getPaginationItems } from "./pagination.utils";
+export { Pagination } from "./pagination.js";
+export type { PaginationItem, PaginationProps, PaginationSize, } from "./pagination.types.js";
+export { getPaginationItems } from "./pagination.utils.js";

package/dist/components/pagination/index.js

@@ -1,2 +1,2 @@
-export { Pagination } from "./pagination";
-export { getPaginationItems } from "./pagination.utils";
+export { Pagination } from "./pagination.js";
+export { getPaginationItems } from "./pagination.utils.js";

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

@@ -1,2 +1,2 @@
-import type { PaginationProps } from "./pagination.types";
+import type { PaginationProps } from "./pagination.types.js";
 export declare function Pagination({ "aria-label": ariaLabel, boundaryCount, className, defaultPage, getHref, isDisabled, nextLabel, onPageChange, page, previousLabel, siblingCount, size, total, }: PaginationProps): import("react/jsx-runtime").JSX.Element;