@jakubmazanec/ui 0.1.0-unstable.0c19abe

package/build/development/createTailwindMerge.js

@@ -0,0 +1,74 @@
+"use strict";
+import { extendTailwindMerge, twMerge } from "tailwind-merge";
+const THEME_SCALES = [
+  "colors",
+  "spacing",
+  "blur",
+  "brightness",
+  "borderColor",
+  "borderRadius",
+  "borderSpacing",
+  "borderWidth",
+  "contrast",
+  "grayscale",
+  "hueRotate",
+  "invert",
+  "gap",
+  "gradientColorStops",
+  "gradientColorStopPositions",
+  "inset",
+  "margin",
+  "opacity",
+  "padding",
+  "saturate",
+  "scale",
+  "sepia",
+  "skew",
+  "space",
+  "translate"
+];
+export function createTailwindMerge(tailwindConfig) {
+  if (!tailwindConfig.theme) {
+    return twMerge;
+  }
+  let tailwindMergeConfig = {
+    override: { theme: {} },
+    extend: { theme: {} }
+  };
+  for (let scale of THEME_SCALES) {
+    if (!tailwindMergeConfig.override?.theme || !tailwindMergeConfig.extend?.theme) {
+      throw new Error("Creating Tailwind merge failed!");
+    }
+    if (tailwindConfig.theme[scale]) {
+      let tailwindConfigScale = tailwindConfig.theme[scale];
+      let keys = Object.keys(tailwindConfigScale);
+      let combinedKeys = [];
+      for (let key of keys) {
+        if (tailwindConfigScale[key] !== void 0 && tailwindConfigScale[key] !== null && typeof tailwindConfigScale[key] === "object") {
+          combinedKeys.push(
+            ...Object.keys(tailwindConfigScale[key]).filter((value) => value !== "DEFAULT").map((value) => `${key}-${value}`)
+          );
+        } else {
+          combinedKeys.push(key);
+        }
+      }
+      tailwindMergeConfig.override.theme[scale] = combinedKeys;
+    } else if (tailwindConfig.theme.extend?.[scale]) {
+      let tailwindConfigScale = tailwindConfig.theme.extend[scale];
+      let keys = Object.keys(tailwindConfigScale);
+      let combinedKeys = [];
+      for (let key of keys) {
+        if (tailwindConfigScale[key] !== void 0 && tailwindConfigScale[key] !== null && typeof tailwindConfigScale[key] === "object") {
+          combinedKeys.push(
+            ...Object.keys(tailwindConfigScale[key]).filter((value) => value !== "DEFAULT").map((value) => `${key}-${value}`)
+          );
+        } else {
+          combinedKeys.push(key);
+        }
+      }
+      tailwindMergeConfig.extend.theme[scale] = combinedKeys;
+    }
+  }
+  return extendTailwindMerge(tailwindMergeConfig);
+}
+//# sourceMappingURL=createTailwindMerge.js.map

package/build/development/createTailwindMerge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/development/createTailwindMerge.ts"],
+  "sourcesContent": ["import {extendTailwindMerge, twMerge} from 'tailwind-merge';\nimport {type Config as TailwindConfig} from 'tailwindcss';\n\nconst THEME_SCALES = [\n  'colors',\n  'spacing',\n  'blur',\n  'brightness',\n  'borderColor',\n  'borderRadius',\n  'borderSpacing',\n  'borderWidth',\n  'contrast',\n  'grayscale',\n  'hueRotate',\n  'invert',\n  'gap',\n  'gradientColorStops',\n  'gradientColorStopPositions',\n  'inset',\n  'margin',\n  'opacity',\n  'padding',\n  'saturate',\n  'scale',\n  'sepia',\n  'skew',\n  'space',\n  'translate',\n];\n\nexport function createTailwindMerge(tailwindConfig: TailwindConfig) {\n  if (!tailwindConfig.theme) {\n    return twMerge;\n  }\n\n  let tailwindMergeConfig: Parameters<typeof extendTailwindMerge>[0] = {\n    override: {theme: {}},\n    extend: {theme: {}},\n  };\n\n  for (let scale of THEME_SCALES) {\n    if (!tailwindMergeConfig.override?.theme || !tailwindMergeConfig.extend?.theme) {\n      throw new Error('Creating Tailwind merge failed!');\n    }\n\n    if (tailwindConfig.theme[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key] as object)\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.override.theme[scale] = combinedKeys;\n    } else if (tailwindConfig.theme.extend?.[scale]) {\n      let tailwindConfigScale = tailwindConfig.theme.extend[scale] as Record<\n        string,\n        Record<string, string | unknown> | unknown\n      >;\n      let keys = Object.keys(tailwindConfigScale);\n      let combinedKeys = [];\n\n      for (let key of keys) {\n        if (\n          tailwindConfigScale[key] !== undefined &&\n          tailwindConfigScale[key] !== null &&\n          typeof tailwindConfigScale[key] === 'object'\n        ) {\n          combinedKeys.push(\n            ...Object.keys(tailwindConfigScale[key] as object)\n              .filter((value) => value !== 'DEFAULT')\n              .map((value) => `${key}-${value}`),\n          );\n        } else {\n          combinedKeys.push(key);\n        }\n      }\n\n      tailwindMergeConfig.extend.theme[scale] = combinedKeys;\n    }\n  }\n\n  return extendTailwindMerge(tailwindMergeConfig);\n}\n"],
+  "mappings": ";AAAA,SAAQ,qBAAqB,eAAc;AAG3C,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,gBAAS,oBAAoB,gBAAgC;AAClE,MAAI,CAAC,eAAe,OAAO;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,sBAAiE;AAAA,IACnE,UAAU,EAAC,OAAO,CAAC,EAAC;AAAA,IACpB,QAAQ,EAAC,OAAO,CAAC,EAAC;AAAA,EACpB;AAEA,WAAS,SAAS,cAAc;AAC9B,QAAI,CAAC,oBAAoB,UAAU,SAAS,CAAC,oBAAoB,QAAQ,OAAO;AAC9E,YAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAEA,QAAI,eAAe,MAAM,KAAK,GAAG;AAC/B,UAAI,sBAAsB,eAAe,MAAM,KAAK;AAIpD,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAW,EAC9C,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,SAAS,MAAM,KAAK,IAAI;AAAA,IAC9C,WAAW,eAAe,MAAM,SAAS,KAAK,GAAG;AAC/C,UAAI,sBAAsB,eAAe,MAAM,OAAO,KAAK;AAI3D,UAAI,OAAO,OAAO,KAAK,mBAAmB;AAC1C,UAAI,eAAe,CAAC;AAEpB,eAAS,OAAO,MAAM;AACpB,YACE,oBAAoB,GAAG,MAAM,UAC7B,oBAAoB,GAAG,MAAM,QAC7B,OAAO,oBAAoB,GAAG,MAAM,UACpC;AACA,uBAAa;AAAA,YACX,GAAG,OAAO,KAAK,oBAAoB,GAAG,CAAW,EAC9C,OAAO,CAAC,UAAU,UAAU,SAAS,EACrC,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,QACF,OAAO;AACL,uBAAa,KAAK,GAAG;AAAA,QACvB;AAAA,MACF;AAEA,0BAAoB,OAAO,MAAM,KAAK,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,oBAAoB,mBAAmB;AAChD;",
+  "names": []
+}

package/build/development/defaultTailwindConfig.d.ts

@@ -0,0 +1,72 @@
+export declare const defaultTailwindConfig: {
+    content: string[];
+    colors: {
+        gray: string;
+        red: string;
+        orange: {
+            hex: string;
+            hueShift: number;
+        };
+        yellow: {
+            swatches: ({
+                hex: string;
+                stop: 10;
+            } | {
+                hex: string;
+                stop: 25;
+            } | {
+                hex: string;
+                stop: 50;
+            } | {
+                hex: string;
+                stop: 100;
+            } | {
+                hex: string;
+                stop: 200;
+            } | {
+                hex: string;
+                stop: 300;
+            } | {
+                hex: string;
+                stop: 400;
+            } | {
+                hex: string;
+                stop: 500;
+            } | {
+                hex: string;
+                stop: 600;
+            } | {
+                hex: string;
+                stop: 700;
+            } | {
+                hex: string;
+                stop: 800;
+            } | {
+                hex: string;
+                stop: 900;
+            } | {
+                hex: string;
+                stop: 950;
+            } | {
+                hex: string;
+                stop: 975;
+            } | {
+                hex: string;
+                stop: 990;
+            })[];
+            hex: string;
+            hueShift: number;
+        };
+        green: string;
+        teal: {
+            hex: string;
+            hueShift: number;
+        };
+        blue: string;
+        violet: string;
+        pink: {
+            hex: string;
+            hueShift: number;
+        };
+    };
+};

package/build/development/defaultTailwindConfig.js

@@ -0,0 +1,45 @@
+"use strict";
+export const defaultTailwindConfig = {
+  content: ["./{.storybook,app,source,stories}/**/*.{js,jsx,ts,tsx,mdx}", "@jakubmazanec/ui"],
+  colors: {
+    gray: "#6c6e79",
+    red: "#d1002f",
+    orange: {
+      hex: "#c33909",
+      hueShift: 1
+    },
+    yellow: {
+      swatches: [
+        { hex: "#fffffa", stop: 10 },
+        { hex: "#fffef0", stop: 25 },
+        { hex: "#fffbdb", stop: 50 },
+        { hex: "#fff3b8", stop: 100 },
+        { hex: "#ffe06f", stop: 200 },
+        { hex: "#ffc72d", stop: 300 },
+        { hex: "#e69d00", stop: 400 },
+        { hex: "#9e6300", stop: 500 },
+        { hex: "#805701", stop: 600 },
+        { hex: "#614700", stop: 700 },
+        { hex: "#3d3000", stop: 800 },
+        { hex: "#1f1a00", stop: 900 },
+        { hex: "#0f0e00", stop: 950 },
+        { hex: "#0a0a00", stop: 975 },
+        { hex: "#050500", stop: 990 }
+      ],
+      hex: "#9e6300",
+      hueShift: 3
+    },
+    green: "#0a7e22",
+    teal: {
+      hex: "#007c65",
+      hueShift: 5
+    },
+    blue: "#006dca",
+    violet: "#8649e1",
+    pink: {
+      hex: "#b229b9",
+      hueShift: 10
+    }
+  }
+};
+//# sourceMappingURL=defaultTailwindConfig.js.map

package/build/development/defaultTailwindConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/development/defaultTailwindConfig.ts"],
+  "sourcesContent": ["import {type CreateTailwindConfigOptions} from './createTailwindConfig.js';\n\nexport const defaultTailwindConfig = {\n  content: ['./{.storybook,app,source,stories}/**/*.{js,jsx,ts,tsx,mdx}', '@jakubmazanec/ui'],\n  colors: {\n    gray: '#6c6e79',\n    red: '#d1002f',\n    orange: {\n      hex: '#c33909',\n      hueShift: 1,\n    },\n    yellow: {\n      swatches: [\n        {hex: '#fffffa', stop: 10},\n        {hex: '#fffef0', stop: 25},\n        {hex: '#fffbdb', stop: 50},\n        {hex: '#fff3b8', stop: 100},\n        {hex: '#ffe06f', stop: 200},\n        {hex: '#ffc72d', stop: 300},\n        {hex: '#e69d00', stop: 400},\n        {hex: '#9e6300', stop: 500},\n        {hex: '#805701', stop: 600},\n        {hex: '#614700', stop: 700},\n        {hex: '#3d3000', stop: 800},\n        {hex: '#1f1a00', stop: 900},\n        {hex: '#0f0e00', stop: 950},\n        {hex: '#0a0a00', stop: 975},\n        {hex: '#050500', stop: 990},\n      ],\n      hex: '#9e6300',\n      hueShift: 3,\n    },\n    green: '#0a7e22',\n    teal: {\n      hex: '#007c65',\n      hueShift: 5,\n    },\n    blue: '#006dca',\n    violet: '#8649e1',\n    pink: {\n      hex: '#b229b9',\n      hueShift: 10,\n    },\n  },\n} satisfies CreateTailwindConfigOptions;\n"],
+  "mappings": ";AAEO,aAAM,wBAAwB;AAAA,EACnC,SAAS,CAAC,8DAA8D,kBAAkB;AAAA,EAC1F,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,QACR,EAAC,KAAK,WAAW,MAAM,GAAE;AAAA,QACzB,EAAC,KAAK,WAAW,MAAM,GAAE;AAAA,QACzB,EAAC,KAAK,WAAW,MAAM,GAAE;AAAA,QACzB,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,QAC1B,EAAC,KAAK,WAAW,MAAM,IAAG;AAAA,MAC5B;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,UAAU;AAAA,IACZ;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/development/internals/PaletteConfig.d.ts

@@ -0,0 +1,6 @@
+export type PaletteConfig = {
+    value: string;
+    valueStop: number;
+    h: number;
+    s: number;
+};

package/build/development/internals/PaletteConfig.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=PaletteConfig.js.map

package/build/development/internals/PaletteConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/development/internals/SwatchValue.d.ts

@@ -0,0 +1,9 @@
+export type SwatchValue = {
+    hex: string;
+    stop: number;
+    h: number;
+    hScale: number;
+    s: number;
+    sScale: number;
+    l: number;
+};

package/build/development/internals/SwatchValue.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=SwatchValue.js.map

package/build/development/internals/SwatchValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/development/internals/clamp.d.ts

@@ -0,0 +1 @@
+export declare function clamp(x: number, min: number, max: number): number;

package/build/development/internals/clamp.js

@@ -0,0 +1,5 @@
+"use strict";
+export function clamp(x, min, max) {
+  return Math.min(Math.max(x, min), max);
+}
+//# sourceMappingURL=clamp.js.map

package/build/development/internals/clamp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/clamp.ts"],
+  "sourcesContent": ["export function clamp(x: number, min: number, max: number) {\n  return Math.min(Math.max(x, min), max);\n}\n"],
+  "mappings": ";AAAO,gBAAS,MAAM,GAAW,KAAa,KAAa;AACzD,SAAO,KAAK,IAAI,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG;AACvC;",
+  "names": []
+}

package/build/development/internals/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_STOP = 500;
+export declare const DEFAULT_STOPS: readonly [0, 10, 25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, 975, 990, 1000];

package/build/development/internals/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+export const DEFAULT_STOP = 500;
+export const DEFAULT_STOPS = [
+  0,
+  10,
+  25,
+  50,
+  100,
+  200,
+  300,
+  400,
+  500,
+  600,
+  700,
+  800,
+  900,
+  950,
+  975,
+  990,
+  1e3
+];
+//# sourceMappingURL=constants.js.map

package/build/development/internals/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/constants.ts"],
+  "sourcesContent": ["export const DEFAULT_STOP = 500;\nexport const DEFAULT_STOPS = [\n  0, 10, 25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, 975, 990, 1000,\n] as const;\n"],
+  "mappings": ";AAAO,aAAM,eAAe;AACrB,aAAM,gBAAgB;AAAA,EAC3B;AAAA,EAAG;AAAA,EAAI;AAAA,EAAI;AAAA,EAAI;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAAA,EAAK;AAC7E;",
+  "names": []
+}

package/build/development/internals/createDisplayColor.d.ts

@@ -0,0 +1 @@
+export declare function createDisplayColor(hexColor: string, alphaPlaceholder?: boolean): string | null;

package/build/development/internals/createDisplayColor.js

@@ -0,0 +1,24 @@
+"use strict";
+import { oklch } from "culori";
+import { isHex } from "./isHex.js";
+import { round } from "./round.js";
+export function createDisplayColor(hexColor, alphaPlaceholder) {
+  if (!hexColor || !isHex(hexColor)) {
+    return null;
+  }
+  let display = null;
+  let oklchColor = oklch(hexColor);
+  if (!oklchColor) {
+    throw new Error(`Couldn't convert "${hexColor}" to OKLCH!`);
+  }
+  let { l, c, h = 0 } = oklchColor;
+  display = `oklch(${[
+    `${round(l * 100, 2)}%`,
+    round(c, 3),
+    round(h, 2),
+    `/`,
+    alphaPlaceholder ? `<alpha-value>` : 1
+  ].join(` `)})`;
+  return display;
+}
+//# sourceMappingURL=createDisplayColor.js.map

package/build/development/internals/createDisplayColor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createDisplayColor.ts"],
+  "sourcesContent": ["import {oklch} from 'culori';\n\nimport {isHex} from './isHex.js';\nimport {round} from './round.js';\n\nexport function createDisplayColor(hexColor: string, alphaPlaceholder?: boolean): string | null {\n  if (!hexColor || !isHex(hexColor)) {\n    return null;\n  }\n\n  let display = null;\n  let oklchColor = oklch(hexColor);\n\n  if (!oklchColor) {\n    throw new Error(`Couldn't convert \"${hexColor}\" to OKLCH!`);\n  }\n\n  let {l, c, h = 0} = oklchColor;\n\n  display = `oklch(${[\n    `${round(l * 100, 2)}%`,\n    round(c, 3),\n    round(h, 2),\n    `/`,\n    alphaPlaceholder ? `<alpha-value>` : 1,\n  ].join(` `)})`;\n\n  return display;\n}\n"],
+  "mappings": ";AAAA,SAAQ,aAAY;AAEpB,SAAQ,aAAY;AACpB,SAAQ,aAAY;AAEb,gBAAS,mBAAmB,UAAkB,kBAA2C;AAC9F,MAAI,CAAC,YAAY,CAAC,MAAM,QAAQ,GAAG;AACjC,WAAO;AAAA,EACT;AAEA,MAAI,UAAU;AACd,MAAI,aAAa,MAAM,QAAQ;AAE/B,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,qBAAqB,QAAQ,aAAa;AAAA,EAC5D;AAEA,MAAI,EAAC,GAAG,GAAG,IAAI,EAAC,IAAI;AAEpB,YAAU,SAAS;AAAA,IACjB,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IACpB,MAAM,GAAG,CAAC;AAAA,IACV,MAAM,GAAG,CAAC;AAAA,IACV;AAAA,IACA,mBAAmB,kBAAkB;AAAA,EACvC,EAAE,KAAK,GAAG,CAAC;AAEX,SAAO;AACT;",
+  "names": []
+}

package/build/development/internals/createDistributionValues.d.ts

@@ -0,0 +1,4 @@
+export declare function createDistributionValues(lightness: number, stop?: number): {
+    stop: number;
+    value: number;
+}[];

package/build/development/internals/createDistributionValues.js

@@ -0,0 +1,32 @@
+"use strict";
+import { DEFAULT_STOP, DEFAULT_STOPS } from "./constants.js";
+const MIN = 0;
+const MAX = 100;
+export function createDistributionValues(lightness, stop = DEFAULT_STOP) {
+  let stops = [...DEFAULT_STOPS].sort();
+  let newValues = [
+    { stop: 0, value: MAX },
+    { stop, value: lightness },
+    { stop: 1e3, value: MIN }
+  ];
+  let stopIndex = stops.indexOf(stop);
+  let firstHalf = stops.slice(0, stopIndex + 1);
+  let secondHalf = stops.slice(stopIndex);
+  for (let stopValue of firstHalf) {
+    if (stopValue !== 0 && stopValue !== stop) {
+      let percentage = (stopValue - 0) / (stop - 0);
+      let value = MAX - percentage * (MAX - lightness);
+      newValues.push({ stop: stopValue, value: Math.round(value) });
+    }
+  }
+  for (let stopValue of secondHalf) {
+    if (stopValue !== 1e3 && stopValue !== stop) {
+      let percentage = (stopValue - stop) / (1e3 - stop);
+      let value = lightness - percentage * (lightness - MIN);
+      newValues.push({ stop: stopValue, value: Math.round(value) });
+    }
+  }
+  newValues.sort((a, b) => a.stop - b.stop);
+  return newValues;
+}
+//# sourceMappingURL=createDistributionValues.js.map

package/build/development/internals/createDistributionValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createDistributionValues.ts"],
+  "sourcesContent": ["import {DEFAULT_STOP, DEFAULT_STOPS} from './constants.js';\n\nconst MIN = 0;\nconst MAX = 100;\n\nexport function createDistributionValues(lightness: number, stop: number = DEFAULT_STOP) {\n  let stops: number[] = [...DEFAULT_STOPS].sort() as unknown as number[];\n  let newValues = [\n    {stop: 0, value: MAX},\n    {stop, value: lightness},\n    {stop: 1000, value: MIN},\n  ];\n  let stopIndex = stops.indexOf(stop);\n  let firstHalf = stops.slice(0, stopIndex + 1);\n  let secondHalf = stops.slice(stopIndex);\n\n  for (let stopValue of firstHalf) {\n    if (stopValue !== 0 && stopValue !== stop) {\n      let percentage = (stopValue - 0) / (stop - 0);\n      let value = MAX - percentage * (MAX - lightness);\n\n      newValues.push({stop: stopValue, value: Math.round(value)});\n    }\n  }\n\n  for (let stopValue of secondHalf) {\n    if (stopValue !== 1000 && stopValue !== stop) {\n      let percentage = (stopValue - stop) / (1000 - stop);\n      let value = lightness - percentage * (lightness - MIN);\n\n      newValues.push({stop: stopValue, value: Math.round(value)});\n    }\n  }\n\n  newValues.sort((a, b) => a.stop - b.stop);\n\n  return newValues;\n}\n"],
+  "mappings": ";AAAA,SAAQ,cAAc,qBAAoB;AAE1C,MAAM,MAAM;AACZ,MAAM,MAAM;AAEL,gBAAS,yBAAyB,WAAmB,OAAe,cAAc;AACvF,MAAI,QAAkB,CAAC,GAAG,aAAa,EAAE,KAAK;AAC9C,MAAI,YAAY;AAAA,IACd,EAAC,MAAM,GAAG,OAAO,IAAG;AAAA,IACpB,EAAC,MAAM,OAAO,UAAS;AAAA,IACvB,EAAC,MAAM,KAAM,OAAO,IAAG;AAAA,EACzB;AACA,MAAI,YAAY,MAAM,QAAQ,IAAI;AAClC,MAAI,YAAY,MAAM,MAAM,GAAG,YAAY,CAAC;AAC5C,MAAI,aAAa,MAAM,MAAM,SAAS;AAEtC,WAAS,aAAa,WAAW;AAC/B,QAAI,cAAc,KAAK,cAAc,MAAM;AACzC,UAAI,cAAc,YAAY,MAAM,OAAO;AAC3C,UAAI,QAAQ,MAAM,cAAc,MAAM;AAEtC,gBAAU,KAAK,EAAC,MAAM,WAAW,OAAO,KAAK,MAAM,KAAK,EAAC,CAAC;AAAA,IAC5D;AAAA,EACF;AAEA,WAAS,aAAa,YAAY;AAChC,QAAI,cAAc,OAAQ,cAAc,MAAM;AAC5C,UAAI,cAAc,YAAY,SAAS,MAAO;AAC9C,UAAI,QAAQ,YAAY,cAAc,YAAY;AAElD,gBAAU,KAAK,EAAC,MAAM,WAAW,OAAO,KAAK,MAAM,KAAK,EAAC,CAAC;AAAA,IAC5D;AAAA,EACF;AAEA,YAAU,KAAK,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;AAExC,SAAO;AACT;",
+  "names": []
+}

package/build/development/internals/createHueScale.d.ts

@@ -0,0 +1,4 @@
+export declare function createHueScale(tweak?: number, stop?: number): {
+    stop: number;
+    tweak: number;
+}[];

package/build/development/internals/createHueScale.js

@@ -0,0 +1,15 @@
+"use strict";
+import { DEFAULT_STOP, DEFAULT_STOPS } from "./constants.js";
+export function createHueScale(tweak = 0, stop = DEFAULT_STOP) {
+  let stops = DEFAULT_STOPS;
+  let index = stops.indexOf(stop);
+  if (index === -1) {
+    throw new Error(`Invalid parameter value: ${stop}`);
+  }
+  return stops.map((stop2) => {
+    let diff = Math.abs(stops.indexOf(stop2) - index);
+    let tweakValue = tweak ? diff * tweak : 0;
+    return { stop: stop2, tweak: tweakValue };
+  });
+}
+//# sourceMappingURL=createHueScale.js.map

package/build/development/internals/createHueScale.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createHueScale.ts"],
+  "sourcesContent": ["import {DEFAULT_STOP, DEFAULT_STOPS} from './constants.js';\n\nexport function createHueScale(tweak = 0, stop: number = DEFAULT_STOP) {\n  let stops: number[] = DEFAULT_STOPS as unknown as number[];\n  let index = stops.indexOf(stop);\n\n  if (index === -1) {\n    throw new Error(`Invalid parameter value: ${stop}`);\n  }\n\n  return stops.map((stop) => {\n    let diff = Math.abs(stops.indexOf(stop) - index);\n    let tweakValue = tweak ? diff * tweak : 0;\n\n    return {stop, tweak: tweakValue};\n  });\n}\n"],
+  "mappings": ";AAAA,SAAQ,cAAc,qBAAoB;AAEnC,gBAAS,eAAe,QAAQ,GAAG,OAAe,cAAc;AACrE,MAAI,QAAkB;AACtB,MAAI,QAAQ,MAAM,QAAQ,IAAI;AAE9B,MAAI,UAAU,IAAI;AAChB,UAAM,IAAI,MAAM,4BAA4B,IAAI,EAAE;AAAA,EACpD;AAEA,SAAO,MAAM,IAAI,CAACA,UAAS;AACzB,QAAI,OAAO,KAAK,IAAI,MAAM,QAAQA,KAAI,IAAI,KAAK;AAC/C,QAAI,aAAa,QAAQ,OAAO,QAAQ;AAExC,WAAO,EAAC,MAAAA,OAAM,OAAO,WAAU;AAAA,EACjC,CAAC;AACH;",
+  "names": ["stop"]
+}

package/build/development/internals/createPalette.d.ts

@@ -0,0 +1,16 @@
+import { type DEFAULT_STOPS } from './constants.js';
+export type CreatePaletteOptions<N extends string> = {
+    name: N;
+    swatches: Array<{
+        hex: string;
+        stop: number;
+    }>;
+    hueShift: number;
+    saturationShift: number;
+};
+export type CreatePaletteReturn<N extends string> = {
+    [K in N]: {
+        [J in (typeof DEFAULT_STOPS)[number]]: string;
+    };
+};
+export declare function createPalette<const N extends string>({ name, swatches, hueShift, saturationShift, }: CreatePaletteOptions<N>): CreatePaletteReturn<N>;

package/build/development/internals/createPalette.js

@@ -0,0 +1,36 @@
+"use strict";
+import { DEFAULT_STOP } from "./constants.js";
+import { createDisplayColor } from "./createDisplayColor.js";
+import { createSwatches } from "./createSwatches.js";
+export function createPalette({
+  name,
+  swatches,
+  hueShift,
+  saturationShift
+}) {
+  let defaultSwatch = swatches.find((swatch) => swatch.stop === DEFAULT_STOP);
+  if (!defaultSwatch) {
+    throw new Error(`Swatches are missing color for stop "${DEFAULT_STOP}"!`);
+  }
+  let allSwatches = createSwatches({
+    value: defaultSwatch.hex,
+    valueStop: DEFAULT_STOP,
+    h: hueShift,
+    s: saturationShift
+  });
+  let palette = {};
+  allSwatches.filter((swatch) => ![0, 1e3].includes(swatch.stop)).forEach((newSwatch) => {
+    let existingSwatch = swatches.find((swatch) => swatch.stop === newSwatch.stop);
+    if (existingSwatch) {
+      Object.assign(palette, {
+        [existingSwatch.stop]: createDisplayColor(existingSwatch.hex, true)
+      });
+    } else {
+      Object.assign(palette, { [newSwatch.stop]: createDisplayColor(newSwatch.hex, true) });
+    }
+  });
+  return {
+    [name]: palette
+  };
+}
+//# sourceMappingURL=createPalette.js.map

package/build/development/internals/createPalette.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createPalette.ts"],
+  "sourcesContent": ["import {DEFAULT_STOP, type DEFAULT_STOPS} from './constants.js';\nimport {createDisplayColor} from './createDisplayColor.js';\nimport {createSwatches} from './createSwatches.js';\n\nexport type CreatePaletteOptions<N extends string> = {\n  name: N;\n  swatches: Array<{hex: string; stop: number}>;\n  hueShift: number;\n  saturationShift: number;\n};\n\nexport type CreatePaletteReturn<N extends string> = {\n  [K in N]: {[J in (typeof DEFAULT_STOPS)[number]]: string};\n};\n\nexport function createPalette<const N extends string>({\n  name,\n  swatches,\n  hueShift,\n  saturationShift,\n}: CreatePaletteOptions<N>): CreatePaletteReturn<N> {\n  let defaultSwatch = swatches.find((swatch) => swatch.stop === DEFAULT_STOP);\n\n  if (!defaultSwatch) {\n    throw new Error(`Swatches are missing color for stop \"${DEFAULT_STOP}\"!`);\n  }\n\n  let allSwatches = createSwatches({\n    value: defaultSwatch.hex,\n    valueStop: DEFAULT_STOP,\n    h: hueShift,\n    s: saturationShift,\n  });\n  let palette = {};\n\n  allSwatches\n    .filter((swatch) => ![0, 1000].includes(swatch.stop))\n    .forEach((newSwatch) => {\n      let existingSwatch = swatches.find((swatch) => swatch.stop === newSwatch.stop);\n\n      if (existingSwatch) {\n        Object.assign(palette, {\n          [existingSwatch.stop]: createDisplayColor(existingSwatch.hex, true),\n        });\n      } else {\n        Object.assign(palette, {[newSwatch.stop]: createDisplayColor(newSwatch.hex, true)});\n      }\n    });\n\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- false positive\n  return {\n    [name]: palette,\n  } as CreatePaletteReturn<N>;\n}\n"],
+  "mappings": ";AAAA,SAAQ,oBAAuC;AAC/C,SAAQ,0BAAyB;AACjC,SAAQ,sBAAqB;AAatB,gBAAS,cAAsC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,MAAI,gBAAgB,SAAS,KAAK,CAAC,WAAW,OAAO,SAAS,YAAY;AAE1E,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,wCAAwC,YAAY,IAAI;AAAA,EAC1E;AAEA,MAAI,cAAc,eAAe;AAAA,IAC/B,OAAO,cAAc;AAAA,IACrB,WAAW;AAAA,IACX,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AACD,MAAI,UAAU,CAAC;AAEf,cACG,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,GAAI,EAAE,SAAS,OAAO,IAAI,CAAC,EACnD,QAAQ,CAAC,cAAc;AACtB,QAAI,iBAAiB,SAAS,KAAK,CAAC,WAAW,OAAO,SAAS,UAAU,IAAI;AAE7E,QAAI,gBAAgB;AAClB,aAAO,OAAO,SAAS;AAAA,QACrB,CAAC,eAAe,IAAI,GAAG,mBAAmB,eAAe,KAAK,IAAI;AAAA,MACpE,CAAC;AAAA,IACH,OAAO;AACL,aAAO,OAAO,SAAS,EAAC,CAAC,UAAU,IAAI,GAAG,mBAAmB,UAAU,KAAK,IAAI,EAAC,CAAC;AAAA,IACpF;AAAA,EACF,CAAC;AAGH,SAAO;AAAA,IACL,CAAC,IAAI,GAAG;AAAA,EACV;AACF;",
+  "names": []
+}

package/build/development/internals/createSaturationScale.d.ts

@@ -0,0 +1,4 @@
+export declare function createSaturationScale(tweak?: number, stop?: number): {
+    stop: number;
+    tweak: number;
+}[];

package/build/development/internals/createSaturationScale.js

@@ -0,0 +1,18 @@
+"use strict";
+import { DEFAULT_STOP, DEFAULT_STOPS } from "./constants.js";
+export function createSaturationScale(tweak = 0, stop = DEFAULT_STOP) {
+  let stops = DEFAULT_STOPS;
+  let index = stops.indexOf(stop);
+  if (index === -1) {
+    throw new Error(`Invalid key value: ${stop}`);
+  }
+  return stops.map((stop2) => {
+    let diff = Math.abs(stops.indexOf(stop2) - index);
+    let tweakValue = tweak ? Math.round((diff + 1) * tweak * (1 + diff / 10)) : 0;
+    if (tweakValue > 100) {
+      return { stop: stop2, tweak: 100 };
+    }
+    return { stop: stop2, tweak: tweakValue };
+  });
+}
+//# sourceMappingURL=createSaturationScale.js.map

package/build/development/internals/createSaturationScale.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createSaturationScale.ts"],
+  "sourcesContent": ["import {DEFAULT_STOP, DEFAULT_STOPS} from './constants.js';\n\nexport function createSaturationScale(tweak = 0, stop: number = DEFAULT_STOP) {\n  let stops: number[] = DEFAULT_STOPS as unknown as number[];\n  let index = stops.indexOf(stop);\n\n  if (index === -1) {\n    throw new Error(`Invalid key value: ${stop}`);\n  }\n\n  return stops.map((stop) => {\n    let diff = Math.abs(stops.indexOf(stop) - index);\n    let tweakValue = tweak ? Math.round((diff + 1) * tweak * (1 + diff / 10)) : 0;\n\n    if (tweakValue > 100) {\n      return {stop, tweak: 100};\n    }\n\n    return {stop, tweak: tweakValue};\n  });\n}\n"],
+  "mappings": ";AAAA,SAAQ,cAAc,qBAAoB;AAEnC,gBAAS,sBAAsB,QAAQ,GAAG,OAAe,cAAc;AAC5E,MAAI,QAAkB;AACtB,MAAI,QAAQ,MAAM,QAAQ,IAAI;AAE9B,MAAI,UAAU,IAAI;AAChB,UAAM,IAAI,MAAM,sBAAsB,IAAI,EAAE;AAAA,EAC9C;AAEA,SAAO,MAAM,IAAI,CAACA,UAAS;AACzB,QAAI,OAAO,KAAK,IAAI,MAAM,QAAQA,KAAI,IAAI,KAAK;AAC/C,QAAI,aAAa,QAAQ,KAAK,OAAO,OAAO,KAAK,SAAS,IAAI,OAAO,GAAG,IAAI;AAE5E,QAAI,aAAa,KAAK;AACpB,aAAO,EAAC,MAAAA,OAAM,OAAO,IAAG;AAAA,IAC1B;AAEA,WAAO,EAAC,MAAAA,OAAM,OAAO,WAAU;AAAA,EACjC,CAAC;AACH;",
+  "names": ["stop"]
+}

package/build/development/internals/createSwatches.d.ts

@@ -0,0 +1,10 @@
+import { type PaletteConfig } from './PaletteConfig.js';
+export declare function createSwatches(palette: PaletteConfig): {
+    stop: number;
+    hex: string;
+    h: number;
+    hScale: number;
+    s: number;
+    sScale: number;
+    l: number;
+}[];

package/build/development/internals/createSwatches.js

@@ -0,0 +1,31 @@
+"use strict";
+import { clamp } from "./clamp.js";
+import { createDistributionValues } from "./createDistributionValues.js";
+import { createHueScale } from "./createHueScale.js";
+import { createSaturationScale } from "./createSaturationScale.js";
+import { hexToHsl } from "./hexToHsl.js";
+import { hslToHex } from "./hslToHex.js";
+import { unsignedModulo } from "./unsignedModulo.js";
+export function createSwatches(palette) {
+  let hueScale = createHueScale(palette.h, palette.valueStop);
+  let saturationScale = createSaturationScale(palette.s, palette.valueStop);
+  let { h, s, l } = hexToHsl(palette.value);
+  let distributionScale = createDistributionValues(l, palette.valueStop);
+  let swatches = hueScale.map(({ stop }, stopIndex) => {
+    let newH = unsignedModulo(h + hueScale[stopIndex].tweak, 360);
+    let newS = clamp(s + saturationScale[stopIndex].tweak, 0, 100);
+    let newL = clamp(distributionScale[stopIndex].value, 0.1, 99.9);
+    let newHex = hslToHex(newH, newS, newL);
+    return {
+      stop,
+      hex: stop === palette.valueStop ? palette.value.toUpperCase() : newHex.toUpperCase(),
+      h: newH,
+      hScale: (unsignedModulo(hueScale[stopIndex].tweak + 180, 360) - 180) / 180 * 50,
+      s: newS,
+      sScale: newS - 50,
+      l: newL
+    };
+  });
+  return swatches;
+}
+//# sourceMappingURL=createSwatches.js.map

package/build/development/internals/createSwatches.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/development/internals/createSwatches.ts"],
+  "sourcesContent": ["import {clamp} from './clamp.js';\nimport {createDistributionValues} from './createDistributionValues.js';\nimport {createHueScale} from './createHueScale.js';\nimport {createSaturationScale} from './createSaturationScale.js';\nimport {hexToHsl} from './hexToHsl.js';\nimport {hslToHex} from './hslToHex.js';\nimport {type PaletteConfig} from './PaletteConfig.js';\nimport {unsignedModulo} from './unsignedModulo.js';\n\nexport function createSwatches(palette: PaletteConfig) {\n  let hueScale = createHueScale(palette.h, palette.valueStop);\n  let saturationScale = createSaturationScale(palette.s, palette.valueStop);\n  let {h, s, l} = hexToHsl(palette.value);\n  let distributionScale = createDistributionValues(l, palette.valueStop);\n\n  let swatches = hueScale.map(({stop}, stopIndex) => {\n    let newH = unsignedModulo(h + hueScale[stopIndex]!.tweak, 360);\n    let newS = clamp(s + saturationScale[stopIndex]!.tweak, 0, 100);\n    let newL = clamp(distributionScale[stopIndex]!.value, 0.1, 99.9); // this is to make sure the first two or last two swatches (the first being total white and the last being total black) aren't the same lightness\n    let newHex = hslToHex(newH, newS, newL);\n\n    return {\n      stop,\n      hex: stop === palette.valueStop ? palette.value.toUpperCase() : newHex.toUpperCase(),\n      h: newH,\n      hScale: ((unsignedModulo(hueScale[stopIndex]!.tweak + 180, 360) - 180) / 180) * 50,\n      s: newS,\n      sScale: newS - 50,\n      l: newL,\n    };\n  });\n\n  return swatches;\n}\n"],
+  "mappings": ";AAAA,SAAQ,aAAY;AACpB,SAAQ,gCAA+B;AACvC,SAAQ,sBAAqB;AAC7B,SAAQ,6BAA4B;AACpC,SAAQ,gBAAe;AACvB,SAAQ,gBAAe;AAEvB,SAAQ,sBAAqB;AAEtB,gBAAS,eAAe,SAAwB;AACrD,MAAI,WAAW,eAAe,QAAQ,GAAG,QAAQ,SAAS;AAC1D,MAAI,kBAAkB,sBAAsB,QAAQ,GAAG,QAAQ,SAAS;AACxE,MAAI,EAAC,GAAG,GAAG,EAAC,IAAI,SAAS,QAAQ,KAAK;AACtC,MAAI,oBAAoB,yBAAyB,GAAG,QAAQ,SAAS;AAErE,MAAI,WAAW,SAAS,IAAI,CAAC,EAAC,KAAI,GAAG,cAAc;AACjD,QAAI,OAAO,eAAe,IAAI,SAAS,SAAS,EAAG,OAAO,GAAG;AAC7D,QAAI,OAAO,MAAM,IAAI,gBAAgB,SAAS,EAAG,OAAO,GAAG,GAAG;AAC9D,QAAI,OAAO,MAAM,kBAAkB,SAAS,EAAG,OAAO,KAAK,IAAI;AAC/D,QAAI,SAAS,SAAS,MAAM,MAAM,IAAI;AAEtC,WAAO;AAAA,MACL;AAAA,MACA,KAAK,SAAS,QAAQ,YAAY,QAAQ,MAAM,YAAY,IAAI,OAAO,YAAY;AAAA,MACnF,GAAG;AAAA,MACH,SAAU,eAAe,SAAS,SAAS,EAAG,QAAQ,KAAK,GAAG,IAAI,OAAO,MAAO;AAAA,MAChF,GAAG;AAAA,MACH,QAAQ,OAAO;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "names": []
+}

package/build/development/internals/hexToHsl.d.ts

@@ -0,0 +1,5 @@
+export declare function hexToHsl(rawHex: string): {
+    h: number;
+    s: number;
+    l: number;
+};

package/build/development/internals/hexToHsl.js

@@ -0,0 +1,37 @@
+"use strict";
+import { hexToRgb } from "./hexToRgb.js";
+export function hexToHsl(rawHex) {
+  let hex = rawHex;
+  if (hex.length === 6 && !hex.startsWith(`#`)) {
+    hex = `#${hex}`;
+  }
+  let { r, g, b } = hexToRgb(hex);
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  let cmin = Math.min(r, g, b);
+  let cmax = Math.max(r, g, b);
+  let delta = cmax - cmin;
+  let h = 0;
+  let s = 0;
+  let l = 0;
+  if (delta === 0) {
+    h = 0;
+  } else if (cmax === r) {
+    h = (g - b) / delta % 6;
+  } else if (cmax === g) {
+    h = (b - r) / delta + 2;
+  } else {
+    h = (r - g) / delta + 4;
+  }
+  h = Math.round(h * 60);
+  if (h < 0) {
+    h += 360;
+  }
+  l = (cmax + cmin) / 2;
+  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+  s = +(s * 100).toFixed(1);
+  l = +(l * 100).toFixed(1);
+  return { h, s, l };
+}
+//# sourceMappingURL=hexToHsl.js.map