@povio/ui 2.2.0 → 2.2.1

package/dist/{TextColorSelect.js → components/inputs/TextEditor/Toolbar/TextColorSelect.js}

@@ -1,6 +1,6 @@
-import { TextColorIcon } from "./TextColor.js";
+import { TextColorIcon } from "../../../../assets/icons/TextColor.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
-import { defaultColors } from "./textEditor.types.js";
+import { defaultColors } from "../textEditor.types.js";
 import { jsx } from "react/jsx-runtime";
 const TextColorSelect = ({ editor }) => {
 	if (!editor.extensionManager.extensions.some((extension) => extension.name === "color")) return null;

package/dist/{TextHighlightSelect.js → components/inputs/TextEditor/Toolbar/TextHighlightSelect.js}

@@ -1,7 +1,7 @@
-import { HighlightIcon } from "./Highlight.js";
-import { HighlightOnIcon } from "./HighlightOn.js";
+import { HighlightIcon } from "../../../../assets/icons/Highlight.js";
+import { HighlightOnIcon } from "../../../../assets/icons/HighlightOn.js";
 import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
-import { defaultColors } from "./textEditor.types.js";
+import { defaultColors } from "../textEditor.types.js";
 import { jsx } from "react/jsx-runtime";
 const TextHighlightSelect = ({ editor }) => {
 	if (!editor.extensionManager.extensions.some((extension) => extension.name === "highlight")) return null;

package/dist/{TextListActions.js → components/inputs/TextEditor/Toolbar/TextListActions.js}

@@ -1,7 +1,7 @@
-import { BulletedListIcon } from "./BulletedList.js";
-import { NumberedListIcon } from "./NumberedList.js";
-import { InlineIconButton } from "./InlineIconButton.js";
-import { ns } from "./i18n.js";
+import { BulletedListIcon } from "../../../../assets/icons/BulletedList.js";
+import { NumberedListIcon } from "../../../../assets/icons/NumberedList.js";
+import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { ns } from "../../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";

package/dist/{TextMarksActions.js → components/inputs/TextEditor/Toolbar/TextMarksActions.js}

@@ -1,9 +1,9 @@
-import { BoldIcon } from "./Bold.js";
-import { ItalicIcon } from "./Italic.js";
-import { StrikethroughIcon } from "./Strikethrough.js";
-import { UnderlinedIcon } from "./Underlined.js";
-import { InlineIconButton } from "./InlineIconButton.js";
-import { ns } from "./i18n.js";
+import { BoldIcon } from "../../../../assets/icons/Bold.js";
+import { ItalicIcon } from "../../../../assets/icons/Italic.js";
+import { StrikethroughIcon } from "../../../../assets/icons/Strikethrough.js";
+import { UnderlinedIcon } from "../../../../assets/icons/Underlined.js";
+import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { ns } from "../../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";

package/dist/{TextStyleSelect.js → components/inputs/TextEditor/Toolbar/TextStyleSelect.js}

@@ -1,6 +1,6 @@
-import { Typography } from "./Typography.js";
-import { ns } from "./i18n.js";
-import { Select } from "./Select.js";
+import { Typography } from "../../../text/Typography/Typography.js";
+import { ns } from "../../../../config/i18n.js";
+import { Select } from "../../Selection/Select/Select.js";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 const TextStyleSelect = ({ editor }) => {

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

@@ -1,7 +1,7 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { FormFieldError } from "./FormFieldError.js";
-import { CheckContent } from "./CheckContent.js";
-import { UIConfig } from "./uiConfig.context.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { FormFieldError } from "../FormField/FormFieldError.js";
+import { CheckContent } from "../shared/CheckContent.js";
+import { UIConfig } from "../../../config/uiConfig.context.js";
 import { toggle, toggleTypography } from "./toggle.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
@@ -13,7 +13,7 @@ var ToggleBase = (props) => {
 	const uiStyle = UIStyle.useConfig();
 	const toggleCva = uiStyle?.toggle?.cva ?? toggle;
 	const toggleTypographyMap = uiStyle?.toggle?.typography ?? toggleTypography;
-	const { className, children, isDisabled, error, variant = ui.toggle.variant,...rest } = props;
+	const { className, children, isDisabled, error, variant = ui.toggle.variant, ...rest } = props;
 	const formFieldErrorProps = {
 		error,
 		isDisabled
@@ -38,7 +38,7 @@ var ToggleBase = (props) => {
 };
 const Toggle = (props) => {
 	if ("formControl" in props && props.formControl) {
-		const { formControl, ref,...innerProps } = props;
+		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
 			control: formControl.control,
 			name: formControl.name,

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

@@ -1,5 +1,5 @@
-import { uiGroupOutlineClass } from "./outline.clsx.js";
-import { compoundMapper } from "./compoundMapper.js";
+import { uiGroupOutlineClass } from "../../outline.clsx.js";
+import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { cva } from "class-variance-authority";
 const toggle = cva(["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass], {
 	variants: { variant: { default: [

package/dist/{CheckContent.js → components/inputs/shared/CheckContent.js}

@@ -1,8 +1,8 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { typography } from "./typography.cva.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { typography } from "../../text/Typography/typography.cva.js";
 import { jsx } from "react/jsx-runtime";
 import clsx$1 from "clsx";
-const CheckContent = ({ children, className,...props }) => {
+const CheckContent = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx$1((UIStyle.useConfig()?.typography?.cva ?? typography)({
 			size: "label-1",

package/dist/{InputClear.js → components/inputs/shared/InputClear.js}

@@ -1,6 +1,6 @@
-import { CloseIcon } from "./Close.js";
-import { InlineIconButton } from "./InlineIconButton.js";
-import { ns } from "./i18n.js";
+import { CloseIcon } from "../../../assets/icons/Close.js";
+import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
+import { ns } from "../../../config/i18n.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useTranslation } from "react-i18next";

package/dist/{TooltipWrapper.js → components/inputs/shared/TooltipWrapper.js}

@@ -1,4 +1,4 @@
-import { Tooltip } from "./Tooltip.js";
+import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { jsx } from "react/jsx-runtime";
 const TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;

package/dist/components/inputs/shared/input.cva.d.ts

@@ -2,18 +2,18 @@ import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
 export declare const inputBase: (props?: ({
     variant?: "outlined" | "filled" | null | undefined;
-    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
 } & ClassProp) | undefined) => string;
 export interface InputBaseProps extends VariantProps<typeof inputBase> {
 }
 export declare const inputSize: (props?: ({
-    size?: "default" | "small" | "extra-small" | "large" | null | undefined;
-    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
+    size?: "small" | "default" | "extra-small" | "large" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
 } & ClassProp) | undefined) => string;
 export interface InputSizeProps extends VariantProps<typeof inputSize> {
 }
 export declare const inputSide: (props?: ({
-    size?: "default" | "small" | "extra-small" | "large" | null | undefined;
+    size?: "small" | "default" | "extra-small" | "large" | null | undefined;
     type?: "left" | "right" | "var" | null | undefined;
 } & ClassProp) | undefined) => string;
 export interface InputSideProps extends VariantProps<typeof inputSide> {

package/dist/{input.cva.js → components/inputs/shared/input.cva.js}

@@ -1,8 +1,8 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { uiOutlineClass } from "./outline.clsx.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { uiOutlineClass } from "../../outline.clsx.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
-const inputBase = cva([uiOutlineClass, "flex w-full truncate"], {
+const inputBase = cva([uiOutlineClass, "flex w-full not-[textarea]:truncate"], {
 	variants: {
 		variant: {
 			outlined: "",
@@ -262,7 +262,7 @@ const useInputCva = () => {
 	const uiStyle = UIStyle.useConfig();
 	const inputBaseCva = uiStyle?.input?.baseCva ?? inputBase;
 	const inputSizeCva = uiStyle?.input?.sizeCva ?? inputSize;
-	return ({ className,...rest }) => {
+	return ({ className, ...rest }) => {
 		return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
 	};
 };

package/dist/components/inputs/shared/label.cva.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
 export declare const labelBase: (props?: ({
-    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LabelBaseProps extends VariantProps<typeof labelBase> {
 }
 export declare const labelTypography: (props: {
-    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
+    as?: "filter" | "default" | "floating" | "inline" | null | undefined;
 }) => TypographyVariantProps | undefined;

package/dist/{label.cva.js → components/inputs/shared/label.cva.js}

@@ -1,4 +1,4 @@
-import { compoundMapper } from "./compoundMapper.js";
+import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { cva } from "class-variance-authority";
 const labelBase = cva("", {
 	variants: { as: {

package/dist/{Accordion.js → components/navigation/Accordion/Accordion.js}

@@ -1,4 +1,4 @@
-import { UIStyle } from "./uiStyle.context.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
 import { accordionCva } from "./accordion.cva.js";
 import { AccordionItem } from "./AccordionItem.js";
 import { jsx } from "react/jsx-runtime";

package/dist/{AccordionItem.js → components/navigation/Accordion/AccordionItem.js}

@@ -1,6 +1,6 @@
-import { ChevronDownIcon } from "./ChevronDown.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
+import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
 import { accordionChevronCva, accordionHeadingCva, accordionHeadingSubtitleCva, accordionHeadingTitleCva, accordionIconCva, accordionItemCva, accordionPanelContentCva, accordionPanelCva, accordionTriggerCva } from "./accordion.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";

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

@@ -1,4 +1,4 @@
-import { UIStyle } from "./uiStyle.context.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
 import { stepperCva } from "./stepper.cva.js";
 import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";

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

@@ -1,6 +1,6 @@
-import { CheckIcon } from "./Check.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
+import { CheckIcon } from "../../../assets/icons/Check.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
 import { stepperIconCva, stepperItemCva, stepperNumberCva, stepperSubtextCva, stepperTitleCva } from "./stepper.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

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

@@ -1,4 +1,4 @@
-import { UIStyle } from "./uiStyle.context.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
 import { stepperSeparatorCva } from "./stepper.cva.js";
 import { jsx } from "react/jsx-runtime";
 const StepperSeparator = ({ orientation, contentOrientation }) => {

package/dist/{ActionModal.js → components/overlays/ActionModal/ActionModal.js}

@@ -1,6 +1,6 @@
-import { Typography } from "./Typography.js";
-import { Button } from "./Button.js";
-import { Modal } from "./Modal.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { Button } from "../../buttons/Button/Button.js";
+import { Modal } from "../Modal/Modal.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 var textAlignClassMap = {
@@ -8,7 +8,7 @@ var textAlignClassMap = {
 	center: "text-center",
 	right: "text-right"
 };
-const ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName,...modalProps }) => {
+const ActionModal = ({ heading, description, primaryAction, secondaryAction, buttonSize = "m", textAlign = "left", modalClassName, ...modalProps }) => {
 	const textAlignClass = textAlignClassMap[textAlign];
 	return /* @__PURE__ */ jsxs(Modal, {
 		modalClassName: clsx("w-modal", modalClassName),

package/dist/{BottomSheet.js → components/overlays/BottomSheet/BottomSheet.js}

@@ -1,12 +1,12 @@
-import { react_exports } from "./react.js";
-import { DomUtils } from "./dom.utils.js";
+import { motion, react_exports } from "../../../node_modules/.pnpm/motion@12.23.28_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/motion/dist/es/react.js";
+import { DomUtils } from "../../../utils/dom.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
 import { useResizeObserver, useViewportSize } from "@react-aria/utils";
-var MotionModal = react_exports.motion.create(Modal);
-var MotionModalOverlay = react_exports.motion.create(ModalOverlay);
+var MotionModal = motion.create(Modal);
+var MotionModalOverlay = motion.create(ModalOverlay);
 var inertiaTransition = {
 	type: "inertia",
 	bounceStiffness: 300,
@@ -66,7 +66,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 		style: { height: viewport.height },
 		ref: overlayRef,
 		shouldCloseOnInteractOutside,
-		children: [/* @__PURE__ */ jsx(react_exports.motion.div, {
+		children: [/* @__PURE__ */ jsx(motion.div, {
 			className: "pointer-events-none absolute inset-0 bg-support-overlay",
 			animate: { opacity: 1 },
 			initial: { opacity: 0 },
@@ -154,7 +154,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-elevation-fill-default-1" })
 						]
 					}),
-					footer && /* @__PURE__ */ jsx(react_exports.motion.div, {
+					footer && /* @__PURE__ */ jsx(motion.div, {
 						ref: footerRef,
 						className: clsx("pointer-events-auto absolute z-50 w-full bg-elevation-fill-default-2", "top-(--visual-viewport-height) left-0 translate-y-[calc(-100%-var(--scroll-position,0px))]"),
 						children: footer
@@ -164,7 +164,7 @@ var BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = fa
 		})]
 	}) });
 };
-const BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, children,...rest }) => {
+const BottomSheet = ({ isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest }) => {
 	const [isSheetOpen, setIsSheetOpen] = useState(!!isOpen);
 	const hasTrigger = !!trigger;
 	useEffect(() => {

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

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

package/dist/{Modal.js → components/overlays/Modal/Modal.js}

@@ -1,7 +1,7 @@
-import { CloseIcon } from "./Close.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { InlineIconButton } from "./InlineIconButton.js";
-import { ns } from "./i18n.js";
+import { CloseIcon } from "../../../assets/icons/Close.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
+import { ns } from "../../../config/i18n.js";
 import { modalContent, modalMain, modalOverlay } from "./modal.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/{ResponsivePopover.js → components/overlays/ResponsivePopover/ResponsivePopover.js}

@@ -1,7 +1,7 @@
-import { BottomSheet } from "./BottomSheet.js";
-import { useBreakpoint } from "./useBreakpoint.js";
-import { FormFieldHeader } from "./FormFieldHeader.js";
-import { FormFieldHeaderClose } from "./FormFieldHeaderClose.js";
+import { BottomSheet } from "../BottomSheet/BottomSheet.js";
+import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
+import { FormFieldHeader } from "../../inputs/FormField/FormFieldHeader.js";
+import { FormFieldHeaderClose } from "../../inputs/FormField/FormFieldHeaderClose.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";

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

@@ -1,9 +1,10 @@
-import { PointerHorizontalIcon } from "./PointerHorizontal.js";
-import { PointerVerticalIcon } from "./PointerVertical.js";
-import { UIStyle } from "./uiStyle.context.js";
+import { PointerHorizontalIcon } from "../../../assets/icons/PointerHorizontal.js";
+import { PointerVerticalIcon } from "../../../assets/icons/PointerVertical.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
 import { tooltipCva, tooltipPointerHorizontalCva, tooltipPointerVerticalCva, tooltipTextCva } from "./tooltip.cva.js";
-import { Typography } from "./Typography.js";
+import { Typography } from "../../text/Typography/Typography.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
 import { Fragment as Fragment$1, useRef } from "react";
 import { OverlayArrow, Tooltip, TooltipTrigger } from "react-aria-components";
 import { useFocusable } from "react-aria";
@@ -14,11 +15,11 @@ var CustomTrigger = ({ children, className, tabIndex }) => {
 		ref,
 		...focusableProps,
 		tabIndex: tabIndex ?? 0,
-		className,
+		className: clsx("inline-flex", className),
 		children
 	});
 };
-const Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex,...tooltipProps }) => {
+const Tooltip$1 = ({ children, text, isDisabled, delay, closeDelay, color, isNonInteractiveTrigger, triggerClassName, triggerTabIndex, ...tooltipProps }) => {
 	const uiStyle = UIStyle.useConfig();
 	const tooltipCva$1 = uiStyle?.tooltip?.cva ?? tooltipCva;
 	const tooltipPointerHorizontalCva$1 = uiStyle?.tooltip?.pointerHorizontalCva ?? tooltipPointerHorizontalCva;

package/dist/components/overlays/Tooltip/TooltipEllipsis.d.ts

@@ -1,7 +1,8 @@
 import { JSX, Ref } from 'react';
 export interface TooltipEllipsisProps {
     text: string;
-    children: (ref: Ref<HTMLHeadingElement> | undefined) => JSX.Element;
+    children: (ref: Ref<HTMLElement> | undefined) => JSX.Element;
     isDisabled?: boolean;
+    isNonInteractiveTrigger?: boolean;
 }
-export declare const TooltipEllipsis: ({ text, children, isDisabled }: TooltipEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipEllipsis: ({ text, children, isDisabled, isNonInteractiveTrigger }: TooltipEllipsisProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { Tooltip } from "./Tooltip.js";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-const TooltipEllipsis = ({ text, children, isDisabled }) => {
+const TooltipEllipsis = ({ text, children, isDisabled, isNonInteractiveTrigger }) => {
 	const [isEllipsisActive, setIsEllipsisActive] = useState(false);
 	const onContentRef = (ref) => {
 		if (ref) setIsEllipsisActive(ref.offsetWidth < ref.scrollWidth);
@@ -11,6 +11,7 @@ const TooltipEllipsis = ({ text, children, isDisabled }) => {
 		text,
 		placement: "bottom",
 		isDisabled,
+		isNonInteractiveTrigger,
 		children: content
 	});
 	return content;

package/dist/{Segment.js → components/segment/Segment.js}

@@ -1,5 +1,5 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { FormField } from "./FormField.js";
+import { UIStyle } from "../../config/uiStyle.context.js";
+import { FormField } from "../inputs/FormField/FormField.js";
 import { segmentCva } from "./segment.cva.js";
 import { SegmentItem } from "./SegmentItem.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +10,7 @@ import { useToggleButtonGroup } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 import { Controller } from "react-hook-form";
 import { useToggleGroupState } from "react-stately";
-var SegmentBase = ({ className, items, error, onChange, value, defaultValue,...rest }) => {
+var SegmentBase = ({ className, items, error, onChange, value, defaultValue, ...rest }) => {
 	const props = {
 		...rest,
 		defaultSelectedKeys: defaultValue ? Array.isArray(defaultValue) ? defaultValue : [defaultValue] : void 0,
@@ -63,7 +63,7 @@ var SegmentBase = ({ className, items, error, onChange, value, defaultValue,...r
 };
 const Segment = (props) => {
 	if ("formControl" in props && props.formControl) {
-		const { formControl, ref,...innerProps } = props;
+		const { formControl, ref, ...innerProps } = props;
 		return /* @__PURE__ */ jsx(Controller, {
 			control: formControl.control,
 			name: formControl.name,

package/dist/{SegmentItem.js → components/segment/SegmentItem.js}

@@ -1,9 +1,9 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
+import { UIStyle } from "../../config/uiStyle.context.js";
+import { Typography } from "../text/Typography/Typography.js";
 import { segmentItemCva } from "./segment.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToggleButton } from "react-aria-components";
-const SegmentItem = ({ label, icon, id, isDisabled,...props }) => {
+const SegmentItem = ({ label, icon, id, isDisabled, ...props }) => {
 	const IconComponent = icon;
 	const iconOnly = !!(icon && !label);
 	const segmentItemCva$1 = UIStyle.useConfig()?.segment?.itemCva ?? segmentItemCva;

package/dist/{Pagination.js → components/shared/pagination/Pagination.js}

@@ -1,6 +1,6 @@
-import { Typography } from "./Typography.js";
-import { ns } from "./i18n.js";
-import { NumberInput } from "./NumberInput.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { ns } from "../../../config/i18n.js";
+import { NumberInput } from "../../inputs/Input/NumberInput/NumberInput.js";
 import { PaginationList } from "./PaginationList.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

package/dist/{PaginationList.js → components/shared/pagination/PaginationList.js}

@@ -1,9 +1,9 @@
-import { ChevronLeftIcon } from "./ChevronLeft.js";
-import { ChevronRightIcon } from "./ChevronRight.js";
-import { ChevronsLeftIcon } from "./ChevronsLeft.js";
-import { ChevronsRightIcon } from "./ChevronsRight.js";
-import { Button } from "./Button.js";
-import { ns } from "./i18n.js";
+import { ChevronLeftIcon } from "../../../assets/icons/ChevronLeft.js";
+import { ChevronRightIcon } from "../../../assets/icons/ChevronRight.js";
+import { ChevronsLeftIcon } from "../../../assets/icons/ChevronsLeft.js";
+import { ChevronsRightIcon } from "../../../assets/icons/ChevronsRight.js";
+import { Button } from "../../buttons/Button/Button.js";
+import { ns } from "../../../config/i18n.js";
 import { minWidth } from "./minWidth.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";

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

@@ -1,8 +1,8 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
-import { Loader } from "./Loader.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { Loader } from "../Loader/Loader.js";
 import { alert } from "./alert.cva.js";
-import { statusIcon, statusSeparator } from "./status.cva.js";
+import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const Alert = ({ variant, color, text, isLoading = false, rightContent, hasSeparator, icon: Icon, className }) => {
 	const uiStyle = UIStyle.useConfig();

package/dist/{Loader.js → components/status/Loader/Loader.js}

@@ -1,6 +1,6 @@
 import { loader, loaderWrapper } from "./loader.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const Loader = ({ size, className,...props }) => {
+const Loader = ({ size, className, ...props }) => {
 	return /* @__PURE__ */ jsx("div", {
 		className: loaderWrapper({
 			size,

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

@@ -1,12 +1,12 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
-import { Loader } from "./Loader.js";
-import { Button } from "./Button.js";
-import { statusIcon, statusSeparator } from "./status.cva.js";
+import { UIStyle } from "../../../config/uiStyle.context.js";
+import { Typography } from "../../text/Typography/Typography.js";
+import { Loader } from "../Loader/Loader.js";
+import { Button } from "../../buttons/Button/Button.js";
+import { statusIcon, statusSeparator } from "../shared/status.cva.js";
 import { buttonColorVariant, toast as toast$1, toastContainer, toastWrapper } from "./toast.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer } from "react-toastify";
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon,...props }) => {
+const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
 	const uiStyle = UIStyle.useConfig();
 	const toastCva = uiStyle?.toast?.cva ?? toast$1;
 	const buttonColor = uiStyle?.toast?.buttonColor ?? buttonColorVariant;

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

@@ -1,4 +1,4 @@
-import { compoundMapper } from "./compoundMapper.js";
+import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 import { cva } from "class-variance-authority";
 const toastContainer = cva("m-toast-gap-margin-mobile w-auto p-0 md:m-toast-gap-margin-desktop", { variants: { position: {

package/dist/{CellText.js → components/table/CellText.js}

@@ -1,4 +1,4 @@
-import { Typography } from "./Typography.js";
+import { Typography } from "../text/Typography/Typography.js";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 const CellText = ({ children, style, className }) => /* @__PURE__ */ jsx(Typography, {

package/dist/{ColumnConfig.js → components/table/ColumnConfig.js}

@@ -1,9 +1,9 @@
-import { Typography } from "./Typography.js";
-import { Checkbox } from "./Checkbox.js";
-import { ns } from "./i18n.js";
-import { Modal } from "./Modal.js";
+import { Typography } from "../text/Typography/Typography.js";
+import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
+import { ns } from "../../config/i18n.js";
+import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
-import { useTranslationMemo } from "./useTranslationMemo.js";
+import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";

package/dist/{HeaderText.js → components/table/HeaderText.js}

@@ -1,4 +1,4 @@
-import { Typography } from "./Typography.js";
+import { Typography } from "../text/Typography/Typography.js";
 import { jsx } from "react/jsx-runtime";
 const HeaderText = ({ children }) => /* @__PURE__ */ jsx(Typography, {
 	variant: "default",

package/dist/{InfiniteTable.js → components/table/InfiniteTable.js}

@@ -1,9 +1,9 @@
-import { Loader } from "./Loader.js";
-import { useIntersectionObserver } from "./useIntersectionObserver.js";
+import { Loader } from "../status/Loader/Loader.js";
+import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
-const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage,...rest }) => {
+const InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
 	const { ref } = useIntersectionObserver({
 		onIntersection: useCallback(() => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();

package/dist/{PaginatedTable.js → components/table/PaginatedTable.js}

@@ -1,7 +1,7 @@
-import { Pagination } from "./Pagination.js";
+import { Pagination } from "../shared/pagination/Pagination.js";
 import { Table } from "./Table.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const PaginatedTable = ({ pagination, setPagination, items, totalItems,...rest }) => {
+const PaginatedTable = ({ pagination, setPagination, items, totalItems, ...rest }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-4",
 		children: [/* @__PURE__ */ jsx(Table, {