prom-pal-ui 1.0.0

package/build/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./ui/button";
+export * from "./ui/select";
+export * from "./ui/fields";
+export * from "./ui/skeleton";
+export * from "./lib/index";
+import "./styles/tailwind.css";
+export * from "./ui/test";

package/build/types/lib/form/rules/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./schema";
+export * from "./schema-msg";

package/build/types/lib/form/rules/schema-msg.d.ts

@@ -0,0 +1,5 @@
+declare const PROM_MSG_ERROR: {
+    EMPTY: string;
+    INVALID_VALUES: string;
+};
+export { PROM_MSG_ERROR };

package/build/types/lib/form/rules/schema.d.ts

@@ -0,0 +1,3 @@
+import z from "zod";
+declare const promSchemaPhone: z.ZodString;
+export { promSchemaPhone };

package/build/types/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { cn } from "./utils";
+export * from "./form/rules";

package/build/types/lib/utils.d.ts

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

package/build/types/ui/button.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { CommonPromComponentProps } from "./types";
+declare const buttonVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare const skeletonVariants: (props?: {
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+interface PromButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants>, CommonPromComponentProps {
+    asChild?: boolean;
+    loadingText?: string;
+}
+declare function PromButton({ size, variant, children, disabled, className, loadingText, isLoad, asChild, skeleton, ...props }: PromButtonProps): import("react/jsx-runtime").JSX.Element;
+export { PromButton, buttonVariants, skeletonVariants };

package/build/types/ui/fields/form.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from "react";
+import { type ControllerProps, type FieldPath, type FieldValues, UseFormReturn } from "react-hook-form";
+import { z } from "zod";
+import { CommonPromComponentProps } from "../types";
+type PromFormRenderProps = {
+    isValid: boolean;
+    isSubmitting: boolean;
+    errors: Record<string, any>;
+    form: UseFormReturn<z.infer<any>>;
+};
+interface PromFromProps extends CommonPromComponentProps {
+    children?: ReactNode;
+    schema?: z.ZodObject<any>;
+    defaultValues?: z.infer<any>;
+    onSubmit?: (data: z.infer<any>) => void;
+    render?: (props: PromFormRenderProps) => ReactNode;
+    form?: UseFormReturn<z.infer<any>>;
+    errorDisplay?: ReactNode;
+}
+declare const PromFrom: ({ schema, render, children, onSubmit, defaultValues, form: externalForm, }: PromFromProps) => import("react/jsx-runtime").JSX.Element;
+declare const usePromForm: <T extends FieldValues>() => {
+    form: UseFormReturn<T, any, T>;
+    errors: import("react-hook-form").FieldErrors<T>;
+    isValid: boolean;
+    isSubmitting: boolean;
+    reset: import("react-hook-form").UseFormReset<T>;
+    watch: import("react-hook-form").UseFormWatch<T>;
+    control: import("react-hook-form").Control<T, any, T>;
+    setValue: import("react-hook-form").UseFormSetValue<T>;
+    register: import("react-hook-form").UseFormRegister<T>;
+    handleSubmit: import("react-hook-form").UseFormHandleSubmit<T, T>;
+    getValues: import("react-hook-form").UseFormGetValues<T>;
+    trigger: import("react-hook-form").UseFormTrigger<T>;
+};
+type PromFormFiledProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+declare const PromFormFiled: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: PromFormFiledProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const PromMessage: () => import("react/jsx-runtime").JSX.Element;
+declare const useCreatePromForm: ({ schema, defaultValues, }: {
+    schema: z.ZodObject<any>;
+    defaultValues?: z.infer<any>;
+}) => UseFormReturn<any, unknown, Record<string, unknown>>;
+export { PromFrom, usePromForm, PromMessage, PromFormFiled, useCreatePromForm, type PromFromProps, type PromFormRenderProps, };

package/build/types/ui/fields/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./form";
+export * from "./input";
+export * from "./label";
+export * from "./textarea";
+export * from "./switch-field";
+export * from "./select-field";

package/build/types/ui/fields/input.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+import { CommonPromComponentProps, CommonPromStyle } from "../types";
+interface PromInputProps extends CommonPromComponentProps, CommonPromStyle, Omit<React.ComponentProps<"input">, "name"> {
+    name: string;
+    label?: string;
+}
+declare const PromInput: FC<PromInputProps>;
+export { PromInput };

package/build/types/ui/fields/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function PromLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { PromLabel };

package/build/types/ui/fields/select-field.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { CommonPromComponentProps, CommonPromStyle } from "../types";
+interface PromSelectType {
+    key: string | number;
+    value: string;
+}
+type PromSelectFieldProps = CommonPromStyle & CommonPromComponentProps & {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    options: PromSelectType[];
+};
+declare const PromSelectField: FC<PromSelectFieldProps>;
+declare function promSelectFilterOptions<T extends Record<string, any>, K extends keyof T>(obj: T, allowedKeys: K[]): Array<{
+    key: K;
+    value: T[K];
+}>;
+export { PromSelectField, promSelectFilterOptions };

package/build/types/ui/fields/switch-field.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+interface PromSwitchFieldProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
+    name: string;
+    label?: string;
+    isLoad?: boolean;
+    isDisable?: boolean;
+}
+declare const PromSwitchField: React.FC<PromSwitchFieldProps>;
+export { PromSwitchField };

package/build/types/ui/fields/switch.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+interface PromSwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root> {
+    name: string;
+    isLoad?: boolean;
+    isDisable?: boolean;
+}
+declare const PromSwitch: React.FC<PromSwitchProps>;
+export { PromSwitch };

package/build/types/ui/fields/textarea.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+import { CommonPromComponentProps, CommonPromStyle } from "../types";
+interface PromTextareaProps extends CommonPromComponentProps, CommonPromStyle, Omit<React.ComponentProps<"textarea">, "name"> {
+    name: string;
+    label?: string;
+}
+declare const PromTextarea: FC<PromTextareaProps>;
+export { PromTextarea };

package/build/types/ui/form.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from "react";
+import { type ControllerProps, type FieldPath, type FieldValues, UseFormReturn } from "react-hook-form";
+import { z } from "zod";
+import { CommonPromComponentProps } from "./types";
+type PromFormRenderProps = {
+    isValid: boolean;
+    isSubmitting: boolean;
+    errors: Record<string, any>;
+    form: UseFormReturn<z.infer<any>>;
+};
+interface PromFromProps extends CommonPromComponentProps {
+    children?: ReactNode;
+    schema: z.ZodObject<any>;
+    defaultValues?: z.infer<any>;
+    onSubmit: (data: z.infer<any>) => void;
+    render?: (props: PromFormRenderProps) => ReactNode;
+    errorDisplay?: ReactNode;
+}
+declare const PromFrom: ({ schema, render, children, onSubmit, defaultValues, }: PromFromProps) => import("react/jsx-runtime").JSX.Element;
+declare const usePromForm: <T extends FieldValues>() => {
+    form: UseFormReturn<T, any, T>;
+    errors: import("react-hook-form").FieldErrors<T>;
+    isValid: boolean;
+    isSubmitting: boolean;
+    reset: import("react-hook-form").UseFormReset<T>;
+    watch: import("react-hook-form").UseFormWatch<T>;
+    control: import("react-hook-form").Control<T, any, T>;
+    setValue: import("react-hook-form").UseFormSetValue<T>;
+    register: import("react-hook-form").UseFormRegister<T>;
+    handleSubmit: import("react-hook-form").UseFormHandleSubmit<T, T>;
+};
+type PromFormFiledProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+declare const PromFormFiled: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: PromFormFiledProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const PromMessage: () => import("react/jsx-runtime").JSX.Element;
+export { PromFrom, usePromForm, PromMessage, PromFormFiled, type PromFromProps, type PromFormRenderProps, };

package/build/types/ui/input.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+import { CommonPromComponentProps, CommonPromStyle } from "./types";
+interface PromInputProps extends CommonPromComponentProps, CommonPromStyle, Omit<React.ComponentProps<"input">, "name"> {
+    name: string;
+    label?: string;
+}
+declare const PromInput: FC<PromInputProps>;
+export { PromInput };

package/build/types/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/build/types/ui/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function PromSelect({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function PromSelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { PromSelect, PromSelectContent, PromSelectGroup, PromSelectItem, PromSelectLabel, PromSelectScrollDownButton, PromSelectScrollUpButton, PromSelectSeparator, PromSelectTrigger, PromSelectValue, };

package/build/types/ui/skeleton.d.ts

@@ -0,0 +1,2 @@
+declare function PromSkeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { PromSkeleton };

package/build/types/ui/switch.d.ts

@@ -0,0 +1,4 @@
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React from "react";
+declare const PromSwitch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { PromSwitch };

package/build/types/ui/test.d.ts

@@ -0,0 +1 @@
+export declare function PromTest(): import("react/jsx-runtime").JSX.Element;

package/build/types/ui/textarea.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+import { CommonPromComponentProps, CommonPromStyle } from "./types";
+interface PromTextareaProps extends CommonPromComponentProps, CommonPromStyle, Omit<React.ComponentProps<"textarea">, "name"> {
+    name: string;
+    label?: string;
+}
+declare const PromTextarea: FC<PromTextareaProps>;
+export { PromTextarea };

package/build/types/ui/types.d.ts

@@ -0,0 +1,8 @@
+export interface CommonPromStyle {
+    styleTitle?: string;
+    styleWrapper?: string;
+}
+export interface CommonPromComponentProps {
+    isLoad?: boolean;
+    skeleton?: boolean;
+}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "prom-pal-ui",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "build/cjs/index.js",
+  "module": "build/esm/index.js",
+  "types": "build/types/index.d.ts",
+  "files": [
+    "build"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "author": "promotion-pal",
+  "license": "ISC",
+  "devDependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^19.2.3",
+    "autoprefixer": "^10.4.23",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "postcss": "^8.5.6",
+    "react-hook-form": "^7.69.0",
+    "rollup": "^4.54.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.18",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "zod": "^4.3.4"
+  },
+  "peerDependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^19.2.3",
+    "class-variance-authority": "^0.7.1",
+    "react": ">=16",
+    "react-dom": ">=16",
+    "react-hook-form": "^7.69.0",
+    "zod": "^4.3.4"
+  },
+  "dependencies": {
+    "postcss-selector-parser": "^7.1.1",
+    "react-jss": "^10.10.0"
+  },
+  "scripts": {
+    "build": "rollup --config",
+    "dev": "rollup --config --watch",
+    "clean": "rm -rf build"
+  }
+}