@fluixi/utils 1.0.0-alpha.83 → 1.0.0-alpha.84
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.
- package/dist/index.cjs +2858 -1
- package/dist/index.mjs +2838 -1
- package/dist/lib/array/advanced.cjs +2227 -1
- package/dist/lib/array/advanced.mjs +2204 -1
- package/dist/lib/array/array.cjs +57 -1
- package/dist/lib/array/array.mjs +36 -1
- package/dist/lib/array/index.cjs +2344 -1
- package/dist/lib/array/index.mjs +2322 -1
- package/dist/lib/array/utils.cjs +103 -1
- package/dist/lib/array/utils.mjs +82 -1
- package/dist/lib/color/color.cjs +2190 -1
- package/dist/lib/color/color.mjs +2167 -1
- package/dist/lib/color/constants.cjs +380 -1
- package/dist/lib/color/constants.mjs +359 -1
- package/dist/lib/color/conversions.cjs +629 -1
- package/dist/lib/color/conversions.mjs +608 -1
- package/dist/lib/color/helpers.cjs +2534 -1
- package/dist/lib/color/helpers.mjs +2511 -1
- package/dist/lib/color/index.cjs +2641 -1
- package/dist/lib/color/index.mjs +2619 -1
- package/dist/lib/color/types.cjs +18 -1
- package/dist/lib/color/utils.cjs +962 -1
- package/dist/lib/color/utils.mjs +939 -1
- package/dist/lib/compare/comparators.cjs +171 -1
- package/dist/lib/compare/comparators.mjs +150 -1
- package/dist/lib/compare/index.cjs +172 -1
- package/dist/lib/compare/index.mjs +152 -1
- package/dist/lib/crypto/hash.cjs +83 -1
- package/dist/lib/crypto/hash.mjs +62 -1
- package/dist/lib/crypto/index.cjs +85 -1
- package/dist/lib/crypto/index.mjs +62 -1
- package/dist/lib/dom/events.cjs +40 -1
- package/dist/lib/dom/events.mjs +19 -1
- package/dist/lib/dom/index.cjs +78 -1
- package/dist/lib/dom/index.mjs +56 -1
- package/dist/lib/dom/utils.cjs +57 -1
- package/dist/lib/dom/utils.mjs +36 -1
- package/dist/lib/functions/functions.cjs +366 -1
- package/dist/lib/functions/functions.mjs +345 -1
- package/dist/lib/functions/index.cjs +369 -1
- package/dist/lib/functions/index.mjs +347 -1
- package/dist/lib/functions/types.cjs +18 -1
- package/dist/lib/helpers.cjs +78 -1
- package/dist/lib/helpers.mjs +59 -1
- package/dist/lib/index.cjs +2857 -1
- package/dist/lib/index.mjs +2836 -1
- package/dist/lib/maths/constants.cjs +70 -1
- package/dist/lib/maths/constants.mjs +50 -1
- package/dist/lib/maths/fn/advanced.cjs +231 -1
- package/dist/lib/maths/fn/advanced.mjs +208 -1
- package/dist/lib/maths/fn/basic.cjs +212 -1
- package/dist/lib/maths/fn/basic.mjs +191 -1
- package/dist/lib/maths/fn/complex.cjs +268 -1
- package/dist/lib/maths/fn/complex.mjs +247 -1
- package/dist/lib/maths/fn/index.cjs +877 -1
- package/dist/lib/maths/fn/index.mjs +855 -1
- package/dist/lib/maths/fn/trigo.cjs +179 -1
- package/dist/lib/maths/fn/trigo.mjs +156 -1
- package/dist/lib/maths/fn/vector.cjs +728 -1
- package/dist/lib/maths/fn/vector.mjs +707 -1
- package/dist/lib/maths/formatter.cjs +61 -1
- package/dist/lib/maths/formatter.mjs +40 -1
- package/dist/lib/maths/guards.cjs +164 -1
- package/dist/lib/maths/guards.mjs +144 -1
- package/dist/lib/maths/index.cjs +1152 -1
- package/dist/lib/maths/index.mjs +1130 -1
- package/dist/lib/maths/parser.cjs +75 -1
- package/dist/lib/maths/parser.mjs +54 -1
- package/dist/lib/maths/random.cjs +49 -1
- package/dist/lib/maths/random.mjs +28 -1
- package/dist/lib/maths/types/advanced.cjs +18 -1
- package/dist/lib/maths/types/basic.cjs +18 -1
- package/dist/lib/maths/types/index.cjs +19 -1
- package/dist/lib/maths/types/index.mjs +1 -0
- package/dist/lib/maths/types/negative.cjs +18 -1
- package/dist/lib/maths/types/operations.cjs +18 -1
- package/dist/lib/object/clone.cjs +88 -1
- package/dist/lib/object/clone.mjs +65 -1
- package/dist/lib/object/diff.cjs +573 -1
- package/dist/lib/object/diff.mjs +550 -1
- package/dist/lib/object/getter-setter.cjs +2351 -1
- package/dist/lib/object/getter-setter.mjs +2330 -1
- package/dist/lib/object/index.cjs +3956 -6
- package/dist/lib/object/index.mjs +3936 -6
- package/dist/lib/object/merge.cjs +1029 -1
- package/dist/lib/object/merge.mjs +1006 -1
- package/dist/lib/object/object.cjs +280 -1
- package/dist/lib/object/object.mjs +257 -1
- package/dist/lib/object/omit.cjs +2022 -1
- package/dist/lib/object/omit.mjs +1999 -1
- package/dist/lib/object/reconcile.cjs +126 -1
- package/dist/lib/object/reconcile.mjs +105 -1
- package/dist/lib/object/selector.cjs +303 -1
- package/dist/lib/object/selector.mjs +282 -1
- package/dist/lib/object/sort.cjs +209 -1
- package/dist/lib/object/sort.mjs +186 -1
- package/dist/lib/object/transform.cjs +2211 -1
- package/dist/lib/object/transform.mjs +2190 -1
- package/dist/lib/object/types.cjs +18 -1
- package/dist/lib/object/utils.cjs +326 -6
- package/dist/lib/object/utils.mjs +305 -6
- package/dist/lib/primitive/boolean/boolean.cjs +407 -1
- package/dist/lib/primitive/boolean/boolean.mjs +386 -1
- package/dist/lib/primitive/boolean/index.cjs +382 -1
- package/dist/lib/primitive/boolean/index.mjs +359 -1
- package/dist/lib/primitive/boolean/types.cjs +18 -1
- package/dist/lib/primitive/date/date.cjs +1126 -1
- package/dist/lib/primitive/date/date.mjs +1105 -1
- package/dist/lib/primitive/date/index.cjs +1128 -1
- package/dist/lib/primitive/date/index.mjs +1105 -1
- package/dist/lib/primitive/date/types.cjs +18 -1
- package/dist/lib/primitive/index.cjs +2338 -5
- package/dist/lib/primitive/index.mjs +2316 -5
- package/dist/lib/primitive/string/index.cjs +875 -5
- package/dist/lib/primitive/string/index.mjs +852 -5
- package/dist/lib/primitive/string/parser-2.cjs +543 -8
- package/dist/lib/primitive/string/parser-2.mjs +522 -8
- package/dist/lib/primitive/string/parser.cjs +236 -3
- package/dist/lib/primitive/string/parser.mjs +215 -3
- package/dist/lib/primitive/string/string.cjs +926 -5
- package/dist/lib/primitive/string/string.mjs +903 -5
- package/dist/lib/primitive/string/types.cjs +18 -1
- package/dist/lib/primitive/types.cjs +18 -1
- package/dist/lib/url/index.cjs +327 -1
- package/dist/lib/url/index.mjs +304 -1
- package/dist/lib/url/parser.cjs +325 -1
- package/dist/lib/url/parser.mjs +304 -1
- package/dist/lib/url/types.cjs +18 -1
- package/package.json +5 -5
package/dist/lib/color/utils.cjs
CHANGED
|
@@ -1 +1,962 @@
|
|
|
1
|
-
"use strict";var E=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var I=(r,a)=>{for(var d in a)E(r,d,{get:a[d],enumerable:!0})},V=(r,a,d,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of j(a))!q.call(r,f)&&f!==d&&E(r,f,{get:()=>a[f],enumerable:!(i=_(a,f))||i.enumerable});return r};var D=r=>V(E({},"__esModule",{value:!0}),r);var ee={};I(ee,{COLOR_PATTERNS:()=>w,RGB_PATTERNS:()=>F,adjustColor:()=>G,calculateContrastRatio:()=>U,calculateLuminance:()=>C,createContrastColor:()=>Z,formatRgba:()=>W,generatePalette:()=>Q,hslToRgb:()=>H,isValidColor:()=>z,mixColors:()=>J,oklchToRgb:()=>B,parseColor:()=>m,parseRgbaColor:()=>T,rgbaToCmyk:()=>X,rgbaToHex:()=>S,rgbaToHsl:()=>v,rgbaToHsv:()=>Y,testRgbaPatterns:()=>K});module.exports=D(ee);var A={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",transparent:"transparent",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32",zinc:"#71717a",stone:"#78716c",neutral:"#737373",slate:"#64748b",gray50:"#f9fafb",gray100:"#f3f4f6",gray200:"#e5e7eb",gray300:"#d1d5db",gray400:"#9ca3af",gray500:"#6b7280",gray600:"#4b5563",gray700:"#374151",gray800:"#1f2937",gray900:"#111827",gray950:"#030712",red50:"#fef2f2",red100:"#fee2e2",red200:"#fecaca",red300:"#fca5a5",red400:"#f87171",red500:"#ef4444",red600:"#dc2626",red700:"#b91c1c",red800:"#991b1b",red900:"#7f1d1d",red950:"#450a0a",orange50:"#fff7ed",orange100:"#ffedd5",orange200:"#fed7aa",orange300:"#fdba74",orange400:"#fb923c",orange500:"#f97316",orange600:"#ea580c",orange700:"#c2410c",orange800:"#9a3412",orange900:"#7c2d12",orange950:"#431407",amber50:"#fffbeb",amber100:"#fef3c7",amber200:"#fde68a",amber300:"#fcd34d",amber400:"#fbbf24",amber500:"#f59e0b",amber600:"#d97706",amber700:"#b45309",amber800:"#92400e",amber900:"#78350f",amber950:"#451a03",yellow50:"#fefce8",yellow100:"#fef9c3",yellow200:"#fef08a",yellow300:"#fde047",yellow400:"#facc15",yellow500:"#eab308",yellow600:"#ca8a04",yellow700:"#a16207",yellow800:"#854d0e",yellow900:"#713f12",yellow950:"#422006",lime50:"#f7fee7",lime100:"#ecfccb",lime200:"#d9f99d",lime300:"#bef264",lime400:"#a3e635",lime500:"#84cc16",lime600:"#65a30d",lime700:"#4d7c0f",lime800:"#3f6212",lime900:"#365314",lime950:"#1a2e05",green50:"#f0fdf4",green100:"#dcfce7",green200:"#bbf7d0",green300:"#86efac",green400:"#4ade80",green500:"#22c55e",green600:"#16a34a",green700:"#15803d",green800:"#166534",green900:"#14532d",green950:"#052e16",emerald50:"#ecfdf5",emerald100:"#d1fae5",emerald200:"#a7f3d0",emerald300:"#6ee7b7",emerald400:"#34d399",emerald500:"#10b981",emerald600:"#059669",emerald700:"#047857",emerald800:"#065f46",emerald900:"#064e3b",emerald950:"#022c22",teal50:"#f0fdfa",teal100:"#ccfbf1",teal200:"#99f6e4",teal300:"#5eead4",teal400:"#2dd4bf",teal500:"#14b8a6",teal600:"#0d9488",teal700:"#0f766e",teal800:"#115e59",teal900:"#134e4a",teal950:"#042f2e",cyan50:"#ecfeff",cyan100:"#cffafe",cyan200:"#a5f3fc",cyan300:"#67e8f9",cyan400:"#22d3ee",cyan500:"#06b6d4",cyan600:"#0891b2",cyan700:"#0e7490",cyan800:"#155e75",cyan900:"#164e63",cyan950:"#083344",sky50:"#f0f9ff",sky100:"#e0f2fe",sky200:"#bae6fd",sky300:"#7dd3fc",sky400:"#38bdf8",sky500:"#0ea5e9",sky600:"#0284c7",sky700:"#0369a1",sky800:"#075985",sky900:"#0c4a6e",sky950:"#082f49",blue50:"#eff6ff",blue100:"#dbeafe",blue200:"#bfdbfe",blue300:"#93c5fd",blue400:"#60a5fa",blue500:"#3b82f6",blue600:"#2563eb",blue700:"#1d4ed8",blue800:"#1e40af",blue900:"#1e3a8a",blue950:"#172554",indigo50:"#eef2ff",indigo100:"#e0e7ff",indigo200:"#c7d2fe",indigo300:"#a5b4fc",indigo400:"#818cf8",indigo500:"#6366f1",indigo600:"#4f46e5",indigo700:"#4338ca",indigo800:"#3730a3",indigo900:"#312e81",indigo950:"#1e1b4b",violet50:"#f5f3ff",violet100:"#ede9fe",violet200:"#ddd6fe",violet300:"#c4b5fd",violet400:"#a78bfa",violet500:"#8b5cf6",violet600:"#7c3aed",violet700:"#6d28d9",violet800:"#5b21b6",violet900:"#4c1d95",violet950:"#2e1065",purple50:"#faf5ff",purple100:"#f3e8ff",purple200:"#e9d5ff",purple300:"#d8b4fe",purple400:"#c084fc",purple500:"#a855f7",purple600:"#9333ea",purple700:"#7e22ce",purple800:"#6b21a8",purple900:"#581c87",purple950:"#3b0764",fuchsia50:"#fdf4ff",fuchsia100:"#fae8ff",fuchsia200:"#f5d0fe",fuchsia300:"#f0abfc",fuchsia400:"#e879f9",fuchsia500:"#d946ef",fuchsia600:"#c026d3",fuchsia700:"#a21caf",fuchsia800:"#86198f",fuchsia900:"#701a75",fuchsia950:"#4a044e",pink50:"#fdf2f8",pink100:"#fce7f3",pink200:"#fbcfe8",pink300:"#f9a8d4",pink400:"#f472b6",pink500:"#ec4899",pink600:"#db2777",pink700:"#be185d",pink800:"#9d174d",pink900:"#831843",pink950:"#500724",rose50:"#fff1f2",rose100:"#ffe4e6",rose200:"#fecdd3",rose300:"#fda4af",rose400:"#fb7185",rose500:"#f43f5e",rose600:"#e11d48",rose700:"#be123c",rose800:"#9f1239",rose900:"#881337",rose950:"#4c0519"};var F={LEGACY_RGB:/^rgb\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\)$/i,MODERN_RGB:/^rgb\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\)$/i,LEGACY_RGBA:/^rgba\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(0|1|0?\.\d+|\d{1,3}%?|\.\d+%?)\s*\)$/i,MODERN_RGBA:/^rgba?\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\/\s*(0|1|0?\.\d+|\d{1,3}%?|\.\d+%?)\s*\)$/i,COMPREHENSIVE:/^rgba?\(\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s*(?:[,\s]\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\))))?\s*(?:[,\s]\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\))))?\s*(?:(?:\s*[,\s]?\s*\/?\s*|\s*\/\s*)((?:0|1|0?\.\d+|\.\d+|\d{1,3}%?|var\([^)]+\))))?\s*\)$/i,STRICT_RGB:/^rgb\(\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*\)$/i,STRICT_RGBA:/^rgba\(\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:0|1|0?\.\d+|\.\d+|\d{1,2}(?:\.\d+)?%|100%|var\([^)]+\)))\s*\)$/i,MODERN_RGB_ALPHA:/^rgba?\(\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s+((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s+((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s*(?:\/\s*((?:0|1|0?\.\d+|\.\d+|\d{1,3}%?|var\([^)]+\))))?\s*\)$/i},T=r=>{let a=r.trim().toLowerCase();if(!a||a.includes("var("))return null;let d=s=>{if(!s)return null;let n=s.trim();if(!n||n.includes("var("))return null;if(n.endsWith("%")){let l=parseFloat(n);if(isNaN(l))return null;let u=Math.max(0,Math.min(100,l));return Math.round(u*255/100)}let o=parseFloat(n);return isNaN(o)?null:Math.round(Math.max(0,Math.min(255,o)))},i=s=>{if(!s)return 1;let n=s.trim();if(!n||n.includes("var("))return 1;if(n.endsWith("%")){let l=parseFloat(n);return isNaN(l)?1:Math.max(0,Math.min(100,l))/100}let o=parseFloat(n);return isNaN(o)?1:Math.max(0,Math.min(1,o))},f=/^rgba?\(\s*([^,]+)\s*,\s*([^,]+)\s*,\s*([^,]+)\s*(?:,\s*([^\)]+))?\s*\)$/,t=a.match(f);if(t){let s=d(t[1]),n=d(t[2]),o=d(t[3]),l=i(t[4]);if(s!==null&&n!==null&&o!==null)return[s,n,o,l]}let c=/^rgba?\(\s*([^\s\/]+)\s+([^\s\/]+)\s+([^\s\/]+)\s*(?:\/\s*([^\)]+))?\s*\)$/;if(t=a.match(c),t){let s=d(t[1]),n=d(t[2]),o=d(t[3]),l=i(t[4]);if(s!==null&&n!==null&&o!==null)return[s,n,o,l]}let e=/^rgb\(\s*([^\s,]+)\s+([^\s,]+)\s+([^\s,]+)\s*\)$/;if(t=a.match(e),t){let s=d(t[1]),n=d(t[2]),o=d(t[3]);if(s!==null&&n!==null&&o!==null)return[s,n,o,1]}return null},w={HEX:/^#([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/,RGB:F.COMPREHENSIVE,HSL:/^hsla?\(\s*(\d+(?:\.\d+)?)(?:deg|rad|grad|turn)?\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,OKLCH:/^oklch\(\s*(\d+(?:\.\d+)?%?)\s+(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)(?:\s+[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,OKLAB:/^oklab\(\s*(\d+(?:\.\d+)?%?)\s+([+-]?\d+(?:\.\d+)?)\s+([+-]?\d+(?:\.\d+)?)(?:\s+[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,HSV:/^hsv\(\s*(\d+(?:\.\d+)?)(?:deg|rad|grad|turn)?\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,CMYK:/^cmyk\(\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,COLOR_FUNCTION:/^color\(\s*([a-z]+)\s+((?:\d+(?:\.\d+)?%?\s+)*\d+(?:\.\d+)?%?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,LAB:/^lab\(\s*(\d+(?:\.\d+)?%?)\s+([+-]?\d+(?:\.\d+)?)\s+([+-]?\d+(?:\.\d+)?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,LCH:/^lch\(\s*(\d+(?:\.\d+)?%?)\s+(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i},K=r=>{let a=[],d=r.trim();return Object.entries(F).forEach(([i,f])=>{f.test(d)&&a.push(i)}),a},m=r=>{if(!r||typeof r!="string")return null;let a=r.trim().toLowerCase();if(!a)return null;if(a==="transparent")return[0,0,0,0];let d=a;if(A[d])return m(A[d]);let i=T(a);if(i)return i;let f=a.match(w.HEX);if(f){let e=f[1];(e.length===3||e.length===4)&&(e=e.split("").map(u=>u+u).join(""));let s=parseInt(e.substring(0,2),16),n=parseInt(e.substring(2,4),16),o=parseInt(e.substring(4,6),16),l=e.length===8?parseInt(e.substring(6,8),16)/255:1;if(!isNaN(s)&&!isNaN(n)&&!isNaN(o)&&!isNaN(l))return[s,n,o,l]}let t=a.match(w.HSL);if(t){let e=parseFloat(t[1]),s=parseFloat(t[2])/100,n=parseFloat(t[3])/100,o=t[4]?R(t[4]):1;if(!isNaN(e)&&!isNaN(s)&&!isNaN(n)&&!isNaN(o))return H(e,s,n,o)}let c=a.match(w.OKLCH);if(c){let e=R(c[1]),s=parseFloat(c[2]),n=parseFloat(c[3]),o=c[4]?R(c[4]):1;if(!isNaN(e)&&!isNaN(s)&&!isNaN(n)&&!isNaN(o))return B(e,s,n,o)}return null},H=(r,a,d,i=1)=>{r=r%360,r<0&&(r+=360);let f=(1-Math.abs(2*d-1))*a,t=f*(1-Math.abs(r/60%2-1)),c=d-f/2,e=0,s=0,n=0;return r>=0&&r<60?[e,s,n]=[f,t,0]:r>=60&&r<120?[e,s,n]=[t,f,0]:r>=120&&r<180?[e,s,n]=[0,f,t]:r>=180&&r<240?[e,s,n]=[0,t,f]:r>=240&&r<300?[e,s,n]=[t,0,f]:r>=300&&r<360&&([e,s,n]=[f,0,t]),[Math.round((e+c)*255),Math.round((s+c)*255),Math.round((n+c)*255),i]},B=(r,a,d,i=1)=>{let f=d%360,t=Math.min(100,a*100),c=r*100;return H(f,t/100,c/100,i)},W=(r,a,d,i=1)=>(e=>typeof e=="string"&&e.includes("var("))(i)||typeof i=="number"&&i!==1?`rgba(${r} ${a} ${d} / ${i})`:`rgb(${r} ${a} ${d})`,L=r=>{let a=Math.round(r).toString(16);return a.length===1?`0${a}`:a},R=r=>r.endsWith("%")?parseFloat(r)/100:parseFloat(r),z=r=>{if(r.toLowerCase()in A)return!0;if(r.toLowerCase().trim().startsWith("rgb"))return T(r)!==null;let{RGB:a,...d}=w;return Object.values(d).some(i=>i.test(r))},S=(r,a,d,i=1)=>{let f=`#${L(r)}${L(a)}${L(d)}`;return i<1?`${f}${L(Math.round(i*255))}`:f},v=(r,a,d,i=1)=>{let f=r/255,t=a/255,c=d/255,e=Math.max(f,t,c),s=Math.min(f,t,c),n=0,o=0,l=(e+s)/2;if(e!==s){let b=e-s;switch(o=l>.5?b/(2-e-s):b/(e+s),e){case f:n=(t-c)/b+(t<c?6:0);break;case t:n=(c-f)/b+2;break;case c:n=(f-t)/b+4;break}n/=6}n=Math.round(n*360),o=Math.round(o*100);let u=Math.round(l*100);return i===1?`hsl(${n}, ${o}%, ${u}%)`:`hsla(${n}, ${o}%, ${u}%, ${i})`},Y=(r,a,d,i=1)=>{let f=r/255,t=a/255,c=d/255,e=Math.max(f,t,c),s=Math.min(f,t,c),n=e-s,o=0;if(n!==0){switch(e){case f:o=(t-c)/n+(t<c?6:0);break;case t:o=(c-f)/n+2;break;case c:o=(f-t)/n+4;break}o/=6}let l=e===0?0:n/e,u=e;o=Math.round(o*360);let b=Math.round(l*100),g=Math.round(u*100);return i===1?`hsv(${o}, ${b}%, ${g}%)`:`hsva(${o}, ${b}%, ${g}%, ${i})`},X=(r,a,d,i=1)=>{if(r===0&&a===0&&d===0)return"cmyk(0%, 0%, 0%, 100%)";let f=r/255,t=a/255,c=d/255,e=1-Math.max(f,t,c),s=(1-f-e)/(1-e),n=(1-t-e)/(1-e),o=(1-c-e)/(1-e),l=Math.round(s*100),u=Math.round(n*100),b=Math.round(o*100),g=Math.round(e*100);return`cmyk(${l}%, ${u}%, ${b}%, ${g}%)`},C=(r,a,d)=>{let[i,f,t]=[r,a,d].map(c=>(c=c/255,c<=.03928?c/12.92:Math.pow((c+.055)/1.055,2.4)));return .2126*i+.7152*f+.0722*t},U=(r,a)=>{let d=m(r),i=m(a);if(!d||!i)return 1;let f=C(d[0],d[1],d[2]),t=C(i[0],i[1],i[2]),c=Math.max(f,t),e=Math.min(f,t);return(c+.05)/(e+.05)},G=(r,a)=>{let d=m(r);if(!d)return r;let[i,f,t,c]=d;a.alpha!==void 0&&(c=Math.max(0,Math.min(1,a.alpha)));let e=0,s=0,n=0;if(a.lightness!==void 0||a.saturation!==void 0||a.hue!==void 0){let o=i/255,l=f/255,u=t/255,b=Math.max(o,l,u),g=Math.min(o,l,u);if(n=(b+g)/2,b!==g){let x=b-g;switch(s=n>.5?x/(2-b-g):x/(b+g),b){case o:e=(l-u)/x+(l<u?6:0);break;case l:e=(u-o)/x+2;break;case u:e=(o-l)/x+4;break}e/=6}e*=360,s*=100,n*=100,a.hue!==void 0&&(e=(e+a.hue)%360,e<0&&(e+=360)),a.saturation!==void 0&&(s=Math.max(0,Math.min(100,s+a.saturation))),a.lightness!==void 0&&(n=Math.max(0,Math.min(100,n+a.lightness)));let y=e/360,P=s/100,O=n/100,k=(1-Math.abs(2*O-1))*P,N=k*(1-Math.abs(y*6%2-1)),p=O-k/2,h=0,M=0,$=0;y<1/6?[h,M,$]=[k,N,0]:y<2/6?[h,M,$]=[N,k,0]:y<3/6?[h,M,$]=[0,k,N]:y<4/6?[h,M,$]=[0,N,k]:y<5/6?[h,M,$]=[N,0,k]:[h,M,$]=[k,0,N],i=Math.round((h+p)*255),f=Math.round((M+p)*255),t=Math.round(($+p)*255)}if(a.contrast!==void 0){let o=a.contrast/100*2.55,l=(i+f+t)/3;i=Math.round(l+(i-l)*(1+o)),f=Math.round(l+(f-l)*(1+o)),t=Math.round(l+(t-l)*(1+o)),i=Math.max(0,Math.min(255,i)),f=Math.max(0,Math.min(255,f)),t=Math.max(0,Math.min(255,t))}return S(i,f,t,c)},J=r=>{let{color:a,with:d="transparent",percentage:i=50,colorSpace:f="srgb"}=r,t=m(a),c=m(d);if(!t||!c)return a;let e=i/100,[s,n,o,l]=t,[u,b,g,y]=c;switch(r.opacity!==void 0&&(l=typeof r.opacity=="number"?r.opacity:R(r.opacity)),r.withOpacity!==void 0&&(y=typeof r.withOpacity=="number"?r.withOpacity:R(r.withOpacity)),f){case"srgb":default:let P=Math.round(s+(u-s)*e),O=Math.round(n+(b-n)*e),k=Math.round(o+(g-o)*e),N=l+(y-l)*e;return S(P,O,k,N);case"hsl":let p=m(v(s,n,o,l)),h=m(v(u,b,g,y));if(!p||!h)return a;let M=(p[0]+(h[0]-p[0])*e)%360,$=p[1]+(h[1]-p[1])*e,x=p[2]+(h[2]-p[2])*e;return`hsl(${M}, ${$}%, ${x}%)`}},Q=(r,a={})=>{let d=m(r);if(!d)return{};let i=a.shades||10,f=a.lightnessFactor||.1,t=a.saturationFactor||.05,c={};for(let e=0;e<i;e++){let s=e/(i-1),n=(s-.5)*2*f*100,o=G(r,{lightness:n,saturation:(s-.5)*2*t*100}),l=e===0?"50":`${e*100}`;c[l]=o}if(a.includeComplementary){let e=m(v(d[0],d[1],d[2]));if(e){let s=e[0];s=(s+180)%360,c.complementary=`hsl(${s}, ${e[1]}%, ${e[2]}%)`}}if(a.includeAnalogous){let e=m(v(d[0],d[1],d[2]));if(e){let s=e[0];c.analogous1=`hsl(${(s-30+360)%360}, ${e[1]}%, ${e[2]}%)`,c.analogous2=`hsl(${(s+30)%360}, ${e[1]}%, ${e[2]}%)`}}if(a.includeTriadic){let e=m(v(d[0],d[1],d[2]));if(e){let s=e[0];c.triadic1=`hsl(${(s+120)%360}, ${e[1]}%, ${e[2]}%)`,c.triadic2=`hsl(${(s+240)%360}, ${e[1]}%, ${e[2]}%)`}}return c},Z=(r,a={})=>{let{lightColor:d="#ffffff",darkColor:i="#000000",targetRatio:f=4.5,fallbackColor:t="#000000"}=a,c=m(r);if(!c)return t;let e=C(c[0],c[1],c[2]),s=C(...m(d).slice(0,3)),n=C(...m(i).slice(0,3)),o=(Math.max(e,s)+.05)/(Math.min(e,s)+.05),l=(Math.max(e,n)+.05)/(Math.min(e,n)+.05);return o>=f&&l>=f?o>l?d:i:o>=f?d:l>=f?i:o>l?d:i};
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/lib/color/utils.ts
|
|
21
|
+
var utils_exports = {};
|
|
22
|
+
__export(utils_exports, {
|
|
23
|
+
COLOR_PATTERNS: () => COLOR_PATTERNS,
|
|
24
|
+
RGB_PATTERNS: () => RGB_PATTERNS,
|
|
25
|
+
adjustColor: () => adjustColor,
|
|
26
|
+
calculateContrastRatio: () => calculateContrastRatio,
|
|
27
|
+
calculateLuminance: () => calculateLuminance,
|
|
28
|
+
createContrastColor: () => createContrastColor,
|
|
29
|
+
formatRgba: () => formatRgba,
|
|
30
|
+
generatePalette: () => generatePalette,
|
|
31
|
+
hslToRgb: () => hslToRgb,
|
|
32
|
+
isValidColor: () => isValidColor,
|
|
33
|
+
mixColors: () => mixColors,
|
|
34
|
+
oklchToRgb: () => oklchToRgb,
|
|
35
|
+
parseColor: () => parseColor,
|
|
36
|
+
parseRgbaColor: () => parseRgbaColor,
|
|
37
|
+
rgbaToCmyk: () => rgbaToCmyk,
|
|
38
|
+
rgbaToHex: () => rgbaToHex,
|
|
39
|
+
rgbaToHsl: () => rgbaToHsl,
|
|
40
|
+
rgbaToHsv: () => rgbaToHsv,
|
|
41
|
+
testRgbaPatterns: () => testRgbaPatterns
|
|
42
|
+
});
|
|
43
|
+
module.exports = __toCommonJS(utils_exports);
|
|
44
|
+
|
|
45
|
+
// src/lib/color/constants.ts
|
|
46
|
+
var NAMED_COLORS = {
|
|
47
|
+
// Basic colors
|
|
48
|
+
aliceblue: "#f0f8ff",
|
|
49
|
+
antiquewhite: "#faebd7",
|
|
50
|
+
aqua: "#00ffff",
|
|
51
|
+
aquamarine: "#7fffd4",
|
|
52
|
+
azure: "#f0ffff",
|
|
53
|
+
beige: "#f5f5dc",
|
|
54
|
+
bisque: "#ffe4c4",
|
|
55
|
+
black: "#000000",
|
|
56
|
+
blanchedalmond: "#ffebcd",
|
|
57
|
+
blue: "#0000ff",
|
|
58
|
+
blueviolet: "#8a2be2",
|
|
59
|
+
brown: "#a52a2a",
|
|
60
|
+
burlywood: "#deb887",
|
|
61
|
+
cadetblue: "#5f9ea0",
|
|
62
|
+
chartreuse: "#7fff00",
|
|
63
|
+
chocolate: "#d2691e",
|
|
64
|
+
coral: "#ff7f50",
|
|
65
|
+
cornflowerblue: "#6495ed",
|
|
66
|
+
cornsilk: "#fff8dc",
|
|
67
|
+
crimson: "#dc143c",
|
|
68
|
+
cyan: "#00ffff",
|
|
69
|
+
darkblue: "#00008b",
|
|
70
|
+
darkcyan: "#008b8b",
|
|
71
|
+
darkgoldenrod: "#b8860b",
|
|
72
|
+
darkgray: "#a9a9a9",
|
|
73
|
+
darkgreen: "#006400",
|
|
74
|
+
darkgrey: "#a9a9a9",
|
|
75
|
+
darkkhaki: "#bdb76b",
|
|
76
|
+
darkmagenta: "#8b008b",
|
|
77
|
+
darkolivegreen: "#556b2f",
|
|
78
|
+
darkorange: "#ff8c00",
|
|
79
|
+
darkorchid: "#9932cc",
|
|
80
|
+
darkred: "#8b0000",
|
|
81
|
+
darksalmon: "#e9967a",
|
|
82
|
+
darkseagreen: "#8fbc8f",
|
|
83
|
+
darkslateblue: "#483d8b",
|
|
84
|
+
darkslategray: "#2f4f4f",
|
|
85
|
+
darkslategrey: "#2f4f4f",
|
|
86
|
+
darkturquoise: "#00ced1",
|
|
87
|
+
darkviolet: "#9400d3",
|
|
88
|
+
deeppink: "#ff1493",
|
|
89
|
+
deepskyblue: "#00bfff",
|
|
90
|
+
dimgray: "#696969",
|
|
91
|
+
dimgrey: "#696969",
|
|
92
|
+
dodgerblue: "#1e90ff",
|
|
93
|
+
firebrick: "#b22222",
|
|
94
|
+
floralwhite: "#fffaf0",
|
|
95
|
+
forestgreen: "#228b22",
|
|
96
|
+
fuchsia: "#ff00ff",
|
|
97
|
+
gainsboro: "#dcdcdc",
|
|
98
|
+
ghostwhite: "#f8f8ff",
|
|
99
|
+
gold: "#ffd700",
|
|
100
|
+
goldenrod: "#daa520",
|
|
101
|
+
gray: "#808080",
|
|
102
|
+
green: "#008000",
|
|
103
|
+
greenyellow: "#adff2f",
|
|
104
|
+
grey: "#808080",
|
|
105
|
+
honeydew: "#f0fff0",
|
|
106
|
+
hotpink: "#ff69b4",
|
|
107
|
+
indianred: "#cd5c5c",
|
|
108
|
+
indigo: "#4b0082",
|
|
109
|
+
ivory: "#fffff0",
|
|
110
|
+
khaki: "#f0e68c",
|
|
111
|
+
lavender: "#e6e6fa",
|
|
112
|
+
lavenderblush: "#fff0f5",
|
|
113
|
+
lawngreen: "#7cfc00",
|
|
114
|
+
lemonchiffon: "#fffacd",
|
|
115
|
+
lightblue: "#add8e6",
|
|
116
|
+
lightcoral: "#f08080",
|
|
117
|
+
lightcyan: "#e0ffff",
|
|
118
|
+
lightgoldenrodyellow: "#fafad2",
|
|
119
|
+
lightgray: "#d3d3d3",
|
|
120
|
+
lightgreen: "#90ee90",
|
|
121
|
+
lightgrey: "#d3d3d3",
|
|
122
|
+
lightpink: "#ffb6c1",
|
|
123
|
+
lightsalmon: "#ffa07a",
|
|
124
|
+
lightseagreen: "#20b2aa",
|
|
125
|
+
lightskyblue: "#87cefa",
|
|
126
|
+
lightslategray: "#778899",
|
|
127
|
+
lightslategrey: "#778899",
|
|
128
|
+
lightsteelblue: "#b0c4de",
|
|
129
|
+
lightyellow: "#ffffe0",
|
|
130
|
+
lime: "#00ff00",
|
|
131
|
+
limegreen: "#32cd32",
|
|
132
|
+
linen: "#faf0e6",
|
|
133
|
+
magenta: "#ff00ff",
|
|
134
|
+
maroon: "#800000",
|
|
135
|
+
mediumaquamarine: "#66cdaa",
|
|
136
|
+
mediumblue: "#0000cd",
|
|
137
|
+
mediumorchid: "#ba55d3",
|
|
138
|
+
mediumpurple: "#9370db",
|
|
139
|
+
mediumseagreen: "#3cb371",
|
|
140
|
+
mediumslateblue: "#7b68ee",
|
|
141
|
+
mediumspringgreen: "#00fa9a",
|
|
142
|
+
mediumturquoise: "#48d1cc",
|
|
143
|
+
mediumvioletred: "#c71585",
|
|
144
|
+
midnightblue: "#191970",
|
|
145
|
+
mintcream: "#f5fffa",
|
|
146
|
+
mistyrose: "#ffe4e1",
|
|
147
|
+
moccasin: "#ffe4b5",
|
|
148
|
+
navajowhite: "#ffdead",
|
|
149
|
+
navy: "#000080",
|
|
150
|
+
oldlace: "#fdf5e6",
|
|
151
|
+
olive: "#808000",
|
|
152
|
+
olivedrab: "#6b8e23",
|
|
153
|
+
orange: "#ffa500",
|
|
154
|
+
orangered: "#ff4500",
|
|
155
|
+
orchid: "#da70d6",
|
|
156
|
+
palegoldenrod: "#eee8aa",
|
|
157
|
+
palegreen: "#98fb98",
|
|
158
|
+
paleturquoise: "#afeeee",
|
|
159
|
+
palevioletred: "#db7093",
|
|
160
|
+
papayawhip: "#ffefd5",
|
|
161
|
+
peachpuff: "#ffdab9",
|
|
162
|
+
peru: "#cd853f",
|
|
163
|
+
pink: "#ffc0cb",
|
|
164
|
+
plum: "#dda0dd",
|
|
165
|
+
powderblue: "#b0e0e6",
|
|
166
|
+
purple: "#800080",
|
|
167
|
+
rebeccapurple: "#663399",
|
|
168
|
+
red: "#ff0000",
|
|
169
|
+
rosybrown: "#bc8f8f",
|
|
170
|
+
royalblue: "#4169e1",
|
|
171
|
+
saddlebrown: "#8b4513",
|
|
172
|
+
salmon: "#fa8072",
|
|
173
|
+
sandybrown: "#f4a460",
|
|
174
|
+
seagreen: "#2e8b57",
|
|
175
|
+
seashell: "#fff5ee",
|
|
176
|
+
sienna: "#a0522d",
|
|
177
|
+
silver: "#c0c0c0",
|
|
178
|
+
skyblue: "#87ceeb",
|
|
179
|
+
slateblue: "#6a5acd",
|
|
180
|
+
slategray: "#708090",
|
|
181
|
+
slategrey: "#708090",
|
|
182
|
+
snow: "#fffafa",
|
|
183
|
+
springgreen: "#00ff7f",
|
|
184
|
+
steelblue: "#4682b4",
|
|
185
|
+
tan: "#d2b48c",
|
|
186
|
+
teal: "#008080",
|
|
187
|
+
thistle: "#d8bfd8",
|
|
188
|
+
tomato: "#ff6347",
|
|
189
|
+
transparent: "transparent",
|
|
190
|
+
turquoise: "#40e0d0",
|
|
191
|
+
violet: "#ee82ee",
|
|
192
|
+
wheat: "#f5deb3",
|
|
193
|
+
white: "#ffffff",
|
|
194
|
+
whitesmoke: "#f5f5f5",
|
|
195
|
+
yellow: "#ffff00",
|
|
196
|
+
yellowgreen: "#9acd32",
|
|
197
|
+
// Additional modern colors
|
|
198
|
+
zinc: "#71717a",
|
|
199
|
+
stone: "#78716c",
|
|
200
|
+
neutral: "#737373",
|
|
201
|
+
slate: "#64748b",
|
|
202
|
+
gray50: "#f9fafb",
|
|
203
|
+
gray100: "#f3f4f6",
|
|
204
|
+
gray200: "#e5e7eb",
|
|
205
|
+
gray300: "#d1d5db",
|
|
206
|
+
gray400: "#9ca3af",
|
|
207
|
+
gray500: "#6b7280",
|
|
208
|
+
gray600: "#4b5563",
|
|
209
|
+
gray700: "#374151",
|
|
210
|
+
gray800: "#1f2937",
|
|
211
|
+
gray900: "#111827",
|
|
212
|
+
gray950: "#030712",
|
|
213
|
+
red50: "#fef2f2",
|
|
214
|
+
red100: "#fee2e2",
|
|
215
|
+
red200: "#fecaca",
|
|
216
|
+
red300: "#fca5a5",
|
|
217
|
+
red400: "#f87171",
|
|
218
|
+
red500: "#ef4444",
|
|
219
|
+
red600: "#dc2626",
|
|
220
|
+
red700: "#b91c1c",
|
|
221
|
+
red800: "#991b1b",
|
|
222
|
+
red900: "#7f1d1d",
|
|
223
|
+
red950: "#450a0a",
|
|
224
|
+
orange50: "#fff7ed",
|
|
225
|
+
orange100: "#ffedd5",
|
|
226
|
+
orange200: "#fed7aa",
|
|
227
|
+
orange300: "#fdba74",
|
|
228
|
+
orange400: "#fb923c",
|
|
229
|
+
orange500: "#f97316",
|
|
230
|
+
orange600: "#ea580c",
|
|
231
|
+
orange700: "#c2410c",
|
|
232
|
+
orange800: "#9a3412",
|
|
233
|
+
orange900: "#7c2d12",
|
|
234
|
+
orange950: "#431407",
|
|
235
|
+
amber50: "#fffbeb",
|
|
236
|
+
amber100: "#fef3c7",
|
|
237
|
+
amber200: "#fde68a",
|
|
238
|
+
amber300: "#fcd34d",
|
|
239
|
+
amber400: "#fbbf24",
|
|
240
|
+
amber500: "#f59e0b",
|
|
241
|
+
amber600: "#d97706",
|
|
242
|
+
amber700: "#b45309",
|
|
243
|
+
amber800: "#92400e",
|
|
244
|
+
amber900: "#78350f",
|
|
245
|
+
amber950: "#451a03",
|
|
246
|
+
yellow50: "#fefce8",
|
|
247
|
+
yellow100: "#fef9c3",
|
|
248
|
+
yellow200: "#fef08a",
|
|
249
|
+
yellow300: "#fde047",
|
|
250
|
+
yellow400: "#facc15",
|
|
251
|
+
yellow500: "#eab308",
|
|
252
|
+
yellow600: "#ca8a04",
|
|
253
|
+
yellow700: "#a16207",
|
|
254
|
+
yellow800: "#854d0e",
|
|
255
|
+
yellow900: "#713f12",
|
|
256
|
+
yellow950: "#422006",
|
|
257
|
+
lime50: "#f7fee7",
|
|
258
|
+
lime100: "#ecfccb",
|
|
259
|
+
lime200: "#d9f99d",
|
|
260
|
+
lime300: "#bef264",
|
|
261
|
+
lime400: "#a3e635",
|
|
262
|
+
lime500: "#84cc16",
|
|
263
|
+
lime600: "#65a30d",
|
|
264
|
+
lime700: "#4d7c0f",
|
|
265
|
+
lime800: "#3f6212",
|
|
266
|
+
lime900: "#365314",
|
|
267
|
+
lime950: "#1a2e05",
|
|
268
|
+
green50: "#f0fdf4",
|
|
269
|
+
green100: "#dcfce7",
|
|
270
|
+
green200: "#bbf7d0",
|
|
271
|
+
green300: "#86efac",
|
|
272
|
+
green400: "#4ade80",
|
|
273
|
+
green500: "#22c55e",
|
|
274
|
+
green600: "#16a34a",
|
|
275
|
+
green700: "#15803d",
|
|
276
|
+
green800: "#166534",
|
|
277
|
+
green900: "#14532d",
|
|
278
|
+
green950: "#052e16",
|
|
279
|
+
emerald50: "#ecfdf5",
|
|
280
|
+
emerald100: "#d1fae5",
|
|
281
|
+
emerald200: "#a7f3d0",
|
|
282
|
+
emerald300: "#6ee7b7",
|
|
283
|
+
emerald400: "#34d399",
|
|
284
|
+
emerald500: "#10b981",
|
|
285
|
+
emerald600: "#059669",
|
|
286
|
+
emerald700: "#047857",
|
|
287
|
+
emerald800: "#065f46",
|
|
288
|
+
emerald900: "#064e3b",
|
|
289
|
+
emerald950: "#022c22",
|
|
290
|
+
teal50: "#f0fdfa",
|
|
291
|
+
teal100: "#ccfbf1",
|
|
292
|
+
teal200: "#99f6e4",
|
|
293
|
+
teal300: "#5eead4",
|
|
294
|
+
teal400: "#2dd4bf",
|
|
295
|
+
teal500: "#14b8a6",
|
|
296
|
+
teal600: "#0d9488",
|
|
297
|
+
teal700: "#0f766e",
|
|
298
|
+
teal800: "#115e59",
|
|
299
|
+
teal900: "#134e4a",
|
|
300
|
+
teal950: "#042f2e",
|
|
301
|
+
cyan50: "#ecfeff",
|
|
302
|
+
cyan100: "#cffafe",
|
|
303
|
+
cyan200: "#a5f3fc",
|
|
304
|
+
cyan300: "#67e8f9",
|
|
305
|
+
cyan400: "#22d3ee",
|
|
306
|
+
cyan500: "#06b6d4",
|
|
307
|
+
cyan600: "#0891b2",
|
|
308
|
+
cyan700: "#0e7490",
|
|
309
|
+
cyan800: "#155e75",
|
|
310
|
+
cyan900: "#164e63",
|
|
311
|
+
cyan950: "#083344",
|
|
312
|
+
sky50: "#f0f9ff",
|
|
313
|
+
sky100: "#e0f2fe",
|
|
314
|
+
sky200: "#bae6fd",
|
|
315
|
+
sky300: "#7dd3fc",
|
|
316
|
+
sky400: "#38bdf8",
|
|
317
|
+
sky500: "#0ea5e9",
|
|
318
|
+
sky600: "#0284c7",
|
|
319
|
+
sky700: "#0369a1",
|
|
320
|
+
sky800: "#075985",
|
|
321
|
+
sky900: "#0c4a6e",
|
|
322
|
+
sky950: "#082f49",
|
|
323
|
+
blue50: "#eff6ff",
|
|
324
|
+
blue100: "#dbeafe",
|
|
325
|
+
blue200: "#bfdbfe",
|
|
326
|
+
blue300: "#93c5fd",
|
|
327
|
+
blue400: "#60a5fa",
|
|
328
|
+
blue500: "#3b82f6",
|
|
329
|
+
blue600: "#2563eb",
|
|
330
|
+
blue700: "#1d4ed8",
|
|
331
|
+
blue800: "#1e40af",
|
|
332
|
+
blue900: "#1e3a8a",
|
|
333
|
+
blue950: "#172554",
|
|
334
|
+
indigo50: "#eef2ff",
|
|
335
|
+
indigo100: "#e0e7ff",
|
|
336
|
+
indigo200: "#c7d2fe",
|
|
337
|
+
indigo300: "#a5b4fc",
|
|
338
|
+
indigo400: "#818cf8",
|
|
339
|
+
indigo500: "#6366f1",
|
|
340
|
+
indigo600: "#4f46e5",
|
|
341
|
+
indigo700: "#4338ca",
|
|
342
|
+
indigo800: "#3730a3",
|
|
343
|
+
indigo900: "#312e81",
|
|
344
|
+
indigo950: "#1e1b4b",
|
|
345
|
+
violet50: "#f5f3ff",
|
|
346
|
+
violet100: "#ede9fe",
|
|
347
|
+
violet200: "#ddd6fe",
|
|
348
|
+
violet300: "#c4b5fd",
|
|
349
|
+
violet400: "#a78bfa",
|
|
350
|
+
violet500: "#8b5cf6",
|
|
351
|
+
violet600: "#7c3aed",
|
|
352
|
+
violet700: "#6d28d9",
|
|
353
|
+
violet800: "#5b21b6",
|
|
354
|
+
violet900: "#4c1d95",
|
|
355
|
+
violet950: "#2e1065",
|
|
356
|
+
purple50: "#faf5ff",
|
|
357
|
+
purple100: "#f3e8ff",
|
|
358
|
+
purple200: "#e9d5ff",
|
|
359
|
+
purple300: "#d8b4fe",
|
|
360
|
+
purple400: "#c084fc",
|
|
361
|
+
purple500: "#a855f7",
|
|
362
|
+
purple600: "#9333ea",
|
|
363
|
+
purple700: "#7e22ce",
|
|
364
|
+
purple800: "#6b21a8",
|
|
365
|
+
purple900: "#581c87",
|
|
366
|
+
purple950: "#3b0764",
|
|
367
|
+
fuchsia50: "#fdf4ff",
|
|
368
|
+
fuchsia100: "#fae8ff",
|
|
369
|
+
fuchsia200: "#f5d0fe",
|
|
370
|
+
fuchsia300: "#f0abfc",
|
|
371
|
+
fuchsia400: "#e879f9",
|
|
372
|
+
fuchsia500: "#d946ef",
|
|
373
|
+
fuchsia600: "#c026d3",
|
|
374
|
+
fuchsia700: "#a21caf",
|
|
375
|
+
fuchsia800: "#86198f",
|
|
376
|
+
fuchsia900: "#701a75",
|
|
377
|
+
fuchsia950: "#4a044e",
|
|
378
|
+
pink50: "#fdf2f8",
|
|
379
|
+
pink100: "#fce7f3",
|
|
380
|
+
pink200: "#fbcfe8",
|
|
381
|
+
pink300: "#f9a8d4",
|
|
382
|
+
pink400: "#f472b6",
|
|
383
|
+
pink500: "#ec4899",
|
|
384
|
+
pink600: "#db2777",
|
|
385
|
+
pink700: "#be185d",
|
|
386
|
+
pink800: "#9d174d",
|
|
387
|
+
pink900: "#831843",
|
|
388
|
+
pink950: "#500724",
|
|
389
|
+
rose50: "#fff1f2",
|
|
390
|
+
rose100: "#ffe4e6",
|
|
391
|
+
rose200: "#fecdd3",
|
|
392
|
+
rose300: "#fda4af",
|
|
393
|
+
rose400: "#fb7185",
|
|
394
|
+
rose500: "#f43f5e",
|
|
395
|
+
rose600: "#e11d48",
|
|
396
|
+
rose700: "#be123c",
|
|
397
|
+
rose800: "#9f1239",
|
|
398
|
+
rose900: "#881337",
|
|
399
|
+
rose950: "#4c0519"
|
|
400
|
+
};
|
|
401
|
+
|
|
402
|
+
// src/lib/color/utils.ts
|
|
403
|
+
var RGB_PATTERNS = {
|
|
404
|
+
/**
|
|
405
|
+
* Matches legacy comma-separated RGB
|
|
406
|
+
* @example rgb(255, 0, 0)
|
|
407
|
+
*/
|
|
408
|
+
LEGACY_RGB: /^rgb\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\)$/i,
|
|
409
|
+
/**
|
|
410
|
+
* Matches modern space-separated RGB
|
|
411
|
+
* @example rgb(255 0 0)
|
|
412
|
+
*/
|
|
413
|
+
MODERN_RGB: /^rgb\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\)$/i,
|
|
414
|
+
/**
|
|
415
|
+
* Matches legacy comma-separated RGBA
|
|
416
|
+
* @example rgba(255, 0, 0, 0.5)
|
|
417
|
+
* @example rgba(255, 0, 0, 50%)
|
|
418
|
+
*/
|
|
419
|
+
LEGACY_RGBA: /^rgba\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s*,\s*(0|1|0?\.\d+|\d{1,3}%?|\.\d+%?)\s*\)$/i,
|
|
420
|
+
/**
|
|
421
|
+
* Matches modern space-separated RGBA with slash
|
|
422
|
+
* @example rgb(255 0 0 / 0.5)
|
|
423
|
+
* @example rgb(255 0 0 / 50%)
|
|
424
|
+
* @example rgba(255 0 0 / 0.5)
|
|
425
|
+
*/
|
|
426
|
+
MODERN_RGBA: /^rgba?\(\s*(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s+(\d{1,3}|\.\d+|\d+\.\d+%?)\s*\/\s*(0|1|0?\.\d+|\d{1,3}%?|\.\d+%?)\s*\)$/i,
|
|
427
|
+
/**
|
|
428
|
+
* Combined pattern that matches all RGB/RGBA variations
|
|
429
|
+
* Supports:
|
|
430
|
+
* - Legacy comma-separated: rgb(255, 0, 0), rgba(255, 0, 0, 0.5)
|
|
431
|
+
* - Modern space-separated: rgb(255 0 0), rgb(255 0 0 / 0.5)
|
|
432
|
+
* - Mixed separators: rgb(255,0,0), rgb(255 0 0)
|
|
433
|
+
* - Percentages: rgb(100% 0% 0%), rgb(100% 0% 0% / 50%)
|
|
434
|
+
* - Decimal numbers: rgb(255.5 0 0), rgba(255, 0, 0, 0.5)
|
|
435
|
+
* - CSS variables: rgb(var(--red) var(--green) var(--blue))
|
|
436
|
+
*/
|
|
437
|
+
COMPREHENSIVE: /^rgba?\(\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s*(?:[,\s]\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\))))?\s*(?:[,\s]\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\))))?\s*(?:(?:\s*[,\s]?\s*\/?\s*|\s*\/\s*)((?:0|1|0?\.\d+|\.\d+|\d{1,3}%?|var\([^)]+\))))?\s*\)$/i,
|
|
438
|
+
/**
|
|
439
|
+
* Strict RGB pattern with validation
|
|
440
|
+
* Matches integers (0-255) or percentages (0-100%)
|
|
441
|
+
*/
|
|
442
|
+
STRICT_RGB: /^rgb\(\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*\)$/i,
|
|
443
|
+
/**
|
|
444
|
+
* Strict RGBA pattern with validation
|
|
445
|
+
*/
|
|
446
|
+
STRICT_RGBA: /^rgba\(\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:\d{1,2}|1\d{2}|2[0-4]\d|25[0-5]|\d{1,2}(?:\.\d+)?%|100%|\.\d+%?|var\([^)]+\)))\s*,\s*((?:0|1|0?\.\d+|\.\d+|\d{1,2}(?:\.\d+)?%|100%|var\([^)]+\)))\s*\)$/i,
|
|
447
|
+
/**
|
|
448
|
+
* Modern RGB with optional alpha
|
|
449
|
+
*/
|
|
450
|
+
MODERN_RGB_ALPHA: /^rgba?\(\s*((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s+((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s+((?:\d{1,3}(?:\.\d+)?%?|\.\d+%?|var\([^)]+\)))\s*(?:\/\s*((?:0|1|0?\.\d+|\.\d+|\d{1,3}%?|var\([^)]+\))))?\s*\)$/i
|
|
451
|
+
};
|
|
452
|
+
var parseRgbaColor = (colorString) => {
|
|
453
|
+
const str = colorString.trim().toLowerCase();
|
|
454
|
+
if (!str || str.includes("var(")) {
|
|
455
|
+
return null;
|
|
456
|
+
}
|
|
457
|
+
const parseComponent = (component) => {
|
|
458
|
+
if (!component) return null;
|
|
459
|
+
const trimmed = component.trim();
|
|
460
|
+
if (!trimmed || trimmed.includes("var(")) return null;
|
|
461
|
+
if (trimmed.endsWith("%")) {
|
|
462
|
+
const percent = parseFloat(trimmed);
|
|
463
|
+
if (isNaN(percent)) return null;
|
|
464
|
+
const clamped = Math.max(0, Math.min(100, percent));
|
|
465
|
+
return Math.round(clamped * 255 / 100);
|
|
466
|
+
}
|
|
467
|
+
const num = parseFloat(trimmed);
|
|
468
|
+
if (isNaN(num)) return null;
|
|
469
|
+
return Math.round(Math.max(0, Math.min(255, num)));
|
|
470
|
+
};
|
|
471
|
+
const parseAlpha = (alpha) => {
|
|
472
|
+
if (!alpha) return 1;
|
|
473
|
+
const trimmed = alpha.trim();
|
|
474
|
+
if (!trimmed || trimmed.includes("var(")) return 1;
|
|
475
|
+
if (trimmed.endsWith("%")) {
|
|
476
|
+
const percent = parseFloat(trimmed);
|
|
477
|
+
if (isNaN(percent)) return 1;
|
|
478
|
+
return Math.max(0, Math.min(100, percent)) / 100;
|
|
479
|
+
}
|
|
480
|
+
const num = parseFloat(trimmed);
|
|
481
|
+
if (isNaN(num)) return 1;
|
|
482
|
+
return Math.max(0, Math.min(1, num));
|
|
483
|
+
};
|
|
484
|
+
const legacyCommaPattern = /^rgba?\(\s*([^,]+)\s*,\s*([^,]+)\s*,\s*([^,]+)\s*(?:,\s*([^\)]+))?\s*\)$/;
|
|
485
|
+
let match = str.match(legacyCommaPattern);
|
|
486
|
+
if (match) {
|
|
487
|
+
const r = parseComponent(match[1]);
|
|
488
|
+
const g = parseComponent(match[2]);
|
|
489
|
+
const b = parseComponent(match[3]);
|
|
490
|
+
const a = parseAlpha(match[4]);
|
|
491
|
+
if (r !== null && g !== null && b !== null) {
|
|
492
|
+
return [r, g, b, a];
|
|
493
|
+
}
|
|
494
|
+
}
|
|
495
|
+
const modernSlashPattern = /^rgba?\(\s*([^\s\/]+)\s+([^\s\/]+)\s+([^\s\/]+)\s*(?:\/\s*([^\)]+))?\s*\)$/;
|
|
496
|
+
match = str.match(modernSlashPattern);
|
|
497
|
+
if (match) {
|
|
498
|
+
const r = parseComponent(match[1]);
|
|
499
|
+
const g = parseComponent(match[2]);
|
|
500
|
+
const b = parseComponent(match[3]);
|
|
501
|
+
const a = parseAlpha(match[4]);
|
|
502
|
+
if (r !== null && g !== null && b !== null) {
|
|
503
|
+
return [r, g, b, a];
|
|
504
|
+
}
|
|
505
|
+
}
|
|
506
|
+
const modernSpacePattern = /^rgb\(\s*([^\s,]+)\s+([^\s,]+)\s+([^\s,]+)\s*\)$/;
|
|
507
|
+
match = str.match(modernSpacePattern);
|
|
508
|
+
if (match) {
|
|
509
|
+
const r = parseComponent(match[1]);
|
|
510
|
+
const g = parseComponent(match[2]);
|
|
511
|
+
const b = parseComponent(match[3]);
|
|
512
|
+
if (r !== null && g !== null && b !== null) {
|
|
513
|
+
return [r, g, b, 1];
|
|
514
|
+
}
|
|
515
|
+
}
|
|
516
|
+
return null;
|
|
517
|
+
};
|
|
518
|
+
var COLOR_PATTERNS = {
|
|
519
|
+
// Hex patterns (unchanged)
|
|
520
|
+
HEX: /^#([a-fA-F0-9]{3,4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/,
|
|
521
|
+
// RGB patterns (enhanced)
|
|
522
|
+
RGB: RGB_PATTERNS.COMPREHENSIVE,
|
|
523
|
+
// HSL patterns (supports both hsl and hsla)
|
|
524
|
+
HSL: /^hsla?\(\s*(\d+(?:\.\d+)?)(?:deg|rad|grad|turn)?\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
525
|
+
// OKLCH pattern
|
|
526
|
+
OKLCH: /^oklch\(\s*(\d+(?:\.\d+)?%?)\s+(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)(?:\s+[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
527
|
+
// OKLAB pattern
|
|
528
|
+
OKLAB: /^oklab\(\s*(\d+(?:\.\d+)?%?)\s+([+-]?\d+(?:\.\d+)?)\s+([+-]?\d+(?:\.\d+)?)(?:\s+[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
529
|
+
// HSV pattern
|
|
530
|
+
HSV: /^hsv\(\s*(\d+(?:\.\d+)?)(?:deg|rad|grad|turn)?\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
531
|
+
// CMYK pattern
|
|
532
|
+
CMYK: /^cmyk\(\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%\s*,\s*(\d+(?:\.\d+)?)%(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
533
|
+
// CSS color() function
|
|
534
|
+
COLOR_FUNCTION: /^color\(\s*([a-z]+)\s+((?:\d+(?:\.\d+)?%?\s+)*\d+(?:\.\d+)?%?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
535
|
+
// Lab color
|
|
536
|
+
LAB: /^lab\(\s*(\d+(?:\.\d+)?%?)\s+([+-]?\d+(?:\.\d+)?)\s+([+-]?\d+(?:\.\d+)?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i,
|
|
537
|
+
// LCH color
|
|
538
|
+
LCH: /^lch\(\s*(\d+(?:\.\d+)?%?)\s+(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)(?:\s*[,\s/]\s*(\d*\.?\d+%?))?\s*\)$/i
|
|
539
|
+
};
|
|
540
|
+
var testRgbaPatterns = (colorString) => {
|
|
541
|
+
const matches = [];
|
|
542
|
+
const str = colorString.trim();
|
|
543
|
+
Object.entries(RGB_PATTERNS).forEach(([name, pattern]) => {
|
|
544
|
+
if (pattern.test(str)) {
|
|
545
|
+
matches.push(name);
|
|
546
|
+
}
|
|
547
|
+
});
|
|
548
|
+
return matches;
|
|
549
|
+
};
|
|
550
|
+
var parseColor = (color) => {
|
|
551
|
+
if (!color || typeof color !== "string") {
|
|
552
|
+
return null;
|
|
553
|
+
}
|
|
554
|
+
const str = color.trim().toLowerCase();
|
|
555
|
+
if (!str) {
|
|
556
|
+
return null;
|
|
557
|
+
}
|
|
558
|
+
if (str === "transparent") {
|
|
559
|
+
return [0, 0, 0, 0];
|
|
560
|
+
}
|
|
561
|
+
const namedColor = str;
|
|
562
|
+
if (NAMED_COLORS[namedColor]) {
|
|
563
|
+
return parseColor(NAMED_COLORS[namedColor]);
|
|
564
|
+
}
|
|
565
|
+
const rgba = parseRgbaColor(str);
|
|
566
|
+
if (rgba) {
|
|
567
|
+
return rgba;
|
|
568
|
+
}
|
|
569
|
+
const hexMatch = str.match(COLOR_PATTERNS.HEX);
|
|
570
|
+
if (hexMatch) {
|
|
571
|
+
let hex = hexMatch[1];
|
|
572
|
+
if (hex.length === 3 || hex.length === 4) {
|
|
573
|
+
hex = hex.split("").map((c) => c + c).join("");
|
|
574
|
+
}
|
|
575
|
+
const r = parseInt(hex.substring(0, 2), 16);
|
|
576
|
+
const g = parseInt(hex.substring(2, 4), 16);
|
|
577
|
+
const b = parseInt(hex.substring(4, 6), 16);
|
|
578
|
+
const a = hex.length === 8 ? parseInt(hex.substring(6, 8), 16) / 255 : 1;
|
|
579
|
+
if (!isNaN(r) && !isNaN(g) && !isNaN(b) && !isNaN(a)) {
|
|
580
|
+
return [r, g, b, a];
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
const hslMatch = str.match(COLOR_PATTERNS.HSL);
|
|
584
|
+
if (hslMatch) {
|
|
585
|
+
const h = parseFloat(hslMatch[1]);
|
|
586
|
+
const s = parseFloat(hslMatch[2]) / 100;
|
|
587
|
+
const l = parseFloat(hslMatch[3]) / 100;
|
|
588
|
+
const a = hslMatch[4] ? parsePercentage(hslMatch[4]) : 1;
|
|
589
|
+
if (!isNaN(h) && !isNaN(s) && !isNaN(l) && !isNaN(a)) {
|
|
590
|
+
return hslToRgb(h, s, l, a);
|
|
591
|
+
}
|
|
592
|
+
}
|
|
593
|
+
const oklchMatch = str.match(COLOR_PATTERNS.OKLCH);
|
|
594
|
+
if (oklchMatch) {
|
|
595
|
+
const L = parsePercentage(oklchMatch[1]);
|
|
596
|
+
const C = parseFloat(oklchMatch[2]);
|
|
597
|
+
const H = parseFloat(oklchMatch[3]);
|
|
598
|
+
const a = oklchMatch[4] ? parsePercentage(oklchMatch[4]) : 1;
|
|
599
|
+
if (!isNaN(L) && !isNaN(C) && !isNaN(H) && !isNaN(a)) {
|
|
600
|
+
return oklchToRgb(L, C, H, a);
|
|
601
|
+
}
|
|
602
|
+
}
|
|
603
|
+
return null;
|
|
604
|
+
};
|
|
605
|
+
var hslToRgb = (h, s, l, a = 1) => {
|
|
606
|
+
h = h % 360;
|
|
607
|
+
if (h < 0) h += 360;
|
|
608
|
+
const c = (1 - Math.abs(2 * l - 1)) * s;
|
|
609
|
+
const x = c * (1 - Math.abs(h / 60 % 2 - 1));
|
|
610
|
+
const m = l - c / 2;
|
|
611
|
+
let r = 0, g = 0, b = 0;
|
|
612
|
+
if (h >= 0 && h < 60) {
|
|
613
|
+
[r, g, b] = [c, x, 0];
|
|
614
|
+
} else if (h >= 60 && h < 120) {
|
|
615
|
+
[r, g, b] = [x, c, 0];
|
|
616
|
+
} else if (h >= 120 && h < 180) {
|
|
617
|
+
[r, g, b] = [0, c, x];
|
|
618
|
+
} else if (h >= 180 && h < 240) {
|
|
619
|
+
[r, g, b] = [0, x, c];
|
|
620
|
+
} else if (h >= 240 && h < 300) {
|
|
621
|
+
[r, g, b] = [x, 0, c];
|
|
622
|
+
} else if (h >= 300 && h < 360) {
|
|
623
|
+
[r, g, b] = [c, 0, x];
|
|
624
|
+
}
|
|
625
|
+
return [
|
|
626
|
+
Math.round((r + m) * 255),
|
|
627
|
+
Math.round((g + m) * 255),
|
|
628
|
+
Math.round((b + m) * 255),
|
|
629
|
+
a
|
|
630
|
+
];
|
|
631
|
+
};
|
|
632
|
+
var oklchToRgb = (L, C, H, a = 1) => {
|
|
633
|
+
const hue = H % 360;
|
|
634
|
+
const saturation = Math.min(100, C * 100);
|
|
635
|
+
const lightness = L * 100;
|
|
636
|
+
return hslToRgb(hue, saturation / 100, lightness / 100, a);
|
|
637
|
+
};
|
|
638
|
+
var formatRgba = (r, g, b, a = 1) => {
|
|
639
|
+
const isVariable = (value) => typeof value === "string" && value.includes("var(");
|
|
640
|
+
const isAlphaVariable = isVariable(a);
|
|
641
|
+
const hasAlpha = isAlphaVariable || typeof a === "number" && a !== 1;
|
|
642
|
+
if (hasAlpha) {
|
|
643
|
+
return `rgba(${r} ${g} ${b} / ${a})`;
|
|
644
|
+
}
|
|
645
|
+
return `rgb(${r} ${g} ${b})`;
|
|
646
|
+
};
|
|
647
|
+
var numToHex = (value) => {
|
|
648
|
+
const hex = Math.round(value).toString(16);
|
|
649
|
+
return hex.length === 1 ? `0${hex}` : hex;
|
|
650
|
+
};
|
|
651
|
+
var parsePercentage = (value) => {
|
|
652
|
+
if (value.endsWith("%")) {
|
|
653
|
+
return parseFloat(value) / 100;
|
|
654
|
+
}
|
|
655
|
+
return parseFloat(value);
|
|
656
|
+
};
|
|
657
|
+
var isValidColor = (color) => {
|
|
658
|
+
if (color.toLowerCase() in NAMED_COLORS) {
|
|
659
|
+
return true;
|
|
660
|
+
}
|
|
661
|
+
if (color.toLowerCase().trim().startsWith("rgb")) {
|
|
662
|
+
return parseRgbaColor(color) !== null;
|
|
663
|
+
}
|
|
664
|
+
const { RGB, ...otherPatterns } = COLOR_PATTERNS;
|
|
665
|
+
return Object.values(otherPatterns).some((pattern) => pattern.test(color));
|
|
666
|
+
};
|
|
667
|
+
var rgbaToHex = (r, g, b, a = 1) => {
|
|
668
|
+
const hex = `#${numToHex(r)}${numToHex(g)}${numToHex(b)}`;
|
|
669
|
+
return a < 1 ? `${hex}${numToHex(Math.round(a * 255))}` : hex;
|
|
670
|
+
};
|
|
671
|
+
var rgbaToHsl = (r, g, b, a = 1) => {
|
|
672
|
+
const rNorm = r / 255;
|
|
673
|
+
const gNorm = g / 255;
|
|
674
|
+
const bNorm = b / 255;
|
|
675
|
+
const max = Math.max(rNorm, gNorm, bNorm);
|
|
676
|
+
const min = Math.min(rNorm, gNorm, bNorm);
|
|
677
|
+
let h = 0;
|
|
678
|
+
let s = 0;
|
|
679
|
+
const l = (max + min) / 2;
|
|
680
|
+
if (max !== min) {
|
|
681
|
+
const d = max - min;
|
|
682
|
+
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
683
|
+
switch (max) {
|
|
684
|
+
case rNorm:
|
|
685
|
+
h = (gNorm - bNorm) / d + (gNorm < bNorm ? 6 : 0);
|
|
686
|
+
break;
|
|
687
|
+
case gNorm:
|
|
688
|
+
h = (bNorm - rNorm) / d + 2;
|
|
689
|
+
break;
|
|
690
|
+
case bNorm:
|
|
691
|
+
h = (rNorm - gNorm) / d + 4;
|
|
692
|
+
break;
|
|
693
|
+
}
|
|
694
|
+
h /= 6;
|
|
695
|
+
}
|
|
696
|
+
h = Math.round(h * 360);
|
|
697
|
+
s = Math.round(s * 100);
|
|
698
|
+
const lPercent = Math.round(l * 100);
|
|
699
|
+
if (a === 1) {
|
|
700
|
+
return `hsl(${h}, ${s}%, ${lPercent}%)`;
|
|
701
|
+
}
|
|
702
|
+
return `hsla(${h}, ${s}%, ${lPercent}%, ${a})`;
|
|
703
|
+
};
|
|
704
|
+
var rgbaToHsv = (r, g, b, a = 1) => {
|
|
705
|
+
const rNorm = r / 255;
|
|
706
|
+
const gNorm = g / 255;
|
|
707
|
+
const bNorm = b / 255;
|
|
708
|
+
const max = Math.max(rNorm, gNorm, bNorm);
|
|
709
|
+
const min = Math.min(rNorm, gNorm, bNorm);
|
|
710
|
+
const d = max - min;
|
|
711
|
+
let h = 0;
|
|
712
|
+
if (d !== 0) {
|
|
713
|
+
switch (max) {
|
|
714
|
+
case rNorm:
|
|
715
|
+
h = (gNorm - bNorm) / d + (gNorm < bNorm ? 6 : 0);
|
|
716
|
+
break;
|
|
717
|
+
case gNorm:
|
|
718
|
+
h = (bNorm - rNorm) / d + 2;
|
|
719
|
+
break;
|
|
720
|
+
case bNorm:
|
|
721
|
+
h = (rNorm - gNorm) / d + 4;
|
|
722
|
+
break;
|
|
723
|
+
}
|
|
724
|
+
h /= 6;
|
|
725
|
+
}
|
|
726
|
+
const s = max === 0 ? 0 : d / max;
|
|
727
|
+
const v = max;
|
|
728
|
+
h = Math.round(h * 360);
|
|
729
|
+
const sPercent = Math.round(s * 100);
|
|
730
|
+
const vPercent = Math.round(v * 100);
|
|
731
|
+
if (a === 1) {
|
|
732
|
+
return `hsv(${h}, ${sPercent}%, ${vPercent}%)`;
|
|
733
|
+
}
|
|
734
|
+
return `hsva(${h}, ${sPercent}%, ${vPercent}%, ${a})`;
|
|
735
|
+
};
|
|
736
|
+
var rgbaToCmyk = (r, g, b, a = 1) => {
|
|
737
|
+
if (r === 0 && g === 0 && b === 0) {
|
|
738
|
+
return `cmyk(0%, 0%, 0%, 100%)`;
|
|
739
|
+
}
|
|
740
|
+
const rNorm = r / 255;
|
|
741
|
+
const gNorm = g / 255;
|
|
742
|
+
const bNorm = b / 255;
|
|
743
|
+
const k = 1 - Math.max(rNorm, gNorm, bNorm);
|
|
744
|
+
const c = (1 - rNorm - k) / (1 - k);
|
|
745
|
+
const m = (1 - gNorm - k) / (1 - k);
|
|
746
|
+
const y = (1 - bNorm - k) / (1 - k);
|
|
747
|
+
const cPercent = Math.round(c * 100);
|
|
748
|
+
const mPercent = Math.round(m * 100);
|
|
749
|
+
const yPercent = Math.round(y * 100);
|
|
750
|
+
const kPercent = Math.round(k * 100);
|
|
751
|
+
return `cmyk(${cPercent}%, ${mPercent}%, ${yPercent}%, ${kPercent}%)`;
|
|
752
|
+
};
|
|
753
|
+
var calculateLuminance = (r, g, b) => {
|
|
754
|
+
const [rs, gs, bs] = [r, g, b].map((c) => {
|
|
755
|
+
c = c / 255;
|
|
756
|
+
return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
757
|
+
});
|
|
758
|
+
return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
|
|
759
|
+
};
|
|
760
|
+
var calculateContrastRatio = (color1, color2) => {
|
|
761
|
+
const rgb1 = parseColor(color1);
|
|
762
|
+
const rgb2 = parseColor(color2);
|
|
763
|
+
if (!rgb1 || !rgb2) {
|
|
764
|
+
return 1;
|
|
765
|
+
}
|
|
766
|
+
const l1 = calculateLuminance(rgb1[0], rgb1[1], rgb1[2]);
|
|
767
|
+
const l2 = calculateLuminance(rgb2[0], rgb2[1], rgb2[2]);
|
|
768
|
+
const lighter = Math.max(l1, l2);
|
|
769
|
+
const darker = Math.min(l1, l2);
|
|
770
|
+
return (lighter + 0.05) / (darker + 0.05);
|
|
771
|
+
};
|
|
772
|
+
var adjustColor = (color, options) => {
|
|
773
|
+
const rgb = parseColor(color);
|
|
774
|
+
if (!rgb) return color;
|
|
775
|
+
let [r, g, b, a] = rgb;
|
|
776
|
+
if (options.alpha !== void 0) {
|
|
777
|
+
a = Math.max(0, Math.min(1, options.alpha));
|
|
778
|
+
}
|
|
779
|
+
let h = 0, s = 0, l = 0;
|
|
780
|
+
if (options.lightness !== void 0 || options.saturation !== void 0 || options.hue !== void 0) {
|
|
781
|
+
const rNorm = r / 255;
|
|
782
|
+
const gNorm = g / 255;
|
|
783
|
+
const bNorm = b / 255;
|
|
784
|
+
const max = Math.max(rNorm, gNorm, bNorm);
|
|
785
|
+
const min = Math.min(rNorm, gNorm, bNorm);
|
|
786
|
+
l = (max + min) / 2;
|
|
787
|
+
if (max !== min) {
|
|
788
|
+
const d = max - min;
|
|
789
|
+
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
790
|
+
switch (max) {
|
|
791
|
+
case rNorm:
|
|
792
|
+
h = (gNorm - bNorm) / d + (gNorm < bNorm ? 6 : 0);
|
|
793
|
+
break;
|
|
794
|
+
case gNorm:
|
|
795
|
+
h = (bNorm - rNorm) / d + 2;
|
|
796
|
+
break;
|
|
797
|
+
case bNorm:
|
|
798
|
+
h = (rNorm - gNorm) / d + 4;
|
|
799
|
+
break;
|
|
800
|
+
}
|
|
801
|
+
h /= 6;
|
|
802
|
+
}
|
|
803
|
+
h *= 360;
|
|
804
|
+
s *= 100;
|
|
805
|
+
l *= 100;
|
|
806
|
+
if (options.hue !== void 0) {
|
|
807
|
+
h = (h + options.hue) % 360;
|
|
808
|
+
if (h < 0) h += 360;
|
|
809
|
+
}
|
|
810
|
+
if (options.saturation !== void 0) {
|
|
811
|
+
s = Math.max(0, Math.min(100, s + options.saturation));
|
|
812
|
+
}
|
|
813
|
+
if (options.lightness !== void 0) {
|
|
814
|
+
l = Math.max(0, Math.min(100, l + options.lightness));
|
|
815
|
+
}
|
|
816
|
+
const hNorm = h / 360;
|
|
817
|
+
const sNorm = s / 100;
|
|
818
|
+
const lNorm = l / 100;
|
|
819
|
+
const chroma = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
|
|
820
|
+
const x = chroma * (1 - Math.abs(hNorm * 6 % 2 - 1));
|
|
821
|
+
const m = lNorm - chroma / 2;
|
|
822
|
+
let rNorm2 = 0, gNorm2 = 0, bNorm2 = 0;
|
|
823
|
+
if (hNorm < 1 / 6) {
|
|
824
|
+
[rNorm2, gNorm2, bNorm2] = [chroma, x, 0];
|
|
825
|
+
} else if (hNorm < 2 / 6) {
|
|
826
|
+
[rNorm2, gNorm2, bNorm2] = [x, chroma, 0];
|
|
827
|
+
} else if (hNorm < 3 / 6) {
|
|
828
|
+
[rNorm2, gNorm2, bNorm2] = [0, chroma, x];
|
|
829
|
+
} else if (hNorm < 4 / 6) {
|
|
830
|
+
[rNorm2, gNorm2, bNorm2] = [0, x, chroma];
|
|
831
|
+
} else if (hNorm < 5 / 6) {
|
|
832
|
+
[rNorm2, gNorm2, bNorm2] = [x, 0, chroma];
|
|
833
|
+
} else {
|
|
834
|
+
[rNorm2, gNorm2, bNorm2] = [chroma, 0, x];
|
|
835
|
+
}
|
|
836
|
+
r = Math.round((rNorm2 + m) * 255);
|
|
837
|
+
g = Math.round((gNorm2 + m) * 255);
|
|
838
|
+
b = Math.round((bNorm2 + m) * 255);
|
|
839
|
+
}
|
|
840
|
+
if (options.contrast !== void 0) {
|
|
841
|
+
const factor = options.contrast / 100 * 2.55;
|
|
842
|
+
const avg = (r + g + b) / 3;
|
|
843
|
+
r = Math.round(avg + (r - avg) * (1 + factor));
|
|
844
|
+
g = Math.round(avg + (g - avg) * (1 + factor));
|
|
845
|
+
b = Math.round(avg + (b - avg) * (1 + factor));
|
|
846
|
+
r = Math.max(0, Math.min(255, r));
|
|
847
|
+
g = Math.max(0, Math.min(255, g));
|
|
848
|
+
b = Math.max(0, Math.min(255, b));
|
|
849
|
+
}
|
|
850
|
+
return rgbaToHex(r, g, b, a);
|
|
851
|
+
};
|
|
852
|
+
var mixColors = (options) => {
|
|
853
|
+
const {
|
|
854
|
+
color,
|
|
855
|
+
with: mixColor = "transparent",
|
|
856
|
+
percentage = 50,
|
|
857
|
+
colorSpace = "srgb"
|
|
858
|
+
} = options;
|
|
859
|
+
const rgb1 = parseColor(color);
|
|
860
|
+
const rgb2 = parseColor(mixColor);
|
|
861
|
+
if (!rgb1 || !rgb2) {
|
|
862
|
+
return color;
|
|
863
|
+
}
|
|
864
|
+
const factor = percentage / 100;
|
|
865
|
+
let [r1, g1, b1, a1] = rgb1;
|
|
866
|
+
let [r2, g2, b2, a2] = rgb2;
|
|
867
|
+
if (options.opacity !== void 0) {
|
|
868
|
+
a1 = typeof options.opacity === "number" ? options.opacity : parsePercentage(options.opacity);
|
|
869
|
+
}
|
|
870
|
+
if (options.withOpacity !== void 0) {
|
|
871
|
+
a2 = typeof options.withOpacity === "number" ? options.withOpacity : parsePercentage(options.withOpacity);
|
|
872
|
+
}
|
|
873
|
+
switch (colorSpace) {
|
|
874
|
+
case "srgb":
|
|
875
|
+
default:
|
|
876
|
+
const r = Math.round(r1 + (r2 - r1) * factor);
|
|
877
|
+
const g = Math.round(g1 + (g2 - g1) * factor);
|
|
878
|
+
const b = Math.round(b1 + (b2 - b1) * factor);
|
|
879
|
+
const a = a1 + (a2 - a1) * factor;
|
|
880
|
+
return rgbaToHex(r, g, b, a);
|
|
881
|
+
case "hsl":
|
|
882
|
+
const hsl1 = parseColor(rgbaToHsl(r1, g1, b1, a1));
|
|
883
|
+
const hsl2 = parseColor(rgbaToHsl(r2, g2, b2, a2));
|
|
884
|
+
if (!hsl1 || !hsl2) {
|
|
885
|
+
return color;
|
|
886
|
+
}
|
|
887
|
+
const h = (hsl1[0] + (hsl2[0] - hsl1[0]) * factor) % 360;
|
|
888
|
+
const s = hsl1[1] + (hsl2[1] - hsl1[1]) * factor;
|
|
889
|
+
const l = hsl1[2] + (hsl2[2] - hsl1[2]) * factor;
|
|
890
|
+
return `hsl(${h}, ${s}%, ${l}%)`;
|
|
891
|
+
}
|
|
892
|
+
};
|
|
893
|
+
var generatePalette = (baseColor, options = {}) => {
|
|
894
|
+
const rgb = parseColor(baseColor);
|
|
895
|
+
if (!rgb) return {};
|
|
896
|
+
const shades = options.shades || 10;
|
|
897
|
+
const lightnessFactor = options.lightnessFactor || 0.1;
|
|
898
|
+
const saturationFactor = options.saturationFactor || 0.05;
|
|
899
|
+
const palette = {};
|
|
900
|
+
for (let i = 0; i < shades; i++) {
|
|
901
|
+
const position = i / (shades - 1);
|
|
902
|
+
const lightnessAdjustment = (position - 0.5) * 2 * lightnessFactor * 100;
|
|
903
|
+
const shadeColor = adjustColor(baseColor, {
|
|
904
|
+
lightness: lightnessAdjustment,
|
|
905
|
+
saturation: (position - 0.5) * 2 * saturationFactor * 100
|
|
906
|
+
});
|
|
907
|
+
const key = i === 0 ? "50" : `${i * 100}`;
|
|
908
|
+
palette[key] = shadeColor;
|
|
909
|
+
}
|
|
910
|
+
if (options.includeComplementary) {
|
|
911
|
+
const hsl = parseColor(rgbaToHsl(rgb[0], rgb[1], rgb[2]));
|
|
912
|
+
if (hsl) {
|
|
913
|
+
let h = hsl[0];
|
|
914
|
+
h = (h + 180) % 360;
|
|
915
|
+
palette.complementary = `hsl(${h}, ${hsl[1]}%, ${hsl[2]}%)`;
|
|
916
|
+
}
|
|
917
|
+
}
|
|
918
|
+
if (options.includeAnalogous) {
|
|
919
|
+
const hsl = parseColor(rgbaToHsl(rgb[0], rgb[1], rgb[2]));
|
|
920
|
+
if (hsl) {
|
|
921
|
+
let h = hsl[0];
|
|
922
|
+
palette.analogous1 = `hsl(${(h - 30 + 360) % 360}, ${hsl[1]}%, ${hsl[2]}%)`;
|
|
923
|
+
palette.analogous2 = `hsl(${(h + 30) % 360}, ${hsl[1]}%, ${hsl[2]}%)`;
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
if (options.includeTriadic) {
|
|
927
|
+
const hsl = parseColor(rgbaToHsl(rgb[0], rgb[1], rgb[2]));
|
|
928
|
+
if (hsl) {
|
|
929
|
+
let h = hsl[0];
|
|
930
|
+
palette.triadic1 = `hsl(${(h + 120) % 360}, ${hsl[1]}%, ${hsl[2]}%)`;
|
|
931
|
+
palette.triadic2 = `hsl(${(h + 240) % 360}, ${hsl[1]}%, ${hsl[2]}%)`;
|
|
932
|
+
}
|
|
933
|
+
}
|
|
934
|
+
return palette;
|
|
935
|
+
};
|
|
936
|
+
var createContrastColor = (color, options = {}) => {
|
|
937
|
+
const {
|
|
938
|
+
lightColor = "#ffffff",
|
|
939
|
+
darkColor = "#000000",
|
|
940
|
+
targetRatio = 4.5,
|
|
941
|
+
fallbackColor = "#000000"
|
|
942
|
+
} = options;
|
|
943
|
+
const rgb = parseColor(color);
|
|
944
|
+
if (!rgb) return fallbackColor;
|
|
945
|
+
const luminance = calculateLuminance(rgb[0], rgb[1], rgb[2]);
|
|
946
|
+
const lightLuminance = calculateLuminance(
|
|
947
|
+
...parseColor(lightColor).slice(0, 3)
|
|
948
|
+
);
|
|
949
|
+
const darkLuminance = calculateLuminance(
|
|
950
|
+
...parseColor(darkColor).slice(0, 3)
|
|
951
|
+
);
|
|
952
|
+
const lightContrast = (Math.max(luminance, lightLuminance) + 0.05) / (Math.min(luminance, lightLuminance) + 0.05);
|
|
953
|
+
const darkContrast = (Math.max(luminance, darkLuminance) + 0.05) / (Math.min(luminance, darkLuminance) + 0.05);
|
|
954
|
+
if (lightContrast >= targetRatio && darkContrast >= targetRatio) {
|
|
955
|
+
return lightContrast > darkContrast ? lightColor : darkColor;
|
|
956
|
+
} else if (lightContrast >= targetRatio) {
|
|
957
|
+
return lightColor;
|
|
958
|
+
} else if (darkContrast >= targetRatio) {
|
|
959
|
+
return darkColor;
|
|
960
|
+
}
|
|
961
|
+
return lightContrast > darkContrast ? lightColor : darkColor;
|
|
962
|
+
};
|