@app-studio/components 0.10.17

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js

@@ -0,0 +1,128 @@
+// This object defines the default styles for various structural parts of the ColorPicker component, such as its container, trigger, dropdown, and individual color swatches.
+export const DefaultColorPickerStyles = {
+    container: {
+        position: 'relative',
+        display: 'inline-block',
+        width: '100%',
+    },
+    trigger: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        cursor: 'pointer',
+        transition: 'background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease',
+    },
+    dropdown: {
+        position: 'absolute',
+        top: 'calc(100% + 8px)',
+        left: 0,
+        right: 0,
+        zIndex: 1000,
+        backgroundColor: 'color-white',
+        borderRadius: 12,
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#E5E7EB',
+        boxShadow: '0 12px 32px rgba(15, 23, 42, 0.14)',
+        padding: '16px',
+        minWidth: '320px',
+    },
+    colorGrid: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(6, 36px)',
+        gap: '12px',
+        marginBottom: '16px',
+    },
+    colorSwatch: {
+        width: '36px',
+        height: '36px',
+        borderRadius: 8,
+        cursor: 'pointer',
+        border: '1px solid transparent',
+        transition: 'transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease',
+    },
+    customInput: {
+        marginBottom: '12px',
+    },
+    recentColors: {
+        borderTop: '1px solid #F3F4F6',
+        paddingTop: '12px',
+    },
+};
+// This object maps predefined size options (e.g., xs, sm, md) to specific styling configurations, affecting the ColorPicker's dimensions, font size, and padding.
+export const Sizes = {
+    xs: {
+        height: '32px',
+        fontSize: '12px',
+        padding: '4px 8px',
+    },
+    sm: {
+        height: '40px',
+        fontSize: '12px',
+        padding: '8px 10px',
+    },
+    md: {
+        height: '44px',
+        fontSize: '14px',
+        padding: '10px 12px',
+    },
+    lg: {
+        height: '48px',
+        fontSize: '16px',
+        padding: '12px 14px',
+    },
+    xl: {
+        height: '56px',
+        fontSize: '18px',
+        padding: '14px 16px',
+    },
+};
+// This object maps predefined shape options (e.g., default, square, pill) to specific border-radius styles, influencing the visual curvature of the ColorPicker's elements.
+export const Shapes = {
+    default: {
+        borderRadius: 8,
+    },
+    square: {
+        borderRadius: 0,
+    },
+    rounded: {
+        borderRadius: 8,
+    },
+    pill: {
+        borderRadius: 9999,
+    },
+};
+// This object maps predefined variant options (e.g., default, outline, filled) to distinct visual styles, altering the background, border, and text color of the ColorPicker.
+export const Variants = {
+    default: {
+        backgroundColor: 'color-white',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#E5E7EB',
+        color: 'color-gray-900',
+    },
+    outline: {
+        backgroundColor: 'color-white',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#E5E7EB',
+        color: 'color-gray-900',
+    },
+    filled: {
+        backgroundColor: '#F8FAFC',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: '#E5E7EB',
+        color: 'color-gray-900',
+    },
+};
+// This array defines the default color palette presented within the ColorPicker dropdown, providing a curated selection of colors with their names, hex values, and categories.
+export const DefaultColorPalette = [
+    { name: 'Blue', value: '#1D4ED8', category: 'primary' },
+    { name: 'Purple', value: '#A855F7', category: 'primary' },
+    { name: 'Green', value: '#22C55E', category: 'primary' },
+    { name: 'Orange', value: '#F97316', category: 'primary' },
+    { name: 'Red', value: '#EF4444', category: 'primary' },
+    { name: 'Ink', value: '#111827', category: 'neutral' },
+];
+//# sourceMappingURL=ColorPicker.style.js.map

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js.map

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

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.type.d.ts

@@ -0,0 +1,34 @@
+import { ViewProps } from 'app-studio';
+export type Variant = 'outline' | 'default' | 'filled';
+export type Shape = 'default' | 'square' | 'rounded' | 'pill';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ColorPickerStyles = {
+    container?: ViewProps;
+    trigger?: ViewProps;
+    dropdown?: ViewProps;
+    colorGrid?: ViewProps;
+    colorSwatch?: ViewProps;
+    customInput?: ViewProps;
+    recentColors?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
+};
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+export type ColorValue = {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    hsl: {
+        h: number;
+        s: number;
+        l: number;
+    };
+};
+export type PredefinedColor = {
+    name: string;
+    value: string;
+    category?: string;
+};

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.type.js

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

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.type.js.map

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

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.d.ts

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

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import { View, Horizontal, Text } from 'app-studio';
+import { DefaultColorPickerStyles, Sizes, Shapes, Variants, DefaultColorPalette, } from './ColorPicker.style';
+import { TextField } from '../../Form/TextField/TextField';
+import { ChevronIcon } from '../../Icon/Icon';
+// Defines the `ColorPickerView` functional component, responsible for rendering the UI of the color picker based on provided props.
+const ColorPickerView = ({ id, name, label, placeholder = 'Select a color', helperText, views = {}, size = 'md', shape = 'default', variant = 'default', error = false, isDisabled = false, isReadOnly = false, predefinedColors = DefaultColorPalette, showCustomInput = true, showRecentColors = true, isOpen, selectedColor, recentColors, customColor, handleToggle, handleColorSelect, handleCustomColorChange, handleCustomColorSubmit, handleClose, triggerRef, dropdownRef, onChange, onChangeComplete, onOpen, onClose, colorFormat, maxRecentColors, closeOnSelect, defaultValue, value, ...props }) => {
+    // Merges default container styles with any custom styles provided through props for the main component wrapper.
+    const containerStyles = {
+        ...DefaultColorPickerStyles.container,
+        ...views?.container,
+    };
+    // Defines the styles for the color picker's trigger element, incorporating base styles, size, shape, variant, error, and disabled states.
+    const triggerStyles = {
+        ...DefaultColorPickerStyles.trigger,
+        ...Sizes[size],
+        ...Shapes[shape],
+        ...Variants[variant],
+        ...(error && { borderColor: 'color-red-500' }),
+        ...(isDisabled && { opacity: 0.6, cursor: 'not-allowed' }),
+        ...(!isDisabled &&
+            !isReadOnly && {
+            _hover: {
+                borderColor: 'rgba(148, 163, 184, 0.9)',
+            },
+        }),
+        ...views?.trigger,
+    };
+    // Defines the styles for the dropdown panel that appears when the color picker is open.
+    const dropdownStyles = {
+        ...DefaultColorPickerStyles.dropdown,
+        ...views?.dropdown,
+    };
+    // Defines the styles for the grid layout displaying predefined color options.
+    const colorGridStyles = {
+        ...DefaultColorPickerStyles.colorGrid,
+        ...views?.colorGrid,
+    };
+    // Defines the styles for the section displaying recently selected colors within the dropdown.
+    const recentColorsStyles = {
+        ...DefaultColorPickerStyles.recentColors,
+        ...views?.recentColors,
+    };
+    // Determines the color to be visually displayed in the trigger, using the `selectedColor` or a default gray if none is selected.
+    const displayColor = selectedColor || 'color-gray-200';
+    return (<View {...containerStyles} {...props}>
+      {label && (<Text fontSize="12px" lineHeight="16px" fontWeight="500" color="color-gray-600" marginBottom="6px" {...views?.label}>
+          {label}
+        </Text>)}
+      <View ref={triggerRef} onClick={isDisabled || isReadOnly ? undefined : handleToggle} {...triggerStyles}>
+        <Horizontal alignItems="center" gap={8}>
+          <View width="24px" height="24px" borderRadius="8px" backgroundColor={displayColor} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200"/>
+          <Text color={selectedColor ? 'color-gray-900' : 'color-gray-500'} fontSize="inherit">
+            {selectedColor || placeholder}
+          </Text>
+        </Horizontal>
+        {!isReadOnly && !isDisabled && (<ChevronIcon widthHeight={16} color="color-gray-500" orientation={isOpen ? 'up' : 'down'}/>)}
+      </View>
+      {isOpen && (<View ref={dropdownRef} {...dropdownStyles}>
+          <View {...colorGridStyles}>
+            {predefinedColors.map((colorOption, index) => (<View key={index} width="36px" height="36px" borderRadius="8px" backgroundColor={colorOption.value} borderWidth="1px" borderStyle="solid" borderColor={selectedColor === colorOption.value
+                    ? 'theme-primary'
+                    : 'transparent'} cursor="pointer" onClick={() => handleColorSelect(colorOption.value)} title={colorOption.name} _hover={{
+                    transform: 'scale(1.05)',
+                    borderColor: 'color-gray-300',
+                }} {...views?.colorSwatch}/>))}
+          </View>
+          {showCustomInput && (<View {...DefaultColorPickerStyles.customInput} {...views?.customInput}>
+              <Horizontal gap={8} alignItems="center" marginBottom="10px">
+                <input type="color" value={customColor || '#1D4ED8'} onChange={(e) => {
+                    const color = e.target.value;
+                    handleCustomColorChange(color);
+                    handleColorSelect(color);
+                }} style={{
+                    width: '36px',
+                    height: '36px',
+                    border: '1px solid #E5E7EB',
+                    borderRadius: '8px',
+                    cursor: 'pointer',
+                    backgroundColor: 'transparent',
+                }} title="Pick a color"/>
+                <Text fontSize="12px" lineHeight="16px" color="color-gray-500">
+                  HEX
+                </Text>
+              </Horizontal>
+              <TextField placeholder="#1D4ED8" value={customColor} onChange={(e) => handleCustomColorChange(e.target.value)} onKeyPress={(e) => {
+                    if (e.key === 'Enter') {
+                        handleCustomColorSubmit();
+                    }
+                }} size="sm" right={customColor && (<View width="18px" height="18px" borderRadius="6px" backgroundColor={customColor} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" cursor="pointer" onClick={handleCustomColorSubmit}/>)}/>
+            </View>)}
+          {showRecentColors && recentColors.length > 0 && (<View {...recentColorsStyles}>
+              <Text fontSize="11px" lineHeight="16px" fontWeight="500" color="color-gray-500" marginBottom="8px">
+                Recent Colors
+              </Text>
+              <Horizontal gap={8} flexWrap="wrap">
+                {recentColors.map((color, index) => (<View key={index} width="24px" height="24px" borderRadius="8px" backgroundColor={color} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" cursor="pointer" transition="transform 0.2s ease, border-color 0.2s ease" onClick={() => handleColorSelect(color)} title={color} _hover={{
+                        transform: 'scale(1.05)',
+                        borderColor: 'color-gray-300',
+                    }}/>))}
+              </Horizontal>
+            </View>)}
+        </View>)}
+      {helperText && (<Text fontSize="11px" lineHeight="16px" color={error ? 'color-red-500' : 'color-gray-500'} marginTop="4px" {...views?.helperText}>
+          {helperText}
+        </Text>)}
+    </View>);
+};
+export default ColorPickerView;
+//# sourceMappingURL=ColorPicker.view.js.map

package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.view.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAY,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EACL,wBAAwB,EACxB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,oIAAoI;AACpI,MAAM,eAAe,GAAmC,CAAC,EACvD,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,gBAAgB,EAC9B,UAAU,EACV,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,mBAAmB,EACtC,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,WAAW,EACX,eAAe,EACf,aAAa,EACb,YAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gHAAgH;IAChH,MAAM,eAAe,GAAG;QACtB,GAAG,wBAAwB,CAAC,SAAS;QACrC,GAAG,KAAK,EAAE,SAAS;KACpB,CAAC;IACF,0IAA0I;IAC1I,MAAM,aAAa,GAAG;QACpB,GAAG,wBAAwB,CAAC,OAAO;QACnC,GAAG,KAAK,CAAC,IAAI,CAAC;QACd,GAAG,MAAM,CAAC,KAAK,CAAC;QAChB,GAAG,QAAQ,CAAC,OAAO,CAAC;QACpB,GAAG,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;QAC9C,GAAG,CAAC,UAAU,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;QAC1D,GAAG,CAAC,CAAC,UAAU;YACb,CAAC,UAAU,IAAI;YACb,MAAM,EAAE;gBACN,WAAW,EAAE,0BAA0B;aACxC;SACF,CAAC;QACJ,GAAG,KAAK,EAAE,OAAO;KAClB,CAAC;IACF,wFAAwF;IACxF,MAAM,cAAc,GAAG;QACrB,GAAG,wBAAwB,CAAC,QAAQ;QACpC,GAAG,KAAK,EAAE,QAAQ;KACnB,CAAC;IACF,8EAA8E;IAC9E,MAAM,eAAe,GAAG;QACtB,GAAG,wBAAwB,CAAC,SAAS;QACrC,GAAG,KAAK,EAAE,SAAS;KACpB,CAAC;IACF,8FAA8F;IAC9F,MAAM,kBAAkB,GAAG;QACzB,GAAG,wBAAwB,CAAC,YAAY;QACxC,GAAG,KAAK,EAAE,YAAY;KACvB,CAAC;IACF,iIAAiI;IACjI,MAAM,YAAY,GAAG,aAAa,IAAI,gBAAgB,CAAC;IACvD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACnC;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,YAAY,CAAC,KAAK,CAClB,IAAI,KAAK,EAAE,KAAK,CAAC,CAEjB;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,UAAU,CAAC,CAChB,OAAO,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAC7D,IAAI,aAAa,CAAC,CAElB;QAAA,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,YAAY,CAAC,CAC9B,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,EAE9B;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC3D,QAAQ,CAAC,SAAS,CAElB;YAAA,CAAC,aAAa,IAAI,WAAW,CAC/B;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,CAC7B,CAAC,WAAW,CACV,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,KAAK,CAAC,gBAAgB,CACtB,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACpC,CACH,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,cAAc,CAAC,CACzC;UAAA,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,CACxB;YAAA,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CACnC,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CACV,aAAa,KAAK,WAAW,CAAC,KAAK;oBACjC,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,aACN,CAAC,CACD,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CACpD,KAAK,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACxB,MAAM,CAAC,CAAC;oBACN,SAAS,EAAE,aAAa;oBACxB,WAAW,EAAE,gBAAgB;iBAC9B,CAAC,CACF,IAAI,KAAK,EAAE,WAAW,CAAC,EACvB,CACH,CAAC,CACJ;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,eAAe,IAAI,CAClB,CAAC,IAAI,CACH,IAAI,wBAAwB,CAAC,WAAW,CAAC,CACzC,IAAI,KAAK,EAAE,WAAW,CAAC,CAEvB;cAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CACzD;gBAAA,CAAC,KAAK,CACJ,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAChC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7B,uBAAuB,CAAC,KAAK,CAAC,CAAC;oBAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC,CAAC,CACF,KAAK,CAAC,CAAC;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,mBAAmB;oBAC3B,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,SAAS;oBACjB,eAAe,EAAE,aAAa;iBAC/B,CAAC,CACF,KAAK,CAAC,cAAc,EAEtB;gBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAC5D;;gBACF,EAAE,IAAI,CACR;cAAA,EAAE,UAAU,CACZ;cAAA,CAAC,SAAS,CACR,WAAW,CAAC,SAAS,CACrB,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,CAAsC,EAAE,EAAE,CACnD,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CACxC,CAAC,CACD,UAAU,CAAC,CAAC,CAAC,CAAwC,EAAE,EAAE;oBACvD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,uBAAuB,EAAE,CAAC;oBAC5B,CAAC;gBACH,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,CACT,KAAK,CAAC,CACJ,WAAW,IAAI,CACb,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,WAAW,CAAC,CAC7B,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,uBAAuB,CAAC,EACjC,CAEN,CAAC,EAEL;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,gBAAgB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,CAC3B;cAAA,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,YAAY,CAAC,KAAK,CAElB;;cACF,EAAE,IAAI,CACN;cAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CACjC;gBAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,KAAK,CAAC,CACvB,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,MAAM,CAAC,SAAS,CAChB,UAAU,CAAC,6CAA6C,CACxD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACxC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC;wBACN,SAAS,EAAE,aAAa;wBACxB,WAAW,EAAE,gBAAgB;qBAC9B,CAAC,EACF,CACH,CAAC,CACJ;cAAA,EAAE,UAAU,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAClD,SAAS,CAAC,KAAK,CACf,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/native/components/ColorPicker/ColorPicker.d.ts

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

package/dist/native/components/ColorPicker/ColorPicker.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useColorPickerState } from './ColorPicker/ColorPicker.state';
+import ColorPickerView from './ColorPicker/ColorPicker.view';
+// This file defines the main ColorPicker component, acting as the entry point that integrates state management with the visual presentation, combining the state logic and the UI view.
+const ColorPickerComponent = (props) => {
+    const colorPickerStates = useColorPickerState(props);
+    return <ColorPickerView {...colorPickerStates} {...props}/>;
+};
+export const ColorPicker = ColorPickerComponent;
+//# sourceMappingURL=ColorPicker.js.map

package/dist/native/components/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,wLAAwL;AACxL,MAAM,oBAAoB,GAA+B,CACvD,KAAuB,EACvB,EAAE;IACF,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,CAAC,eAAe,CAAC,IAAI,iBAAiB,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC/D,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/native/components/Command/Command/Command.props.d.ts

@@ -0,0 +1,66 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+import { CommandGroup, CommandItem, CommandSize, CommandStyles, CommandVariant } from './Command.type';
+export interface CommandProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    groups?: CommandGroup[];
+    commands?: CommandItem[];
+    placeholder?: string;
+    size?: CommandSize;
+    variant?: CommandVariant;
+    filter?: (value: string, item: CommandItem) => boolean;
+    emptyState?: React.ReactNode;
+    footer?: React.ReactNode;
+    views?: CommandStyles;
+    [key: string]: any;
+}
+export interface CommandInputProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    views?: {
+        container?: ViewProps;
+        input?: ViewProps;
+    };
+}
+export interface CommandListProps {
+    children: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+    };
+}
+export interface CommandGroupProps {
+    heading: string;
+    children: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+        heading?: ViewProps;
+    };
+}
+export interface CommandItemProps {
+    item: CommandItem;
+    selected?: boolean;
+    onSelect?: () => void;
+    views?: {
+        container?: ViewProps;
+        icon?: ViewProps;
+        content?: ViewProps;
+        name?: ViewProps;
+        description?: ViewProps;
+        shortcut?: ViewProps;
+    };
+}
+export interface CommandEmptyProps {
+    children?: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+    };
+}
+export interface CommandType extends React.FC<CommandProps> {
+    Input: React.FC<CommandInputProps>;
+    List: React.FC<CommandListProps>;
+    Group: React.FC<CommandGroupProps>;
+    Item: React.FC<CommandItemProps>;
+    Empty: React.FC<CommandEmptyProps>;
+}

package/dist/native/components/Command/Command/Command.props.js

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

package/dist/native/components/Command/Command/Command.props.js.map

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

package/dist/native/components/Command/Command/Command.state.d.ts

@@ -0,0 +1,17 @@
+import { CommandGroup, CommandItem } from './Command.type';
+export interface CommandStateProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    groups?: CommandGroup[];
+    commands?: CommandItem[];
+    filter?: (value: string, item: CommandItem) => boolean;
+}
+export declare const useCommandState: ({ open, onOpenChange, groups, commands, filter, }: CommandStateProps) => {
+    search: string;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    selectedIndex: number;
+    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    filteredCommands: CommandItem[];
+    filteredGroups: CommandGroup[];
+    listRef: import("react").RefObject<HTMLDivElement | null>;
+};

package/dist/native/components/Command/Command/Command.state.js

@@ -0,0 +1,99 @@
+// This file defines the core state management logic and hooks for the Command component, handling search, filtering, selection, and keyboard navigation.
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
+const defaultFilterFn = (value, item) => {
+    if (!value)
+        return true;
+    const searchValue = value.toLowerCase();
+    const matchesName = item.name.toLowerCase().includes(searchValue);
+    const matchesDescription = item.description?.toLowerCase().includes(searchValue) || false;
+    const matchesKeywords = item.keywords?.some((keyword) => keyword.toLowerCase().includes(searchValue)) || false;
+    return matchesName || matchesDescription || matchesKeywords;
+};
+export const useCommandState = ({ open, onOpenChange, groups = [], commands = [], filter, }) => {
+    const [search, setSearch] = useState('');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const listRef = useRef(null);
+    const filterFn = useMemo(() => filter || defaultFilterFn, [filter]);
+    const allCommands = useMemo(() => {
+        const groupCommands = groups.flatMap((group) => group.commands);
+        return [...groupCommands, ...commands];
+    }, [groups, commands]);
+    const filteredCommands = useMemo(() => {
+        if (!search.trim())
+            return allCommands;
+        return allCommands.filter((item) => filterFn(search, item));
+    }, [allCommands, search, filterFn]);
+    const filteredGroups = useMemo(() => {
+        if (!search)
+            return groups;
+        const filterFn = filter || defaultFilterFn;
+        return groups
+            .map((g) => ({
+            ...g,
+            commands: g.commands.filter((c) => filterFn(search, c)),
+        }))
+            .filter((g) => g.commands.length);
+    }, [groups, search, filter]);
+    useEffect(() => {
+        setSelectedIndex(0);
+    }, [filteredCommands.length]);
+    const handleKeyDown = useCallback((e) => {
+        if (!open)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setSelectedIndex((prev) => prev < filteredCommands.length - 1 ? prev + 1 : prev);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setSelectedIndex((prev) => (prev > 0 ? prev - 1 : prev));
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (filteredCommands[selectedIndex]) {
+                    filteredCommands[selectedIndex].onSelect();
+                    onOpenChange(false);
+                    setSearch('');
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                onOpenChange(false);
+                setSearch('');
+                break;
+        }
+    }, [open, filteredCommands, selectedIndex, onOpenChange]);
+    useEffect(() => {
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [handleKeyDown]);
+    useEffect(() => {
+        if (listRef.current && open) {
+            const selectedElement = listRef.current.querySelector(`[data-index="${selectedIndex}"]`);
+            if (selectedElement) {
+                selectedElement.scrollIntoView({ block: 'nearest' });
+            }
+        }
+    }, [selectedIndex, open]);
+    useEffect(() => {
+        if (open) {
+            setSelectedIndex(0);
+        }
+        else {
+            setSearch('');
+        }
+    }, [open]);
+    return {
+        search,
+        setSearch,
+        selectedIndex,
+        setSelectedIndex,
+        filteredCommands,
+        filteredGroups,
+        listRef,
+    };
+};
+//# sourceMappingURL=Command.state.js.map

package/dist/native/components/Command/Command/Command.state.js.map

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

package/dist/native/components/Command/Command/Command.style.d.ts

@@ -0,0 +1,19 @@
+import { ViewProps } from 'app-studio';
+import { CommandSize, CommandVariant } from './Command.type';
+export declare const CommandSizes: Record<CommandSize, ViewProps>;
+export declare const getCommand: (themeMode: string) => Record<CommandVariant, ViewProps>;
+export declare const CommandVariants: Record<CommandVariant, ViewProps>;
+export declare const CommandInputStyles: ViewProps;
+export declare const CommandListStyles: ViewProps;
+export declare const CommandGroupStyles: ViewProps;
+export declare const CommandGroupHeadingStyles: ViewProps;
+export declare const CommandItemStyles: ViewProps;
+export declare const CommandItemSelectedStyles: ViewProps;
+export declare const CommandItemDisabledStyles: ViewProps;
+export declare const CommandItemIconStyles: ViewProps;
+export declare const CommandItemContentStyles: ViewProps;
+export declare const CommandItemNameStyles: ViewProps;
+export declare const CommandItemDescriptionStyles: ViewProps;
+export declare const CommandItemShortcutStyles: ViewProps;
+export declare const CommandEmptyStyles: ViewProps;
+export declare const CommandFooterStyles: ViewProps;