@evolve.ui/theme-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/allThemes-CFS_9-tk.cjs +34 -0
  2. package/allThemes-CFS_9-tk.cjs.map +1 -0
  3. package/allThemes-OV-ayn4C.mjs +17 -0
  4. package/allThemes-OV-ayn4C.mjs.map +1 -0
  5. package/allThemes.cjs +6 -0
  6. package/allThemes.d.cts +11 -0
  7. package/allThemes.d.cts.map +1 -0
  8. package/allThemes.d.mts +11 -0
  9. package/allThemes.d.mts.map +1 -0
  10. package/allThemes.mjs +2 -0
  11. package/brands-n30rolHQ.d.cts +33 -0
  12. package/brands-n30rolHQ.d.cts.map +1 -0
  13. package/brands-n30rolHQ.d.mts +33 -0
  14. package/brands-n30rolHQ.d.mts.map +1 -0
  15. package/brands.cjs +41 -0
  16. package/brands.cjs.map +1 -0
  17. package/brands.d.cts +2 -0
  18. package/brands.d.mts +2 -0
  19. package/brands.mjs +35 -0
  20. package/brands.mjs.map +1 -0
  21. package/cn.cjs +43 -0
  22. package/cn.cjs.map +1 -0
  23. package/cn.d.cts +36 -0
  24. package/cn.d.cts.map +1 -0
  25. package/cn.d.mts +36 -0
  26. package/cn.d.mts.map +1 -0
  27. package/cn.mjs +39 -0
  28. package/cn.mjs.map +1 -0
  29. package/css/BasketballTraining.css +377 -0
  30. package/css/Default.css +377 -0
  31. package/css/ProfessionalBrand.css +377 -0
  32. package/default-B2n4PnsJ.mjs +914 -0
  33. package/default-B2n4PnsJ.mjs.map +1 -0
  34. package/default-b-tgfyxR.cjs +956 -0
  35. package/default-b-tgfyxR.cjs.map +1 -0
  36. package/fontFamily-BBoee6cS.cjs +85 -0
  37. package/fontFamily-BBoee6cS.cjs.map +1 -0
  38. package/fontFamily-DTm-Yz5-.mjs +31 -0
  39. package/fontFamily-DTm-Yz5-.mjs.map +1 -0
  40. package/index.cjs +249 -0
  41. package/index.cjs.map +1 -0
  42. package/index.d.cts +516 -0
  43. package/index.d.cts.map +1 -0
  44. package/index.d.mts +516 -0
  45. package/index.d.mts.map +1 -0
  46. package/index.mjs +28 -0
  47. package/index.mjs.map +1 -0
  48. package/package.json +53 -0
  49. package/plugin-D4eCyUJe.mjs +583 -0
  50. package/plugin-D4eCyUJe.mjs.map +1 -0
  51. package/plugin-DPtvp4lp.cjs +601 -0
  52. package/plugin-DPtvp4lp.cjs.map +1 -0
  53. package/spacing-B2mhXYOl.cjs +1446 -0
  54. package/spacing-B2mhXYOl.cjs.map +1 -0
  55. package/spacing-D43IZfIU.mjs +289 -0
  56. package/spacing-D43IZfIU.mjs.map +1 -0
  57. package/tailwind/plugin.cjs +6 -0
  58. package/tailwind/plugin.d.cts +18 -0
  59. package/tailwind/plugin.d.cts.map +1 -0
  60. package/tailwind/plugin.d.mts +18 -0
  61. package/tailwind/plugin.d.mts.map +1 -0
  62. package/tailwind/plugin.mjs +2 -0
  63. package/tailwind.config.cjs +2 -0
  64. package/tailwind.config.mjs +2 -0
  65. package/themes/common.cjs +68 -0
  66. package/themes/common.cjs.map +1 -0
  67. package/themes/common.d.cts +58 -0
  68. package/themes/common.d.cts.map +1 -0
  69. package/themes/common.d.mts +58 -0
  70. package/themes/common.d.mts.map +1 -0
  71. package/themes/common.mjs +61 -0
  72. package/themes/common.mjs.map +1 -0
  73. package/themes/runtime/default.cjs +6 -0
  74. package/themes/runtime/default.d.cts +7 -0
  75. package/themes/runtime/default.d.cts.map +1 -0
  76. package/themes/runtime/default.d.mts +7 -0
  77. package/themes/runtime/default.d.mts.map +1 -0
  78. package/themes/runtime/default.mjs +2 -0
  79. package/themes/themeType.cjs +0 -0
  80. package/themes/themeType.d.cts +284 -0
  81. package/themes/themeType.d.cts.map +1 -0
  82. package/themes/themeType.d.mts +284 -0
  83. package/themes/themeType.d.mts.map +1 -0
  84. package/themes/themeType.mjs +1 -0
@@ -0,0 +1,34 @@
1
+ const require_default = require("./default-b-tgfyxR.cjs");
2
+ //#region src/themes/runtime/basketballTraining.ts
3
+ const basketballTrainingTheme = require_default.buildRuntimeTheme("BasketballTraining");
4
+ //#endregion
5
+ //#region src/themes/runtime/professionalBrand.ts
6
+ const professionalBrandTheme = require_default.buildRuntimeTheme("ProfessionalBrand");
7
+ //#endregion
8
+ //#region src/themes/allThemes.ts
9
+ const allThemes = {
10
+ BasketballTraining: basketballTrainingTheme,
11
+ Default: require_default.defaultTheme,
12
+ ProfessionalBrand: professionalBrandTheme
13
+ };
14
+ //#endregion
15
+ Object.defineProperty(exports, "allThemes", {
16
+ enumerable: true,
17
+ get: function() {
18
+ return allThemes;
19
+ }
20
+ });
21
+ Object.defineProperty(exports, "basketballTrainingTheme", {
22
+ enumerable: true,
23
+ get: function() {
24
+ return basketballTrainingTheme;
25
+ }
26
+ });
27
+ Object.defineProperty(exports, "professionalBrandTheme", {
28
+ enumerable: true,
29
+ get: function() {
30
+ return professionalBrandTheme;
31
+ }
32
+ });
33
+
34
+ //# sourceMappingURL=allThemes-CFS_9-tk.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"allThemes-CFS_9-tk.cjs","names":["buildRuntimeTheme","buildRuntimeTheme","defaultTheme"],"sources":["../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/allThemes.ts"],"sourcesContent":["import { buildRuntimeTheme } from './buildTheme';\n\nexport const basketballTrainingTheme = buildRuntimeTheme('BasketballTraining');\n","import { buildRuntimeTheme } from './buildTheme';\n\nexport const professionalBrandTheme = buildRuntimeTheme('ProfessionalBrand');\n","import type { Brands } from './brands';\nimport type { CleanTheme } from './themeType';\n\nimport { basketballTrainingTheme } from './runtime/basketballTraining';\nimport { defaultTheme } from './runtime/default';\nimport { professionalBrandTheme } from './runtime/professionalBrand';\n\nexport const allThemes = {\n BasketballTraining: basketballTrainingTheme,\n Default: defaultTheme,\n ProfessionalBrand: professionalBrandTheme,\n} as const satisfies Record<Brands, CleanTheme>;\n"],"mappings":";;AAEA,MAAa,0BAA0BA,gBAAAA,kBAAkB,oBAAoB;;;ACA7E,MAAa,yBAAyBC,gBAAAA,kBAAkB,mBAAmB;;;ACK3E,MAAa,YAAY;CACrB,oBAAoB;CACpB,SAASC,gBAAAA;CACT,mBAAmB;AACvB"}
@@ -0,0 +1,17 @@
1
+ import { n as buildRuntimeTheme, t as defaultTheme } from "./default-B2n4PnsJ.mjs";
2
+ //#region src/themes/runtime/basketballTraining.ts
3
+ const basketballTrainingTheme = buildRuntimeTheme("BasketballTraining");
4
+ //#endregion
5
+ //#region src/themes/runtime/professionalBrand.ts
6
+ const professionalBrandTheme = buildRuntimeTheme("ProfessionalBrand");
7
+ //#endregion
8
+ //#region src/themes/allThemes.ts
9
+ const allThemes = {
10
+ BasketballTraining: basketballTrainingTheme,
11
+ Default: defaultTheme,
12
+ ProfessionalBrand: professionalBrandTheme
13
+ };
14
+ //#endregion
15
+ export { professionalBrandTheme as n, basketballTrainingTheme as r, allThemes as t };
16
+
17
+ //# sourceMappingURL=allThemes-OV-ayn4C.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"allThemes-OV-ayn4C.mjs","names":[],"sources":["../src/themes/runtime/basketballTraining.ts","../src/themes/runtime/professionalBrand.ts","../src/themes/allThemes.ts"],"sourcesContent":["import { buildRuntimeTheme } from './buildTheme';\n\nexport const basketballTrainingTheme = buildRuntimeTheme('BasketballTraining');\n","import { buildRuntimeTheme } from './buildTheme';\n\nexport const professionalBrandTheme = buildRuntimeTheme('ProfessionalBrand');\n","import type { Brands } from './brands';\nimport type { CleanTheme } from './themeType';\n\nimport { basketballTrainingTheme } from './runtime/basketballTraining';\nimport { defaultTheme } from './runtime/default';\nimport { professionalBrandTheme } from './runtime/professionalBrand';\n\nexport const allThemes = {\n BasketballTraining: basketballTrainingTheme,\n Default: defaultTheme,\n ProfessionalBrand: professionalBrandTheme,\n} as const satisfies Record<Brands, CleanTheme>;\n"],"mappings":";;AAEA,MAAa,0BAA0B,kBAAkB,oBAAoB;;;ACA7E,MAAa,yBAAyB,kBAAkB,mBAAmB;;;ACK3E,MAAa,YAAY;CACrB,oBAAoB;CACpB,SAAS;CACT,mBAAmB;AACvB"}
package/allThemes.cjs ADDED
@@ -0,0 +1,6 @@
1
+ Object.defineProperties(exports, {
2
+ __esModule: { value: true },
3
+ [Symbol.toStringTag]: { value: "Module" }
4
+ });
5
+ const require_allThemes = require("./allThemes-CFS_9-tk.cjs");
6
+ exports.allThemes = require_allThemes.allThemes;
@@ -0,0 +1,11 @@
1
+ import { Theme } from "./themes/themeType.cjs";
2
+
3
+ //#region src/themes/allThemes.d.ts
4
+ declare const allThemes: {
5
+ readonly BasketballTraining: Theme;
6
+ readonly Default: Theme;
7
+ readonly ProfessionalBrand: Theme;
8
+ };
9
+ //#endregion
10
+ export { allThemes };
11
+ //# sourceMappingURL=allThemes.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"allThemes.d.cts","names":[],"sources":["../src/themes/allThemes.ts"],"mappings":";;;cAOa,SAAA;EAAA,6BAIkC,KAAA;EAAA"}
@@ -0,0 +1,11 @@
1
+ import { Theme } from "./themes/themeType.mjs";
2
+
3
+ //#region src/themes/allThemes.d.ts
4
+ declare const allThemes: {
5
+ readonly BasketballTraining: Theme;
6
+ readonly Default: Theme;
7
+ readonly ProfessionalBrand: Theme;
8
+ };
9
+ //#endregion
10
+ export { allThemes };
11
+ //# sourceMappingURL=allThemes.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"allThemes.d.mts","names":[],"sources":["../src/themes/allThemes.ts"],"mappings":";;;cAOa,SAAA;EAAA,6BAIkC,KAAA;EAAA"}
package/allThemes.mjs ADDED
@@ -0,0 +1,2 @@
1
+ import { t as allThemes } from "./allThemes-OV-ayn4C.mjs";
2
+ export { allThemes };
@@ -0,0 +1,33 @@
1
+ //#region src/themes/brands.d.ts
2
+ type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';
3
+ declare const brands: Brands[];
4
+ declare const brandsToCSS: Record<Brands, string>;
5
+ type BrandRegistryEntry = {
6
+ cssClass: string;
7
+ label: string;
8
+ storybookKey: Brands;
9
+ themeKey: Brands;
10
+ };
11
+ declare const brandRegistry: {
12
+ readonly BasketballTraining: {
13
+ readonly cssClass: string;
14
+ readonly label: "Basketball Training";
15
+ readonly storybookKey: "BasketballTraining";
16
+ readonly themeKey: "BasketballTraining";
17
+ };
18
+ readonly Default: {
19
+ readonly cssClass: string;
20
+ readonly label: "Default (Neutral)";
21
+ readonly storybookKey: "Default";
22
+ readonly themeKey: "Default";
23
+ };
24
+ readonly ProfessionalBrand: {
25
+ readonly cssClass: string;
26
+ readonly label: "Professional Brand";
27
+ readonly storybookKey: "ProfessionalBrand";
28
+ readonly themeKey: "ProfessionalBrand";
29
+ };
30
+ };
31
+ //#endregion
32
+ export { brandsToCSS as a, brands as i, Brands as n, brandRegistry as r, BrandRegistryEntry as t };
33
+ //# sourceMappingURL=brands-n30rolHQ.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brands-n30rolHQ.d.cts","names":[],"sources":["../src/themes/brands.ts"],"mappings":";KAAY,MAAA;AAAA,cAEC,MAAA,EAAQ,MAAM;AAAA,cAEd,WAAA,EAAa,MAAM,CAAC,MAAA;AAAA,KAMrB,kBAAA;EACR,QAAA;EACA,KAAA;EACA,YAAA,EAAc,MAAA;EACd,QAAA,EAAU,MAAM;AAAA;AAAA,cAGP,aAAA;EAAA"}
@@ -0,0 +1,33 @@
1
+ //#region src/themes/brands.d.ts
2
+ type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';
3
+ declare const brands: Brands[];
4
+ declare const brandsToCSS: Record<Brands, string>;
5
+ type BrandRegistryEntry = {
6
+ cssClass: string;
7
+ label: string;
8
+ storybookKey: Brands;
9
+ themeKey: Brands;
10
+ };
11
+ declare const brandRegistry: {
12
+ readonly BasketballTraining: {
13
+ readonly cssClass: string;
14
+ readonly label: "Basketball Training";
15
+ readonly storybookKey: "BasketballTraining";
16
+ readonly themeKey: "BasketballTraining";
17
+ };
18
+ readonly Default: {
19
+ readonly cssClass: string;
20
+ readonly label: "Default (Neutral)";
21
+ readonly storybookKey: "Default";
22
+ readonly themeKey: "Default";
23
+ };
24
+ readonly ProfessionalBrand: {
25
+ readonly cssClass: string;
26
+ readonly label: "Professional Brand";
27
+ readonly storybookKey: "ProfessionalBrand";
28
+ readonly themeKey: "ProfessionalBrand";
29
+ };
30
+ };
31
+ //#endregion
32
+ export { brandsToCSS as a, brands as i, Brands as n, brandRegistry as r, BrandRegistryEntry as t };
33
+ //# sourceMappingURL=brands-n30rolHQ.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brands-n30rolHQ.d.mts","names":[],"sources":["../src/themes/brands.ts"],"mappings":";KAAY,MAAA;AAAA,cAEC,MAAA,EAAQ,MAAM;AAAA,cAEd,WAAA,EAAa,MAAM,CAAC,MAAA;AAAA,KAMrB,kBAAA;EACR,QAAA;EACA,KAAA;EACA,YAAA,EAAc,MAAA;EACd,QAAA,EAAU,MAAM;AAAA;AAAA,cAGP,aAAA;EAAA"}
package/brands.cjs ADDED
@@ -0,0 +1,41 @@
1
+ Object.defineProperties(exports, {
2
+ __esModule: { value: true },
3
+ [Symbol.toStringTag]: { value: "Module" }
4
+ });
5
+ //#region src/themes/brands.ts
6
+ const brands = [
7
+ "BasketballTraining",
8
+ "ProfessionalBrand",
9
+ "Default"
10
+ ];
11
+ const brandsToCSS = {
12
+ BasketballTraining: "brand-basketball",
13
+ Default: "brand-default",
14
+ ProfessionalBrand: "brand-professional"
15
+ };
16
+ const brandRegistry = {
17
+ BasketballTraining: {
18
+ cssClass: brandsToCSS.BasketballTraining,
19
+ label: "Basketball Training",
20
+ storybookKey: "BasketballTraining",
21
+ themeKey: "BasketballTraining"
22
+ },
23
+ Default: {
24
+ cssClass: brandsToCSS.Default,
25
+ label: "Default (Neutral)",
26
+ storybookKey: "Default",
27
+ themeKey: "Default"
28
+ },
29
+ ProfessionalBrand: {
30
+ cssClass: brandsToCSS.ProfessionalBrand,
31
+ label: "Professional Brand",
32
+ storybookKey: "ProfessionalBrand",
33
+ themeKey: "ProfessionalBrand"
34
+ }
35
+ };
36
+ //#endregion
37
+ exports.brandRegistry = brandRegistry;
38
+ exports.brands = brands;
39
+ exports.brandsToCSS = brandsToCSS;
40
+
41
+ //# sourceMappingURL=brands.cjs.map
package/brands.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brands.cjs","names":[],"sources":["../src/themes/brands.ts"],"sourcesContent":["export type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';\n\nexport const brands: Brands[] = ['BasketballTraining', 'ProfessionalBrand', 'Default'];\n\nexport const brandsToCSS: Record<Brands, string> = {\n BasketballTraining: 'brand-basketball',\n Default: 'brand-default',\n ProfessionalBrand: 'brand-professional',\n};\n\nexport type BrandRegistryEntry = {\n cssClass: string;\n label: string;\n storybookKey: Brands;\n themeKey: Brands;\n};\n\nexport const brandRegistry = {\n BasketballTraining: {\n cssClass: brandsToCSS.BasketballTraining,\n label: 'Basketball Training',\n storybookKey: 'BasketballTraining',\n themeKey: 'BasketballTraining',\n },\n Default: {\n cssClass: brandsToCSS.Default,\n label: 'Default (Neutral)',\n storybookKey: 'Default',\n themeKey: 'Default',\n },\n ProfessionalBrand: {\n cssClass: brandsToCSS.ProfessionalBrand,\n label: 'Professional Brand',\n storybookKey: 'ProfessionalBrand',\n themeKey: 'ProfessionalBrand',\n },\n} as const satisfies Record<Brands, BrandRegistryEntry>;\n"],"mappings":";;;;;AAEA,MAAa,SAAmB;CAAC;CAAsB;CAAqB;AAAS;AAErF,MAAa,cAAsC;CAC/C,oBAAoB;CACpB,SAAS;CACT,mBAAmB;AACvB;AASA,MAAa,gBAAgB;CACzB,oBAAoB;EAChB,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;CACA,SAAS;EACL,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;CACA,mBAAmB;EACf,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;AACJ"}
package/brands.d.cts ADDED
@@ -0,0 +1,2 @@
1
+ import { a as brandsToCSS, i as brands, n as Brands, r as brandRegistry, t as BrandRegistryEntry } from "./brands-n30rolHQ.cjs";
2
+ export { BrandRegistryEntry, Brands, brandRegistry, brands, brandsToCSS };
package/brands.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { a as brandsToCSS, i as brands, n as Brands, r as brandRegistry, t as BrandRegistryEntry } from "./brands-n30rolHQ.mjs";
2
+ export { BrandRegistryEntry, Brands, brandRegistry, brands, brandsToCSS };
package/brands.mjs ADDED
@@ -0,0 +1,35 @@
1
+ //#region src/themes/brands.ts
2
+ const brands = [
3
+ "BasketballTraining",
4
+ "ProfessionalBrand",
5
+ "Default"
6
+ ];
7
+ const brandsToCSS = {
8
+ BasketballTraining: "brand-basketball",
9
+ Default: "brand-default",
10
+ ProfessionalBrand: "brand-professional"
11
+ };
12
+ const brandRegistry = {
13
+ BasketballTraining: {
14
+ cssClass: brandsToCSS.BasketballTraining,
15
+ label: "Basketball Training",
16
+ storybookKey: "BasketballTraining",
17
+ themeKey: "BasketballTraining"
18
+ },
19
+ Default: {
20
+ cssClass: brandsToCSS.Default,
21
+ label: "Default (Neutral)",
22
+ storybookKey: "Default",
23
+ themeKey: "Default"
24
+ },
25
+ ProfessionalBrand: {
26
+ cssClass: brandsToCSS.ProfessionalBrand,
27
+ label: "Professional Brand",
28
+ storybookKey: "ProfessionalBrand",
29
+ themeKey: "ProfessionalBrand"
30
+ }
31
+ };
32
+ //#endregion
33
+ export { brandRegistry, brands, brandsToCSS };
34
+
35
+ //# sourceMappingURL=brands.mjs.map
package/brands.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brands.mjs","names":[],"sources":["../src/themes/brands.ts"],"sourcesContent":["export type Brands = 'BasketballTraining' | 'ProfessionalBrand' | 'Default';\n\nexport const brands: Brands[] = ['BasketballTraining', 'ProfessionalBrand', 'Default'];\n\nexport const brandsToCSS: Record<Brands, string> = {\n BasketballTraining: 'brand-basketball',\n Default: 'brand-default',\n ProfessionalBrand: 'brand-professional',\n};\n\nexport type BrandRegistryEntry = {\n cssClass: string;\n label: string;\n storybookKey: Brands;\n themeKey: Brands;\n};\n\nexport const brandRegistry = {\n BasketballTraining: {\n cssClass: brandsToCSS.BasketballTraining,\n label: 'Basketball Training',\n storybookKey: 'BasketballTraining',\n themeKey: 'BasketballTraining',\n },\n Default: {\n cssClass: brandsToCSS.Default,\n label: 'Default (Neutral)',\n storybookKey: 'Default',\n themeKey: 'Default',\n },\n ProfessionalBrand: {\n cssClass: brandsToCSS.ProfessionalBrand,\n label: 'Professional Brand',\n storybookKey: 'ProfessionalBrand',\n themeKey: 'ProfessionalBrand',\n },\n} as const satisfies Record<Brands, BrandRegistryEntry>;\n"],"mappings":";AAEA,MAAa,SAAmB;CAAC;CAAsB;CAAqB;AAAS;AAErF,MAAa,cAAsC;CAC/C,oBAAoB;CACpB,SAAS;CACT,mBAAmB;AACvB;AASA,MAAa,gBAAgB;CACzB,oBAAoB;EAChB,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;CACA,SAAS;EACL,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;CACA,mBAAmB;EACf,UAAU,YAAY;EACtB,OAAO;EACP,cAAc;EACd,UAAU;CACd;AACJ"}
package/cn.cjs ADDED
@@ -0,0 +1,43 @@
1
+ Object.defineProperties(exports, {
2
+ __esModule: { value: true },
3
+ [Symbol.toStringTag]: { value: "Module" }
4
+ });
5
+ let clsx = require("clsx");
6
+ let tailwind_merge = require("tailwind-merge");
7
+ //#region src/utils/cn.ts
8
+ /**
9
+ * Utility function to merge Tailwind CSS classes with proper conflict resolution
10
+ *
11
+ * Combines clsx for conditional class names and tailwind-merge for
12
+ * deduplication and conflict resolution
13
+ *
14
+ * @example
15
+ * ```typescript
16
+ * import { cn } from '@evolve.ui/theme-system';
17
+ *
18
+ * // Basic usage
19
+ * cn('px-2 py-1', 'rounded-md');
20
+ * // => 'px-2 py-1 rounded-md'
21
+ *
22
+ * // With conditionals
23
+ * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');
24
+ * // => 'button button-active' (if isActive is true)
25
+ *
26
+ * // Object syntax
27
+ * cn('button', {
28
+ * 'button-primary': variant === 'primary',
29
+ * 'button-secondary': variant === 'secondary',
30
+ * });
31
+ *
32
+ * // Conflict resolution (last wins)
33
+ * cn('p-4', 'p-2');
34
+ * // => 'p-2'
35
+ * ```
36
+ */
37
+ const cn = (...inputs) => {
38
+ return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
39
+ };
40
+ //#endregion
41
+ exports.cn = cn;
42
+
43
+ //# sourceMappingURL=cn.cjs.map
package/cn.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.cjs","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes with proper conflict resolution\n *\n * Combines clsx for conditional class names and tailwind-merge for\n * deduplication and conflict resolution\n *\n * @example\n * ```typescript\n * import { cn } from '@evolve.ui/theme-system';\n *\n * // Basic usage\n * cn('px-2 py-1', 'rounded-md');\n * // => 'px-2 py-1 rounded-md'\n *\n * // With conditionals\n * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');\n * // => 'button button-active' (if isActive is true)\n *\n * // Object syntax\n * cn('button', {\n * 'button-primary': variant === 'primary',\n * 'button-secondary': variant === 'secondary',\n * });\n *\n * // Conflict resolution (last wins)\n * cn('p-4', 'p-2');\n * // => 'p-2'\n * ```\n */\nexport const cn = (...inputs: ClassValue[]) => {\n return twMerge(clsx(inputs));\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,MAAM,GAAG,WAAyB;CAC3C,QAAA,GAAA,eAAA,QAAA,EAAA,GAAA,KAAA,KAAA,CAAoB,MAAM,CAAC;AAC/B"}
package/cn.d.cts ADDED
@@ -0,0 +1,36 @@
1
+ import { ClassValue } from "clsx";
2
+
3
+ //#region src/utils/cn.d.ts
4
+ /**
5
+ * Utility function to merge Tailwind CSS classes with proper conflict resolution
6
+ *
7
+ * Combines clsx for conditional class names and tailwind-merge for
8
+ * deduplication and conflict resolution
9
+ *
10
+ * @example
11
+ * ```typescript
12
+ * import { cn } from '@evolve.ui/theme-system';
13
+ *
14
+ * // Basic usage
15
+ * cn('px-2 py-1', 'rounded-md');
16
+ * // => 'px-2 py-1 rounded-md'
17
+ *
18
+ * // With conditionals
19
+ * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');
20
+ * // => 'button button-active' (if isActive is true)
21
+ *
22
+ * // Object syntax
23
+ * cn('button', {
24
+ * 'button-primary': variant === 'primary',
25
+ * 'button-secondary': variant === 'secondary',
26
+ * });
27
+ *
28
+ * // Conflict resolution (last wins)
29
+ * cn('p-4', 'p-2');
30
+ * // => 'p-2'
31
+ * ```
32
+ */
33
+ declare const cn: (...inputs: ClassValue[]) => string;
34
+ //#endregion
35
+ export { cn };
36
+ //# sourceMappingURL=cn.d.cts.map
package/cn.d.cts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.d.cts","names":[],"sources":["../src/utils/cn.ts"],"mappings":";;;;;AAgCA;;;;AAAwC;;;;;;;;;;;;;;;;;;;;;;;cAA3B,EAAA,MAAS,MAAA,EAAQ,UAAU"}
package/cn.d.mts ADDED
@@ -0,0 +1,36 @@
1
+ import { ClassValue } from "clsx";
2
+
3
+ //#region src/utils/cn.d.ts
4
+ /**
5
+ * Utility function to merge Tailwind CSS classes with proper conflict resolution
6
+ *
7
+ * Combines clsx for conditional class names and tailwind-merge for
8
+ * deduplication and conflict resolution
9
+ *
10
+ * @example
11
+ * ```typescript
12
+ * import { cn } from '@evolve.ui/theme-system';
13
+ *
14
+ * // Basic usage
15
+ * cn('px-2 py-1', 'rounded-md');
16
+ * // => 'px-2 py-1 rounded-md'
17
+ *
18
+ * // With conditionals
19
+ * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');
20
+ * // => 'button button-active' (if isActive is true)
21
+ *
22
+ * // Object syntax
23
+ * cn('button', {
24
+ * 'button-primary': variant === 'primary',
25
+ * 'button-secondary': variant === 'secondary',
26
+ * });
27
+ *
28
+ * // Conflict resolution (last wins)
29
+ * cn('p-4', 'p-2');
30
+ * // => 'p-2'
31
+ * ```
32
+ */
33
+ declare const cn: (...inputs: ClassValue[]) => string;
34
+ //#endregion
35
+ export { cn };
36
+ //# sourceMappingURL=cn.d.mts.map
package/cn.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.d.mts","names":[],"sources":["../src/utils/cn.ts"],"mappings":";;;;;AAgCA;;;;AAAwC;;;;;;;;;;;;;;;;;;;;;;;cAA3B,EAAA,MAAS,MAAA,EAAQ,UAAU"}
package/cn.mjs ADDED
@@ -0,0 +1,39 @@
1
+ import { clsx } from "clsx";
2
+ import { twMerge } from "tailwind-merge";
3
+ //#region src/utils/cn.ts
4
+ /**
5
+ * Utility function to merge Tailwind CSS classes with proper conflict resolution
6
+ *
7
+ * Combines clsx for conditional class names and tailwind-merge for
8
+ * deduplication and conflict resolution
9
+ *
10
+ * @example
11
+ * ```typescript
12
+ * import { cn } from '@evolve.ui/theme-system';
13
+ *
14
+ * // Basic usage
15
+ * cn('px-2 py-1', 'rounded-md');
16
+ * // => 'px-2 py-1 rounded-md'
17
+ *
18
+ * // With conditionals
19
+ * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');
20
+ * // => 'button button-active' (if isActive is true)
21
+ *
22
+ * // Object syntax
23
+ * cn('button', {
24
+ * 'button-primary': variant === 'primary',
25
+ * 'button-secondary': variant === 'secondary',
26
+ * });
27
+ *
28
+ * // Conflict resolution (last wins)
29
+ * cn('p-4', 'p-2');
30
+ * // => 'p-2'
31
+ * ```
32
+ */
33
+ const cn = (...inputs) => {
34
+ return twMerge(clsx(inputs));
35
+ };
36
+ //#endregion
37
+ export { cn };
38
+
39
+ //# sourceMappingURL=cn.mjs.map
package/cn.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.mjs","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Utility function to merge Tailwind CSS classes with proper conflict resolution\n *\n * Combines clsx for conditional class names and tailwind-merge for\n * deduplication and conflict resolution\n *\n * @example\n * ```typescript\n * import { cn } from '@evolve.ui/theme-system';\n *\n * // Basic usage\n * cn('px-2 py-1', 'rounded-md');\n * // => 'px-2 py-1 rounded-md'\n *\n * // With conditionals\n * cn('button', isActive && 'button-active', isDisabled && 'opacity-50');\n * // => 'button button-active' (if isActive is true)\n *\n * // Object syntax\n * cn('button', {\n * 'button-primary': variant === 'primary',\n * 'button-secondary': variant === 'secondary',\n * });\n *\n * // Conflict resolution (last wins)\n * cn('p-4', 'p-2');\n * // => 'p-2'\n * ```\n */\nexport const cn = (...inputs: ClassValue[]) => {\n return twMerge(clsx(inputs));\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,MAAM,GAAG,WAAyB;CAC3C,OAAO,QAAQ,KAAK,MAAM,CAAC;AAC/B"}