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

package/dist/components/status/Toast/useToast.d.ts

@@ -1,4 +1,4 @@
-import { ToastProps } from "./Toast.js";
+import { ToastProps } from "../../toast.js";
 import { Id, ToastOptions, ToastPosition } from "react-toastify";
 //#region src/components/status/Toast/useToast.d.ts
 interface ToastParams extends Omit<ToastProps, "color"> {

package/dist/components/status/Toast/useToast.js

@@ -1,4 +1,4 @@
-import { Toast } from "./Toast.js";
+import { Toast } from "../../toast.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { toast } from "react-toastify";

package/dist/components/{navigation/Stepper/Stepper.d.ts → stepper.d.ts}

@@ -1,4 +1,4 @@
-import { StepperProps } from "./stepper.types.js";
+import { StepperProps } from "./navigation/Stepper/stepper.types.js";
 //#region src/components/navigation/Stepper/Stepper.d.ts
 declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className }: StepperProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion

package/dist/components/{navigation/Stepper/Stepper.js → stepper.js}

@@ -1,7 +1,7 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { stepperDefinition } from "./stepper.cva.js";
-import { StepperItem } from "./StepperItem.js";
-import { StepperSeparator } from "./StepperSeparator.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { stepperDefinition } from "./navigation/Stepper/stepper.cva.js";
+import { StepperItem } from "./navigation/Stepper/StepperItem.js";
+import { StepperSeparator } from "./navigation/Stepper/StepperSeparator.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/table/CellText.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from "../text/Typography/Typography.js";
+import { TypographyProps } from "../typography.js";
 import { CSSProperties, FC, ReactNode } from "react";
 //#region src/components/table/CellText.d.ts
 interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {

package/dist/components/table/CellText.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { Typography } from "../text/Typography/Typography.js";
+import { Typography } from "../typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableCellTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/table/ColumnConfig.js

@@ -1,6 +1,6 @@
-import { Typography } from "../text/Typography/Typography.js";
+import { Typography } from "../typography.js";
 import "../../config/i18n.js";
-import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
+import { Checkbox } from "../checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
 import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";

package/dist/components/table/HeaderText.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from "../text/Typography/Typography.js";
+import { TypographyProps } from "../typography.js";
 import { CSSProperties, FC, ReactNode } from "react";
 //#region src/components/table/HeaderText.d.ts
 interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {

package/dist/components/table/HeaderText.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { Typography } from "../text/Typography/Typography.js";
+import { Typography } from "../typography.js";
 import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableHeaderTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/table/InfiniteTable.js

@@ -1,4 +1,4 @@
-import { Loader } from "../status/Loader/Loader.js";
+import { Loader } from "../loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
 import { c } from "react/compiler-runtime";

package/dist/components/table/PaginatedTable.js

@@ -1,4 +1,4 @@
-import { Pagination } from "../shared/pagination/Pagination.js";
+import { Pagination } from "../pagination.js";
 import { Table } from "./Table.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/table/Table.js

@@ -1,6 +1,6 @@
 "use no memo";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
-import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
+import { InlineIconButton } from "../inline-icon-button.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableRowDefinition, theadDefinition } from "./table.cva.js";
 import { CellText } from "./CellText.js";

package/dist/components/{text/Tag/Tag.d.ts → tag.d.ts}

@@ -1,5 +1,5 @@
-import { TypographyProps } from "../Typography/Typography.js";
-import { TagVariantProps } from "./tag.cva.js";
+import { TypographyProps } from "./typography.js";
+import { TagVariantProps } from "./text/Tag/tag.cva.js";
 import { Ref } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/text/Tag/Tag.d.ts

package/dist/components/{text/Tag/Tag.js → tag.js}

@@ -1,8 +1,8 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../Typography/Typography.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import "../../../config/i18n.js";
-import { tagDefinition } from "./tag.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { Typography } from "./typography.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import "../config/i18n.js";
+import { tagDefinition } from "./text/Tag/tag.cva.js";
 import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";

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

@@ -0,0 +1,21 @@
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { InputVariantProps } from "./inputs/shared/input.cva.js";
+import { FormFieldProps } from "./form-field.js";
+import { Ref } from "react";
+import { TextAreaProps as TextAreaProps$1 } from "react-aria-components";
+import { AriaTextFieldProps } from "react-aria";
+//#region src/components/inputs/Input/TextArea/TextArea.d.ts
+interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<TextAreaProps$1, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLTextAreaElement>, "label"> {
+  ref?: Ref<HTMLTextAreaElement>;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isDirty?: boolean;
+  inputClassName?: string;
+}
+interface TextAreaProps extends TextAreaBaseProps {}
+type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps, TFieldValues>;
+declare const TextAreaComponent: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: typeof TextAreaComponent;
+//#endregion
+export { ControlledTextAreaProps, TextArea, TextAreaProps };

package/dist/components/{inputs/Input/TextArea/TextArea.js → text-area.js}

@@ -1,15 +1,15 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { FieldController } from "../../shared/form.binding.js";
-import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { FormField } from "../../FormField/FormField.js";
-import { inputSideDefinition, inputSizeDefinition, useInputCva } from "../../shared/input.cva.js";
-import { InputClear } from "../../shared/InputClear.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { textAreaWrapperDefinition } from "./TextArea.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 { inputSideDefinition, inputSizeDefinition, useInputCva } from "./inputs/shared/input.cva.js";
+import { InputClear } from "./inputs/shared/InputClear.js";
+import { TooltipWrapper } from "./inputs/shared/TooltipWrapper.js";
+import { textAreaWrapperDefinition } from "./inputs/Input/TextArea/TextArea.cva.js";
 import { clsx } from "clsx";
 import { memo, useRef } from "react";
-import { TextArea } from "react-aria-components";
+import { TextArea as TextArea$1 } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
@@ -84,7 +84,7 @@ const TextAreaBase = (props) => {
 							type: "left"
 						}))
 					}),
-					/* @__PURE__ */ jsx(TextArea, {
+					/* @__PURE__ */ jsx(TextArea$1, {
 						...inputProps,
 						"data-is-dirty": isDirty || void 0,
 						"data-is-required": isRequired || void 0,
@@ -133,6 +133,6 @@ const TextAreaComponent = (props) => {
 	}
 	return /* @__PURE__ */ jsx(TextAreaBase, { ...props });
 };
-const TextArea$1 = memo(TextAreaComponent);
+const TextArea = memo(TextAreaComponent);
 //#endregion
-export { TextArea$1 as TextArea };
+export { TextArea };

package/dist/components/{buttons/TextButton/TextButton.d.ts → text-button.d.ts}

@@ -1,7 +1,7 @@
-import { LinkNavigationProps } from "../../text/Link/Link.js";
-import { ButtonVariantProps } from "../Button/button.cva.js";
-import { ButtonContentVariantProps } from "../shared/buttonContent.cva.js";
-import { ButtonIconProps } from "../Button/Button.js";
+import { LinkNavigationProps } from "./link.js";
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
+import { ButtonContentVariantProps } from "./buttons/shared/buttonContent.cva.js";
+import { ButtonIconProps } from "./buttons/Button/Button.js";
 import { ReactNode } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/TextButton/TextButton.d.ts

package/dist/components/{buttons/TextButton/TextButton.js → text-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/TextButton/TextButton.tsx

package/dist/components/{inputs/Input/TextInput/TextInput.d.ts → text-input.d.ts}

@@ -1,8 +1,8 @@
-import { FieldValues } from "../../shared/form.binding.js";
-import { ControlProps } from "../../shared/form.types.js";
-import { InputVariantProps } from "../../shared/input.cva.js";
-import { InputContentProps } from "../shared/InputContent.js";
-import { FormFieldProps } from "../../FormField/FormField.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { InputVariantProps } from "./inputs/shared/input.cva.js";
+import { InputContentProps } from "./inputs/Input/shared/InputContent.js";
+import { FormFieldProps } from "./form-field.js";
 import { Ref } from "react";
 import { InputProps } from "react-aria-components";
 import { AriaTextFieldProps } from "react-aria";

package/dist/components/{inputs/Input/TextInput/TextInput.js → text-input.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 { FormField } from "../../FormField/FormField.js";
-import { inputBaseDefinition } from "../../shared/input.cva.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
-import { InputContent } from "../shared/InputContent.js";
-import { useFieldAccessibility } from "../../shared/useFieldAccessibility.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { FieldController } from "./inputs/shared/form.binding.js";
+import { FormField } from "./form-field.js";
+import { inputBaseDefinition } from "./inputs/shared/input.cva.js";
+import { TooltipWrapper } from "./inputs/shared/TooltipWrapper.js";
+import { InputFrame } from "./inputs/Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "./inputs/shared/useStaticInputHandoff.js";
+import { InputContent } from "./inputs/Input/shared/InputContent.js";
+import { useFieldAccessibility } from "./inputs/shared/useFieldAccessibility.js";
 import { clsx } from "clsx";
 import { memo, useEffect, useRef, useState } from "react";
 import { Input } from "react-aria-components";

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

@@ -0,0 +1,2 @@
+import { ControlledTimePickerProps, TimePicker, TimePickerProps } from "./inputs/DateTime/TimePicker/TimePicker.js";
+export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/components/time-picker.js

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

package/dist/components/{status/Toast/Toast.d.ts → toast.d.ts}

@@ -1,4 +1,4 @@
-import { ToastVariantProps } from "./toast.cva.js";
+import { ToastVariantProps } from "./status/Toast/toast.cva.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/Toast.d.ts
 interface ToastAction {

package/dist/components/{status/Toast/Toast.js → toast.js}

@@ -1,12 +1,12 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../text/Typography/Typography.js";
-import { Loader } from "../Loader/Loader.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { Button } from "../../buttons/Button/Button.js";
-import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./toast.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { Typography } from "./typography.js";
+import { Loader } from "./loader.js";
+import { UIConfig } from "../config/uiConfig.context.js";
+import { Button } from "./buttons/Button/Button.js";
+import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./status/Toast/toast.cva.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ToastContainer } from "react-toastify";
+import { ToastContainer as ToastContainer$1 } from "react-toastify";
 //#region src/components/status/Toast/Toast.tsx
 const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
 	const uiConfig = UIConfig.useConfig();
@@ -47,7 +47,7 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 		})] })]
 	});
 };
-const ToastContainer$1 = () => {
+const ToastContainer = () => {
 	const $ = c(6);
 	const uiConfig = UIConfig.useConfig();
 	const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
@@ -63,7 +63,7 @@ const ToastContainer$1 = () => {
 	} else t0 = $[2];
 	let t1;
 	if ($[3] !== t0 || $[4] !== uiConfig.toast.position) {
-		t1 = /* @__PURE__ */ jsx(ToastContainer, {
+		t1 = /* @__PURE__ */ jsx(ToastContainer$1, {
 			position: uiConfig.toast.position,
 			className: t0,
 			toastClassName: toastWrapper,
@@ -79,4 +79,4 @@ const ToastContainer$1 = () => {
 	return t1;
 };
 //#endregion
-export { Toast, ToastContainer$1 as ToastContainer };
+export { Toast, ToastContainer };

package/dist/components/toggle-button.d.ts

@@ -0,0 +1,12 @@
+import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
+import { ButtonContentVariantProps } from "./buttons/shared/buttonContent.cva.js";
+import { ButtonIconProps } from "./buttons/Button/Button.js";
+import { ReactNode } from "react";
+import { ToggleButtonProps as ToggleButtonProps$1 } from "react-aria-components";
+//#region src/components/buttons/ToggleButton/ToggleButton.d.ts
+type ToggleButtonProps = ButtonVariantProps & ButtonContentVariantProps & ToggleButtonProps$1 & ButtonIconProps<true | false> & {
+  children: ReactNode;
+};
+declare const ToggleButton: ({ children, ...props }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ToggleButton, ToggleButtonProps };

package/dist/components/{buttons/ToggleButton/ToggleButton.js → toggle-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/ToggleButton/ToggleButton.tsx

package/dist/components/{inputs/Toggle/Toggle.d.ts → toggle.d.ts}

@@ -1,7 +1,7 @@
-import { FieldValues } from "../shared/form.binding.js";
-import { FormFieldErrorProps } from "../FormField/FormFieldError.js";
-import { ControlProps } from "../shared/form.types.js";
-import { ToggleVariantProps } from "./toggle.cva.js";
+import { FieldValues } from "./inputs/shared/form.binding.js";
+import { FormFieldErrorProps } from "./inputs/FormField/FormFieldError.js";
+import { ControlProps } from "./inputs/shared/form.types.js";
+import { ToggleVariantProps } from "./inputs/Toggle/toggle.cva.js";
 import { Ref } from "react";
 import { SwitchProps } from "react-aria-components";
 //#region src/components/inputs/Toggle/Toggle.d.ts

package/dist/components/{inputs/Toggle/Toggle.js → toggle.js}

@@ -1,9 +1,9 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { FieldController } from "../shared/form.binding.js";
-import { FormFieldError } from "../FormField/FormFieldError.js";
-import { CheckContent } from "../shared/CheckContent.js";
-import { toggleContentClassName, toggleDefinition, toggleTypography } from "./toggle.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 { FormFieldError } from "./inputs/FormField/FormFieldError.js";
+import { CheckContent } from "./inputs/shared/CheckContent.js";
+import { toggleContentClassName, toggleDefinition, toggleTypography } from "./inputs/Toggle/toggle.cva.js";
 import { clsx } from "clsx";
 import { memo } from "react";
 import { Switch } from "react-aria-components";

package/dist/components/{overlays/Tooltip/TooltipEllipsis.js → tooltip-ellipsis.js}

@@ -1,4 +1,4 @@
-import { Tooltip } from "./Tooltip.js";
+import { Tooltip } from "./tooltip.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip.d.ts

@@ -0,0 +1,16 @@
+import { TooltipVariantProps } from "./overlays/Tooltip/tooltip.cva.js";
+import { PropsWithChildren, ReactNode } from "react";
+import { TooltipProps as TooltipProps$1 } from "react-aria-components";
+//#region src/components/overlays/Tooltip/Tooltip.d.ts
+interface TooltipProps extends PropsWithChildren<TooltipProps$1>, TooltipVariantProps {
+  text: ReactNode;
+  isDisabled?: boolean;
+  delay?: number;
+  closeDelay?: number;
+  isNonInteractiveTrigger?: boolean;
+  triggerClassName?: string;
+  triggerTabIndex?: number;
+}
+declare const Tooltip: ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Tooltip, TooltipProps };

package/dist/components/{overlays/Tooltip/Tooltip.js → tooltip.js}

@@ -1,11 +1,11 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./tooltip.cva.js";
-import { Typography } from "../../text/Typography/Typography.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./overlays/Tooltip/tooltip.cva.js";
+import { Typography } from "./typography.js";
 import { Triangle, TriangleRight } from "lucide-react";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Fragment, useRef } from "react";
-import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
+import { OverlayArrow, Tooltip as Tooltip$1, TooltipTrigger } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusable } from "react-aria";
 //#region src/components/overlays/Tooltip/Tooltip.tsx
@@ -43,7 +43,7 @@ const CustomTrigger = (t0) => {
 	} else t4 = $[7];
 	return t4;
 };
-const Tooltip$1 = (t0) => {
+const Tooltip = (t0) => {
 	const $ = c(38);
 	const { children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps } = t0;
 	const tooltipCva = UIOverrides.useCva("tooltip.cva", tooltipDefinition);
@@ -68,7 +68,7 @@ const Tooltip$1 = (t0) => {
 		$[4] = triggerTabIndex;
 		$[5] = t3;
 	} else t3 = $[5];
-	const T1 = Tooltip;
+	const T1 = Tooltip$1;
 	const t4 = tooltipCva({
 		color,
 		className: tooltipProps.className
@@ -167,4 +167,4 @@ const Tooltip$1 = (t0) => {
 	return t13;
 };
 //#endregion
-export { Tooltip$1 as Tooltip };
+export { Tooltip };

package/dist/components/{text/Typography/Typography.d.ts → typography.d.ts}

@@ -1,4 +1,4 @@
-import { TypographyVariantProps } from "./typography.cva.js";
+import { TypographyVariantProps } from "./text/Typography/typography.cva.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

package/dist/components/{text/Typography/Typography.js → typography.js}

@@ -1,5 +1,5 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { typographyDefinition } from "./typography.cva.js";
+import { UIOverrides } from "../config/uiOverrides.context.js";
+import { typographyDefinition } from "./text/Typography/typography.cva.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx

package/dist/config/confirmation.context.d.ts

@@ -1,4 +1,4 @@
-import { ActionModalProps } from "../components/overlays/ActionModal/ActionModal.js";
+import { ActionModalProps } from "../components/action-modal.js";
 import { PropsWithChildren } from "react";
 //#region src/config/confirmation.context.d.ts
 declare namespace Confirmation {

package/dist/config/confirmation.context.js

@@ -1,5 +1,5 @@
 import "./i18n.js";
-import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
+import { ActionModal } from "../components/action-modal.js";
 import { createContext, use, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";

package/dist/config/link.context.d.ts

@@ -1,4 +1,4 @@
-import { LinkNavigationProps } from "../components/text/Link/Link.js";
+import { LinkNavigationProps } from "../components/link.js";
 import { ComponentType, PropsWithChildren } from "react";
 //#region src/config/link.context.d.ts
 interface LinkContextValue {

package/dist/config/uiConfig.context.d.ts

@@ -1,18 +1,18 @@
+import { BottomSheetProps } from "../components/bottom-sheet.js";
 import { ButtonProps } from "../components/buttons/Button/Button.js";
-import { BottomSheetProps } from "../components/overlays/BottomSheet/BottomSheet.js";
-import { CheckboxProps } from "../components/inputs/Checkbox/Checkbox.js";
-import { TextInputProps } from "../components/inputs/Input/TextInput/TextInput.js";
-import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
-import { NumberInputProps } from "../components/inputs/Input/NumberInput/NumberInput.js";
-import { RadioGroupProps } from "../components/inputs/RadioGroup/RadioGroup.js";
+import { CheckboxProps } from "../components/checkbox.js";
+import { TextInputProps } from "../components/text-input.js";
+import { NumberInputProps } from "../components/number-input.js";
+import { RadioGroupProps } from "../components/radio-group.js";
 import { SelectBaseProps } from "../components/inputs/Selection/shared/SelectBase.js";
-import { SliderProps } from "../components/inputs/Slider/Slider.js";
-import { ToggleProps } from "../components/inputs/Toggle/Toggle.js";
-import { ActionModalProps } from "../components/overlays/ActionModal/ActionModal.js";
-import { ToastProps } from "../components/status/Toast/Toast.js";
+import { SliderProps } from "../components/slider.js";
+import { ToggleProps } from "../components/toggle.js";
+import { ActionModalProps } from "../components/action-modal.js";
+import { ToastProps } from "../components/toast.js";
+import { TagProps } from "../components/tag.js";
+import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
 import { CellTextProps } from "../components/table/CellText.js";
 import { HeaderTextProps } from "../components/table/HeaderText.js";
-import { TagProps } from "../components/text/Tag/Tag.js";
 import { Breakpoint } from "../hooks/useBreakpoint.js";
 import { PropsWithChildren, ReactElement } from "react";
 import { ToastPosition } from "react-toastify";