@payfit/unity-components 0.0.0-alpha.13 → 0.0.0-alpha.15

package/dist/esm/components/icon-button/IconButton.variants.js

@@ -31,7 +31,7 @@ const t = e({
     isDisabled: !1,
     isLoading: !1
   }
-}), n = e({
+}), a = e({
   extend: t,
   variants: {
     variant: {
@@ -74,11 +74,11 @@ const t = e({
       isLoading: !1,
       class: {
         button: [
-          "uy-bg-content-danger-enabled",
-          "hover:uy-bg-content-danger-hover",
-          "active:uy-bg-content-danger-active",
-          "focus:uy-bg-content-danger-focus",
-          "data-[pressed]:uy-bg-content-danger-pressed"
+          "uy-bg-surface-danger-enabled",
+          "hover:uy-bg-surface-danger-hover",
+          "active:uy-bg-surface-danger-active",
+          "focus:uy-bg-surface-danger-focus",
+          "data-[pressed]:uy-bg-surface-danger-pressed"
         ],
         icon: [
           "uy-text-content-inverted-enabled",
@@ -96,18 +96,18 @@ const t = e({
       isLoading: !1,
       class: {
         button: [
-          "uy-bg-content-warning",
-          "hover:uy-bg-content-warning-hover",
-          "active:uy-bg-content-warning-pressed",
-          "focus-visible:uy-bg-content-warning-focus",
-          "data-[pressed]:uy-bg-content-warning-pressed"
+          "uy-bg-surface-warning-enabled",
+          "hover:uy-bg-surface-warning-hover",
+          "active:uy-bg-surface-warning-pressed",
+          "focus-visible:uy-bg-surface-warning-focus",
+          "data-[pressed]:uy-bg-surface-warning-pressed"
         ],
         icon: [
-          "uy-text-content-inverted",
-          "group-hover:uy-text-content-inverted-hover",
-          "active:uy-text-content-inverted-pressed",
-          "focus-visible:uy-text-content-inverted-focus",
-          "data-[pressed]:uy-text-content-inverted-pressed"
+          "uy-text-content-neutral-enabled",
+          "group-hover:uy-text-content-neutral-hover",
+          "active:uy-text-content-neutral-pressed",
+          "focus-visible:uy-text-content-neutral-focus",
+          "data-[pressed]:uy-text-content-neutral-pressed"
         ]
       }
     },
@@ -118,14 +118,14 @@ const t = e({
       isLoading: !1,
       class: {
         button: [
-          "uy-bg-surface-inverted",
-          "hover:uy-accent-surface-inverted-hover",
-          "active:uy-accent-surface-inverted-pressed",
-          "focus-visible:uy-accent-surface-inverted-focus",
-          "data-[pressed]:uy-accent-surface-inverted-pressed"
+          "uy-bg-surface-neutral-enabled",
+          "hover:uy-bg-surface-neutral-hover",
+          "active:uy-bg-surface-neutral-pressed",
+          "focus-visible:uy-bg-surface-neutral-focus",
+          "data-[pressed]:uy-bg-surface-neutral-pressed"
         ],
         icon: [
-          "uy-text-content-neutral",
+          "uy-text-content-neutral-enabled",
           "group-hover:uy-text-content-neutral-hover",
           "active:uy-text-content-neutral-pressed",
           "focus-visible:uy-text-content-neutral-focus",
@@ -154,7 +154,7 @@ const t = e({
       }
     }
   ]
-}), a = e({
+}), n = e({
   extend: t,
   variants: {
     variant: {
@@ -172,17 +172,17 @@ const t = e({
       isLoading: !1,
       class: {
         button: [
-          "uy-border uy-border-solid uy-border-border-primary-enabled",
-          "hover:uy-border-border-primary-hover",
-          "active:uy-border-border-primary-active",
-          "data-[pressed]:uy-border-border-primary-pressed"
+          "uy-border uy-border-solid uy-border-border-neutral-high-enabled",
+          "hover:uy-border-border-neutral-high-hover",
+          "active:uy-border-border-neutral-high-active",
+          "data-[pressed]:uy-border-border-neutral-high-pressed"
         ],
         icon: [
-          "uy-text-content-primary-enabled",
-          "group-hover:uy-text-content-primary-hover",
-          "active:uy-text-content-primary-active",
-          "data-[pressed]:uy-text-content-primary-pressed",
-          "focus-visible:uy-text-content-primary-focus"
+          "uy-text-content-neutral-low-enabled",
+          "group-hover:uy-text-content-low-neutral-hover",
+          "active:uy-text-content-neutral-low-active",
+          "data-[pressed]:uy-text-content-neutral-low-pressed",
+          "focus-visible:uy-text-content-neutral-low-focus"
         ]
       }
     },
@@ -220,7 +220,7 @@ const t = e({
           "hover:uy-border-border-inverted-hover",
           "data-[pressed]:uy-border-border-inverted-pressed",
           "active:uy-border-border-inverted-active",
-          "focus-visible:uy-border-border-inverted-focus"
+          "focus-visible:uy-border-border-inverted-focus focus-visible:uy-outline-utility-inverted-focus-ring"
         ],
         icon: [
           "uy-text-content-inverted",
@@ -244,7 +244,7 @@ const t = e({
       }
     }
   ]
-}), o = e({
+}), s = e({
   extend: t,
   variants: {
     variant: {
@@ -268,7 +268,7 @@ const t = e({
           "data-[pressed]:uy-bg-surface-neutral-pressed",
           "active:uy-bg-surface-neutral-active"
         ],
-        icon: ["uy-text-content-neutral"]
+        icon: ["uy-text-content-neutral-low"]
       }
     },
     {
@@ -303,10 +303,10 @@ const t = e({
         ],
         icon: [
           "uy-text-content-danger",
-          "group-hover:uy-text-content-danger-hover",
-          "data-[pressed]:uy-text-content-danger-pressed",
-          "focus-visible:uy-text-content-danger-focus",
-          "active:uy-text-content-danger-active"
+          "group-hover:uy-text-content-danger",
+          "data-[pressed]:uy-text-content-danger",
+          "focus-visible:uy-text-content-danger",
+          "active:uy-text-content-danger"
         ]
       }
     },
@@ -321,11 +321,11 @@ const t = e({
           "active:uy-bg-surface-warning-lowest-active"
         ],
         icon: [
-          "uy-text-content-warning",
-          "group-hover:uy-text-content-warning-hover",
-          "data-[pressed]:uy-text-content-warning-pressed",
-          "focus-visible:uy-text-content-warning-focus",
-          "active:uy-text-content-warning-active"
+          "uy-text-content-warning-high",
+          "group-hover:uy-text-content-warning-high",
+          "data-[pressed]:uy-text-content-warning-high",
+          "focus-visible:uy-text-content-warning-high",
+          "active:uy-text-content-warning-high"
         ]
       }
     },
@@ -350,7 +350,7 @@ const t = e({
   ]
 });
 export {
-  o as iconButtonGhost,
-  n as iconButtonPrimary,
-  a as iconButtonSecondary
+  s as iconButtonGhost,
+  a as iconButtonPrimary,
+  n as iconButtonSecondary
 };

package/dist/esm/components/input/Input.js

@@ -9,11 +9,11 @@ import { Spinner as O } from "../spinner/Spinner.js";
 const S = N({
   slots: {
     base: "uy-flex uy-h-500 uy-border uy-border-solid uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active",
-    prefix: "uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-r uy-border-solid uy-rounded-l-100 active:uy-border-border-form-active",
-    inputWrapper: "uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-max-w-full uy-justify-between",
+    prefix: "uy-flex-grow-0 uy-text-content-neutral-low uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-r uy-border-solid uy-rounded-l-100 active:uy-border-border-form-active",
+    inputWrapper: "uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100 uy-max-w-full uy-justify-between",
     input: "uy-w-full uy-flex-1 uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-min-w-0 uy-max-w-full",
     state: "uy-flex uy-gap-50 uy-items-center uy-shrink-0",
-    suffix: "uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-l uy-border-solid uy-rounded-r-100 active:uy-border-border-form-active"
+    suffix: "uy-flex-grow-0 uy-text-content-neutral-low uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-l uy-border-solid uy-rounded-r-100 active:uy-border-border-form-active"
   },
   variants: {
     isInvalid: {
@@ -63,8 +63,8 @@ const S = N({
 }), j = v(
   ({
     type: s = "text",
-    prefix: i,
-    suffix: l,
+    prefix: l,
+    suffix: i,
     isInvalid: f,
     isLoading: r,
     isDisabled: o,
@@ -85,7 +85,7 @@ const S = N({
       isDisabled: !!o
     }), w = a.value && !r && !u && !o;
     return delete a.isRequired, /* @__PURE__ */ n("div", { className: b(), children: [
-      i ? /* @__PURE__ */ e("span", { className: m(), children: i }) : null,
+      l ? /* @__PURE__ */ e("span", { className: m(), children: l }) : null,
       /* @__PURE__ */ n("div", { className: c(), children: [
         /* @__PURE__ */ e(
           h,
@@ -139,7 +139,7 @@ const S = N({
           )
         ] })
       ] }),
-      l ? /* @__PURE__ */ e("span", { className: g(), children: l }) : null
+      i ? /* @__PURE__ */ e("span", { className: g(), children: i }) : null
     ] });
   }
 );

package/dist/esm/components/link/Link.variants.d.ts

@@ -15,7 +15,7 @@ export declare const link: import('tailwind-variants').TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config.js').TVConfig<{
+}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-text-content-neutral-focus focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config.js').TVConfig<{
     variant: {
         inline: string;
         standalone: string;
@@ -83,7 +83,7 @@ export declare const link: import('tailwind-variants').TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config.js').TVConfig<{
+}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-text-content-neutral-focus focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config.js').TVConfig<{
     variant: {
         inline: string;
         standalone: string;

package/dist/esm/components/link/Link.variants.js

@@ -1,6 +1,6 @@
 import { tv as t } from "tailwind-variants";
 const a = t({
-  base: "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring",
+  base: "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-text-content-neutral-focus focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring",
   variants: {
     variant: {
       inline: "uy-inline uy-text-inherit uy-font-medium uy-leading-inherit",
@@ -8,7 +8,7 @@ const a = t({
     },
     color: {
       primary: "uy-text-content-primary-enabled hover:uy-text-content-primary-hover active:uy-text-content-primary-active data-[pressed]:uy-text-content-primary-active data-[current]:uy-text-content-primary-active aria-[current]:uy-text-content-primary-active",
-      secondary: "uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover active:uy-text-content-neutral-active data-[pressed]:uy-text-content-neutral-active data-[current]:uy-text-content-neutral-active aria-[current]:uy-text-content-neutral-active"
+      secondary: "uy-text-content-neutral-enabled hover:uy-text-content-neutral-hover active:uy-text-content-neutral-active data-[pressed]:uy-text-content-neutral-pressed data-[current]:uy-text-content-neutral-active aria-[current]:uy-text-content-neutral-active"
     },
     isDisabled: {
       true: "data-[disabled]:uy-cursor-not-allowed",

package/dist/esm/components/menu/parts/MenuItem.js

@@ -1,32 +1,32 @@
-import { jsxs as o } from "react/jsx-runtime";
-import { MenuItem as s } from "react-aria-components";
-import { twMerge as y } from "tailwind-merge";
-function i({
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { MenuItem as y } from "react-aria-components";
+import { twMerge as i } from "tailwind-merge";
+function l({
   prefix: e,
-  children: u,
-  href: t,
+  children: t,
+  href: u,
   onAction: r,
-  className: a,
-  ...n
+  className: n,
+  ...a
 }) {
-  return /* @__PURE__ */ o(
-    s,
+  return /* @__PURE__ */ s(
+    y,
     {
-      href: t,
+      href: u,
       onAction: r,
-      className: y(
+      className: i(
         "uy-cursor-pointer uy-flex uy-p-100 uy-items-start uy-gap-100 uy-rounded-25 uy-typography-body uy-text-content-neutral hover:uy-bg-surface-neutral-hover data-[pressed]:uy-bg-surface-neutral-pressed focus-visible:uy-outline-utility-focus-ring active:uy-bg-surface-neutral-active",
-        a
+        n
       ),
-      ...n,
+      ...a,
       children: [
-        e || null,
-        u
+        /* @__PURE__ */ o("div", { className: "uy-text-content-neutral-low", children: e || null }),
+        t
       ]
     }
   );
 }
-i.displayName = "MenuItem";
+l.displayName = "MenuItem";
 export {
-  i as MenuItem
+  l as MenuItem
 };

package/dist/esm/components/multi-select/parts/MultiSelectButton.js

@@ -14,7 +14,7 @@ const H = U({
     base: "uy-h-500 uy-flex uy-items-center uy-justify-between uy-py-100 uy-px-150 uy-w-full uy-border uy-border-solid uy-rounded-75 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:not([disabled]):uy-border-border-form-active !uy-pointer-events-auto",
     inputValue: "uy-flex-1 uy-typography-body uy-text-content-form-enabled uy-text-left uy-line-clamp-1",
     state: "uy-grow-0 uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-inline-flex uy-gap-50 uy-items-center uy-px-100",
-    suffix: ""
+    suffix: "uy-text-content-neutral-low"
   },
   variants: {
     isDisabled: {
@@ -70,8 +70,8 @@ function J({
   selectedItems: g,
   renderValue: m,
   onClearButtonPress: i,
-  ...h
-}, w) {
+  ...w
+}, h) {
   const f = L(), s = R(), S = D(), M = K(S, "open"), y = k(G), a = y.maxVisibleItems ?? 0, l = y.selectedKeys ?? /* @__PURE__ */ new Set(), o = Array.from(g), { base: v, inputValue: I, state: C, suffix: V } = H({
     isDisabled: !!r,
     isReadOnly: !!t,
@@ -88,8 +88,8 @@ function J({
   return /* @__PURE__ */ c(
     $,
     {
-      ...h,
-      ref: w,
+      ...w,
+      ref: h,
       className: v(),
       disabled: r || t,
       "aria-invalid": n,

package/dist/esm/components/nav/parts/NavItem.d.ts

@@ -15,10 +15,10 @@ export declare const navItemBase: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     level: {
         0: string;
@@ -56,10 +56,10 @@ export declare const navItemBase: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, import('tailwind-variants').TVReturnType<{
     level: {
         0: string;
@@ -73,10 +73,10 @@ export declare const navItemBase: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     level: {
         0: string;
@@ -106,10 +106,12 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
     isActive: {
         true: {
             base: string;
+            prefix: string;
             label: string;
         };
         false: {
             base: string;
+            prefix: string;
             label: string;
         };
     };
@@ -117,10 +119,12 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
     isActive: {
         true: {
             base: string;
+            prefix: string;
             label: string;
         };
         false: {
             base: string;
+            prefix: string;
             label: string;
         };
     };
@@ -149,10 +153,10 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, import('tailwind-variants').TVReturnType<{
     level: {
         0: string;
@@ -166,10 +170,10 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     level: {
         0: string;
@@ -207,10 +211,10 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, import('tailwind-variants').TVReturnType<{
     level: {
         0: string;
@@ -224,10 +228,10 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
         false: string;
     };
 }, {
-    base: string;
+    base: string[];
     prefix: string;
     suffix: string;
-    label: string;
+    label: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     level: {
         0: string;

package/dist/esm/components/nav/parts/NavItem.js

@@ -1,14 +1,20 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { Link as N, Button as I } from "react-aria-components";
-import { twMerge as j } from "tailwind-merge";
-import { tv as o } from "tailwind-variants";
-import { useRouter as w } from "../../../providers/router/RouterProvider.js";
-const A = o({
+import { jsx as u, jsxs as h } from "react/jsx-runtime";
+import { Link as w, Button as N } from "react-aria-components";
+import { twMerge as I } from "tailwind-merge";
+import { tv as l } from "tailwind-variants";
+import { useRouter as j } from "../../../providers/router/RouterProvider.js";
+const A = l({
   slots: {
-    base: "uy-grid uy-w-full uy-grid-cols-[auto_1fr_auto] uy-items-center uy-py-100 uy-px-150 uy-gap-100 uy-rounded-75 uy-outline-0 hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-pressed uy-transition-all focus:uy-outline-0 data-[focus-visible]:uy-outline-none data-[focus-visible]:uy-ring-2 data-[focus-visible]:uy-ring-utility-focus-ring data-[focus-visible]:uy-ring-offset-2",
-    prefix: "uy-p-25 empty:uy-hidden",
-    suffix: "uy-flex uy-gap-100 uy-items-center uy-justify-self-end uy-text-right empty:uy-hidden",
-    label: "uy-flex-1 uy-basis-full uy-text-left uy-truncate uy-overflow-hidden uy-whitespace-break-spaces uy-typography-body"
+    base: [
+      "uy-group uy-grid uy-w-full uy-grid-cols-[auto_1fr_auto] uy-items-center uy-py-100 uy-px-150 uy-gap-100 uy-rounded-75 uy-outline-0 uy-transition-all",
+      "hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-pressed",
+      "focus:uy-outline-0 data-[focus-visible]:uy-outline-none data-[focus-visible]:uy-ring-2 data-[focus-visible]:uy-ring-utility-focus-ring data-[focus-visible]:uy-ring-offset-2"
+    ],
+    prefix: "uy-p-25 empty:uy-hidden uy-text-content-neutral-low",
+    suffix: "uy-flex uy-gap-100 uy-items-center uy-text-content-neutral-low uy-justify-self-end uy-text-right empty:uy-hidden",
+    label: [
+      "uy-flex-1 uy-basis-full uy-text-left uy-truncate uy-overflow-hidden uy-whitespace-break-spaces uy-typography-body uy-text-content-neutral"
+    ]
   },
   variants: {
     level: {
@@ -23,16 +29,18 @@ const A = o({
       false: ""
     }
   }
-}), S = o({
+}), S = l({
   extend: A,
   variants: {
     isActive: {
       true: {
         base: "uy-bg-surface-neutral-active",
+        prefix: "uy-text-content-neutral",
         label: "uy-typography-body-strong"
       },
       false: {
         base: "",
+        prefix: "uy-text-content-neutral-low",
         label: "uy-typography-body"
       }
     }
@@ -40,43 +48,43 @@ const A = o({
 });
 function k({
   children: y,
-  level: u = 0,
-  prefix: i,
+  level: s = 0,
+  prefix: n,
   suffix: r,
   onPress: c,
   href: e,
-  isCurrent: d,
-  isDisabled: s = !1,
+  isCurrent: p,
+  isDisabled: a = !1,
   isExact: f = !1,
-  ...p
+  ...d
 }) {
-  const n = w(), b = e ? N : I, t = n && e ? n.isActive(e.toString(), f) : d, {
+  const i = j(), b = e ? w : N, t = i && e ? i.isActive(e.toString(), f) : p, {
     base: v,
-    label: l,
+    label: o,
     prefix: m,
     suffix: g
-  } = S({ level: u, isActive: t, isDisabled: s }), x = Object.assign(
+  } = S({ level: s, isActive: t, isDisabled: a }), x = Object.assign(
     {},
     t !== void 0 && {
       "data-current": t,
       "aria-current": t ? "page" : void 0
     },
-    !e && { tabIndex: s ? -1 : void 0 }
+    !e && { tabIndex: a ? -1 : void 0 }
   );
-  return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ h(
     b,
     {
-      className: j(v(), l()),
+      className: I(v(), o()),
       href: e,
       onPress: c,
-      isDisabled: s,
-      "data-level": u,
+      isDisabled: a,
+      "data-level": s,
       ...x,
-      ...p,
+      ...d,
       children: [
-        i && /* @__PURE__ */ a("span", { className: m(), children: i({ isCurrent: t ?? !1 }) }),
-        /* @__PURE__ */ a("span", { className: l(), children: y }),
-        r && /* @__PURE__ */ a("span", { className: g(), children: r })
+        n && /* @__PURE__ */ u("span", { className: m(), children: n({ isCurrent: t ?? !1 }) }),
+        /* @__PURE__ */ u("span", { className: o(), children: y }),
+        r && /* @__PURE__ */ u("span", { className: g(), children: r })
       ]
     }
   ) });

package/dist/esm/components/number-input/NumberInput.js

@@ -15,7 +15,7 @@ const Q = C({
       "active:uy-border-border-form-active"
     ],
     wrapper: [
-      "uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-max-w-full uy-justify-between uy-items-center"
+      "uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100 uy-max-w-full uy-justify-between uy-items-center"
     ],
     input: [
       "uy-w-full uy-flex-1 uy-outline-none uy-typography-body uy-min-w-0 uy-max-w-full",

package/dist/esm/components/pagination/parts/PaginationLink.js

@@ -6,7 +6,7 @@ import { tv as l } from "tailwind-variants";
 const d = l({
   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",
-    "enabled:uy-text-content-neutral-enabled enabled: uy-bg-transparent uy-cursor-pointer",
+    "enabled:uy-text-content-neutral-enabled enabled:uy-bg-transparent uy-cursor-pointer",
     "data-[disabled]:uy-text-content-neutral-disabled data-[disabled]:uy-bg-surface-neutral-disabled data-[disabled]:uy-cursor-not-allowed",
     "hover:uy-text-content-neutral-hover hover:uy-bg-surface-neutral-hover",
     "active:uy-text-content-neutral-pressed active:uy-bg-surface-neutral-pressed data-[pressed]:uy-text-content-neutral-pressed data-[pressed]:uy-bg-surface-neutral-pressed",

package/dist/esm/components/pagination/parts/PaginationNavButton.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useIntl as s } from "react-intl";
-import { CircularIconButton as r } from "../../icon-button/CircularIconButton.js";
+import { useIntl as r } from "react-intl";
+import { CircularIconButton as s } from "../../icon-button/CircularIconButton.js";
 function u({ variant: t, ...n }) {
-  const o = s(), e = o.formatMessage({
+  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(
@@ -15,10 +15,11 @@ function u({ variant: t, ...n }) {
     }
   );
   return /* @__PURE__ */ a(
-    r,
+    s,
     {
       ...n,
       asElement: "button",
+      color: "content.neutral.lowest",
       title: e,
       "aria-label": i,
       icon: t === "previous" ? "CaretLeftOutlined" : "CaretRightOutlined"