@rnative/ui 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,48 @@
+/**
+ * ANAN-UI — Component: Dialog Types
+ *
+ * A modal dialog with composable sub-components (Title, Description, Footer,
+ * Close). Controlled via `open` / `onOpenChange`. Supports backdrop dismiss
+ * and Android hardware back.
+ */
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+export type DialogAnimation = 'fade' | 'slide' | 'none';
+export interface DialogProps extends Omit<ViewProps, 'style' | 'onChange'> {
+    /** Controlled open state. */
+    open: boolean;
+    /** Called when the dialog should close. */
+    onOpenChange: (open: boolean) => void;
+    /** Allows closing via backdrop press or Android back. Defaults to `true`. */
+    dismissible?: boolean;
+    /** Animation type. Defaults to `fade`. */
+    animationType?: DialogAnimation;
+    /** Optional overlay color for the backdrop. */
+    overlayColor?: string;
+    /** Optional overlay opacity (0-1). Defaults to 0.5. */
+    overlayOpacity?: number;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export interface DialogContentProps extends Omit<ViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export interface DialogTitleProps extends Omit<ViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export interface DialogDescriptionProps extends Omit<ViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export interface DialogFooterProps extends Omit<ViewProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+export interface DialogCloseProps extends Omit<ViewProps, 'style'> {
+    /** Accessible label for the close button. Defaults to "Close". */
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=Dialog.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,CAAC;IACxE,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,6EAA6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

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

@@ -0,0 +1,10 @@
+"use strict";
+/**
+ * ANAN-UI — Component: Dialog Types
+ *
+ * A modal dialog with composable sub-components (Title, Description, Footer,
+ * Close). Controlled via `open` / `onOpenChange`. Supports backdrop dismiss
+ * and Android hardware back.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Dialog.types.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * ANAN-UI — Component: Dialog Variants
+ *
+ * Content surface style resolved against the active theme at render time.
+ */
+import type { ViewStyle } from 'react-native';
+import type { Theme } from '../../theme/types';
+export interface DialogVariantConfig {
+    content: ViewStyle;
+    overlay: ViewStyle;
+}
+export declare function getDialogVariants(theme: Theme): DialogVariantConfig;
+//# sourceMappingURL=Dialog.variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.variants.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB,CASnE"}

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

@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * ANAN-UI — Component: Dialog Variants
+ *
+ * Content surface style resolved against the active theme at render time.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDialogVariants = getDialogVariants;
+function getDialogVariants(theme) {
+    return {
+        content: {
+            backgroundColor: theme.colors.card,
+        },
+        overlay: {
+            backgroundColor: theme.colors.background,
+        },
+    };
+}
+//# sourceMappingURL=Dialog.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.variants.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.variants.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAUH,8CASC;AATD,SAAgB,iBAAiB,CAAC,KAAY;IAC5C,OAAO;QACL,OAAO,EAAE;YACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACnC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;SACzC;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * ANAN-UI — Component: Dialog Barrel Export
+ */
+export { Dialog, DialogContent, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './Dialog';
+export type { DialogProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogFooterProps, DialogCloseProps, } from './Dialog.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

package/dist/components/dialog/index.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * ANAN-UI — Component: Dialog Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogClose = exports.DialogFooter = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.Dialog = void 0;
+var Dialog_1 = require("./Dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return Dialog_1.DialogContent; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return Dialog_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return Dialog_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return Dialog_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return Dialog_1.DialogClose; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,mCAOkB;AANhB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,2GAAA,iBAAiB,OAAA;AACjB,sGAAA,YAAY,OAAA;AACZ,qGAAA,WAAW,OAAA"}

package/dist/components/fab/FAB.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ANAN-UI — Component: FAB
+ *
+ * A floating action button with variant/size/position support. When `fixed`
+ * (default), it positions itself at a screen corner. Exposes
+ * `accessibilityRole="button"` with ≥48dp hit targets. Themed shadow
+ * elevates the FAB.
+ */
+import type { FABProps } from './FAB.types';
+export declare function FAB({ children, variant: variantProp, size: sizeProp, position, disabled, fixed, style, ...rest }: FABProps): import("react").JSX.Element;
+export declare namespace FAB {
+    var displayName: string;
+}
+//# sourceMappingURL=FAB.d.ts.map

package/dist/components/fab/FAB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/fab/FAB.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,KAAK,EAAE,QAAQ,EAAoC,MAAM,aAAa,CAAC;AAsB9E,wBAAgB,GAAG,CAAC,EAClB,QAAc,EACd,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAyB,EACzB,QAAgB,EAChB,KAAY,EACZ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,QAAQ,+BAmCV;yBA5Ce,GAAG"}

package/dist/components/fab/FAB.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAB = FAB;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ANAN-UI — Component: FAB
+ *
+ * A floating action button with variant/size/position support. When `fixed`
+ * (default), it positions itself at a screen corner. Exposes
+ * `accessibilityRole="button"` with ≥48dp hit targets. Themed shadow
+ * elevates the FAB.
+ */
+const theme_1 = require("../../theme");
+const cn_1 = require("../../utils/cn");
+const Pressable_1 = require("../../primitives/Pressable");
+const Text_1 = require("../../primitives/Text");
+const FAB_variants_1 = require("./FAB.variants");
+const FAB_styles_1 = require("./FAB.styles");
+function toStyleKey(position) {
+    switch (position) {
+        case 'top-left':
+            return 'topLeft';
+        case 'top-right':
+            return 'topRight';
+        case 'bottom-left':
+            return 'bottomLeft';
+        case 'bottom-right':
+            return 'bottomRight';
+    }
+}
+const glyphSize = {
+    sm: 'base',
+    default: 'lg',
+    lg: 'xl',
+};
+function FAB({ children = '+', variant: variantProp, size: sizeProp, position = 'bottom-right', disabled = false, fixed = true, style, ...rest }) {
+    const { theme } = (0, theme_1.useTheme)();
+    const { variant, defaultVariant, defaultSize } = (0, FAB_variants_1.getFABVariants)(theme);
+    const variantKey = variantProp ?? defaultVariant;
+    const sizeKey = sizeProp ?? defaultSize;
+    const entry = variant[variantKey];
+    const positionStyle = fixed ? FAB_styles_1.fabStyles[toStyleKey(position)] : undefined;
+    return ((0, jsx_runtime_1.jsx)(Pressable_1.PressablePrimitive, { ...rest, disabled: disabled, accessibilityRole: "button", accessibilityState: { disabled }, style: (0, cn_1.cn)(FAB_styles_1.fabStyles.root, FAB_styles_1.fabStyles[sizeKey], entry.container, (0, FAB_variants_1.getFABShadow)(), positionStyle, disabled && { opacity: 0.5 }, style), hitSlop: 12, children: (0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: entry.textColor, fontSize: glyphSize[sizeKey], fontWeight: "bold", children: children }) }));
+}
+FAB.displayName = 'FAB';
+//# sourceMappingURL=FAB.js.map

package/dist/components/fab/FAB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.js","sourceRoot":"","sources":["../../../src/components/fab/FAB.tsx"],"names":[],"mappings":";;AAqCA,kBA4CC;;AAjFD;;;;;;;GAOG;AAEH,uCAAuC;AACvC,uCAAoC;AACpC,0DAAgE;AAChE,gDAAsD;AACtD,iDAA8D;AAC9D,6CAAyC;AAIzC,SAAS,UAAU,CAAC,QAAqB;IACvC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,KAAK,WAAW;YACd,OAAO,UAAU,CAAC;QACpB,KAAK,aAAa;YAChB,OAAO,YAAY,CAAC;QACtB,KAAK,cAAc;YACjB,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAA8B;IAC3C,EAAE,EAAE,MAAM;IACV,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,SAAgB,GAAG,CAAC,EAClB,QAAQ,GAAG,GAAG,EACd,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAQ,GAAG,cAAc,EACzB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,GAAG,IAAI,EACE;IACT,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,IAAA,6BAAc,EAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAe,WAAW,IAAI,cAAc,CAAC;IAC7D,MAAM,OAAO,GAAY,QAAQ,IAAI,WAAW,CAAC;IAEjD,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,sBAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACL,uBAAC,8BAAkB,OACb,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,KAAK,EAAE,IAAA,OAAE,EACP,sBAAS,CAAC,IAAI,EACd,sBAAS,CAAC,OAAO,CAAC,EAClB,KAAK,CAAC,SAAS,EACf,IAAA,2BAAY,GAAE,EACd,aAAa,EACb,QAAQ,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAC5B,KAAK,CACN,EACD,OAAO,EAAE,EAAE,YAEX,uBAAC,oBAAa,IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,EAC5B,UAAU,EAAC,MAAM,YAEhB,QAAQ,GACK,GACG,CACtB,CAAC;AACJ,CAAC;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/components/fab/FAB.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * ANAN-UI — Component: FAB Styles
+ *
+ * Static styles created with StyleSheet.create. Positioning for fixed FABs
+ * and base sizing; colors/shadows are resolved from the theme at render time.
+ */
+export declare const fabStyles: any;
+//# sourceMappingURL=FAB.styles.d.ts.map

package/dist/components/fab/FAB.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.styles.d.ts","sourceRoot":"","sources":["../../../src/components/fab/FAB.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,SAAS,KAuCpB,CAAC"}

package/dist/components/fab/FAB.styles.js

@@ -0,0 +1,51 @@
+"use strict";
+/**
+ * ANAN-UI — Component: FAB Styles
+ *
+ * Static styles created with StyleSheet.create. Positioning for fixed FABs
+ * and base sizing; colors/shadows are resolved from the theme at render time.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fabStyles = void 0;
+const react_native_1 = require("react-native");
+exports.fabStyles = react_native_1.StyleSheet.create({
+    root: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 9999,
+    },
+    fixed: {
+        position: 'absolute',
+        right: 16,
+        bottom: 16,
+    },
+    topLeft: {
+        top: 16,
+        left: 16,
+    },
+    topRight: {
+        top: 16,
+        right: 16,
+    },
+    bottomLeft: {
+        bottom: 16,
+        left: 16,
+    },
+    bottomRight: {
+        bottom: 16,
+        right: 16,
+    },
+    sm: {
+        width: 40,
+        height: 40,
+    },
+    default: {
+        width: 56,
+        height: 56,
+    },
+    lg: {
+        width: 72,
+        height: 72,
+    },
+});
+//# sourceMappingURL=FAB.styles.js.map

package/dist/components/fab/FAB.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.styles.js","sourceRoot":"","sources":["../../../src/components/fab/FAB.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAE7B,QAAA,SAAS,GAAG,yBAAU,CAAC,MAAM,CAAC;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,IAAI;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;KACT;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;KACV;IACD,UAAU,EAAE;QACV,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;KACT;IACD,WAAW,EAAE;QACX,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC"}

package/dist/components/fab/FAB.types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ANAN-UI — Component: FAB Types
+ *
+ * A floating action button with variant/size/position support.
+ */
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+export type FABVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+export type FABSize = 'sm' | 'default' | 'lg';
+export type FABPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface FABProps extends Omit<PressableProps, 'style'> {
+    /** FAB content (icon or text). Defaults to "+". */
+    children?: ReactNode;
+    variant?: FABVariant;
+    size?: FABSize;
+    /** Position when used as a fixed overlay. Defaults to `bottom-right`. */
+    position?: FABPosition;
+    disabled?: boolean;
+    /** Whether the FAB is fixed to the screen edges. Defaults to `true`. */
+    fixed?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=FAB.types.d.ts.map

package/dist/components/fab/FAB.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.types.d.ts","sourceRoot":"","sources":["../../../src/components/fab/FAB.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;AAE7E,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC7D,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yEAAyE;IACzE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}

package/dist/components/fab/FAB.types.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * ANAN-UI — Component: FAB Types
+ *
+ * A floating action button with variant/size/position support.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FAB.types.js.map

package/dist/components/fab/FAB.types.js.map

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

package/dist/components/fab/FAB.variants.d.ts

@@ -0,0 +1,48 @@
+/**
+ * ANAN-UI — Component: FAB Variants
+ *
+ * Variant surface colors and text color roles resolved against the active
+ * theme at render time, plus the themed elevation shadow.
+ */
+import type { ViewStyle } from 'react-native';
+import type { Theme, ThemeColors } from '../../theme/types';
+import type { FABVariant, FABSize } from './FAB.types';
+export interface FABVariantEntry {
+    container: ViewStyle;
+    textColor: keyof ThemeColors;
+}
+export interface FABVariantConfig {
+    variant: Record<FABVariant, FABVariantEntry>;
+    defaultVariant: FABVariant;
+    defaultSize: FABSize;
+}
+export declare function getFABVariants(theme: Theme): FABVariantConfig;
+export declare function getFABShadow(): {
+    elevation: 16 | 1 | 4 | 8 | 2;
+    shadowColor?: undefined;
+    shadowOffset?: undefined;
+    shadowOpacity?: undefined;
+    shadowRadius?: undefined;
+} | {
+    shadowColor: "#000";
+    shadowOffset: {
+        readonly width: 0;
+        readonly height: 1;
+    } | {
+        readonly width: 0;
+        readonly height: 1;
+    } | {
+        readonly width: 0;
+        readonly height: 2;
+    } | {
+        readonly width: 0;
+        readonly height: 4;
+    } | {
+        readonly width: 0;
+        readonly height: 8;
+    };
+    shadowOpacity: 0.05 | 0.1 | 0.15 | 0.2;
+    shadowRadius: 12 | 4 | 6 | 2;
+    elevation: 16 | 1 | 4 | 8 | 2;
+};
+//# sourceMappingURL=FAB.variants.d.ts.map

package/dist/components/fab/FAB.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.variants.d.ts","sourceRoot":"","sources":["../../../src/components/fab/FAB.variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,WAAW,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;IAC7C,cAAc,EAAE,UAAU,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,gBAAgB,CA2B7D;AAED,wBAAgB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE3B"}

package/dist/components/fab/FAB.variants.js

@@ -0,0 +1,43 @@
+"use strict";
+/**
+ * ANAN-UI — Component: FAB Variants
+ *
+ * Variant surface colors and text color roles resolved against the active
+ * theme at render time, plus the themed elevation shadow.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFABVariants = getFABVariants;
+exports.getFABShadow = getFABShadow;
+const design_tokens_1 = require("../../design-tokens");
+function getFABVariants(theme) {
+    return {
+        variant: {
+            default: {
+                container: { backgroundColor: theme.colors.primary },
+                textColor: 'primaryForeground',
+            },
+            secondary: {
+                container: { backgroundColor: theme.colors.secondary },
+                textColor: 'secondaryForeground',
+            },
+            outline: {
+                container: {
+                    backgroundColor: 'transparent',
+                    borderWidth: 1,
+                    borderColor: theme.colors.primary,
+                },
+                textColor: 'primary',
+            },
+            destructive: {
+                container: { backgroundColor: theme.colors.destructive },
+                textColor: 'destructiveForeground',
+            },
+        },
+        defaultVariant: 'default',
+        defaultSize: 'default',
+    };
+}
+function getFABShadow() {
+    return (0, design_tokens_1.resolveShadow)('md');
+}
+//# sourceMappingURL=FAB.variants.js.map

package/dist/components/fab/FAB.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.variants.js","sourceRoot":"","sources":["../../../src/components/fab/FAB.variants.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAkBH,wCA2BC;AAED,oCAEC;AA5CD,uDAAoD;AAapD,SAAgB,cAAc,CAAC,KAAY;IACzC,OAAO;QACL,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;gBACpD,SAAS,EAAE,mBAAmB;aAC/B;YACD,SAAS,EAAE;gBACT,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;gBACtD,SAAS,EAAE,qBAAqB;aACjC;YACD,OAAO,EAAE;gBACP,SAAS,EAAE;oBACT,eAAe,EAAE,aAAa;oBAC9B,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;iBAClC;gBACD,SAAS,EAAE,SAAS;aACrB;YACD,WAAW,EAAE;gBACX,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;gBACxD,SAAS,EAAE,uBAAuB;aACnC;SACF;QACD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;KACvB,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY;IAC1B,OAAO,IAAA,6BAAa,EAAC,IAAI,CAAC,CAAC;AAC7B,CAAC"}

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

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

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

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

package/dist/components/fab/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/fab/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * ANAN-UI — Components: Barrel Export
+ */
+export { Button } from './button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './button/Button.types';
+export { Text } from './text';
+export type { TextProps, TextVariant } from './text/Text.types';
+export { Input } from './input';
+export type { InputProps, InputVariant, InputSize } from './input/Input.types';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './card';
+export type { CardProps, CardPartProps, CardTextPartProps, CardVariant, } from './card/Card.types';
+export { Separator } from './separator';
+export type { SeparatorProps, SeparatorOrientation, SeparatorVariant, } from './separator/Separator.types';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './accordion';
+export type { AccordionProps, AccordionType, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './accordion/Accordion.types';
+export { Alert } from './alert';
+export type { AlertProps, AlertVariant } from './alert/Alert.types';
+export { Avatar } from './avatar';
+export type { AvatarProps, AvatarSize, AvatarVariant } from './avatar/Avatar.types';
+export { Badge } from './badge';
+export type { BadgeProps, BadgeVariant, BadgeSize } from './badge/Badge.types';
+export { CheckBox } from './checkbox';
+export type { CheckBoxProps, CheckBoxSize } from './checkbox/CheckBox.types';
+export { ComboBox } from './combobox';
+export type { ComboBoxProps, ComboBoxVariant, ComboBoxSize, ComboBoxOption, } from './combobox/ComboBox.types';
+export { Dialog, DialogContent, DialogTitle, DialogDescription, DialogFooter, DialogClose, } from './dialog';
+export type { DialogProps, DialogContentProps, DialogTitleProps, DialogDescriptionProps, DialogFooterProps, DialogCloseProps, } from './dialog/Dialog.types';
+export { FAB } from './fab';
+export type { FABProps, FABVariant, FABSize, FABPosition } from './fab/FAB.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEpF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpF,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,eAAe,EACf,YAAY,EACZ,cAAc,GACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,46 @@
+"use strict";
+/**
+ * ANAN-UI — Components: Barrel Export
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAB = exports.DialogClose = exports.DialogFooter = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.Dialog = exports.ComboBox = exports.CheckBox = exports.Badge = exports.Avatar = exports.Alert = exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = exports.Separator = exports.CardFooter = exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardHeader = exports.Card = exports.Input = exports.Text = exports.Button = void 0;
+var button_1 = require("./button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+var text_1 = require("./text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
+var input_1 = require("./input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+var card_1 = require("./card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return card_1.CardHeader; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return card_1.CardTitle; } });
+Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return card_1.CardDescription; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return card_1.CardContent; } });
+Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return card_1.CardFooter; } });
+var separator_1 = require("./separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return separator_1.Separator; } });
+var accordion_1 = require("./accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
+Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return accordion_1.AccordionTrigger; } });
+Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return accordion_1.AccordionContent; } });
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+var badge_1 = require("./badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return checkbox_1.CheckBox; } });
+var combobox_1 = require("./combobox");
+Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return combobox_1.ComboBox; } });
+var dialog_1 = require("./dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_1.DialogContent; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return dialog_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return dialog_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return dialog_1.DialogClose; } });
+var fab_1 = require("./fab");
+Object.defineProperty(exports, "FAB", { enumerable: true, get: function () { return fab_1.FAB; } });
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAGf,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAGb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,+BAOgB;AANd,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,uGAAA,eAAe,OAAA;AACf,mGAAA,WAAW,OAAA;AACX,kGAAA,UAAU,OAAA;AASZ,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAOlB,yCAKqB;AAJnB,sGAAA,SAAS,OAAA;AACT,0GAAA,aAAa,OAAA;AACb,6GAAA,gBAAgB,OAAA;AAChB,6GAAA,gBAAgB,OAAA;AAUlB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAGf,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AAGd,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAGjB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAQjB,mCAOkB;AANhB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,2GAAA,iBAAiB,OAAA;AACjB,sGAAA,YAAY,OAAA;AACZ,qGAAA,WAAW,OAAA;AAWb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/components/input/Input.d.ts

@@ -0,0 +1,17 @@
+/**
+ * ANAN-UI — Component: Input
+ *
+ * A labeled text input with variant/size support, focus and error states, and
+ * full accessibility. Built on React Native's TextInput.
+ *
+ * The border reflects focus (ring) and error (destructive) states. The label
+ * doubles as the accessibility label when none is provided, and errors are
+ * announced to screen readers via `accessibilityHint`.
+ */
+import type { InputProps, InputVariant, InputSize } from './Input.types';
+export declare function Input({ label, hint, error, variant: variantProp, size: sizeProp, disabled, style, inputStyle, onFocus, onBlur, editable, accessibilityLabel, accessibilityHint, ...rest }: InputProps): import("react").JSX.Element;
+export declare namespace Input {
+    var displayName: string;
+}
+export type { InputProps, InputVariant, InputSize };
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAUH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEzE,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,UAAU,+BA0FZ;yBAzGe,KAAK;;;AAqHrB,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/input/Input.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ANAN-UI — Component: Input
+ *
+ * A labeled text input with variant/size support, focus and error states, and
+ * full accessibility. Built on React Native's TextInput.
+ *
+ * The border reflects focus (ring) and error (destructive) states. The label
+ * doubles as the accessibility label when none is provided, and errors are
+ * announced to screen readers via `accessibilityHint`.
+ */
+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 Input_variants_1 = require("./Input.variants");
+const Input_styles_1 = require("./Input.styles");
+function Input({ label, hint, error, variant: variantProp, size: sizeProp, disabled = false, style, inputStyle, onFocus, onBlur, editable, accessibilityLabel, accessibilityHint, ...rest }) {
+    const { theme } = (0, theme_1.useTheme)();
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const { variants, text, defaultVariants } = (0, Input_variants_1.getInputVariants)(theme);
+    const variant = variantProp ?? defaultVariants.variant;
+    const size = sizeProp ?? defaultVariants.size;
+    const hasError = error !== undefined && error.length > 0;
+    // Base border color from the variant (transparent for filled/ghost).
+    const baseBorder = variants.variant[variant].borderColor ?? 'transparent';
+    // Border reflects error > focus > base variant.
+    const borderColor = hasError
+        ? theme.colors.destructive
+        : focused
+            ? theme.colors.ring
+            : baseBorder;
+    const handleFocus = (e) => {
+        setFocused(true);
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        setFocused(false);
+        onBlur?.(e);
+    };
+    const fieldStyle = (0, cn_1.cn)(Input_styles_1.inputStyles.field, variants.variant[variant], variants.size[size], { borderColor }, disabled && { opacity: 0.5 }, style);
+    const resolvedInputStyle = (0, cn_1.cn)(styles.input, text[size], { color: disabled ? theme.colors.mutedForeground : theme.colors.foreground }, inputStyle);
+    const message = hasError ? error : hint;
+    const messageColor = hasError ? 'destructive' : 'mutedForeground';
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: Input_styles_1.inputStyles.container, children: [label !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: disabled ? 'mutedForeground' : 'foreground', fontSize: "sm", fontWeight: "medium", style: Input_styles_1.inputStyles.label, accessibilityRole: "text", children: label })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: fieldStyle, children: (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ...rest, editable: editable !== undefined ? editable : !disabled, onFocus: handleFocus, onBlur: handleBlur, placeholderTextColor: theme.colors.mutedForeground, accessibilityLabel: accessibilityLabel ?? label, accessibilityHint: accessibilityHint ?? (hasError ? error : undefined), accessibilityState: { disabled }, style: resolvedInputStyle }) }), message !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: messageColor, fontSize: "sm", style: Input_styles_1.inputStyles.message, accessibilityRole: hasError ? 'alert' : 'text', children: message }))] }));
+}
+Input.displayName = 'Input';
+const styles = react_native_1.StyleSheet.create({
+    input: {
+        padding: 0,
+        borderWidth: 0,
+        backgroundColor: 'transparent',
+    },
+});
+//# sourceMappingURL=Input.js.map