@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/Select-O9dprkTa.js

@@ -0,0 +1,159 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-CBmV4sam.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { t as FieldController } from "./form.binding-DLM7NA2s.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-Denoy4V_.js";
+import { memo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/inputs/Selection/Select/Select.tsx
+function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
+	const ui = UIConfig.useConfig();
+	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.select.renderStaticInput ?? ui.renderStaticInput));
+	const rootRef = useRef(null);
+	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef: rootRef,
+		renderInput,
+		setRenderInput,
+		getFocusTarget: (root, _staticTarget, fromEnd) => fromEnd ? getStaticInputFocusTarget(root, true) : root.querySelector("[data-type='select-trigger'], input, button, [tabindex]")
+	});
+	const currentValue = props.value;
+	if (!renderInput && props.selectionMode !== "multiple" && !!props.showSelectionContent && currentValue != null) setRenderInput(true);
+	if (!renderInput && !!props.customTrigger) setRenderInput(true);
+	if (!renderInput) {
+		const as = props.as ?? ui.input.as;
+		const size = props.size ?? ui.input.size;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const mode = props.selectionMode ?? ui.select.selectionMode;
+		const isMultiple = mode === "multiple";
+		const { selectedItem, displayValue, isEmpty } = getStaticSelectValue({
+			items: props.items,
+			value: currentValue,
+			selectionMode: mode,
+			initialSelection: props.initialSelection,
+			mapInitialToSelectItem: props.mapInitialToSelectItem,
+			showSelectionContent: props.showSelectionContent,
+			isDisabled,
+			collapseAfter: props.collapseAfter ?? ui.select.collapseAfter,
+			selectedTagsType: props.selectedTagsType ?? ui.select.selectedTagsType
+		});
+		const isSearchable = props.isSearchable ?? ui.select.isSearchable;
+		const trailingContent = /* @__PURE__ */ jsx(StaticSelectTrailingContent, {
+			trailingContent: props.trailingContent,
+			hideDropdownIcon: props.hideDropdownIcon,
+			isDisabled,
+			size
+		});
+		const placeholder = as === "floating" ? null : props.placeholder;
+		const inputValue = !isMultiple && selectedItem ? selectedItem.label : "";
+		const shouldRenderPlaceholderAfterValue = isMultiple && props.placeholder && !isEmpty;
+		const dataAttributes = {
+			dataIsEmpty: isEmpty,
+			dataIsFilled: !isEmpty,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!props.error,
+			dataHasSelection: !isEmpty,
+			dataHasSearch: false
+		};
+		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx(Typography, {
+			size: "label-1",
+			as: "span",
+			className: "block truncate text-text-default-3",
+			children: placeholder
+		}) : /* @__PURE__ */ jsx(Typography, {
+			size: "label-1",
+			as: "span",
+			className: "block truncate",
+			children: displayValue
+		});
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			isDisabled,
+			isLoading: false,
+			className: clsx("w-full", props.containerClassName),
+			inputClassName: clsx(props.className, props.inputClassName),
+			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable }),
+			contentGroup: "select",
+			typographySize: "label-1",
+			labelPlacement: "content-row",
+			dataAttributes,
+			wrapTrailingContent: false,
+			onStaticInteract: renderRealInput,
+			onStaticPress: replayStaticInputPress,
+			leadingContent: props.leadingContent && /* @__PURE__ */ jsx("div", {
+				className: "ml-input-side-default flex shrink-0 items-center",
+				children: props.leadingContent
+			}),
+			onClear: () => props.onChange?.(isMultiple ? [] : null),
+			showClear: !isEmpty,
+			trailingContent,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isMultiple && !isEmpty && displayValue, isSearchable ? /* @__PURE__ */ jsx("input", {
+				disabled: isDisabled,
+				tabIndex: -1,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-controls": `${dataAttributeProps.id}-listbox`,
+				"aria-expanded": false,
+				value: inputValue,
+				placeholder: shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
+				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: isDisabled,
+				tabIndex: -1,
+				"data-type": "select-trigger",
+				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-interactive-text-secondary-disabled", isMultiple && !isEmpty && "absolute inset-0 z-0"),
+				onClick: replayStaticInputPress,
+				...dataAttributeProps,
+				"data-rac": true,
+				children: buttonContent
+			})] })
+		});
+	}
+	return /* @__PURE__ */ jsx(SelectBase, {
+		...props,
+		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, rootRef)
+	});
+}
+function SelectComponent({ renderStaticInput, ...props }) {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		const controlWithOptions = field.form;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(SelectInner, {
+				...innerProps,
+				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+				value: field.value,
+				onChange: (value) => {
+					field.onChange(value);
+					field.onBlur();
+				},
+				onBlur: field.onBlur,
+				isDirty,
+				isDisabled: field.disabled || props.isDisabled,
+				isFormControlDisabled: !!controlWithOptions._options?.disabled,
+				error: props.error ?? error?.message,
+				renderStaticInput
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(SelectInner, {
+		...props,
+		renderStaticInput
+	});
+}
+const Select = memo(SelectComponent);
+//#endregion
+export { Select as t };

package/dist/Select-wzB2aQ_X.d.ts

@@ -0,0 +1,15 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
+import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
+import { ReactElement } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/inputs/Selection/Select/Select.d.ts
+type SelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = OmitDiscriminatedUnion<SelectBaseProps<TKey, TInitialSelectItem>, keyof SelectAsyncProps> & {
+  renderStaticInput?: boolean;
+};
+type ControlledSelectProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = Omit<SelectProps<TKey, TInitialSelectItem>, keyof GroupedSelectProps> & GroupedSelectControlProps<TFieldValues, TKey, TInitialSelectItem>;
+declare function SelectComponent<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: SelectProps<TKey, TInitialSelectItem>): ReactElement;
+declare function SelectComponent<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>(props: ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>): ReactElement;
+declare const Select: typeof SelectComponent;
+//#endregion
+export { Select as n, SelectProps as r, ControlledSelectProps as t };

package/dist/SelectBase-DefgAEzh.d.ts

@@ -0,0 +1,96 @@
+import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.js";
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
+import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
+import { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from "react";
+import { Key } from "react-aria-components";
+import { AriaButtonProps } from "react-aria";
+//#region src/components/inputs/Selection/shared/select.types.d.ts
+type SelectBaseProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = FormFieldProps & GroupedSelectProps<TKey, TInitialSelectItem> & SelectNewItemProps & SelectAsyncProps & SelectVirtualizationProps & InputVariantProps & Pick<AriaButtonProps, "onBlur"> & {
+  ref?: Ref<HTMLDivElement>;
+  className?: string;
+  isDirty?: boolean;
+  placeholder?: string;
+  hideDropdownIcon?: boolean;
+  hideSearchIcon?: boolean;
+  isSearchable?: boolean;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isClientSearchDisabled?: boolean;
+  ignoreInputValueFiltering?: boolean;
+  ignoreTriggerWidth?: boolean;
+  items: SelectItem<TKey>[];
+  inputClassName?: string;
+  containerClassName?: string;
+  leadingContent?: ReactNode;
+  trailingContent?: ReactNode;
+  customTrigger?: ReactElement;
+  selectedTagsType?: "tags" | "list";
+  collapseAfter?: number;
+  searchDebounceDelay?: number;
+  multiSelectAutoConfirm?: boolean;
+  onInputChange?: (value: string) => void;
+  onSearchChange?: (value: string) => void;
+  mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
+  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+  onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+  bottomSheetProps?: Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "onStateChange" | "label" | "footer">>;
+};
+interface SelectItem<TKey extends Key = Key> {
+  id: TKey;
+  label: string;
+  content?: string | ReactNode;
+  isDisabled?: boolean;
+}
+interface DefaultInitialSelectItem<TKey extends Key = Key> {
+  id: TKey;
+  label?: string;
+  name?: string;
+}
+interface SingleSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
+  selectionMode?: "single";
+  value?: TKey | undefined | null;
+  onChange?: (value: TKey | null) => void;
+  showSelectionBar?: never;
+  showSelectAllOption?: never;
+  initialSelection?: TInitialSelectItem | null;
+  showSelectionContent?: boolean;
+}
+interface MultiSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
+  selectionMode: "multiple";
+  value?: TKey[];
+  onChange?: (value: TKey[]) => void;
+  showSelectionBar?: boolean;
+  showSelectAllOption?: boolean;
+  initialSelection?: TInitialSelectItem[] | null;
+  showSelectionContent?: never;
+}
+type GroupedSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = MultiSelectProps<TKey, TInitialSelectItem> | SingleSelectProps<TKey, TInitialSelectItem>;
+type GroupedSelectControlProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ({
+  selectionMode: MultiSelectProps["selectionMode"];
+} & ControlProps<MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
+  selectionMode?: SingleSelectProps["selectionMode"];
+} & ControlProps<SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
+interface SelectNewItemProps {
+  showNewItemOption?: boolean;
+  newItemMinLength?: number;
+  onNewItemOption?: (value: string) => void;
+  newItemRender?: (label: string) => ReactElement;
+}
+interface SelectAsyncProps {
+  isLoading?: boolean;
+  hasLoadMore?: boolean;
+  onLoadMore?: () => void;
+}
+interface SelectVirtualizationProps {
+  totalItems?: number;
+  virtualizerOptions?: {
+    rowHeight?: number;
+    estimatedRowHeight?: number;
+    padding?: number;
+    gap?: number;
+  };
+}
+//#endregion
+export { SelectAsyncProps as a, SingleSelectProps as c, MultiSelectProps as i, GroupedSelectControlProps as n, SelectBaseProps as o, GroupedSelectProps as r, SelectItem as s, DefaultInitialSelectItem as t };

package/dist/SelectionIndicator-C9TY9dkk.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SelectionIndicator.mjs
+const $91fe5e721c7f36c1$export$c9549807523555e0 = /*#__PURE__*/ createContext({ isSelected: false });
+//#endregion
+export { $91fe5e721c7f36c1$export$c9549807523555e0 as t };

package/dist/SharedElementTransition-lGqrCNlI.js

@@ -0,0 +1,12 @@
+import $ahdqC$react, { createContext, useRef } from "react";
+import "react-aria/private/utils/useLayoutEffect";
+import "react-aria/useObjectRef";
+import "react-dom";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/SharedElementTransition.mjs
+const $792f28e438b9ad5f$var$SharedElementContext = /*#__PURE__*/ createContext(null);
+function $792f28e438b9ad5f$export$758399f318e6385a(props) {
+	let ref = useRef({});
+	return /*#__PURE__*/ $ahdqC$react.createElement($792f28e438b9ad5f$var$SharedElementContext.Provider, { value: ref }, props.children);
+}
+//#endregion
+export { $792f28e438b9ad5f$export$758399f318e6385a as t };

package/dist/Slider-CZMNmk6P.d.ts

@@ -0,0 +1,22 @@
+import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
+import { t as ControlProps } from "./form.types-CecYaerF.js";
+import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
+import { FocusEvent, Ref } from "react";
+import { SliderProps } from "react-aria-components";
+//#region src/components/inputs/Slider/Slider.d.ts
+type SliderValue<IsRange extends boolean = false> = IsRange extends false ? number : number[];
+interface SliderBaseProps<IsRange extends boolean = false> extends FormFieldProps, Omit<SliderProps, "value" | "defaultValue" | "onChange" | "className"> {
+  ref?: Ref<HTMLDivElement>;
+  unit?: string;
+  isRange?: IsRange;
+  defaultValue?: SliderValue<IsRange>;
+  value?: SliderValue<IsRange>;
+  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+  onChange?: (value: SliderValue<IsRange>) => void;
+}
+type SliderProps$1<IsRange extends boolean = false> = SliderBaseProps<IsRange>;
+type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps$1<IsRange>, TFieldValues>;
+declare const SliderComponent: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react").JSX.Element;
+declare const Slider: typeof SliderComponent;
+//#endregion
+export { Slider as n, SliderProps$1 as r, ControlledSliderProps as t };

package/dist/Slider-IDDtzb2P.js

@@ -0,0 +1,246 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-D3gCeElo.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-C6BonuOp.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-DDGNxVX8.js";
+import { t as FieldController } from "./form.binding-DLM7NA2s.js";
+import { t as FormField } from "./FormField-BHPdCLEV.js";
+import $ahdqC$react, { createContext, forwardRef, memo, useContext, useRef } from "react";
+import { mergeProps } from "react-aria/mergeProps";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useFocusRing } from "react-aria/useFocusRing";
+import { useHover } from "react-aria/useHover";
+import "react-stately/private/utils/number";
+import { VisuallyHidden } from "react-aria/VisuallyHidden";
+import { useSlider, useSliderThumb } from "react-aria/useSlider";
+import { useSliderState } from "react-stately/useSliderState";
+import { useNumberFormatter } from "react-aria/useNumberFormatter";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Slider.mjs
+const $806e559d0c2c64a0$export$e99164f0030f3bff = /*#__PURE__*/ createContext(null);
+const $806e559d0c2c64a0$export$1e7083018727fa60 = /*#__PURE__*/ createContext(null);
+const $806e559d0c2c64a0$export$f1fce0420cc6d8ee = /*#__PURE__*/ createContext(null);
+const $806e559d0c2c64a0$export$6189c2744041d8f8 = /*#__PURE__*/ createContext(null);
+const $806e559d0c2c64a0$export$472062a354075cee = /*#__PURE__*/ forwardRef(function Slider(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $806e559d0c2c64a0$export$e99164f0030f3bff);
+	let trackRef = useRef(null);
+	let numberFormatter = useNumberFormatter(props.formatOptions);
+	let state = useSliderState({
+		...props,
+		numberFormatter
+	});
+	let [labelRef, label] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { groupProps, trackProps, labelProps, outputProps } = useSlider({
+		...props,
+		label
+	}, state, trackRef);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		values: {
+			orientation: state.orientation,
+			isDisabled: state.isDisabled,
+			state
+		},
+		defaultClassName: "react-aria-Slider"
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$806e559d0c2c64a0$export$1e7083018727fa60, state],
+		[$806e559d0c2c64a0$export$f1fce0420cc6d8ee, {
+			...trackProps,
+			ref: trackRef
+		}],
+		[$806e559d0c2c64a0$export$6189c2744041d8f8, outputProps],
+		[$43a3b93638fe5db9$export$75b6ee27786ba447, {
+			...labelProps,
+			ref: labelRef
+		}]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(DOMProps, renderProps, groupProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-orientation": state.orientation,
+		"data-disabled": state.isDisabled || void 0
+	}));
+});
+const $806e559d0c2c64a0$export$105594979f116971 = /*#__PURE__*/ forwardRef(function SliderTrack(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $806e559d0c2c64a0$export$f1fce0420cc6d8ee);
+	let state = useContext($806e559d0c2c64a0$export$1e7083018727fa60);
+	let { onHoverStart, onHoverEnd, onHoverChange, ...otherProps } = props;
+	let { hoverProps, isHovered } = useHover({
+		onHoverStart,
+		onHoverEnd,
+		onHoverChange
+	});
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-SliderTrack",
+		values: {
+			orientation: state.orientation,
+			isDisabled: state.isDisabled,
+			isHovered,
+			state
+		}
+	});
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(otherProps, hoverProps),
+		...renderProps,
+		ref,
+		"data-hovered": isHovered || void 0,
+		"data-orientation": state.orientation || void 0,
+		"data-disabled": state.isDisabled || void 0
+	});
+});
+const $806e559d0c2c64a0$export$2c1b491743890dec = /*#__PURE__*/ forwardRef(function SliderThumb(props, ref) {
+	let { inputRef: userInputRef = null } = props;
+	let state = useContext($806e559d0c2c64a0$export$1e7083018727fa60);
+	let { ref: trackRef } = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($806e559d0c2c64a0$export$f1fce0420cc6d8ee);
+	let { index = 0 } = props;
+	let defaultInputRef = useRef(null);
+	let inputRef = userInputRef || defaultInputRef;
+	let [labelRef, label] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+	let { thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled } = useSliderThumb({
+		...props,
+		index,
+		trackRef,
+		inputRef,
+		label
+	}, state);
+	let { focusProps, isFocusVisible } = useFocusRing();
+	let { hoverProps, isHovered } = useHover(props);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-SliderThumb",
+		values: {
+			state,
+			isHovered,
+			isDragging,
+			isFocused,
+			isFocusVisible,
+			isDisabled
+		}
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(DOMProps, thumbProps, hoverProps),
+		...renderProps,
+		ref,
+		style: {
+			...thumbProps.style,
+			...renderProps.style
+		},
+		"data-hovered": isHovered || void 0,
+		"data-dragging": isDragging || void 0,
+		"data-focused": isFocused || void 0,
+		"data-focus-visible": isFocusVisible || void 0,
+		"data-disabled": isDisabled || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement(VisuallyHidden, null, /*#__PURE__*/ $ahdqC$react.createElement("input", {
+		ref: inputRef,
+		...mergeProps(inputProps, focusProps)
+	})), /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [[$43a3b93638fe5db9$export$75b6ee27786ba447, {
+		...labelProps,
+		ref: labelRef
+	}]] }, renderProps.children));
+});
+//#endregion
+//#region src/components/inputs/Slider/Slider.tsx
+const SliderBase = (props) => {
+	const ui = UIConfig.useConfig();
+	const { label, tooltipText, helperText, isRequired, rightContent, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, unit, hideLabel: hideLabelProp, minValue: minValueProp, maxValue: maxValueProp, onBlur, ...rest } = props;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const minValue = minValueProp ?? ui.slider.minValue;
+	const maxValue = maxValueProp ?? ui.slider.maxValue;
+	const formFieldProps = {
+		error,
+		label,
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden,
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const defaultValue = props.defaultValue ?? (props.isRange ? [minValue, minValue] : minValue);
+	const getTrackFillStyle = (state) => {
+		const p0 = state.getThumbPercent(0);
+		const p1 = state.getThumbPercent(1);
+		return {
+			left: props.isRange ? `${p0 * 100}%` : 0,
+			width: props.isRange ? `${(p1 - p0) * 100}%` : `${p0 * 100}%`
+		};
+	};
+	return /* @__PURE__ */ jsx($806e559d0c2c64a0$export$472062a354075cee, {
+		...rest,
+		defaultValue,
+		minValue,
+		maxValue,
+		isDisabled,
+		className: clsx("group", rest.className),
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ jsxs(Typography, {
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
+						size: "label-2",
+						children: [minValue, unit]
+					}),
+					/* @__PURE__ */ jsx($806e559d0c2c64a0$export$105594979f116971, {
+						className: "relative mx-2 h-6 w-full",
+						children: ({ state }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+							className: "absolute top-1/2 h-1 w-full -translate-y-1/2 overflow-hidden rounded-full bg-elevation-outline-default-1",
+							children: /* @__PURE__ */ jsx("div", {
+								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-interactive-contained-primary-disabled" : "bg-interactive-contained-primary-idle"),
+								style: getTrackFillStyle(state)
+							})
+						}), state.values.map((_, i) => /* @__PURE__ */ jsx($806e559d0c2c64a0$export$2c1b491743890dec, {
+							index: i,
+							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-contained-primary-idle disabled:cursor-default", "dragging:bg-interactive-contained-primary-pressed hover:bg-interactive-contained-primary-hover focus-visible:outline-interactive-contained-primary-focus disabled:bg-interactive-contained-primary-disabled", uiOutlineClass),
+							isDisabled,
+							onBlur: (event) => onBlur?.({ target: event.target })
+						}, i))] })
+					}),
+					/* @__PURE__ */ jsxs(Typography, {
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-text-default-3",
+						size: "label-2",
+						children: [maxValue, unit]
+					})
+				]
+			})
+		})
+	});
+};
+const SliderComponent = (props) => {
+	if ("field" in props && props.field) {
+		const { field, ref, ...innerProps } = props;
+		return /* @__PURE__ */ jsx(FieldController, {
+			control: field.form,
+			name: field.name,
+			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(SliderBase, {
+				...innerProps,
+				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+				value: field.value,
+				onBlur: field.onBlur,
+				onChange: field.onChange,
+				onChangeEnd: (value) => {
+					innerProps.onChangeEnd?.(value);
+					field.onBlur();
+				},
+				isDisabled: field.disabled || props.isDisabled,
+				error: props.error ?? error?.message
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(SliderBase, { ...props });
+};
+const Slider = memo(SliderComponent);
+//#endregion
+export { Slider as t };

package/dist/Spinner-BOgO9bS6.d.ts

@@ -0,0 +1,29 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { SVGProps } from "react";
+//#region src/components/status/Spinner/spinner.cva.d.ts
+declare const spinnerWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly default: "size-6";
+      readonly l: "size-16";
+    };
+  }>;
+};
+declare const spinnerDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly default: "size-3-5";
+      readonly l: "size-8";
+    };
+  }>;
+};
+type SpinnerConfig = NonNullable<typeof spinnerDefinition.config>;
+interface SpinnerVariantProps extends UIOverrides.VariantProps<SpinnerConfig> {}
+//#endregion
+//#region src/components/status/Spinner/Spinner.d.ts
+interface SpinnerProps extends SpinnerVariantProps, SVGProps<SVGSVGElement> {}
+declare const Spinner: ({ size, className, ...props }: Omit<SpinnerProps, "color">) => import("react").JSX.Element;
+//#endregion
+export { spinnerWrapperDefinition as i, SpinnerProps as n, spinnerDefinition as r, Spinner as t };