@revotech-group/revotech-ui-kit 0.0.50

package/dist/src/components/molecules/tabs/tab-trigger.d.ts

@@ -0,0 +1,17 @@
+import { PropertyValues } from 'lit-element';
+import { Tab } from './tab.molecules';
+import { TabList } from './tab-list';
+import { BaseElement } from '../../../helpers';
+declare class TabsTrigger extends BaseElement {
+    defaultValue: string;
+    value: string;
+    onClickCallback?: (tabValue: string) => void;
+    static styles: import("lit-element").CSSResult[];
+    get _tab(): Tab | null;
+    get _tabList(): TabList | null;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    handleClick: (event: Event) => void;
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { TabsTrigger };

package/dist/src/components/molecules/tabs/tab.molecules.d.ts

@@ -0,0 +1,15 @@
+import { PropertyValues } from 'lit-element';
+import { BaseElement } from '../../../helpers';
+declare class Tab extends BaseElement {
+    defaultValue: string;
+    tabindex: number;
+    twCLass: string;
+    static styles: import("lit-element").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    protected getAttributesToExclude(): string[];
+    raiseEvent(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { Tab };

package/dist/src/components/molecules/tabs/tab.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryFn } from '@storybook/web-components';
+export declare enum TAB_LIST {
+    /**
+     * @Default variant
+     */
+    ACCOUNT = "account",
+    /**
+     * @Outline variant
+     */
+    PASSWORD = "password"
+}
+declare const _default: Meta;
+export default _default;
+export declare const Tab: StoryFn;

package/dist/src/components/molecules/toggle-group/toggle-group-item.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit-element';
+import { TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
+declare class ToggleGroupItem extends LitElement {
+    checked: boolean;
+    id: string;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    disabled: boolean;
+    static styles: import("lit-element").CSSResult[];
+    static toggleGroupVariants: (props?: ({
+        variant?: "default" | "outline" | null | undefined;
+        size?: "sm" | "lg" | "md" | null | undefined;
+    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    protected getAttributesToExclude(): string[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ToggleGroupItem };

package/dist/src/components/molecules/toggle-group/toggle-group.defs.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Toggle Group Type.
+ */
+export declare enum TOGGLE_GROUP_TYPE {
+    /**
+     * @multiple Type
+     */
+    MULTIPLE = "multiple",
+    /**
+     * @medium size
+     */
+    SINGLE = "single"
+}
+export declare enum TOGGLE_GROUP_VARIANT {
+    /**
+     * @Default variant
+     */
+    DEFAULT = "default",
+    /**
+     * @Outline variant
+     */
+    OUTLINE = "outline"
+}
+export declare enum TOGGLE_GROUP_SIZE {
+    /**
+     * @Small size
+     */
+    SMALL = "sm",
+    /**
+     * @medium size
+     */
+    MEDIUM = "md",
+    /**
+     * @Large size
+     */
+    LARGE = "lg"
+}

package/dist/src/components/molecules/toggle-group/toggle-group.molecules.d.ts

@@ -0,0 +1,19 @@
+import { BaseElement } from '../../../helpers';
+import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
+declare class ToggleGroup extends BaseElement {
+    twClass: string;
+    disabled: boolean;
+    type: TOGGLE_GROUP_TYPE;
+    required: boolean;
+    variant: TOGGLE_GROUP_VARIANT;
+    size: TOGGLE_GROUP_SIZE;
+    static styles: import("lit-element").CSSResult[];
+    protected getAttributesToExclude(): string[];
+    private selectedItems;
+    private childrenArray;
+    toggleSelection(itemId: string): void;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ToggleGroup, TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE, };

package/dist/src/components/molecules/toggle-group/toggle-group.stories.d.ts

@@ -0,0 +1,4 @@
+import type { Meta, StoryFn } from '@storybook/web-components';
+declare const _default: Meta;
+export default _default;
+export declare const toggle: StoryFn;

package/dist/src/components/molecules/toggle-group/toggle-group.style.d.ts

@@ -0,0 +1,4 @@
+export declare const toggleGroupStyle: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/src/helpers/base-element.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare abstract class BaseElement extends LitElement {
+    constructor();
+    protected abstract getAttributesToExclude(): string[];
+    protected getFilteredAttributes(): {
+        [key: string]: string;
+    };
+    protected isCustomPropertySet(property: string): boolean;
+    protected applyCustomClass(variables: string[], selector: string, className?: string): void;
+}

package/dist/src/helpers/genrate-uuid.helper.d.ts

@@ -0,0 +1 @@
+export declare function generateUUID(): string;

package/dist/src/helpers/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { ReactiveControllerHost } from 'lit';
+export declare class MouseController {
+    private host;
+    pos: {
+        x: number;
+        y: number;
+    };
+    _onMouseMove: ({ clientX, clientY }: MouseEvent) => void;
+    _onClick: (e: MouseEvent) => void;
+    _onScroll: (e: Event) => void;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/src/helpers/style.helpers.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+import { Alert, AlertDescription, AlertTitle, Button, Badge, Input, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator, AspectRatio, Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarItem, MenubarRadioItem, MenubarCheckboxItem, MenubarSeparator, MenubarShortcut, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuLink, Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationNext, PaginationPrevious, Carousel, Calendar, DatePicker } from './components';
+export { Alert, AlertDescription, AlertTitle, Button, Badge, Input, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator, AspectRatio, Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarItem, MenubarRadioItem, MenubarCheckboxItem, MenubarSeparator, MenubarShortcut, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuLink, Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationNext, PaginationPrevious, Carousel, Calendar, DatePicker, };

package/dist/src/interfaces/actionable.interface.d.ts

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

package/dist/src/interfaces/atomic.interface.d.ts

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

package/dist/src/interfaces/changeable.interface.d.ts

@@ -0,0 +1,7 @@
+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/dist/src/interfaces/child-support-atomic.interface.d.ts

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

package/dist/src/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+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/dist/src/interfaces/intractable.interface.d.ts

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

package/dist/src/interfaces/variant.interface.d.ts

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

package/dist/src/lib/react/react.lib.d.ts

@@ -0,0 +1,4 @@
+import { Button, Checkbox } from '../../components';
+declare const ButtonReact: import("@lit-labs/react").ReactWebComponent<Button, {}>;
+declare const CheckboxReact: import("@lit-labs/react").ReactWebComponent<Checkbox, {}>;
+export { ButtonReact, CheckboxReact };

package/dist/src/lib/tw-styles.d.ts

@@ -0,0 +1 @@
+export declare const TWStyles: import("lit").CSSResult;

package/dist/src/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './tw.styles';

package/dist/src/styles/tw.styles.d.ts

@@ -0,0 +1 @@
+export declare const TWStyles: import("lit").CSSResult;

package/dist/src/wc-ui-app.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class WcUiApp extends LitElement {
+    header: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/package.json

@@ -0,0 +1,135 @@
+{
+  "name": "@revotech-group/revotech-ui-kit",
+  "description": "Webcomponent wc-ui following open-wc recommendations",
+  "license": "MIT",
+  "author": "wc-ui",
+  "version": "0.0.50",
+  "type": "module",
+  "main": "dist/revotech-ui-kit.umd.cjs",
+  "module": "./dist/revotech-ui-kit.js",
+  "files": [
+    "dist"
+  ],
+  "types": "./dist/src/index.d.ts",
+  "scripts": {
+    "release": "npm version $(semver $npm_package_version -i major) && npm publish --tag latest",
+    "release:minor": "npm version $(semver $npm_package_version -i minor) && npm publish --tag latest",
+    "release:patch": "npm version $(semver $npm_package_version -i patch) && npm publish --tag latest",
+    "release:beta": "npm version $(semver $npm_package_version -i prerelease --preid $(npm whoami) ) && npm publish --tag beta",
+    "clean": "rimraf dist",
+    "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.js dist/public/",
+    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "storybook": "storybook dev -p 6006",
+    "test-storybook": "test-storybook",
+    "storybook:build": "storybook build",
+    "build-storybook": "storybook build",
+    "link:dev": "npm run build:prod && npm link",
+    "dev": "vite",
+    "build": "npm run clean & vite build",
+    "preview": "vite preview",
+    "analyze": "cem analyze --litelement",
+    "tw:watch": "concurrently \"tailwindcss -i ./src/tailwind-lib.css -o ./src/globals.css --watch\" \"twlit --input ./src/globals.css --output ./src/styles/tw.styles.ts \""
+  },
+  "dependencies": {
+    "@lit-labs/react": "^1.2.0",
+    "@open-wc/lit-helpers": "^0.7.0",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/web-components": "^8.0.0",
+    "@storybook/web-components-vite": "^8.0.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "husky": "^9.1.4",
+    "lit": "^3.1.2",
+    "playwright": "^1.47.1",
+    "react": "^18.3.1",
+    "storybook": "^8.3.4",
+    "tailwind-merge": "^2.2.1",
+    "tailwindcss-animate": "^1.0.7",
+    "vite": "^4.3.2",
+    "vite-plugin-dts": "^3.6.0",
+    "vite-plugin-html-config": "^1.0.11"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.16.4",
+    "@chromatic-com/storybook": "^1.9.0",
+    "@custom-elements-manifest/analyzer": "^0.4.17",
+    "@open-wc/eslint-config": "^9.2.1",
+    "@open-wc/testing": "^3.1.6",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/builder-vite": "^8.0.0",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/test": "^8.2.9",
+    "@storybook/test-runner": "^0.19.1",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
+    "@web/dev-server": "^0.1.34",
+    "@web/dev-server-storybook": "^0.5.4",
+    "@web/test-runner": "^0.14.0",
+    "babel-plugin-template-html-minifier": "^4.1.0",
+    "concurrently": "^5.3.0",
+    "copyfiles": "^2.4.1",
+    "deepmerge": "^4.2.2",
+    "eslint": "^8.31.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "lint-staged": "^10.5.4",
+    "prettier": "^2.4.1",
+    "rimraf": "^3.0.2",
+    "tailwindcss": "^3.4.1",
+    "tslib": "^2.3.1",
+    "twlit": "^0.0.1-alpha.37",
+    "typescript": "^5.3.3"
+  },
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "extends": [
+      "@open-wc",
+      "prettier",
+      "plugin:storybook/recommended"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "error",
+        "always",
+        {
+          "ignorePackages": true
+        }
+      ],
+      "max-classes-per-file": [
+        "error",
+        {
+          "ignoreExpressions": true,
+          "max": 10
+        }
+      ],
+      "no-plusplus": "off"
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "customElements": "custom-elements.json"
+}