@payfit/unity-themes 2.47.4 → 2.47.6

package/dist/esm/components/unity-theme-provider.js

@@ -1,34 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as i, useState as s, useEffect as f, useContext as h } from "react";
-const o = i({
-  // Render legacy by default for backwards compatibility
-  theme: "legacy",
-  // Intentional noop. Will be replaced by a set dispatcher from React
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  setTheme: () => {
-  }
+import { createContext as e, useContext as t, useEffect as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/unity-theme-provider.tsx
+var a = e({
+	theme: "legacy",
+	setTheme: () => {}
 });
-function d(e) {
-  return e === void 0 ? document.documentElement : typeof e == "string" ? document.querySelector(e) : e.current;
+function o(e) {
+	return e === void 0 ? document.documentElement : typeof e == "string" ? document.querySelector(e) : e.current;
 }
-function T({
-  theme: e = "legacy",
-  target: r,
-  children: u
-}) {
-  const [t, m] = s(e);
-  return f(() => {
-    const n = d(r);
-    if (n)
-      return n.dataset.uyTheme = t, () => {
-        delete n.dataset.uyTheme;
-      };
-  }, [t, r]), /* @__PURE__ */ c(o.Provider, { value: { theme: t, setTheme: m }, children: u });
+function s({ theme: e = "legacy", target: t, children: s }) {
+	let [c, l] = r(e);
+	return n(() => {
+		let e = o(t);
+		if (e) return e.dataset.uyTheme = c, () => {
+			delete e.dataset.uyTheme;
+		};
+	}, [c, t]), /* @__PURE__ */ i(a.Provider, {
+		value: {
+			theme: c,
+			setTheme: l
+		},
+		children: s
+	});
 }
-function a() {
-  return h(o);
+function c() {
+	return t(a);
 }
-export {
-  T as UnityThemeProvider,
-  a as useUnityTheme
-};
+//#endregion
+export { s as UnityThemeProvider, c as useUnityTheme };

package/dist/esm/index.js

@@ -1,15 +1,6 @@
-import { classNames as o, clsx as m, cn as t } from "./utils/cn.js";
-import { uyMerge as x } from "./utils/tailwind-merge.js";
-import { uyTv as s } from "./utils/tailwind-variants.js";
-import { twMergeConfig as n } from "./utils/merge-config.js";
-import { UnityThemeProvider as c, useUnityTheme as g } from "./components/unity-theme-provider.js";
-export {
-  c as UnityThemeProvider,
-  o as classNames,
-  m as clsx,
-  t as cn,
-  n as twMergeConfig,
-  g as useUnityTheme,
-  x as uyMerge,
-  s as uyTv
-};
+import { twMergeConfig as e } from "./utils/merge-config.js";
+import { classNames as t, clsx as n, cn as r } from "./utils/cn.js";
+import { uyMerge as i } from "./utils/tailwind-merge.js";
+import { uyTv as a } from "./utils/tailwind-variants.js";
+import { UnityThemeProvider as o, useUnityTheme as s } from "./components/unity-theme-provider.js";
+export { o as UnityThemeProvider, t as classNames, n as clsx, r as cn, e as twMergeConfig, s as useUnityTheme, i as uyMerge, a as uyTv };

package/dist/esm/utils/cn.js

@@ -1,11 +1,9 @@
-import { cnMerge as e } from "tailwind-variants";
-import { twMergeConfig as r } from "./merge-config.js";
-const o = (...t) => e(...t)({
-  twMerge: !0,
-  twMergeConfig: r
-}), s = o, m = o, g = o;
-export {
-  m as classNames,
-  g as clsx,
-  s as cn
-};
+import { twMergeConfig as e } from "./merge-config.js";
+import { cnMerge as t } from "tailwind-variants";
+//#region src/utils/cn.ts
+var n = (...n) => t(...n)({
+	twMerge: !0,
+	twMergeConfig: e
+}), r = n, i = n, a = n;
+//#endregion
+export { i as classNames, a as clsx, r as cn };

package/dist/esm/utils/merge-config.js

@@ -1,172 +1,152 @@
-import { validators as l } from "tailwind-merge";
-const r = [
-  "0",
-  "25",
-  "50",
-  "75",
-  "100",
-  "125",
-  "150",
-  "200",
-  "250",
-  "300",
-  "400",
-  "500",
-  "600",
-  "800",
-  "1000"
-], d = [
-  "display-heading",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "overline",
-  "subtitle",
-  "display-title",
-  "display-body",
-  "body",
-  "body-strong",
-  "body-small",
-  "body-small-strong",
-  "body-large",
-  "body-large-strong",
-  "action",
-  "action-small",
-  "action-large"
-], t = [
-  "50",
-  "75",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "800",
-  "1000",
-  "1200",
-  "1400",
-  "1600"
-], o = [
-  "0",
-  "25",
-  "50",
-  "75",
-  "100",
-  "125",
-  "150",
-  "200",
-  "300",
-  "400",
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "circle",
-  "pill"
-], n = ["canvas", "raising", "floating", "flying", "soaring"], s = (e) => !!(/^[a-z]+-l\d+$/.test(e) || /^(?:canvas|surface|content|border|utility)-.+$/.test(e)), a = {
-  prefix: "uy",
-  extend: {
-    classGroups: {
-      // Colors - Use pattern matching for maintainability
-      // Matches primitive colors like: grayscale-l0, red-l1, blue-l12, etc.
-      // Matches semantic colors like: surface-primary-default, content-neutral-low, border-danger-default, etc.
-      "bg-color": [{ bg: [l.isArbitraryValue, s] }],
-      "text-color": [{ text: [l.isArbitraryValue, s] }],
-      "border-color": [{ border: [l.isArbitraryValue, s] }],
-      "outline-color": [
-        { outline: [l.isArbitraryValue, s] }
-      ],
-      "ring-color": [{ ring: [l.isArbitraryValue, s] }],
-      "ring-offset-color": [
-        { "ring-offset": [l.isArbitraryValue, s] }
-      ],
-      "divide-color": [{ divide: [l.isArbitraryValue, s] }],
-      "text-decoration-color": [
-        { decoration: [l.isArbitraryValue, s] }
-      ],
-      "gradient-color-from": [
-        { from: [l.isArbitraryValue, s] }
-      ],
-      "gradient-color-via": [
-        { via: [l.isArbitraryValue, s] }
-      ],
-      "gradient-color-to": [
-        { to: [l.isArbitraryValue, s] }
-      ],
-      // Spacing - Padding
-      p: [{ p: r }],
-      px: [{ px: r }],
-      py: [{ py: r }],
-      ps: [{ ps: r }],
-      pe: [{ pe: r }],
-      pt: [{ pt: r }],
-      pr: [{ pr: r }],
-      pb: [{ pb: r }],
-      pl: [{ pl: r }],
-      // Spacing - Margin
-      m: [{ m: r }],
-      mx: [{ mx: r }],
-      my: [{ my: r }],
-      ms: [{ ms: r }],
-      me: [{ me: r }],
-      mt: [{ mt: r }],
-      mr: [{ mr: r }],
-      mb: [{ mb: r }],
-      ml: [{ ml: r }],
-      // Spacing - Gap
-      gap: [{ gap: r }],
-      "gap-x": [{ "gap-x": r }],
-      "gap-y": [{ "gap-y": r }],
-      // Spacing - Space between
-      "space-x": [{ "space-x": r }],
-      "space-y": [{ "space-y": r }],
-      // Spacing - Scroll padding
-      "scroll-p": [{ "scroll-p": r }],
-      "scroll-px": [{ "scroll-px": r }],
-      "scroll-py": [{ "scroll-py": r }],
-      "scroll-ps": [{ "scroll-ps": r }],
-      "scroll-pe": [{ "scroll-pe": r }],
-      "scroll-pt": [{ "scroll-pt": r }],
-      "scroll-pr": [{ "scroll-pr": r }],
-      "scroll-pb": [{ "scroll-pb": r }],
-      "scroll-pl": [{ "scroll-pl": r }],
-      // Spacing - Scroll margin
-      "scroll-m": [{ "scroll-m": r }],
-      "scroll-mx": [{ "scroll-mx": r }],
-      "scroll-my": [{ "scroll-my": r }],
-      "scroll-ms": [{ "scroll-ms": r }],
-      "scroll-me": [{ "scroll-me": r }],
-      "scroll-mt": [{ "scroll-mt": r }],
-      "scroll-mr": [{ "scroll-mr": r }],
-      "scroll-mb": [{ "scroll-mb": r }],
-      "scroll-ml": [{ "scroll-ml": r }],
-      // Typography
-      typography: [{ typography: d }],
-      "font-size": [{ text: t }],
-      // Border radius
-      rounded: [{ rounded: o }],
-      "rounded-s": [{ "rounded-s": o }],
-      "rounded-e": [{ "rounded-e": o }],
-      "rounded-t": [{ "rounded-t": o }],
-      "rounded-r": [{ "rounded-r": o }],
-      "rounded-b": [{ "rounded-b": o }],
-      "rounded-l": [{ "rounded-l": o }],
-      "rounded-ss": [{ "rounded-ss": o }],
-      "rounded-se": [{ "rounded-se": o }],
-      "rounded-ee": [{ "rounded-ee": o }],
-      "rounded-es": [{ "rounded-es": o }],
-      "rounded-tl": [{ "rounded-tl": o }],
-      "rounded-tr": [{ "rounded-tr": o }],
-      "rounded-br": [{ "rounded-br": o }],
-      "rounded-bl": [{ "rounded-bl": o }],
-      // Shadows
-      shadow: [{ shadow: n }]
-    }
-  }
-};
-export {
-  a as twMergeConfig
+import { validators as e } from "tailwind-merge";
+//#region src/utils/merge-config.ts
+var t = [
+	"0",
+	"25",
+	"50",
+	"75",
+	"100",
+	"125",
+	"150",
+	"200",
+	"250",
+	"300",
+	"400",
+	"500",
+	"600",
+	"800",
+	"1000"
+], n = [
+	"display-heading",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"overline",
+	"subtitle",
+	"display-title",
+	"display-body",
+	"body",
+	"body-strong",
+	"body-small",
+	"body-small-strong",
+	"body-large",
+	"body-large-strong",
+	"action",
+	"action-small",
+	"action-large"
+], r = [
+	"50",
+	"75",
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"800",
+	"1000",
+	"1200",
+	"1400",
+	"1600"
+], i = [
+	"0",
+	"25",
+	"50",
+	"75",
+	"100",
+	"125",
+	"150",
+	"200",
+	"300",
+	"400",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"circle",
+	"pill"
+], a = [
+	"canvas",
+	"raising",
+	"floating",
+	"flying",
+	"soaring"
+], o = (e) => !!(/^[a-z]+-l\d+$/.test(e) || /^(?:canvas|surface|content|border|utility)-.+$/.test(e)), s = {
+	prefix: "uy",
+	extend: { classGroups: {
+		"bg-color": [{ bg: [e.isArbitraryValue, o] }],
+		"text-color": [{ text: [e.isArbitraryValue, o] }],
+		"border-color": [{ border: [e.isArbitraryValue, o] }],
+		"outline-color": [{ outline: [e.isArbitraryValue, o] }],
+		"ring-color": [{ ring: [e.isArbitraryValue, o] }],
+		"ring-offset-color": [{ "ring-offset": [e.isArbitraryValue, o] }],
+		"divide-color": [{ divide: [e.isArbitraryValue, o] }],
+		"text-decoration-color": [{ decoration: [e.isArbitraryValue, o] }],
+		"gradient-color-from": [{ from: [e.isArbitraryValue, o] }],
+		"gradient-color-via": [{ via: [e.isArbitraryValue, o] }],
+		"gradient-color-to": [{ to: [e.isArbitraryValue, o] }],
+		p: [{ p: t }],
+		px: [{ px: t }],
+		py: [{ py: t }],
+		ps: [{ ps: t }],
+		pe: [{ pe: t }],
+		pt: [{ pt: t }],
+		pr: [{ pr: t }],
+		pb: [{ pb: t }],
+		pl: [{ pl: t }],
+		m: [{ m: t }],
+		mx: [{ mx: t }],
+		my: [{ my: t }],
+		ms: [{ ms: t }],
+		me: [{ me: t }],
+		mt: [{ mt: t }],
+		mr: [{ mr: t }],
+		mb: [{ mb: t }],
+		ml: [{ ml: t }],
+		gap: [{ gap: t }],
+		"gap-x": [{ "gap-x": t }],
+		"gap-y": [{ "gap-y": t }],
+		"space-x": [{ "space-x": t }],
+		"space-y": [{ "space-y": t }],
+		"scroll-p": [{ "scroll-p": t }],
+		"scroll-px": [{ "scroll-px": t }],
+		"scroll-py": [{ "scroll-py": t }],
+		"scroll-ps": [{ "scroll-ps": t }],
+		"scroll-pe": [{ "scroll-pe": t }],
+		"scroll-pt": [{ "scroll-pt": t }],
+		"scroll-pr": [{ "scroll-pr": t }],
+		"scroll-pb": [{ "scroll-pb": t }],
+		"scroll-pl": [{ "scroll-pl": t }],
+		"scroll-m": [{ "scroll-m": t }],
+		"scroll-mx": [{ "scroll-mx": t }],
+		"scroll-my": [{ "scroll-my": t }],
+		"scroll-ms": [{ "scroll-ms": t }],
+		"scroll-me": [{ "scroll-me": t }],
+		"scroll-mt": [{ "scroll-mt": t }],
+		"scroll-mr": [{ "scroll-mr": t }],
+		"scroll-mb": [{ "scroll-mb": t }],
+		"scroll-ml": [{ "scroll-ml": t }],
+		typography: [{ typography: n }],
+		"font-size": [{ text: r }],
+		rounded: [{ rounded: i }],
+		"rounded-s": [{ "rounded-s": i }],
+		"rounded-e": [{ "rounded-e": i }],
+		"rounded-t": [{ "rounded-t": i }],
+		"rounded-r": [{ "rounded-r": i }],
+		"rounded-b": [{ "rounded-b": i }],
+		"rounded-l": [{ "rounded-l": i }],
+		"rounded-ss": [{ "rounded-ss": i }],
+		"rounded-se": [{ "rounded-se": i }],
+		"rounded-ee": [{ "rounded-ee": i }],
+		"rounded-es": [{ "rounded-es": i }],
+		"rounded-tl": [{ "rounded-tl": i }],
+		"rounded-tr": [{ "rounded-tr": i }],
+		"rounded-br": [{ "rounded-br": i }],
+		"rounded-bl": [{ "rounded-bl": i }],
+		shadow: [{ shadow: a }]
+	} }
 };
+//#endregion
+export { s as twMergeConfig };

package/dist/esm/utils/tailwind-merge.js

@@ -1,8 +1,6 @@
-import { createTailwindMerge as e, mergeConfigs as r, getDefaultConfig as o } from "tailwind-merge";
-import { twMergeConfig as g } from "./merge-config.js";
-const f = e(
-  () => r(o(), g)
-);
-export {
-  f as uyMerge
-};
+import { twMergeConfig as e } from "./merge-config.js";
+import { createTailwindMerge as t, getDefaultConfig as n, mergeConfigs as r } from "tailwind-merge";
+//#region src/utils/tailwind-merge.ts
+var i = t(() => r(n(), e));
+//#endregion
+export { i as uyMerge };

package/dist/esm/utils/tailwind-variants.js

@@ -1,9 +1,9 @@
-import { createTV as r } from "tailwind-variants";
 import { twMergeConfig as e } from "./merge-config.js";
-const m = r({
-  twMerge: !0,
-  twMergeConfig: e
+import { createTV as t } from "tailwind-variants";
+//#region src/utils/tailwind-variants.ts
+var n = t({
+	twMerge: !0,
+	twMergeConfig: e
 });
-export {
-  m as uyTv
-};
+//#endregion
+export { n as uyTv };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-themes",
-  "version": "2.47.4",
+  "version": "2.47.6",
   "main": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
   "style": "./dist/css/unity.css",
@@ -51,7 +51,7 @@
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "@types/tinycolor2": "1.4.6",
-    "@vitest/browser": "4.1.0",
+    "@vitest/browser": "4.1.9",
     "msw": "2.14.6",
     "msw-storybook-addon": "2.0.7",
     "playwright": "1.55.1",
@@ -62,8 +62,8 @@
     "storybook": "10.4.4",
     "tsx": "4.20.5",
     "typescript": "6.0.3",
-    "vite": "7.1.12",
-    "vitest": "4.1.0",
+    "vite": "8.0.16",
+    "vitest": "4.1.9",
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",