@payfit/unity-components 3.1.13 → 3.1.15

package/dist/esm/components/client-side-pagination/parts/PaginationJumpDialog.js

@@ -1,111 +0,0 @@
-import { Icon as e } from "../../icon/Icon.js";
-import { Button as t } from "../../button/Button.js";
-import { Label as n } from "../../label/Label.js";
-import { useRef as r } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { useButton as a } from "react-aria/useButton";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useIntl as l } from "react-intl";
-import { useOverlay as u } from "react-aria/useOverlay";
-import { useOverlayTrigger as d } from "react-aria/useOverlayTrigger";
-//#region src/components/client-side-pagination/parts/PaginationJumpDialog.tsx
-var f = i({ slots: {
-	jumpButton: "uy:sr-only uy:outline-none uy:focus:not-sr-only uy:focus:absolute uy:focus:bottom-full uy:focus:z-10 uy:focus:m-100 uy:focus:rounded-50 uy:focus:underline uy:focus:bg-transparent uy:focus:text-content-primary uy:focus:typography-action uy:focus:ring-2 uy:focus:ring-offset-2 uy:focus:ring-utility-focus-ring",
-	jumpPopover: "uy:fixed uy:top-1/2 uy:left-1/2 uy:z-20 uy:transform uy:-translate-x-1/2 uy:-translate-y-1/2 uy:bg-surface-neutral uy:p-200 uy:rounded-200 uy:shadow-floating",
-	jumpForm: "uy:flex uy:flex-col uy:gap-100",
-	jumpFieldLabel: "uy:typography-body",
-	jumpFieldWrapper: "uy:mt-50 uy:flex uy:w-full uy:items-center uy:h-500 uy:border uy:border-solid uy:rounded-100 uy:border-border-form-enabled uy:bg-surface-form-enabled 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",
-	jumpInput: "uy:pl-100 uy:flex-1 uy:outline-none uy:appearance-none uy:[&::-webkit-outer-spin-button]:appearance-none uy:[&::-webkit-inner-spin-button]:appearance-none",
-	jumpActions: "uy:flex uy:gap-150 uy:justify-end uy:mt-100"
-} });
-function p({ pageCount: i, onJumpToPage: p, state: m }) {
-	let h = l(), g = r(null), _ = r(null), v = r(null), { triggerProps: y } = d({ type: "dialog" }, m, g), { buttonProps: b } = a({
-		...y,
-		"aria-label": h.formatMessage({
-			id: "unity:component:pagination:jump-dialog:button:text",
-			defaultMessage: "Jump to page"
-		})
-	}, g), { overlayProps: x } = u({
-		isOpen: m.isOpen,
-		onClose: m.close.bind(m),
-		shouldCloseOnBlur: !0,
-		isDismissable: !0
-	}, _), S = (e) => {
-		e.preventDefault();
-		let t = parseInt(v.current?.value || "", 10);
-		t >= 1 && t <= i && (p(t), m.close());
-	}, { jumpButton: C, jumpPopover: w, jumpForm: T, jumpFieldLabel: E, jumpFieldWrapper: D, jumpInput: O, jumpActions: k } = f();
-	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
-		...b,
-		ref: g,
-		className: C(),
-		"aria-expanded": m.isOpen ? "true" : "false",
-		children: h.formatMessage({
-			id: "unity:component:pagination:jump-dialog:button:text",
-			defaultMessage: "Jump to page"
-		})
-	}), m.isOpen && /* @__PURE__ */ s("div", {
-		...x,
-		ref: _,
-		className: w(),
-		"aria-label": h.formatMessage({
-			id: "unity:component:pagination:jump-dialog:overlay:label",
-			defaultMessage: "Jump to page"
-		}),
-		children: /* @__PURE__ */ c("form", {
-			onSubmit: S,
-			className: T(),
-			children: [
-				/* @__PURE__ */ s(n, {
-					className: E(),
-					htmlFor: `jump-to-page-${x.id}-input`,
-					children: h.formatMessage({
-						id: "unity:component:pagination:jump-dialog:input:label",
-						defaultMessage: "Enter page number (between 1 and {total})"
-					}, { total: i })
-				}),
-				/* @__PURE__ */ c("div", {
-					className: D(),
-					children: [/* @__PURE__ */ s("input", {
-						ref: v,
-						type: "number",
-						min: 1,
-						max: i,
-						className: O(),
-						id: `jump-to-page-${x.id}-input`,
-						autoFocus: !0,
-						onKeyDown: (e) => {
-							e.key === "Escape" && m.close();
-						}
-					}), /* @__PURE__ */ s(e, {
-						src: "CaretUpDownOutlined",
-						role: "presentation",
-						color: "content.neutral.low",
-						className: "uy:mx-50",
-						size: 20
-					})]
-				}),
-				/* @__PURE__ */ c("div", {
-					className: k(),
-					children: [/* @__PURE__ */ s(t, {
-						variant: "ghost",
-						onPress: m.close.bind(m),
-						children: h.formatMessage({
-							id: "unity:component:pagination:jump-dialog:action:cancel",
-							defaultMessage: "Cancel"
-						})
-					}), /* @__PURE__ */ s(t, {
-						type: "submit",
-						variant: "primary",
-						children: h.formatMessage({
-							id: "unity:component:pagination:jump-dialog:action:go",
-							defaultMessage: "Go"
-						})
-					})]
-				})
-			]
-		})
-	})] });
-}
-//#endregion
-export { p as PaginationJumpDialog };

package/dist/esm/components/client-side-pagination/parts/PaginationNavButton.js

@@ -1,24 +0,0 @@
-import { CircularIconButton as e } from "../../icon-button/CircularIconButton.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useIntl as n } from "react-intl";
-//#region src/components/client-side-pagination/parts/PaginationNavButton.tsx
-function r({ variant: r, ...i }) {
-	let a = n(), o = a.formatMessage({
-		id: r === "previous" ? "unity:component:common:previous" : "unity:component:common:next",
-		defaultMessage: r === "previous" ? "Previous" : "Next"
-	}), s = a.formatMessage({
-		id: "unity:component:pagination:nav-button:description",
-		defaultMessage: r === "previous" ? "Go to previous page" : "Go to next page"
-	}, { variant: o.toLowerCase() });
-	return /* @__PURE__ */ t(e, {
-		...i,
-		asElement: "button",
-		color: "content.neutral",
-		title: o,
-		"aria-label": s,
-		icon: r === "previous" ? "CaretLeftOutlined" : "CaretRightOutlined"
-	});
-}
-r.displayName = "PaginationNavButton";
-//#endregion
-export { r as PaginationNavButton };

package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.js

@@ -1,36 +0,0 @@
-import { forwardRef as e } from "react";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n } from "react/jsx-runtime";
-import { useIntl as r } from "react-intl";
-import { Link as i } from "react-aria-components/Link";
-//#region src/components/client-side-pagination/parts/RawPaginationLink.tsx
-var a = t({
-	base: [
-		"uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:transition-colors",
-		"uy:enabled:text-content-neutral-enabled uy:enabled:bg-transparent uy:cursor-pointer",
-		"uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-surface-neutral-lowest-disabled uy:data-[disabled]:cursor-not-allowed",
-		"uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
-		"uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
-		"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
-	],
-	variants: { isActive: {
-		true: "uy:bg-surface-neutral-lowest-selected",
-		false: ""
-	} }
-}), o = e(({ isActive: e, isDisabled: t, ...o }, s) => {
-	let c = r();
-	return /* @__PURE__ */ n(i, {
-		ref: s,
-		className: a({ isActive: e }),
-		isDisabled: t,
-		"aria-current": e ? "page" : void 0,
-		"aria-label": c.formatMessage({
-			id: "unity:component:pagination:link:label",
-			defaultMessage: "Page {page}"
-		}, { page: o.value }),
-		...o
-	});
-});
-o.displayName = "RawPaginationLink";
-//#endregion
-export { o as RawPaginationLink, a as paginationLink };

package/dist/esm/components/client-side-pagination/utils/pagination-window.js

@@ -1,38 +0,0 @@
-//#region src/components/client-side-pagination/utils/pagination-window.ts
-function e(e, t) {
-	return Array.from({ length: t - e + 1 }, (t, n) => n + e).map((e) => ({
-		type: "page",
-		value: e
-	}));
-}
-function t(t, n, r) {
-	let i = Math.max(5, r % 2 == 0 ? r + 1 : r), a = i - 2;
-	if (t <= i) return Array.from({ length: t }, (e, t) => ({
-		type: "page",
-		value: t + 1
-	}));
-	let o = [];
-	o.push({
-		type: "page",
-		value: 1
-	});
-	let s = a - 2, c = Math.floor(s / 2);
-	return n <= 3 + c ? (o.push(...e(2, a)), o.push({
-		type: "ellipsis",
-		value: [a + 1, t - 1]
-	})) : n >= t - (2 + c) ? (o.push({
-		type: "ellipsis",
-		value: [2, t - (a - 1) - 1]
-	}), o.push(...e(t - (a - 1), t - 1))) : (o.push({
-		type: "ellipsis",
-		value: [2, n - c - 1]
-	}), o.push(...e(n - c, n + c)), o.push({
-		type: "ellipsis",
-		value: [n + c + 1, t - 1]
-	})), o.push({
-		type: "page",
-		value: t
-	}), o;
-}
-//#endregion
-export { t as generatePaginationWithWindow };

package/dist/esm/components/code/Code.js

@@ -1,35 +0,0 @@
-import { CircularIconButton as e } from "../icon-button/CircularIconButton.js";
-import { copyToClipboard as t } from "./copyToClipboard.js";
-import { forwardRef 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/code/Code.tsx
-var s = r({ slots: {
-	base: ["uy:group uy:flex uy:p-100 uy:self-stretch uy:content-end uy:gap-100 uy:font-mono uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral-lowest"],
-	pre: "uy:grow uy:text-wrap"
-} }), c = n(({ children: n, ...r }, c) => {
-	let l = o(), { base: u, pre: d } = s(), f = () => {
-		t(n);
-	};
-	return /* @__PURE__ */ a("code", {
-		ref: c,
-		"data-dd-privacy": "allow",
-		className: u(),
-		...r,
-		children: [/* @__PURE__ */ i("pre", {
-			className: d(),
-			children: n
-		}), /* @__PURE__ */ i(e, {
-			title: l.formatMessage({
-				id: "unity:command:code:icon:title",
-				defaultMessage: "Copy to clipboard"
-			}),
-			icon: "ClipboardOutlined",
-			onClick: f
-		})]
-	});
-});
-c.displayName = "Code";
-//#endregion
-export { c as Code, s as code };

package/dist/esm/components/code/copyToClipboard.js

@@ -1,10 +0,0 @@
-//#region src/components/code/copyToClipboard.ts
-async function e(e) {
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
-}
-//#endregion
-export { e as copyToClipboard };

package/dist/esm/components/collapsible/Collapsible.d.ts

@@ -1,56 +0,0 @@
-import { ReactNode } from 'react';
-import { DisclosureProps } from 'react-aria-components/Disclosure';
-import { collapsible } from './Collapsible.variants.js';
-import { VariantProps } from 'tailwind-variants';
-export interface CollapsibleProps extends VariantProps<typeof collapsible>, Omit<DisclosureProps, 'className'> {
-    /**
-     * The content of the collapsible component.
-     * Typically includes a CollapsibleTitle and CollapsibleContent.
-     */
-    children: ReactNode;
-    /**
-     * Controls whether the collapsible is expanded.
-     * Use this prop with `onExpandedChange` when another component owns the expanded state.
-     * @default false
-     */
-    isExpanded?: boolean;
-}
-/**
- * Hides and reveals a section of content behind an accessible disclosure trigger.
- * Use `Collapsible` to keep optional or secondary information available without keeping every detail visible at once.
- * Compose it with `CollapsibleTitle` for the trigger and `CollapsibleContent` for the revealed panel.
- * @param {CollapsibleProps} props - React Aria disclosure props, Unity visual variant props, and composed title/content children.
- * @example
- * ```tsx
- * import {
- *   Collapsible,
- *   CollapsibleContent,
- *   CollapsibleTitle,
- * } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <Collapsible>
- *       <CollapsibleTitle>Section Title</CollapsibleTitle>
- *       <CollapsibleContent>
- *         Content that can be shown or hidden
- *       </CollapsibleContent>
- *     </Collapsible>
- *   )
- * }
- * ```
- * @remarks
- * - Set `defaultExpanded` to make an uncontrolled collapsible open on first render.
- * - Set `isExpanded` with `onExpandedChange` when the expanded state is controlled elsewhere.
- * - Set `variant` to `outlined` or `filled` when the section needs stronger visual separation.
- * - Wrap several related collapsibles in `CollapsibleGroup` when the expanded state must be coordinated across sections.
- * @see {@link CollapsibleProps} for all available props.
- * @see {@link CollapsibleTitle} for the clickable title component.
- * @see {@link CollapsibleContent} for the revealed content panel.
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/collapsible GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=7034-34016 Figma}
- * @see Design docs in {@link https://www.payfit.design/24f360409/p/816353-collapsible PayFit.design}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/component-reference-collapsible--docs unity-components.payfit.io}
- */
-declare const Collapsible: import('react').ForwardRefExoticComponent<CollapsibleProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Collapsible };

package/dist/esm/components/collapsible/Collapsible.js

@@ -1,22 +0,0 @@
-import { collapsible as e } from "./Collapsible.variants.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Disclosure as r } from "react-aria-components/Disclosure";
-//#region src/components/collapsible/Collapsible.tsx
-var i = t(({ children: t, isExpanded: i, defaultExpanded: a, variant: o, isDisabled: s, ...c }, l) => {
-	let u = s && i !== void 0 ? !1 : i, d = !s && a;
-	return u !== void 0 && (d = void 0), /* @__PURE__ */ n(r, {
-		"data-dd-privacy": "allow",
-		...c,
-		isDisabled: s,
-		className: e({ variant: o }),
-		ref: l,
-		defaultExpanded: d,
-		isExpanded: u,
-		"data-uy-variant": o,
-		children: t
-	});
-});
-i.displayName = "Collapsible";
-//#endregion
-export { i as Collapsible };

package/dist/esm/components/collapsible/Collapsible.variants.js

@@ -1,42 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/collapsible/Collapsible.variants.ts
-var t = e({
-	base: [
-		"uy:group",
-		"uy:w-full ",
-		"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-2",
-		"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-solid",
-		"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-offset-2",
-		"uy:data-[focus-visible-within=true]:not-has-data-[focus-visible-within=true]:outline-utility-focus-ring"
-	],
-	variants: { variant: {
-		ghost: "uy:rounded-50",
-		outlined: "uy:border-t uy:border-t-solid uy:border-border-neutral",
-		filled: ["uy:border uy:border-solid uy:border-border-neutral uy:rounded-100", "uy:data-[disabled]:border-border-neutral-disabled"]
-	} },
-	defaultVariants: { variant: "ghost" }
-}), n = e({
-	slots: {
-		base: "uy:w-full",
-		button: [
-			"uy:flex uy:gap-100 uy:pb-100 uy:pt-100 uy:w-full uy:cursor-pointer uy:hover:not-group-data-[disabled]:text-content-neutral-hover uy:focus-visible:outline-none uy:items-center",
-			"uy:group-data-[uy-variant=filled]:bg-surface-neutral-low uy:group-data-[uy-variant=filled]:rounded-t-100 uy:group-data-[uy-variant=filled]:px-150 uy:group-data-[uy-variant=filled]:py-200",
-			"uy:group-data-[disabled]:text-content-neutral-disabled uy:group-data-[disabled]:group-data-[uy-variant=filled]:bg-surface-neutral-disabled"
-		],
-		title: "uy:flex uy:grow uy:text-left uy:items-center",
-		icon: "uy:m-25 uy:shrink-0 uy:transition-transform uy:duration-150 uy:ease-linear uy:origin-center"
-	},
-	variants: { isExpanded: {
-		true: {
-			button: "uy:group-data-[uy-variant=filled]:rounded-b-0",
-			icon: "uy:rotate-180"
-		},
-		false: {
-			button: "uy:group-data-[uy-variant=filled]:rounded-b-100",
-			icon: "uy:rotate-0"
-		}
-	} },
-	defaultVariants: { isExpanded: !1 }
-}), r = e({ base: "uy:transition-all uy:transition-discrete uy:duration-200 uy:origin-top uy:aria-hidden:opacity-0 uy:aria-hidden:scale-y-0 uy:overflow-hidden uy:aria-hidden:max-h-0 uy:not-aria-hidden:py-100" });
-//#endregion
-export { t as collapsible, r as collapsibleContent, n as collapsibleTitle };

package/dist/esm/components/collapsible/parts/CollapsibleContent.js

@@ -1,23 +0,0 @@
-import { useResponsiveValue as e } from "../../../hooks/use-responsive-value.js";
-import { collapsibleContent as t } from "../Collapsible.variants.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { DisclosurePanel as i } from "react-aria-components/Disclosure";
-//#region src/components/collapsible/parts/CollapsibleContent.tsx
-var a = n(({ children: n, leftMargin: a = "$400", ...o }, s) => {
-	let c = e(a);
-	return /* @__PURE__ */ r(i, {
-		ref: s,
-		"data-dd-privacy": "allow",
-		...o,
-		className: t(),
-		children: /* @__PURE__ */ r("div", {
-			className: "uy:typography-body uy:ml-(--uy-collapsible-content-left-margin)",
-			style: { "--uy-collapsible-content-left-margin": `var(--uy-spacing-${c.replace("$", "")})` },
-			children: n
-		})
-	});
-});
-a.displayName = "CollapsibleContent";
-//#endregion
-export { a as CollapsibleContent };

package/dist/esm/components/collapsible/parts/CollapsibleTitle.js

@@ -1,53 +0,0 @@
-import { Icon as e } from "../../icon/Icon.js";
-import { Text as t } from "../../text/Text.js";
-import { collapsibleTitle as n } from "../Collapsible.variants.js";
-import { forwardRef as r, useContext as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Button as s } from "react-aria-components/Button";
-import { Heading as c } from "react-aria-components/Heading";
-import { DisclosureStateContext as l } from "react-aria-components/Disclosure";
-//#region src/components/collapsible/parts/CollapsibleTitle.tsx
-var u = r(({ children: r, prefix: u, suffix: d, level: f, disclosurePosition: p = "left", ...m }, h) => {
-	let { base: g, button: _, title: v, icon: y } = n({ isExpanded: i(l)?.isExpanded });
-	return /* @__PURE__ */ a(c, {
-		level: f,
-		"data-dd-privacy": "allow",
-		...m,
-		ref: h,
-		className: g(),
-		children: /* @__PURE__ */ o(s, {
-			className: _(),
-			slot: "trigger",
-			children: [
-				p === "left" && /* @__PURE__ */ a(e, {
-					src: "CaretDownOutlined",
-					className: y(),
-					role: "presentation"
-				}),
-				u ? /* @__PURE__ */ a(t, {
-					variant: "body",
-					asElement: "span",
-					children: u
-				}) : null,
-				/* @__PURE__ */ a(t, {
-					variant: "bodyStrong",
-					className: v(),
-					children: r
-				}),
-				d ? /* @__PURE__ */ a(t, {
-					variant: "body",
-					asElement: "span",
-					children: d
-				}) : null,
-				p === "right" && /* @__PURE__ */ a(e, {
-					src: "CaretDownOutlined",
-					className: y(),
-					role: "presentation"
-				})
-			]
-		})
-	});
-});
-u.displayName = "CollapsibleTitle";
-//#endregion
-export { u as CollapsibleTitle };

package/dist/esm/components/collapsible-group/CollapsibleGroup.d.ts

@@ -1,50 +0,0 @@
-import { DisclosureGroupProps } from 'react-aria-components';
-import { SpacingToken } from '../../utils/spacing.js';
-import { ResponsiveValue } from '../../hooks/use-responsive-value.js';
-export interface CollapsibleGroupProps extends Omit<DisclosureGroupProps, 'className' | 'style'> {
-    /**
-     * Space between each `Collapsible` item.
-     * Use a Unity spacing token, or a responsive spacing value when the group needs different density across breakpoints.
-     */
-    gap?: SpacingToken | ResponsiveValue<SpacingToken>;
-}
-/**
- * Groups related `Collapsible` items into one accessible accordion pattern.
- * Use `CollapsibleGroup` when several sections belong to the same workflow and users need to scan section titles before opening the relevant details.
- * @param {CollapsibleGroupProps} props - React Aria disclosure group props, plus the Unity `gap` spacing prop.
- * @example
- * ```tsx
- * import {
- *   Collapsible,
- *   CollapsibleContent,
- *   CollapsibleGroup,
- *   CollapsibleTitle,
- * } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <CollapsibleGroup defaultExpandedKeys={['balance']}>
- *       <Collapsible id="balance">
- *         <CollapsibleTitle>Estimated balance</CollapsibleTitle>
- *         <CollapsibleContent>12.5 days available</CollapsibleContent>
- *       </Collapsible>
- *       <Collapsible id="requests">
- *         <CollapsibleTitle>Pending requests</CollapsibleTitle>
- *         <CollapsibleContent>2 requests waiting for approval</CollapsibleContent>
- *       </Collapsible>
- *     </CollapsibleGroup>
- *   )
- * }
- * ```
- * @remarks
- * - Set `defaultExpandedKeys` for uncontrolled initial state.
- * - Set `expandedKeys` with `onExpandedChange` when another part of the interface owns the open state.
- * - Set `allowsMultipleExpanded` when users need to compare several sections at the same time.
- * - Set `isDisabled` to make every child disclosure unavailable.
- * @see {@link CollapsibleGroupProps} for all available props.
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/collapsible-group GitHub}
- * @see Design specs {@link https://www.figma.com/design/d03KzkEEEfAS6DfaP8HYeD/Accordion Figma}
- * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/component-reference-collapsiblegroup--docs unity-components.payfit.io}
- */
-declare const CollapsibleGroup: import('react').ForwardRefExoticComponent<CollapsibleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-export { CollapsibleGroup };

package/dist/esm/components/collapsible-group/CollapsibleGroup.js

@@ -1,32 +0,0 @@
-import { useResponsiveValue as e } from "../../hooks/use-responsive-value.js";
-import { Children as t, forwardRef as n, isValidElement as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { DisclosureGroup as a } from "react-aria-components/DisclosureGroup";
-//#region src/components/collapsible-group/CollapsibleGroup.tsx
-var o = (e) => {
-	let n = /* @__PURE__ */ new Set();
-	return t.forEach(e, (e) => {
-		r(e) && e.props.isDisabled === !0 && e.props.id != null && n.add(e.props.id);
-	}), n;
-}, s = (e, t) => {
-	if (e !== void 0) return new Set([...e].filter((e) => !t.has(e)));
-}, c = ({ defaultExpandedKeys: e, disabledKeys: t, expandedKeys: n, isDisabled: r }) => n === void 0 ? { defaultExpandedKeys: r ? [] : s(e, t) } : { expandedKeys: r ? /* @__PURE__ */ new Set() : s(n, t) }, l = n(({ children: t, gap: n, isDisabled: r, defaultExpandedKeys: s, expandedKeys: l, ...u }, d) => {
-	let f = e(n), p = c({
-		defaultExpandedKeys: s,
-		disabledKeys: typeof t == "function" ? /* @__PURE__ */ new Set() : o(t),
-		expandedKeys: l,
-		isDisabled: r
-	});
-	return /* @__PURE__ */ i(a, {
-		ref: d,
-		className: "uy:flex uy:flex-col uy:gap-(--uy-collapsible-group-gap)",
-		style: { "--uy-collapsible-group-gap": `var(--uy-spacing-${f ? f.replace("$", "") : 0})` },
-		isDisabled: r,
-		...p,
-		...u,
-		children: t
-	});
-});
-l.displayName = "CollapsibleGroup";
-//#endregion
-export { l as CollapsibleGroup };