@payfit/unity-components 2.47.5 → 2.47.6

package/dist/esm/components/button/Button.variants.js

@@ -1,182 +1,175 @@
 import { uyTv as e } from "@payfit/unity-themes";
-const t = e({
-  base: [
-    "uy:group",
-    "uy:cursor-pointer uy:rounded-100 uy:sm:rounded-75 uy:py-125 uy:sm:py-100 uy:sm:h-500 uy:inline-flex uy:items-center uy:justify-center uy:whitespace-nowrap uy:typography-action uy:transition-colors",
-    'uy:has-data-[unity-icon="prefix"]:pl-100 uy:has-data-[unity-icon="prefix"]:pr-200',
-    'uy:has-data-[unity-icon="suffix"]:pl-200 uy:has-data-[unity-icon="suffix"]:pr-100',
-    'uy:px-200 uy:has-data-[unity-icon="prefix"]:has-data-[unity-icon="suffix"]:px-100',
-    'uy:data-[focus-visible="true"]:outline-2 uy:data-[focus-visible="true"]:outline-solid uy:data-[focus-visible="true"]:outline-offset-2 uy:data-[focus-visible="true"]:outline-utility-focus-ring'
-  ],
-  variants: {
-    isDisabled: {
-      true: "uy:disabled:cursor-not-allowed",
-      false: ""
-    },
-    isLoading: {
-      true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled",
-      false: ""
-    },
-    size: {
-      default: "uy:w-auto uy:grow-0 uy:basis-auto",
-      full: "uy:grow-1 uy:w-full uy:basis-full"
-    }
-  },
-  defaultVariants: {
-    isDisabled: !1,
-    isLoading: !1,
-    size: "default"
-  }
-}), r = e({
-  extend: t,
-  variants: {
-    color: {
-      primary: [
-        "uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
-        'uy:theme-legacy:data-[hovered="true"]:bg-surface-primary-hover uy:theme-rebrand:data-[hovered="true"]:bg-surface-neutral-highest-hover uy:data-[hovered="true"]:text-content-inverted-hover',
-        "uy:theme-legacy:active:bg-surface-primary-active uy:theme-rebrand:active:bg-surface-neutral-highest-active uy:active:text-content-inverted-hover",
-        "uy:theme-legacy:data-[pressed]:bg-surface-primary-pressed uy:theme-rebrand:data-[pressed]:bg-surface-neutral-highest-pressed uy:theme-legacy:data-[pressed]:text-content-inverted-pressed uy:theme-rebrand:data-[pressed]:text-content-neutral-pressed"
-      ],
-      warning: [
-        "uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
-        'uy:data-[hovered="true"]:bg-surface-warning-hover uy:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:active:bg-surface-warning-active uy:active:text-content-neutral-active",
-        "uy:data-[pressed]:bg-surface-warning-pressed uy:data-[pressed]:text-content-neutral-pressed"
-      ],
-      danger: [
-        "uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
-        'uy:data-[hovered="true"]:bg-surface-danger-hover uy:theme-legacy:data-[hovered="true"]:text-content-inverted-hover',
-        "uy:active:bg-surface-danger-active uy:theme-legacy:active:text-content-inverted",
-        "uy:data-[pressed]:bg-surface-danger-pressed uy:theme-legacy:data-[pressed]:text-content-inverted"
-      ],
-      neutral: [
-        "uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
-        'uy:data-[hovered="true"]:bg-surface-neutral-low-hover uy:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:active:bg-surface-neutral-low-active uy:active:text-content-neutral-active",
-        "uy:data-[pressed]:bg-surface-neutral-low-pressed uy:data-[pressed]:text-content-neutral-pressed"
-      ],
-      inverted: [
-        "uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
-        'uy:data-[hovered="true"]:bg-surface-neutral-hover uy:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
-        "uy:data-[pressed]:bg-surface-neutral-active uy:data-[pressed]:text-content-neutral-pressed",
-        "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:text-content-neutral-focus uy:data-[focus-visible]:bg-surface-neutral-focus"
-      ],
-      "inverted.low": [
-        "uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
-        'uy:data-[hovered="true"]:bg-surface-inverted-low-hover uy:data-[hovered="true"]:text-content-inverted-hover',
-        "uy:active:bg-surface-inverted-low-active uy:active:text-content-inverted-active",
-        'uy:data-[pressed="true"]:bg-surface-inverted-low-pressed uy:data-[pressed="true"]:text-content-inverted-pressed',
-        'uy:data-[focus-visible="true"]:outline-utility-inverted-focus-ring uy:data-[focus-visible="true"]:text-content-inverted-focus uy:data-[focus-visible="true"]:bg-surface-inverted-low-focus'
-      ]
-    },
-    isDisabled: {
-      true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled",
-      false: ""
-    },
-    isLoading: {
-      true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled",
-      false: ""
-    }
-  }
-}), u = e({
-  extend: t,
-  base: "uy:border uy:border-solid uy:bg-transparent",
-  variants: {
-    color: {
-      primary: [
-        "uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
-        'uy:data-[hovered="true"]:text-content-neutral-hover uy:data-[hovered="true"]:border-border-neutral-high-hover',
-        'uy:theme-legacy:data-[pressed="true"]:text-content-neutral-high-pressed uy:theme-legacy:data-[pressed="true"]:border-border-neutral-high-pressed',
-        'uy:theme-rebrand:data-[pressed="true"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed="true"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed="true"]:border-surface-neutral-low-pressed',
-        'uy:data-[focus-visible="true"]:border-border-neutral-high-focus uy:data-[focus-visible="true"]:text-content-neutral-focus'
-      ],
-      inverted: [
-        "uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
-        'uy:theme-legacy:data-[pressed="true"]:text-content-inverted-pressed uy:theme-legacy:data-[pressed="true"]:border-border-inverted-pressed',
-        'uy:theme-rebrand:data-[pressed="true"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed="true"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed="true"]:border-surface-neutral-low-pressed',
-        "uy:data-[focus-visible]:outline-utility-inverted-focus-ring"
-      ]
-    },
-    isDisabled: {
-      true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled",
-      false: ""
-    },
-    isLoading: {
-      true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled"
-    }
-  }
+//#region src/components/button/Button.variants.ts
+var t = e({
+	base: [
+		"uy:group",
+		"uy:cursor-pointer uy:rounded-100 uy:sm:rounded-75 uy:py-125 uy:sm:py-100 uy:sm:h-500 uy:inline-flex uy:items-center uy:justify-center uy:whitespace-nowrap uy:typography-action uy:transition-colors",
+		"uy:has-data-[unity-icon=\"prefix\"]:pl-100 uy:has-data-[unity-icon=\"prefix\"]:pr-200",
+		"uy:has-data-[unity-icon=\"suffix\"]:pl-200 uy:has-data-[unity-icon=\"suffix\"]:pr-100",
+		"uy:px-200 uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-100",
+		"uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
+	],
+	variants: {
+		isDisabled: {
+			true: "uy:disabled:cursor-not-allowed",
+			false: ""
+		},
+		isLoading: {
+			true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled",
+			false: ""
+		},
+		size: {
+			default: "uy:w-auto uy:grow-0 uy:basis-auto",
+			full: "uy:grow-1 uy:w-full uy:basis-full"
+		}
+	},
+	defaultVariants: {
+		isDisabled: !1,
+		isLoading: !1,
+		size: "default"
+	}
 }), n = e({
-  extend: t,
-  variants: {
-    color: {
-      primary: [
-        "uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
-        'uy:theme-legacy:data-[hovered="true"]:bg-surface-primary-lowest-hover uy:theme-rebrand:data-[hovered="true"]:bg-surface-neutral-hover uy:theme-legacy:data-[hovered="true"]:text-content-primary-hover uy:theme-rebrand:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:theme-legacy:active:bg-surface-primary-lowest-active uy:theme-rebrand:active:bg-surface-neutral-active uy:theme-legacy:active:text-content-primary-active uy:theme-rebrand:active:text-content-neutral-active",
-        "uy:theme-legacy:data-[pressed=true]:bg-surface-primary-lowest-pressed uy:theme-rebrand:data-[pressed=true]:bg-surface-neutral-pressed uy:theme-legacy:data-[pressed=true]:text-content-primary-pressed uy:theme-rebrand:data-[pressed=true]:text-content-neutral-pressed",
-        "uy:data-[focus-visible]:bg-transparent uy:theme-rebrand:data-[focus-visible]:text-content-neutral-focus"
-      ],
-      warning: [
-        "uy:bg-transparent uy:text-content-warning-enabled",
-        'uy:data-[hovered="true"]:bg-surface-warning-lowest-hover uy:data-[hovered="true"]:text-content-warning-hover',
-        "uy:active:bg-surface-warning-lowest-active uy:active:text-content-warning-active",
-        "uy:data-[pressed=true]:bg-surface-warning-lowest-pressed uy:data-[pressed=true]:text-content-warning-pressed",
-        "uy:data-[focus-visible]:bg-transparent"
-      ],
-      danger: [
-        "uy:bg-transparent uy:text-content-danger-enabled",
-        'uy:data-[hovered="true"]:bg-surface-danger-lowest-hover uy:data-[hovered="true"]:text-content-danger-hover',
-        "uy:active:bg-surface-danger-lowest-active uy:active:text-content-danger-active",
-        "uy:data-[pressed=true]:bg-surface-danger-lowest-pressed uy:data-[pressed=true]:text-content-danger-pressed",
-        "uy:data-[focus-visible]:bg-transparent"
-      ],
-      neutral: [
-        "uy:bg-transparent uy:text-content-neutral-enabled",
-        'uy:data-[hovered="true"]:bg-surface-neutral-hover uy:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
-        "uy:data-[pressed=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
-        "uy:data-[focus-visible]:bg-transparent"
-      ],
-      "neutral.lowest": [
-        "uy:bg-transparent uy:text-content-neutral-enabled",
-        'uy:data-[hovered="true"]:bg-surface-neutral-lowest-hover uy:data-[hovered="true"]:text-content-neutral-hover',
-        "uy:active:bg-surface-neutral-lowest-active uy:active:text-content-neutral-active",
-        "uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
-        "uy:data-[focus-visible]:bg-transparent"
-      ],
-      inverted: [
-        "uy:bg-transparent uy:text-content-inverted-enabled",
-        'uy:data-[hovered="true"]:bg-surface-inverted-hover uy:data-[hovered="true"]:text-content-inverted-hover',
-        "uy:active:bg-surface-inverted-active uy:active:text-content-inverted-active",
-        "uy:data-[pressed=true]:bg-surface-inverted-pressed uy:data-[pressed=true]:text-content-inverted-pressed",
-        "uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:bg-transparent"
-      ]
-    },
-    isDisabled: {
-      true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent",
-      false: ""
-    },
-    isLoading: {
-      true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    {
-      isDisabled: !0,
-      color: "inverted",
-      className: ["uy:disabled:text-content-inverted-disabled"]
-    },
-    {
-      isLoading: !0,
-      color: "inverted",
-      className: ["uy:data-[loading]:text-content-inverted-disabled"]
-    }
-  ]
+	extend: t,
+	variants: {
+		color: {
+			primary: [
+				"uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
+				"uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:theme-legacy:active:bg-surface-primary-active uy:theme-rebrand:active:bg-surface-neutral-highest-active uy:active:text-content-inverted-hover",
+				"uy:theme-legacy:data-[pressed]:bg-surface-primary-pressed uy:theme-rebrand:data-[pressed]:bg-surface-neutral-highest-pressed uy:theme-legacy:data-[pressed]:text-content-inverted-pressed uy:theme-rebrand:data-[pressed]:text-content-neutral-pressed"
+			],
+			warning: [
+				"uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-warning-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:active:bg-surface-warning-active uy:active:text-content-neutral-active",
+				"uy:data-[pressed]:bg-surface-warning-pressed uy:data-[pressed]:text-content-neutral-pressed"
+			],
+			danger: [
+				"uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
+				"uy:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:active:bg-surface-danger-active uy:theme-legacy:active:text-content-inverted",
+				"uy:data-[pressed]:bg-surface-danger-pressed uy:theme-legacy:data-[pressed]:text-content-inverted"
+			],
+			neutral: [
+				"uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:active:bg-surface-neutral-low-active uy:active:text-content-neutral-active",
+				"uy:data-[pressed]:bg-surface-neutral-low-pressed uy:data-[pressed]:text-content-neutral-pressed"
+			],
+			inverted: [
+				"uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
+				"uy:data-[pressed]:bg-surface-neutral-active uy:data-[pressed]:text-content-neutral-pressed",
+				"uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:text-content-neutral-focus uy:data-[focus-visible]:bg-surface-neutral-focus"
+			],
+			"inverted.low": [
+				"uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:active:bg-surface-inverted-low-active uy:active:text-content-inverted-active",
+				"uy:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:data-[pressed=\"true\"]:text-content-inverted-pressed",
+				"uy:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
+			]
+		},
+		isDisabled: {
+			true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled",
+			false: ""
+		},
+		isLoading: {
+			true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled",
+			false: ""
+		}
+	}
+}), r = e({
+	extend: t,
+	base: "uy:border uy:border-solid uy:bg-transparent",
+	variants: {
+		color: {
+			primary: [
+				"uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
+				"uy:data-[hovered=\"true\"]:text-content-neutral-hover uy:data-[hovered=\"true\"]:border-border-neutral-high-hover",
+				"uy:theme-legacy:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
+				"uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:data-[focus-visible=\"true\"]:text-content-neutral-focus"
+			],
+			inverted: [
+				"uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
+				"uy:theme-legacy:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:data-[pressed=\"true\"]:border-border-inverted-pressed",
+				"uy:theme-rebrand:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:data-[focus-visible]:outline-utility-inverted-focus-ring"
+			]
+		},
+		isDisabled: {
+			true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled",
+			false: ""
+		},
+		isLoading: { true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled" }
+	}
+}), i = e({
+	extend: t,
+	variants: {
+		color: {
+			primary: [
+				"uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
+				"uy:theme-legacy:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:theme-legacy:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:theme-legacy:active:bg-surface-primary-lowest-active uy:theme-rebrand:active:bg-surface-neutral-active uy:theme-legacy:active:text-content-primary-active uy:theme-rebrand:active:text-content-neutral-active",
+				"uy:theme-legacy:data-[pressed=true]:bg-surface-primary-lowest-pressed uy:theme-rebrand:data-[pressed=true]:bg-surface-neutral-pressed uy:theme-legacy:data-[pressed=true]:text-content-primary-pressed uy:theme-rebrand:data-[pressed=true]:text-content-neutral-pressed",
+				"uy:data-[focus-visible]:bg-transparent uy:theme-rebrand:data-[focus-visible]:text-content-neutral-focus"
+			],
+			warning: [
+				"uy:bg-transparent uy:text-content-warning-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:data-[hovered=\"true\"]:text-content-warning-hover",
+				"uy:active:bg-surface-warning-lowest-active uy:active:text-content-warning-active",
+				"uy:data-[pressed=true]:bg-surface-warning-lowest-pressed uy:data-[pressed=true]:text-content-warning-pressed",
+				"uy:data-[focus-visible]:bg-transparent"
+			],
+			danger: [
+				"uy:bg-transparent uy:text-content-danger-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:data-[hovered=\"true\"]:text-content-danger-hover",
+				"uy:active:bg-surface-danger-lowest-active uy:active:text-content-danger-active",
+				"uy:data-[pressed=true]:bg-surface-danger-lowest-pressed uy:data-[pressed=true]:text-content-danger-pressed",
+				"uy:data-[focus-visible]:bg-transparent"
+			],
+			neutral: [
+				"uy:bg-transparent uy:text-content-neutral-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active",
+				"uy:data-[pressed=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
+				"uy:data-[focus-visible]:bg-transparent"
+			],
+			"neutral.lowest": [
+				"uy:bg-transparent uy:text-content-neutral-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
+				"uy:active:bg-surface-neutral-lowest-active uy:active:text-content-neutral-active",
+				"uy:data-[pressed=true]:bg-surface-neutral-lowest-pressed uy:data-[pressed=true]:text-content-neutral-pressed",
+				"uy:data-[focus-visible]:bg-transparent"
+			],
+			inverted: [
+				"uy:bg-transparent uy:text-content-inverted-enabled",
+				"uy:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:active:bg-surface-inverted-active uy:active:text-content-inverted-active",
+				"uy:data-[pressed=true]:bg-surface-inverted-pressed uy:data-[pressed=true]:text-content-inverted-pressed",
+				"uy:data-[focus-visible]:outline-utility-inverted-focus-ring uy:data-[focus-visible]:bg-transparent"
+			]
+		},
+		isDisabled: {
+			true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent",
+			false: ""
+		},
+		isLoading: {
+			true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		isDisabled: !0,
+		color: "inverted",
+		className: ["uy:disabled:text-content-inverted-disabled"]
+	}, {
+		isLoading: !0,
+		color: "inverted",
+		className: ["uy:data-[loading]:text-content-inverted-disabled"]
+	}]
 });
-export {
-  r as buttonFilled,
-  n as buttonGhost,
-  u as buttonOutlined
-};
+//#endregion
+export { n as buttonFilled, i as buttonGhost, r as buttonOutlined };

package/dist/esm/components/card/Card.context.js

@@ -1,14 +1,10 @@
-import { createContext as o, useContext as n } from "react";
-const e = o(null);
-function c() {
-  const t = n(e);
-  if (!t)
-    throw new Error(
-      "Card compound components must be used within a Card component"
-    );
-  return t;
+import { createContext as e, useContext as t } from "react";
+//#region src/components/card/Card.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (!e) throw Error("Card compound components must be used within a Card component");
+	return e;
 }
-export {
-  e as CardContext,
-  c as useCardContext
-};
+//#endregion
+export { n as CardContext, r as useCardContext };

package/dist/esm/components/card/Card.js

@@ -1,99 +1,63 @@
-import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as g, useRef as C, useState as E, useLayoutEffect as _ } from "react";
-import { uyTv as S } from "@payfit/unity-themes";
-import { useId as x } from "react-aria/useId";
-import { CardContext as N } from "./Card.context.js";
-var T = {};
-const V = S({
-  slots: {
-    base: ["uy:p-200 uy:sm:p-300 uy:rounded-lg uy:space-y-200"]
-  },
-  variants: {
-    shadow: {
-      none: {
-        base: "uy:shadow-none"
-      },
-      raising: {
-        base: "uy:shadow-100"
-      },
-      flying: {
-        base: "uy:shadow-300"
-      },
-      100: {
-        base: "uy:shadow-100"
-      },
-      300: {
-        base: "uy:shadow-300"
-      }
-    },
-    bgColor: {
-      "surface.neutral": {
-        base: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral"
-      },
-      "surface.neutral.low": {
-        base: "uy:bg-surface-neutral-low"
-      },
-      "surface.neutral.lowest": {
-        base: "uy:bg-surface-neutral-lowest"
-      },
-      "surface.decorative-teal.lowest": {
-        base: "uy:bg-surface-decorative-teal-lowest"
-      },
-      "surface.decorative-purple.lowest": {
-        base: "uy:bg-surface-decorative-purple-lowest"
-      },
-      "surface.decorative-plum.lowest": {
-        base: "uy:bg-surface-decorative-plum-lowest"
-      },
-      "surface.decorative-orange.lowest": {
-        base: "uy:bg-surface-decorative-orange-lowest"
-      }
-    }
-  },
-  defaultVariants: {
-    shadow: "none",
-    bgColor: "surface.neutral"
-  }
-}), I = g(
-  ({ shadow: o, bgColor: s, children: l, ...a }, r) => {
-    const n = x(), u = C(null), [d, b] = E(!1), w = a.id ?? `unity-card-${n}`, c = `unity-card-${n}__title`, t = a["aria-label"];
-    _(() => {
-      const e = u.current;
-      if (!e) return;
-      const f = e.querySelector(
-        '[data-unity-slot="card.title"]'
-      );
-      b(!!f), T.NODE_ENV === "development" && !f && !t && console.warn(
-        "Card: A Card must have either a CardTitle child or an aria-label prop for accessibility."
-      );
-    }, [l, t]);
-    const i = (s ?? "surface.neutral") === "surface.neutral" && (o ?? "none") !== "none", v = i ? o : "none", { base: m } = V({
-      shadow: v,
-      bgColor: s
-    }), h = {
-      titleId: c
-    }, p = a.asElement ?? "section";
-    return /* @__PURE__ */ y(N.Provider, { value: h, children: /* @__PURE__ */ y(
-      p,
-      {
-        "data-dd-privacy": "show",
-        ...a,
-        id: w,
-        ref: (e) => {
-          u.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-        },
-        className: m(),
-        "aria-labelledby": d ? c : void 0,
-        "aria-label": d ? void 0 : t,
-        "data-unity-component": "card",
-        "data-unity-variant": i ? "shadow" : void 0,
-        children: l
-      }
-    ) });
-  }
-);
-I.displayName = "Card";
-export {
-  I as Card,
-  V as card
-};
+import { CardContext as e } from "./Card.context.js";
+import { forwardRef as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o } from "react/jsx-runtime";
+import { useId as s } from "react-aria/useId";
+//#region src/components/card/Card.tsx
+var c = a({
+	slots: { base: ["uy:p-200 uy:sm:p-300 uy:rounded-lg uy:space-y-200"] },
+	variants: {
+		shadow: {
+			none: { base: "uy:shadow-none" },
+			raising: { base: "uy:shadow-100" },
+			flying: { base: "uy:shadow-300" },
+			100: { base: "uy:shadow-100" },
+			300: { base: "uy:shadow-300" }
+		},
+		bgColor: {
+			"surface.neutral": { base: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral" },
+			"surface.neutral.low": { base: "uy:bg-surface-neutral-low" },
+			"surface.neutral.lowest": { base: "uy:bg-surface-neutral-lowest" },
+			"surface.decorative-teal.lowest": { base: "uy:bg-surface-decorative-teal-lowest" },
+			"surface.decorative-purple.lowest": { base: "uy:bg-surface-decorative-purple-lowest" },
+			"surface.decorative-plum.lowest": { base: "uy:bg-surface-decorative-plum-lowest" },
+			"surface.decorative-orange.lowest": { base: "uy:bg-surface-decorative-orange-lowest" }
+		}
+	},
+	defaultVariants: {
+		shadow: "none",
+		bgColor: "surface.neutral"
+	}
+}), l = t(({ shadow: t, bgColor: a, children: l, ...u }, d) => {
+	let f = s(), p = r(null), [m, h] = i(!1), g = u.id ?? `unity-card-${f}`, _ = `unity-card-${f}__title`, v = u["aria-label"];
+	n(() => {
+		let e = p.current;
+		if (!e) return;
+		let t = e.querySelector("[data-unity-slot=\"card.title\"]");
+		h(!!t), process.env.NODE_ENV === "development" && !t && !v && console.warn("Card: A Card must have either a CardTitle child or an aria-label prop for accessibility.");
+	}, [l, v]);
+	let y = (a ?? "surface.neutral") === "surface.neutral" && (t ?? "none") !== "none", { base: b } = c({
+		shadow: y ? t : "none",
+		bgColor: a
+	}), x = { titleId: _ }, S = u.asElement ?? "section";
+	return /* @__PURE__ */ o(e.Provider, {
+		value: x,
+		children: /* @__PURE__ */ o(S, {
+			"data-dd-privacy": "show",
+			...u,
+			id: g,
+			ref: (e) => {
+				p.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+			},
+			className: b(),
+			"aria-labelledby": m ? _ : void 0,
+			"aria-label": m ? void 0 : v,
+			"data-unity-component": "card",
+			"data-unity-variant": y ? "shadow" : void 0,
+			children: l
+		})
+	});
+});
+l.displayName = "Card";
+//#endregion
+export { l as Card, c as card };

package/dist/esm/components/card/parts/CardContent.js

@@ -1,8 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-function r({ children: t, className: n }) {
-  return /* @__PURE__ */ o("div", { className: n, "data-unity-slot": "card.content", children: t });
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/card/parts/CardContent.tsx
+function t({ children: t, className: n }) {
+	return /* @__PURE__ */ e("div", {
+		className: n,
+		"data-unity-slot": "card.content",
+		children: t
+	});
 }
-r.displayName = "CardContent";
-export {
-  r as CardContent
-};
+t.displayName = "CardContent";
+//#endregion
+export { t as CardContent };

package/dist/esm/components/card/parts/CardTitle.js

@@ -1,33 +1,26 @@
-import { jsx as s } from "react/jsx-runtime";
-import { uyTv as n } from "@payfit/unity-themes";
-import { Heading as o } from "react-aria-components/Heading";
-import { useCardContext as d } from "../Card.context.js";
-const l = n({
-  base: ["uy:typography-h3 uy:text-content-neutral uy:leading-none"],
-  variants: {
-    isHidden: {
-      true: "uy:sr-only",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    isHidden: !1
-  }
+import { useCardContext as e } from "../Card.context.js";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+import { Heading as r } from "react-aria-components/Heading";
+//#region src/components/card/parts/CardTitle.tsx
+var i = t({
+	base: ["uy:typography-h3 uy:text-content-neutral uy:leading-none"],
+	variants: { isHidden: {
+		true: "uy:sr-only",
+		false: ""
+	} },
+	defaultVariants: { isHidden: !1 }
 });
-function u({ children: t, level: e = 3, isHidden: a = !1 }) {
-  const { titleId: r } = d(), i = l({ isHidden: a });
-  return /* @__PURE__ */ s(
-    o,
-    {
-      level: e,
-      id: r,
-      className: i,
-      "data-unity-slot": "card.title",
-      children: t
-    }
-  );
+function a({ children: t, level: a = 3, isHidden: o = !1 }) {
+	let { titleId: s } = e();
+	return /* @__PURE__ */ n(r, {
+		level: a,
+		id: s,
+		className: i({ isHidden: o }),
+		"data-unity-slot": "card.title",
+		children: t
+	});
 }
-u.displayName = "CardTitle";
-export {
-  u as CardTitle
-};
+a.displayName = "CardTitle";
+//#endregion
+export { a as CardTitle };