@payfit/unity-components 1.1.0 → 1.1.1-beta.1

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

@@ -0,0 +1,7 @@
+import { VariantProps } from '@payfit/unity-themes';
+export declare const code: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], 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/copyToClipboard.d.ts

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

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
 };

package/dist/esm/components/data-table/parts/ColumnSortHeader.js

@@ -1,31 +1,31 @@
-import { jsx as r, jsxs as m, Fragment as s } from "react/jsx-runtime";
-import { Actionable as c } from "../../actionable/Actionable.js";
-import { Icon as i } from "../../icon/Icon.js";
+import { jsx as r, jsxs as l, Fragment as c } from "react/jsx-runtime";
+import { Actionable as i } from "../../actionable/Actionable.js";
+import { Icon as m } from "../../icon/Icon.js";
 function u({
-  children: t,
+  children: n,
   header: o,
-  ...n
+  ...t
 }) {
   return /* @__PURE__ */ r(
-    c,
+    i,
     {
-      ...n,
+      ...t,
       className: "uy:flex uy:items-center uy:gap-50",
       onPress: () => {
         o.column.getCanSort() && o.column.toggleSorting();
       },
       children: ({ isHovered: e }) => {
-        const l = o.column.getCanSort() && (o.column.getIsSorted() || e);
-        return /* @__PURE__ */ m(s, { children: [
-          t,
-          l && /* @__PURE__ */ r(
-            i,
+        const s = o.column.getCanSort() && (o.column.getIsSorted() || e);
+        return /* @__PURE__ */ l(c, { children: [
+          n,
+          s ? /* @__PURE__ */ r(
+            m,
             {
               src: o.column.getIsSorted() === "asc" ? "ArrowUpOutlined" : "ArrowDownOutlined",
               role: "presentation",
               size: 20
             }
-          )
+          ) : /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "uy:size-250 uy:block" })
         ] });
       }
     }

package/dist/esm/components/funnel-layout/FunnelLayout.d.ts

@@ -1,6 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { VariantProps } from '@payfit/unity-themes';
-export declare const funnelLayout: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas", unknown, unknown, undefined>>;
+export declare const funnelLayout: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto", unknown, unknown, undefined>>;
 export interface FunnelLayoutProps extends PropsWithChildren<VariantProps<typeof funnelLayout>> {
     /** The header content for the funnel layout, typically a FunnelTopBar component */
     header: React.JSX.Element;

package/dist/esm/components/funnel-layout/FunnelLayout.js

@@ -1,128 +1,79 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as y } from "react";
-import { uyTv as f } from "@payfit/unity-themes";
-import { useId as c } from "react-aria";
-import { FormattedMessage as a } from "react-intl";
-import { link as p } from "../link/Link.variants.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as s, useMemo as f } from "react";
+import { uyTv as y } from "@payfit/unity-themes";
+import { useId as p } from "react-aria";
+import { FormattedMessage as o } from "react-intl";
+import { SkipLinks as c, SkipLink as a } from "../skip-links/SkipLinks.js";
 import { FunnelLayoutProvider as m } from "./FunnelLayout.context.js";
-const h = f({
-  base: "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas"
-}), b = d(
-  ({ children: o, header: s, ...u }, r) => {
-    const e = c(), { base: i } = p(), t = y(
+const I = y({
+  base: "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto"
+}), k = s(
+  ({ children: u, header: l, ...r }, d) => {
+    const n = p(), t = f(
       () => ({
-        mainContentId: `funnel-main-content-${e}`,
-        topbarId: `funnel-top-bar-${e}`,
-        asideId: `funnel-complementary-left-content-${e}`,
-        funnelTitleId: `funnel-title-${e}`,
-        funnelDescriptionId: `funnel-description-${e}`,
-        funnelStatusId: `funnel-status-${e}`,
-        footerId: `funnel-footer-${e}`
+        mainContentId: `funnel-main-content-${n}`,
+        topbarId: `funnel-top-bar-${n}`,
+        asideId: `funnel-complementary-left-content-${n}`,
+        funnelTitleId: `funnel-title-${n}`,
+        funnelDescriptionId: `funnel-description-${n}`,
+        funnelStatusId: `funnel-status-${n}`,
+        footerId: `funnel-footer-${n}`
       }),
-      [e]
+      [n]
     );
-    return /* @__PURE__ */ n(m, { ids: t, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ e(m, { ids: t, children: /* @__PURE__ */ i(
       "div",
       {
         "data-dd-privacy": "mask-user-input",
-        ...u,
-        ref: r,
-        className: h(),
+        ...r,
+        ref: d,
+        className: I(),
         "data-unity-component": "FunnelLayout",
         children: [
-          /* @__PURE__ */ l(
-            "div",
-            {
-              className: "uy:sr-only uy:focus-within:p-200 uy:focus-within:bg-surface-neutral uy:focus-within:shadow-raising uy:focus-within:rounded-100 uy:focus-within:not-sr-only uy:focus-within:absolute uy:focus-within:top-100 uy:focus-within:left-100 uy:focus-within:z-50",
-              role: "navigation",
-              "aria-labelledby": `skip-links-label-${e}`,
-              children: [
-                /* @__PURE__ */ n("span", { id: `skip-links-label-${e}`, className: "uy:typography-h4", children: /* @__PURE__ */ n(
-                  a,
-                  {
-                    id: "unity:layout:funnel:skip-links:label",
-                    defaultMessage: "Skip to:"
-                  }
-                ) }),
-                /* @__PURE__ */ l("ol", { className: "uy:mt-1 uy:space-y-1 uy:list-none", children: [
-                  /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-                    "a",
-                    {
-                      href: `#${t.topbarId}`,
-                      tabIndex: 0,
-                      className: i(),
-                      children: /* @__PURE__ */ n(
-                        a,
-                        {
-                          id: "unity:layout:funnel:skip-links:top-bar",
-                          defaultMessage: "Top bar"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-                    "a",
-                    {
-                      href: `#${t.mainContentId}`,
-                      tabIndex: 0,
-                      className: i(),
-                      children: /* @__PURE__ */ n(
-                        a,
-                        {
-                          id: "unity:layout:funnel:skip-links:main-content",
-                          defaultMessage: "Main content"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-                    "a",
-                    {
-                      href: `#${t.asideId}`,
-                      tabIndex: 0,
-                      className: i(),
-                      children: /* @__PURE__ */ n(
-                        a,
-                        {
-                          id: "unity:layout:funnel:skip-links:sidebar",
-                          defaultMessage: "Sidebar"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-                    "a",
-                    {
-                      href: `#${t.footerId}`,
-                      tabIndex: 0,
-                      className: i(),
-                      children: /* @__PURE__ */ n(
-                        a,
-                        {
-                          id: "unity:layout:funnel:skip-links:footer",
-                          defaultMessage: "Footer"
-                        }
-                      )
-                    }
-                  ) })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ e(a, { targetId: t.topbarId, children: /* @__PURE__ */ e(
+              o,
+              {
+                id: "unity:layout:funnel:skip-links:top-bar",
+                defaultMessage: "Top bar"
+              }
+            ) }),
+            /* @__PURE__ */ e(a, { targetId: t.mainContentId, children: /* @__PURE__ */ e(
+              o,
+              {
+                id: "unity:layout:funnel:skip-links:main-content",
+                defaultMessage: "Main content"
+              }
+            ) }),
+            /* @__PURE__ */ e(a, { targetId: t.asideId, children: /* @__PURE__ */ e(
+              o,
+              {
+                id: "unity:layout:funnel:skip-links:sidebar",
+                defaultMessage: "Sidebar"
+              }
+            ) }),
+            /* @__PURE__ */ e(a, { targetId: t.footerId, children: /* @__PURE__ */ e(
+              o,
+              {
+                id: "unity:layout:funnel:skip-links:footer",
+                defaultMessage: "Footer"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(
             "div",
             {
               "data-unity-component": "FunnelTopBar",
               className: "uy:sticky uy:top-0 uy:z-10",
-              children: s
+              children: l
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ e(
             "div",
             {
-              className: "uy:flex-1 uy:flex uy:md:block uy:overflow-auto",
+              className: "uy:flex-1 uy:flex uy:md:block uy:overflow-visible",
               "data-unity-slot": "funnel-layout-content-wrapper",
-              children: o
+              children: u
             }
           )
         ]
@@ -130,8 +81,8 @@ const h = f({
     ) });
   }
 );
-b.displayName = "FunnelLayout";
+k.displayName = "FunnelLayout";
 export {
-  b as FunnelLayout,
-  h as funnelLayout
+  k as FunnelLayout,
+  I as funnelLayout
 };

package/dist/esm/components/funnel-layout/parts/FunnelPage.js

@@ -1,15 +1,15 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { uyTv as o } from "@payfit/unity-themes";
+import { forwardRef as o } from "react";
+import { uyTv as d } from "@payfit/unity-themes";
 import { useFunnelLayoutContext as i } from "../FunnelLayout.context.js";
-const t = o({
+const l = d({
   base: [
     "uy:group/funnelpage uy:bg-surface-neutral uy:p-100 uy:pb-500 uy:md:shadow-raising uy:md:border-border-neutral uy:md:border uy:md:border-solid uy:md:rounded-400",
     "uy:basis-full uy:shrink-0 uy:grow-1 uy:md:shrink",
     "uy:flex uy:flex-col",
     "uy:md:max-w-container-lg uy:lg:max-w-container-xl"
   ]
-}), l = d(
+}), t = o(
   ({ children: n, ...r }, u) => {
     const { ids: e } = i();
     return /* @__PURE__ */ a(
@@ -21,16 +21,15 @@ const t = o({
         id: e.mainContentId,
         "aria-labelledby": e.funnelTitleId,
         "aria-describedby": e.funnelDescriptionId,
-        tabIndex: -1,
-        className: t(),
+        className: l(),
         "data-unity-component": "FunnelPage",
         children: n
       }
     );
   }
 );
-l.displayName = "FunnelPage";
+t.displayName = "FunnelPage";
 export {
-  l as FunnelPage,
-  t as funnelPage
+  t as FunnelPage,
+  l as funnelPage
 };

package/dist/esm/components/funnel-layout/parts/FunnelPageFooter.js

@@ -1,22 +1,21 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { useFunnelLayoutContext as m } from "../FunnelLayout.context.js";
-const u = d({
+import { uyTv as m } from "@payfit/unity-themes";
+import { useFunnelLayoutContext as u } from "../FunnelLayout.context.js";
+const d = m({
   base: "uy:px-300 uy:md:px-600"
 }), s = n(
   ({ children: o, ...e }, t) => {
-    const { ids: r } = m();
+    const { ids: r } = u();
     return /* @__PURE__ */ a(
       "footer",
       {
         ref: t,
         "data-dd-privacy": "allow",
         ...e,
-        className: u(),
+        className: d(),
         "data-unity-component": "FunnelPageFooter",
         id: r.footerId,
-        tabIndex: -1,
         children: o
       }
     );
@@ -25,5 +24,5 @@ const u = d({
 s.displayName = "FunnelPageFooter";
 export {
   s as FunnelPageFooter,
-  u as funnelPageFooter
+  d as funnelPageFooter
 };

package/dist/esm/components/funnel-layout/parts/FunnelPageHeader.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export declare const funnelPageHeader: import('tailwind-variants').TVReturnType<{
     gradient: {
         default: {
@@ -36,7 +36,7 @@ export declare const funnelPageHeader: import('tailwind-variants').TVReturnType<
 }, undefined, unknown, unknown, undefined>>;
 export interface FunnelPageHeaderProps extends PropsWithChildren<VariantProps<typeof funnelPageHeader>> {
     title: string;
-    subtitle: string;
+    subtitle: ReactNode;
     style?: VariantProps<typeof funnelPageHeader>['gradient'];
     imageSlot?: React.ReactNode;
     imageSlotAltText?: string;

package/dist/esm/components/funnel-layout/parts/FunnelSidebar.d.ts

@@ -5,7 +5,7 @@ export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:top-600 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0", {
+}, undefined, "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0", {
     isSticky: {
         true: string;
         false: string;
@@ -15,7 +15,7 @@ export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:top-600 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0", unknown, unknown, undefined>>;
 export interface FunnelSidebarProps extends PropsWithChildren<VariantProps<typeof funnelSidebar>> {
     'aria-label'?: string;
 }

package/dist/esm/components/funnel-layout/parts/FunnelSidebar.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { uyTv as d } from "@payfit/unity-themes";
-import { useIntl as o } from "react-intl";
+import { uyTv as o } from "@payfit/unity-themes";
+import { useIntl as d } from "react-intl";
 import { useFunnelLayoutContext as y } from "../FunnelLayout.context.js";
-const m = d({
-  base: "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:top-600 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0",
+const m = o({
+  base: "uy:w-full uy:self-start uy:shrink uy:grow-0 uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0",
   variants: {
     isSticky: {
-      true: "uy:sticky uy:top-0 uy:z-9",
+      true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9",
       false: "uy:static"
     }
   },
@@ -15,20 +15,19 @@ const m = d({
     isSticky: !0
   }
 }), f = l(
-  ({ children: e, isSticky: t, "aria-label": s, ...i }, r) => {
-    const { ids: a } = y(), u = o();
+  ({ children: e, isSticky: s, "aria-label": t, ...i }, r) => {
+    const { ids: a } = y(), u = d();
     return /* @__PURE__ */ n(
       "aside",
       {
         ref: r,
-        "aria-label": s ?? u.formatMessage({
+        "aria-label": t ?? u.formatMessage({
           id: "unity:layout:funnel:sidebar:aria-label",
           defaultMessage: "Process steps"
         }),
         "aria-describedby": a.funnelTitleId,
-        className: m({ isSticky: t }),
+        className: m({ isSticky: s }),
         id: a.asideId,
-        tabIndex: -1,
         "data-unity-component": "FunnelSidebar",
         "data-dd-privacy": "allow",
         ...i,

package/dist/esm/components/funnel-layout/parts/FunnelTopBar.js

@@ -55,7 +55,6 @@ const A = N({
         id: n.topbarId,
         className: f(),
         role: "banner",
-        tabIndex: -1,
         "aria-labelledby": n.funnelTitleId,
         "aria-describedby": n.funnelStatusId,
         "data-dd-privacy": "allow",

package/dist/esm/components/skip-links/SkipLinks.js

@@ -1,14 +1,16 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { forwardRef as l, useId as y } from "react";
-import { uyTv as p } from "@payfit/unity-themes";
-import { FormattedMessage as m } from "react-intl";
-import { Link as f } from "../link/Link.js";
-const b = p({
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { forwardRef as l, useId as p } from "react";
+import { uyTv as f } from "@payfit/unity-themes";
+import { Link as m } from "react-aria-components";
+import { FormattedMessage as b } from "react-intl";
+import { link as k } from "../link/Link.variants.js";
+const h = f({
   slots: {
     base: [
       "uy:sr-only",
       "uy:focus-within:p-200",
       "uy:focus-within:bg-surface-neutral",
+      "uy:focus-within:border-border-neutral uy:focus-within:border-solid uy:focus-within:border-1",
       "uy:focus-within:shadow-raising",
       "uy:focus-within:rounded-100",
       "uy:focus-within:not-sr-only",
@@ -20,61 +22,66 @@ const b = p({
     label: "uy:typography-h4",
     list: "uy:mt-1 uy:space-y-1 uy:list-none"
   }
-}), k = l(
-  ({ label: s, className: e, children: n, ...a }, i) => {
-    const o = `skip-links-label-${y()}`;
-    if (!n)
+}), w = l(
+  ({ label: s, className: n, children: e, ...o }, a) => {
+    const r = `skip-links-label-${p()}`;
+    if (!e)
       return null;
-    const { base: r, label: u, list: c } = b();
-    return /* @__PURE__ */ d(
+    const { base: u, label: c, list: d } = h();
+    return /* @__PURE__ */ y(
       "nav",
       {
         "data-dd-privacy": "allow",
-        ...a,
-        ref: i,
-        className: r({ className: e }),
+        ...o,
+        ref: a,
+        className: u({ className: n }),
         role: "navigation",
-        "aria-labelledby": o,
+        "aria-labelledby": r,
         "data-unity-component": "SkipLinks",
         children: [
-          /* @__PURE__ */ t("span", { id: o, className: u(), children: s || /* @__PURE__ */ t(
-            m,
+          /* @__PURE__ */ t("span", { id: r, className: c(), children: s || /* @__PURE__ */ t(
+            b,
             {
               id: "unity:component:skip-links:label",
               defaultMessage: "Skip to:"
             }
           ) }),
-          /* @__PURE__ */ t("ol", { className: c(), children: n })
+          /* @__PURE__ */ t("ol", { className: d(), children: e })
         ]
       }
     );
   }
-), h = l(
-  ({ targetId: s, children: e, ...n }, a) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-    f,
-    {
-      ...n,
-      ref: a,
+), g = l(
+  ({ targetId: s, children: n, ...e }, o) => {
+    const { base: a } = k({
       size: "small",
       color: "primary",
-      variant: "standalone",
-      onPress: () => {
-        const i = document.getElementById(s);
-        i && (i.focus(), i.hasAttribute("tabindex") || (i.setAttribute("tabindex", "-1"), i.addEventListener(
-          "blur",
-          () => {
-            i.removeAttribute("tabindex");
-          },
-          { once: !0 }
-        )));
-      },
-      children: e
-    }
-  ) })
+      variant: "standalone"
+    });
+    return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+      m,
+      {
+        ...e,
+        ref: o,
+        className: a(),
+        onPress: () => {
+          const i = document.getElementById(s);
+          i && (i.focus(), i.hasAttribute("tabindex") || (i.setAttribute("tabindex", "-1"), i.addEventListener(
+            "blur",
+            () => {
+              i.removeAttribute("tabindex");
+            },
+            { once: !0 }
+          )));
+        },
+        children: n
+      }
+    ) });
+  }
 );
-k.displayName = "SkipLinks";
-h.displayName = "SkipLink";
+w.displayName = "SkipLinks";
+g.displayName = "SkipLink";
 export {
-  h as SkipLink,
-  k as SkipLinks
+  g as SkipLink,
+  w as SkipLinks
 };

package/i18n/en-GB.json

@@ -1,4 +1,5 @@
 {
+  "unity:command:code:icon:title": "Copy to clipboard",
   "unity:component:common:clear:title": "Clear",
   "unity:component:common:close:label": "Close",
   "unity:component:common:loading:label": "Loading...",

package/i18n/es-ES.json

@@ -1,4 +1,5 @@
 {
+  "unity:command:code:icon:title": "Copiar al portapapeles",
   "unity:component:common:clear:title": "Borrar",
   "unity:component:common:close:label": "Cerrar",
   "unity:component:common:loading:label": "Cargando...",

package/i18n/fr-FR.json

@@ -1,4 +1,5 @@
 {
+  "unity:command:code:icon:title": "Copier dans le presse-papiers",
   "unity:component:common:clear:title": "Effacer",
   "unity:component:common:close:label": "Fermer",
   "unity:component:common:loading:label": "Chargement...",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "1.1.0",
+  "version": "1.1.1-beta.1",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -33,6 +33,9 @@
     "dist",
     "i18n"
   ],
+  "storybook": {
+    "url": "https://unity-components.payfit.io/"
+  },
   "dependencies": {
     "@ariakit/react": "0.4.18",
     "@formatjs/intl": "3.1.3",
@@ -61,8 +64,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "4.4.0",
-    "@payfit/unity-icons": "1.1.0",
-    "@payfit/unity-themes": "1.1.0",
+    "@payfit/unity-icons": "1.1.1-beta.1",
+    "@payfit/unity-themes": "1.1.1-beta.1",
     "@storybook/react-vite": "^9.1.2",
     "@tanstack/react-table": "8.21.3",
     "history": "4.10.1",
@@ -77,9 +80,9 @@
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
-    "@payfit/unity-icons": "1.1.0",
-    "@payfit/unity-illustrations": "1.1.0",
-    "@payfit/unity-themes": "1.1.0",
+    "@payfit/unity-icons": "1.1.1-beta.1",
+    "@payfit/unity-illustrations": "1.1.1-beta.1",
+    "@payfit/unity-themes": "1.1.1-beta.1",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "9.1.5",
     "@storybook/addon-docs": "9.1.5",