@vuecs/theme-bulma 1.0.0

package/dist/index.mjs

@@ -0,0 +1,2604 @@
+import { COLOR_PALETTES, COLOR_PALETTE_SHADES, SEMANTIC_SCALES, applyColorPaletteCss, useColorPalette } from "@vuecs/design";
+//#region src/palette-catalog.ts
+const COLOR_PALETTE_HSL = {
+	slate: {
+		"50": {
+			h: 210,
+			s: 34.55,
+			l: 98
+		},
+		"100": {
+			h: 210,
+			s: 40.55,
+			l: 96.05
+		},
+		"200": {
+			h: 214.28,
+			s: 32.97,
+			l: 91.42
+		},
+		"300": {
+			h: 212.72,
+			s: 29.91,
+			l: 84.02
+		},
+		"400": {
+			h: 214.99,
+			s: 22.59,
+			l: 64.5
+		},
+		"500": {
+			h: 215.38,
+			s: 18.37,
+			l: 47.03
+		},
+		"600": {
+			h: 215.29,
+			s: 22.04,
+			l: 34.76
+		},
+		"700": {
+			h: 215.29,
+			s: 27.93,
+			l: 26.85
+		},
+		"800": {
+			h: 217.28,
+			s: 36.07,
+			l: 17.54
+		},
+		"900": {
+			h: 222.34,
+			s: 49.39,
+			l: 11.3
+		},
+		"950": {
+			h: 228.82,
+			s: 85.13,
+			l: 5
+		}
+	},
+	gray: {
+		"50": {
+			h: 210,
+			s: 24.19,
+			l: 98.1
+		},
+		"100": {
+			h: 220,
+			s: 14.97,
+			l: 95.9
+		},
+		"200": {
+			h: 220,
+			s: 13.57,
+			l: 91.05
+		},
+		"300": {
+			h: 216,
+			s: 13.12,
+			l: 84
+		},
+		"400": {
+			h: 217.9,
+			s: 11.92,
+			l: 64.26
+		},
+		"500": {
+			h: 220.03,
+			s: 10.26,
+			l: 46.3
+		},
+		"600": {
+			h: 214.99,
+			s: 15.66,
+			l: 34.25
+		},
+		"700": {
+			h: 216.94,
+			s: 21.1,
+			l: 26.81
+		},
+		"800": {
+			h: 214.99,
+			s: 30.99,
+			l: 16.95
+		},
+		"900": {
+			h: 221,
+			s: 41.69,
+			l: 11.07
+		},
+		"950": {
+			h: 224.05,
+			s: 72.24,
+			l: 4.17
+		}
+	},
+	zinc: {
+		"50": {
+			h: 300,
+			s: 0,
+			l: 98.03
+		},
+		"100": {
+			h: 239.99,
+			s: 3.51,
+			l: 95.79
+		},
+		"200": {
+			h: 240,
+			s: 5.86,
+			l: 90.03
+		},
+		"300": {
+			h: 240.02,
+			s: 5.38,
+			l: 83.97
+		},
+		"400": {
+			h: 240.08,
+			s: 5.71,
+			l: 64.3
+		},
+		"500": {
+			h: 240.1,
+			s: 4.41,
+			l: 46.34
+		},
+		"600": {
+			h: 240.13,
+			s: 6,
+			l: 34.16
+		},
+		"700": {
+			h: 240.08,
+			s: 5.74,
+			l: 26.15
+		},
+		"800": {
+			h: 240.05,
+			s: 4.04,
+			l: 15.93
+		},
+		"900": {
+			h: 240.02,
+			s: 6.03,
+			l: 9.98
+		},
+		"950": {
+			h: 240.1,
+			s: 11.24,
+			l: 3.98
+		}
+	},
+	neutral: {
+		"50": {
+			h: 300,
+			s: 0,
+			l: 98.03
+		},
+		"100": {
+			h: 300,
+			s: 0,
+			l: 96.06
+		},
+		"200": {
+			h: 330,
+			s: 0,
+			l: 89.82
+		},
+		"300": {
+			h: 340,
+			s: 0,
+			l: 83.14
+		},
+		"400": {
+			h: 0,
+			s: 0,
+			l: 63.02
+		},
+		"500": {
+			h: 300,
+			s: 0,
+			l: 45.15
+		},
+		"600": {
+			h: 330,
+			s: 0,
+			l: 32.2
+		},
+		"700": {
+			h: 300,
+			s: 0,
+			l: 25.05
+		},
+		"800": {
+			h: 0,
+			s: 0,
+			l: 14.94
+		},
+		"900": {
+			h: 330,
+			s: 0,
+			l: 9.05
+		},
+		"950": {
+			h: 300,
+			s: 0,
+			l: 3.94
+		}
+	},
+	stone: {
+		"50": {
+			h: 60.01,
+			s: 7.09,
+			l: 97.9
+		},
+		"100": {
+			h: 60.01,
+			s: 3.65,
+			l: 95.94
+		},
+		"200": {
+			h: 20,
+			s: 6.87,
+			l: 89.98
+		},
+		"300": {
+			h: 24.01,
+			s: 6.69,
+			l: 82.98
+		},
+		"400": {
+			h: 24.01,
+			s: 5.85,
+			l: 63.05
+		},
+		"500": {
+			h: 25.02,
+			s: 5.9,
+			l: 44.64
+		},
+		"600": {
+			h: 33.35,
+			s: 6.28,
+			l: 32.24
+		},
+		"700": {
+			h: 30.02,
+			s: 7.22,
+			l: 25.04
+		},
+		"800": {
+			h: 12,
+			s: 7.23,
+			l: 15.07
+		},
+		"900": {
+			h: 24,
+			s: 9.61,
+			l: 9.99
+		},
+		"950": {
+			h: 20.04,
+			s: 13.84,
+			l: 4.13
+		}
+	},
+	red: {
+		"50": {
+			h: 360,
+			s: 88.21,
+			l: 97.32
+		},
+		"100": {
+			h: 359.98,
+			s: 98.78,
+			l: 94.25
+		},
+		"200": {
+			h: 359.95,
+			s: 102.84,
+			l: 89.64
+		},
+		"300": {
+			h: 359.73,
+			s: 105.47,
+			l: 82.22
+		},
+		"400": {
+			h: 358.76,
+			s: 101.84,
+			l: 69.84
+		},
+		"500": {
+			h: 356.95,
+			s: 95.9,
+			l: 57.72
+		},
+		"600": {
+			h: 351.73,
+			s: 123.67,
+			l: 40.53
+		},
+		"700": {
+			h: 353.32,
+			s: 117.97,
+			l: 34.72
+		},
+		"800": {
+			h: 355.94,
+			s: 91.15,
+			l: 32.55
+		},
+		"900": {
+			h: 358.8,
+			s: 69.3,
+			l: 30.07
+		},
+		"950": {
+			h: 359.29,
+			s: 79.42,
+			l: 15.35
+		}
+	},
+	orange: {
+		"50": {
+			h: 33.33,
+			s: 102.53,
+			l: 96.51
+		},
+		"100": {
+			h: 34.29,
+			s: 101.29,
+			l: 91.68
+		},
+		"200": {
+			h: 32.18,
+			s: 100.26,
+			l: 82.86
+		},
+		"300": {
+			h: 30.98,
+			s: 103.88,
+			l: 71.25
+		},
+		"400": {
+			h: 31.43,
+			s: 102.57,
+			l: 51.32
+		},
+		"500": {
+			h: 29.2,
+			s: 138.87,
+			l: 42.64
+		},
+		"600": {
+			h: 23.81,
+			s: 138.29,
+			l: 40.32
+		},
+		"700": {
+			h: 20.51,
+			s: 127.68,
+			l: 34.78
+		},
+		"800": {
+			h: 17.27,
+			s: 101.4,
+			l: 31.01
+		},
+		"900": {
+			h: 15.99,
+			s: 83.12,
+			l: 27.04
+		},
+		"950": {
+			h: 12.88,
+			s: 84.81,
+			l: 14.42
+		}
+	},
+	amber: {
+		"50": {
+			h: 47.99,
+			s: 101.62,
+			l: 96.03
+		},
+		"100": {
+			h: 47.99,
+			s: 97.34,
+			l: 88.73
+		},
+		"200": {
+			h: 48.02,
+			s: 98.23,
+			l: 75.9
+		},
+		"300": {
+			h: 46.82,
+			s: 100.74,
+			l: 59.53
+		},
+		"400": {
+			h: 46.68,
+			s: 159.66,
+			l: 38.52
+		},
+		"500": {
+			h: 40.58,
+			s: 156.01,
+			l: 38.84
+		},
+		"600": {
+			h: 34.92,
+			s: 147.57,
+			l: 35.7
+		},
+		"700": {
+			h: 29.07,
+			s: 133.04,
+			l: 31.4
+		},
+		"800": {
+			h: 25.56,
+			s: 111,
+			l: 27.98
+		},
+		"900": {
+			h: 23.04,
+			s: 90.17,
+			l: 25.26
+		},
+		"950": {
+			h: 20.9,
+			s: 96.65,
+			l: 13.94
+		}
+	},
+	yellow: {
+		"50": {
+			h: 54.55,
+			s: 90.61,
+			l: 95.28
+		},
+		"100": {
+			h: 54.89,
+			s: 97.52,
+			l: 87.84
+		},
+		"200": {
+			h: 52.74,
+			s: 99.45,
+			l: 76.08
+		},
+		"300": {
+			h: 51.29,
+			s: 100.85,
+			l: 56.47
+		},
+		"400": {
+			h: 49.97,
+			s: 174.35,
+			l: 36.19
+		},
+		"500": {
+			h: 47.3,
+			s: 165.47,
+			l: 35.46
+		},
+		"600": {
+			h: 42.71,
+			s: 157.07,
+			l: 31.8
+		},
+		"700": {
+			h: 38.01,
+			s: 139.31,
+			l: 27.21
+		},
+		"800": {
+			h: 34.56,
+			s: 115.14,
+			l: 24.91
+		},
+		"900": {
+			h: 29.52,
+			s: 83.35,
+			l: 24.57
+		},
+		"950": {
+			h: 26.16,
+			s: 87.52,
+			l: 13.96
+		}
+	},
+	lime: {
+		"50": {
+			h: 78.26,
+			s: 92.84,
+			l: 95.14
+		},
+		"100": {
+			h: 79.56,
+			s: 89.72,
+			l: 89.11
+		},
+		"200": {
+			h: 80.7,
+			s: 89.71,
+			l: 78.91
+		},
+		"300": {
+			h: 80.92,
+			s: 87.66,
+			l: 63.65
+		},
+		"400": {
+			h: 76.48,
+			s: 152.65,
+			l: 35.69
+		},
+		"500": {
+			h: 78.99,
+			s: 169.67,
+			l: 30.03
+		},
+		"600": {
+			h: 80.66,
+			s: 166.87,
+			l: 24.26
+		},
+		"700": {
+			h: 81.59,
+			s: 140.51,
+			l: 20.44
+		},
+		"800": {
+			h: 83.18,
+			s: 101.25,
+			l: 19.28
+		},
+		"900": {
+			h: 86.52,
+			s: 71.11,
+			l: 19.12
+		},
+		"950": {
+			h: 88.95,
+			s: 88.62,
+			l: 9.61
+		}
+	},
+	green: {
+		"50": {
+			h: 138.46,
+			s: 76.51,
+			l: 96.68
+		},
+		"100": {
+			h: 140.65,
+			s: 84.38,
+			l: 92.45
+		},
+		"200": {
+			h: 141.14,
+			s: 81.07,
+			l: 84.82
+		},
+		"300": {
+			h: 142.66,
+			s: 81.25,
+			l: 71.39
+		},
+		"400": {
+			h: 150.06,
+			s: 95.56,
+			l: 44.76
+		},
+		"500": {
+			h: 151.17,
+			s: 165.46,
+			l: 29.65
+		},
+		"600": {
+			h: 149.95,
+			s: 168.41,
+			l: 24.27
+		},
+		"700": {
+			h: 150,
+			s: 143.08,
+			l: 20.98
+		},
+		"800": {
+			h: 147.72,
+			s: 97.15,
+			l: 20.36
+		},
+		"900": {
+			h: 145.73,
+			s: 73.08,
+			l: 18.99
+		},
+		"950": {
+			h: 145.39,
+			s: 87.57,
+			l: 9.65
+		}
+	},
+	emerald: {
+		"50": {
+			h: 151.78,
+			s: 80.95,
+			l: 95.82
+		},
+		"100": {
+			h: 149.32,
+			s: 81.17,
+			l: 89.84
+		},
+		"200": {
+			h: 152.54,
+			s: 77.89,
+			l: 80.02
+		},
+		"300": {
+			h: 157.3,
+			s: 76.25,
+			l: 64.25
+		},
+		"400": {
+			h: 164.79,
+			s: 160.67,
+			l: 31.94
+		},
+		"500": {
+			h: 164.33,
+			s: 183,
+			l: 26.11
+		},
+		"600": {
+			h: 164.49,
+			s: 182.24,
+			l: 21.22
+		},
+		"700": {
+			h: 165.57,
+			s: 169.47,
+			l: 17.75
+		},
+		"800": {
+			h: 165.49,
+			s: 141.85,
+			l: 15.62
+		},
+		"900": {
+			h: 165.29,
+			s: 107.53,
+			l: 14.85
+		},
+		"950": {
+			h: 166.05,
+			s: 102.4,
+			l: 8.58
+		}
+	},
+	teal: {
+		"50": {
+			h: 166.15,
+			s: 77.06,
+			l: 96.74
+		},
+		"100": {
+			h: 167.27,
+			s: 86.98,
+			l: 89.13
+		},
+		"200": {
+			h: 168.51,
+			s: 85.39,
+			l: 77.72
+		},
+		"300": {
+			h: 171.35,
+			s: 81.79,
+			l: 60.15
+		},
+		"400": {
+			h: 174.78,
+			s: 172.21,
+			l: 30.68
+		},
+		"500": {
+			h: 175.02,
+			s: 181.45,
+			l: 26.06
+		},
+		"600": {
+			h: 175.86,
+			s: 177.43,
+			l: 21.24
+		},
+		"700": {
+			h: 176.37,
+			s: 150.17,
+			l: 18.75
+		},
+		"800": {
+			h: 176.85,
+			s: 115.91,
+			l: 17.28
+		},
+		"900": {
+			h: 176.3,
+			s: 76.01,
+			l: 17.51
+		},
+		"950": {
+			h: 178.66,
+			s: 91.58,
+			l: 9.64
+		}
+	},
+	cyan: {
+		"50": {
+			h: 183.16,
+			s: 99.92,
+			l: 96.25
+		},
+		"100": {
+			h: 185.11,
+			s: 96.43,
+			l: 90.29
+		},
+		"200": {
+			h: 186.2,
+			s: 95.77,
+			l: 81.44
+		},
+		"300": {
+			h: 186.71,
+			s: 97.47,
+			l: 65.9
+		},
+		"400": {
+			h: 186.13,
+			s: 175.02,
+			l: 34.58
+		},
+		"500": {
+			h: 187.47,
+			s: 173.4,
+			l: 31.36
+		},
+		"600": {
+			h: 189.97,
+			s: 161.86,
+			l: 27.59
+		},
+		"700": {
+			h: 190.86,
+			s: 142.8,
+			l: 24.02
+		},
+		"800": {
+			h: 192.65,
+			s: 101.49,
+			l: 23.39
+		},
+		"900": {
+			h: 195.82,
+			s: 72.14,
+			l: 22.87
+		},
+		"950": {
+			h: 196.69,
+			s: 85.44,
+			l: 14.55
+		}
+	},
+	sky: {
+		"50": {
+			h: 204,
+			s: 103.69,
+			l: 97.05
+		},
+		"100": {
+			h: 203.99,
+			s: 96.54,
+			l: 93.67
+		},
+		"200": {
+			h: 200.57,
+			s: 97.87,
+			l: 85.94
+		},
+		"300": {
+			h: 199.1,
+			s: 103.12,
+			l: 73.08
+		},
+		"400": {
+			h: 194.15,
+			s: 130.08,
+			l: 43.65
+		},
+		"500": {
+			h: 195.89,
+			s: 153.89,
+			l: 37.7
+		},
+		"600": {
+			h: 198.44,
+			s: 149.2,
+			l: 32.9
+		},
+		"700": {
+			h: 199.35,
+			s: 140.28,
+			l: 27.48
+		},
+		"800": {
+			h: 199.03,
+			s: 125.92,
+			l: 23.9
+		},
+		"900": {
+			h: 200.84,
+			s: 96.98,
+			l: 22.39
+		},
+		"950": {
+			h: 203.63,
+			s: 87.23,
+			l: 15.52
+		}
+	},
+	blue: {
+		"50": {
+			h: 213.75,
+			s: 96.48,
+			l: 96.79
+		},
+		"100": {
+			h: 214.28,
+			s: 96.22,
+			l: 92.78
+		},
+		"200": {
+			h: 213.33,
+			s: 100.45,
+			l: 87.28
+		},
+		"300": {
+			h: 211.63,
+			s: 106.83,
+			l: 78.56
+		},
+		"400": {
+			h: 212.79,
+			s: 106.33,
+			l: 66.84
+		},
+		"500": {
+			h: 216.89,
+			s: 105.65,
+			l: 59.61
+		},
+		"600": {
+			h: 221.34,
+			s: 97.06,
+			l: 53.5
+		},
+		"700": {
+			h: 225.35,
+			s: 84.1,
+			l: 48.98
+		},
+		"800": {
+			h: 227.1,
+			s: 75.74,
+			l: 41.14
+		},
+		"900": {
+			h: 224.86,
+			s: 67.28,
+			l: 33.33
+		},
+		"950": {
+			h: 226.51,
+			s: 58.74,
+			l: 21.15
+		}
+	},
+	indigo: {
+		"50": {
+			h: 225.88,
+			s: 100.93,
+			l: 96.69
+		},
+		"100": {
+			h: 226.46,
+			s: 102.7,
+			l: 93.98
+		},
+		"200": {
+			h: 228.05,
+			s: 103.13,
+			l: 89.09
+		},
+		"300": {
+			h: 229.92,
+			s: 108.23,
+			l: 82.67
+		},
+		"400": {
+			h: 235.61,
+			s: 106.77,
+			l: 75.23
+		},
+		"500": {
+			h: 240.97,
+			s: 102.48,
+			l: 68.98
+		},
+		"600": {
+			h: 246.99,
+			s: 91.66,
+			l: 59.53
+		},
+		"700": {
+			h: 247.88,
+			s: 68.29,
+			l: 51.07
+		},
+		"800": {
+			h: 246.14,
+			s: 60.99,
+			l: 41.85
+		},
+		"900": {
+			h: 243.26,
+			s: 50.34,
+			l: 34.77
+		},
+		"950": {
+			h: 244.4,
+			s: 49.1,
+			l: 20.16
+		}
+	},
+	violet: {
+		"50": {
+			h: 250,
+			s: 98.58,
+			l: 97.62
+		},
+		"100": {
+			h: 251.44,
+			s: 93.48,
+			l: 95.5
+		},
+		"200": {
+			h: 250.56,
+			s: 100.93,
+			l: 91.93
+		},
+		"300": {
+			h: 252.81,
+			s: 109.64,
+			l: 85.88
+		},
+		"400": {
+			h: 256.16,
+			s: 109,
+			l: 76.89
+		},
+		"500": {
+			h: 260.11,
+			s: 108.45,
+			l: 67.29
+		},
+		"600": {
+			h: 265.48,
+			s: 99.08,
+			l: 56.49
+		},
+		"700": {
+			h: 268,
+			s: 93.3,
+			l: 46.89
+		},
+		"800": {
+			h: 266.64,
+			s: 86.27,
+			l: 40.44
+		},
+		"900": {
+			h: 264.88,
+			s: 74.27,
+			l: 34.64
+		},
+		"950": {
+			h: 262.22,
+			s: 77.74,
+			l: 22.86
+		}
+	},
+	purple: {
+		"50": {
+			h: 270,
+			s: 98.85,
+			l: 98.04
+		},
+		"100": {
+			h: 268.7,
+			s: 99.95,
+			l: 95.45
+		},
+		"200": {
+			h: 268.62,
+			s: 105.97,
+			l: 91.9
+		},
+		"300": {
+			h: 269.4,
+			s: 112.21,
+			l: 85.76
+		},
+		"400": {
+			h: 270.72,
+			s: 110.6,
+			l: 75.3
+		},
+		"500": {
+			h: 272.11,
+			s: 107.77,
+			l: 65.15
+		},
+		"600": {
+			h: 274.91,
+			s: 96.1,
+			l: 52.15
+		},
+		"700": {
+			h: 276.41,
+			s: 106.31,
+			l: 41.55
+		},
+		"800": {
+			h: 274.93,
+			s: 82.4,
+			l: 37.87
+		},
+		"900": {
+			h: 274.52,
+			s: 72.39,
+			l: 31.62
+		},
+		"950": {
+			h: 274.32,
+			s: 94.3,
+			l: 20.66
+		}
+	},
+	fuchsia: {
+		"50": {
+			h: 289.09,
+			s: 95.95,
+			l: 97.79
+		},
+		"100": {
+			h: 286.96,
+			s: 103.85,
+			l: 95.53
+		},
+		"200": {
+			h: 288.26,
+			s: 100.65,
+			l: 90.7
+		},
+		"300": {
+			h: 291.08,
+			s: 104.24,
+			l: 83.22
+		},
+		"400": {
+			h: 292.04,
+			s: 102.91,
+			l: 71.3
+		},
+		"500": {
+			h: 292.61,
+			s: 96.35,
+			l: 57.51
+		},
+		"600": {
+			h: 294.63,
+			s: 129.26,
+			l: 38.02
+		},
+		"700": {
+			h: 295.49,
+			s: 122.56,
+			l: 32.26
+		},
+		"800": {
+			h: 295.8,
+			s: 98.24,
+			l: 29.35
+		},
+		"900": {
+			h: 296.7,
+			s: 72.35,
+			l: 27.25
+		},
+		"950": {
+			h: 296.75,
+			s: 99.06,
+			l: 15.6
+		}
+	},
+	pink: {
+		"50": {
+			h: 327.28,
+			s: 71.09,
+			l: 97
+		},
+		"100": {
+			h: 325.7,
+			s: 78.63,
+			l: 94.7
+		},
+		"200": {
+			h: 325.85,
+			s: 87.87,
+			l: 89.84
+		},
+		"300": {
+			h: 327.09,
+			s: 96.71,
+			l: 82.03
+		},
+		"400": {
+			h: 327.47,
+			s: 95.38,
+			l: 68.88
+		},
+		"500": {
+			h: 328.25,
+			s: 91.82,
+			l: 58.2
+		},
+		"600": {
+			h: 326.44,
+			s: 122.82,
+			l: 40.45
+		},
+		"700": {
+			h: 328.87,
+			s: 127.07,
+			l: 34.25
+		},
+		"800": {
+			h: 331.18,
+			s: 105.41,
+			l: 31.09
+		},
+		"900": {
+			h: 334.27,
+			s: 78.49,
+			l: 29.42
+		},
+		"950": {
+			h: 335.29,
+			s: 90.94,
+			l: 16.65
+		}
+	},
+	rose: {
+		"50": {
+			h: 355.72,
+			s: 96.53,
+			l: 97.19
+		},
+		"100": {
+			h: 355.55,
+			s: 100.12,
+			l: 94.67
+		},
+		"200": {
+			h: 352.6,
+			s: 100.2,
+			l: 90.07
+		},
+		"300": {
+			h: 352.25,
+			s: 107.84,
+			l: 82.19
+		},
+		"400": {
+			h: 349.91,
+			s: 105.4,
+			l: 70.25
+		},
+		"500": {
+			h: 345.36,
+			s: 100.77,
+			l: 56.4
+		},
+		"600": {
+			h: 338.01,
+			s: 136.74,
+			l: 39.17
+		},
+		"700": {
+			h: 338.15,
+			s: 134.53,
+			l: 33.19
+		},
+		"800": {
+			h: 337.65,
+			s: 115.53,
+			l: 30
+		},
+		"900": {
+			h: 338.93,
+			s: 89.54,
+			l: 28.73
+		},
+		"950": {
+			h: 342.26,
+			s: 94.35,
+			l: 15.6
+		}
+	}
+};
+//#endregion
+//#region src/palette.ts
+const SEMANTIC_SCALE_SET = new Set(SEMANTIC_SCALES);
+const PALETTE_NAME_SET = new Set(COLOR_PALETTES);
+/**
+* Build the CSS string that rebinds Bulma's per-variant theming onto the
+* chosen Tailwind palette catalog.
+*
+* Bulma 1.0 reads three groups of CSS variables for theming:
+*   1. Per-variant **HSL channels** (`--bulma-<scale>-h/s/l`) drive the
+*      auto-derived hover / active / `.is-light` shades on `.button`,
+*      `.tag`, `.notification`, etc. Setting these is what makes the
+*      Bulma side of the bridge respond to runtime palette switches —
+*      pure CSS can't decompose `--vc-color-primary-600` into channels,
+*      but JS can (via the pre-decomposed catalog generated at package
+*      build time).
+*   2. Direct semantic vars (`--bulma-primary`, `-info`, …) read by
+*      `has-background-*` / `has-text-*` utilities. We re-emit each at
+*      the chosen palette's `-500` shade so utilities stay aligned.
+*   3. The vuecs design tokens (`--vc-color-<scale>-{50…950}`) — emitted
+*      so consumer-authored CSS that references them follows along, and
+*      so any of the bridge's direct property overrides (`background-color:
+*      var(--vc-color-primary-600)`) re-tint correctly.
+*
+* Pure function — works identically on server and client. Returns a
+* `:root { ... }` block; inject into `<head>` (server) or pass to
+* `applyColorPaletteCss()` (client).
+*
+* Defense-in-depth: filters entries to known semantic scales + Tailwind
+* palette names so untrusted callers (cookie payloads, hand-edited
+* localStorage, ad-hoc `setColorPalette({ … })` calls) can't emit
+* broken declarations.
+*/
+function renderColorPaletteStyles(palette) {
+	const entries = Object.entries(palette).filter((entry) => SEMANTIC_SCALE_SET.has(entry[0]) && typeof entry[1] === "string" && PALETTE_NAME_SET.has(entry[1]));
+	if (entries.length === 0) return "";
+	const declarations = [];
+	for (const [scale, paletteName] of entries) {
+		const shades = COLOR_PALETTE_HSL[paletteName];
+		const base = shades["500"];
+		const bulmaScale = scale === "error" ? "danger" : scale;
+		declarations.push(`    --bulma-${bulmaScale}-h: ${base.h}deg;`, `    --bulma-${bulmaScale}-s: ${base.s}%;`, `    --bulma-${bulmaScale}-l: ${base.l}%;`);
+		if (scale === "info") declarations.push(`    --bulma-link-h: ${base.h}deg;`, `    --bulma-link-s: ${base.s}%;`, `    --bulma-link-l: ${base.l}%;`);
+		const baseHsl = `hsl(${base.h}deg, ${base.s}%, ${base.l}%)`;
+		declarations.push(`    --bulma-${bulmaScale}: ${baseHsl};`);
+		if (scale === "info") declarations.push(`    --bulma-link: ${baseHsl};`);
+		for (const shade of COLOR_PALETTE_SHADES) {
+			const { h, s, l } = shades[shade];
+			declarations.push(`    --vc-color-${scale}-${shade}: hsl(${h}deg, ${s}%, ${l}%);`);
+		}
+	}
+	return `:root {\n${declarations.join("\n")}\n}\n`;
+}
+/**
+* Apply a Bulma palette override at runtime (client-side). Composes
+* `@vuecs/design`'s `applyColorPaletteCss()` with our
+* `renderColorPaletteStyles()` renderer.
+*
+* The optional `nonce` parameter wires CSP nonce attribution onto the
+* `<style id="vc-color-palette">` block. CSP-strict consumers using
+* `useColorPalette` from `@vuecs/design` pass nonce via
+* `nonce: () => useConfig('nonce').value`.
+*
+* On the server this is a no-op; use `renderColorPaletteStyles()` directly
+* and inject the result into the SSR response head (or rely on
+* `@vuecs/nuxt`'s palette server plugin, which dispatches through the
+* theme runtime).
+*/
+function setColorPalette(palette, doc = globalThis.document, nonce) {
+	applyColorPaletteCss(renderColorPaletteStyles(palette), doc, nonce);
+}
+//#endregion
+//#region src/index.ts
+/**
+* Bulma theme for vuecs components.
+*
+* Targets Bulma 1.0+ (CSS-variable-based theming). The companion
+* `assets/index.css` bridges `--bulma-*` onto `--vc-color-*` so palette
+* switches propagate to native Bulma elements alongside vuecs ones.
+*
+* Two notable mapping decisions vs. the Bootstrap theme:
+*   - **`ghost` / `link` variants are reversed.** Bulma's `is-ghost`
+*     ships an underlined hyperlink-style button (matching our `link`);
+*     Bulma's `is-text` ships a borderless transparent button
+*     (matching our `ghost`). The mapping here looks inverted at a
+*     glance, but it's the natural reading once you know Bulma's
+*     vocabulary.
+*   - **DropdownMenu / FormSelect content uses `.dropdown-content`,
+*     not `.dropdown-menu`.** Bulma gates `.dropdown-menu` visibility
+*     on the parent `.dropdown.is-active` wrapper. Reka renders the
+*     content via portal — there is no parent — so we apply
+*     `.dropdown-content` (the inner box-styled element) directly,
+*     which is unconditionally visible.
+*/
+function bulmaTheme() {
+	return {
+		elements: {
+			formGroup: { classes: {
+				root: "field",
+				label: "label",
+				hint: "help",
+				validationError: "help is-danger",
+				validationWarning: "help is-warning"
+			} },
+			formInput: {
+				classes: {
+					root: "input",
+					group: "field has-addons",
+					groupAppend: "control",
+					groupPrepend: "control"
+				},
+				variants: { size: {
+					sm: { root: "is-small" },
+					md: { root: "" },
+					lg: { root: "is-large" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formTextarea: {
+				classes: { root: "textarea" },
+				variants: { size: {
+					sm: { root: "is-small" },
+					md: { root: "" },
+					lg: { root: "is-large" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formCheckbox: {
+				classes: {
+					root: "has-background-white",
+					indicator: "has-text-white",
+					label: "",
+					group: "is-inline-flex is-align-items-center"
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-checkbox-sm",
+						label: "is-size-7"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-checkbox-lg",
+						label: "is-size-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formCheckboxGroup: { classes: { root: "is-flex is-flex-direction-column" } },
+			formSwitch: {
+				classes: {
+					root: "",
+					thumb: "has-background-white",
+					label: "",
+					group: "is-inline-flex is-align-items-center"
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-switch-sm",
+						label: "is-size-7"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-switch-lg",
+						label: "is-size-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formRadio: {
+				classes: {
+					root: "has-background-white",
+					indicator: "",
+					label: "",
+					group: "is-inline-flex is-align-items-center"
+				},
+				variants: { size: {
+					sm: {
+						root: "vc-form-radio-sm",
+						label: "is-size-7"
+					},
+					md: { root: "" },
+					lg: {
+						root: "vc-form-radio-lg",
+						label: "is-size-5"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formRadioGroup: { classes: { root: "is-flex is-flex-direction-column" } },
+			formSelect: {
+				classes: {
+					trigger: "input is-flex is-align-items-center is-justify-content-space-between",
+					value: "is-flex-grow-1",
+					icon: "has-text-grey",
+					content: "dropdown-content",
+					viewport: "p-1",
+					item: "dropdown-item",
+					itemIndicator: "",
+					group: "",
+					groupLabel: "has-text-weight-semibold is-size-7 has-text-grey",
+					separator: "dropdown-divider"
+				},
+				variants: { size: {
+					sm: { trigger: "is-small" },
+					md: { trigger: "" },
+					lg: { trigger: "is-large" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formSelectSearch: { classes: {
+				root: "is-relative",
+				input: "input",
+				content: "dropdown-content",
+				item: "dropdown-item is-flex is-flex-direction-column",
+				itemActive: "is-active",
+				itemCurrent: "has-background-light",
+				itemDescription: "is-size-7 has-text-grey",
+				selected: "is-flex is-flex-wrap-wrap mt-2",
+				selectedItem: "tag is-light is-rounded",
+				selectedItemRemove: "has-text-weight-bold"
+			} },
+			formPin: { classes: {
+				root: "is-inline-flex is-align-items-center",
+				input: "has-background-white has-text-centered has-text-weight-semibold"
+			} },
+			formSlider: { classes: {
+				root: "",
+				track: "",
+				range: "",
+				thumb: ""
+			} },
+			formNumber: {
+				classes: {
+					root: "field has-addons",
+					input: "input has-text-centered",
+					decrement: "button",
+					increment: "button"
+				},
+				variants: { size: {
+					sm: {
+						input: "is-small",
+						decrement: "is-small",
+						increment: "is-small"
+					},
+					md: { input: "" },
+					lg: {
+						input: "is-large",
+						decrement: "is-large",
+						increment: "is-large"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			formTags: {
+				classes: {
+					root: "input is-flex is-flex-wrap-wrap is-align-items-center",
+					item: "tag is-primary is-rounded is-flex is-align-items-center",
+					itemText: "",
+					itemDelete: "is-inline-flex is-align-items-center is-justify-content-center has-background-transparent has-text-white p-0 ml-1",
+					input: "is-flex-grow-1 has-background-transparent"
+				},
+				variants: { size: {
+					sm: {
+						root: "is-small",
+						item: "is-size-7"
+					},
+					md: { root: "" },
+					lg: {
+						root: "is-large",
+						item: "is-size-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			},
+			button: {
+				classes: { root: "button is-inline-flex is-align-items-center is-justify-content-center is-gap-2" },
+				variants: { size: {
+					sm: { root: "is-small" },
+					md: { root: "" },
+					lg: { root: "is-large" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "is-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "is-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "is-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "is-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "is-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "is-primary is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "is-success is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "is-warning is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "is-danger is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "is-info is-light" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "is-primary is-outlined" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "is-outlined" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "is-success is-outlined" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "is-warning is-outlined" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "is-danger is-outlined" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "is-info is-outlined" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "primary"
+						},
+						class: { root: "is-text has-text-primary" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "neutral"
+						},
+						class: { root: "is-text" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "success"
+						},
+						class: { root: "is-text has-text-success" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "warning"
+						},
+						class: { root: "is-text has-text-warning" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "error"
+						},
+						class: { root: "is-text has-text-danger" }
+					},
+					{
+						variants: {
+							variant: "ghost",
+							color: "info"
+						},
+						class: { root: "is-text has-text-info" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "primary"
+						},
+						class: { root: "is-ghost has-text-primary" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "neutral"
+						},
+						class: { root: "is-ghost" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "success"
+						},
+						class: { root: "is-ghost has-text-success" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "warning"
+						},
+						class: { root: "is-ghost has-text-warning" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "error"
+						},
+						class: { root: "is-ghost has-text-danger" }
+					},
+					{
+						variants: {
+							variant: "link",
+							color: "info"
+						},
+						class: { root: "is-ghost has-text-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "solid",
+					color: "primary",
+					size: "md"
+				}
+			},
+			list: {
+				classes: {
+					root: "is-flex is-flex-direction-column is-relative",
+					header: "is-flex is-align-items-center",
+					footer: "is-flex is-align-items-center"
+				},
+				variants: { density: {
+					compact: { root: "" },
+					normal: { root: "" },
+					spacious: { root: "" }
+				} },
+				defaultVariants: { density: "normal" }
+			},
+			listBody: { classes: { root: "m-0 p-0" } },
+			listItem: {
+				classes: {
+					root: "is-flex is-flex-direction-row is-align-items-center",
+					text: "is-inline-flex is-flex-direction-column is-flex-grow-1",
+					actions: "is-inline-flex is-align-items-center"
+				},
+				variants: {
+					density: {
+						compact: { root: "py-0" },
+						normal: { root: "py-1" },
+						spacious: { root: "py-3" }
+					},
+					disabled: { true: { root: "has-text-grey-light" } },
+					active: { true: { root: "has-background-primary-light has-text-primary" } },
+					selected: { true: { root: "has-background-grey-lighter" } }
+				},
+				defaultVariants: { density: "normal" }
+			},
+			listLoading: {
+				classes: { root: "py-2 has-text-centered has-text-grey is-size-7" },
+				variants: { overlay: { true: { root: "is-overlay is-flex is-align-items-center is-justify-content-center has-background-white-bis" } } }
+			},
+			listEmpty: { classes: { root: "notification is-warning is-light is-size-7 p-2" } },
+			navigation: {
+				classes: {
+					group: "menu-list",
+					link: ""
+				},
+				variants: { size: {
+					sm: { link: "is-size-7" },
+					md: { link: "" },
+					lg: { link: "is-size-6" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			separator: { classes: { root: "m-0" } },
+			tag: {
+				classes: {
+					root: "tag is-primary is-rounded is-flex is-align-items-center",
+					icon: "is-inline-flex is-align-items-center",
+					remove: "is-inline-flex is-align-items-center is-justify-content-center has-background-transparent has-text-white p-0"
+				},
+				variants: { size: {
+					sm: { root: "" },
+					md: { root: "is-medium" },
+					lg: { root: "is-large" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			tags: {
+				classes: {
+					root: "tags",
+					item: ""
+				},
+				variants: { size: {
+					sm: { root: "" },
+					md: { root: "are-medium" },
+					lg: { root: "are-large" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			avatar: {
+				classes: {
+					root: "is-inline-flex is-align-items-center is-justify-content-center has-background-light has-text-grey-dark",
+					image: "is-flex-grow-1",
+					fallback: "is-inline-flex is-align-items-center is-justify-content-center has-text-weight-medium is-size-7"
+				},
+				variants: { size: {
+					sm: { root: "vc-avatar-sm" },
+					md: { root: "" },
+					lg: { root: "vc-avatar-lg" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			aspectRatio: { classes: { root: "is-block" } },
+			gravatar: { classes: { root: "is-inline-block" } },
+			card: {
+				classes: { root: "box" },
+				variants: {
+					variant: {
+						outline: { root: "has-shadow-none vc-card-outline" },
+						soft: { root: "vc-card-soft has-shadow-none" },
+						elevated: { root: "" }
+					},
+					interactive: { true: { root: "vc-card-interactive" } }
+				},
+				defaultVariants: { variant: "outline" }
+			},
+			cardHeader: {
+				variants: { padding: {
+					compact: { root: "py-2 px-3" },
+					normal: { root: "py-3 px-4" },
+					spacious: { root: "py-4 px-5" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			cardTitle: { classes: { root: "title is-5 mb-0" } },
+			cardDescription: { classes: { root: "subtitle is-6 has-text-grey mb-0" } },
+			cardBody: {
+				variants: { padding: {
+					compact: { root: "py-3 px-3" },
+					normal: { root: "py-4 px-4" },
+					spacious: { root: "py-5 px-5" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			cardFooter: {
+				classes: { root: "vc-card-footer is-flex is-justify-content-flex-end" },
+				variants: { padding: {
+					compact: { root: "py-2 px-3" },
+					normal: { root: "py-3 px-4" },
+					spacious: { root: "py-4 px-5" }
+				} },
+				defaultVariants: { padding: "normal" }
+			},
+			collapse: { classes: { root: "" } },
+			collapseTrigger: {
+				classes: {
+					root: "is-inline-flex is-align-items-center button is-text px-0",
+					chevron: "is-size-7"
+				},
+				variants: { chevron: {
+					auto: { chevron: "is-inline-flex" },
+					none: { chevron: "is-hidden" }
+				} },
+				defaultVariants: { chevron: "auto" }
+			},
+			collapseContent: { classes: { root: "vc-collapse-anim" } },
+			alert: {
+				classes: {
+					root: "notification is-flex is-align-items-flex-start mb-0 is-relative",
+					icon: "is-flex is-flex-shrink-0 is-align-items-center is-justify-content-center mr-3",
+					content: "is-flex-grow-1 is-flex is-flex-direction-column",
+					closeIcon: "delete is-small",
+					close: "button is-small is-text"
+				},
+				variants: { size: {
+					sm: { root: "is-size-7" },
+					md: { root: "" },
+					lg: { root: "is-size-5" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "is-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "is-dark" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "is-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "is-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "is-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "is-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "is-primary is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "is-success is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "is-warning is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "is-danger is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "is-info is-light" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "vc-toast-outline-primary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "vc-toast-outline-neutral" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "vc-toast-outline-success" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "vc-toast-outline-warning" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "vc-toast-outline-error" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "vc-toast-outline-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral",
+					size: "md"
+				}
+			},
+			alertTitle: { classes: { root: "has-text-weight-semibold mb-1" } },
+			alertDescription: { classes: { root: "mb-0" } },
+			badge: {
+				classes: { root: "tag is-rounded vc-badge" },
+				variants: { size: {
+					sm: { root: "" },
+					md: { root: "is-medium" },
+					lg: { root: "is-large" }
+				} },
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "is-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "is-dark" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "is-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "is-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "is-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "is-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "is-primary is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "is-success is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "is-warning is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "is-danger is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "is-info is-light" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-primary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-neutral" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-success" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-warning" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-error" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "vc-badge-outline vc-badge-outline-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral",
+					size: "md"
+				}
+			},
+			table: {
+				classes: { root: "table is-fullwidth" },
+				variants: {
+					density: {
+						compact: { root: "is-narrow" },
+						normal: { root: "" },
+						spacious: { root: "" }
+					},
+					striped: { true: { root: "is-striped" } },
+					bordered: { true: { root: "is-bordered" } },
+					hover: { true: { root: "is-hoverable" } },
+					stickyHeader: { true: { root: "vc-table-sticky-header" } }
+				},
+				defaultVariants: { density: "normal" }
+			},
+			tableHeader: { classes: { root: "is-uppercase has-text-grey is-size-7" } },
+			tableBody: { classes: { root: "" } },
+			tableFooter: { classes: { root: "has-text-weight-medium" } },
+			tableRow: { variants: {
+				disabled: { true: { root: "vc-table-row-disabled" } },
+				selected: { true: { root: "is-selected" } },
+				focused: { true: { root: "vc-table-row-focused" } },
+				rowVariant: {
+					success: { root: "has-background-success-light" },
+					warning: { root: "has-background-warning-light" },
+					error: { root: "has-background-danger-light" },
+					info: { root: "has-background-info-light" },
+					neutral: { root: "has-background-light" },
+					primary: { root: "has-background-primary-light" }
+				}
+			} },
+			tableCell: { variants: {
+				align: {
+					left: { root: "has-text-left" },
+					center: { root: "has-text-centered" },
+					right: { root: "has-text-right" }
+				},
+				stickyColumn: { true: { root: "vc-table-sticky-column" } },
+				cellVariant: {
+					success: { root: "has-text-success" },
+					warning: { root: "has-text-warning" },
+					error: { root: "has-text-danger" },
+					info: { root: "has-text-info" },
+					neutral: { root: "has-text-grey" },
+					primary: { root: "has-text-primary" }
+				}
+			} },
+			tableHeadCell: {
+				classes: { sortIcon: "ml-1 is-size-7" },
+				variants: {
+					align: {
+						left: { root: "has-text-left" },
+						center: { root: "has-text-centered" },
+						right: { root: "has-text-right" }
+					},
+					stickyColumn: { true: { root: "vc-table-sticky-column" } },
+					sorted: {
+						asc: { root: "vc-table-sort-asc" },
+						desc: { root: "vc-table-sort-desc" },
+						none: { root: "" }
+					}
+				}
+			},
+			tableEmpty: {
+				classes: { root: "" },
+				variants: { filtered: {
+					true: { root: "has-text-centered has-text-grey is-italic py-5" },
+					false: { root: "has-text-centered has-text-grey py-5" }
+				} }
+			},
+			tableLoading: { classes: {
+				root: "has-text-centered has-text-grey py-5",
+				overlay: "vc-table-loading-overlay-bulma"
+			} },
+			tableSortIndicators: { classes: {
+				root: "vc-table-sort-indicators-bulma",
+				label: "has-text-weight-semibold has-text-grey mr-1",
+				empty: "is-italic has-text-grey",
+				chip: "tag is-medium is-rounded is-light vc-table-sort-indicators-chip-bulma",
+				chipToggle: "button is-small is-rounded vc-table-sort-indicators-chip-toggle-bulma",
+				chipPosition: "has-text-weight-bold has-text-grey is-size-7",
+				chipLabel: "",
+				chipArrow: "has-text-weight-bold has-text-primary",
+				chipRemove: "button is-small is-rounded vc-table-sort-indicators-chip-remove-bulma",
+				addWrapper: "select is-small is-rounded",
+				add: "",
+				clear: "button is-small is-text ml-auto"
+			} },
+			pagination: {
+				classes: {
+					root: "pagination-list is-flex is-justify-content-center",
+					item: "",
+					link: "pagination-link",
+					linkActive: "is-current",
+					ellipsis: "pagination-ellipsis"
+				},
+				variants: {
+					variant: {
+						outline: { link: "" },
+						soft: { link: "is-light" },
+						ghost: { link: "is-text" }
+					},
+					size: {
+						sm: { root: "is-small" },
+						md: { root: "" },
+						lg: { root: "is-large" }
+					}
+				},
+				defaultVariants: {
+					variant: "outline",
+					size: "md"
+				}
+			},
+			modal: {
+				classes: {
+					overlay: "modal-background vc-overlay-fade-anim",
+					content: "modal-content has-background-white p-5 vc-overlay-anim",
+					header: "is-flex is-flex-direction-column",
+					title: "title is-5",
+					description: "subtitle is-size-7 has-text-grey",
+					body: "is-flex is-flex-direction-column",
+					footer: "is-flex is-align-items-center is-justify-content-flex-end",
+					trigger: "",
+					close: "",
+					closeIcon: "delete is-medium",
+					back: "button is-small is-ghost"
+				},
+				variants: { size: {
+					sm: { content: "modal-sm" },
+					md: { content: "" },
+					lg: { content: "modal-lg" },
+					xl: { content: "modal-xl" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			popover: {
+				classes: {
+					trigger: "",
+					content: "box vc-overlay-anim",
+					arrow: "",
+					close: "",
+					closeIcon: "delete"
+				},
+				variants: { size: {
+					sm: { content: "is-size-7 p-2" },
+					md: { content: "" },
+					lg: { content: "is-size-6 p-5" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			hoverCard: {
+				classes: {
+					trigger: "",
+					content: "box vc-overlay-anim",
+					arrow: ""
+				},
+				variants: { size: {
+					sm: { content: "is-size-7 p-2" },
+					md: { content: "" },
+					lg: { content: "is-size-6 p-5" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			toastViewport: {
+				classes: { root: "is-flex is-flex-direction-column m-0 p-4 vc-toast-viewport-fixed" },
+				variants: { position: {
+					"top-left": { root: "vc-toast-viewport-top-left" },
+					"top-right": { root: "vc-toast-viewport-top-right" },
+					"top-center": { root: "vc-toast-viewport-top-center" },
+					"bottom-left": { root: "vc-toast-viewport-bottom-left is-flex-direction-column-reverse" },
+					"bottom-right": { root: "vc-toast-viewport-bottom-right is-flex-direction-column-reverse" },
+					"bottom-center": { root: "vc-toast-viewport-bottom-center is-flex-direction-column-reverse" }
+				} },
+				defaultVariants: { position: "top-right" }
+			},
+			toast: {
+				classes: {
+					root: "notification is-flex is-align-items-flex-start vc-toast-anim",
+					body: "is-flex-grow-1",
+					close: "button is-small is-text",
+					closeIcon: "delete is-small"
+				},
+				compoundVariants: [
+					{
+						variants: {
+							variant: "solid",
+							color: "primary"
+						},
+						class: { root: "is-primary" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "neutral"
+						},
+						class: { root: "is-dark" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "success"
+						},
+						class: { root: "is-success" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "warning"
+						},
+						class: { root: "is-warning" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "error"
+						},
+						class: { root: "is-danger" }
+					},
+					{
+						variants: {
+							variant: "solid",
+							color: "info"
+						},
+						class: { root: "is-info" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "primary"
+						},
+						class: { root: "is-primary is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "neutral"
+						},
+						class: { root: "is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "success"
+						},
+						class: { root: "is-success is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "warning"
+						},
+						class: { root: "is-warning is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "error"
+						},
+						class: { root: "is-danger is-light" }
+					},
+					{
+						variants: {
+							variant: "soft",
+							color: "info"
+						},
+						class: { root: "is-info is-light" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "primary"
+						},
+						class: { root: "vc-toast-outline-primary" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "neutral"
+						},
+						class: { root: "vc-toast-outline-neutral" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "success"
+						},
+						class: { root: "vc-toast-outline-success" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "warning"
+						},
+						class: { root: "vc-toast-outline-warning" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "error"
+						},
+						class: { root: "vc-toast-outline-error" }
+					},
+					{
+						variants: {
+							variant: "outline",
+							color: "info"
+						},
+						class: { root: "vc-toast-outline-info" }
+					}
+				],
+				defaultVariants: {
+					variant: "soft",
+					color: "neutral"
+				}
+			},
+			toastTitle: { classes: { root: "has-text-weight-semibold mb-1" } },
+			toastDescription: { classes: { root: "is-size-7" } },
+			toastAction: { classes: { root: "button is-small is-outlined" } },
+			tooltip: {
+				classes: {
+					trigger: "",
+					content: "has-background-dark has-text-light vc-tooltip-anim",
+					arrow: ""
+				},
+				variants: { size: {
+					sm: { content: "is-size-7 px-2 py-1" },
+					md: { content: "px-3 py-1" },
+					lg: { content: "is-size-6 px-3 py-2" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			dropdownMenu: {
+				classes: {
+					trigger: "",
+					content: "dropdown-content vc-overlay-anim",
+					item: "dropdown-item",
+					checkboxItem: "dropdown-item",
+					radioItem: "dropdown-item",
+					radioGroup: "",
+					itemIndicator: "",
+					label: "dropdown-item has-text-weight-semibold has-text-grey",
+					separator: "dropdown-divider",
+					group: "",
+					subTrigger: "dropdown-item is-flex is-justify-content-space-between",
+					subContent: "dropdown-content vc-overlay-anim",
+					arrow: ""
+				},
+				variants: { size: {
+					sm: { content: "is-size-7" },
+					md: { content: "" },
+					lg: { content: "is-size-6" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			contextMenu: {
+				classes: {
+					trigger: "",
+					content: "dropdown-content vc-overlay-anim",
+					item: "dropdown-item",
+					checkboxItem: "dropdown-item",
+					radioItem: "dropdown-item",
+					radioGroup: "",
+					itemIndicator: "",
+					label: "dropdown-item has-text-weight-semibold has-text-grey",
+					separator: "dropdown-divider",
+					group: "",
+					subTrigger: "dropdown-item is-flex is-justify-content-space-between",
+					subContent: "dropdown-content vc-overlay-anim"
+				},
+				variants: { size: {
+					sm: { content: "is-size-7" },
+					md: { content: "" },
+					lg: { content: "is-size-6" }
+				} },
+				defaultVariants: { size: "md" }
+			},
+			stepper: {
+				classes: {
+					root: "",
+					item: "",
+					trigger: "button is-text",
+					indicator: "has-background-light has-text-grey has-text-weight-semibold",
+					title: "has-text-weight-medium",
+					description: "has-text-grey",
+					separator: "has-background-grey-lighter"
+				},
+				variants: { size: {
+					sm: {
+						indicator: "vc-stepper-indicator-sm",
+						title: "is-size-7",
+						description: "is-size-7"
+					},
+					md: { indicator: "" },
+					lg: {
+						indicator: "vc-stepper-indicator-lg",
+						title: "is-size-5",
+						description: "is-size-6"
+					}
+				} },
+				defaultVariants: { size: "md" }
+			}
+		},
+		colorMode: { handle(doc, mode) {
+			doc.documentElement.setAttribute("data-theme", mode);
+		} },
+		palette: {
+			handle: renderColorPaletteStyles,
+			names: COLOR_PALETTES
+		}
+	};
+}
+//#endregion
+export { bulmaTheme as default, renderColorPaletteStyles, setColorPalette, useColorPalette };
+
+//# sourceMappingURL=index.mjs.map