@codeplex-qwik/ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexAlertVariant = 'info' | 'success' | 'warning' | 'danger';
3
+ export interface CodeplexAlertProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ variant?: CodeplexAlertVariant;
5
+ title?: string;
6
+ description?: string;
7
+ icon?: string;
8
+ dismissible?: boolean;
9
+ open?: boolean;
10
+ onClose?: () => void;
11
+ }
12
+ export declare const CodeplexAlert: ({ variant, title, description, icon, dismissible, open, onClose, className, children, ...props }: CodeplexAlertProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type CodeplexAvatarShape = 'circle' | 'rounded';
4
+ export type CodeplexAvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none';
5
+ export interface CodeplexAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ src?: string;
7
+ alt?: string;
8
+ name?: string;
9
+ size?: CodeplexAvatarSize;
10
+ shape?: CodeplexAvatarShape;
11
+ status?: CodeplexAvatarStatus;
12
+ showBorder?: boolean;
13
+ showInitialsFallback?: boolean;
14
+ }
15
+ export declare const CodeplexAvatar: ({ src, alt, name, size, shape, status, showBorder, showInitialsFallback, className, ...props }: CodeplexAvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexBadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
3
+ export type CodeplexBadgeSize = 'sm' | 'md';
4
+ export interface CodeplexBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
5
+ label: string;
6
+ variant?: CodeplexBadgeVariant;
7
+ size?: CodeplexBadgeSize;
8
+ pill?: boolean;
9
+ iconLeft?: React.ReactNode;
10
+ iconRight?: React.ReactNode;
11
+ onClick?: () => void;
12
+ }
13
+ export declare const CodeplexBadge: React.ForwardRefExoticComponent<CodeplexBadgeProps & React.RefAttributes<HTMLElement>>;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexBannerVariant = 'info' | 'success' | 'warning' | 'error' | 'neutral';
3
+ export interface CodeplexBannerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ title?: string;
5
+ description?: string;
6
+ variant?: CodeplexBannerVariant;
7
+ icon?: string;
8
+ dismissible?: boolean;
9
+ open?: boolean;
10
+ onClose?: () => void;
11
+ fullWidth?: boolean;
12
+ }
13
+ export declare const CodeplexBanner: ({ title, description, variant, icon, dismissible, open, onClose, fullWidth, className, children, ...props }: CodeplexBannerProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
3
+ export type CodeplexButtonSize = 'xs' | 'sm' | 'md' | 'lg';
4
+ export interface CodeplexButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
5
+ variant?: CodeplexButtonVariant;
6
+ size?: CodeplexButtonSize;
7
+ fullWidth?: boolean;
8
+ loading?: boolean;
9
+ leftIcon?: React.ReactNode;
10
+ rightIcon?: React.ReactNode;
11
+ }
12
+ export declare const CodeplexButton: React.ForwardRefExoticComponent<CodeplexButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexCardVariant = 'default' | 'outline' | 'soft';
3
+ export type CodeplexCardPadding = 'none' | 'sm' | 'md' | 'lg';
4
+ export interface CodeplexCardProps extends React.HTMLAttributes<HTMLElement> {
5
+ variant?: CodeplexCardVariant;
6
+ padding?: CodeplexCardPadding;
7
+ hoverable?: boolean;
8
+ clickable?: boolean;
9
+ media?: React.ReactNode;
10
+ header?: React.ReactNode;
11
+ footer?: React.ReactNode;
12
+ }
13
+ export declare const CodeplexCard: ({ variant, padding, hoverable, clickable, className, media, header, footer, children, ...props }: CodeplexCardProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ export interface CodeplexInputHelperProps {
2
+ helperText?: string;
3
+ error?: string;
4
+ value?: string | number;
5
+ maxLength?: number;
6
+ showCount?: boolean;
7
+ }
8
+ export declare const CodeplexInputHelper: ({ helperText, error, value, maxLength, showCount }: CodeplexInputHelperProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,16 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexJumbotronAlign = 'left' | 'center';
3
+ export interface CodeplexJumbotronProps extends React.HTMLAttributes<HTMLElement> {
4
+ eyebrow?: string;
5
+ title: string;
6
+ subtitle?: string;
7
+ align?: CodeplexJumbotronAlign;
8
+ primaryLabel?: string;
9
+ secondaryLabel?: string;
10
+ onPrimary?: () => void;
11
+ onSecondary?: () => void;
12
+ fullHeight?: boolean;
13
+ backgroundImageUrl?: string;
14
+ darkOverlay?: boolean;
15
+ }
16
+ export declare const CodeplexJumbotron: ({ eyebrow, title, subtitle, align, primaryLabel, secondaryLabel, onPrimary, onSecondary, fullHeight, backgroundImageUrl, darkOverlay, className, children, ...props }: CodeplexJumbotronProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexKbdSize = 'sm' | 'md' | 'lg';
3
+ export interface CodeplexKbdProps extends React.HTMLAttributes<HTMLElement> {
4
+ keys?: string[];
5
+ size?: CodeplexKbdSize;
6
+ }
7
+ export declare const CodeplexKbd: ({ keys, size, className, children, ...props }: CodeplexKbdProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export interface CodeplexRequirementsPopupProps {
2
+ requirements: string[];
3
+ className?: string;
4
+ }
5
+ export declare const CodeplexRequirementsPopup: ({ requirements, className, }: CodeplexRequirementsPopupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export interface CodeplexSmartLabelProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ htmlFor?: string;
4
+ label: string;
5
+ required?: boolean;
6
+ requirements?: string[];
7
+ }
8
+ export declare const CodeplexSmartLabel: ({ htmlFor, label, required, requirements, className, children, ...props }: CodeplexSmartLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexProgressVariant = 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'gradient';
3
+ export type CodeplexProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export type CodeplexProgressLabelAlign = 'left' | 'center' | 'right';
5
+ export interface CodeplexProgressProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ value?: number;
7
+ max?: number;
8
+ label?: string;
9
+ showPercentage?: boolean;
10
+ labelInside?: boolean;
11
+ labelAlign?: CodeplexProgressLabelAlign;
12
+ striped?: boolean;
13
+ animated?: boolean;
14
+ indeterminate?: boolean;
15
+ size?: CodeplexProgressSize;
16
+ variant?: CodeplexProgressVariant;
17
+ }
18
+ export declare const CodeplexProgress: ({ value, max, label, showPercentage, labelInside, labelAlign, striped, animated, indeterminate, size, variant, className, ...props }: CodeplexProgressProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ export type CodeplexRatingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
+ export type CodeplexRatingVariant = 'warning' | 'primary' | 'danger' | 'success';
3
+ export interface CodeplexRatingProps {
4
+ value?: number;
5
+ max?: number;
6
+ readOnly?: boolean;
7
+ size?: CodeplexRatingSize;
8
+ variant?: CodeplexRatingVariant;
9
+ showValue?: boolean;
10
+ tooltips?: string[];
11
+ className?: string;
12
+ onChange?: (value: number) => void;
13
+ }
14
+ export declare const CodeplexRating: ({ value, max, readOnly, size, variant, showValue, tooltips, className, onChange, }: CodeplexRatingProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ export type CodeplexSpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
+ export type CodeplexSpinnerColor = 'primary' | 'white' | 'gray' | 'success' | 'danger' | 'warning';
3
+ export type CodeplexSpinnerType = 'border' | 'dots' | 'ping';
4
+ export interface CodeplexSpinnerProps {
5
+ size?: CodeplexSpinnerSize;
6
+ color?: CodeplexSpinnerColor;
7
+ type?: CodeplexSpinnerType;
8
+ label?: string;
9
+ labelPosition?: 'right' | 'bottom';
10
+ fullScreen?: boolean;
11
+ className?: string;
12
+ }
13
+ export declare const CodeplexSpinner: ({ size, color, type, label, labelPosition, fullScreen, className, }: CodeplexSpinnerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ export type CodeplexToastVariant = 'info' | 'success' | 'warning' | 'error';
2
+ export type CodeplexToastPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
3
+ export interface CodeplexToastProps {
4
+ open: boolean;
5
+ variant?: CodeplexToastVariant;
6
+ title: string;
7
+ subtitle?: string;
8
+ position?: CodeplexToastPosition;
9
+ showIcon?: boolean;
10
+ dismissible?: boolean;
11
+ onClose?: () => void;
12
+ }
13
+ export declare const CodeplexToast: ({ open, variant, title, subtitle, position, showIcon, dismissible, onClose, }: CodeplexToastProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export type CodeplexTooltipSide = 'top' | 'bottom' | 'left' | 'right';
3
+ export interface CodeplexTooltipProps {
4
+ content: React.ReactNode;
5
+ side?: CodeplexTooltipSide;
6
+ delayMs?: number;
7
+ arrow?: boolean;
8
+ disabled?: boolean;
9
+ className?: string;
10
+ onOpenChange?: (open: boolean) => void;
11
+ children: React.ReactNode;
12
+ }
13
+ export declare const CodeplexTooltip: ({ content, side, delayMs, arrow, disabled, className, onOpenChange, children, }: CodeplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
package/lib/ui.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare function Ui(): import("react/jsx-runtime").JSX.Element;
2
+ export default Ui;
package/package.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "@codeplex-qwik/ui",
3
+ "version": "0.0.1",
4
+ "main": "./index.js",
5
+ "types": "./index.d.ts",
6
+ "exports": {
7
+ ".": {
8
+ "import": "./index.mjs",
9
+ "require": "./index.js"
10
+ }
11
+ },
12
+ "publishConfig": {
13
+ "access": "public"
14
+ },
15
+ "peerDependencies": {
16
+ "react": "^19.0.0",
17
+ "react-dom": "^19.0.0"
18
+ },
19
+ "module": "./dist/index.mjs"
20
+ }