@coderan/components-react 0.1.1

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { ValueOf } from '../../utilities/types';
+import { BadgeColor } from './BadgeColor';
+export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
+    color?: ValueOf<typeof BadgeColor>;
+}
+export declare const Badge: FC<PropsWithChildren<BadgeProps>>;

package/dist/components/Badge/BadgeColor.d.ts

@@ -0,0 +1,3 @@
+import { Color } from '../../utilities/Color';
+import { Variant } from '../../utilities/Variant';
+export declare const BadgeColor: typeof Color & Partial<typeof Variant>;

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

@@ -0,0 +1,2 @@
+export * from './Badge';
+export * from './BadgeColor';

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

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { ButtonColor } from './ButtonColor';
+import { ValueOf } from '../../utilities/types';
+export type ButtonProps = {
+    color: ValueOf<typeof ButtonColor>;
+    loading?: boolean;
+    iconStart?: ReactNode;
+    iconEnd?: ReactNode;
+};
+export declare const Button: FC<PropsWithChildren<ButtonProps>>;

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

@@ -0,0 +1,2 @@
+import { Variant } from '../../utilities/Variant';
+export declare const ButtonColor: typeof Variant;

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

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './ButtonColor';

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { CardHeader } from './CardHeader';
+import { CardContent } from './CardContent';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface StaticCardComponents {
+    Header: typeof CardHeader;
+    Content: typeof CardContent;
+}
+export declare const Card: FC<PropsWithChildren<CardProps>> & StaticCardComponents;

package/dist/components/Card/CardContent.d.ts

@@ -0,0 +1,4 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const CardContent: FC<PropsWithChildren<CardContentProps>>;

package/dist/components/Card/CardHeader.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    subTitle?: string;
+    actions?: ReactNode;
+}
+export declare const CardHeader: FC<PropsWithChildren<CardHeaderProps>>;

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

@@ -0,0 +1 @@
+export * from './Card';

package/dist/components/Form/Field.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from 'react';
+import { ClassValue } from 'clsx';
+import { FieldProps } from './FieldProps';
+export interface FormContainerProps extends FieldProps {
+    inputId: string;
+    hasValue?: boolean;
+    className?: ClassValue;
+    controlWrapperClassName?: ClassValue;
+    labelAlwaysLikeFocus?: boolean;
+}
+export declare const Field: FC<PropsWithChildren<FormContainerProps>>;

package/dist/components/Form/FieldProps.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export interface FieldProps {
+    /**
+     * Label describing the field. This label comes in two flavors:
+     * - Floating label (default): the label is displayed above the field when it is focused or has a value.
+     *   When the field is empty and not focused, the label is displayed inside the field as a placeholder.
+     * - Non-floating label: the label is displayed above the field at all times.
+     */
+    label?: string;
+    /**
+     * Whether the label should float above the field when focused or has a value.
+     * If false, the label will always be displayed above the field.
+     */
+    floatingLabel?: boolean;
+    /**
+     * Placeholder that is displayed inside the field when it is empty and not focused.
+     * When the field has a floating label, this placeholder is shown when the label is focussed.
+     */
+    placeholder?: string;
+    /**
+     * Icon to display at the start of the field, typically used for visual cues or branding.
+     */
+    iconStart?: ReactNode;
+    /**
+     * Icon to display at the end of the field, typically used for actions like clearing the field or showing additional options.
+     */
+    iconEnd?: ReactNode;
+    /**
+     * Indicates whether the field has an error.
+     */
+    hasError?: boolean;
+}

package/dist/components/Form/Group.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { ClassValue } from 'clsx';
+import { GroupProps } from './GroupProps';
+export interface FormContainerProps extends GroupProps {
+    className?: ClassValue;
+}
+export declare const Group: FC<PropsWithChildren<FormContainerProps>>;

package/dist/components/Form/GroupProps.d.ts

@@ -0,0 +1,11 @@
+export interface GroupProps {
+    /**
+     * Error message(s) to display below the field. Default theme styles these as red text.
+     */
+    errors?: string | string[];
+    /**
+     * Additional hint text to display below the field, typically used for additional instructions or information.
+     * Default theme styles these as gray text.
+     */
+    hint?: string;
+}

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

@@ -0,0 +1,10 @@
+import { FC, InputHTMLAttributes } from 'react';
+import { FieldProps } from './FieldProps';
+import { GroupProps } from './GroupProps';
+import { ClassValue } from 'clsx';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, FieldProps, GroupProps {
+    groupClassName?: ClassValue;
+    fieldClasName?: ClassValue;
+    onChange?: (value: string) => void;
+}
+export declare const Input: FC<InputProps>;

package/dist/components/Form/Select.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren, SelectHTMLAttributes } from 'react';
+import { FieldProps } from './FieldProps';
+import { GroupProps } from './GroupProps';
+import { ClassValue } from 'clsx';
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement>, FieldProps, GroupProps {
+    groupClassName?: ClassValue;
+}
+export declare const Select: FC<PropsWithChildren<SelectProps>>;

package/dist/components/Form/TextArea.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren, SelectHTMLAttributes } from 'react';
+import { FieldProps } from './FieldProps';
+import { GroupProps } from './GroupProps';
+import { ClassValue } from 'clsx';
+export interface TextAreaProps extends SelectHTMLAttributes<HTMLSelectElement>, FieldProps, GroupProps {
+    groupClassName?: ClassValue;
+}
+export declare const TextArea: FC<PropsWithChildren<TextAreaProps>>;

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

@@ -0,0 +1,3 @@
+export * from './Input';
+export * from './Select';
+export * from './TextArea';

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './Form';
+export * from './Badge';
+export * from './Card';

package/dist/index.css

@@ -0,0 +1 @@
+@keyframes _loading_1734o_1{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}:root{--cui-button-font-weight: 500;--cui-button-primary-background-color: var(--cui-primary-color);--cui-button-primary-background-color-hover: hsl(from var(--cui-primary-color) h s calc(l*.9) );--cui-button-primary-background-color-active: hsl(from var(--cui-primary-color) h s calc(l*.8) );--cui-button-primary-background-color-loading: hsl(from var(--cui-primary-color) h s l / .2);--cui-button-primary-text-color: #fff;--cui-button-primary-text-color-loading: hsl(from var(--cui-primary-color) h s l / .9);--cui-button-primary-loading-bar-background-color: var(--cui-button-primary-background-color);--cui-button-secondary-background-color: rgba(0, 0, 0, .1);--cui-button-secondary-background-color-hover: rgba(0, 0, 0, .2);--cui-button-secondary-background-color-active: rgba(0, 0, 0, .3);--cui-button-secondary-text-color: var(--cui-color-gray-900);--cui-button-secondary-background-color-loading: transparent;--cui-button-secondary-text-color-loading: var(--cui-button-secondary-background-color-active);--cui-button-secondary-loading-bar-background-color: var(--cui-color-gray-900);--cui-button-danger-background-color: hsl(from var(--cui-danger-color) h s l / .1);--cui-button-danger-background-color-hover: hsl(from var(--cui-danger-color) h s l / .2);--cui-button-danger-background-color-active: hsl(from var(--cui-danger-color) h s l / .3);--cui-button-danger-text-color: hsl(from var(--cui-danger-color) h s calc(l/2) );--cui-button-danger-background-color-loading: hsl(from var(--cui-danger-color) h s l / .1);--cui-button-danger-text-color-loading: #fff;--cui-button-danger-loading-bar-background-color: var(--cui-danger-color);--cui-button-success-background-color: hsl(from var(--cui-success-color) h s l / .1);--cui-button-success-background-color-hover: hsl(from var(--cui-success-color) h s l / .2);--cui-button-success-background-color-active: hsl(from var(--cui-success-color) h s l / .3);--cui-button-success-text-color: var(--cui-success-color);--cui-button-success-background-color-loading: hsl(from var(--cui-success-color) h s l / .1);--cui-button-success-text-color-loading: #fff;--cui-button-success-loading-bar-background-color: var(--cui-success-color)}@media(prefers-color-scheme:dark){:root{--cui-button-secondary-background-color: rgba(255, 255, 255, .1);--cui-button-secondary-background-color-hover: rgba(255, 255, 255, .2);--cui-button-secondary-background-color-active: rgba(255, 255, 255, .3);--cui-button-secondary-text-color: #fff;--cui-button-secondary-background-color-loading: transparent;--cui-button-secondary-text-color-loading: var(--cui-button-secondary-background-color-active);--cui-button-secondary-loading-bar-background-color: #fff;--cui-button-danger-background-color: hsl(from var(--cui-danger-color) h s l / .1);--cui-button-danger-background-color-hover: hsl(from var(--cui-danger-color) h s l / .2);--cui-button-danger-background-color-active: hsl(from var(--cui-danger-color) h s l / .3);--cui-button-danger-text-color: var(--cui-danger-color);--cui-button-danger-background-color-loading: hsl(from var(--cui-danger-color) h s l / .1);--cui-button-danger-text-color-loading: var(--cui-color-gray-900);--cui-button-success-background-color: hsl(from var(--cui-success-color) h s l / .1);--cui-button-success-background-color-hover: hsl(from var(--cui-success-color) h s l / .2);--cui-button-success-background-color-active: hsl(from var(--cui-success-color) h s l / .3);--cui-button-success-text-color: var(--cui-success-color);--cui-button-success-background-color-loading: hsl(from var(--cui-success-color) h s l / .1);--cui-button-success-text-color-loading: var(--cui-color-gray-900)}}._cuiButton_1734o_65{padding:.9rem;font-size:.9rem;line-height:1.5;border-radius:var(--cui-default-border-radius);font-weight:var(--cui-button-font-weight);cursor:pointer;position:relative;border:none;display:inline-flex;align-items:center;box-sizing:border-box}._cuiButton_1734o_65 ._cuiButtonText_1734o_78{white-space:nowrap}._cuiButton_1734o_65._cuiButton--loading_1734o_82{cursor:wait}._cuiButton_1734o_65._cuiButton--loading_1734o_82:after{animation:_loading_1734o_1 1s infinite;border-radius:var(--cui-default-border-radius);content:"";height:5px;left:0;position:absolute;top:0;width:100%}._cuiButton_1734o_65._cuiButton--primary_1734o_97{background-color:var(--cui-button-primary-background-color);color:var(--cui-button-primary-text-color)}._cuiButton_1734o_65._cuiButton--primary_1734o_97:hover{background:var(--cui-button-primary-background-color-hover)}._cuiButton_1734o_65._cuiButton--primary_1734o_97:active{background:var(--cui-button-primary-background-color-active)}._cuiButton_1734o_65._cuiButton--primary_1734o_97._cuiButton--loading_1734o_82{background:var(--cui-button-primary-background-color-loading);color:var(--cui-button-primary-text-color-loading)}._cuiButton_1734o_65._cuiButton--primary_1734o_97._cuiButton--loading_1734o_82:after{background:var(--cui-button-primary-loading-bar-background-color)}._cuiButton_1734o_65._cuiButton--secondary_1734o_119{background:var(--cui-button-secondary-background-color);color:var(--cui-button-secondary-text-color)}._cuiButton_1734o_65._cuiButton--secondary_1734o_119:hover{background:var(--cui-button-secondary-background-color-hover)}._cuiButton_1734o_65._cuiButton--secondary_1734o_119:active{background:var(--cui-button-secondary-background-color-active)}._cuiButton_1734o_65._cuiButton--secondary_1734o_119._cuiButton--loading_1734o_82{background:var(--cui-button-secondary-background-color-loading);color:var(--cui-button-secondary-text-color-loading)}._cuiButton_1734o_65._cuiButton--secondary_1734o_119._cuiButton--loading_1734o_82:after{background:var(--cui-button-secondary-loading-bar-background-color)}._cuiButton_1734o_65._cuiButton--success_1734o_141{background:var(--cui-button-success-background-color);color:var(--cui-button-success-text-color)}._cuiButton_1734o_65._cuiButton--success_1734o_141:hover{background:var(--cui-button-success-background-color-hover)}._cuiButton_1734o_65._cuiButton--success_1734o_141:active{background:var(--cui-button-success-background-color-active)}._cuiButton_1734o_65._cuiButton--success_1734o_141._cuiButton--loading_1734o_82{background:var(--cui-button-success-background-color-loading);color:var(--cui-button-success-text-color-loading)}._cuiButton_1734o_65._cuiButton--success_1734o_141._cuiButton--loading_1734o_82:after{background:var(--cui-button-success-loading-bar-background-color)}._cuiButton_1734o_65._cuiButton--danger_1734o_163{background:var(--cui-button-danger-background-color);color:var(--cui-button-danger-text-color)}._cuiButton_1734o_65._cuiButton--danger_1734o_163:hover{background:var(--cui-button-danger-background-color-hover)}._cuiButton_1734o_65._cuiButton--danger_1734o_163:active{background:var(--cui-button-danger-background-color-active)}._cuiButton_1734o_65._cuiButton--danger_1734o_163._cuiButton--loading_1734o_82{background:var(--cui-button-danger-background-color-loading);color:var(--cui-button-danger-text-color-loading)}._cuiButton_1734o_65._cuiButton--danger_1734o_163._cuiButton--loading_1734o_82:after{background:var(--cui-button-danger-loading-bar-background-color)}._cuiButton_1734o_65 ._cuiButtonIcon_1734o_185{font-style:normal}._cuiButton_1734o_65 ._cuiButtonIcon_1734o_185._cuiButtonIcon--start_1734o_188{margin-right:.5rem}._cuiButton_1734o_65 ._cuiButtonIcon_1734o_185._cuiButtonIcon--end_1734o_192{margin-left:.5rem}._cuiButton_1734o_65._cuiButton--loading_1734o_82 ._cuiButtonIcon--start_1734o_188,._cuiButton_1734o_65._cuiButton--loading_1734o_82 ._cuiButtonIcon--end_1734o_192{opacity:.5}:root{--cui-form-input-border-color: var(--cui-color-gray-300);--cui-form-input-border-color-focus: var(--cui-primary-color);--cui-form-input-label-text-color: var(--cui-color-gray-700);--cui-form-input-label-text-color-focus: var(--cui-primary-color);--cui-form-input-background-color: var(--cui-background-color);--cui-form-hint-text-color: var(--cui-color-gray-500);--cui-form-error-text-color: var(--cui-danger-color)}@media(prefers-color-scheme:dark){:root{--cui-form-input-border-color: var(--cui-color-gray-700);--cui-form-input-label-text-color: var(--cui-color-gray-500)}}._cuiFormGroup_1jun3_20{display:flex;flex-direction:column}._cuiFormField_1jun3_25{display:flex;box-shadow:inset 0 0 0 1px var(--cui-form-input-border-color);border-radius:var(--cui-default-border-radius);position:relative;background-color:var(--cui-form-input-background-color)}._cuiFormField_1jun3_25:focus-within{box-shadow:inset 0 0 0 1px var(--cui-form-input-border-color-focus);border-width:1px}._cuiFormField_1jun3_25:focus-within ._cuiFormLabel_1jun3_36{color:var(--cui-form-input-label-text-color-focus)}:is(._cuiFormField_1jun3_25:focus-within,._cuiFormField_1jun3_25._cuiFormField--filled_1jun3_41) ._cuiFormLabel_1jun3_36{margin-left:-.25rem;transform:scale(.8) translateY(-.9rem)}:is(._cuiFormField_1jun3_25:focus-within,._cuiFormField_1jun3_25._cuiFormField--filled_1jun3_41) ._cuiFormControl_1jun3_47{padding:1.4rem .9rem .4rem}:is(._cuiFormField_1jun3_25:focus-within,._cuiFormField_1jun3_25._cuiFormField--filled_1jun3_41) ._cuiTextareaWrapper_1jun3_51 ._cuiFormLabel_1jun3_36{margin-left:-.5rem}._cuiFormField_1jun3_25._cuiFormField--error_1jun3_58{box-shadow:inset 0 0 0 1px var(--cui-danger-color)}._cuiFormField_1jun3_25._cuiFormField--error_1jun3_58 ._cuiFormLabel_1jun3_36{color:var(--cui-danger-color)}._cuiFormField_1jun3_25._cuiFormField--error_1jun3_58 ._cuiFormError_1jun3_65{display:block}._cuiFormControlWrapper_1jun3_71{position:relative}._cuiFormControl_1jun3_47{font-family:var(--cui-font-family),sans-serif;padding:.9rem;font-size:.9rem;line-height:1.5;border:none;border-radius:var(--cui-default-border-radius);outline:none;min-width:180px;background:transparent;color:var(--cui-text-color)}._cuiFormControl_1jun3_47:focus{padding:calc(.9rem - 1px)}._cuiFormInput_1jun3_92:not(:focus)::placeholder{color:transparent}._cuiSelectWrapper_1jun3_98 ._cuiFormSelect_1jun3_99{appearance:none}._cuiSelectWrapper_1jun3_98:after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+);width:12px;height:12px;position:absolute;right:.9rem;top:50%;transform:translateY(-50%);pointer-events:none}@media(prefers-color-scheme:dark){._cuiSelectWrapper_1jun3_98:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}}._cuiFormLabel_1jun3_36{font-family:var(--cui-font-family),sans-serif;font-size:.9rem;position:absolute;left:0;transition:all .1s;color:var(--cui-form-input-label-text-color);pointer-events:none;padding:.9rem;line-height:1.5}._cuiFormIcon--start_1jun3_136,._cuiFormIcon--end_1jun3_142{margin:0 .9rem;display:flex;align-items:center}._cuiFormHint_1jun3_148{font-size:.8rem;color:var(--cui-form-hint-text-color);margin-top:.2rem}._cuiFormError_1jun3_65{font-size:.8rem;color:var(--cui-form-error-text-color);margin-top:.2rem}:root{--cui-badge-border-radius: var(--cui-small-border-radius);--cui-badge-primary-text-color: var(--cui-primary-color);--cui-badge-primary-background-color: hsl(from var(--cui-badge-primary-text-color) h s l / .1);--cui-badge-danger-text-color: var(--cui-danger-color);--cui-badge-danger-background-color: hsl(from var(--cui-badge-danger-text-color) h s l / .1);--cui-badge-success-text-color: var(--cui-success-color);--cui-badge-success-background-color: hsl(from var(--cui-badge-success-text-color) h s l / .1);--cui-badge-red-text-color: var(--cui-color-red-700);--cui-badge-red-background-color: hsl(from var(--cui-badge-red-text-color) h s l / .1);--cui-badge-pink-text-color: var(--cui-color-pink-700);--cui-badge-pink-background-color: hsl(from var(--cui-badge-pink-text-color) h s l / .1);--cui-badge-purple-text-color: var(--cui-color-purple-700);--cui-badge-purple-background-color: hsl(from var(--cui-badge-purple-text-color) h s l / .1);--cui-badge-indigo-text-color: var(--cui-color-indigo-700);--cui-badge-indigo-background-color: hsl(from var(--cui-badge-indigo-text-color) h s l / .1);--cui-badge-blue-text-color: var(--cui-color-blue-700);--cui-badge-blue-background-color: hsl(from var(--cui-badge-blue-text-color) h s l / .1);--cui-badge-teal-text-color: var(--cui-color-teal-900);--cui-badge-teal-background-color: hsl(from var(--cui-badge-teal-text-color) h s l / .1);--cui-badge-green-text-color: var(--cui-color-green-800);--cui-badge-green-background-color: hsl(from var(--cui-badge-green-text-color) h s l / .1);--cui-badge-lime-text-color: var(--cui-color-lime-900);--cui-badge-lime-background-color: hsl(from var(--cui-badge-lime-text-color) h s l / .1);--cui-badge-yellow-text-color: var(--cui-color-yellow-700);--cui-badge-yellow-background-color: hsl(from var(--cui-badge-yellow-text-color) h s l / .1);--cui-badge-orange-text-color: var(--cui-color-orange-900);--cui-badge-orange-background-color: hsl(from var(--cui-badge-orange-text-color) h s l / .1);--cui-badge-brown-text-color: var(--cui-color-brown-700);--cui-badge-brown-background-color: hsl(from var(--cui-badge-brown-text-color) h s l / .1);--cui-badge-gray-text-color: var(--cui-color-gray-700);--cui-badge-gray-background-color: hsl(from var(--cui-badge-gray-text-color) h s l / .1);--cui-badge-blue-gray-text-color: var(--cui-color-blue-gray-700);--cui-badge-blue-gray-background-color: hsl(from var(--cui-badge-blue-gray-text-color) h s l / .1)}@media(prefers-color-scheme:dark){:root{--cui-badge-primary-text-color: var(--cui-primary-color);--cui-badge-primary-background-color: hsl(from var(--cui-primary-color) h s l / .1);--cui-badge-danger-text-color: var(--cui-danger-color);--cui-badge-danger-background-color: hsl(from var(--cui-danger-color) h s l / .1);--cui-badge-success-text-color: var(--cui-success-color);--cui-badge-success-background-color: hsl(from var(--cui-success-color) h s l / .1);--cui-badge-red-text-color: var(--cui-color-red-300);--cui-badge-red-background-color: hsl(from var(--cui-badge-red-text-color) h s l / .1);--cui-badge-pink-text-color: var(--cui-color-pink-300);--cui-badge-pink-background-color: hsl(from var(--cui-badge-pink-text-color) h s l / .1);--cui-badge-purple-text-color: var(--cui-color-purple-300);--cui-badge-purple-background-color: hsl(from var(--cui-badge-purple-text-color) h s l / .1);--cui-badge-indigo-text-color: var(--cui-color-indigo-300);--cui-badge-indigo-background-color: hsl(from var(--cui-badge-indigo-text-color) h s l / .1);--cui-badge-blue-text-color: var(--cui-color-blue-300);--cui-badge-blue-background-color: hsl(from var(--cui-badge-blue-text-color) h s l / .1);--cui-badge-teal-text-color: var(--cui-color-teal-300);--cui-badge-teal-background-color: hsl(from var(--cui-badge-teal-text-color) h s l / .1);--cui-badge-green-text-color: var(--cui-color-green-300);--cui-badge-green-background-color: hsl(from var(--cui-badge-green-text-color) h s l / .1);--cui-badge-lime-text-color: var(--cui-color-lime-300);--cui-badge-lime-background-color: hsl(from var(--cui-badge-lime-text-color) h s l / .1);--cui-badge-yellow-text-color: var(--cui-color-yellow-300);--cui-badge-yellow-background-color: hsl(from var(--cui-badge-yellow-text-color) h s l / .1);--cui-badge-orange-text-color: var(--cui-color-orange-300);--cui-badge-orange-background-color: hsl(from var(--cui-badge-orange-text-color) h s l / .1);--cui-badge-brown-text-color: var(--cui-color-brown-300);--cui-badge-brown-background-color: hsl(from var(--cui-badge-brown-text-color) h s l / .1);--cui-badge-gray-text-color: var(--cui-color-gray-300);--cui-badge-gray-background-color: hsl(from var(--cui-badge-gray-text-color) h s l / .1);--cui-badge-blue-gray-text-color: var(--cui-color-blue-gray-300);--cui-badge-blue-gray-background-color: hsl(from var(--cui-badge-blue-gray-text-color) h s l / .1)}}._cuiBadge_19wui_105{padding:.5rem;font-size:.75rem;border-radius:var(--cui-badge-border-radius)}._cuiBadge_19wui_105._cuiBadge--primary_19wui_110{color:var(--cui-badge-primary-text-color);background-color:var(--cui-badge-primary-background-color)}._cuiBadge_19wui_105._cuiBadge--danger_19wui_115{color:var(--cui-badge-danger-text-color);background-color:var(--cui-badge-danger-background-color)}._cuiBadge_19wui_105._cuiBadge--success_19wui_120{color:var(--cui-badge-success-text-color);background-color:var(--cui-badge-success-background-color)}._cuiBadge_19wui_105._cuiBadge--red_19wui_125{color:var(--cui-badge-red-text-color);background-color:var(--cui-badge-red-background-color)}._cuiBadge_19wui_105._cuiBadge--pink_19wui_130{color:var(--cui-badge-pink-text-color);background-color:var(--cui-badge-pink-background-color)}._cuiBadge_19wui_105._cuiBadge--purple_19wui_135{color:var(--cui-badge-purple-text-color);background-color:var(--cui-badge-purple-background-color)}._cuiBadge_19wui_105._cuiBadge--indigo_19wui_140{color:var(--cui-badge-indigo-text-color);background-color:var(--cui-badge-indigo-background-color)}._cuiBadge_19wui_105._cuiBadge--blue_19wui_145{color:var(--cui-badge-blue-text-color);background-color:var(--cui-badge-blue-background-color)}._cuiBadge_19wui_105._cuiBadge--teal_19wui_150{color:var(--cui-badge-teal-text-color);background-color:var(--cui-badge-teal-background-color)}._cuiBadge_19wui_105._cuiBadge--green_19wui_155{color:var(--cui-badge-green-text-color);background-color:var(--cui-badge-green-background-color)}._cuiBadge_19wui_105._cuiBadge--lime_19wui_160{color:var(--cui-badge-lime-text-color);background-color:var(--cui-badge-lime-background-color)}._cuiBadge_19wui_105._cuiBadge--yellow_19wui_165{color:var(--cui-badge-yellow-text-color);background-color:var(--cui-badge-yellow-background-color)}._cuiBadge_19wui_105._cuiBadge--orange_19wui_170{color:var(--cui-badge-orange-text-color);background-color:var(--cui-badge-orange-background-color)}._cuiBadge_19wui_105._cuiBadge--brown_19wui_175{color:var(--cui-badge-brown-text-color);background-color:var(--cui-badge-brown-background-color)}._cuiBadge_19wui_105._cuiBadge--gray_19wui_180{color:var(--cui-badge-gray-text-color);background-color:var(--cui-badge-gray-background-color)}._cuiBadge_19wui_105._cuiBadge--blueGray_19wui_185{color:var(--cui-badge-blue-gray-text-color);background-color:var(--cui-badge-blue-gray-background-color)}:root{--cui-card-background-color: #fff;--cui-card-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)}@media(prefers-color-scheme:dark){:root{--cui-card-background-color: var(--cui-color-gray-900)}}._cuiCard_1d5d3_12{display:block;background-color:var(--cui-card-background-color);border-radius:var(--cui-default-border-radius);box-shadow:var(--cui-card-box-shadow)}._cuiCardHeader_1d5d3_19{padding:1rem;display:flex;align-items:center}._cuiCardContent_1d5d3_25{padding:1rem}._cuiCardHeaderActions_1d5d3_29{margin-left:auto;padding-left:.5rem}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utilities/Color';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("react");function S(e){var u,r,c="";if(typeof e=="string"||typeof e=="number")c+=e;else if(typeof e=="object")if(Array.isArray(e)){var t=e.length;for(u=0;u<t;u++)e[u]&&(r=S(e[u]))&&(c&&(c+=" "),c+=r)}else for(r in e)e[r]&&(c&&(c+=" "),c+=r);return c}function n(){for(var e,u,r=0,c="",t=arguments.length;r<t;r++)(e=arguments[r])&&(u=S(e))&&(c&&(c+=" "),c+=u);return c}const R="_cuiButton_1734o_65",w="_loading_1734o_1",b="_cuiButtonText_1734o_78",v="_cuiButtonIcon_1734o_185",g={cuiButton:R,loading:w,cuiButtonText:b,"cuiButton--loading":"_cuiButton--loading_1734o_82","cuiButton--primary":"_cuiButton--primary_1734o_97","cuiButton--secondary":"_cuiButton--secondary_1734o_119","cuiButton--success":"_cuiButton--success_1734o_141","cuiButton--danger":"_cuiButton--danger_1734o_163",cuiButtonIcon:v,"cuiButtonIcon--start":"_cuiButtonIcon--start_1734o_188","cuiButtonIcon--end":"_cuiButtonIcon--end_1734o_192"},f=({children:e,loading:u,color:r,iconStart:c,iconEnd:t,...a})=>i.jsxs("button",{className:n(g.cuiButton,g[`cuiButton--${r}`],u&&g["cuiButton--loading"]),...a,children:[c&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--start"]),children:c}),i.jsx("span",{className:g.cuiButtonText,children:e}),t&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--end"]),children:t})]}),p={PRIMARY:"primary",SECONDARY:"secondary",SUCCESS:"success",DANGER:"danger"},G={SUCCESS:p.SUCCESS,DANGER:p.DANGER,PRIMARY:p.PRIMARY,SECONDARY:p.SECONDARY},W="_cuiFormGroup_1jun3_20",H="_cuiFormField_1jun3_25",L="_cuiFormLabel_1jun3_36",T="_cuiFormControl_1jun3_47",Y="_cuiTextareaWrapper_1jun3_51",D="_cuiFormError_1jun3_65",P="_cuiFormControlWrapper_1jun3_71",O="_cuiFormInput_1jun3_92",U="_cuiSelectWrapper_1jun3_98",k="_cuiFormSelect_1jun3_99",M="_cuiFormHint_1jun3_148",o={cuiFormGroup:W,cuiFormField:H,cuiFormLabel:L,"cuiFormField--filled":"_cuiFormField--filled_1jun3_41",cuiFormControl:T,cuiTextareaWrapper:Y,"cuiFormField--error":"_cuiFormField--error_1jun3_58",cuiFormError:D,cuiFormControlWrapper:P,cuiFormInput:O,cuiSelectWrapper:U,cuiFormSelect:k,"cuiFormIcon--start":"_cuiFormIcon--start_1jun3_136","cuiFormIcon--end":"_cuiFormIcon--end_1jun3_142",cuiFormHint:M},I=({children:e,label:u,floatingLabel:r=!0,className:c,controlWrapperClassName:t,inputId:a,hasValue:l,labelAlwaysLikeFocus:d,iconStart:m,iconEnd:s,hasError:_,...B})=>i.jsxs("div",{className:n(o.cuiFormField,(l||d)&&o["cuiFormField--filled"],_&&o["cuiFormField--error"],c),...B,children:[m&&i.jsx("span",{className:o["cuiFormIcon--start"],children:m}),i.jsxs("div",{className:n(o.cuiFormControlWrapper,t),children:[r&&u&&i.jsx("label",{className:o.cuiFormLabel,htmlFor:a,children:u}),e]}),s&&i.jsx("span",{className:o["cuiFormIcon--end"],children:s})]}),x=({children:e,className:u,hint:r,errors:c,...t})=>{const a=c?Array.isArray(c)?c:[c]:[];return i.jsxs("div",{className:n(o.cuiFormGroup,u),...t,children:[e,a.map((l,d)=>i.jsx("div",{className:o.cuiFormError,children:l},d)),r&&i.jsx("div",{className:o.cuiFormHint,children:r})]})},V=({groupClassName:e,fieldClasName:u,placeholder:r,label:c,iconStart:t,iconEnd:a,id:l,errors:d,hint:m,hasError:s})=>{const _=C.useId(),B=l||_,[F,A]=C.useState("");return i.jsx(x,{errors:d,hint:m,className:e,children:i.jsx(I,{className:u,label:c,inputId:B,hasValue:!!F,iconStart:t,iconEnd:a,hasError:s||d?.length&&s!==!1,children:i.jsx("input",{type:"text",className:n(o.cuiFormControl,o.cuiFormInput),placeholder:r,"aria-placeholder":r,"aria-label":c,id:B,onChange:E=>A(E.target.value),value:F})})})},$=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:t,errors:a,hint:l,children:d})=>{const m=C.useId(),s=t||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:o.cuiSelectWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,labelAlwaysLikeFocus:!0,children:i.jsx("select",{className:n(o.cuiFormControl,o.cuiFormSelect),id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},q=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:t,errors:a,hint:l,children:d})=>{const m=C.useId(),s=t||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:o.cuiTextareaWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,children:i.jsx("textarea",{className:o.cuiFormControl,id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},K="_cuiBadge_19wui_105",y={cuiBadge:K,"cuiBadge--primary":"_cuiBadge--primary_19wui_110","cuiBadge--danger":"_cuiBadge--danger_19wui_115","cuiBadge--success":"_cuiBadge--success_19wui_120","cuiBadge--red":"_cuiBadge--red_19wui_125","cuiBadge--pink":"_cuiBadge--pink_19wui_130","cuiBadge--purple":"_cuiBadge--purple_19wui_135","cuiBadge--indigo":"_cuiBadge--indigo_19wui_140","cuiBadge--blue":"_cuiBadge--blue_19wui_145","cuiBadge--teal":"_cuiBadge--teal_19wui_150","cuiBadge--green":"_cuiBadge--green_19wui_155","cuiBadge--lime":"_cuiBadge--lime_19wui_160","cuiBadge--yellow":"_cuiBadge--yellow_19wui_165","cuiBadge--orange":"_cuiBadge--orange_19wui_170","cuiBadge--brown":"_cuiBadge--brown_19wui_175","cuiBadge--gray":"_cuiBadge--gray_19wui_180","cuiBadge--blueGray":"_cuiBadge--blueGray_19wui_185"},z=({className:e,color:u,children:r})=>i.jsx("div",{className:n(y.cuiBadge,y[`cuiBadge--${u}`],e),children:r}),h={RED:"red",PINK:"pink",PURPLE:"purple",INDIGO:"indigo",BLUE:"blue",TEAL:"teal",GREEN:"green",LIME:"lime",YELLOW:"yellow",ORANGE:"orange",BROWN:"brown",BLUE_GRAY:"blueGray",GRAY:"gray"},J={...h,PRIMARY:p.PRIMARY,DANGER:p.DANGER,SUCCESS:p.SUCCESS},Q="_cuiCard_1d5d3_12",X="_cuiCardHeader_1d5d3_19",Z="_cuiCardContent_1d5d3_25",ee="_cuiCardHeaderActions_1d5d3_29",j={cuiCard:Q,cuiCardHeader:X,cuiCardContent:Z,cuiCardHeaderActions:ee},ce=({actions:e,children:u,className:r})=>i.jsxs("div",{className:n(j.cuiCardHeader,r),children:[u,e&&i.jsx("div",{className:j.cuiCardHeaderActions,children:e})]}),ue=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCardContent,u),children:e}),N=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCard,u),children:e});N.Header=ce;N.Content=ue;exports.Badge=z;exports.BadgeColor=J;exports.Button=f;exports.ButtonColor=G;exports.Card=N;exports.Color=h;exports.Input=V;exports.Select=$;exports.TextArea=q;

package/dist/index.mjs

@@ -0,0 +1,389 @@
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import { useId as N, useState as y } from "react";
+function S(c) {
+  var u, r, e = "";
+  if (typeof c == "string" || typeof c == "number") e += c;
+  else if (typeof c == "object") if (Array.isArray(c)) {
+    var a = c.length;
+    for (u = 0; u < a; u++) c[u] && (r = S(c[u])) && (e && (e += " "), e += r);
+  } else for (r in c) c[r] && (e && (e += " "), e += r);
+  return e;
+}
+function n() {
+  for (var c, u, r = 0, e = "", a = arguments.length; r < a; r++) (c = arguments[r]) && (u = S(c)) && (e && (e += " "), e += u);
+  return e;
+}
+const f = "_cuiButton_1734o_65", v = "_loading_1734o_1", j = "_cuiButtonText_1734o_78", G = "_cuiButtonIcon_1734o_185", g = {
+  cuiButton: f,
+  loading: v,
+  cuiButtonText: j,
+  "cuiButton--loading": "_cuiButton--loading_1734o_82",
+  "cuiButton--primary": "_cuiButton--primary_1734o_97",
+  "cuiButton--secondary": "_cuiButton--secondary_1734o_119",
+  "cuiButton--success": "_cuiButton--success_1734o_141",
+  "cuiButton--danger": "_cuiButton--danger_1734o_163",
+  cuiButtonIcon: G,
+  "cuiButtonIcon--start": "_cuiButtonIcon--start_1734o_188",
+  "cuiButtonIcon--end": "_cuiButtonIcon--end_1734o_192"
+}, cc = ({
+  children: c,
+  loading: u,
+  color: r,
+  iconStart: e,
+  iconEnd: a,
+  ...t
+}) => /* @__PURE__ */ C(
+  "button",
+  {
+    className: n(
+      g.cuiButton,
+      g[`cuiButton--${r}`],
+      u && g["cuiButton--loading"]
+    ),
+    ...t,
+    children: [
+      e && /* @__PURE__ */ i(
+        "i",
+        {
+          className: n(
+            g.cuiButtonIcon,
+            g["cuiButtonIcon--start"]
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ i("span", { className: g.cuiButtonText, children: c }),
+      a && /* @__PURE__ */ i(
+        "i",
+        {
+          className: n(
+            g.cuiButtonIcon,
+            g["cuiButtonIcon--end"]
+          ),
+          children: a
+        }
+      )
+    ]
+  }
+), p = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  SUCCESS: "success",
+  DANGER: "danger"
+}, ec = {
+  SUCCESS: p.SUCCESS,
+  DANGER: p.DANGER,
+  PRIMARY: p.PRIMARY,
+  SECONDARY: p.SECONDARY
+}, W = "_cuiFormGroup_1jun3_20", x = "_cuiFormField_1jun3_25", H = "_cuiFormLabel_1jun3_36", L = "_cuiFormControl_1jun3_47", Y = "_cuiTextareaWrapper_1jun3_51", D = "_cuiFormError_1jun3_65", T = "_cuiFormControlWrapper_1jun3_71", P = "_cuiFormInput_1jun3_92", U = "_cuiSelectWrapper_1jun3_98", k = "_cuiFormSelect_1jun3_99", O = "_cuiFormHint_1jun3_148", o = {
+  cuiFormGroup: W,
+  cuiFormField: x,
+  cuiFormLabel: H,
+  "cuiFormField--filled": "_cuiFormField--filled_1jun3_41",
+  cuiFormControl: L,
+  cuiTextareaWrapper: Y,
+  "cuiFormField--error": "_cuiFormField--error_1jun3_58",
+  cuiFormError: D,
+  cuiFormControlWrapper: T,
+  cuiFormInput: P,
+  cuiSelectWrapper: U,
+  cuiFormSelect: k,
+  "cuiFormIcon--start": "_cuiFormIcon--start_1jun3_136",
+  "cuiFormIcon--end": "_cuiFormIcon--end_1jun3_142",
+  cuiFormHint: O
+}, h = ({
+  children: c,
+  label: u,
+  floatingLabel: r = !0,
+  className: e,
+  controlWrapperClassName: a,
+  inputId: t,
+  hasValue: l,
+  labelAlwaysLikeFocus: d,
+  iconStart: m,
+  iconEnd: s,
+  hasError: _,
+  ...B
+}) => /* @__PURE__ */ C("div", { className: n(
+  o.cuiFormField,
+  (l || d) && o["cuiFormField--filled"],
+  _ && o["cuiFormField--error"],
+  e
+), ...B, children: [
+  m && /* @__PURE__ */ i("span", { className: o["cuiFormIcon--start"], children: m }),
+  /* @__PURE__ */ C(
+    "div",
+    {
+      className: n(
+        o.cuiFormControlWrapper,
+        a
+      ),
+      children: [
+        r && u && /* @__PURE__ */ i("label", { className: o.cuiFormLabel, htmlFor: t, children: u }),
+        c
+      ]
+    }
+  ),
+  s && /* @__PURE__ */ i("span", { className: o["cuiFormIcon--end"], children: s })
+] }), A = ({
+  children: c,
+  className: u,
+  hint: r,
+  errors: e,
+  ...a
+}) => {
+  const t = e ? Array.isArray(e) ? e : [e] : [];
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: n(
+        o.cuiFormGroup,
+        u
+      ),
+      ...a,
+      children: [
+        c,
+        t.map((l, d) => /* @__PURE__ */ i("div", { className: o.cuiFormError, children: l }, d)),
+        r && /* @__PURE__ */ i("div", { className: o.cuiFormHint, children: r })
+      ]
+    }
+  );
+}, uc = ({
+  groupClassName: c,
+  fieldClasName: u,
+  placeholder: r,
+  label: e,
+  iconStart: a,
+  iconEnd: t,
+  id: l,
+  errors: d,
+  hint: m,
+  hasError: s
+}) => {
+  const _ = N(), B = l || _, [F, w] = y("");
+  return /* @__PURE__ */ i(
+    A,
+    {
+      errors: d,
+      hint: m,
+      className: c,
+      children: /* @__PURE__ */ i(
+        h,
+        {
+          className: u,
+          label: e,
+          inputId: B,
+          hasValue: !!F,
+          iconStart: a,
+          iconEnd: t,
+          hasError: s || d?.length && s !== !1,
+          children: /* @__PURE__ */ i(
+            "input",
+            {
+              type: "text",
+              className: n(
+                o.cuiFormControl,
+                o.cuiFormInput
+              ),
+              placeholder: r,
+              "aria-placeholder": r,
+              "aria-label": e,
+              id: B,
+              onChange: (b) => w(b.target.value),
+              value: F
+            }
+          )
+        }
+      )
+    }
+  );
+}, rc = ({
+  groupClassName: c,
+  label: u,
+  iconStart: r,
+  iconEnd: e,
+  id: a,
+  errors: t,
+  hint: l,
+  children: d
+}) => {
+  const m = N(), s = a || m, [_, B] = y("");
+  return /* @__PURE__ */ i(
+    A,
+    {
+      errors: t,
+      hint: l,
+      className: c,
+      children: /* @__PURE__ */ i(
+        h,
+        {
+          controlWrapperClassName: o.cuiSelectWrapper,
+          label: u,
+          inputId: s,
+          hasValue: !!_,
+          iconStart: r,
+          iconEnd: e,
+          hasError: !!t,
+          labelAlwaysLikeFocus: !0,
+          children: /* @__PURE__ */ i(
+            "select",
+            {
+              className: n(
+                o.cuiFormControl,
+                o.cuiFormSelect
+              ),
+              id: s,
+              onChange: (F) => B(F.target.value),
+              value: _,
+              children: d
+            }
+          )
+        }
+      )
+    }
+  );
+}, ic = ({
+  groupClassName: c,
+  label: u,
+  iconStart: r,
+  iconEnd: e,
+  id: a,
+  errors: t,
+  hint: l,
+  children: d
+}) => {
+  const m = N(), s = a || m, [_, B] = y("");
+  return /* @__PURE__ */ i(
+    A,
+    {
+      errors: t,
+      hint: l,
+      className: c,
+      children: /* @__PURE__ */ i(
+        h,
+        {
+          controlWrapperClassName: o.cuiTextareaWrapper,
+          label: u,
+          inputId: s,
+          hasValue: !!_,
+          iconStart: r,
+          iconEnd: e,
+          hasError: !!t,
+          children: /* @__PURE__ */ i(
+            "textarea",
+            {
+              className: o.cuiFormControl,
+              id: s,
+              onChange: (F) => B(F.target.value),
+              value: _,
+              children: d
+            }
+          )
+        }
+      )
+    }
+  );
+}, V = "_cuiBadge_19wui_105", E = {
+  cuiBadge: V,
+  "cuiBadge--primary": "_cuiBadge--primary_19wui_110",
+  "cuiBadge--danger": "_cuiBadge--danger_19wui_115",
+  "cuiBadge--success": "_cuiBadge--success_19wui_120",
+  "cuiBadge--red": "_cuiBadge--red_19wui_125",
+  "cuiBadge--pink": "_cuiBadge--pink_19wui_130",
+  "cuiBadge--purple": "_cuiBadge--purple_19wui_135",
+  "cuiBadge--indigo": "_cuiBadge--indigo_19wui_140",
+  "cuiBadge--blue": "_cuiBadge--blue_19wui_145",
+  "cuiBadge--teal": "_cuiBadge--teal_19wui_150",
+  "cuiBadge--green": "_cuiBadge--green_19wui_155",
+  "cuiBadge--lime": "_cuiBadge--lime_19wui_160",
+  "cuiBadge--yellow": "_cuiBadge--yellow_19wui_165",
+  "cuiBadge--orange": "_cuiBadge--orange_19wui_170",
+  "cuiBadge--brown": "_cuiBadge--brown_19wui_175",
+  "cuiBadge--gray": "_cuiBadge--gray_19wui_180",
+  "cuiBadge--blueGray": "_cuiBadge--blueGray_19wui_185"
+}, oc = ({
+  className: c,
+  color: u,
+  children: r
+}) => /* @__PURE__ */ i("div", { className: n(
+  E.cuiBadge,
+  E[`cuiBadge--${u}`],
+  c
+), children: r }), M = {
+  RED: "red",
+  PINK: "pink",
+  PURPLE: "purple",
+  INDIGO: "indigo",
+  BLUE: "blue",
+  TEAL: "teal",
+  GREEN: "green",
+  LIME: "lime",
+  YELLOW: "yellow",
+  ORANGE: "orange",
+  BROWN: "brown",
+  BLUE_GRAY: "blueGray",
+  GRAY: "gray"
+}, ac = {
+  ...M,
+  PRIMARY: p.PRIMARY,
+  DANGER: p.DANGER,
+  SUCCESS: p.SUCCESS
+}, $ = "_cuiCard_1d5d3_12", K = "_cuiCardHeader_1d5d3_19", q = "_cuiCardContent_1d5d3_25", z = "_cuiCardHeaderActions_1d5d3_29", I = {
+  cuiCard: $,
+  cuiCardHeader: K,
+  cuiCardContent: q,
+  cuiCardHeaderActions: z
+}, J = ({
+  actions: c,
+  children: u,
+  className: r
+}) => /* @__PURE__ */ C(
+  "div",
+  {
+    className: n(
+      I.cuiCardHeader,
+      r
+    ),
+    children: [
+      u,
+      c && /* @__PURE__ */ i("div", { className: I.cuiCardHeaderActions, children: c })
+    ]
+  }
+), Q = ({
+  children: c,
+  className: u
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: n(
+      I.cuiCardContent,
+      u
+    ),
+    children: c
+  }
+), R = ({
+  children: c,
+  className: u
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: n(
+      I.cuiCard,
+      u
+    ),
+    children: c
+  }
+);
+R.Header = J;
+R.Content = Q;
+export {
+  oc as Badge,
+  ac as BadgeColor,
+  cc as Button,
+  ec as ButtonColor,
+  R as Card,
+  M as Color,
+  uc as Input,
+  rc as Select,
+  ic as TextArea
+};

package/dist/utilities/Color.d.ts

@@ -0,0 +1,15 @@
+export declare const Color: {
+    readonly RED: "red";
+    readonly PINK: "pink";
+    readonly PURPLE: "purple";
+    readonly INDIGO: "indigo";
+    readonly BLUE: "blue";
+    readonly TEAL: "teal";
+    readonly GREEN: "green";
+    readonly LIME: "lime";
+    readonly YELLOW: "yellow";
+    readonly ORANGE: "orange";
+    readonly BROWN: "brown";
+    readonly BLUE_GRAY: "blueGray";
+    readonly GRAY: "gray";
+};

package/dist/utilities/Size.d.ts

@@ -0,0 +1,5 @@
+export declare const Size: {
+    TINY: string;
+    NORMAL: string;
+    BIG: string;
+};

package/dist/utilities/Variant.d.ts

@@ -0,0 +1,6 @@
+export declare const Variant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SUCCESS: "success";
+    readonly DANGER: "danger";
+};

package/dist/utilities/types.d.ts

@@ -0,0 +1 @@
+export type ValueOf<T> = T[keyof T];

package/package.json

@@ -0,0 +1,37 @@
+{
+    "name": "@coderan/components-react",
+    "version": "0.1.1",
+    "description": "",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "main": "dist/index.js",
+    "scripts": {
+        "build": "rm -rf dist && vite build",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "require": "./dist/index.js",
+            "import": "./dist/index.mjs"
+        }
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "@coderan/component-styles": "^0.1.1",
+        "clsx": "^2.1.0",
+        "react": "^19.1.0"
+    },
+    "devDependencies": {
+        "@types/react": "^19.1.8"
+    },
+    "files": [
+        "dist"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "1f6a300be9d8f6a453ca1a4438ace1610a8c3a54"
+}