advi-ui 0.1.4 → 0.1.6

package/dist/src/components/CircularProgressBar.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface CircularProgressBarProps {
+    percentage: number;
+    children?: ReactNode;
+    label?: string;
+    size?: number;
+    strokeWidth?: number;
+    animate?: boolean;
+    className?: string;
+}
+export declare const CircularProgressBar: import('react').ForwardRefExoticComponent<CircularProgressBarProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Footer.d.ts

@@ -0,0 +1,13 @@
+import { Link as LinkType, LogoLinkProps } from '../../components/ui/link';
+export interface FooterLinkGroup {
+    title?: string;
+    links: LinkType[];
+}
+interface FooterProps {
+    logo?: Omit<LogoLinkProps, "className">;
+    linkGroups?: FooterLinkGroup[];
+    copyright?: string;
+    className?: string;
+}
+export declare const Footer: ({ logo, linkGroups, copyright, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Header.d.ts

@@ -9,6 +9,7 @@ interface HeaderProps {
         link: Link;
     };
     ctaLinks?: Link[];
+    modalRootSelector?: string;
 }
-export declare const Header: ({ logo, ctaLinks }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ logo, ctaLinks, modalRootSelector }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/HoverPopup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface HoverPopupProps {
+    text: string;
+    children: ReactNode;
+    className?: string;
+    triggerClassName?: string;
+}
+export declare const HoverPopup: ({ text, children, className, triggerClassName, }: HoverPopupProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/accordion.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface AccordionItem {
+    value: string;
+    title: string;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    className?: string;
+}
+export declare const Accordion: {
+    ({ items, value, defaultValue, onChange, multiple, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/ui/badge.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
+export type BadgeSize = "sm" | "default" | "lg";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+}
+export declare const Badge: {
+    ({ variant, size, className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export type CheckboxSize = "sm" | "default" | "lg";
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    size?: CheckboxSize;
+    indeterminate?: boolean;
+}
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+interface CheckboxGroupProps {
+    options: CheckboxOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    direction?: "vertical" | "horizontal";
+    size?: CheckboxSize;
+    className?: string;
+}
+export declare const CheckboxGroup: import('react').ForwardRefExoticComponent<CheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/ui/form-field.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+interface FormFieldProps {
+    label?: string;
+    htmlFor?: string;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export declare const FormField: {
+    ({ label, htmlFor, description, error, required, className, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -8,7 +8,8 @@ interface ModalProps {
     children?: ReactNode;
     footer?: ReactNode;
     className?: string;
+    modalRootSelector?: string;
     duration?: number;
 }
-export declare const Modal: ({ open, onOpenChange, trigger, title, description, children, footer, className, duration, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ open, onOpenChange, trigger, title, description, children, footer, className, modalRootSelector, duration, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ui/multi-select.d.ts

@@ -0,0 +1,14 @@
+import { SelectOption } from './select';
+export type { SelectOption };
+interface MultiSelectProps {
+    options: SelectOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+    maxCount?: number;
+}
+export declare const MultiSelect: import('react').ForwardRefExoticComponent<MultiSelectProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,27 @@
+import { InputHTMLAttributes } from 'react';
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export type RadioSize = "sm" | "default" | "lg";
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    size?: RadioSize;
+}
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+interface RadioGroupProps {
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    name?: string;
+    direction?: "vertical" | "horizontal";
+    size?: RadioSize;
+    className?: string;
+}
+export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/ui/select.d.ts

@@ -0,0 +1,18 @@
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+    name?: string;
+}
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,8 @@
+import { InputHTMLAttributes } from 'react';
+export type SwitchSize = "sm" | "default" | "lg";
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: string;
+    size?: SwitchSize;
+    labelPosition?: "left" | "right";
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/src/components/ui/tabs.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface TabItem {
+    value: string;
+    label: string;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    tabs: TabItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+export declare const Tabs: {
+    ({ tabs, value, defaultValue, onChange, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/ui/textarea.d.ts

@@ -2,7 +2,6 @@ import { ComponentProps } from 'react';
 interface TextareaProps extends ComponentProps<"textarea"> {
     label?: string;
     description?: string;
-    maskedLength?: number;
     hidden?: boolean;
     validate?: (value: string) => string | null;
     onValidationChange?: (valid: boolean) => void;

package/dist/src/index.d.ts

@@ -2,12 +2,19 @@ export * from './lib/utils';
 export * from './components/ui/button';
 export * from './components/ui/card';
 export * from './components/ui/dialog';
+export * from './components/ui/form-field';
 export * from './components/ui/input';
 export * from './components/ui/link';
 export * from './components/ui/loading';
 export * from './components/ui/modal';
+export * from './components/ui/multi-select';
+export * from './components/ui/radio';
+export * from './components/ui/select';
 export * from './components/ui/textarea';
 export * from './components/ui/toast';
+export * from './components/CircularProgressBar';
+export * from './components/Footer';
 export * from './components/Header';
+export * from './components/HoverPopup';
 export * from './components/PageNotFound';
 export * from './components/PageAside';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "advi-ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Personal React component library built on shadcn/ui + Tailwind CSS",
   "type": "module",
   "main": "./dist/advi-ui.cjs.js",