tweak-ui 0.5.0 → 0.8.2

package/dist/lib/components/elements/widget.d.ts

@@ -0,0 +1,31 @@
+import { Children, FactoryComponent, Vnode } from 'mithril';
+import { EventAttrs, StyleAttr, TweakableAttrs } from '../../core';
+export type WidgetAttrs = EventAttrs & CommonWidgetAttrs & {
+    [property: string]: any;
+    /**
+     * The HTML tag to use for the control container, defaults to 'div'
+     */
+    tagName?: string;
+    /**
+     * Style object to apply to the control container
+     */
+    style?: StyleAttr;
+};
+export interface CommonWidgetAttrs {
+    /**
+     * The HTML tag to use for the control container, defaults to 'div'
+     */
+    tagName?: string;
+    /**
+     * A label for the control
+     */
+    label?: Children | false;
+    /**
+     * Additional CSS class names to apply to the control container
+     */
+    class?: string;
+}
+export type ValueWidgetAttrs<T = any, V = any> = CommonWidgetAttrs & TweakableAttrs<T, V>;
+export declare const WidgetComponent: FactoryComponent<WidgetAttrs>;
+export declare function uiWidget(attrs: WidgetAttrs, children?: Children): Vnode<WidgetAttrs>;
+//# sourceMappingURL=widget.d.ts.map

package/dist/lib/components/elements/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/elements/widget.ts"],"names":[],"mappings":"AAAA,OAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG,UAAU,GAClC,iBAAiB,GAAG;IAClB,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,iBAAiB,GAAG,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAEzF,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,WAAW,CAgBzD,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAEpF"}

package/dist/lib/components/index.d.ts

@@ -1,6 +1,4 @@
+export * from './container';
 export * from './controls';
-export * from './groups';
-export * from './button';
-export * from './content';
-export * from './image';
+export * from './elements';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/dist/lib/core/control.d.ts

@@ -0,0 +1,20 @@
+import { TweakableAttrs } from './types';
+/**
+ * Gets a value of a view model
+ *
+ * @public
+ * @param control - The model of a component
+ */
+export declare function getControlValue<V>(control: TweakableAttrs<any, V>): V;
+/**
+ * Sets a value on a view model
+ *
+ * @public
+ * @param control - The model of a component
+ * @param value - The value for the component
+ * @returns the encoded value as it was written to the model
+ */
+export declare function setControlValue<V, R>(control: TweakableAttrs<any, V>, value: V): unknown;
+export declare function getRawValue(attrs: TweakableAttrs<any, any>): any;
+export declare function setRawValue(attrs: TweakableAttrs<any, any>, value: any): void;
+//# sourceMappingURL=control.d.ts.map

package/dist/lib/core/control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../src/lib/core/control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAErE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,WAI9E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,OAW1D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI,CAmB7E"}

package/dist/lib/core/index.d.ts

@@ -1,5 +1,4 @@
-export * from './registry';
+export * from './control';
 export * from './render';
-export * from './value-accessor';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA"}

package/dist/lib/core/render.d.ts

@@ -1,10 +1,8 @@
-import type { ComponentModel } from './types';
-import { default as m } from 'mithril';
-/**
- * Renders a registered component using the model
- *
- * @public
- * @param model - The model
- */
-export declare function renderModel<T extends ComponentModel>(model: T): m.Vnode<import("./types").ComponentAttrs<any>, unknown>;
+import { default as m, ChildArrayOrPrimitive, Children, FactoryComponent, Vnode } from 'mithril';
+import { ComponentChildren } from './types';
+export declare function isVnode(child: Children): child is Vnode;
+export declare function mapChildren(nodes: ChildArrayOrPrimitive | undefined, fn: (child: Vnode, index: number, all: Children[]) => Children): m.Children;
+export declare function renderChildren(children: ComponentChildren): Children;
+export type LabeledFn<T> = ((opts: T) => Vnode<T> | null) & ((label: string, opts: Omit<T, 'label'>) => Vnode<T> | null);
+export declare function labeledFn<T>(component: FactoryComponent<T>): LabeledFn<T>;
 //# sourceMappingURL=render.d.ts.map

package/dist/lib/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/core/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AAEtC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,2DAS7D"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/core/render.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,qBAAqB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACrF,OAAO,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAA;AAEhE,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,KAAK,CAEvD;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,qBAAqB,GAAG,SAAS,EACxC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,QAAQ,cAc/D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,iBAAiB,GAAG,QAAQ,CAiBpE;AAOD,MAAM,MAAM,SAAS,CAAC,CAAC,IACnB,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAC9B,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;AAEhE,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAazE"}

package/dist/lib/core/types.d.ts

@@ -1,88 +1,74 @@
-import type { FactoryComponent, ClassComponent } from 'mithril';
+import { Children, ClassComponent, FactoryComponent } from 'mithril';
+export type EventAttrs = Partial<GlobalEventHandlers>;
+export type StyleAttr = Partial<CSSStyleDeclaration> & {
+    [key: string]: any;
+};
 /**
+ * A UI component, which can be either a Mithril factory component or a Mithril class component.
+ *
  * @public
  */
-export type ComponentType<T = any> = FactoryComponent<T> | ClassComponent<T>;
+export type Component<Attr extends Object> = FactoryComponent<Attr> | ClassComponent<Attr>;
 /**
- * Base model for a component with children
+ * A descriptor for a component, which includes the component itself, its attributes, and optionally its children.
  *
- * @public
+ * @internal
  */
-export interface ComponentGroupModel<T extends ComponentModel = ComponentModel> extends ComponentModel {
-    /**
-     * Collection of child components
-     */
-    children?: T[];
-}
+export type ComponentDescriptor<Attr extends Object> = {
+    component: Component<Attr> | string;
+    attributes: Attr;
+    children?: ComponentChildren;
+};
 /**
- * Base model for a component
  *
- * @public
  */
-export interface ComponentModel {
-    /**
-     * The type name of the component
-     */
-    type: string;
-    /**
-     * If true, the component will not be rendered
-     *
-     * @remarks
-     * This is a convenience property that allows to hide a component
-     * without removing it from the component data model.
-     */
-    hidden?: boolean | (() => boolean);
-    /**
-     * The label for this component when rendered as a control
-     *
-     * @remarks
-     * This is only evaluated when rendered as a child of a panel component
-     */
-    label?: string;
-}
+export type ComponentChildren = ComponentSchema | Children | (() => Children);
 /**
- * Common component attributes
+ * A schema for a set of components, which is an array of component descriptors.
  *
- * @public
+ * @internal
  */
-export type ComponentAttrs<T extends ComponentModel> = {
-    data: T;
-};
-export type KeyMatchingType<T, V> = {
-    [K in keyof T]: T[K] extends V ? K : never;
-}[keyof T];
+export type ComponentSchema = Array<ComponentDescriptor<any>>;
+export declare function binding<T>(target: T, field: keyof T): ValueBinding<T, T[keyof T]>;
 /**
- * Utility to convert a value type
+ * A get/set pair that encapsulates access to a value without exposing the source object.
  *
  * @public
  */
-export type ValueCodec<Encoded, Decoded> = {
-    decode: (value: Encoded) => Decoded;
-    encode: (value: Decoded) => Encoded;
+export type ValueBinding<M, T> = {
+    get: (model: M, field?: keyof M) => T;
+    set?: (value: T, model: M, field?: keyof M) => void;
 };
-export type ValueSource<T, V, I = unknown> = {
+export type TweakableAttrs<T, Value = unknown> = {
     /**
-     * The object which is holding a control value
-     *
-     * @remarks
-     * Requires the `property` option to be set.
+     * The target object being tweaked.
      */
-    target?: T;
+    value: T;
     /**
-     * The property name in `target` where the control value is stored
-     *
-     * @remarks
-     * Requires the `target` option to be set.
+     * The property on `value` to read from and write to
      */
-    property?: keyof T;
+    field?: keyof T;
     /**
-     * If `target` and `property` are not set, then this is used as the control value
+     * The custom binding controller
      */
-    value?: V | I;
-    codec?: ValueCodec<I, V>;
+    binding?: ValueBinding<T, Value>;
+    /**
+     * An optional adapter to convert between the raw value and the control value.
+     */
+    adapter?: ControlAdapter<any, Value>;
 };
 /**
+ * Converts between the raw stored value and the value the control operates on.
+ * Use when the control's internal representation differs from the source data format
+ * e.g. radians stored, degrees displayed; or a packed integer unpacked into a vector.
+ *
  * @public
  */
-export type ArrayOrSingleOf<T> = T | T[];
+export type ControlAdapter<RawValue, ControlValue> = {
+    toControl: (value: RawValue) => ControlValue;
+    fromControl: (value: ControlValue) => RawValue;
+};
+export type OmitIn<A, Keys extends keyof A> = {
+    [P in keyof A as P extends Keys ? never : P]: A[P];
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE/D;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,GAAG,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;AAE5E;;;;GAIG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CAC5E,SAAQ,cAAc;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAA;IAClC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,cAAc,IAAI;IACrD,IAAI,EAAE,CAAC,CAAA;CACR,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AAE3F;;;;GAIG;AACH,MAAM,MAAM,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,IAAI;IAC3C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,CAAA;IACV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC1B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/core/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEzE,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAE7E;;;;GAIG;AACH,MAAM,MAAM,SAAS,CAAC,IAAI,SAAS,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;AAE1F;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,CAAC,IAAI,SAAS,MAAM,IAAI;IACrD,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;IACnC,UAAU,EAAE,IAAI,CAAA;IAChB,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,QAAQ,GAAG,CAAC,MAAM,QAAQ,CAAC,CAAA;AAE7E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAA;AAE7D,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAKjF;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI;IAC/B,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;IACrC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,IAAI;IAC/C;;OAEG;IACH,KAAK,EAAE,CAAC,CAAA;IACR;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;CACrC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,QAAQ,EAAE,YAAY,IAAI;IACnD,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,YAAY,CAAA;IAC5C,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,QAAQ,CAAA;CAC/C,CAAA;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,EAAE,IAAI,SAAS,MAAM,CAAC,IAAI;KAC3C,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACnD,CAAA"}

package/dist/lib/core/utils.d.ts

@@ -1,5 +1,3 @@
-import type { ArrayOrSingleOf, ComponentAttrs, ComponentModel } from './types';
-import type { Children, Vnode } from 'mithril';
 /**
  * Checks if value is a string
  * @internal
@@ -29,44 +27,36 @@ export declare function isObject(v: any): v is object;
  * Calls a function if it is not null
  * @internal
  */
-export declare function call<T extends (...args: any) => any>(cb: T, ...args: Parameters<T>): any;
-/**
- * Resolves a property to its value
- * @param value - the function or value to resolve
- */
-export declare function resolve<T>(value: (() => T) | T): T;
-/**
- * Calls the callback of object is not null
- * @internal
- */
-export declare function use<T, R>(obj: T | null, cb: (it: T) => R): R | null;
+export declare function call<T extends (...args: any) => any>(cb: T | null | undefined, ...args: Parameters<T>): any;
 /**
  * Clamps a number value
  * @internal
  */
 export declare function clamp(v: number, min: number, max: number): number;
+export type ClassValue = string | null | undefined | false | ClassDictionary | ClassArray | (() => ClassValue);
+export interface ClassDictionary {
+    [key: string]: boolean | (() => boolean);
+}
+export interface ClassArray extends Array<ClassValue> {
+}
+export declare function uiStyle(style: Partial<CSSStyleDeclaration> | undefined): Partial<CSSStyleDeclaration>;
 /**
  * Builds a css class from various argument types
  * @param exp
  */
-export declare function cssClass(exp: ArrayOrSingleOf<string | {
-    [k: string]: boolean | (() => boolean);
-}>): string;
+export declare function uiClass(...args: ClassValue[]): string;
 /**
  * Pads a string
  * @internal
  */
 export declare function padLeft(value: string, length: number, char: string): string;
-/**
- * @internal
- */
-export declare function twuiClass(name: string, variation?: string): string;
 /**
  * Gets current mouse coordinates from mouse or touch event
  * @internal
  */
 export declare function getTouchPoint(e: MouseEvent | TouchEvent): [number, number];
-export declare function getTouchInTarget(e: MouseEvent, target?: HTMLElement, offset?: [number, number]): {
+export type TouchInfo = ReturnType<typeof getTouchInTarget>;
+export declare function getTouchInTarget(e: MouseEvent | TouchEvent, target?: HTMLElement | null, offset?: [number, number]): {
     width: number;
     height: number;
     x: number;
@@ -74,21 +64,17 @@ export declare function getTouchInTarget(e: MouseEvent, target?: HTMLElement, of
     normalizedX: number;
     normalizedY: number;
 };
-/**
- * @internal
- */
-export declare function viewFn<T extends ComponentModel>(fn: (data: T, node: Vnode<ComponentAttrs<T>>) => Children): (node: Vnode<ComponentAttrs<T>>) => Children;
-export declare function dataFn<T extends ComponentModel, R>(node: Vnode<ComponentAttrs<T>>, fn: (data: T, node: Vnode<ComponentAttrs<T>>) => R): () => R;
 export declare function dragUtil({ onStart, onMove, onEnd, }: {
-    onStart?: (e: MouseEvent) => void;
-    onMove?: (e: MouseEvent) => void;
-    onEnd?: (e: MouseEvent) => void;
+    onStart?: (e: MouseEvent | TouchEvent) => void;
+    onMove?: (e: MouseEvent | TouchEvent) => void;
+    onEnd?: (e: MouseEvent | TouchEvent) => void;
 }): {
-    target: HTMLElement;
+    target: HTMLElement | null;
     activate: (e: MouseEvent) => void;
     deactivate: () => void;
-    onStart: (e: MouseEvent) => void;
-    onMove: (e: MouseEvent) => void;
-    onEnd: (e: MouseEvent) => void;
+    onStart: ((e: MouseEvent | TouchEvent) => void) | undefined;
+    onMove: ((e: MouseEvent | TouchEvent) => void) | undefined;
+    onEnd: ((e: MouseEvent | TouchEvent) => void) | undefined;
 };
+export declare function eventWithTimout(el: Element, event: string, timeout: number): Promise<boolean>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/core/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/core/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/core/utils.ts"],"names":[],"mappings":"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"}

package/dist/lib/index.d.ts

@@ -10,12 +10,12 @@
  * {@link https://github.com/dataarts/dat.gui | dat.GUI}
  * {@link https://github.com/automat/controlkit.js | controlkit}
  * {@link https://github.com/colejd/guify | guify}
+ * {@link https://tweakpane.github.io/docs/ | tweakpane}
  *
  * @packageDocumentation
  */
-import './components';
 export * from './builder';
-export * from './color-formats';
+export * from './color';
 export * from './components';
 export * from './core';
 export * from './mount';

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,cAAc,CAAA;AAErB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}

package/dist/lib/mount.d.ts

@@ -1,5 +1,4 @@
-import type { ComponentModel } from './core/types';
-import { default as m } from 'mithril';
+import { default as m, ChildArray, Component } from 'mithril';
 import { BuilderFn } from './builder';
 /**
  * Mithril's hyperscript function.
@@ -9,28 +8,19 @@ import { BuilderFn } from './builder';
  * Useful to create custom components
  */
 export declare const h: m.Static;
-/**
- * Runs the function through a builder system and returns the created controls
- *
- * @param fn - The builder function
- * @returns
- */
-export declare function build(fn: BuilderFn): ComponentModel[];
 /**
  * Mounts a ui to the given element
- *
- * @public
- * @param el - The ui host element
- * @param data - The ui definition object
  */
-export declare function mount<T extends ComponentModel>(el: Element | string, data: T | Array<T> | BuilderFn): void;
+export declare function mountUi(target: Element | string, data: ChildArray): void;
+export declare function mountUi(target: Element | string, data: BuilderFn): void;
+export declare function mountUi<A, S>(target: Element | string, data: Component<A, S>): void;
 /**
  * Unmounts the ui from given host element
  *
  * @public
  * @param el - The ui host element
  */
-export declare function unmount(el: Element | string): void;
+export declare function unmountUi(target: Element | string): void;
 /**
  * Redraws the ui
  *
@@ -42,5 +32,5 @@ export declare function unmount(el: Element | string): void;
  * However if the ui description object is changed from outside the qui callback
  * then this method must be called in order to update the visual state.
  */
-export declare function redraw(): void;
+export declare function redrawUi(): void;
 //# sourceMappingURL=mount.d.ts.map

package/dist/lib/mount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/lib/mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAA;AAK9C;;;;;;GAMG;AACH,eAAO,MAAM,CAAC,UAAI,CAAA;AAElB;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,SAAS,oBAIlC;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,cAAc,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,QA4BnG;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,QAG3C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,SAErB"}
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../src/lib/mount.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAA;AAG9C;;;;;;GAMG;AACH,eAAO,MAAM,CAAC,UAAI,CAAA;AAElB;;GAEG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;AACzE,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;AACxE,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;AAkBpF;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,QAGjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,SAEvB"}

package/dist/lib/stats/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stats-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/stats/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/stats/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/lib/stats/sampler.d.ts

@@ -0,0 +1,66 @@
+export type StatTransform = 'linear' | 'log' | 'exp';
+export type SamplerConfig = {
+    /**
+     * Display name of the stat
+     */
+    name?: string;
+    /**
+     * Display color of the stat
+     */
+    color?: string;
+    /**
+     * Formatting for the current value
+     */
+    fractionDigits?: number;
+    /**
+     * Function that returns the current value of the stat
+     */
+    sample: () => number;
+    /**
+     * Smoothing factor for EMA calculation.
+     *
+     * @remarks
+     * 0 is no smoothing, 0.9 is heavy smoothing. Don't set to 1 or it will never update! Default is 0 (no smoothing).
+     */
+    smoothing?: number;
+    /**
+     * Expected minimum value for display. Used for normalization and auto-ranging. Default is 0.
+     */
+    min?: number;
+    /**
+     * Expected maximum value for display. Used for normalization and auto-ranging. Default is 1.
+     */
+    max?: number;
+    transform?: StatTransform;
+    noGraph?: boolean;
+};
+export interface Sampler {
+    color?: string;
+    noGraph?: boolean;
+    fractionDigits?: number;
+    smoothing: number;
+    transform: (v: number) => number;
+    min: number;
+    max: number;
+    sample: () => number;
+    value: number | null;
+    normalized: number;
+    buffer: Float32Array;
+    head: number;
+    count: number;
+    index: number;
+    sum: number;
+    avg: number;
+    minDeque: Float32Array;
+    maxDeque: Float32Array;
+    minIdx: Uint32Array;
+    maxIdx: Uint32Array;
+    minHead: number;
+    minTail: number;
+    maxHead: number;
+    maxTail: number;
+    minSeen: number;
+    maxSeen: number;
+}
+export declare function sampler(config: SamplerConfig, size: number): Sampler;
+//# sourceMappingURL=sampler.d.ts.map

package/dist/lib/stats/sampler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sampler.d.ts","sourceRoot":"","sources":["../../../src/lib/stats/sampler.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,MAAM,EAAE,MAAM,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,SAAS,CAAC,EAAE,aAAa,CAAA;IAEzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAEX,MAAM,EAAE,MAAM,MAAM,CAAA;IAEpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAGlB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IAGb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,EAAE,YAAY,CAAA;IACtB,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IAEnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IAEf,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAiDpE"}

package/dist/lib/stats/stats-renderer.d.ts

@@ -0,0 +1,16 @@
+import { Sampler, SamplerConfig } from './sampler';
+export type StatsConfig<T extends SamplerConfig = SamplerConfig> = {
+    historySize?: number;
+    collapsed?: boolean;
+    rows: Array<T>;
+};
+export type StatsRenderer = {
+    resize: (width: number, height: number) => void;
+    configure: (config: StatsConfig) => void;
+    update: () => void;
+    render: () => void;
+    sampler: (row: number) => Sampler;
+    samplerCount: number;
+};
+export declare function statsRenderer(canvas: HTMLCanvasElement): StatsRenderer;
+//# sourceMappingURL=stats-renderer.d.ts.map

package/dist/lib/stats/stats-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-renderer.d.ts","sourceRoot":"","sources":["../../../src/lib/stats/stats-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE3D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;CACf,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,GAAG,aAAa,CAkHtE"}

package/dist/style.css

@@ -0,0 +1 @@
+:root{--twk-size:1.375rem;--twk-gap:.125rem;--twk-inset:.125rem;--twk-radius:.25rem;--twk-label-size:7rem;--twk-label-pad-x:.25rem;--twk-label-pad-y:0rem;--twk-input-height:var(--twk-size);--twk-input-pad-x:.375rem;--twk-input-pad-y:0rem;--twk-button-height:var(--twk-size);--twk-button-pad-x:.5rem;--twk-button-pad-y:.25rem;--twk-color-base-100:#2a303c;--twk-color-base-200:#242933;--twk-color-base-300:#20252e;--twk-color-base-content:#b2ccd6;--twk-color-neutral:#1c212b;--twk-color-neutral-content:#b2ccd6;--twk-color-accent:#f9aa33;--twk-color-bool-true:#f9aa33;--twk-color-bool-false:#2a303c}.twk-dark{--twk-color-base-100:#1d232a;--twk-color-base-200:#191e24;--twk-color-base-300:#15191e;--twk-color-base-content:#ecf9ff;--twk-color-neutral:#09090b;t:#e4e4e7;--twk-color-accent:#f9aa33}.twk-light{--twk-color-base-100:#fff;--twk-color-base-200:#f5f5f5;--twk-color-base-300:#ebebeb;--twk-color-base-content:#000;--twk-color-neutral:#000;--twk-color-neutral-content:#fff;--twk-color-accent:#2196f3}.twk-dragging *{cursor:none!important}.tweak-ui{interpolate-size:allow-keywords;background-color:var(--twk-color-base-200);color:var(--twk-color-base-content);gap:var(--twk-gap);font-family:monospace;line-height:1.5;font-size:var(--twk-font-size,12px);width:var(--twk-width,20rem);box-sizing:border-box;border-radius:calc(var(--twk-radius) + var(--twk-inset));padding:0;padding:var(--twk-inset,0);flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden auto}.tweak-ui::-webkit-scrollbar{width:.5rem}.tweak-ui::-webkit-scrollbar-track{background-color:var(--twk-color-base-200)}.tweak-ui::-webkit-scrollbar-thumb{background-color:var(--twk-color-base-200);border-style:solid;border-width:1px;border-color:var(--twk-color-base-300);transition:background-color .2s ease-in-out}.tweak-ui::-webkit-scrollbar-thumb:hover{background-color:var(--twk-color-primary)}.tweak-ui button,.tweak-ui input,.tweak-ui select,.tweak-ui optgroup,.tweak-ui textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border:0;border-radius:0;min-width:0;margin:0;padding:0}.tweak-ui button:not([type=checkbox],select),.tweak-ui input:not([type=checkbox],select),.tweak-ui select:not([type=checkbox],select),.tweak-ui optgroup:not([type=checkbox],select),.tweak-ui textarea:not([type=checkbox],select){appearance:none!important}.tweak-ui button:focus-visible,.tweak-ui input:focus-visible,.tweak-ui select:focus-visible,.tweak-ui optgroup:focus-visible,.tweak-ui textarea:focus-visible{outline:none}.tweak-ui input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tweak-ui input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tweak-ui input[type=number]{-moz-appearance:textfield}.tweak-ui .twk-input{cursor:text;box-sizing:border-box;white-space:nowrap;vertical-align:middle;touch-action:manipulation;align-items:center;gap:var(--twk-gap);height:calc(var(--twk-size));min-width:0;line-height:calc(var(--twk-size));padding:var(--twk-input-pad-y) var(--twk-input-pad-x);color:var(--twk-color-base-content);border-radius:var(--twk-radius);border:none;flex:1;transition:color .2s ease-in-out,background-color .2s ease-in-out,outline-color .2s ease-in-out;display:flex;position:relative;appearance:none!important}.tweak-ui .twk-input input{flex:1}.tweak-ui .twk-input:not(.twk-input-readonly){outline-offset:-1px;outline:1px solid #0000}.tweak-ui .twk-input:not(.twk-input-readonly):hover{background-color:var(--twk-color-base-100)}.tweak-ui .twk-input:not(.twk-input-readonly):focus-within{outline-color:var(--twk-color-accent)}.tweak-ui label{min-width:0}.tweak-ui select,.tweak-ui button,.tweak-ui a{cursor:pointer;align-items:center}.tweak-ui select:focus,.tweak-ui input:not([type=checkbox]):focus{color:var(--twk-color-accent)}.tweak-ui select{appearance:base-select;border-radius:var(--twk-radius);background:var(--twk-color-base-100);border-color:var(--twk-color-base-300);border:none}.tweak-ui ::picker(select){appearance:base-select;border-radius:var(--twk-radius);background:var(--twk-color-base-100);border-color:var(--twk-color-base-300);border:none}.tweak-ui select option{justify-content:flex-start;gap:var(--twk-gap);padding-inline:var(--twk-button-pad-x);background:var(--twk-color-base-100);color:var(--twk-color-base-content);display:flex}.tweak-ui select option:hover,.tweak-ui select option:focus{background:var(--twk-color-base-200)}.tweak-ui select{padding-inline:var(--twk-button-pad-x)}.tweak-ui .twk-btn{--twk-btn-bg:var(--twk-color-base-100);--twk-btn-color:var(--twk-color-content);--twk-btn-size:var(--twk-size);cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--twk-btn-color);min-height:var(--twk-btn-size);border-radius:var(--twk-radius);outline-offset:1px;background-color:var(--twk-btn-bg);padding-inline:var(--twk-button-pad-x);text-align:center;white-space:nowrap;outline-color:var(--twk-color-neutral);font-weight:700}.tweak-ui .twk-btn:hover{background-color:color-mix(in oklab, var(--btn-color,var(--twk-btn-bg)), #000 7%)}.tweak-ui .twk-btn:focus{outline-color:var(--twk-color-accent)}.tweak-ui .twk-btn:active{transform:translateY(1px)}.tweak-ui .twk-btn.twk-btn-accent{--twk-btn-bg:var(--twk-color-accent);--twk-btn-color:var(--twk-color-neutral)}.tweak-ui .twk-btn.twk-btn-lg{--twk-btn-size:calc(var(--twk-size) * 1.25)}.tweak-ui .twk-btn.twk-btn-sq{width:var(--twk-btn-size);height:var(--twk-btn-size);flex:none;padding-inline:0}.tweak-ui .twk-btn.twk-btn-bl{width:100%}dialog.twk-dialog{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;overscroll-behavior:contain;z-index:999;scrollbar-gutter:auto;background-color:#0000;border:none;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}.twk-dialog-content{background-color:var(--twk-color-base-100);border-radius:var(--twk-radius);opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:100%;max-width:32rem;max-height:100vh;overflow-y:auto}dialog.twk-dialog[open]{pointer-events:auto;visibility:visible;opacity:1;background-color:oklch(0% 0 0/.4)}dialog.twk-dialog[open] .twk-dialog-content{opacity:1;translate:0;scale:1}.twk-flex{align-items:stretch;gap:var(--twk-gap);flex-flow:column;display:flex}.twk-flex-row{gap:var(--twk-gap);flex-flow:row;display:flex}.twk-grid{gap:var(--twk-gap);display:grid}.twk-divider{padding:0 calc(var(--twk-size) / 2);align-items:center;display:flex}.twk-divider:not(:empty){gap:calc(var(--twk-size) / 2)}.twk-divider{height:var(--twk-size)}.twk-divider:before,.twk-divider:after{content:"";opacity:.125;background-color:currentColor;flex-grow:1;width:100%;height:1px}.twk-divider-v{flex-flow:column;align-items:center;display:flex}.twk-divider-v:not(:empty){gap:calc(var(--twk-size) / 2)}.twk-divider-v{width:var(--twk-size);height:100%}.twk-divider-v:before,.twk-divider-v:after{content:"";opacity:.125;background-color:currentColor;flex-grow:1;width:1px;height:100%}.twk-group,.twk-group-content{gap:var(--twk-gap);flex-direction:column;display:flex}.twk-group-content.animate.enter{animation:.25s ease-out forwards twk-group-content-enter;overflow:hidden}.twk-group-content.leave{animation:.25s ease-out forwards twk-group-content-leave;overflow:hidden}@keyframes twk-group-content-enter{0%{opacity:0;height:0}50%{opacity:0;height:auto}to{opacity:1;height:auto}}@keyframes twk-group-content-leave{0%{opacity:1;height:auto}50%{opacity:0;height:auto}to{opacity:0;height:0}}.twk-group-title{width:auto;height:var(--twk-size);background-color:var(--twk-color-neutral);color:var(--twk-color-neutral-content);border-radius:var(--twk-radius,0);text-transform:uppercase;flex-direction:row;align-items:center;margin:0;padding:0 .5rem;font-weight:700;display:flex}.twk-group-collapsible>.twk-group-title{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.twk-group-collapsible>.twk-group-title:before{content:"";width:var(--twk-size);height:var(--twk-size);text-align:center;clip-path:polygon(50.05% 77.08%,83.58% 43.55%,87.11% 40.02%,80.03% 32.94%,76.5% 36.47%,50.03% 62.94%,23.56% 36.47%,20.03% 32.94%,12.95% 40.02%,16.48% 43.55%,46.48% 73.55%,50.02% 77.08%);background-color:currentColor;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:block;position:absolute;top:0;right:0;transform:scale(.5)rotate(0)}.twk-group-collapsed>.twk-group-title:before{transform:scale(.5)rotate(-90deg)}.twk-group:not(.twk-root>.twk-group) .twk-group{margin-left:calc(var(--twk-size) / 4)}.twk-group-description{opacity:.75;padding:.25rem .25rem .5rem 0;font-style:italic;line-height:1}.twk-tree{width:100%;height:100%;max-height:100vh;overflow-y:auto}.twk-tree-row{-webkit-user-select:none;user-select:none;width:100%;padding-left:calc(var(--twk-tree-row-depth) * .5 * var(--twk-tree-row-height));background-color:var(--twk-color-base-200);box-sizing:border-box;flex-direction:row;align-items:center;display:flex}.twk-tree-row:hover{background-color:var(--twk-color-base-100)}.twk-tree-row.selected{color:var(--twk-color-accent)}.twk-tree-toggle:before{content:"";width:var(--twk-tree-row-height);height:var(--twk-tree-row-height);text-align:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:block;transform:scale(.5)rotate(-90deg)}.twk-tree-toggle.expandable:before{clip-path:polygon(50.05% 77.08%,83.58% 43.55%,87.11% 40.02%,80.03% 32.94%,76.5% 36.47%,50.03% 62.94%,23.56% 36.47%,20.03% 32.94%,12.95% 40.02%,16.48% 43.55%,46.48% 73.55%,50.02% 77.08%);background-color:currentColor}.twk-tree-toggle.expanded:before{transform:scale(.5)rotate(0)}.twk-tree-icon{width:var(--twk-tree-row-height);height:var(--twk-tree-row-height);place-items:center;display:grid}.twk-tree-label{display:flex}.twk-tabs{border-color:var(--twk-color-base-300);align-items:stretch;gap:var(--twk-gap);flex-flow:wrap;display:flex}.twk-tabs button.twk-tab{background-color:var(--twk-color-base-100);color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent);flex:1;order:0}.twk-tabs button.twk-tab:hover{color:var(--twk-color-base-content)}.twk-tabs button.twk-tab.twk-btn:not(.active){background-color:#0000;font-weight:400}.twk-tabs button.twk-tab.twk-btn.active{color:var(--twk-color-accent);font-weight:700}.twk-tab-content{order:1;width:100%}.twk-tabs-vertical{grid-template-columns:auto 1fr;display:grid}.twk-tabs-vertical .twk-tab{grid-column:1}.twk-tabs-vertical .twk-tab-content{grid-area:1/2/-1}.twk-split-pane{overflow:hidden}.twk-split-pane.dragging{-webkit-user-select:none;user-select:none}.twk-split-pane>:not(.twk-split-gutter){flex:1;min-width:1rem;min-height:1rem}.twk-split-gutter:last-child{display:none}.twk-split-gutter:before{content:"";background-color:var(--twk-color-base-100);opacity:0;position:absolute}.twk-split-gutter:hover:before{background-color:var(--twk-color-base-100);opacity:1}.twk-split-gutter-v{cursor:row-resize;min-height:.25rem;position:relative}.twk-split-gutter-v:before{inset:1px .25rem}.twk-split-gutter-h{cursor:col-resize;min-width:.25rem;position:relative}.twk-split-gutter-h:before{inset:.25rem 1px}.twk-section{grid-template:"header""content"1fr"footer"/100%;width:100%;display:grid}.twk-section>*{grid-area:content}.twk-section-header,header{grid-area:header}.twk-section-content{grid-area:content}.twk-section-footer,footer{grid-area:footer}.twk-bar{gap:var(--twk-gap);min-height:var(--twk-size);grid-template-columns:auto 1fr auto;grid-template-areas:"start content end";align-items:center;display:grid}.twk-bar>*{grid-area:content}.twk-bar-start{grid-area:start}.twk-bar-content{grid-area:content}.twk-bar-end{grid-area:end}.twk-widget{gap:var(--twk-gap);grid-template-columns:1fr;grid-template-areas:"content";width:100%;display:grid}.twk-widget:has(>.twk-widget-label){grid-template-columns:.75fr 1fr;grid-template-areas:"label content"}.twk-widget>*{grid-area:content;overflow:hidden}.twk-widget-label{cursor:default;min-height:var(--twk-size);padding:0 calc(var(--twk-size) / 4);color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent);flex:.75;grid-area:label;align-self:start;align-items:center;display:inline-flex;overflow:hidden}.twk-angle-label{height:var(--twk-size);white-space:nowrap;text-align:right}.twk-angle-input{gap:var(--twk-gap);column-gap:calc(var(--twk-gap) * 2);grid-template:"display input""display output"min-content/min-content auto;display:grid}.twk-angle-input .twk-scalar-input{grid-area:input}.twk-angle-input .twk-angle-label{grid-area:output}.twk-angle-pane{width:100%;width:var(--twk-size);height:var(--twk-size);outline:1px solid var(--twk-color-base-content);outline-offset:-1px;background-image:conic-gradient(from 0deg, var(--twk-color-base-content) calc(var(--angle-value) / 360 * 100%), transparent 0);border-radius:50%;grid-area:display}.twk-bitmask-input{gap:var(--twk-gap);flex-direction:column;display:flex}.twk-bitmask-input .twk-bitmask-row{gap:var(--twk-gap);cursor:pointer;flex-direction:row;display:flex}.twk-bitmask-input .twk-bitmask-row>*{flex:none}.twk-bitmask-input .twk-bitmask-name{text-overflow:ellipsis;flex:1;padding-left:.25rem;overflow:hidden}.twk-bitmask-input .twk-bitmask-bit{opacity:.5;padding-right:.25rem}.twk-bitmask-input .twk-bitmask-value{opacity:.5}.twk-bitmask-input .twk-bitmask-indicator{width:var(--twk-size);height:var(--twk-size);background-color:var(--twk-color-base-100)}.twk-bitmask-active .twk-bitmask-indicator:before{content:"";background-color:var(--twk-color-accent);width:50%;height:50%;margin:25%;display:block}.twk-bitmask-active .twk-bitmask-value{opacity:1}.twk-bool-input{align-items:center;gap:var(--twk-gap);flex-direction:row;display:flex}.twk-bool-input input{text-align:right;min-width:0}.twk-bool-input.twk-align-end{justify-content:flex-end}.twk-color-picker{gap:var(--twk-gap);flex-direction:row;flex:auto;display:flex}.twk-color-picker .color-picker-panel{flex:1;position:relative}.twk-color-picker .color-picker-inputs{gap:var(--twk-gap);flex-direction:column;flex:none;display:flex}.twk-color-picker .color-picker-inputs .input-r{border-left:2px solid red!important}.twk-color-picker .color-picker-inputs .input-g{border-left:2px solid #0f0!important}.twk-color-picker .color-picker-inputs .input-b{border-left:2px solid #00f!important}.twk-color-picker .color-picker-inputs .input-a{border-image:linear-gradient(90deg,#fff,#0000)}.twk-color-picker .color-picker-inputs .input-hex{border-left:2px solid #000!important}.twk-color-picker .color-picker-inputs input{flex:none;width:4rem;display:block}.twk-color-picker .color-picker-sv:focus,.twk-color-picker .color-picker-h:focus,.twk-color-picker .color-picker-a:focus{border-color:var(--twk-color-accent);outline:none}.twk-color-picker .color-picker-sv,.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{border-radius:var(--twk-radius)}.twk-color-picker .color-picker-sv{box-sizing:border-box;cursor:crosshair;z-index:1;border-bottom:1px solid;border-color:var(--twk-color-base-300);width:100%;padding-top:100%;position:relative}.twk-color-picker .color-picker-sv-bg{border-radius:var(--twk-radius);position:absolute;inset:0}.twk-color-picker .color-picker-sv-cursor{box-sizing:border-box;border:1px solid #fff;border-radius:5px;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;box-shadow:0 0 2px 1px #000000bf}.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{box-sizing:border-box;cursor:ew-resize;border-bottom:1px solid;border-color:var(--twk-color-base-300);height:1rem;position:relative}.twk-color-picker .color-picker-h-cursor,.twk-color-picker .color-picker-a-cursor{border:1px solid #fff;border-radius:2px;width:4px;height:calc(1rem - 2px);margin-left:-3px;position:absolute;box-shadow:0 0 2px 1px #000000bf}.twk-color-picker .color-picker-a{background-blend-mode:normal, difference, normal;background-image:linear-gradient(90deg,#0000,#0000),linear-gradient(90deg,gray 50%,#fff 50%),linear-gradient(gray 50%,#fff 50%);background-size:1rem 1rem}.twk-color-picker .color-picker-a-bg{position:absolute;inset:0}.twk-color-picker .color-picker-sv,.twk-color-picker .color-picker-h,.twk-color-picker .color-picker-a{border-color:var(--twk-color-base-300)}.twk-color-input{align-items:stretch;gap:var(--twk-gap);flex-direction:column;flex:auto;display:flex}.twk-color-input button.twk-btn{text-transform:uppercase;flex-direction:row;flex:1;justify-content:start;align-items:center;gap:.5rem;padding-left:0;display:flex}.twk-color-input button.twk-btn:before{content:"";width:calc(var(--twk-size));height:calc(var(--twk-size));background-color:var(--twk-color-value);border-radius:var(--twk-radius);flex:none;display:inline-block}.tweak-ui input[type=checkbox]{flex:none}input.twk-toggle[type=checkbox]{width:calc(var(--twk-size) * 2);height:calc(var(--twk-size));border-radius:var(--twk-size);border:2px solid var(--twk-color-base-100);background-color:var(--twk-color-base-100);cursor:pointer;appearance:none;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-columns:1fr 1fr;place-content:center;margin:0;padding:2px;display:inline-grid}input.twk-toggle[type=checkbox]:checked{border-color:var(--twk-color-base-content)}input.twk-toggle[type=checkbox]:focus{border-color:var(--twk-color-accent)}input.twk-toggle[type=checkbox]:before{aspect-ratio:1;content:"";background-color:var(--twk-color-base-content);opacity:.25;border-radius:100%;grid-row-start:1;grid-column-start:1;transition:background-color .1s,translate .2s;translate:0}input.twk-toggle[type=checkbox]:checked:before{opacity:1;translate:100%}input.twk-check[type=checkbox]{width:calc(var(--twk-size) - 4px);height:calc(var(--twk-size) - 4px);border-radius:var(--twk-radius);cursor:pointer;appearance:none;background-color:var(--twk-color-base-300);outline:1px solid var(--twk-color-base-content);outline-offset:-1px;place-content:center;margin:2px;transition:background-color .1s;display:grid;flex:none!important}input.twk-check[type=checkbox]:checked{background-color:var(--twk-color-accent);outline-color:var(--twk-color-accent)}input.twk-check[type=checkbox]:checked:before{content:"";width:calc(var(--twk-size) / 2);height:calc(var(--twk-size) / 4);border-left:2px solid var(--twk-color-base-300);border-bottom:2px solid var(--twk-color-base-300);margin-top:-2px;transform:rotate(-45deg)}canvas.twk-graph{width:100%}table.twk-graph{text-align:right;border-collapse:collapse;table-layout:fixed;width:100%;margin:0;display:table!important}table.twk-graph thead,table.twk-graph tbody{width:100%}table.twk-graph td,table.twk-graph th{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;overflow:hidden}table.twk-graph th:first-child,table.twk-graph td:first-child{width:var(--twk-label-size);text-align:left}table.twk-graph .twk-current{width:70px;font-weight:600}table.twk-graph .twk-stats{color:#888;width:110px;font-size:.85em}.twk-image{max-width:100%;display:block}.twk-image.twk-loading{opacity:0}.twk-matrix-input{gap:var(--twk-gap)}.twk-point .point-area{background-color:var(--twk-color-base-100);border-color:var(--twk-color-base-300);background-image:linear-gradient(var(--twk-color-base-200) 1px, transparent 1px), linear-gradient(90deg, var(--twk-color-base-200) 1px, transparent 1px);aspect-ratio:1;box-sizing:border-box;cursor:crosshair;z-index:1;background-size:10% 10%,10% 10%;align-self:end;width:100%;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;position:relative;overflow:visible}.twk-point .point-area .point-x-axis,.twk-point .point-area .point-y-axis{background-color:var(--twk-color-base-300)}.twk-point .point-area:focus .point-x-axis,.twk-point .point-area:focus .point-y-axis{background-color:var(--twk-color-accent)}.twk-point .point-area:focus{border-color:var(--twk-color-accent);outline:none}.twk-scalar-input{align-items:center;gap:var(--twk-gap);grid-auto-flow:column;display:grid;position:relative}.twk-scalar-input input{text-align:right;min-width:0}.twk-scalar-input .unit{opacity:.5}.twk-scalar-dragable input:not(:focus){cursor:ew-resize}.twk-scalar-range:after{pointer-events:none;content:"";opacity:.125;background:linear-gradient(to right, var(--twk-color-accent) 0%, var(--twk-color-accent) calc(var(--twk-scalar-value,0) * 100%), transparent calc(var(--twk-scalar-value,0) * 100%), transparent 100%);border-radius:var(--twk-radius);width:100%;position:absolute;top:0;bottom:0;left:0}.twk-scalar-range:hover:after{opacity:.25}.twk-spherical-input{align-items:center;gap:var(--twk-gap);flex-direction:row;display:flex}.twk-spherical-info{gap:calc(var(--twk-gap) / 2);flex-direction:column;flex:1;min-width:0;display:flex}.twk-spherical-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.twk-spherical-pane{--twk-spherical-grid-color:color-mix(in srgb, var(--twk-color-base-content) 18%, transparent);aspect-ratio:1;outline:3px solid var(--twk-color-base-content);outline-offset:-3px;cursor:crosshair;background-image:repeating-conic-gradient(from 0deg, var(--twk-spherical-grid-color) 0deg 1deg, transparent 1deg 30deg), repeating-radial-gradient(circle closest-side, transparent 0, transparent calc(33.333% - 1px), var(--twk-spherical-grid-color) calc(33.333% - 1px), var(--twk-spherical-grid-color) 33.333%), radial-gradient(circle closest-side, var(--twk-color-base-100) 0%, var(--twk-color-base-100) 33.333%, var(--twk-color-base-200) 33.333%, var(--twk-color-base-200) 66.666%, var(--twk-color-base-300) 66.666%, var(--twk-color-base-300) 100%);border-radius:50%;flex:none;width:100%;max-width:100px;margin:.5rem;position:relative}.twk-spherical-pane:focus,.twk-spherical-pane:focus-visible{outline-color:var(--twk-color-accent)}.twk-spherical-arm{background-color:var(--twk-color-base-content);transform-origin:0;z-index:1;pointer-events:none;height:1px;position:absolute;top:50%;left:50%}.twk-spherical-knob{background-color:var(--twk-color-base-content);width:.875rem;height:.875rem;box-shadow:0 0 3px var(--twk-color-neutral);z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;transition:opacity .15s ease-in-out;position:absolute;transform:translate(-50%,-50%)}.twk-spherical-knob.is-back{z-index:0;opacity:.4}.twk-spherical-pane.is-dragging .twk-spherical-knob{transition:none}.twk-string-input input,.twk-string-input .twk-input-value{flex:1}.twk-vector-input{gap:var(--twk-gap)}.twk-widget .twk-poll{flex:1}.tweak-ui .twk-p-0{padding:0}.tweak-ui .twk-p-1{padding:var(--twk-gap)}.tweak-ui .twk-p-2{padding:calc(var(--twk-gap) * 2)}.tweak-ui .twk-p-4{padding:calc(var(--twk-gap) * 4)}.tweak-ui .twk-px-0{padding-inline:0}.tweak-ui .twk-px-1{padding-inline:var(--twk-gap)}.tweak-ui .twk-px-2{padding-inline:calc(var(--twk-gap) * 2)}.tweak-ui .twk-px-4{padding-inline:calc(var(--twk-gap) * 4)}.tweak-ui .twk-py-0{padding-block:0}.tweak-ui .twk-py-1{padding-block:var(--twk-gap)}.tweak-ui .twk-py-2{padding-block:calc(var(--twk-gap) * 2)}.tweak-ui .twk-py-4{padding-block:calc(var(--twk-gap) * 4)}.tweak-ui .twk-p-inset{padding:var(--twk-inset)}.tweak-ui .twk-px-label{padding-inline:var(--twk-label-pad-x)}.tweak-ui .twk-px-input{padding-inline:var(--twk-input-pad-x)}.tweak-ui .twk-px-button{padding-inline:var(--twk-button-pad-x)}.tweak-ui .twk-gap-0{gap:0}.tweak-ui .twk-gap-1{gap:var(--twk-gap)}.tweak-ui .twk-gap-2{gap:calc(var(--twk-gap) * 2)}.tweak-ui .twk-gap-4{gap:calc(var(--twk-gap) * 4)}.tweak-ui .twk-w-full{width:100%}.tweak-ui .twk-w-label{width:var(--twk-label-size)}.tweak-ui .twk-h-input{height:var(--twk-input-height)}.tweak-ui .twk-h-btn{height:var(--twk-button-height)}.tweak-ui .twk-h-full{height:100%}.tweak-ui .twk-rounded-none{border-radius:0}.tweak-ui .twk-rounded{border-radius:var(--twk-radius)}.tweak-ui .twk-rounded-full{border-radius:9999px}.tweak-ui .twk-text-end{text-align:end}.tweak-ui .twk-text-right{text-align:right}.tweak-ui .twk-text-start{text-align:start}.tweak-ui .twk-text-left{text-align:left}.tweak-ui .twk-text-center{text-align:center}.tweak-ui .twk-text-xs{font-size:.625rem}.tweak-ui .twk-text-sm{font-size:.75rem}.tweak-ui .twk-text-md{font-size:.875rem}.tweak-ui .twk-bg-100{background-color:var(--twk-color-base-100)}.tweak-ui .twk-bg-200{background-color:var(--twk-color-base-200)}.tweak-ui .twk-bg-300{background-color:var(--twk-color-base-300)}.tweak-ui .twk-bg-content{background-color:var(--twk-color-base-content)}.tweak-ui .twk-bg-neutral{background-color:var(--twk-color-neutral)}.tweak-ui .twk-bg-neutral-content{background-color:var(--twk-color-neutral-content)}.tweak-ui .twk-bg-accent{background-color:var(--twk-color-accent)}.tweak-ui .twk-color-100{color:var(--twk-color-base-100)}.tweak-ui .twk-color-200{color:var(--twk-color-base-200)}.tweak-ui .twk-color-300{color:var(--twk-color-base-300)}.tweak-ui .twk-color-content{color:var(--twk-color-base-content)}.tweak-ui .twk-color-neutral{color:var(--twk-color-neutral)}.tweak-ui .twk-color-neutral-content{color:var(--twk-color-neutral-content)}.tweak-ui .twk-color-accent{color:var(--twk-color-accent)}.tweak-ui .twk-color-muted{color:color-mix(in srgb, var(--twk-color-base-content) 40%, transparent)}.tweak-ui .twk-color-dim{color:color-mix(in srgb, var(--twk-color-base-content) 20%, transparent)}.tweak-ui .twk-glass{background-color:color-mix(in srgb, var(--twk-glass-color,#000) var(--twk-glass-percent,50%), transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.tweak-ui .twk-glass-100{--twk-glass-color:var(--twk-color-base-100)}.tweak-ui .twk-glass-200{--twk-glass-color:var(--twk-color-base-200)}.tweak-ui .twk-glass-300{--twk-glass-color:var(--twk-color-base-300)}@keyframes twk-fade{0%{opacity:0}to{opacity:1}}:root{--twk-pattern-color-a:color-mix(in srgb, var(--twk-color-base-300) 100%, transparent);--twk-pattern-color-b:color-mix(in srgb, var(--twk-color-base-100) 80%, transparent);--twk-pattern-color-line:color-mix(in srgb, var(--twk-color-base-content) 8%, transparent);--twk-pattern-size:.5rem;--twk-pattern-line-width:1px}.twk-bg-checker,.twk-bg-checker-coarse,.twk-bg-checker-fine{background-color:var(--twk-pattern-color-a);background-image:repeating-conic-gradient(var(--twk-pattern-color-b) 0% 25%, transparent 25% 50%);background-size:calc(var(--twk-pattern-size) * 2) calc(var(--twk-pattern-size) * 2);background-position:0 0}.twk-bg-checker-fine{--twk-pattern-size:.25rem}.twk-bg-checker-coarse{--twk-pattern-size:1rem}.twk-bg-grid{background-color:var(--twk-pattern-color-a);background-image:linear-gradient(to right, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width));background-size:var(--twk-pattern-size) var(--twk-pattern-size);background-position:0 0}.twk-bg-grid-axis{--twk-pattern-color-axis:color-mix(in srgb, var(--twk-color-base-content) 20%, transparent);background-color:var(--twk-pattern-color-a);background-image:linear-gradient(to right, var(--twk-pattern-color-axis) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-axis) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to right, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width)), linear-gradient(to bottom, var(--twk-pattern-color-line) var(--twk-pattern-line-width), transparent var(--twk-pattern-line-width));background-size:100% 100%, 100% 100%, var(--twk-pattern-size) var(--twk-pattern-size), var(--twk-pattern-size) var(--twk-pattern-size);background-position:0,50% 0,0 0,0 0}.twk-bg-dots{--twk-pattern-dot-size:1.5px;background-color:var(--twk-pattern-color-a);background-image:radial-gradient(circle, var(--twk-pattern-color-line) var(--twk-pattern-dot-size), transparent var(--twk-pattern-dot-size));background-size:var(--twk-pattern-size) var(--twk-pattern-size);background-position:0 0}.twk-bg-stripes{background-color:var(--twk-pattern-color-a);background-image:repeating-linear-gradient(-45deg, var(--twk-pattern-color-b) 0px, var(--twk-pattern-color-b) var(--twk-pattern-size), transparent var(--twk-pattern-size), transparent calc(var(--twk-pattern-size) * 2))}

package/dist/style.d.ts

@@ -0,0 +1,4 @@
+declare module '*.scss' {
+  const content: string
+  export default content
+}