analytica-frontend-lib 1.0.34 → 1.0.36

package/dist/index.d.ts

@@ -8,71 +8,17 @@ export { default as NavButton } from './NavButton/index.js';
 export { default as SelectionButton } from './SelectionButton/index.js';
 export { default as Table } from './Table/index.js';
 export { default as CheckBox } from './CheckBox/index.js';
-import * as react from 'react';
-import { ReactNode, InputHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+export { default as Radio } from './Radio/index.js';
 export { default as TextArea } from './TextArea/index.js';
 export { default as Toast } from './Toast/index.js';
 export { default as Toaster } from './Toast/Toaster/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, InputHTMLAttributes, ButtonHTMLAttributes } from 'react';
 export { default as useToastStore } from './Toast/ToastStore/index.js';
-export { default as DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger } from './DropdownMenu/index.js';
-import 'zustand';
-
-/**
- * Radio size variants
- */
-type RadioSize = 'small' | 'medium' | 'large' | 'extraLarge';
-/**
- * Radio visual state
- */
-type RadioState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
-/**
- * Radio component for Analytica Ensino platforms
- *
- * A radio button component with essential states, sizes and themes.
- * Uses the Analytica Ensino Design System colors from styles.css with automatic
- * light/dark mode support. Includes Text component integration for consistent typography.
- *
- * @example
- * ```tsx
- * // Basic radio
- * <Radio name="option" value="1" label="Option 1" />
- *
- * // Small size
- * <Radio size="small" name="option" value="2" label="Small option" />
- *
- * // Invalid state
- * <Radio state="invalid" name="option" value="3" label="Required field" />
- *
- * // Disabled state
- * <Radio disabled name="option" value="4" label="Disabled option" />
- *
- * // Default checked (uncontrolled)
- * <Radio defaultChecked name="option" value="5" label="Initially checked" />
- * ```
- */
-declare const Radio: react.ForwardRefExoticComponent<{
-    /** Label text to display next to the radio */
-    label?: ReactNode;
-    /** Size variant of the radio */
-    size?: RadioSize;
-    /** Visual state of the radio */
-    state?: RadioState;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperText?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-    /** Radio group name */
-    name?: string;
-    /** Radio value */
-    value?: string;
-    /** Default checked state for uncontrolled radios */
-    defaultChecked?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultChecked" | "type"> & react.RefAttributes<HTMLInputElement>>;
+export { default as ProgressBar } from './ProgressBar/index.js';
+export { default as DropdownMenu, DropdownMenuTrigger, MenuContent, MenuItem, MenuLabel, MenuSeparator, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
+import { StoreApi } from 'zustand';
 
 /**
  * Divider component props interface
@@ -162,4 +108,46 @@ type ChipsProps = {
  */
 declare const Chips: ({ children, selected, className, disabled, type, ...props }: ChipsProps) => react_jsx_runtime.JSX.Element;
 
-export { Chips, Divider, Input, Radio };
+interface SelectStore {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    value: string;
+    setValue: (value: string) => void;
+    selectedLabel: ReactNode;
+    setSelectedLabel: (label: ReactNode) => void;
+}
+type SelectStoreApi = StoreApi<SelectStore>;
+interface SelectProps {
+    children: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const Select: ({ children, defaultValue, value: propValue, onValueChange, size, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const SelectValue: ({ placeholder, store: externalStore, }: {
+    placeholder?: string;
+    store?: SelectStoreApi;
+}) => react_jsx_runtime.JSX.Element;
+interface SelectTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    invalid?: boolean;
+    variant?: 'outlined' | 'underlined' | 'rounded';
+    store?: SelectStoreApi;
+}
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    store?: SelectStoreApi;
+}
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+    store?: SelectStoreApi;
+}
+declare const SelectItem: react.ForwardRefExoticComponent<SelectItemProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Chips, Divider, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue };