@app-studio/web 0.9.86 → 0.9.89

package/dist/components/Form/Radio/Radio/Radio.props.d.ts

@@ -1,104 +0,0 @@
-/**
- * Radio Props
- *
- * Defines the props for the Radio component following the design guidelines.
- */
-import React from 'react';
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
-import { RadioStyles, Size } from './Radio.type';
-import { ViewProps } from 'app-studio';
-/**
- * Props for the Radio component
- */
-export interface RadioProps extends Omit<InputProps, 'size'> {
-    /**
-     * Optional identifier for the radio element
-     */
-    id?: string;
-    /**
-     * Optional custom icon for the radio element
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional error message or state
-     */
-    error?: any;
-    /**
-     * Optional name attribute for the radio element
-     */
-    name?: string;
-    /**
-     * Optional label text for the radio element
-     */
-    label?: string;
-    /**
-     * Optional value for the radio element
-     */
-    value?: string;
-    /**
-     * Optional checked state for the radio element
-     */
-    isChecked?: boolean;
-    /**
-     * Optional default selected state for the radio element
-     */
-    defaultIsSelected?: boolean;
-    /**
-     * Optional read-only state for the radio element
-     */
-    isReadOnly?: boolean;
-    /**
-     * Optional disabled state for the radio element
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional position for the label
-     */
-    labelPosition?: 'left' | 'right';
-    /**
-     * Optional callback for change events
-     */
-    onChange?: Function;
-    /**
-     * Optional callback for value change events
-     */
-    onValueChange?: Function;
-    /**
-     * Optional custom styles for the radio element
-     */
-    views?: RadioStyles;
-    /**
-     * Optional size for the radio element
-     */
-    size?: Size;
-    /**
-     * Optional shadow for the radio element
-     */
-    shadow?: Shadow | Elevation | ViewProps;
-    /**
-     * Optional info text for the radio element
-     */
-    infoText?: string;
-}
-/**
- * Props for the Radio view component
- */
-export interface RadioViewProps extends RadioProps {
-    /**
-     * Optional hover state for the radio element
-     */
-    isHovered?: boolean;
-    /**
-     * Optional setter for the hover state
-     */
-    setIsHovered?: (hovered: boolean) => void;
-    /**
-     * Optional selected state for the radio element
-     */
-    isSelected?: boolean;
-    /**
-     * Optional setter for the selected state
-     */
-    setIsSelected?: (selected: boolean) => void;
-}

package/dist/components/Form/Radio/Radio/Radio.state.d.ts

@@ -1,16 +0,0 @@
-/**
- * Radio State
- *
- * Manages the state for the Radio component.
- */
-import React from 'react';
-import { RadioProps } from './Radio.props';
-/**
- * Custom hook to manage the state of the Radio component
- */
-export declare const useRadioState: ({ defaultIsSelected, isChecked, }: RadioProps) => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isSelected: boolean;
-    setIsSelected: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/components/Form/Radio/Radio/Radio.style.d.ts

@@ -1,92 +0,0 @@
-/**
- * Radio Styles
- *
- * Defines the styles for the Radio component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Size, Variant } from './Radio.type';
-/**
- * Size configurations for the Radio component
- * Following the 4px grid system
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Dot sizes for the Radio component
- * Proportional to the component size
- */
-export declare const DotSizes: Record<Size, ViewProps>;
-/**
- * Variant styles for the Radio component
- */
-export declare const VariantStyles: Record<Variant, ViewProps>;
-/**
- * Dot styles for the Radio component
- */
-export declare const DotStyles: Record<Variant, ViewProps>;
-/**
- * State styles for the Radio component
- */
-export declare const StateStyles: {
-    hover: {
-        selected: {
-            borderColor: string;
-        };
-        unselected: {
-            borderColor: string;
-        };
-    };
-    disabled: {
-        selected: {
-            borderColor: string;
-            opacity: number;
-        };
-        unselected: {
-            borderColor: string;
-            opacity: number;
-        };
-    };
-    error: {
-        selected: {
-            borderColor: string;
-        };
-        unselected: {
-            borderColor: string;
-        };
-    };
-};
-/**
- * Dot state styles for the Radio component
- */
-export declare const DotStateStyles: {
-    hover: {
-        selected: {
-            backgroundColor: string;
-        };
-        unselected: {
-            backgroundColor: string;
-        };
-    };
-    disabled: {
-        selected: {
-            backgroundColor: string;
-            opacity: number;
-        };
-        unselected: {
-            backgroundColor: string;
-            opacity: number;
-        };
-    };
-    error: {
-        selected: {
-            backgroundColor: string;
-        };
-        unselected: {
-            backgroundColor: string;
-        };
-    };
-};

package/dist/components/Form/Radio/Radio/Radio.view.d.ts

@@ -1,10 +0,0 @@
-/**
- * Radio View Component
- *
- * Renders a radio button with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { RadioViewProps } from './Radio.props';
-declare const RadioView: React.FC<RadioViewProps>;
-export default RadioView;

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

@@ -1,11 +0,0 @@
-/**
- * Radio Component
- *
- * A radio button component that allows users to select one option from a set.
- */
-import React from 'react';
-import { RadioProps } from './Radio/Radio.props';
-/**
- * Radio allows users to select one option from a set of choices.
- */
-export declare const Radio: React.FC<RadioProps>;

package/dist/components/Form/Radio/RadioGroup/RadioGroup.props.d.ts

@@ -1,78 +0,0 @@
-/**
- * RadioGroup Props
- *
- * Defines the props for the RadioGroup component following the design guidelines.
- */
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { Direction, RadioGroupStyles } from './RadioGroup.type';
-/**
- * Props for the RadioGroup component
- */
-export interface RadioGroupProps extends Omit<ViewProps, 'direction'> {
-    /**
-     * Children components (Radio buttons)
-     */
-    children: React.ReactNode;
-    /**
-     * Optional name attribute for all radio buttons in the group
-     */
-    name?: string;
-    /**
-     * Optional label for the radio group
-     */
-    label?: string;
-    /**
-     * Optional helper text for the radio group
-     */
-    helperText?: string;
-    /**
-     * Optional error message or state
-     */
-    error?: any;
-    /**
-     * Optional value for the selected radio button
-     */
-    value?: string;
-    /**
-     * Optional default value for the selected radio button
-     */
-    defaultValue?: string;
-    /**
-     * Optional callback for change events
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Optional direction for the radio group layout
-     */
-    direction?: Direction;
-    /**
-     * Optional spacing between radio buttons
-     */
-    spacing?: number;
-    /**
-     * Optional disabled state for all radio buttons in the group
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional read-only state for all radio buttons in the group
-     */
-    isReadOnly?: boolean;
-    /**
-     * Optional custom styles for the radio group
-     */
-    views?: RadioGroupStyles;
-}
-/**
- * Props for the RadioGroup view component
- */
-export interface RadioGroupViewProps extends RadioGroupProps {
-    /**
-     * Selected value
-     */
-    selectedValue: string;
-    /**
-     * Setter for the selected value
-     */
-    setSelectedValue: (value: string) => void;
-}

package/dist/components/Form/Radio/RadioGroup/RadioGroup.state.d.ts

@@ -1,13 +0,0 @@
-/**
- * RadioGroup State
- *
- * Manages the state for the RadioGroup component.
- */
-import { RadioGroupProps } from './RadioGroup.props';
-/**
- * Custom hook to manage the state of the RadioGroup component
- */
-export declare const useRadioGroupState: ({ value, defaultValue, onChange, }: RadioGroupProps) => {
-    selectedValue: string;
-    setSelectedValue: (newValue: string) => void;
-};

package/dist/components/Form/Radio/RadioGroup/RadioGroup.view.d.ts

@@ -1,10 +0,0 @@
-/**
- * RadioGroup View Component
- *
- * Renders a group of radio buttons with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { RadioGroupViewProps } from './RadioGroup.props';
-declare const RadioGroupView: React.FC<RadioGroupViewProps>;
-export default RadioGroupView;

package/dist/components/Form/Radio/RadioGroup.d.ts

@@ -1,11 +0,0 @@
-/**
- * RadioGroup Component
- *
- * A component that manages a group of radio buttons.
- */
-import React from 'react';
-import { RadioGroupProps } from './RadioGroup/RadioGroup.props';
-/**
- * RadioGroup allows users to manage a group of radio buttons.
- */
-export declare const RadioGroup: React.FC<RadioGroupProps>;

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

@@ -1,2 +0,0 @@
-export * from './Radio';
-export * from './RadioGroup';

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

@@ -1,68 +0,0 @@
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { SelectStyles, Shape, Size, Variant, Option } from './Select.type';
-export interface SelectProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    error?: boolean;
-    name?: string;
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    options: Option[];
-    isMulti?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    onChange?: (value: any) => void;
-    shape?: Shape;
-    variant?: Variant;
-    views?: SelectStyles;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    isScrollable?: boolean;
-}
-export interface SelectViewProps extends SelectProps {
-    value: string | Array<string>;
-    setValue: Function;
-    hide: boolean;
-    setHide: Function;
-    isHovered: boolean;
-    setIsHovered: Function;
-    isFocused: boolean;
-    setIsFocused: Function;
-}
-export interface SelectBoxProps {
-    options: Option[];
-    value?: string | Array<string>;
-    isDisabled?: boolean;
-    placeholder?: string;
-    removeOption?: Function;
-    views?: SelectStyles;
-    size?: Size;
-}
-export interface MultiSelectProps extends Omit<InputProps, 'size'> {
-    option: string;
-    removeOption: Function;
-    size?: Size;
-}
-export interface ItemProps extends Omit<InputProps, 'size'> {
-    callback?: Function;
-    option: Option;
-    size?: Size;
-    style?: SelectStyles;
-}
-export interface HiddenSelectProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    name?: string;
-    value: string | Array<string>;
-    isMulti?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    onChange?: (value: any) => void;
-    options: Option[];
-}
-export interface DropDownProps extends Omit<InputProps, 'size'> {
-    size?: Size;
-    callback?: Function;
-    options: Option[];
-    views?: SelectStyles;
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SelectProps } from './Select.props';
-export declare const useSelectState: ({ placeholder, isMulti, options, id, }: SelectProps) => {
-    id: string;
-    value: string | string[];
-    setValue: React.Dispatch<React.SetStateAction<string | string[]>>;
-    hide: boolean;
-    setHide: React.Dispatch<React.SetStateAction<boolean>>;
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isFocused: boolean;
-    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
-    highlightedIndex: number;
-    setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;
-};
-export declare const useItemState: () => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-};

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

@@ -1,30 +0,0 @@
-/**
- * Select Styles
- *
- * Defines the styles for the Select component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Size } from './Select.type';
-/**
- * Size configurations for the Select component
- * Following the 4px grid system
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Icon sizes for the Select component
- * Proportional to the component size
- */
-export declare const IconSizes: Record<Size, number>;
-/**
- * Dropdown styles for the Select component
- */
-export declare const dropdownStyles: ViewProps;
-/**
- * Option item styles for the Select component
- */
-export declare const optionStyles: ViewProps;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { MultiSelectProps, SelectViewProps } from './Select.props';
-/**
- * MultiSelect Component
- *
- * Renders a selected option in a multi-select component
- */
-export declare const MultiSelect: React.FC<MultiSelectProps>;
-declare const SelectView: React.FC<SelectViewProps>;
-export default SelectView;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SelectProps } from './Select/Select.props';
-export declare const Select: React.FC<SelectProps>;

package/dist/components/Form/Selector/Selector/Selector.props.d.ts

@@ -1,68 +0,0 @@
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { SelectorStyles, Shape, Size, Variant, Option } from './Selector.type';
-export interface SelectorProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    error?: boolean;
-    name?: string;
-    label?: string;
-    helperText?: string;
-    placeholder?: string;
-    options: Option[];
-    isMulti?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    onChange?: (value: any) => void;
-    shape?: Shape;
-    variant?: Variant;
-    views?: SelectorStyles;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    isScrollable?: boolean;
-}
-export interface SelectorViewProps extends SelectorProps {
-    value: string | Array<string>;
-    setValue: Function;
-    hide: boolean;
-    setHide: Function;
-    isHovered: boolean;
-    setIsHovered: Function;
-    isFocused: boolean;
-    setIsFocused: Function;
-}
-export interface SelectorBoxProps {
-    options: Option[];
-    value?: string | Array<string>;
-    isDisabled?: boolean;
-    placeholder?: string;
-    removeOption?: Function;
-    views?: SelectorStyles;
-    size?: Size;
-}
-export interface MultiSelectorProps extends Omit<InputProps, 'size'> {
-    option: string;
-    removeOption: Function;
-    size?: Size;
-}
-export interface ItemProps extends Omit<InputProps, 'size'> {
-    callback?: Function;
-    option: Option;
-    size?: Size;
-    style?: SelectorStyles;
-}
-export interface HiddenSelectorProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    name?: string;
-    value: string | Array<string>;
-    isMulti?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    onChange?: (value: any) => void;
-    options: Option[];
-}
-export interface DropDownProps extends Omit<InputProps, 'size'> {
-    size?: Size;
-    callback?: Function;
-    options: Option[];
-    views?: SelectorStyles;
-}

package/dist/components/Form/Selector/Selector/Selector.state.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SelectorProps } from './Selector.props';
-export declare const useSelectorState: ({ placeholder, isMulti, options, id, }: SelectorProps) => {
-    id: string;
-    value: string | string[];
-    setValue: React.Dispatch<React.SetStateAction<string | string[]>>;
-    hide: boolean;
-    setHide: React.Dispatch<React.SetStateAction<boolean>>;
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isFocused: boolean;
-    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
-    highlightedIndex: number;
-    setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;
-};
-export declare const useItemState: () => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/components/Form/Selector/Selector/Selector.style.d.ts

@@ -1,30 +0,0 @@
-/**
- * Selector Styles
- *
- * Defines the styles for the Selector component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Size } from './Selector.type';
-/**
- * Size configurations for the Selector component
- * Following the 4px grid system
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Icon sizes for the Selector component
- * Proportional to the component size
- */
-export declare const IconSizes: Record<Size, number>;
-/**
- * Dropdown styles for the Selector component
- */
-export declare const dropdownStyles: ViewProps;
-/**
- * Option item styles for the Selector component
- */
-export declare const optionStyles: ViewProps;

package/dist/components/Form/Selector/Selector/Selector.view.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { SelectorViewProps } from './Selector.props';
-/**
- * SelectorView Component
- *
- * Renders a segmented control style selector.
- */
-declare const SelectorView: React.FC<SelectorViewProps>;
-export default SelectorView;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SelectorProps } from './Selector/Selector.props';
-export declare const Selector: React.FC<SelectorProps>;

package/dist/components/Form/Switch/Switch/Switch.props.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow, ViewProps } from 'app-studio';
-import { Size, SwitchStyles } from './Switch.type';
-export interface SwitchProps extends Omit<InputProps, 'size'> {
-    activeChild?: React.ReactNode;
-    id?: string;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    isChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-    name?: string;
-    inActiveChild?: React.ReactNode;
-    views?: SwitchStyles;
-    shadow?: Shadow | Elevation | ViewProps;
-    size?: Size;
-    labelPosition?: 'left' | 'right';
-}
-export interface SwitchViewProps extends SwitchProps {
-    isHovered: boolean;
-    setIsHovered: Function;
-    value?: boolean;
-    setValue?: Function;
-}

package/dist/components/Form/Switch/Switch/Switch.state.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { SwitchProps } from './Switch.props';
-export declare const useSwitchState: ({ isDisabled, isChecked }: SwitchProps) => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    on: boolean;
-    setOn: React.Dispatch<React.SetStateAction<boolean>>;
-    value: boolean;
-    setValue: React.Dispatch<React.SetStateAction<boolean>>;
-};