@stanko/ctrls 0.1.7 → 0.1.9

package/dist/ctrls/ctrl-boolean.js

@@ -1,4 +1,5 @@
 import { checkIcon } from "../utils/icons";
+import { toHtmlId } from "../utils/string-utils";
 export class BooleanCtrl {
     constructor(config, onChange, onInput) {
         this.type = "boolean";
@@ -15,9 +16,12 @@ export class BooleanCtrl {
             return value.toString();
         };
         this.buildUI = () => {
+            const id = toHtmlId(this.name);
             const input = document.createElement("input");
             input.classList.add("ctrls__boolean-input");
             input.setAttribute("type", "checkbox");
+            input.setAttribute("id", id);
+            input.setAttribute("name", id);
             input.checked = this.value;
             input.addEventListener("change", () => {
                 this.value = input.checked;

package/dist/ctrls/ctrl-dual-range.d.ts

@@ -1,5 +1,5 @@
 import DualRangeInput from "@stanko/dual-range-input";
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export type DualRangeControlOptions = {
     min: number;
     max: number;
@@ -25,7 +25,7 @@ export declare class DualRangeCtrl implements Ctrl<DualRangeValue> {
     maxInput: HTMLInputElement;
     dualRange: DualRangeInput;
     valueSpan: HTMLSpanElement;
-    constructor(config: CtrlTypeRegistry["dual-range"]["config"], onChange: CtrlChangeHandler<DualRangeValue>, onInput: CtrlChangeHandler<DualRangeValue>);
+    constructor(config: ConfigFor<"dual-range">, onChange: CtrlChangeHandler<DualRangeValue>, onInput: CtrlChangeHandler<DualRangeValue>);
     parse: (string: string) => {
         min: number;
         max: number;

package/dist/ctrls/ctrl-dual-range.js

@@ -1,6 +1,7 @@
 import random from "../utils/random";
 import DualRangeInput from "@stanko/dual-range-input";
 import { roundToStep } from "../utils/round-to-step";
+import { toHtmlId } from "../utils/string-utils";
 export class DualRangeCtrl {
     constructor(config, onChange, onInput) {
         this.type = "dual-range";
@@ -28,6 +29,7 @@ export class DualRangeCtrl {
         };
         this.buildUI = () => {
             const { min, max, step, value } = this;
+            const id = toHtmlId(this.name);
             const changeHandler = () => {
                 this.value = {
                     min: parseFloat(minInput.value),
@@ -46,6 +48,8 @@ export class DualRangeCtrl {
             };
             const minInput = document.createElement("input");
             minInput.setAttribute("type", "range");
+            minInput.setAttribute("name", `${id}-min`);
+            minInput.setAttribute("id", `${id}-min`);
             minInput.setAttribute("min", min.toString());
             minInput.setAttribute("max", max.toString());
             minInput.setAttribute("step", step.toString());
@@ -54,6 +58,8 @@ export class DualRangeCtrl {
             minInput.addEventListener("change", changeHandler);
             const maxInput = document.createElement("input");
             maxInput.setAttribute("type", "range");
+            maxInput.setAttribute("name", `${id}-max`);
+            maxInput.setAttribute("id", `${id}-max`);
             maxInput.setAttribute("min", min.toString());
             maxInput.setAttribute("max", max.toString());
             maxInput.setAttribute("step", step.toString());

package/dist/ctrls/ctrl-easing.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export type Easing = [number, number, number, number];
 export declare class EasingCtrl implements Ctrl<Easing> {
     type: CtrlType;
@@ -15,7 +15,7 @@ export declare class EasingCtrl implements Ctrl<Easing> {
     lines: SVGLineElement[];
     path: SVGPathElement;
     presets: Record<string, Easing>;
-    constructor(config: CtrlTypeRegistry["easing"]["config"], onChange: CtrlChangeHandler<Easing>, onInput: CtrlChangeHandler<Easing>);
+    constructor(config: ConfigFor<"easing">, onChange: CtrlChangeHandler<Easing>, onInput: CtrlChangeHandler<Easing>);
     parse: (string: string) => Easing;
     getRandomValue: () => Easing;
     getDefaultValue: () => Easing;

package/dist/ctrls/ctrl-easing.js

@@ -1,5 +1,6 @@
 import random from "../utils/random";
 import BezierEasing from "bezier-easing";
+import { toHtmlId } from "../utils/string-utils";
 const easings = {
     EASE: [0.25, 0.1, 0.25, 1],
     LINEAR: [0, 0, 1, 1],
@@ -51,6 +52,7 @@ export class EasingCtrl {
         };
         this.buildUI = () => {
             const { value } = this;
+            const id = toHtmlId(this.name);
             const line1 = document.createElementNS("http://www.w3.org/2000/svg", "line");
             line1.setAttribute("class", "ctrls__easing-line ctrls__easing-line--1");
             line1.setAttribute("x1", "0");
@@ -213,6 +215,7 @@ export class EasingCtrl {
             controlWrapper.classList.add("ctrls__easing-wrapper");
             controlWrapper.appendChild(ticks);
             controlWrapper.appendChild(control);
+            controlWrapper.setAttribute("id", id);
             const right = document.createElement("div");
             right.classList.add("ctrls__control-right");
             right.appendChild(controlWrapper);

package/dist/ctrls/ctrl-radio.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 type Option = {
     label: string;
     value: string;
@@ -18,7 +18,7 @@ export declare class RadioCtrl implements Ctrl<string> {
     element: HTMLElement;
     columns: 1 | 2 | 3 | 4 | 5;
     id: string;
-    constructor(config: CtrlTypeRegistry["radio"]["config"], onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
+    constructor(config: ConfigFor<"radio">, onChange: CtrlChangeHandler<string>, onInput: CtrlChangeHandler<string>);
     parse: (string: string) => string;
     getRandomValue: () => string;
     getDefaultValue: () => string;

package/dist/ctrls/ctrl-radio.js

@@ -24,6 +24,7 @@ export class RadioCtrl {
                 const input = document.createElement("input");
                 input.setAttribute("type", "radio");
                 input.setAttribute("name", this.id);
+                input.setAttribute("id", `${this.id}-${toKebabCase(item.value)}`);
                 input.setAttribute("value", item.value);
                 input.checked = item.value === value;
                 input.addEventListener("change", () => {
@@ -77,7 +78,7 @@ export class RadioCtrl {
         this.columns = config.columns || 3;
         this.name = config.name;
         this.label = config.label || config.name;
-        this.id = `ctrls-${getRandomString()}-${toKebabCase(this.name)}`;
+        this.id = `ctrls__${toKebabCase(config.name)}-${getRandomString()}`;
         const defaultValue = this.items.find((item) => item.value === config.defaultValue);
         this.value = defaultValue?.value || this.getDefaultValue();
         this.isRandomizationDisabled = config.isRandomizationDisabled || false;

package/dist/ctrls/ctrl-range.d.ts

@@ -1,4 +1,4 @@
-import type { Ctrl, CtrlChangeHandler, CtrlType, CtrlTypeRegistry } from ".";
+import type { Ctrl, CtrlChangeHandler, CtrlType, ConfigFor } from ".";
 export declare class RangeCtrl implements Ctrl<number> {
     type: CtrlType;
     name: string;
@@ -13,7 +13,7 @@ export declare class RangeCtrl implements Ctrl<number> {
     element: HTMLElement;
     input: HTMLInputElement;
     valueSpan: HTMLSpanElement;
-    constructor(config: CtrlTypeRegistry["range"]["config"], onChange: CtrlChangeHandler<number>, onInput: CtrlChangeHandler<number>);
+    constructor(config: ConfigFor<"range">, onChange: CtrlChangeHandler<number>, onInput: CtrlChangeHandler<number>);
     parse: (string: string) => number;
     getRandomValue: () => number;
     getDefaultValue: () => number;

package/dist/ctrls/ctrl-range.js

@@ -1,5 +1,6 @@
 import random from "../utils/random";
 import { roundToStep } from "../utils/round-to-step";
+import { toHtmlId } from "../utils/string-utils";
 export class RangeCtrl {
     constructor(config, onChange, onInput) {
         this.type = "range";
@@ -19,9 +20,12 @@ export class RangeCtrl {
         };
         this.buildUI = () => {
             const { min, max, step, value } = this;
+            const id = toHtmlId(this.name);
             const input = document.createElement("input");
             input.classList.add("ctrls__range-input");
             input.setAttribute("type", "range");
+            input.setAttribute("id", id);
+            input.setAttribute("name", id);
             input.setAttribute("min", min.toString());
             input.setAttribute("max", max.toString());
             input.setAttribute("step", step.toString());

package/dist/ctrls/ctrl-seed.js

@@ -1,5 +1,6 @@
 import generateSeed from "../utils/generate-seed";
 import { refreshIcon } from "../utils/icons";
+import { toHtmlId } from "../utils/string-utils";
 export class SeedCtrl {
     constructor(config, onChange, onInput) {
         this.type = "seed";
@@ -20,12 +21,13 @@ export class SeedCtrl {
         };
         this.buildUI = () => {
             const { value } = this;
-            const id = `control-${this.name}`;
+            const id = toHtmlId(this.name);
             const input = document.createElement("input");
             input.classList.add("ctrls__seed-input");
             input.setAttribute("type", "text");
             input.setAttribute("value", value.toString());
             input.setAttribute("id", id);
+            input.setAttribute("name", id);
             input.addEventListener("change", () => {
                 this.value = this.parse(input.value);
                 this.onChange(this.name, this.value);

package/dist/ctrls/index.d.ts

@@ -31,57 +31,51 @@ export interface Ctrl<T> {
     update: (value: T) => void;
     element: HTMLElement;
 }
-export type CtrlComponent = BooleanCtrl | RangeCtrl | RadioCtrl | SeedCtrl | EasingCtrl | DualRangeCtrl;
-export type ControlConstructor<T> = new (...args: any[]) => T;
-export interface CtrlTypeRegistry {
+export interface CtrlTypeMap {
     boolean: {
-        config: CtrlConfig<boolean>;
-        instance: BooleanCtrl;
         value: boolean;
     };
     range: {
-        config: CtrlConfig<number> & {
-            min: number;
-            max: number;
-            step?: number;
-        };
-        instance: RangeCtrl;
         value: number;
+        min: number;
+        max: number;
+        step?: number;
     };
     radio: {
-        config: CtrlConfig<string> & {
-            items: Record<string, string>;
-            columns?: 1 | 2 | 3 | 4 | 5;
-        };
-        instance: RadioCtrl;
         value: string;
+        items: Record<string, string>;
+        columns?: 1 | 2 | 3 | 4 | 5;
     };
     seed: {
-        config: CtrlConfig<string>;
-        instance: SeedCtrl;
         value: string;
     };
     easing: {
-        config: CtrlConfig<Easing> & {
-            presets: Record<string, Easing>;
-        };
-        instance: EasingCtrl;
         value: Easing;
+        presets?: Record<string, Easing>;
     };
     "dual-range": {
-        config: CtrlConfig<DualRangeValue> & {
-            min: number;
-            max: number;
-            step?: number;
-        };
-        instance: DualRangeCtrl;
         value: DualRangeValue;
+        min: number;
+        max: number;
+        step?: number;
     };
 }
-export type TypedControlConfig = CtrlTypeRegistry[keyof CtrlTypeRegistry]["config"];
-type OptionsMap<Configs extends readonly TypedControlConfig[]> = {
-    [C in Configs[number] as C["name"]]: CtrlTypeRegistry[C["type"]]["value"];
-} & {
+export type TypedControlConfig = {
+    [K in CtrlType]: {
+        type: K;
+        name: string;
+        label?: string;
+        defaultValue?: CtrlTypeMap[K]["value"];
+        isRandomizationDisabled?: boolean;
+    } & Omit<CtrlTypeMap[K], "value">;
+}[CtrlType];
+export type ConfigFor<T extends CtrlType> = Extract<TypedControlConfig, {
+    type: T;
+}>;
+type ExtractValues<Configs extends readonly TypedControlConfig[]> = {
+    [C in Configs[number] as C["name"]]: CtrlTypeMap[C["type"]]["value"];
+};
+type DerivedProps<Configs extends readonly TypedControlConfig[]> = {
     [C in Extract<Configs[number], {
         type: "easing";
     }> as `${C["name"]}Easing`]: ReturnType<typeof BezierEasing>;
@@ -90,6 +84,7 @@ type OptionsMap<Configs extends readonly TypedControlConfig[]> = {
         type: "seed";
     }> as `${C["name"]}Rng`]: PRNG;
 };
+type OptionsMap<Configs extends readonly TypedControlConfig[]> = ExtractValues<Configs> & DerivedProps<Configs>;
 type ControlsOptions = {
     showRandomizeButton?: boolean;
     storage?: "hash" | "none";
@@ -97,10 +92,11 @@ type ControlsOptions = {
     parent?: Element;
     title?: string;
 };
+type CtrlComponent = BooleanCtrl | RangeCtrl | RadioCtrl | SeedCtrl | EasingCtrl | DualRangeCtrl;
 export declare class Ctrls<Configs extends readonly TypedControlConfig[]> {
     options: ControlsOptions;
-    controls: CtrlTypeRegistry[keyof CtrlTypeRegistry]["instance"][];
-    controlsMap: Record<string, CtrlTypeRegistry[keyof CtrlTypeRegistry]["instance"]>;
+    controls: CtrlComponent[];
+    controlsMap: Record<string, CtrlComponent>;
     element: HTMLDivElement;
     onChange?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;
     onInput?: (updatedValues: Partial<ReturnType<typeof this.getValues>>) => void;

package/dist/ctrls.css

@@ -395,10 +395,6 @@
   font-size: var(--ctrls-value-font-size);
 }
 
-.ctrls__control-right {
-  flex: auto 1 1;
-}
-
 .ctrls button:focus-visible {
   outline: 2px solid var(--ctrls-theme);
   outline-offset: 2px;

package/dist/ctrls.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAGE;;AAEA;EACE;;AANJ;EASE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}
+{"version":3,"sourceRoot":"","sources":["../node_modules/@stanko/dual-range-input/dist/index.css","../src/scss/_ctrls.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;;AC3IF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EACA;EAEA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EAGA;EAEA;EACA;;;AA+CF;EACE;IA3CA;IAEA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IAGA;IAGA;IACA;IACA;IAGA;IACA;IAGA;IAGA;IAEA;IAGA;IAGA;AAAA;AAAA;;;AAWF;EAhDE;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAEA;EAGA;EAGA;AAAA;AAAA;;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA,YACE;;AAIJ;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAOA;EACE;;AAGF;AAAA;AAAA;EAEE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAmCJ;EA5BE;EACA;EACA;EACA;EACA;EAEA;;;AA0BF;EAhCE;EACA;EACA;EACA;EACA;EAEA;;;AA8BF;EAtBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAkBA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EAvDE;EACA;EACA;EACA;EACA;EAEA;;;AAqDF;EA7CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAwCA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EAGE;;AAEA;EACE;;AANJ;EASE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;EACA;;AAEA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAIE;EACE;;;AAKN;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAEA;EACE;EACA","file":"ctrls.css"}

package/dist/utils/generate-seed.js

@@ -1,9 +1,11 @@
+import Alea from "./alea";
 import random from "./random";
 import { words } from "./words";
+const rng = Alea();
 export default function generateSeed() {
     return [1, 2, 3]
         .map(() => {
-        const index = random(0, words.length - 1, Math.random, 0);
+        const index = random(0, words.length - 1, rng, 0);
         return words[index];
     })
         .join("-");

package/dist/utils/string-utils.d.ts

@@ -1,3 +1,4 @@
+export declare const toHtmlId: (str: string) => string;
 export declare const toKebabCase: (str: string) => string;
 export declare const toCamelCase: (str: string) => string;
 export declare const toSpaceCase: (str: string) => string;

package/dist/utils/string-utils.js

@@ -1,9 +1,12 @@
+export const toHtmlId = (str) => {
+    return `ctrls__${toKebabCase(str)}`;
+};
 export const toKebabCase = (str) => {
-    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+    return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 };
 export const toCamelCase = (str) => {
-    return str.replace(/([-_ ][a-z])/g, (group) => group.toUpperCase().replace(/[-_ ]/, ''));
+    return str.replace(/([-_ ][a-z])/g, (group) => group.toUpperCase().replace(/[-_ ]/, ""));
 };
 export const toSpaceCase = (str) => {
-    return str.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase();
+    return str.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stanko/ctrls",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "scripts": {
     "start": "npm run parse-markdown && vite",