@charcoal-ui/utils 5.0.0-beta.1 → 5.0.0-beta.3

package/dist/index.js

@@ -0,0 +1,194 @@
+import rgba from "polished/lib/color/rgba";
+import rgbToColorString from "polished/lib/color/rgbToColorString";
+import parseToRgb from "polished/lib/color/parseToRgb";
+import linearGradient from "polished/lib/mixins/linearGradient";
+
+//#region src/index.ts
+const GRADIENT_DIRECTIONS = [
+	"to top",
+	"to bottom",
+	"to left",
+	"to right"
+];
+function transparentGradient(color, defaultDirection = "to bottom") {
+	return function transparentGradient$1(direction = defaultDirection) {
+		const transparent = rgba(color, 0);
+		return linearGradient({
+			colorStops: [color, transparent],
+			fallback: transparent,
+			toDirection: typeof direction === "object" ? defaultDirection : direction
+		});
+	};
+}
+function gradient(toDirection = "to bottom") {
+	return function toLinearGradient(value) {
+		return linearGradient({
+			colorStops: value.map(({ color, ratio }) => `${color} ${ratio}%`),
+			fallback: value[0]?.color,
+			toDirection
+		});
+	};
+}
+function applyEffectToGradient(effect) {
+	return function toGradient(value) {
+		return value.map(({ color, ratio }) => ({
+			color: applyEffect(color, effect),
+			ratio
+		}));
+	};
+}
+function applyEffect(baseColor, effects) {
+	const color = baseColor ?? "#00000000";
+	if (Array.isArray(effects)) return effects.reduce(applySingleEffect, color);
+	return applySingleEffect(color, effects);
+}
+function applySingleEffect(baseColor, effect) {
+	switch (effect.type) {
+		case "alpha": return applyAlpha(baseColor, effect);
+		case "opacity": return applyOpacity(baseColor, effect);
+		case "replace": return applyReplace(baseColor, effect);
+		default: throw new RangeError(`Unknown effect type ${effect.type}, upgrade @charcoal-ui/utils`);
+	}
+}
+function applyAlpha(baseColor, { color, opacity }) {
+	const base = parseToRgb(baseColor);
+	const effect = parseToRgb(color);
+	return rgba(...alphaBlend([
+		base.red,
+		base.green,
+		base.blue,
+		base.alpha ?? 1
+	], [
+		effect.red,
+		effect.green,
+		effect.blue,
+		clamp(0, 1, (effect.alpha ?? 1) * (opacity ?? 1))
+	]));
+}
+function applyOpacity(baseColor, { opacity }) {
+	const parsed = parseToRgb(baseColor);
+	parsed.alpha = clamp(0, 1, (parsed.alpha ?? 1) * opacity);
+	return rgbToColorString(parsed);
+}
+function applyReplace(baseColor, { color = baseColor, opacity }) {
+	if (opacity === void 0) return color;
+	const parsed = parseToRgb(color);
+	parsed.alpha = opacity;
+	return rgbToColorString(parsed);
+}
+/**
+* NOTE: alpha component must be in range from 0.0 to 1.0. (0.0 represents a fully transparent)
+*
+* @param src `[r, g, b, alpha]` Background
+* @param dst `[r, g, b, alpha]` Foreground
+*/
+function alphaBlend(src, dst) {
+	const srcA = src[3];
+	const dstA = dst[3];
+	const outA = srcA + dstA * (1 - srcA);
+	if (outA < EPS) return [
+		0,
+		0,
+		0,
+		0
+	];
+	return [
+		Math.round((src[0] * srcA * (1 - dstA) + dst[0] * dstA) / outA),
+		Math.round((src[1] * srcA * (1 - dstA) + dst[1] * dstA) / outA),
+		Math.round((src[2] * srcA * (1 - dstA) + dst[2] * dstA) / outA),
+		outA
+	];
+}
+const EPS = 1e-6;
+function clamp(min, max, value) {
+	return Math.min(Math.max(value, min), max);
+}
+/**
+* affix `px` unit
+*
+* @param value pixel
+*/
+function px(value) {
+	return `${value}px`;
+}
+/**
+* affix `s` unit
+*
+* @param value second
+*/
+function dur(value) {
+	return `${value}s`;
+}
+const notDisabledSelector = `&:not(:disabled):not([aria-disabled]), &[aria-disabled=false]`;
+const disabledSelector = `&:disabled, &[aria-disabled]:not([aria-disabled=false])`;
+/**
+* Construct media query from breakpoint
+*/
+function maxWidth(breakpoint) {
+	return `(max-width: ${breakpoint - 1}px)`;
+}
+/**
+* Derive half-leading from typography size
+*/
+const halfLeading = ({ fontSize, lineHeight }) => (lineHeight - fontSize) / 2;
+/**
+* Namespaced custom property
+*/
+const customPropertyToken = (id, modifiers = []) => `--charcoal-${id}${modifiers.length === 0 ? "" : ["", modifiers].join("-")}`;
+/**
+* @example
+* ```js
+* mapKeys({ a: 'aa', b: 'bb' }, (key) => key.toUpperCase()) // => { A: "aa", B: "bb" }
+* ````
+*/
+function mapKeys(object, callback) {
+	return Object.fromEntries(Object.entries(object).map(([key, value]) => [callback(key), value]));
+}
+/**
+* @example
+* ```js
+* mapObject({ a: 'aa', b: 'bb', c: 'cc' }, (key, value) =>
+*   key === 'b' ? undefined : [key + '1', value.toUpperCase()]
+* ) // => { a1: "AA", c1: "CC" }
+* ```
+*/
+function mapObject(source, callback) {
+	return Object.fromEntries(Object.entries(source).flatMap(([key, value]) => {
+		const entry = callback(key, value);
+		if (entry) return [entry];
+		else return [];
+	}));
+}
+/**
+* @example
+* ```js
+* flatMapObject({ a: 'aa', b: 'bb' }, (key, value) => [
+*   [key + '1', value + '1'],
+*   [key + '2', value + '2'],
+* ]) // => { a1: "aa1", a2: "aa2", b1: "bb1", b2: "bb2" }
+* ```
+*/
+function flatMapObject(source, callback) {
+	return Object.fromEntries(Object.entries(source).flatMap(([key, value]) => {
+		return callback(key, value);
+	}));
+}
+/**
+* @example
+* ```ts
+* filterObject(
+*   { a: 'aa', b: 'bb', c: 'cc' },
+*   (value): value is string => value !== 'bb'
+* ) // => { a: "aa", c: "cc" }
+* ```
+*/
+function filterObject(source, fn) {
+	return mapObject(source, (key, value) => {
+		if (fn(value) === true) return [key, value];
+		else return null;
+	});
+}
+
+//#endregion
+export { GRADIENT_DIRECTIONS, applyEffect, applyEffectToGradient, customPropertyToken, disabledSelector, dur, filterObject, flatMapObject, gradient, halfLeading, mapKeys, mapObject, maxWidth, notDisabledSelector, px, transparentGradient };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["transparentGradient","base: RgbaColor","effect: RgbaColor","parsed: RgbaColor"],"sources":["../src/index.ts"],"sourcesContent":["import rgba from 'polished/lib/color/rgba'\nimport rgbToColorString from 'polished/lib/color/rgbToColorString'\nimport parseToRgb from 'polished/lib/color/parseToRgb'\nimport linearGradient from 'polished/lib/mixins/linearGradient'\nimport type { RgbColor } from 'polished/lib/types/color'\n\nimport type {\n  AlphaEffect,\n  Effect,\n  Effects,\n  GradientMaterial,\n  OpacityEffect,\n  ReplaceEffect,\n  TypographyDescriptor,\n} from '@charcoal-ui/foundation'\nimport type { Styles } from 'polished/lib/types/style'\n\nexport const GRADIENT_DIRECTIONS = [\n  'to top',\n  'to bottom',\n  'to left',\n  'to right',\n] as const\n\nexport type GradientDirection = (typeof GRADIENT_DIRECTIONS)[number]\n\nexport function transparentGradient(\n  color: string,\n  defaultDirection: GradientDirection = 'to bottom'\n) {\n  return function transparentGradient(\n    direction: GradientDirection | object = defaultDirection\n  ): Styles {\n    const transparent = rgba(color, 0)\n    return linearGradient({\n      colorStops: [color, transparent],\n      fallback: transparent,\n      toDirection: typeof direction === 'object' ? defaultDirection : direction,\n    })\n  }\n}\n\nexport function gradient(toDirection: GradientDirection = 'to bottom') {\n  return function toLinearGradient(value: GradientMaterial): Styles {\n    return linearGradient({\n      colorStops: value.map(({ color, ratio }) => `${color} ${ratio}%`),\n      fallback: value[0]?.color,\n      toDirection,\n    })\n  }\n}\n\nexport function applyEffectToGradient(effect: Effects) {\n  return function toGradient(value: GradientMaterial): GradientMaterial {\n    return value.map(({ color, ratio }) => ({\n      color: applyEffect(color, effect),\n      ratio,\n    }))\n  }\n}\n\ninterface RgbaColor extends RgbColor {\n  alpha?: number\n}\n\ninterface ReadonlyArrayConstructor {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  isArray(value: any): value is readonly any[]\n}\n\nexport function applyEffect(\n  baseColor: string | null,\n  effects: Effects\n): string {\n  const color = baseColor ?? '#00000000'\n  if ((Array as ReadonlyArrayConstructor).isArray(effects)) {\n    return effects.reduce(applySingleEffect, color)\n  }\n  return applySingleEffect(color, effects)\n}\n\nfunction applySingleEffect(baseColor: string, effect: Effect): string {\n  switch (effect.type) {\n    case 'alpha':\n      return applyAlpha(baseColor, effect)\n    case 'opacity':\n      return applyOpacity(baseColor, effect)\n    case 'replace':\n      return applyReplace(baseColor, effect)\n    default:\n      throw new RangeError(\n        `Unknown effect type ${\n          (effect as Effect).type\n        }, upgrade @charcoal-ui/utils`\n      )\n  }\n}\n\nfunction applyAlpha(baseColor: string, { color, opacity }: AlphaEffect) {\n  const base: RgbaColor = parseToRgb(baseColor)\n  const effect: RgbaColor = parseToRgb(color)\n  const src = [base.red, base.green, base.blue, base.alpha ?? 1.0] as const\n  const dst = [\n    effect.red,\n    effect.green,\n    effect.blue,\n    clamp(0, 1, (effect.alpha ?? 1.0) * (opacity ?? 1.0)),\n  ] as const\n  return rgba(...alphaBlend(src, dst))\n}\n\nfunction applyOpacity(baseColor: string, { opacity }: OpacityEffect) {\n  const parsed: RgbaColor = parseToRgb(baseColor)\n  parsed.alpha = clamp(0, 1, (parsed.alpha ?? 1.0) * opacity)\n  return rgbToColorString(parsed)\n}\n\nfunction applyReplace(\n  baseColor: string,\n  { color = baseColor, opacity }: ReplaceEffect\n) {\n  if (opacity === undefined) {\n    return color\n  }\n  const parsed: RgbaColor = parseToRgb(color)\n  // NOTE: intentionally ignores any alpha value in the baseColor\n  parsed.alpha = opacity\n  return rgbToColorString(parsed)\n}\n\ntype Color4 = readonly [number, number, number, number]\n\n/**\n * NOTE: alpha component must be in range from 0.0 to 1.0. (0.0 represents a fully transparent)\n *\n * @param src `[r, g, b, alpha]` Background\n * @param dst `[r, g, b, alpha]` Foreground\n */\nfunction alphaBlend(src: Color4, dst: Color4): Color4 {\n  const srcA = src[3]\n  const dstA = dst[3]\n  const outA = srcA + dstA * (1 - srcA)\n  if (outA < EPS) {\n    // blending 0% alpha with 0% alpha\n    return [0, 0, 0, 0]\n  }\n  return [\n    Math.round((src[0] * srcA * (1 - dstA) + dst[0] * dstA) / outA),\n    Math.round((src[1] * srcA * (1 - dstA) + dst[1] * dstA) / outA),\n    Math.round((src[2] * srcA * (1 - dstA) + dst[2] * dstA) / outA),\n    outA,\n  ]\n}\nconst EPS = 1e-6\n\nfunction clamp(min: number, max: number, value: number) {\n  return Math.min(Math.max(value, min), max)\n}\n\n/**\n * affix `px` unit\n *\n * @param value pixel\n */\nexport function px(value: number) {\n  return `${value}px`\n}\n\n/**\n * affix `s` unit\n *\n * @param value second\n */\nexport function dur(value: number) {\n  return `${value}s`\n}\n\nexport const notDisabledSelector = `&:not(:disabled):not([aria-disabled]), &[aria-disabled=false]`\n\nexport const disabledSelector = `&:disabled, &[aria-disabled]:not([aria-disabled=false])`\n\n/**\n * Construct media query from breakpoint\n */\nexport function maxWidth(breakpoint: number) {\n  return `(max-width: ${breakpoint - 1}px)`\n}\n\n/**\n * Derive half-leading from typography size\n */\nexport const halfLeading = ({\n  fontSize,\n  lineHeight,\n}: TypographyDescriptor): number => (lineHeight - fontSize) / 2\n\n/**\n * Namespaced custom property\n */\nexport const customPropertyToken = (\n  id: string,\n  modifiers: readonly string[] = []\n): `--charcoal-${string}` =>\n  `--charcoal-${id}${modifiers.length === 0 ? '' : ['', modifiers].join('-')}`\n\n/**\n * @example\n * ```js\n * mapKeys({ a: 'aa', b: 'bb' }, (key) => key.toUpperCase()) // => { A: \"aa\", B: \"bb\" }\n * ````\n */\nexport function mapKeys<V, K extends string>(\n  object: Record<string, V>,\n  callback: (key: string) => K\n) {\n  return Object.fromEntries(\n    Object.entries(object).map(([key, value]) => [callback(key), value])\n  ) as Record<K, V>\n}\n\n/**\n * @example\n * ```js\n * mapObject({ a: 'aa', b: 'bb', c: 'cc' }, (key, value) =>\n *   key === 'b' ? undefined : [key + '1', value.toUpperCase()]\n * ) // => { a1: \"AA\", c1: \"CC\" }\n * ```\n */\nexport function mapObject<\n  SourceKey extends string,\n  SourceValue,\n  DestKey extends string,\n  DestValue\n>(\n  source: Record<SourceKey, SourceValue>,\n  callback: (\n    key: SourceKey,\n    value: SourceValue\n  ) => [DestKey, DestValue] | null | undefined\n) {\n  return Object.fromEntries(\n    Object.entries(source).flatMap(([key, value]) => {\n      const entry = callback(key as SourceKey, value as SourceValue)\n      if (entry) {\n        return [entry]\n      } else {\n        return []\n      }\n    })\n  ) as Record<DestKey, DestValue>\n}\n\n/**\n * @example\n * ```js\n * flatMapObject({ a: 'aa', b: 'bb' }, (key, value) => [\n *   [key + '1', value + '1'],\n *   [key + '2', value + '2'],\n * ]) // => { a1: \"aa1\", a2: \"aa2\", b1: \"bb1\", b2: \"bb2\" }\n * ```\n */\nexport function flatMapObject<\n  SourceKey extends string,\n  SourceValue,\n  DestKey extends string,\n  DestValue\n>(\n  source: Record<SourceKey, SourceValue>,\n  callback: (key: SourceKey, value: SourceValue) => [DestKey, DestValue][]\n) {\n  return Object.fromEntries(\n    Object.entries(source).flatMap(([key, value]) => {\n      return callback(key as SourceKey, value as SourceValue)\n    })\n  ) as Record<DestKey, DestValue>\n}\n\n/**\n * @example\n * ```ts\n * filterObject(\n *   { a: 'aa', b: 'bb', c: 'cc' },\n *   (value): value is string => value !== 'bb'\n * ) // => { a: \"aa\", c: \"cc\" }\n * ```\n */\nexport function filterObject<Source, Dest extends Source>(\n  source: Record<string, Source>,\n  fn: (value: Source) => value is Dest\n) {\n  return mapObject(source, (key, value) => {\n    if (fn(value) === true) {\n      return [key, value]\n    } else {\n      return null\n    }\n  }) as Record<string, Dest>\n}\n"],"mappings":"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"}

package/package.json

@@ -1,26 +1,24 @@
 {
   "name": "@charcoal-ui/utils",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.3",
   "license": "Apache-2.0",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "require": "./dist/index.cjs.js",
-    "default": "./dist/index.esm.js"
+    "types": {
+      "import": "./dist/index.d.ts",
+      "require": "./dist/index.d.cts",
+      "default": "./dist/index.d.ts"
+    },
+    "require": "./dist/index.cjs",
+    "default": "./dist/index.js"
   },
   "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "devDependencies": {
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^3.0.2",
-    "tsup": "^6.5.0",
-    "typescript": "^4.9.5",
-    "vitest": "^2.0.2"
-  },
   "dependencies": {
     "polished": "^4.1.4",
-    "@charcoal-ui/foundation": "5.0.0-beta.1"
+    "@charcoal-ui/foundation": "5.0.0-beta.3"
   },
   "files": [
     "src",
@@ -36,11 +34,9 @@
   },
   "gitHead": "e1ece2e43901ae667afdd5c178040607d939dcd5",
   "scripts": {
-    "build": "run-p --print-label 'build:*'",
-    "build:bundle": "FORCE_COLOR=1 tsup",
-    "build:dts": "tsc --project tsconfig.build.json --pretty --emitDeclarationOnly",
-    "typecheck": "tsc --project tsconfig.build.json --pretty --noEmit",
-    "clean": "rimraf dist .tsbuildinfo",
+    "build": "tsdown",
+    "typecheck": "tsc --pretty --noEmit",
+    "clean": "rimraf dist",
     "test": "vitest --passWithNoTests"
   }
 }

package/src/index.ts

@@ -2,17 +2,18 @@ import rgba from 'polished/lib/color/rgba'
 import rgbToColorString from 'polished/lib/color/rgbToColorString'
 import parseToRgb from 'polished/lib/color/parseToRgb'
 import linearGradient from 'polished/lib/mixins/linearGradient'
-import { type RgbColor } from 'polished/lib/types/color'
+import type { RgbColor } from 'polished/lib/types/color'
 
-import {
-  type AlphaEffect,
-  type Effect,
-  type Effects,
-  type GradientMaterial,
-  type OpacityEffect,
-  type ReplaceEffect,
-  type TypographyDescriptor,
+import type {
+  AlphaEffect,
+  Effect,
+  Effects,
+  GradientMaterial,
+  OpacityEffect,
+  ReplaceEffect,
+  TypographyDescriptor,
 } from '@charcoal-ui/foundation'
+import type { Styles } from 'polished/lib/types/style'
 
 export const GRADIENT_DIRECTIONS = [
   'to top',
@@ -29,7 +30,7 @@ export function transparentGradient(
 ) {
   return function transparentGradient(
     direction: GradientDirection | object = defaultDirection
-  ) {
+  ): Styles {
     const transparent = rgba(color, 0)
     return linearGradient({
       colorStops: [color, transparent],
@@ -40,7 +41,7 @@ export function transparentGradient(
 }
 
 export function gradient(toDirection: GradientDirection = 'to bottom') {
-  return function toLinearGradient(value: GradientMaterial) {
+  return function toLinearGradient(value: GradientMaterial): Styles {
     return linearGradient({
       colorStops: value.map(({ color, ratio }) => `${color} ${ratio}%`),
       fallback: value[0]?.color,
@@ -188,8 +189,10 @@ export function maxWidth(breakpoint: number) {
 /**
  * Derive half-leading from typography size
  */
-export const halfLeading = ({ fontSize, lineHeight }: TypographyDescriptor) =>
-  (lineHeight - fontSize) / 2
+export const halfLeading = ({
+  fontSize,
+  lineHeight,
+}: TypographyDescriptor): number => (lineHeight - fontSize) / 2
 
 /**
  * Namespaced custom property

package/dist/index.cjs.js

@@ -1,217 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  GRADIENT_DIRECTIONS: () => GRADIENT_DIRECTIONS,
-  applyEffect: () => applyEffect,
-  applyEffectToGradient: () => applyEffectToGradient,
-  customPropertyToken: () => customPropertyToken,
-  disabledSelector: () => disabledSelector,
-  dur: () => dur,
-  filterObject: () => filterObject,
-  flatMapObject: () => flatMapObject,
-  gradient: () => gradient,
-  halfLeading: () => halfLeading,
-  mapKeys: () => mapKeys,
-  mapObject: () => mapObject,
-  maxWidth: () => maxWidth,
-  notDisabledSelector: () => notDisabledSelector,
-  px: () => px,
-  transparentGradient: () => transparentGradient
-});
-module.exports = __toCommonJS(src_exports);
-var import_rgba = __toESM(require("polished/lib/color/rgba"));
-var import_rgbToColorString = __toESM(require("polished/lib/color/rgbToColorString"));
-var import_parseToRgb = __toESM(require("polished/lib/color/parseToRgb"));
-var import_linearGradient = __toESM(require("polished/lib/mixins/linearGradient"));
-var GRADIENT_DIRECTIONS = [
-  "to top",
-  "to bottom",
-  "to left",
-  "to right"
-];
-function transparentGradient(color, defaultDirection = "to bottom") {
-  return function transparentGradient2(direction = defaultDirection) {
-    const transparent = (0, import_rgba.default)(color, 0);
-    return (0, import_linearGradient.default)({
-      colorStops: [color, transparent],
-      fallback: transparent,
-      toDirection: typeof direction === "object" ? defaultDirection : direction
-    });
-  };
-}
-function gradient(toDirection = "to bottom") {
-  return function toLinearGradient(value) {
-    return (0, import_linearGradient.default)({
-      colorStops: value.map(({ color, ratio }) => `${color} ${ratio}%`),
-      fallback: value[0]?.color,
-      toDirection
-    });
-  };
-}
-function applyEffectToGradient(effect) {
-  return function toGradient(value) {
-    return value.map(({ color, ratio }) => ({
-      color: applyEffect(color, effect),
-      ratio
-    }));
-  };
-}
-function applyEffect(baseColor, effects) {
-  const color = baseColor ?? "#00000000";
-  if (Array.isArray(effects)) {
-    return effects.reduce(applySingleEffect, color);
-  }
-  return applySingleEffect(color, effects);
-}
-function applySingleEffect(baseColor, effect) {
-  switch (effect.type) {
-    case "alpha":
-      return applyAlpha(baseColor, effect);
-    case "opacity":
-      return applyOpacity(baseColor, effect);
-    case "replace":
-      return applyReplace(baseColor, effect);
-    default:
-      throw new RangeError(
-        `Unknown effect type ${effect.type}, upgrade @charcoal-ui/utils`
-      );
-  }
-}
-function applyAlpha(baseColor, { color, opacity }) {
-  const base = (0, import_parseToRgb.default)(baseColor);
-  const effect = (0, import_parseToRgb.default)(color);
-  const src = [base.red, base.green, base.blue, base.alpha ?? 1];
-  const dst = [
-    effect.red,
-    effect.green,
-    effect.blue,
-    clamp(0, 1, (effect.alpha ?? 1) * (opacity ?? 1))
-  ];
-  return (0, import_rgba.default)(...alphaBlend(src, dst));
-}
-function applyOpacity(baseColor, { opacity }) {
-  const parsed = (0, import_parseToRgb.default)(baseColor);
-  parsed.alpha = clamp(0, 1, (parsed.alpha ?? 1) * opacity);
-  return (0, import_rgbToColorString.default)(parsed);
-}
-function applyReplace(baseColor, { color = baseColor, opacity }) {
-  if (opacity === void 0) {
-    return color;
-  }
-  const parsed = (0, import_parseToRgb.default)(color);
-  parsed.alpha = opacity;
-  return (0, import_rgbToColorString.default)(parsed);
-}
-function alphaBlend(src, dst) {
-  const srcA = src[3];
-  const dstA = dst[3];
-  const outA = srcA + dstA * (1 - srcA);
-  if (outA < EPS) {
-    return [0, 0, 0, 0];
-  }
-  return [
-    Math.round((src[0] * srcA * (1 - dstA) + dst[0] * dstA) / outA),
-    Math.round((src[1] * srcA * (1 - dstA) + dst[1] * dstA) / outA),
-    Math.round((src[2] * srcA * (1 - dstA) + dst[2] * dstA) / outA),
-    outA
-  ];
-}
-var EPS = 1e-6;
-function clamp(min, max, value) {
-  return Math.min(Math.max(value, min), max);
-}
-function px(value) {
-  return `${value}px`;
-}
-function dur(value) {
-  return `${value}s`;
-}
-var notDisabledSelector = `&:not(:disabled):not([aria-disabled]), &[aria-disabled=false]`;
-var disabledSelector = `&:disabled, &[aria-disabled]:not([aria-disabled=false])`;
-function maxWidth(breakpoint) {
-  return `(max-width: ${breakpoint - 1}px)`;
-}
-var halfLeading = ({ fontSize, lineHeight }) => (lineHeight - fontSize) / 2;
-var customPropertyToken = (id, modifiers = []) => `--charcoal-${id}${modifiers.length === 0 ? "" : ["", modifiers].join("-")}`;
-function mapKeys(object, callback) {
-  return Object.fromEntries(
-    Object.entries(object).map(([key, value]) => [callback(key), value])
-  );
-}
-function mapObject(source, callback) {
-  return Object.fromEntries(
-    Object.entries(source).flatMap(([key, value]) => {
-      const entry = callback(key, value);
-      if (entry) {
-        return [entry];
-      } else {
-        return [];
-      }
-    })
-  );
-}
-function flatMapObject(source, callback) {
-  return Object.fromEntries(
-    Object.entries(source).flatMap(([key, value]) => {
-      return callback(key, value);
-    })
-  );
-}
-function filterObject(source, fn) {
-  return mapObject(source, (key, value) => {
-    if (fn(value) === true) {
-      return [key, value];
-    } else {
-      return null;
-    }
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GRADIENT_DIRECTIONS,
-  applyEffect,
-  applyEffectToGradient,
-  customPropertyToken,
-  disabledSelector,
-  dur,
-  filterObject,
-  flatMapObject,
-  gradient,
-  halfLeading,
-  mapKeys,
-  mapObject,
-  maxWidth,
-  notDisabledSelector,
-  px,
-  transparentGradient
-});
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import rgba from 'polished/lib/color/rgba'\nimport rgbToColorString from 'polished/lib/color/rgbToColorString'\nimport parseToRgb from 'polished/lib/color/parseToRgb'\nimport linearGradient from 'polished/lib/mixins/linearGradient'\nimport { type RgbColor } from 'polished/lib/types/color'\n\nimport {\n  type AlphaEffect,\n  type Effect,\n  type Effects,\n  type GradientMaterial,\n  type OpacityEffect,\n  type ReplaceEffect,\n  type TypographyDescriptor,\n} from '@charcoal-ui/foundation'\n\nexport const GRADIENT_DIRECTIONS = [\n  'to top',\n  'to bottom',\n  'to left',\n  'to right',\n] as const\n\nexport type GradientDirection = (typeof GRADIENT_DIRECTIONS)[number]\n\nexport function transparentGradient(\n  color: string,\n  defaultDirection: GradientDirection = 'to bottom'\n) {\n  return function transparentGradient(\n    direction: GradientDirection | object = defaultDirection\n  ) {\n    const transparent = rgba(color, 0)\n    return linearGradient({\n      colorStops: [color, transparent],\n      fallback: transparent,\n      toDirection: typeof direction === 'object' ? defaultDirection : direction,\n    })\n  }\n}\n\nexport function gradient(toDirection: GradientDirection = 'to bottom') {\n  return function toLinearGradient(value: GradientMaterial) {\n    return linearGradient({\n      colorStops: value.map(({ color, ratio }) => `${color} ${ratio}%`),\n      fallback: value[0]?.color,\n      toDirection,\n    })\n  }\n}\n\nexport function applyEffectToGradient(effect: Effects) {\n  return function toGradient(value: GradientMaterial): GradientMaterial {\n    return value.map(({ color, ratio }) => ({\n      color: applyEffect(color, effect),\n      ratio,\n    }))\n  }\n}\n\ninterface RgbaColor extends RgbColor {\n  alpha?: number\n}\n\ninterface ReadonlyArrayConstructor {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  isArray(value: any): value is readonly any[]\n}\n\nexport function applyEffect(\n  baseColor: string | null,\n  effects: Effects\n): string {\n  const color = baseColor ?? '#00000000'\n  if ((Array as ReadonlyArrayConstructor).isArray(effects)) {\n    return effects.reduce(applySingleEffect, color)\n  }\n  return applySingleEffect(color, effects)\n}\n\nfunction applySingleEffect(baseColor: string, effect: Effect): string {\n  switch (effect.type) {\n    case 'alpha':\n      return applyAlpha(baseColor, effect)\n    case 'opacity':\n      return applyOpacity(baseColor, effect)\n    case 'replace':\n      return applyReplace(baseColor, effect)\n    default:\n      throw new RangeError(\n        `Unknown effect type ${\n          (effect as Effect).type\n        }, upgrade @charcoal-ui/utils`\n      )\n  }\n}\n\nfunction applyAlpha(baseColor: string, { color, opacity }: AlphaEffect) {\n  const base: RgbaColor = parseToRgb(baseColor)\n  const effect: RgbaColor = parseToRgb(color)\n  const src = [base.red, base.green, base.blue, base.alpha ?? 1.0] as const\n  const dst = [\n    effect.red,\n    effect.green,\n    effect.blue,\n    clamp(0, 1, (effect.alpha ?? 1.0) * (opacity ?? 1.0)),\n  ] as const\n  return rgba(...alphaBlend(src, dst))\n}\n\nfunction applyOpacity(baseColor: string, { opacity }: OpacityEffect) {\n  const parsed: RgbaColor = parseToRgb(baseColor)\n  parsed.alpha = clamp(0, 1, (parsed.alpha ?? 1.0) * opacity)\n  return rgbToColorString(parsed)\n}\n\nfunction applyReplace(\n  baseColor: string,\n  { color = baseColor, opacity }: ReplaceEffect\n) {\n  if (opacity === undefined) {\n    return color\n  }\n  const parsed: RgbaColor = parseToRgb(color)\n  // NOTE: intentionally ignores any alpha value in the baseColor\n  parsed.alpha = opacity\n  return rgbToColorString(parsed)\n}\n\ntype Color4 = readonly [number, number, number, number]\n\n/**\n * NOTE: alpha component must be in range from 0.0 to 1.0. (0.0 represents a fully transparent)\n *\n * @param src `[r, g, b, alpha]` Background\n * @param dst `[r, g, b, alpha]` Foreground\n */\nfunction alphaBlend(src: Color4, dst: Color4): Color4 {\n  const srcA = src[3]\n  const dstA = dst[3]\n  const outA = srcA + dstA * (1 - srcA)\n  if (outA < EPS) {\n    // blending 0% alpha with 0% alpha\n    return [0, 0, 0, 0]\n  }\n  return [\n    Math.round((src[0] * srcA * (1 - dstA) + dst[0] * dstA) / outA),\n    Math.round((src[1] * srcA * (1 - dstA) + dst[1] * dstA) / outA),\n    Math.round((src[2] * srcA * (1 - dstA) + dst[2] * dstA) / outA),\n    outA,\n  ]\n}\nconst EPS = 1e-6\n\nfunction clamp(min: number, max: number, value: number) {\n  return Math.min(Math.max(value, min), max)\n}\n\n/**\n * affix `px` unit\n *\n * @param value pixel\n */\nexport function px(value: number) {\n  return `${value}px`\n}\n\n/**\n * affix `s` unit\n *\n * @param value second\n */\nexport function dur(value: number) {\n  return `${value}s`\n}\n\nexport const notDisabledSelector = `&:not(:disabled):not([aria-disabled]), &[aria-disabled=false]`\n\nexport const disabledSelector = `&:disabled, &[aria-disabled]:not([aria-disabled=false])`\n\n/**\n * Construct media query from breakpoint\n */\nexport function maxWidth(breakpoint: number) {\n  return `(max-width: ${breakpoint - 1}px)`\n}\n\n/**\n * Derive half-leading from typography size\n */\nexport const halfLeading = ({ fontSize, lineHeight }: TypographyDescriptor) =>\n  (lineHeight - fontSize) / 2\n\n/**\n * Namespaced custom property\n */\nexport const customPropertyToken = (\n  id: string,\n  modifiers: readonly string[] = []\n): `--charcoal-${string}` =>\n  `--charcoal-${id}${modifiers.length === 0 ? '' : ['', modifiers].join('-')}`\n\n/**\n * @example\n * ```js\n * mapKeys({ a: 'aa', b: 'bb' }, (key) => key.toUpperCase()) // => { A: \"aa\", B: \"bb\" }\n * ````\n */\nexport function mapKeys<V, K extends string>(\n  object: Record<string, V>,\n  callback: (key: string) => K\n) {\n  return Object.fromEntries(\n    Object.entries(object).map(([key, value]) => [callback(key), value])\n  ) as Record<K, V>\n}\n\n/**\n * @example\n * ```js\n * mapObject({ a: 'aa', b: 'bb', c: 'cc' }, (key, value) =>\n *   key === 'b' ? undefined : [key + '1', value.toUpperCase()]\n * ) // => { a1: \"AA\", c1: \"CC\" }\n * ```\n */\nexport function mapObject<\n  SourceKey extends string,\n  SourceValue,\n  DestKey extends string,\n  DestValue\n>(\n  source: Record<SourceKey, SourceValue>,\n  callback: (\n    key: SourceKey,\n    value: SourceValue\n  ) => [DestKey, DestValue] | null | undefined\n) {\n  return Object.fromEntries(\n    Object.entries(source).flatMap(([key, value]) => {\n      const entry = callback(key as SourceKey, value as SourceValue)\n      if (entry) {\n        return [entry]\n      } else {\n        return []\n      }\n    })\n  ) as Record<DestKey, DestValue>\n}\n\n/**\n * @example\n * ```js\n * flatMapObject({ a: 'aa', b: 'bb' }, (key, value) => [\n *   [key + '1', value + '1'],\n *   [key + '2', value + '2'],\n * ]) // => { a1: \"aa1\", a2: \"aa2\", b1: \"bb1\", b2: \"bb2\" }\n * ```\n */\nexport function flatMapObject<\n  SourceKey extends string,\n  SourceValue,\n  DestKey extends string,\n  DestValue\n>(\n  source: Record<SourceKey, SourceValue>,\n  callback: (key: SourceKey, value: SourceValue) => [DestKey, DestValue][]\n) {\n  return Object.fromEntries(\n    Object.entries(source).flatMap(([key, value]) => {\n      return callback(key as SourceKey, value as SourceValue)\n    })\n  ) as Record<DestKey, DestValue>\n}\n\n/**\n * @example\n * ```ts\n * filterObject(\n *   { a: 'aa', b: 'bb', c: 'cc' },\n *   (value): value is string => value !== 'bb'\n * ) // => { a: \"aa\", c: \"cc\" }\n * ```\n */\nexport function filterObject<Source, Dest extends Source>(\n  source: Record<string, Source>,\n  fn: (value: Source) => value is Dest\n) {\n  return mapObject(source, (key, value) => {\n    if (fn(value) === true) {\n      return [key, value]\n    } else {\n      return null\n    }\n  }) as Record<string, Dest>\n}\n"],"mappings":"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","names":["transparentGradient","rgba","linearGradient","parseToRgb","rgbToColorString"]}