@app-studio/components 0.10.17

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

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

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

@@ -0,0 +1,128 @@
+/**
+ * Checkbox View Component
+ *
+ * Renders a checkbox with various styles and states
+ * according to the design guidelines.
+ */
+import React from 'react';
+import { Typography } from 'app-studio';
+import { Center } from 'app-studio';
+import { Label } from '../../../Form/Label/Label';
+import { TickIcon, MinusIcon } from '../../../Icon/Icon';
+import { IconSizes, Sizes, VariantStyles, StateStyles } from './Checkbox.style';
+import { Text } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Vertical } from 'app-studio';
+const CheckboxView = ({ id, icon, name, label, isChecked, onChange, onValueChange, shadow = {}, labelPosition = 'right', size = 'md', error = false, isSelected = false, isHovered = false, isDisabled = false, isReadOnly = false, isIndeterminate = false, defaultIsSelected = false, setIsSelected = () => { }, setIsHovered = () => { }, setIsChecked, views = { checkbox: {}, label: {} }, infoText, helperText, ...props }) => {
+    const handleHover = () => setIsHovered(!isHovered);
+    const handleChange = () => {
+        if (!isReadOnly && !isDisabled) {
+            if (setIsSelected)
+                setIsSelected(!isSelected);
+            if (onChange)
+                onChange(!isChecked);
+            if (onValueChange)
+                onValueChange(!isChecked);
+        }
+    };
+    /**
+     * Determine the variant based on component state
+     */
+    const variant = isIndeterminate
+        ? 'indeterminate'
+        : isChecked || isSelected
+            ? 'selected'
+            : 'unselected';
+    /**
+     * Apply state-specific styles
+     */
+    const stateStyle = error
+        ? StateStyles.error[variant]
+        : isDisabled
+            ? StateStyles.disabled[variant]
+            : isHovered
+                ? StateStyles.hover[variant]
+                : {};
+    /**
+     * Styles for the checkbox component
+     */
+    const checkboxStyle = {
+        container: {
+            // Layout properties
+            gap: 8, // 2 × 4px grid
+            display: 'flex',
+            height: 'fit-content',
+            flexDirection: 'column',
+            width: 'fit-content',
+            // Typography properties
+            // Visual properties — inherit so the brand/page ink shows on every surface
+            color: error
+                ? 'color-red-600'
+                : isDisabled
+                    ? 'color-gray-400'
+                    : 'inherit',
+            // State properties
+            cursor: isDisabled ? 'not-allowed' : isReadOnly ? 'default' : 'pointer',
+            opacity: isDisabled ? 0.6 : 1,
+            // Animation
+            transition: 'all 0.2s ease-in-out',
+            // Apply custom styles
+            ...views['label'],
+        },
+        checkbox: {
+            // Base variant styles
+            ...VariantStyles[variant],
+            // State-specific styles
+            ...stateStyle,
+            // Visual properties
+            borderRadius: 6, // radius-sm
+            // Size properties
+            ...Sizes[size],
+            // Animation
+            transition: 'all 0.2s ease-in-out',
+            // Apply shadow and custom styles
+            ...shadow,
+            ...views['checkbox'],
+        },
+    };
+    return (<Label htmlFor={id} as="div" onClick={handleChange} onMouseEnter={handleHover} onMouseLeave={handleHover} size={Typography.fontSizes[size]} {...checkboxStyle.container} {...props}>
+      <Vertical gap={8}>
+        {' '}
+        {/* 2 × 4px grid */}
+        <Horizontal gap={12} alignItems="center">
+          {' '}
+          {/* 3 × 4px grid */}
+          {/* Label on the left side */}
+          {labelPosition === 'left' && label && (<Text size={size} fontWeight="500" // Medium weight for better readability
+         {...views?.label}>
+              {label}
+            </Text>)}
+          {/* Checkbox */}
+          <Center {...checkboxStyle.checkbox}>
+            {isIndeterminate ? (<MinusIcon widthHeight={IconSizes[size]} color="color-white" transition="opacity 0.2s ease"/>) : ((isChecked || isSelected) &&
+            (icon ?? (<TickIcon widthHeight={IconSizes[size]} color="color-white" transition="opacity 0.2s ease"/>)))}
+          </Center>
+          {/* Label on the right side */}
+          {labelPosition === 'right' && label && (<Text size={size} fontWeight="500" // Medium weight for better readability
+         {...views?.label}>
+              {label}
+            </Text>)}
+        </Horizontal>
+        {/* Info text */}
+        {infoText && (<Text marginLeft={labelPosition === 'left' ? 0 : 36} // 9 × 4px grid
+         color="color-gray-500" size="sm" fontWeight="400" // Regular weight
+         lineHeight="20px" {...views?.infoText}>
+            {infoText}
+          </Text>)}
+      </Vertical>
+
+      {/* Error message */}
+      {error && (<Text size="xs" marginTop={4} // 1 × 4px grid
+         marginHorizontal={0} color="color-red-500" fontWeight="500" // Medium weight for better readability
+         transition="all 0.2s ease-in-out">
+          {error}
+        </Text>)}
+    </Label>);
+};
+export default CheckboxView;
+//# sourceMappingURL=Checkbox.view.js.map

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

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

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

@@ -0,0 +1,12 @@
+/**
+ * Checkbox View Component (React Native)
+ *
+ * RN counterpart of Checkbox.view.tsx. React Native has no native checkbox,
+ * so we simulate one with a pressable <View/> that displays a TickIcon when
+ * checked (or MinusIcon when indeterminate). Drops web-only concepts: cursor,
+ * transitions, _hover (we use isHovered state only via onPress feedback).
+ */
+import React from 'react';
+import { CheckboxViewProps } from './Checkbox.props';
+declare const CheckboxView: React.FC<CheckboxViewProps>;
+export default CheckboxView;

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

@@ -0,0 +1,80 @@
+/**
+ * Checkbox View Component (React Native)
+ *
+ * RN counterpart of Checkbox.view.tsx. React Native has no native checkbox,
+ * so we simulate one with a pressable <View/> that displays a TickIcon when
+ * checked (or MinusIcon when indeterminate). Drops web-only concepts: cursor,
+ * transitions, _hover (we use isHovered state only via onPress feedback).
+ */
+import React from 'react';
+import { Typography } from 'app-studio';
+import { Center, View } from 'app-studio';
+import { TickIcon, MinusIcon } from '../../../Icon/Icon';
+import { IconSizes, Sizes, VariantStyles, StateStyles } from './Checkbox.style';
+import { Text } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Vertical } from 'app-studio';
+const CheckboxView = ({ id, icon, name, label, isChecked, onChange, onValueChange, shadow = {}, labelPosition = 'right', size = 'md', error = false, isSelected = false, isHovered = false, isDisabled = false, isReadOnly = false, isIndeterminate = false, defaultIsSelected = false, setIsSelected = () => { }, setIsHovered = () => { }, setIsChecked, views = { checkbox: {}, label: {} }, infoText, helperText, ...props }) => {
+    const handleChange = () => {
+        if (!isReadOnly && !isDisabled) {
+            if (setIsSelected)
+                setIsSelected(!isSelected);
+            if (onChange)
+                onChange(!isChecked);
+            if (onValueChange)
+                onValueChange(!isChecked);
+        }
+    };
+    const variant = isIndeterminate
+        ? 'indeterminate'
+        : isChecked || isSelected
+            ? 'selected'
+            : 'unselected';
+    const stateStyle = error
+        ? StateStyles.error[variant]
+        : isDisabled
+            ? StateStyles.disabled[variant]
+            : {};
+    const containerStyle = {
+        gap: 8,
+        color: error
+            ? 'color-red-600'
+            : isDisabled
+                ? 'color-gray-400'
+                : 'inherit',
+        opacity: isDisabled ? 0.6 : 1,
+        ...views['label'],
+    };
+    const checkboxStyle = {
+        ...VariantStyles[variant],
+        ...stateStyle,
+        borderRadius: 6,
+        ...Sizes[size],
+        ...shadow,
+        ...views['checkbox'],
+    };
+    return (<View onPress={handleChange} fontSize={Typography.fontSizes[size]} {...containerStyle} {...props}>
+      <Vertical gap={8}>
+        <Horizontal gap={12} alignItems="center">
+          {labelPosition === 'left' && label && (<Text size={size} fontWeight="500" {...views?.label}>
+              {label}
+            </Text>)}
+          <Center {...checkboxStyle}>
+            {isIndeterminate ? (<MinusIcon widthHeight={IconSizes[size]} color="color-white"/>) : ((isChecked || isSelected) &&
+            (icon ?? (<TickIcon widthHeight={IconSizes[size]} color="color-white"/>)))}
+          </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={20} {...views?.infoText}>
+            {infoText}
+          </Text>)}
+      </Vertical>
+      {error && (<Text size="xs" marginTop={4} marginHorizontal={0} color="color-red-500" fontWeight="500">
+          {error}
+        </Text>)}
+    </View>);
+};
+export default CheckboxView;
+//# sourceMappingURL=Checkbox.view.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Checkbox/Checkbox/Checkbox.view.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,YAAY,GAAgC,CAAC,EACjD,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,GAAG,EAAE,EACX,aAAa,GAAG,OAAO,EACvB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,YAAY,EACZ,KAAK,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACnC,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/B,IAAI,aAAa;gBAAE,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;YAC9C,IAAI,QAAQ;gBAAE,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,aAAa;gBAAE,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,eAAe;QAC7B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,SAAS,IAAI,UAAU;YACzB,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,YAAY,CAAC;IAEjB,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,UAAU;YACZ,CAAC,CAAE,WAAW,CAAC,QAAgB,CAAC,OAAO,CAAC;YACxC,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,cAAc,GAAG;QACrB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,KAAK;YACV,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,gBAAgB;gBAClB,CAAC,CAAC,SAAS;QACb,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,GAAG,KAAK,CAAC,OAAO,CAAC;KAClB,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,GAAG,aAAa,CAAC,OAAO,CAAC;QACzB,GAAG,UAAU;QACb,YAAY,EAAE,CAAC;QACf,GAAG,KAAK,CAAC,IAAI,CAAC;QACd,GAAG,MAAM;QACT,GAAG,KAAK,CAAC,UAAU,CAAC;KACrB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,QAAQ,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CACrC,IAAI,cAAc,CAAC,CACnB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACf;QAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CACtC;UAAA,CAAC,aAAa,KAAK,MAAM,IAAI,KAAK,IAAI,CACpC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,CAClD;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,MAAM,CAAC,IAAI,aAAa,CAAC,CACxB;YAAA,CAAC,eAAe,CAAC,CAAC,CAAC,CACjB,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,EAAG,CAChE,CAAC,CAAC,CAAC,CACF,CAAC,SAAS,IAAI,UAAU,CAAC;YACzB,CAAC,IAAI,IAAI,CACP,CAAC,QAAQ,CACP,WAAW,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAC7B,KAAK,CAAC,aAAa,EACnB,CACH,CAAC,CACH,CACH;UAAA,EAAE,MAAM,CACR;UAAA,CAAC,aAAa,KAAK,OAAO,IAAI,KAAK,IAAI,CACrC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,CAClD;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,UAAU,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAC9C,KAAK,CAAC,gBAAgB,CACtB,IAAI,CAAC,IAAI,CACT,UAAU,CAAC,KAAK,CAChB,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,IAAI,KAAK,EAAE,QAAQ,CAAC,CAEpB;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,QAAQ,CACV;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,IAAI,CAAC,IAAI,CACT,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,gBAAgB,CAAC,CAAC,CAAC,CAAC,CACpB,KAAK,CAAC,eAAe,CACrB,UAAU,CAAC,KAAK,CAEhB;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from './Checkbox/Checkbox.props';
+/**
+ * Checkbox allows users to select one or more options from a list of choices.
+ */
+export declare const Checkbox: React.FC<CheckboxProps>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useCheckboxState } from './Checkbox/Checkbox.state';
+import CheckboxView from './Checkbox/Checkbox.view';
+import { useMergedDesignSystemComponentProps } from '../../../design-system';
+const CheckboxComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('checkbox', props);
+    const checkboxStates = useCheckboxState(mergedProps);
+    return <CheckboxView {...checkboxStates} {...mergedProps}/>;
+};
+/**
+ * Checkbox allows users to select one or more options from a list of choices.
+ */
+export const Checkbox = CheckboxComponent;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,iBAAiB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,WAAW,GAAG,mCAAmC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC3E,MAAM,cAAc,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAErD,OAAO,CAAC,YAAY,CAAC,IAAI,cAAc,CAAC,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;AAC/D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAC"}

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
+import { Elevation } from '../../../../utils/elevation';
+import { Shape, Size, ColorInputStyles, Variant, PredefinedColor, ColorFormat } from './ColorInput.type';
+export interface ColorInputProps extends Omit<InputProps, 'size' | 'onChange' | 'shadow'> {
+    id?: string;
+    error?: any;
+    helperText?: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isAutoFocus?: boolean;
+    onChange?: (value: string) => void;
+    onBlur?: (value: any) => void;
+    onClick?: () => void;
+    onFocus?: () => void;
+    size?: Size;
+    shadow?: Shadow | Elevation | ViewProps;
+    shape?: Shape;
+    views?: ColorInputStyles;
+    value?: string;
+    defaultValue?: string;
+    variant?: Variant;
+    predefinedColors?: PredefinedColor[];
+    showCustomInput?: boolean;
+    showRecentColors?: boolean;
+    colorFormat?: ColorFormat;
+    maxRecentColors?: number;
+    closeOnSelect?: boolean;
+    onChangeComplete?: (color: string) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export interface ColorInputViewProps extends ColorInputProps {
+    isFocused?: boolean;
+    setIsFocused?: Function;
+    isHovered?: boolean;
+    setIsHovered?: Function;
+    value?: string;
+    setValue?: Function;
+    isOpen?: boolean;
+    selectedColor?: string;
+    recentColors?: string[];
+    customColor?: string;
+    handleToggle?: () => void;
+    handleColorSelect?: (color: string) => void;
+    handleCustomColorChange?: (color: string) => void;
+    handleCustomColorSubmit?: () => void;
+    handleClose?: () => void;
+    triggerRef?: React.RefObject<HTMLDivElement | null>;
+    dropdownRef?: React.RefObject<HTMLDivElement | null>;
+}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { ColorInputProps } from './ColorInput.props';
+export declare const useColorInputState: (props: ColorInputProps) => {
+    isOpen: boolean;
+    selectedColor: string;
+    recentColors: string[];
+    customColor: string;
+    isFocused: boolean;
+    isHovered: boolean;
+    handleToggle: () => void;
+    handleColorSelect: (color: string) => void;
+    handleCustomColorChange: (color: string) => void;
+    handleCustomColorSubmit: () => void;
+    handleClose: () => void;
+    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setValue: (newValue: string) => void;
+    triggerRef: import("react").RefObject<HTMLDivElement | null>;
+    dropdownRef: import("react").RefObject<HTMLDivElement | null>;
+};

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

@@ -0,0 +1,120 @@
+import { useState, useRef, useEffect, useCallback } from 'react';
+// This file defines the useColorInputState custom hook, centralizing all state management and core logic for the ColorInput component, including dropdown visibility, color selection, custom color input, recent color persistence via localStorage, and external event handling.
+export const useColorInputState = (props) => {
+    const { value, defaultValue = '', onChange, onChangeComplete, onOpen, onClose, closeOnSelect = true, maxRecentColors = 8, showRecentColors = true, isAutoFocus = false, } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedColor, setSelectedColor] = useState(value ?? defaultValue);
+    const [customColor, setCustomColor] = useState('');
+    const [recentColors, setRecentColors] = useState([]);
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const triggerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    useEffect(() => {
+        if (value !== undefined) {
+            setSelectedColor(value);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (showRecentColors) {
+            try {
+                const saved = localStorage.getItem('colorInput-recentColors');
+                if (saved) {
+                    setRecentColors(JSON.parse(saved));
+                }
+            }
+            catch (error) {
+                console.warn('Failed to load recent colors from localStorage:', error);
+            }
+        }
+    }, [showRecentColors]);
+    useEffect(() => {
+        if (isAutoFocus && triggerRef.current) {
+            triggerRef.current.focus();
+        }
+    }, [isAutoFocus]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (isOpen &&
+                triggerRef.current &&
+                dropdownRef.current &&
+                !triggerRef.current.contains(event.target) &&
+                !dropdownRef.current.contains(event.target)) {
+                handleClose();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isOpen]);
+    const addToRecentColors = useCallback((color) => {
+        if (!showRecentColors)
+            return;
+        setRecentColors((prev) => {
+            const filtered = prev.filter((c) => c !== color);
+            const newRecent = [color, ...filtered].slice(0, maxRecentColors);
+            try {
+                localStorage.setItem('colorInput-recentColors', JSON.stringify(newRecent));
+            }
+            catch (error) {
+                console.warn('Failed to save recent colors to localStorage:', error);
+            }
+            return newRecent;
+        });
+    }, [showRecentColors, maxRecentColors]);
+    const handleToggle = useCallback(() => {
+        const newIsOpen = !isOpen;
+        setIsOpen(newIsOpen);
+        if (newIsOpen) {
+            onOpen?.();
+        }
+        else {
+            onClose?.();
+        }
+    }, [isOpen, onOpen, onClose]);
+    const handleColorSelect = useCallback((color) => {
+        setSelectedColor(color);
+        addToRecentColors(color);
+        onChange?.(color);
+        onChangeComplete?.(color);
+        if (closeOnSelect) {
+            setIsOpen(false);
+            onClose?.();
+        }
+    }, [onChange, onChangeComplete, closeOnSelect, onClose, addToRecentColors]);
+    const handleCustomColorChange = useCallback((color) => {
+        setCustomColor(color);
+    }, []);
+    const handleCustomColorSubmit = useCallback(() => {
+        if (customColor) {
+            handleColorSelect(customColor);
+            setCustomColor('');
+        }
+    }, [customColor, handleColorSelect]);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+        onClose?.();
+    }, [onClose]);
+    const setValue = useCallback((newValue) => {
+        setSelectedColor(newValue);
+        onChange?.(newValue);
+    }, [onChange]);
+    return {
+        isOpen,
+        selectedColor,
+        recentColors,
+        customColor,
+        isFocused,
+        isHovered,
+        handleToggle,
+        handleColorSelect,
+        handleCustomColorChange,
+        handleCustomColorSubmit,
+        handleClose,
+        setIsFocused,
+        setIsHovered,
+        setValue,
+        triggerRef,
+        dropdownRef,
+    };
+};
+//# sourceMappingURL=ColorInput.state.js.map

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

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

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

@@ -0,0 +1,16 @@
+import { ViewProps } from 'app-studio';
+import { Size, Variant, Shape } from './ColorInput.type';
+export declare const DefaultColorInputStyles: {
+    container: ViewProps;
+    trigger: ViewProps;
+    dropdown: ViewProps;
+    colorGrid: ViewProps;
+    recentColors: ViewProps;
+};
+export declare const Sizes: Record<Size, ViewProps>;
+export declare const Shapes: Record<Shape, ViewProps>;
+export declare const Variants: Record<Variant, ViewProps>;
+export declare const DefaultColorPalette: {
+    name: string;
+    value: string;
+}[];