@neynar/ui 0.1.1 → 0.1.2

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

@@ -1,64 +1,122 @@
 import * as React from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 /**
- * Progress component displays completion progress of tasks and operations
+ * Progress - Visual progress indicator for tasks and operations
  *
- * A visual progress indicator built on Radix UI primitives that shows the
- * completion state of tasks, file uploads, multi-step processes, and other
- * operations requiring user feedback about progress status.
+ * A customizable progress bar component built on Radix UI Progress primitive that displays
+ * the completion status of tasks, file uploads, multi-step processes, and other operations
+ * requiring user feedback. Features smooth animations, accessibility support, and flexible
+ * styling options.
  *
- * @example Basic usage
+ * @example Basic progress bar
  * ```tsx
  * <Progress value={60} />
  * ```
  *
- * @example With label and percentage
+ * @example With custom maximum value
+ * ```tsx
+ * <Progress value={30} max={50} />
+ * ```
+ *
+ * @example Indeterminate state (loading)
+ * ```tsx
+ * <Progress />
+ * ```
+ *
+ * @example With accessible label
+ * ```tsx
+ * <Progress
+ *   value={75}
+ *   aria-label="Installation progress"
+ *   getValueLabel={(value, max) => `${value} of ${max} files installed`}
+ * />
+ * ```
+ *
+ * @example File upload progress with label
  * ```tsx
  * <div className="space-y-2">
  *   <div className="flex justify-between text-sm">
- *     <span>Loading data...</span>
- *     <span>{progress}%</span>
+ *     <span>Uploading image.jpg</span>
+ *     <span>{uploadProgress}%</span>
  *   </div>
- *   <Progress value={progress} />
+ *   <Progress value={uploadProgress} />
+ * </div>
+ * ```
+ *
+ * @example Custom styling with different heights and colors
+ * ```tsx
+ * <div className="space-y-4">
+ *   <Progress value={25} className="h-1" />
+ *   <Progress value={50} className="h-3" />
+ *   <Progress value={75} className="h-4 [&>div]:bg-green-500" />
+ *   <Progress value={100} className="h-6 [&>div]:bg-gradient-to-r [&>div]:from-blue-500 [&>div]:to-purple-500" />
  * </div>
  * ```
  *
- * @example File upload progress
+ * @example Multi-step process indicator
  * ```tsx
+ * const currentStep = 3;
+ * const totalSteps = 5;
+ * const stepProgress = (currentStep / totalSteps) * 100;
+ *
+ * <div className="space-y-2">
+ *   <div className="flex justify-between text-sm">
+ *     <span>Step {currentStep} of {totalSteps}</span>
+ *     <span>{Math.round(stepProgress)}%</span>
+ *   </div>
+ *   <Progress
+ *     value={stepProgress}
+ *     getValueLabel={(value, max) => `Step ${currentStep} of ${totalSteps} complete`}
+ *   />
+ * </div>
+ * ```
+ *
+ * @example Form validation progress
+ * ```tsx
+ * const validFields = 4;
+ * const totalFields = 6;
+ * const validationProgress = (validFields / totalFields) * 100;
+ *
  * <div className="space-y-2">
- *   <Progress value={uploadProgress} />
  *   <p className="text-sm text-muted-foreground">
- *     {uploadProgress}% of 2.4 MB uploaded
+ *     Form completion: {validFields}/{totalFields} fields
  *   </p>
+ *   <Progress
+ *     value={validationProgress}
+ *     className="[&>div]:bg-emerald-500"
+ *     aria-label="Form completion progress"
+ *   />
  * </div>
  * ```
  *
- * @example Custom height and colors
+ * @example Reading progress indicator
  * ```tsx
+ * const scrollProgress = Math.min(100, (scrollY / (documentHeight - windowHeight)) * 100);
+ *
  * <Progress
- *   value={85}
- *   className="h-4 [&>div]:bg-green-500"
+ *   value={scrollProgress}
+ *   className="fixed top-0 left-0 right-0 z-50 h-1 rounded-none"
+ *   aria-label={`Reading progress: ${Math.round(scrollProgress)}%`}
  * />
  * ```
  *
- * @example Multi-step process
- * ```tsx
- * const stepProgress = (currentStep / totalSteps) * 100;
- * <Progress value={stepProgress} />
- * ```
- *
- * @param value - Progress value from 0 to 100. Undefined shows no progress.
- * @param className - Additional CSS classes for styling customization
- *
  * @accessibility
- * - Built on Radix UI Progress primitive with proper ARIA attributes
- * - Announces progress changes to screen readers
- * - Supports custom aria-label and aria-valuetext for enhanced descriptions
- * - Smooth visual transitions provide clear feedback
+ * - Built on Radix UI Progress primitive with full ARIA support
+ * - Automatically announces progress changes to screen readers via `aria-valuenow`, `aria-valuemin`, and `aria-valuemax`
+ * - Supports custom `aria-label` for descriptive labeling
+ * - Uses `getValueLabel` to provide human-readable progress descriptions
+ * - Includes `role="progressbar"` for proper semantic meaning
+ * - Supports `aria-valuetext` for custom progress descriptions
+ * - Visual progress changes are communicated through color, position, and optional text
+ * - Keyboard navigation is not required as this is a read-only indicator
+ * - Compatible with screen readers and other assistive technologies
+ * - Respects user's motion preferences for animations
  *
- * @see {@link https://ui.shadcn.com/docs/components/progress} for design patterns
+ * @see {@link https://www.radix-ui.com/docs/primitives/components/progress} Radix UI Progress Documentation
+ * @see {@link https://ui.shadcn.com/docs/components/progress} shadcn/ui Progress Component
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role} MDN progressbar role
  * @since 1.0.0
  */
-declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Progress({ className, value, max, getValueLabel, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AA2C9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoHG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAoBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/radio-group.d.ts

@@ -4,10 +4,14 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
  * A radio group component for single selection from multiple options
  *
  * RadioGroup allows users to select exactly one option from a set of mutually exclusive choices.
- * Built on Radix UI primitives with custom styling that follows shadcn/ui design patterns.
- * Each radio group should contain RadioGroupItem components paired with Labels for accessibility.
+ * Built on Radix UI RadioGroup primitives with enhanced accessibility and keyboard navigation.
+ * Each radio group should contain RadioGroupItem components paired with Labels for proper accessibility.
  *
- * @example Basic usage
+ * The component follows the WAI-ARIA Radio Group design pattern and uses roving tabindex to manage
+ * focus movement among radio items. It provides comprehensive keyboard navigation with arrow keys
+ * and supports both controlled and uncontrolled usage patterns.
+ *
+ * @example Basic uncontrolled usage
  * ```tsx
  * <RadioGroup defaultValue="option-one">
  *   <div className="flex items-center space-x-2">
@@ -45,9 +49,13 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
  * }
  * ```
  *
- * @example Horizontal layout
+ * @example Horizontal orientation
  * ```tsx
- * <RadioGroup defaultValue="option-one" className="flex gap-4">
+ * <RadioGroup
+ *   defaultValue="option-one"
+ *   orientation="horizontal"
+ *   className="flex gap-4"
+ * >
  *   <div className="flex items-center space-x-2">
  *     <RadioGroupItem value="option-one" id="r1" />
  *     <Label htmlFor="r1">Option One</Label>
@@ -59,86 +67,222 @@ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
  * </RadioGroup>
  * ```
  *
- * @example With descriptions
+ * @example With rich content and descriptions
  * ```tsx
- * <RadioGroup defaultValue="card">
+ * <RadioGroup defaultValue="card" name="payment-method">
  *   <div className="flex items-start space-x-2">
  *     <RadioGroupItem value="card" id="card" className="mt-1" />
  *     <div className="grid gap-1">
  *       <Label htmlFor="card">Credit Card</Label>
  *       <p className="text-sm text-muted-foreground">
- *         Pay with your credit or debit card
+ *         Pay with your credit or debit card via secure payment
+ *       </p>
+ *     </div>
+ *   </div>
+ *   <div className="flex items-start space-x-2">
+ *     <RadioGroupItem value="paypal" id="paypal" className="mt-1" />
+ *     <div className="grid gap-1">
+ *       <Label htmlFor="paypal">PayPal</Label>
+ *       <p className="text-sm text-muted-foreground">
+ *         Pay with your PayPal account balance or linked bank account
  *       </p>
  *     </div>
  *   </div>
  * </RadioGroup>
  * ```
  *
- * @param defaultValue - The default selected value when uncontrolled
- * @param value - The controlled value of the radio group
- * @param onValueChange - Callback fired when the value changes
- * @param disabled - Whether the entire radio group is disabled
- * @param required - Whether the radio group is required for form validation
- * @param orientation - The orientation of the radio group (defaults to vertical)
- * @param className - Additional CSS classes to apply to the radio group
- * @param children - RadioGroupItem components and their associated labels
+ * @example Disabled state and form usage
+ * ```tsx
+ * <form>
+ *   <RadioGroup
+ *     name="subscription"
+ *     required
+ *     defaultValue="basic"
+ *   >
+ *     <div className="flex items-center space-x-2">
+ *       <RadioGroupItem value="basic" id="basic" />
+ *       <Label htmlFor="basic">Basic Plan</Label>
+ *     </div>
+ *     <div className="flex items-center space-x-2">
+ *       <RadioGroupItem value="premium" id="premium" disabled />
+ *       <Label htmlFor="premium" className="opacity-50">
+ *         Premium Plan (Coming Soon)
+ *       </Label>
+ *     </div>
+ *   </RadioGroup>
+ * </form>
+ * ```
+ *
+ * @param defaultValue The value of the radio item that should be checked when initially rendered. Use when you do not need to control the checked state
+ * @param value The controlled value of the radio item to check. Should be used in conjunction with onValueChange
+ * @param onValueChange Event handler called when the value changes
+ * @param disabled When true, prevents the user from interacting with the radio group
+ * @param name The name of the group. Submitted with its owning form as part of a name/value pair
+ * @param required When true, indicates that the user must check a radio item before the owning form can be submitted
+ * @param orientation The orientation of the component, which determines how focus moves @default "vertical"
+ * @param dir The reading direction of the radio group. If omitted, assumes LTR reading mode
+ * @param loop When true, keyboard navigation will loop from last item to first, and vice versa @default true
+ * @param asChild Change the default rendered element for the one passed as a child @default false
+ * @param className Additional CSS classes to apply to the radio group
+ * @param children RadioGroupItem components and their associated labels
+ *
+ * @accessibility
+ * - Supports keyboard navigation with Tab to enter/exit and Arrow keys to navigate between items
+ * - Space key selects the focused radio item
+ * - Uses roving tabindex to manage focus within the group
+ * - Provides proper ARIA roles and states for screen readers
+ * - Announces selected/unselected states to assistive technologies
+ * - Supports Right-to-Left (RTL) text direction
+ * - Works with form validation and submission
  *
- * @see {@link https://ui.shadcn.com/docs/components/radio-group} for design patterns
+ * @see {@link RadioGroupItem} for individual radio button items
+ * @see {@link RadioGroupIndicator} for the visual checked indicator
+ * @see {@link https://ui.shadcn.com/docs/components/radio-group} shadcn/ui Radio Group documentation
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/radio-group} Radix UI Radio Group primitives
+ * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/} WAI-ARIA Radio Group Pattern
  * @since 1.0.0
- * @see {@link RadioGroupItem} for individual radio options
- * @see {@link Checkbox} for multiple selection use cases
- * @see {@link Select} for dropdown-style single selection
  */
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 /**
  * Individual radio button item for use within RadioGroup
  *
  * RadioGroupItem represents a single selectable option in a radio group.
- * Must be used within a RadioGroup component and paired with a Label for accessibility.
+ * Must be used within a RadioGroup component and should be paired with a Label for proper accessibility.
  * The component automatically handles visual states including checked, unchecked, focused, and disabled.
+ * It includes a built-in indicator that displays when the item is selected.
  *
- * @example Basic usage
+ * Each radio item requires a unique value prop that identifies it within the group.
+ * The component forwards all standard button attributes and supports custom styling via className.
+ *
+ * @example Basic usage with label
  * ```tsx
- * <RadioGroupItem value="option-one" id="option-one" />
- * <Label htmlFor="option-one">Option One</Label>
+ * <div className="flex items-center space-x-2">
+ *   <RadioGroupItem value="option-one" id="option-one" />
+ *   <Label htmlFor="option-one">Option One</Label>
+ * </div>
  * ```
  *
- * @example With custom styling
+ * @example Custom styling and theming
  * ```tsx
  * <RadioGroupItem
  *   value="premium"
  *   id="premium"
- *   className="border-purple-500 text-purple-500"
+ *   className="border-purple-500 text-purple-500 data-[state=checked]:bg-purple-50"
  * />
- * <Label htmlFor="premium">Premium Plan</Label>
+ * <Label htmlFor="premium" className="text-purple-900">
+ *   Premium Plan
+ * </Label>
  * ```
  *
  * @example Disabled state
  * ```tsx
- * <RadioGroupItem value="unavailable" id="unavailable" disabled />
- * <Label htmlFor="unavailable" className="opacity-50">
- *   Unavailable Option
+ * <div className="flex items-center space-x-2">
+ *   <RadioGroupItem value="unavailable" id="unavailable" disabled />
+ *   <Label htmlFor="unavailable" className="opacity-50 cursor-not-allowed">
+ *     Unavailable Option
+ *   </Label>
+ * </div>
+ * ```
+ *
+ * @example With complex content layout
+ * ```tsx
+ * <div className="flex items-start space-x-3 p-3 border rounded-lg">
+ *   <RadioGroupItem value="plan-pro" id="plan-pro" className="mt-1" />
+ *   <div className="grid gap-1">
+ *     <Label htmlFor="plan-pro" className="font-semibold">
+ *       Professional Plan
+ *     </Label>
+ *     <p className="text-sm text-muted-foreground">
+ *       Advanced features for growing teams
+ *     </p>
+ *     <p className="text-lg font-bold">$29/month</p>
+ *   </div>
+ * </div>
+ * ```
+ *
+ * @example Form integration with validation
+ * ```tsx
+ * <RadioGroupItem
+ *   value="terms-accept"
+ *   id="terms"
+ *   required
+ *   aria-describedby="terms-error"
+ * />
+ * <Label htmlFor="terms">
+ *   I accept the terms and conditions
  * </Label>
  * ```
  *
- * @param value - The unique value for this radio option
- * @param id - The id attribute for accessibility (should match Label's htmlFor)
- * @param disabled - Whether this specific radio option is disabled
- * @param className - Additional CSS classes for custom styling
- * @param ref - React ref forwarded to the underlying input element
+ * @param value The value given as data when submitted with a name (required)
+ * @param disabled When true, prevents the user from interacting with the item
+ * @param required When true, indicates that the user must check the item before the owning form can be submitted
+ * @param asChild Change the default rendered element for the one passed as a child @default false
+ * @param id The id attribute for accessibility (should match Label's htmlFor)
+ * @param className Additional CSS classes for custom styling
+ * @param children Content to render inside the radio item (typically empty as styling is handled by the indicator)
  *
  * @accessibility
- * - Automatically receives focus management from parent RadioGroup
- * - Arrow keys navigate between radio options
- * - Space key toggles selection
- * - Screen readers announce checked/unchecked state
- * - Focus visible indicator for keyboard navigation
- * - Proper ARIA attributes and roles
- *
- * @see {@link RadioGroup} for the parent container component
- * @see {@link https://ui.shadcn.com/docs/components/radio-group} for usage patterns
+ * - Receives focus management from parent RadioGroup component
+ * - Arrow keys navigate between radio options within the group
+ * - Space key selects the focused radio item
+ * - Screen readers announce checked/unchecked state changes
+ * - Focus visible indicator appears on keyboard navigation
+ * - Proper ARIA attributes (role="radio", aria-checked) applied automatically
+ * - Works with form validation and submission
+ * - Supports required attribute for form validation
+ *
+ * @see {@link RadioGroup} for the parent container component that manages the group behavior
+ * @see {@link RadioGroupIndicator} for the visual checked state indicator
+ * @see {@link https://ui.shadcn.com/docs/components/radio-group} shadcn/ui Radio Group usage patterns
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/radio-group} Radix UI Radio Group Item documentation
  * @since 1.0.0
  */
 declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-export { RadioGroup, RadioGroupItem };
+/**
+ * Visual indicator shown when a RadioGroupItem is in the checked state
+ *
+ * RadioGroupIndicator automatically appears inside RadioGroupItem when that item is selected.
+ * It provides the visual feedback for the checked state using a filled circle icon.
+ * The indicator is automatically managed by the RadioGroupItem and only renders when checked.
+ *
+ * This component is typically not used directly but is included in RadioGroupItem.
+ * It can be customized or replaced using the asChild pattern if needed.
+ *
+ * @example Default usage (automatic within RadioGroupItem)
+ * ```tsx
+ * // RadioGroupIndicator is automatically included in RadioGroupItem
+ * <RadioGroupItem value="selected" id="selected" />
+ * ```
+ *
+ * @example Custom indicator with asChild
+ * ```tsx
+ * <RadioGroupItem value="custom" id="custom">
+ *   <RadioGroupIndicator asChild>
+ *     <CheckIcon className="size-3 text-primary" />
+ *   </RadioGroupIndicator>
+ * </RadioGroupItem>
+ * ```
+ *
+ * @example Force mounted indicator (for animations)
+ * ```tsx
+ * <RadioGroupIndicator forceMount className="animate-scale-in" />
+ * ```
+ *
+ * @param forceMount Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries
+ * @param asChild Change the default rendered element for the one passed as a child @default false
+ * @param className Additional CSS classes for custom styling of the indicator
+ * @param children Custom content to render instead of the default CircleIcon (when using asChild)
+ *
+ * @accessibility
+ * - Automatically managed by RadioGroup state - no manual interaction needed
+ * - Provides visual confirmation of selection for users who can see
+ * - Works with high contrast mode and forced colors
+ * - Scales appropriately with font size changes
+ *
+ * @see {@link RadioGroupItem} for the parent radio button component
+ * @see {@link RadioGroup} for the container component
+ * @since 1.0.0
+ */
+declare function RadioGroupIndicator({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem, RadioGroupIndicator };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AA6DnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6IG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAavD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,2CAU5D;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}