@rnative/ui 0.0.0-stage → 1.0.0

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ANAN-UI — Component: CheckBox Barrel Export
+ */
+export { CheckBox } from './CheckBox';
+export type { CheckBoxProps, CheckBoxSize } from './CheckBox.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * ANAN-UI — Component: CheckBox Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckBox = void 0;
+var CheckBox_1 = require("./CheckBox");
+Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return CheckBox_1.CheckBox; } });
+//# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/components/combobox/ComboBox.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ANAN-UI — Component: ComboBox
+ *
+ * A combobox (select) with a dropdown presented in a Modal. The trigger field
+ * mirrors Input's variant/size/error API. Options are shown in a modal card
+ * anchored to the bottom of the screen (reliable across platforms without
+ * measuring the trigger). The trigger exposes `accessibilityRole="combobox"`
+ * with `accessibilityState={{ expanded, disabled }}`; options are `menuitem`s
+ * with a `selected` state.
+ */
+import type { ComboBoxProps } from './ComboBox.types';
+export declare function ComboBox({ options, placeholder, value: valueProp, defaultValue, onValueChange, error, label, hint, variant: variantProp, size: sizeProp, disabled, style, fieldStyle, dropdownStyle, optionStyle, ...rest }: ComboBoxProps): import("react").JSX.Element;
+export declare namespace ComboBox {
+    var displayName: string;
+}
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/components/combobox/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AASH,OAAO,KAAK,EACV,aAAa,EAId,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,WAAsB,EACtB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,GAAG,IAAI,EACR,EAAE,aAAa,+BAmLf;yBApMe,QAAQ"}

package/dist/components/combobox/ComboBox.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBox = ComboBox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ANAN-UI — Component: ComboBox
+ *
+ * A combobox (select) with a dropdown presented in a Modal. The trigger field
+ * mirrors Input's variant/size/error API. Options are shown in a modal card
+ * anchored to the bottom of the screen (reliable across platforms without
+ * measuring the trigger). The trigger exposes `accessibilityRole="combobox"`
+ * with `accessibilityState={{ expanded, disabled }}`; options are `menuitem`s
+ * with a `selected` state.
+ */
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const cn_1 = require("../../utils/cn");
+const Text_1 = require("../../primitives/Text");
+const ComboBox_variants_1 = require("./ComboBox.variants");
+const ComboBox_styles_1 = require("./ComboBox.styles");
+function ComboBox({ options, placeholder = 'Select', value: valueProp, defaultValue, onValueChange, error, label, hint, variant: variantProp, size: sizeProp, disabled = false, style, fieldStyle, dropdownStyle, optionStyle, ...rest }) {
+    const { theme } = (0, theme_1.useTheme)();
+    const isControlled = valueProp !== undefined;
+    const [internal, setInternal] = (0, react_1.useState)(defaultValue ?? '');
+    const value = isControlled ? valueProp ?? '' : internal;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const { variant, size, textSize, defaultVariant, defaultSize } = (0, ComboBox_variants_1.getComboBoxVariants)(theme);
+    const variantKey = variantProp ?? defaultVariant;
+    const sizeKey = sizeProp ?? defaultSize;
+    const hasError = error !== undefined && error.length > 0;
+    const message = hasError ? error : hint;
+    // Close on Android hardware back.
+    (0, react_1.useEffect)(() => {
+        if (!open)
+            return;
+        const sub = react_native_1.BackHandler.addEventListener('hardwareBackPress', () => {
+            setOpen(false);
+            return true;
+        });
+        return () => sub.remove();
+    }, [open]);
+    const selectedOption = options.find((o) => o.value === value);
+    const displayText = selectedOption?.label ?? placeholder;
+    const isPlaceholder = selectedOption === undefined;
+    const handleOpen = (0, react_1.useCallback)(() => {
+        if (!disabled)
+            setOpen(true);
+    }, [disabled]);
+    const handleClose = (0, react_1.useCallback)(() => setOpen(false), []);
+    const handleSelect = (0, react_1.useCallback)((opt) => {
+        if (opt.disabled)
+            return;
+        if (!isControlled)
+            setInternal(opt.value);
+        onValueChange?.(opt.value);
+        setOpen(false);
+    }, [isControlled, onValueChange]);
+    const baseBorder = variant[variantKey].container.borderColor ?? 'transparent';
+    const borderColor = hasError
+        ? theme.colors.destructive
+        : open
+            ? theme.colors.ring
+            : baseBorder;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(ComboBox_styles_1.comboBoxStyles.container, style), children: [label !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: disabled ? 'mutedForeground' : 'foreground', fontSize: "sm", fontWeight: "medium", style: ComboBox_styles_1.comboBoxStyles.label, children: label })), (0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: handleOpen, disabled: disabled, accessibilityRole: "combobox", accessibilityState: { expanded: open, disabled }, accessibilityLabel: label ?? placeholder, style: (0, cn_1.cn)(ComboBox_styles_1.comboBoxStyles.fieldContainer, variant[variantKey].container, size[sizeKey], { borderColor }, disabled && { opacity: 0.5 }, fieldStyle), children: [(0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: isPlaceholder ? 'mutedForeground' : 'foreground', numberOfLines: 1, style: (0, cn_1.cn)(ComboBox_styles_1.comboBoxStyles.fieldText, textSize[sizeKey]), children: displayText }), (0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontSize: sizeKey === 'sm' ? 'xs' : sizeKey === 'lg' ? 'lg' : 'base', accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: '\u25BC' })] }), message !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: hasError ? 'destructive' : 'mutedForeground', fontSize: "sm", style: ComboBox_styles_1.comboBoxStyles.message, accessibilityRole: hasError ? 'alert' : 'text', children: message })), (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, animationType: "fade", transparent: true, onRequestClose: handleClose, supportedOrientations: [
+                    'portrait',
+                    'landscape-left',
+                    'landscape-right',
+                    'portrait-upside-down',
+                ], children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: ComboBox_styles_1.comboBoxStyles.backdrop, onPress: handleClose, accessibilityLabel: "Close options", accessibilityRole: "button", children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: (0, cn_1.cn)(ComboBox_styles_1.comboBoxStyles.dropdown, {
+                            backgroundColor: theme.colors.card,
+                            borderColor: theme.colors.border,
+                        }, dropdownStyle), children: options.map((opt) => {
+                            const selected = opt.value === value;
+                            return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: () => handleSelect(opt), disabled: opt.disabled, accessibilityRole: "menuitem", accessibilityState: { selected, disabled: opt.disabled }, style: (0, cn_1.cn)(ComboBox_styles_1.comboBoxStyles.option, selected && { backgroundColor: theme.colors.muted }, opt.disabled && { opacity: 0.4 }, optionStyle), children: [(0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { fontSize: "base", color: opt.disabled ? 'mutedForeground' : 'foreground', style: ComboBox_styles_1.comboBoxStyles.optionText, children: opt.label }), selected && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "primary", fontSize: "sm", fontWeight: "bold", accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: '\u2713' }))] }, opt.value));
+                        }) }) }) })] }));
+}
+ComboBox.displayName = 'ComboBox';
+//# sourceMappingURL=ComboBox.js.map

package/dist/components/combobox/ComboBox.js.map

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

package/dist/components/combobox/ComboBox.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ANAN-UI — Component: ComboBox Styles
+ *
+ * Static styles created with StyleSheet.create. The trigger field and
+ * dropdown colors are resolved from the theme at render time.
+ */
+export declare const comboBoxStyles: any;
+//# sourceMappingURL=ComboBox.styles.d.ts.map

package/dist/components/combobox/ComboBox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,cAAc,KA4CzB,CAAC"}

package/dist/components/combobox/ComboBox.styles.js

@@ -0,0 +1,57 @@
+"use strict";
+/**
+ * ANAN-UI — Component: ComboBox Styles
+ *
+ * Static styles created with StyleSheet.create. The trigger field and
+ * dropdown colors are resolved from the theme at render time.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.comboBoxStyles = void 0;
+const react_native_1 = require("react-native");
+const design_tokens_1 = require("../../design-tokens");
+exports.comboBoxStyles = react_native_1.StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    fieldContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        gap: design_tokens_1.spacing[2],
+        width: '100%',
+    },
+    fieldText: {
+        flex: 1,
+    },
+    label: {
+        marginBottom: design_tokens_1.spacing[1],
+    },
+    message: {
+        marginTop: design_tokens_1.spacing[1],
+    },
+    backdrop: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        padding: design_tokens_1.spacing[4],
+        backgroundColor: 'rgba(0, 0, 0, 0.4)',
+    },
+    dropdown: {
+        width: '100%',
+        borderRadius: design_tokens_1.borderRadius.lg,
+        borderWidth: 1,
+        overflow: 'hidden',
+        ...(0, design_tokens_1.resolveShadow)('md'),
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: design_tokens_1.spacing[4],
+        paddingVertical: design_tokens_1.spacing[3],
+        minHeight: 44,
+    },
+    optionText: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=ComboBox.styles.js.map

package/dist/components/combobox/ComboBox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.styles.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA2E;AAE9D,QAAA,cAAc,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC9C,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,cAAc,EAAE;QACd,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;QACf,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,YAAY,EAAE,uBAAO,CAAC,CAAC,CAAC;KACzB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,uBAAO,CAAC,CAAC,CAAC;KACtB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;QACnB,eAAe,EAAE,oBAAoB;KACtC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,4BAAY,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,QAAQ;QAClB,GAAG,IAAA,6BAAa,EAAC,IAAI,CAAC;KACvB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC3B,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/dist/components/combobox/ComboBox.types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * ANAN-UI — Component: ComboBox Types
+ *
+ * A combobox (select) with dropdown rendered in a Modal. Mirrors Input's
+ * variant/size/error API for the trigger field.
+ */
+import type { ViewProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface ComboBoxOption {
+    /** Unique value for this option. */
+    value: string;
+    /** Visible label. */
+    label: string;
+    /** Disables this option. */
+    disabled?: boolean;
+}
+export type ComboBoxVariant = 'outline' | 'filled' | 'ghost';
+export type ComboBoxSize = 'sm' | 'default' | 'lg';
+export interface ComboBoxProps extends Omit<ViewProps, 'style' | 'onChange'> {
+    /** List of options. */
+    options: ComboBoxOption[];
+    /** Placeholder shown when no value is selected. */
+    placeholder?: string;
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled default selected value. */
+    defaultValue?: string;
+    /** Called when the selection changes. */
+    onValueChange?: (value: string) => void;
+    /** Error message; shows destructive border and announces error. */
+    error?: string;
+    /** Optional label above the trigger field. */
+    label?: string;
+    /** Optional hint below the trigger field (hidden when error is set). */
+    hint?: string;
+    variant?: ComboBoxVariant;
+    size?: ComboBoxSize;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Style applied to the trigger field container. */
+    fieldStyle?: StyleProp<ViewStyle>;
+    /** Style applied to the dropdown container. */
+    dropdownStyle?: StyleProp<ViewStyle>;
+    /** Style applied to each option text. */
+    optionStyle?: StyleProp<TextStyle>;
+}
+//# sourceMappingURL=ComboBox.types.d.ts.map

package/dist/components/combobox/ComboBox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,CAAC;IAC1E,uBAAuB;IACvB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oDAAoD;IACpD,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,yCAAyC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACpC"}

package/dist/components/combobox/ComboBox.types.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * ANAN-UI — Component: ComboBox Types
+ *
+ * A combobox (select) with dropdown rendered in a Modal. Mirrors Input's
+ * variant/size/error API for the trigger field.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ComboBox.types.js.map

package/dist/components/combobox/ComboBox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.types.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}

package/dist/components/combobox/ComboBox.variants.d.ts

@@ -0,0 +1,22 @@
+/**
+ * ANAN-UI — Component: ComboBox Variants
+ *
+ * Variant/size style definitions for the trigger field, resolved against the
+ * active theme at render time.
+ */
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { Theme } from '../../theme/types';
+import type { ComboBoxVariant, ComboBoxSize } from './ComboBox.types';
+export interface ComboBoxFieldVariantEntry {
+    container: ViewStyle;
+    text: TextStyle;
+}
+export interface ComboBoxVariantsConfig {
+    variant: Record<ComboBoxVariant, ComboBoxFieldVariantEntry>;
+    size: Record<ComboBoxSize, ViewStyle>;
+    textSize: Record<ComboBoxSize, TextStyle>;
+    defaultVariant: ComboBoxVariant;
+    defaultSize: ComboBoxSize;
+}
+export declare function getComboBoxVariants(theme: Theme): ComboBoxVariantsConfig;
+//# sourceMappingURL=ComboBox.variants.d.ts.map

package/dist/components/combobox/ComboBox.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.variants.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGtE,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAC;IAC5D,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC1C,cAAc,EAAE,eAAe,CAAC;IAChC,WAAW,EAAE,YAAY,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,sBAAsB,CAwDxE"}

package/dist/components/combobox/ComboBox.variants.js

@@ -0,0 +1,68 @@
+"use strict";
+/**
+ * ANAN-UI — Component: ComboBox Variants
+ *
+ * Variant/size style definitions for the trigger field, resolved against the
+ * active theme at render time.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComboBoxVariants = getComboBoxVariants;
+const design_tokens_1 = require("../../design-tokens");
+function getComboBoxVariants(theme) {
+    return {
+        variant: {
+            outline: {
+                container: {
+                    borderWidth: 1,
+                    borderColor: theme.colors.border,
+                    backgroundColor: theme.colors.card,
+                },
+                text: { color: theme.colors.foreground },
+            },
+            filled: {
+                container: {
+                    borderWidth: 1,
+                    borderColor: 'transparent',
+                    backgroundColor: theme.colors.muted,
+                },
+                text: { color: theme.colors.foreground },
+            },
+            ghost: {
+                container: {
+                    borderWidth: 1,
+                    borderColor: 'transparent',
+                    backgroundColor: 'transparent',
+                },
+                text: { color: theme.colors.foreground },
+            },
+        },
+        size: {
+            sm: {
+                minHeight: 32,
+                paddingHorizontal: design_tokens_1.spacing[2],
+                paddingVertical: design_tokens_1.spacing[1],
+                borderRadius: design_tokens_1.borderRadius.md,
+            },
+            default: {
+                minHeight: 40,
+                paddingHorizontal: design_tokens_1.spacing[3],
+                paddingVertical: design_tokens_1.spacing[2],
+                borderRadius: design_tokens_1.borderRadius.md,
+            },
+            lg: {
+                minHeight: 48,
+                paddingHorizontal: design_tokens_1.spacing[4],
+                paddingVertical: design_tokens_1.spacing[3],
+                borderRadius: design_tokens_1.borderRadius.lg,
+            },
+        },
+        textSize: {
+            sm: { fontSize: theme.typography.fontSize.sm },
+            default: { fontSize: theme.typography.fontSize.base },
+            lg: { fontSize: theme.typography.fontSize.lg },
+        },
+        defaultVariant: 'outline',
+        defaultSize: 'default',
+    };
+}
+//# sourceMappingURL=ComboBox.variants.js.map

package/dist/components/combobox/ComboBox.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.variants.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboBox.variants.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAoBH,kDAwDC;AAvED,uDAA4D;AAe5D,SAAgB,mBAAmB,CAAC,KAAY;IAC9C,OAAO;QACL,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;oBAChC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;iBACnC;gBACD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;aACzC;YACD,MAAM,EAAE;gBACN,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,aAAa;oBAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;iBACpC;gBACD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;aACzC;YACD,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,aAAa;oBAC1B,eAAe,EAAE,aAAa;iBAC/B;gBACD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;aACzC;SACF;QACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;aAC9B;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;aAC9B;YACD,EAAE,EAAE;gBACF,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;gBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;aAC9B;SACF;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC9C,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE;YACrD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;SAC/C;QACD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;KACvB,CAAC;AACJ,CAAC"}

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ANAN-UI — Component: ComboBox Barrel Export
+ */
+export { ComboBox } from './ComboBox';
+export type { ComboBoxProps, ComboBoxVariant, ComboBoxSize, ComboBoxOption } from './ComboBox.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/combobox/index.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * ANAN-UI — Component: ComboBox Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBox = void 0;
+var ComboBox_1 = require("./ComboBox");
+Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return ComboBox_1.ComboBox; } });
+//# sourceMappingURL=index.js.map

package/dist/components/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,36 @@
+/**
+ * ANAN-UI — Component: Dialog
+ *
+ * A modal dialog with composable sub-components. Controlled via `open` /
+ * `onOpenChange`. Supports backdrop dismiss and Android hardware back.
+ *
+ * The content exposes `accessibilityViewIsModal` so screen readers trap
+ * focus within the dialog. The overlay is a semi-transparent backdrop that
+ * captures taps to dismiss when `dismissible` is true.
+ */
+import type { DialogProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogFooterProps, DialogCloseProps } from './Dialog.types';
+export declare function Dialog({ open, onOpenChange, dismissible, animationType, overlayColor, overlayOpacity, style, children, ...rest }: DialogProps): import("react").JSX.Element | null;
+export declare namespace Dialog {
+    var displayName: string;
+}
+export declare function DialogContent({ style, children, ...rest }: DialogContentProps): import("react").JSX.Element;
+export declare namespace DialogContent {
+    var displayName: string;
+}
+export declare function DialogTitle({ style, children, ...rest }: DialogTitleProps): import("react").JSX.Element;
+export declare namespace DialogTitle {
+    var displayName: string;
+}
+export declare function DialogDescription({ style, children, ...rest }: DialogDescriptionProps): import("react").JSX.Element;
+export declare namespace DialogDescription {
+    var displayName: string;
+}
+export declare function DialogFooter({ style, children, ...rest }: DialogFooterProps): import("react").JSX.Element;
+export declare namespace DialogFooter {
+    var displayName: string;
+}
+export declare function DialogClose({ label, style, ...rest }: DialogCloseProps): import("react").JSX.Element;
+export declare namespace DialogClose {
+    var displayName: string;
+}
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAeH,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAgBxB,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,WAAkB,EAClB,aAAsB,EACtB,YAAY,EACZ,cAAoB,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,sCA2Db;yBArEe,MAAM;;;AAyEtB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAMpB;yBAVe,aAAa;;;AAc7B,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAalB;yBAjBe,WAAW;;;AAqB3B,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,+BAWxB;yBAfe,iBAAiB;;;AAmBjC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAMnB;yBAVe,YAAY;;;AAc5B,wBAAgB,WAAW,CAAC,EAC1B,KAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA0BlB;yBA9Be,WAAW"}

package/dist/components/dialog/Dialog.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = Dialog;
+exports.DialogContent = DialogContent;
+exports.DialogTitle = DialogTitle;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogClose = DialogClose;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ANAN-UI — Component: Dialog
+ *
+ * A modal dialog with composable sub-components. Controlled via `open` /
+ * `onOpenChange`. Supports backdrop dismiss and Android hardware back.
+ *
+ * The content exposes `accessibilityViewIsModal` so screen readers trap
+ * focus within the dialog. The overlay is a semi-transparent backdrop that
+ * captures taps to dismiss when `dismissible` is true.
+ */
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const cn_1 = require("../../utils/cn");
+const Text_1 = require("../../primitives/Text");
+const Dialog_variants_1 = require("./Dialog.variants");
+const Dialog_styles_1 = require("./Dialog.styles");
+const DialogContext = (0, react_1.createContext)(null);
+function useDialogContext() {
+    const ctx = (0, react_1.useContext)(DialogContext);
+    if (ctx === null) {
+        throw new Error('Dialog sub-components must be used within a <Dialog>');
+    }
+    return ctx;
+}
+function Dialog({ open, onOpenChange, dismissible = true, animationType = 'fade', overlayColor, overlayOpacity = 0.5, style, children, ...rest }) {
+    const { theme } = (0, theme_1.useTheme)();
+    const { content: contentVariant, overlay: overlayVariant } = (0, Dialog_variants_1.getDialogVariants)(theme);
+    // Android hardware back dismiss
+    (0, react_1.useEffect)(() => {
+        if (!open || !dismissible)
+            return;
+        const sub = react_native_1.BackHandler.addEventListener('hardwareBackPress', () => {
+            onOpenChange(false);
+            return true;
+        });
+        return () => sub.remove();
+    }, [open, dismissible, onOpenChange]);
+    if (!open)
+        return null;
+    const backdropColor = overlayColor ?? `rgba(0, 0, 0, ${overlayOpacity})`;
+    const context = {
+        onClose: () => onOpenChange(false),
+    };
+    return ((0, jsx_runtime_1.jsx)(DialogContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, animationType: animationType, transparent: true, onRequestClose: dismissible ? () => onOpenChange(false) : undefined, supportedOrientations: [
+                'portrait',
+                'landscape-left',
+                'landscape-right',
+                'portrait-upside-down',
+            ], children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityElementsHidden: !open, importantForAccessibility: open ? 'auto' : 'no-hide-descendants', style: (0, cn_1.cn)(Dialog_styles_1.dialogStyles.overlay, overlayVariant, { backgroundColor: backdropColor }), children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: dismissible ? () => onOpenChange(false) : undefined, style: react_native_1.StyleSheet.absoluteFill, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" }), (0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityViewIsModal: true, ...rest, style: (0, cn_1.cn)(Dialog_styles_1.dialogStyles.content, contentVariant, style), children: children })] }) }) }));
+}
+Dialog.displayName = 'Dialog';
+function DialogContent({ style, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: style, children: children }));
+}
+DialogContent.displayName = 'DialogContent';
+function DialogTitle({ style, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "foreground", fontSize: "lg", fontWeight: "semibold", accessibilityRole: "header", ...rest, style: style, children: children }));
+}
+DialogTitle.displayName = 'DialogTitle';
+function DialogDescription({ style, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontSize: "sm", ...rest, style: style, children: children }));
+}
+DialogDescription.displayName = 'DialogDescription';
+function DialogFooter({ style, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Dialog_styles_1.dialogStyles.footer, style), children: children }));
+}
+DialogFooter.displayName = 'DialogFooter';
+function DialogClose({ label = 'Close', style, ...rest }) {
+    const { theme } = (0, theme_1.useTheme)();
+    const { onClose } = useDialogContext();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ...rest, onPress: onClose, accessibilityRole: "button", accessibilityLabel: label, hitSlop: 8, style: (0, cn_1.cn)(Dialog_styles_1.dialogStyles.closeButton, { backgroundColor: theme.colors.muted }, style), children: (0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontSize: "sm", fontWeight: "bold", children: '\u00D7' }) }));
+}
+DialogClose.displayName = 'DialogClose';
+//# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";;AA+CA,wBAqEC;AAID,sCAUC;AAID,kCAiBC;AAID,8CAeC;AAID,oCAUC;AAID,kCA8BC;;AA1ND;;;;;;;;;GASG;AAEH,iCAA6D;AAC7D,+CAMsB;AACtB,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,uDAAsD;AACtD,mDAA+C;AAc/C,MAAM,aAAa,GAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC,CAAC;AAErE,SAAS,gBAAgB;IACvB,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAC;IACtC,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,aAAa,GAAG,MAAM,EACtB,YAAY,EACZ,cAAc,GAAG,GAAG,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACK;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAA,mCAAiB,EAAC,KAAK,CAAC,CAAC;IAEtF,gCAAgC;IAChC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QAClC,MAAM,GAAG,GAAG,0BAAW,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,GAAG,EAAE;YACjE,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,aAAa,GAAG,YAAY,IAAI,iBAAiB,cAAc,GAAG,CAAC;IAEzE,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;KACnC,CAAC;IAEF,OAAO,CACL,uBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACpC,uBAAC,oBAAK,IACJ,OAAO,EAAE,IAAI,EACb,aAAa,EAAE,aAAa,EAC5B,WAAW,QACX,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EACnE,qBAAqB,EAAE;gBACrB,UAAU;gBACV,gBAAgB;gBAChB,iBAAiB;gBACjB,sBAAsB;aACvB,YAED,wBAAC,mBAAI,IACH,2BAA2B,EAAE,CAAC,IAAI,EAClC,yBAAyB,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,EAChE,KAAK,EAAE,IAAA,OAAE,EAAC,4BAAY,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,aAEnF,uBAAC,wBAAS,IACR,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,KAAK,EAAE,yBAAU,CAAC,YAAY,EAC9B,2BAA2B,QAC3B,yBAAyB,EAAC,qBAAqB,GAC/C,EAEF,uBAAC,mBAAI,IACH,wBAAwB,WACpB,IAAI,EACR,KAAK,EAAE,IAAA,OAAE,EAAC,4BAAY,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,YAErD,QAAQ,GACJ,IACF,GACD,GACe,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,SAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,OAAO,CACL,uBAAC,mBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,YACzB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACU;IACjB,OAAO,CACL,uBAAC,oBAAa,IACZ,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EACrB,iBAAiB,EAAC,QAAQ,KACtB,IAAI,EACR,KAAK,EAAE,KAAK,YAEX,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACgB;IACvB,OAAO,CACL,uBAAC,oBAAa,IACZ,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAC,IAAI,KACT,IAAI,EACR,KAAK,EAAE,KAAK,YAEX,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,SAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACW;IAClB,OAAO,CACL,uBAAC,mBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,IAAA,OAAE,EAAC,4BAAY,CAAC,MAAM,EAAE,KAAK,CAAC,YAClD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAgB,WAAW,CAAC,EAC1B,KAAK,GAAG,OAAO,EACf,KAAK,EACL,GAAG,IAAI,EACU;IACjB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvC,OAAO,CACL,uBAAC,wBAAS,OACJ,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,IAAA,OAAE,EACP,4BAAY,CAAC,WAAW,EACxB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EACvC,KAAK,CACN,YAED,uBAAC,oBAAa,IACZ,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,MAAM,YAEhB,QAAQ,GACK,GACN,CACb,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/dialog/Dialog.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ANAN-UI — Component: Dialog Styles
+ *
+ * Static styles created with StyleSheet.create. The content surface and
+ * shadows are resolved from the theme at render time via Dialog.variants.
+ */
+export declare const dialogStyles: any;
+//# sourceMappingURL=Dialog.styles.d.ts.map

package/dist/components/dialog/Dialog.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,YAAY,KAuCvB,CAAC"}

package/dist/components/dialog/Dialog.styles.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ * ANAN-UI — Component: Dialog Styles
+ *
+ * Static styles created with StyleSheet.create. The content surface and
+ * shadows are resolved from the theme at render time via Dialog.variants.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogStyles = void 0;
+const react_native_1 = require("react-native");
+const design_tokens_1 = require("../../design-tokens");
+exports.dialogStyles = react_native_1.StyleSheet.create({
+    overlay: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: design_tokens_1.spacing[4],
+    },
+    content: {
+        width: '100%',
+        maxWidth: 400,
+        borderRadius: design_tokens_1.borderRadius.lg,
+        overflow: 'hidden',
+    },
+    header: {
+        padding: design_tokens_1.spacing[5],
+        gap: design_tokens_1.spacing[1],
+    },
+    body: {
+        paddingHorizontal: design_tokens_1.spacing[5],
+        paddingBottom: design_tokens_1.spacing[4],
+    },
+    footer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+        gap: design_tokens_1.spacing[2],
+        padding: design_tokens_1.spacing[4],
+        paddingTop: 0,
+    },
+    closeButton: {
+        position: 'absolute',
+        top: design_tokens_1.spacing[3],
+        right: design_tokens_1.spacing[3],
+        width: 32,
+        height: 32,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 9999,
+    },
+});
+//# sourceMappingURL=Dialog.styles.js.map

package/dist/components/dialog/Dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA4D;AAE/C,QAAA,YAAY,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,OAAO,EAAE;QACP,GAAG,yBAAU,CAAC,kBAAkB;QAChC,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;KACpB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,4BAAY,CAAC,EAAE;QAC7B,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;QACnB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,IAAI,EAAE;QACJ,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC7B,aAAa,EAAE,uBAAO,CAAC,CAAC,CAAC;KAC1B;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;QAC1B,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;QACf,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;QACnB,UAAU,EAAE,CAAC;KACd;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;QACf,KAAK,EAAE,uBAAO,CAAC,CAAC,CAAC;QACjB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,IAAI;KACnB;CACF,CAAC,CAAC"}