@codeplex-qwik/ui 0.0.2 → 0.0.6

package/lib/alert/alert.d.ts

@@ -1,12 +1,16 @@
 import { default as React } from 'react';
+import { AlertProps } from '@mui/material/Alert';
 export type CodeplexAlertVariant = 'info' | 'success' | 'warning' | 'danger';
-export interface CodeplexAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+export type CodeplexAlertStyle = 'standard' | 'filled' | 'outlined';
+export interface CodeplexAlertProps extends Omit<AlertProps, 'variant' | 'severity' | 'onClose'> {
     variant?: CodeplexAlertVariant;
+    design?: CodeplexAlertStyle;
     title?: string;
     description?: string;
-    icon?: string;
     dismissible?: boolean;
     open?: boolean;
     onClose?: () => void;
+    color?: AlertProps['color'];
+    action?: React.ReactNode;
 }
-export declare const CodeplexAlert: ({ variant, title, description, icon, dismissible, open, onClose, className, children, ...props }: CodeplexAlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CodeplexAlert: ({ variant, design, title, description, icon, dismissible, open, onClose, className, children, action, sx, ...props }: CodeplexAlertProps) => import("react/jsx-runtime").JSX.Element;

package/lib/autocomplete/autocomplete.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { AutocompleteProps, AutocompleteRenderInputParams } from '@mui/material/Autocomplete';
+import { TextFieldProps } from '@mui/material/TextField';
+export interface CodeplexAutocompleteProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: boolean;
+    required?: boolean;
+    inputProps?: TextFieldProps;
+    renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
+}
+export declare function CodeplexAutocomplete<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>({ label, placeholder, helperText, error, required, inputProps, renderInput, ...props }: CodeplexAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;

package/lib/avatar/avatar.d.ts

@@ -1,15 +1,19 @@
-import { default as React } from 'react';
-export type CodeplexAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type CodeplexAvatarShape = 'circle' | 'rounded';
-export type CodeplexAvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none';
-export interface CodeplexAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
-    src?: string;
+import { AvatarProps } from '@mui/material/Avatar';
+import { AvatarGroupProps } from '@mui/material/AvatarGroup';
+export type CodeplexAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export interface CodeplexAvatarProps extends AvatarProps {
+    size?: CodeplexAvatarSize | number;
     alt?: string;
-    name?: string;
-    size?: CodeplexAvatarSize;
-    shape?: CodeplexAvatarShape;
-    status?: CodeplexAvatarStatus;
-    showBorder?: boolean;
-    showInitialsFallback?: boolean;
+    src?: string;
+}
+export declare const CodeplexAvatar: ({ size, sx, children, ...props }: CodeplexAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export interface CodeplexAvatarGroupProps extends AvatarGroupProps {
+    total?: number;
 }
-export declare const CodeplexAvatar: ({ src, alt, name, size, shape, status, showBorder, showInitialsFallback, className, ...props }: CodeplexAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexAvatarGroup: ({ children, spacing, max, ...props }: CodeplexAvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const stringAvatar: (name: string) => {
+    sx: {
+        bgcolor: string;
+    };
+    children: string;
+};

package/lib/badge/badge.d.ts

@@ -1,13 +1,4 @@
-import { default as React } from 'react';
-export type CodeplexBadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
-export type CodeplexBadgeSize = 'sm' | 'md';
-export interface CodeplexBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    label: string;
-    variant?: CodeplexBadgeVariant;
-    size?: CodeplexBadgeSize;
-    pill?: boolean;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    onClick?: () => void;
+import { BadgeProps } from '@mui/material/Badge';
+export interface CodeplexBadgeProps extends BadgeProps {
 }
-export declare const CodeplexBadge: React.ForwardRefExoticComponent<CodeplexBadgeProps & React.RefAttributes<HTMLElement>>;
+export declare const CodeplexBadge: ({ children, color, ...props }: CodeplexBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/lib/button-group/button-group.d.ts

@@ -0,0 +1,4 @@
+import { ButtonGroupProps } from '@mui/material/ButtonGroup';
+export interface CodeplexButtonGroupProps extends ButtonGroupProps {
+}
+export declare const CodeplexButtonGroup: ({ children, size, variant, color, ...props }: CodeplexButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/card/card.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
+import { CardProps } from '@mui/material/Card';
 export type CodeplexCardVariant = 'default' | 'outline' | 'soft';
 export type CodeplexCardPadding = 'none' | 'sm' | 'md' | 'lg';
-export interface CodeplexCardProps extends React.HTMLAttributes<HTMLElement> {
+export interface CodeplexCardProps extends Omit<CardProps, 'variant'> {
     variant?: CodeplexCardVariant;
     padding?: CodeplexCardPadding;
     hoverable?: boolean;

package/lib/checkbox/checkbox.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { default as FormGroup } from '@mui/material/FormGroup';
+export interface CodeplexCheckboxProps extends CheckboxProps {
+    label?: string;
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+}
+export declare const CodeplexCheckbox: React.ForwardRefExoticComponent<Omit<CodeplexCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { FormGroup as CodeplexFormGroup };

package/lib/number-field/number-field.d.ts

@@ -0,0 +1,10 @@
+import { TextFieldProps } from '@mui/material/TextField';
+export interface CodeplexNumberFieldProps extends Omit<TextFieldProps, 'onChange'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number | null) => void;
+}
+export declare const CodeplexNumberField: ({ min, max, step, value: controlledValue, defaultValue, onChange, InputProps, disabled, ...props }: CodeplexNumberFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/progress/progress.d.ts

@@ -1,18 +1,17 @@
-import { default as React } from 'react';
-export type CodeplexProgressVariant = 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'gradient';
+import { LinearProgressProps } from '@mui/material/LinearProgress';
+export type CodeplexProgressVariant = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
 export type CodeplexProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type CodeplexProgressLabelAlign = 'left' | 'center' | 'right';
-export interface CodeplexProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CodeplexProgressProps extends Omit<LinearProgressProps, 'variant' | 'color'> {
     value?: number;
     max?: number;
     label?: string;
     showPercentage?: boolean;
     labelInside?: boolean;
-    labelAlign?: CodeplexProgressLabelAlign;
-    striped?: boolean;
-    animated?: boolean;
     indeterminate?: boolean;
     size?: CodeplexProgressSize;
     variant?: CodeplexProgressVariant;
+    color?: LinearProgressProps['color'];
+    striped?: boolean;
+    animated?: boolean;
 }
-export declare const CodeplexProgress: ({ value, max, label, showPercentage, labelInside, labelAlign, striped, animated, indeterminate, size, variant, className, ...props }: CodeplexProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexProgress: ({ value, max, label, showPercentage, labelInside, indeterminate, size, variant, color, striped, animated, className, sx, ...props }: CodeplexProgressProps) => import("react/jsx-runtime").JSX.Element;

package/lib/radio-group/radio-group.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { RadioProps } from '@mui/material/Radio';
+import { RadioGroupProps } from '@mui/material/RadioGroup';
+export interface CodeplexRadioProps extends RadioProps {
+    label?: string;
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+}
+export declare const CodeplexRadio: React.ForwardRefExoticComponent<Omit<CodeplexRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface CodeplexRadioGroupProps extends RadioGroupProps {
+    label?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+}
+export declare const CodeplexRadioGroup: ({ label, options, children, ...props }: CodeplexRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/rating/rating.d.ts

@@ -1,14 +1,11 @@
-export type CodeplexRatingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type CodeplexRatingVariant = 'warning' | 'primary' | 'danger' | 'success';
-export interface CodeplexRatingProps {
+import { RatingProps } from '@mui/material/Rating';
+export type CodeplexRatingSize = 'small' | 'medium' | 'large';
+export type CodeplexRatingVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export interface CodeplexRatingProps extends Omit<RatingProps, 'onChange'> {
     value?: number;
-    max?: number;
-    readOnly?: boolean;
-    size?: CodeplexRatingSize;
-    variant?: CodeplexRatingVariant;
     showValue?: boolean;
     tooltips?: string[];
-    className?: string;
-    onChange?: (value: number) => void;
+    variant?: CodeplexRatingVariant;
+    onChange?: (value: number | null) => void;
 }
-export declare const CodeplexRating: ({ value, max, readOnly, size, variant, showValue, tooltips, className, onChange, }: CodeplexRatingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexRating: ({ value, max, readOnly, size, variant, showValue, tooltips, className, onChange, ...props }: CodeplexRatingProps) => import("react/jsx-runtime").JSX.Element;

package/lib/select/select.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SelectProps } from '@mui/material/Select';
+import { default as MenuItem } from '@mui/material/MenuItem';
+export interface CodeplexSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export interface CodeplexSelectProps extends Omit<SelectProps, 'renderValue'> {
+    label?: string;
+    options?: CodeplexSelectOption[];
+    helperText?: ReactNode;
+    placeholder?: string;
+    renderValue?: (value: any) => ReactNode;
+}
+export declare const CodeplexSelect: ({ label, value, onChange, options, multiple, helperText, error, disabled, required, placeholder, variant, displayEmpty, renderValue, children, sx, ...props }: CodeplexSelectProps) => import("react/jsx-runtime").JSX.Element;
+export { MenuItem as CodeplexMenuItem };
+export { default as CodeplexListSubheader } from '@mui/material/ListSubheader';

package/lib/skeleton/skeleton.d.ts

@@ -0,0 +1,4 @@
+import { SkeletonProps } from '@mui/material/Skeleton';
+export interface CodeplexSkeletonProps extends SkeletonProps {
+}
+export declare const CodeplexSkeleton: ({ variant, animation, ...props }: CodeplexSkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/slider/slider.d.ts

@@ -0,0 +1,6 @@
+import { SliderProps } from '@mui/material/Slider';
+export interface CodeplexSliderProps extends SliderProps {
+    label?: string;
+    helperText?: string;
+}
+export declare const CodeplexSlider: ({ label, helperText, className, sx, ...props }: CodeplexSliderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/spinner/spinner.d.ts

@@ -1,13 +1,13 @@
+import { CircularProgressProps } from '@mui/material/CircularProgress';
 export type CodeplexSpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type CodeplexSpinnerColor = 'primary' | 'white' | 'gray' | 'success' | 'danger' | 'warning';
+export type CodeplexSpinnerColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'white' | 'gray';
 export type CodeplexSpinnerType = 'border' | 'dots' | 'ping';
-export interface CodeplexSpinnerProps {
-    size?: CodeplexSpinnerSize;
+export interface CodeplexSpinnerProps extends Omit<CircularProgressProps, 'size' | 'color'> {
+    size?: CodeplexSpinnerSize | number;
     color?: CodeplexSpinnerColor;
     type?: CodeplexSpinnerType;
     label?: string;
     labelPosition?: 'right' | 'bottom';
     fullScreen?: boolean;
-    className?: string;
 }
-export declare const CodeplexSpinner: ({ size, color, type, label, labelPosition, fullScreen, className, }: CodeplexSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeplexSpinner: ({ size, color, type, label, labelPosition, fullScreen, className, sx, ...props }: CodeplexSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/switch/switch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps } from '@mui/material/Switch';
+export interface CodeplexSwitchProps extends Omit<SwitchProps, 'size'> {
+    label?: string;
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+    size?: 'small' | 'medium';
+}
+export declare const CodeplexSwitch: ({ label, labelPlacement, size, sx, ...props }: CodeplexSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/lib/text-field/text-field.d.ts

@@ -0,0 +1,3 @@
+import { TextFieldProps } from '@mui/material/TextField';
+export type CodeplexTextFieldProps = TextFieldProps;
+export declare const CodeplexTextField: (props: CodeplexTextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/toast/toast.d.ts

@@ -1,13 +1,18 @@
+import { default as React } from 'react';
+import { SnackbarProps } from '@mui/material/Snackbar';
+import { AlertProps } from '@mui/material/Alert';
 export type CodeplexToastVariant = 'info' | 'success' | 'warning' | 'error';
 export type CodeplexToastPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
-export interface CodeplexToastProps {
+export interface CodeplexToastProps extends Omit<SnackbarProps, 'open' | 'onClose' | 'anchorOrigin'> {
     open: boolean;
     variant?: CodeplexToastVariant;
-    title: string;
+    title?: string;
     subtitle?: string;
     position?: CodeplexToastPosition;
     showIcon?: boolean;
     dismissible?: boolean;
-    onClose?: () => void;
+    duration?: number | null;
+    onClose?: (event?: React.SyntheticEvent | Event, reason?: string) => void;
+    alertProps?: AlertProps;
 }
-export declare const CodeplexToast: ({ open, variant, title, subtitle, position, showIcon, dismissible, onClose, }: CodeplexToastProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CodeplexToast: ({ open, variant, title, subtitle, position, showIcon, dismissible, duration, onClose, alertProps, children, ...props }: CodeplexToastProps) => import("react/jsx-runtime").JSX.Element;

package/lib/transfer-list/transfer-list.d.ts

@@ -0,0 +1,14 @@
+export interface TransferListItem {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export interface CodeplexTransferListProps {
+    left: TransferListItem[];
+    right: TransferListItem[];
+    onChange: (left: TransferListItem[], right: TransferListItem[]) => void;
+    leftTitle?: string;
+    rightTitle?: string;
+    height?: number | string;
+}
+export declare const CodeplexTransferList: ({ left, right, onChange, leftTitle, rightTitle, height }: CodeplexTransferListProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeplex-qwik/ui",
-  "version": "0.0.2",
+  "version": "0.0.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -17,5 +17,11 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
-  "module": "./dist/index.mjs"
+  "module": "./dist/index.mjs",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6"
+  }
 }

package/lib/button/button.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-export type CodeplexButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
-export type CodeplexButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-export interface CodeplexButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: CodeplexButtonVariant;
-    size?: CodeplexButtonSize;
-    fullWidth?: boolean;
-    loading?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-}
-export declare const CodeplexButton: React.ForwardRefExoticComponent<CodeplexButtonProps & React.RefAttributes<HTMLButtonElement>>;