@povio/ui 3.4.0-rc.17 → 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

@@ -0,0 +1,23 @@
+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";
+import { Placement } from "react-aria";
+//#region src/components/Menu/Menu.d.ts
+interface MenuItem$1 extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, MenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
+  label: string;
+  content?: string | ReactElement;
+  children?: MenuItem$1[];
+}
+type MenuBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
+interface MenuProps {
+  trigger: ReactElement;
+  items: MenuItem$1[];
+  closeDelay?: number;
+  placement?: Placement;
+  onAction?: (key: Key, e: any) => void;
+  bottomSheetProps?: MenuBottomSheetProps;
+}
+declare const Menu$1: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Menu$1 as Menu, MenuItem$1 as MenuItem, MenuProps };

package/dist/components/Menu/Menu.js

@@ -0,0 +1,27 @@
+import { MenuDesktop } from "./MenuDesktop.js";
+import { MenuMobile } from "./MenuMobile.js";
+import { useBreakpoint } from "../../hooks/useBreakpoint.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Menu/Menu.tsx
+const Menu = (props) => {
+	const $ = c(4);
+	if (useBreakpoint("md")) {
+		let t0;
+		if ($[0] !== props) {
+			t0 = /* @__PURE__ */ jsx(MenuDesktop, { ...props });
+			$[0] = props;
+			$[1] = t0;
+		} else t0 = $[1];
+		return t0;
+	}
+	let t0;
+	if ($[2] !== props) {
+		t0 = /* @__PURE__ */ jsx(MenuMobile, { ...props });
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+};
+//#endregion
+export { Menu };

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

@@ -1,4 +1,4 @@
-import { MenuItem as MenuItem$1 } from "../menu.js";
+import { MenuItem as MenuItem$1 } from "./Menu.js";
 //#region src/components/Menu/MenuItem.d.ts
 type MenuListItemProps = MenuItem$1;
 declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { MenuProps } from "../menu.js";
+import { MenuProps } from "./Menu.js";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/Menu/MenuPopover.d.ts
 interface MenuPopoverProps extends Pick<MenuProps, "items" | "onAction">, PopoverProps {}

package/dist/components/accordion.d.ts

@@ -1,5 +1,3 @@
-import { AccordionItemProps, AccordionProps } from "./navigation/Accordion/accordion.types.js";
-//#region src/components/navigation/Accordion/Accordion.d.ts
-declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Accordion, type AccordionItemProps, type AccordionProps };
+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

@@ -1,81 +1,2 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { accordionDefinition } from "./navigation/Accordion/accordion.cva.js";
-import { AccordionItem } from "./navigation/Accordion/AccordionItem.js";
-import { c } from "react/compiler-runtime";
-import { clsx } from "clsx";
-import { DisclosureGroup } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/navigation/Accordion/Accordion.tsx
-const Accordion = (t0) => {
-	const $ = c(23);
-	const { items, variant: t1, actionPosition: t2, allowsMultipleExpanded: t3, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled } = t0;
-	const variant = t1 === void 0 ? "filled" : t1;
-	const actionPosition = t2 === void 0 ? "right" : t2;
-	const allowsMultipleExpanded = t3 === void 0 ? false : t3;
-	const accordionCva = UIOverrides.useCva("accordion.cva", accordionDefinition);
-	const t4 = items.length === 1;
-	let t5;
-	if ($[0] !== accordionCva || $[1] !== className || $[2] !== t4 || $[3] !== variant) {
-		t5 = clsx(accordionCva({
-			className,
-			variant,
-			singleItem: t4
-		}));
-		$[0] = accordionCva;
-		$[1] = className;
-		$[2] = t4;
-		$[3] = variant;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== actionPosition || $[6] !== disabled || $[7] !== items || $[8] !== variant) {
-		let t7;
-		if ($[10] !== actionPosition || $[11] !== disabled || $[12] !== items.length || $[13] !== variant) {
-			t7 = (item) => /* @__PURE__ */ jsx(AccordionItem, {
-				id: item.id,
-				heading: item.heading,
-				subheading: item.subheading,
-				icon: item.icon,
-				variant,
-				actionPosition,
-				disabled: item.disabled || disabled,
-				isSingle: items.length === 1,
-				children: item.children
-			}, item.id);
-			$[10] = actionPosition;
-			$[11] = disabled;
-			$[12] = items.length;
-			$[13] = variant;
-			$[14] = t7;
-		} else t7 = $[14];
-		t6 = items.map(t7);
-		$[5] = actionPosition;
-		$[6] = disabled;
-		$[7] = items;
-		$[8] = variant;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[15] !== allowsMultipleExpanded || $[16] !== defaultExpandedKeys || $[17] !== disabled || $[18] !== expandedKeys || $[19] !== onExpandedChange || $[20] !== t5 || $[21] !== t6) {
-		t7 = /* @__PURE__ */ jsx(DisclosureGroup, {
-			allowsMultipleExpanded,
-			expandedKeys,
-			defaultExpandedKeys,
-			onExpandedChange,
-			className: t5,
-			isDisabled: disabled,
-			children: t6
-		});
-		$[15] = allowsMultipleExpanded;
-		$[16] = defaultExpandedKeys;
-		$[17] = disabled;
-		$[18] = expandedKeys;
-		$[19] = onExpandedChange;
-		$[20] = t5;
-		$[21] = t6;
-		$[22] = t7;
-	} else t7 = $[22];
-	return t7;
-};
-//#endregion
+import { Accordion } from "./navigation/Accordion/Accordion.js";
 export { Accordion };

package/dist/components/action-modal.d.ts

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

package/dist/components/action-modal.js

@@ -1,4 +1,4 @@
-import { Typography } from "./typography.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";

package/dist/components/alert.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../config/uiOverrides.context.js";
-import { Typography } from "./typography.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";

package/dist/components/autocomplete.js

@@ -1,9 +1,9 @@
 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 { selectInputTagsContentWrapperDefinition } from "./inputs/Selection/shared/selectInput.cva.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";

package/dist/components/breadcrumbs.js

@@ -1,7 +1,7 @@
 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 "./typography.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";

package/dist/components/checkbox-group.js

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../config/uiOverrides.context.js";
 import { UIConfig } from "../config/uiConfig.context.js";
 import { FieldController } from "./inputs/shared/form.binding.js";
-import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxGroupLabelDefinition } from "./inputs/Checkbox/checkbox.cva.js";
-import { CheckboxBase } from "./checkbox.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 as CheckboxGroup$1 } from "react-aria-components";

package/dist/components/checkbox.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../config/uiOverrides.context.js";
 import { UIConfig } from "../config/uiConfig.context.js";
 import { FieldController } from "./inputs/shared/form.binding.js";
-import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography } from "./inputs/Checkbox/checkbox.cva.js";
 import { FormFieldError } from "./inputs/FormField/FormFieldError.js";
-import { CheckContent } from "./inputs/shared/CheckContent.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 as Checkbox$1 } from "react-aria-components";

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -2,6 +2,9 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FieldController } from "../../shared/form.binding.js";
 import { FormField } from "../../../form-field.js";
+import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { InputFrame } from "../../Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -11,9 +14,6 @@ import { normalizeDatePickerValue } from "../shared/datePickerValue.utils.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { clsx } from "clsx";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -1,9 +1,12 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import "../../../../config/i18n.js";
 import { FieldController } from "../../shared/form.binding.js";
 import { FormField } from "../../../form-field.js";
+import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { InputFrame } from "../../Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "../shared/datePickerTodayIcon.js";
@@ -11,9 +14,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateRangeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { RangeCalendar } from "../shared/RangeCalendar.js";
 import { clsx } from "clsx";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -2,6 +2,9 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FieldController } from "../../shared/form.binding.js";
 import { FormField } from "../../../form-field.js";
+import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { InputFrame } from "../../Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -11,9 +14,6 @@ import { normalizeDatePickerValue } from "../shared/datePickerValue.utils.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateTimeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { clsx } from "clsx";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/DateTime/TimePicker/TimePicker.js

@@ -1,15 +1,15 @@
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FieldController } from "../../shared/form.binding.js";
 import { FormField } from "../../../form-field.js";
+import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { InputFrame } from "../../Skeleton/InputFrame.js";
+import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { TimePickerForm } from "../shared/TimePickerForm.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { normalizeDatePickerValue } from "../shared/datePickerValue.utils.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateTimeFocusTarget, getStaticTimeSegments } from "../shared/staticDateTimeSegments.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
-import { InputFrame } from "../../Skeleton/InputFrame.js";
-import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
 import { TimePickerInput } from "../shared/TimePickerInput.js";
 import { clsx } from "clsx";
 import { memo, useEffect, useRef, useState } from "react";

package/dist/components/inputs/DateTime/shared/CalendarCell.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/inputs/DateTime/shared/CalendarGrid.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -1,15 +1,15 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { DateField } from "./DateField.js";
 import { datePickerInputContentRowDefinition } from "./datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { clsx } from "clsx";
 import { useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Button } from "react-aria-components";

package/dist/components/inputs/DateTime/shared/MonthPicker.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";

package/dist/components/inputs/DateTime/shared/TimePickerForm.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { getPlaceholder } from "./DateSegmentItem.js";

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -1,11 +1,11 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
+import { InputClear } from "../../shared/InputClear.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { TimeField } from "./TimeField.js";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";

package/dist/components/inputs/DateTime/shared/YearPicker.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
 import { clsx } from "clsx";
 import { useMemo, useRef } from "react";

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { DateSegmentItemView } from "./DateSegmentItem.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/File/shared/FileUploadContentEmpty.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { TextButton } from "../../../text-button.js";
 import { Upload } from "lucide-react";

package/dist/components/inputs/File/shared/FileUploadContentError.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";

package/dist/components/inputs/File/shared/FileUploadContentFilled.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";

package/dist/components/inputs/File/shared/FileUploadContentLoading.js

@@ -1,4 +1,4 @@
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import "../../../../config/i18n.js";

package/dist/components/inputs/File/shared/InputUploadContent.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../text-button.js";

package/dist/components/inputs/File/shared/InputUploadFilled.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import { inputSizeDefinition } from "../../shared/input.cva.js";
 import { X } from "lucide-react";

package/dist/components/inputs/File/shared/ProgressBar.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./progressBar.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/File/shared/ProgressBar.tsx

package/dist/components/inputs/FormField/FormFieldHeader.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { Typography } from "../../typography.js";
+import { Typography } from "../../text/Typography/Typography.js";
 import { Tooltip as Tooltip$1 } from "../../tooltip.js";
 import { formFieldHeaderDefinition } from "./formFieldHeader.cva.js";
 import { FormFieldLabel } from "./FormFieldLabel.js";

package/dist/components/inputs/Input/shared/InputContent.js

@@ -3,8 +3,8 @@ import { typographyDefinition } from "../../../text/Typography/typography.cva.js
 import { Loader } from "../../../loader.js";
 import { InlineIconButton } from "../../../inline-icon-button.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { inputContentWrapperDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { InputClear } from "../../shared/InputClear.js";
+import { inputContentWrapperDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { clsx } from "clsx";
 import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/inputs/Inputs/InputItem.d.ts

@@ -16,12 +16,12 @@ import { QueryFn as QueryFn$1 } from "../Selection/shared/querySelect.utils.js";
 import { QuerySelectProps } from "../../query-select.js";
 import { ControlledSliderProps } from "../../slider.js";
 import { ControlledToggleProps } from "../../toggle.js";
-import { Segment } from "../../segment.js";
 import { ControlledDatePickerProps } from "../DateTime/DatePicker/DatePicker.js";
 import { ControlledDateRangePickerProps } from "../DateTime/DateRangePicker/DateRangePicker.js";
 import { ControlledDateTimePickerProps } from "../DateTime/DateTimePicker/DateTimePicker.js";
 import { ControlledTimePickerProps } from "../DateTime/TimePicker/TimePicker.js";
 import "../../../index.js";
+import { Segment } from "../../segment/Segment.js";
 import { ComponentProps, JSXElementConstructor, ReactElement, ReactNode } from "react";
 import { z } from "zod";
 //#region src/components/inputs/Inputs/InputItem.d.ts

package/dist/components/inputs/Inputs/InputItem.js

@@ -1,21 +1,21 @@
+import { TextInput } from "../../text-input.js";
+import { Autocomplete } from "../../autocomplete.js";
 import { Checkbox } from "../../checkbox.js";
 import { CheckboxGroup } from "../../checkbox-group.js";
 import { DatePicker } from "../DateTime/DatePicker/DatePicker.js";
-import { TextInput } from "../../text-input.js";
 import { Select } from "../Selection/Select/Select.js";
 import { DateRangePicker } from "../DateTime/DateRangePicker/DateRangePicker.js";
 import { DateTimePicker } from "../DateTime/DateTimePicker/DateTimePicker.js";
-import { TimePicker } from "../DateTime/TimePicker/TimePicker.js";
 import { NumberInput } from "../../number-input.js";
 import { NumberRangeInput } from "../../number-range-input.js";
 import { PasswordInput } from "../../password-input.js";
-import { TextArea } from "../../text-area.js";
-import { Autocomplete } from "../../autocomplete.js";
 import { QueryAutocomplete } from "../../query-autocomplete.js";
 import { QuerySelect } from "../../query-select.js";
+import { Segment } from "../../segment/Segment.js";
 import { Slider } from "../../slider.js";
+import { TextArea } from "../../text-area.js";
+import { TimePicker } from "../DateTime/TimePicker/TimePicker.js";
 import { Toggle } from "../../toggle.js";
-import { Segment } from "../../segment.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Inputs/InputItem.tsx

package/dist/components/inputs/Selection/Select/Select.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FieldController } from "../../shared/form.binding.js";
+import { selectInputTagsContentWrapperDefinition } from "../shared/selectInput.cva.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";

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -1,12 +1,12 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { FormField } from "../../../form-field.js";
-import { popoverDefinition } from "../../../shared/popover.cva.js";
-import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import "./useSelectItems.js";
 import { SelectContext } from "./select.context.js";
 import { SelectInput } from "./SelectInput.js";
 import { SelectListBox } from "./SelectListBox.js";
 import { selectPopoverDefinition } from "./selectDesktop.cva.js";
+import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { popoverDefinition } from "../../../shared/popover.cva.js";
 import { clsx } from "clsx";
 import { Fragment, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { ComboBox, DialogTrigger, Popover } from "react-aria-components";

package/dist/components/inputs/Selection/shared/SelectInput.js

@@ -1,12 +1,12 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../typography.js";
+import { Typography } from "../../../text/Typography/Typography.js";
 import "../../../../config/i18n.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
-import { InputClear } from "../../shared/InputClear.js";
 import { SelectInputTags } from "./SelectInputTags.js";
 import { SelectContext } from "./select.context.js";
 import { selectInputTagsContentWrapperDefinition } from "./selectInput.cva.js";
+import { InputClear } from "../../shared/InputClear.js";
+import { inputBaseDefinition, inputClearClassDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
 import { useKeyInteractions } from "../../../../hooks/useKeyInteractions.js";
 import { Triangle } from "lucide-react";
 import { clsx } from "clsx";

package/dist/components/inputs/Selection/shared/SelectListBoxItem.js

@@ -1,7 +1,7 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import "../../../../config/i18n.js";
-import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
+import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
 import { useMemo, useRef } from "react";
 import { ListBoxItem } from "react-aria-components";