@povio/ui 3.4.0-rc.16 → 3.4.0-rc.18

package/README.md

@@ -6,6 +6,25 @@ UI Components that match Povio's Atlas Design System.
 
 `bun add @povio/ui`
 
+## Imports
+
+Use component and feature subpaths in application code. Each subpath resolves to an isolated ESM entry and lets route-level bundlers retain only the component graph used by that route.
+
+```tsx
+import { Button } from "@povio/ui/button";
+import { Modal } from "@povio/ui/modal";
+import { Select } from "@povio/ui/tanstack/select";
+import { useForm } from "@povio/ui/tanstack/form";
+import { Table } from "@povio/ui/tanstack/table";
+import { TextEditor } from "@povio/ui/text-editor";
+```
+
+Form inputs are available from matching integration paths, such as `@povio/ui/rhf/text-input` and `@povio/ui/tanstack/text-input`. Dynamic input builders are exposed from `@povio/ui/rhf/inputs` and `@povio/ui/tanstack/inputs`.
+
+The broad `@povio/ui`, `@povio/ui/rhf`, and `@povio/ui/tanstack` entries remain for compatibility. They are not recommended for new application imports because they reconnect otherwise independent feature graphs.
+
+Feature dependencies are optional peers. Install the matching packages when using date/calendar entries, `@povio/ui/tanstack/table`, RHF/TanStack Form inputs, or the text editor. Basic components such as Button, Typography, and Modal do not require table, drag-and-drop, calendar, or TipTap packages.
+
 ## Versioning
 
 `^2.1` still corresponds to Atlas 2.1. All versions after that currently target Atlas 2.2 and follow semantic versioning — breaking changes bump the major version.
@@ -122,7 +141,7 @@ To override the translations, add a partial `ui-translation.json` file for the l
 
 ```ts
 // src/config/i18n.ts
-import { resources as uiDefaultResources, ns as uiNs } from "@povio/ui";
+import { resources as uiDefaultResources, ns as uiNs } from "@povio/ui/resources";
 import deepMerge from "deepmerge";
 
 import uiTranslationEN from "./locales/en/ui-translation.json";

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

@@ -1,4 +1,4 @@
-import { BottomSheetProps } from "../overlays/BottomSheet/BottomSheet.js";
+import { BottomSheetProps } from "../bottom-sheet.js";
 import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from "./menu.cva.js";
 import { ReactElement } from "react";
 import { Key, MenuItemProps } from "react-aria-components";

package/dist/components/Menu/MenuMobile.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuItemDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
+import { BottomSheet } from "../bottom-sheet.js";
 import { ArrowLeft } from "lucide-react";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";

package/dist/components/accordion.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItem, AccordionItemProps, AccordionProps } from "./navigation/Accordion/accordion.types.js";
+import { Accordion } from "./navigation/Accordion/Accordion.js";
+export { Accordion, type AccordionItem, type AccordionItemProps, type AccordionProps };

package/dist/components/accordion.js

@@ -0,0 +1,2 @@
+import { Accordion } from "./navigation/Accordion/Accordion.js";
+export { Accordion };

package/dist/components/{overlays/ActionModal/ActionModal.d.ts → action-modal.d.ts}

@@ -1,6 +1,6 @@
-import { ButtonVariantProps } from "../../buttons/Button/button.cva.js";
-import { ModalProps } from "../Modal/Modal.js";
-import { TypographyPropsCva } from "../../text/Typography/Typography.js";
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
+import { ModalProps } from "./overlays/Modal/Modal.js";
+import { TypographyPropsCva } from "./text/Typography/Typography.js";
 //#region src/components/overlays/ActionModal/ActionModal.d.ts
 interface ActionModalAction {
   label: string;

package/dist/components/{overlays/ActionModal/ActionModal.js → action-modal.js}

@@ -1,7 +1,7 @@
-import { Typography } from "../../text/Typography/Typography.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { Button } from "../../buttons/Button/Button.js";
-import { Modal } from "../Modal/Modal.js";
+import { Typography } from "./text/Typography/Typography.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { Button } from "./buttons/Button/Button.js";
+import { Modal } from "./overlays/Modal/Modal.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/{status/Alert/Alert.d.ts → alert.d.ts}

@@ -1,4 +1,4 @@
-import { AlertVariantProps } from "./alert.cva.js";
+import { AlertVariantProps } from "./status/Alert/alert.cva.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Alert/Alert.d.ts
 interface AlertProps extends AlertVariantProps {

package/dist/components/{status/Alert/Alert.js → alert.js}

@@ -1,8 +1,8 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../text/Typography/Typography.js";
-import { Loader } from "../Loader/Loader.js";
-import { alertDefinition } from "./alert.cva.js";
-import { statusIconDefinition, statusSeparatorDefinition } from "../shared/status.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { Typography } from "./text/Typography/Typography.js";
+import { Loader } from "./loader.js";
+import { alertDefinition } from "./status/Alert/alert.cva.js";
+import { statusIconDefinition, statusSeparatorDefinition } from "./status/shared/status.cva.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Alert/Alert.tsx

package/dist/components/{inputs/Selection/Autocomplete/Autocomplete.d.ts → autocomplete.d.ts}

@@ -1,7 +1,7 @@
-import { FieldValues } from "../../shared/form.binding.js";
-import { DefaultInitialSelectItem, GroupedSelectControlProps, GroupedSelectProps } from "../shared/select.types.js";
-import { SelectBaseProps } from "../shared/SelectBase.js";
-import { OmitDiscriminatedUnion } from "../../../../types/common.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { DefaultInitialSelectItem, GroupedSelectControlProps, GroupedSelectProps } from "./inputs/Selection/shared/select.types.js";
+import { SelectBaseProps } from "./inputs/Selection/shared/SelectBase.js";
+import { OmitDiscriminatedUnion } from "../types/common.js";
 import { ReactElement } from "react";
 import { Key } from "react-aria-components";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts

package/dist/components/{inputs/Selection/Autocomplete/Autocomplete.js → autocomplete.js}

@@ -1,12 +1,12 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { FieldController } from "../../shared/form.binding.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { selectInputTagsContentWrapperDefinition } from "../shared/selectInput.cva.js";
-import { SelectBase } from "../shared/SelectBase.js";
-import { StaticSelectTrailingContent } from "../shared/StaticSelectTrailingContent.js";
-import { getStaticSelectValue } from "../shared/staticSelect.utils.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { selectInputTagsContentWrapperDefinition } from "./inputs/Selection/shared/selectInput.cva.js";
+import { InputFrame } from "./inputs/Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "./inputs/shared/useStaticInputHandoff.js";
+import { SelectBase } from "./inputs/Selection/shared/SelectBase.js";
+import { StaticSelectTrailingContent } from "./inputs/Selection/shared/StaticSelectTrailingContent.js";
+import { getStaticSelectValue } from "./inputs/Selection/shared/staticSelect.utils.js";
 import { clsx } from "clsx";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/{overlays/BottomSheet/BottomSheet.d.ts → bottom-sheet.d.ts}

@@ -1,4 +1,4 @@
-import { TypographyVariantProps } from "../../text/Typography/typography.cva.js";
+import { TypographyVariantProps } from "./text/Typography/typography.cva.js";
 import { ReactNode, RefObject } from "react";
 //#region src/components/overlays/BottomSheet/BottomSheet.d.ts
 type BottomSheetState = "closed" | "opening" | "opened" | "closing";

package/dist/components/{overlays/BottomSheet/BottomSheet.js → bottom-sheet.js}

@@ -1,7 +1,7 @@
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { BottomSheetHeader } from "./BottomSheetHeader.js";
-import { useStateAndRef } from "../../../hooks/useStateAndRef.js";
-import { DomUtils } from "../../../utils/dom.utils.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { BottomSheetHeader } from "./overlays/BottomSheet/BottomSheetHeader.js";
+import { useStateAndRef } from "../hooks/useStateAndRef.js";
+import { DomUtils } from "../utils/dom.utils.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/{Breadcrumbs/Breadcrumbs.d.ts → breadcrumbs.d.ts}

@@ -1,4 +1,4 @@
-import { LinkNavigationProps } from "../text/Link/Link.js";
+import { LinkNavigationProps } from "./link.js";
 import { FC, SVGProps } from "react";
 import { Key } from "react-aria-components";
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts
@@ -14,6 +14,6 @@ interface BreadcrumbsProps {
   onAction?: (id: Key) => void;
   iconOnly?: boolean;
 }
-declare const Breadcrumbs$1: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
-export { BreadcrumbItem, Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps };
+export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps };

package/dist/components/{Breadcrumbs/Breadcrumbs.js → breadcrumbs.js}

@@ -1,17 +1,17 @@
-import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
-import { MenuDesktop } from "../Menu/MenuDesktop.js";
-import { Typography } from "../text/Typography/Typography.js";
-import { Tooltip as Tooltip$1 } from "../overlays/Tooltip/Tooltip.js";
-import { LinkContext } from "../../config/link.context.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./Breadcrumbs/breadcrumbs.cva.js";
+import { MenuDesktop } from "./Menu/MenuDesktop.js";
+import { Typography } from "./text/Typography/Typography.js";
+import { Tooltip as Tooltip$1 } from "./tooltip.js";
+import { LinkContext } from "../config/link.context.js";
 import { ChevronRight } from "lucide-react";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Breadcrumb, Breadcrumbs, Button, Link as Link$1 } from "react-aria-components";
+import { Breadcrumb, Breadcrumbs as Breadcrumbs$1, Button, Link as Link$1 } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
-const Breadcrumbs$1 = (t0) => {
+const Breadcrumbs = (t0) => {
 	const $ = c(58);
 	const { items, className, onAction, iconOnly: t1 } = t0;
 	const iconOnly = t1 === void 0 ? false : t1;
@@ -185,7 +185,7 @@ const Breadcrumbs$1 = (t0) => {
 			$[39] = t18;
 			$[40] = t19;
 		} else t19 = $[40];
-		return /* @__PURE__ */ jsxs(Breadcrumbs, {
+		return /* @__PURE__ */ jsxs(Breadcrumbs$1, {
 			onAction,
 			className: t5,
 			children: [
@@ -232,7 +232,7 @@ const Breadcrumbs$1 = (t0) => {
 	} else t8 = $[51];
 	let t9;
 	if ($[52] !== items || $[53] !== onAction || $[54] !== t5 || $[55] !== t7 || $[56] !== t8) {
-		t9 = /* @__PURE__ */ jsx(Breadcrumbs, {
+		t9 = /* @__PURE__ */ jsx(Breadcrumbs$1, {
 			ref: containerRef,
 			items,
 			onAction,
@@ -260,4 +260,4 @@ function _temp2(i) {
 	return i.label;
 }
 //#endregion
-export { Breadcrumbs$1 as Breadcrumbs };
+export { Breadcrumbs };

package/dist/components/button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
+import { Button, ButtonProps } from "./buttons/Button/Button.js";
+export { Button, type ButtonProps, type ButtonVariantProps };

package/dist/components/button.js

@@ -0,0 +1,2 @@
+import { Button } from "./buttons/Button/Button.js";
+export { Button };

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

@@ -1,4 +1,4 @@
-import { LinkNavigationProps } from "../../text/Link/Link.js";
+import { LinkNavigationProps } from "../../link.js";
 import { ButtonVariantProps } from "./button.cva.js";
 import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
 import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";

package/dist/components/buttons/shared/ButtonContent.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { typographyDefinition } from "../../text/Typography/typography.cva.js";
 import { buttonContentLabel } from "./buttonContent.cva.js";
-import { Loader } from "../../status/Loader/Loader.js";
+import { Loader } from "../../loader.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { isValidElement } from "react";

package/dist/components/{inputs/Checkbox/CheckboxGroup.d.ts → checkbox-group.d.ts}

@@ -1,12 +1,12 @@
-import { FieldValues } from "../shared/form.binding.js";
-import { CheckboxVariantProps } from "./checkbox.cva.js";
-import { ControlProps } from "../shared/form.types.js";
-import { InputVariantProps } from "../shared/input.cva.js";
-import { FormFieldProps } from "../FormField/FormField.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { CheckboxVariantProps } from "./inputs/Checkbox/checkbox.cva.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { InputVariantProps } from "./inputs/shared/input.cva.js";
+import { FormFieldProps } from "./form-field.js";
 import { ReactElement, Ref } from "react";
-import { CheckboxGroupProps } from "react-aria-components";
+import { CheckboxGroupProps as CheckboxGroupProps$1 } from "react-aria-components";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
-interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
+interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps$1, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
   ref?: Ref<HTMLDivElement>;
   options: {
     label: string | ReactElement;
@@ -20,9 +20,9 @@ interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, Checkb
   inputClassName?: string;
   labelClassName?: string;
 }
-interface CheckboxGroupProps$1 extends CheckboxGroupBaseProps {}
-type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps$1, TFieldValues>;
+interface CheckboxGroupProps extends CheckboxGroupBaseProps {}
+type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps, TFieldValues>;
 declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-declare const CheckboxGroup$1: typeof CheckboxGroupComponent;
+declare const CheckboxGroup: typeof CheckboxGroupComponent;
 //#endregion
-export { CheckboxGroup$1 as CheckboxGroup, CheckboxGroupProps$1 as CheckboxGroupProps, ControlledCheckboxGroupProps };
+export { CheckboxGroup, CheckboxGroupProps, ControlledCheckboxGroupProps };

package/dist/components/{inputs/Checkbox/CheckboxGroup.js → checkbox-group.js}

@@ -1,14 +1,14 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { FieldController } from "../shared/form.binding.js";
-import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxGroupLabelDefinition } from "./checkbox.cva.js";
-import { CheckboxBase } from "./Checkbox.js";
-import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
-import { FormField } from "../FormField/FormField.js";
-import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { FormFieldLabel } from "./inputs/FormField/FormFieldLabel.js";
+import { FormField } from "./form-field.js";
+import { inputBaseDefinition, inputSizeDefinition } from "./inputs/shared/input.cva.js";
+import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxGroupLabelDefinition } from "./inputs/Checkbox/checkbox.cva.js";
+import { CheckboxBase } from "./checkbox.js";
 import { clsx } from "clsx";
 import { memo } from "react";
-import { CheckboxGroup } from "react-aria-components";
+import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
@@ -67,7 +67,7 @@ const CheckboxGroupBase = (props) => {
 		const hasAllOptions = allValue !== void 0 && optionValues.length > 0 && optionValues.every((optionValue) => nextValue.includes(optionValue));
 		onChange?.(hasAllOptions ? allValue : nextValue);
 	};
-	return /* @__PURE__ */ jsx(CheckboxGroup, {
+	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		...rest,
 		...fieldProps,
 		ref,
@@ -158,6 +158,6 @@ const CheckboxGroupComponent = (props) => {
 	}
 	return /* @__PURE__ */ jsx(CheckboxGroupBase, { ...props });
 };
-const CheckboxGroup$1 = memo(CheckboxGroupComponent);
+const CheckboxGroup = memo(CheckboxGroupComponent);
 //#endregion
-export { CheckboxGroup$1 as CheckboxGroup };
+export { CheckboxGroup };

package/dist/components/checkbox.d.ts

@@ -0,0 +1,24 @@
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { CheckboxVariantProps } from "./inputs/Checkbox/checkbox.cva.js";
+import { FormFieldErrorProps } from "./inputs/FormField/FormFieldError.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { ComponentType, ReactElement, Ref, SVGProps } from "react";
+import { CheckboxProps as CheckboxProps$1 } from "react-aria-components";
+//#region src/components/inputs/Checkbox/Checkbox.d.ts
+interface CheckboxBaseProps extends FormFieldErrorProps, CheckboxVariantProps, Omit<CheckboxProps$1, "className"> {
+  ref?: Ref<HTMLLabelElement>;
+  children: string | ReactElement;
+  hideLabel?: boolean;
+  hideError?: boolean;
+  selectedIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  indeterminateIcon?: ComponentType<SVGProps<SVGSVGElement>>;
+  isDirty?: boolean;
+  labelClassName?: string;
+}
+declare const CheckboxBase: (props: CheckboxBaseProps) => import("react/jsx-runtime").JSX.Element;
+type CheckboxProps = CheckboxBaseProps;
+type ControlledCheckboxProps<TFieldValues extends FieldValues> = ControlProps<CheckboxProps, TFieldValues, "isSelected">;
+declare const CheckboxComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: typeof CheckboxComponent;
+//#endregion
+export { Checkbox, CheckboxBase, CheckboxBaseProps, CheckboxProps, ControlledCheckboxProps };

package/dist/components/{inputs/Checkbox/Checkbox.js → checkbox.js}

@@ -1,13 +1,13 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { FieldController } from "../shared/form.binding.js";
-import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography } from "./checkbox.cva.js";
-import { FormFieldError } from "../FormField/FormFieldError.js";
-import { CheckContent } from "../shared/CheckContent.js";
-import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { FormFieldError } from "./inputs/FormField/FormFieldError.js";
+import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography } from "./inputs/Checkbox/checkbox.cva.js";
+import { CheckboxCheckmark } from "./inputs/Checkbox/CheckboxCheckmark.js";
+import { CheckContent } from "./inputs/shared/CheckContent.js";
 import { clsx } from "clsx";
 import { memo } from "react";
-import { Checkbox } from "react-aria-components";
+import { Checkbox as Checkbox$1 } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
@@ -25,7 +25,7 @@ const CheckboxBase = (props) => {
 	const handleChange = (isSelected) => {
 		onChange?.(isSelected);
 	};
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Checkbox, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Checkbox$1, {
 		...rest,
 		isDisabled,
 		isInvalid: !!error,
@@ -75,6 +75,6 @@ const CheckboxComponent = (props) => {
 	}
 	return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
 };
-const Checkbox$1 = memo(CheckboxComponent);
+const Checkbox = memo(CheckboxComponent);
 //#endregion
-export { Checkbox$1 as Checkbox, CheckboxBase };
+export { Checkbox, CheckboxBase };

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

@@ -0,0 +1,2 @@
+import { ControlledDatePickerProps, DatePicker, DatePickerProps } from "./inputs/DateTime/DatePicker/DatePicker.js";
+export { type ControlledDatePickerProps, DatePicker, type DatePickerProps };

package/dist/components/date-picker.js

@@ -0,0 +1,2 @@
+import { DatePicker } from "./inputs/DateTime/DatePicker/DatePicker.js";
+export { DatePicker };

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

@@ -0,0 +1,2 @@
+import { ControlledDateRangePickerProps, DateRangePicker, DateRangePickerProps } from "./inputs/DateTime/DateRangePicker/DateRangePicker.js";
+export { type ControlledDateRangePickerProps, DateRangePicker, type DateRangePickerProps };

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

@@ -0,0 +1,2 @@
+import { DateRangePicker } from "./inputs/DateTime/DateRangePicker/DateRangePicker.js";
+export { DateRangePicker };

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

@@ -0,0 +1,2 @@
+import { ControlledDateTimePickerProps, DateTimePicker, DateTimePickerProps } from "./inputs/DateTime/DateTimePicker/DateTimePicker.js";
+export { type ControlledDateTimePickerProps, DateTimePicker, type DateTimePickerProps };

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

@@ -0,0 +1,2 @@
+import { DateTimePicker } from "./inputs/DateTime/DateTimePicker/DateTimePicker.js";
+export { DateTimePicker };

package/dist/components/{overlays/Drawer/Drawer.js → drawer.js}

@@ -1,4 +1,4 @@
-import { modalOverlay } from "../Modal/modal.cva.js";
+import { modalOverlay } from "./overlays/Modal/modal.cva.js";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";

package/dist/components/{inputs/File/FileUploadContainer.d.ts → file-upload-container.d.ts}

@@ -1,4 +1,4 @@
-import { FileUploadContainerProps } from "./fileUpload.types.js";
+import { FileUploadContainerProps } from "./inputs/File/fileUpload.types.js";
 //#region src/components/inputs/File/FileUploadContainer.d.ts
 declare const FileUploadContainer: import("react").MemoExoticComponent<(props: FileUploadContainerProps) => import("react/jsx-runtime").JSX.Element>;
 //#endregion

package/dist/components/{inputs/File/FileUploadContainer.js → file-upload-container.js}

@@ -1,4 +1,4 @@
-import { FileUpload } from "./FileUpload.js";
+import { FileUpload } from "./file-upload.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/FileUploadContainer.tsx

package/dist/components/{inputs/File/FileUpload.d.ts → file-upload.d.ts}

@@ -1,7 +1,7 @@
-import { FieldValues } from "../shared/form.binding.js";
-import { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState } from "./fileUpload.types.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState } from "./inputs/File/fileUpload.types.js";
 //#region src/components/inputs/File/FileUpload.d.ts
 declare const FileUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 declare const FileUpload: typeof FileUploadComponent;
 //#endregion
-export { FileUpload, type FileUploadBaseProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadState };
+export { type DefaultFile, FileUpload, type FileUploadBaseProps, type FileUploadButtonProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadResponse, type FileUploadState };

package/dist/components/{inputs/File/FileUpload.js → file-upload.js}

@@ -1,13 +1,13 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import "../../../config/i18n.js";
-import { FieldController } from "../shared/form.binding.js";
-import { FormField } from "../FormField/FormField.js";
-import { FileUtils } from "../../../utils/file.utils.js";
-import { FileCardList } from "./shared/FileCardList.js";
-import { FileUploadContentEmpty } from "./shared/FileUploadContentEmpty.js";
-import { FileUploadContent } from "./shared/FileUploadContent.js";
-import { fileUploadDropZoneDefinition } from "./shared/fileUpload.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import "../config/i18n.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { FormField } from "./form-field.js";
+import { FileUtils } from "../utils/file.utils.js";
+import { FileCardList } from "./inputs/File/shared/FileCardList.js";
+import { FileUploadContentEmpty } from "./inputs/File/shared/FileUploadContentEmpty.js";
+import { FileUploadContent } from "./inputs/File/shared/FileUploadContent.js";
+import { fileUploadDropZoneDefinition } from "./inputs/File/shared/fileUpload.cva.js";
 import { clsx } from "clsx";
 import { memo, useCallback, useState } from "react";
 import { DropZone } from "react-aria-components";

package/dist/components/{inputs/FormField/FormField.d.ts → form-field.d.ts}

@@ -1,6 +1,6 @@
-import { FormFieldErrorProps } from "./FormFieldError.js";
-import { FormFieldHeaderProps } from "./FormFieldHeader.js";
-import { TextInputProps } from "../Input/TextInput/TextInput.js";
+import { FormFieldErrorProps } from "./inputs/FormField/FormFieldError.js";
+import { FormFieldHeaderProps } from "./inputs/FormField/FormFieldHeader.js";
+import { TextInputProps } from "./text-input.js";
 import { FocusEventHandler, MouseEventHandler, PropsWithChildren, Ref } from "react";
 //#region src/components/inputs/FormField/FormField.d.ts
 interface FormFieldProps extends Omit<FormFieldHeaderProps, "className" | "labelProps">, Omit<FormFieldErrorProps, "className"> {

package/dist/components/{inputs/FormField/FormField.js → form-field.js}

@@ -1,6 +1,6 @@
-import { FormFieldError } from "./FormFieldError.js";
-import { FormFieldHeader } from "./FormFieldHeader.js";
-import { FormFieldHelper } from "./FormFieldHelper.js";
+import { FormFieldError } from "./inputs/FormField/FormFieldError.js";
+import { FormFieldHeader } from "./inputs/FormField/FormFieldHeader.js";
+import { FormFieldHelper } from "./inputs/FormField/FormFieldHelper.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/FormField/FormField.tsx
 const FormField = ({ ref, as, label, tooltipText, helperText, helperTextId, isRequired, rightContent, isDisabled, error, errorMessageId, hideLabel, headerClassName, errorClassName, children, className, labelProps, isHeaderHidden, tabIndex, onMouseEnter, onFocusCapture }) => {

package/dist/components/{buttons/IconButton/IconButton.d.ts → icon-button.d.ts}

@@ -1,5 +1,5 @@
-import { LinkNavigationProps } from "../../text/Link/Link.js";
-import { ButtonVariantProps } from "../Button/button.cva.js";
+import { LinkNavigationProps } from "./link.js";
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
 import { FC, ReactElement, SVGProps } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/IconButton/IconButton.d.ts

package/dist/components/{buttons/IconButton/IconButton.js → icon-button.js}

@@ -1,5 +1,5 @@
-import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
-import { Button } from "../Button/Button.js";
+import { Tooltip } from "./tooltip.js";
+import { Button } from "./buttons/Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx

package/dist/components/{buttons/InlineIconButton/InlineIconButton.d.ts → inline-icon-button.d.ts}

@@ -1,5 +1,5 @@
-import { LinkNavigationProps } from "../../text/Link/Link.js";
-import { ButtonVariantProps } from "../Button/button.cva.js";
+import { LinkNavigationProps } from "./link.js";
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
 import { FC, ReactElement, RefObject, SVGProps } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.d.ts

package/dist/components/{buttons/InlineIconButton/InlineIconButton.js → inline-icon-button.js}

@@ -1,4 +1,4 @@
-import { Button } from "../Button/Button.js";
+import { Button } from "./buttons/Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.tsx

package/dist/components/{inputs/File/InputUpload.d.ts → input-upload.d.ts}

@@ -1,5 +1,5 @@
-import { FieldValues } from "../shared/form.binding.js";
-import { InputUploadBaseProps, InputUploadProps } from "./inputUpload.types.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { InputUploadBaseProps, InputUploadProps } from "./inputs/File/inputUpload.types.js";
 //#region src/components/inputs/File/InputUpload.d.ts
 declare const InputUploadComponent: <TFieldValues extends FieldValues = FieldValues>(props: InputUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 declare const InputUpload: typeof InputUploadComponent;

package/dist/components/{inputs/File/InputUpload.js → input-upload.js}

@@ -1,9 +1,9 @@
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { FieldController } from "../shared/form.binding.js";
-import { FormField } from "../FormField/FormField.js";
-import { FileUtils } from "../../../utils/file.utils.js";
-import { InputUploadContent } from "./shared/InputUploadContent.js";
-import { InputUploadFilled } from "./shared/InputUploadFilled.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { FormField } from "./form-field.js";
+import { FileUtils } from "../utils/file.utils.js";
+import { InputUploadContent } from "./inputs/File/shared/InputUploadContent.js";
+import { InputUploadFilled } from "./inputs/File/shared/InputUploadFilled.js";
 import { clsx } from "clsx";
 import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import { FieldValues } from "../../shared/form.binding.js";
 import { ControlProps } from "../../shared/form.types.js";
 import { InputVariantProps } from "../../shared/input.cva.js";
-import { FormFieldProps } from "../../FormField/FormField.js";
+import { FormFieldProps } from "../../../form-field.js";
 import { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize, DatePickerTodayIconPlacement } from "../shared/datePicker.types.js";
 import { DatePickerInputHandle } from "../shared/DatePickerInput.js";
 import { FocusEvent, Ref } from "react";