@payfit/unity-components 2.47.4 → 2.47.6

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

@@ -1,144 +1,111 @@
-import { jsxs as n, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useRef as l } from "react";
-import { uyTv as N } from "@payfit/unity-themes";
-import { useButton as O } from "react-aria/useButton";
-import { useOverlay as P } from "react-aria/useOverlay";
-import { useOverlayTrigger as D } from "react-aria/useOverlayTrigger";
-import { useIntl as B } from "react-intl";
-import { Button as y } from "../../button/Button.js";
-import { Icon as I } from "../../icon/Icon.js";
-import { Label as J } from "../../label/Label.js";
-const R = N({
-  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 G({
-  pageCount: t,
-  onJumpToPage: c,
-  state: e
-}) {
-  const u = B(), i = l(null), p = l(null), m = l(null), { triggerProps: f } = D(
-    { type: "dialog" },
-    e,
-    i
-  ), { buttonProps: d } = O(
-    {
-      ...f,
-      "aria-label": u.formatMessage({
-        id: "unity:component:pagination:jump-dialog:button:text",
-        defaultMessage: "Jump to page"
-      })
-    },
-    i
-  ), { overlayProps: r } = P(
-    {
-      isOpen: e.isOpen,
-      onClose: e.close.bind(e),
-      shouldCloseOnBlur: !0,
-      isDismissable: !0
-    },
-    p
-  ), g = (a) => {
-    a.preventDefault();
-    const s = parseInt(m.current?.value || "", 10);
-    s >= 1 && s <= t && (c(s), e.close());
-  }, {
-    jumpButton: b,
-    jumpPopover: j,
-    jumpForm: h,
-    jumpFieldLabel: v,
-    jumpFieldWrapper: x,
-    jumpInput: w,
-    jumpActions: M
-  } = R();
-  return /* @__PURE__ */ n(F, { children: [
-    /* @__PURE__ */ o(
-      "button",
-      {
-        ...d,
-        ref: i,
-        className: b(),
-        "aria-expanded": e.isOpen ? "true" : "false",
-        children: u.formatMessage({
-          id: "unity:component:pagination:jump-dialog:button:text",
-          defaultMessage: "Jump to page"
-        })
-      }
-    ),
-    e.isOpen && /* @__PURE__ */ o(
-      "div",
-      {
-        ...r,
-        ref: p,
-        className: j(),
-        "aria-label": u.formatMessage({
-          id: "unity:component:pagination:jump-dialog:overlay:label",
-          defaultMessage: "Jump to page"
-        }),
-        children: /* @__PURE__ */ n("form", { onSubmit: g, className: h(), children: [
-          /* @__PURE__ */ o(
-            J,
-            {
-              className: v(),
-              htmlFor: `jump-to-page-${r.id}-input`,
-              children: u.formatMessage(
-                {
-                  id: "unity:component:pagination:jump-dialog:input:label",
-                  defaultMessage: "Enter page number (between 1 and {total})"
-                },
-                { total: t }
-              )
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: x(), children: [
-            /* @__PURE__ */ o(
-              "input",
-              {
-                ref: m,
-                type: "number",
-                min: 1,
-                max: t,
-                className: w(),
-                id: `jump-to-page-${r.id}-input`,
-                autoFocus: !0,
-                onKeyDown: (a) => {
-                  a.key === "Escape" && e.close();
-                }
-              }
-            ),
-            /* @__PURE__ */ o(
-              I,
-              {
-                src: "CaretUpDownOutlined",
-                role: "presentation",
-                color: "content.neutral.low",
-                className: "uy:mx-50",
-                size: 20
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { className: M(), children: [
-            /* @__PURE__ */ o(y, { variant: "ghost", onPress: e.close.bind(e), children: u.formatMessage({
-              id: "unity:component:pagination:jump-dialog:action:cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            /* @__PURE__ */ o(y, { type: "submit", variant: "primary", children: u.formatMessage({
-              id: "unity:component:pagination:jump-dialog:action:go",
-              defaultMessage: "Go"
-            }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
+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"
+						})
+					})]
+				})
+			]
+		})
+	})] });
 }
-export {
-  G as PaginationJumpDialog
-};
+//#endregion
+export { p as PaginationJumpDialog };

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

@@ -1,32 +1,24 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useIntl as r } from "react-intl";
-import { CircularIconButton as s } from "../../icon-button/CircularIconButton.js";
-function u({ variant: t, ...n }) {
-  const o = r(), e = o.formatMessage({
-    id: t === "previous" ? "unity:component:common:previous" : "unity:component:common:next",
-    defaultMessage: t === "previous" ? "Previous" : "Next"
-  }), i = o.formatMessage(
-    {
-      id: "unity:component:pagination:nav-button:description",
-      defaultMessage: t === "previous" ? "Go to previous page" : "Go to next page"
-    },
-    {
-      variant: e.toLowerCase()
-    }
-  );
-  return /* @__PURE__ */ a(
-    s,
-    {
-      ...n,
-      asElement: "button",
-      color: "content.neutral",
-      title: e,
-      "aria-label": i,
-      icon: t === "previous" ? "CaretLeftOutlined" : "CaretRightOutlined"
-    }
-  );
+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"
+	});
 }
-u.displayName = "PaginationNavButton";
-export {
-  u as PaginationNavButton
-};
+r.displayName = "PaginationNavButton";
+//#endregion
+export { r as PaginationNavButton };

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

@@ -1,49 +1,36 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
+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";
-import { useIntl as l } from "react-intl";
-const d = o({
-  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: ""
-    }
-  }
-}), y = s(
-  ({ isActive: e, isDisabled: a, ...t }, n) => {
-    const u = l();
-    return /* @__PURE__ */ r(
-      i,
-      {
-        ref: n,
-        className: d({ isActive: e }),
-        isDisabled: a,
-        "aria-current": e ? "page" : void 0,
-        "aria-label": u.formatMessage(
-          {
-            id: "unity:component:pagination:link:label",
-            defaultMessage: "Page {page}"
-          },
-          {
-            page: t.value
-          }
-        ),
-        ...t
-      }
-    );
-  }
-);
-y.displayName = "RawPaginationLink";
-export {
-  y as RawPaginationLink,
-  d as paginationLink
-};
+//#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 };

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

@@ -1,33 +1,39 @@
-function o(e, i) {
-  return Array.from({ length: i - e + 1 }, (t, h) => h + e).map(
-    (t) => ({
-      type: "page",
-      value: t
-    })
-  );
+//#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
+	}));
 }
-const n = 5;
-function a(e, i, t) {
-  const h = Math.max(
-    n,
-    t
-  ), p = h - 2;
-  if (e <= h)
-    return Array.from({ length: e }, (y, f) => ({
-      type: "page",
-      value: f + 1
-    }));
-  const s = [];
-  s.push({ type: "page", value: 1 });
-  const u = p - 2, l = Math.floor(u / 2);
-  return i <= 3 + l ? (s.push(...o(2, p)), s.push({ type: "ellipsis", value: [p + 1, e - 1] })) : i >= e - (2 + l) ? (s.push({
-    type: "ellipsis",
-    value: [2, e - (p - 1) - 1]
-  }), s.push(...o(e - (p - 1), e - 1))) : (s.push({ type: "ellipsis", value: [2, i - l - 1] }), s.push(...o(i - l, i + l)), s.push({
-    type: "ellipsis",
-    value: [i + l + 1, e - 1]
-  })), s.push({ type: "page", value: e }), s;
+var t = 5;
+function n(n, r, i) {
+	let a = Math.max(t, i % 2 == 0 ? i + 1 : i), o = a - 2;
+	if (n <= a) return Array.from({ length: n }, (e, t) => ({
+		type: "page",
+		value: t + 1
+	}));
+	let s = [];
+	s.push({
+		type: "page",
+		value: 1
+	});
+	let c = o - 2, l = Math.floor(c / 2);
+	return r <= 3 + l ? (s.push(...e(2, o)), s.push({
+		type: "ellipsis",
+		value: [o + 1, n - 1]
+	})) : r >= n - (2 + l) ? (s.push({
+		type: "ellipsis",
+		value: [2, n - (o - 1) - 1]
+	}), s.push(...e(n - (o - 1), n - 1))) : (s.push({
+		type: "ellipsis",
+		value: [2, r - l - 1]
+	}), s.push(...e(r - l, r + l)), s.push({
+		type: "ellipsis",
+		value: [r + l + 1, n - 1]
+	})), s.push({
+		type: "page",
+		value: n
+	}), s;
 }
-export {
-  a as generatePaginationWithWindow
-};
+//#endregion
+export { n as generatePaginationWithWindow };

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

@@ -1,39 +1,35 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+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 i } from "@payfit/unity-themes";
-import { useIntl as c } from "react-intl";
-import { CircularIconButton as p } from "../icon-button/CircularIconButton.js";
-import { copyToClipboard as y } from "./copyToClipboard.js";
-const m = i({
-  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"
-  }
-}), f = n(
-  ({ children: o, ...e }, t) => {
-    const a = c(), { base: d, pre: s } = m(), u = () => {
-      y(o);
-    };
-    return /* @__PURE__ */ l("code", { ref: t, "data-dd-privacy": "allow", className: d(), ...e, children: [
-      /* @__PURE__ */ r("pre", { className: s(), children: o }),
-      /* @__PURE__ */ r(
-        p,
-        {
-          title: a.formatMessage({
-            id: "unity:command:code:icon:title",
-            defaultMessage: "Copy to clipboard"
-          }),
-          icon: "ClipboardOutlined",
-          onClick: u
-        }
-      )
-    ] });
-  }
-);
-f.displayName = "Code";
-export {
-  f as Code,
-  m as code
-};
+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 };

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

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

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

@@ -1,30 +1,23 @@
-import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { uyTv as l } from "@payfit/unity-themes";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
 import { Disclosure as r } from "react-aria-components/Disclosure";
-const n = l({
-  base: [
-    "uy:w-full uy:rounded-50",
-    "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"
-  ]
-}), f = e(
-  ({ children: i, isExpanded: t, defaultExpanded: o, ...s }, a) => /* @__PURE__ */ u(
-    r,
-    {
-      "data-dd-privacy": "allow",
-      ...s,
-      className: n(),
-      ref: a,
-      defaultExpanded: o,
-      isExpanded: t,
-      children: i
-    }
-  )
-);
-f.displayName = "Collapsible";
-export {
-  f as Collapsible
-};
+//#region src/components/collapsible/Collapsible.tsx
+var i = t({ base: [
+	"uy:w-full uy:rounded-50",
+	"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"
+] }), a = e(({ children: e, isExpanded: t, defaultExpanded: a, ...o }, s) => /* @__PURE__ */ n(r, {
+	"data-dd-privacy": "allow",
+	...o,
+	className: i(),
+	ref: s,
+	defaultExpanded: a,
+	isExpanded: t,
+	children: e
+}));
+a.displayName = "Collapsible";
+//#endregion
+export { a as Collapsible };