@campxdev/react-native-blueprint 0.1.0

package/lib/module/components/theme-config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["THEME_COLORS","light","background","foreground","card","cardForeground","popover","popoverForeground","primary","primaryForeground","secondary","secondaryForeground","muted","mutedForeground","accent","accentForeground","destructive","destructiveForeground","border","input","ring","success","successForeground","warning","warningForeground","info","infoForeground","dark","hslToRgb","hsl","match","h","parseInt","s","parseFloat","l","r","g","b","hue2rgb","p","q","t","toHex","x","hex","Math","round","toString","length","getThemeColorValue","colorKey","isDark","asRgb","color","DARK_MODE_CLASSES","text","default","state","hover","active","focus","disabled","withDarkMode","baseClass","darkClass","additionalClasses","filter","Boolean","join","THEME_PRESETS","buttonPrimary","buttonSecondary","buttonOutline","buttonGhost","getNativeThemeColors","isValidThemeColor","key"],"sourceRoot":"../../../src","sources":["components/theme-config.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,228 @@
+"use strict";
+
+import * as AccordionPrimitive from '@rn-primitives/accordion';
+import { ChevronDown } from 'lucide-react-native';
+import { cssInterop } from 'nativewind';
+import { Platform, Pressable, View } from 'react-native';
+import Animated, { FadeOutUp, LayoutAnimationConfig, LinearTransition, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
+import { cn } from "../../lib/utils.js";
+import { Icon } from "./Icon.js";
+import { TextClassContext } from "./Text.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(Pressable, {
+  className: 'style'
+});
+
+/**
+ * Root accordion container with smooth animations
+ *
+ * A vertically stacked set of interactive panels where only one or multiple panels can be expanded at a time.
+ * Features smooth layout animations using Reanimated for a polished user experience.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Single selection
+ * <Accordion type="single" collapsible defaultValue="item-1">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>
+ *       <Text>Question 1</Text>
+ *     </AccordionTrigger>
+ *     <AccordionContent>
+ *       <Text>Answer 1</Text>
+ *     </AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ *
+ * // Multiple selection
+ * <Accordion type="multiple">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger><Text>Section 1</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 1</Text></AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item-2">
+ *     <AccordionTrigger><Text>Section 2</Text></AccordionTrigger>
+ *     <AccordionContent><Text>Content 2</Text></AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * @accessibility
+ * - Implements WAI-ARIA accordion pattern
+ * - Keyboard navigation with arrow keys and Enter/Space
+ * - Proper ARIA attributes for expanded/collapsed states
+ */
+function Accordion({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(LayoutAnimationConfig, {
+    skipEntering: true,
+    children: /*#__PURE__*/_jsx(AccordionPrimitive.Root, {
+      ...props,
+      asChild: Platform.OS !== 'web',
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        layout: LinearTransition.duration(200),
+        children: children
+      })
+    })
+  });
+}
+
+/**
+ * Individual accordion item with border styling
+ *
+ * Contains a trigger and content section. Each item must have a unique value prop
+ * for identification within the parent Accordion.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionItem value="item-1">
+ *   <AccordionTrigger>
+ *     <Text>Click to expand</Text>
+ *   </AccordionTrigger>
+ *   <AccordionContent>
+ *     <Text>Hidden content revealed on expansion</Text>
+ *   </AccordionContent>
+ * </AccordionItem>
+ * ```
+ */
+function AccordionItem({
+  children,
+  className,
+  value,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(AccordionPrimitive.Item, {
+    className: cn('border-border border-b', Platform.select({
+      web: 'last:border-b-0'
+    }), className),
+    value: value,
+    asChild: true,
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      className: "native:overflow-hidden",
+      layout: Platform.select({
+        native: LinearTransition.duration(200)
+      }),
+      children: children
+    })
+  });
+}
+const Trigger = Platform.OS === 'web' ? View : Pressable;
+
+/**
+ * Clickable trigger button that toggles accordion item expansion
+ *
+ * Features an animated chevron icon that rotates based on expansion state.
+ * Automatically manages focus states and hover effects on web.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   <Text>Click to toggle</Text>
+ * </AccordionTrigger>
+ * ```
+ *
+ * @accessibility
+ * - Automatically includes chevron icon for visual expansion indicator
+ * - Focus visible states for keyboard navigation on web
+ * - Disabled state prevents interaction
+ */
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    isExpanded
+  } = AccordionPrimitive.useItemContext();
+  const progress = useDerivedValue(() => isExpanded ? withTiming(1, {
+    duration: 250
+  }) : withTiming(0, {
+    duration: 200
+  }), [isExpanded]);
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }), [progress]);
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-foreground text-left text-sm font-medium', Platform.select({
+      web: 'group-hover:underline'
+    })),
+    children: /*#__PURE__*/_jsx(AccordionPrimitive.Header, {
+      children: /*#__PURE__*/_jsx(AccordionPrimitive.Trigger, {
+        ...props,
+        asChild: true,
+        children: /*#__PURE__*/_jsxs(Trigger, {
+          className: cn('flex-row items-start justify-between gap-4 rounded-md py-4 disabled:opacity-50', Platform.select({
+            web: 'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none [&[data-state=open]>svg]:rotate-180'
+          }), className),
+          children: [/*#__PURE__*/_jsx(_Fragment, {
+            children: children
+          }), /*#__PURE__*/_jsx(Animated.View, {
+            style: chevronStyle,
+            children: /*#__PURE__*/_jsx(Icon, {
+              as: ChevronDown,
+              size: 16,
+              className: cn('text-muted-foreground shrink-0', Platform.select({
+                web: 'pointer-events-none translate-y-0.5 transition-transform duration-200'
+              }))
+            })
+          })]
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Collapsible content container with smooth animations
+ *
+ * Automatically animates height changes when expanding/collapsing. Uses platform-specific
+ * animations (CSS transitions on web, Reanimated on native).
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AccordionContent>
+ *   <Text>This content slides in and out smoothly</Text>
+ *   <View className="mt-2">
+ *     <Text>Additional content here</Text>
+ *   </View>
+ * </AccordionContent>
+ * ```
+ */
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    isExpanded
+  } = AccordionPrimitive.useItemContext();
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: "text-foreground text-sm",
+    children: /*#__PURE__*/_jsx(AccordionPrimitive.Content, {
+      className: cn('overflow-hidden', Platform.select({
+        web: isExpanded ? 'animate-accordion-down' : 'animate-accordion-up'
+      })),
+      ...props,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        exiting: Platform.select({
+          native: FadeOutUp.duration(200)
+        }),
+        className: cn('pb-4', className),
+        children: children
+      })
+    })
+  });
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionPrimitive","ChevronDown","cssInterop","Platform","Pressable","View","Animated","FadeOutUp","LayoutAnimationConfig","LinearTransition","useAnimatedStyle","useDerivedValue","withTiming","cn","Icon","TextClassContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","className","Accordion","children","props","skipEntering","Root","asChild","OS","layout","duration","AccordionItem","value","Item","select","web","native","Trigger","AccordionTrigger","isExpanded","useItemContext","progress","chevronStyle","transform","rotate","Provider","Header","style","as","size","AccordionContent","Content","exiting"],"sourceRoot":"../../../../src","sources":["components/ui/Accordion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/Alert-Dialog.js

@@ -0,0 +1,266 @@
+"use strict";
+
+import { buttonTextVariants, buttonVariants } from "./Button.js";
+import { NativeOnlyAnimatedView } from "./Native-Only-Animated-View.js";
+import { TextClassContext } from "./Text.js";
+import { cn } from "../../lib/utils.js";
+import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/**
+ * Root alert dialog container
+ *
+ * A modal dialog that interrupts the user with important content and expects a response.
+ * Use for critical actions that require user confirmation before proceeding.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialog>
+ *   <AlertDialogTrigger asChild>
+ *     <Button variant="destructive"><Text>Delete Account</Text></Button>
+ *   </AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>
+ *         This action cannot be undone.
+ *       </AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *       <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ *
+ * @accessibility
+ * - Traps focus within dialog when open
+ * - Closes on Escape key press
+ * - Returns focus to trigger on close
+ * - Uses appropriate ARIA attributes
+ */
+const AlertDialog = AlertDialogPrimitive.Root;
+
+/**
+ * Trigger button that opens the alert dialog
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger asChild>
+ *   <Button><Text>Open Dialog</Text></Button>
+ * </AlertDialogTrigger>
+ * ```
+ */
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+
+/**
+ * Portal component for rendering dialog content outside the DOM hierarchy
+ */
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+
+/**
+ * Semi-transparent overlay behind the alert dialog
+ *
+ * Provides backdrop that dims background content and handles click-outside behavior.
+ * Uses platform-specific full window overlay on iOS for proper z-index layering.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogOverlay>
+ *   <AlertDialogContent>...</AlertDialogContent>
+ * </AlertDialogOverlay>
+ * ```
+ */
+function AlertDialogOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(FullWindowOverlay, {
+    children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Overlay, {
+      className: cn('absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/50 p-2', Platform.select({
+        web: 'animate-in fade-in-0 fixed'
+      }), className),
+      ...props,
+      children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+        entering: FadeIn.duration(200).delay(50),
+        exiting: FadeOut.duration(150),
+        children: /*#__PURE__*/_jsx(_Fragment, {
+          children: children
+        })
+      })
+    })
+  });
+}
+
+/**
+ * Main alert dialog content container
+ *
+ * Contains the dialog's title, description, and action buttons. Automatically centered
+ * on screen with smooth entrance animations.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AlertDialogContent>
+ *   <AlertDialogHeader>
+ *     <AlertDialogTitle>Confirm Action</AlertDialogTitle>
+ *     <AlertDialogDescription>Description here</AlertDialogDescription>
+ *   </AlertDialogHeader>
+ *   <AlertDialogFooter>
+ *     <AlertDialogCancel><Text>Cancel</Text></AlertDialogCancel>
+ *     <AlertDialogAction><Text>Continue</Text></AlertDialogAction>
+ *   </AlertDialogFooter>
+ * </AlertDialogContent>
+ * ```
+ */
+function AlertDialogContent({
+  className,
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(AlertDialogPortal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(AlertDialogOverlay, {
+      children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Content, {
+        className: cn('bg-background border-border z-50 flex w-full max-w-[calc(100%-2rem)] flex-col gap-4 rounded-lg border p-6 shadow-lg shadow-black/5 sm:max-w-lg', Platform.select({
+          web: 'animate-in fade-in-0 zoom-in-95 duration-200'
+        }), className),
+        ...props
+      })
+    })
+  });
+}
+
+/**
+ * Header section for alert dialog content
+ *
+ * Groups the title and description with proper spacing and text alignment.
+ *
+ * @component
+ */
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: "text-center sm:text-left",
+    children: /*#__PURE__*/_jsx(View, {
+      className: cn('flex flex-col gap-2', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Footer section for alert dialog action buttons
+ *
+ * Contains cancel and action buttons with responsive layout (stacked on mobile, row on desktop).
+ *
+ * @component
+ */
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className),
+    ...props
+  });
+}
+
+/**
+ * Title text for the alert dialog
+ *
+ * Prominently displays the main heading with large, semibold text.
+ *
+ * @component
+ */
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(AlertDialogPrimitive.Title, {
+    className: cn('text-foreground text-lg font-semibold', className),
+    ...props
+  });
+}
+
+/**
+ * Description text for the alert dialog
+ *
+ * Provides additional context below the title with muted styling.
+ *
+ * @component
+ */
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(AlertDialogPrimitive.Description, {
+    className: cn('text-muted-foreground text-sm', className),
+    ...props
+  });
+}
+
+/**
+ * Primary action button that confirms the alert dialog action
+ *
+ * Styled as a primary button. Automatically closes dialog on press.
+ *
+ * @component
+ */
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      className
+    }),
+    children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Action, {
+      className: cn(buttonVariants(), className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Cancel button that dismisses the alert dialog
+ *
+ * Styled as an outline button. Automatically closes dialog on press without performing action.
+ *
+ * @component
+ */
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      className,
+      variant: 'outline'
+    }),
+    children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Cancel, {
+      className: cn(buttonVariants({
+        variant: 'outline'
+      }), className),
+      ...props
+    })
+  });
+}
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=Alert-Dialog.js.map

package/lib/module/components/ui/Alert-Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonTextVariants","buttonVariants","NativeOnlyAnimatedView","TextClassContext","cn","AlertDialogPrimitive","React","Platform","View","cssInterop","FadeIn","FadeOut","FullWindowOverlay","RNFullWindowOverlay","Fragment","_Fragment","jsx","_jsx","className","AlertDialog","Root","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","OS","AlertDialogOverlay","children","props","Overlay","select","web","entering","duration","delay","exiting","AlertDialogContent","portalHost","hostName","Content","AlertDialogHeader","Provider","value","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","Action","AlertDialogCancel","variant","Cancel"],"sourceRoot":"../../../../src","sources":["components/ui/Alert-Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,107 @@
+"use strict";
+
+import { Icon } from "./Icon.js";
+import { Text, TextClassContext } from "./Text.js";
+import { cn } from "../../lib/utils.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'
+});
+
+/**
+ * Alert component for displaying important messages or notifications
+ *
+ * Features an icon on the left side with title and description.
+ * Supports default and destructive variants for different severity levels.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Alert icon={AlertCircle} variant="default">
+ *   <AlertTitle><Text>Heads up!</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>You can add components to your app using the cli.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ *
+ * // Destructive variant
+ * <Alert icon={AlertTriangle} variant="destructive">
+ *   <AlertTitle><Text>Error</Text></AlertTitle>
+ *   <AlertDescription>
+ *     <Text>Your session has expired. Please login again.</Text>
+ *   </AlertDescription>
+ * </Alert>
+ * ```
+ *
+ * @param {LucideIcon} icon - Icon component to display
+ * @param {'default' | 'destructive'} [variant='default'] - Alert style variant
+ * @param {string} [iconClassName] - Additional classes for the icon
+ * @param {string} [className] - Additional classes for the container
+ *
+ * @accessibility Sets role="alert" for screen reader announcement
+ */
+function Alert({
+  className,
+  variant,
+  children,
+  icon,
+  iconClassName,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TextClassContext.Provider, {
+    value: cn('text-sm text-foreground dark:text-foreground', variant === 'destructive' && 'text-destructive dark:text-destructive', className),
+    children: /*#__PURE__*/_jsxs(View, {
+      role: "alert",
+      className: cn('bg-card dark:bg-card border-border dark:border-border relative w-full rounded-lg border px-4 pb-2 pt-3.5', className),
+      ...props,
+      children: [/*#__PURE__*/_jsx(View, {
+        className: "absolute left-3.5 top-3",
+        children: /*#__PURE__*/_jsx(Icon, {
+          as: icon,
+          className: cn('size-4 text-foreground dark:text-foreground', variant === 'destructive' && 'text-destructive dark:text-destructive', iconClassName)
+        })
+      }), children]
+    })
+  });
+}
+
+/**
+ * AlertTitle - Title text for the alert
+ *
+ * Displays as a medium-weight heading with appropriate spacing from the icon.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+function AlertTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn('mb-1 ml-0.5 min-h-4 pl-6 font-medium leading-none tracking-tight', className),
+    ...props
+  });
+}
+
+/**
+ * AlertDescription - Description text for the alert
+ *
+ * Displays detailed message content with muted styling and appropriate spacing.
+ * Automatically adjusts color for destructive variants.
+ *
+ * @param {string} [className] - Additional Tailwind classes
+ */
+function AlertDescription({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(TextClassContext);
+  return /*#__PURE__*/_jsx(Text, {
+    className: cn('text-muted-foreground dark:text-muted-foreground ml-0.5 pb-1.5 pl-6 text-sm leading-relaxed', textClass?.includes('text-destructive') && 'text-destructive/90 dark:text-destructive/90', className),
+    ...props
+  });
+}
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","Text","TextClassContext","cn","React","View","cssInterop","jsx","_jsx","jsxs","_jsxs","className","Alert","variant","children","icon","iconClassName","props","Provider","value","role","as","AlertTitle","AlertDescription","textClass","useContext","includes"],"sourceRoot":"../../../../src","sources":["components/ui/Alert.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,WAAQ;AAC/C,SAASC,EAAE,QAAQ,oBAAiB;AAEpC,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,EAAEhB,EAAE,CACP,8CAA8C,EAC9CU,OAAO,KAAK,aAAa,IAAI,wCAAwC,EACrEF,SACF,CAAE;IAAAG,QAAA,eAEFJ,KAAA,CAACL,IAAI;MACHe,IAAI,EAAC,OAAO;MACZT,SAAS,EAAER,EAAE,CACX,0GAA0G,EAC1GQ,SACF,CAAE;MAAA,GACEM,KAAK;MAAAH,QAAA,gBAETN,IAAA,CAACH,IAAI;QAACM,SAAS,EAAC,yBAAyB;QAAAG,QAAA,eACvCN,IAAA,CAACR,IAAI;UACHqB,EAAE,EAAEN,IAAK;UACTJ,SAAS,EAAER,EAAE,CACX,6CAA6C,EAC7CU,OAAO,KAAK,aAAa,IACvB,wCAAwC,EAC1CG,aACF;QAAE,CACH;MAAC,CACE,CAAC,EACNF,QAAQ;IAAA,CACL;EAAC,CACkB,CAAC;AAEhC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASQ,UAAUA,CAAC;EAClBX,SAAS;EACT,GAAGM;AAC0D,CAAC,EAAE;EAChE,oBACET,IAAA,CAACP,IAAI;IACHU,SAAS,EAAER,EAAE,CACX,kEAAkE,EAClEQ,SACF,CAAE;IAAA,GACEM;EAAK,CACV,CAAC;AAEN;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASM,gBAAgBA,CAAC;EACxBZ,SAAS;EACT,GAAGM;AAC0D,CAAC,EAAE;EAChE,MAAMO,SAAS,GAAGpB,KAAK,CAACqB,UAAU,CAACvB,gBAAgB,CAAC;EACpD,oBACEM,IAAA,CAACP,IAAI;IACHU,SAAS,EAAER,EAAE,CACX,6FAA6F,EAC7FqB,SAAS,EAAEE,QAAQ,CAAC,kBAAkB,CAAC,IACrC,8CAA8C,EAChDf,SACF,CAAE;IAAA,GACEM;EAAK,CACV,CAAC;AAEN;AAEA,SAASL,KAAK,EAAEW,gBAAgB,EAAED,UAAU","ignoreList":[]}