@campxdev/react-native-blueprint 0.1.0

package/lib/module/components/ui/Toast.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import { cn } from "../../lib/utils.js";
+import { Text, TextClassContext } from "./Text.js";
+import { Icon } from "./Icon.js";
+import * as React from 'react';
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/**
+ * Toast notification component
+ *
+ * Displays temporary messages or notifications with optional icons.
+ * Supports default and destructive variants for different message types.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toast icon={CheckCircle}>
+ *   <ToastTitle>
+ *     <Text>Success</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Your changes have been saved</Text>
+ *   </ToastDescription>
+ * </Toast>
+ *
+ * <Toast variant="destructive" icon={AlertCircle}>
+ *   <ToastTitle>
+ *     <Text>Error</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Failed to save changes</Text>
+ *   </ToastDescription>
+ * </Toast>
+ * ```
+ *
+ * @accessibility
+ * - Announces messages to screen readers
+ * - Proper role for notifications
+ */
+function Toast({
+  className,
+  variant,
+  children,
+  icon,
+  iconClassName,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm text-foreground', variant === 'destructive' && 'text-destructive', className),
+    children: /*#__PURE__*/_jsxs(View, {
+      className: cn('bg-background border-border relative flex-row items-start gap-3 rounded-lg border p-4 shadow-lg shadow-black/10', variant === 'destructive' && 'border-destructive', className),
+      ...props,
+      children: [icon && /*#__PURE__*/_jsx(Icon, {
+        as: icon,
+        className: cn('size-5 shrink-0', variant === 'destructive' && 'text-destructive', iconClassName)
+      }), /*#__PURE__*/_jsx(View, {
+        className: "flex-1 gap-1",
+        children: children
+      })]
+    })
+  });
+}
+
+/**
+ * Toast title component
+ *
+ * @component
+ */
+function ToastTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn('font-semibold leading-none tracking-tight', className),
+    ...props
+  });
+}
+
+/**
+ * Toast description component
+ *
+ * @component
+ */
+function ToastDescription({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn('text-muted-foreground text-sm', textClass?.includes('text-destructive') && 'text-destructive/90', className),
+    ...props
+  });
+}
+export { Toast, ToastDescription, ToastTitle };
+//# sourceMappingURL=Toast.js.map

package/lib/module/components/ui/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cn","Text","TextClassContext","Icon","React","View","cssInterop","jsx","_jsx","jsxs","_jsxs","className","Toast","variant","children","icon","iconClassName","props","Provider","value","as","ToastTitle","ToastDescription","textClass","useContext","includes"],"sourceRoot":"../../../../src","sources":["components/ui/Toast.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,oBAAiB;AACpC,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,WAAQ;AAC/C,SAASC,IAAI,QAAQ,WAAQ;AAE7B,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExCJ,UAAU,CAACD,IAAI,EAAE;EAAEM,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,KAAKA,CAAC;EACbD,SAAS;EACTE,OAAO;EACPC,QAAQ;EACRC,IAAI;EACJC,aAAa;EACb,GAAGC;AAMH,CAAC,EAAE;EACH,oBACET,IAAA,CAACN,gBAAgB,CAACgB,QAAQ;IACxBC,KAAK,EAAEnB,EAAE,CACP,yBAAyB,EACzBa,OAAO,KAAK,aAAa,IAAI,kBAAkB,EAC/CF,SACF,CAAE;IAAAG,QAAA,eAEFJ,KAAA,CAACL,IAAI;MACHM,SAAS,EAAEX,EAAE,CACX,iHAAiH,EACjHa,OAAO,KAAK,aAAa,IAAI,oBAAoB,EACjDF,SACF,CAAE;MAAA,GACEM,KAAK;MAAAH,QAAA,GAERC,IAAI,iBACHP,IAAA,CAACL,IAAI;QACHiB,EAAE,EAAEL,IAAK;QACTJ,SAAS,EAAEX,EAAE,CACX,iBAAiB,EACjBa,OAAO,KAAK,aAAa,IAAI,kBAAkB,EAC/CG,aACF;MAAE,CACH,CACF,eACDR,IAAA,CAACH,IAAI;QAACM,SAAS,EAAC,cAAc;QAAAG,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC5C;EAAC,CACkB,CAAC;AAEhC;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASO,UAAUA,CAAC;EAClBV,SAAS;EACT,GAAGM;AAC0D,CAAC,EAAE;EAChE,oBACET,IAAA,CAACP,IAAI;IACHU,SAAS,EAAEX,EAAE,CAAC,2CAA2C,EAAEW,SAAS,CAAE;IAAA,GAClEM;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASK,gBAAgBA,CAAC;EACxBX,SAAS;EACT,GAAGM;AAC0D,CAAC,EAAE;EAChE,MAAMM,SAAS,GAAGnB,KAAK,CAACoB,UAAU,CAACtB,gBAAgB,CAAC;EACpD,oBACEM,IAAA,CAACP,IAAI;IACHU,SAAS,EAAEX,EAAE,CACX,+BAA+B,EAC/BuB,SAAS,EAAEE,QAAQ,CAAC,kBAAkB,CAAC,IAAI,qBAAqB,EAChEd,SACF,CAAE;IAAA,GACEM;EAAK,CACV,CAAC;AAEN;AAEA,SAASL,KAAK,EAAEU,gBAAgB,EAAED,UAAU","ignoreList":[]}

package/lib/module/components/ui/Toggle-Group.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import { Icon } from "./Icon.js";
+import { TextClassContext } from "./Text.js";
+import { toggleVariants } from "./Toggle.js";
+import { cn } from "../../lib/utils.js";
+import * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';
+import * as React from 'react';
+import { Platform } from 'react-native';
+
+/**
+ * Context for sharing variant and size props across toggle group items
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const ToggleGroupContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Toggle group component for grouping related toggle buttons
+ *
+ * Allows single or multiple selection among a set of toggle buttons.
+ * Supports both outline and default variants.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ToggleGroup type="single" value={alignment} onValueChange={setAlignment}>
+ *   <ToggleGroupItem value="left" isFirst>
+ *     <ToggleGroupIcon as={AlignLeft} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="center">
+ *     <ToggleGroupIcon as={AlignCenter} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="right" isLast>
+ *     <ToggleGroupIcon as={AlignRight} />
+ *   </ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA attributes for grouped toggles
+ * - Keyboard navigation support
+ */
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(ToggleGroupPrimitive.Root, {
+    className: cn('flex flex-row items-center rounded-md shadow-none', Platform.select({
+      web: 'w-fit'
+    }), variant === 'outline' && 'shadow-sm shadow-black/5', className),
+    ...props,
+    children: /*#__PURE__*/_jsx(ToggleGroupContext.Provider, {
+      value: {
+        variant,
+        size
+      },
+      children: children
+    })
+  });
+}
+
+/**
+ * Hook to access toggle group context
+ *
+ * @throws Error if used outside of ToggleGroup component
+ */
+function useToggleGroupContext() {
+  const context = React.useContext(ToggleGroupContext);
+  if (context === null) {
+    throw new Error('ToggleGroup compound components cannot be rendered outside the ToggleGroup component');
+  }
+  return context;
+}
+
+/**
+ * Individual toggle item within a toggle group
+ *
+ * @component
+ */
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  isFirst,
+  isLast,
+  ...props
+}) {
+  const context = useToggleGroupContext();
+  const {
+    value
+  } = ToggleGroupPrimitive.useRootContext();
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm text-foreground font-medium', ToggleGroupPrimitive.utils.getIsSelected(value, props.value) ? 'text-accent-foreground' : Platform.select({
+      web: 'group-hover:text-muted-foreground'
+    })),
+    children: /*#__PURE__*/_jsx(ToggleGroupPrimitive.Item, {
+      className: cn(toggleVariants({
+        variant: context.variant || variant,
+        size: context.size || size
+      }), props.disabled && 'opacity-50', ToggleGroupPrimitive.utils.getIsSelected(value, props.value) && 'bg-accent', 'min-w-0 shrink-0 rounded-none shadow-none', isFirst && 'rounded-l-md', isLast && 'rounded-r-md', (context.variant === 'outline' || variant === 'outline') && 'border-l-0', (context.variant === 'outline' || variant === 'outline') && isFirst && 'border-l', Platform.select({
+        web: 'flex-1 focus:z-10 focus-visible:z-10'
+      }), className),
+      ...props,
+      children: children
+    })
+  });
+}
+
+/**
+ * Icon component for use within toggle group items
+ *
+ * @component
+ */
+function ToggleGroupIcon({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  return /*#__PURE__*/_jsx(Icon, {
+    className: cn('size-4 shrink-0', textClass, className),
+    ...props
+  });
+}
+export { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };
+//# sourceMappingURL=Toggle-Group.js.map

package/lib/module/components/ui/Toggle-Group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","TextClassContext","toggleVariants","cn","ToggleGroupPrimitive","React","Platform","jsx","_jsx","ToggleGroupContext","createContext","ToggleGroup","className","variant","size","children","props","Root","select","web","Provider","value","useToggleGroupContext","context","useContext","Error","ToggleGroupItem","isFirst","isLast","useRootContext","utils","getIsSelected","Item","disabled","ToggleGroupIcon","textClass"],"sourceRoot":"../../../../src","sources":["components/ui/Toggle-Group.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/Toggle.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { Icon } from "./Icon.js";
+import { TextClassContext } from "./Text.js";
+import { cn } from "../../lib/utils.js";
+import * as TogglePrimitive from '@rn-primitives/toggle';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { Platform } from 'react-native';
+
+/**
+ * Toggle button style variants using class-variance-authority
+ *
+ * @variant default - Standard toggle with transparent background
+ * @variant outline - Toggle with border and background
+ *
+ * @size default - Standard size (40px/36px)
+ * @size sm - Small size (36px/32px)
+ * @size lg - Large size (44px/40px)
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const toggleVariants = cva(cn('active:bg-muted group flex flex-row items-center justify-center gap-2 rounded-md', Platform.select({
+  web: 'hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex cursor-default whitespace-nowrap outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:pointer-events-none [&_svg]:pointer-events-none'
+})), {
+  variants: {
+    variant: {
+      default: 'bg-transparent',
+      outline: cn('border-input active:bg-accent border bg-transparent shadow-sm shadow-black/5', Platform.select({
+        web: 'hover:bg-accent hover:text-accent-foreground'
+      }))
+    },
+    size: {
+      default: 'h-10 min-w-10 px-2.5 sm:h-9 sm:min-w-9 sm:px-2',
+      sm: 'h-9 min-w-9 px-2 sm:h-8 sm:min-w-8 sm:px-1.5',
+      lg: 'h-11 min-w-11 px-3 sm:h-10 sm:min-w-10 sm:px-2.5'
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+
+/**
+ * Toggle button component for on/off states
+ *
+ * A two-state button that can be toggled between pressed and unpressed states.
+ * Supports multiple variants and sizes.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toggle pressed={isBold} onPressedChange={setIsBold}>
+ *   <ToggleIcon as={Bold} />
+ *   <Text>Bold</Text>
+ * </Toggle>
+ *
+ * <Toggle variant="outline" size="sm">
+ *   <ToggleIcon as={Italic} />
+ * </Toggle>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA pressed state
+ * - Disabled state prevents interaction
+ * - Focus visible states on web
+ */
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm text-foreground font-medium', props.pressed ? 'text-accent-foreground' : Platform.select({
+      web: 'group-hover:text-muted-foreground'
+    }), className),
+    children: /*#__PURE__*/_jsx(TogglePrimitive.Root, {
+      className: cn(toggleVariants({
+        variant,
+        size
+      }), props.disabled && 'opacity-50', props.pressed && 'bg-accent', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Icon component for use within Toggle buttons
+ *
+ * Automatically inherits text styling from the toggle context.
+ *
+ * @component
+ */
+function ToggleIcon({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  return /*#__PURE__*/_jsx(Icon, {
+    className: cn('size-4 shrink-0', textClass, className),
+    ...props
+  });
+}
+export { Toggle, ToggleIcon, toggleVariants };
+//# sourceMappingURL=Toggle.js.map

package/lib/module/components/ui/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","TextClassContext","cn","TogglePrimitive","cva","React","Platform","jsx","_jsx","toggleVariants","select","web","variants","variant","default","outline","size","sm","lg","defaultVariants","Toggle","className","props","Provider","value","pressed","children","Root","disabled","ToggleIcon","textClass","useContext"],"sourceRoot":"../../../../src","sources":["components/ui/Toggle.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,gBAAgB,QAAQ,WAAQ;AACzC,SAASC,EAAE,QAAQ,oBAAiB;AACpC,OAAO,KAAKC,eAAe,MAAM,uBAAuB;AACxD,SAASC,GAAG,QAA2B,0BAA0B;AACjE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAC,GAAA,IAAAC,IAAA;AAUA,MAAMC,cAAc,GAAGL,GAAG,CACxBF,EAAE,CACA,kFAAkF,EAClFI,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE;AACP,CAAC,CACH,CAAC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,gBAAgB;MACzBC,OAAO,EAAEb,EAAE,CACT,8EAA8E,EAC9EI,QAAQ,CAACI,MAAM,CAAC;QACdC,GAAG,EAAE;MACP,CAAC,CACH;IACF,CAAC;IACDK,IAAI,EAAE;MACJF,OAAO,EAAE,gDAAgD;MACzDG,EAAE,EAAE,8CAA8C;MAClDC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,MAAMA,CAAC;EACdC,SAAS;EACTR,OAAO;EACPG,IAAI;EACJ,GAAGM;AAGwC,CAAC,EAAE;EAC9C,oBACEd,IAAA,CAACP,gBAAgB,CAACsB,QAAQ;IACxBC,KAAK,EAAEtB,EAAE,CACP,qCAAqC,EACrCoB,KAAK,CAACG,OAAO,GACT,wBAAwB,GACxBnB,QAAQ,CAACI,MAAM,CAAC;MAAEC,GAAG,EAAE;IAAoC,CAAC,CAAC,EACjEU,SACF,CAAE;IAAAK,QAAA,eAEFlB,IAAA,CAACL,eAAe,CAACwB,IAAI;MACnBN,SAAS,EAAEnB,EAAE,CACXO,cAAc,CAAC;QAAEI,OAAO;QAAEG;MAAK,CAAC,CAAC,EACjCM,KAAK,CAACM,QAAQ,IAAI,YAAY,EAC9BN,KAAK,CAACG,OAAO,IAAI,WAAW,EAC5BJ,SACF,CAAE;MAAA,GACEC;IAAK,CACV;EAAC,CACuB,CAAC;AAEhC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASO,UAAUA,CAAC;EAClBR,SAAS;EACT,GAAGC;AAC8B,CAAC,EAAE;EACpC,MAAMQ,SAAS,GAAGzB,KAAK,CAAC0B,UAAU,CAAC9B,gBAAgB,CAAC;EACpD,oBACEO,IAAA,CAACR,IAAI;IAACqB,SAAS,EAAEnB,EAAE,CAAC,iBAAiB,EAAE4B,SAAS,EAAET,SAAS,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE/E;AAEA,SAASF,MAAM,EAAES,UAAU,EAAEpB,cAAc","ignoreList":[]}

package/lib/module/components/ui/Tooltip.js

@@ -0,0 +1,106 @@
+"use strict";
+
+import { NativeOnlyAnimatedView } from "./Native-Only-Animated-View.js";
+import { TextClassContext } from "./Text.js";
+import { cn } from "../../lib/utils.js";
+import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import * as React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { FadeInDown, FadeInUp, FadeOut } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+
+/**
+ * Root tooltip component - provides context for trigger and content
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Tooltip>
+ *   <TooltipTrigger>
+ *     <Button variant="outline">
+ *       <Text>Hover me</Text>
+ *     </Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>
+ *     <Text>Helpful tooltip text</Text>
+ *   </TooltipContent>
+ * </Tooltip>
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Tooltip = TooltipPrimitive.Root;
+
+/**
+ * Trigger component that shows tooltip on hover/press
+ *
+ * @component
+ */
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+/**
+ * Full window overlay wrapper for iOS, Fragment for other platforms
+ */
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+
+/**
+ * Tooltip content component
+ *
+ * Displays helpful text in a small popup when hovering or pressing the trigger.
+ * Includes directional animations based on positioning.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TooltipContent side="top" sideOffset={8}>
+ *   <Text>Add to favorites</Text>
+ * </TooltipContent>
+ * ```
+ *
+ * @accessibility
+ * - Content is announced by screen readers
+ * - Proper ARIA attributes for tooltips
+ * - Dismissible on escape key (web)
+ */
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  portalHost,
+  side = 'top',
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TooltipPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(FullWindowOverlay, {
+      children: /*#__PURE__*/_jsx(TooltipPrimitive.Overlay, {
+        style: Platform.select({
+          native: StyleSheet.absoluteFill
+        }),
+        children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+          entering: side === 'top' ? FadeInDown.withInitialValues({
+            transform: [{
+              translateY: 3
+            }]
+          }).duration(150) : FadeInUp.withInitialValues({
+            transform: [{
+              translateY: -5
+            }]
+          }),
+          exiting: FadeOut,
+          children: /*#__PURE__*/_jsx(TextClassContext.Provider, {
+            value: "text-xs text-primary-foreground",
+            children: /*#__PURE__*/_jsx(TooltipPrimitive.Content, {
+              sideOffset: sideOffset,
+              className: cn('bg-primary z-50 rounded-md px-3 py-2 sm:py-1.5', Platform.select({
+                web: cn('animate-in fade-in-0 zoom-in-95 origin-(--radix-tooltip-content-transform-origin) w-fit text-balance', side === 'bottom' && 'slide-in-from-top-2', side === 'left' && 'slide-in-from-right-2', side === 'right' && 'slide-in-from-left-2', side === 'top' && 'slide-in-from-bottom-2')
+              }), className),
+              side: side,
+              ...props
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export { Tooltip, TooltipContent, TooltipTrigger };
+//# sourceMappingURL=Tooltip.js.map

package/lib/module/components/ui/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeOnlyAnimatedView","TextClassContext","cn","TooltipPrimitive","React","Platform","StyleSheet","FadeInDown","FadeInUp","FadeOut","FullWindowOverlay","RNFullWindowOverlay","jsx","_jsx","Tooltip","Root","TooltipTrigger","Trigger","OS","Fragment","TooltipContent","className","sideOffset","portalHost","side","props","Portal","hostName","children","Overlay","style","select","native","absoluteFill","entering","withInitialValues","transform","translateY","duration","exiting","Provider","value","Content","web"],"sourceRoot":"../../../../src","sources":["components/ui/Tooltip.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,gCAA6B;AACpE,SAASC,gBAAgB,QAAQ,WAAQ;AACzC,SAASC,EAAE,QAAQ,oBAAiB;AACpC,OAAO,KAAKC,gBAAgB,MAAM,wBAAwB;AAC1D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,yBAAyB;AACvE,SAASC,iBAAiB,IAAIC,mBAAmB,QAAQ,sBAAsB;;AAE/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjBA,SAAAC,GAAA,IAAAC,IAAA;AAkBA,MAAMC,OAAO,GAAGX,gBAAgB,CAACY,IAAI;;AAErC;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAGb,gBAAgB,CAACc,OAAO;;AAE/C;AACA;AACA;AACA,MAAMP,iBAAiB,GACrBL,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAGP,mBAAmB,GAAGP,KAAK,CAACe,QAAQ;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAAC;EACtBC,SAAS;EACTC,UAAU,GAAG,CAAC;EACdC,UAAU;EACVC,IAAI,GAAG,KAAK;EACZ,GAAGC;AAIH,CAAC,EAAE;EACH,oBACEZ,IAAA,CAACV,gBAAgB,CAACuB,MAAM;IAACC,QAAQ,EAAEJ,UAAW;IAAAK,QAAA,eAC5Cf,IAAA,CAACH,iBAAiB;MAAAkB,QAAA,eAChBf,IAAA,CAACV,gBAAgB,CAAC0B,OAAO;QACvBC,KAAK,EAAEzB,QAAQ,CAAC0B,MAAM,CAAC;UAAEC,MAAM,EAAE1B,UAAU,CAAC2B;QAAa,CAAC,CAAE;QAAAL,QAAA,eAE5Df,IAAA,CAACb,sBAAsB;UACrBkC,QAAQ,EACNV,IAAI,KAAK,KAAK,GACVjB,UAAU,CAAC4B,iBAAiB,CAAC;YAC3BC,SAAS,EAAE,CAAC;cAAEC,UAAU,EAAE;YAAE,CAAC;UAC/B,CAAC,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC,GAChB9B,QAAQ,CAAC2B,iBAAiB,CAAC;YACzBC,SAAS,EAAE,CAAC;cAAEC,UAAU,EAAE,CAAC;YAAE,CAAC;UAChC,CAAC,CACN;UACDE,OAAO,EAAE9B,OAAQ;UAAAmB,QAAA,eAEjBf,IAAA,CAACZ,gBAAgB,CAACuC,QAAQ;YAACC,KAAK,EAAC,iCAAiC;YAAAb,QAAA,eAChEf,IAAA,CAACV,gBAAgB,CAACuC,OAAO;cACvBpB,UAAU,EAAEA,UAAW;cACvBD,SAAS,EAAEnB,EAAE,CACX,gDAAgD,EAChDG,QAAQ,CAAC0B,MAAM,CAAC;gBACdY,GAAG,EAAEzC,EAAE,CACL,sGAAsG,EACtGsB,IAAI,KAAK,QAAQ,IAAI,qBAAqB,EAC1CA,IAAI,KAAK,MAAM,IAAI,uBAAuB,EAC1CA,IAAI,KAAK,OAAO,IAAI,sBAAsB,EAC1CA,IAAI,KAAK,KAAK,IAAI,wBACpB;cACF,CAAC,CAAC,EACFH,SACF,CAAE;cACFG,IAAI,EAAEA,IAAK;cAAA,GACPC;YAAK,CACV;UAAC,CACuB;QAAC,CACN;MAAC,CACD;IAAC,CACV;EAAC,CACG,CAAC;AAE9B;AAEA,SAASX,OAAO,EAAEM,cAAc,EAAEJ,cAAc","ignoreList":[]}

package/lib/module/components/ui/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+export * from "./Accordion.js";
+export * from "./Alert.js";
+export * from "./Alert-Dialog.js";
+export * from "./AppBar.js";
+export * from "./Aspect-Ratio.js";
+export * from "./Avatar.js";
+export * from "./Badge.js";
+export * from "./Bottom-Sheet.js";
+export * from "./Button.js";
+export * from "./Card.js";
+export * from "./Checkbox.js";
+export * from "./Collapsible.js";
+export * from "./Context-Menu.js";
+export * from "./Custom-Card.js";
+export * from "./Dialog.js";
+export * from "./Dropdown-Menu.js";
+export * from "./Floating-Action.js";
+export * from "./Greeting-Card.js";
+export * from "./Hover-Card.js";
+export * from "./Icon.js";
+export * from "./Input.js";
+export * from "./Label.js";
+export * from "./Menubar.js";
+export * from "./NavBar.js";
+export * from "./Popover.js";
+export * from "./Progress.js";
+export * from "./Radio-Group.js";
+export * from "./Select.js";
+export * from "./Separator.js";
+export * from "./SizedBox.js";
+export * from "./Skeleton.js";
+export * from "./Slider.js";
+export * from "./Switch.js";
+export * from "./Table.js";
+export * from "./Tabs.js";
+export * from "./Text.js";
+export * from "./Textarea.js";
+export * from "./Theme-Toggle.js";
+export * from "./Toast.js";
+export * from "./Toggle.js";
+export * from "./Toggle-Group.js";
+export * from "./Tooltip.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA,cAAc,gBAAa;AAC3B,cAAc,YAAS;AACvB,cAAc,mBAAgB;AAC9B,cAAc,aAAU;AACxB,cAAc,mBAAgB;AAC9B,cAAc,aAAU;AACxB,cAAc,YAAS;AACvB,cAAc,mBAAgB;AAC9B,cAAc,aAAU;AACxB,cAAc,WAAQ;AACtB,cAAc,eAAY;AAC1B,cAAc,kBAAe;AAC7B,cAAc,mBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,aAAU;AACxB,cAAc,oBAAiB;AAC/B,cAAc,sBAAmB;AACjC,cAAc,oBAAiB;AAC/B,cAAc,iBAAc;AAC5B,cAAc,WAAQ;AACtB,cAAc,YAAS;AACvB,cAAc,YAAS;AACvB,cAAc,cAAW;AACzB,cAAc,aAAU;AACxB,cAAc,cAAW;AACzB,cAAc,eAAY;AAC1B,cAAc,kBAAe;AAC7B,cAAc,aAAU;AACxB,cAAc,gBAAa;AAC3B,cAAc,eAAY;AAC1B,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,aAAU;AACxB,cAAc,YAAS;AACvB,cAAc,WAAQ;AACtB,cAAc,WAAQ;AACtB,cAAc,eAAY;AAC1B,cAAc,mBAAgB;AAC9B,cAAc,YAAS;AACvB,cAAc,aAAU;AACxB,cAAc,mBAAgB;AAC9B,cAAc,cAAW","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+// Export components
+export * from "./components/ui/index.js";
+
+// Export layout
+export { default as RootLayout } from "./app/_layout.js";
+
+// Export utilities
+export { cn } from "./lib/utils.js";
+export { THEME, NAV_THEME } from "./lib/theme.js";
+export { ThemeProvider, useTheme } from "./lib/ThemeProvider.js";
+
+// Corner radius utilities
+export { getRadiusForHeight, getRadiusForDimensions, getCustomRadius, RADIUS, RADIUS_PRESET, CORNER_SMOOTHING } from "./lib/cornerRadius.js";
+
+// Font configuration
+export { fonts } from "./lib/fonts.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","RootLayout","cn","THEME","NAV_THEME","ThemeProvider","useTheme","getRadiusForHeight","getRadiusForDimensions","getCustomRadius","RADIUS","RADIUS_PRESET","CORNER_SMOOTHING","fonts"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,0BAAiB;;AAE/B;AACA,SAASA,OAAO,IAAIC,UAAU,QAAQ,kBAAe;;AAErD;AACA,SAASC,EAAE,QAAQ,gBAAa;AAChC,SAASC,KAAK,EAAEC,SAAS,QAAQ,gBAAa;AAC9C,SAASC,aAAa,EAAEC,QAAQ,QAAQ,wBAAqB;;AAE7D;AACA,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,eAAe,EACfC,MAAM,EACNC,aAAa,EACbC,gBAAgB,QACX,uBAAoB;;AAE3B;AACA,SAASC,KAAK,QAAQ,gBAAa","ignoreList":[]}