tvuikit 0.1.0

package/README.md

@@ -0,0 +1,30 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: ["./tsconfig.json", "./tsconfig.node.json"],
+    tsconfigRootDir: __dirname,
+  },
+};
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/assets/checkbutton.d.ts

@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type CheckbuttonProps = {
+    inputName?: string;
+    inputId?: string;
+    size?: number;
+    checked?: boolean;
+    type: "checkbox" | "radio";
+} & DivProps;
+export declare const Checkbutton: ({ inputName, inputId, className, style, onClick, size, checked, type, ...props }: CheckbuttonProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbutton;

package/dist/assets/checker.svg.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+
+export type CheckmarkProps = {
+    size: number | string;
+    ref: Ref<SVGSVGElement | null>;
+    className: string;
+};
+export declare const Checkmark: ({ size, ref, className }: CheckmarkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/round.svg.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+
+export type RoundProps = {
+    size: number | string;
+    ref: Ref<SVGSVGElement | null>;
+    className: string;
+};
+export declare const Round: ({ size, ref, className }: RoundProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/active/active.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type AcitveProps = {
+    actived: boolean;
+    children: ReactNode;
+    name?: string;
+};
+export declare const Active: ({ actived, children, name }: AcitveProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/background/background.d.ts

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+export type BackgroundProps = {
+    imageVar: string;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const Background: ({ style, imageVar, className, ...props }: BackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export default Background;

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

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

package/dist/components/background/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/background/story.d.ts

@@ -0,0 +1,6 @@
+export type PageProps = {
+    imageVar: string;
+    height: string;
+    width: string;
+};
+export declare const Page: ({ imageVar, ...props }: PageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/button/button.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps, ReactNode } from 'react';
+import { BUTTONS } from '../../variables/colors';
+
+export type ButtonProps = {
+    children: ReactNode;
+    variant?: keyof typeof BUTTONS;
+} & DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare const Button: ({ variant, children, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/button/index.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Danger: Story;
+export declare const Secondary: Story;
+export declare const Tetriary: Story;
+export default meta;

package/dist/components/button/story.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { BUTTONS } from '../../variables/colors';
+
+export type PageProps = {
+    buttonChildren: ReactNode;
+    buttonType: keyof typeof BUTTONS;
+};
+export declare const Page: ({ buttonChildren: children, buttonType: type, }: PageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { CheckbuttonProps } from '../../assets/checkbutton';
+
+export type CheckboxProps = Omit<CheckbuttonProps, "type">;
+export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

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

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

package/dist/components/checkbox/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/checkbox/story.d.ts

@@ -0,0 +1,5 @@
+type PageProps = {
+    size: number;
+};
+export declare const Page: ({ size }: PageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/guideline/button.d.ts

@@ -0,0 +1,2 @@
+export declare const Button: () => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/guideline/checkbox.d.ts

@@ -0,0 +1 @@
+export declare const Checkbox: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './button';
+export * from './text';

package/dist/components/guideline/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/guideline/radio.d.ts

@@ -0,0 +1 @@
+export declare const Radio: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/guideline/story.d.ts

@@ -0,0 +1 @@
+export declare const Page: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/guideline/switch.d.ts

@@ -0,0 +1 @@
+export declare const Switch: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/guideline/text.d.ts

@@ -0,0 +1,2 @@
+export declare const Text: () => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './button';
+export * from './background';
+export * from './input';
+export * from './wrapper';
+export * from './modal';
+export * from './active';
+export * from './checkbox';
+export * from './switch';
+export * as Guildline from './guideline';

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

@@ -0,0 +1,2 @@
+export * from './input';
+export * from './textarea';

package/dist/components/input/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/input/input.d.ts

@@ -0,0 +1,5 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+
+export type InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const Input: ({ className, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/components/input/story.d.ts

@@ -0,0 +1 @@
+export declare const Page: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/input/textarea.d.ts

@@ -0,0 +1,5 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
+
+export type TextareaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+export declare const Textarea: ({ className, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+export default Textarea;

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

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

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, HTMLAttributes, Key } from 'react';
+
+export type ModalProps = {
+    container: Element | DocumentFragment;
+    portalKey?: Key | null;
+    zIndex?: number;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const Modal: ({ container, children, portalKey, className, zIndex, style, ...props }: ModalProps) => import('react').ReactPortal;
+export default Modal;

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

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

package/dist/components/radio/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,5 @@
+import { CheckbuttonProps } from '../../assets/checkbutton';
+
+export type RadioProps = Omit<CheckbuttonProps, "type">;
+export declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/dist/components/radio/story.d.ts

@@ -0,0 +1,5 @@
+type PageProps = {
+    size: number;
+};
+export declare const Page: ({ size }: PageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/components/switch/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Page } from './story';
+
+declare const meta: Meta<typeof Page>;
+type Story = StoryObj<typeof Page>;
+export declare const Default: Story;
+export default meta;

package/dist/components/switch/story.d.ts

@@ -0,0 +1,5 @@
+type PageProps = {
+    size: number;
+};
+export declare const Page: ({ size }: PageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,11 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+export type RadiocheckboxProps = {
+    inputName?: string;
+    inputId?: string;
+    radioSize?: number;
+    dangerousDisableError?: boolean;
+    checked?: boolean;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const Switch: ({ inputId, inputName, dangerousDisableError, style, className, onClick, radioSize, checked, ...props }: RadiocheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

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

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

package/dist/components/wrapper/wrapper.d.ts

@@ -0,0 +1,7 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+export type WrapperProps = {
+    flexDirection?: "col" | "row";
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const Wrapper: ({ flexDirection, className, ...props }: WrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default Wrapper;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * as VARIABLES from './variables';
+export * from './components';