@cladd-ui/react 0.0.12 → 0.0.14

package/components/Select.d.ts

@@ -1,13 +1,13 @@
 import { ReactNode, Ref, MouseEvent } from 'react';
-import { ButtonSize } from './Button';
-import { PopoverOffset, PopoverPosition } from './Popover';
+import { ButtonSize } from './Button.js';
+import { PopoverOffset, PopoverPosition } from './Popover.js';
 interface SelectOptionRenderParams<T> {
     value: T;
     index: number;
     selected: boolean;
 }
-import { Color } from '../types';
-import { ButtonProps } from './Button';
+import { Color } from '../types.js';
+import { ButtonProps } from './Button.js';
 interface SelectOwnProps<T = string> {
     /** Selected value (single-select) or array of selected values (when `multiple`). */
     value?: T | T[];

package/components/Select.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, useEffect, useId, useRef, useState, } from 'react';
-import { useDevice } from '../hooks/use-device';
-import { useTheme } from '../hooks/use-theme';
-import { cn } from '../shared/cn';
-import { Button, buttonIconSizes } from './Button';
-import { Checkbox } from './Checkbox';
-import { DropdownIcon } from './icons/DropdownIcon';
-import { List } from './List';
-import { ListButton } from './ListButton';
-import { Popover } from './Popover';
-import { Radio } from './Radio';
-import { SearchField } from './SearchField';
-import { SectionTitle } from './SectionTitle';
-import { Shortcut } from './Shortcut';
+import { useDevice } from '../hooks/use-device.js';
+import { useTheme } from '../hooks/use-theme.js';
+import { cn } from '../shared/cn.js';
+import { Button, buttonIconSizes } from './Button.js';
+import { Checkbox } from './Checkbox.js';
+import { DropdownIcon } from './icons/DropdownIcon.js';
+import { List } from './List.js';
+import { ListButton } from './ListButton.js';
+import { Popover } from './Popover.js';
+import { Radio } from './Radio.js';
+import { SearchField } from './SearchField.js';
+import { SectionTitle } from './SectionTitle.js';
+import { Shortcut } from './Shortcut.js';
 export function Select(props) {
     const theme = useTheme();
     const { value = '', placeholder = '', title = '', options = [], multiple, disabled, readOnly, 

package/components/Shortcut.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
-import { Color } from '../types';
-import { SurfaceVariant } from './Surface';
+import { Color } from '../types.js';
+import { SurfaceVariant } from './Surface.js';
 export type ShortcutSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 interface ShortcutOwnProps {
     /** Extra classes for the shortcut root container. */

package/components/Shortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAUjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7D,UAAU,gBAAgB;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAC1C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEhE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA4K5C,CAAC"}
+{"version":3,"file":"Shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAUjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE7D,UAAU,gBAAgB;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sDAAsD;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAC1C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAEhE,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA6K5C,CAAC"}

package/components/Shortcut.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLayoutEffect, useState, } from 'react';
-import { cn } from '../shared/cn';
-import { KeyboardArrowLeftIcon } from './icons/KeyboardArrowLeftIcon';
-import { KeyboardBackspaceIcon } from './icons/KeyboardBackspaceIcon';
-import { KeyboardCommandIcon } from './icons/KeyboardCommandIcon';
-import { KeyboardControlIcon } from './icons/KeyboardControlIcon';
-import { KeyboardOptionIcon } from './icons/KeyboardOptionIcon';
-import { KeyboardReturnIcon } from './icons/KeyboardReturnIcon';
-import { KeyboardShiftIcon } from './icons/KeyboardShiftIcon';
-import { KeyboardSpaceIcon } from './icons/KeyboardSpaceIcon';
-import { KeyboardTabIcon } from './icons/KeyboardTabIcon';
-import { Surface } from './Surface';
+import { cn } from '../shared/cn.js';
+import { KeyboardArrowLeftIcon } from './icons/KeyboardArrowLeftIcon.js';
+import { KeyboardBackspaceIcon } from './icons/KeyboardBackspaceIcon.js';
+import { KeyboardCommandIcon } from './icons/KeyboardCommandIcon.js';
+import { KeyboardControlIcon } from './icons/KeyboardControlIcon.js';
+import { KeyboardOptionIcon } from './icons/KeyboardOptionIcon.js';
+import { KeyboardReturnIcon } from './icons/KeyboardReturnIcon.js';
+import { KeyboardShiftIcon } from './icons/KeyboardShiftIcon.js';
+import { KeyboardSpaceIcon } from './icons/KeyboardSpaceIcon.js';
+import { KeyboardTabIcon } from './icons/KeyboardTabIcon.js';
+import { Surface } from './Surface.js';
 export const Shortcut = (props) => {
     const { className = '', iconClassName = '', keyClassName = '', keyContentClassName = '', surfaceLevel = '+2', outline = true, variant = 'gradient', color, children, size = 'md', ref, ...rest } = props;
     const [isMac, setIsMac] = useState(false);
@@ -129,6 +129,6 @@ export const Shortcut = (props) => {
     useLayoutEffect(() => {
         setIsMac(navigator.userAgent.includes('Mac'));
     }, []);
-    return (_jsx("div", { ref: ref, className: cn('shortcut inline-flex shrink-0 items-center gap-0.5 self-center align-middle font-mono leading-0 tabular-nums', className), ...rest, children: keys.map((key, index) => (_jsx(Surface, { color: color, variant: variant, level: surfaceLevel, className: cn('relative shrink-0 font-semibold', !isFill && 'text-primary', fontSizeClass, roundedClass, sizeClass, keyClassName), outline: outline, contentClassName: cn('flex items-center justify-center px-0.5', isTextKey(key) && 'px-1', keyContentClassName), children: getKey(key) }, index))) }));
+    return (_jsx("div", { ref: ref, className: cn('shortcut inline-flex shrink-0 items-center gap-0.5 self-center align-middle font-mono leading-0 tabular-nums', className), ...rest, children: keys.map((key, index) => (_jsx(Surface, { component: "kbd", color: color, variant: variant, level: surfaceLevel, className: cn('relative shrink-0 font-semibold', !isFill && 'text-primary', fontSizeClass, roundedClass, sizeClass, keyClassName), outline: outline, contentClassName: cn('flex items-center justify-center px-0.5', isTextKey(key) && 'px-1', keyContentClassName), children: getKey(key) }, index))) }));
 };
 //# sourceMappingURL=Shortcut.js.map

package/components/Shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../../src/components/Shortcut.tsx"],"names":[],"mappings":"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"}

package/components/Slider.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-import { Color } from '../types';
+import { Color } from '../types.js';
 export type SliderSize = 'sm' | 'md';
 export interface SliderProps {
     /** Controlled value. When omitted, the component falls back to uncontrolled mode using `defaultValue`. */

package/components/Slider.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { useAccentColor } from '../hooks/use-accent-color';
-import { cn } from '../shared/cn';
-import { FocusableLayer } from './FocusableLayer';
-import { Surface } from './Surface';
-import { SurfaceCut } from './SurfaceCut';
+import { useAccentColor } from '../hooks/use-accent-color.js';
+import { cn } from '../shared/cn.js';
+import { FocusableLayer } from './FocusableLayer.js';
+import { Surface } from './Surface.js';
+import { SurfaceCut } from './SurfaceCut.js';
 export function Slider(props) {
     const accentColor = useAccentColor();
     const { value: valueProp, defaultValue = 0, min = 0, max = 100, step = 1, size = 'sm', readOnly = false, disabled = false, onChange = () => { }, className, color = accentColor, input: _input = false, debounce = 0, } = props;

package/components/Spinner.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../types';
+import { Color } from '../types.js';
 export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export interface SpinnerProps {
     /** Spinner dimension. Default `'sm'`. Drives the size, knob position, and border thickness. */

package/components/Spinner.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAccentColor } from '../hooks/use-accent-color';
-import { cn } from '../shared/cn';
+import { useAccentColor } from '../hooks/use-accent-color.js';
+import { cn } from '../shared/cn.js';
 export function Spinner(props) {
     const accentColor = useAccentColor();
     const { size = 'sm', color = accentColor, className } = props;

package/components/Surface.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref, ElementType, ComponentPropsWithoutRef } from 'react';
-import { Color } from '../types';
+import { Color } from '../types.js';
 export type SurfaceVariant = 'transparent' | 'solid' | 'gradient' | 'solid-fill' | 'gradient-fill';
 interface SurfaceOwnProps<C extends ElementType = 'div'> {
     /**

package/components/Surface.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSurface } from '../hooks/use-surface';
-import { cn } from '../shared/cn';
-import { SurfaceContent } from './SurfaceContent';
-import { SurfaceContextProvider } from './SurfaceContext';
+import { useSurface } from '../hooks/use-surface.js';
+import { cn } from '../shared/cn.js';
+import { SurfaceContent } from './SurfaceContent.js';
+import { SurfaceContextProvider } from './SurfaceContext.js';
 export const Surface = (props) => {
     const MAX_LEVEL = 5;
     const { level, children, className = '', contentClassName = '', bgClassName = '', outline = false, variant = 'solid', component = 'div', clickable = false, pressed, hoverable = false, color = '', wrapContent = true, beforeContent, ref, ...rest } = props;

package/components/SurfaceContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../shared/cn';
+import { cn } from '../shared/cn.js';
 export const SurfaceContent = (props) => {
     const { children, className = '', ref, ...rest } = props;
     return (_jsx("div", { ref: ref, className: cn(`relative h-full`, className), ...rest, children: children }));

package/components/SurfaceCut.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref, ElementType, ComponentPropsWithoutRef } from 'react';
-import { Color } from '../types';
+import { Color } from '../types.js';
 interface SurfaceCutOwnProps<C extends ElementType = 'div'> {
     /** Surface-cut content. */
     children?: ReactNode;

package/components/SurfaceCut.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSurface } from '../hooks/use-surface';
-import { cn } from '../shared/cn';
-import { SurfaceContextProvider } from './SurfaceContext';
-import { SurfaceCutContent } from './SurfaceCutContent';
+import { useSurface } from '../hooks/use-surface.js';
+import { cn } from '../shared/cn.js';
+import { SurfaceContextProvider } from './SurfaceContext.js';
+import { SurfaceCutContent } from './SurfaceCutContent.js';
 export const SurfaceCut = (props) => {
     const { children, className = '', outline = true, color, hoverable = false, clickable = false, pressed = false, component = 'div', wrapContent = true, contentClassName = '', ref, ...rest } = props;
     const Component = component;

package/components/SurfaceCutContent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../shared/cn';
+import { cn } from '../shared/cn.js';
 export const SurfaceCutContent = (props) => {
     const { children, fullHeight = true, component = 'div', className = '', ref, ...rest } = props;
     const Component = component;

package/components/Switch.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { Color } from '../types';
-import { SurfaceVariant } from './Surface';
+import { Color } from '../types.js';
+import { SurfaceVariant } from './Surface.js';
 export type SwitchSize = 'sm' | 'md';
 interface SwitchOwnProps<C extends ElementType = 'label'> {
     /** Controlled checked state. Default `false`. */

package/components/Switch.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, } from 'react';
-import { useAccentColor } from '../hooks/use-accent-color';
-import { cn } from '../shared/cn';
-import { FocusableLayer } from './FocusableLayer';
-import { Surface } from './Surface';
+import { useAccentColor } from '../hooks/use-accent-color.js';
+import { cn } from '../shared/cn.js';
+import { FocusableLayer } from './FocusableLayer.js';
+import { Surface } from './Surface.js';
 export function Switch(props) {
     const accentColor = useAccentColor();
     const { checked = false, disabled = false, readOnly, onChange = () => { }, color = accentColor, component = 'label', icon, size = 'md', className, input = true, hoverable, focusable, outline = true, variant = 'solid', surfaceLevel = '+1', knobOutline = true, knobVariant = 'gradient', knobSurfaceLevel = '+2', } = props;

package/components/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode, Ref, FocusEvent, KeyboardEvent, FormEvent, ComponentPropsWithoutRef } from 'react';
-import { Color } from '../types';
+import { Color } from '../types.js';
 export type TextAreaSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 interface TextAreaOwnProps<C extends ElementType = 'div'> {
     /** Polymorphic wrapper element. Defaults to `'div'`. The editable area itself is always a `contenteditable` `<div>`. */

package/components/TextArea.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, } from 'react';
-import { useAccentColor } from '../hooks/use-accent-color';
-import { cn } from '../shared/cn';
-import { roundedClasses } from '../shared/rounded-classes';
-import { FocusableLayer } from './FocusableLayer';
-import { SurfaceCut } from './SurfaceCut';
-import { SurfaceCutContent } from './SurfaceCutContent';
+import { useAccentColor } from '../hooks/use-accent-color.js';
+import { cn } from '../shared/cn.js';
+import { roundedClasses } from '../shared/rounded-classes.js';
+import { FocusableLayer } from './FocusableLayer.js';
+import { SurfaceCut } from './SurfaceCut.js';
+import { SurfaceCutContent } from './SurfaceCutContent.js';
 export const TextArea = (props) => {
     const accentColor = useAccentColor();
     const { component = 'div', ref: externalRef, value, placeholder, disabled = false, readOnly, rounded = false, size = 'lg', onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, color = accentColor, prefix, suffix, updateContentOnChange = true, className, contentClassName, inputClassName, placeholderClassName = '', valid = true, infoMessage, errorMessage, icon, surfaceClassName, } = props;

package/components/ThemeContext.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../types';
+import { Color } from '../types.js';
 type ThemeContextValue = {
     theme: 'dark' | 'light';
     accentColor: Color;

package/components/Toast.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode, Ref } from 'react';
-import { Color } from '../types';
-import { SurfaceVariant } from './Surface';
+import { Color } from '../types.js';
+import { SurfaceVariant } from './Surface.js';
 /**
  * State container for the `Toast` + `ToastTrigger` + `Toast` compound. Less commonly used than
  * the imperative `useToasts()` portal API - prefer the portal for app-wide notifications and

package/components/Toast.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, createContext, useContext, useState, useEffect, useRef, } from 'react';
 import { createPortal } from 'react-dom';
-import { useModalUtils } from '../hooks/use-modal-utils';
-import { useTheme } from '../hooks/use-theme';
-import { cn } from '../shared/cn';
-import { Button } from './Button';
-import { CloseIcon } from './icons/CloseIcon';
-import { ModalController } from './ModalController';
-import { Surface } from './Surface';
+import { useModalUtils } from '../hooks/use-modal-utils.js';
+import { useTheme } from '../hooks/use-theme.js';
+import { cn } from '../shared/cn.js';
+import { Button } from './Button.js';
+import { CloseIcon } from './icons/CloseIcon.js';
+import { ModalController } from './ModalController.js';
+import { Surface } from './Surface.js';
 const ToastRootContext = createContext(null);
 /**
  * State container for the `Toast` + `ToastTrigger` + `Toast` compound. Less commonly used than

package/components/ToastsPortal.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Toast } from './Toast';
-import { useToastsPortalContext } from './ToastsPortalContext';
+import { Toast } from './Toast.js';
+import { useToastsPortalContext } from './ToastsPortalContext.js';
 export function ToastsPortal() {
     const { data, state, setState, setData } = useToastsPortalContext();
     if (!data)

package/components/ToastsPortalContext.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../types';
+import { Color } from '../types.js';
 /**
  * Shape of a queued toast in the imperative toast portal. Mirrors `ToastProps` but adds an
  * `id` (used as React key + lifecycle handle) and an internal `removed` flag.

package/components/Toolbar.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, Ref, ElementType } from 'react';
-import { Color } from '../types';
-import { ButtonSize } from './Button';
-import { SurfaceProps, SurfaceVariant } from './Surface';
+import { Color } from '../types.js';
+import { ButtonSize } from './Button.js';
+import { SurfaceProps, SurfaceVariant } from './Surface.js';
 interface ToolbarOwnProps<C extends ElementType = 'div'> {
     /** Toolbar items - typically `ToolbarButton` and `ToolbarSeparator`. */
     children?: ReactNode;

package/components/Toolbar.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { cn } from '../shared/cn';
-import { roundedClasses } from '../shared/rounded-classes';
-import { Surface } from './Surface';
-import { ToolbarContextProvider } from './ToolbarContext';
+import { cn } from '../shared/cn.js';
+import { roundedClasses } from '../shared/rounded-classes.js';
+import { Surface } from './Surface.js';
+import { ToolbarContextProvider } from './ToolbarContext.js';
 export const Toolbar = (props) => {
     const elRef = useRef(null);
     const { children, className = '', contentClassName = '', rounded = true, size = 'md', component = 'div', color = '', ref, variant = 'gradient', outline = true, buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, ...rest } = props;

package/components/ToolbarButton.d.ts

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { ButtonProps } from './Button';
+import { ButtonProps } from './Button.js';
 /**
  * `ToolbarButton` accepts the full `Button` API. When rendered inside a `Toolbar`,
  * `size`, `rounded`, `variant`, and `outline` default to the values supplied by the

package/components/ToolbarButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from './Button';
-import { useToolbarContext } from './ToolbarContext';
+import { Button } from './Button.js';
+import { useToolbarContext } from './ToolbarContext.js';
 export const ToolbarButton = (props) => {
     const { size = 'md', rounded = true, variant = 'transparent', outline = false, } = useToolbarContext();
     return (_jsx(Button, { size: size, rounded: rounded, variant: variant, outline: outline, ...props }));

package/components/ToolbarContext.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { ButtonSize } from './Button';
-import { SurfaceVariant } from './Surface';
+import { ButtonSize } from './Button.js';
+import { SurfaceVariant } from './Surface.js';
 interface ToolbarContextValue {
     size?: ButtonSize;
     rounded?: boolean;

package/components/ToolbarSeparator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../shared/cn';
+import { cn } from '../shared/cn.js';
 export const ToolbarSeparator = (props) => {
     const { children, className = '', ref, ...rest } = props;
     return (_jsx("div", { ref: ref, className: cn('mx-1 h-1/2 w-px bg-surface-outline', className), ...rest, children: children }));

package/components/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TooltipPrimitiveProps, TooltipPosition } from './TooltipPrimitive';
+import { TooltipPrimitiveProps, TooltipPosition } from './TooltipPrimitive.js';
 export type { TooltipPosition };
 export interface TooltipProps extends Omit<TooltipPrimitiveProps, 'children' | 'ref'> {
     /**

package/components/Tooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, useEffect, useRef, useState } from 'react';
-import { useDevice } from '../hooks/use-device';
-import { TooltipPrimitive, } from './TooltipPrimitive';
+import { useDevice } from '../hooks/use-device.js';
+import { TooltipPrimitive, } from './TooltipPrimitive.js';
 let tooltipGlobalTimeout = 0;
 let tooltipGlobalTimeoutId = 0;
 const resetGlobalTimeout = () => {

package/components/TooltipPrimitive.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, Ref } from 'react';
-import { Color } from '../types';
-import { SurfaceProps } from './Surface';
+import { Color } from '../types.js';
+import { SurfaceProps } from './Surface.js';
 type OffsetValue = number | string;
 export type TooltipPosition = 'top' | 'bottom';
 interface TooltipPrimitiveOwnProps {

package/components/TooltipPrimitive.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { useModalUtils } from '../hooks/use-modal-utils';
-import { useTheme } from '../hooks/use-theme';
-import { cn } from '../shared/cn';
-import { ModalController } from './ModalController';
-import { Surface } from './Surface';
+import { useModalUtils } from '../hooks/use-modal-utils.js';
+import { useTheme } from '../hooks/use-theme.js';
+import { cn } from '../shared/cn.js';
+import { ModalController } from './ModalController.js';
+import { Surface } from './Surface.js';
 const resolveOffset = (value) => {
     if (typeof value === 'number')
         return `${value}px`;

package/components/UIProvider.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../types';
+import { Color } from '../types.js';
 export interface UIProviderProps {
     /**
      * Color scheme. Default `'dark'`. Read by `useTheme` and used to switch surface defaults

package/components/UIProvider.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DialogsPortal } from './DialogsPortal';
-import { DialogsPortalProvider } from './DialogsPortalContext';
-import { ThemeProvider } from './ThemeContext';
-import { ToastsPortal } from './ToastsPortal';
-import { ToastsPortalProvider } from './ToastsPortalContext';
+import { DialogsPortal } from './DialogsPortal.js';
+import { DialogsPortalProvider } from './DialogsPortalContext.js';
+import { ThemeProvider } from './ThemeContext.js';
+import { ToastsPortal } from './ToastsPortal.js';
+import { ToastsPortalProvider } from './ToastsPortalContext.js';
 export const UIProvider = (props) => {
     const { theme = 'dark', accentColor = 'brand', children } = props;
     return (_jsx(ThemeProvider, { theme: theme, accentColor: accentColor, children: _jsx(DialogsPortalProvider, { children: _jsxs(ToastsPortalProvider, { children: [children, _jsx(DialogsPortal, {}), _jsx(ToastsPortal, {})] }) }) }));

package/hooks/use-accent-color.d.ts

@@ -1,2 +1,2 @@
-export declare const useAccentColor: () => import("../types").Color;
+export declare const useAccentColor: () => import("..").Color;
 //# sourceMappingURL=use-accent-color.d.ts.map

package/hooks/use-accent-color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-accent-color.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-accent-color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,gCAE1B,CAAC"}
+{"version":3,"file":"use-accent-color.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-accent-color.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,0BAE1B,CAAC"}

package/hooks/use-accent-color.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ThemeContext } from '../components/ThemeContext';
+import { ThemeContext } from '../components/ThemeContext.js';
 export const useAccentColor = () => {
     return useContext(ThemeContext).accentColor;
 };

package/hooks/use-dialog.d.ts

@@ -1,4 +1,4 @@
-import { DialogsPortalData } from '../components/DialogsPortalContext';
+import { DialogsPortalData } from '../components/DialogsPortalContext.js';
 export declare const useDialog: ({ lazy }?: {
     lazy?: boolean;
 }) => {

package/hooks/use-dialog.js

@@ -1,5 +1,5 @@
-import { useDialogsPortalContext, } from '../components/DialogsPortalContext';
-import { useAccentColor } from './use-accent-color';
+import { useDialogsPortalContext, } from '../components/DialogsPortalContext.js';
+import { useAccentColor } from './use-accent-color.js';
 export const useDialog = ({ lazy } = {}) => {
     const { setState, setData } = useDialogsPortalContext();
     const accentColor = useAccentColor();

package/hooks/use-modal-utils.d.ts

@@ -1,4 +1,4 @@
-import { ModalPhase } from '../components/ModalController';
+import { ModalPhase } from '../components/ModalController.js';
 export declare const useModalUtils: ({ phase, onPhaseChange, lazy, onClose, onClosed, onOpen, onOpened, transitionEndElRef, closeOnEscape, }: {
     phase: ModalPhase;
     onPhaseChange?: (phase: ModalPhase) => void;

package/hooks/use-modal-utils.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { nextTick } from '../shared/next-tick';
+import { nextTick } from '../shared/next-tick.js';
 export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose = () => { }, onClosed = () => { }, onOpen = () => { }, onOpened = () => { }, transitionEndElRef, closeOnEscape = true, }) => {
     const initiallyOpenedRef = useRef(false);
     const [opened, setOpened] = useState(false);

package/hooks/use-surface.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { SurfaceContext } from '../components/SurfaceContext';
+import { SurfaceContext } from '../components/SurfaceContext.js';
 export function useSurface() {
     return (useContext(SurfaceContext) || { level: 0 }).level;
 }

package/hooks/use-theme.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ThemeContext } from '../components/ThemeContext';
+import { ThemeContext } from '../components/ThemeContext.js';
 export const useTheme = () => {
     return useContext(ThemeContext).theme;
 };

package/hooks/use-toast.d.ts

@@ -1,3 +1,3 @@
-import { ToastsPortalData } from '../components/ToastsPortalContext';
+import { ToastsPortalData } from '../components/ToastsPortalContext.js';
 export declare const useToast: () => ({ title, text, color, closeButton, icon, iconComponent, onClosed, }: Partial<ToastsPortalData>) => void;
 //# sourceMappingURL=use-toast.d.ts.map

package/hooks/use-toast.js

@@ -1,4 +1,4 @@
-import { useToastsPortalContext, } from '../components/ToastsPortalContext';
+import { useToastsPortalContext, } from '../components/ToastsPortalContext.js';
 export const useToast = () => {
     const { setState, state, setData, data } = useToastsPortalContext();
     return ({ title, text, color, closeButton, icon, iconComponent, onClosed, }) => {