@altruist03/ui 0.1.0 → 0.2.0

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":[":root {\n  --al-color-primary: #0b6b4f;\n  --al-color-primary-hover: #095c44;\n  --al-color-on-primary: #ffffff;\n  --al-color-secondary: #1f2937;\n  --al-color-on-secondary: #ffffff;\n  --al-color-danger: #b42318;\n  --al-color-success: #067647;\n  --al-color-warning: #b54708;\n  --al-color-text: #1c2430;\n  --al-color-text-muted: #5c6778;\n  --al-color-surface: #ffffff;\n  --al-color-surface-muted: #f5f7fa;\n  --al-color-border: #d8dee8;\n  --al-color-focus: #0b6b4f;\n  --al-font-family: \"Segoe UI\", \"Noto Sans\", sans-serif;\n  --al-font-size-xs: 12px;\n  --al-font-size-sm: 13px;\n  --al-font-size-md: 14px;\n  --al-font-size-lg: 16px;\n  --al-radius-sm: 6px;\n  --al-radius-md: 8px;\n  --al-radius-lg: 12px;\n  --al-space-sm: 8px;\n  --al-space-md: 12px;\n  --al-space-lg: 16px;\n}\n\n.al-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  box-sizing: border-box;\n  height: 36px;\n  padding: 0 14px;\n  border-radius: var(--al-radius-md);\n  border: 1px solid transparent;\n  background: var(--al-btn-bg, var(--al-color-primary));\n  color: var(--al-btn-fg, var(--al-color-on-primary));\n  font-family: var(--al-font-family);\n  font-size: var(--al-font-size-md);\n  font-weight: 600;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n}\n\n.al-btn[data-size='sm'] {\n  height: 30px;\n  padding: 0 10px;\n  font-size: var(--al-font-size-sm);\n}\n\n.al-btn[data-size='lg'] {\n  height: 42px;\n  padding: 0 18px;\n  font-size: var(--al-font-size-lg);\n}\n\n.al-btn[data-full-width='true'] {\n  width: 100%;\n}\n\n.al-btn[data-variant='outline'],\n.al-btn[data-variant='ghost'] {\n  color: var(--al-btn-bg, var(--al-color-primary));\n  background: transparent;\n}\n\n.al-btn[data-variant='outline'] {\n  border-color: var(--al-btn-bg, var(--al-color-primary));\n}\n\n.al-btn[data-variant='solid']:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--al-btn-bg, var(--al-color-primary)) 86%, #000);\n}\n\n.al-btn[data-variant='outline']:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--al-btn-bg, var(--al-color-primary)) 12%, transparent);\n}\n\n.al-btn[data-variant='ghost']:hover:not(:disabled) {\n  background: var(--al-color-surface-muted);\n}\n\n.al-btn:focus-visible,\n.al-control:focus-visible,\n.al-checkbox-input:focus-visible {\n  outline: 2px solid var(--al-color-focus);\n  outline-offset: 2px;\n}\n\n.al-btn:disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n}\n\n.al-spinner {\n  width: 1em;\n  height: 1em;\n  border: 2px solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: al-spin 0.6s linear infinite;\n}\n\n@keyframes al-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .al-spinner {\n    animation: none;\n  }\n}\n\n.al-field,\n.al-checkbox-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n  font-family: var(--al-font-family);\n  color: var(--al-color-text);\n}\n\n.al-field-label,\n.al-checkbox-label {\n  font-size: var(--al-font-size-sm);\n  font-weight: 600;\n  color: var(--al-color-text);\n}\n\n.al-field-required {\n  margin-left: 2px;\n  color: var(--al-color-danger);\n}\n\n.al-control-wrap {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.al-control {\n  box-sizing: border-box;\n  width: 100%;\n  height: 36px;\n  padding: 0 12px;\n  border: 1px solid var(--al-control-border, var(--al-color-border));\n  border-radius: var(--al-radius-md);\n  background: var(--al-color-surface);\n  color: var(--al-color-text);\n  font-family: inherit;\n  font-size: var(--al-font-size-md);\n}\n\n.al-control[data-size='sm'] {\n  height: 30px;\n  font-size: var(--al-font-size-sm);\n}\n\n.al-control[data-size='lg'] {\n  height: 42px;\n  font-size: var(--al-font-size-lg);\n}\n\n.al-control::placeholder {\n  color: var(--al-color-text-muted);\n}\n\n.al-control:focus {\n  border-color: var(--al-control-accent, var(--al-color-focus));\n}\n\n.al-control[aria-invalid='true'] {\n  border-color: var(--al-color-danger);\n}\n\n.al-control:disabled {\n  background: var(--al-color-surface-muted);\n  color: var(--al-color-text-muted);\n  cursor: not-allowed;\n}\n\n.has-left .al-control {\n  padding-left: 36px;\n}\n\n.has-right .al-control {\n  padding-right: 36px;\n}\n\n.al-control-icon {\n  position: absolute;\n  display: inline-flex;\n  color: var(--al-color-text-muted);\n}\n\n.al-control-icon.left {\n  left: 10px;\n}\n\n.al-control-icon.right {\n  right: 8px;\n}\n\n.al-textarea {\n  height: auto;\n  min-height: 96px;\n  padding: 10px 12px;\n  resize: vertical;\n  line-height: 1.45;\n}\n\n.al-select {\n  appearance: none;\n  padding-right: 32px;\n  background-image:\n    linear-gradient(45deg, transparent 50%, var(--al-color-text-muted) 50%),\n    linear-gradient(135deg, var(--al-color-text-muted) 50%, transparent 50%);\n  background-position:\n    calc(100% - 16px) calc(50% - 2px),\n    calc(100% - 11px) calc(50% - 2px);\n  background-size: 5px 5px, 5px 5px;\n  background-repeat: no-repeat;\n}\n\n.al-field-helper,\n.al-field-error,\n.al-checkbox-description {\n  margin: 0;\n  font-size: var(--al-font-size-xs);\n  line-height: 1.4;\n}\n\n.al-field-helper,\n.al-checkbox-description {\n  color: var(--al-color-text-muted);\n}\n\n.al-field-error {\n  color: var(--al-color-danger);\n}\n\n.al-checkbox {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  cursor: pointer;\n}\n\n.al-checkbox-input {\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  accent-color: var(--al-color-primary);\n}\n\n.al-checkbox-copy {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.al-card {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  background: var(--al-color-surface);\n  color: var(--al-color-text);\n  border: 1px solid var(--al-color-border);\n  border-radius: var(--al-radius-lg);\n  font-family: var(--al-font-family);\n}\n\n.al-card[data-padding='sm'] {\n  padding: var(--al-space-sm);\n}\n\n.al-card[data-padding='md'] {\n  padding: var(--al-space-lg);\n}\n\n.al-card[data-padding='lg'] {\n  padding: 24px;\n}\n\n.al-card-header {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.al-card-title {\n  margin: 0;\n  font-size: var(--al-font-size-lg);\n  line-height: 1.3;\n}\n\n.al-card-description {\n  margin: 0;\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-sm);\n  line-height: 1.45;\n}\n\n.al-card-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n\n.al-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 22px;\n  padding: 0 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--al-badge-color, var(--al-color-primary)) 14%, var(--al-color-surface));\n  color: var(--al-badge-color, var(--al-color-primary));\n  font-family: var(--al-font-family);\n  font-size: var(--al-font-size-xs);\n  font-weight: 700;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.al-badge[data-variant='solid'] {\n  background: var(--al-badge-color, var(--al-color-primary));\n  color: #fff;\n}\n\n.al-table-wrap {\n  width: 100%;\n  overflow-x: auto;\n  border: 1px solid var(--al-color-border);\n  border-radius: var(--al-radius-lg);\n  background: var(--al-color-surface);\n}\n\n.al-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--al-font-family);\n  font-size: var(--al-font-size-md);\n  color: var(--al-color-text);\n}\n\n.al-table th,\n.al-table td {\n  padding: 10px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--al-color-border);\n  vertical-align: middle;\n}\n\n.al-table th {\n  background: var(--al-color-surface-muted);\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-xs);\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.al-table tbody tr:last-child td {\n  border-bottom: 0;\n}\n\n.al-table[data-striped='true'] tbody tr:nth-child(even) td {\n  background: color-mix(in srgb, var(--al-color-surface-muted) 70%, var(--al-color-surface));\n}\n\n.al-table tbody tr:hover td {\n  background: color-mix(in srgb, var(--al-color-primary) 8%, var(--al-color-surface));\n}\n\n.al-table[data-size='sm'] th,\n.al-table[data-size='sm'] td {\n  padding: 6px 10px;\n}\n\n.al-table[data-size='lg'] th,\n.al-table[data-size='lg'] td {\n  padding: 14px 16px;\n}\n\n.al-table-empty {\n  padding: 28px 12px;\n  color: var(--al-color-text-muted);\n  text-align: center;\n}\n\n.al-table-caption {\n  caption-side: bottom;\n  padding: 8px 12px 10px;\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-xs);\n  text-align: left;\n}\n\n/* @altruist component:Accordion */\n.accordion {\n  border: 1px solid var(--al-color-border);\n  border-radius: var(--al-radius-lg);\n  background: var(--al-color-surface);\n  color: var(--al-color-text);\n  font-family: var(--al-font-family);\n  overflow: hidden;\n}\n\n.accordion-item + .accordion-item {\n  border-top: 1px solid var(--al-color-border);\n}\n\n.accordion-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  width: 100%;\n  padding: 12px 14px;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-weight: 600;\n  text-align: left;\n  cursor: pointer;\n}\n\n.accordion-trigger:hover {\n  background: var(--al-color-surface-muted);\n}\n\n.accordion-trigger:focus-visible {\n  outline: 2px solid var(--al-color-focus);\n  outline-offset: -2px;\n}\n\n.accordion-chevron {\n  width: 8px;\n  height: 8px;\n  border-right: 2px solid currentColor;\n  border-bottom: 2px solid currentColor;\n  transform: rotate(45deg);\n}\n\n.accordion-chevron[data-open='true'] {\n  transform: rotate(225deg);\n}\n\n.accordion-panel {\n  padding: 0 14px 14px;\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-sm);\n  line-height: 1.5;\n}\n/* @altruist end:Accordion */\n\n.al-float {\n  position: relative;\n}\n\n.al-float-input {\n  height: 52px;\n  padding: 18px 12px 6px;\n}\n\n.al-float[data-size='sm'] .al-float-input {\n  height: 44px;\n  padding-top: 16px;\n}\n\n.al-float[data-size='lg'] .al-float-input {\n  height: 58px;\n}\n\n.al-float-input::placeholder {\n  color: transparent;\n}\n\n.al-float:focus-within .al-float-input::placeholder {\n  color: var(--al-color-text-muted);\n}\n\n.al-float-label {\n  position: absolute;\n  left: 12px;\n  top: 16px;\n  max-width: calc(100% - 24px);\n  overflow: hidden;\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-md);\n  line-height: 1.2;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  pointer-events: none;\n  transition: top 0.15s ease, font-size 0.15s ease, color 0.15s ease;\n}\n\n.al-float[data-filled='true'] .al-float-label,\n.al-float:focus-within .al-float-label {\n  top: 7px;\n  color: var(--al-control-accent, var(--al-color-primary));\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.al-float[data-invalid='true'] .al-float-label {\n  color: var(--al-color-danger);\n}\n\n.al-file {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  min-height: 84px;\n  padding: 14px 16px;\n  border: 1px dashed var(--al-control-border, var(--al-color-border));\n  border-radius: var(--al-radius-lg);\n  background: var(--al-color-surface);\n  color: var(--al-color-text);\n  cursor: pointer;\n}\n\n.al-file:hover,\n.al-file.is-dragging,\n.al-file:focus-within {\n  border-style: solid;\n  border-color: var(--al-control-accent, var(--al-color-primary));\n  background: color-mix(in srgb, var(--al-color-primary) 6%, var(--al-color-surface));\n}\n\n.al-file[data-invalid='true'] {\n  border-color: var(--al-color-danger);\n}\n\n.al-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.al-file-copy {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.al-file-title {\n  font-weight: 600;\n}\n\n.al-file-names {\n  overflow: hidden;\n  color: var(--al-color-text-muted);\n  font-size: var(--al-font-size-xs);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.al-file-button {\n  flex: none;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: var(--al-radius-md);\n  background: var(--al-color-primary);\n  color: var(--al-color-on-primary);\n  font-size: var(--al-font-size-sm);\n  font-weight: 600;\n  line-height: 32px;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts

@@ -1,289 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, CSSProperties, TextareaHTMLAttributes } from 'react';
-
-type AltruistTheme = {
-    colors: {
-        primary: string;
-        primaryHover: string;
-        onPrimary: string;
-        secondary: string;
-        onSecondary: string;
-        danger: string;
-        success: string;
-        warning: string;
-        text: string;
-        textMuted: string;
-        surface: string;
-        surfaceMuted: string;
-        border: string;
-        focus: string;
-    };
-    fontFamily: string;
-    fontSize: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    radius: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    spacing: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-};
-type ThemeOverride = {
-    colors?: Partial<AltruistTheme['colors']>;
-    fontFamily?: string;
-    fontSize?: Partial<AltruistTheme['fontSize']>;
-    radius?: Partial<AltruistTheme['radius']>;
-    spacing?: Partial<AltruistTheme['spacing']>;
-};
-type ColorProp = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'text' | 'textMuted' | 'border' | 'surface' | (string & {});
-type FontSizeProp = 'xs' | 'sm' | 'md' | 'lg' | number | (string & {});
-type ControlSize = 'sm' | 'md' | 'lg';
-
-type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
-    color?: ColorProp;
-    variant?: 'soft' | 'solid';
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    children: ReactNode;
-};
-declare function Badge({ color, variant, fontSize, fontFamily, className, style, children, ...rest }: BadgeProps): react.JSX.Element;
-
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: 'solid' | 'outline' | 'ghost';
-    color?: ColorProp;
-    textColor?: ColorProp;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    fullWidth?: boolean;
-    loading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-};
-declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "solid" | "outline" | "ghost";
-    color?: ColorProp;
-    textColor?: ColorProp;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    fullWidth?: boolean;
-    loading?: boolean;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-} & react.RefAttributes<HTMLButtonElement>>;
-
-type CardProps = HTMLAttributes<HTMLElement> & {
-    title?: ReactNode;
-    description?: ReactNode;
-    footer?: ReactNode;
-    padding?: 'sm' | 'md' | 'lg';
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-};
-declare function Card({ title, description, footer, padding, fontSize, fontFamily, className, style, children, ...rest }: CardProps): react.JSX.Element;
-
-type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-};
-declare const Checkbox: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
-    label?: ReactNode;
-    description?: ReactNode;
-    error?: ReactNode;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type FieldProps = {
-    id: string;
-    label?: ReactNode;
-    required?: boolean;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    messageId?: string;
-    fontFamily?: string;
-    children: ReactNode;
-    className?: string;
-};
-declare function Field({ id, label, required, helperText, error, messageId, fontFamily, children, className, }: FieldProps): react.JSX.Element;
-
-type FileInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    emptyText?: ReactNode;
-    buttonLabel?: string;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-};
-declare const FileInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    emptyText?: ReactNode;
-    buttonLabel?: string;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type FloatingInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'placeholder'> & {
-    label: ReactNode;
-    placeholder?: string;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-};
-declare const FloatingInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "placeholder"> & {
-    label: ReactNode;
-    placeholder?: string;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-};
-declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
-
-type SelectOption = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-};
-type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    placeholder?: string;
-    options: SelectOption[];
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-};
-declare const Select: react.ForwardRefExoticComponent<Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    placeholder?: string;
-    options: SelectOption[];
-    size?: ControlSize;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-} & react.RefAttributes<HTMLSelectElement>>;
-
-type TableColumn<Row> = {
-    key: string;
-    header: ReactNode;
-    align?: 'left' | 'center' | 'right';
-    width?: string | number;
-    render?: (row: Row) => ReactNode;
-};
-type TableProps<Row> = {
-    columns: Array<TableColumn<Row>>;
-    rows: Row[];
-    getRowKey: (row: Row, index: number) => string;
-    caption?: ReactNode;
-    emptyLabel?: ReactNode;
-    size?: ControlSize;
-    striped?: boolean;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    className?: string;
-    style?: CSSProperties;
-};
-declare function Table<Row>({ columns, rows, getRowKey, caption, emptyLabel, size, striped, fontSize, fontFamily, className, style, }: TableProps<Row>): react.JSX.Element;
-
-type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-};
-declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: ReactNode;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    color?: ColorProp;
-} & react.RefAttributes<HTMLTextAreaElement>>;
-
-type AccordionItem = {
-    id: string;
-    title: ReactNode;
-    content: ReactNode;
-};
-type AccordionProps = {
-    items: AccordionItem[];
-    allowMultiple?: boolean;
-    defaultOpenIds?: string[];
-    color?: ColorProp;
-    fontSize?: FontSizeProp;
-    fontFamily?: string;
-    className?: string;
-    style?: CSSProperties;
-};
-declare function Accordion({ items, allowMultiple, defaultOpenIds, color, fontSize, fontFamily, className, style, }: AccordionProps): react.JSX.Element;
-
-declare function themeToCssVars(theme: AltruistTheme): CSSProperties;
-
-declare const altruistTheme: AltruistTheme;
-
-declare const indigoTheme: ThemeOverride;
-declare const darkTheme: ThemeOverride;
-declare function mergeTheme(base?: AltruistTheme, override?: ThemeOverride): AltruistTheme;
-
-type ThemeProviderProps = {
-    theme?: ThemeOverride;
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-};
-declare function ThemeProvider({ theme, children, className, style }: ThemeProviderProps): react.JSX.Element;
-
-export { Accordion, type AccordionItem, type AccordionProps, type AltruistTheme, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, type ColorProp, type ControlSize, Field, type FieldProps, FileInput, type FileInputProps, FloatingInput, type FloatingInputProps, type FontSizeProp, Input, type InputProps, Select, type SelectOption, type SelectProps, Table, type TableColumn, type TableProps, Textarea, type TextareaProps, type ThemeOverride, ThemeProvider, type ThemeProviderProps, altruistTheme, darkTheme, indigoTheme, mergeTheme, themeToCssVars };