@sqrzro/ui 4.0.0-alpha.78 → 4.0.0-alpha.79

package/dist/components/buttons/ActionButton/index.d.ts

@@ -1,6 +1,6 @@
-import { ButtonClassNames } from '../../../components/buttons/Button';
-import { ActionComponentProps } from '../../../components/utility/Action';
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import { ButtonClassNames } from '../Button/index.js';
+import { ActionComponentProps } from '../../utility/Action/index.js';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 export interface ActionButtonProps<Data, Response> extends ClassNameProps<ButtonClassNames>, Omit<ActionComponentProps<Data, Response>, 'children'> {
     children?: React.ReactNode;
     label?: React.ReactNode;

package/dist/components/buttons/ActionButton/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import Button from '../../../components/buttons/Button';
-import Action from '../../../components/utility/Action';
-import FormSubmit from '../../../forms/components/FormSubmit';
+import Button from '../Button/index.js';
+import Action from '../../utility/Action/index.js';
+import FormSubmit from '../../../forms/components/FormSubmit/index.js';
 function ActionButton({ classNameProps, isSubmittable, ...props }) {
     return (_jsx(Action, { ...props, render: (renderProps) => isSubmittable ? (_jsx(FormSubmit, { ...renderProps, classNameProps: classNameProps })) : (_jsx(Button, { ...renderProps, classNameProps: classNameProps })) }));
 }

package/dist/components/buttons/Button/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { ActionEvent, StyleVariant } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { ActionEvent, StyleVariant } from '../../../utility/interfaces.js';
 export interface ButtonClassNames {
     root: string;
     icon: string;

package/dist/components/buttons/Button/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { useClassNames } from '../../../styles/context';
-import applyVariants from '../../../styles/classnames/utility/apply-variants';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import applyVariants from '../../../styles/classnames/utility/apply-variants.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import Link from '../../elements/Link';
 /**
  * Either a `Link` component or a `button` element, depending on whether a `href` prop is specified.

package/dist/components/collections/Collection/index.d.ts

@@ -1,5 +1,5 @@
-import type { FilterMap } from '../../../filters/interfaces';
-import type { NextPageProps } from '../../../utility/interfaces';
+import type { FilterMap } from '../../../filters/interfaces.js';
+import type { NextPageProps } from '../../../utility/interfaces.js';
 import type { EmptyMessageProps } from '../EmptyMessage';
 import type { ListFunctionConfig, Paginated } from '../interfaces';
 export interface CollectionComponentProps<Item, Transformed, Filters> {

package/dist/components/collections/Collection/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, Suspense } from 'react';
-import Loader from '../../../components/utility/Loader';
-import FilterBar from '../../../filters/components/FilterBar';
-import checkHasFilters from '../../../filters/utility/check-has-filters';
-import parseFilters from '../../../filters/utility/parse-filters';
-import parsePage from '../../../filters/utility/parse-page';
+import Loader from '../../utility/Loader/index.js';
+import FilterBar from '../../../filters/components/FilterBar/index.js';
+import checkHasFilters from '../../../filters/utility/check-has-filters.js';
+import parseFilters from '../../../filters/utility/parse-filters.js';
+import parsePage from '../../../filters/utility/parse-page.js';
 import EmptyMessage from '../EmptyMessage';
 import Pagination from '../Pagination';
 import isPaginated from '../utility/is-paginated';

package/dist/components/collections/DataTable/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { DataObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { DataObject } from '../../../utility/interfaces.js';
 export interface DataTableClassNames {
     root: string;
     row: string;

package/dist/components/collections/DataTable/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 function DataTable({ classNameProps, classNames, data, }) {
     const componentClassNames = useClassNames('dataTable', { props: classNameProps }, classNames);
     const filtered = filterNull(data);

package/dist/components/collections/DefinitionList/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { DataObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { DataObject } from '../../../utility/interfaces.js';
 export interface DefinitionListClassNames {
     root: string;
     row: string;

package/dist/components/collections/DefinitionList/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import { useClassNames } from '../../../styles/context';
+import { useClassNames } from '../../../styles/context.js';
 function DefinitionList({ classNameProps, classNames, data, }) {
     const componentClassNames = useClassNames('definitionList', { props: classNameProps }, classNames);
     const filtered = filterNull(data);

package/dist/components/collections/EmptyMessage/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces';
-import { StyleVariant } from '../../../utility/interfaces';
+import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces.js';
+import { StyleVariant } from '../../../utility/interfaces.js';
 import type { EmptyMessageActionProps } from '../EmptyMessageAction';
 export interface EmptyMessageClassNames {
     root: StylableClassName;

package/dist/components/collections/EmptyMessage/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useClassNames, useIcon } from '../../../styles/context';
-import applyVariants from '../../../styles/classnames/utility/apply-variants';
+import { useClassNames, useIcon } from '../../../styles/context.js';
+import applyVariants from '../../../styles/classnames/utility/apply-variants.js';
 import EmptyMessageAction from '../EmptyMessageAction';
 export const DEFAULT_TITLE = 'No results found';
 export const DEFAULT_CHILDREN = 'If you think this is an error, please contact the site administrator.';

package/dist/components/collections/EmptyMessageAction/index.d.ts

@@ -1,4 +1,4 @@
-import { SimpleActionObject } from '../../../utility/interfaces';
+import { SimpleActionObject } from '../../../utility/interfaces.js';
 export interface EmptyMessageActionProps {
     action: SimpleActionObject | React.ReactElement;
 }

package/dist/components/collections/EmptyMessageAction/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isValidElement } from 'react';
-import Button from '../../../components/buttons/Button';
-import useSearchParamsHref from '../../../hooks/useSearchParamsHref';
+import Button from '../../buttons/Button/index.js';
+import useSearchParamsHref from '../../../hooks/useSearchParamsHref.js';
 function EmptyMessageAction({ action }) {
     const { getSearchParamsHref } = useSearchParamsHref();
     if (isValidElement(action)) {

package/dist/components/collections/List/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { CollectionComponentProps } from '../Collection';
 import type { ListClassNames } from '../ListClientComponent';
 import type { ListItemObject } from '../interfaces';

package/dist/components/collections/ListClientComponent/index.d.ts

@@ -1,4 +1,4 @@
-import { ClassNameProps } from '../../../styles/classnames/interfaces';
+import { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { ListItemObject } from '../interfaces';
 export interface ListClassNames {
     root: string;

package/dist/components/collections/ListClientComponent/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import useSelected from '../../../hooks/useSelected';
-import { useClassNames } from '../../../styles/context';
+import useSelected from '../../../hooks/useSelected.js';
+import { useClassNames } from '../../../styles/context.js';
 import ListItem from '../ListItem';
 function ListClientComponent({ classNameProps, classNames, data, }) {
     const componentClassNames = useClassNames('list', { props: classNameProps }, classNames);

package/dist/components/collections/ListItem/index.d.ts

@@ -1,5 +1,5 @@
-import type { InputEvent } from '../../../forms/interfaces';
-import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces';
+import type { InputEvent } from '../../../forms/interfaces.js';
+import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces.js';
 import type { ListItemObject } from '../interfaces';
 export interface ListItemClassNames {
     actions: string;

package/dist/components/collections/ListItem/index.js

@@ -2,10 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
 import { usePathname } from 'next/navigation';
-import Switch from '../../../forms/components/Switch';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
-import normalizeHref from '../../../utility/normalize-href';
+import Switch from '../../../forms/components/Switch/index.js';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
+import normalizeHref from '../../../utility/normalize-href.js';
 import Link from '../../elements/Link';
 import ListItemSecondary from '../ListItemSecondary';
 import ListItemMeta from '../ListItemMeta';

package/dist/components/collections/ListItemMenu/index.d.ts

@@ -1,4 +1,4 @@
-import type { ActionObject } from '../../../utility/interfaces';
+import type { ActionObject } from '../../../utility/interfaces.js';
 interface ListItemMenuProps<Data, Response> {
     actions: ActionObject<Data, Response>[];
     data?: Data;

package/dist/components/collections/ListItemMeta/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { DataObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { DataObject } from '../../../utility/interfaces.js';
 export interface ListItemMetaClassNames {
     root: string;
     row: string;

package/dist/components/collections/ListItemMeta/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import { useClassNames } from '../../../styles/context';
-import isDataTableArray from '../../../utility/is-data-object-array';
+import { useClassNames } from '../../../styles/context.js';
+import isDataTableArray from '../../../utility/is-data-object-array.js';
 import DataTable from '../DataTable';
 function ListItemMeta({ classNameProps, classNames, data, }) {
     const componentClassNames = useClassNames('listItemMeta', { props: classNameProps }, classNames);

package/dist/components/collections/ListItemSecondary/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { ListItemClassNames } from '../ListItem';
 import type { ListItemObject } from '../interfaces';
 export type ListItemSecondaryProps<Data, Response> = ClassNameProps<ListItemClassNames> & {

package/dist/components/collections/ListItemSecondary/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useClassNames } from '../../../styles/context';
+import { useClassNames } from '../../../styles/context.js';
 import ListItemMeta from '../ListItemMeta';
 function isReactElement(element) {
     return typeof element === 'object' && element !== null && '$$typeof' in element;

package/dist/components/collections/Pagination/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps, HighlightableClassName } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps, HighlightableClassName } from '../../../styles/classnames/interfaces.js';
 export interface PaginationClassNames {
     gap: string;
     item: string;

package/dist/components/collections/Pagination/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import usePagination from '../../../hooks/usePagination';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import usePagination from '../../../hooks/usePagination.js';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import Link from '../../elements/Link';
 import PaginationLink from '../PaginationLink';
 function Pagination({ classNames, classNameProps, gapLabel = '•••', limit, nextLabel, page, previousLabel, total, }) {

package/dist/components/collections/PaginationLink/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { PaginationClassNames } from '../Pagination';
 interface PaginationLinkProps extends ClassNameProps<PaginationClassNames> {
     href: string;

package/dist/components/collections/PaginationLink/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useClassNames } from '../../../styles/context';
+import { useClassNames } from '../../../styles/context.js';
 import Link from '../../elements/Link';
 function PaginationLink({ classNameProps, classNames, href, isCurrent, label, }) {
     const componentClassNames = useClassNames('pagination', { props: classNameProps, states: { isHighlighted: isCurrent } }, classNames);

package/dist/components/collections/TableClientComponent/index.d.ts

@@ -1,4 +1,4 @@
-import { ClassNameProps, SelectableClassName } from '../../../styles/classnames/interfaces';
+import { ClassNameProps, SelectableClassName } from '../../../styles/classnames/interfaces.js';
 import type { TableColumnObject, TableItemObject } from '../interfaces';
 export interface TableClassNames {
     root: string;

package/dist/components/collections/TableClientComponent/index.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import useSelected from '../../../hooks/useSelected';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import useSelected from '../../../hooks/useSelected.js';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import isRightAligned from '../utility/is-right-aligned';
 import TableRow from '../TableRow';
-import Switch from '../../../forms/components/Switch';
+import Switch from '../../../forms/components/Switch/index.js';
 function TableClientComponent({ classNameProps, classNames, columns, data, }) {
     const componentClassNames = useClassNames('table', { props: classNameProps }, classNames);
     const { checkSelected, isAllSelected, onSelect, onSelectAll } = useSelected(data);

package/dist/components/collections/TableRow/index.d.ts

@@ -1,5 +1,5 @@
-import type { InputEvent } from '../../../forms/interfaces';
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { InputEvent } from '../../../forms/interfaces.js';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { TableClassNames } from '../TableClientComponent';
 import type { TableColumnObject, TableItemObject } from '../interfaces';
 interface TableRowProps<Columns extends readonly TableColumnObject[], Data, Response> extends ClassNameProps<TableClassNames> {

package/dist/components/collections/TableRow/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import Switch from '../../../forms/components/Switch';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import Switch from '../../../forms/components/Switch/index.js';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import isRightAligned from '../utility/is-right-aligned';
 import renderCell from '../utility/render-cell';
 import ListItemMenu from '../ListItemMenu';

package/dist/components/collections/interfaces.d.ts

@@ -1,4 +1,4 @@
-import type { ActionObject, DataObject, ReferenceObject, StyleVariant } from '../../utility/interfaces';
+import type { ActionObject, DataObject, ReferenceObject, StyleVariant } from '../../utility/interfaces.js';
 export type CollectionFunctionConfig<Filters = undefined> = {
     params?: Record<string, string> | null;
     page?: number | null;

package/dist/components/collections/utility/render-cell.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { formatDate, formatDatetime, formatMoney, formatPoints, formatTime } from '@sqrzro/utility';
 import { usePathname } from 'next/navigation';
-import Link from '../../../components/elements/Link';
-import Reference from '../../../components/elements/Reference';
-import normalizeHref from '../../../utility/normalize-href';
+import Link from '../../elements/Link/index.js';
+import Reference from '../../elements/Reference/index.js';
+import normalizeHref from '../../../utility/normalize-href.js';
 function renderDefault(value) {
     return value;
 }

package/dist/components/elements/Badge/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces';
-import type { StyleVariant } from '../../../utility/interfaces';
+import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces.js';
+import type { StyleVariant } from '../../../utility/interfaces.js';
 export interface BadgeClassNames {
     root: StylableClassName;
     dot: StylableClassName;

package/dist/components/elements/Badge/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useClassNames } from '../../../styles/context';
-import applyVariants from '../../../styles/classnames/utility/apply-variants';
+import { useClassNames } from '../../../styles/context.js';
+import applyVariants from '../../../styles/classnames/utility/apply-variants.js';
 function Badge({ classNameProps, classNames, children, variant }) {
     const componentClassNames = useClassNames('badge', { props: { ...classNameProps, ...applyVariants(variant) } }, classNames);
     return (_jsxs("strong", { className: componentClassNames?.root, children: [_jsx("svg", { "aria-hidden": "true", className: componentClassNames?.dot, viewBox: "0 0 6 6", children: _jsx("circle", { cx: "3", cy: "3", r: "3" }) }), children] }));

package/dist/components/elements/ContentLink/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import tw from '../../../styles/classnames/utility/tw';
+import tw from '../../../styles/classnames/utility/tw.js';
 import Link from '../Link';
 function ContentLink({ className, ...props }) {
     return _jsx(Link, { ...props, className: tw('text-link', className) });

package/dist/components/elements/InfoPanel/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces';
-import type { StyleVariant } from '../../../utility/interfaces';
+import type { ClassNameProps, StylableClassName } from '../../../styles/classnames/interfaces.js';
+import type { StyleVariant } from '../../../utility/interfaces.js';
 export interface InfoPanelClassNames {
     content: string;
     icon: StylableClassName;

package/dist/components/elements/InfoPanel/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useClassNames, useIcon } from '../../../styles/context';
-import applyVariants from '../../../styles/classnames/utility/apply-variants';
+import { useClassNames, useIcon } from '../../../styles/context.js';
+import applyVariants from '../../../styles/classnames/utility/apply-variants.js';
 function InfoPanel({ classNameProps, classNames, children, variant, }) {
     const ErrorIcon = useIcon('infoPanel.error');
     const InfoIcon = useIcon('infoPanel.info');

package/dist/components/elements/Link/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 interface DataProps {
     'data-test-id'?: string;
 }

package/dist/components/elements/Link/index.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { joinURL } from '@sqrzro/utility';
 import NextLink from 'next/link';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 function normalizeHref(href) {
     if (href.startsWith('#')) {
         return href;

package/dist/components/elements/Menu/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { ActionObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { ActionObject } from '../../../utility/interfaces.js';
 import { PopoverProps } from '../../utility/Popover';
 export interface MenuClassNames {
     root: string;

package/dist/components/elements/Menu/index.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import Button from '../../../components/buttons/Button';
-import usePopover from '../../../hooks/usePopover';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import Button from '../../buttons/Button/index.js';
+import usePopover from '../../../hooks/usePopover.js';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import Action from '../../utility/Action';
 import Popover from '../../utility/Popover';
 import MenuItem from '../MenuItem';

package/dist/components/elements/MenuItem/index.d.ts

@@ -1,4 +1,4 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 import type { ActionComponentProps } from '../../utility/Action';
 import type { MenuClassNames } from '../Menu';
 interface MenuItemProps<Data, Response> extends ClassNameProps<MenuClassNames>, ActionComponentProps<Data, Response> {

package/dist/components/elements/MenuItem/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import Link from '../Link';
 function MenuItem({ children, classNameProps, classNames, href, isDisabled, isDownload, isLoading, isNewWindow, onClick, }) {
     const componentClassNames = useClassNames('menu', { props: classNameProps }, classNames);

package/dist/components/elements/Page/index.d.ts

@@ -1,5 +1,5 @@
-import type { NavigationObject } from '../../../navigation/interfaces';
-import type { NextPageProps } from '../../../utility/interfaces';
+import type { NavigationObject } from '../../../navigation/interfaces.js';
+import type { NextPageProps } from '../../../utility/interfaces.js';
 type Fn = (params?: Promise<Record<string, string>> | null) => Promise<any>;
 type FnReturn<T extends Fn> = T extends (...args: any[]) => Promise<infer R> ? R : never;
 interface PageTemplateProps {

package/dist/components/elements/Reference/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { ReferenceObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { ReferenceObject } from '../../../utility/interfaces.js';
 export interface ReferenceClassNames {
     root: string;
     reference: string;

package/dist/components/elements/Reference/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { joinURL } from '@sqrzro/utility';
-import { useClassNames } from '../../../styles/context';
+import { useClassNames } from '../../../styles/context.js';
 import Link from '../Link';
 function Reference({ classNameProps, classNames, id, name, path, reference, }) {
     const componentClassNames = useClassNames('reference', { props: classNameProps }, classNames);

package/dist/components/elements/Summary/index.d.ts

@@ -1,5 +1,5 @@
-import type { DataObject } from '../../../utility/interfaces';
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
+import type { DataObject } from '../../../utility/interfaces.js';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
 export interface SummaryClassNames {
     root: string;
     item: string;

package/dist/components/elements/Summary/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { filterNull } from '@sqrzro/utility';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 const colMap = {
     1: 'grid-cols-1',
     2: 'grid-cols-2',

package/dist/components/errors/AppError/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import type { SimpleActionObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import type { SimpleActionObject } from '../../../utility/interfaces.js';
 export interface AppErrorClassNames {
     root: string;
     panel: string;

package/dist/components/errors/AppError/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ActionButton from '../../../components/buttons/ActionButton';
-import { useClassNames } from '../../../styles/context';
+import ActionButton from '../../buttons/ActionButton/index.js';
+import { useClassNames } from '../../../styles/context.js';
 function AppError({ action, classNameProps, classNames, description, error, title, }) {
     const componentClassNames = useClassNames('appError', { props: classNameProps }, classNames);
     return (_jsx("div", { className: componentClassNames?.root, children: _jsxs("section", { className: componentClassNames?.panel, children: [_jsx("h2", { className: componentClassNames?.title, children: title }), _jsxs("div", { className: componentClassNames?.description, children: [description, error?.digest ? _jsxs("small", { children: ["Error code: ", error.digest] }) : null] }), action ? (_jsx("footer", { className: componentClassNames?.action, children: _jsx(ActionButton, { ...action }) })) : null] }) }));

package/dist/components/modals/ConfirmModal/index.d.ts

@@ -1,4 +1,4 @@
-import { ConfirmableObject } from '../../../utility/interfaces';
+import { ConfirmableObject } from '../../../utility/interfaces.js';
 import type { ModalProps } from '../Modal';
 export type ConfirmModalProps<Data, Response> = Omit<ModalProps, 'children' | 'icon' | 'title'> & {
     confirmable: ConfirmableObject<Data, Response>;

package/dist/components/modals/ConfirmModal/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useState } from 'react';
-import TextInput from '../../../forms/components/TextInput';
+import TextInput from '../../../forms/components/TextInput/index.js';
 import Modal from '../Modal';
 function ConfirmModal({ confirmable, onCancel, onConfirm, ...modalProps }) {
     const [confirmText, setConfirmText] = useState('');

package/dist/components/modals/Modal/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../../styles/classnames/interfaces';
-import { SimpleActionObject } from '../../../utility/interfaces';
+import type { ClassNameProps } from '../../../styles/classnames/interfaces.js';
+import { SimpleActionObject } from '../../../utility/interfaces.js';
 export interface ModalClassNames {
     actions: string;
     content: string;

package/dist/components/modals/Modal/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { useClassNames } from '../../../styles/context';
-import tw from '../../../styles/classnames/utility/tw';
+import { useClassNames } from '../../../styles/context.js';
+import tw from '../../../styles/classnames/utility/tw.js';
 import ModalActions from '../ModalActions';
 function Modal({ actions, children, classNames, classNameProps, icon, isLoading, title, }) {
     const componentClassNames = useClassNames('modal', { props: classNameProps }, classNames);