revotech-ui-kit 0.0.3-beta → 0.0.5-beta

package/dist/src/components/molecules/command/command.molecules.js

@@ -1,27 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, queryAssignedElements, } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let Command = class Command extends LitElement {
-    render() {
-        return html `
-      <div
-        class="${cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md', this.className)}"
-        id="rtgcmdr1"
-        rtgcmd-root
-      >
-        <slot></slot>
-      </div>
-    `;
-    }
-};
-Command.styles = [css ``, TWStyles];
-__decorate([
-    queryAssignedElements({ selector: 'input[rtgcmd-input]' })
-], Command.prototype, "_input", void 0);
-Command = __decorate([
-    customElement('rtg-command')
-], Command);
-export { Command };
-//# sourceMappingURL=command.molecules.js.map

package/dist/src/components/molecules/command/command.molecules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command.molecules.js","sourceRoot":"","sources":["../../../../../src/components/molecules/command/command.molecules.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAW,MAAM,KAAK,CAAC;AACrD,OAAO,EAEL,aAAa,EACb,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGpC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAMrC,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,EAAE,CACT,4GAA4G,EAC5G,IAAI,CAAC,SAAS,CACf;;;;;;KAMJ,CAAC;IACJ,CAAC;;AAlBM,cAAM,GAAG,CAAC,GAAG,CAAA,EAAE,EAAE,QAAQ,CAAC,AAApB,CAAqB;AAGlC;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC;uCAC/B;AAJjB,OAAO;IADnB,aAAa,CAAC,aAAa,CAAC;GAChB,OAAO,CAoBnB","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport {\n  property,\n  customElement,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\n\n@customElement('rtg-command')\nexport class Command extends LitElement {\n  static styles = [css``, TWStyles];\n\n  @queryAssignedElements({ selector: 'input[rtgcmd-input]' })\n  _input!: Array<HTMLElement>;\n\n  render() {\n    return html`\n      <div\n        class=\"${cn(\n          'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground border shadow-md',\n          this.className\n        )}\"\n        id=\"rtgcmdr1\"\n        rtgcmd-root\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/components/molecules/command-input/command-input.atom.js

@@ -1,127 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
-import { cn } from '../../../helpers';
-import { TWStyles } from '../../../styles';
-let CommandInput = class CommandInput extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.placeholder = 'Type a command or search...';
-        this._value = '';
-    }
-    get identifier() {
-        var _a, _b;
-        const parent = (_b = (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('div[rtgcmd-root]');
-        if (parent) {
-            return `${parent.getAttribute('id')}i`;
-        }
-        return `rtgcmdrxi`;
-    }
-    filterItems() {
-        const parent = this.parentElement;
-        if (parent) {
-            let isEmpty = true;
-            const groups = parent.querySelectorAll('rtg-command-list > rtg-command-group');
-            if (groups) {
-                groups.forEach(group => {
-                    var _a, _b;
-                    let hidden = true;
-                    const items = group.querySelectorAll('rtg-command-item');
-                    if (items) {
-                        items.forEach(item => {
-                            const value = (item === null || item === void 0 ? void 0 : item.value) || '';
-                            if (value.toLowerCase().includes(this._value.toLowerCase())) {
-                                hidden = false;
-                                isEmpty = false;
-                                item.setAttribute('aria-hidden', 'false');
-                            }
-                            else {
-                                item.setAttribute('aria-hidden', 'true');
-                            }
-                        });
-                    }
-                    group.setAttribute('aria-hidden', hidden ? 'true' : 'false');
-                    let separator = group.previousElementSibling;
-                    if (separator) {
-                        separator.setAttribute('aria-hidden', hidden ||
-                            ((_a = separator.previousElementSibling) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-hidden')) === 'true'
-                            ? 'true'
-                            : 'false');
-                    }
-                    separator = group.nextElementSibling;
-                    if (separator) {
-                        separator.setAttribute('aria-hidden', hidden ||
-                            ((_b = separator.nextElementSibling) === null || _b === void 0 ? void 0 : _b.getAttribute('aria-hidden')) ===
-                                'true'
-                            ? 'true'
-                            : 'false');
-                    }
-                });
-            }
-            const empty = parent.querySelector('rtg-command-empty');
-            if (empty) {
-                empty.setAttribute('aria-hidden', isEmpty ? 'false' : 'true');
-            }
-        }
-    }
-    handleChange(e) {
-        const input = e.target;
-        if (input) {
-            this._value = input.value;
-            this.filterItems();
-        }
-    }
-    render() {
-        return html `
-      <div
-        class="${cn('flex items-center border-b px-3', this.className)}"
-        name="rtgcmd-input-container"
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          class="mr-2 h-4 w-4 shrink-0 opacity-50"
-        >
-          <circle cx="11" cy="11" r="8"></circle>
-          <path d="m21 21-4.3-4.3"></path>
-        </svg>
-        <input
-          class="flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
-          placeholder="${this.placeholder}"
-          rtgcmd-input
-          @input="${this.handleChange}"
-          autocomplete="off"
-          autocorrect="off"
-          spellcheck="false"
-          aria-autocomplete="list"
-          role="combobox"
-          aria-expanded="true"
-          aria-controls=":r1oe:"
-          aria-labelledby=":r1of:"
-          id="${this.identifier}"
-          type="text"
-          data-value="${this._value}"
-        />
-      </div>
-    `;
-    }
-};
-CommandInput.styles = [css ``, TWStyles];
-__decorate([
-    property({ type: String })
-], CommandInput.prototype, "placeholder", void 0);
-__decorate([
-    property({ attribute: 'value', type: String })
-], CommandInput.prototype, "_value", void 0);
-CommandInput = __decorate([
-    customElement('rtg-command-input')
-], CommandInput);
-export { CommandInput };
-//# sourceMappingURL=command-input.atom.js.map

package/dist/src/components/molecules/command-input/command-input.atom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-input.atom.js","sourceRoot":"","sources":["../../../../../src/components/molecules/command-input/command-input.atom.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { cn } from '../../../helpers';\nimport { TWStyles } from '../../../styles';\nimport { CommandItem, CommandSeparator } from '../../../components';\n\n@customElement('rtg-command-input')\nexport class CommandInput extends LitElement {\n  @property({ type: String }) placeholder = 'Type a command or search...';\n\n  @property({ attribute: 'value', type: String }) _value = '';\n\n  static styles = [css``, TWStyles];\n\n  private get identifier() {\n    const parent =\n      this.parentElement?.shadowRoot?.querySelector('div[rtgcmd-root]');\n    if (parent) {\n      return `${parent.getAttribute('id')}i`;\n    }\n    return `rtgcmdrxi`;\n  }\n\n  private filterItems() {\n    const parent = this.parentElement;\n    if (parent) {\n      let isEmpty = true;\n      const groups = parent.querySelectorAll(\n        'rtg-command-list > rtg-command-group'\n      );\n      if (groups) {\n        groups.forEach(group => {\n          let hidden = true;\n          const items = group.querySelectorAll('rtg-command-item');\n          if (items) {\n            items.forEach(item => {\n              const value = (item as CommandItem)?.value || '';\n              if (value.toLowerCase().includes(this._value.toLowerCase())) {\n                hidden = false;\n                isEmpty = false;\n                item.setAttribute('aria-hidden', 'false');\n              } else {\n                item.setAttribute('aria-hidden', 'true');\n              }\n            });\n          }\n          group.setAttribute('aria-hidden', hidden ? 'true' : 'false');\n          let separator = group.previousElementSibling as CommandSeparator;\n          if (separator) {\n            separator.setAttribute(\n              'aria-hidden',\n              hidden ||\n                separator.previousElementSibling?.getAttribute(\n                  'aria-hidden'\n                ) === 'true'\n                ? 'true'\n                : 'false'\n            );\n          }\n          separator = group.nextElementSibling as CommandSeparator;\n          if (separator) {\n            separator.setAttribute(\n              'aria-hidden',\n              hidden ||\n                separator.nextElementSibling?.getAttribute('aria-hidden') ===\n                  'true'\n                ? 'true'\n                : 'false'\n            );\n          }\n        });\n      }\n\n      const empty = parent.querySelector('rtg-command-empty');\n      if (empty) {\n        empty.setAttribute('aria-hidden', isEmpty ? 'false' : 'true');\n      }\n    }\n  }\n\n  private handleChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    if (input) {\n      this._value = input.value;\n      this.filterItems();\n    }\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"${cn('flex items-center border-b px-3', this.className)}\"\n        name=\"rtgcmd-input-container\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"mr-2 h-4 w-4 shrink-0 opacity-50\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n          <path d=\"m21 21-4.3-4.3\"></path>\n        </svg>\n        <input\n          class=\"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n          placeholder=\"${this.placeholder}\"\n          rtgcmd-input\n          @input=\"${this.handleChange}\"\n          autocomplete=\"off\"\n          autocorrect=\"off\"\n          spellcheck=\"false\"\n          aria-autocomplete=\"list\"\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-controls=\":r1oe:\"\n          aria-labelledby=\":r1of:\"\n          id=\"${this.identifier}\"\n          type=\"text\"\n          data-value=\"${this._value}\"\n        />\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/components/molecules/dropdownMenu/dropdownMenu.molecules.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=dropdownMenu.molecules.js.map

package/dist/src/components/molecules/dropdownMenu/dropdownMenu.molecules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdownMenu.molecules.js","sourceRoot":"","sources":["../../../../../src/components/molecules/dropdownMenu/dropdownMenu.molecules.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/components/molecules/index.js

@@ -1,2 +0,0 @@
-export * from './command/command.molecules';
-//# sourceMappingURL=index.js.map

package/dist/src/components/molecules/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './command/command.molecules';\n"]}

package/dist/src/helpers/base-element.js

@@ -1,64 +0,0 @@
-import { LitElement } from 'lit';
-export class BaseElement extends LitElement {
-    constructor() {
-        super();
-    }
-    // Helper method to filter attributes based on exclusion rules
-    getFilteredAttributes() {
-        const attributes = {};
-        Array.from(this.attributes).forEach(attr => {
-            var _a;
-            if (!this.getAttributesToExclude().includes(attr.name)) {
-                attributes[attr.name] = (_a = attr.value) !== null && _a !== void 0 ? _a : '';
-            }
-        });
-        return attributes;
-    }
-    isCustomPropertySet(property) {
-        const value = getComputedStyle(this).getPropertyValue(property).trim();
-        return value !== 'inherit' && value.length > 0;
-    }
-    applyCustomClass(variables, selector, className = '') {
-        var _a, _b;
-        let customClass = '';
-        if (variables.some(variable => this.isCustomPropertySet(variable))) {
-            customClass = className;
-        }
-        if (customClass)
-            (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) === null || _b === void 0 ? void 0 : _b.classList.add(customClass);
-    }
-}
-// usage
-// import {
-//   html,
-//   PropertyValues,
-//  } from "lit";
-// import { customElement, property } from "lit/decorators.js";
-// import { TWStyles} from "../styles/shared-style";
-// import { BaseElement } from "./base-element";
-//  @customElement("biopass-label")
-// export class Label extends BaseElement {
-//   constructor() {
-//     super();
-//     this.attachShadow({mode: 'open'});
-//   }
-//   @property({ type: String }) customClass: string ="";
-//   static styles = [ TWStyles];
-//   protected firstUpdated(_changedProperties: PropertyValues): void {
-//     const variables = [
-//       "--button-bg-color",
-//       "--button-text-color",
-//       "--button-border-radius",
-//       "--button-padding"
-//     ];
-//     this.applyCustomClass(variables, "label","label-base");
-//   }
-//    render() {
-//     return html`
-//       <label class="text-3xl font-bold underline bg-secondary text-primary label-base">
-//         <slot></slot>
-//       </label>
-//     `;
-//   }
-// }
-//# sourceMappingURL=base-element.js.map

package/dist/src/helpers/base-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-element.js","sourceRoot":"","sources":["../../../src/helpers/base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,OAAgB,WAAY,SAAQ,UAAU;IAClD;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAID,8DAA8D;IACpD,qBAAqB;QAC7B,MAAM,UAAU,GAA8B,EAAE,CAAC;QACjD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;YACzC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,UAAU,CAAC;IACpB,CAAC;IACS,mBAAmB,CAAC,QAAgB;QAC5C,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QACvE,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACjD,CAAC;IAES,gBAAgB,CACxB,SAAmB,EACnB,QAAgB,EAChB,SAAS,GAAG,EAAE;;QAEd,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;YACnE,WAAW,GAAG,SAAS,CAAC;QAC1B,CAAC;QACD,IAAI,WAAW;YACb,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IACzE,CAAC;CACF;AAED,QAAQ;AAER,WAAW;AACX,UAAU;AACV,oBAAoB;AAEpB,iBAAiB;AACjB,+DAA+D;AAC/D,oDAAoD;AACpD,gDAAgD;AAEhD,mCAAmC;AACnC,2CAA2C;AAC3C,oBAAoB;AACpB,eAAe;AACf,yCAAyC;AACzC,MAAM;AACN,yDAAyD;AACzD,iCAAiC;AAEjC,uEAAuE;AACvE,0BAA0B;AAC1B,6BAA6B;AAC7B,+BAA+B;AAC/B,kCAAkC;AAClC,2BAA2B;AAC3B,SAAS;AAET,8DAA8D;AAC9D,MAAM;AACN,gBAAgB;AAEhB,mBAAmB;AACnB,0FAA0F;AAC1F,wBAAwB;AACxB,iBAAiB;AAEjB,SAAS;AACT,MAAM;AACN,IAAI","sourcesContent":["import { LitElement } from 'lit';\n\nexport abstract class BaseElement extends LitElement {\n  constructor() {\n    super();\n  }\n\n  protected abstract getAttributesToExclude(): string[];\n\n  // Helper method to filter attributes based on exclusion rules\n  protected getFilteredAttributes(): { [key: string]: string } {\n    const attributes: { [key: string]: string } = {};\n    Array.from(this.attributes).forEach(attr => {\n      if (!this.getAttributesToExclude().includes(attr.name)) {\n        attributes[attr.name] = attr.value ?? '';\n      }\n    });\n    return attributes;\n  }\n  protected isCustomPropertySet(property: string): boolean {\n    const value = getComputedStyle(this).getPropertyValue(property).trim();\n    return value !== 'inherit' && value.length > 0;\n  }\n\n  protected applyCustomClass(\n    variables: string[],\n    selector: string,\n    className = ''\n  ): void {\n    let customClass = '';\n\n    if (variables.some(variable => this.isCustomPropertySet(variable))) {\n      customClass = className;\n    }\n    if (customClass)\n      this.shadowRoot?.querySelector(selector)?.classList.add(customClass);\n  }\n}\n\n// usage\n\n// import {\n//   html,\n//   PropertyValues,\n\n//  } from \"lit\";\n// import { customElement, property } from \"lit/decorators.js\";\n// import { TWStyles} from \"../styles/shared-style\";\n// import { BaseElement } from \"./base-element\";\n\n//  @customElement(\"biopass-label\")\n// export class Label extends BaseElement {\n//   constructor() {\n//     super();\n//     this.attachShadow({mode: 'open'});\n//   }\n//   @property({ type: String }) customClass: string =\"\";\n//   static styles = [ TWStyles];\n\n//   protected firstUpdated(_changedProperties: PropertyValues): void {\n//     const variables = [\n//       \"--button-bg-color\",\n//       \"--button-text-color\",\n//       \"--button-border-radius\",\n//       \"--button-padding\"\n//     ];\n\n//     this.applyCustomClass(variables, \"label\",\"label-base\");\n//   }\n//    render() {\n\n//     return html`\n//       <label class=\"text-3xl font-bold underline bg-secondary text-primary label-base\">\n//         <slot></slot>\n//       </label>\n\n//     `;\n//   }\n// }\n"]}

package/dist/src/helpers/index.js

@@ -1,4 +0,0 @@
-export * from './mouse-conroller.helper';
-export * from './style.helpers';
-export * from './base-element';
-//# sourceMappingURL=index.js.map

package/dist/src/helpers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './mouse-conroller.helper';\nexport * from './style.helpers';\nexport * from './base-element';\n"]}

package/dist/src/helpers/mouse-conroller.helper.js

@@ -1,33 +0,0 @@
-export class MouseController {
-    constructor(host) {
-        this.pos = { x: 0, y: 0 };
-        this._onMouseMove = ({ clientX, clientY }) => {
-            this.pos = { x: clientX, y: clientY };
-            this.host.requestUpdate();
-        };
-        this._onClick = (e) => {
-            console.log(`click: ${e.target}`);
-            console.log(`pos: ${this.pos.x}`);
-            this.host.requestUpdate();
-        };
-        this._onScroll = (e) => {
-            console.log(`scroll: ${e.target}`);
-            console.log(`pos: ${this.pos.y}`);
-            console.log(`pos: ${window.scrollY} ${window.innerHeight}`);
-            this.host.requestUpdate();
-        };
-        this.host = host;
-        host.addController(this);
-    }
-    hostConnected() {
-        window.addEventListener('mousemove', this._onMouseMove);
-        window.addEventListener('click', this._onClick);
-        window.addEventListener('scroll', this._onScroll);
-    }
-    hostDisconnected() {
-        window.removeEventListener('mousemove', this._onMouseMove);
-        window.removeEventListener('click', this._onClick);
-        window.removeEventListener('scroll', this._onScroll);
-    }
-}
-//# sourceMappingURL=mouse-conroller.helper.js.map

package/dist/src/helpers/mouse-conroller.helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mouse-conroller.helper.js","sourceRoot":"","sources":["../../../src/helpers/mouse-conroller.helper.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,eAAe;IAuB1B,YAAY,IAA4B;QApBxC,QAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAErB,iBAAY,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAc,EAAE,EAAE;YAClD,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC3B,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YAClC,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,cAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;YACvB,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAClC,OAAO,CAAC,GAAG,CAAC,QAAQ,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAC;QAGA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa;QACX,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC;IAED,gBAAgB;QACd,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACvD,CAAC;CACF","sourcesContent":["import { ReactiveControllerHost } from 'lit';\n\nexport class MouseController {\n  private host: ReactiveControllerHost;\n\n  pos = { x: 0, y: 0 };\n\n  _onMouseMove = ({ clientX, clientY }: MouseEvent) => {\n    this.pos = { x: clientX, y: clientY };\n    this.host.requestUpdate();\n  };\n\n  _onClick = (e: MouseEvent) => {\n    console.log(`click: ${e.target}`);\n    console.log(`pos: ${this.pos.x}`);\n    this.host.requestUpdate();\n  };\n\n  _onScroll = (e: Event) => {\n    console.log(`scroll: ${e.target}`);\n    console.log(`pos: ${this.pos.y}`);\n    console.log(`pos: ${window.scrollY} ${window.innerHeight}`);\n    this.host.requestUpdate();\n  };\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected() {\n    window.addEventListener('mousemove', this._onMouseMove);\n    window.addEventListener('click', this._onClick);\n    window.addEventListener('scroll', this._onScroll);\n  }\n\n  hostDisconnected() {\n    window.removeEventListener('mousemove', this._onMouseMove);\n    window.removeEventListener('click', this._onClick);\n    window.removeEventListener('scroll', this._onScroll);\n  }\n}\n"]}

package/dist/src/helpers/style.helpers.js

@@ -1,6 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}
-//# sourceMappingURL=style.helpers.js.map

package/dist/src/helpers/style.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.helpers.js","sourceRoot":"","sources":["../../../src/helpers/style.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/src/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/interfaces/actionable.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=actionable.interface.js.map

package/dist/src/interfaces/actionable.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actionable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/actionable.interface.ts"],"names":[],"mappings":"","sourcesContent":["import React from 'react';\r\n\r\nexport type ActionableProps = Partial<{\r\n  onClick: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\r\n  onSubmit: (event?: React.FormEvent<HTMLFormElement>) => void;\r\n}>;\r\n"]}

package/dist/src/interfaces/atomic.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=atomic.interface.js.map

package/dist/src/interfaces/atomic.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"atomic.interface.js","sourceRoot":"","sources":["../../../src/interfaces/atomic.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type AtomicProps = Partial<{\r\n  id: string;\r\n  className: string;\r\n  name: string;\r\n  title: string;\r\n}>;\r\n"]}

package/dist/src/interfaces/changeable.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=changeable.interface.js.map

package/dist/src/interfaces/changeable.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"changeable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/changeable.interface.ts"],"names":[],"mappings":"","sourcesContent":["import React from 'react';\r\n\r\nimport { IntractableProps } from './intractable.interface';\r\n\r\nexport type ChangeableProps<\r\n  T = React.ChangeEvent<HTMLInputElement> | string | number,\r\n  K = unknown\r\n> = Partial<\r\n  IntractableProps & {\r\n    onChange: (event?: T, value?: K) => void;\r\n    onBlur: (event?: T) => void;\r\n    onPaste: (event?: T) => void;\r\n  }\r\n>;\r\n"]}

package/dist/src/interfaces/child-support-atomic.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=child-support-atomic.interface.js.map

package/dist/src/interfaces/child-support-atomic.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"child-support-atomic.interface.js","sourceRoot":"","sources":["../../../src/interfaces/child-support-atomic.interface.ts"],"names":[],"mappings":"","sourcesContent":["import { AtomicProps } from './atomic.interface';\r\n\r\nexport type AtomicComponentWithChildren = {\r\n  children: React.ReactNode;\r\n} & AtomicProps;\r\n"]}

package/dist/src/interfaces/index.js

@@ -1,7 +0,0 @@
-export * from './actionable.interface';
-export * from './atomic.interface';
-export * from './child-support-atomic.interface';
-export * from './changeable.interface';
-export * from './intractable.interface';
-export * from './variant.interface';
-//# sourceMappingURL=index.js.map

package/dist/src/interfaces/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './actionable.interface';\nexport * from './atomic.interface';\nexport * from './child-support-atomic.interface';\nexport * from './changeable.interface';\nexport * from './intractable.interface';\nexport * from './variant.interface';\n"]}

package/dist/src/interfaces/intractable.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=intractable.interface.js.map

package/dist/src/interfaces/intractable.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"intractable.interface.js","sourceRoot":"","sources":["../../../src/interfaces/intractable.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type IntractableProps<T = string> = Partial<{\r\n  isDisabled: boolean;\r\n  isChecked: boolean;\r\n  isReadOnly: boolean;\r\n  type: T;\r\n}>;\r\n"]}

package/dist/src/interfaces/variant.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=variant.interface.js.map

package/dist/src/interfaces/variant.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant.interface.js","sourceRoot":"","sources":["../../../src/interfaces/variant.interface.ts"],"names":[],"mappings":"","sourcesContent":["export type VariantProps<T> = Partial<{\n  variant: T;\n}>;\n"]}

package/dist/src/lib/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/dist/src/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/lib/next/next.lib.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=next.lib.js.map

package/dist/src/lib/next/next.lib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"next.lib.js","sourceRoot":"","sources":["../../../../src/lib/next/next.lib.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/lib/react/react.lib.js

@@ -1,16 +0,0 @@
-import { createComponent } from '@lit-labs/react';
-import { Button } from '@/components/atoms/button/button.atom';
-import { Checkbox } from '@/components/atoms/checkbox/checkbox.atom';
-import React from 'react';
-const ButtonReact = createComponent({
-    tagName: 'rtg-button',
-    elementClass: Button,
-    react: React,
-});
-const CheckboxReact = createComponent({
-    tagName: 'rtg-checkbox',
-    elementClass: Checkbox,
-    react: React,
-});
-export { ButtonReact, CheckboxReact };
-//# sourceMappingURL=react.lib.js.map

package/dist/src/lib/react/react.lib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.lib.js","sourceRoot":"","sources":["../../../../src/lib/react/react.lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,GAAG,eAAe,CAAC;IAClC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { createComponent } from '@lit-labs/react';\nimport { Button } from '@/components/atoms/button/button.atom';\nimport { Checkbox } from '@/components/atoms/checkbox/checkbox.atom';\nimport React from 'react';\n\nconst ButtonReact = createComponent({\n  tagName: 'rtg-button',\n  elementClass: Button,\n  react: React,\n});\n\nconst CheckboxReact = createComponent({\n  tagName: 'rtg-checkbox',\n  elementClass: Checkbox,\n  react: React,\n});\n\nexport { ButtonReact, CheckboxReact };\n"]}