cekat-ui 1.0.6 → 1.1.0

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,3 @@
 import { ButtonProps } from './button.types';
 declare const ButtonBase: ({ children, className, tone, variant, size, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export { ButtonBase };
 export default ButtonBase;

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-export type ButtonTone = 'primary';
-export type ButtonVariant = 'solid';
-export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
+import * as React from "react";
+export type ButtonTone = "primary" | "destructive";
+export type ButtonVariant = "solid" | "outline" | "outline-primary" | "ghost" | "ghost-primary" | "plain" | "plain-black";
+export type ButtonSize = "sm" | "md" | "lg" | "xl" | "2xl";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     tone?: ButtonTone;
-    variant?: ButtonVariant;
     size?: ButtonSize;
+    variant?: ButtonVariant;
 }
 export interface ButtonSubComponentProps {
     children: React.ReactNode;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from './checkbox.types';
+import * as React from 'react';
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export default Checkbox;

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

@@ -0,0 +1,5 @@
+export declare const checkboxBoxStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

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

@@ -0,0 +1,10 @@
+export type CheckboxSize = 'sm' | 'md' | 'lg';
+export interface CheckboxProps {
+    id?: string;
+    checked: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    size?: CheckboxSize;
+    onCheckedChange?: (value: boolean) => void;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as Checkbox } from './Checkbox';
+export { Checkbox };
+export type { CheckboxProps } from './checkbox.types';

package/dist/components/Input/CardNumberInput.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+interface CardNumberInputProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    rightIcon?: React.ReactNode;
+    prefix?: React.ReactNode;
+    className?: InputProps["className"];
+    wrapperClassName?: InputProps["wrapperClassName"];
+}
+export declare function CardNumberInput({ size, label, required, hint, error, disabled, placeholder, value, onChange, rightIcon, prefix, className, wrapperClassName, }: CardNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from './input.types';
+export default function Input({ label, required, hint, rightIcon, size, error, disabled, prefix, suffix, maxLength, value, className, wrapperClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/InputCounter.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+interface InputCounterProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    disabled?: boolean;
+    error?: boolean;
+    className?: InputProps["className"];
+    wrapperClassName?: InputProps["wrapperClassName"];
+    value: string;
+    maxLength: number;
+    placeholder?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}
+export declare function InputCounter({ size, label, required, hint, disabled, error, className, wrapperClassName, value, maxLength, placeholder, onChange, }: InputCounterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/InputPrefix.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export default function InputPrefix({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/InputSuffix.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export default function InputSuffix({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/PhoneInput.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+interface PhoneInputProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    rightIcon?: React.ReactNode;
+    value?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: InputProps["className"];
+    wrapperClassName?: InputProps["wrapperClassName"];
+}
+export declare function PhoneInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, value, onChange, className, wrapperClassName, }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/SaleAmountInput.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { InputProps } from './input.types';
+interface SaleAmountInputProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    value?: string;
+    placeholder?: string;
+    currency?: string;
+    onCurrencyChange?: () => void;
+    rightIcon?: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: InputProps["className"];
+    wrapperClassName?: InputProps["wrapperClassName"];
+}
+export declare function SaleAmountInput({ size, label, required, hint, error, disabled, value, placeholder, currency, onCurrencyChange, rightIcon, onChange, className, wrapperClassName, }: SaleAmountInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { default as InputBase } from './Input';
+import { default as InputPrefix } from './InputPrefix';
+import { default as InputSuffix } from './InputSuffix';
+type InputCompound = typeof InputBase & {
+    Prefix: typeof InputPrefix;
+    Suffix: typeof InputSuffix;
+};
+declare const Input: InputCompound;
+export { Input };
+export { PhoneInput } from './PhoneInput';
+export { SaleAmountInput } from './SaleAmountInput';
+export { InputCounter } from './InputCounter';
+export { CardNumberInput } from './CardNumberInput';

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

@@ -0,0 +1,18 @@
+export declare const inputWrapperStyles: (props?: {
+    size?: "sm" | "md";
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const labelStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputContainerStyles: (props?: {
+    size?: "sm" | "md";
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputStyles: (props?: {
+    size?: "sm" | "md";
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const hintStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

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

@@ -0,0 +1,16 @@
+import { ClassValue } from 'clsx';
+import * as React from "react";
+export type InputSize = "sm" | "md";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "className"> {
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    rightIcon?: React.ReactNode;
+    size?: InputSize;
+    error?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    maxLength?: number;
+    className?: ClassValue;
+    wrapperClassName?: ClassValue;
+}

package/dist/components/MultiSelectInput/MultiSelectInput.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ClassValue } from 'clsx';
+export interface MultiSelectOption {
+    id: string;
+    label: string;
+    avatar?: string;
+}
+interface MultiSelectInputProps {
+    size?: 'sm' | 'md';
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    rightIcon?: React.ReactNode;
+    className?: ClassValue;
+    wrapperClassName?: ClassValue;
+    options: MultiSelectOption[];
+    value?: MultiSelectOption[];
+    onChange?: (value: MultiSelectOption[]) => void;
+}
+export declare function MultiSelectInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, className, wrapperClassName, options, value, onChange, }: MultiSelectInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { MultiSelectInput } from './MultiSelectInput';

package/dist/components/MultiSelectInput/multiSelectInput.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const wrapperStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const labelStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const containerStyles: (props?: {
+    size?: "sm" | "md";
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const scrollAreaStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const chipStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const inputStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const hintStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps } from './radio.types';
+export declare const RadioGroup: ({ value, defaultValue, onValueChange, children, className, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useRadioGroup: () => {
+    value?: string;
+    onValueChange?: (value: string) => void;
+};

package/dist/components/Radio/RadioGroupItem.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupItemProps } from './radio.types';
+import * as React from 'react';
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+export { RadioGroup } from './RadioGroup';
+export { RadioGroupItem } from './RadioGroupItem';
+export type { RadioGroupProps, RadioGroupItemProps, } from './radio.types';

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

@@ -0,0 +1,9 @@
+export declare const radioOuterStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const radioInnerStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

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

@@ -0,0 +1,15 @@
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioGroupProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface RadioGroupItemProps {
+    id?: string;
+    value: string;
+    disabled?: boolean;
+    size?: RadioSize;
+    className?: string;
+}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+import { ToggleProps } from './toggle.types';
+import * as React from 'react';
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export default Toggle;

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

@@ -0,0 +1,3 @@
+import { default as Toggle } from './Toggle';
+export { Toggle };
+export type { ToggleProps } from './toggle.types';

package/dist/components/Toggle/toggle.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const toggleTrackStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const toggleThumbStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Toggle/toggle.types.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    checked?: boolean;
+    size?: ToggleSize;
+    onCheckedChange?: (checked: boolean) => void;
+}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import { TooltipProps } from './tooltip.types';
+declare const Tooltip: {
+    ({ content, side, open, defaultOpen, disabled, delay, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Tooltip;

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

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './tooltip.types';

package/dist/components/Tooltip/tooltip.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const tooltipContentStyles: (props?: {
+    side?: "top" | "bottom" | "left" | "right";
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const tooltipArrowStyles: (props?: {
+    side?: "top" | "bottom" | "left" | "right";
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Tooltip/tooltip.types.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    side?: TooltipSide;
+    open?: boolean;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    delay?: number;
+    className?: string;
+}

package/dist/components/WebsiteCopyInput/WebsiteCopyInput.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ClassValue } from 'clsx';
+interface WebsiteCopyInputProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: string;
+    rightIcon?: React.ReactNode;
+    suffix?: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: ClassValue;
+    wrapperClassName?: ClassValue;
+}
+export declare function WebsiteCopyInput({ size, label, required, hint, error, disabled, placeholder, value, rightIcon, suffix, onChange, className, wrapperClassName, }: WebsiteCopyInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { WebsiteCopyInput } from '../WebsiteCopyInput/WebsiteCopyInput';

package/dist/components/WebsiteCopyInput/websiteCopyInput.styles.d.ts

@@ -0,0 +1,25 @@
+export declare const wrapperStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const labelStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const containerStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputAreaStyles: (props?: {
+    size?: "sm" | "md";
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dividerStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const suffixStyles: (props?: {
+    size?: "sm" | "md";
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const hintStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/WebsiteInput/WebsiteInput.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { ClassValue } from 'clsx';
+interface WebsiteInputProps {
+    size?: "sm" | "md";
+    label?: string;
+    required?: boolean;
+    hint?: string;
+    error?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    value?: string;
+    rightIcon?: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: ClassValue;
+    wrapperClassName?: ClassValue;
+}
+export declare function WebsiteInput({ size, label, required, hint, error, disabled, placeholder, value, rightIcon, onChange, className, wrapperClassName, }: WebsiteInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { WebsiteInput } from '../WebsiteInput/WebsiteInput';

package/dist/components/WebsiteInput/websiteInput.styles.d.ts

@@ -0,0 +1,24 @@
+export declare const wrapperStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const labelStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const containerStyles: (props?: {
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const prefixStyles: (props?: {
+    size?: "sm" | "md";
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dividerStyles = "w-px bg-light-200";
+export declare const inputAreaStyles: (props?: {
+    size?: "sm" | "md";
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const hintStyles: (props?: {
+    error?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 export * from './components/Button';
-export * from '../src/components/Checkbox';
+export * from './components/Checkbox';
 export * from './components/Radio';
 export * from './components/Toggle';
 export * from './components/Tooltip';
+export * from './components/Input';
+export * from './components/MultiSelectInput';
+export * from './components/WebsiteInput';
+export * from './components/WebsiteCopyInput';