@embedreach/components 0.1.92 → 0.1.94

package/dist/chunks/index.js

@@ -13209,11 +13209,8 @@ const toShadcnFormat = (color2) => {
   }
 };
 const tailwindToHsl = (tailwindClass) => {
-  if (tailwindClass === "bg-inherit") return "inherit";
-  if (tailwindClass === "bg-current") return "currentColor";
-  if (tailwindClass === "bg-transparent") return "transparent";
-  if (tailwindClass === "bg-black") return "0 0% 0%";
-  if (tailwindClass === "bg-white") return "0 0% 100%";
+  if (tailwindClass === "bg-black") return rgbToShadcnHsl(0, 0, 0);
+  if (tailwindClass === "bg-white") return rgbToShadcnHsl(255, 255, 255);
   const match2 = tailwindClass.match(/^bg-([a-z]+)-(\d{2,3})$/);
   if (!match2) {
     throw new Error(`Invalid tailwind color class: ${tailwindClass}`);
@@ -13221,296 +13218,297 @@ const tailwindToHsl = (tailwindClass) => {
   const [, color2, shade] = match2;
   const colorMap = {
     red: {
-      "50": "0 100% 97.1%",
-      "100": "0 100% 93.6%",
-      "200": "0 100% 88.5%",
-      "300": "0 100% 80.8%",
-      "400": "0 100% 70.4%",
-      "500": "0 100% 63.7%",
-      "600": "0 100% 57.7%",
-      "700": "0 100% 50.5%",
-      "800": "0 100% 44.4%",
-      "900": "0 100% 39.6%",
-      "950": "0 100% 25.8%"
+      "50": [254, 242, 242],
+      "100": [254, 226, 226],
+      "200": [254, 202, 202],
+      "300": [252, 165, 165],
+      "400": [248, 113, 113],
+      "500": [239, 68, 68],
+      "600": [220, 38, 38],
+      "700": [185, 28, 28],
+      "800": [153, 27, 27],
+      "900": [127, 29, 29],
+      "950": [69, 10, 10]
     },
     orange: {
-      "50": "98% 0.016 73.684",
-      "100": "95.4% 0.038 75.164",
-      "200": "90.1% 0.076 70.697",
-      "300": "83.7% 0.128 66.29",
-      "400": "75% 0.183 55.934",
-      "500": "70.5% 0.213 47.604",
-      "600": "64.6% 0.222 41.116",
-      "700": "55.3% 0.195 38.402",
-      "800": "47% 0.157 37.304",
-      "900": "40.8% 0.123 38.172",
-      "950": "26.6% 0.079 36.259"
+      "50": [255, 247, 237],
+      "100": [255, 237, 213],
+      "200": [254, 215, 170],
+      "300": [253, 186, 116],
+      "400": [251, 146, 60],
+      "500": [249, 115, 22],
+      "600": [234, 88, 12],
+      "700": [194, 65, 12],
+      "800": [154, 52, 18],
+      "900": [124, 45, 18],
+      "950": [67, 20, 7]
     },
     amber: {
-      "50": "98.7% 0.022 95.277",
-      "100": "96.2% 0.059 95.617",
-      "200": "92.4% 0.12 95.746",
-      "300": "87.9% 0.169 91.605",
-      "400": "82.8% 0.189 84.429",
-      "500": "76.9% 0.188 70.08",
-      "600": "66.6% 0.179 58.318",
-      "700": "55.5% 0.163 48.998",
-      "800": "47.3% 0.137 46.201",
-      "900": "41.4% 0.112 45.904",
-      "950": "27.9% 0.077 45.635"
+      "50": [255, 251, 235],
+      "100": [254, 243, 199],
+      "200": [253, 230, 138],
+      "300": [252, 211, 77],
+      "400": [251, 191, 36],
+      "500": [245, 158, 11],
+      "600": [217, 119, 6],
+      "700": [180, 83, 9],
+      "800": [146, 64, 14],
+      "900": [120, 53, 15],
+      "950": [69, 26, 3]
     },
     yellow: {
-      "50": "98.7% 0.026 102.212",
-      "100": "97.3% 0.071 103.193",
-      "200": "94.5% 0.129 101.54",
-      "300": "90.5% 0.182 98.111",
-      "400": "85.2% 0.199 91.936",
-      "500": "79.5% 0.184 86.047",
-      "600": "68.1% 0.162 75.834",
-      "700": "55.4% 0.135 66.442",
-      "800": "47.6% 0.114 61.907",
-      "900": "42.1% 0.095 57.708",
-      "950": "28.6% 0.066 53.813"
+      "50": [254, 252, 232],
+      "100": [254, 249, 195],
+      "200": [254, 240, 138],
+      "300": [253, 224, 71],
+      "400": [250, 204, 21],
+      "500": [234, 179, 8],
+      "600": [202, 138, 4],
+      "700": [161, 98, 7],
+      "800": [133, 77, 14],
+      "900": [113, 63, 18],
+      "950": [66, 32, 6]
     },
     lime: {
-      "50": "98.6% 0.031 120.757",
-      "100": "96.7% 0.067 122.328",
-      "200": "93.8% 0.127 124.321",
-      "300": "89.7% 0.196 126.665",
-      "400": "84.1% 0.238 128.85",
-      "500": "76.8% 0.233 130.85",
-      "600": "64.8% 0.2 131.684",
-      "700": "53.2% 0.157 131.589",
-      "800": "45.3% 0.124 130.933",
-      "900": "40.5% 0.101 131.063",
-      "950": "27.4% 0.072 132.109"
+      "50": [247, 254, 231],
+      "100": [236, 252, 203],
+      "200": [217, 249, 157],
+      "300": [190, 242, 100],
+      "400": [163, 230, 53],
+      "500": [132, 204, 22],
+      "600": [101, 163, 13],
+      "700": [77, 124, 15],
+      "800": [63, 98, 18],
+      "900": [54, 83, 20],
+      "950": [26, 46, 5]
     },
     green: {
-      "50": "98.2% 0.018 155.826",
-      "100": "96.2% 0.044 156.743",
-      "200": "92.5% 0.084 155.995",
-      "300": "87.1% 0.15 154.449",
-      "400": "79.2% 0.209 151.711",
-      "500": "72.3% 0.219 149.579",
-      "600": "62.7% 0.194 149.214",
-      "700": "52.7% 0.154 150.069",
-      "800": "44.8% 0.119 151.328",
-      "900": "39.3% 0.095 152.535",
-      "950": "26.6% 0.065 152.934"
+      "50": [240, 253, 244],
+      "100": [220, 252, 231],
+      "200": [187, 247, 208],
+      "300": [134, 239, 172],
+      "400": [74, 222, 128],
+      "500": [34, 197, 94],
+      "600": [22, 163, 74],
+      "700": [21, 128, 61],
+      "800": [22, 101, 52],
+      "900": [20, 83, 45],
+      "950": [5, 46, 22]
     },
     emerald: {
-      "50": "97.9% 0.021 166.113",
-      "100": "95% 0.052 163.051",
-      "200": "90.5% 0.093 164.15",
-      "300": "84.5% 0.143 164.978",
-      "400": "76.5% 0.177 163.223",
-      "500": "69.6% 0.17 162.48",
-      "600": "59.6% 0.145 163.225",
-      "700": "50.8% 0.118 165.612",
-      "800": "43.2% 0.095 166.913",
-      "900": "37.8% 0.077 168.94",
-      "950": "26.2% 0.051 172.552"
+      "50": [236, 253, 245],
+      "100": [209, 250, 229],
+      "200": [167, 243, 208],
+      "300": [110, 231, 183],
+      "400": [52, 211, 153],
+      "500": [16, 185, 129],
+      "600": [5, 150, 105],
+      "700": [4, 120, 87],
+      "800": [6, 95, 70],
+      "900": [6, 78, 59],
+      "950": [2, 44, 34]
     },
     teal: {
-      "50": "98.4% 0.014 180.72",
-      "100": "95.3% 0.051 180.801",
-      "200": "91% 0.096 180.426",
-      "300": "85.5% 0.138 181.071",
-      "400": "77.7% 0.152 181.912",
-      "500": "70.4% 0.14 182.503",
-      "600": "60% 0.118 184.704",
-      "700": "51.1% 0.096 186.391",
-      "800": "43.7% 0.078 188.216",
-      "900": "38.6% 0.063 188.416",
-      "950": "27.7% 0.046 192.524"
+      "50": [240, 253, 250],
+      "100": [204, 251, 241],
+      "200": [153, 246, 228],
+      "300": [94, 234, 212],
+      "400": [45, 212, 191],
+      "500": [20, 184, 166],
+      "600": [13, 148, 136],
+      "700": [15, 118, 110],
+      "800": [17, 94, 89],
+      "900": [19, 78, 74],
+      "950": [4, 47, 46]
     },
     cyan: {
-      "50": "98.4% 0.019 200.873",
-      "100": "95.6% 0.045 203.388",
-      "200": "91.7% 0.08 205.041",
-      "300": "86.5% 0.127 207.078",
-      "400": "78.9% 0.154 211.53",
-      "500": "71.5% 0.143 215.221",
-      "600": "60.9% 0.126 221.723",
-      "700": "52% 0.105 223.128",
-      "800": "45% 0.085 224.283",
-      "900": "39.8% 0.07 227.392",
-      "950": "30.2% 0.056 229.695"
+      "50": [236, 254, 255],
+      "100": [207, 250, 254],
+      "200": [165, 243, 252],
+      "300": [103, 232, 249],
+      "400": [34, 211, 238],
+      "500": [6, 182, 212],
+      "600": [8, 145, 178],
+      "700": [14, 116, 144],
+      "800": [21, 94, 117],
+      "900": [22, 78, 99],
+      "950": [8, 51, 68]
     },
     sky: {
-      "50": "97.7% 0.013 236.62",
-      "100": "95.1% 0.026 236.824",
-      "200": "90.1% 0.058 230.902",
-      "300": "82.8% 0.111 230.318",
-      "400": "74.6% 0.16 232.661",
-      "500": "68.5% 0.169 237.323",
-      "600": "58.8% 0.158 241.966",
-      "700": "50% 0.134 242.749",
-      "800": "44.3% 0.11 240.79",
-      "900": "39.1% 0.09 240.876",
-      "950": "29.3% 0.066 243.157"
+      "50": [240, 249, 255],
+      "100": [224, 242, 254],
+      "200": [186, 230, 253],
+      "300": [125, 211, 252],
+      "400": [56, 189, 248],
+      "500": [14, 165, 233],
+      "600": [2, 132, 199],
+      "700": [3, 105, 161],
+      "800": [7, 89, 133],
+      "900": [12, 74, 110],
+      "950": [8, 47, 73]
     },
     blue: {
-      "50": "97% 0.014 254.604",
-      "100": "93.2% 0.032 255.585",
-      "200": "88.2% 0.059 254.128",
-      "300": "80.9% 0.105 251.813",
-      "400": "70.7% 0.165 254.624",
-      "500": "62.3% 0.214 259.815",
-      "600": "54.6% 0.245 262.881",
-      "700": "48.8% 0.243 264.376",
-      "800": "42.4% 0.199 265.638",
-      "900": "37.9% 0.146 265.522",
-      "950": "28.2% 0.091 267.935"
+      "50": [239, 246, 255],
+      "100": [219, 234, 254],
+      "200": [191, 219, 254],
+      "300": [147, 197, 253],
+      "400": [96, 165, 250],
+      "500": [59, 130, 246],
+      "600": [37, 99, 235],
+      "700": [29, 78, 216],
+      "800": [30, 64, 175],
+      "900": [30, 58, 138],
+      "950": [23, 37, 84]
     },
     indigo: {
-      "50": "96.2% 0.018 272.314",
-      "100": "93% 0.034 272.788",
-      "200": "87% 0.065 274.039",
-      "300": "78.5% 0.115 274.713",
-      "400": "67.3% 0.182 276.935",
-      "500": "58.5% 0.233 277.117",
-      "600": "51.1% 0.262 276.966",
-      "700": "45.7% 0.24 277.023",
-      "800": "39.8% 0.195 277.366",
-      "900": "35.9% 0.144 278.697",
-      "950": "25.7% 0.09 281.288"
+      "50": [238, 242, 255],
+      "100": [224, 231, 255],
+      "200": [199, 210, 254],
+      "300": [165, 180, 252],
+      "400": [129, 140, 248],
+      "500": [99, 102, 241],
+      "600": [79, 70, 229],
+      "700": [67, 56, 202],
+      "800": [55, 48, 163],
+      "900": [49, 46, 129],
+      "950": [30, 27, 75]
     },
     violet: {
-      "50": "96.9% 0.016 293.756",
-      "100": "94.3% 0.029 294.588",
-      "200": "89.4% 0.057 293.283",
-      "300": "81.1% 0.111 293.571",
-      "400": "70.2% 0.183 293.541",
-      "500": "60.6% 0.25 292.717",
-      "600": "54.1% 0.281 293.009",
-      "700": "49.1% 0.27 292.581",
-      "800": "43.2% 0.232 292.759",
-      "900": "38% 0.189 293.745",
-      "950": "28.3% 0.141 291.089"
+      "50": [245, 243, 255],
+      "100": [237, 233, 254],
+      "200": [221, 214, 254],
+      "300": [196, 181, 253],
+      "400": [167, 139, 250],
+      "500": [139, 92, 246],
+      "600": [124, 58, 237],
+      "700": [109, 40, 217],
+      "800": [91, 33, 182],
+      "900": [76, 29, 149],
+      "950": [46, 16, 101]
     },
     purple: {
-      "50": "97.7% 0.014 308.299",
-      "100": "94.6% 0.033 307.174",
-      "200": "90.2% 0.063 306.703",
-      "300": "82.7% 0.119 306.383",
-      "400": "71.4% 0.203 305.504",
-      "500": "62.7% 0.265 303.9",
-      "600": "55.8% 0.288 302.321",
-      "700": "49.6% 0.265 301.924",
-      "800": "43.8% 0.218 303.724",
-      "900": "38.1% 0.176 304.987",
-      "950": "29.1% 0.149 302.717"
+      "50": [250, 245, 255],
+      "100": [243, 232, 255],
+      "200": [233, 213, 255],
+      "300": [216, 180, 254],
+      "400": [192, 132, 252],
+      "500": [168, 85, 247],
+      "600": [147, 51, 234],
+      "700": [126, 34, 206],
+      "800": [107, 33, 168],
+      "900": [88, 28, 135],
+      "950": [59, 7, 100]
     },
     fuchsia: {
-      "50": "97.7% 0.017 320.058",
-      "100": "95.2% 0.037 318.852",
-      "200": "90.3% 0.076 319.62",
-      "300": "83.3% 0.145 321.434",
-      "400": "74% 0.238 322.16",
-      "500": "66.7% 0.295 322.15",
-      "600": "59.1% 0.293 322.896",
-      "700": "51.8% 0.253 323.949",
-      "800": "45.2% 0.211 324.591",
-      "900": "40.1% 0.17 325.612",
-      "950": "29.3% 0.136 325.661"
+      "50": [253, 244, 255],
+      "100": [250, 232, 255],
+      "200": [245, 208, 254],
+      "300": [240, 171, 252],
+      "400": [232, 121, 249],
+      "500": [217, 70, 239],
+      "600": [192, 38, 211],
+      "700": [162, 28, 175],
+      "800": [134, 25, 143],
+      "900": [112, 26, 117],
+      "950": [74, 4, 78]
     },
     pink: {
-      "50": "97.1% 0.014 343.198",
-      "100": "94.8% 0.028 342.258",
-      "200": "89.9% 0.061 343.231",
-      "300": "82.3% 0.12 346.018",
-      "400": "71.8% 0.202 349.761",
-      "500": "65.6% 0.241 354.308",
-      "600": "59.2% 0.249 0.584",
-      "700": "52.5% 0.223 3.958",
-      "800": "45.9% 0.187 3.815",
-      "900": "40.8% 0.153 2.432",
-      "950": "28.4% 0.109 3.907"
+      "50": [253, 242, 248],
+      "100": [252, 231, 243],
+      "200": [251, 207, 232],
+      "300": [249, 168, 212],
+      "400": [244, 114, 182],
+      "500": [236, 72, 153],
+      "600": [219, 39, 119],
+      "700": [190, 24, 93],
+      "800": [157, 23, 77],
+      "900": [131, 24, 67],
+      "950": [80, 7, 36]
     },
     rose: {
-      "50": "96.9% 0.015 12.422",
-      "100": "94.1% 0.03 12.58",
-      "200": "89.2% 0.058 10.001",
-      "300": "81% 0.117 11.638",
-      "400": "71.2% 0.194 13.428",
-      "500": "64.5% 0.246 16.439",
-      "600": "58.6% 0.253 17.585",
-      "700": "51.4% 0.222 16.935",
-      "800": "45.5% 0.188 13.697",
-      "900": "41% 0.159 10.272",
-      "950": "27.1% 0.105 12.094"
+      "50": [255, 241, 242],
+      "100": [255, 228, 230],
+      "200": [254, 205, 211],
+      "300": [253, 164, 175],
+      "400": [251, 113, 133],
+      "500": [244, 63, 94],
+      "600": [225, 29, 72],
+      "700": [190, 18, 60],
+      "800": [159, 18, 57],
+      "900": [136, 19, 55],
+      "950": [76, 5, 25]
     },
     slate: {
-      "50": "98.4% 0.003 247.858",
-      "100": "96.8% 0.007 247.896",
-      "200": "92.9% 0.013 255.508",
-      "300": "86.9% 0.022 252.894",
-      "400": "70.4% 0.04 256.788",
-      "500": "55.4% 0.046 257.417",
-      "600": "44.6% 0.043 257.281",
-      "700": "37.2% 0.044 257.287",
-      "800": "27.9% 0.041 260.031",
-      "900": "20.8% 0.042 265.755",
-      "950": "12.9% 0.042 264.695"
+      "50": [248, 250, 252],
+      "100": [241, 245, 249],
+      "200": [226, 232, 240],
+      "300": [203, 213, 225],
+      "400": [148, 163, 184],
+      "500": [100, 116, 139],
+      "600": [71, 85, 105],
+      "700": [51, 65, 85],
+      "800": [30, 41, 59],
+      "900": [15, 23, 42],
+      "950": [2, 6, 23]
     },
     gray: {
-      "50": "98.5% 0.002 247.839",
-      "100": "96.7% 0.003 264.542",
-      "200": "92.8% 0.006 264.531",
-      "300": "87.2% 0.01 258.338",
-      "400": "70.7% 0.022 261.325",
-      "500": "55.1% 0.027 264.364",
-      "600": "44.6% 0.03 256.802",
-      "700": "37.3% 0.034 259.733",
-      "800": "27.8% 0.033 256.848",
-      "900": "21% 0.034 264.665",
-      "950": "13% 0.028 261.692"
+      "50": [249, 250, 251],
+      "100": [243, 244, 246],
+      "200": [229, 231, 235],
+      "300": [209, 213, 219],
+      "400": [156, 163, 175],
+      "500": [107, 114, 128],
+      "600": [75, 85, 99],
+      "700": [55, 65, 81],
+      "800": [31, 41, 55],
+      "900": [17, 24, 39],
+      "950": [3, 7, 18]
     },
     zinc: {
-      "50": "98.5% 0 0",
-      "100": "96.7% 0.001 286.375",
-      "200": "92% 0.004 286.32",
-      "300": "87.1% 0.006 286.286",
-      "400": "70.5% 0.015 286.067",
-      "500": "55.2% 0.016 285.938",
-      "600": "44.2% 0.017 285.786",
-      "700": "37% 0.013 285.805",
-      "800": "27.4% 0.006 286.033",
-      "900": "21% 0.006 285.885",
-      "950": "14.1% 0.005 285.823"
+      "50": [250, 250, 250],
+      "100": [244, 244, 245],
+      "200": [228, 228, 231],
+      "300": [212, 212, 216],
+      "400": [161, 161, 170],
+      "500": [113, 113, 122],
+      "600": [82, 82, 91],
+      "700": [63, 63, 70],
+      "800": [39, 39, 42],
+      "900": [24, 24, 27],
+      "950": [9, 9, 11]
     },
     neutral: {
-      "50": "98.5% 0 0",
-      "100": "97% 0 0",
-      "200": "92.2% 0 0",
-      "300": "87% 0 0",
-      "400": "70.8% 0 0",
-      "500": "55.6% 0 0",
-      "600": "43.9% 0 0",
-      "700": "37.1% 0 0",
-      "800": "26.9% 0 0",
-      "900": "20.5% 0 0",
-      "950": "14.5% 0 0"
+      "50": [250, 250, 250],
+      "100": [245, 245, 245],
+      "200": [229, 229, 229],
+      "300": [212, 212, 212],
+      "400": [163, 163, 163],
+      "500": [115, 115, 115],
+      "600": [82, 82, 82],
+      "700": [64, 64, 64],
+      "800": [38, 38, 38],
+      "900": [23, 23, 23],
+      "950": [10, 10, 10]
     },
     stone: {
-      "50": "98.5% 0.001 106.423",
-      "100": "97% 0.001 106.424",
-      "200": "92.3% 0.003 48.717",
-      "300": "86.9% 0.005 56.366",
-      "400": "70.9% 0.01 56.259",
-      "500": "55.3% 0.013 58.071",
-      "600": "44.4% 0.011 73.639",
-      "700": "37.4% 0.01 67.558",
-      "800": "26.8% 0.007 34.298",
-      "900": "21.6% 0.006 56.043",
-      "950": "14.7% 0.004 49.25"
+      "50": [250, 250, 249],
+      "100": [245, 245, 244],
+      "200": [231, 229, 228],
+      "300": [214, 211, 209],
+      "400": [168, 162, 158],
+      "500": [120, 113, 108],
+      "600": [87, 83, 78],
+      "700": [68, 64, 60],
+      "800": [41, 37, 36],
+      "900": [28, 25, 23],
+      "950": [12, 10, 9]
     }
   };
   if (!colorMap[color2] || !colorMap[color2][shade]) {
     throw new Error(`Unsupported color or shade: ${tailwindClass}`);
   }
-  return colorMap[color2][shade];
+  const [r2, g2, b3] = colorMap[color2][shade];
+  return rgbToShadcnHsl(r2, g2, b3);
 };
 const applyThemeStyles = (styles2) => {
   const existingStyles = document.getElementById("reach-theme-styles");
@@ -13528,9 +13526,10 @@ const applyThemeStyles = (styles2) => {
       if (key === "radius" || key === "font-body" || key === "font-heading") {
         finalValue = userValue;
       } else if (isValidColor(userValue)) {
-        const isTailwindClass = /^bg-/.test(userValue.trim());
+        const isTailwindClass = /^bg-/.test(userValue.trim()) && userValue.trim() !== "bg-inherit" && userValue.trim() !== "bg-current" && userValue.trim() !== "bg-transparent";
         if (isTailwindClass) {
-          finalValue = tailwindToHsl(userValue);
+          const className2 = userValue.replace(/['"]/g, "").trim();
+          finalValue = tailwindToHsl(className2);
         } else {
           try {
             finalValue = toShadcnFormat(userValue);