@breadstone/mosaik-elements-foundation 0.0.215 → 0.0.217

package/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.js

@@ -0,0 +1,86 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function ghostElementJoyStyle() {
+    return css `
+:host {
+  --ghost-background-color: var(--joy-scheme-background);
+  --ghost-border-color: var(--joy-scheme-highlight);
+  --ghost-border-radius: var(--joy-layout-radius);
+  --ghost-border-style: solid;
+  --ghost-border-width: var(--joy-layout-thickness);
+  --ghost-font-family: unset;
+  --ghost-font-letter-spacing: unset;
+  --ghost-font-line-height: unset;
+  --ghost-font-size: unset;
+  --ghost-font-text-decoration: unset;
+  --ghost-font-text-transform: unset;
+  --ghost-font-weight: unset;
+  --ghost-gap: unset;
+  --ghost-padding-bottom: unset;
+  --ghost-padding-left: unset;
+  --ghost-padding-right: unset;
+  --ghost-padding-top: unset;
+  --ghost-transition-duration: var(--joy-duration-short);
+  --ghost-transition-mode: ease;
+  --ghost-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
+  --ghost-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  background-color: var(--ghost-background-color);
+  border-color: var(--ghost-border-color);
+  border-radius: var(--ghost-border-radius);
+  border-style: var(--ghost-border-style);
+  border-width: var(--ghost-border-width);
+  transition-duration: var(--ghost-transition-duration);
+  transition-timing-function: var(--ghost-transition-mode);
+  transition-property: var(--ghost-transition-property);
+  top: var(--_ghost-top);
+  left: var(--_ghost-left);
+  width: var(--_ghost-width);
+  height: var(--_ghost-height);
+  box-sizing: border-box;
+  contain: strict;
+  z-index: 1000;
+  position: absolute;
+}
+
+    `;
+}
+//# sourceMappingURL=GhostElement.Joy.js.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsET,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function ghostElementMemphisStyle(): CSSResult;
+//# sourceMappingURL=GhostElement.Memphis.d.ts.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAwEpD"}

package/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.js

@@ -0,0 +1,86 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function ghostElementMemphisStyle() {
+    return css `
+:host {
+  --ghost-background-color: var(--memphis-scheme-background);
+  --ghost-border-color: var(--memphis-scheme-highlight);
+  --ghost-border-radius: var(--memphis-layout-radius);
+  --ghost-border-style: solid;
+  --ghost-border-width: var(--memphis-layout-thickness);
+  --ghost-font-family: unset;
+  --ghost-font-letter-spacing: unset;
+  --ghost-font-line-height: unset;
+  --ghost-font-size: unset;
+  --ghost-font-text-decoration: unset;
+  --ghost-font-text-transform: unset;
+  --ghost-font-weight: unset;
+  --ghost-gap: unset;
+  --ghost-padding-bottom: unset;
+  --ghost-padding-left: unset;
+  --ghost-padding-right: unset;
+  --ghost-padding-top: unset;
+  --ghost-transition-duration: var(--memphis-duration-short);
+  --ghost-transition-mode: ease;
+  --ghost-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
+  --ghost-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  background-color: var(--ghost-background-color);
+  border-color: var(--ghost-border-color);
+  border-radius: var(--ghost-border-radius);
+  border-style: var(--ghost-border-style);
+  border-width: var(--ghost-border-width);
+  transition-duration: var(--ghost-transition-duration);
+  transition-timing-function: var(--ghost-transition-mode);
+  transition-property: var(--ghost-transition-property);
+  top: var(--_ghost-top);
+  left: var(--_ghost-left);
+  width: var(--_ghost-width);
+  height: var(--_ghost-height);
+  box-sizing: border-box;
+  contain: strict;
+  z-index: 1000;
+  position: absolute;
+}
+
+    `;
+}
+//# sourceMappingURL=GhostElement.Memphis.js.map

package/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/ghost/themes/GhostElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,wBAAwB;IACpC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsET,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/thumb/IThumbElementProps.d.ts

@@ -0,0 +1,11 @@
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
+import type { ThumbEdge } from '../../../Types/ThumbEdge';
+/**
+ * Represents the `{@link IThumbElementProps}` interface.
+ *
+ * @public
+ */
+export interface IThumbElementProps extends IDisableableProps {
+    edge: ThumbEdge;
+}
+//# sourceMappingURL=IThumbElementProps.d.ts.map

package/Controls/Components/Primitives/thumb/IThumbElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/IThumbElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAI1D;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,iBAAiB;IAEzB,IAAI,EAAE,SAAS,CAAC;CAEnB"}

package/Controls/Components/Primitives/thumb/IThumbElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IThumbElementProps.js.map

package/Controls/Components/Primitives/thumb/IThumbElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThumbElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/IThumbElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Primitives/thumb/ThumbElement.d.ts

@@ -0,0 +1,49 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { IThumbElementProps } from './IThumbElementProps';
+import { ThumbEdge } from '../../../Types/ThumbEdge';
+declare const ThumbElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * The `{@link ThumbElement}` element.
+ *
+ * @public
+ */
+export declare class ThumbElement extends ThumbElement_base implements IThumbElementProps {
+    private _edge;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `edge` property.
+     *
+     * @public
+     * @attr
+     */
+    get edge(): ThumbEdge;
+    set edge(value: ThumbEdge);
+}
+/**
+ * @public
+ */
+export declare namespace ThumbElement {
+    type Props = IThumbElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-thumb': ThumbElement;
+    }
+}
+export {};
+//# sourceMappingURL=ThumbElement.d.ts.map

package/Controls/Components/Primitives/thumb/ThumbElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/ThumbElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM1D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;;AAKrD;;;;GAIG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAY;IAMzB;;OAEG;;IAWH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,IAAI,IAAI,SAAS,CAE3B;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,SAAS,EAK/B;CAIJ;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Primitives/thumb/ThumbElement.js

@@ -0,0 +1,87 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { thumbElementTemplate } from './ThumbElementTemplate';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { thumbElementJoyStyle } from './themes/ThumbElement.Joy';
+import { thumbElementMemphisStyle } from './themes/ThumbElement.Memphis';
+import { thumbElementCosmopolitanStyle } from './themes/ThumbElement.Cosmopolitan';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { ThumbEdge } from '../../../Types/ThumbEdge';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+// #endregion
+/**
+ * The `{@link ThumbElement}` element.
+ *
+ * @public
+ */
+let ThumbElement = class ThumbElement extends Themeable(Disableable(CustomElement)) {
+    // #region Fields
+    _edge;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._edge = 'none';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-thumb';
+    }
+    /**
+     * Gets or sets the `edge` property.
+     *
+     * @public
+     * @attr
+     */
+    get edge() {
+        return this._edge;
+    }
+    set edge(value) {
+        if (this._edge !== value) {
+            this._edge = value;
+            this.requestUpdate('edge');
+        }
+    }
+};
+__decorate([
+    Attribute({ type: ThumbEdge }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ThumbElement.prototype, "edge", null);
+ThumbElement = __decorate([
+    Component({
+        selector: 'mosaik-thumb',
+        template: thumbElementTemplate,
+        themes: {
+            joy: thumbElementJoyStyle,
+            memphis: thumbElementMemphisStyle,
+            cosmopolitan: thumbElementCosmopolitanStyle
+        },
+        imports: []
+    }),
+    __metadata("design:paramtypes", [])
+], ThumbElement);
+export { ThumbElement };
+//# sourceMappingURL=ThumbElement.js.map

package/Controls/Components/Primitives/thumb/ThumbElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/ThumbElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,aAAa;AAEb;;;;GAIG;AAWI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAG7C,iBAAiB;IAET,KAAK,CAAY;IAEzB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAgB;QAC5B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AAbG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;;;wCAG9B;AA9CQ,YAAY;IAVxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,wBAAwB;YACjC,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,YAAY,CAwDxB"}

package/Controls/Components/Primitives/thumb/ThumbElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ThumbElement } from './ThumbElement';
+/**
+ * The template of the {@link ThumbElement}.
+ *å
+ * @public
+ */
+export declare function thumbElementTemplate<T extends ThumbElement>(e: T): TemplateResult;
+//# sourceMappingURL=ThumbElementTemplate.d.ts.map

package/Controls/Components/Primitives/thumb/ThumbElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/ThumbElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAIjF"}

package/Controls/Components/Primitives/thumb/ThumbElementTemplate.js

@@ -0,0 +1,14 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link ThumbElement}.
+ *å
+ * @public
+ */
+export function thumbElementTemplate(e) {
+    return html `
+        <div part="symbol"></div>
+    `;
+}
+//# sourceMappingURL=ThumbElementTemplate.js.map

package/Controls/Components/Primitives/thumb/ThumbElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Primitives/thumb/ThumbElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAyB,CAAI;IAC7D,OAAO,IAAI,CAAA;;KAEV,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function thumbElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=ThumbElement.Cosmopolitan.d.ts.map

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAiHzD"}

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.js

@@ -0,0 +1,127 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function thumbElementCosmopolitanStyle() {
+    return css `
+:host {
+  --thumb-background-color: var(--cosmopolitan-scheme-background);
+  --thumb-border-color: var(--cosmopolitan-scheme-highlight);
+  --thumb-border-radius: var(--cosmopolitan-layout-radius);
+  --thumb-border-style: solid;
+  --thumb-border-width: var(--cosmopolitan-layout-thickness);
+  --thumb-font-family: unset;
+  --thumb-font-letter-spacing: unset;
+  --thumb-font-line-height: unset;
+  --thumb-font-size: unset;
+  --thumb-font-text-decoration: unset;
+  --thumb-font-text-transform: unset;
+  --thumb-font-weight: unset;
+  --thumb-gap: unset;
+  --thumb-padding-bottom: unset;
+  --thumb-padding-left: unset;
+  --thumb-padding-right: unset;
+  --thumb-padding-top: unset;
+  --thumb-transition-duration: var(--cosmopolitan-duration-short);
+  --thumb-transition-mode: ease;
+  --thumb-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
+  --thumb-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  border-width: var(--thumb-border-width);
+  border-style: var(--thumb-border-style);
+  border-radius: var(--thumb-border-radius);
+  border-color: var(--thumb-border-color);
+  background: var(--thumb-background-color);
+  transition-duration: var(--thumb-transition-duration);
+  transition-timing-function: var(--thumb-transition-mode);
+  transition-property: var(--thumb-transition-property);
+  position: absolute;
+}
+
+:host [part="symbol"]:before {
+  content: "";
+  background-image: radial-gradient(circle, currentColor 2px, #0000 2px);
+  background-position: 0 0;
+  background-repeat: repeat;
+  background-size: 8px 8px;
+  display: block;
+}
+
+:host([edge="vertical"]) {
+  height: 32px;
+}
+
+:host([edge="vertical"]) [part="symbol"]:before {
+  width: 8px;
+  height: 24px;
+}
+
+:host([edge="horizontal"]) {
+  width: 32px;
+}
+
+:host([edge="horizontal"]) [part="symbol"]:before {
+  width: 24px;
+  height: 8px;
+}
+
+:host([edge="corner"]) {
+  width: 32px;
+  height: 32px;
+}
+
+:host([edge="corner"]) [part="symbol"]:before {
+  clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%);
+  background-image: radial-gradient(circle, currentColor 2px, #0000 2px), radial-gradient(circle, currentColor 2px, #0000 2px);
+  background-position: 0 0, 0 0;
+  background-repeat: repeat, repeat;
+  background-size: 8px 8px, 8px 8px;
+  background-clip: padding-box, padding-box;
+  width: 24px;
+  height: 24px;
+  position: relative;
+}
+
+:host(:not([disabled]:not([disabled="false"]))) {
+  --thumb-border-color: var(--cosmopolitan-color-primary-500);
+}
+
+    `;
+}
+//# sourceMappingURL=ThumbElement.Cosmopolitan.js.map

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/thumb/themes/ThumbElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+GT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function thumbElementJoyStyle(): CSSResult;
+//# sourceMappingURL=ThumbElement.Joy.d.ts.map

package/Controls/Components/Primitives/thumb/themes/ThumbElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/thumb/themes/ThumbElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,CAkIhD"}