@hewnui/ui 0.1.0 → 0.1.1

package/dist/components/tabs/tabs.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import { type TabsProps as AriaTabsProps } from "react-aria-components";
-import { type TabsVariant } from "./tabs.styles";
+import { type TabsVariant } from "./tabs.styles.js";
 export declare function Tabs({ children, variant, ...props }: Omit<AriaTabsProps, "children" | "className"> & {
     children: ReactNode;
     variant?: TabsVariant;

package/dist/components/tabs/tabs.js

@@ -4,8 +4,8 @@ import { createContext, useContext, useId, } from "react";
 import { Tab as AriaTab, TabList as AriaTabList, TabPanel as AriaTabPanel, Tabs as AriaTabs, } from "react-aria-components";
 import { m } from "motion/react";
 import { springs } from "@hewnui/motion";
-import { useMotionMode } from "../../providers/motion-provider";
-import { tabClass, tabIndicatorClass, tabPanelClass, tabsListClass, } from "./tabs.styles";
+import { useMotionMode } from "../../providers/motion-provider.js";
+import { tabClass, tabIndicatorClass, tabPanelClass, tabsListClass, } from "./tabs.styles.js";
 const TabsContext = createContext({
     layoutId: "kp-tab",
     variant: "pills",

package/dist/components/tabs/tabs.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 const listVariants = {
     pills: cn("relative inline-flex max-w-full gap-0.5 overflow-x-auto rounded-[var(--kp-radius-md)] p-1", "border border-[color-mix(in_oklch,var(--kp-foreground)_12%,transparent)]", "bg-[color-mix(in_oklch,var(--kp-muted)_72%,transparent)]", "shadow-[inset_0_1px_2px_oklch(0_0_0/8%)]"),
     line: cn("relative inline-flex max-w-full gap-4 overflow-x-auto border-b", "border-[color-mix(in_oklch,var(--kp-foreground)_14%,transparent)] pb-0.5"),

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

@@ -1,2 +1,2 @@
-export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./tag-field";
-export type { TagFieldChangeHandler, TagFieldItemProps, TagFieldProps, TagFieldSize, TagFieldVariant, } from "./tag-field.types";
+export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./tag-field.js";
+export type { TagFieldChangeHandler, TagFieldItemProps, TagFieldProps, TagFieldSize, TagFieldVariant, } from "./tag-field.types.js";

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

@@ -1 +1 @@
-export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./tag-field";
+export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./tag-field.js";

package/dist/components/tag-field/tag-field-tags.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, ComboBoxValue, Tag, TagGroup, TagList, } from "react-aria-components";
-import { tagFieldEmptyClass, tagFieldRemoveClass, tagFieldTagClass, tagFieldTagListClass, } from "./tag-field.styles";
-import { TagFieldRemoveIcon } from "./tag-field-icons";
+import { tagFieldEmptyClass, tagFieldRemoveClass, tagFieldTagClass, tagFieldTagListClass, } from "./tag-field.styles.js";
+import { TagFieldRemoveIcon } from "./tag-field-icons.js";
 export function TagFieldSelectedTags({ emptyLabel, tagsLabel, }) {
     return (_jsx(ComboBoxValue, { children: ({ state }) => {
             const nodes = state.selectedItems;

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

@@ -1,4 +1,4 @@
-import type { TagFieldItemProps, TagFieldProps } from "./tag-field.types";
+import type { TagFieldItemProps, TagFieldProps } from "./tag-field.types.js";
 export declare function TagField({ children, className, description, emptyLabel, errorMessage, label, listEmptyLabel, maxSelections, onChange, onInputChange, placeholder, size, tagsLabel, variant, value, defaultValue, ...props }: TagFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare function TagFieldItem({ children, id, isDisabled, textValue, }: TagFieldItemProps): import("react/jsx-runtime").JSX.Element;
 /** Alias for MultiSelect naming. */

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

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { Button, ComboBox as AriaComboBox, FieldError, Input, Label, ListBox, ListBoxItem, Popover, Text, } from "react-aria-components";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, } from "../../styles/field";
-import { cn } from "../../utils/cn";
-import { TagFieldChevronIcon } from "./tag-field-icons";
-import { fieldSurfaceProps, tagFieldInputClass, tagFieldItemClass, tagFieldListClass, tagFieldListEmptyClass, tagFieldPopoverClass, tagFieldShellClass, tagFieldToggleClass, } from "./tag-field.styles";
-import { TagFieldSelectedTags } from "./tag-field-tags";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, } from "../../styles/field.js";
+import { cn } from "../../utils/cn.js";
+import { TagFieldChevronIcon } from "./tag-field-icons.js";
+import { fieldSurfaceProps, tagFieldInputClass, tagFieldItemClass, tagFieldListClass, tagFieldListEmptyClass, tagFieldPopoverClass, tagFieldShellClass, tagFieldToggleClass, } from "./tag-field.styles.js";
+import { TagFieldSelectedTags } from "./tag-field-tags.js";
 function asKeyArray(value) {
     if (Array.isArray(value))
         return value;

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

@@ -1,5 +1,5 @@
-import type { FieldSize, FieldVariant } from "../../styles/field";
-import { fieldSurfaceProps } from "../../styles/field";
+import type { FieldSize, FieldVariant } from "../../styles/field.js";
+import { fieldSurfaceProps } from "../../styles/field.js";
 export { fieldSurfaceProps };
 export declare function tagFieldShellClass(className?: string, size?: FieldSize, variant?: FieldVariant): string;
 export declare function tagFieldInputClass(size?: FieldSize): string;

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

@@ -1,6 +1,6 @@
-import { cn } from "../../utils/cn";
-import { fieldSurfaceProps } from "../../styles/field";
-import { menuItemClass, popoverSurfaceClass } from "../../styles/overlays";
+import { cn } from "../../utils/cn.js";
+import { fieldSurfaceProps } from "../../styles/field.js";
+import { menuItemClass, popoverSurfaceClass } from "../../styles/overlays.js";
 export { fieldSurfaceProps };
 const variants = {
     outline: cn("border border-[color-mix(in_oklch,var(--kp-foreground)_16%,transparent)]", "bg-[color-mix(in_oklch,var(--kp-surface)_88%,var(--kp-foreground)_4%)]", "shadow-[var(--kp-shadow-surface),inset_0_1px_0_oklch(1_0_0/35%)]", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/30"),

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { ComboBoxProps, Key } from "react-aria-components";
-import type { FieldSize, FieldVariant } from "../../styles/field";
+import type { FieldSize, FieldVariant } from "../../styles/field.js";
 export type TagFieldSize = FieldSize;
 export type TagFieldVariant = FieldVariant;
 type MultiComboBoxProps = ComboBoxProps<object, "multiple">;

package/dist/components/text-area/index.d.ts

@@ -1,2 +1,2 @@
-export { TextArea } from "./text-area";
-export type { TextAreaProps, TextAreaSize, TextAreaVariant } from "./text-area.types";
+export { TextArea } from "./text-area.js";
+export type { TextAreaProps, TextAreaSize, TextAreaVariant } from "./text-area.types.js";

package/dist/components/text-area/index.js

@@ -1 +1 @@
-export { TextArea } from "./text-area";
+export { TextArea } from "./text-area.js";

package/dist/components/text-area/text-area.d.ts

@@ -1,2 +1,2 @@
-import type { TextAreaProps } from "./text-area.types";
+import type { TextAreaProps } from "./text-area.types.js";
 export declare function TextArea({ className, description, errorMessage, label, placeholder, rows, size, textAreaClassName: areaClass, variant, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/text-area/text-area.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldError, Label, Text, TextArea as AriaTextArea, TextField as AriaTextField, } from "react-aria-components";
-import { cn } from "../../utils/cn";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field";
-import { textAreaClassName } from "./text-area.styles";
+import { cn } from "../../utils/cn.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, } from "../../styles/field.js";
+import { textAreaClassName } from "./text-area.styles.js";
 export function TextArea({ className, description, errorMessage, label, placeholder, rows = 4, size = "md", textAreaClassName: areaClass, variant = "outline", ...props }) {
     return (_jsxs(AriaTextField, { ...props, className: cn(fieldRootClass, className), children: [label ? _jsx(Label, { className: fieldLabelClass, children: label }) : null, _jsx(AriaTextArea, { ...fieldSurfaceProps(variant), rows: rows, className: textAreaClassName({ className: areaClass, size, variant }), ...(placeholder !== undefined ? { placeholder } : {}) }), description ? (_jsx(Text, { slot: "description", className: fieldDescriptionClass, children: description })) : null, _jsx(FieldError, { className: fieldErrorClass, children: errorMessage })] }));
 }

package/dist/components/text-area/text-area.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 textAreaClassName({ className, size, variant, }?: {
     className?: string | undefined;
     size?: FieldSize | undefined;

package/dist/components/text-area/text-area.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 textAreaClassName({ className, size = "md", variant = "outline", } = {}) {
     return cn(inputSurfaceClassName({ size, variant }), "min-h-[6.5rem] resize-y py-2.5 leading-relaxed", className);
 }

package/dist/components/text-area/text-area.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 TextAreaVariant = FieldVariant;
 export type TextAreaSize = FieldSize;
 export type TextAreaProps = Omit<AriaTextFieldProps, "className" | "children"> & {

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

@@ -1,2 +1,2 @@
-export { TextField } from "./text-field";
-export type { TextFieldProps } from "./text-field.types";
+export { TextField } from "./text-field.js";
+export type { TextFieldProps } from "./text-field.types.js";

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

@@ -1 +1 @@
-export { TextField } from "./text-field";
+export { TextField } from "./text-field.js";

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

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

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldError, Input, Label, Text, TextField as AriaTextField, } from "react-aria-components";
-import { cn } from "../../utils/cn";
-import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, } from "../../styles/field";
+import { cn } from "../../utils/cn.js";
+import { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, } from "../../styles/field.js";
 export function TextField({ className, description, errorMessage, inputClassName: inputClass, label, placeholder, size = "md", variant = "outline", ...props }) {
     return (_jsxs(AriaTextField, { ...props, className: cn(fieldRootClass, className), children: [label ? _jsx(Label, { className: fieldLabelClass, children: label }) : null, _jsx(Input, { ...fieldSurfaceProps(variant), className: inputClassName({ className: inputClass, size, variant }), ...(placeholder !== undefined ? { placeholder } : {}) }), description ? (_jsx(Text, { slot: "description", className: fieldDescriptionClass, children: description })) : null, _jsx(FieldError, { className: fieldErrorClass, children: errorMessage })] }));
 }

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

@@ -1 +1 @@
-export { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, inputSurfaceClassName, } from "../../styles/field";
+export { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, inputSurfaceClassName, } from "../../styles/field.js";

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

@@ -1 +1 @@
-export { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, inputSurfaceClassName, } from "../../styles/field";
+export { fieldDescriptionClass, fieldErrorClass, fieldLabelClass, fieldRootClass, fieldSurfaceProps, inputClassName, inputSurfaceClassName, } from "../../styles/field.js";

package/dist/components/text-field/text-field.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 TextFieldVariant = FieldVariant;
 export type TextFieldSize = FieldSize;
 export type TextFieldProps = Omit<AriaTextFieldProps, "className" | "children"> & {

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

@@ -1,2 +1,2 @@
-export { ToastProvider, useToast } from "./toast";
-export type { ToastTone } from "./toast.styles";
+export { ToastProvider, useToast } from "./toast.js";
+export type { ToastTone } from "./toast.styles.js";

package/dist/components/toast/index.js

@@ -1 +1 @@
-export { ToastProvider, useToast } from "./toast";
+export { ToastProvider, useToast } from "./toast.js";

package/dist/components/toast/toast-glyph.d.ts

@@ -1,4 +1,4 @@
-import { type ToastTone } from "./toast.styles";
+import { type ToastTone } from "./toast.styles.js";
 export declare function ToastGlyph({ tone }: {
     tone: ToastTone;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/toast/toast-glyph.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { toastIconClassName } from "./toast.styles";
+import { toastIconClassName } from "./toast.styles.js";
 export function ToastGlyph({ tone }) {
     const common = {
         viewBox: "0 0 16 16",

package/dist/components/toast/toast-item.d.ts

@@ -1,4 +1,4 @@
-import { type ToastTone } from "./toast.styles";
+import { type ToastTone } from "./toast.styles.js";
 export type ToastItemData = {
     id: string;
     title: string;

package/dist/components/toast/toast-item.js

@@ -3,9 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { m } from "motion/react";
 import { easings, springs } from "@hewnui/motion";
-import { useMotionMode } from "../../providers/motion-provider";
-import { ToastGlyph } from "./toast-glyph";
-import { toastBodyClassName, toastDescriptionClassName, toastDismissClassName, toastIconWellClassName, toastItemClassName, toastMetaClassName, toastProgressBarClassName, toastProgressTrackClassName, toastTitleClassName, toastToneLabel, } from "./toast.styles";
+import { useMotionMode } from "../../providers/motion-provider.js";
+import { ToastGlyph } from "./toast-glyph.js";
+import { toastBodyClassName, toastDescriptionClassName, toastDismissClassName, toastIconWellClassName, toastItemClassName, toastMetaClassName, toastProgressBarClassName, toastProgressTrackClassName, toastTitleClassName, toastToneLabel, } from "./toast.styles.js";
 function ToastItemInner({ item, onDismiss, }) {
     const { motionEnabled } = useMotionMode();
     const tone = item.tone;

package/dist/components/toast/toast.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type ToastTone } from "./toast.styles";
+import { type ToastTone } from "./toast.styles.js";
 export type { ToastTone };
 type ToastInput = {
     title: string;

package/dist/components/toast/toast.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { AnimatePresence } from "motion/react";
-import { ToastItem } from "./toast-item";
-import { toastViewportClassName } from "./toast.styles";
+import { ToastItem } from "./toast-item.js";
+import { toastViewportClassName } from "./toast.styles.js";
 const DEFAULT_DURATION = 4200;
 const ToastContext = createContext(null);
 export function ToastProvider({ children }) {

package/dist/components/toast/toast.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 const toneVars = {
     default: "[--toast-tone:var(--kp-foreground)] [--toast-tone-soft:color-mix(in_oklch,var(--kp-foreground)_12%,transparent)]",
     success: "[--toast-tone:var(--kp-success)] [--toast-tone-soft:var(--kp-success-subtle)]",

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

@@ -1,2 +1,2 @@
-export { Tooltip, TooltipTrigger } from "./tooltip";
-export type { TooltipProps, TooltipTriggerProps } from "./tooltip.types";
+export { Tooltip, TooltipTrigger } from "./tooltip.js";
+export type { TooltipProps, TooltipTriggerProps } from "./tooltip.types.js";

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-export { Tooltip, TooltipTrigger } from "./tooltip";
+export { Tooltip, TooltipTrigger } from "./tooltip.js";

package/dist/components/tooltip/tooltip.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipProps, TooltipTriggerProps } from "./tooltip.types";
+import type { TooltipProps, TooltipTriggerProps } from "./tooltip.types.js";
 export declare function TooltipTrigger({ children, closeDelay, delay, ...props }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function Tooltip({ children, className, offset, placement, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger, } from "react-aria-components";
-import { tooltipClassName } from "./tooltip.styles";
+import { tooltipClassName } from "./tooltip.styles.js";
 export function TooltipTrigger({ children, closeDelay = 0, delay = 400, ...props }) {
     return (_jsx(AriaTooltipTrigger, { delay: delay, closeDelay: closeDelay, ...props, children: children }));
 }

package/dist/components/tooltip/tooltip.styles.js

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/cn";
+import { cn } from "../../utils/cn.js";
 export function tooltipClassName(className) {
     return cn("z-50 max-w-xs rounded-[var(--kp-radius-sm)] border px-2.5 py-1.5 text-xs font-medium", "border-[color-mix(in_oklch,var(--kp-foreground)_22%,transparent)]", 
     // Solid inverse chrome — never data-kp-surface (glass !important washes kill contrast).

package/dist/index.d.ts

@@ -1,54 +1,54 @@
-export { ThemeProvider, themePacks, useTheme, type ThemeMode, type ThemeName, } from "./providers/theme-provider";
-export { MaterialProvider, useMaterial, type MaterialMode, } from "./providers/material-provider";
-export { RadiusProvider, radiusScales, useRadius, type RadiusScale, } from "./providers/radius-provider";
-export { MotionProvider, useMotionMode, } from "./providers/motion-provider";
+export { ThemeProvider, themePacks, useTheme, type ThemeMode, type ThemeName, } from "./providers/theme-provider.js";
+export { MaterialProvider, useMaterial, type MaterialMode, } from "./providers/material-provider.js";
+export { RadiusProvider, radiusScales, useRadius, type RadiusScale, } from "./providers/radius-provider.js";
+export { MotionProvider, useMotionMode, } from "./providers/motion-provider.js";
 export { motionModes, type MotionMode } from "@hewnui/motion";
-export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, } from "./components/button";
-export { TextField, type TextFieldProps } from "./components/text-field";
-export { TextArea, type TextAreaProps, type TextAreaSize, type TextAreaVariant, } from "./components/text-area";
-export { NumberField, type NumberFieldProps, type NumberFieldSize, type NumberFieldVariant, } from "./components/number-field";
-export { SearchField, type SearchFieldProps, type SearchFieldSize, type SearchFieldVariant, } from "./components/search-field";
-export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./components/radio-group";
-export { CheckboxGroup, type CheckboxGroupProps, } from "./components/checkbox-group";
-export { Slider, type SliderProps } from "./components/slider";
-export { Form, type FormProps } from "./components/form";
-export { InputGroup, type InputGroupAffixProps, type InputGroupProps, type InputGroupSize, type InputGroupVariant, } from "./components/input-group";
-export { PasswordField, type PasswordFieldProps, type PasswordFieldSize, type PasswordFieldVariant, } from "./components/password-field";
-export { InputOTP, InputOtp, type InputOTPProps, type InputOtpProps, type InputOTPSize, type InputOtpSize, type InputOTPVariant, type InputOtpVariant, } from "./components/input-otp";
-export { FileUpload, type FileUploadProps, } from "./components/file-upload";
-export { Checkbox, type CheckboxProps } from "./components/checkbox";
-export { Switch, type SwitchProps } from "./components/switch";
-export { Dialog, DialogActions, DialogBody, DialogRoot, DialogTrigger, } from "./components/dialog";
-export { CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteLoading, CommandPaletteRecent, CommandPaletteRoot, CommandPaletteTrigger, commandPaletteHotkeyLabel, useCommandPaletteHotkey, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, type CommandPaletteRecentProps, type CommandPaletteTriggerProps, type UseCommandPaletteHotkeyOptions, } from "./components/command-palette";
-export { Select, SelectItem, SelectRoot } from "./components/select";
-export { Tab, TabList, TabPanel, Tabs, TabsRoot } from "./components/tabs";
-export { Stepper, StepperStep, useStepper, type StepperOrientation, type StepperProps, type StepperStepProps, type StepStatus, type UseStepperOptions, type UseStepperResult, } from "./components/stepper";
-export { Table, TableBody, TableCell, TableColumn, TableEmpty, TableHeader, TableLoading, TableRoot, TableRow, } from "./components/table";
-export { DatePicker } from "./components/date-picker";
-export { DateRangePicker, type CalendarDate, type DateRangePreset, type DateRangePresetId, type DateRangePickerProps, type DateRangeValue, type DateValue, } from "./components/date-range-picker";
-export { ColorPicker, defaultColorPresets, hexToOklchDisplay, type ColorPickerProps, type ColorPickerVariant, } from "./components/color-picker";
-export { Combobox, ComboboxItem } from "./components/combobox";
-export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, type TagFieldChangeHandler, type TagFieldItemProps, type TagFieldProps, type TagFieldSize, type TagFieldVariant, } from "./components/tag-field";
-export { Menu, MenuButton, MenuItem, MenuRoot, MenuSeparator, MenuTrigger, } from "./components/menu";
-export { ToastProvider, useToast, type ToastTone, } from "./components/toast";
-export { Drawer, DrawerTrigger } from "./components/drawer";
-export { Tooltip, TooltipTrigger, type TooltipProps, type TooltipTriggerProps, } from "./components/tooltip";
-export { Popover, PopoverBody, PopoverTitle, PopoverTrigger, type PopoverProps, type PopoverTriggerProps, } from "./components/popover";
-export { Breadcrumb, Breadcrumbs, type BreadcrumbItemProps, type BreadcrumbsProps, } from "./components/breadcrumbs";
-export { Pagination, getPaginationItems, type PaginationItem, type PaginationProps, type PaginationSize, } from "./components/pagination";
-export { Link, type LinkProps, type LinkVariant, } from "./components/link";
-export { Progress } from "./components/progress";
-export { Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, } from "./components/badge";
-export { Skeleton } from "./components/skeleton";
-export { Spinner } from "./components/spinner";
-export { DataTable } from "./components/data-table";
-export { Sparkline, type SparklineProps } from "./components/sparkline";
-export { LineChart, type LineChartProps } from "./components/line-chart";
-export { AreaChart, type AreaChartProps } from "./components/area-chart";
-export { BarChart, type BarChartProps } from "./components/bar-chart";
-export { DonutChart, type DonutChartProps } from "./components/donut-chart";
-export { Card, CardBody, CardFooter, CardHeader, type CardProps, } from "./components/card";
-export { Empty } from "./components/empty";
-export type { ChartDatum, ChartSeries, ChartStatus, DonutSlice, } from "./chart/types";
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, } from "./components/button/index.js";
+export { TextField, type TextFieldProps } from "./components/text-field/index.js";
+export { TextArea, type TextAreaProps, type TextAreaSize, type TextAreaVariant, } from "./components/text-area/index.js";
+export { NumberField, type NumberFieldProps, type NumberFieldSize, type NumberFieldVariant, } from "./components/number-field/index.js";
+export { SearchField, type SearchFieldProps, type SearchFieldSize, type SearchFieldVariant, } from "./components/search-field/index.js";
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./components/radio-group/index.js";
+export { CheckboxGroup, type CheckboxGroupProps, } from "./components/checkbox-group/index.js";
+export { Slider, type SliderProps } from "./components/slider/index.js";
+export { Form, type FormProps } from "./components/form/index.js";
+export { InputGroup, type InputGroupAffixProps, type InputGroupProps, type InputGroupSize, type InputGroupVariant, } from "./components/input-group/index.js";
+export { PasswordField, type PasswordFieldProps, type PasswordFieldSize, type PasswordFieldVariant, } from "./components/password-field/index.js";
+export { InputOTP, InputOtp, type InputOTPProps, type InputOtpProps, type InputOTPSize, type InputOtpSize, type InputOTPVariant, type InputOtpVariant, } from "./components/input-otp/index.js";
+export { FileUpload, type FileUploadProps, } from "./components/file-upload/index.js";
+export { Checkbox, type CheckboxProps } from "./components/checkbox/index.js";
+export { Switch, type SwitchProps } from "./components/switch/index.js";
+export { Dialog, DialogActions, DialogBody, DialogRoot, DialogTrigger, } from "./components/dialog/index.js";
+export { CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteLoading, CommandPaletteRecent, CommandPaletteRoot, CommandPaletteTrigger, commandPaletteHotkeyLabel, useCommandPaletteHotkey, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, type CommandPaletteRecentProps, type CommandPaletteTriggerProps, type UseCommandPaletteHotkeyOptions, } from "./components/command-palette/index.js";
+export { Select, SelectItem, SelectRoot } from "./components/select/index.js";
+export { Tab, TabList, TabPanel, Tabs, TabsRoot } from "./components/tabs/index.js";
+export { Stepper, StepperStep, useStepper, type StepperOrientation, type StepperProps, type StepperStepProps, type StepStatus, type UseStepperOptions, type UseStepperResult, } from "./components/stepper/index.js";
+export { Table, TableBody, TableCell, TableColumn, TableEmpty, TableHeader, TableLoading, TableRoot, TableRow, } from "./components/table/index.js";
+export { DatePicker } from "./components/date-picker/index.js";
+export { DateRangePicker, type CalendarDate, type DateRangePreset, type DateRangePresetId, type DateRangePickerProps, type DateRangeValue, type DateValue, } from "./components/date-range-picker/index.js";
+export { ColorPicker, defaultColorPresets, hexToOklchDisplay, type ColorPickerProps, type ColorPickerVariant, } from "./components/color-picker/index.js";
+export { Combobox, ComboboxItem } from "./components/combobox/index.js";
+export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, type TagFieldChangeHandler, type TagFieldItemProps, type TagFieldProps, type TagFieldSize, type TagFieldVariant, } from "./components/tag-field/index.js";
+export { Menu, MenuButton, MenuItem, MenuRoot, MenuSeparator, MenuTrigger, } from "./components/menu/index.js";
+export { ToastProvider, useToast, type ToastTone, } from "./components/toast/index.js";
+export { Drawer, DrawerTrigger } from "./components/drawer/index.js";
+export { Tooltip, TooltipTrigger, type TooltipProps, type TooltipTriggerProps, } from "./components/tooltip/index.js";
+export { Popover, PopoverBody, PopoverTitle, PopoverTrigger, type PopoverProps, type PopoverTriggerProps, } from "./components/popover/index.js";
+export { Breadcrumb, Breadcrumbs, type BreadcrumbItemProps, type BreadcrumbsProps, } from "./components/breadcrumbs/index.js";
+export { Pagination, getPaginationItems, type PaginationItem, type PaginationProps, type PaginationSize, } from "./components/pagination/index.js";
+export { Link, type LinkProps, type LinkVariant, } from "./components/link/index.js";
+export { Progress } from "./components/progress/index.js";
+export { Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, } from "./components/badge/index.js";
+export { Skeleton } from "./components/skeleton/index.js";
+export { Spinner } from "./components/spinner/index.js";
+export { DataTable } from "./components/data-table/index.js";
+export { Sparkline, type SparklineProps } from "./components/sparkline/index.js";
+export { LineChart, type LineChartProps } from "./components/line-chart/index.js";
+export { AreaChart, type AreaChartProps } from "./components/area-chart/index.js";
+export { BarChart, type BarChartProps } from "./components/bar-chart/index.js";
+export { DonutChart, type DonutChartProps } from "./components/donut-chart/index.js";
+export { Card, CardBody, CardFooter, CardHeader, type CardProps, } from "./components/card/index.js";
+export { Empty } from "./components/empty/index.js";
+export type { ChartDatum, ChartSeries, ChartStatus, DonutSlice, } from "./chart/types.js";
 export type { SortDescriptor } from "react-aria-components";
 export type { ColumnDef } from "@tanstack/react-table";

package/dist/index.js

@@ -1,51 +1,51 @@
-export { ThemeProvider, themePacks, useTheme, } from "./providers/theme-provider";
-export { MaterialProvider, useMaterial, } from "./providers/material-provider";
-export { RadiusProvider, radiusScales, useRadius, } from "./providers/radius-provider";
-export { MotionProvider, useMotionMode, } from "./providers/motion-provider";
+export { ThemeProvider, themePacks, useTheme, } from "./providers/theme-provider.js";
+export { MaterialProvider, useMaterial, } from "./providers/material-provider.js";
+export { RadiusProvider, radiusScales, useRadius, } from "./providers/radius-provider.js";
+export { MotionProvider, useMotionMode, } from "./providers/motion-provider.js";
 export { motionModes } from "@hewnui/motion";
-export { Button, } from "./components/button";
-export { TextField } from "./components/text-field";
-export { TextArea, } from "./components/text-area";
-export { NumberField, } from "./components/number-field";
-export { SearchField, } from "./components/search-field";
-export { Radio, RadioGroup, } from "./components/radio-group";
-export { CheckboxGroup, } from "./components/checkbox-group";
-export { Slider } from "./components/slider";
-export { Form } from "./components/form";
-export { InputGroup, } from "./components/input-group";
-export { PasswordField, } from "./components/password-field";
-export { InputOTP, InputOtp, } from "./components/input-otp";
-export { FileUpload, } from "./components/file-upload";
-export { Checkbox } from "./components/checkbox";
-export { Switch } from "./components/switch";
-export { Dialog, DialogActions, DialogBody, DialogRoot, DialogTrigger, } from "./components/dialog";
-export { CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteLoading, CommandPaletteRecent, CommandPaletteRoot, CommandPaletteTrigger, commandPaletteHotkeyLabel, useCommandPaletteHotkey, } from "./components/command-palette";
-export { Select, SelectItem, SelectRoot } from "./components/select";
-export { Tab, TabList, TabPanel, Tabs, TabsRoot } from "./components/tabs";
-export { Stepper, StepperStep, useStepper, } from "./components/stepper";
-export { Table, TableBody, TableCell, TableColumn, TableEmpty, TableHeader, TableLoading, TableRoot, TableRow, } from "./components/table";
-export { DatePicker } from "./components/date-picker";
-export { DateRangePicker, } from "./components/date-range-picker";
-export { ColorPicker, defaultColorPresets, hexToOklchDisplay, } from "./components/color-picker";
-export { Combobox, ComboboxItem } from "./components/combobox";
-export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./components/tag-field";
-export { Menu, MenuButton, MenuItem, MenuRoot, MenuSeparator, MenuTrigger, } from "./components/menu";
-export { ToastProvider, useToast, } from "./components/toast";
-export { Drawer, DrawerTrigger } from "./components/drawer";
-export { Tooltip, TooltipTrigger, } from "./components/tooltip";
-export { Popover, PopoverBody, PopoverTitle, PopoverTrigger, } from "./components/popover";
-export { Breadcrumb, Breadcrumbs, } from "./components/breadcrumbs";
-export { Pagination, getPaginationItems, } from "./components/pagination";
-export { Link, } from "./components/link";
-export { Progress } from "./components/progress";
-export { Badge, } from "./components/badge";
-export { Skeleton } from "./components/skeleton";
-export { Spinner } from "./components/spinner";
-export { DataTable } from "./components/data-table";
-export { Sparkline } from "./components/sparkline";
-export { LineChart } from "./components/line-chart";
-export { AreaChart } from "./components/area-chart";
-export { BarChart } from "./components/bar-chart";
-export { DonutChart } from "./components/donut-chart";
-export { Card, CardBody, CardFooter, CardHeader, } from "./components/card";
-export { Empty } from "./components/empty";
+export { Button, } from "./components/button/index.js";
+export { TextField } from "./components/text-field/index.js";
+export { TextArea, } from "./components/text-area/index.js";
+export { NumberField, } from "./components/number-field/index.js";
+export { SearchField, } from "./components/search-field/index.js";
+export { Radio, RadioGroup, } from "./components/radio-group/index.js";
+export { CheckboxGroup, } from "./components/checkbox-group/index.js";
+export { Slider } from "./components/slider/index.js";
+export { Form } from "./components/form/index.js";
+export { InputGroup, } from "./components/input-group/index.js";
+export { PasswordField, } from "./components/password-field/index.js";
+export { InputOTP, InputOtp, } from "./components/input-otp/index.js";
+export { FileUpload, } from "./components/file-upload/index.js";
+export { Checkbox } from "./components/checkbox/index.js";
+export { Switch } from "./components/switch/index.js";
+export { Dialog, DialogActions, DialogBody, DialogRoot, DialogTrigger, } from "./components/dialog/index.js";
+export { CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteLoading, CommandPaletteRecent, CommandPaletteRoot, CommandPaletteTrigger, commandPaletteHotkeyLabel, useCommandPaletteHotkey, } from "./components/command-palette/index.js";
+export { Select, SelectItem, SelectRoot } from "./components/select/index.js";
+export { Tab, TabList, TabPanel, Tabs, TabsRoot } from "./components/tabs/index.js";
+export { Stepper, StepperStep, useStepper, } from "./components/stepper/index.js";
+export { Table, TableBody, TableCell, TableColumn, TableEmpty, TableHeader, TableLoading, TableRoot, TableRow, } from "./components/table/index.js";
+export { DatePicker } from "./components/date-picker/index.js";
+export { DateRangePicker, } from "./components/date-range-picker/index.js";
+export { ColorPicker, defaultColorPresets, hexToOklchDisplay, } from "./components/color-picker/index.js";
+export { Combobox, ComboboxItem } from "./components/combobox/index.js";
+export { MultiSelect, MultiSelectItem, TagField, TagFieldItem, } from "./components/tag-field/index.js";
+export { Menu, MenuButton, MenuItem, MenuRoot, MenuSeparator, MenuTrigger, } from "./components/menu/index.js";
+export { ToastProvider, useToast, } from "./components/toast/index.js";
+export { Drawer, DrawerTrigger } from "./components/drawer/index.js";
+export { Tooltip, TooltipTrigger, } from "./components/tooltip/index.js";
+export { Popover, PopoverBody, PopoverTitle, PopoverTrigger, } from "./components/popover/index.js";
+export { Breadcrumb, Breadcrumbs, } from "./components/breadcrumbs/index.js";
+export { Pagination, getPaginationItems, } from "./components/pagination/index.js";
+export { Link, } from "./components/link/index.js";
+export { Progress } from "./components/progress/index.js";
+export { Badge, } from "./components/badge/index.js";
+export { Skeleton } from "./components/skeleton/index.js";
+export { Spinner } from "./components/spinner/index.js";
+export { DataTable } from "./components/data-table/index.js";
+export { Sparkline } from "./components/sparkline/index.js";
+export { LineChart } from "./components/line-chart/index.js";
+export { AreaChart } from "./components/area-chart/index.js";
+export { BarChart } from "./components/bar-chart/index.js";
+export { DonutChart } from "./components/donut-chart/index.js";
+export { Card, CardBody, CardFooter, CardHeader, } from "./components/card/index.js";
+export { Empty } from "./components/empty/index.js";

package/dist/styles/field.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils/cn";
+import { cn } from "../utils/cn.js";
 export const fieldRootClass = "flex w-full max-w-sm flex-col gap-1.5 text-sm text-foreground";
 export const fieldLabelClass = "font-medium tracking-tight text-foreground";
 export const fieldDescriptionClass = "text-xs leading-relaxed text-muted-foreground";

package/dist/styles/overlays.js

@@ -1,4 +1,4 @@
-import { cn } from "../utils/cn";
+import { cn } from "../utils/cn.js";
 export const popoverSurfaceClass = cn("overflow-auto rounded-[var(--kp-radius-panel)] border bg-surface-raised p-1", "shadow-[var(--kp-shadow-surface)] outline-none");
 export const menuItemClass = cn("flex cursor-default items-center gap-2 rounded-[var(--kp-radius-sm)]", "px-3 py-2 text-sm outline-none", "data-[focused]:bg-muted data-[disabled]:opacity-45");
 export const fieldTriggerClass = cn("inline-flex min-h-11 w-full max-w-sm items-center justify-between gap-2", "rounded-[var(--kp-radius-md)] border bg-surface px-3 text-sm", "shadow-[var(--kp-shadow-surface)] outline-none", "transition-[transform,background-color,border-color]", "duration-[var(--kp-motion-duration)] ease-[var(--kp-motion-ease-standard)]", "data-[pressed]:scale-[0.96] data-[disabled]:opacity-45", "data-[focus-within]:ring-2 data-[focus-within]:ring-ring", "data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring");