@app-studio/components 0.10.17

package/dist/native/components/Form/Password/Password/Password.state.js

@@ -0,0 +1,8 @@
+import { useState } from 'react';
+import { useTextFieldState } from '../../TextField/TextField/TextField.state';
+export const usePasswordState = (props) => {
+    const textFieldStates = useTextFieldState(props);
+    const [isVisible, setIsVisible] = useState(false);
+    return { isVisible, setIsVisible, ...props, ...textFieldStates };
+};
+//# sourceMappingURL=Password.state.js.map

package/dist/native/components/Form/Password/Password/Password.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Password.state.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Password/Password/Password.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAE9E,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAE,EAAE;IACvD,MAAM,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;AACnE,CAAC,CAAC"}

package/dist/native/components/Form/Password/Password.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PasswordProps } from './Password/Password.props';
+/**
+ * To allow users to securely enter sensitive information
+ */
+export declare const Password: React.FC<PasswordProps>;

package/dist/native/components/Form/Password/Password.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { usePasswordState } from './Password/Password.state';
+import { View } from 'app-studio';
+import { CloseEyeIcon, OpenEyeIcon } from '../../Icon/Icon';
+import TextFieldView from '../TextField/TextField/TextField.view';
+const PasswordComponent = ({ visibleIcon = <OpenEyeIcon widthHeight={14}/>, hiddenIcon = <CloseEyeIcon widthHeight={14}/>, ...props }) => {
+    const { isVisible, setIsVisible, ...passwordProps } = usePasswordState(props);
+    return (<TextFieldView {...passwordProps} type={isVisible ? 'text' : 'password'} isClearable={false} right={<View display="flex" alignItems="center" justifyContent="center" width="16px" height="16px" minWidth="16px" color="color-gray-500" cursor={props.isDisabled ? 'not-allowed' : 'pointer'} transition="color 0.2s ease" onClick={() => {
+                if (!props.isDisabled) {
+                    setIsVisible(!isVisible);
+                }
+            }}>
+          {isVisible ? visibleIcon : hiddenIcon}
+        </View>}/>);
+};
+/**
+ * To allow users to securely enter sensitive information
+ */
+export const Password = PasswordComponent;
+//# sourceMappingURL=Password.js.map

package/dist/native/components/Form/Password/Password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../../../src/components/Form/Password/Password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAElE,MAAM,iBAAiB,GAA4B,CAAC,EAClD,WAAW,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAG,EAC9C,UAAU,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAG,EAC9C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9E,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,aAAa,CAAC,CAClB,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CACtC,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,KAAK,CAAC,CACJ,CAAC,IAAI,CACH,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,QAAQ,CAAC,MAAM,CACf,KAAK,CAAC,gBAAgB,CACtB,MAAM,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CACrD,UAAU,CAAC,iBAAiB,CAC5B,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;oBACtB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;gBAC3B,CAAC;YACH,CAAC,CAAC,CAEF;UAAA,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CACvC;QAAA,EAAE,IAAI,CACR,CAAC,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAC"}

package/dist/native/components/Form/Password/example/Default.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultPassword: () => React.JSX.Element;

package/dist/native/components/Form/Password/example/Default.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Password } from '../Password';
+export const DefaultPassword = () => <Password value={'ok'}/>;
+//# sourceMappingURL=Default.js.map

package/dist/native/components/Form/Password/example/Default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Default.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Password/example/Default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC"}

package/dist/native/components/Form/Password/example/DisabledInput.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DisabledPassword: () => React.JSX.Element;

package/dist/native/components/Form/Password/example/DisabledInput.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Password } from '../Password';
+export const DisabledPassword = () => {
+    return <Password name="disabled" value="disabled" isDisabled/>;
+};
+//# sourceMappingURL=DisabledInput.js.map

package/dist/native/components/Form/Password/example/DisabledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledInput.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Password/example/DisabledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,EAAG,CAAC;AAClE,CAAC,CAAC"}

package/dist/native/components/Form/Password/example/ErrorInput.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ErrorPassword: () => React.JSX.Element;

package/dist/native/components/Form/Password/example/ErrorInput.js

@@ -0,0 +1,44 @@
+import { useState } from 'react';
+import React from 'react';
+import { Button } from '../../../Button/Button';
+import { TextField } from '../../../Form/TextField/TextField';
+import { Password } from '../../../Form/Password/Password';
+import { Vertical } from 'app-studio';
+export const ErrorPassword = () => {
+    const initialValues = {
+        name: '',
+        password: '',
+    };
+    const [formValues, setFormValues] = useState(initialValues);
+    const [formErrors, setFormErrors] = useState(initialValues);
+    const validate = (values) => {
+        const errors = {};
+        if (!values.name) {
+            errors.name = 'Required';
+        }
+        if (!values.password) {
+            errors.password = 'Required';
+        }
+        setFormErrors(errors);
+    };
+    const handleChange = (event) => {
+        setFormValues({ ...formValues, [event.target.name]: event.target.value });
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        validate(formValues);
+        if (Object.values(formErrors).length === 0) {
+            alert(`Hello, ${formValues.name} ${formValues.password}`);
+        }
+    };
+    return (<form onSubmit={handleSubmit}>
+      <Vertical gap={10} flexWrap="nowrap">
+        <TextField name="name" placeholder="Name" error={!!formErrors.name} onChange={handleChange} isClearable={true}/>
+        <Password name="password" placeholder="Password" error={!!formErrors.password} onChange={handleChange}/>
+        <Button type="submit" height="40px">
+          Submit
+        </Button>
+      </Vertical>
+    </form>);
+};
+//# sourceMappingURL=ErrorInput.js.map

package/dist/native/components/Form/Password/example/ErrorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorInput.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Password/example/ErrorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,aAAa,GAAG;QACpB,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;KACb,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAC,MAAW,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAQ,EAAE,CAAC;QAEvB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC/B,CAAC;QACD,aAAa,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;QAClC,aAAa,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;QAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,KAAK,CAAC,UAAU,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAC3B;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAClC;QAAA,CAAC,SAAS,CACR,IAAI,CAAC,MAAM,CACX,WAAW,CAAC,MAAM,CAClB,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CACzB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,WAAW,CAAC,CAAC,IAAI,CAAC,EAEpB;QAAA,CAAC,QAAQ,CACP,IAAI,CAAC,UAAU,CACf,WAAW,CAAC,UAAU,CACtB,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC7B,QAAQ,CAAC,CAAC,YAAY,CAAC,EAEzB;QAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CACjC;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,QAAQ,CACZ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/Form/Password/example/HelperText.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HelperTextPassword: () => React.JSX.Element;

package/dist/native/components/Form/Password/example/HelperText.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Button } from '../../../Button/Button';
+import { TextField } from '../../../Form/TextField/TextField';
+import { Password } from '../../../Form/Password/Password';
+import { Vertical } from 'app-studio';
+export const HelperTextPassword = () => {
+    const initialValues = {
+        firstName: '',
+        password: '',
+    };
+    const [formValues, setFormValues] = React.useState(initialValues);
+    const [formErrors, setFormErrors] = React.useState(initialValues);
+    const validate = (values) => {
+        const errors = {};
+        if (!values.firstName) {
+            errors.firstName = 'Required';
+        }
+        if (!values.password) {
+            errors.password = 'Required';
+        }
+        setFormErrors(errors);
+    };
+    const handleChange = (event) => {
+        setFormValues({ ...formValues, [event.target.name]: event.target.value });
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        validate(formValues);
+        if (Object.values(formErrors).length === 0) {
+            alert(`Hello, ${formValues.firstName} ${formValues.password} `);
+        }
+    };
+    return (<form onSubmit={handleSubmit}>
+      <Vertical gap={10} flexWrap="nowrap">
+        <TextField name="firstName" label="First Name" helperText={formErrors.firstName} error={formErrors.firstName} onChange={handleChange}/>
+        <Password name="password" label="Password" helperText={formErrors.password} error={formErrors.password} onChange={handleChange}/>
+        <Button type="submit" height="40px">
+          Submit
+        </Button>
+      </Vertical>
+    </form>);
+};
+//# sourceMappingURL=HelperText.js.map

package/dist/native/components/Form/Password/example/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Password/example/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,aAAa,GAAG;QACpB,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;KACb,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,CAAC,MAAW,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACtB,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;QAChC,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC/B,CAAC;QACD,aAAa,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;QAClC,aAAa,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;QAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,UAAU,CAAC,CAAC;QAErB,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,KAAK,CAAC,UAAU,UAAU,CAAC,SAAS,IAAI,UAAU,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAC3B;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAClC;QAAA,CAAC,SAAS,CACR,IAAI,CAAC,WAAW,CAChB,KAAK,CAAC,YAAY,CAClB,UAAU,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAC5B,QAAQ,CAAC,CAAC,YAAY,CAAC,EAEzB;QAAA,CAAC,QAAQ,CACP,IAAI,CAAC,UAAU,CACf,KAAK,CAAC,UAAU,CAChB,UAAU,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAChC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAC3B,QAAQ,CAAC,CAAC,YAAY,CAAC,EAEzB;QAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CACjC;;QACF,EAAE,MAAM,CACV;MAAA,EAAE,QAAQ,CACZ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+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';
+export interface RadioProps extends Omit<InputProps, 'size' | 'onChange' | 'shadow'> {
+    id?: string;
+    icon?: React.ReactNode;
+    error?: any;
+    name?: string;
+    label?: string;
+    value?: string;
+    isChecked?: boolean;
+    defaultIsSelected?: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    labelPosition?: 'left' | 'right';
+    onChange?: Function;
+    onValueChange?: Function;
+    views?: RadioStyles;
+    size?: Size;
+    shadow?: Shadow | Elevation | ViewProps;
+    infoText?: string;
+}
+export interface RadioViewProps extends RadioProps {
+    isHovered?: boolean;
+    setIsHovered?: (hovered: boolean) => void;
+    isSelected?: boolean;
+    setIsSelected?: (selected: boolean) => void;
+}

package/dist/native/components/Form/Radio/Radio/Radio.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Radio.props.js.map

package/dist/native/components/Form/Radio/Radio/Radio.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.props.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Radio/Radio/Radio.props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RadioProps } from './Radio.props';
+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/native/components/Form/Radio/Radio/Radio.state.js

@@ -0,0 +1,18 @@
+import React from 'react';
+// This file defines the `useRadioState` hook, which centralizes the state management for the Radio component, handling its selection and hover states.
+export const useRadioState = ({ defaultIsSelected = false, isChecked, }) => {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [isSelected, setIsSelected] = React.useState(isChecked !== undefined ? isChecked : defaultIsSelected);
+    React.useEffect(() => {
+        if (isChecked !== undefined) {
+            setIsSelected(isChecked);
+        }
+    }, [isChecked]);
+    return {
+        isHovered,
+        setIsHovered,
+        isSelected,
+        setIsSelected,
+    };
+};
+//# sourceMappingURL=Radio.state.js.map

package/dist/native/components/Form/Radio/Radio/Radio.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.state.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Radio/Radio/Radio.state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,uJAAuJ;AACvJ,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,iBAAiB,GAAG,KAAK,EACzB,SAAS,GACE,EAAE,EAAE;IACf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAChD,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CACxD,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,UAAU;QACV,aAAa;KACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,68 @@
+import { ViewProps } from 'app-studio';
+import { Size, Variant } from './Radio.type';
+export declare const Sizes: Record<Size, ViewProps>;
+export declare const DotSizes: Record<Size, ViewProps>;
+export declare const VariantStyles: Record<Variant, ViewProps>;
+export declare const DotStyles: Record<Variant, ViewProps>;
+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;
+        };
+    };
+};
+export declare const DotStateStyles: {
+    hover: {
+        selected: {
+            backgroundColor: string;
+        };
+        unselected: {
+            style: {
+                backgroundColor: string;
+            };
+        };
+    };
+    disabled: {
+        selected: {
+            backgroundColor: string;
+            opacity: number;
+        };
+        unselected: {
+            opacity: number;
+            style: {
+                backgroundColor: string;
+            };
+        };
+    };
+    error: {
+        selected: {
+            backgroundColor: string;
+        };
+        unselected: {
+            style: {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/dist/native/components/Form/Radio/Radio/Radio.style.js

@@ -0,0 +1,98 @@
+// Defines the standard sizes for the Radio component's main container, mapping size variants (e.g., xs, sm, md) to their respective height and width values.
+export const Sizes = {
+    xs: { height: '16px', width: '16px' },
+    sm: { height: '20px', width: '20px' },
+    md: { height: '24px', width: '24px' },
+    lg: { height: '28px', width: '28px' },
+    xl: { height: '32px', width: '32px' },
+};
+// Specifies the dimensions for the inner dot of the Radio component, correlating with the overall size variants.
+export const DotSizes = {
+    xs: { height: '8px', width: '8px' },
+    sm: { height: '10px', width: '10px' },
+    md: { height: '12px', width: '12px' },
+    lg: { height: '14px', width: '14px' },
+    xl: { height: '16px', width: '16px' },
+};
+// Contains styling rules for the Radio component's container based on its selection state (selected or unselected).
+export const VariantStyles = {
+    selected: {
+        borderColor: 'theme-primary',
+        borderWidth: '2px',
+        borderStyle: 'solid',
+    },
+    unselected: {
+        borderWidth: '2px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-300',
+        style: { backgroundColor: 'transparent' },
+    },
+};
+// Defines the background color for the Radio component's inner dot based on its selection state.
+export const DotStyles = {
+    selected: {
+        backgroundColor: 'theme-primary',
+    },
+    unselected: {
+        style: { backgroundColor: 'transparent' },
+    },
+};
+// Provides styling adjustments for the Radio component's container when it is in various interactive states such as hover, disabled, or error.
+export const StateStyles = {
+    hover: {
+        selected: {
+            borderColor: 'color-blue-600',
+        },
+        unselected: {
+            borderColor: 'color-gray-400',
+        },
+    },
+    disabled: {
+        selected: {
+            borderColor: 'color-gray-300',
+            opacity: 0.6,
+        },
+        unselected: {
+            borderColor: 'color-gray-300',
+            opacity: 0.6,
+        },
+    },
+    error: {
+        selected: {
+            borderColor: 'color-red-500',
+        },
+        unselected: {
+            borderColor: 'color-red-500',
+        },
+    },
+};
+// Contains styling for the Radio component's inner dot across different interactive states like hover, disabled, and error.
+export const DotStateStyles = {
+    hover: {
+        selected: {
+            backgroundColor: 'color-blue-600',
+        },
+        unselected: {
+            style: { backgroundColor: 'transparent' },
+        },
+    },
+    disabled: {
+        selected: {
+            backgroundColor: 'color-gray-300',
+            opacity: 0.6,
+        },
+        unselected: {
+            opacity: 0.6,
+            style: { backgroundColor: 'transparent' },
+        },
+    },
+    error: {
+        selected: {
+            backgroundColor: 'color-red-500',
+        },
+        unselected: {
+            style: { backgroundColor: 'transparent' },
+        },
+    },
+};
+//# sourceMappingURL=Radio.style.js.map

package/dist/native/components/Form/Radio/Radio/Radio.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.style.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Radio/Radio/Radio.style.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RadioViewProps } from './Radio.props';
+declare const RadioView: React.FC<RadioViewProps>;
+export default RadioView;

package/dist/native/components/Form/Radio/Radio/Radio.view.js

@@ -0,0 +1,142 @@
+import React from 'react';
+import { Typography } from 'app-studio';
+import { Center } from 'app-studio';
+import { Label } from '../../../Form/Label/Label';
+import { Sizes, DotSizes, VariantStyles, StateStyles, DotStyles, DotStateStyles, } from './Radio.style';
+import { Text } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Vertical } from 'app-studio';
+import { View } from 'app-studio';
+// Defines the `RadioView` functional React component, responsible for rendering the visual representation of a radio button. It accepts various props to control its appearance, behavior, and state.
+//
+// **Parameters:**
+// - `id`: A unique identifier for the radio input element.
+// - `icon`: An optional icon to display alongside the radio.
+// - `name`: The name attribute for the radio input, essential for grouping radio buttons.
+// - `label`: The text label displayed next to the radio button.
+// - `value`: The current value associated with this specific radio button.
+// - `isChecked`: A boolean indicating if the radio button is currently checked (controlled state).
+// - `onChange`: Callback function triggered when the radio button's checked state changes.
+// - `onValueChange`: Another callback function for when the radio button's value is selected.
+// - `shadow`: Custom shadow styles to apply to the radio button.
+// - `labelPosition`: Specifies where the label should be positioned ('right' or 'left') relative to the radio icon.
+// - `size`: Defines the predefined size of the radio button ('sm', 'md', 'lg').
+// - `error`: A boolean or string indicating an error state, which applies error styling.
+// - `isSelected`: An internal state variable indicating if the radio is selected (potentially for uncontrolled components).
+// - `isHovered`: An internal state variable indicating if the radio is currently hovered over.
+// - `isDisabled`: A boolean that disables interaction with the radio button.
+// - `isReadOnly`: A boolean that makes the radio button unchangeable by the user.
+// - `defaultIsSelected`: The initial selected state for an uncontrolled radio button.
+// - `setIsSelected`: A setter function to update the `isSelected` state.
+// - `setIsHovered`: A setter function to update the `isHovered` state.
+// - `views`: An object allowing custom style overrides for specific parts of the radio (e.g., `radio` or `label`).
+// - `infoText`: Supplemental text displayed below the main label.
+// - `helperText`: Additional helper text for the radio input.
+// - `...props`: Any other standard HTML attributes passed to the root element.
+const RadioView = ({ id, icon, name, label, value, isChecked, onChange, onValueChange, shadow = {}, labelPosition = 'right', size = 'md', error = false, isSelected = false, isHovered = false, isDisabled = false, isReadOnly = false, defaultIsSelected = false, setIsSelected = () => { }, setIsHovered = () => { }, views = { radio: {}, label: {} }, infoText, helperText, ...props }) => {
+    // Handles the hover event for the radio button. This function toggles the `isHovered` state, which can be used to apply hover-specific styles.
+    const handleHover = () => setIsHovered(!isHovered);
+    // Manages the click/change event for the radio button. If the radio is not disabled or read-only, it updates the internal selected state and triggers the provided `onChange` or `onValueChange` callbacks with the radio's current `value`.
+    const handleChange = () => {
+        if (!isReadOnly && !isDisabled) {
+            if (setIsSelected)
+                setIsSelected(true);
+            if (onChange)
+                onChange(value);
+            if (onValueChange)
+                onValueChange(value);
+        }
+    };
+    // Determines the visual variant of the radio button based on whether it is `isChecked` (controlled) or `isSelected` (internal state). This variant ('selected' or 'unselected') is then used to apply distinct base styles.
+    const variant = isChecked || isSelected ? 'selected' : 'unselected';
+    // Calculates the dynamic styles for the radio button's container based on its current state (error, disabled, hovered) and the determined `variant`. This allows for visual feedback specific to the interaction state.
+    const stateStyle = error
+        ? StateStyles.error[variant]
+        : isDisabled
+            ? StateStyles.disabled[variant]
+            : isHovered
+                ? StateStyles.hover[variant]
+                : {};
+    // Calculates the dynamic styles for the inner dot of the radio button based on its current state (error, disabled, hovered) and the determined `variant`. This applies visual feedback to the dot itself.
+    const dotStateStyle = error
+        ? DotStateStyles.error[variant]
+        : isDisabled
+            ? DotStateStyles.disabled[variant]
+            : isHovered
+                ? DotStateStyles.hover[variant]
+                : {};
+    // A comprehensive style object consolidating all styling properties for the radio component, including base styles, state-dependent styles, and custom overrides. It defines styles for the `container`, the `radio` circle, and the inner `dot`.
+    const radioStyle = {
+        container: {
+            gap: 8,
+            display: 'flex',
+            height: 'fit-content',
+            flexDirection: 'column',
+            width: 'fit-content',
+            selected: {
+                borderColor: 'theme-primary',
+            },
+            color: error
+                ? 'color-red-600'
+                : isDisabled
+                    ? 'color-gray-400'
+                    : 'inherit',
+            cursor: isDisabled ? 'not-allowed' : isReadOnly ? 'default' : 'pointer',
+            opacity: isDisabled ? 0.6 : 1,
+            transition: 'all 0.2s ease-in-out',
+            ...views['label'],
+        },
+        radio: {
+            ...VariantStyles[variant],
+            ...stateStyle,
+            borderRadius: '50%',
+            selected: {
+                backgroundColor: 'theme-primary',
+            },
+            backgroundColor: 'color-white',
+            ...Sizes[size],
+            transition: 'all 0.2s ease-in-out',
+            ...shadow,
+            ...views['radio'],
+        },
+        dot: {
+            ...DotStyles[variant],
+            ...dotStateStyle,
+            borderRadius: '50%',
+            ...DotSizes[size],
+            transition: 'all 0.2s ease-in-out',
+        },
+    };
+    return (<Label htmlFor={id} as="div" onClick={handleChange} onMouseEnter={handleHover} onMouseLeave={handleHover} size={Typography.fontSizes[size]} {...radioStyle.container} {...props}>
+      <Vertical gap={8}>
+        {' '}
+        
+        <Horizontal gap={12} alignItems="center">
+          {' '}
+          
+          
+          {labelPosition === 'left' && label && (<Text size={size} fontWeight="500" {...views?.label}>
+              {label}
+            </Text>)}
+          
+          <Center {...radioStyle.radio}>
+            {(isChecked || isSelected) && <View {...radioStyle.dot}/>}
+          </Center>
+          
+          {labelPosition === 'right' && label && (<Text size={size} fontWeight="500" {...views?.label}>
+              {label}
+            </Text>)}
+        </Horizontal>
+        
+        {infoText && (<Text marginLeft={labelPosition === 'left' ? 0 : 36} color="color-gray-500" size="sm" fontWeight="400" lineHeight="20px" {...views?.infoText}>
+            {infoText}
+          </Text>)}
+      </Vertical>
+      
+      {error && (<Text size="xs" marginTop={4} marginHorizontal={0} color="color-red-500" fontWeight="500" transition="color 0.2s ease, opacity 0.2s ease">
+          {error}
+        </Text>)}
+    </Label>);
+};
+export default RadioView;
+//# sourceMappingURL=Radio.view.js.map

package/dist/native/components/Form/Radio/Radio/Radio.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.view.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Radio/Radio/Radio.view.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/**
+ * Radio View Component (React Native)
+ *
+ * RN counterpart of Radio.view.tsx. No native radio in RN — we simulate it
+ * with a pressable circle <View/> containing an inner filled dot when
+ * selected. Drops web-only concepts: cursor, transitions, _hover.
+ */
+import React from 'react';
+import { RadioViewProps } from './Radio.props';
+declare const RadioView: React.FC<RadioViewProps>;
+export default RadioView;