@app-studio/components 0.10.17

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

@@ -0,0 +1,113 @@
+/**
+ * Switch View Component
+ *
+ * Renders a switch toggle with various styles and states
+ * according to the design guidelines.
+ */
+import React from 'react';
+import { Input } from 'app-studio';
+import { Label } from '../../../Form/Label/Label';
+import { View } from 'app-studio';
+import { Text } from 'app-studio';
+import { KnobSizes, SliderPadding, SliderSizes, ContentSliderSizes, ContentFontSizes, ColorSchemes, TransitionStyles, } from './Switch.style';
+const SwitchContent = (props) => <Input type="checkbox" {...props}/>;
+const SwitchView = ({ id, name, label, inActiveChild, isChecked, activeChild, labelPosition = 'right', shadow = {}, size = 'sm', value = false, isHovered = false, isDisabled = false, isReadOnly = false, on, setOn = () => { }, onChange, setValue = () => { }, setIsHovered = () => { }, helperText, views = { slider: {}, circle: {}, label: {} }, ...props }) => {
+    const checked = typeof isChecked === 'boolean' ? isChecked : value;
+    const hasContent = Boolean(activeChild || inActiveChild);
+    const sliderDimensions = hasContent
+        ? ContentSliderSizes[size]
+        : SliderSizes[size];
+    const knobOffset = `${SliderPadding[size].paddingHorizontal}px`;
+    const contentSpace = `${SliderPadding[size].paddingHorizontal + 2}px`;
+    const contentInset = `calc(${KnobSizes[size].width} + ${SliderPadding[size].paddingHorizontal}px + 4px)`;
+    const contentFontSize = ContentFontSizes[size];
+    const handleToggle = (event) => {
+        if (!isReadOnly && !isDisabled) {
+            const newValue = event.target.checked;
+            setValue(newValue);
+            setOn(newValue);
+            if (onChange)
+                onChange(newValue);
+        }
+    };
+    const handleMouseEnter = () => setIsHovered(true);
+    const handleMouseLeave = () => setIsHovered(false);
+    /**
+     * Styles for the switch component
+     */
+    const switchStyle = {
+        container: {
+            // Layout properties
+            gap: 12, // 3 × 4px grid
+            display: 'flex',
+            height: 'fit-content',
+            width: 'fit-content',
+            alignItems: 'center',
+            // Typography properties
+            // 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,
+        },
+    };
+    return (<Label htmlFor={id} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...switchStyle.container} {...props}>
+      <SwitchContent id={id} name={name} opacity={0} width={0} height={0} checked={checked} onChange={handleToggle} disabled={isDisabled} readOnly={isReadOnly} {...props}/>
+      {/* Label on the left side */}
+      {labelPosition === 'left' && label && (<Text fontWeight="500" // Medium weight for better readability
+         color={isDisabled ? 'color-gray-400' : 'inherit'} transition="color 0.2s ease, opacity 0.2s ease">
+          {label}
+        </Text>)}
+
+      {/* Switch slider */}
+      <View 
+    // Layout properties
+    display="flex" alignItems="center" justifyContent="center" position="relative" marginBottom={4} // 1 × 4px grid
+     
+    // Visual properties
+    borderRadius="9999px" // Full rounded for pill shape
+     backgroundColor={isDisabled
+            ? ColorSchemes.default.disabled
+            : checked
+                ? isHovered
+                    ? ColorSchemes.states.hover.active
+                    : ColorSchemes.default.active
+                : isHovered
+                    ? ColorSchemes.states.hover.inactive
+                    : ColorSchemes.default.inactive} opacity={!isDisabled && checked && isHovered
+            ? ColorSchemes.states.hover.activeOpacity
+            : 1} 
+    // State properties
+    cursor="pointer" 
+    // Animation
+    {...TransitionStyles.slider} 
+    // Apply styles
+    {...shadow} {...SliderPadding[size]} {...sliderDimensions} {...views['slider']}>
+        {/* Active content */}
+        {activeChild && checked && (<View marginLeft={contentSpace} marginRight={contentInset} transition="all 0.2s ease-in-out" display="flex" alignItems="center" justifyContent="center" height="100%" width="100%" overflow="hidden" fontSize={contentFontSize} lineHeight={1} color="color-white" fontWeight={600}>
+            {activeChild}
+          </View>)}
+
+        {/* Knob */}
+        <View position="absolute" top="50%" left={checked ? undefined : knobOffset} right={checked ? knobOffset : undefined} borderRadius="50%" backgroundColor={ColorSchemes.default.knob} boxShadow={isHovered
+            ? '0 4px 10px rgba(15, 23, 42, 0.18)'
+            : '0 1px 3px rgba(15, 23, 42, 0.18)'} transform={`translateY(-50%) ${isHovered ? 'scale(1.05)' : 'scale(1)'}`} {...TransitionStyles.knob} zIndex={1} // Ensure knob is above content
+     {...KnobSizes[size]} {...views['circle']}/>
+
+        {/* Inactive content */}
+        {inActiveChild && !checked && (<View marginLeft={contentInset} marginRight={contentSpace} transition="all 0.2s ease-in-out" display="flex" alignItems="center" justifyContent="center" height="100%" width="100%" overflow="hidden" fontSize={contentFontSize} lineHeight={1} color="color-white" fontWeight={600}>
+            {inActiveChild}
+          </View>)}
+      </View>
+
+      {/* Label on the right side */}
+      {labelPosition === 'right' && label && (<Text fontWeight="500" // Medium weight for better readability
+         color={isDisabled ? 'color-gray-400' : 'inherit'} transition="all 0.2s ease-in-out">
+          {label}
+        </Text>)}
+    </Label>);
+};
+export default SwitchView;
+//# sourceMappingURL=Switch.view.js.map

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

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

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

@@ -0,0 +1,15 @@
+/**
+ * Switch View Component (React Native)
+ *
+ * RN counterpart of Switch.view.tsx. Uses React Native's built-in <Switch/>
+ * for the native toggle UX (drops the custom slider/knob/active-child concept,
+ * which is a notable simplification — activeChild/inActiveChild are not
+ * rendered because RN's Switch has no slot for in-track content).
+ *
+ * Drops web-only concepts: cursor, transitions, _hover, boxShadow ring, the
+ * hidden checkbox input, the custom-painted slider/knob.
+ */
+import React from 'react';
+import { SwitchViewProps } from './Switch.props';
+declare const SwitchView: React.FC<SwitchViewProps>;
+export default SwitchView;

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

@@ -0,0 +1,48 @@
+/**
+ * Switch View Component (React Native)
+ *
+ * RN counterpart of Switch.view.tsx. Uses React Native's built-in <Switch/>
+ * for the native toggle UX (drops the custom slider/knob/active-child concept,
+ * which is a notable simplification — activeChild/inActiveChild are not
+ * rendered because RN's Switch has no slot for in-track content).
+ *
+ * Drops web-only concepts: cursor, transitions, _hover, boxShadow ring, the
+ * hidden checkbox input, the custom-painted slider/knob.
+ */
+import React from 'react';
+import { Switch as RNSwitch } from 'react-native';
+import { Horizontal, Text, useTheme, View } from 'app-studio';
+import { ColorSchemes } from './Switch.style';
+const SwitchView = ({ id, name, label, isChecked, labelPosition = 'right', size = 'sm', value = false, isHovered = false, isDisabled = false, isReadOnly = false, on, setOn = () => { }, onChange, setValue = () => { }, setIsHovered = () => { }, helperText, inActiveChild: _inActiveChild, activeChild: _activeChild, shadow: _shadow, views = { slider: {}, circle: {}, label: {} }, ...props }) => {
+    const checked = typeof isChecked === 'boolean' ? isChecked : Boolean(value);
+    const { getColor } = useTheme();
+    const handleToggle = (newValue) => {
+        if (!isReadOnly && !isDisabled) {
+            setValue(newValue);
+            setOn(newValue);
+            if (onChange)
+                onChange(newValue);
+        }
+    };
+    const containerStyle = {
+        gap: 12,
+        opacity: isDisabled ? 0.6 : 1,
+        ...views.label,
+    };
+    return (<View {...containerStyle} {...props}>
+      <Horizontal gap={12} alignItems="center">
+        {labelPosition === 'left' && label && (<Text fontWeight="500" color={isDisabled ? 'color-gray-400' : 'inherit'}>
+            {label}
+          </Text>)}
+        <RNSwitch value={checked} disabled={isDisabled || isReadOnly} onValueChange={handleToggle} trackColor={{
+            false: getColor(ColorSchemes.default.inactive),
+            true: getColor(ColorSchemes.default.active),
+        }} thumbColor={getColor(ColorSchemes.default.knob)} ios_backgroundColor={getColor(ColorSchemes.default.inactive)}/>
+        {labelPosition === 'right' && label && (<Text fontWeight="500" color={isDisabled ? 'color-gray-400' : 'inherit'}>
+            {label}
+          </Text>)}
+      </Horizontal>
+    </View>);
+};
+export default SwitchView;
+//# sourceMappingURL=Switch.view.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.view.native.js","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/Switch/Switch.view.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,GAA8B,CAAC,EAC7C,EAAE,EACF,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,GAAG,OAAO,EACvB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,EAAE,EACF,KAAK,GAAG,GAAG,EAAE,GAAE,CAAC,EAChB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,EACV,aAAa,EAAE,cAAc,EAC7B,WAAW,EAAE,YAAY,EACzB,MAAM,EAAE,OAAO,EACf,KAAK,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAC7C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEhC,MAAM,YAAY,GAAG,CAAC,QAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/B,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,CAAC;YAChB,IAAI,QAAQ;gBAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,GAAG,EAAE,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,GAAG,KAAK,CAAC,KAAK;KACf,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,CAClC;MAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CACtC;QAAA,CAAC,aAAa,KAAK,MAAM,IAAI,KAAK,IAAI,CACpC,CAAC,IAAI,CACH,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CACD;QAAA,CAAC,QAAQ,CACP,KAAK,CAAC,CAAC,OAAO,CAAC,CACf,QAAQ,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CACnC,aAAa,CAAC,CAAC,YAAY,CAAC,CAC5B,UAAU,CAAC,CAAC;YACV,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9C,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC;SAC5C,CAAC,CACF,UAAU,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAChD,mBAAmB,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAE/D;QAAA,CAAC,aAAa,KAAK,OAAO,IAAI,KAAK,IAAI,CACrC,CAAC,IAAI,CACH,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAEjD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useSwitchState } from './Switch/Switch.state';
+import SwitchView from './Switch/Switch.view';
+import { useMergedDesignSystemComponentProps } from '../../../design-system';
+// Defines the SwitchComponent as a functional component that takes SwitchProps as props.
+const SwitchComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('switch', props);
+    // Invokes useSwitchState hook to obtain state for this component, passing props to it.
+    const switchStates = useSwitchState(mergedProps);
+    // Renders the SwitchView component, spreading the switchStates and props to pass all necessary data.
+    return <SwitchView {...switchStates} {...mergedProps}/>;
+};
+// Exports the SwitchComponent as 'Switch' for use in other parts of the application.
+export const Switch = SwitchComponent;
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../../src/components/Form/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AACxE,yFAAyF;AACzF,MAAM,eAAe,GAA0B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,mCAAmC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACzE,uFAAuF;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,qGAAqG;IACrG,OAAO,CAAC,UAAU,CAAC,IAAI,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;AAC3D,CAAC,CAAC;AACF,qFAAqF;AACrF,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
+import { Elevation } from '../../../../utils/elevation';
+import { Shape, Size, TagInputStyles, Variant, Tag, TagSeparator } from './TagInput.type';
+export interface TagInputProps extends Omit<InputProps, 'size' | 'value' | 'onChange' | 'shadow' | 'left' | 'right'> {
+    id?: string;
+    name?: string;
+    label?: string;
+    helperText?: string;
+    error?: string | boolean;
+    placeholder?: string;
+    tags?: string[];
+    defaultTags?: string[];
+    onTagsChange?: (tags: string[]) => void;
+    onTagAdd?: (tag: string) => void;
+    onTagRemove?: (tag: string, index: number) => void;
+    maxTags?: number;
+    minTagLength?: number;
+    maxTagLength?: number;
+    allowDuplicates?: boolean;
+    separators?: TagSeparator[];
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isAutoFocus?: boolean;
+    isRemovable?: boolean;
+    size?: Size;
+    shape?: Shape;
+    variant?: Variant;
+    shadow?: Shadow | Elevation | ViewProps;
+    views?: TagInputStyles;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onClick?: () => void;
+    menuItems?: string[];
+    onMenuItemSelect?: (item: string) => void;
+}
+export interface TagInputViewProps extends Omit<TagInputProps, 'tags'> {
+    inputValue?: string;
+    setInputValue?: (value: string) => void;
+    tags?: Tag[];
+    setTags?: (tags: Tag[]) => void;
+    isFocused?: boolean;
+    setIsFocused?: (focused: boolean) => void;
+    isHovered?: boolean;
+    setIsHovered?: (hovered: boolean) => void;
+    addTag?: (tag: string) => void;
+    removeTag?: (index: number) => void;
+    handleKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus?: () => void;
+    handleBlur?: () => void;
+    filteredItems?: string[];
+    activeItemIndex?: number;
+    isMenuOpen?: boolean;
+    handleMenuItemSelect?: (item: string) => void;
+    validateTag?: (tag: string) => boolean;
+}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { TagInputProps } from './TagInput.props';
+import { Tag } from './TagInput.type';
+export declare const useTagInputState: (props: TagInputProps) => {
+    inputValue: string;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    tags: Tag[];
+    setTags: import("react").Dispatch<import("react").SetStateAction<Tag[]>>;
+    isFocused: boolean;
+    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isHovered: boolean;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    addTag: (tag: string) => void;
+    removeTag: (index: number) => void;
+    handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    validateTag: (tag: string) => boolean;
+};

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

@@ -0,0 +1,158 @@
+import { useState, useCallback, useEffect } from 'react';
+// This file defines the `useTagInputState` hook, which manages all local state and logic for the TagInput component. It handles tag creation, validation, removal, input field management, and user interactions like focus, blur, and keyboard events, supporting both controlled and uncontrolled tag modes.
+export const useTagInputState = (props) => {
+    const { tags: controlledTags, defaultTags = [], onTagsChange, onTagAdd, onTagRemove, maxTags, minTagLength = 1, maxTagLength = 50, allowDuplicates = false, separators = ['enter', 'comma'], isDisabled = false, isReadOnly = false, } = props;
+    const [inputValue, setInputValue] = useState('');
+    const [internalTags, setInternalTags] = useState(() => {
+        const initialValue = controlledTags || defaultTags || [];
+        return initialValue.map((tag, index) => ({
+            id: `tag-${index}-${Date.now()}`,
+            value: tag,
+        }));
+    });
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const tags = controlledTags && Array.isArray(controlledTags)
+        ? controlledTags.map((tag, index) => ({
+            id: `tag-${index}-${Date.now()}`,
+            value: tag,
+        }))
+        : internalTags;
+    useEffect(() => {
+        if (controlledTags && Array.isArray(controlledTags)) {
+            setInternalTags(controlledTags.map((tag, index) => ({
+                id: `tag-${index}-${Date.now()}`,
+                value: tag,
+            })));
+        }
+    }, [controlledTags]);
+    const validateTag = useCallback((tag) => {
+        const trimmed = tag.trim();
+        if (trimmed.length < minTagLength || trimmed.length > maxTagLength) {
+            return false;
+        }
+        if (!allowDuplicates) {
+            const tagValues = tags.map((t) => t.value.toLowerCase());
+            if (tagValues.includes(trimmed.toLowerCase())) {
+                return false;
+            }
+        }
+        if (maxTags && tags.length >= maxTags) {
+            return false;
+        }
+        return true;
+    }, [tags, minTagLength, maxTagLength, allowDuplicates, maxTags]);
+    const addTag = useCallback((tag) => {
+        if (isDisabled || isReadOnly)
+            return;
+        const trimmed = tag.trim();
+        if (!trimmed || !validateTag(trimmed))
+            return;
+        const newTag = {
+            id: `tag-${Date.now()}-${Math.random()}`,
+            value: trimmed,
+        };
+        const newTags = [...tags, newTag];
+        const tagValues = newTags.map((t) => t.value);
+        if (!controlledTags) {
+            setInternalTags(newTags);
+        }
+        onTagsChange?.(tagValues);
+        onTagAdd?.(trimmed);
+        setInputValue('');
+    }, [
+        tags,
+        validateTag,
+        onTagsChange,
+        onTagAdd,
+        isDisabled,
+        isReadOnly,
+        controlledTags,
+    ]);
+    const removeTag = useCallback((index) => {
+        if (isDisabled || isReadOnly)
+            return;
+        const tagToRemove = tags[index];
+        if (!tagToRemove)
+            return;
+        const newTags = tags.filter((_, i) => i !== index);
+        const tagValues = newTags.map((t) => t.value);
+        if (!controlledTags) {
+            setInternalTags(newTags);
+        }
+        onTagsChange?.(tagValues);
+        onTagRemove?.(tagToRemove.value, index);
+    }, [tags, onTagsChange, onTagRemove, isDisabled, isReadOnly, controlledTags]);
+    const handleInputChange = useCallback((event) => {
+        if (isDisabled || isReadOnly)
+            return;
+        const newValue = event.target.value;
+        if (separators.includes('comma') && newValue.includes(',')) {
+            const parts = newValue.split(',');
+            const tagToAdd = parts[0];
+            const remaining = parts.slice(1).join(',');
+            if (tagToAdd.trim()) {
+                addTag(tagToAdd);
+            }
+            setInputValue(remaining);
+            return;
+        }
+        setInputValue(newValue);
+    }, [addTag, separators, isDisabled, isReadOnly]);
+    const handleKeyDown = useCallback((event) => {
+        if (isDisabled || isReadOnly)
+            return;
+        const { key } = event;
+        if (separators.includes('enter') && key === 'Enter') {
+            event.preventDefault();
+            if (inputValue.trim()) {
+                addTag(inputValue);
+            }
+            return;
+        }
+        if (separators.includes('tab') && key === 'Tab' && inputValue.trim()) {
+            event.preventDefault();
+            addTag(inputValue);
+            return;
+        }
+        if (separators.includes('space') && key === ' ' && inputValue.trim()) {
+            event.preventDefault();
+            addTag(inputValue);
+            return;
+        }
+        if (key === 'Backspace' && !inputValue && tags.length > 0) {
+            event.preventDefault();
+            removeTag(tags.length - 1);
+            return;
+        }
+    }, [addTag, removeTag, inputValue, tags, separators, isDisabled, isReadOnly]);
+    const handleFocus = useCallback(() => {
+        setIsFocused(true);
+        props.onFocus?.();
+    }, [props.onFocus]);
+    const handleBlur = useCallback(() => {
+        setIsFocused(false);
+        if (inputValue.trim()) {
+            addTag(inputValue);
+        }
+        props.onBlur?.();
+    }, [addTag, inputValue, props.onBlur]);
+    return {
+        inputValue,
+        setInputValue,
+        tags,
+        setTags: setInternalTags,
+        isFocused,
+        setIsFocused,
+        isHovered,
+        setIsHovered,
+        addTag,
+        removeTag,
+        handleInputChange,
+        handleKeyDown,
+        handleFocus,
+        handleBlur,
+        validateTag,
+    };
+};
+//# sourceMappingURL=TagInput.state.js.map

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

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

package/dist/native/components/Form/TagInput/TagInput/TagInput.type.d.ts

@@ -0,0 +1,25 @@
+import { ViewProps } from 'app-studio';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Shape = 'default' | 'square' | 'rounded' | 'pill';
+export type Variant = 'outline' | 'default' | 'none';
+export type TagSeparator = 'enter' | 'comma' | 'space' | 'tab';
+export interface Tag {
+    id: string;
+    value: string;
+}
+export type TagInputStyles = {
+    inputContainer?: ViewProps;
+    tagsContainer?: ViewProps;
+    tag?: ViewProps;
+    tagText?: ViewProps;
+    tagRemove?: ViewProps;
+    input?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
+    error?: ViewProps;
+    container?: ViewProps;
+    placeholder?: ViewProps;
+    menu?: ViewProps;
+    menuItem?: ViewProps;
+    menuItemActive?: ViewProps;
+};

package/dist/native/components/Form/TagInput/TagInput/TagInput.type.js

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

package/dist/native/components/Form/TagInput/TagInput/TagInput.type.js.map

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

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

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

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

@@ -0,0 +1,84 @@
+import React from 'react';
+import { Input, Typography, useTheme, Horizontal, View, Text, } from 'app-studio';
+import { FieldContainer } from '../../../Input/FieldContainer/FieldContainer';
+import { FieldContent } from '../../../Input/FieldContent/FieldContent';
+import { FieldLabel } from '../../../Input/FieldLabel/FieldLabel';
+import { FieldWrapper } from '../../../Input/FieldWrapper/FieldWrapper';
+import { CloseIcon } from '../../../Icon/Icon';
+// Defines the TagChip functional component, which renders an individual tag with a customizable removal option. It accepts properties for the tag value, removal handler, removability status, size, custom view overrides, and disabled/read-only states.
+const TagChip = ({ tag, onRemove, isRemovable, size, views, isDisabled, isReadOnly }) => {
+    // Manages the hover state for the remove icon within a tag chip, allowing for visual feedback when the user hovers over it.
+    const [isRemoveHovered, setIsRemoveHovered] = React.useState(false);
+    // Calculates dynamic styling properties (padding, font size, icon size) for the tag chip based on the `size` prop, with a default for 'md'.
+    const chipSize = {
+        xs: { padding: '2px 8px', fontSize: '10px', iconSize: 10 },
+        sm: { padding: '4px 10px', fontSize: '12px', iconSize: 12 },
+        md: { padding: '6px 14px', fontSize: '14px', iconSize: 14 },
+        lg: { padding: '8px 16px', fontSize: '16px', iconSize: 16 },
+        xl: { padding: '10px 18px', fontSize: '18px', iconSize: 18 },
+    }[size] || { padding: '6px 14px', fontSize: '14px', iconSize: 14 };
+    return (<Horizontal alignItems="center" gap={6} padding={chipSize.padding} 
+    // app-studio resolves theme-primary-N as a color-mix tint (N/1000 = alpha)
+    backgroundColor="theme-primary-100" borderRadius="9999px" borderWidth="1px" borderStyle="solid" borderColor="theme-primary-250" transition="all 0.15s ease-in-out" opacity={isDisabled ? 0.6 : 1} _hover={!isDisabled && !isReadOnly
+            ? {
+                backgroundColor: 'theme-primary-180',
+                borderColor: 'theme-primary-400',
+            }
+            : {}} {...views?.tag}>
+      <Text fontSize={chipSize.fontSize} color={isDisabled ? 'color-gray-400' : 'theme-primary'} whiteSpace="nowrap" {...views?.tagText}>
+        {tag}
+      </Text>
+      {isRemovable && !isDisabled && !isReadOnly && (<View cursor="pointer" padding="2px" borderRadius="50%" transition="all 0.15s ease-in-out" backgroundColor={isRemoveHovered ? 'color-red-100' : 'transparent'} opacity={isRemoveHovered ? 1 : 0.7} onMouseEnter={() => setIsRemoveHovered(true)} onMouseLeave={() => setIsRemoveHovered(false)} onClick={(e) => {
+                e.stopPropagation();
+                onRemove();
+            }} _hover={{
+                backgroundColor: 'color-red-100',
+            }} {...views?.tagRemove}>
+          <CloseIcon widthHeight={chipSize.iconSize} color={isRemoveHovered ? 'color-red-500' : 'color-gray-400'}/>
+        </View>)}
+    </Horizontal>);
+};
+const TagInputView = ({ id, name, label, placeholder = 'Type and press Enter to add tags...', helperText, error = false, inputValue = '', tags = [], left, right, shadow = {}, views = {}, size = 'md', shape = 'default', variant = 'default', isDisabled = false, isReadOnly = false, isAutoFocus = false, isRemovable = true, isFocused = false, isHovered = false, maxTags, handleInputChange, handleKeyDown, handleFocus, handleBlur, removeTag, setIsHovered, onClick, setInputValue, setTags, setIsFocused, addTag, filteredItems, activeItemIndex, isMenuOpen, handleMenuItemSelect, defaultTags, onTagsChange, onTagAdd, onTagRemove, minTagLength, maxTagLength, allowDuplicates, separators, menuItems, onMenuItemSelect, onFocus, onBlur, validateTag, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const showLabel = Boolean(label && (isFocused || tags.length > 0 || inputValue));
+    const isMaxReached = maxTags && tags.length >= maxTags;
+    const inputStyles = {
+        border: 'none',
+        outline: 'none',
+        backgroundColor: 'transparent',
+        fontSize: Typography.fontSizes[size],
+        color: isDisabled ? 'color-gray-400' : 'color-gray-800',
+        flex: 1,
+        minWidth: '120px',
+        transition: 'all 0.2s ease-in-out',
+        ...views?.input,
+    };
+    return (<FieldContainer error={!!error} helperText={typeof error === 'string' ? error : helperText} views={views} {...props}>
+      <FieldContent label={label} shadow={shadow} value={tags.length > 0 || inputValue ? 'has-content' : ''} size={size} shape={shape} variant={variant} error={!!error} showLabel={showLabel} isFocused={isFocused} isHovered={isHovered} isDisabled={isDisabled} isReadOnly={isReadOnly} views={{
+            ...views,
+            container: { ...views?.container, ...views?.inputContainer },
+        }} onClick={onClick} onMouseEnter={() => setIsHovered?.(true)} onMouseLeave={() => setIsHovered?.(false)}>
+        {left}
+        <FieldWrapper>
+          
+          {label && (<FieldLabel size={size} error={!!error} views={views}>
+              {label}
+            </FieldLabel>)}
+          
+          <Horizontal alignItems="center" gap={8} flexWrap="wrap" width="100%" minHeight={Typography.fontSizes[size]} padding="8px 0" {...views?.tagsContainer}>
+            
+            {tags.map((tag, index) => (<TagChip key={tag.id} tag={tag.value} onRemove={() => removeTag?.(index)} isRemovable={isRemovable} size={size} views={views} isDisabled={isDisabled} isReadOnly={isReadOnly}/>))}
+            
+            {!isMaxReached && (<Input id={id} name={name} type="text" value={inputValue} placeholder={tags.length === 0 ? placeholder : ''} disabled={isDisabled} readOnly={isReadOnly} autoFocus={isAutoFocus} onChange={handleInputChange} onKeyDown={handleKeyDown} onFocus={handleFocus} onBlur={handleBlur} autoComplete="off" {...inputStyles}/>)}
+            
+            {isMaxReached && (<Text fontSize={Typography.fontSizes[size]} color="color-gray-500" fontStyle="italic" {...views?.placeholder}>
+                Maximum {maxTags} tags reached
+              </Text>)}
+          </Horizontal>
+        </FieldWrapper>
+        {right}
+      </FieldContent>
+    </FieldContainer>);
+};
+export default TagInputView;
+//# sourceMappingURL=TagInput.view.js.map

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

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

package/dist/native/components/Form/TagInput/TagInput/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TagInput.props';
+export * from './TagInput.type';
+export * from './TagInput.state';
+export { default as TagInputView } from './TagInput.view';