@design-edito/tools 0.2.39 → 0.2.40

package/agnostic/colors/typechecks/index.d.ts

@@ -1,11 +1,71 @@
 import { Hex, Rgba, Hsla, Hsba, Laba, Lcha, Cmyka, Xyza, CssColor, Color } from '../types.js';
+/**
+ * Type guard to check if a value is a valid hexadecimal color string.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Hex} True if the value is a valid hex color, false otherwise.
+ */
 export declare const isHex: (color: unknown) => color is Hex;
+/**
+ * Type guard to check if a value is a valid RGBA color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Rgba} True if the value is a valid RGBA color, false otherwise.
+ */
 export declare const isRgb: (color: unknown) => color is Rgba;
+/**
+ * Type guard to check if a value is a valid HSLA color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Hsla} True if the value is a valid HSLA color, false otherwise.
+ */
 export declare const isHsl: (color: unknown) => color is Hsla;
+/**
+ * Type guard to check if a value is a valid HSBA color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Hsba} True if the value is a valid HSBA color, false otherwise.
+ */
 export declare const isHsb: (color: unknown) => color is Hsba;
+/**
+ * Type guard to check if a value is a valid CIELAB color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Laba} True if the value is a valid CIELAB color, false otherwise.
+ */
 export declare const isLab: (color: unknown) => color is Laba;
+/**
+ * Type guard to check if a value is a valid CIELCh color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Lcha} True if the value is a valid CIELCh color, false otherwise.
+ */
 export declare const isLch: (color: unknown) => color is Lcha;
+/**
+ * Type guard to check if a value is a valid CMYK color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Cmyka} True if the value is a valid CMYK color, false otherwise.
+ */
 export declare const isCmyk: (color: unknown) => color is Cmyka;
+/**
+ * Type guard to check if a value is a valid CIE XYZ color object.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Xyza} True if the value is a valid CIE XYZ color, false otherwise.
+ */
 export declare const isXyz: (color: unknown) => color is Xyza;
+/**
+ * Type guard to check if a value is a valid CSS named color.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is CssColor} True if the value is a valid CSS named color, false otherwise.
+ */
 export declare const isCssColor: (color: unknown) => color is CssColor;
+/**
+ * Type guard to check if a value is any valid color format.
+ *
+ * @param {unknown} color - The value to check.
+ * @returns {color is Color} True if the value is a valid color in any supported format, false otherwise.
+ */
 export declare const isColor: (color: unknown) => color is Color;

package/agnostic/colors/typechecks/index.js

@@ -9,10 +9,10 @@ import {
   isLch,
   isRgb,
   isXyz
-} from "../../../chunks/chunk-67V4BGOB.js";
+} from "../../../chunks/chunk-JDINERKY.js";
 import "../../../chunks/chunk-HQLRJ7XW.js";
-import "../../../chunks/chunk-7UGMWTP5.js";
-import "../../../chunks/chunk-WSFCRVEQ.js";
+import "../../../chunks/chunk-KRYJVBO5.js";
+import "../../../chunks/chunk-XCBH6NLF.js";
 export {
   isCmyk,
   isColor,

package/agnostic/colors/types.d.ts

@@ -1,34 +1,80 @@
+/**
+ * Represents a hexadecimal color string (e.g., "#FF5733").
+ */
 export type Hex = `#${string}`;
+/**
+ * Represents a color in the RGBA color space.
+ * @property {number} r - Red channel (0-255).
+ * @property {number} g - Green channel (0-255).
+ * @property {number} b - Blue channel (0-255).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Rgba = {
     r: number;
     g: number;
     b: number;
     a?: number;
 };
+/**
+ * Represents a color in the HSLA color space.
+ * @property {number} h - Hue (0-360).
+ * @property {number} s - Saturation (0-100).
+ * @property {number} l - Lightness (0-100).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Hsla = {
     h: number;
     s: number;
     l: number;
     a?: number;
 };
+/**
+ * Represents a color in the HSBA (HSB/HSV) color space.
+ * @property {number} h - Hue (0-360).
+ * @property {number} s - Saturation (0-100).
+ * @property {number} b - Brightness (0-100).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Hsba = {
     h: number;
     s: number;
     b: number;
     a?: number;
 };
+/**
+ * Represents a color in the CIELAB color space.
+ * @property {number} l - Lightness (0-100).
+ * @property {number} a - Green-red axis (approximately -128 to 127).
+ * @property {number} b - Blue-yellow axis (approximately -128 to 127).
+ * @property {number} [al] - Alpha channel (0-1), optional.
+ */
 export type Laba = {
     l: number;
     a: number;
     b: number;
     al?: number;
 };
+/**
+ * Represents a color in the CIELCh color space.
+ * @property {number} l - Lightness (0-100).
+ * @property {number} c - Chroma (0 to approximately 150).
+ * @property {number} h - Hue (0-360).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Lcha = {
     l: number;
     c: number;
     h: number;
     a?: number;
 };
+/**
+ * Represents a color in the CMYK color space.
+ * @property {number} c - Cyan (0-100).
+ * @property {number} m - Magenta (0-100).
+ * @property {number} y - Yellow (0-100).
+ * @property {number} k - Black (0-100).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Cmyka = {
     c: number;
     m: number;
@@ -36,21 +82,51 @@ export type Cmyka = {
     k: number;
     a?: number;
 };
+/**
+ * Represents a color in the CIE XYZ color space.
+ * @property {number} x - X tristimulus value (approximately 0-95.047).
+ * @property {number} y - Y tristimulus value (approximately 0-100).
+ * @property {number} z - Z tristimulus value (approximately 0-108.883).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Xyza = {
     x: number;
     y: number;
     z: number;
     a?: number;
 };
+/**
+ * Union type of all valid CSS named colors.
+ */
 export type CssColor = 'aliceblue' | 'antiquewhite' | 'aqua' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'black' | 'blanchedalmond' | 'blue' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkgrey' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkslategrey' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dimgrey' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'fuchsia' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'gray' | 'green' | 'greenyellow' | 'grey' | 'honeydew' | 'hotpink' | 'indianred' | 'indigo' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgray' | 'lightgreen' | 'lightgrey' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightslategrey' | 'lightsteelblue' | 'lightyellow' | 'lime' | 'limegreen' | 'linen' | 'magenta' | 'maroon' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'navy' | 'oldlace' | 'olive' | 'olivedrab' | 'orange' | 'orangered' | 'orchid' | 'palegoldenrod' | 'palegreen' | 'paleturquoise' | 'palevioletred' | 'papayawhip' | 'peachpuff' | 'peru' | 'pink' | 'plum' | 'powderblue' | 'purple' | 'rebeccapurple' | 'red' | 'rosybrown' | 'royalblue' | 'saddlebrown' | 'salmon' | 'sandybrown' | 'seagreen' | 'seashell' | 'sienna' | 'silver' | 'skyblue' | 'slateblue' | 'slategray' | 'slategrey' | 'snow' | 'springgreen' | 'steelblue' | 'tan' | 'teal' | 'thistle' | 'tomato' | 'turquoise' | 'violet' | 'wheat' | 'white' | 'whitesmoke' | 'yellow' | 'yellowgreen';
 type CssColorMap = {
     [K in CssColor]: Rgba;
 };
+/**
+ * Map of CSS named colors to their corresponding RGBA values.
+ */
 export declare const cssColors: CssColorMap;
+/**
+ * Union type representing any supported color format.
+ */
 export type Color = Hex | Rgba | Hsla | Hsba | Laba | Lcha | Cmyka | Xyza | CssColor;
+/**
+ * Conditional type that maps a color type to its corresponding transformed type.
+ * CSS colors are transformed to RGBA, while other formats remain unchanged.
+ * @template C - The input color type.
+ */
 export type TransformedColor<C extends Color> = C extends CssColor ? Rgba : C extends Hex ? Hex : C extends Rgba ? Rgba : C extends Hsla ? Hsla : C extends Hsba ? Hsba : C extends Cmyka ? Cmyka : C extends Xyza ? Xyza : C extends Laba ? Laba : C extends Lcha ? Lcha : never;
+/**
+ * Union type of all available color channel names across different color spaces.
+ */
 export type Channel = 'red' | 'green' | 'blue' | 'alpha' | 'hue' | 'saturation' | 'lightness' | 'brightness' | 'cyan' | 'magenta' | 'yellow' | 'black' | 'x' | 'y' | 'z' | 'lightnessLab' | 'aLab' | 'bLab' | 'chroma' | 'hueLch';
+/**
+ * Available methods for inverting colors.
+ */
 export type InvertMethod = 'rgb' | 'lab' | 'lch';
+/**
+ * Available methods for rotating color hues.
+ */
 export type RotateMethod = 'hsl' | 'lab' | 'lch';
 type PaletteMap<C extends Color> = {
     'complementary': readonly [TransformedColor<C>];
@@ -66,17 +142,47 @@ type PaletteMap<C extends Color> = {
     'tetradic-lab': readonly [TransformedColor<C>, TransformedColor<C>, TransformedColor<C>];
     'tetradic-lch': readonly [TransformedColor<C>, TransformedColor<C>, TransformedColor<C>];
 };
+/**
+ * Union type of all available color palette generation schemes.
+ */
 export type PaletteType = keyof PaletteMap<Color>;
+/**
+ * Represents a generated color palette of a specific type.
+ * @template C - The input color type.
+ * @template T - The palette generation scheme.
+ */
 export type Palette<C extends Color, T extends PaletteType> = PaletteMap<C>[T];
+/**
+ * Available methods for converting colors to grayscale.
+ */
 export type GrayscaleMethod = 'rgb-avg' | 'rgb-weighted-avg' | 'rgb-min-channel' | 'rgb-max-channel' | 'rgb-via-red' | 'rgb-via-green' | 'rgb-via-blue' | 'cmyk-avg' | 'cmyk-no-black-avg' | 'cmyk-min-channel' | 'cmyk-min-no-black-channel' | 'cmyk-max-channel' | 'cmyk-max-no-black-channel' | 'cmyk-via-cyan' | 'cmyk-via-magenta' | 'cmyk-via-yellow' | 'cmyk-via-black' | 'cmyk-perceptual' | 'hsl' | 'hsb' | 'xyz' | 'lab' | 'lch';
+/**
+ * Represents a color in the linear sRGB color space.
+ * @property {number} linearR - Linear red channel (0-1).
+ * @property {number} linearG - Linear green channel (0-1).
+ * @property {number} linearB - Linear blue channel (0-1).
+ * @property {number} [a] - Alpha channel (0-1), optional.
+ */
 export type Srgba = {
     linearR: number;
     linearG: number;
     linearB: number;
     a?: number;
 };
+/**
+ * Available methods for calculating color luminance.
+ */
 export type LuminanceMethod = 'rgb' | 'xyz' | 'lab';
+/**
+ * Available methods for calculating color distance.
+ */
 export type DistanceMethod = 'ciede2000';
+/**
+ * Available methods for calculating color contrast ratios.
+ */
 export type ContrastMethod = 'wcag';
+/**
+ * Available methods for interpolating (lerping) between colors.
+ */
 export type LerpMethod = 'rgb' | 'lab' | 'lch' | 'hsl' | 'hsb' | 'rgb-linear' | 'xyz';
 export {};

package/agnostic/colors/types.js

@@ -1,7 +1,7 @@
 import {
   cssColors
-} from "../../chunks/chunk-7UGMWTP5.js";
-import "../../chunks/chunk-WSFCRVEQ.js";
+} from "../../chunks/chunk-KRYJVBO5.js";
+import "../../chunks/chunk-XCBH6NLF.js";
 export {
   cssColors
 };

package/agnostic/css/bem/index.d.ts

@@ -1,7 +1,30 @@
-import BEMClass from './BEM.js';
-import getNamesArrFunc from './getNamesArr.js';
-export declare namespace Bem {
-    const BEM: typeof BEMClass;
-    function bem(blockNameArg: any): BEMClass;
-    const getNamesArr: typeof getNamesArrFunc;
+export declare function getNamesArr(arg: any): string[];
+export interface Block {
+    name: string;
+    modifiers: string[];
 }
+export declare class BEM {
+    constructor();
+    addBlock(blockNameArg: any): BEM;
+    addElement(elementNameArg: any): BEM;
+    addModifier(modifierNameArg: any): BEM;
+    copy(): BEM;
+    block(blockNameArg: any): BEM;
+    element(elementNameArg: any): BEM;
+    modifier(modifierNameArg: any): BEM;
+    blk(blockNameArg: any): BEM;
+    elt(elementNameArg: any): BEM;
+    mod(modifierNameArg: any): BEM;
+    cp(): BEM;
+    get value(): string;
+    get val(): string;
+    private blocks;
+    private findBlockByName;
+    private addSingleBlock;
+    private addSingleElement;
+    private addSingleModifier;
+    private setCurrentBlockByName;
+    private createBlockByName;
+    private getCurrentBlock;
+}
+export declare function bem(blockNameArg: any): BEM;

package/agnostic/css/bem/index.js

@@ -1,10 +1,159 @@
 import {
-  Bem
-} from "../../../chunks/chunk-KIONYWA7.js";
-import "../../../chunks/chunk-W5A2TON3.js";
-import "../../../chunks/chunk-QXAJXTXV.js";
+  isFalsy
+} from "../../../chunks/chunk-QXAJXTXV.js";
 import "../../../chunks/chunk-HC6ZOHCS.js";
-import "../../../chunks/chunk-WSFCRVEQ.js";
+import {
+  isValidClassName
+} from "../../../chunks/chunk-W5A2TON3.js";
+import "../../../chunks/chunk-XCBH6NLF.js";
+
+// src/agnostic/css/bem/index.ts
+function getNamesArr(arg) {
+  const returned = [];
+  if (typeof arg === "string") {
+    arg.trim().split(/\s+/gm).forEach((name) => {
+      if (isValidClassName(name)) returned.push(name);
+    });
+  } else if (Array.isArray(arg)) {
+    arg.forEach((elt) => returned.push(...getNamesArr(elt)));
+  } else if (typeof arg === "object" && arg !== null) {
+    Object.entries(arg).forEach(([key, val]) => {
+      if (!isFalsy(val)) returned.push(...getNamesArr(key));
+    });
+  }
+  return returned;
+}
+var BEM = class _BEM {
+  constructor() {
+    this.findBlockByName = this.findBlockByName.bind(this);
+    this.addBlock = this.addBlock.bind(this);
+    this.addElement = this.addElement.bind(this);
+    this.addModifier = this.addModifier.bind(this);
+    this.copy = this.copy.bind(this);
+    this.block = this.block.bind(this);
+    this.element = this.element.bind(this);
+    this.modifier = this.modifier.bind(this);
+    this.blk = this.blk.bind(this);
+    this.elt = this.elt.bind(this);
+    this.mod = this.mod.bind(this);
+    this.cp = this.cp.bind(this);
+    this.addSingleBlock = this.addSingleBlock.bind(this);
+    this.addSingleElement = this.addSingleElement.bind(this);
+    this.addSingleModifier = this.addSingleModifier.bind(this);
+    this.setCurrentBlockByName = this.setCurrentBlockByName.bind(this);
+    this.createBlockByName = this.createBlockByName.bind(this);
+    this.getCurrentBlock = this.getCurrentBlock.bind(this);
+  }
+  addBlock(blockNameArg) {
+    const blocksNames = getNamesArr(blockNameArg);
+    blocksNames.forEach(this.addSingleBlock);
+    return this;
+  }
+  addElement(elementNameArg) {
+    const elementsNames = getNamesArr(elementNameArg);
+    elementsNames.forEach(this.addSingleElement);
+    return this;
+  }
+  addModifier(modifierNameArg) {
+    const currentBlock = this.getCurrentBlock();
+    if (currentBlock === void 0) return this;
+    const modifiersNames = getNamesArr(modifierNameArg);
+    modifiersNames.forEach(this.addSingleModifier);
+    return this;
+  }
+  copy() {
+    const copy = new _BEM();
+    this.blocks.forEach((block) => {
+      copy.addBlock(block.name);
+      block.modifiers.forEach(copy.addModifier);
+    });
+    return copy;
+  }
+  block(blockNameArg) {
+    return this.copy().addBlock(blockNameArg);
+  }
+  element(elementNameArg) {
+    return this.copy().addElement(elementNameArg);
+  }
+  modifier(modifierNameArg) {
+    return this.copy().addModifier(modifierNameArg);
+  }
+  blk(blockNameArg) {
+    return this.block(blockNameArg);
+  }
+  elt(elementNameArg) {
+    return this.element(elementNameArg);
+  }
+  mod(modifierNameArg) {
+    return this.modifier(modifierNameArg);
+  }
+  cp() {
+    return this.copy();
+  }
+  get value() {
+    return this.blocks.map((block) => {
+      return [block.name, ...block.modifiers.map((modifier) => {
+        return `${block.name}_${modifier}`;
+      })].join(" ");
+    }).join(" ");
+  }
+  get val() {
+    return this.value;
+  }
+  blocks = [];
+  findBlockByName(name) {
+    return this.blocks.find((block) => block.name === name);
+  }
+  addSingleBlock(blockName) {
+    if (this.findBlockByName(blockName) !== void 0) {
+      this.setCurrentBlockByName(blockName);
+    } else {
+      const block = this.createBlockByName(blockName);
+      this.blocks.push(block);
+    }
+    return this;
+  }
+  addSingleElement(elementName) {
+    const currentBlock = this.getCurrentBlock();
+    if (currentBlock === void 0) this.addBlock(elementName);
+    else {
+      currentBlock.name = currentBlock.name + "__" + elementName;
+    }
+    return this;
+  }
+  addSingleModifier(modifierName) {
+    const currentBlock = this.getCurrentBlock();
+    if (currentBlock !== void 0) {
+      currentBlock.modifiers.push(modifierName);
+    }
+    return this;
+  }
+  setCurrentBlockByName(blockName) {
+    const block = this.findBlockByName(blockName);
+    if (block !== void 0) {
+      const blockPos = this.blocks.indexOf(block);
+      this.blocks = [
+        ...this.blocks.slice(0, blockPos),
+        ...this.blocks.slice(blockPos + 1),
+        block
+      ];
+    }
+    return this;
+  }
+  createBlockByName(blockName) {
+    return { name: blockName, modifiers: [] };
+  }
+  getCurrentBlock() {
+    return this.blocks.slice(-1)[0];
+  }
+};
+function bem(blockNameArg) {
+  const bem2 = new BEM();
+  if (blockNameArg instanceof BEM) return blockNameArg.copy();
+  return bem2.addBlock(blockNameArg);
+}
 export {
-  Bem
+  BEM,
+  bem,
+  getNamesArr
 };

package/agnostic/css/generate-nice-color/index.d.ts

@@ -1,2 +1,8 @@
-export declare const niceColors: string[];
-export declare const generateNiceColor: () => string | undefined;
+/**
+ * Array of aesthetically pleasing CSS named colors.
+ */
+export declare const niceColors: readonly ["fuchsia", "teal", "aliceblue", "bisque", "blueviolet", "burlywood", "chocolate", "coral", "cornflowerblue", "crimson", "darkblue", "darkgoldenrod", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkslateblue", "darkslategray", "darkviolet", "deeppink", "deepskyblue", "dodgerblue", "firebrick", "floralwhite", "gainsboro", "gold", "hotpink", "indianred", "indigo", "khaki", "lavender", "lightcoral", "lightgreen", "lightsalmon", "lightsteelblue", "limegreen", "magenta", "mediumseagreen", "mediumspringgreen", "mediumvioletred", "moccasin", "orangered", "orchid", "palegoldenrod", "palevioletred", "peachpuff", "peru", "plum", "royalblue", "sandybrown", "springgreen", "tan", "thistle", "tomato", "violet", "wheat", "yellowgreen"];
+/**
+ * Generates a random aesthetically pleasing CSS named color.
+ */
+export declare const generateNiceColor: () => (typeof niceColors)[number];

package/agnostic/css/generate-nice-color/index.js

@@ -1,8 +1,73 @@
-import {
-  generateNiceColor,
-  niceColors
-} from "../../../chunks/chunk-EDVNAV3G.js";
-import "../../../chunks/chunk-WSFCRVEQ.js";
+import "../../../chunks/chunk-XCBH6NLF.js";
+
+// src/agnostic/css/generate-nice-color/index.ts
+var niceColors = [
+  "fuchsia",
+  "teal",
+  "aliceblue",
+  "bisque",
+  "blueviolet",
+  "burlywood",
+  "chocolate",
+  "coral",
+  "cornflowerblue",
+  "crimson",
+  "darkblue",
+  "darkgoldenrod",
+  "darkkhaki",
+  "darkmagenta",
+  "darkolivegreen",
+  "darkorange",
+  "darkorchid",
+  "darkred",
+  "darksalmon",
+  "darkslateblue",
+  "darkslategray",
+  "darkviolet",
+  "deeppink",
+  "deepskyblue",
+  "dodgerblue",
+  "firebrick",
+  "floralwhite",
+  "gainsboro",
+  "gold",
+  "hotpink",
+  "indianred",
+  "indigo",
+  "khaki",
+  "lavender",
+  "lightcoral",
+  "lightgreen",
+  "lightsalmon",
+  "lightsteelblue",
+  "limegreen",
+  "magenta",
+  "mediumseagreen",
+  "mediumspringgreen",
+  "mediumvioletred",
+  "moccasin",
+  "orangered",
+  "orchid",
+  "palegoldenrod",
+  "palevioletred",
+  "peachpuff",
+  "peru",
+  "plum",
+  "royalblue",
+  "sandybrown",
+  "springgreen",
+  "tan",
+  "thistle",
+  "tomato",
+  "violet",
+  "wheat",
+  "yellowgreen"
+];
+var generateNiceColor = () => {
+  const pos = Math.floor(Math.random() * niceColors.length);
+  const found = niceColors[pos];
+  return found;
+};
 export {
   generateNiceColor,
   niceColors

package/agnostic/css/is-valid-css-class-name/index.d.ts

@@ -1,2 +1,13 @@
+/**
+ * Regular expression pattern for validating CSS class names.
+ * Matches class names that start with an optional hyphen, followed by a letter or underscore,
+ * then any combination of letters, numbers, underscores, or hyphens.
+ */
 export declare const classNameRegex: RegExp;
+/**
+ * Checks if a string is a valid CSS class name.
+ *
+ * @param {string} string - The string to validate.
+ * @returns {boolean} True if the string is a valid CSS class name, false otherwise.
+ */
 export declare function isValidClassName(string: string): boolean;

package/agnostic/css/is-valid-css-class-name/index.js

@@ -2,7 +2,7 @@ import {
   classNameRegex,
   isValidClassName
 } from "../../../chunks/chunk-W5A2TON3.js";
-import "../../../chunks/chunk-WSFCRVEQ.js";
+import "../../../chunks/chunk-XCBH6NLF.js";
 export {
   classNameRegex,
   isValidClassName