@payfit/unity-components 3.1.14 → 3.1.16

package/dist/esm/components/inline-field-group/InlineFieldGroup.js

@@ -1,194 +0,0 @@
-import { useBreakpointListener as e } from "../../hooks/use-breakpoint-listener.js";
-import { useFormContext as t } from "../../hooks/tanstack-form-context.js";
-import { useInlineFieldGroupMode as n } from "./hooks/useInlineFieldGroupMode.js";
-import { InlineFieldGroupContext as ee } from "./InlineFieldGroup.context.js";
-import { InlineFieldGroupActions as r } from "./parts/InlineFieldGroupActions.js";
-import { forwardRef as i, useCallback as a, useEffect as o, useImperativeHandle as s, useMemo as te, useRef as c, useState as l } from "react";
-import { uyTv as u } from "@payfit/unity-themes";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useIntl as p } from "react-intl";
-import { useId as m } from "react-aria/useId";
-import { useSelector as ne } from "@tanstack/react-store";
-import { FocusScope as h } from "react-aria/FocusScope";
-import { useKeyboard as re } from "react-aria/useKeyboard";
-//#region src/components/inline-field-group/InlineFieldGroup.tsx
-var ie = u({ slots: { form: "uy:flex uy:flex-col uy:gap-300" } }), g = (e) => {
-	if (!e.current) return;
-	let t = e.current.querySelector("[aria-invalid=\"true\"]");
-	t && t.focus();
-}, _ = 5e3, v = i(({ children: i, mode: u, defaultMode: v, onModeChange: ae, shouldModeChange: y, isLoading: b, className: oe, "aria-label": x, containFocus: se = !1, successMessage: S, errorMessage: C, editLabel: w, saveLabel: T, cancelLabel: E, onEditPress: D, onSavePress: O, onCancelPress: k }, ce) => {
-	let A = m(), j = `unity-InlineFieldGroup-${A}__header`, M = `unity-InlineFieldGroup-${A}__edit-view`, N = c(null), P = c(null), F = c(!0), [I, L] = l(""), [R, z] = l(""), B = p(), V = t(), H = e(), U = H === "xs" || H === "sm", { mode: W, enterEditMode: G, exitEditMode: K } = n({
-		mode: u,
-		defaultMode: v,
-		onModeChange: ae,
-		shouldModeChange: y
-	}), { isSubmitting: q, isValid: J, isSubmitSuccessful: Y, submissionAttempts: X } = ne(V.store, (e) => ({
-		isSubmitting: e.isSubmitting,
-		isValid: e.isValid,
-		isSubmitSuccessful: e.isSubmitSuccessful,
-		submissionAttempts: e.submissionAttempts
-	})), Z = c(q), Q = c(X);
-	o(() => {
-		q && !Z.current && (L(""), z(""));
-	}, [q]), o(() => {
-		if (X > Q.current && !J) {
-			let e = C ?? B.formatMessage({
-				id: "unity:component:inline-field-group:validation-error",
-				defaultMessage: "Please fix the errors before saving."
-			});
-			z(e), g(P);
-		}
-	}, [
-		X,
-		J,
-		C,
-		B
-	]), o(() => {
-		Z.current && !q && Y && (S && L(S), K());
-	}, [
-		q,
-		Y,
-		S,
-		K
-	]), o(() => {
-		if (Z.current && !q && !Y && J) {
-			let e = C ?? B.formatMessage({
-				id: "unity:component:inline-field-group:save-error",
-				defaultMessage: "An error occurred while saving. Please try again."
-			});
-			z(e);
-		}
-	}, [
-		q,
-		Y,
-		J,
-		C,
-		B
-	]), o(() => {
-		Z.current = q, Q.current = X;
-	});
-	let le = a((e) => {
-		e.preventDefault(), e.stopPropagation(), V.handleSubmit();
-	}, [V]), $ = a(() => {
-		y !== void 0 && !y(W, "read") || (V.reset(), K());
-	}, [
-		V,
-		W,
-		K,
-		y
-	]);
-	s(ce, () => ({
-		focusFirstInvalidField: () => {
-			g(P);
-		},
-		exitEditMode: K,
-		enterEditMode: G
-	}), [K, G]), o(() => {
-		if (F.current) {
-			F.current = !1;
-			return;
-		}
-		if (W === "edit") {
-			if (P.current) {
-				let e = P.current.querySelectorAll("input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
-				e.length > 0 && e[0].focus();
-			}
-		} else requestAnimationFrame(() => {
-			let e = P.current?.contains(document.activeElement), t = document.activeElement === document.body;
-			(e || t) && N.current && N.current.focus();
-		});
-	}, [W]);
-	let { keyboardProps: ue } = re({ onKeyDown: (e) => {
-		e.key === "Escape" && W === "edit" && (e.preventDefault(), $());
-	} });
-	o(() => {
-		if (I) {
-			let e = setTimeout(() => {
-				L("");
-			}, _);
-			return () => {
-				clearTimeout(e);
-			};
-		}
-	}, [I]), o(() => {
-		if (R) {
-			let e = setTimeout(() => {
-				z("");
-			}, _);
-			return () => {
-				clearTimeout(e);
-			};
-		}
-	}, [R]);
-	let de = te(() => ({
-		mode: W,
-		enterEditMode: G,
-		exitEditMode: $,
-		groupId: A,
-		headerId: j,
-		editViewId: M,
-		isLoading: b,
-		editButtonRef: N,
-		editViewRef: P,
-		editLabel: w,
-		saveLabel: T,
-		cancelLabel: E,
-		onEditPress: D,
-		onSavePress: O,
-		onCancelPress: k
-	}), [
-		W,
-		G,
-		$,
-		A,
-		j,
-		M,
-		b,
-		N,
-		P,
-		w,
-		T,
-		E,
-		D,
-		O,
-		k
-	]), { form: fe } = ie();
-	return /* @__PURE__ */ d(ee.Provider, {
-		value: de,
-		children: /* @__PURE__ */ d("form", {
-			...ue,
-			id: A,
-			className: fe({ className: oe }),
-			onSubmit: le,
-			"aria-label": x,
-			"aria-labelledby": x ? void 0 : j,
-			children: /* @__PURE__ */ f(h, {
-				contain: se && W === "edit",
-				children: [
-					i,
-					U && /* @__PURE__ */ d("div", {
-						className: "uy:flex",
-						children: /* @__PURE__ */ d(r, { orientation: "vertical" })
-					}),
-					/* @__PURE__ */ d("div", {
-						role: "status",
-						"aria-live": "polite",
-						"aria-atomic": "true",
-						className: "uy:sr-only",
-						children: I
-					}),
-					/* @__PURE__ */ d("div", {
-						role: "alert",
-						"aria-live": "assertive",
-						"aria-atomic": "true",
-						className: "uy:sr-only",
-						children: R
-					})
-				]
-			})
-		})
-	});
-});
-v.displayName = "InlineFieldGroup";
-//#endregion
-export { v as InlineFieldGroup };

package/dist/esm/components/inline-field-group/hooks/useInlineFieldGroupMode.js

@@ -1,24 +0,0 @@
-import { useCallback as e, useState as t } from "react";
-//#region src/components/inline-field-group/hooks/useInlineFieldGroupMode.ts
-function n({ mode: n, defaultMode: r = "read", onModeChange: i, shouldModeChange: a }) {
-	let [o, s] = t(r), c = n !== void 0, l = c ? n : o, u = e((e) => {
-		a && a(l, e) === !1 || (c || s(e), i?.(e));
-	}, [
-		c,
-		l,
-		i,
-		a
-	]);
-	return {
-		mode: l,
-		enterEditMode: e(() => {
-			u("edit");
-		}, [u]),
-		exitEditMode: e(() => {
-			u("read");
-		}, [u]),
-		isControlled: c
-	};
-}
-//#endregion
-export { n as useInlineFieldGroupMode };

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupActions.js

@@ -1,99 +0,0 @@
-import { useBreakpointListener as e } from "../../../hooks/use-breakpoint-listener.js";
-import { Button as t } from "../../button/Button.js";
-import { useFormContext as n } from "../../../hooks/tanstack-form-context.js";
-import { InlineFieldGroupContext as r } from "../InlineFieldGroup.context.js";
-import { useContext as i, useMemo as a } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useIntl as u } from "react-intl";
-import { useSelector as d } from "@tanstack/react-store";
-//#region src/components/inline-field-group/parts/InlineFieldGroupActions.tsx
-var f = o({
-	slots: { container: "" },
-	variants: { orientation: {
-		horizontal: { container: "uy:flex uy:gap-100 uy:items-center" },
-		vertical: { container: "uy:flex uy:flex-col uy:gap-100 uy:w-full" }
-	} },
-	defaultVariants: { orientation: "horizontal" }
-});
-function p({ orientation: o = "horizontal", customActions: p }) {
-	let m = u(), h = i(r), g = e(), _ = g === "xs" || g === "sm";
-	if (!h) throw Error("InlineFieldGroupActions must be used within InlineFieldGroup");
-	let { mode: v, enterEditMode: y, exitEditMode: b, editViewId: x, isLoading: S, editButtonRef: C, editLabel: w, saveLabel: T, cancelLabel: E, onEditPress: D, onSavePress: O, onCancelPress: k } = h, { isDirty: A } = d(n().store, (e) => ({ isDirty: e.isDirty })), { container: j } = f({ orientation: o }), M = w || m.formatMessage({
-		id: "unity:component:inline-field-group:edit",
-		defaultMessage: "Edit"
-	}), N = T || m.formatMessage({
-		id: "unity:component:inline-field-group:save",
-		defaultMessage: "Save"
-	}), P = E || m.formatMessage({
-		id: "unity:component:inline-field-group:cancel",
-		defaultMessage: "Cancel"
-	}), F = a(() => _ ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(t, {
-		variant: "primary",
-		size: "default",
-		isDisabled: !A || S,
-		isLoading: S,
-		type: "submit",
-		onPress: () => {
-			O?.();
-		},
-		children: N
-	}), /* @__PURE__ */ c(t, {
-		variant: "secondary",
-		size: "default",
-		onPress: () => {
-			k?.(), b();
-		},
-		isDisabled: S,
-		type: "button",
-		children: P
-	})] }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(t, {
-		variant: "secondary",
-		size: "default",
-		onPress: () => {
-			k?.(), b();
-		},
-		isDisabled: S,
-		type: "button",
-		children: P
-	}), /* @__PURE__ */ c(t, {
-		variant: "primary",
-		size: "default",
-		isDisabled: !A || S,
-		isLoading: S,
-		type: "submit",
-		onPress: () => {
-			O?.();
-		},
-		children: N
-	})] }), [
-		P,
-		N,
-		b,
-		A,
-		S,
-		_,
-		k,
-		O
-	]);
-	return /* @__PURE__ */ l("div", {
-		className: j(),
-		role: "group",
-		children: [p, v === "read" ? /* @__PURE__ */ c(t, {
-			ref: C,
-			variant: "secondary",
-			size: "default",
-			onPress: () => {
-				D?.(), y();
-			},
-			isDisabled: S,
-			prefixIcon: "PencilSimpleOutlined",
-			"aria-expanded": !1,
-			"aria-controls": x,
-			children: M
-		}) : F]
-	});
-}
-p.displayName = "InlineFieldGroupActions";
-//#endregion
-export { p as InlineFieldGroupActions };

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupEditView.d.ts

@@ -1,64 +0,0 @@
-import { PropsWithChildren, ReactNode } from 'react';
-export interface InlineFieldGroupEditViewProps extends PropsWithChildren {
-    /**
-     * Optional className for custom styling
-     */
-    className?: string;
-    /**
-     * Legend text for the fieldset. Should describe the group of fields.
-     * This is required for accessibility but will be visually hidden.
-     */
-    legend?: ReactNode;
-}
-/**
- * InlineFieldGroupEditView displays form fields only when the parent InlineFieldGroup is in edit mode.
- * Wrap form field components in this component to show them when editing.
- * The component uses a semantic `<fieldset>` with a visually hidden `<legend>` for accessibility.
- * It automatically disables all fields during loading states and hides content in read mode.
- * @example Basic usage with form fields
- * ```tsx
- * import { useTanstackUnityForm } from '@payfit/unity-components'
- *
- * function Example() {
- *   const form = useTanstackUnityForm({
- *     defaultValues: { email: 'john@example.com', phone: '+33123456789' }
- *   })
- *
- *   return (
- *     <form.AppForm>
- *       <form.InlineFieldGroup>
- *         <form.InlineFieldGroupHeader title="Contact" />
- *         <form.InlineFieldGroupReadView>
- *           <DefinitionList>
- *             <DefinitionItem term="Email" description={form.state.values.email} />
- *           </DefinitionList>
- *         </form.InlineFieldGroupReadView>
- *         <form.InlineFieldGroupEditView legend="Edit contact information">
- *           <form.AppField name="email">
- *             {field => <field.TextField label="Email" isRequired />}
- *           </form.AppField>
- *           <form.AppField name="phone">
- *             {field => <field.PhoneNumberField label="Phone" />}
- *           </form.AppField>
- *         </form.InlineFieldGroupEditView>
- *       </form.InlineFieldGroup>
- *     </form.AppForm>
- *   )
- * }
- * ```
- * @remarks
- * - Must be used as a child of InlineFieldGroup
- * - Set the `legend` prop to describe the group of fields for screen readers
- * - The fieldset is disabled automatically when the parent's `isLoading` prop is true
- * - Uses `aria-busy` to indicate loading state to assistive technologies
- * - Content remains in the DOM but is hidden with `hidden` and `inert` attributes in read mode
- * @see {@link InlineFieldGroupEditViewProps} for all available props
- * @see {@link InlineFieldGroup} for the parent container component
- * @see {@link InlineFieldGroupReadView} for the corresponding read mode component
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/inline-field-group GitHub}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/forms-reference-inlinefieldgroup--docs unity-components.payfit.io}
- */
-export declare function InlineFieldGroupEditView({ children, className, legend, }: InlineFieldGroupEditViewProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace InlineFieldGroupEditView {
-    var displayName: string;
-}

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupEditView.js

@@ -1,52 +0,0 @@
-import { Button as e } from "../../button/Button.js";
-import { InlineFieldGroupContext as t } from "../InlineFieldGroup.context.js";
-import { useContext as n } from "react";
-import { uyTv as r } from "@payfit/unity-themes";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useIntl as o } from "react-intl";
-//#region src/components/inline-field-group/parts/InlineFieldGroupEditView.tsx
-var s = r({ slots: {
-	fieldset: "uy:border-0 uy:p-0 uy:m-0",
-	legend: "uy:sr-only",
-	fieldsContainer: "uy:flex uy:flex-col uy:gap-250",
-	hiddenButtons: "uy:sr-only"
-} });
-function c({ children: r, className: c, legend: l }) {
-	let u = o(), d = n(t);
-	if (!d) throw Error("InlineFieldGroupEditView must be used within InlineFieldGroup");
-	let { mode: f, editViewId: p, isLoading: m, editViewRef: h } = d, g = f === "edit", { fieldset: _, legend: v, fieldsContainer: y, hiddenButtons: b } = s(), x = u.formatMessage({
-		id: "unity:component:inline-field-group:save",
-		defaultMessage: "Save"
-	});
-	return /* @__PURE__ */ a("fieldset", {
-		ref: h,
-		id: p,
-		className: _({ className: c }),
-		disabled: m,
-		hidden: !g,
-		"aria-hidden": !g,
-		"aria-busy": m,
-		...!g && { inert: "" },
-		children: [
-			/* @__PURE__ */ i("legend", {
-				className: v(),
-				children: l
-			}),
-			/* @__PURE__ */ i("div", {
-				className: y(),
-				children: r
-			}),
-			/* @__PURE__ */ i("div", {
-				className: b(),
-				children: /* @__PURE__ */ i(e, {
-					type: "submit",
-					variant: "primary",
-					children: x
-				})
-			})
-		]
-	});
-}
-c.displayName = "InlineFieldGroupEditView";
-//#endregion
-export { c as InlineFieldGroupEditView };

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupHeader.d.ts

@@ -1,71 +0,0 @@
-import { ReactNode } from 'react';
-export interface InlineFieldGroupHeaderProps {
-    /**
-     * The title to display in the header.
-     * This will be used for aria-labelledby on the form element.
-     */
-    title: ReactNode;
-    /**
-     * Optional subtitle to display below the title.
-     */
-    subtitle?: ReactNode;
-    /**
-     * Additional custom actions to render alongside the default buttons.
-     * These will be displayed between the title and the edit/save/cancel buttons.
-     */
-    customActions?: ReactNode;
-}
-/**
- * InlineFieldGroupHeader renders the title and contextual action buttons for an InlineFieldGroup.
- * It automatically switches between Edit button (read mode) and Save/Cancel buttons (edit mode)
- * based on the parent InlineFieldGroup's current mode.
- * The Save button integrates with TanStack Form and remains disabled until the form has changes.
- * Cancel resets the form and returns to read mode.
- * @example Basic usage
- * ```tsx
- * import { useTanstackUnityForm } from '@payfit/unity-components'
- *
- * function Example() {
- *   const form = useTanstackUnityForm({ defaultValues: { name: 'John' } })
- *
- *   return (
- *     <form.AppForm>
- *       <form.InlineFieldGroup>
- *         <form.InlineFieldGroupHeader title="Contact Information" />
- *         <form.InlineFieldGroupReadView>...</form.InlineFieldGroupReadView>
- *         <form.InlineFieldGroupEditView legend="Edit">...</form.InlineFieldGroupEditView>
- *       </form.InlineFieldGroup>
- *     </form.AppForm>
- *   )
- * }
- * ```
- * @example Custom button labels and actions
- * ```tsx
- * <form.InlineFieldGroup
- *   editLabel="Modify"
- *   saveLabel="Confirm"
- *   cancelLabel="Discard"
- *   onSavePress={() => trackAnalytics('save_clicked')}
- * >
- *   <form.InlineFieldGroupHeader
- *     title="Contact Information"
- *     customActions={<Button onPress={handleDelete}>Delete</Button>}
- *   />
- *   ...
- * </form.InlineFieldGroup>
- * ```
- * @remarks
- * - Must be used as a child of InlineFieldGroup
- * - The title serves as the accessible label for the form via `aria-labelledby`
- * - The Edit button uses `aria-expanded` and `aria-controls` for accessibility
- * - Use `customActions` to add buttons that appear in both read and edit modes
- * - Use `onEditPress`, `onSavePress`, `onCancelPress` for analytics or side effects
- * @see {@link InlineFieldGroupHeaderProps} for all available props
- * @see {@link InlineFieldGroup} for the parent container component
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/inline-field-group GitHub}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/forms-reference-inlinefieldgroup--docs unity-components.payfit.io}
- */
-export declare function InlineFieldGroupHeader({ title, subtitle, customActions, }: InlineFieldGroupHeaderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace InlineFieldGroupHeader {
-    var displayName: string;
-}

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupHeader.js

@@ -1,40 +0,0 @@
-import { useBreakpointListener as e } from "../../../hooks/use-breakpoint-listener.js";
-import { Text as t } from "../../text/Text.js";
-import { InlineFieldGroupContext as n } from "../InlineFieldGroup.context.js";
-import { InlineFieldGroupActions as r } from "./InlineFieldGroupActions.js";
-import { useContext as i } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/inline-field-group/parts/InlineFieldGroupHeader.tsx
-var c = a({ slots: {
-	base: "uy:flex uy:items-center uy:justify-between uy:w-full uy:gap-300",
-	titleContainer: "uy:flex uy:flex-col uy:gap-100 uy:flex-1"
-} });
-function l({ title: a, subtitle: l, customActions: u }) {
-	let d = i(n), f = e(), p = f !== "xs" && f !== "sm";
-	if (!d) throw Error("InlineFieldGroupHeader must be used within InlineFieldGroup");
-	let { headerId: m } = d, { base: h, titleContainer: g } = c();
-	return /* @__PURE__ */ s("header", {
-		className: h(),
-		children: [/* @__PURE__ */ s("hgroup", {
-			className: g(),
-			children: [/* @__PURE__ */ o(t, {
-				id: m,
-				variant: "h3",
-				color: "content.neutral",
-				children: a
-			}), l && /* @__PURE__ */ o(t, {
-				variant: "subtitle",
-				color: "content.neutral",
-				children: l
-			})]
-		}), /* @__PURE__ */ s("div", {
-			className: "uy:flex uy:gap-100 uy:items-center",
-			role: "group",
-			children: [u, p && /* @__PURE__ */ o(r, { orientation: "horizontal" })]
-		})]
-	});
-}
-l.displayName = "InlineFieldGroupHeader";
-//#endregion
-export { l as InlineFieldGroupHeader };

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupReadView.d.ts

@@ -1,56 +0,0 @@
-import { PropsWithChildren } from 'react';
-export interface InlineFieldGroupReadViewProps extends PropsWithChildren {
-    /**
-     * Optional className for custom styling
-     */
-    className?: string;
-}
-/**
- * InlineFieldGroupReadView displays content only when the parent InlineFieldGroup is in read mode.
- * Wrap read-only data displays (like DefinitionList) in this component to show them when not editing.
- * The component automatically hides its content when entering edit mode using the `hidden` attribute
- * and `inert` for proper accessibility, ensuring screen readers and keyboard navigation skip it.
- * @example Basic usage with DefinitionList
- * ```tsx
- * import { useTanstackUnityForm, DefinitionList, DefinitionItem } from '@payfit/unity-components'
- *
- * function Example() {
- *   const form = useTanstackUnityForm({ defaultValues: { email: 'john@example.com' } })
- *
- *   return (
- *     <form.AppForm>
- *       <form.InlineFieldGroup>
- *         <form.InlineFieldGroupHeader title="Contact" />
- *         <form.InlineFieldGroupReadView>
- *           <form.Subscribe selector={state => state.values}>
- *             {values => (
- *               <DefinitionList>
- *                 <DefinitionItem term="Email" description={values.email} />
- *               </DefinitionList>
- *             )}
- *           </form.Subscribe>
- *         </form.InlineFieldGroupReadView>
- *         <form.InlineFieldGroupEditView legend="Edit contact">
- *           <form.AppField name="email">
- *             {field => <field.TextField label="Email" />}
- *           </form.AppField>
- *         </form.InlineFieldGroupEditView>
- *       </form.InlineFieldGroup>
- *     </form.AppForm>
- *   )
- * }
- * ```
- * @remarks
- * - Must be used as a child of InlineFieldGroup
- * - Use `form.Subscribe` to display current form values that update after saving
- * - The content remains in the DOM but is hidden with `hidden` and `inert` attributes in edit mode
- * @see {@link InlineFieldGroupReadViewProps} for all available props
- * @see {@link InlineFieldGroup} for the parent container component
- * @see {@link InlineFieldGroupEditView} for the corresponding edit mode component
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/inline-field-group GitHub}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/forms-reference-inlinefieldgroup--docs unity-components.payfit.io}
- */
-export declare function InlineFieldGroupReadView({ children, className, }: InlineFieldGroupReadViewProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace InlineFieldGroupReadView {
-    var displayName: string;
-}

package/dist/esm/components/inline-field-group/parts/InlineFieldGroupReadView.js

@@ -1,19 +0,0 @@
-import { InlineFieldGroupContext as e } from "../InlineFieldGroup.context.js";
-import { useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/inline-field-group/parts/InlineFieldGroupReadView.tsx
-function r({ children: r, className: i }) {
-	let a = t(e);
-	if (!a) throw Error("InlineFieldGroupReadView must be used within InlineFieldGroup");
-	let o = a.mode === "read";
-	return /* @__PURE__ */ n("div", {
-		className: i,
-		hidden: !o,
-		"aria-hidden": !o,
-		...!o && { inert: "" },
-		children: r
-	});
-}
-r.displayName = "InlineFieldGroupReadView";
-//#endregion
-export { r as InlineFieldGroupReadView };