revotech-ui-kit 0.0.6-beta → 0.0.7-beta

package/src/helpers/base-element.ts

@@ -1,79 +0,0 @@
-import { LitElement } from 'lit';
-
-export abstract class BaseElement extends LitElement {
-  constructor() {
-    super();
-  }
-
-  protected abstract getAttributesToExclude(): string[];
-
-  // Helper method to filter attributes based on exclusion rules
-  protected getFilteredAttributes(): { [key: string]: string } {
-    const attributes: { [key: string]: string } = {};
-    Array.from(this.attributes).forEach(attr => {
-      if (!this.getAttributesToExclude().includes(attr.name)) {
-        attributes[attr.name] = attr.value ?? '';
-      }
-    });
-    return attributes;
-  }
-  protected isCustomPropertySet(property: string): boolean {
-    const value = getComputedStyle(this).getPropertyValue(property).trim();
-    return value !== 'inherit' && value.length > 0;
-  }
-
-  protected applyCustomClass(
-    variables: string[],
-    selector: string,
-    className = ''
-  ): void {
-    let customClass = '';
-
-    if (variables.some(variable => this.isCustomPropertySet(variable))) {
-      customClass = className;
-    }
-    if (customClass)
-      this.shadowRoot?.querySelector(selector)?.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>
-
-//     `;
-//   }
-// }

package/src/helpers/index.ts

@@ -1,3 +0,0 @@
-export * from './mouse-conroller.helper';
-export * from './style.helpers';
-export * from './base-element';

package/src/helpers/mouse-conroller.helper.ts

@@ -1,42 +0,0 @@
-import { ReactiveControllerHost } from 'lit';
-
-export class MouseController {
-  private host: ReactiveControllerHost;
-
-  pos = { x: 0, y: 0 };
-
-  _onMouseMove = ({ clientX, clientY }: MouseEvent) => {
-    this.pos = { x: clientX, y: clientY };
-    this.host.requestUpdate();
-  };
-
-  _onClick = (e: MouseEvent) => {
-    console.log(`click: ${e.target}`);
-    console.log(`pos: ${this.pos.x}`);
-    this.host.requestUpdate();
-  };
-
-  _onScroll = (e: Event) => {
-    console.log(`scroll: ${e.target}`);
-    console.log(`pos: ${this.pos.y}`);
-    console.log(`pos: ${window.scrollY} ${window.innerHeight}`);
-    this.host.requestUpdate();
-  };
-
-  constructor(host: ReactiveControllerHost) {
-    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);
-  }
-}

package/src/helpers/style.helpers.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/index.d.ts

@@ -1 +0,0 @@
-declare module 'revotech-ui-kit';

package/src/index.ts

@@ -1 +0,0 @@
-export { Button } from './components/atoms/button/button.atom';

package/src/interfaces/actionable.interface.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-
-export type ActionableProps = Partial<{
-  onClick: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-  onSubmit: (event?: React.FormEvent<HTMLFormElement>) => void;
-}>;

package/src/interfaces/atomic.interface.ts

@@ -1,6 +0,0 @@
-export type AtomicProps = Partial<{
-  id: string;
-  className: string;
-  name: string;
-  title: string;
-}>;

package/src/interfaces/changeable.interface.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { IntractableProps } from './intractable.interface';
-
-export type ChangeableProps<
-  T = React.ChangeEvent<HTMLInputElement> | string | number,
-  K = unknown
-> = Partial<
-  IntractableProps & {
-    onChange: (event?: T, value?: K) => void;
-    onBlur: (event?: T) => void;
-    onPaste: (event?: T) => void;
-  }
->;

package/src/interfaces/child-support-atomic.interface.ts

@@ -1,5 +0,0 @@
-import { AtomicProps } from './atomic.interface';
-
-export type AtomicComponentWithChildren = {
-  children: React.ReactNode;
-} & AtomicProps;

package/src/interfaces/index.ts

@@ -1,6 +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';

package/src/interfaces/intractable.interface.ts

@@ -1,6 +0,0 @@
-export type IntractableProps<T = string> = Partial<{
-  isDisabled: boolean;
-  isChecked: boolean;
-  isReadOnly: boolean;
-  type: T;
-}>;

package/src/interfaces/variant.interface.ts

@@ -1,3 +0,0 @@
-export type VariantProps<T> = Partial<{
-  variant: T;
-}>;

package/src/lib/react/react.lib.ts

@@ -1,18 +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 };