@edu-tosel/design 1.0.59 → 1.0.61

package/version.txt

@@ -1 +1 @@
-1.0.59
+1.0.61

package/widget/CheckBox.d.ts

@@ -1,2 +1,2 @@
-import { HTMLCheckBoxElement } from "../interface";
-export default function Checkbox({ state: [checked, setChecked], labels, options, color, }: HTMLCheckBoxElement): import("react/jsx-runtime").JSX.Element;
+import { CheckBoxWidget } from "../interface";
+export default function Checkbox({ state: [checked, setChecked], labels, options, color, }: CheckBoxWidget): import("react/jsx-runtime").JSX.Element;

package/widget/DatePicker.d.ts

@@ -1,3 +1,3 @@
-import { HTMLInput } from "../interface";
+import { InputWidget } from "../interface";
 import "react-datepicker/dist/react-datepicker.css";
-export default function DatePicker({ options }: HTMLInput): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker({ options }: InputWidget): import("react/jsx-runtime").JSX.Element;

package/widget/EmailInput.d.ts

@@ -1,2 +1,2 @@
-import { HTMLInput } from "../interface";
-export default function EmailInput({ state, placeholder, options }: HTMLInput): import("react/jsx-runtime").JSX.Element;
+import { InputWidget } from "../interface";
+export default function EmailInput({ state, placeholder, options, }: InputWidget): import("react/jsx-runtime").JSX.Element;

package/widget/EmailInput.js

@@ -10,7 +10,7 @@ const widthSize = {
     "2xl": "w-144",
     full: "w-full",
 };
-export default function EmailInput({ state, placeholder, options }) {
+export default function EmailInput({ state, placeholder, options, }) {
     const { width } = options ?? {};
     const id = useId();
     const [value, setValue] = state;

package/widget/Toggle.d.ts

@@ -1,5 +1,5 @@
-import { HTMLElement, State } from "../interface";
-export interface HTMLToggleElement extends HTMLElement {
+import { Widget, State } from "../interface";
+export interface HTMLToggleElement extends Widget {
     state: State<boolean>;
     labels?: [[true, string], [false, string]];
 }

package/widget/design/Label.design.d.ts

@@ -1,2 +1,2 @@
-import { HTMLLabelElement } from "../../interface";
-export default function LabelDesign({ title, onClick, options, hoverState, }: HTMLLabelElement): import("react/jsx-runtime").JSX.Element;
+import { LabelWidget } from "../../interface";
+export default function LabelDesign({ title, onClick, options, hoverState, }: LabelWidget): import("react/jsx-runtime").JSX.Element;

package/widget/template/Input.d.ts

@@ -1,6 +1,6 @@
-import { HTMLInput } from "../../interface";
-declare function Input({ state, onKeyDown, placeholder, options }: HTMLInput): import("react/jsx-runtime").JSX.Element;
+import { InputWidget } from "../../interface";
+declare function Input({ state, onKeyDown, placeholder, options }: InputWidget): import("react/jsx-runtime").JSX.Element;
 declare namespace Input {
-    var LG: ({ state, placeholder, flag, type, label }: HTMLInput) => import("react/jsx-runtime").JSX.Element;
+    var LG: ({ state, placeholder, flag, type, label }: InputWidget) => import("react/jsx-runtime").JSX.Element;
 }
 export default Input;

package/widget/template/Label.d.ts

@@ -1,7 +1,7 @@
-import { HTMLLabelElement } from "../../interface";
-declare function Label({ title, options }: Omit<HTMLLabelElement, "onClick">): import("react/jsx-runtime").JSX.Element;
+import { LabelWidget } from "../../interface";
+declare function Label({ title, options }: Omit<LabelWidget, "onClick">): import("react/jsx-runtime").JSX.Element;
 declare namespace Label {
-    var Button: ({ title, hoverTitle, onClick, options, }: Omit<HTMLLabelElement, "hoverState"> & {
+    var Button: ({ title, hoverTitle, onClick, options, }: Omit<LabelWidget, "hoverState"> & {
         hoverTitle?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 }

package/widget/template/Select/Select.LG.d.ts

@@ -1,2 +1,2 @@
-import { HTMLSelectElement } from "../../../interface";
-export default function SelectLG<T>({ state, selectOptions, placeholder, options, }: HTMLSelectElement<T>): import("react/jsx-runtime").JSX.Element;
+import { SelectWidget } from "../../../interface";
+export default function SelectLG<T>({ state, selectOptions, placeholder, options, }: SelectWidget<T>): import("react/jsx-runtime").JSX.Element;

package/widget/template/Select/Select.d.ts

@@ -1,2 +1,2 @@
-import { HTMLSelectElement } from "../../../interface";
-export default function Select<T>({ state, selectOptions, placeholder, options, }: HTMLSelectElement<T>): import("react/jsx-runtime").JSX.Element;
+import { SelectWidget } from "../../../interface";
+export default function Select<T>({ state, selectOptions, placeholder, options, }: SelectWidget<T>): import("react/jsx-runtime").JSX.Element;

package/widget/template/Switch/Switch.d.ts

@@ -1,3 +1,3 @@
-import { SwitchProps } from "../../../interface/widget";
+import { SwitchProps } from "../../../interface";
 declare function Switch<T>({ state, values, display, options }: SwitchProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Switch;

package/interface/HTMLElement.d.ts

@@ -1,56 +0,0 @@
-import { Disabled, OnClick, Size, State } from "./Property";
-export declare const HTMLElementType: {
-    readonly TEXT: "text";
-    readonly BUTTON: "button";
-    readonly INPUT: "input";
-    readonly SELECT: "select";
-    readonly TOGGLE: "toggle";
-};
-export type HTMLElementType = (typeof HTMLElementType)[keyof typeof HTMLElementType];
-export interface HTMLElement {
-    options?: {
-        className?: string;
-        width?: Size;
-        height?: Size;
-        background?: string;
-        text?: string;
-        disabled?: Disabled;
-        rounded?: string;
-    };
-}
-export interface HTMLLabelElement extends HTMLElement {
-    title: string;
-    hoverState?: State<boolean>;
-    onClick?: OnClick;
-}
-export type SelectOption<T> = [T, string];
-export interface HTMLSelectElement<T> extends HTMLElement {
-    state: State<T>;
-    selectOptions?: SelectOption<T>[];
-    placeholder?: string;
-}
-type HTMLInputType = "text" | "password" | "date" | "email" | "phone" | "number";
-export interface HTMLInput extends HTMLElement {
-    state: State<string> | State<string | undefined>;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    placeholder?: string;
-    flag?: boolean;
-    type?: HTMLInputType;
-    label?: HTMLLabelElement;
-}
-export type ColorType = "red" | "blue" | "green";
-export interface HTMLCheckBoxElement extends HTMLElement {
-    state: State<boolean>;
-    labels: string;
-    color: ColorType;
-}
-export interface HTMLElementFrame {
-    title: string;
-    type: HTMLElementType;
-    state: State<any>;
-    selectOptions?: SelectOption<string | number>[];
-    labels?: [string | boolean, string][];
-    disabled?: Disabled;
-    onClick?: OnClick;
-}
-export {};

package/interface/HTMLElement.js

@@ -1,7 +0,0 @@
-export const HTMLElementType = {
-    TEXT: "text",
-    BUTTON: "button",
-    INPUT: "input",
-    SELECT: "select",
-    TOGGLE: "toggle",
-};