@payfit/unity-components 3.1.13 → 3.1.15

package/dist/esm/components/text/Text.variants.js

@@ -1,107 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/text/Text.variants.ts
-var t = e({
-	base: "",
-	variants: {
-		variant: {
-			inherit: "",
-			displayHeading: "uy:typography-display-heading",
-			h1: "uy:typography-h1",
-			h2: "uy:typography-h2",
-			h3: "uy:typography-h3",
-			h4: "uy:typography-h4",
-			overline: "uy:typography-overline",
-			subtitle: "uy:typography-subtitle",
-			displayTitle: "uy:typography-display-title",
-			displayBody: "uy:typography-display-body",
-			body: "uy:typography-body",
-			bodyStrong: "uy:typography-body-strong",
-			bodySmall: "uy:typography-body-small",
-			bodySmallStrong: "uy:typography-body-small-strong",
-			bodyLarge: "uy:typography-body-large",
-			bodyLargeStrong: "uy:typography-body-large-strong",
-			action: "uy:typography-action",
-			actionLarge: "uy:typography-body-large",
-			actionSmall: "uy:typography-body-small",
-			actionInfo: "uy:typography-action uy:underline uy:decoration-dotted uy:decoration-[10%] uy:underline-offset-[25%]"
-		},
-		color: {
-			inherit: "uy:text-inherit",
-			"content.primary": "uy:text-content-primary",
-			"content.primary.enabled": "uy:text-content-primary-enabled",
-			"content.primary.hover": "uy:text-content-primary-hover",
-			"content.primary.pressed": "uy:text-content-primary-pressed",
-			"content.primary.focus": "uy:text-content-primary-focus",
-			"content.primary.active": "uy:text-content-primary-active",
-			"content.primary.disabled": "uy:text-content-primary-disabled",
-			"content.neutral": "uy:text-content-neutral",
-			"content.neutral.enabled": "uy:text-content-neutral-enabled",
-			"content.neutral.hover": "uy:text-content-neutral-hover",
-			"content.neutral.pressed": "uy:text-content-neutral-pressed",
-			"content.neutral.focus": "uy:text-content-neutral-focus",
-			"content.neutral.active": "uy:text-content-neutral-active",
-			"content.neutral.disabled": "uy:text-content-neutral-disabled",
-			"content.neutral.low": "uy:text-content-neutral-low",
-			"content.neutral.lowest": "uy:text-content-neutral-lowest",
-			"content.neutral.lowest.enabled": "uy:text-content-neutral-lowest-enabled",
-			"content.neutral.lowest.hover": "uy:text-content-neutral-lowest-hover",
-			"content.neutral.lowest.pressed": "uy:text-content-neutral-lowest-pressed",
-			"content.neutral.lowest.focus": "uy:text-content-neutral-lowest-focus",
-			"content.neutral.lowest.active": "uy:text-content-neutral-lowest-active",
-			"content.neutral.lowest.disabled": "uy:text-content-neutral-lowest-disabled",
-			"content.danger": "uy:text-content-danger",
-			"content.danger.enabled": "uy:text-content-danger-enabled",
-			"content.danger.hover": "uy:text-content-danger-hover",
-			"content.danger.pressed": "uy:text-content-danger-pressed",
-			"content.danger.focus": "uy:text-content-danger-focus",
-			"content.danger.active": "uy:text-content-danger-active",
-			"content.danger.disabled": "uy:text-content-danger-disabled",
-			"content.warning": "uy:text-content-warning",
-			"content.warning.enabled": "uy:text-content-warning-enabled",
-			"content.warning.hover": "uy:text-content-warning-hover",
-			"content.warning.pressed": "uy:text-content-warning-pressed",
-			"content.warning.focus": "uy:text-content-warning-focus",
-			"content.warning.active": "uy:text-content-warning-active",
-			"content.warning.disabled": "uy:text-content-warning-disabled",
-			"content.success": "uy:text-content-success",
-			"content.success.enabled": "uy:text-content-success-enabled",
-			"content.success.hover": "uy:text-content-success-hover",
-			"content.success.pressed": "uy:text-content-success-pressed",
-			"content.success.focus": "uy:text-content-success-focus",
-			"content.success.active": "uy:text-content-success-active",
-			"content.success.disabled": "uy:text-content-success-disabled",
-			"content.info": "uy:text-content-info",
-			"content.info.enabled": "uy:text-content-info-enabled",
-			"content.info.hover": "uy:text-content-info-hover",
-			"content.info.pressed": "uy:text-content-info-pressed",
-			"content.info.focus": "uy:text-content-info-focus",
-			"content.info.active": "uy:text-content-info-active",
-			"content.info.disabled": "uy:text-content-info-disabled",
-			"content.promo": "uy:text-content-promo",
-			"content.form.enabled": "uy:text-content-form",
-			"content.form.hover": "uy:text-content-form-hover",
-			"content.form.pressed": "uy:text-content-form-pressed",
-			"content.form.focus": "uy:text-content-form-focus",
-			"content.form.active": "uy:text-content-form-active",
-			"content.form.disabled": "uy:text-content-form-disabled",
-			"content.form.read-only": "uy:text-content-form-read-only",
-			"content.form.invalid": "uy:text-content-form-invalid",
-			"content.inverted": "uy:text-content-inverted",
-			"content.inverted.enabled": "uy:text-content-inverted-enabled",
-			"content.inverted.hover": "uy:text-content-inverted-hover",
-			"content.inverted.pressed": "uy:text-content-inverted-pressed",
-			"content.inverted.focus": "uy:text-content-inverted-focus",
-			"content.inverted.active": "uy:text-content-inverted-active",
-			"content.inverted.disabled": "uy:text-content-inverted-disabled"
-		},
-		isTruncated: { true: "uy:block uy:truncate" },
-		isLineClamped: { true: "uy:line-clamp-[var(--uy-text-line-clamp)]" },
-		hasCharLimit: { true: "uy:inline-block uy:max-w-[var(--uy-text-max-width-ch)] uy:truncate" }
-	},
-	defaultVariants: {
-		variant: "body",
-		isTruncated: !1
-	}
-});
-//#endregion
-export { t as text };

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

@@ -1,21 +0,0 @@
-import { TextAreaProps } from './TextArea.js';
-export type TanstackTextAreaProps = Omit<TextAreaProps, 'name' | 'value' | 'defaultValue' | 'isInvalid'>;
-/**
- * `TanstackTextArea` is a controlled textarea wired to the TanStack Form field context.
- *
- * Example:
- * ```tsx
- * function ExampleField() {
- *   const form = useTanstackUnityForm<{ bio: string }>({ validators: {} })
- *   return (
- *     <form>
- *       <form.AppField name="bio">
- *         {() => <TanstackTextArea placeholder="Short bio" rows={4} />}
- *       </form.AppField>
- *     </form>
- *   )
- * }
- * ```
- */
-declare const TanstackTextArea: import('react').ForwardRefExoticComponent<TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
-export { TanstackTextArea };

package/dist/esm/components/text-area/TanstackTextArea.js

@@ -1,30 +0,0 @@
-import { TextArea as e } from "./TextArea.js";
-import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
-import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/text-area/TanstackTextArea.tsx
-var a = r(({ onChange: r, onBlur: a, isReadOnly: o, isDisabled: s, ...c }, l) => {
-	let u = t(), d = n(), f = u.state.meta.isTouched && !u.state.meta.isValid, p = [d.helperTextId, d.feedbackTextId].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i(e, {
-		...c,
-		ref: l,
-		id: d.inputId,
-		value: u.state.value,
-		onChange: (e) => {
-			u.handleChange(e.target.value), r?.(e);
-		},
-		onBlur: (e) => {
-			u.handleBlur(), a?.(e);
-		},
-		isReadOnly: o,
-		isDisabled: s,
-		isInvalid: f,
-		"aria-labelledby": d.labelId,
-		"aria-describedby": p.length > 0 ? p : void 0,
-		"aria-details": d.contextualLinkId
-	});
-});
-a.displayName = "TanstackTextArea";
-//#endregion
-export { a as TanstackTextArea };

package/dist/esm/components/text-area/TextArea.js

@@ -1,121 +0,0 @@
-import { Icon as e } from "../icon/Icon.js";
-import { Spinner as t } from "../spinner/Spinner.js";
-import { useResizable as n } from "../../hooks/use-resizable.js";
-import { forwardRef as r } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useIntl as s } from "react-intl";
-import { TextArea as c } from "react-aria-components/TextArea";
-//#region src/components/text-area/TextArea.tsx
-var l = i({
-	slots: {
-		base: "uy:flex uy:border uy:border-solid uy:rounded-100 uy:sm:rounded-75 uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active uy:overflow-hidden uy:relative",
-		inputWrapper: "uy:flex uy:gap-50 uy:flex-grow uy:pt-125 uy:sm:pt-100 uy:pb-125 uy:sm:pb-100 uy:pl-150 uy:pr-150 uy:rounded-100 uy:sm:rounded-75",
-		input: "uy:flex-grow uy:flex-shrink uy:outline-none uy:typography-body uy:placeholder:text-content-neutral-lowest uy:resize-none",
-		state: "uy:flex uy:gap-50 uy:flex-shrink-0 uy:basis-250",
-		resizeHandle: "uy:absolute uy:bottom-25 uy:right-25 uy:w-100 uy:h-100 uy:cursor-se-resize uy:flex uy:items-center uy:justify-center"
-	},
-	variants: {
-		isInvalid: { true: {
-			base: "uy:border-border-form-error uy:bg-surface-form-error",
-			inputWrapper: "uy:bg-surface-form-error",
-			input: "uy:bg-surface-form-error",
-			state: "uy:text-content-form-error"
-		} },
-		isReadOnly: { true: {
-			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			inputWrapper: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			input: "uy:bg-surface-form-disabled uy:text-content-form-readonly"
-		} },
-		isDisabled: { true: {
-			base: "uy:border-border-form-disabled uy:bg-surface-form-disabled",
-			inputWrapper: "uy:bg-surface-form-disabled uy:text-content-form-disabled",
-			input: "uy:bg-surface-form-disabled uy:text-content-form-disabled"
-		} }
-	},
-	compoundVariants: [{
-		isInvalid: !1,
-		isDisabled: !1,
-		isReadOnly: !1,
-		className: {
-			base: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-			inputWrapper: "uy:border-border-form-enabled uy:bg-surface-form-enabled",
-			input: "uy:text-content-form-enabled uy:bg-surface-form-enabled",
-			state: "uy:text-content-form-disabled"
-		}
-	}],
-	defaultVariants: {
-		isInvalid: !1,
-		isDisabled: !1,
-		isReadOnly: !1
-	}
-}), u = r(({ isInvalid: r, isLoading: i, isDisabled: u, isReadOnly: d, isResizable: f = !1, ...p }, m) => {
-	let h = s(), { containerRef: g, handleResizeStart: _ } = n({ isDisabled: !f || u || d }), { base: v, inputWrapper: y, input: b, state: x, resizeHandle: S } = l({
-		isInvalid: r,
-		isDisabled: u,
-		isReadOnly: d
-	});
-	return /* @__PURE__ */ o("div", {
-		ref: g,
-		className: v(),
-		children: [/* @__PURE__ */ o("div", {
-			className: y(),
-			children: [/* @__PURE__ */ a(c, {
-				"data-dd-privacy": "mask",
-				...p,
-				ref: m,
-				className: b(),
-				"aria-busy": i,
-				"aria-invalid": r,
-				readOnly: d,
-				disabled: u
-			}), /* @__PURE__ */ o("div", {
-				className: x(),
-				children: [i && /* @__PURE__ */ a(t, {
-					color: "inherit",
-					size: "small",
-					label: h.formatMessage({
-						id: "unity:component:form-field:form-input:spinner:label",
-						defaultMessage: "Loading"
-					})
-				}), r && /* @__PURE__ */ a(e, {
-					src: "WarningCircleOutlined",
-					color: "content.form.invalid",
-					alt: h.formatMessage({
-						id: "unity:component:form-field:form-input:error:alt",
-						defaultMessage: "Error"
-					})
-				})]
-			})]
-		}), f && !u && !d && /* @__PURE__ */ a("div", {
-			className: S(),
-			onMouseDown: _,
-			role: "button",
-			tabIndex: 0,
-			"aria-label": h.formatMessage({
-				id: "unity:component:form-field:textarea:resize-handle:label",
-				defaultMessage: "Resize textarea"
-			}),
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g.current?.querySelector("textarea")?.focus());
-			},
-			children: /* @__PURE__ */ o("svg", {
-				role: "presentation",
-				width: "8",
-				height: "8",
-				viewBox: "0 0 8 8",
-				fill: "none",
-				children: [/* @__PURE__ */ a("path", {
-					d: "M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",
-					fill: "#8B8D98"
-				}), /* @__PURE__ */ a("path", {
-					d: "M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",
-					fill: "#8B8D98"
-				})]
-			})
-		})]
-	});
-});
-u.displayName = "TextArea";
-//#endregion
-export { u as TextArea, l as textArea };

package/dist/esm/components/text-field/TanstackTextField.d.ts

@@ -1,79 +0,0 @@
-import { ReactNode } from 'react';
-import { TanstackInputProps } from '../input/TanstackInput.js';
-import { LabelProps } from '../label/Label.js';
-import { TanstackTextAreaProps } from '../text-area/TanstackTextArea.js';
-interface FieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
-    /** The label for the text field. */
-    label: string;
-    /** If true, the text field will be a multi-line text area. */
-    multiline?: boolean;
-    /** Helper text to display below the text field. */
-    helperText?: ReactNode;
-    /** A contextual link to display below the text field. */
-    contextualLink?: ReactNode;
-}
-interface TextFieldWithInputProps extends FieldProps, TanstackInputProps {
-    multiline?: false;
-    type?: 'text' | 'password' | 'email' | 'tel' | 'url' | 'search';
-}
-interface TextFieldWithTextAreaProps extends FieldProps, TanstackTextAreaProps {
-    multiline?: true;
-    type?: never;
-}
-export type TextFieldProps = TextFieldWithInputProps | TextFieldWithTextAreaProps;
-/**
- * The `TanstackTextField` component renders a full field (label, input or textarea)
- * wired to the TanStack Form context. It manages state and accessibility via the
- * context provided by `useTanstackUnityForm` and `<form.AppField name="…">`.
- *
- * Behavior:
- * - Single-line: renders `TanstackInput`.
- * - Multi-line: renders `TanstackTextArea`.
- * - Displays the label (`TanstackFormLabel`), helper text (`TanstackFormHelperText`),
- *   feedback messages (`TanstackFormFeedbackText`), and an optional contextual link.
- *
- * Accessibility:
- * - Automatically wires `aria-labelledby`, `aria-describedby` (helper/feedback), and
- *   `aria-details` using identifiers from the `a11y` context.
- *
- * Key props:
- * - `label: string` — label text.
- * - `multiline?: boolean` — when true, renders a textarea; otherwise, an input.
- * - `defaultValue?` — initial value passed to the native control (the field remains
- *   controlled by the form context afterwards).
- * - `helperText?: ReactNode` — helper text displayed below the field.
- * - `contextualLink?: ReactNode` — optional contextual link, referenced via `aria-details`.
- * - Inherits props from `TanstackInput` or `TanstackTextArea` depending on `multiline`.
- * - `isRequired?`, `requiredVariant?` — control the required indicator in the label.
- *
- * Example:
- * ```tsx
- * import { TanstackTextField } from "@/components/text-field/TanstackTextField"
- * import { useTanstackUnityForm } from "@/hooks/use-tanstack-form"
- *
- * function Example() {
- *  const schema = z.object({
- *     name: z.string(),
- *     email: z.string().email()
- *  })
- *
- *   const form = useTanstackUnityForm<{ name: string }>({ validators: {
- *     onBlur: schema,
- *   } })
- *   return (
- *     <form>
- *       <form.AppField name="name">
- *         {() => (
- *           <TanstackTextField label="Name" helperText="Your full name" />
- *         )}
- *       </form.AppField>
- *     </form>
- *   )
- * }
- * ```
- * @remarks Migration from `TextField` (non‑TanStack):
- * - Do not pass a `name` prop to the field: use `<form.AppField name="…">`.
- * - `value`, `defaultValue`, and `isInvalid` are derived from the TanStack form context.
- */
-declare const TanstackTextField: import('react').ForwardRefExoticComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-export { TanstackTextField };

package/dist/esm/components/text-field/TanstackTextField.js

@@ -1,40 +0,0 @@
-import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
-import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
-import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
-import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
-import { TanstackInput as i } from "../input/TanstackInput.js";
-import { TanstackTextArea as a } from "../text-area/TanstackTextArea.js";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/text-field/TanstackTextField.tsx
-function l({ label: o, helperText: l, contextualLink: u, multiline: d, isRequired: f, isLoading: p, isDisabled: m, isReadOnly: h, requiredVariant: g, ..._ }, v) {
-	let y = {
-		isLoading: p,
-		isDisabled: m,
-		isReadOnly: h
-	}, { onClearButtonPress: b } = d ? {} : _;
-	return /* @__PURE__ */ c(t, { children: [
-		/* @__PURE__ */ s(r, {
-			requiredVariant: g,
-			isRequired: f,
-			children: o
-		}),
-		l && /* @__PURE__ */ s(n, { children: l }),
-		d ? /* @__PURE__ */ s(a, {
-			ref: v,
-			...y,
-			..._
-		}) : /* @__PURE__ */ s(i, {
-			ref: v,
-			onClearButtonPress: b,
-			...y,
-			..._
-		}),
-		/* @__PURE__ */ s(e, {}),
-		u
-	] });
-}
-var u = o(l);
-u.displayName = "TanstackTextField";
-//#endregion
-export { u as TanstackTextField };

package/dist/esm/components/timeline/Timeline.context.js

@@ -1,20 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/timeline/Timeline.context.tsx
-var r = e(null);
-function i({ children: e, orientation: t, type: i }) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			orientation: t,
-			type: i
-		},
-		children: e
-	});
-}
-function a() {
-	let e = t(r);
-	if (!e) throw Error("useTimelineContext must be used within a Timeline component. Make sure to wrap your TimelineStep components with <Timeline>.");
-	return e;
-}
-//#endregion
-export { r as TimelineContext, i as TimelineProvider, a as useTimelineContext };

package/dist/esm/components/timeline/Timeline.js

@@ -1,33 +0,0 @@
-import { TimelineProvider as e } from "./Timeline.context.js";
-import { timeline as t } from "./Timeline.variants.js";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useId as a } from "react-aria/useId";
-//#region src/components/timeline/Timeline.tsx
-var o = n(({ "aria-label": n, customProgressLabel: o, orientation: s = "vertical", type: c = "default", className: l, children: u }, d) => {
-	let f = a();
-	return /* @__PURE__ */ i(e, {
-		orientation: s,
-		type: c,
-		children: [o && /* @__PURE__ */ r("div", {
-			id: f,
-			className: "uy:sr-only",
-			children: o
-		}), /* @__PURE__ */ r(c === "numbered" ? "ol" : "ul", {
-			ref: (e) => {
-				typeof d == "function" ? d(e) : d && (d.current = e);
-			},
-			className: t({
-				orientation: s,
-				className: l
-			}),
-			"aria-label": n,
-			"aria-describedby": o ? f : void 0,
-			"aria-orientation": s,
-			children: u
-		})]
-	});
-});
-o.displayName = "Timeline";
-//#endregion
-export { o as Timeline };

package/dist/esm/components/timeline/Timeline.utils.js

@@ -1,9 +0,0 @@
-import { isDesktopBreakpoint as e, useBreakpointListener as t } from "../../hooks/use-breakpoint-listener.js";
-import { useTimelineContext as n } from "./Timeline.context.js";
-//#region src/components/timeline/Timeline.utils.ts
-var r = () => {
-	let { orientation: r } = n(), i = t();
-	return r === "horizontal" && e(i);
-};
-//#endregion
-export { r as useIsHorizontalDesktop };

package/dist/esm/components/timeline/Timeline.variants.js

@@ -1,96 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/timeline/Timeline.variants.ts
-var t = e({
-	base: "uy:flex uy:list-none uy:m-0 uy:p-0",
-	variants: { orientation: {
-		vertical: "uy:flex-col",
-		horizontal: "uy:flex-col uy:md:flex-row"
-	} },
-	defaultVariants: { orientation: "vertical" }
-}), n = e({
-	base: "uy:flex uy:m-0 uy:p-0 uy:gap-200",
-	variants: { orientation: {
-		vertical: "uy:flex-row uy:w-full uy:items-stretch",
-		horizontal: "uy:flex-row uy:w-full uy:items-stretch uy:md:flex-col uy:md:flex-1 uy:md:min-w-0 uy:md:w-auto"
-	} },
-	defaultVariants: { orientation: "vertical" }
-}), r = e({
-	slots: {
-		container: "uy:flex uy:items-center uy:w-300",
-		ball: [
-			"uy:flex uy:items-center uy:justify-center",
-			"uy:w-250 uy:h-250 uy:rounded-full",
-			"uy:border-2 uy:border-solid",
-			"uy:flex-shrink-0"
-		],
-		line: "uy:flex-1",
-		icon: "uy:w-250 uy:h-250",
-		number: [
-			"uy:typography-body-small-strong",
-			"uy:flex uy:items-center uy:justify-center",
-			"uy:w-full uy:h-full"
-		]
-	},
-	variants: {
-		state: {
-			completed: {
-				ball: "uy:bg-surface-neutral-highest-enabled uy:border-transparent uy:w-300 uy:h-300",
-				line: "uy:border-border-neutral-highest uy:border-solid",
-				icon: "uy:text-content-inverted"
-			},
-			current: {
-				ball: "uy:bg-transparent  uy:border-border-neutral-highest",
-				line: "uy:border-border-neutral uy:border-dashed",
-				number: "uy:text-content-primary-active"
-			},
-			pending: {
-				ball: "uy:bg-transparent uy:border-border-neutral",
-				line: "uy:border-border-neutral uy:border-dashed",
-				number: "uy:text-content-neutral-lowest"
-			}
-		},
-		type: {
-			default: {},
-			numbered: { ball: "uy:w-300 uy:h-300" }
-		},
-		orientation: {
-			vertical: {
-				container: "uy:flex-col uy:self-stretch",
-				line: "uy:min-h-200 uy:w-0 uy:border-l-2"
-			},
-			horizontal: {
-				container: "uy:flex-col uy:self-stretch uy:md:flex-row uy:md:w-full uy:md:h-300 uy:md:self-auto",
-				line: "uy:min-h-200 uy:w-0 uy:border-l-2 uy:md:min-h-0 uy:md:min-w-200 uy:md:h-0 uy:md:w-auto uy:md:border-l-0 uy:md:border-t-2"
-			}
-		}
-	},
-	compoundVariants: [{
-		state: "current",
-		type: "numbered",
-		className: {
-			ball: "uy:bg-surface-neutral-highest-enabled uy:border-transparent",
-			number: "uy:text-content-inverted-active"
-		}
-	}, {
-		state: "pending",
-		type: "numbered",
-		className: {
-			ball: "uy:bg-surface-neutral-lowest uy:border-border-neutral-low",
-			number: "uy:text-content-neutral"
-		}
-	}],
-	defaultVariants: {
-		state: "pending",
-		type: "default",
-		orientation: "vertical"
-	}
-}), i = e({
-	base: "uy:flex uy:flex-col uy:gap-100 uy:items-start",
-	variants: { orientation: {
-		vertical: "uy:flex-1 uy:pb-300",
-		horizontal: "uy:flex-1 uy:pb-300 uy:md:pb-0 uy:md:pr-400"
-	} },
-	defaultVariants: { orientation: "vertical" }
-});
-//#endregion
-export { t as timeline, i as timelineContent, r as timelineMarker, n as timelineStep };

package/dist/esm/components/timeline/parts/TimelineMarker.js

@@ -1,36 +0,0 @@
-import { useTimelineContext as e } from "../Timeline.context.js";
-import { timelineMarker as t } from "../Timeline.variants.js";
-import n from "./check.js";
-import { forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/timeline/parts/TimelineMarker.tsx
-var o = r(({ state: r = "pending", stepNumber: o, className: s }, c) => {
-	let { type: l, orientation: u } = e(), { container: d, icon: f, ball: p, number: m, line: h } = t({
-		state: r,
-		type: l,
-		orientation: u,
-		className: s
-	}), g = r === "completed", _ = l === "numbered" && !g && o !== void 0;
-	return /* @__PURE__ */ a("div", {
-		ref: c,
-		className: d(),
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ a("div", {
-			className: p(),
-			children: [g && /* @__PURE__ */ i(n, {
-				className: f(),
-				"aria-hidden": "true"
-			}), _ && /* @__PURE__ */ i("span", {
-				className: m(),
-				"aria-hidden": "true",
-				children: o
-			})]
-		}), /* @__PURE__ */ i("div", {
-			className: h(),
-			"data-timeline-line": !0
-		})]
-	});
-});
-o.displayName = "TimelineMarker";
-//#endregion
-export { o as TimelineMarker };

package/dist/esm/components/timeline/parts/TimelineStep.context.js

@@ -1,17 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/timeline/parts/TimelineStep.context.tsx
-var r = e(null);
-function i({ labelId: e, children: t }) {
-	return /* @__PURE__ */ n(r.Provider, {
-		value: { labelId: e },
-		children: t
-	});
-}
-function a() {
-	let e = t(r);
-	if (!e) throw Error("useTimelineStepContext must be used within TimelineStepProvider");
-	return e;
-}
-//#endregion
-export { i as TimelineStepProvider, a as useTimelineStepContext };