@payfit/unity-components 1.1.0 → 1.2.0

package/dist/esm/components/app-menu/parts/AppMenuFooter.js

@@ -1,42 +1,42 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as v, useRef as I, isValidElement as O, cloneElement as V } from "react";
+import { useState as v, useRef as A, isValidElement as C, cloneElement as I } from "react";
 import { uyMerge as g } from "@payfit/unity-themes";
-import { FormattedMessage as h, useIntl as z } from "react-intl";
+import { FormattedMessage as h, useIntl as O } from "react-intl";
 import { Actionable as x } from "../../actionable/Actionable.js";
-import { Avatar as F } from "../../avatar/Avatar.js";
-import { AvatarFallback as H } from "../../avatar/parts/AvatarFallback.js";
-import { AvatarImage as j } from "../../avatar/parts/AvatarImage.js";
-import { Badge as A } from "../../badge/Badge.js";
+import { Avatar as V } from "../../avatar/Avatar.js";
+import { AvatarFallback as z } from "../../avatar/parts/AvatarFallback.js";
+import { AvatarImage as F } from "../../avatar/parts/AvatarImage.js";
+import { Badge as H } from "../../badge/Badge.js";
 import { Icon as M } from "../../icon/Icon.js";
-import { Menu as E } from "../../menu/Menu.js";
-import { MenuContent as S } from "../../menu/parts/MenuContent.js";
-import { MenuHeader as B } from "../../menu/parts/MenuHeader.js";
-import { useAppMenuContext as C } from "./AppMenu.context.js";
+import { Menu as j } from "../../menu/Menu.js";
+import { MenuContent as k } from "../../menu/parts/MenuContent.js";
+import { MenuHeader as E } from "../../menu/parts/MenuHeader.js";
+import { useAppMenuContext as S } from "./AppMenu.context.js";
 const N = (t) => /* @__PURE__ */ l(
-  F,
+  V,
   {
     "aria-label": `${t.title} avatar`,
     size: "md",
     variant: "square",
     "aria-labelledby": "profile-button-label",
     children: [
-      /* @__PURE__ */ e(j, { src: t.avatar, alt: t.title ?? "" }),
-      /* @__PURE__ */ e(H, { variant: "initials", delayMs: 100, children: t.title }),
-      t.avatarPair && O(t.avatarPair) && V(t.avatarPair, {
+      /* @__PURE__ */ e(F, { src: t.avatar, alt: t.title ?? "" }),
+      /* @__PURE__ */ e(z, { variant: "initials", delayMs: 100, children: t.title }),
+      t.avatarPair && C(t.avatarPair) && I(t.avatarPair, {
         isHidden: !t.isPairAvatarVisible
       })
     ]
   }
-), R = ({
+), B = ({
   avatar: t,
-  avatarPair: r,
+  avatarPair: a,
   title: o,
-  uploadAvatarCallback: u,
-  uploadAvatarLabel: c,
-  uploadAvatarDescription: a
+  uploadAvatarCallback: y,
+  uploadAvatarLabel: s,
+  uploadAvatarDescription: r
 }) => {
-  const [n, s] = v(!0), y = z(), i = () => {
-    r && s((f) => !f);
+  const [n, u] = v(!0), c = O(), i = () => {
+    a && u((f) => !f);
   }, d = g(
     "uy:group/avatar uy:cursor-pointer uy:relative uy:leading-[0] uy:rounded-75 uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2"
   );
@@ -44,7 +44,7 @@ const N = (t) => /* @__PURE__ */ l(
     x,
     {
       "aria-describedby": "profile-picture-change-desc",
-      "aria-label": c || y.formatMessage({
+      "aria-label": s || c.formatMessage({
         id: "unity:component:app-menu:footer:profile-button:avatar:change",
         defaultMessage: "Change profile picture"
       }),
@@ -54,19 +54,19 @@ const N = (t) => /* @__PURE__ */ l(
       onFocus: i,
       onBlur: i,
       onPress: () => {
-        u == null || u();
+        y?.();
       },
       children: [
         /* @__PURE__ */ e(
           N,
           {
             avatar: t,
-            avatarPair: r,
+            avatarPair: a,
             title: o,
             isPairAvatarVisible: n
           }
         ),
-        /* @__PURE__ */ l("div", { className: "uy:flex uy:pointer-events-none uy:opacity-0 uy:group-hover/avatar:opacity-70 uy:group-hover/avatar:pointer-events-auto uy:group-focus-visible/avatar:opacity-70 uy:group-focus-visible/avatar:pointer-events-auto uy:bg-utility-backdrop uy:rounded-circle uy:absolute uy:top-0 uy:left-0 uy:w-full uy:h-full uy:transition-all uy:duration-200 uy:items-center uy:justify-center", children: [
+        /* @__PURE__ */ l("div", { className: "uy:flex uy:pointer-events-none uy:opacity-0 uy:group-hover/avatar:opacity-90 uy:group-hover/avatar:pointer-events-auto uy:group-focus-visible/avatar:opacity-90 uy:group-focus-visible/avatar:pointer-events-auto uy:bg-utility-backdrop uy:rounded-75 uy:absolute uy:top-0 uy:left-0 uy:w-full uy:h-full uy:transition-all uy:duration-200 uy:items-center uy:justify-center", children: [
           /* @__PURE__ */ e(
             M,
             {
@@ -76,7 +76,7 @@ const N = (t) => /* @__PURE__ */ l(
               src: "CameraOutlined"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "uy:sr-only", id: "profile-picture-change-desc", children: a || /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { className: "uy:sr-only", id: "profile-picture-change-desc", children: r || /* @__PURE__ */ e(
             h,
             {
               id: "unity:component:app-menu:footer:profile-button:avatar:change-description",
@@ -89,30 +89,30 @@ const N = (t) => /* @__PURE__ */ l(
   );
 }, b = ({
   asMenuHeader: t = !1,
-  avatar: r,
+  avatar: a,
   avatarPair: o,
-  badgeLabel: u,
-  description: c,
-  menuTriggerDescription: a,
+  badgeLabel: y,
+  description: s,
+  menuTriggerDescription: r,
   title: n,
-  uploadAvatarCallback: s,
-  uploadAvatarLabel: y,
+  uploadAvatarCallback: u,
+  uploadAvatarLabel: c,
   uploadAvatarDescription: i
 }) => /* @__PURE__ */ l("div", { className: "uy:min-w-[240px] uy:w-full uy:flex uy:items-center", children: [
-  /* @__PURE__ */ e("div", { className: "uy:mr-150 uy:flex uy:items-center", children: s ? /* @__PURE__ */ e(
-    R,
+  /* @__PURE__ */ e("div", { className: "uy:mr-150 uy:flex uy:items-center", children: u ? /* @__PURE__ */ e(
+    B,
     {
-      avatar: r,
+      avatar: a,
       avatarPair: o,
       title: n,
-      uploadAvatarLabel: y,
+      uploadAvatarLabel: c,
       uploadAvatarDescription: i,
-      uploadAvatarCallback: s
+      uploadAvatarCallback: u
     }
   ) : /* @__PURE__ */ e(
     N,
     {
-      avatar: r,
+      avatar: a,
       avatarPair: o,
       title: n,
       isPairAvatarVisible: !0
@@ -133,10 +133,10 @@ const N = (t) => /* @__PURE__ */ l(
       {
         className: "uy:typography-body-small uy:text-content-neutral-low",
         "data-dd-privacy": "allow",
-        children: c
+        children: s
       }
     ),
-    !t && /* @__PURE__ */ e("span", { id: "profile-button-description", className: "uy:sr-only", children: a || /* @__PURE__ */ e(
+    !t && /* @__PURE__ */ e("span", { id: "profile-button-description", className: "uy:sr-only", children: r || /* @__PURE__ */ e(
       h,
       {
         id: "unity:component:app-menu:footer:profile-button:description",
@@ -144,7 +144,7 @@ const N = (t) => /* @__PURE__ */ l(
       }
     ) })
   ] }),
-  /* @__PURE__ */ e("div", { className: "uy:p-100", children: t ? /* @__PURE__ */ e(A, { className: "uy:capitalize", variant: "neutral", children: u }) : /* @__PURE__ */ e(
+  /* @__PURE__ */ e("div", { className: "uy:p-100", children: t ? /* @__PURE__ */ e(H, { className: "uy:capitalize", variant: "neutral", children: y }) : /* @__PURE__ */ e(
     M,
     {
       src: "CaretUpDownOutlined",
@@ -155,18 +155,18 @@ const N = (t) => /* @__PURE__ */ l(
   ) })
 ] }), D = ({
   avatar: t,
-  avatarPair: r,
+  avatarPair: a,
   badgeLabel: o,
-  children: u,
-  computeSlot: c,
-  description: a,
+  children: y,
+  computeSlot: s,
+  description: r,
   title: n,
-  menuTriggerDescription: s,
-  uploadAvatarCallback: y,
+  menuTriggerDescription: u,
+  uploadAvatarCallback: c,
   uploadAvatarLabel: i,
   uploadAvatarDescription: d
 }) => {
-  const { isMobileMenuOpen: f } = C(), [w, m] = v(!1), p = I(null), P = g(
+  const { isMobileMenuOpen: f } = S(), [w, p] = v(!1), m = A(null), P = g(
     "uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:z-10 uy:bg-canvas",
     "uy:p-150",
     "uy:md:static uy:md:mt-auto uy:md:p-0 uy:md:bg-[transparent]",
@@ -179,50 +179,50 @@ const N = (t) => /* @__PURE__ */ l(
       "data-mobile-open": f,
       id: "app-menu-profile-button",
       children: [
-        c,
+        s,
         /* @__PURE__ */ e(
           x,
           {
-            ref: p,
-            className: "uy:rounded-75 uy:px-150 uy:py-100 uy:w-full uy:not-aria-disabled:hover:bg-surface-neutral-hover uy:not-aria-disabled:active:bg-surface-neutral-active uy:not-aria-disabled:data-[pressed]:bg-surface-neutral-active uy:not-aria-disabled:focus-visible:outline-none uy:not-aria-disabled:focus-visible:ring-2 uy:not-aria-disabled:focus-visible:ring-utility-focus-ring uy:not-aria-disabled:focus-visible:ring-offset-2",
+            ref: m,
+            className: "uy:transition-colors uy:rounded-75 uy:px-150 uy:py-100 uy:w-full uy:not-aria-disabled:hover:bg-surface-neutral-hover uy:not-aria-disabled:active:bg-surface-neutral-active uy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-active uy:not-aria-disabled:focus-visible:outline-none uy:not-aria-disabled:focus-visible:ring-2 uy:not-aria-disabled:focus-visible:ring-utility-focus-ring uy:not-aria-disabled:focus-visible:ring-offset-2",
             "aria-labelledby": "profile-button-label",
             "aria-describedby": "profile-button-description",
             onPress: () => {
-              m(!0);
+              p(!0);
             },
             children: /* @__PURE__ */ e(
               b,
               {
                 avatar: t,
-                avatarPair: r,
+                avatarPair: a,
                 badgeLabel: o,
-                description: a,
-                menuTriggerDescription: s,
+                description: r,
+                menuTriggerDescription: u,
                 title: n,
-                uploadAvatarCallback: y,
+                uploadAvatarCallback: c,
                 uploadAvatarLabel: i,
                 uploadAvatarDescription: d
               }
             )
           }
         ),
-        /* @__PURE__ */ e(E, { isOpen: w, onOpenChange: m, children: /* @__PURE__ */ l(S, { width: 312, placement: "top left", triggerRef: p, children: [
-          /* @__PURE__ */ e(B, { className: "uy:rounded-75", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(j, { isOpen: w, onOpenChange: p, children: /* @__PURE__ */ l(k, { width: 312, placement: "top left", triggerRef: m, children: [
+          /* @__PURE__ */ e(E, { className: "uy:rounded-75", children: /* @__PURE__ */ e(
             b,
             {
               asMenuHeader: !0,
               avatar: t,
-              avatarPair: r,
+              avatarPair: a,
               badgeLabel: o,
-              description: a,
-              menuTriggerDescription: s,
+              description: r,
+              menuTriggerDescription: u,
               title: n,
-              uploadAvatarCallback: y,
+              uploadAvatarCallback: c,
               uploadAvatarLabel: i,
               uploadAvatarDescription: d
             }
           ) }),
-          u
+          y
         ] }) })
       ]
     }

package/dist/esm/components/autocomplete/parts/AutocompleteClearButton.js

@@ -2,16 +2,16 @@ import { jsx as l } from "react/jsx-runtime";
 import { useContext as u } from "react";
 import { uyMerge as m } from "@payfit/unity-themes";
 import { ComboBoxStateContext as a } from "react-aria-components";
-import { useIntl as i } from "react-intl";
-import { CircularIconButton as s } from "../../icon-button/CircularIconButton.js";
+import { useIntl as s } from "react-intl";
+import { CircularIconButton as i } from "../../icon-button/CircularIconButton.js";
 const c = ({
   className: e,
   isReadOnly: o,
   isDisabled: n
 }) => {
-  const t = u(a), r = i();
-  return !(t != null && t.inputValue) || o || n ? null : /* @__PURE__ */ l(
-    s,
+  const t = u(a), r = s();
+  return !t?.inputValue || o || n ? null : /* @__PURE__ */ l(
+    i,
     {
       slot: null,
       title: r.formatMessage({

package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.js

@@ -1,10 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as b, useContext as g } from "react";
-import { uyTv as x } from "@payfit/unity-themes";
-import { useDrag as D } from "@use-gesture/react";
-import { OverlayTriggerStateContext as v } from "react-aria-components";
-import { useBreakpointListener as S } from "../../../hooks/use-breakpoint-listener.js";
-const T = x({
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as h, useContext as b } from "react";
+import { uyTv as g } from "@payfit/unity-themes";
+import { useDrag as x } from "@use-gesture/react";
+import { OverlayTriggerStateContext as D } from "react-aria-components";
+import { useBreakpointListener as v } from "../../../hooks/use-breakpoint-listener.js";
+const S = g({
   slots: {
     base: [
       "uy:md:hidden uy:mx-auto uy:py-100 uy:w-500",
@@ -12,25 +12,24 @@ const T = x({
     ],
     indicator: "uy:h-50 uy:rounded-pill uy:bg-content-neutral-lowest"
   }
-}), I = 100;
-function N() {
-  const r = b(null), o = g(v), n = S(), { base: i, indicator: l } = T(), m = n === "xs" || n === "sm", u = D(
-    (c) => {
-      var s;
+}), T = 100;
+function I() {
+  const r = h(null), o = b(D), n = v(), { base: a, indicator: i } = S(), l = n === "xs" || n === "sm", m = x(
+    (u) => {
       const {
-        movement: [B, e],
-        direction: [E, d],
-        intentional: f,
-        cancel: y,
-        last: p,
-        event: h
-      } = c;
-      if (!m) {
-        y();
+        movement: [N, e],
+        direction: [B, c],
+        intentional: d,
+        cancel: f,
+        last: y,
+        event: p
+      } = u;
+      if (!l) {
+        f();
         return;
       }
-      h.preventDefault();
-      const t = (s = r.current) == null ? void 0 : s.closest(
+      p.preventDefault();
+      const t = r.current?.closest(
         "[data-unity-bottom-sheet]"
       );
       if (t) {
@@ -38,7 +37,7 @@ function N() {
           t.style.transform = "translate3d(0, 0, 0)";
           return;
         }
-        t.style.transform = `translate3d(0, ${e}px, 0)`, t.style.transition = "none", p && f && (e > I || d > 0 ? o && setTimeout(() => {
+        t.style.transform = `translate3d(0, ${e}px, 0)`, t.style.transition = "none", y && d && (e > T || c > 0 ? o && setTimeout(() => {
           o.close();
         }, 50) : (t.style.transform = "translate3d(0, 0, 0)", t.style.transition = "transform 0.3s ease"));
       }
@@ -49,19 +48,19 @@ function N() {
       threshold: 5
     }
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: i(),
+      className: a(),
       "aria-hidden": "true",
       ref: r,
-      ...u(),
-      children: /* @__PURE__ */ a("div", { className: l() })
+      ...m(),
+      children: /* @__PURE__ */ s("div", { className: i() })
     }
   );
 }
-N.displayName = "BottomSheetDragIndicator";
+I.displayName = "BottomSheetDragIndicator";
 export {
-  N as BottomSheetDragIndicator,
-  T as bottomSheetDragIndicator
+  I as BottomSheetDragIndicator,
+  S as bottomSheetDragIndicator
 };

package/dist/esm/components/checkbox-field/CheckboxField.d.ts

@@ -1,6 +1,6 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { ForwardedRef, JSX, ReactNode } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
 import { Schema } from '../../hooks/use-form.types.js';
 import { LabelProps } from '../label/Label.js';
 interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
@@ -24,7 +24,7 @@ interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName exten
     isLoading?: boolean;
 }
 export type CheckboxFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type CheckboxFieldComponent = (<TSchema extends Schema>(props: CheckboxFieldProps<ZodInfer<TSchema>> & {
+type CheckboxFieldComponent = (<TSchema extends Schema>(props: CheckboxFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
     ref?: ForwardedRef<HTMLLabelElement>;
 }) => JSX.Element) & {
     displayName?: string;

package/dist/esm/components/checkbox-field/CheckboxField.js

@@ -1,13 +1,14 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as y } from "react";
 import { useFormContext as R } from "react-hook-form";
-import { Checkbox as q } from "../checkbox/Checkbox.js";
-import { FormField as P } from "../form-field/FormField.js";
+import { createSchemaAdapter as q } from "../../utils/createSchemaAdapter.js";
+import { Checkbox as P } from "../checkbox/Checkbox.js";
+import { FormField as S } from "../form-field/FormField.js";
 import { FormControl as j } from "../form-field/parts/FormControl.js";
 import { FormFeedbackText as v } from "../form-field/parts/FormFeedbackText.js";
 import { isFieldRequired as w } from "../form-field/utils/isFieldRequired.js";
 import { useUnityFormProvider as N } from "../form/Form.context.js";
-function S({
+function T({
   name: o,
   children: e,
   defaultSelected: r,
@@ -21,12 +22,12 @@ function S({
   requiredVariant: p,
   ...u
 }, x) {
-  const { control: F, watch: h } = R(), { schema: m } = N(), a = y(
-    () => w(m, o),
-    [m, o]
-  ), b = h(o);
+  const { control: F, watch: a } = R(), { schema: i } = N(), h = y(
+    () => w(q(i), o),
+    [i, o]
+  ), b = a(o);
   return /* @__PURE__ */ k(
-    P,
+    S,
     {
       control: F,
       name: o,
@@ -38,17 +39,17 @@ function S({
         isReadOnly: f
       },
       children: [
-        /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(
-          q,
+        /* @__PURE__ */ m(j, { children: /* @__PURE__ */ m(
+          P,
           {
             ref: x,
             defaultSelected: r,
             isSelected: b,
             requiredVariant: p,
             helperText: t,
-            feedbackText: /* @__PURE__ */ i(v, {}),
+            feedbackText: /* @__PURE__ */ m(v, {}),
             ...u,
-            isRequired: a ?? s,
+            isRequired: h ?? s,
             children: e
           }
         ) }),
@@ -57,10 +58,10 @@ function S({
     }
   );
 }
-const T = C(function(e, r) {
-  return S(e, r);
+const U = C(function(e, r) {
+  return T(e, r);
 });
-T.displayName = "CheckboxField";
+U.displayName = "CheckboxField";
 export {
-  T as CheckboxField
+  U as CheckboxField
 };

package/dist/esm/components/checkbox-group-field/CheckboxGroupField.d.ts

@@ -1,6 +1,6 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { ForwardedRef, JSX, PropsWithChildren, ReactNode } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
 import { Schema } from '../../hooks/use-form.types.js';
 import { CheckboxGroupProps } from '../checkbox-group/CheckboxGroup.js';
 import { LabelProps } from '../label/Label.js';
@@ -40,7 +40,7 @@ interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName exten
     onFocusChange?: (isFocused: boolean) => void;
 }
 export type CheckboxGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type CheckboxGroupFieldComponent = (<TSchema extends Schema>(props: CheckboxGroupFieldProps<ZodInfer<TSchema>> & {
+type CheckboxGroupFieldComponent = (<TSchema extends Schema>(props: CheckboxGroupFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => JSX.Element) & {
     displayName?: string;

package/dist/esm/components/checkbox-group-field/CheckboxGroupField.js

@@ -46,7 +46,10 @@ function P({
   ] });
 }
 const T = C(function(r, e) {
-  return P(r, e);
+  return P(
+    r,
+    e
+  );
 });
 T.displayName = "CheckboxGroupField";
 export {

package/dist/esm/components/code/Code.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from '@payfit/unity-themes';
+export declare const code: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pre?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pre?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    pre: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pre?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    pre: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    pre: string;
+}, undefined, unknown, unknown, undefined>>;
+export interface CodeProps extends VariantProps<typeof code> {
+    children: string;
+}
+declare const Code: import('react').ForwardRefExoticComponent<CodeProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Code };

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

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+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
+};

package/dist/esm/components/code/copyToClipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(text: string): Promise<boolean>;

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

@@ -0,0 +1,10 @@
+async function a(r) {
+  try {
+    return await navigator.clipboard.writeText(r), !0;
+  } catch {
+    return !1;
+  }
+}
+export {
+  a as copyToClipboard
+};

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DisclosureProps } from 'react-aria-components';
-export interface CollapsibleProps extends Omit<DisclosureProps, 'isDisabled' | 'defaultExpanded' | 'className'> {
+export interface CollapsibleProps extends Omit<DisclosureProps, 'isDisabled' | 'className'> {
     /**
      * The content of the collapsible component.
      * Typically includes a CollapsibleTitle and CollapsibleContent.

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

@@ -1,8 +1,8 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { uyTv as e } from "@payfit/unity-themes";
-import { Disclosure as l } from "react-aria-components";
-const r = e({
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { uyTv as l } from "@payfit/unity-themes";
+import { Disclosure as r } from "react-aria-components";
+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",
@@ -10,20 +10,21 @@ const r = e({
     "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"
   ]
-}), n = u(
-  ({ children: i, isExpanded: t, ...o }, s) => /* @__PURE__ */ a(
-    l,
+}), f = e(
+  ({ children: i, isExpanded: t, defaultExpanded: o, ...s }, a) => /* @__PURE__ */ u(
+    r,
     {
       "data-dd-privacy": "allow",
-      ...o,
-      className: r(),
-      ref: s,
+      ...s,
+      className: n(),
+      ref: a,
+      defaultExpanded: o,
       isExpanded: t,
       children: i
     }
   )
 );
-n.displayName = "Collapsible";
+f.displayName = "Collapsible";
 export {
-  n as Collapsible
+  f as Collapsible
 };