@neynar/ui 0.1.1 → 0.1.2

package/dist/components/ui/date-picker.d.ts

@@ -1,75 +1,15 @@
 /**
- * Properties for the DatePicker component
+ * DatePicker - A comprehensive date selection component with popover calendar interface
  *
- * @type DatePickerProps
- * @since 1.0.0
- */
-type DatePickerProps = {
-    /**
-     * The currently selected date value. When undefined, no date is selected.
-     *
-     * @example
-     * ```tsx
-     * const [selectedDate, setSelectedDate] = useState<Date>();
-     * <DatePicker date={selectedDate} onDateChange={setSelectedDate} />
-     * ```
-     */
-    date?: Date;
-    /**
-     * Callback function invoked when the user selects or clears a date.
-     * Receives the selected date or undefined when cleared.
-     *
-     * @param date - The newly selected date or undefined if cleared
-     *
-     * @example
-     * ```tsx
-     * <DatePicker onDateChange={(date) => console.log('Selected:', date)} />
-     * ```
-     */
-    onDateChange?: (date: Date | undefined) => void;
-    /**
-     * Placeholder text displayed in the trigger button when no date is selected.
-     * Provides context about what kind of date selection is expected.
-     *
-     * @default "Pick a date"
-     *
-     * @example
-     * ```tsx
-     * <DatePicker placeholder="Select your birthday" />
-     * ```
-     */
-    placeholder?: string;
-    /**
-     * When true, disables the date picker preventing user interaction.
-     * The trigger button will appear disabled and the popover cannot be opened.
-     *
-     * @default false
-     *
-     * @example
-     * ```tsx
-     * <DatePicker disabled={true} placeholder="Date locked" />
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply to the trigger button.
-     * Useful for customizing width, spacing, or other styling.
-     *
-     * @example
-     * ```tsx
-     * <DatePicker className="w-full" /> // Full width
-     * <DatePicker className="w-[300px]" /> // Fixed width
-     * ```
-     */
-    className?: string;
-};
-/**
- * A comprehensive date selection component that combines an accessible button trigger
- * with a full-featured calendar popover for intuitive date picking.
+ * A polished date selection component that combines an accessible trigger button with a
+ * full-featured calendar popover. Built on Radix UI Popover and Calendar primitives with
+ * shadcn/ui styling, providing intuitive date selection with proper accessibility,
+ * keyboard navigation, automatic positioning, and internationalization support.
  *
- * Built on shadcn/ui design principles, this component provides a polished interface
- * for date selection with proper accessibility, keyboard navigation, and visual feedback.
- * The selected date is displayed using date-fns formatting for consistent presentation.
+ * The component handles both controlled and uncontrolled usage patterns, integrates
+ * seamlessly with forms and validation systems, and provides consistent date formatting
+ * using date-fns. The popover automatically positions itself to stay within viewport
+ * bounds and includes smooth animations for a polished user experience.
  *
  * @component
  * @example
@@ -119,27 +59,114 @@ type DatePickerProps = {
  * ```
  *
  * @accessibility
- * - **Keyboard Navigation**: Full keyboard support with Tab, Enter, Escape, and arrow keys
- * - **Screen Reader Support**: Proper ARIA labels and live announcements for date changes
- * - **Focus Management**: Focus returns to trigger button when popover closes
- * - **Visual Indicators**: Clear visual states for disabled, selected, and focused elements
- * - **Date Formatting**: Consistent date presentation using localized formatting
+ * - **Keyboard Navigation**:
+ *   - Tab to focus the trigger button
+ *   - Enter/Space to open calendar popover
+ *   - Arrow keys for date navigation within calendar
+ *   - Escape to close popover and return focus to trigger
+ *   - Page Up/Down for month navigation
+ *   - Home/End for week start/end navigation
+ * - **Screen Reader Support**:
+ *   - Proper ARIA labels describing the date picker purpose
+ *   - Live region announcements for date selection changes
+ *   - Calendar grid structure announced correctly
+ *   - Selected date clearly announced with full formatting
+ * - **Focus Management**:
+ *   - Visible focus indicators with 3px ring on trigger button
+ *   - Focus trapped within calendar when popover is open
+ *   - Focus returns to trigger button when popover closes
+ *   - Initial focus on today's date or selected date when opening
+ * - **Visual Indicators**:
+ *   - Clear visual states for disabled, selected, and focused elements
+ *   - High contrast borders and backgrounds meeting WCAG 2.1 AA standards
+ *   - Consistent color coding for different date states
+ *   - Reduced opacity for disabled state with appropriate cursor
+ * - **Date Formatting**:
+ *   - Consistent date presentation using date-fns localized formatting
+ *   - Full date format (e.g., "Wednesday, January 15, 2025") for clarity
+ *   - Placeholder text provides clear guidance about expected input
  *
  * @features
- * - Single date selection with visual confirmation
- * - Popover-based calendar that doesn't interfere with page layout
- * - Automatic popover positioning and collision detection
- * - Internal state management with optional external control
- * - Customizable trigger button styling and width
- * - Date formatting using date-fns for internationalization support
- *
- * @see {@link https://ui.shadcn.com/docs/components/date-picker} shadcn/ui Date Picker patterns
- * @see {@link Calendar} - The underlying calendar component
- * @see {@link Popover} - The popover container component
- * @see {@link Button} - The trigger button component
+ * - **Date Selection**: Single date selection with immediate visual confirmation
+ * - **Popover Interface**: Non-modal calendar popover that doesn't disrupt page layout
+ * - **Smart Positioning**: Automatic positioning with collision detection and boundary awareness
+ * - **State Management**: Flexible controlled/uncontrolled patterns with internal state fallback
+ * - **Customizable Styling**: Full control over trigger button appearance, width, and spacing
+ * - **Internationalization**: Date formatting with date-fns supporting multiple locales
+ * - **Form Integration**: Seamless integration with form libraries and validation systems
+ * - **Performance**: Optimized rendering with minimal re-renders and efficient state updates
+ * - **Animation**: Smooth open/close animations with proper state transitions
+ * - **Mobile Support**: Touch-friendly interface with appropriate sizing and spacing
+ *
+ * @implementation
+ * The DatePicker component is implemented as a composition of:
+ * - **Popover**: Radix UI primitive providing positioning, portal rendering, and focus management
+ * - **PopoverTrigger**: Button element that opens the calendar (uses asChild pattern)
+ * - **PopoverContent**: Container for the calendar with auto-positioning
+ * - **Calendar**: Full-featured calendar component with keyboard navigation
+ * - **Button**: Styled trigger with outline variant and calendar icon
+ *
+ * State is managed internally with React.useState hooks and synchronized with external
+ * props through React.useEffect. The component automatically handles date formatting
+ * using date-fns format function with "PPP" pattern for readable date display.
+ *
+ * @usage-patterns
+ * **Controlled Pattern** (Recommended):
+ * ```tsx
+ * const [date, setDate] = useState<Date>();
+ * <DatePicker date={date} onDateChange={setDate} />
+ * ```
+ *
+ * **Form Library Integration**:
+ * ```tsx
+ * // React Hook Form
+ * <Controller render={({ field }) =>
+ *   <DatePicker date={field.value} onDateChange={field.onChange} />
+ * } />
+ *
+ * // Formik
+ * <Field name="date">
+ *   {({ field, form }) => (
+ *     <DatePicker
+ *       date={field.value}
+ *       onDateChange={(date) => form.setFieldValue('date', date)}
+ *     />
+ *   )}
+ * </Field>
+ * ```
+ *
+ * **Validation Integration**:
+ * ```tsx
+ * const handleDateChange = (date: Date | undefined) => {
+ *   // Validate date before setting
+ *   if (date && isValidDate(date)) {
+ *     setDate(date);
+ *     clearError();
+ *   } else {
+ *     setError('Please select a valid date');
+ *   }
+ * };
+ * ```
+ *
+ * @see {@link Calendar} The underlying calendar component with full date navigation
+ * @see {@link Popover} The popover container component for positioning and portal rendering
+ * @see {@link PopoverTrigger} Trigger element that opens the calendar popover
+ * @see {@link PopoverContent} Content container for the calendar with auto-positioning
+ * @see {@link Button} The styled trigger button with variant support
+ * @see {@link https://ui.shadcn.com/docs/components/date-picker} shadcn/ui Date Picker documentation
+ * @see {@link https://ui.shadcn.com/docs/components/calendar} shadcn/ui Calendar component
+ * @see {@link https://ui.shadcn.com/docs/components/popover} shadcn/ui Popover component
+ * @see {@link https://date-fns.org/docs/format} date-fns formatting documentation
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/popover} Radix UI Popover primitives
  *
  * @since 1.0.0
  */
-declare function DatePicker({ date, onDateChange, placeholder, disabled, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePicker({ date, onDateChange, placeholder, disabled, className, }: {
+    date?: Date;
+    onDateChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export { DatePicker };
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,KAAK,eAAe,GAAG;IACrB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAEhD;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,WAA2B,EAC3B,QAAgB,EAChB,SAAS,GACV,EAAE,eAAe,2CAgDjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"AAiLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkKG;AACH,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,WAA2B,EAC3B,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAgDA;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -10,7 +10,6 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
  * Use dialogs for critical interactions, confirmations, forms, or detailed information that
  * requires user focus and prevents interaction with the background content.
  *
- * @component
  * @example
  * ```tsx
  * // Basic confirmation dialog
@@ -95,72 +94,154 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
  * - Focus returns to trigger element when dialog closes
  * - Background content becomes inert (non-interactive)
  * - Keyboard navigation between focusable elements
- *
- * @param open - Controlled open state of the dialog
- * @param onOpenChange - Callback fired when open state changes
- * @param modal - Whether dialog is modal (default: true). Non-modal allows background interaction
- * @param defaultOpen - Default open state for uncontrolled usage
- *
- * @see {@link https://ui.shadcn.com/docs/components/dialog} - shadcn/ui Dialog documentation
- * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog} - Radix UI Dialog primitives
- * @see {@link AlertDialog} - For confirmation dialogs with specific alert semantics
- * @see {@link Sheet} - For side panel overlays
- * @see {@link Drawer} - For mobile-friendly bottom overlays
+ * - Space/Enter keys open and close dialog
+ * - Tab/Shift+Tab moves focus between interactive elements
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/dialog} shadcn/ui Dialog documentation
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog} Radix UI Dialog primitives
+ * @see {@link DialogTrigger} Button that opens the dialog
+ * @see {@link DialogContent} Main content container with overlay and portal
+ * @see {@link DialogHeader} Container for title and description
+ * @see {@link DialogFooter} Container for action buttons
  * @since 1.0.0
  */
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Dialog(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogTrigger - The element that opens the dialog when clicked
  *
  * Typically wraps a button or other interactive element. Use asChild
- * prop to render as the child element instead of a button.
+ * prop to render as the child element instead of a button. The trigger
+ * automatically receives focus management and ARIA attributes.
  *
- * @component
  * @example
  * ```tsx
  * <DialogTrigger asChild>
  *   <Button>Open Dialog</Button>
  * </DialogTrigger>
  * ```
+ *
+ * @example
+ * ```tsx
+ * // Direct button without asChild
+ * <DialogTrigger className="custom-trigger-style">
+ *   Click to open
+ * </DialogTrigger>
+ * ```
+ *
+ * @accessibility
+ * - Automatically receives aria-expanded attribute based on dialog state
+ * - Keyboard activation with Space and Enter keys
+ * - Focus returns here when dialog closes
+ * - Screen reader compatible with role="button" when used as direct element
+ *
+ * @see {@link Dialog} The root dialog container
+ * @see {@link DialogContent} The content opened by this trigger
  * @since 1.0.0
  */
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogPortal - Portal container for dialog content
  *
  * Renders dialog content in a React portal at the end of the document body.
- * This ensures proper stacking context and prevents z-index issues.
+ * This ensures proper stacking context and prevents z-index issues. Rarely
+ * used directly - typically included automatically by DialogContent.
  *
- * @component
+ * @example
+ * ```tsx
+ * // Custom portal container
+ * const [container, setContainer] = useState(null);
+ *
+ * <DialogPortal container={container}>
+ *   <DialogOverlay />
+ *   <DialogContent>Portal content</DialogContent>
+ * </DialogPortal>
+ * <div ref={setContainer} />
+ * ```
+ *
+ * @accessibility
+ * - Ensures dialog renders outside normal DOM flow for proper focus management
+ * - Maintains proper stacking order for screen readers
+ * - Portal location doesn't affect ARIA relationships
+ *
+ * @see {@link DialogContent} Component that typically includes this portal
  * @since 1.0.0
  */
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogClose - A close button that dismisses the dialog
  *
  * Can be placed anywhere within DialogContent to provide a close action.
  * Typically used for custom close buttons in addition to the default X button.
+ * Automatically closes the dialog when activated and returns focus to the trigger.
  *
- * @component
  * @example
  * ```tsx
  * <DialogClose asChild>
  *   <Button variant="outline">Cancel</Button>
  * </DialogClose>
  * ```
+ *
+ * @example
+ * ```tsx
+ * // Direct button without asChild
+ * <DialogClose className="close-button">
+ *   Close Dialog
+ * </DialogClose>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // In footer with multiple actions
+ * <DialogFooter>
+ *   <DialogClose asChild>
+ *     <Button variant="outline">Cancel</Button>
+ *   </DialogClose>
+ *   <Button type="submit">Save</Button>
+ * </DialogFooter>
+ * ```
+ *
+ * @accessibility
+ * - Keyboard activation with Space and Enter keys
+ * - Screen reader compatible with proper labeling
+ * - Focus management returns to dialog trigger
+ * - Can be used as implicit cancel action
+ *
+ * @see {@link DialogContent} Container that includes the default close button
+ * @see {@link Dialog} Root component for controlling open state
  * @since 1.0.0
  */
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogOverlay - The backdrop overlay behind the dialog
  *
  * Provides a semi-transparent background that covers the main content.
- * Clicking the overlay will close the dialog by default.
+ * Clicking the overlay will close the dialog by default. Features smooth
+ * fade animations using Tailwind CSS and proper z-index stacking.
+ *
+ * @example
+ * ```tsx
+ * // Custom overlay styling
+ * <DialogOverlay className="bg-red-500/20 backdrop-blur-sm" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Typically used automatically within DialogContent
+ * <DialogContent>
+ *   // DialogOverlay is included automatically
+ *   <DialogTitle>Dialog content</DialogTitle>
+ * </DialogContent>
+ * ```
  *
- * @component
  * @accessibility
- * - Prevents interaction with background content
- * - Can be clicked to dismiss dialog (configurable)
+ * - Prevents interaction with background content (makes it inert)
+ * - Can be clicked to dismiss dialog (respects modal prop)
+ * - Proper z-index ensures overlay appears above page content
+ * - Fade animations respect prefers-reduced-motion settings
+ * - Background becomes non-focusable when dialog is open
+ *
+ * @see {@link DialogContent} Component that typically includes this overlay
+ * @see {@link DialogPortal} Portal container for rendering overlay
  * @since 1.0.0
  */
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2GG;AACH,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAyBA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAmK1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,aAAa,CACpB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAG5D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,YAAY,CACnB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAG3D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,iBAAS,WAAW,CAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAG1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAyBA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}