@lumx/core 4.17.1-alpha.2 → 4.17.1-alpha.3

package/_internal/js/utils/classNames/spacing/index.js

@@ -0,0 +1,75 @@
+import { Size } from "../../../constants/enums/index.js";
+import classnames from "classnames";
+//#region src/js/utils/classNames/spacing/index.ts
+/** Set of valid AbstractSize values for runtime detection. */
+var ABSTRACT_SIZES = new Set([
+	Size.tiny,
+	Size.regular,
+	Size.medium,
+	Size.big,
+	Size.huge
+]);
+function isAbstractSize(value) {
+	return typeof value === "string" && ABSTRACT_SIZES.has(value);
+}
+function spacing(type, directionOrSize, size) {
+	const isShorthand = isAbstractSize(directionOrSize) || directionOrSize === null && size === void 0;
+	const direction = isShorthand ? void 0 : directionOrSize ?? void 0;
+	const resolvedSize = isShorthand ? directionOrSize : size;
+	let baseClass = `lumx-spacing-${type}`;
+	if (direction && direction !== "all") baseClass = `${baseClass}-${direction}`;
+	if (resolvedSize) baseClass = `${baseClass}-${resolvedSize}`;
+	else if (resolvedSize === null) baseClass = `${baseClass}-none`;
+	return baseClass;
+}
+/**
+* Returns a list of lumx classnames for the given types, directions and sizes. For example, for
+* arguments [
+*  { type: 'padding', direction: 'right', size: 'regular'},
+*  { type: 'margin', direction: 'left', size: 'big'},
+* ]
+* it returns lumx-spacing-padding-right-regular lumx-spacing-margin-left-big
+* @param spacingConfigs - Array of spacing configurations with direction and size
+* @returns string
+*/
+var spacings = (spacingConfigs) => classnames(spacingConfigs.map((spa) => spacing(spa.type, spa.direction, spa.size)));
+function margin(directionOrSize, size) {
+	if (isAbstractSize(directionOrSize) || directionOrSize === null && size === void 0) return spacing("margin", directionOrSize);
+	return spacing("margin", directionOrSize ?? void 0, size);
+}
+/**
+* Returns a list of lumx margin classnames for the given directions and sizes. For example, for
+* arguments [
+*  { direction: 'right', size: 'regular'},
+*  { direction: 'left', size: 'big'},
+* ]
+* it returns lumx-spacing-margin-right-regular lumx-spacing-margin-left-big
+* @param marginConfigs - Array of padding configurations with direction and size
+* @returns string
+*/
+var margins = (marginConfigs) => spacings(marginConfigs.map(({ direction, size }) => ({
+	type: "margin",
+	direction,
+	size
+})));
+function padding(directionOrSize, size) {
+	if (isAbstractSize(directionOrSize) || directionOrSize === null && size === void 0) return spacing("padding", directionOrSize);
+	return spacing("padding", directionOrSize ?? void 0, size);
+}
+/**
+* Returns a list of lumx padding classnames for the given directions and sizes. For example, for
+* arguments [
+*  { direction: 'right', size: 'regular'},
+*  { direction: 'left', size: 'big'},
+* ]
+* it returns lumx-spacing-padding-right-regular lumx-spacing-padding-left-big
+* @param paddingConfigs - Array of padding configurations with direction and size
+* @returns Combined padding classnames as a string
+*/
+var paddings = (paddingConfigs) => spacings(paddingConfigs.map(({ direction, size }) => ({
+	type: "padding",
+	direction,
+	size
+})));
+//#endregion
+export { margin, margins, padding, paddings, spacing, spacings };

package/_internal/js/utils/classNames/typography/index.d.ts

@@ -0,0 +1,10 @@
+import { Typography } from "../../../constants/enums/index.js";
+
+//#region src/js/utils/classNames/typography/index.d.ts
+/**
+ * Returns the classname associated to the given typography. For example, for Typography.title it returns
+ * lumx-typography-title
+ */
+declare function typography(typo: Typography): string;
+//#endregion
+export { typography };

package/_internal/js/utils/classNames/typography/index.js

@@ -0,0 +1,10 @@
+//#region src/js/utils/classNames/typography/index.ts
+/**
+* Returns the classname associated to the given typography. For example, for Typography.title it returns
+* lumx-typography-title
+*/
+function typography(typo) {
+	return `lumx-typography-${typo}`;
+}
+//#endregion
+export { typography };

package/_internal/js/utils/classNames/visually-hidden/index.d.ts

@@ -0,0 +1,8 @@
+//#region src/js/utils/classNames/visually-hidden/index.d.ts
+/**
+ * Visually hidden class name.
+ * Used to hide elements from view but keep them readable from screen readers
+ */
+declare const visuallyHidden: () => string;
+//#endregion
+export { visuallyHidden };

package/_internal/js/utils/classNames/visually-hidden/index.js

@@ -0,0 +1,9 @@
+import { VISUALLY_HIDDEN } from "../../../constants/className/index.js";
+//#region src/js/utils/classNames/visually-hidden/index.ts
+/**
+* Visually hidden class name.
+* Used to hide elements from view but keep them readable from screen readers
+*/
+var visuallyHidden = () => VISUALLY_HIDDEN;
+//#endregion
+export { visuallyHidden };

package/{js → _internal/js}/utils/events/keyboard.d.ts

@@ -1,5 +1,6 @@
+//#region src/js/utils/events/keyboard.d.ts
 type KeyboardEvent = {
-    key: string;
+  key: string;
 };
 type KeyboardEventHandler<E extends KeyboardEvent> = (event: E) => void;
 /**
@@ -8,19 +9,20 @@ type KeyboardEventHandler<E extends KeyboardEvent> = (event: E) => void;
  * @param  handler The handler to call on enter/return press.
  * @return The decorated function.
  */
-export declare function onEnterPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+declare function onEnterPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
 /**
  * Make sure the pressed key is the escape key before calling the callback.
  *
  * @param  handler The handler to call on enter/return press.
  * @return The decorated function.
  */
-export declare function onEscapePressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+declare function onEscapePressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
 /**
  * Handle button key pressed (Enter + Space).
  *
  * @param  handler The handler to call.
  * @return The decorated function.
  */
-export declare function onButtonPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
-export {};
+declare function onButtonPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+//#endregion
+export { onButtonPressed, onEnterPressed, onEscapePressed };

package/_internal/js/utils/events/keyboard.js

@@ -0,0 +1,39 @@
+//#region src/js/utils/events/keyboard.ts
+/**
+* Make sure the pressed key is the enter key before calling the callback.
+*
+* @param  handler The handler to call on enter/return press.
+* @return The decorated function.
+*/
+function onEnterPressed(handler) {
+	return (evt) => {
+		if (evt.key !== "Enter") return;
+		handler(evt);
+	};
+}
+/**
+* Make sure the pressed key is the escape key before calling the callback.
+*
+* @param  handler The handler to call on enter/return press.
+* @return The decorated function.
+*/
+function onEscapePressed(handler) {
+	return (evt) => {
+		if (evt.key !== "Escape") return;
+		handler(evt);
+	};
+}
+/**
+* Handle button key pressed (Enter + Space).
+*
+* @param  handler The handler to call.
+* @return The decorated function.
+*/
+function onButtonPressed(handler) {
+	return (evt) => {
+		if (evt.key !== "Enter" && evt.key !== " ") return;
+		handler(evt);
+	};
+}
+//#endregion
+export { onButtonPressed, onEnterPressed, onEscapePressed };

package/{js → _internal/js}/utils/events/swipe.d.ts

@@ -1,6 +1,9 @@
+//#region src/js/utils/events/swipe.d.ts
 /**
  * Detects horizontal swipe direction without blocking the browser scroll using passive event.
  * @see http://javascriptkit.com/javatutors/touchevents2.shtml
  * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
  */
-export declare function detectHorizontalSwipe(touchSurface: Element, handleSwipe: (direction: 'right' | 'left') => void): () => void;
+declare function detectHorizontalSwipe(touchSurface: Element, handleSwipe: (direction: 'right' | 'left') => void): () => void;
+//#endregion
+export { detectHorizontalSwipe };

package/_internal/js/utils/events/swipe.js

@@ -0,0 +1,58 @@
+//#region src/js/utils/events/swipe.ts
+/**
+* Checks whether the browser support passive events.
+* @see https://github.com/Modernizr/Modernizr/blob/6d56d814b9682843313b16060adb25a58d83a317/feature-detects/dom/passiveeventlisteners.js
+*/
+function isPassiveEventAvailable() {
+	let supportsPassiveOption = false;
+	try {
+		const opts = Object.defineProperty({}, "passive", { get() {
+			supportsPassiveOption = true;
+		} });
+		window.addEventListener("testPassiveEventSupport", () => {}, opts);
+		window.removeEventListener("testPassiveEventSupport", () => {}, opts);
+	} catch (e) {}
+	return supportsPassiveOption;
+}
+/**
+* Detects horizontal swipe direction without blocking the browser scroll using passive event.
+* @see http://javascriptkit.com/javatutors/touchevents2.shtml
+* @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
+*/
+function detectHorizontalSwipe(touchSurface, handleSwipe) {
+	let startX;
+	let startY;
+	const threshold = 150;
+	const restraint = 150;
+	const allowedTime = 300;
+	let elapsedTime;
+	let startTime;
+	let finished;
+	const onTouchStart = (evt) => {
+		const [touch] = Array.from(evt.changedTouches);
+		startX = touch.pageX;
+		startY = touch.pageY;
+		startTime = (/* @__PURE__ */ new Date()).getTime();
+		finished = false;
+	};
+	const onTouchMove = (evt) => {
+		if (finished) return;
+		elapsedTime = (/* @__PURE__ */ new Date()).getTime() - startTime;
+		if (elapsedTime > allowedTime) return;
+		const [touch] = Array.from(evt.changedTouches);
+		const distX = touch.pageX - startX;
+		const distY = touch.pageY - startY;
+		if (!(Math.abs(distX) >= threshold && Math.abs(distY) <= restraint)) return;
+		handleSwipe(distX < 0 ? "left" : "right");
+		finished = true;
+	};
+	const eventOptions = isPassiveEventAvailable() ? { passive: true } : false;
+	touchSurface.addEventListener("touchstart", onTouchStart, eventOptions);
+	touchSurface.addEventListener("touchmove", onTouchMove, eventOptions);
+	return () => {
+		touchSurface.removeEventListener("touchstart", onTouchStart, eventOptions);
+		touchSurface.removeEventListener("touchmove", onTouchMove, eventOptions);
+	};
+}
+//#endregion
+export { detectHorizontalSwipe };

package/_internal/js/utils/selectors/getWithSelector.d.ts

@@ -0,0 +1,7 @@
+import { Selector } from "../../types/Selector.js";
+
+//#region src/js/utils/selectors/getWithSelector.d.ts
+/** Get value with a string of function selector */
+declare const getWithSelector: <TObject, TValue>(selector: Selector<TObject, TValue> | undefined, object: TObject) => TValue;
+//#endregion
+export { getWithSelector };

package/_internal/js/utils/selectors/getWithSelector.js

@@ -0,0 +1,9 @@
+//#region src/js/utils/selectors/getWithSelector.ts
+/** Get value with a string of function selector */
+var getWithSelector = (selector, object) => {
+	if (typeof selector === "function") return selector(object);
+	if (typeof selector === "string") return object[selector];
+	return String(object);
+};
+//#endregion
+export { getWithSelector };

package/_internal/js/utils/selectors/groupBySelector.d.ts

@@ -0,0 +1,10 @@
+import { Selector } from "../../types/Selector.js";
+
+//#region src/js/utils/selectors/groupBySelector.d.ts
+/**
+ * Equivalent to `lodash/groupBy` but returns a `Map` of groups items (instead of an object)
+ * (has the major advantage to not forcing the keys to be string!)
+ */
+declare function groupBySelector<TObject, TValue>(array: TObject[], selector: Selector<TObject, TValue>): Map<TValue, TObject[]>;
+//#endregion
+export { groupBySelector };

package/_internal/js/utils/selectors/groupBySelector.js

@@ -0,0 +1,21 @@
+import { getWithSelector } from "./getWithSelector.js";
+//#region src/js/utils/selectors/groupBySelector.ts
+/**
+* Equivalent to `lodash/groupBy` but returns a `Map` of groups items (instead of an object)
+* (has the major advantage to not forcing the keys to be string!)
+*/
+function groupBySelector(array, selector) {
+	const groups = /* @__PURE__ */ new Map();
+	for (const item of array) {
+		const key = getWithSelector(selector, item);
+		let group = groups.get(key);
+		if (!group) {
+			group = [];
+			groups.set(key, group);
+		}
+		group.push(item);
+	}
+	return groups;
+}
+//#endregion
+export { groupBySelector };

package/js/constants/index.d.ts

@@ -1,5 +1,6 @@
-export * from './keycodes';
-export * from './components';
-export * from './enums';
-export * from './className';
-export * from './browser';
+import { BACKSPACE_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, LEFT_KEY_CODE, RIGHT_KEY_CODE, SPACE_KEY_CODE, TAB_KEY_CODE, UP_KEY_CODE } from "../../_internal/js/constants/keycodes/index.js";
+import { DIALOG_TRANSITION_DURATION, EXPANSION_PANEL_TRANSITION_DURATION, NOTIFICATION_TRANSITION_DURATION, SLIDESHOW_TRANSITION_DURATION, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from "../../_internal/js/constants/components/index.js";
+import { AbstractSize, Alignment, AspectRatio, Color, ColorPalette, ColorVariant, ColorWithVariants, Emphasis, GlobalSize, HorizontalAlignment, Kind, Orientation, REAL_SIZE_FOR_LUMX_SIZE, Size, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, VerticalAlignment, WhiteSpace } from "../../_internal/js/constants/enums/index.js";
+import { VISUALLY_HIDDEN } from "../../_internal/js/constants/className/index.js";
+import { DOCUMENT, IS_BROWSER, WINDOW } from "../../_internal/js/constants/browser/index.js";
+export { AbstractSize, Alignment, AspectRatio, BACKSPACE_KEY_CODE, Color, ColorPalette, ColorVariant, ColorWithVariants, DIALOG_TRANSITION_DURATION, DOCUMENT, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, EXPANSION_PANEL_TRANSITION_DURATION, Emphasis, GlobalSize, HorizontalAlignment, IS_BROWSER, Kind, LEFT_KEY_CODE, NOTIFICATION_TRANSITION_DURATION, Orientation, REAL_SIZE_FOR_LUMX_SIZE, RIGHT_KEY_CODE, SLIDESHOW_TRANSITION_DURATION, SPACE_KEY_CODE, Size, TAB_KEY_CODE, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, UP_KEY_CODE, VISUALLY_HIDDEN, VerticalAlignment, WINDOW, WhiteSpace };

package/js/constants/index.js

@@ -1,5 +1,6 @@
-export { BACKSPACE_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, LEFT_KEY_CODE, RIGHT_KEY_CODE, SPACE_KEY_CODE, TAB_KEY_CODE, UP_KEY_CODE } from './keycodes/index.js';
-export { DIALOG_TRANSITION_DURATION, EXPANSION_PANEL_TRANSITION_DURATION, NOTIFICATION_TRANSITION_DURATION, SLIDESHOW_TRANSITION_DURATION, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from './components/index.js';
-export { Alignment, AspectRatio, ColorPalette, ColorVariant, Emphasis, Kind, Orientation, REAL_SIZE_FOR_LUMX_SIZE, Size, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, WhiteSpace } from './enums/index.js';
-export { VISUALLY_HIDDEN } from './className/index.js';
-export { DOCUMENT, IS_BROWSER, WINDOW } from './browser/index.js';
+import { BACKSPACE_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, LEFT_KEY_CODE, RIGHT_KEY_CODE, SPACE_KEY_CODE, TAB_KEY_CODE, UP_KEY_CODE } from "../../_internal/js/constants/keycodes/index.js";
+import { DIALOG_TRANSITION_DURATION, EXPANSION_PANEL_TRANSITION_DURATION, NOTIFICATION_TRANSITION_DURATION, SLIDESHOW_TRANSITION_DURATION, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from "../../_internal/js/constants/components/index.js";
+import { Alignment, AspectRatio, ColorPalette, ColorVariant, Emphasis, Kind, Orientation, REAL_SIZE_FOR_LUMX_SIZE, Size, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, WhiteSpace } from "../../_internal/js/constants/enums/index.js";
+import { VISUALLY_HIDDEN } from "../../_internal/js/constants/className/index.js";
+import { DOCUMENT, IS_BROWSER, WINDOW } from "../../_internal/js/constants/browser/index.js";
+export { Alignment, AspectRatio, BACKSPACE_KEY_CODE, ColorPalette, ColorVariant, DIALOG_TRANSITION_DURATION, DOCUMENT, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, EXPANSION_PANEL_TRANSITION_DURATION, Emphasis, IS_BROWSER, Kind, LEFT_KEY_CODE, NOTIFICATION_TRANSITION_DURATION, Orientation, REAL_SIZE_FOR_LUMX_SIZE, RIGHT_KEY_CODE, SLIDESHOW_TRANSITION_DURATION, SPACE_KEY_CODE, Size, TAB_KEY_CODE, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, UP_KEY_CODE, VISUALLY_HIDDEN, WINDOW, WhiteSpace };

package/js/types/index.d.ts

@@ -1,30 +1,31 @@
-export type { Callback } from './Callback';
-export type { Falsy } from './Falsy';
-export type { HasAriaLabelOrLabelledBy } from './HasAriaLabelOrLabelledBy';
-export type { HasClassName } from './HasClassName';
-export type { HasCloseMode } from './HasCloseMode';
-export type { HasTheme } from './HasTheme';
-export type { GenericProps } from './GenericProps';
-export type { JSXElement, ElementType } from './JSXElement';
-export type { HeadingElement } from './HeadingElement';
-export type { Point } from './Point';
-export type { Predicate } from './Predicate';
-export type { RectSize } from './RectSize';
-export type { TextElement } from './TextElement';
-export type { ValueOf } from './ValueOf';
-export type { LumxClassName } from './LumxClassName';
-export type { Direction } from './Direction';
-export type { Spacing } from './Spacing';
-export type { NestedComponents, ComponentLike } from './NestedComponents';
-export type { ObjectValues } from './ObjectValues';
-export type { HasRequiredLinkHref } from './HasRequiredLinkHref';
-export type { HasPolymorphicAs } from './HasPolymorphicAs';
-export type { CommonRef } from './CommonRef';
-export type { HasAriaDisabled } from './HasAriaDisabled';
-export type { HasChecked } from './HasChecked';
-export type { HasDisabled } from './HasDisabled';
-export type { AriaAttributes } from './AriaAttributes';
-export type { Selector } from './Selector';
-export type { PropsToOverride } from './jsx/PropsToOverride';
-export type { PartialBy, PartialExcept } from './PartialBy';
-export type { NamedProps } from './NamedProps';
+import { Callback } from "../../_internal/js/types/Callback.js";
+import { Falsy } from "../../_internal/js/types/Falsy.js";
+import { HasAriaLabelOrLabelledBy } from "../../_internal/js/types/HasAriaLabelOrLabelledBy.js";
+import { HasClassName } from "../../_internal/js/types/HasClassName.js";
+import { HasCloseMode } from "../../_internal/js/types/HasCloseMode.js";
+import { HasTheme } from "../../_internal/js/types/HasTheme.js";
+import { GenericProps } from "../../_internal/js/types/GenericProps.js";
+import { ElementType, JSXElement } from "../../_internal/js/types/JSXElement.js";
+import { HeadingElement } from "../../_internal/js/types/HeadingElement.js";
+import { Point } from "../../_internal/js/types/Point.js";
+import { Predicate } from "../../_internal/js/types/Predicate.js";
+import { RectSize } from "../../_internal/js/types/RectSize.js";
+import { TextElement } from "../../_internal/js/types/TextElement.js";
+import { ValueOf } from "../../_internal/js/types/ValueOf.js";
+import { LumxClassName } from "../../_internal/js/types/LumxClassName.js";
+import { Direction } from "../../_internal/js/types/Direction.js";
+import { Spacing } from "../../_internal/js/types/Spacing.js";
+import { ComponentLike, NestedComponents } from "../../_internal/js/types/NestedComponents.js";
+import { ObjectValues } from "../../_internal/js/types/ObjectValues.js";
+import { HasRequiredLinkHref } from "../../_internal/js/types/HasRequiredLinkHref.js";
+import { HasPolymorphicAs } from "../../_internal/js/types/HasPolymorphicAs.js";
+import { CommonRef } from "../../_internal/js/types/CommonRef.js";
+import { HasAriaDisabled } from "../../_internal/js/types/HasAriaDisabled.js";
+import { HasChecked } from "../../_internal/js/types/HasChecked.js";
+import { HasDisabled } from "../../_internal/js/types/HasDisabled.js";
+import { AriaAttributes } from "../../_internal/js/types/AriaAttributes.js";
+import { Selector } from "../../_internal/js/types/Selector.js";
+import { PropsToOverride } from "../../_internal/js/types/jsx/PropsToOverride.js";
+import { PartialBy, PartialExcept } from "../../_internal/js/types/PartialBy.js";
+import { NamedProps } from "../../_internal/js/types/NamedProps.js";
+export type { AriaAttributes, Callback, CommonRef, ComponentLike, Direction, ElementType, Falsy, GenericProps, HasAriaDisabled, HasAriaLabelOrLabelledBy, HasChecked, HasClassName, HasCloseMode, HasDisabled, HasPolymorphicAs, HasRequiredLinkHref, HasTheme, HeadingElement, JSXElement, LumxClassName, NamedProps, NestedComponents, ObjectValues, PartialBy, PartialExcept, Point, Predicate, PropsToOverride, RectSize, Selector, Spacing, TextElement, ValueOf };

package/js/types/index.js

@@ -1 +0,0 @@
-

package/js/utils/classNames/index.d.ts

@@ -1,7 +1,14 @@
-export { default as join } from 'classnames';
-export * from './action-area';
-export * from './color';
-export * from './typography';
-export * from './spacing';
-export * from './visually-hidden';
-export { bem } from './bem';
+import { actionArea } from "../../../_internal/js/utils/classNames/action-area/index.js";
+import { background, color, font } from "../../../_internal/js/utils/classNames/color/index.js";
+import { typography } from "../../../_internal/js/utils/classNames/typography/index.js";
+import { margin, margins, padding, paddings, spacing, spacings } from "../../../_internal/js/utils/classNames/spacing/index.js";
+import { visuallyHidden } from "../../../_internal/js/utils/classNames/visually-hidden/index.js";
+import { bem } from "../../../_internal/js/utils/classNames/bem/index.js";
+import join from "classnames";
+
+//#region src/js/utils/classNames/index.d.ts
+declare namespace index_d_exports {
+  export { actionArea, background, bem, color, font, join, margin, margins, padding, paddings, spacing, spacings, typography, visuallyHidden };
+}
+//#endregion
+export { actionArea, background, bem, color, font, index_d_exports, join, margin, margins, padding, paddings, spacing, spacings, typography, visuallyHidden };

package/js/utils/classNames/index.js

@@ -1,7 +1,27 @@
-export { default as join } from 'classnames';
-export { actionArea } from './action-area/index.js';
-export { background, color, font } from './color/index.js';
-export { typography } from './typography/index.js';
-export { margin, margins, padding, paddings, spacing, spacings } from './spacing/index.js';
-export { visuallyHidden } from './visually-hidden/index.js';
-export { bem } from './bem/index.js';
+import { __exportAll } from "../../../_internal/_virtual/_rolldown/runtime.js";
+import { actionArea } from "../../../_internal/js/utils/classNames/action-area/index.js";
+import { background, color, font } from "../../../_internal/js/utils/classNames/color/index.js";
+import { typography } from "../../../_internal/js/utils/classNames/typography/index.js";
+import { margin, margins, padding, paddings, spacing, spacings } from "../../../_internal/js/utils/classNames/spacing/index.js";
+import { visuallyHidden } from "../../../_internal/js/utils/classNames/visually-hidden/index.js";
+import { bem } from "../../../_internal/js/utils/classNames/bem/index.js";
+import join from "classnames";
+//#region src/js/utils/classNames/index.ts
+var classNames_exports = /* @__PURE__ */ __exportAll({
+	actionArea: () => actionArea,
+	background: () => background,
+	bem: () => bem,
+	color: () => color,
+	font: () => font,
+	join: () => join,
+	margin: () => margin,
+	margins: () => margins,
+	padding: () => padding,
+	paddings: () => paddings,
+	spacing: () => spacing,
+	spacings: () => spacings,
+	typography: () => typography,
+	visuallyHidden: () => visuallyHidden
+});
+//#endregion
+export { actionArea, background, bem, classNames_exports, color, font, join, margin, margins, padding, paddings, spacing, spacings, typography, visuallyHidden };

package/js/utils/disabledState/index.d.ts

@@ -1,22 +1,25 @@
+//#region src/js/utils/disabledState/index.d.ts
 /** Disable state */
-export type DisabledStateContextValue = {
-    state: 'disabled';
+type DisabledStateContextValue = {
+  state: 'disabled';
 } | {
-    state: undefined | null;
+  state: undefined | null;
 };
-export type DisabledProps = {
-    disabled?: boolean;
-    isDisabled?: boolean;
-    'aria-disabled'?: boolean | 'true' | 'false';
-    onClick?: any;
-    onChange?: any;
-    [key: string]: any;
+type DisabledProps = {
+  disabled?: boolean;
+  isDisabled?: boolean;
+  'aria-disabled'?: boolean | 'true' | 'false';
+  onClick?: any;
+  onChange?: any;
+  [key: string]: any;
 };
-export type DisabledState = {
-    disabled: boolean;
-    'aria-disabled': boolean;
+type DisabledState = {
+  disabled: boolean;
+  'aria-disabled': boolean;
 };
 /**
  * Calculate the disabled state based on context and props.
  */
-export declare function getDisabledState(context: DisabledStateContextValue | undefined, props: DisabledProps): DisabledState;
+declare function getDisabledState(context: DisabledStateContextValue | undefined, props: DisabledProps): DisabledState;
+//#endregion
+export { DisabledProps, DisabledState, DisabledStateContextValue, getDisabledState };

package/js/utils/disabledState/index.js

@@ -1,12 +1,13 @@
+//#region src/js/utils/disabledState/index.ts
 /**
- * Calculate the disabled state based on context and props.
- */
+* Calculate the disabled state based on context and props.
+*/
 function getDisabledState(context, props) {
-    const { disabled, isDisabled = disabled, 'aria-disabled': ariaDisabled } = props;
-    return {
-        disabled: context?.state === 'disabled' || !!isDisabled,
-        'aria-disabled': ariaDisabled === true || ariaDisabled === 'true',
-    };
+	const { disabled, isDisabled = disabled, "aria-disabled": ariaDisabled } = props;
+	return {
+		disabled: context?.state === "disabled" || !!isDisabled,
+		"aria-disabled": ariaDisabled === true || ariaDisabled === "true"
+	};
 }
-
+//#endregion
 export { getDisabledState };

package/js/utils/index.d.ts

@@ -1,3 +1,6 @@
-export * as classNames from './classNames';
-export * from './events';
-export * from './selectors';
+import { index_d_exports } from "./classNames/index.js";
+import { onButtonPressed, onEnterPressed, onEscapePressed } from "../../_internal/js/utils/events/keyboard.js";
+import { detectHorizontalSwipe } from "../../_internal/js/utils/events/swipe.js";
+import { getWithSelector } from "../../_internal/js/utils/selectors/getWithSelector.js";
+import { groupBySelector } from "../../_internal/js/utils/selectors/groupBySelector.js";
+export { index_d_exports as classNames, detectHorizontalSwipe, getWithSelector, groupBySelector, onButtonPressed, onEnterPressed, onEscapePressed };

package/js/utils/index.js

@@ -1,6 +1,6 @@
-import * as index from './classNames/index.js';
-export { index as classNames };
-export { onButtonPressed, onEnterPressed, onEscapePressed } from './events/keyboard.js';
-export { detectHorizontalSwipe } from './events/swipe.js';
-export { getWithSelector } from './selectors/getWithSelector.js';
-export { groupBySelector } from './selectors/groupBySelector.js';
+import { classNames_exports } from "./classNames/index.js";
+import { getWithSelector } from "../../_internal/js/utils/selectors/getWithSelector.js";
+import { groupBySelector } from "../../_internal/js/utils/selectors/groupBySelector.js";
+import { onButtonPressed, onEnterPressed, onEscapePressed } from "../../_internal/js/utils/events/keyboard.js";
+import { detectHorizontalSwipe } from "../../_internal/js/utils/events/swipe.js";
+export { classNames_exports as classNames, detectHorizontalSwipe, getWithSelector, groupBySelector, onButtonPressed, onEnterPressed, onEscapePressed };

package/js/utils/selectors/index.d.ts

@@ -1,2 +1,3 @@
-export * from './getWithSelector';
-export * from './groupBySelector';
+import { getWithSelector } from "../../../_internal/js/utils/selectors/getWithSelector.js";
+import { groupBySelector } from "../../../_internal/js/utils/selectors/groupBySelector.js";
+export { getWithSelector, groupBySelector };

package/js/utils/selectors/index.js

@@ -1,2 +1,3 @@
-export { getWithSelector } from './getWithSelector.js';
-export { groupBySelector } from './groupBySelector.js';
+import { getWithSelector } from "../../../_internal/js/utils/selectors/getWithSelector.js";
+import { groupBySelector } from "../../../_internal/js/utils/selectors/groupBySelector.js";
+export { getWithSelector, groupBySelector };