keystone-design-bootstrap 1.0.48 → 1.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{blog-post-CvRhU9ss.d.ts → blog-post-D7HFCDp1.d.ts} +2 -2
- package/dist/design_system/elements/index.d.ts +25 -1
- package/dist/design_system/elements/index.js +103 -3
- package/dist/design_system/elements/index.js.map +1 -1
- package/dist/design_system/sections/index.d.ts +64 -3
- package/dist/design_system/sections/index.js +1305 -458
- package/dist/design_system/sections/index.js.map +1 -1
- package/dist/form-BLZuTGkr.d.ts +137 -0
- package/dist/index.d.ts +6 -5
- package/dist/index.js +1335 -487
- package/dist/index.js.map +1 -1
- package/dist/lib/server-api.d.ts +49 -4
- package/dist/lib/server-api.js +17 -0
- package/dist/lib/server-api.js.map +1 -1
- package/dist/photos-8jMeetqV.d.ts +47 -0
- package/dist/types/index.d.ts +6 -5
- package/dist/utils/photo-helpers.d.ts +6 -15
- package/dist/utils/photo-helpers.js +10 -1
- package/dist/utils/photo-helpers.js.map +1 -1
- package/package.json +1 -1
- package/src/design_system/elements/index.tsx +4 -0
- package/src/design_system/elements/modal/modal.tsx +129 -0
- package/src/design_system/sections/index.tsx +20 -2
- package/src/design_system/sections/offer-detail.tsx +46 -0
- package/src/design_system/sections/offers-gallery.tsx +40 -0
- package/src/design_system/sections/offers-grid.tsx +108 -0
- package/src/design_system/sections/offers-section.tsx +90 -0
- package/src/design_system/sections/service-menu-section.tsx +813 -0
- package/src/lib/server-api.ts +63 -0
- package/src/types/api/photos.ts +11 -10
- package/src/types/api/service.ts +21 -0
- package/src/utils/photo-helpers.ts +3 -14
- package/dist/company-information-C_k_sLSB.d.ts +0 -46
- package/dist/form-CWXC-IHT.d.ts +0 -88
- package/dist/website-photos-_n2g24IM.d.ts +0 -20
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/design_system/elements/index.tsx","../../../src/lib/component-registry.ts","../../../src/contexts/ThemeContext.tsx","../../../src/design_system/elements/buttons/button.tsx","../../../src/utils/cx.ts","../../../src/utils/is-react-component.ts","../../../src/design_system/elements/buttons/round-button.tsx","../../../src/design_system/elements/button-group/button-group.tsx","../../../src/design_system/elements/input/input.tsx","../../../src/design_system/elements/input/hint-text.tsx","../../../src/design_system/elements/input/label.tsx","../../../src/design_system/elements/tooltip/tooltip.tsx","../../../src/design_system/elements/input/input-group.tsx","../../../src/design_system/elements/textarea/textarea.tsx","../../../src/design_system/elements/checkbox/privacy-checkbox.tsx","../../../src/design_system/elements/form/form.tsx","../../../src/design_system/elements/form-container/form-container.tsx","../../../src/design_system/elements/select/select.tsx","../../../src/design_system/elements/avatar/avatar.tsx","../../../src/design_system/elements/avatar/base-components/avatar-online-indicator.tsx","../../../src/design_system/elements/avatar/base-components/verified-tick.tsx","../../../src/design_system/elements/select/combobox.tsx","../../../src/design_system/elements/select/popover.tsx","../../../src/lib/hooks/use-resize-observer.ts","../../../src/design_system/elements/select/select-item.tsx","../../../src/design_system/elements/select/select-native.tsx","../../../src/design_system/elements/photo-fallback/photo-fallback.tsx","../../../src/utils/gradient-placeholder.ts","../../../src/design_system/elements/badges/badges.tsx","../../../src/design_system/elements/badges/badge-types.ts","../../../src/design_system/elements/badges/badge-groups.tsx","../../../src/design_system/elements/rating/rating-stars.tsx","../../../src/design_system/elements/rating/rating-badge.tsx","../../../src/design_system/elements/avatar/avatar-label-group.tsx","../../../src/design_system/elements/breadcrumb/Breadcrumb.tsx","../../../src/design_system/elements/featured-icon/featured-icon.tsx","../../../src/design_system/elements/pagination/pagination.tsx","../../../src/lib/hooks/use-breakpoint.ts","../../../src/design_system/elements/pagination/pagination-base.tsx","../../../src/design_system/elements/map/GoogleMap.tsx","../../../src/design_system/elements/markdown-renderer/MarkdownRenderer.tsx","../../../src/design_system/elements/buttons/button.aman.tsx","../../../src/design_system/elements/buttons/button.barelux.tsx","../../../src/design_system/elements/buttons/button.balance.tsx","../../../src/design_system/elements/input/input.aman.tsx","../../../src/design_system/elements/textarea/textarea.aman.tsx","../../../src/design_system/elements/select/select.aman.tsx","../../../src/design_system/elements/social-icons/social-icons.tsx","../../../src/design_system/elements/carousel/carousel.tsx","../../../src/design_system/elements/carousel/carousel-section-wrapper.tsx","../../../src/design_system/elements/video-modal.tsx","../../../src/design_system/elements/video-play-button.tsx"],"sourcesContent":["/**\n * Centralized Elements Exports\n * All commonly used elements export from here with theme variant support\n * Includes: Buttons, Form inputs, Date pickers, UI components\n * Excludes: .demo.tsx, .story.tsx, and specialized sub-components\n */\n\n'use client';\n\nimport React from 'react';\nimport { getThemedComponent } from '../../lib/component-registry';\nimport { useTheme } from '../../contexts/ThemeContext';\n\n// Import all base components - Buttons\nimport { Button as BaseButton } from './buttons/button';\nimport { RoundButton as BaseRoundButton } from './buttons/round-button';\nimport { ButtonGroup as BaseButtonGroup } from './button-group/button-group';\n\n// Form inputs\nimport { Input as BaseInput, InputBase as BaseInputBase } from './input/input';\nimport { InputGroup as BaseInputGroup } from './input/input-group';\nimport { TextArea as BaseTextarea } from './textarea/textarea';\nimport { PrivacyCheckbox as BasePrivacyCheckbox } from './checkbox/privacy-checkbox';\nimport { Form as BaseForm } from './form/form';\nimport { FormContainer as BaseFormContainer } from './form-container/form-container';\nimport { Label as BaseLabel } from './input/label';\nimport { HintText as BaseHintText } from './input/hint-text';\nimport { Select as BaseSelect } from './select/select';\nimport { SelectItem as BaseSelectItem } from './select/select-item';\nimport { NativeSelect as BaseNativeSelect } from './select/select-native';\n\n// UI components\nimport PhotoWithFallbackBase from './photo-fallback/photo-fallback';\nimport { Badge as BaseBadge, BadgeWithDot as BaseBadgeWithDot } from './badges/badges';\nimport { BadgeGroup as BaseBadgeGroup } from './badges/badge-groups';\nimport { RatingStars as BaseRatingStars } from './rating/rating-stars';\nimport { RatingBadge as BaseRatingBadge } from './rating/rating-badge';\nimport { Tooltip as BaseTooltip } from './tooltip/tooltip';\nimport { Avatar as BaseAvatar } from './avatar/avatar';\nimport { AvatarLabelGroup as BaseAvatarLabelGroup } from './avatar/avatar-label-group';\nimport { VerifiedTick as BaseVerifiedTick } from './avatar/base-components';\nimport { Breadcrumb as BaseBreadcrumb } from './breadcrumb/Breadcrumb';\nimport { FeaturedIcon as BaseFeaturedIcon } from './featured-icon/featured-icon';\nimport { PaginationPageDefault as BasePaginationPageDefault, PaginationPageMinimalCenter as BasePaginationPageMinimalCenter } from './pagination/pagination';\nimport BaseGoogleMap from './map/GoogleMap';\nimport BaseMarkdownRenderer from './markdown-renderer/MarkdownRenderer';\n\n// Import variant files to trigger registration (only ones that exist)\nimport './buttons/button.aman';\nimport './buttons/button.barelux';\nimport './buttons/button.balance';\nimport './input/input.aman';\nimport './textarea/textarea.aman';\nimport './select/select.aman';\n\n/**\n * Create themed component wrapper\n * Uses type erasure to store components with different prop requirements\n * Type casts are used internally to allow components with required props\n */\nfunction createThemedExport<P extends Record<string, unknown>>(\n componentName: string,\n // The base component is cast internally - the actual component type is preserved at usage sites\n BaseComponent: React.ComponentType<P>\n) {\n return function ThemedComponent(props: P) {\n const { theme } = useTheme();\n \n try {\n const Component = getThemedComponent(componentName, theme);\n // Type erasure: components are stored without prop type information\n // but are type-checked where they're actually used\n return React.createElement(Component as React.ComponentType<P>, props);\n } catch {\n // No variant registered, use base component\n return React.createElement(BaseComponent, props);\n }\n };\n}\n\n// All elements wrapped (falls back to base if no variant)\n// Buttons\nexport const Button = createThemedExport('button', BaseButton);\nexport const RoundButton = createThemedExport('round-button', BaseRoundButton);\nexport const ButtonGroup = createThemedExport('button-group', BaseButtonGroup);\n\n// Form inputs\nexport const Input = createThemedExport('input', BaseInput);\nexport const InputBase = BaseInputBase;\nexport const Textarea = createThemedExport('textarea', BaseTextarea);\nexport const PrivacyCheckbox = BasePrivacyCheckbox;\nexport const Form = createThemedExport('form', BaseForm);\nexport const FormContainer = createThemedExport('form-container', BaseFormContainer as unknown as React.ComponentType<Record<string, unknown>>);\nexport const InputGroup = createThemedExport('input-group', BaseInputGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Label = createThemedExport('label', BaseLabel as unknown as React.ComponentType<Record<string, unknown>>);\nexport const HintText = createThemedExport('hint-text', BaseHintText as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Select = createThemedExport('select', BaseSelect as unknown as React.ComponentType<Record<string, unknown>>);\nexport const SelectItem = createThemedExport('select-item', BaseSelectItem as unknown as React.ComponentType<Record<string, unknown>>);\nexport const NativeSelect = createThemedExport('native-select', BaseNativeSelect as unknown as React.ComponentType<Record<string, unknown>>);\n\n// UI components\nexport const PhotoWithFallback = createThemedExport('photo-fallback', PhotoWithFallbackBase);\nexport const Badge = createThemedExport('badge', BaseBadge as unknown as React.ComponentType<Record<string, unknown>>);\nexport const BadgeWithDot = createThemedExport('badge-with-dot', BaseBadgeWithDot as unknown as React.ComponentType<Record<string, unknown>>);\nexport const BadgeGroup = createThemedExport('badge-group', BaseBadgeGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const RatingStars = createThemedExport('rating-stars', BaseRatingStars);\nexport const RatingBadge = createThemedExport('rating-badge', BaseRatingBadge);\nexport const Tooltip = createThemedExport('tooltip', BaseTooltip as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Avatar = createThemedExport('avatar', BaseAvatar);\nexport const AvatarLabelGroup = createThemedExport('avatar-label-group', BaseAvatarLabelGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const VerifiedTick = createThemedExport('verified-tick', BaseVerifiedTick as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Breadcrumb = createThemedExport('breadcrumb', BaseBreadcrumb as unknown as React.ComponentType<Record<string, unknown>>);\nexport const FeaturedIcon = createThemedExport('featured-icon', BaseFeaturedIcon as unknown as React.ComponentType<Record<string, unknown>>);\nexport const PaginationPageDefault = createThemedExport('pagination-page-default', BasePaginationPageDefault as unknown as React.ComponentType<Record<string, unknown>>);\nexport const PaginationPageMinimalCenter = createThemedExport('pagination-page-minimal-center', BasePaginationPageMinimalCenter as unknown as React.ComponentType<Record<string, unknown>>);\nexport const GoogleMap = createThemedExport('google-map', BaseGoogleMap as unknown as React.ComponentType<Record<string, unknown>>);\nexport const MarkdownRenderer = createThemedExport('markdown-renderer', BaseMarkdownRenderer as unknown as React.ComponentType<Record<string, unknown>>);\n\n// Re-export compound components directly\nexport { Pagination } from './pagination/pagination-base';\n\n// Re-export everything from subdirectories that doesn't need theming\nexport * from './rating/rating-stars';\nexport * from './rating/rating-badge';\nexport { SocialIcon, getSocialIcon } from './social-icons';\nexport * from './carousel/carousel';\nexport { CarouselSectionWrapper } from './carousel/carousel-section-wrapper';\n\n// Re-export combobox (still exists in select directory but not wrapped with theming)\nexport { ComboBox } from './select/combobox';\n\n// Video components (no theming needed)\nexport { VideoModal } from './video-modal';\nexport { VideoPlayButton } from './video-play-button';\n","/**\n * Component Registry\n * Runtime registry for component theme variants\n */\n\n'use client';\n\nimport React from 'react';\nimport { Theme } from '../themes';\n\n// The registry stores components with different prop types\n// We use React.ComponentType (without generics) to store components dynamically\n// This is type-safe because the generic registerThemeVariant function ensures correct types at registration\n// and components are retrieved and used dynamically at runtime\nconst registry = new Map<string, Map<string, React.ComponentType<unknown>>>();\n\n// Generic function accepts any component type without requiring type assertions at call sites\n// The component is stored with type erasure internally, but callers have full type safety\nexport function registerThemeVariant<P = unknown>(\n componentName: string,\n theme: string,\n component: React.ComponentType<P>\n) {\n if (!registry.has(componentName)) {\n registry.set(componentName, new Map());\n }\n registry.get(componentName)!.set(theme, component as React.ComponentType<unknown>);\n}\n\nexport function getThemedComponent(\n componentName: string,\n theme: Theme = 'classic'\n): React.ComponentType<unknown> {\n const variants = registry.get(componentName);\n \n if (!variants || variants.size === 0) {\n throw new Error(`No theme variants registered for \"${componentName}\"`);\n }\n \n if (variants.has(theme)) {\n return variants.get(theme)!;\n }\n \n if (theme === 'classic') {\n throw new Error(`No classic variant for \"${componentName}\" - use base component`);\n }\n \n throw new Error(`No variant available for \"${componentName}.${theme}\"`);\n}\n\nexport function getRegistry() {\n const result: Record<string, string[]> = {};\n registry.forEach((variants, name) => {\n result[name] = Array.from(variants.keys());\n });\n return result;\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Theme, isValidTheme } from '../themes';\n\ninterface ThemeContextValue {\n theme: Theme;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({ theme: 'classic' });\n\nexport function ThemeProvider({ \n theme, \n children \n}: { \n theme: Theme; \n children: React.ReactNode;\n}) {\n // Validate theme at runtime\n if (!isValidTheme(theme)) {\n console.warn(`Invalid theme \"${theme}\", falling back to \"classic\"`);\n theme = 'classic';\n }\n \n return (\n <ThemeContext.Provider value={{ theme }}>\n {children}\n </ThemeContext.Provider>\n );\n}\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2\",\n // When button is used within `InputGroup`\n \"in-data-input-wrapper:shadow-xs in-data-input-wrapper:focus:!z-50 in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-leading:before:rounded-r-none in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-l-none in-data-input-wrapper:in-data-trailing:before:rounded-l-none\",\n // Disabled styles\n \"disabled:cursor-not-allowed disabled:text-fg-disabled\",\n // Icon styles\n \"disabled:*:data-icon:text-fg-disabled_subtle\",\n // Same as `icon` but for SSR icons that cannot be passed to the client as functions.\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: [\n \"gap-1 rounded-lg px-3 py-2 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2\",\n \"in-data-input-wrapper:px-3.5 in-data-input-wrapper:py-2.5 in-data-input-wrapper:data-icon-only:p-2.5\",\n ].join(\" \"),\n linkRoot: \"gap-1\",\n },\n md: {\n root: [\n \"gap-1 rounded-lg px-3.5 py-2.5 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2.5\",\n \"in-data-input-wrapper:gap-1.5 in-data-input-wrapper:px-4 in-data-input-wrapper:text-md in-data-input-wrapper:data-icon-only:p-3\",\n ].join(\" \"),\n linkRoot: \"gap-1\",\n },\n lg: {\n root: \"gap-1.5 rounded-lg px-4 py-2.5 text-md font-semibold before:rounded-[7px] data-icon-only:p-3\",\n linkRoot: \"gap-1.5\",\n },\n xl: {\n root: \"gap-1.5 rounded-lg px-4.5 py-3 text-md font-semibold before:rounded-[7px] data-icon-only:p-3.5\",\n linkRoot: \"gap-1.5\",\n },\n },\n\n colors: {\n primary: {\n root: [\n \"bg-brand-solid text-white shadow-xs-skeumorphic ring-1 ring-transparent ring-inset hover:bg-brand-solid_hover data-loading:bg-brand-solid_hover\",\n // Inner border gradient\n \"before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n // Disabled styles\n \"disabled:bg-disabled disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-button-primary-icon hover:*:data-icon:text-button-primary-icon_hover\",\n ].join(\" \"),\n },\n secondary: {\n root: [\n \"bg-primary text-secondary shadow-xs-skeumorphic ring-1 ring-primary ring-inset hover:bg-primary_hover hover:text-secondary_hover data-loading:bg-primary_hover\",\n // Disabled styles\n \"disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n tertiary: {\n root: [\n \"text-tertiary hover:bg-primary_hover hover:text-tertiary_hover data-loading:bg-primary_hover\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n \"link-gray\": {\n root: [\n \"justify-normal rounded p-0! text-tertiary hover:text-tertiary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"justify-normal rounded p-0! text-brand-secondary hover:text-brand-secondary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-brand-secondary_alt hover:*:data-icon:text-fg-brand-secondary_hover\",\n ].join(\" \"),\n },\n \"primary-destructive\": {\n root: [\n \"bg-error-solid text-white shadow-xs-skeumorphic ring-1 ring-transparent outline-error ring-inset\",\n // Inner border gradient\n \"before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n // Disabled styles\n \"disabled:bg-disabled disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-button-destructive-primary-icon hover:*:data-icon:text-button-destructive-primary-icon_hover\",\n ].join(\" \"),\n },\n \"secondary-destructive\": {\n root: [\n \"bg-primary text-error-primary shadow-xs-skeumorphic ring-1 ring-error_subtle outline-error ring-inset hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary\",\n // Disabled styles\n \"disabled:bg-primary disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n \"tertiary-destructive\": {\n root: [\n \"text-error-primary outline-error hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n \"link-destructive\": {\n root: [\n \"justify-normal rounded p-0! text-error-primary outline-error hover:text-error-primary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n },\n});\n\n/**\n * Common props shared between button and anchor variants\n */\nexport interface CommonProps {\n /** Disables the button and shows a disabled state */\n isDisabled?: boolean;\n /** Shows a loading spinner and disables the button */\n isLoading?: boolean;\n /** The size variant of the button */\n size?: keyof typeof styles.sizes;\n /** The color variant of the button */\n color?: keyof typeof styles.colors;\n /** Icon component or element to show before the text */\n iconLeading?: FC<{ className?: string }> | ReactNode;\n /** Icon component or element to show after the text */\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n /** Removes horizontal padding from the text content */\n noTextPadding?: boolean;\n /** When true, keeps the text visible during loading state */\n showTextWhileLoading?: boolean;\n}\n\n/**\n * Props for the button variant (non-link)\n */\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n /** Slot name for react-aria component */\n slot?: AriaButtonProps[\"slot\"];\n}\n\n/**\n * Props for the link variant (anchor tag)\n */\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\n/** Union type of button and link props */\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\", \"link-destructive\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n\n href: disabled ? undefined : href,\n\n // Since anchor elements do not support the `disabled` attribute and state,\n // we need to specify `data-rac` and `data-disabled` in order to be able\n // to use the `disabled:` selector in classes.\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n isLinkType && styles.sizes[size].linkRoot,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n // If in `loading` state, hide everything except the loading icon (and text if `showTextWhileLoading` is true).\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n","import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n extend: {\n theme: {\n text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n },\n },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n return classes;\n}\n\n","import type React from \"react\";\n\n// Use unknown for inputs since we're checking if an unknown value is a React component\n// The return types use proper type guards to narrow the type after validation\ntype ReactComponent = React.FC<unknown> | React.ComponentClass<unknown, unknown>;\n\n/**\n * Checks if a given value is a function component.\n */\nexport const isFunctionComponent = (component: unknown): component is React.FC<unknown> => {\n return typeof component === \"function\";\n};\n\n/**\n * Checks if a given value is a class component.\n */\nexport const isClassComponent = (component: unknown): component is React.ComponentClass<unknown, unknown> => {\n return typeof component === \"function\" && \n typeof component === \"function\" && \n component.prototype !== undefined && \n component.prototype !== null &&\n (!!component.prototype.isReactComponent || !!component.prototype.render);\n};\n\n/**\n * Checks if a given value is a forward ref component.\n */\nexport const isForwardRefComponent = (component: unknown): component is React.ForwardRefExoticComponent<unknown> => {\n return typeof component === \"object\" && \n component !== null && \n '$$typeof' in component &&\n component.$$typeof !== undefined &&\n component.$$typeof !== null &&\n component.$$typeof.toString() === \"Symbol(react.forward_ref)\";\n};\n\n/**\n * Checks if a given value is a valid React component.\n */\nexport const isReactComponent = (component: unknown): component is ReactComponent => {\n return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);\n};\n","\"use client\";\n\nimport type { ComponentPropsWithRef, FC } from \"react\";\nimport { createElement } from \"react\";\nimport { Button } from '..';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\ninterface RoundButtonProps extends ComponentPropsWithRef<\"button\"> {\n icon?: FC<{ className?: string }>;\n}\n\nexport const RoundButton = ({ icon: Icon, ...props }: RoundButtonProps) => {\n return (\n <Button\n {...props}\n color=\"link-gray\"\n className={cx(\n \"group flex size-12 items-center justify-center rounded-full bg-primary ring-1 ring-secondary backdrop-blur transition duration-100 ease-linear ring-inset hover:bg-secondary md:size-14\",\n props.className,\n )}\n >\n {props.children ??\n (isReactComponent(Icon) ? createElement(Icon, { className: \"size-5 text-fg-quaternary transition-inherit-all group-hover:text-fg-quaternary_hover md:size-6\" } as Record<string, unknown>) : null)}\n </Button>\n );\n};\n\n","\"use client\";\n\nimport { type FC, type PropsWithChildren, type ReactNode, type RefAttributes, createContext, createElement, isValidElement, useContext } from \"react\";\nimport {\n ToggleButton as AriaToggleButton,\n ToggleButtonGroup as AriaToggleButtonGroup,\n type ToggleButtonGroupProps,\n type ToggleButtonProps,\n} from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nexport const styles = sortCx({\n common: {\n root: [\n \"group/button-group inline-flex h-max cursor-pointer items-center bg-primary font-semibold whitespace-nowrap text-secondary shadow-skeumorphic ring-1 ring-primary outline-brand transition duration-100 ease-linear ring-inset\",\n // Hover and focus styles\n \"hover:bg-primary_hover hover:text-secondary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2\",\n // Disabled styles\n \"disabled:cursor-not-allowed disabled:bg-primary disabled:text-disabled\",\n // Selected styles\n \"selected:bg-active selected:text-secondary_hover selected:disabled:bg-disabled_subtle\",\n ].join(\" \"),\n icon: \"pointer-events-none text-fg-quaternary transition-[inherit] group-hover/button-group:text-fg-quaternary_hover group-disabled/button-group:text-fg-disabled_subtle\",\n },\n\n sizes: {\n sm: {\n root: \"gap-1.5 px-3.5 py-2 text-sm not-last:pr-[calc(calc(var(--spacing)*3.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3 data-icon-only:p-2\",\n icon: \"size-5\",\n },\n md: {\n root: \"gap-1.5 px-4 py-2.5 text-sm not-last:pr-[calc(calc(var(--spacing)*4)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3.5 data-icon-only:px-3\",\n icon: \"size-5\",\n },\n lg: {\n root: \"gap-2 px-4.5 py-2.5 text-md not-last:pr-[calc(calc(var(--spacing)*4.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-4 data-icon-only:p-3\",\n icon: \"size-5\",\n },\n },\n});\n\ntype ButtonSize = keyof typeof styles.sizes;\n\nconst ButtonGroupContext = createContext<{ size: ButtonSize }>({ size: \"md\" });\n\ninterface ButtonGroupItemProps extends ToggleButtonProps, RefAttributes<HTMLButtonElement> {\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n onClick?: () => void;\n className?: string;\n}\n\nexport const ButtonGroupItem = ({\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n children,\n className,\n ...otherProps\n}: PropsWithChildren<ButtonGroupItemProps>) => {\n const context = useContext(ButtonGroupContext);\n\n if (!context) {\n throw new Error(\"ButtonGroupItem must be used within a ButtonGroup component\");\n }\n\n const { size } = context;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n\n return (\n <AriaToggleButton\n {...otherProps}\n data-icon-only={isIcon ? true : undefined}\n data-icon-leading={IconLeading ? true : undefined}\n className={cx(styles.common.root, styles.sizes[size].root, className)}\n >\n {isReactComponent(IconLeading) && createElement(IconLeading, { className: cx(styles.common.icon, styles.sizes[size].icon) } as Record<string, unknown>)}\n {isValidElement(IconLeading) && IconLeading}\n\n {children}\n\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: cx(styles.common.icon, styles.sizes[size].icon) } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </AriaToggleButton>\n );\n};\n\ninterface ButtonGroupProps extends Omit<ToggleButtonGroupProps, \"orientation\">, RefAttributes<HTMLDivElement> {\n size?: ButtonSize;\n className?: string;\n}\n\nexport const ButtonGroup = ({ children, size = \"md\", className, ...otherProps }: ButtonGroupProps) => {\n return (\n <ButtonGroupContext.Provider value={{ size }}>\n <AriaToggleButtonGroup\n selectionMode=\"single\"\n className={cx(\"relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs\", className)}\n {...otherProps}\n >\n {children}\n </AriaToggleButtonGroup>\n </ButtonGroupContext.Provider>\n );\n};\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, createContext, useContext } from \"react\";\nimport { HelpCircle, InfoCircle } from \"@untitledui/icons\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from './hint-text';\nimport { Label } from './label';\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx, sortCx } from '../../../utils/cx';\n\nexport interface InputBaseProps extends TextFieldProps {\n /** Tooltip message on hover. */\n tooltip?: string;\n /**\n * Input size.\n * @default \"sm\"\n */\n size?: \"sm\" | \"md\";\n /** Placeholder text. */\n placeholder?: string;\n /** Class name for the icon. */\n iconClassName?: string;\n /** Class name for the input. */\n inputClassName?: string;\n /** Class name for the input wrapper. */\n wrapperClassName?: string;\n /** Class name for the tooltip. */\n tooltipClassName?: string;\n /** Keyboard shortcut to display. */\n shortcut?: string | boolean;\n ref?: Ref<HTMLInputElement>;\n groupRef?: Ref<HTMLDivElement>;\n /** Icon component to display on the left side of the input. */\n icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n}\n\nexport const InputBase = ({\n ref,\n tooltip,\n shortcut,\n groupRef,\n size = \"sm\",\n isInvalid,\n isDisabled,\n icon: Icon,\n placeholder,\n wrapperClassName,\n tooltipClassName,\n inputClassName,\n iconClassName,\n ...inputProps\n}: Omit<InputBaseProps, \"label\" | \"hint\" | \"isRequired\">) => {\n // Check if the input has a leading icon or tooltip\n const hasTrailingIcon = tooltip || isInvalid;\n const hasLeadingIcon = Icon;\n\n // If the input is inside a `TextFieldContext`, use its context to simplify applying styles\n const context = useContext(TextFieldContext);\n\n const inputSize = context?.size || size;\n\n const sizes = sortCx({\n sm: {\n root: cx(\"px-3 py-2\", hasTrailingIcon && \"pr-9\", hasLeadingIcon && \"pl-10\"),\n iconLeading: \"left-3\",\n iconTrailing: \"right-3\",\n shortcut: \"pr-2.5\",\n },\n md: {\n root: cx(\"px-3.5 py-2.5\", hasTrailingIcon && \"pr-9.5\", hasLeadingIcon && \"pl-10.5\"),\n iconLeading: \"left-3.5\",\n iconTrailing: \"right-3.5\",\n shortcut: \"pr-3\",\n },\n });\n\n return (\n <AriaGroup\n {...{ isDisabled, isInvalid }}\n ref={groupRef}\n className={({ isFocusWithin, isDisabled, isInvalid }) =>\n cx(\n \"relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset\",\n\n isFocusWithin && !isDisabled && \"ring-2 ring-brand\",\n\n // Disabled state styles\n isDisabled && \"cursor-not-allowed bg-disabled_subtle ring-disabled\",\n \"group-disabled:cursor-not-allowed group-disabled:bg-disabled_subtle group-disabled:ring-disabled\",\n\n // Invalid state styles\n isInvalid && \"ring-error_subtle\",\n \"group-invalid:ring-error_subtle\",\n\n // Invalid state with focus-within styles\n isInvalid && isFocusWithin && \"ring-2 ring-error\",\n isFocusWithin && \"group-invalid:ring-2 group-invalid:ring-error\",\n\n context?.wrapperClassName,\n wrapperClassName,\n )\n }\n >\n {/* Leading icon and Payment icon */}\n {Icon && (\n <Icon\n className={cx(\n \"pointer-events-none absolute size-5 text-fg-quaternary\",\n isDisabled && \"text-fg-disabled\",\n sizes[inputSize].iconLeading,\n context?.iconClassName,\n iconClassName,\n )}\n />\n )}\n\n {/* Input field */}\n <AriaInput\n {...(inputProps as AriaInputProps)}\n ref={ref}\n placeholder={placeholder}\n className={cx(\n \"m-0 w-full bg-transparent text-md text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary\",\n isDisabled && \"cursor-not-allowed text-disabled\",\n sizes[inputSize].root,\n context?.inputClassName,\n inputClassName,\n )}\n />\n\n {/* Tooltip and help icon */}\n {tooltip && !isInvalid && (\n <Tooltip title={tooltip} placement=\"top\">\n <TooltipTrigger\n className={cx(\n \"absolute cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n\n {/* Invalid icon */}\n {isInvalid && (\n <InfoCircle\n className={cx(\n \"pointer-events-none absolute size-4 text-fg-error-secondary\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n />\n )}\n\n {/* Shortcut */}\n {shortcut && (\n <div\n className={cx(\n \"pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8\",\n sizes[inputSize].shortcut,\n )}\n >\n <span\n className={cx(\n \"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\",\n isDisabled && \"bg-transparent text-disabled\",\n )}\n aria-hidden=\"true\"\n >\n {typeof shortcut === \"string\" ? shortcut : \"⌘K\"}\n </span>\n </div>\n )}\n </AriaGroup>\n );\n};\n\nInputBase.displayName = \"InputBase\";\n\ninterface BaseProps {\n /** Label text for the input */\n label?: string;\n /** Helper text displayed below the input */\n hint?: ReactNode;\n}\n\ninterface TextFieldProps\n extends BaseProps,\n AriaTextFieldProps,\n Pick<InputBaseProps, \"size\" | \"wrapperClassName\" | \"inputClassName\" | \"iconClassName\" | \"tooltipClassName\"> {\n ref?: Ref<HTMLDivElement>;\n}\n\nconst TextFieldContext = createContext<TextFieldProps>({});\n\nexport const TextField = ({ className, ...props }: TextFieldProps) => {\n return (\n <TextFieldContext.Provider value={props}>\n <AriaTextField\n {...props}\n data-input-wrapper\n className={(state) =>\n cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n }\n />\n </TextFieldContext.Provider>\n );\n};\n\nTextField.displayName = \"TextField\";\n\ninterface InputProps extends InputBaseProps, BaseProps {\n /** Whether to hide required indicator from label */\n hideRequiredIndicator?: boolean;\n}\n\nexport const Input = ({\n size = \"sm\",\n placeholder,\n icon: Icon,\n label,\n hint,\n shortcut,\n hideRequiredIndicator,\n className,\n ref,\n groupRef,\n tooltip,\n iconClassName,\n inputClassName,\n wrapperClassName,\n tooltipClassName,\n ...props\n}: InputProps) => {\n return (\n <TextField aria-label={!label ? placeholder : undefined} {...props} className={className}>\n {({ isRequired, isInvalid }) => (\n <>\n {label && <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired}>{label}</Label>}\n\n <InputBase\n {...{\n ref,\n groupRef,\n size,\n placeholder,\n icon: Icon,\n shortcut,\n iconClassName,\n inputClassName,\n wrapperClassName,\n tooltipClassName,\n tooltip,\n }}\n />\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </TextField>\n );\n};\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport type { TextProps as AriaTextProps } from \"react-aria-components\";\nimport { Text as AriaText } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface HintTextProps extends AriaTextProps {\n /** Indicates that the hint text is an error message. */\n isInvalid?: boolean;\n ref?: Ref<HTMLElement>;\n children: ReactNode;\n}\n\nexport const HintText = ({ isInvalid, className, ...props }: HintTextProps) => {\n return (\n <AriaText\n {...props}\n slot={isInvalid ? \"errorMessage\" : \"description\"}\n className={cx(\n \"text-sm text-tertiary\",\n\n // Invalid state\n isInvalid && \"text-error-primary\",\n \"group-invalid:text-error-primary\",\n\n className,\n )}\n />\n );\n};\n\nHintText.displayName = \"HintText\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport { HelpCircle } from \"@untitledui/icons\";\nimport type { LabelProps as AriaLabelProps } from \"react-aria-components\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx } from '../../../utils/cx';\n\ninterface LabelProps extends AriaLabelProps {\n children: ReactNode;\n isRequired?: boolean;\n tooltip?: string;\n tooltipDescription?: string;\n ref?: Ref<HTMLLabelElement>;\n}\n\nexport const Label = ({ isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps) => {\n return (\n <AriaLabel\n // Used for conditionally hiding/showing the label element via CSS:\n // <Input label=\"Visible only on mobile\" className=\"lg:**:data-label:hidden\" />\n // or\n // <Input label=\"Visible only on mobile\" className=\"lg:label:hidden\" />\n data-label=\"true\"\n {...props}\n className={cx(\"flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary\", className)}\n >\n {props.children}\n\n <span className={cx(\"hidden text-brand-tertiary\", isRequired && \"block\", typeof isRequired === \"undefined\" && \"group-required:block\")}>*</span>\n\n {tooltip && (\n <Tooltip title={tooltip} description={tooltipDescription} placement=\"top\">\n <TooltipTrigger\n // `TooltipTrigger` inherits the disabled state from the parent form field\n // but we don't that. We want the tooltip be enabled even if the parent\n // field is disabled.\n isDisabled={false}\n className=\"cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\"\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n </AriaLabel>\n );\n};\n\nLabel.displayName = \"Label\";\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type {\n ButtonProps as AriaButtonProps,\n TooltipProps as AriaTooltipProps,\n TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Button as AriaButton, OverlayArrow as AriaOverlayArrow, Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, \"children\"> {\n /**\n * The title of the tooltip.\n */\n title: ReactNode;\n /**\n * The description of the tooltip.\n */\n description?: ReactNode;\n /**\n * Whether to show the arrow on the tooltip.\n *\n * @default false\n */\n arrow?: boolean;\n /**\n * Delay in milliseconds before the tooltip is shown.\n *\n * @default 300\n */\n delay?: number;\n}\n\nexport const Tooltip = ({\n title,\n description,\n children,\n arrow = false,\n delay = 300,\n closeDelay = 0,\n trigger,\n isDisabled,\n isOpen,\n defaultOpen,\n offset = 6,\n crossOffset,\n placement = \"top\",\n onOpenChange,\n ...tooltipProps\n}: TooltipProps) => {\n const isTopOrBottomLeft = [\"top left\", \"top end\", \"bottom left\", \"bottom end\"].includes(placement);\n const isTopOrBottomRight = [\"top right\", \"top start\", \"bottom right\", \"bottom start\"].includes(placement);\n // Set negative cross offset for left and right placement to visually balance the tooltip.\n const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;\n\n return (\n <AriaTooltipTrigger {...{ trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange }}>\n {children}\n\n <AriaTooltip\n {...tooltipProps}\n offset={offset}\n placement={placement}\n crossOffset={crossOffset ?? calculatedCrossOffset}\n className={({ isEntering, isExiting }) => cx(isEntering && \"ease-out animate-in\", isExiting && \"ease-in animate-out\")}\n >\n {({ isEntering, isExiting }) => (\n <div\n className={cx(\n \"z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform\",\n description ? \"py-3\" : \"py-2\",\n\n isEntering &&\n \"ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5\",\n isExiting &&\n \"ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5\",\n )}\n >\n <span className=\"text-xs font-semibold text-white\">{title}</span>\n\n {description && <span className=\"text-xs font-medium text-tooltip-supporting-text\">{description}</span>}\n\n {arrow && (\n <AriaOverlayArrow>\n <svg\n viewBox=\"0 0 100 100\"\n className=\"size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180\"\n >\n <path d=\"M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z\" />\n </svg>\n </AriaOverlayArrow>\n )}\n </div>\n )}\n </AriaTooltip>\n </AriaTooltipTrigger>\n );\n};\n\ntype TooltipTriggerProps = AriaButtonProps;\n\nexport const TooltipTrigger = ({ children, className, ...buttonProps }: TooltipTriggerProps) => {\n return (\n <AriaButton {...buttonProps} className={(values) => cx(\"h-max w-max outline-hidden\", typeof className === \"function\" ? className(values) : className)}>\n {children}\n </AriaButton>\n );\n};\n","\"use client\";\n\nimport { type HTMLAttributes, type ReactNode } from \"react\";\nimport { HintText } from './hint-text';\nimport type { InputBaseProps } from './input';\nimport { TextField } from './input';\nimport { Label } from './label';\nimport { cx, sortCx } from '../../../utils/cx';\n\ninterface InputPrefixProps extends HTMLAttributes<HTMLDivElement> {\n /** The position of the prefix. */\n position?: \"leading\" | \"trailing\";\n /** The size of the prefix. */\n size?: \"sm\" | \"md\";\n /** Indicates that the prefix is disabled. */\n isDisabled?: boolean;\n}\n\nexport const InputPrefix = ({ isDisabled, children, ...props }: InputPrefixProps) => (\n <span\n {...props}\n className={cx(\n \"flex text-md text-tertiary shadow-xs ring-1 ring-border-primary ring-inset\",\n // Styles when the prefix is within an `InputGroup`\n \"in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-l-lg\",\n \"in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-r-lg\",\n // Size styles based on size when within an `InputGroup`\n \"in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:pr-3 in-data-input-wrapper:in-data-[input-size=md]:pl-3.5 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2\",\n // Disabled styles\n isDisabled && \"border-disabled bg-disabled_subtle text-tertiary\",\n \"in-data-input-wrapper:group-disabled:bg-disabled_subtle in-data-input-wrapper:group-disabled:text-disabled in-data-input-wrapper:group-disabled:ring-border-disabled\",\n\n props.className,\n )}\n >\n {children}\n </span>\n);\n\n// `${string}ClassName` is used to omit any className prop that ends with a `ClassName` suffix\ninterface InputGroupProps extends Omit<InputBaseProps, \"type\" | \"icon\" | \"placeholder\" | \"tooltip\" | \"shortcut\" | `${string}ClassName`> {\n /** A prefix text that is displayed in the same box as the input.*/\n prefix?: string;\n /** A leading addon that is displayed with visual separation from the input. */\n leadingAddon?: ReactNode;\n /** A trailing addon that is displayed with visual separation from the input. */\n trailingAddon?: ReactNode;\n /** The class name to apply to the input group. */\n className?: string;\n /** The children of the input group (i.e `<InputBase />`) */\n children: ReactNode;\n}\n\nexport const InputGroup = ({ size = \"sm\", prefix, leadingAddon, trailingAddon, label, hint, children, ...props }: InputGroupProps) => {\n const hasLeading = !!leadingAddon;\n const hasTrailing = !!trailingAddon;\n\n const paddings = sortCx({\n sm: {\n input: cx(\n hasLeading && \"group-has-[&>select]:px-2.5 group-has-[&>select]:pl-2.5\",\n hasTrailing && (prefix ? \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-0\" : \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-3\"),\n ),\n leadingText: \"pl-3\",\n },\n md: {\n input: cx(\n hasLeading && \"group-has-[&>select]:px-3 group-has-[&>select]:pl-3\",\n hasTrailing && (prefix ? \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-0\" : \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-3\"),\n ),\n leadingText: \"pl-3.5\",\n },\n });\n\n return (\n <TextField\n size={size}\n aria-label={label || undefined}\n inputClassName={cx(paddings[size].input)}\n tooltipClassName={cx(hasTrailing && !hasLeading && \"group-has-[&>select]:right-0\")}\n wrapperClassName={cx(\n \"z-10 min-w-0 flex-1 !w-auto\",\n hasLeading && \"rounded-sm rounded-l-none bg-white ring-1 ring-secondary ring-inset focus-within:ring-2 focus-within:ring-brand group-disabled:bg-disabled_subtle group-disabled:ring-disabled\",\n hasTrailing && \"rounded-r-none\",\n )}\n {...props}\n >\n {({ isDisabled, isInvalid, isRequired }) => (\n <>\n {label && <Label isRequired={isRequired}>{label}</Label>}\n\n <div\n data-input-size={size}\n data-input-wrapper\n className={cx(\n \"group relative flex h-max w-full flex-row items-center rounded-sm bg-white transition-all duration-100 ease-linear\",\n \"has-[&>select]:shadow-xs has-[&>select]:ring-1 has-[&>select]:ring-secondary has-[&>select]:ring-inset has-[&>select]:has-[input:focus]:ring-2 has-[&>select]:has-[input:focus]:ring-brand\",\n isDisabled && \"cursor-not-allowed has-[&>select]:bg-disabled_subtle has-[&>select]:ring-border-disabled\",\n isInvalid && \"has-[&>select]:ring-border-error_subtle has-[&>select]:has-[input:focus]:ring-border-error\",\n )}\n >\n {leadingAddon && (\n <div data-leading={hasLeading || undefined} className=\"flex shrink-0\">\n {leadingAddon}\n </div>\n )}\n\n {prefix && (\n <span className={cx(\"my-auto grow pr-2\", paddings[size].leadingText)}>\n <p className={cx(\"text-md text-tertiary\", isDisabled && \"text-disabled\")}>{prefix}</p>\n </span>\n )}\n\n {children}\n\n {trailingAddon && <div data-trailing={hasTrailing || undefined}>{trailingAddon}</div>}\n </div>\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </TextField>\n );\n};\n\nInputGroup.Prefix = InputPrefix;\n\nInputGroup.displayName = \"InputGroup\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport React from \"react\";\nimport type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { TextArea as AriaTextArea, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\n// Creates a data URL for an SVG resize handle with a given color.\nconst getResizeHandleBg = (color: string) => {\n return `url(data:image/svg+xml;base64,${btoa(`<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 2L2 10\" stroke=\"${color}\" stroke-linecap=\"round\"/><path d=\"M11 7L7 11\" stroke=\"${color}\" stroke-linecap=\"round\"/></svg>`)})`;\n};\n\ninterface TextAreaBaseProps extends AriaTextAreaProps {\n ref?: Ref<HTMLTextAreaElement>;\n}\n\nexport const TextAreaBase = ({ className, ...props }: TextAreaBaseProps) => {\n return (\n <AriaTextArea\n {...props}\n style={\n {\n \"--resize-handle-bg\": getResizeHandleBg(\"#D5D7DA\"),\n \"--resize-handle-bg-dark\": getResizeHandleBg(\"#373A41\"),\n } as React.CSSProperties\n }\n className={(state) =>\n cx(\n \"w-full scroll-py-3 rounded-lg bg-primary px-3.5 py-3 text-md text-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:outline-hidden\",\n\n // Resize handle\n \"[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)\",\n\n state.isFocused && !state.isDisabled && \"ring-2 ring-brand\",\n state.isDisabled && \"cursor-not-allowed bg-disabled_subtle text-disabled ring-disabled\",\n state.isInvalid && \"ring-error_subtle\",\n state.isInvalid && state.isFocused && \"ring-2 ring-error\",\n\n typeof className === \"function\" ? className(state) : className,\n )\n }\n />\n );\n};\n\nTextAreaBase.displayName = \"TextAreaBase\";\n\ninterface TextFieldProps extends AriaTextFieldProps {\n /** Label text for the textarea */\n label?: string;\n /** Helper text displayed below the textarea */\n hint?: ReactNode;\n /** Tooltip message displayed after the label. */\n tooltip?: string;\n /** Class name for the textarea wrapper */\n textAreaClassName?: TextAreaBaseProps[\"className\"];\n /** Ref for the textarea wrapper */\n ref?: Ref<HTMLDivElement>;\n /** Ref for the textarea */\n textAreaRef?: TextAreaBaseProps[\"ref\"];\n /** Whether to hide required indicator from label. */\n hideRequiredIndicator?: boolean;\n /** Placeholder text. */\n placeholder?: string;\n /** Visible height of textarea in rows . */\n rows?: number;\n /** Visible width of textarea in columns. */\n cols?: number;\n}\n\nexport const TextArea = ({\n label,\n hint,\n tooltip,\n textAreaRef,\n hideRequiredIndicator,\n textAreaClassName,\n placeholder,\n className,\n rows,\n cols,\n ...props\n}: TextFieldProps) => {\n return (\n <AriaTextField\n {...props}\n className={(state) =>\n cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n }\n >\n {({ isInvalid, isRequired }) => (\n <>\n {label && (\n <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} tooltip={tooltip}>\n {label}\n </Label>\n )}\n\n <TextAreaBase placeholder={placeholder} className={textAreaClassName} ref={textAreaRef} rows={rows} cols={cols} />\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </AriaTextField>\n );\n};\n\nTextArea.displayName = \"TextArea\";\n","'use client';\n\nimport { useId } from 'react';\n\n/**\n * A2P 10DLC-compliant privacy + SMS consent checkbox. Use on any form that collects phone numbers.\n * Same copy and markup used across contact and job application forms.\n */\nexport function PrivacyCheckbox() {\n const id = useId();\n return (\n <div className=\"flex items-start gap-3\">\n <input\n type=\"checkbox\"\n id={id}\n name=\"privacy\"\n required\n aria-label=\"Agree to Privacy Policy, Terms of Service, and SMS consent\"\n className=\"mt-1 w-4 h-4 shrink-0 border-secondary rounded focus:ring-focus-ring\"\n />\n <label htmlFor={id} className=\"font-body text-sm text-tertiary\">\n By checking this box, you agree to our{' '}\n <a\n href=\"/privacy-policy\"\n className=\"underline outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2\"\n >\n Privacy Policy\n </a>\n {' '}\n and{' '}\n <a\n href=\"/terms-of-service\"\n className=\"underline outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2\"\n >\n Terms of Service\n </a>\n . You consent to receive text messages from our team and our automated systems (e.g., question follow-ups, updates, responses to ads) at the number provided. Message frequency varies. Message and data rates may apply. Reply HELP for help, STOP to opt out. *\n </label>\n </div>\n );\n}\n","\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\nimport { Form as AriaForm } from \"react-aria-components\";\n\nexport const Form = (props: ComponentPropsWithRef<typeof AriaForm>) => {\n return <AriaForm {...props} />;\n};\n\nForm.displayName = \"Form\";\n","import React from 'react';\nimport { cx } from '../../../utils/cx';\n\ninterface FormContainerProps {\n children: React.ReactNode;\n title?: string;\n description?: string;\n variant?: 'default' | 'aman' | 'barelux';\n bordered?: boolean;\n className?: string;\n}\n\nexport const FormContainer = ({ \n children,\n title,\n description,\n variant = 'default',\n bordered = false,\n className\n}: FormContainerProps) => {\n const isAman = variant === 'aman';\n const isBarelux = variant === 'barelux';\n\n // Container styles based on variant and bordered prop\n const containerClassName = cx(\n 'bg-white p-6 md:p-8',\n bordered && 'border border-secondary',\n isAman && bordered && '', // No rounded corners for Aman\n !isAman && bordered && 'rounded-lg', // Default and Barelux have rounded corners\n className\n );\n\n // Title styles based on variant\n const titleClassName = cx(\n isAman && 'font-heading text-2xl font-light uppercase tracking-wide text-primary',\n isBarelux && 'font-heading text-2xl font-semibold text-primary',\n !isAman && !isBarelux && 'font-display text-2xl font-semibold text-primary'\n );\n\n // Description styles based on variant\n const descriptionClassName = cx(\n 'mt-2 text-base text-tertiary',\n isAman && 'font-body',\n isBarelux && 'font-body',\n !isAman && !isBarelux && 'font-body'\n );\n\n return (\n <div className={containerClassName}>\n {(title || description) && (\n <div className=\"mb-6\">\n {title && (\n <h2 className={titleClassName}>\n {title}\n </h2>\n )}\n {description && (\n <p className={descriptionClassName}>\n {description}\n </p>\n )}\n </div>\n )}\n {children}\n </div>\n );\n};\n","\"use client\";\n\nimport type { FC, ReactNode, Ref, RefAttributes } from \"react\";\nimport { createContext, isValidElement } from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport type { SelectProps as AriaSelectProps } from \"react-aria-components\";\nimport { Button as AriaButton, ListBox as AriaListBox, Select as AriaSelect, SelectValue as AriaSelectValue } from \"react-aria-components\";\nimport { Avatar } from '../avatar/avatar';\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\nimport { ComboBox } from './combobox';\nimport { Popover } from \"./popover\";\nimport { SelectItem } from \"./select-item\";\n\nexport type SelectItemType = {\n id: string;\n label?: string;\n avatarUrl?: string;\n isDisabled?: boolean;\n supportingText?: string;\n icon?: FC | ReactNode;\n};\n\nexport interface CommonProps {\n hint?: string;\n label?: string;\n tooltip?: string;\n size?: \"sm\" | \"md\";\n placeholder?: string;\n}\n\ninterface SelectProps extends Omit<AriaSelectProps<SelectItemType>, \"children\" | \"items\">, RefAttributes<HTMLDivElement>, CommonProps {\n items?: SelectItemType[];\n popoverClassName?: string;\n placeholderIcon?: FC | ReactNode;\n children: ReactNode | ((item: SelectItemType) => ReactNode);\n}\n\ninterface SelectValueProps {\n isOpen: boolean;\n size: \"sm\" | \"md\";\n isFocused: boolean;\n isDisabled: boolean;\n placeholder?: string;\n ref?: Ref<HTMLButtonElement>;\n placeholderIcon?: FC | ReactNode;\n}\n\nexport const sizes = {\n sm: { root: \"py-2 px-3\", shortcut: \"pr-2.5\" },\n md: { root: \"py-2.5 px-3.5\", shortcut: \"pr-3\" },\n};\n\nconst SelectValue = ({ isOpen, isFocused, isDisabled, size, placeholder, placeholderIcon, ref }: SelectValueProps) => {\n return (\n <AriaButton\n ref={ref}\n className={cx(\n \"relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset\",\n (isFocused || isOpen) && \"ring-2 ring-brand\",\n isDisabled && \"cursor-not-allowed bg-disabled_subtle text-disabled\",\n )}\n >\n <AriaSelectValue<SelectItemType>\n className={cx(\n \"flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle\",\n\n // Icon styles\n \"*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled\",\n\n sizes[size].root,\n )}\n >\n {(state) => {\n const Icon = state.selectedItem?.icon || placeholderIcon;\n return (\n <>\n {state.selectedItem?.avatarUrl ? (\n <Avatar size=\"xs\" src={state.selectedItem.avatarUrl} alt={state.selectedItem.label} />\n ) : isReactComponent(Icon) ? (\n <Icon data-icon aria-hidden=\"true\" />\n ) : isValidElement(Icon) ? (\n Icon\n ) : null}\n\n {state.selectedItem ? (\n <section className=\"flex w-full gap-2 truncate\">\n <p className=\"truncate text-md font-medium text-primary\">{state.selectedItem?.label}</p>\n {state.selectedItem?.supportingText && <p className=\"text-md text-tertiary\">{state.selectedItem?.supportingText}</p>}\n </section>\n ) : (\n <p className={cx(\"text-md text-placeholder\", isDisabled && \"text-disabled\")}>{placeholder}</p>\n )}\n\n <ChevronDown\n aria-hidden=\"true\"\n className={cx(\"ml-auto shrink-0 text-fg-quaternary\", size === \"sm\" ? \"size-4 stroke-[2.5px]\" : \"size-5\")}\n />\n </>\n );\n }}\n </AriaSelectValue>\n </AriaButton>\n );\n};\n\nexport const SelectContext = createContext<{ size: \"sm\" | \"md\" }>({ size: \"sm\" });\n\nconst Select = ({ placeholder = \"Select\", placeholderIcon, size = \"sm\", children, items, label, hint, tooltip, className, ...rest }: SelectProps) => {\n return (\n <SelectContext.Provider value={{ size }}>\n <AriaSelect {...rest} className={(state) => cx(\"flex flex-col gap-1.5\", typeof className === \"function\" ? className(state) : className)}>\n {(state) => (\n <>\n {label && (\n <Label isRequired={state.isRequired} tooltip={tooltip}>\n {label}\n </Label>\n )}\n\n <SelectValue {...state} {...{ size, placeholder }} placeholderIcon={placeholderIcon} />\n\n <Popover size={size} className={rest.popoverClassName}>\n <AriaListBox items={items} className=\"size-full outline-hidden\">\n {children}\n </AriaListBox>\n </Popover>\n\n {hint && <HintText isInvalid={state.isInvalid}>{hint}</HintText>}\n </>\n )}\n </AriaSelect>\n </SelectContext.Provider>\n );\n};\n\nconst _Select = Select as typeof Select & {\n ComboBox: typeof ComboBox;\n Item: typeof SelectItem;\n};\n_Select.ComboBox = ComboBox;\n_Select.Item = SelectItem;\n\nexport { _Select as Select };\n","\"use client\";\n\nimport { type FC, type ReactNode, useState } from \"react\";\nimport Image from \"next/image\";\nimport { User01 } from \"@untitledui/icons\";\nimport { cx } from '../../../utils/cx';\nimport { AvatarOnlineIndicator, VerifiedTick } from \"./base-components\";\n\ntype AvatarSize = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nexport interface AvatarProps {\n size?: AvatarSize;\n className?: string;\n src?: string | null;\n alt?: string;\n /**\n * Display a contrast border around the avatar.\n */\n contrastBorder?: boolean;\n /**\n * Display a badge (i.e. company logo).\n */\n badge?: ReactNode;\n /**\n * Display a status indicator.\n */\n status?: \"online\" | \"offline\";\n /**\n * Display a verified tick icon.\n *\n * @default false\n */\n verified?: boolean;\n\n /**\n * The initials of the user to display if no image is available.\n */\n initials?: string;\n /**\n * An icon to display if no image is available.\n */\n placeholderIcon?: FC<{ className?: string }>;\n /**\n * A placeholder to display if no image is available.\n */\n placeholder?: ReactNode;\n\n /**\n * Whether the avatar should show a focus ring when the parent group is in focus.\n * For example, when the avatar is wrapped inside a link.\n *\n * @default false\n */\n focusable?: boolean;\n}\n\nconst styles = {\n xxs: { root: \"size-4 outline-[0.5px] -outline-offset-[0.5px]\", initials: \"text-xs font-semibold\", icon: \"size-3\" },\n xs: { root: \"size-6 outline-[0.5px] -outline-offset-[0.5px]\", initials: \"text-xs font-semibold\", icon: \"size-4\" },\n sm: { root: \"size-8 outline-[0.75px] -outline-offset-[0.75px]\", initials: \"text-sm font-semibold\", icon: \"size-5\" },\n md: { root: \"size-10 outline-1 -outline-offset-1\", initials: \"text-md font-semibold\", icon: \"size-6\" },\n lg: { root: \"size-12 outline-1 -outline-offset-1\", initials: \"text-lg font-semibold\", icon: \"size-7\" },\n xl: { root: \"size-14 outline-1 -outline-offset-1\", initials: \"text-xl font-semibold\", icon: \"size-8\" },\n \"2xl\": { root: \"size-16 outline-1 -outline-offset-1\", initials: \"text-display-xs font-semibold\", icon: \"size-8\" },\n};\n\nexport const Avatar = ({\n contrastBorder = true,\n size = \"md\",\n src,\n alt,\n initials,\n placeholder,\n placeholderIcon: PlaceholderIcon,\n badge,\n status,\n verified,\n focusable = false,\n className,\n}: AvatarProps) => {\n const [isFailed, setIsFailed] = useState(false);\n\n const renderMainContent = () => {\n if (src && !isFailed) {\n return <Image data-avatar-img className=\"size-full rounded-full object-cover\" src={src} alt={alt || ''} onError={() => setIsFailed(true)} width={100} height={100} />;\n }\n\n if (initials) {\n return <span className={cx(\"text-quaternary\", styles[size].initials)}>{initials}</span>;\n }\n\n if (PlaceholderIcon) {\n return <PlaceholderIcon className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n }\n\n return placeholder || <User01 className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n };\n\n const renderBadgeContent = () => {\n if (status) {\n return <AvatarOnlineIndicator status={status} size={size === \"xxs\" ? \"xs\" : size} />;\n }\n\n if (verified) {\n return (\n <VerifiedTick\n size={size === \"xxs\" ? \"xs\" : size}\n className={cx(\"absolute right-0 bottom-0\", (size === \"xxs\" || size === \"xs\") && \"-right-px -bottom-px\")}\n />\n );\n }\n\n return badge;\n };\n\n return (\n <div\n data-avatar\n className={cx(\n \"relative inline-flex shrink-0 items-center justify-center rounded-full bg-avatar-bg outline-transparent\",\n // Focus styles\n focusable && \"group-outline-focus-ring group-focus-visible:outline-2 group-focus-visible:outline-offset-2\",\n contrastBorder && \"outline outline-avatar-contrast-border\",\n styles[size].root,\n className,\n )}\n >\n {renderMainContent()}\n {renderBadgeContent()}\n </div>\n );\n};\n","\"use client\";\n\nimport { cx } from '../../../../utils/cx';\n\nconst sizes = {\n xs: \"size-1.5\",\n sm: \"size-2\",\n md: \"size-2.5\",\n lg: \"size-3\",\n xl: \"size-3.5\",\n \"2xl\": \"size-4\",\n \"3xl\": \"size-4.5\",\n \"4xl\": \"size-5\",\n};\n\ninterface AvatarOnlineIndicatorProps {\n size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n status: \"online\" | \"offline\";\n className?: string;\n}\n\nexport const AvatarOnlineIndicator = ({ size, status, className }: AvatarOnlineIndicatorProps) => (\n <span\n className={cx(\n \"absolute right-0 bottom-0 rounded-full ring-[1.5px] ring-bg-primary\",\n status === \"online\" ? \"bg-fg-success-secondary\" : \"bg-fg-disabled_subtle\",\n sizes[size],\n className,\n )}\n />\n);\n","\"use client\";\n\nimport { cx } from '../../../../utils/cx';\n\nconst sizes = {\n xs: { root: \"size-2.5\", tick: \"size-[4.38px\" },\n sm: { root: \"size-3\", tick: \"size-[5.25px]\" },\n md: { root: \"size-3.5\", tick: \"size-[6.13px]\" },\n lg: { root: \"size-4\", tick: \"size-[7px]\" },\n xl: { root: \"size-4.5\", tick: \"size-[7.88px]\" },\n \"2xl\": { root: \"size-5\", tick: \"size-[8.75px]\" },\n \"3xl\": { root: \"size-6\", tick: \"size-[10.5px]\" },\n \"4xl\": { root: \"size-8\", tick: \"size-[14px]\" },\n};\n\ninterface VerifiedTickProps {\n size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n className?: string;\n}\n\nexport const VerifiedTick = ({ size, className }: VerifiedTickProps) => (\n <svg data-verified className={cx(\"z-10 text-utility-blue-500\", sizes[size].root, className)} viewBox=\"0 0 10 10\" fill=\"none\">\n <path\n d=\"M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z\"\n className=\"fill-current\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z\"\n fill=\"white\"\n />\n </svg>\n);\n","\"use client\";\n\nimport type { FocusEventHandler, PointerEventHandler, RefAttributes, RefObject } from \"react\";\nimport { useCallback, useContext, useRef, useState } from \"react\";\nimport { SearchLg as SearchIcon } from \"@untitledui/icons\";\nimport type { ComboBoxProps as AriaComboBoxProps, GroupProps as AriaGroupProps, ListBoxProps as AriaListBoxProps } from \"react-aria-components\";\nimport { ComboBox as AriaComboBox, Group as AriaGroup, Input as AriaInput, ListBox as AriaListBox, ComboBoxStateContext } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { Popover } from './popover';\nimport { type CommonProps, SelectContext, type SelectItemType, sizes } from './select';\nimport { useResizeObserver } from '../../../lib/hooks/use-resize-observer';\nimport { cx } from '../../../utils/cx';\n\ninterface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, \"children\" | \"items\">, RefAttributes<HTMLDivElement>, CommonProps {\n shortcut?: boolean;\n items?: SelectItemType[];\n popoverClassName?: string;\n shortcutClassName?: string;\n children: AriaListBoxProps<SelectItemType>[\"children\"];\n}\n\ninterface ComboBoxValueProps extends AriaGroupProps {\n size: \"sm\" | \"md\";\n shortcut: boolean;\n placeholder?: string;\n shortcutClassName?: string;\n onFocus?: FocusEventHandler;\n onPointerEnter?: PointerEventHandler;\n ref?: RefObject<HTMLDivElement | null>;\n}\n\nconst ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, ...otherProps }: ComboBoxValueProps) => {\n const state = useContext(ComboBoxStateContext);\n\n const value = state?.selectedItem?.value || null;\n const inputValue = state?.inputValue || null;\n\n const first = inputValue?.split(value?.supportingText)?.[0] || \"\";\n const last = inputValue?.split(first)[1];\n\n return (\n <AriaGroup\n {...otherProps}\n className={({ isFocusWithin, isDisabled }) =>\n cx(\n \"relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset\",\n isDisabled && \"cursor-not-allowed bg-disabled_subtle\",\n isFocusWithin && \"ring-2 ring-brand\",\n sizes[size].root,\n )\n }\n >\n {({ isDisabled }) => (\n <>\n <SearchIcon className=\"pointer-events-none size-5 shrink-0 text-fg-quaternary\" />\n\n <div className=\"relative flex w-full items-center gap-2\">\n {inputValue && (\n <span className=\"absolute top-1/2 z-0 inline-flex w-full -translate-y-1/2 gap-2 truncate\" aria-hidden=\"true\">\n <p className={cx(\"text-md font-medium text-primary\", isDisabled && \"text-disabled\")}>{first}</p>\n {last && <p className={cx(\"-ml-0.75 text-md text-tertiary\", isDisabled && \"text-disabled\")}>{last}</p>}\n </span>\n )}\n\n <AriaInput\n placeholder={placeholder}\n className=\"z-10 w-full appearance-none bg-transparent text-md text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled\"\n />\n </div>\n\n {shortcut && (\n <div\n className={cx(\n \"absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8\",\n isDisabled && \"to-bg-disabled_subtle\",\n sizes[size].shortcut,\n shortcutClassName,\n )}\n >\n <span\n className={cx(\n \"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\",\n isDisabled && \"bg-transparent text-disabled\",\n )}\n aria-hidden=\"true\"\n >\n ⌘K\n </span>\n </div>\n )}\n </>\n )}\n </AriaGroup>\n );\n};\n\nexport const ComboBox = ({ placeholder = \"Search\", shortcut = true, size = \"sm\", children, items, shortcutClassName, ...otherProps }: ComboBoxProps) => {\n const placeholderRef = useRef<HTMLDivElement>(null);\n const [popoverWidth, setPopoverWidth] = useState(\"\");\n\n // Resize observer for popover width\n const onResize = useCallback(() => {\n if (!placeholderRef.current) return;\n\n const divRect = placeholderRef.current?.getBoundingClientRect();\n\n setPopoverWidth(divRect.width + \"px\");\n }, [placeholderRef, setPopoverWidth]);\n\n useResizeObserver({\n ref: placeholderRef,\n box: \"border-box\",\n onResize,\n });\n\n return (\n <SelectContext.Provider value={{ size }}>\n <AriaComboBox menuTrigger=\"focus\" {...otherProps}>\n {(state) => (\n <div className=\"flex flex-col gap-1.5\">\n {otherProps.label && (\n <Label isRequired={state.isRequired} tooltip={otherProps.tooltip}>\n {otherProps.label}\n </Label>\n )}\n\n <ComboBoxValue\n ref={placeholderRef}\n placeholder={placeholder}\n shortcut={shortcut}\n shortcutClassName={shortcutClassName}\n size={size}\n // This is a workaround to correctly calculating the trigger width\n // while using ResizeObserver wasn't 100% reliable.\n onFocus={onResize}\n onPointerEnter={onResize}\n />\n\n <Popover size={size} triggerRef={placeholderRef} style={{ width: popoverWidth }} className={otherProps.popoverClassName}>\n <AriaListBox items={items} className=\"size-full outline-hidden\">\n {children}\n </AriaListBox>\n </Popover>\n\n {otherProps.hint && <HintText isInvalid={state.isInvalid}>{otherProps.hint}</HintText>}\n </div>\n )}\n </AriaComboBox>\n </SelectContext.Provider>\n );\n};\n","\"use client\";\n\nimport type { RefAttributes } from \"react\";\nimport type { PopoverProps as AriaPopoverProps } from \"react-aria-components\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface PopoverProps extends AriaPopoverProps, RefAttributes<HTMLElement> {\n size: \"sm\" | \"md\";\n}\n\nexport const Popover = (props: PopoverProps) => {\n return (\n <AriaPopover\n placement=\"bottom\"\n containerPadding={0}\n offset={4}\n {...props}\n className={(state) =>\n cx(\n \"max-h-64! w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform\",\n\n state.isEntering &&\n \"duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5\",\n state.isExiting &&\n \"duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5\",\n props.size === \"md\" && \"max-h-80!\",\n\n typeof props.className === \"function\" ? props.className(state) : props.className,\n )\n }\n />\n );\n};\n","import { useEffect } from \"react\";\nimport type { RefObject } from \"@react-types/shared\";\n\n/**\n * Checks if the ResizeObserver API is supported.\n * @returns True if the ResizeObserver API is supported, false otherwise.\n */\nfunction hasResizeObserver() {\n return typeof window.ResizeObserver !== \"undefined\";\n}\n\n/**\n * The options for the useResizeObserver hook.\n */\ntype useResizeObserverOptionsType<T> = {\n /**\n * The ref to the element to observe.\n */\n ref: RefObject<T | undefined | null> | undefined;\n /**\n * The box to observe.\n */\n box?: ResizeObserverBoxOptions;\n /**\n * The callback function to call when the size changes.\n */\n onResize: () => void;\n};\n\n/**\n * A hook that observes the size of an element and calls a callback function when the size changes.\n * @param options - The options for the hook.\n */\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n const { ref, box, onResize } = options;\n\n useEffect(() => {\n const element = ref?.current;\n if (!element) {\n return;\n }\n\n if (!hasResizeObserver()) {\n window.addEventListener(\"resize\", onResize, false);\n\n return () => {\n window.removeEventListener(\"resize\", onResize, false);\n };\n } else {\n const resizeObserverInstance = new window.ResizeObserver((entries) => {\n if (!entries.length) {\n return;\n }\n\n onResize();\n });\n\n resizeObserverInstance.observe(element, { box });\n\n return () => {\n if (element) {\n resizeObserverInstance.unobserve(element);\n }\n };\n }\n }, [onResize, ref, box]);\n}\n\n","\"use client\";\n\nimport { isValidElement, useContext } from \"react\";\nimport { Check } from \"@untitledui/icons\";\nimport type { ListBoxItemProps as AriaListBoxItemProps } from \"react-aria-components\";\nimport { ListBoxItem as AriaListBoxItem, Text as AriaText } from \"react-aria-components\";\nimport { Avatar } from '../avatar/avatar';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\nimport type { SelectItemType } from \"./select\";\nimport { SelectContext } from \"./select\";\n\nconst sizes = {\n sm: \"p-2 pr-2.5\",\n md: \"p-2.5 pl-2\",\n};\n\ninterface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, \"id\">, SelectItemType {}\n\nexport const SelectItem = ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, ...props }: SelectItemProps) => {\n const { size } = useContext(SelectContext);\n\n const labelOrChildren = label || (typeof children === \"string\" ? children : \"\");\n const textValue = supportingText ? labelOrChildren + \" \" + supportingText : labelOrChildren;\n\n return (\n <AriaListBoxItem\n id={id}\n value={\n value ?? {\n id,\n label: labelOrChildren,\n avatarUrl,\n supportingText,\n isDisabled,\n icon: Icon,\n }\n }\n textValue={textValue}\n isDisabled={isDisabled}\n {...props}\n className={(state) => cx(\"w-full px-1.5 py-px outline-hidden\", typeof className === \"function\" ? className(state) : className)}\n >\n {(state) => (\n <div\n className={cx(\n \"flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none\",\n state.isSelected && \"bg-active\",\n state.isDisabled && \"cursor-not-allowed\",\n state.isFocused && \"bg-primary_hover\",\n state.isFocusVisible && \"ring-2 ring-focus-ring ring-inset\",\n\n // Icon styles\n \"*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n state.isDisabled && \"*:data-icon:text-fg-disabled\",\n\n sizes[size],\n )}\n >\n {avatarUrl ? (\n <Avatar aria-hidden=\"true\" size=\"xs\" src={avatarUrl} alt={label} />\n ) : isReactComponent(Icon) ? (\n <Icon data-icon aria-hidden=\"true\" />\n ) : isValidElement(Icon) ? (\n Icon\n ) : null}\n\n <div className=\"flex w-full min-w-0 flex-1 flex-wrap gap-x-2\">\n <AriaText\n slot=\"label\"\n className={cx(\"truncate text-md font-medium whitespace-nowrap text-primary\", state.isDisabled && \"text-disabled\")}\n >\n {label || (typeof children === \"function\" ? children(state) : children)}\n </AriaText>\n\n {supportingText && (\n <AriaText slot=\"description\" className={cx(\"text-md whitespace-nowrap text-tertiary\", state.isDisabled && \"text-disabled\")}>\n {supportingText}\n </AriaText>\n )}\n </div>\n\n {state.isSelected && (\n <Check\n aria-hidden=\"true\"\n className={cx(\n \"ml-auto text-fg-brand-primary\",\n size === \"sm\" ? \"size-4 stroke-[2.5px]\" : \"size-5\",\n state.isDisabled && \"text-fg-disabled\",\n )}\n />\n )}\n </div>\n )}\n </AriaListBoxItem>\n );\n};\n","\"use client\";\n\nimport { type SelectHTMLAttributes, useId } from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\ninterface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n label?: string;\n hint?: string;\n selectClassName?: string;\n options: { label: string; value: string; disabled?: boolean }[];\n}\n\nexport const NativeSelect = ({ label, hint, options, className, selectClassName, ...props }: NativeSelectProps) => {\n const id = useId();\n const selectId = `select-native-${id}`;\n const hintId = `select-native-hint-${id}`;\n\n return (\n <div className={cx(\"w-full in-data-input-wrapper:w-max\", className)}>\n {label && (\n <Label htmlFor={selectId} id={selectId} className=\"mb-1.5\">\n {label}\n </Label>\n )}\n\n <div className=\"relative grid w-full items-center\">\n <select\n {...props}\n id={selectId}\n aria-describedby={hintId}\n aria-labelledby={selectId}\n className={cx(\n \"appearance-none rounded-lg bg-primary px-3.5 py-2.5 text-md font-medium text-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset placeholder:text-fg-quaternary focus-visible:ring-2 focus-visible:ring-brand disabled:cursor-not-allowed disabled:bg-disabled_subtle disabled:text-disabled\",\n /* InputGroup: match other inputs (bg-white, rounded-sm, ring-secondary) */\n \"in-data-input-wrapper:flex in-data-input-wrapper:h-full in-data-input-wrapper:gap-1 in-data-input-wrapper:!bg-white in-data-input-wrapper:px-3 in-data-input-wrapper:py-2 in-data-input-wrapper:font-normal in-data-input-wrapper:text-tertiary in-data-input-wrapper:shadow-none in-data-input-wrapper:ring-1 in-data-input-wrapper:ring-secondary in-data-input-wrapper:ring-inset in-data-input-wrapper:rounded-sm in-data-input-wrapper:focus-visible:ring-2 in-data-input-wrapper:focus-visible:ring-brand\",\n \"in-data-input-wrapper:group-disabled:pointer-events-none in-data-input-wrapper:group-disabled:cursor-not-allowed in-data-input-wrapper:group-disabled:bg-transparent in-data-input-wrapper:group-disabled:ring-disabled in-data-input-wrapper:group-disabled:text-disabled\",\n \"in-data-input-wrapper:in-data-leading:rounded-l-sm in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-trailing:rounded-r-sm in-data-input-wrapper:in-data-trailing:rounded-l-none\",\n \"in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-leading:in-data-[input-size=md]:pl-3.5 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:pl-3\",\n \"in-data-input-wrapper:in-data-leading:in-data-[input-size=md]:pr-4.5 in-data-input-wrapper:in-data-leading:in-data-[input-size=sm]:pr-4.5\",\n \"in-data-input-wrapper:in-data-trailing:in-data-[input-size=md]:pr-8 in-data-input-wrapper:in-data-trailing:in-data-[input-size=sm]:pr-7.5\",\n selectClassName,\n )}\n >\n {options.map((opt) => (\n <option key={opt.value} value={opt.value}>\n {opt.label}\n </option>\n ))}\n </select>\n <ChevronDown\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute right-3.5 size-5 text-fg-quaternary in-data-input-wrapper:right-1.5 in-data-input-wrapper:size-4 in-data-input-wrapper:stroke-[2.625px] in-data-input-wrapper:in-data-trailing:in-data-[input-size=sm]:right-3\"\n />\n </div>\n\n {hint && (\n <HintText className=\"mt-2\" id={hintId}>\n {hint}\n </HintText>\n )}\n </div>\n );\n};\n","'use client';\n\nimport React, { useState, useEffect, useMemo } from 'react';\nimport Image from 'next/image';\nimport { getGradientUrl } from '../../../utils/gradient-placeholder';\nimport type { WebsitePhotos } from '../../../types/api/website-photos';\nimport type { CompanyInformation } from '../../../types/api/company-information';\n\ninterface PhotoWithFallbackProps {\n // Generic object with photo_attachments (service, location, team member, blog post, etc.)\n item?: {\n id?: number;\n name?: string;\n title?: string;\n photo_attachments?: Array<{\n id: number;\n featured: boolean;\n photo?: {\n id: number;\n title: string;\n thumbnail_url?: string;\n medium_url?: string;\n large_url?: string;\n original_url?: string;\n };\n }>;\n };\n // Generic photo props (for direct photo URLs; null/undefined = use gradient fallback)\n photoUrl?: string | null;\n photoAlt?: string;\n // Fallback props\n fallbackId?: number | string;\n // Image props\n className?: string;\n alt?: string;\n // SSR data props (optional)\n websitePhotos?: WebsitePhotos | null;\n companyInformation?: CompanyInformation | null;\n}\n\n/**\n * Reusable component that displays a photo with automatic fallback to gradient.\n * Supports photo_attachments from any object (services, locations, team members, blog posts, etc.),\n * direct photo URLs, or gradient fallback.\n */\nexport default function PhotoWithFallback({\n item,\n photoUrl,\n photoAlt,\n fallbackId,\n className = '',\n alt,\n websitePhotos,\n companyInformation,\n}: PhotoWithFallbackProps) {\n // Determine the image URL synchronously to avoid gradient flash\n const { imageUrl, imageAlt } = useMemo(() => {\n // Use data from props (SSR) - moved inside useMemo to fix dependency issues\n const isStubMode = companyInformation?.account_status === 'stub';\n const stockPhotos = websitePhotos?.stock_photos || [];\n\n // Priority 1: Direct photoUrl prop\n if (photoUrl) {\n return { imageUrl: photoUrl, imageAlt: photoAlt || alt || \"\" };\n }\n\n // Priority 2: Photo from photo_attachments\n if (item?.photo_attachments && item.photo_attachments.length > 0) {\n const photoAttachments = item.photo_attachments;\n const featuredPhoto = photoAttachments.find((pa) => pa.featured) || photoAttachments[0];\n const photo = featuredPhoto?.photo;\n \n if (photo) {\n const url = photo.large_url || photo.medium_url || photo.thumbnail_url || photo.original_url;\n if (url) {\n return {\n imageUrl: url,\n imageAlt: photo.title || item.name || item.title || alt || \"Image\"\n };\n }\n }\n }\n\n // Priority 3: In stub mode, use deterministic stock photo selection based on item id\n if (isStubMode && stockPhotos.length > 0) {\n // Use item id to deterministically select a stock photo (avoid Math.random in render)\n const itemId = item?.id || fallbackId || 1;\n const numericId = typeof itemId === 'number' ? itemId : typeof itemId === 'string' ? parseInt(itemId, 10) || 1 : 1;\n const stockPhotoIndex = numericId % stockPhotos.length;\n const stockPhoto = stockPhotos[stockPhotoIndex];\n if (stockPhoto?.url) {\n return {\n imageUrl: stockPhoto.url,\n imageAlt: stockPhoto.alt || item?.name || item?.title || alt || \"Image\"\n };\n }\n }\n\n // Priority 4: Fallback to gradient\n const id = fallbackId || item?.id || 1;\n return {\n imageUrl: getGradientUrl(id),\n imageAlt: item?.name || item?.title || alt || \"Image\"\n };\n }, [item, photoUrl, photoAlt, fallbackId, alt, websitePhotos, companyInformation]);\n\n const [isLoaded, setIsLoaded] = useState(false);\n const imgRef = React.useRef<HTMLImageElement>(null);\n\n // Reset loaded state when image URL changes\n useEffect(() => {\n // Reset loaded state asynchronously to avoid cascading renders\n const resetTimer = setTimeout(() => {\n setIsLoaded(false);\n }, 0);\n \n // Check if image is already loaded (cached)\n const checkTimer = setTimeout(() => {\n if (imgRef.current?.complete && imgRef.current.naturalWidth > 0) {\n setIsLoaded(true);\n }\n }, 0);\n \n return () => {\n clearTimeout(resetTimer);\n clearTimeout(checkTimer);\n };\n }, [imageUrl]);\n\n // Callback ref to check if image is already loaded (cached images)\n const setImgRef = React.useCallback((img: HTMLImageElement | null) => {\n imgRef.current = img;\n if (img && img.complete && img.naturalWidth > 0) {\n setIsLoaded(true);\n }\n }, []);\n\n if (!imageUrl) {\n return null;\n }\n\n return (\n <Image\n ref={setImgRef}\n src={imageUrl}\n alt={imageAlt}\n width={800}\n height={600}\n className={`${className} transition-opacity duration-500 ease-in-out ${\n isLoaded ? 'opacity-100' : 'opacity-0'\n }`}\n onLoad={() => setIsLoaded(true)}\n onError={() => setIsLoaded(true)}\n />\n );\n}\n","/**\n * Generates a beautiful gradient SVG data URL using the full color palette\n * Based on gradients used in corporate marketing site animations\n * Each seed (post ID or index) will consistently return the same gradient\n */\nexport const getGradientUrl = (seed: string | number): string => {\n // Beautiful gradient combinations using the full palette from corporate marketing site\n // Colors match Tailwind's default palette (purple, pink, blue, green, orange, indigo)\n const gradients = [\n // Purple gradients (like from-purple-200 to-purple-300)\n ['rgb(233, 213, 255)', 'rgb(221, 214, 254)', 'rgb(196, 181, 253)'], // purple-200 to purple-300\n ['rgb(250, 232, 255)', 'rgb(251, 207, 232)', 'rgb(244, 114, 182)'], // pink-200 to pink-300 via pink-400\n // Blue gradients (like from-blue-200 to-blue-300)\n ['rgb(191, 219, 254)', 'rgb(147, 197, 253)', 'rgb(96, 165, 250)'], // blue-200 to blue-300 to blue-400\n // Green gradients (like from-green-200 to-green-300)\n ['rgb(187, 247, 208)', 'rgb(134, 239, 172)', 'rgb(74, 222, 128)'], // green-200 to green-300 to green-400\n // Pink to Purple (like from-pink-400 to-purple-500)\n ['rgb(244, 114, 182)', 'rgb(217, 70, 239)', 'rgb(168, 85, 247)'], // pink-400 to purple-500\n // Blue to Purple (like from-blue-500 to-purple-600)\n ['rgb(59, 130, 246)', 'rgb(147, 51, 234)', 'rgb(147, 51, 234)'], // blue-500 to purple-600\n // Indigo to Purple (like from-indigo-500 to-purple-600)\n ['rgb(99, 102, 241)', 'rgb(139, 92, 246)', 'rgb(147, 51, 234)'], // indigo-500 to purple-600\n // Orange gradients (like from-orange-200 to-orange-300)\n ['rgb(254, 215, 170)', 'rgb(253, 186, 116)', 'rgb(251, 146, 60)'], // orange-200 to orange-300 to orange-400\n // Purple to Pink (like from-purple-400 to-pink-400)\n ['rgb(192, 132, 252)', 'rgb(232, 121, 249)', 'rgb(244, 114, 182)'], // purple-400 to pink-400\n // Softer blue-green blend\n ['rgb(165, 243, 252)', 'rgb(103, 232, 249)', 'rgb(134, 239, 172)'], // cyan-300 to green-400\n // Warm pink-orange\n ['rgb(251, 207, 232)', 'rgb(254, 202, 202)', 'rgb(253, 186, 116)'], // pink-200 to orange-300\n // Cool indigo-blue\n ['rgb(199, 210, 254)', 'rgb(165, 180, 252)', 'rgb(129, 140, 248)'], // indigo-200 to indigo-400\n ];\n \n // Calculate consistent index from seed\n const index = typeof seed === 'string' \n ? seed.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0) % gradients.length\n : Number(seed) % gradients.length;\n \n const [color1, color2, color3] = gradients[index];\n \n // Generate SVG with gradient (diagonal like bg-gradient-to-br)\n const svg = `\n <svg width=\"600\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\">\n <defs>\n <linearGradient id=\"grad${index}\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:${color1};stop-opacity:1\" />\n <stop offset=\"50%\" style=\"stop-color:${color2};stop-opacity:1\" />\n <stop offset=\"100%\" style=\"stop-color:${color3};stop-opacity:1\" />\n </linearGradient>\n </defs>\n <rect width=\"600\" height=\"400\" fill=\"url(#grad${index})\" />\n </svg>\n `.trim();\n \n // Convert to base64 data URL\n return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n","\"use client\";\n\nimport type { MouseEventHandler, ReactNode, HTMLAttributes } from \"react\";\nimport Image from \"next/image\";\nimport { X as CloseX } from \"@untitledui/icons\";\nimport { cx } from '../../../utils/cx';\nimport type { BadgeColors, BadgeTypeToColorMap, BadgeTypes, FlagTypes, IconComponentType, Sizes } from \"./badge-types\";\nimport { badgeTypes } from \"./badge-types\";\n\n// Inline Dot component (previously from foundations)\nconst dotSizes = {\n sm: { wh: 8, c: 4, r: 2.5 },\n md: { wh: 10, c: 5, r: 4 },\n};\n\nexport const Dot = ({ size = \"md\", ...props }: HTMLAttributes<HTMLOrSVGElement> & { size?: \"sm\" | \"md\" }) => {\n return (\n <svg width={dotSizes[size].wh} height={dotSizes[size].wh} viewBox={`0 0 ${dotSizes[size].wh} ${dotSizes[size].wh}`} fill=\"none\" {...props}>\n <circle cx={dotSizes[size].c} cy={dotSizes[size].c} r={dotSizes[size].r} fill=\"currentColor\" stroke=\"currentColor\" />\n </svg>\n );\n};\n\nexport const filledColors: Record<BadgeColors, { root: string; addon: string; addonButton: string }> = {\n gray: {\n root: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200\",\n addon: \"text-utility-gray-500\",\n addonButton: \"hover:bg-utility-gray-100 text-utility-gray-400 hover:text-utility-gray-500\",\n },\n brand: {\n root: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200\",\n addon: \"text-utility-brand-500\",\n addonButton: \"hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500\",\n },\n error: {\n root: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200\",\n addon: \"text-utility-error-500\",\n addonButton: \"hover:bg-utility-error-100 text-utility-error-400 hover:text-utility-error-500\",\n },\n warning: {\n root: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200\",\n addon: \"text-utility-warning-500\",\n addonButton: \"hover:bg-utility-warning-100 text-utility-warning-400 hover:text-utility-warning-500\",\n },\n success: {\n root: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200\",\n addon: \"text-utility-success-500\",\n addonButton: \"hover:bg-utility-success-100 text-utility-success-400 hover:text-utility-success-500\",\n },\n \"gray-blue\": {\n root: \"bg-utility-gray-blue-50 text-utility-gray-blue-700 ring-utility-gray-blue-200\",\n addon: \"text-utility-gray-blue-500\",\n addonButton: \"hover:bg-utility-gray-blue-100 text-utility-gray-blue-400 hover:text-utility-gray-blue-500\",\n },\n \"blue-light\": {\n root: \"bg-utility-blue-light-50 text-utility-blue-light-700 ring-utility-blue-light-200\",\n addon: \"text-utility-blue-light-500\",\n addonButton: \"hover:bg-utility-blue-light-100 text-utility-blue-light-400 hover:text-utility-blue-light-500\",\n },\n blue: {\n root: \"bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200\",\n addon: \"text-utility-blue-500\",\n addonButton: \"hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500\",\n },\n indigo: {\n root: \"bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200\",\n addon: \"text-utility-indigo-500\",\n addonButton: \"hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500\",\n },\n purple: {\n root: \"bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200\",\n addon: \"text-utility-purple-500\",\n addonButton: \"hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500\",\n },\n pink: {\n root: \"bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200\",\n addon: \"text-utility-pink-500\",\n addonButton: \"hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500\",\n },\n orange: {\n root: \"bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200\",\n addon: \"text-utility-orange-500\",\n addonButton: \"hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500\",\n },\n};\n\nconst addonOnlyColors = Object.fromEntries(Object.entries(filledColors).map(([key, value]) => [key, { root: \"\", addon: value.addon }])) as Record<\n BadgeColors,\n { root: string; addon: string }\n>;\n\nconst withPillTypes = {\n [badgeTypes.pillColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeModern]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs\",\n styles: {\n gray: {\n root: \"bg-primary text-secondary ring-primary\",\n addon: \"text-gray-500\",\n addonButton: \"hover:bg-utility-gray-100 text-utility-gray-400 hover:text-utility-gray-500\",\n },\n },\n },\n};\n\nconst withBadgeTypes = {\n [badgeTypes.pillColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeModern]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs\",\n styles: addonOnlyColors,\n },\n};\n\nexport type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof withPillTypes>[T];\n\ninterface BadgeProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeColor<T>;\n children: ReactNode;\n className?: string;\n}\n\nexport const Badge = <T extends BadgeTypes>(props: BadgeProps<T>) => {\n const { type = \"pill-color\", size = \"md\", color = \"gray\", children } = props;\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"py-0.5 px-2 text-xs font-medium\",\n md: \"py-0.5 px-2.5 text-sm font-medium\",\n lg: \"py-1 px-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"py-0.5 px-1.5 text-xs font-medium\",\n md: \"py-0.5 px-2 text-sm font-medium\",\n lg: \"py-1 px-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return <span className={cx(colors.common, sizes[type][size], colors.styles[color].root, props.className)}>{children}</span>;\n};\n\ninterface BadgeWithDotProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];\n className?: string;\n children: ReactNode;\n}\n\nexport const BadgeWithDot = <T extends BadgeTypes>(props: BadgeWithDotProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", className, children } = props;\n\n const colors = withBadgeTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium\",\n };\n\n const badgeSizes = {\n sm: \"gap-1 py-0.5 px-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 px-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root, className)}>\n <Dot className={colors.styles[color].addon} size=\"sm\" />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithIconProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];\n iconLeading?: IconComponentType;\n iconTrailing?: IconComponentType;\n children: ReactNode;\n className?: string;\n}\n\nexport const BadgeWithIcon = <T extends BadgeTypes>(props: BadgeWithIconProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", iconLeading: IconLeading, iconTrailing: IconTrailing, children, className } = props;\n\n const colors = withBadgeTypes[type];\n\n const icon = IconLeading ? \"leading\" : \"trailing\";\n\n const pillSizes = {\n sm: {\n trailing: \"gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium\",\n leading: \"gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium\",\n },\n md: {\n trailing: \"gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium\",\n leading: \"gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium\",\n },\n lg: {\n trailing: \"gap-1 py-1 pl-3 pr-2.5 text-sm font-medium\",\n leading: \"gap-1 py-1 pr-3 pl-2.5 text-sm font-medium\",\n },\n };\n const badgeSizes = {\n sm: {\n trailing: \"gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium\",\n leading: \"gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium\",\n },\n md: {\n trailing: \"gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium\",\n leading: \"gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium\",\n },\n lg: {\n trailing: \"gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg\",\n leading: \"gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg\",\n },\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size][icon], colors.styles[color].root, className)}>\n {IconLeading && <IconLeading className={cx(colors.styles[color].addon, \"size-3 stroke-3\")} />}\n {children}\n {IconTrailing && <IconTrailing className={cx(colors.styles[color].addon, \"size-3 stroke-3\")} />}\n </span>\n );\n};\n\ninterface BadgeWithFlagProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n flag?: FlagTypes;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n}\n\nexport const BadgeWithFlag = <T extends BadgeTypes>(props: BadgeWithFlagProps<T>) => {\n const { size = \"md\", color = \"gray\", flag = \"AU\", type = \"pill-color\", children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Image src={`https://www.untitledui.com/images/flags/${flag}.svg`} className=\"size-4 max-w-none rounded-full\" alt={`${flag} flag`} width={16} height={16} />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithImageProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n imgSrc: string;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n}\n\nexport const BadgeWithImage = <T extends BadgeTypes>(props: BadgeWithImageProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", imgSrc, children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Image src={imgSrc} className=\"size-4 max-w-none rounded-full\" alt=\"Badge image\" width={16} height={16} />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithButtonProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n icon?: IconComponentType;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n /**\n * The label for the button.\n */\n buttonLabel?: string;\n /**\n * The click event handler for the button.\n */\n onButtonClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const BadgeWithButton = <T extends BadgeTypes>(props: BadgeWithButtonProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", icon: Icon = CloseX, buttonLabel, children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium\",\n md: \"gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium\",\n lg: \"gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium\",\n md: \"gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium\",\n lg: \"gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n {children}\n <button\n type=\"button\"\n aria-label={buttonLabel}\n onClick={props.onButtonClick}\n className={cx(\n \"flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2\",\n colors.styles[color].addonButton,\n type === \"pill-color\" ? \"rounded-full\" : \"rounded-[3px]\",\n )}\n >\n <Icon className=\"size-3 stroke-[3px] transition-inherit-all\" />\n </button>\n </span>\n );\n};\n\ninterface BadgeIconProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n icon: IconComponentType;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children?: ReactNode;\n}\n\nexport const BadgeIcon = <T extends BadgeTypes>(props: BadgeIconProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", icon: Icon } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"p-1.25\",\n md: \"p-1.5\",\n lg: \"p-2\",\n };\n\n const badgeSizes = {\n sm: \"p-1.25\",\n md: \"p-1.5\",\n lg: \"p-2 rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Icon className={cx(\"size-3 stroke-[3px]\", colors.styles[color].addon)} />\n </span>\n );\n};\n","import type React from \"react\";\n\nexport type IconComponentType = React.FunctionComponent<{ className?: string; strokeWidth?: string | number }>;\n\nexport type Sizes = \"sm\" | \"md\" | \"lg\";\n\nexport type BadgeColors = \"gray\" | \"brand\" | \"error\" | \"warning\" | \"success\" | \"gray-blue\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\";\n\nexport type FlagTypes =\n | \"AD\"\n | \"AE\"\n | \"AF\"\n | \"AG\"\n | \"AI\"\n | \"AL\"\n | \"AM\"\n | \"AO\"\n | \"AR\"\n | \"AS\"\n | \"AT\"\n | \"AU\"\n | \"AW\"\n | \"AX\"\n | \"AZ\"\n | \"BA\"\n | \"BB\"\n | \"BD\"\n | \"BE\"\n | \"BF\"\n | \"BG\"\n | \"BH\"\n | \"BI\"\n | \"BJ\"\n | \"BL\"\n | \"BM\"\n | \"BN\"\n | \"BO\"\n | \"BQ-1\"\n | \"BQ-2\"\n | \"BQ\"\n | \"BR\"\n | \"BS\"\n | \"BT\"\n | \"BW\"\n | \"BY\"\n | \"BZ\"\n | \"CA\"\n | \"CC\"\n | \"CD-1\"\n | \"CD\"\n | \"CF\"\n | \"CH\"\n | \"CK\"\n | \"CL\"\n | \"CM\"\n | \"CN\"\n | \"CO\"\n | \"CR\"\n | \"CU\"\n | \"CW\"\n | \"CX\"\n | \"CY\"\n | \"CZ\"\n | \"DE\"\n | \"DJ\"\n | \"DK\"\n | \"DM\"\n | \"DO\"\n | \"DS\"\n | \"DZ\"\n | \"earth\"\n | \"EC\"\n | \"EE\"\n | \"EG\"\n | \"EH\"\n | \"ER\"\n | \"ES\"\n | \"ET\"\n | \"FI\"\n | \"FJ\"\n | \"FK\"\n | \"FM\"\n | \"FO\"\n | \"FR\"\n | \"GA\"\n | \"GB-2\"\n | \"GB\"\n | \"GD\"\n | \"GE\"\n | \"GG\"\n | \"GH\"\n | \"GI\"\n | \"GL\"\n | \"GM\"\n | \"GN\"\n | \"GQ\"\n | \"GR\"\n | \"GT\"\n | \"GU\"\n | \"GW\"\n | \"GY\"\n | \"HK\"\n | \"HN\"\n | \"HR\"\n | \"HT\"\n | \"HU\"\n | \"ID\"\n | \"IE\"\n | \"IL\"\n | \"IM\"\n | \"IN\"\n | \"IO\"\n | \"IQ\"\n | \"IR\"\n | \"IS\"\n | \"IT\"\n | \"JE\"\n | \"JM\"\n | \"JO\"\n | \"JP\"\n | \"KE\"\n | \"KG\"\n | \"KH\"\n | \"KI\"\n | \"KM\"\n | \"KN\"\n | \"KP\"\n | \"KR\"\n | \"KW\"\n | \"KY\"\n | \"KZ\"\n | \"LA\"\n | \"LB\"\n | \"LC\"\n | \"LI\"\n | \"LK\"\n | \"LR\"\n | \"LS\"\n | \"LT\"\n | \"LU\"\n | \"LV\"\n | \"LY\"\n | \"MA\"\n | \"MC\"\n | \"MD\"\n | \"ME\"\n | \"MG\"\n | \"MH\"\n | \"MK\"\n | \"ML\"\n | \"MM\"\n | \"MN\"\n | \"MO\"\n | \"MP\"\n | \"MQ\"\n | \"MR\"\n | \"MS\"\n | \"MT\"\n | \"MU\"\n | \"MV\"\n | \"MW\"\n | \"MX\"\n | \"MY\"\n | \"MZ\"\n | \"NA\"\n | \"NE\"\n | \"NF\"\n | \"NG\"\n | \"NI\"\n | \"NL\"\n | \"NO\"\n | \"NP\"\n | \"NR\"\n | \"NU\"\n | \"NZ\"\n | \"OM\"\n | \"PA\"\n | \"PE\"\n | \"PF\"\n | \"PG\"\n | \"PH\"\n | \"PK\"\n | \"PL\"\n | \"PM\"\n | \"PN\"\n | \"PR\"\n | \"PT\"\n | \"PW\"\n | \"PY\"\n | \"QA\"\n | \"RE\"\n | \"RO\"\n | \"RS\"\n | \"RU\"\n | \"RW\"\n | \"SA\"\n | \"SB\"\n | \"SC\"\n | \"SD\"\n | \"SE\"\n | \"SG\"\n | \"SH\"\n | \"SI\"\n | \"SJ\"\n | \"SK\"\n | \"SL\"\n | \"SM\"\n | \"SN\"\n | \"SO\"\n | \"SR\"\n | \"SS\"\n | \"ST\"\n | \"SV\"\n | \"SX\"\n | \"SY\"\n | \"SZ\"\n | \"TC\"\n | \"TD\"\n | \"TF\"\n | \"TG\"\n | \"TH\"\n | \"TJ\"\n | \"TK\"\n | \"TL\"\n | \"TM\"\n | \"TN\"\n | \"TO\"\n | \"TR\"\n | \"TT\"\n | \"TV\"\n | \"TZ\"\n | \"UA\"\n | \"UG\"\n | \"UM\"\n | \"US\"\n | \"UY\"\n | \"UZ\"\n | \"VA\"\n | \"VC\"\n | \"VE\"\n | \"VG\"\n | \"VI\"\n | \"VN\"\n | \"VU\"\n | \"WF\"\n | \"WS\"\n | \"YE\"\n | \"YT\"\n | \"ZA\"\n | \"ZM\"\n | \"ZW\";\n\nexport type ExtractColorKeys<T> = T extends { styles: infer C } ? keyof C : never;\nexport type ExtractBadgeKeys<T> = keyof T;\nexport type BadgeTypeToColorMap<T> = {\n [K in ExtractBadgeKeys<T>]: ExtractColorKeys<T[K]>;\n};\nexport type BadgeTypeColors<T> = ExtractColorKeys<T[keyof T]>;\n\nexport const badgeTypes = {\n pillColor: \"pill-color\",\n badgeColor: \"color\",\n badgeModern: \"modern\",\n} as const;\n\nexport type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { createElement, isValidElement } from \"react\";\nimport { ArrowRight } from \"@untitledui/icons\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\ntype Size = \"md\" | \"lg\";\ntype Color = \"brand\" | \"warning\" | \"error\" | \"gray\" | \"success\";\ntype Theme = \"light\" | \"modern\";\ntype Align = \"leading\" | \"trailing\";\n\nconst baseClasses: Record<Theme, { root?: string; addon?: string; icon?: string }> = {\n light: {\n root: \"rounded-full ring-1 ring-inset\",\n addon: \"rounded-full ring-1 ring-inset\",\n },\n modern: {\n root: \"rounded-[10px] bg-primary text-secondary shadow-xs ring-1 ring-inset ring-primary hover:bg-secondary\",\n addon: \"flex items-center rounded-md bg-primary shadow-xs ring-1 ring-inset ring-primary\",\n icon: \"text-utility-gray-500\",\n },\n};\n\nconst getSizeClasses = (\n theme?: Theme,\n text?: boolean,\n icon?: boolean,\n): Record<Align, Record<Size, { root?: string; addon?: string; icon?: string; dot?: string }>> => ({\n leading: {\n md: {\n root: cx(\"py-1 pr-2 pl-1 text-xs font-medium\", !text && !icon && \"pr-1\"),\n addon: cx(\"px-2 py-0.5\", theme === \"modern\" && \"gap-1 px-1.5\", text && \"mr-2\"),\n icon: \"ml-1 size-4\",\n },\n lg: {\n root: cx(\"py-1 pr-2 pl-1 text-sm font-medium\", !text && !icon && \"pr-1\"),\n addon: cx(\"px-2.5 py-0.5\", theme === \"modern\" && \"gap-1.5 px-2\", text && \"mr-2\"),\n icon: \"ml-1 size-4\",\n },\n },\n trailing: {\n md: {\n root: cx(\"py-1 pr-1 pl-3 text-xs font-medium\", theme === \"modern\" && \"pl-2.5\"),\n addon: cx(\"py-0.5 pr-1.5 pl-2\", theme === \"modern\" && \"pr-1.5 pl-2\", text && \"ml-2\"),\n icon: \"ml-0.5 size-3 stroke-[3px]\",\n dot: \"mr-1.5\",\n },\n lg: {\n root: \"py-1 pr-1 pl-3 text-sm font-medium\",\n addon: cx(\"py-0.5 pr-2 pl-2.5\", theme === \"modern\" && \"pr-1.5 pl-2\", text && \"ml-2\"),\n icon: \"ml-1 size-3 stroke-[3px]\",\n dot: \"mr-2\",\n },\n },\n});\n\nconst colorClasses: Record<Theme, Record<Color, { root?: string; addon?: string; icon?: string; dot?: string }>> = sortCx({\n light: {\n brand: {\n root: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\n addon: \"bg-primary text-current ring-utility-brand-200\",\n icon: \"text-utility-brand-500\",\n },\n gray: {\n root: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\n addon: \"bg-primary text-current ring-utility-gray-200\",\n icon: \"text-utility-gray-500\",\n },\n error: {\n root: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\n addon: \"bg-primary text-current ring-utility-error-200\",\n icon: \"text-utility-error-500\",\n },\n warning: {\n root: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\n addon: \"bg-primary text-current ring-utility-warning-200\",\n icon: \"text-utility-warning-500\",\n },\n success: {\n root: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\n addon: \"bg-primary text-current ring-utility-success-200\",\n icon: \"text-utility-success-500\",\n },\n },\n modern: {\n brand: {\n dot: \"bg-utility-brand-500 outline-3 -outline-offset-1 outline-utility-brand-100\",\n },\n gray: {\n dot: \"bg-utility-gray-500 outline-3 -outline-offset-1 outline-utility-gray-100\",\n },\n error: {\n dot: \"bg-utility-error-500 outline-3 -outline-offset-1 outline-utility-error-100\",\n },\n warning: {\n dot: \"bg-utility-warning-500 outline-3 -outline-offset-1 outline-utility-warning-100\",\n },\n success: {\n dot: \"bg-utility-success-500 outline-3 -outline-offset-1 outline-utility-success-100\",\n },\n },\n});\n\ninterface BadgeGroupProps {\n children?: string | ReactNode;\n addonText: string;\n size?: Size;\n color: Color;\n theme?: Theme;\n /**\n * Alignment of the badge addon element.\n */\n align?: Align;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n className?: string;\n}\n\nexport const BadgeGroup = ({\n children,\n addonText,\n size = \"md\",\n color = \"brand\",\n theme = \"light\",\n align = \"leading\",\n className,\n iconTrailing: IconTrailing = ArrowRight,\n}: BadgeGroupProps) => {\n const colors = colorClasses[theme][color];\n const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];\n\n const rootClasses = cx(\n \"inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear\",\n baseClasses[theme].root,\n sizes.root,\n colors.root,\n className,\n );\n const addonClasses = cx(\"inline-flex items-center\", baseClasses[theme].addon, sizes.addon, colors.addon);\n const dotClasses = cx(\"inline-block size-2 shrink-0 rounded-full\", sizes.dot, colors.dot);\n const iconClasses = cx(baseClasses[theme].icon, sizes.icon, colors.icon);\n\n if (align === \"trailing\") {\n return (\n <div className={rootClasses}>\n {theme === \"modern\" && <span className={dotClasses} />}\n\n {children}\n\n <span className={addonClasses}>\n {addonText}\n\n {/* Trailing icon */}\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: iconClasses } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </span>\n </div>\n );\n }\n\n return (\n <div className={rootClasses}>\n <span className={addonClasses}>\n {theme === \"modern\" && <span className={dotClasses} />}\n {addonText}\n </span>\n\n {children}\n\n {/* Trailing icon */}\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: iconClasses } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </div>\n );\n};\n","\"use client\";\n\nimport type { HTMLAttributes, SVGProps } from \"react\";\nimport { useId } from \"react\";\nimport { cx } from '../../../utils/cx';\n\nexport const getStarProgress = (starPosition: number, rating: number, maxRating: number = 5) => {\n // Ensure rating is between 0 and 5\n const clampedRating = Math.min(Math.max(rating, 0), maxRating);\n\n const diff = clampedRating - starPosition;\n\n if (diff >= 1) return 100;\n if (diff <= 0) return 0;\n\n return Math.round(diff * 100);\n};\n\ninterface StarIconProps extends SVGProps<SVGSVGElement> {\n /**\n * The progress of the star icon. It should be a number between 0 and 100.\n *\n * @default 100\n */\n progress?: number;\n}\n\nexport const StarIcon = ({ progress = 100, ...props }: StarIconProps) => {\n const id = useId();\n\n return (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" {...props} className={cx(\"size-5 text-warning-400\", props.className)}>\n <path\n d=\"M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z\"\n className=\"fill-bg-tertiary\"\n />\n <g clipPath={`url(#clip-${id})`}>\n <path\n d=\"M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id={`clip-${id}`}>\n <rect width={`${progress}%`} height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\ninterface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * The rating to display.\n *\n * @default 5\n */\n rating?: number;\n /**\n * The number of stars to display.\n */\n stars?: number;\n /**\n * The class name of the star icon.\n */\n starClassName?: string;\n}\n\nexport const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }: RatingStarsProps) => {\n return (\n <div {...props} className={cx(\"flex\", props.className)}>\n {Array.from({ length: stars }).map((_, index) => (\n <StarIcon key={index} progress={getStarProgress(index, rating, stars)} className={starClassName} />\n ))}\n </div>\n );\n};\n","\"use client\";\n\nimport { type HTMLAttributes } from \"react\";\nimport { RatingStars } from './rating-stars';\nimport { cx } from '../../../utils/cx';\n\nexport const Wreath = (props: HTMLAttributes<HTMLOrSVGElement>) => (\n <svg width=\"36\" height=\"81\" viewBox=\"0 0 36 81\" fill=\"none\" {...props} className={cx(\"text-fg-primary\", props.className)}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M34.188 79.123C21.8844 77.4193 12.9273 67.7396 8.84084 54.5087C7.16207 49.0327 6.91909 42.9593 7.50445 36.6094C8.58681 25.2702 13.7888 15.4245 21.3764 8.24482C21.4095 8.21163 21.4206 8.20057 21.4316 8.23376C21.4537 8.26695 21.52 8.30013 21.5531 8.32226C21.5973 8.34439 21.6083 8.32226 21.5752 8.37757C13.5237 15.7563 8.35488 27.4938 7.79161 39.3529C6.91909 56.2898 15.1362 71.2907 27.4509 76.4569C29.5162 77.3308 31.6809 77.9946 33.934 78.3375C34.0886 78.5367 34.177 78.8132 34.188 79.123Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.51737 50.8359C4.52243 52.0306 6.12388 53.2033 7.84683 52.7497C7.93518 52.8825 8.38801 53.5462 8.45428 53.6458C8.53159 53.7675 8.67517 53.8892 8.78561 53.7896C8.85188 53.7453 8.9071 53.6458 8.84084 53.4909C8.58681 53.1812 8.34383 52.8603 8.05667 52.5285C7.54863 49.8402 6.80864 48.0481 5.26241 46.2338C3.4732 44.1541 1.6398 43.2248 0.502216 42.8376C0.336548 42.7934 0.181926 42.7491 0.0162576 42.6938C-0.0941877 43.7337 0.380727 45.2493 0.756241 46.1121C1.48518 47.8822 2.28039 49.4309 3.51737 50.8359Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M18.317 12.9686C18.1735 13.0239 17.3341 13.2451 17.2347 13.0792C17.2015 13.0349 17.2457 12.869 17.323 12.8579C17.6323 12.8247 17.9747 12.8026 18.2729 12.7362C18.814 11.0326 20.3161 10.2914 21.6967 10.0038C23.3533 9.6719 25.1757 10.1808 27.1306 10.4573C27.23 10.4795 27.3404 10.4905 27.4288 10.4905C27.3956 10.5569 27.3515 10.6012 27.3073 10.6675C26.49 11.7849 25.2088 12.8137 23.9608 13.3226C23.1214 13.6766 22.1164 13.8757 21.1334 13.8425C20.0952 13.7983 19.2227 13.5659 18.317 12.9686Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M21.5531 8.3112C21.6194 8.33332 21.6194 8.3112 21.7408 8.24482C21.9728 8.02357 22.1716 7.89082 22.4035 7.68063C23.7289 7.69169 24.9879 7.29344 26.1807 6.49693C26.7109 6.14293 27.241 5.71148 27.6828 5.19154C28.7431 4.05209 29.5935 2.38164 29.9801 0.854996C30.0022 0.766495 30.0132 0.711182 30.0242 0.622681C29.9248 0.666931 29.8365 0.711183 29.7371 0.755433C27.5945 1.61832 25.5181 2.01657 23.7951 3.68703C22.6244 4.80435 22.017 6.15399 22.2599 7.45938C21.9949 7.66957 21.7188 7.86869 21.4647 8.11207C21.3543 8.21163 21.4868 8.3112 21.5531 8.3112Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.7557 20.1039C13.6121 20.1814 12.8058 20.6018 12.6843 20.4579C12.6291 20.4026 12.6512 20.2256 12.7285 20.1924C13.0267 20.0818 13.3801 20.0044 13.6783 19.8716C13.7888 18.6658 14.4625 17.5374 15.7989 16.763C17.8421 15.6789 20.1615 15.8559 22.3483 15.6678C22.4587 15.6568 22.5581 15.6568 22.6575 15.6457C22.6244 15.7121 22.5913 15.7674 22.5692 15.8338C21.8402 17.0949 20.6585 18.4556 19.4546 19.23C18.6484 19.7721 17.6544 20.1814 16.6604 20.3805C15.6111 20.5907 14.7165 20.469 13.7557 20.1039Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.0535 38.7113C3.71618 40.2047 4.90898 41.842 6.65402 41.9526C6.70924 42.1075 7.02953 42.8266 7.07371 42.9372C7.10685 43.0921 7.21729 43.258 7.36087 43.1916C7.42714 43.1695 7.4934 43.081 7.48236 42.9261C7.31669 42.5279 7.10685 42.2181 6.90804 41.8088C7.06267 39.0653 6.90804 37.0629 5.85881 34.8062C4.666 32.2064 3.03141 30.713 2.02636 29.9829C1.90487 29.8722 1.76129 29.7837 1.61771 29.6952C1.38578 30.7572 1.46309 32.4056 1.60667 33.357C1.86069 35.2818 2.26934 36.9744 3.0535 38.7113Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.00838 27.6929C5.29554 29.2859 6.01344 30.89 7.60385 31.5869C7.62594 31.7529 7.80265 32.5273 7.82474 32.6489C7.82474 32.8149 7.87996 33.0029 8.03458 32.9808C8.07876 32.9698 8.18921 32.9255 8.20025 32.7596C8.13399 32.3392 8.0125 31.8635 7.93519 31.4099C8.46532 29.474 8.75248 27.704 8.66412 25.8123C8.52054 23.1462 7.52654 20.8341 5.95821 18.9756C5.83672 18.8428 5.74837 18.699 5.63792 18.5773C5.19614 19.4955 4.90898 21.0664 4.83167 22.0067C4.666 23.9095 4.67705 25.8233 5.00838 27.6929Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.01755 17.637C8.97337 19.2742 9.37097 21.1106 10.7405 22.1727C10.7295 22.3386 10.6963 23.1351 10.6963 23.2457C10.6742 23.4006 10.6853 23.5887 10.8399 23.6219C10.8951 23.6219 10.9945 23.6108 11.0277 23.4559C11.0608 23.0466 11.0718 22.416 11.0939 21.9625C12.2646 19.9712 12.8942 17.8029 12.9163 15.3249C12.9604 12.4597 12.2536 10.6343 11.6903 9.48383C11.613 9.32896 11.5357 9.17408 11.4584 9.01921C10.8399 9.77146 10.2545 11.2096 9.98947 12.0946C9.45933 13.8868 9.07277 15.7563 9.01755 17.637Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15.092 8.45501C14.7386 9.99271 14.838 12.2495 15.9867 13.1787C15.9425 13.3779 15.8431 14.0638 15.832 14.2186C15.7878 14.3846 15.7547 14.5394 15.8872 14.6058C15.9425 14.6279 15.9866 14.628 16.0529 14.4841C16.1302 14.0527 16.1523 13.6987 16.2186 13.2562C17.8532 11.5083 18.7809 9.78252 19.3 7.42619C19.8191 4.95923 19.7418 3.00114 19.5209 1.61832C19.4988 1.45238 19.4546 1.28644 19.4105 1.10944C17.9747 2.25995 16.9586 3.77553 16.0971 5.50129C15.6332 6.44162 15.2688 7.40406 15.092 8.45501Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0889 29.5182C9.95633 29.6399 9.22739 30.3369 9.05068 30.2484C9.0065 30.2041 8.97337 29.9718 9.05068 29.9275C9.32679 29.7063 9.68022 29.5404 9.95633 29.3302C9.86798 28.0026 10.1662 26.653 11.37 25.3919C13.2255 23.5887 15.6884 22.9802 17.9305 22.051C18.0299 22.0067 18.1293 21.9514 18.2508 21.9071C18.2287 21.9846 18.2176 22.0731 18.1845 22.1505C17.7427 23.6993 16.8592 25.5025 15.7878 26.7194C15.092 27.538 14.1533 28.3235 13.1703 28.8434C12.1432 29.3965 11.1712 29.5735 10.0889 29.5182Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.54263 40.3264C8.44323 40.5034 7.85787 41.4548 7.67012 41.4105C7.5928 41.4105 7.51549 41.1782 7.57072 41.0897C7.81369 40.7689 8.12294 40.5145 8.33279 40.1826C7.95727 38.9657 8.13399 37.2067 9.03964 35.5252C10.4754 33.0693 12.5739 31.8746 14.6061 30.1599C14.6944 30.0714 14.7828 29.9939 14.8822 29.8944C14.8932 29.9718 14.9043 30.0603 14.8932 30.1599C14.8491 31.8414 14.4073 33.9543 13.6231 35.5474C13.1151 36.6204 12.364 37.6935 11.5026 38.5896C10.608 39.4856 9.65813 40.0056 8.54263 40.3264Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.55873 50.9244C9.48142 51.1346 9.08382 52.263 8.88501 52.3072C8.81875 52.2961 8.68621 52.1302 8.74144 52.0085C8.90711 51.6324 9.09486 51.2009 9.24948 50.8138C8.56472 50.1611 8.33279 48.3468 8.88501 46.444C9.80171 43.6562 11.8449 41.5654 13.4906 39.2533C13.5679 39.1427 13.6452 39.0321 13.7225 38.9214C13.7446 38.9989 13.7557 39.0874 13.7777 39.1759C14.0649 40.8021 14.0428 42.9593 13.601 44.7183C13.3028 45.8909 12.7837 47.1852 12.11 48.2915C11.4142 49.4641 10.5859 50.2717 9.55873 50.9244Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.0958 63.3256C8.34383 64.1442 10.5748 64.7637 12.11 63.757C12.2315 63.8455 12.8721 64.2327 12.9494 64.2991C13.0598 64.4097 13.2145 64.4871 13.3139 64.3323C13.3691 64.2659 13.4022 64.1553 13.2918 64.0336C12.9715 63.8123 12.6181 63.6685 12.2757 63.4473C11.105 61.0135 9.84589 59.3652 7.9131 58.1483C5.70419 56.7323 3.85975 56.7101 2.67799 56.7101C2.51232 56.7101 2.34665 56.7212 2.18098 56.7212C2.46814 59.1218 5.43912 62.2968 7.0958 63.3256Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.2255 61.4449C13.2145 61.5998 13.1372 62.2857 13.0267 62.7061C12.9936 62.8277 12.9825 63.0048 12.8169 62.9384C12.7506 62.9273 12.6843 62.7835 12.6843 62.7171C12.7616 62.3078 12.8279 61.8432 12.861 61.4339C12.099 60.9471 11.5026 59.3541 11.3811 57.396C11.5136 54.4423 12.839 51.7651 13.8992 48.9774C13.9324 48.8557 13.9765 48.7229 14.0207 48.5902C14.0649 48.6565 14.087 48.7229 14.1312 48.7893C14.838 50.2496 15.3792 52.2962 15.4234 54.1436C15.4676 55.3494 15.2908 56.7544 14.9374 58.0598C14.5619 59.3983 14.0097 60.4493 13.2255 61.4449Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.8551 73.4257C15.2908 73.7134 17.2347 73.647 18.4496 72.0982C18.7588 72.1425 19.2558 72.2199 19.5761 72.242C19.6645 72.2531 19.7307 72.1867 19.7639 72.0761C19.786 71.9987 19.7639 71.8991 19.6203 71.8217C19.2558 71.7442 18.8914 71.7442 18.5048 71.6778C16.8923 69.7861 15.3682 68.7241 13.1703 68.3259C10.6301 67.8612 8.47637 68.5139 7.32774 68.9896C7.17311 69.0449 7.00744 69.1113 6.86387 69.1888C7.27251 70.1069 8.46532 71.0473 9.21635 71.5008C10.6521 72.4522 12.1211 73.1381 13.8551 73.4257Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M18.9908 69.4321C19.0128 69.5981 19.0349 70.2618 19.0349 70.7043C19.0239 70.826 19.057 70.992 18.8914 71.003C18.814 71.003 18.7257 70.9035 18.7257 70.826C18.6926 70.4167 18.7146 69.9742 18.6484 69.5538C17.798 69.2883 16.6714 67.994 16.1523 66.2129C15.5559 63.3588 16.2075 60.4161 16.5168 57.396C16.5389 57.2633 16.5278 57.1305 16.5389 56.9867C16.5941 57.042 16.6604 57.0973 16.7156 57.1526C17.7538 58.2921 18.792 60.051 19.289 61.7768C19.6313 62.9052 19.8081 64.2991 19.8081 65.6376C19.786 67.0426 19.4988 68.2263 18.9908 69.4321Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M27.0312 75.24C27.1085 75.3617 27.2079 75.9148 27.3183 76.3352C27.3515 76.4348 27.4177 76.5896 27.2631 76.645C27.1858 76.6781 27.0864 76.6118 27.0643 76.5454C26.9207 76.1914 26.9207 75.8153 26.744 75.4613C25.9157 75.6604 24.4799 74.6094 23.5411 73.2377C22.2379 70.8703 22.0943 68.0936 21.5862 65.2726C21.5752 65.1398 21.531 65.0182 21.5089 64.8854C21.5752 64.8965 21.6414 64.9407 21.7077 64.9628C22.9557 65.5934 24.3805 66.7107 25.2972 68.0825C25.9267 68.9675 26.5121 70.1955 26.8434 71.4234C27.1858 72.7177 27.1968 73.9457 27.0312 75.24Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.514 80.5058C23.9829 80.3067 25.8825 79.6319 26.7219 77.7512C27.0201 77.6627 27.5392 77.6074 27.8485 77.5189C27.9368 77.5078 27.981 77.4083 27.9921 77.2866C27.9921 77.2202 27.9479 77.1207 27.7933 77.0985C27.4288 77.1538 27.0643 77.2645 26.6557 77.3087C24.5241 76.0476 22.8011 75.4723 20.5591 75.7931C17.9857 76.1582 16.1081 77.4525 15.1031 78.2822C14.9595 78.4039 14.8159 78.5145 14.6834 78.6362C15.3019 79.3996 16.6935 79.9084 17.5218 80.1297C19.1454 80.5833 20.7358 80.7603 22.514 80.5058Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\ninterface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {\n title?: string;\n subtitle?: string;\n rating?: number;\n theme?: \"light\" | \"dark\";\n}\n\nexport const RatingBadge = ({ title = \"Best Design Tool\", subtitle = \"2,000+ reviews\", rating, theme = \"dark\", className, ...props }: RatingBadgeProps) => {\n return (\n <div {...props} className={cx(\"flex items-center -space-x-0.5\", className)}>\n <Wreath className={cx(\"shrink-0\", theme === \"light\" && \"text-fg-white\")} />\n\n <div className=\"flex flex-col items-center gap-1\">\n <RatingStars rating={rating} className=\"gap-0.5\" starClassName=\"size-4\" />\n\n <div className=\"text-center\">\n <p className={cx(\"text-sm font-semibold\", theme === \"light\" ? \"text-primary_on-brand\" : \"text-primary\")}>{title}</p>\n <p className={cx(\"text-xs font-medium\", theme === \"light\" ? \"text-secondary_on-brand\" : \"text-secondary\")}>{subtitle}</p>\n </div>\n </div>\n\n <Wreath className={cx(\"shrink-0 -scale-x-100\", theme === \"light\" && \"text-fg-white\")} />\n </div>\n );\n};\n","\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { cx } from '../../../utils/cx';\nimport { Avatar, type AvatarProps } from \"./avatar\";\n\nconst styles = {\n sm: { root: \"gap-2\", title: \"text-sm font-semibold\", subtitle: \"text-xs\" },\n md: { root: \"gap-2\", title: \"text-sm font-semibold\", subtitle: \"text-sm\" },\n lg: { root: \"gap-3\", title: \"text-md font-semibold\", subtitle: \"text-md\" },\n xl: { root: \"gap-4\", title: \"text-lg font-semibold\", subtitle: \"text-md\" },\n};\n\ninterface AvatarLabelGroupProps extends AvatarProps {\n size: \"sm\" | \"md\" | \"lg\" | \"xl\";\n title: string | ReactNode;\n subtitle: string | ReactNode;\n}\n\nexport const AvatarLabelGroup = ({ title, subtitle, className, ...props }: AvatarLabelGroupProps) => {\n return (\n <figure className={cx(\"group flex min-w-0 flex-1 items-center\", styles[props.size].root, className)}>\n <Avatar {...props} />\n <figcaption className=\"min-w-0 flex-1\">\n <p className={cx(\"text-primary\", styles[props.size].title)}>{title}</p>\n <p className={cx(\"truncate text-tertiary\", styles[props.size].subtitle)}>{subtitle}</p>\n </figcaption>\n </figure>\n );\n};\n","\"use client\";\n\nimport { ChevronLeft } from \"@untitledui/icons\";\nimport { Button } from '../buttons/button';\n\ninterface BreadcrumbProps {\n backHref: string;\n backLabel: string;\n currentLabel: string;\n}\n\nexport const Breadcrumb = ({ backHref, backLabel, currentLabel }: BreadcrumbProps) => {\n return (\n <nav className=\"mb-8\" aria-label=\"Breadcrumb\">\n <div className=\"flex items-center gap-2\">\n <Button \n color=\"link-gray\" \n size=\"md\" \n href={backHref}\n iconLeading={ChevronLeft}\n className=\"text-tertiary hover:text-primary\"\n >\n {backLabel}\n </Button>\n <span className=\"text-tertiary\">/</span>\n <span className=\"text-primary font-medium\">{currentLabel}</span>\n </div>\n </nav>\n );\n};\n\nexport default Breadcrumb;\n\n","import type { FC, ReactNode, Ref } from \"react\";\nimport { createElement, isValidElement } from \"react\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nconst iconsSizes = {\n sm: \"*:data-icon:size-4\",\n md: \"*:data-icon:size-5\",\n lg: \"*:data-icon:size-6\",\n xl: \"*:data-icon:size-7\",\n};\n\nconst styles = sortCx({\n light: {\n base: \"rounded-full\",\n sizes: {\n sm: \"size-8\",\n md: \"size-10\",\n lg: \"size-12\",\n xl: \"size-14\",\n },\n colors: {\n brand: \"bg-brand-secondary text-featured-icon-light-fg-brand\",\n gray: \"bg-tertiary text-featured-icon-light-fg-gray\",\n error: \"bg-error-secondary text-featured-icon-light-fg-error\",\n warning: \"bg-warning-secondary text-featured-icon-light-fg-warning\",\n success: \"bg-success-secondary text-featured-icon-light-fg-success\",\n },\n },\n\n gradient: {\n base: \"rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full\",\n sizes: {\n sm: \"size-8 after:size-6 *:data-icon:size-4\",\n md: \"size-10 after:size-7 *:data-icon:size-4\",\n lg: \"size-12 after:size-8 *:data-icon:size-5\",\n xl: \"size-14 after:size-10 *:data-icon:size-5\",\n },\n colors: {\n brand: \"before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid\",\n gray: \"before:border-utility-gray-200 before:bg-utility-gray-50 after:bg-secondary-solid\",\n error: \"before:border-utility-error-200 before:bg-utility-error-50 after:bg-error-solid\",\n warning: \"before:border-utility-warning-200 before:bg-utility-warning-50 after:bg-warning-solid\",\n success: \"before:border-utility-success-200 before:bg-utility-success-50 after:bg-success-solid\",\n },\n },\n\n dark: {\n base: \"text-fg-white shadow-xs-skeumorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n sizes: {\n sm: \"size-8 rounded-md before:rounded-[5px]\",\n md: \"size-10 rounded-lg before:rounded-[7px]\",\n lg: \"size-12 rounded-[10px] before:rounded-[9px]\",\n xl: \"size-14 rounded-xl before:rounded-[11px]\",\n },\n colors: {\n brand: \"bg-brand-solid before:border-utility-brand-200/12\",\n gray: \"bg-secondary-solid before:border-utility-gray-200/12\",\n error: \"bg-error-solid before:border-utility-error-200/12\",\n warning: \"bg-warning-solid before:border-utility-warning-200/12\",\n success: \"bg-success-solid before:border-utility-success-200/12\",\n },\n },\n\n modern: {\n base: \"bg-primary shadow-xs-skeumorphic ring-1 ring-inset\",\n sizes: {\n sm: \"size-8 rounded-md\",\n md: \"size-10 rounded-lg\",\n lg: \"size-12 rounded-[10px]\",\n xl: \"size-14 rounded-xl\",\n },\n colors: {\n brand: \"\",\n gray: \"text-fg-secondary ring-primary\",\n error: \"\",\n warning: \"\",\n success: \"\",\n },\n },\n \"modern-neue\": {\n base: [\n \"bg-primary_alt ring-1 ring-inset before:absolute before:inset-1\",\n // Shadow\n \"before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt\",\n ].join(\" \"),\n sizes: {\n sm: \"size-8 rounded-[8px] before:rounded-[4px]\",\n md: \"size-10 rounded-[10px] before:rounded-[6px]\",\n lg: \"size-12 rounded-[12px] before:rounded-[8px]\",\n xl: \"size-14 rounded-[14px] before:rounded-[10px]\",\n },\n colors: {\n brand: \"\",\n gray: \"text-fg-secondary ring-primary\",\n error: \"\",\n warning: \"\",\n success: \"\",\n },\n },\n\n outline: {\n base: \"before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2\",\n sizes: {\n sm: \"size-4 before:size-6 after:size-8.5\",\n md: \"size-5 before:size-7 after:size-9.5\",\n lg: \"size-6 before:size-8 after:size-10.5\",\n xl: \"size-7 before:size-9 after:size-11.5\",\n },\n colors: {\n brand: \"text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10\",\n gray: \"text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10\",\n error: \"text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10\",\n warning: \"text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10\",\n success: \"text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10\",\n },\n },\n});\n\ninterface FeaturedIconProps {\n ref?: Ref<HTMLDivElement>;\n children?: ReactNode;\n className?: string;\n icon?: FC<{ className?: string }> | ReactNode;\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n color: \"brand\" | \"gray\" | \"success\" | \"warning\" | \"error\";\n theme?: \"light\" | \"gradient\" | \"dark\" | \"outline\" | \"modern\" | \"modern-neue\";\n}\n\nexport const FeaturedIcon = (props: FeaturedIconProps) => {\n const { size = \"sm\", theme: variant = \"light\", color = \"brand\", icon: Icon, ...otherProps } = props;\n\n return (\n <div\n {...otherProps}\n data-featured-icon\n className={cx(\n \"relative flex shrink-0 items-center justify-center\",\n\n iconsSizes[size],\n styles[variant].base,\n styles[variant].sizes[size],\n styles[variant].colors[color],\n\n props.className,\n )}\n >\n {isReactComponent(Icon) && createElement(Icon, { 'data-icon': true, className: \"z-1\" } as Record<string, unknown>)}\n {isValidElement(Icon) && <div className=\"z-1\">{Icon}</div>}\n\n {props.children}\n </div>\n );\n};\n","\"use client\";\n\nimport { ArrowLeft, ArrowRight } from \"@untitledui/icons\";\nimport { Button } from '../buttons/button';\nimport { ButtonGroup, ButtonGroupItem } from '../button-group/button-group';\nimport { useBreakpoint } from '../../../lib/hooks/use-breakpoint';\nimport { cx } from '../../../utils/cx';\nimport type { PaginationRootProps } from \"./pagination-base\";\nimport { Pagination } from \"./pagination-base\";\n\ninterface PaginationProps extends Partial<Omit<PaginationRootProps, \"children\">> {\n /** Whether the pagination buttons are rounded. */\n rounded?: boolean;\n}\n\nconst PaginationItem = ({ value, rounded, isCurrent }: { value: number; rounded?: boolean; isCurrent: boolean }) => {\n return (\n <Pagination.Item\n value={value}\n isCurrent={isCurrent}\n className={({ isSelected }) =>\n cx(\n \"flex size-10 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2\",\n rounded ? \"rounded-full\" : \"rounded-lg\",\n isSelected && \"bg-primary_hover text-secondary\",\n )\n }\n >\n {value}\n </Pagination.Item>\n );\n};\n\ninterface MobilePaginationProps {\n /** The current page. */\n page?: number;\n /** The total number of pages. */\n total?: number;\n /** The class name of the pagination component. */\n className?: string;\n /** The function to call when the page changes. */\n onPageChange?: (page: number) => void;\n}\n\nconst MobilePagination = ({ page = 1, total = 10, className, onPageChange }: MobilePaginationProps) => {\n return (\n <nav aria-label=\"Pagination\" className={cx(\"flex items-center justify-between md:hidden\", className)}>\n <Button\n aria-label=\"Go to previous page\"\n iconLeading={ArrowLeft}\n color=\"secondary\"\n size=\"sm\"\n onClick={() => onPageChange?.(Math.max(0, page - 1))}\n />\n\n <span className=\"text-sm text-fg-secondary\">\n Page <span className=\"font-medium\">{page}</span> of <span className=\"font-medium\">{total}</span>\n </span>\n\n <Button\n aria-label=\"Go to next page\"\n iconLeading={ArrowRight}\n color=\"secondary\"\n size=\"sm\"\n onClick={() => onPageChange?.(Math.min(total, page + 1))}\n />\n </nav>\n );\n};\n\nexport const PaginationPageDefault = ({ rounded, page = 1, total = 10, className, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className={cx(\"flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5\", className)}\n >\n <div className=\"hidden flex-1 justify-start md:flex\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"link-gray\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}{\" \"}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.PrevTrigger asChild className=\"md:hidden\">\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"hidden flex-1 justify-end md:flex\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"link-gray\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n <Pagination.NextTrigger asChild className=\"md:hidden\">\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </Pagination.Root>\n );\n};\n\nexport const PaginationPageMinimalCenter = ({ rounded, page = 1, total = 10, className, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className={cx(\"flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5\", className)}\n >\n <div className=\"flex flex-1 justify-start\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"flex flex-1 justify-end\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n </Pagination.Root>\n );\n};\n\nexport const PaginationCardDefault = ({ rounded, page = 1, total = 10, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className=\"flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\"\n >\n <div className=\"flex flex-1 justify-start\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"flex flex-1 justify-end\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n </Pagination.Root>\n );\n};\n\ninterface PaginationCardMinimalProps {\n /** The current page. */\n page?: number;\n /** The total number of pages. */\n total?: number;\n /** The alignment of the pagination. */\n align?: \"left\" | \"center\" | \"right\";\n /** The class name of the pagination component. */\n className?: string;\n /** The function to call when the page changes. */\n onPageChange?: (page: number) => void;\n}\n\nexport const PaginationCardMinimal = ({ page = 1, total = 10, align = \"left\", onPageChange, className }: PaginationCardMinimalProps) => {\n return (\n <div className={cx(\"border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\", className)}>\n <MobilePagination page={page} total={total} onPageChange={onPageChange} />\n\n <nav aria-label=\"Pagination\" className={cx(\"hidden items-center gap-3 md:flex\", align === \"center\" && \"justify-between\")}>\n <div className={cx(align === \"center\" && \"flex flex-1 justify-start\")}>\n <Button isDisabled={page === 1} color=\"secondary\" size=\"sm\" onClick={() => onPageChange?.(Math.max(0, page - 1))}>\n Previous\n </Button>\n </div>\n\n <span\n className={cx(\n \"text-sm font-medium text-fg-secondary\",\n align === \"right\" && \"order-first mr-auto\",\n align === \"left\" && \"order-last ml-auto\",\n )}\n >\n Page {page} of {total}\n </span>\n\n <div className={cx(align === \"center\" && \"flex flex-1 justify-end\")}>\n <Button isDisabled={page === total} color=\"secondary\" size=\"sm\" onClick={() => onPageChange?.(Math.min(total, page + 1))}>\n Next\n </Button>\n </div>\n </nav>\n </div>\n );\n};\n\ninterface PaginationButtonGroupProps extends Partial<Omit<PaginationRootProps, \"children\">> {\n /** The alignment of the pagination. */\n align?: \"left\" | \"center\" | \"right\";\n}\n\nexport const PaginationButtonGroup = ({ align = \"left\", page = 1, total = 10, ...props }: PaginationButtonGroupProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <div\n className={cx(\n \"flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\",\n align === \"left\" && \"justify-start\",\n align === \"center\" && \"justify-center\",\n align === \"right\" && \"justify-end\",\n )}\n >\n <Pagination.Root {...props} page={page} total={total}>\n <Pagination.Context>\n {({ pages }) => (\n <ButtonGroup size=\"md\">\n <Pagination.PrevTrigger asChild>\n <ButtonGroupItem iconLeading={ArrowLeft}>{isDesktop ? \"Previous\" : undefined}</ButtonGroupItem>\n </Pagination.PrevTrigger>\n\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <Pagination.Item key={index} {...page} asChild>\n <ButtonGroupItem isSelected={page.isCurrent} className=\"size-10 items-center justify-center\">\n {page.value}\n </ButtonGroupItem>\n </Pagination.Item>\n ) : (\n <Pagination.Ellipsis key={index}>\n <ButtonGroupItem className=\"pointer-events-none size-10 items-center justify-center rounded-none!\">\n …\n </ButtonGroupItem>\n </Pagination.Ellipsis>\n ),\n )}\n\n <Pagination.NextTrigger asChild>\n <ButtonGroupItem iconTrailing={ArrowRight}>{isDesktop ? \"Next\" : undefined}</ButtonGroupItem>\n </Pagination.NextTrigger>\n </ButtonGroup>\n )}\n </Pagination.Context>\n </Pagination.Root>\n </div>\n );\n};\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nconst screens = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n \"2xl\": \"1536px\",\n};\n\n/**\n * Checks whether a particular Tailwind CSS viewport size applies.\n *\n * @param size The size to check, which must either be included in Tailwind CSS's\n * list of default screen sizes, or added to the Tailwind CSS config file.\n *\n * @returns A boolean indicating whether the viewport size applies.\n */\nexport const useBreakpoint = (size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\") => {\n return useSyncExternalStore(\n (onStoreChange) => {\n if (typeof window === \"undefined\") {\n return () => {};\n }\n const breakpoint = window.matchMedia(`(min-width: ${screens[size]})`);\n breakpoint.addEventListener(\"change\", onStoreChange);\n return () => breakpoint.removeEventListener(\"change\", onStoreChange);\n },\n () => {\n if (typeof window === \"undefined\") {\n return true;\n }\n return window.matchMedia(`(min-width: ${screens[size]})`).matches;\n },\n () => true\n );\n};\n\n","\"use client\";\n\nimport type { CSSProperties, FC, HTMLAttributes, ReactNode } from \"react\";\nimport React, { cloneElement, createContext, isValidElement, useContext, useMemo } from \"react\";\n\ntype PaginationPage = {\n /** The type of the pagination item. */\n type: \"page\";\n /** The value of the pagination item. */\n value: number;\n /** Whether the pagination item is the current page. */\n isCurrent: boolean;\n};\n\ntype PaginationEllipsisType = {\n type: \"ellipsis\";\n key: number;\n};\n\ntype PaginationItemType = PaginationPage | PaginationEllipsisType;\n\ninterface PaginationContextType {\n /** The pages of the pagination. */\n pages: PaginationItemType[];\n /** The current page of the pagination. */\n currentPage: number;\n /** The total number of pages. */\n total: number;\n /** The function to call when the page changes. */\n onPageChange: (page: number) => void;\n}\n\nconst PaginationContext = createContext<PaginationContextType | undefined>(undefined);\n\nexport interface PaginationRootProps {\n /** Number of sibling pages to show on each side of the current page */\n siblingCount?: number;\n /** Current active page number */\n page: number;\n /** Total number of pages */\n total: number;\n children: ReactNode;\n /** The style of the pagination root. */\n style?: CSSProperties;\n /** The class name of the pagination root. */\n className?: string;\n /** Callback function that's called when the page changes with the new page number. */\n onPageChange?: (page: number) => void;\n}\n\nconst PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className }: PaginationRootProps) => {\n const pages = useMemo((): PaginationItemType[] => {\n const items: PaginationItemType[] = [];\n // Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show\n const totalPageNumbers = siblingCount * 2 + 5;\n\n // If the total number of items to show is greater than or equal to the total pages,\n // we can simply list all pages without needing to collapse with ellipsis\n if (totalPageNumbers >= total) {\n for (let i = 1; i <= total; i++) {\n items.push({\n type: \"page\",\n value: i,\n isCurrent: i === page,\n });\n }\n } else {\n // Calculate left and right sibling boundaries around the current page\n const leftSiblingIndex = Math.max(page - siblingCount, 1);\n const rightSiblingIndex = Math.min(page + siblingCount, total);\n\n // Determine if we need to show ellipsis on either side\n const showLeftEllipsis = leftSiblingIndex > 2;\n const showRightEllipsis = rightSiblingIndex < total - 1;\n\n // Case 1: No left ellipsis, but right ellipsis is needed\n if (!showLeftEllipsis && showRightEllipsis) {\n // Calculate how many page numbers to show starting from the beginning\n const leftItemCount = siblingCount * 2 + 3;\n const leftRange = range(1, leftItemCount);\n\n leftRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n\n // Insert ellipsis after the left range and add the last page\n items.push({ type: \"ellipsis\", key: leftItemCount + 1 });\n items.push({\n type: \"page\",\n value: total,\n isCurrent: total === page,\n });\n }\n // Case 2: Left ellipsis needed, but right ellipsis is not needed\n else if (showLeftEllipsis && !showRightEllipsis) {\n // Determine how many items from the end should be shown\n const rightItemCount = siblingCount * 2 + 3;\n const rightRange = range(total - rightItemCount + 1, total);\n\n // Always show the first page, then add an ellipsis to indicate skipped pages\n items.push({\n type: \"page\",\n value: 1,\n isCurrent: page === 1,\n });\n items.push({ type: \"ellipsis\", key: total - rightItemCount });\n rightRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n }\n // Case 3: Both left and right ellipsis are needed\n else if (showLeftEllipsis && showRightEllipsis) {\n // Always show the first page\n items.push({\n type: \"page\",\n value: 1,\n isCurrent: page === 1,\n });\n // Insert left ellipsis after the first page\n items.push({ type: \"ellipsis\", key: leftSiblingIndex - 1 });\n\n // Show a range of pages around the current page\n const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n middleRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n\n // Insert right ellipsis and finally the last page\n items.push({ type: \"ellipsis\", key: rightSiblingIndex + 1 });\n items.push({\n type: \"page\",\n value: total,\n isCurrent: total === page,\n });\n }\n }\n\n return items;\n }, [total, siblingCount, page]);\n\n const onPageChangeHandler = (newPage: number) => {\n onPageChange?.(newPage);\n };\n\n const paginationContextValue: PaginationContextType = {\n pages,\n currentPage: page,\n total,\n onPageChange: onPageChangeHandler,\n };\n\n return (\n <PaginationContext.Provider value={paginationContextValue}>\n <nav aria-label=\"Pagination Navigation\" style={style} className={className}>\n {children}\n </nav>\n </PaginationContext.Provider>\n );\n};\n\n/**\n * Creates an array of numbers from start to end.\n * @param start - The start number.\n * @param end - The end number.\n * @returns An array of numbers from start to end.\n */\nconst range = (start: number, end: number): number[] => {\n const length = end - start + 1;\n\n return Array.from({ length }, (_, index) => index + start);\n};\n\ninterface TriggerRenderProps {\n isDisabled: boolean;\n onClick: () => void;\n}\n\ninterface TriggerProps {\n /** The children of the trigger. Can be a render prop or a valid element. */\n children: ReactNode | ((props: TriggerRenderProps) => ReactNode);\n /** The style of the trigger. */\n style?: CSSProperties;\n /** The class name of the trigger. */\n className?: string | ((args: { isDisabled: boolean }) => string);\n /** If true, the child element will be cloned and passed down the prop of the trigger. */\n asChild?: boolean;\n /** The direction of the trigger. */\n direction: \"prev\" | \"next\";\n /** The aria label of the trigger. */\n ariaLabel?: string;\n}\n\nconst Trigger: FC<TriggerProps> = ({ children, style, className, asChild = false, direction, ariaLabel }) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a Pagination.Root\");\n }\n\n const { currentPage, total, onPageChange } = context;\n\n const isDisabled = direction === \"prev\" ? currentPage <= 1 : currentPage >= total;\n\n const handleClick = () => {\n if (isDisabled) return;\n\n const newPage = direction === \"prev\" ? currentPage - 1 : currentPage + 1;\n onPageChange?.(newPage);\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isDisabled }) : className;\n\n const defaultAriaLabel = direction === \"prev\" ? \"Previous Page\" : \"Next Page\";\n\n // If the children is a render prop, we need to pass the isDisabled and onClick to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isDisabled, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the isDisabled and onClick to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n disabled: isDisabled,\n isDisabled,\n \"aria-label\": ariaLabel || defaultAriaLabel,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={ariaLabel || defaultAriaLabel} onClick={handleClick} disabled={isDisabled} style={style} className={computedClassName}>\n {children}\n </button>\n );\n};\n\nconst PaginationPrevTrigger: FC<Omit<TriggerProps, \"direction\">> = (props) => <Trigger {...props} direction=\"prev\" />;\n\nconst PaginationNextTrigger: FC<Omit<TriggerProps, \"direction\">> = (props) => <Trigger {...props} direction=\"next\" />;\n\ninterface PaginationItemRenderProps {\n isSelected: boolean;\n onClick: () => void;\n value: number;\n \"aria-current\"?: \"page\";\n \"aria-label\"?: string;\n}\n\nexport interface PaginationItemProps {\n /** The value of the pagination item. */\n value: number;\n /** Whether the pagination item is the current page. */\n isCurrent: boolean;\n /** The children of the pagination item. Can be a render prop or a valid element. */\n children?: ReactNode | ((props: PaginationItemRenderProps) => ReactNode);\n /** The style object of the pagination item. */\n style?: CSSProperties;\n /** The class name of the pagination item. */\n className?: string | ((args: { isSelected: boolean }) => string);\n /** The aria label of the pagination item. */\n ariaLabel?: string;\n /** If true, the child element will be cloned and passed down the prop of the item. */\n asChild?: boolean;\n}\n\nconst PaginationItem = ({ value, isCurrent, children, style, className, ariaLabel, asChild = false }: PaginationItemProps) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a <Pagination.Root />\");\n }\n\n const { onPageChange } = context;\n\n const isSelected = isCurrent;\n\n const handleClick = () => {\n onPageChange?.(value);\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isSelected }) : className;\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return (\n <>\n {children({\n isSelected,\n onClick: handleClick,\n value,\n \"aria-current\": isCurrent ? \"page\" : undefined,\n \"aria-label\": ariaLabel || `Page ${value}`,\n })}\n </>\n );\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n \"aria-current\": isCurrent ? \"page\" : undefined,\n \"aria-label\": ariaLabel || `Page ${value}`,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button\n onClick={handleClick}\n style={style}\n className={computedClassName}\n aria-current={isCurrent ? \"page\" : undefined}\n aria-label={ariaLabel || `Page ${value}`}\n role=\"listitem\"\n >\n {children}\n </button>\n );\n};\ninterface PaginationEllipsisProps {\n key: number;\n children?: ReactNode;\n style?: CSSProperties;\n className?: string | (() => string);\n}\n\nconst PaginationEllipsis: FC<PaginationEllipsisProps> = ({ children, style, className }) => {\n const computedClassName = typeof className === \"function\" ? className() : className;\n\n return (\n <span style={style} className={computedClassName} aria-hidden=\"true\">\n {children}\n </span>\n );\n};\n\ninterface PaginationContextComponentProps {\n children: (pagination: PaginationContextType) => ReactNode;\n}\n\nconst PaginationContextComponent: FC<PaginationContextComponentProps> = ({ children }) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a Pagination.Root\");\n }\n\n return <>{children(context)}</>;\n};\n\nexport const Pagination = {\n Root: PaginationRoot,\n PrevTrigger: PaginationPrevTrigger,\n NextTrigger: PaginationNextTrigger,\n Item: PaginationItem,\n Ellipsis: PaginationEllipsis,\n Context: PaginationContextComponent,\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\n\ninterface GoogleMapProps {\n address: string;\n locationName?: string;\n className?: string;\n}\n\n// Google Maps API types\ninterface GoogleMaps {\n maps: {\n Geocoder: new () => GoogleGeocoder;\n Map: new (element: HTMLElement, options: GoogleMapOptions) => GoogleMapInstance;\n GeocoderStatus: {\n OK: string;\n [key: string]: string;\n };\n importLibrary: (library: string) => Promise<{ AdvancedMarkerElement: new (options: GoogleMarkerOptions) => GoogleMarker }>;\n };\n}\n\ninterface GoogleGeocoder {\n geocode: (request: { address: string }, callback: (results: GoogleGeocodeResult[] | null, status: string) => void) => void;\n}\n\ninterface GoogleGeocodeResult {\n geometry: {\n location: GoogleLatLng;\n };\n}\n\ninterface GoogleLatLng {\n lat: () => number;\n lng: () => number;\n}\n\ninterface GoogleMapOptions {\n zoom: number;\n center: GoogleLatLng;\n mapId: string;\n mapTypeControl: boolean;\n streetViewControl: boolean;\n fullscreenControl: boolean;\n zoomControl: boolean;\n}\n\ninterface GoogleMapInstance {\n markers?: GoogleMarker[];\n}\n\ninterface GoogleMarkerOptions {\n map: GoogleMapInstance;\n position: GoogleLatLng;\n title: string;\n}\n\ninterface GoogleMarker {\n map: GoogleMapInstance | null;\n}\n\ndeclare global {\n interface Window {\n google?: GoogleMaps;\n [key: string]: unknown; // Allow dynamic callback properties\n }\n}\n\nconst GOOGLE_MAPS_API_KEY = 'AIzaSyAb4-zSsPFx-QGi4cAiCGaRrzsAJC6e348';\n\nexport default function GoogleMap({ address, locationName, className = '' }: GoogleMapProps) {\n const mapRef = useRef<HTMLDivElement>(null);\n const [mapError, setMapError] = useState<string | null>(null);\n const [isLoaded, setIsLoaded] = useState(false);\n const geocoderRef = useRef<GoogleGeocoder | null>(null);\n const mapInstanceRef = useRef<GoogleMapInstance | null>(null);\n const isInitializingRef = useRef(false);\n const callbackNameRef = useRef<string | null>(null);\n\n // Initialize map once Google Maps API is loaded\n // Use ref to store callback to avoid \"accessed before declaration\" error\n const initMapRef = useRef<(() => Promise<void>) | null>(null);\n \n const initMap = useCallback(async () => {\n // Prevent multiple simultaneous initializations\n if (isInitializingRef.current) return;\n \n // Ensure DOM element exists and Google Maps is fully loaded\n if (!mapRef.current || !window.google || !window.google.maps) {\n return;\n }\n\n // Check if Geocoder is available (required for async loading)\n if (!window.google.maps.Geocoder) {\n console.warn('Google Maps Geocoder not yet available, retrying...');\n setTimeout(() => {\n if (mapRef.current && window.google?.maps?.Geocoder && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n return;\n }\n\n // Double-check the element is still in the DOM\n if (!document.body.contains(mapRef.current)) {\n return;\n }\n\n isInitializingRef.current = true;\n\n try {\n // Clear any existing map instance\n if (mapInstanceRef.current) {\n // Clear markers and listeners\n const markers = mapInstanceRef.current.markers || [];\n markers.forEach((marker) => {\n if (marker.map) marker.map = null;\n });\n mapInstanceRef.current = null;\n }\n\n // Import marker library for AdvancedMarkerElement\n const markerLibrary = await window.google.maps.importLibrary(\"marker\");\n const AdvancedMarkerElement = markerLibrary.AdvancedMarkerElement;\n\n // Create geocoder - now we know it's available\n geocoderRef.current = new window.google.maps.Geocoder();\n \n // Geocode the address\n geocoderRef.current.geocode({ address }, (results: GoogleGeocodeResult[] | null, status: string) => {\n // Check if component is still mounted and ref is still valid\n if (!mapRef.current || !document.body.contains(mapRef.current)) {\n isInitializingRef.current = false;\n return;\n }\n\n if (status === 'OK' && results && results[0]) {\n const location = results[0].geometry.location;\n \n // Create map centered on the geocoded location\n // Advanced markers require a mapId\n // Note: When using mapId, styles are controlled via Google Cloud Console, not in code\n if (!window.google) return;\n const map = new window.google.maps.Map(mapRef.current, {\n zoom: 15,\n center: location,\n mapId: 'DEMO_MAP_ID', // Can be replaced with a custom Map ID from Google Cloud Console\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: true,\n zoomControl: true,\n // Styles cannot be set when mapId is present - configure in Google Cloud Console instead\n });\n\n // Create AdvancedMarkerElement (modern, non-deprecated approach)\n const marker = new AdvancedMarkerElement({\n map: map,\n position: location,\n title: locationName || address,\n });\n\n // Store markers for cleanup\n map.markers = [marker];\n mapInstanceRef.current = map;\n setIsLoaded(true);\n setMapError(null);\n } else {\n // If geocoding fails, show error\n setMapError('Unable to find the address. Please check the address and try again.');\n setIsLoaded(false);\n }\n \n isInitializingRef.current = false;\n });\n } catch (error) {\n console.error('Error initializing map:', error);\n setMapError('Error loading map. Please try again later.');\n isInitializingRef.current = false;\n }\n }, [address, locationName]);\n\n // Store callback in ref (use effect to avoid accessing refs during render)\n useEffect(() => {\n initMapRef.current = initMap;\n }, [initMap]);\n\n // Load Google Maps script with proper callback\n useEffect(() => {\n let mounted = true;\n let checkInterval: NodeJS.Timeout | null = null;\n\n // Generate unique callback name for this component instance\n const callbackName = `initGoogleMap_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n callbackNameRef.current = callbackName;\n\n // Create callback function that will be called when API loads\n (window as Window & { [key: string]: () => void })[callbackName] = () => {\n if (mounted && mapRef.current && initMapRef.current) {\n // Small delay to ensure everything is ready\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n }\n };\n\n // Check if script is already loaded\n if (window.google && window.google.maps && window.google.maps.Geocoder) {\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n return () => {\n mounted = false;\n delete (window as Window & { [key: string]: unknown })[callbackName];\n };\n }\n\n // Check if script tag already exists (shared script)\n const existingScript = document.querySelector(`script[src*=\"maps.googleapis.com\"]`) as HTMLScriptElement;\n if (existingScript) {\n // Script is loading or loaded, wait for it\n checkInterval = setInterval(() => {\n if (window.google && window.google.maps && window.google.maps.Geocoder && mounted) {\n clearInterval(checkInterval!);\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n }\n }, 100);\n \n return () => {\n mounted = false;\n if (checkInterval) {\n clearInterval(checkInterval);\n }\n delete (window as Window & { [key: string]: unknown })[callbackName];\n };\n }\n\n // Create and load script with callback\n // Include 'marker' library for AdvancedMarkerElement\n const script = document.createElement('script');\n script.src = `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_MAPS_API_KEY}&libraries=places,marker&loading=async&callback=${callbackName}`;\n script.async = true;\n script.defer = true;\n \n script.onerror = () => {\n if (mounted) {\n setMapError('Failed to load Google Maps. Please check your internet connection.');\n delete (window as Window & { [key: string]: unknown })[callbackName];\n }\n };\n \n document.head.appendChild(script);\n \n return () => {\n mounted = false;\n if (checkInterval) {\n clearInterval(checkInterval);\n }\n // Clean up callback\n if (callbackNameRef.current) {\n delete (window as Window & { [key: string]: unknown })[callbackNameRef.current];\n callbackNameRef.current = null;\n }\n // Never remove the script - it's shared and removing it causes React errors\n };\n }, []); // Only run once on mount\n\n // Re-initialize map if address changes (but only after API is loaded)\n useEffect(() => {\n if (window.google && window.google.maps && window.google.maps.Geocoder && mapRef.current && !isInitializingRef.current && initMapRef.current) {\n // Small delay to ensure DOM is stable\n const timeoutId = setTimeout(() => {\n if (mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n \n return () => clearTimeout(timeoutId);\n }\n }, [address, locationName]);\n\n // Cleanup map instance on unmount\n useEffect(() => {\n return () => {\n if (mapInstanceRef.current) {\n // Clear markers\n const markers = mapInstanceRef.current.markers || [];\n markers.forEach((marker) => {\n if (marker.map) marker.map = null;\n });\n mapInstanceRef.current = null;\n }\n isInitializingRef.current = false;\n };\n }, []);\n\n return (\n <div className={`h-full w-full rounded-lg ${className}`} style={{ minHeight: '240px', position: 'relative' }}>\n {/* Map container - always present, Google Maps will render into it */}\n <div \n ref={mapRef} \n className=\"h-full w-full rounded-lg\"\n style={{ minHeight: '240px' }}\n />\n \n {/* Loading overlay - positioned absolutely to not interfere with map DOM */}\n {!isLoaded && !mapError && (\n <div \n className=\"absolute inset-0 bg-secondary_alt rounded-lg flex items-center justify-center z-10\"\n style={{ pointerEvents: 'none' }}\n >\n <p className=\"text-tertiary\">Loading map...</p>\n </div>\n )}\n \n {/* Error overlay - positioned absolutely to not interfere with map DOM */}\n {mapError && (\n <div \n className=\"absolute inset-0 bg-secondary_alt rounded-lg flex items-center justify-center z-10\"\n style={{ pointerEvents: 'auto' }}\n >\n <div className=\"text-center p-4\">\n <p className=\"text-tertiary mb-2\">{mapError}</p>\n <a \n href={`https://maps.google.com/?q=${encodeURIComponent(address)}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-sm text-brand-secondary hover:underline\"\n >\n Open in Google Maps\n </a>\n </div>\n </div>\n )}\n </div>\n );\n}\n","'use client';\n\nimport Image from 'next/image';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\ninterface MarkdownRendererProps {\n content: string;\n className?: string;\n}\n\n/**\n * Generate a URL-friendly ID from a heading text\n */\nfunction slugify(text: string): string {\n return text\n .toLowerCase()\n .trim()\n .replace(/[^\\w\\s-]/g, '') // Remove special characters\n .replace(/[\\s_-]+/g, '-') // Replace spaces and underscores with hyphens\n .replace(/^-+|-+$/g, ''); // Remove leading/trailing hyphens\n}\n\n/**\n * Extract text content from React children (handles nested structures)\n */\nfunction extractTextFromChildren(children: React.ReactNode): string {\n if (typeof children === 'string') {\n return children;\n }\n if (Array.isArray(children)) {\n return children.map((child) => extractTextFromChildren(child)).join('');\n }\n if (children && typeof children === 'object' && 'props' in children && children.props && typeof children.props === 'object' && 'children' in children.props) {\n return extractTextFromChildren(children.props.children as React.ReactNode);\n }\n return '';\n}\n\nexport default function MarkdownRenderer({ content, className = '' }: MarkdownRendererProps) {\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n // Headings with IDs for table of contents\n h1: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h1 id={id} className=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\" {...props}>{children}</h1>;\n },\n h2: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h2 id={id} className=\"text-2xl font-semibold text-gray-900 mb-4\" {...props}>{children}</h2>;\n },\n h3: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h3 id={id} className=\"text-xl font-semibold text-gray-900 mb-3\" {...props}>{children}</h3>;\n },\n h4: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h4 id={id} className=\"text-lg font-semibold text-gray-900 mb-2\" {...props}>{children}</h4>;\n },\n h5: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h5 id={id} className=\"text-base font-semibold text-gray-900 mb-2\" {...props}>{children}</h5>;\n },\n h6: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h6 id={id} className=\"text-sm font-semibold text-gray-900 mb-2\" {...props}>{children}</h6>;\n },\n \n // Paragraphs and text\n p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n <p className=\"text-gray-700 leading-relaxed mb-4 last:mb-0\" {...props} />\n ),\n strong: (props: React.HTMLAttributes<HTMLElement>) => (\n <strong className=\"font-semibold text-gray-900\" {...props} />\n ),\n em: (props: React.HTMLAttributes<HTMLElement>) => (\n <em className=\"italic text-gray-700\" {...props} />\n ),\n\n \n // Lists\n ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n <ul className=\"list-disc list-inside space-y-1 mb-4 last:mb-0\" {...props} />\n ),\n ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n <ol className=\"list-decimal list-inside space-y-1 mb-4 last:mb-0\" {...props} />\n ),\n li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n <li className=\"text-gray-700 leading-relaxed\" {...props} />\n ),\n \n // Blockquotes\n blockquote: (props: React.HTMLAttributes<HTMLQuoteElement>) => (\n <blockquote className=\"border-l-4 border-blue-500 pl-4 italic text-gray-600 bg-blue-50 py-2 mb-4\" {...props} />\n ),\n \n // Links\n a: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (\n <a className=\"text-blue-600 hover:text-blue-800 hover:underline\" {...props} />\n ),\n \n // Images\n img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => {\n const { src, alt, width, height, ...restProps } = props;\n if (!src || typeof src !== 'string') return null;\n return (\n <Image \n src={src} \n alt={alt || \"\"} \n width={typeof width === 'number' ? width : 800} \n height={typeof height === 'number' ? height : 600} \n className=\"max-w-full h-auto rounded-lg shadow-md my-4\" \n {...restProps} \n />\n );\n },\n \n // Horizontal rules\n hr: () => <hr className=\"my-6 border-gray-200\" />,\n \n // Tables\n table: (props: React.HTMLAttributes<HTMLTableElement>) => (\n <div className=\"overflow-x-auto my-4\">\n <table className=\"min-w-full bg-white border border-gray-200 rounded-lg\" {...props} />\n </div>\n ),\n thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n <thead className=\"bg-gray-50\" {...props} />\n ),\n tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n <tbody {...props} />\n ),\n tr: (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n <tr className=\"border-b border-gray-200\" {...props} />\n ),\n th: (props: React.HTMLAttributes<HTMLTableCellElement>) => (\n <th className=\"px-4 py-3 text-left text-sm font-semibold text-gray-900\" {...props} />\n ),\n td: (props: React.HTMLAttributes<HTMLTableCellElement>) => (\n <td className=\"px-4 py-3 text-sm text-gray-700\" {...props} />\n ),\n \n // Code blocks\n pre: (props: React.HTMLAttributes<HTMLPreElement>) => (\n <pre className=\"bg-gray-100 p-4 rounded-lg overflow-x-auto my-4\" {...props} />\n ),\n \n // Code\n code: (props: React.HTMLAttributes<HTMLElement>) => (\n <code className=\"bg-gray-100 px-1.5 py-0.5 rounded text-sm font-mono text-gray-800\" {...props} />\n ),\n }}\n >\n {content}\n </ReactMarkdown>\n </div>\n );\n}\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Aman theme: Minimal dark charcoal buttons with white text\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-sm px-5 py-2.5 text-sm font-medium uppercase tracking-wide\",\n },\n md: {\n root: \"gap-2 rounded-sm px-6 py-3 text-base font-medium uppercase tracking-wide\",\n },\n lg: {\n root: \"gap-2 rounded-sm px-8 py-3.5 text-lg font-medium uppercase tracking-wide\",\n },\n xl: {\n root: \"gap-2.5 rounded-sm px-10 py-4 text-xl font-medium uppercase tracking-wide\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-white text-fg-primary border-2 hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n // Dynamic border color for secondary buttons using brand secondary color\n const secondaryStyle = color === 'secondary' ? {\n borderColor: 'var(--color-text-brand-secondary)'\n } : undefined;\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n style={secondaryStyle}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'aman', Button);\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Barelux theme: Rounded full buttons with elegant styling\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-full px-6 py-2.5 text-sm font-medium uppercase tracking-wide\",\n },\n md: {\n root: \"gap-2 rounded-full px-8 py-3 text-base font-medium uppercase tracking-wide\",\n },\n lg: {\n root: \"gap-2 rounded-full px-10 py-3.5 text-lg font-medium uppercase tracking-wide\",\n },\n xl: {\n root: \"gap-2.5 rounded-full px-12 py-4 text-xl font-medium uppercase tracking-wide\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-secondary text-fg-primary hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'barelux', Button);\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Balance theme: Rounded full buttons with elegant styling\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-full px-6 py-2.5 text-sm font-medium\",\n },\n md: {\n root: \"gap-2 rounded-full px-8 py-3 text-base font-medium\",\n },\n lg: {\n root: \"gap-2 rounded-full px-10 py-3.5 text-lg font-medium\",\n },\n xl: {\n root: \"gap-2.5 rounded-full px-12 py-4 text-xl font-medium\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-secondary text-fg-primary hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'balance', Button);\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type Ref, createContext, useContext } from \"react\";\nimport { HelpCircle, InfoCircle } from \"@untitledui/icons\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from './hint-text';\nimport { Label } from './label';\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx, sortCx } from '../../../utils/cx';\n\nexport interface InputBaseProps extends AriaTextFieldProps {\n tooltip?: string;\n size?: \"sm\" | \"md\";\n placeholder?: string;\n iconClassName?: string;\n inputClassName?: string;\n wrapperClassName?: string;\n tooltipClassName?: string;\n shortcut?: string | boolean;\n ref?: Ref<HTMLInputElement>;\n groupRef?: Ref<HTMLDivElement>;\n icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n label?: string;\n hint?: string;\n}\n\nconst TextFieldContext = createContext<Partial<InputBaseProps>>({});\n\nexport const InputBase = ({\n ref,\n tooltip,\n shortcut,\n groupRef,\n size = \"sm\",\n isInvalid,\n isDisabled,\n icon: Icon,\n placeholder,\n wrapperClassName,\n tooltipClassName,\n inputClassName,\n iconClassName,\n ...inputProps\n}: Omit<InputBaseProps, \"label\" | \"hint\" | \"isRequired\">) => {\n const hasTrailingIcon = tooltip || isInvalid;\n const hasLeadingIcon = Icon;\n const context = useContext(TextFieldContext);\n const inputSize = context?.size || size;\n\n const sizes = sortCx({\n sm: {\n root: cx(\"px-3 py-2.5\", hasTrailingIcon && \"pr-9\", hasLeadingIcon && \"pl-10\"),\n iconLeading: \"left-3\",\n iconTrailing: \"right-3\",\n shortcut: \"pr-2.5\",\n },\n md: {\n root: cx(\"px-3.5 py-3\", hasTrailingIcon && \"pr-9.5\", hasLeadingIcon && \"pl-10.5\"),\n iconLeading: \"left-3.5\",\n iconTrailing: \"right-3.5\",\n shortcut: \"pr-3\",\n },\n });\n\n return (\n <AriaGroup\n {...{ isDisabled, isInvalid }}\n ref={groupRef}\n className={({ isFocusWithin, isDisabled, isInvalid }) =>\n cx(\n \"relative flex w-full flex-row place-content-center place-items-center rounded-sm bg-white ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset\",\n isFocusWithin && !isDisabled && \"ring-2 ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary ring-secondary\",\n isInvalid && \"ring-error_subtle\",\n isInvalid && isFocusWithin && \"ring-2 ring-error\",\n context?.wrapperClassName,\n wrapperClassName,\n )\n }\n >\n {Icon && (\n <Icon\n className={cx(\n \"pointer-events-none absolute size-5 text-secondary\",\n isDisabled && \"text-border-secondary\",\n sizes[inputSize].iconLeading,\n context?.iconClassName,\n iconClassName,\n )}\n />\n )}\n\n <AriaInput\n {...(inputProps as AriaInputProps)}\n ref={ref}\n placeholder={placeholder}\n className={cx(\n \"m-0 w-full bg-transparent text-base font-body text-fg-primary ring-0 outline-hidden placeholder:text-secondary autofill:rounded-sm autofill:text-fg-primary\",\n isDisabled && \"cursor-not-allowed text-secondary\",\n sizes[inputSize].root,\n context?.inputClassName,\n inputClassName,\n )}\n />\n\n {tooltip && !isInvalid && (\n <Tooltip title={tooltip} placement=\"top\">\n <TooltipTrigger\n className={cx(\n \"absolute cursor-pointer text-secondary transition duration-200 hover:text-fg-primary focus:text-fg-primary\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n\n {isInvalid && (\n <InfoCircle\n className={cx(\n \"pointer-events-none absolute size-4 text-error\",\n sizes[inputSize].iconTrailing,\n )}\n />\n )}\n\n {shortcut && (\n <kbd\n className={cx(\n \"pointer-events-none absolute flex h-5 items-center justify-center rounded bg-utility-gray-50 px-1.5 text-xs font-medium text-tertiary shadow-xs ring-1 ring-inset ring-utility-gray-200\",\n sizes[inputSize].shortcut,\n )}\n >\n {shortcut === true ? \"⌘K\" : shortcut}\n </kbd>\n )}\n </AriaGroup>\n );\n};\n\nexport const Input = ({\n label,\n hint,\n size,\n isInvalid,\n isDisabled,\n isRequired,\n ...props\n}: InputBaseProps) => {\n const textFieldContext = { size, wrapperClassName: props.wrapperClassName, inputClassName: props.inputClassName, iconClassName: props.iconClassName, tooltipClassName: props.tooltipClassName };\n\n return (\n <TextFieldContext.Provider value={textFieldContext}>\n <AriaTextField\n {...({ isInvalid, isDisabled, isRequired } as AriaTextFieldProps)}\n className=\"flex flex-col gap-1.5\"\n >\n {label && <Label>{label}</Label>}\n <InputBase {...props} size={size} isInvalid={isInvalid} isDisabled={isDisabled} />\n {hint && <HintText>{hint}</HintText>}\n </AriaTextField>\n </TextFieldContext.Provider>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('input', 'aman', Input);\n","\"use client\";\n\nimport type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { TextArea as AriaTextArea, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\nexport interface TextareaProps extends AriaTextFieldProps {\n label?: string;\n hint?: string;\n placeholder?: string;\n rows?: number;\n className?: string;\n}\n\nexport const TextArea = ({\n label,\n hint,\n placeholder,\n rows = 4,\n isInvalid,\n isDisabled,\n isRequired,\n className,\n ...props\n}: TextareaProps) => {\n return (\n <AriaTextField\n {...({ isInvalid, isDisabled, isRequired } as AriaTextFieldProps)}\n className=\"flex flex-col gap-1.5\"\n >\n {label && <Label>{label}</Label>}\n <AriaTextArea\n {...(props as AriaTextAreaProps)}\n rows={rows}\n placeholder={placeholder}\n className={cx(\n \"w-full rounded-sm bg-white px-3 py-2.5 text-base font-body text-fg-primary ring-1 ring-secondary ring-inset placeholder:text-secondary outline-none transition-shadow duration-100 ease-linear\",\n \"focus:ring-2 focus:ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary text-secondary ring-secondary\",\n isInvalid && \"ring-error_subtle focus:ring-2 focus:ring-error\",\n className,\n )}\n />\n {hint && <HintText>{hint}</HintText>}\n </AriaTextField>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('textarea', 'aman', TextArea);\n","\"use client\";\n\nimport React from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport {\n Button as AriaButton,\n ListBox as AriaListBox,\n Popover as AriaPopover,\n Select as AriaSelect,\n SelectValue as AriaSelectValue,\n type SelectProps as AriaSelectProps,\n} from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\nexport interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, 'children'> {\n label?: string;\n hint?: string;\n placeholder?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport function Select<T extends object>({\n label,\n hint,\n placeholder = \"Select an option\",\n isInvalid,\n isDisabled,\n isRequired,\n children,\n className,\n ...props\n}: SelectProps<T>) {\n return (\n <AriaSelect\n {...props}\n isInvalid={isInvalid}\n isDisabled={isDisabled}\n isRequired={isRequired}\n className={cx(\"flex flex-col gap-1.5\", className)}\n >\n {label && <Label>{label}</Label>}\n <AriaButton\n className={({ isFocusVisible, isDisabled }) =>\n cx(\n \"flex items-center justify-between w-full rounded-sm bg-white px-3 py-2.5 text-base font-body text-fg-primary shadow-sm ring-1 ring-secondary ring-inset transition-shadow duration-100 ease-linear\",\n isFocusVisible && !isDisabled && \"ring-2 ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary text-secondary ring-secondary\",\n isInvalid && \"ring-error_subtle\",\n )\n }\n >\n <AriaSelectValue className=\"flex-1 text-left placeholder-shown:text-secondary\">\n {({ selectedText }) => selectedText || placeholder}\n </AriaSelectValue>\n <ChevronDown className=\"size-5 text-secondary\" />\n </AriaButton>\n {hint && <HintText>{hint}</HintText>}\n <AriaPopover\n className=\"w-[--trigger-width] rounded-sm bg-white shadow-lg ring-1 ring-secondary overflow-auto max-h-60\"\n >\n <AriaListBox className=\"outline-none p-1\">\n {children}\n </AriaListBox>\n </AriaPopover>\n </AriaSelect>\n );\n}\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('select', 'aman', Select);\n","import React from 'react';\n\nconst defaultClassName = 'w-5 h-5 flex-shrink-0';\n\ninterface SocialIconProps {\n platform: string;\n className?: string;\n}\n\nconst FacebookIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" />\n </svg>\n);\n\nconst InstagramIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\" />\n </svg>\n);\n\nconst YouTubeIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" />\n </svg>\n);\n\nconst GoogleIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" />\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" />\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" />\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" />\n </svg>\n);\n\nconst TikTokIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\" />\n </svg>\n);\n\nconst LinkedInIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n </svg>\n);\n\nconst TwitterIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\n </svg>\n);\n\nconst PinterestIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\" />\n </svg>\n);\n\nconst YelpIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M20.16 12.594l-4.995 1.33c-.96.26-1.96-.19-2.23-1.11l-.894-3.39c-.27-.99.31-2.04 1.31-2.42l4.995-1.33c.96-.26 1.96.19 2.23 1.11l.894 3.39c.27.99-.31 2.04-1.31 2.42zM12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1z\" />\n </svg>\n);\n\nconst TripAdvisorIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12.006 4.295c-2.67 0-5.338.784-7.645 2.353H0l2.337 4.598a11.994 11.994 0 0 0 9.669 5.107 11.994 11.994 0 0 0 9.669-5.107L24 6.648h-4.35a12.037 12.037 0 0 0-7.644-2.353zM12 6.255c1.531 0 2.764 1.233 2.764 2.764S13.531 11.783 12 11.783 9.236 10.55 9.236 9.019s1.233-2.764 2.764-2.764zM12 15.021c-2.667 0-5.338-.784-7.645-2.352H0l2.337 4.598a11.994 11.994 0 0 0 9.669 5.107 11.994 11.994 0 0 0 9.669-5.107L24 15.021h-4.35A12.037 12.037 0 0 1 12 15.021z\" />\n </svg>\n);\n\n/** Renders the icon for a given platform (facebook, instagram, tiktok, etc.). */\nexport function SocialIcon({ platform, className = defaultClassName }: SocialIconProps): React.ReactNode {\n const p = platform.toLowerCase();\n switch (p) {\n case 'facebook':\n return <FacebookIcon className={className} />;\n case 'instagram':\n return <InstagramIcon className={className} />;\n case 'youtube':\n return <YouTubeIcon className={className} />;\n case 'google':\n case 'google_my_business':\n case 'google_reviews':\n return <GoogleIcon className={className} />;\n case 'tiktok':\n return <TikTokIcon className={className} />;\n case 'linkedin':\n return <LinkedInIcon className={className} />;\n case 'twitter':\n return <TwitterIcon className={className} />;\n case 'pinterest':\n return <PinterestIcon className={className} />;\n case 'yelp':\n return <YelpIcon className={className} />;\n case 'tripadvisor':\n return <TripAdvisorIcon className={className} />;\n default:\n return null;\n }\n}\n\n/** Returns the icon element for a platform (for use in map/render). */\nexport function getSocialIcon(platform: string, className?: string): React.ReactNode {\n return <SocialIcon platform={platform} className={className ?? defaultClassName} />;\n}\n\nexport {\n FacebookIcon,\n InstagramIcon,\n YouTubeIcon,\n GoogleIcon,\n TikTokIcon,\n LinkedInIcon,\n TwitterIcon,\n PinterestIcon,\n YelpIcon,\n TripAdvisorIcon,\n};\n","\"use client\";\n\nimport type { CSSProperties, ComponentPropsWithRef, HTMLAttributes, KeyboardEvent, ReactNode, Ref } from \"react\";\nimport { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useSyncExternalStore } from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { cx } from '../../../utils/cx';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n /** The options for the Embla carousel. */\n opts?: CarouselOptions;\n /** The plugins for the Embla carousel. */\n plugins?: CarouselPlugin;\n /** The orientation of the carousel. */\n orientation?: \"horizontal\" | \"vertical\";\n /** The function to set the API for the carousel. */\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = CarouselProps & {\n /** The ref of the carousel. */\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n /** The API of the carousel. */\n api: ReturnType<typeof useEmblaCarousel>[1];\n /** The function to scroll the carousel to the previous slide. */\n scrollPrev: () => void;\n /** The function to scroll the carousel to the next slide. */\n scrollNext: () => void;\n /** Whether the carousel can scroll to the previous slide. */\n canScrollPrev: boolean;\n /** Whether the carousel can scroll to the next slide. */\n canScrollNext: boolean;\n /** The index of the selected slide. */\n selectedIndex: number;\n /** The scroll snaps of the carousel. */\n scrollSnaps: number[];\n};\n\nexport const CarouselContext = createContext<CarouselContextProps | null>(null);\n\nexport const useCarousel = () => {\n const context = useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"The `useCarousel` hook must be used within a <Carousel />\");\n }\n\n return context;\n};\n\n// Stable default snapshot for SSR - must be a constant to avoid infinite loops\nconst DEFAULT_SNAPSHOT = {\n canScrollPrev: false,\n canScrollNext: false,\n selectedIndex: 0,\n scrollSnaps: [] as number[],\n};\n\nconst CarouselRoot = ({ orientation = \"horizontal\", opts, setApi, plugins, className, children, ...props }: ComponentPropsWithRef<\"div\"> & CarouselProps) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins,\n );\n \n // Cache the snapshot object to avoid creating new objects on every call\n const snapshotRef = useRef(DEFAULT_SNAPSHOT);\n \n const getSnapshot = useCallback(() => {\n if (!api) {\n return DEFAULT_SNAPSHOT;\n }\n\n const canScrollPrev = api.canScrollPrev();\n const canScrollNext = api.canScrollNext();\n const selectedIndex = api.selectedScrollSnap();\n const scrollSnaps = api.scrollSnapList();\n \n // Only create a new object if values have changed\n if (\n snapshotRef.current.canScrollPrev !== canScrollPrev ||\n snapshotRef.current.canScrollNext !== canScrollNext ||\n snapshotRef.current.selectedIndex !== selectedIndex ||\n snapshotRef.current.scrollSnaps.length !== scrollSnaps.length ||\n snapshotRef.current.scrollSnaps.some((val, idx) => val !== scrollSnaps[idx])\n ) {\n snapshotRef.current = {\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n };\n }\n \n return snapshotRef.current;\n }, [api]);\n\n // Stable server snapshot - returns the same cached object reference for SSR\n const getServerSnapshot = useCallback(() => DEFAULT_SNAPSHOT, []);\n\n const subscribe = useCallback(\n (onStoreChange: () => void) => {\n if (!api) return () => {};\n\n api.on(\"select\", onStoreChange);\n api.on(\"reInit\", onStoreChange);\n\n return () => {\n api.off(\"select\", onStoreChange);\n api.off(\"reInit\", onStoreChange);\n };\n },\n [api],\n );\n\n const { canScrollPrev, canScrollNext, selectedIndex, scrollSnaps } = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n const scrollPrev = useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n useEffect(() => {\n if (!api || !setApi) return;\n\n setApi(api);\n }, [api, setApi]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation: orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n }}\n >\n <div onKeyDownCapture={handleKeyDown} className={cx(\"relative\", className)} role=\"region\" aria-roledescription=\"carousel\" {...props}>\n {children}\n </div>\n </CarouselContext.Provider>\n );\n};\n\ninterface CarouselContentProps extends ComponentPropsWithRef<\"div\"> {\n /** The class name of the content. */\n className?: string;\n /** Whether to hide the overflow. */\n overflowHidden?: boolean;\n}\n\nconst CarouselContent = ({ className, overflowHidden = true, ...props }: CarouselContentProps) => {\n const { carouselRef, orientation } = useCarousel();\n\n return (\n <div ref={carouselRef} className={cx(\"h-full w-full\", overflowHidden && \"overflow-hidden\")}>\n <div className={cx(\"flex max-h-full\", orientation === \"horizontal\" ? \"\" : \"flex-col\", className)} {...props} />\n </div>\n );\n};\n\nconst CarouselItem = ({ className, ...props }: ComponentPropsWithRef<\"div\">) => {\n return <div role=\"group\" aria-roledescription=\"slide\" className={cx(\"min-w-0 shrink-0 grow-0 basis-full\", className)} {...props} />;\n};\n\ninterface TriggerRenderProps {\n isDisabled: boolean;\n onClick: () => void;\n}\n\ninterface TriggerProps {\n /** The ref of the trigger. */\n ref?: Ref<HTMLButtonElement>;\n /** If true, the child element will be cloned and passed down the prop of the trigger. */\n asChild?: boolean;\n /** The direction of the trigger. */\n direction: \"prev\" | \"next\";\n /** The children of the trigger. Can be a render prop or a valid element. */\n children: ReactNode | ((props: TriggerRenderProps) => ReactNode);\n /** The style of the trigger. */\n style?: CSSProperties;\n /** The class name of the trigger. */\n className?: string | ((args: { isDisabled: boolean }) => string);\n}\n\nconst Trigger = ({ className, children, asChild, direction, style, ...props }: TriggerProps) => {\n const { scrollPrev, canScrollNext, scrollNext, canScrollPrev } = useCarousel();\n\n const isDisabled = direction === \"prev\" ? !canScrollPrev : !canScrollNext;\n\n const handleClick = () => {\n if (isDisabled) return;\n\n if (direction === \"prev\") {\n scrollPrev();\n } else {\n scrollNext();\n }\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isDisabled }) : className;\n\n const defaultAriaLabel = direction === \"prev\" ? \"Previous slide\" : \"Next slide\";\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isDisabled, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n disabled: isDisabled,\n \"aria-label\": defaultAriaLabel,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={defaultAriaLabel} disabled={isDisabled} className={computedClassName} onClick={handleClick} {...props}>\n {children}\n </button>\n );\n};\n\nconst CarouselPrevTrigger = (props: Omit<TriggerProps, \"direction\">) => <Trigger {...props} direction=\"prev\" />;\n\nconst CarouselNextTrigger = (props: Omit<TriggerProps, \"direction\">) => <Trigger {...props} direction=\"next\" />;\n\ninterface CarouselIndicatorRenderProps {\n isSelected: boolean;\n onClick: () => void;\n}\n\ninterface CarouselIndicatorProps {\n /** The index of the indicator. */\n index: number;\n /** If true, the child element will be cloned and passed down the prop of the indicator. */\n asChild?: boolean;\n /** If true, the indicator will be selected. */\n isSelected?: boolean;\n /** The children of the indicator. Can be a render prop or a valid element. */\n children?: ReactNode | ((props: CarouselIndicatorRenderProps) => ReactNode);\n /** The style of the indicator. */\n style?: CSSProperties;\n /** The class name of the indicator. */\n className?: string | ((args: { isSelected: boolean }) => string);\n}\n\nconst CarouselIndicator = ({ index, isSelected = false, children, asChild, className, style }: CarouselIndicatorProps) => {\n const { api, selectedIndex } = useCarousel();\n\n isSelected = isSelected || selectedIndex === index;\n\n const handleClick = () => {\n api?.scrollTo(index);\n };\n const computedClassName = typeof className === \"function\" ? className({ isSelected }) : className;\n\n const defaultAriaLabel = \"Go to slide\" + (index + 1);\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isSelected, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n \"aria-label\": defaultAriaLabel,\n \"aria-current\": isSelected ? \"true\" : undefined,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={defaultAriaLabel} aria-current={isSelected ? \"true\" : undefined} className={computedClassName} onClick={handleClick}>\n {children}\n </button>\n );\n};\n\ninterface CarouselIndicatorGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n children: ReactNode | ((props: { index: number }) => ReactNode);\n className?: string;\n}\n\nconst CarouselIndicatorGroup = ({ children, ...props }: CarouselIndicatorGroupProps) => {\n const { scrollSnaps } = useCarousel();\n\n // If the children is a render prop, we need to pass the index to the render prop.\n if (typeof children === \"function\") {\n return <nav {...props}>{scrollSnaps.map((index) => children({ index }))}</nav>;\n }\n\n return <nav {...props}>{children}</nav>;\n};\n\nexport const Carousel = {\n Root: CarouselRoot,\n Content: CarouselContent,\n Item: CarouselItem,\n PrevTrigger: CarouselPrevTrigger,\n NextTrigger: CarouselNextTrigger,\n IndicatorGroup: CarouselIndicatorGroup,\n Indicator: CarouselIndicator,\n};\n","\"use client\";\n\nimport React from 'react';\nimport { Carousel } from './carousel';\nimport { ChevronLeft, ChevronRight } from '@untitledui/icons';\n\ninterface CarouselSectionWrapperProps {\n title: string;\n subtitle?: string;\n hasItems: boolean;\n children: React.ReactNode;\n emptyMessage?: string;\n}\n\nexport const CarouselSectionWrapper = ({\n title,\n subtitle,\n hasItems,\n children,\n emptyMessage = \"No items available\",\n}: CarouselSectionWrapperProps) => {\n return (\n <section>\n <div className=\"mx-auto max-w-container px-4 md:px-8\">\n {hasItems ? (\n <Carousel.Root opts={{ align: \"start\", loop: true }}>\n <div className=\"flex items-center justify-between mb-12\">\n <h2 className=\"font-display text-4xl font-normal text-fg-primary md:text-5xl\">\n {title}\n </h2>\n <div className=\"flex gap-2\">\n <Carousel.PrevTrigger className=\"rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed\">\n <ChevronLeft className=\"w-6 h-6 text-fg-primary\" />\n </Carousel.PrevTrigger>\n <Carousel.NextTrigger className=\"rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed\">\n <ChevronRight className=\"w-6 h-6 text-fg-primary\" />\n </Carousel.NextTrigger>\n </div>\n </div>\n \n <Carousel.Content className=\"-ml-4\">\n {children}\n </Carousel.Content>\n </Carousel.Root>\n ) : (\n <>\n <div className=\"mb-12\">\n <h2 className=\"font-display text-4xl font-normal text-fg-primary md:text-5xl\">\n {title}\n </h2>\n {subtitle && (\n <p className=\"mt-4 text-lg text-tertiary md:mt-6 md:text-xl\">\n {subtitle}\n </p>\n )}\n </div>\n <div className=\"text-center py-12\">\n <p className=\"font-body text-base text-tertiary\">{emptyMessage}</p>\n </div>\n </>\n )}\n </div>\n </section>\n );\n};\n","'use client';\n\nimport { useEffect } from 'react';\n\ninterface VideoModalProps {\n isOpen: boolean;\n onClose: () => void;\n videoUrl: string;\n}\n\nexport function VideoModal({ isOpen, onClose, videoUrl }: VideoModalProps) {\n // Prevent body scroll when modal is open\n useEffect(() => {\n if (isOpen) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = '';\n }\n return () => {\n document.body.style.overflow = '';\n };\n }, [isOpen]);\n\n if (!isOpen) return null;\n\n return (\n <div \n className=\"fixed inset-0 z-[60] flex items-center justify-center p-4 backdrop-blur-md bg-black/50\"\n onClick={onClose}\n >\n {/* Close button */}\n <button\n onClick={onClose}\n className=\"absolute top-4 right-4 md:top-8 md:right-8 text-white text-4xl md:text-5xl hover:text-gray-300 z-10 transition-colors\"\n aria-label=\"Close video\"\n >\n ×\n </button>\n \n {/* Video container */}\n <div \n className=\"relative w-full max-w-5xl aspect-video\"\n onClick={(e) => e.stopPropagation()}\n >\n <iframe\n src={videoUrl}\n title=\"Video player\"\n className=\"w-full h-full rounded-lg shadow-2xl\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowFullScreen\n />\n </div>\n </div>\n );\n}\n\n","'use client';\n\ninterface VideoPlayButtonProps {\n onClick: () => void;\n className?: string;\n}\n\nexport function VideoPlayButton({ onClick, className = '' }: VideoPlayButtonProps) {\n return (\n <button\n onClick={onClick}\n className={`group flex items-center justify-center w-24 h-24 md:w-32 md:h-32 rounded-full bg-black/40 backdrop-blur-sm hover:bg-black/50 transition-all hover:scale-105 ${className}`}\n aria-label=\"Play video\"\n >\n <svg\n className=\"w-10 h-10 md:w-14 md:h-14 text-white group-hover:scale-110 transition-transform ml-1\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M8 5v14l11-7z\" />\n </svg>\n </button>\n );\n}\n\n"],"mappings":"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","names":["React","React","React","_a","Button","createContext","createElement","isValidElement","useContext","styles","createContext","createContext","useContext","HelpCircle","AriaButton","AriaButton","useContext","sizes","isDisabled","isInvalid","HelpCircle","createContext","React","AriaTextField","React","AriaTextField","React","React","createContext","isValidElement","AriaButton","AriaListBox","sizes","styles","useContext","useState","AriaGroup","AriaInput","_a","_b","useContext","AriaGroup","sizes","AriaInput","useState","isValidElement","useContext","AriaText","sizes","useContext","isValidElement","AriaText","sizes","AriaButton","isValidElement","createContext","AriaListBox","useId","ChevronDown","useId","ChevronDown","React","useState","useEffect","Image","useState","React","useEffect","Image","Image","sizes","createElement","isValidElement","sizes","createElement","isValidElement","useId","useId","styles","createElement","isValidElement","styles","createElement","isValidElement","ArrowRight","React","createContext","isValidElement","useContext","useMemo","createContext","useMemo","React","useContext","isValidElement","PaginationItem","total","page","PaginationItem","ArrowRight","useEffect","useRef","useState","useCallback","Image","Image","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","createContext","useContext","HelpCircle","InfoCircle","AriaGroup","AriaInput","AriaTextField","TextFieldContext","createContext","InputBase","useContext","sizes","AriaGroup","isDisabled","isInvalid","AriaInput","HelpCircle","InfoCircle","Input","AriaTextField","AriaTextArea","AriaTextField","TextArea","AriaTextField","AriaTextArea","React","ChevronDown","AriaButton","AriaListBox","AriaPopover","AriaSelect","AriaSelectValue","Select","React","AriaSelect","AriaButton","isDisabled","AriaSelectValue","ChevronDown","AriaPopover","AriaListBox","React","cloneElement","createContext","isValidElement","useCallback","useContext","useEffect","useRef","useSyncExternalStore","createContext","useContext","useRef","useCallback","canScrollPrev","canScrollNext","selectedIndex","scrollSnaps","useSyncExternalStore","useEffect","Trigger","isValidElement","cloneElement","React","ChevronLeft","React","useEffect","React","Button","RoundButton","ButtonGroup","Input","InputBase","PrivacyCheckbox","Form","FormContainer","InputGroup","Label","HintText","Select","SelectItem","NativeSelect","PhotoWithFallback","Badge","BadgeWithDot","BadgeGroup","RatingStars","RatingBadge","Tooltip","Avatar","AvatarLabelGroup","VerifiedTick","Breadcrumb","FeaturedIcon","PaginationPageDefault","PaginationPageMinimalCenter","GoogleMap","MarkdownRenderer"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/design_system/elements/index.tsx","../../../src/lib/component-registry.ts","../../../src/contexts/ThemeContext.tsx","../../../src/design_system/elements/buttons/button.tsx","../../../src/utils/cx.ts","../../../src/utils/is-react-component.ts","../../../src/design_system/elements/buttons/round-button.tsx","../../../src/design_system/elements/button-group/button-group.tsx","../../../src/design_system/elements/input/input.tsx","../../../src/design_system/elements/input/hint-text.tsx","../../../src/design_system/elements/input/label.tsx","../../../src/design_system/elements/tooltip/tooltip.tsx","../../../src/design_system/elements/input/input-group.tsx","../../../src/design_system/elements/textarea/textarea.tsx","../../../src/design_system/elements/checkbox/privacy-checkbox.tsx","../../../src/design_system/elements/form/form.tsx","../../../src/design_system/elements/form-container/form-container.tsx","../../../src/design_system/elements/select/select.tsx","../../../src/design_system/elements/avatar/avatar.tsx","../../../src/design_system/elements/avatar/base-components/avatar-online-indicator.tsx","../../../src/design_system/elements/avatar/base-components/verified-tick.tsx","../../../src/design_system/elements/select/combobox.tsx","../../../src/design_system/elements/select/popover.tsx","../../../src/lib/hooks/use-resize-observer.ts","../../../src/design_system/elements/select/select-item.tsx","../../../src/design_system/elements/select/select-native.tsx","../../../src/design_system/elements/photo-fallback/photo-fallback.tsx","../../../src/utils/gradient-placeholder.ts","../../../src/design_system/elements/badges/badges.tsx","../../../src/design_system/elements/badges/badge-types.ts","../../../src/design_system/elements/badges/badge-groups.tsx","../../../src/design_system/elements/rating/rating-stars.tsx","../../../src/design_system/elements/rating/rating-badge.tsx","../../../src/design_system/elements/avatar/avatar-label-group.tsx","../../../src/design_system/elements/breadcrumb/Breadcrumb.tsx","../../../src/design_system/elements/featured-icon/featured-icon.tsx","../../../src/design_system/elements/pagination/pagination.tsx","../../../src/lib/hooks/use-breakpoint.ts","../../../src/design_system/elements/pagination/pagination-base.tsx","../../../src/design_system/elements/map/GoogleMap.tsx","../../../src/design_system/elements/markdown-renderer/MarkdownRenderer.tsx","../../../src/design_system/elements/buttons/button.aman.tsx","../../../src/design_system/elements/buttons/button.barelux.tsx","../../../src/design_system/elements/buttons/button.balance.tsx","../../../src/design_system/elements/input/input.aman.tsx","../../../src/design_system/elements/textarea/textarea.aman.tsx","../../../src/design_system/elements/select/select.aman.tsx","../../../src/design_system/elements/social-icons/social-icons.tsx","../../../src/design_system/elements/carousel/carousel.tsx","../../../src/design_system/elements/carousel/carousel-section-wrapper.tsx","../../../src/design_system/elements/video-modal.tsx","../../../src/design_system/elements/video-play-button.tsx","../../../src/design_system/elements/modal/modal.tsx"],"sourcesContent":["/**\n * Centralized Elements Exports\n * All commonly used elements export from here with theme variant support\n * Includes: Buttons, Form inputs, Date pickers, UI components\n * Excludes: .demo.tsx, .story.tsx, and specialized sub-components\n */\n\n'use client';\n\nimport React from 'react';\nimport { getThemedComponent } from '../../lib/component-registry';\nimport { useTheme } from '../../contexts/ThemeContext';\n\n// Import all base components - Buttons\nimport { Button as BaseButton } from './buttons/button';\nimport { RoundButton as BaseRoundButton } from './buttons/round-button';\nimport { ButtonGroup as BaseButtonGroup } from './button-group/button-group';\n\n// Form inputs\nimport { Input as BaseInput, InputBase as BaseInputBase } from './input/input';\nimport { InputGroup as BaseInputGroup } from './input/input-group';\nimport { TextArea as BaseTextarea } from './textarea/textarea';\nimport { PrivacyCheckbox as BasePrivacyCheckbox } from './checkbox/privacy-checkbox';\nimport { Form as BaseForm } from './form/form';\nimport { FormContainer as BaseFormContainer } from './form-container/form-container';\nimport { Label as BaseLabel } from './input/label';\nimport { HintText as BaseHintText } from './input/hint-text';\nimport { Select as BaseSelect } from './select/select';\nimport { SelectItem as BaseSelectItem } from './select/select-item';\nimport { NativeSelect as BaseNativeSelect } from './select/select-native';\n\n// UI components\nimport PhotoWithFallbackBase from './photo-fallback/photo-fallback';\nimport { Badge as BaseBadge, BadgeWithDot as BaseBadgeWithDot } from './badges/badges';\nimport { BadgeGroup as BaseBadgeGroup } from './badges/badge-groups';\nimport { RatingStars as BaseRatingStars } from './rating/rating-stars';\nimport { RatingBadge as BaseRatingBadge } from './rating/rating-badge';\nimport { Tooltip as BaseTooltip } from './tooltip/tooltip';\nimport { Avatar as BaseAvatar } from './avatar/avatar';\nimport { AvatarLabelGroup as BaseAvatarLabelGroup } from './avatar/avatar-label-group';\nimport { VerifiedTick as BaseVerifiedTick } from './avatar/base-components';\nimport { Breadcrumb as BaseBreadcrumb } from './breadcrumb/Breadcrumb';\nimport { FeaturedIcon as BaseFeaturedIcon } from './featured-icon/featured-icon';\nimport { PaginationPageDefault as BasePaginationPageDefault, PaginationPageMinimalCenter as BasePaginationPageMinimalCenter } from './pagination/pagination';\nimport BaseGoogleMap from './map/GoogleMap';\nimport BaseMarkdownRenderer from './markdown-renderer/MarkdownRenderer';\n\n// Import variant files to trigger registration (only ones that exist)\nimport './buttons/button.aman';\nimport './buttons/button.barelux';\nimport './buttons/button.balance';\nimport './input/input.aman';\nimport './textarea/textarea.aman';\nimport './select/select.aman';\n\n/**\n * Create themed component wrapper\n * Uses type erasure to store components with different prop requirements\n * Type casts are used internally to allow components with required props\n */\nfunction createThemedExport<P extends Record<string, unknown>>(\n componentName: string,\n // The base component is cast internally - the actual component type is preserved at usage sites\n BaseComponent: React.ComponentType<P>\n) {\n return function ThemedComponent(props: P) {\n const { theme } = useTheme();\n \n try {\n const Component = getThemedComponent(componentName, theme);\n // Type erasure: components are stored without prop type information\n // but are type-checked where they're actually used\n return React.createElement(Component as React.ComponentType<P>, props);\n } catch {\n // No variant registered, use base component\n return React.createElement(BaseComponent, props);\n }\n };\n}\n\n// All elements wrapped (falls back to base if no variant)\n// Buttons\nexport const Button = createThemedExport('button', BaseButton);\nexport const RoundButton = createThemedExport('round-button', BaseRoundButton);\nexport const ButtonGroup = createThemedExport('button-group', BaseButtonGroup);\n\n// Form inputs\nexport const Input = createThemedExport('input', BaseInput);\nexport const InputBase = BaseInputBase;\nexport const Textarea = createThemedExport('textarea', BaseTextarea);\nexport const PrivacyCheckbox = BasePrivacyCheckbox;\nexport const Form = createThemedExport('form', BaseForm);\nexport const FormContainer = createThemedExport('form-container', BaseFormContainer as unknown as React.ComponentType<Record<string, unknown>>);\nexport const InputGroup = createThemedExport('input-group', BaseInputGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Label = createThemedExport('label', BaseLabel as unknown as React.ComponentType<Record<string, unknown>>);\nexport const HintText = createThemedExport('hint-text', BaseHintText as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Select = createThemedExport('select', BaseSelect as unknown as React.ComponentType<Record<string, unknown>>);\nexport const SelectItem = createThemedExport('select-item', BaseSelectItem as unknown as React.ComponentType<Record<string, unknown>>);\nexport const NativeSelect = createThemedExport('native-select', BaseNativeSelect as unknown as React.ComponentType<Record<string, unknown>>);\n\n// UI components\nexport const PhotoWithFallback = createThemedExport('photo-fallback', PhotoWithFallbackBase);\nexport const Badge = createThemedExport('badge', BaseBadge as unknown as React.ComponentType<Record<string, unknown>>);\nexport const BadgeWithDot = createThemedExport('badge-with-dot', BaseBadgeWithDot as unknown as React.ComponentType<Record<string, unknown>>);\nexport const BadgeGroup = createThemedExport('badge-group', BaseBadgeGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const RatingStars = createThemedExport('rating-stars', BaseRatingStars);\nexport const RatingBadge = createThemedExport('rating-badge', BaseRatingBadge);\nexport const Tooltip = createThemedExport('tooltip', BaseTooltip as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Avatar = createThemedExport('avatar', BaseAvatar);\nexport const AvatarLabelGroup = createThemedExport('avatar-label-group', BaseAvatarLabelGroup as unknown as React.ComponentType<Record<string, unknown>>);\nexport const VerifiedTick = createThemedExport('verified-tick', BaseVerifiedTick as unknown as React.ComponentType<Record<string, unknown>>);\nexport const Breadcrumb = createThemedExport('breadcrumb', BaseBreadcrumb as unknown as React.ComponentType<Record<string, unknown>>);\nexport const FeaturedIcon = createThemedExport('featured-icon', BaseFeaturedIcon as unknown as React.ComponentType<Record<string, unknown>>);\nexport const PaginationPageDefault = createThemedExport('pagination-page-default', BasePaginationPageDefault as unknown as React.ComponentType<Record<string, unknown>>);\nexport const PaginationPageMinimalCenter = createThemedExport('pagination-page-minimal-center', BasePaginationPageMinimalCenter as unknown as React.ComponentType<Record<string, unknown>>);\nexport const GoogleMap = createThemedExport('google-map', BaseGoogleMap as unknown as React.ComponentType<Record<string, unknown>>);\nexport const MarkdownRenderer = createThemedExport('markdown-renderer', BaseMarkdownRenderer as unknown as React.ComponentType<Record<string, unknown>>);\n\n// Re-export compound components directly\nexport { Pagination } from './pagination/pagination-base';\n\n// Re-export everything from subdirectories that doesn't need theming\nexport * from './rating/rating-stars';\nexport * from './rating/rating-badge';\nexport { SocialIcon, getSocialIcon } from './social-icons';\nexport * from './carousel/carousel';\nexport { CarouselSectionWrapper } from './carousel/carousel-section-wrapper';\n\n// Re-export combobox (still exists in select directory but not wrapped with theming)\nexport { ComboBox } from './select/combobox';\n\n// Video components (no theming needed)\nexport { VideoModal } from './video-modal';\nexport { VideoPlayButton } from './video-play-button';\n\n// Shared modal for detail views, confirmations, etc.\nexport { Modal } from './modal/modal';\nexport type { ModalProps } from './modal/modal';\n","/**\n * Component Registry\n * Runtime registry for component theme variants\n */\n\n'use client';\n\nimport React from 'react';\nimport { Theme } from '../themes';\n\n// The registry stores components with different prop types\n// We use React.ComponentType (without generics) to store components dynamically\n// This is type-safe because the generic registerThemeVariant function ensures correct types at registration\n// and components are retrieved and used dynamically at runtime\nconst registry = new Map<string, Map<string, React.ComponentType<unknown>>>();\n\n// Generic function accepts any component type without requiring type assertions at call sites\n// The component is stored with type erasure internally, but callers have full type safety\nexport function registerThemeVariant<P = unknown>(\n componentName: string,\n theme: string,\n component: React.ComponentType<P>\n) {\n if (!registry.has(componentName)) {\n registry.set(componentName, new Map());\n }\n registry.get(componentName)!.set(theme, component as React.ComponentType<unknown>);\n}\n\nexport function getThemedComponent(\n componentName: string,\n theme: Theme = 'classic'\n): React.ComponentType<unknown> {\n const variants = registry.get(componentName);\n \n if (!variants || variants.size === 0) {\n throw new Error(`No theme variants registered for \"${componentName}\"`);\n }\n \n if (variants.has(theme)) {\n return variants.get(theme)!;\n }\n \n if (theme === 'classic') {\n throw new Error(`No classic variant for \"${componentName}\" - use base component`);\n }\n \n throw new Error(`No variant available for \"${componentName}.${theme}\"`);\n}\n\nexport function getRegistry() {\n const result: Record<string, string[]> = {};\n registry.forEach((variants, name) => {\n result[name] = Array.from(variants.keys());\n });\n return result;\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\nimport { Theme, isValidTheme } from '../themes';\n\ninterface ThemeContextValue {\n theme: Theme;\n}\n\nconst ThemeContext = createContext<ThemeContextValue>({ theme: 'classic' });\n\nexport function ThemeProvider({ \n theme, \n children \n}: { \n theme: Theme; \n children: React.ReactNode;\n}) {\n // Validate theme at runtime\n if (!isValidTheme(theme)) {\n console.warn(`Invalid theme \"${theme}\", falling back to \"classic\"`);\n theme = 'classic';\n }\n \n return (\n <ThemeContext.Provider value={{ theme }}>\n {children}\n </ThemeContext.Provider>\n );\n}\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2\",\n // When button is used within `InputGroup`\n \"in-data-input-wrapper:shadow-xs in-data-input-wrapper:focus:!z-50 in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-leading:before:rounded-r-none in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-l-none in-data-input-wrapper:in-data-trailing:before:rounded-l-none\",\n // Disabled styles\n \"disabled:cursor-not-allowed disabled:text-fg-disabled\",\n // Icon styles\n \"disabled:*:data-icon:text-fg-disabled_subtle\",\n // Same as `icon` but for SSR icons that cannot be passed to the client as functions.\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: [\n \"gap-1 rounded-lg px-3 py-2 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2\",\n \"in-data-input-wrapper:px-3.5 in-data-input-wrapper:py-2.5 in-data-input-wrapper:data-icon-only:p-2.5\",\n ].join(\" \"),\n linkRoot: \"gap-1\",\n },\n md: {\n root: [\n \"gap-1 rounded-lg px-3.5 py-2.5 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2.5\",\n \"in-data-input-wrapper:gap-1.5 in-data-input-wrapper:px-4 in-data-input-wrapper:text-md in-data-input-wrapper:data-icon-only:p-3\",\n ].join(\" \"),\n linkRoot: \"gap-1\",\n },\n lg: {\n root: \"gap-1.5 rounded-lg px-4 py-2.5 text-md font-semibold before:rounded-[7px] data-icon-only:p-3\",\n linkRoot: \"gap-1.5\",\n },\n xl: {\n root: \"gap-1.5 rounded-lg px-4.5 py-3 text-md font-semibold before:rounded-[7px] data-icon-only:p-3.5\",\n linkRoot: \"gap-1.5\",\n },\n },\n\n colors: {\n primary: {\n root: [\n \"bg-brand-solid text-white shadow-xs-skeumorphic ring-1 ring-transparent ring-inset hover:bg-brand-solid_hover data-loading:bg-brand-solid_hover\",\n // Inner border gradient\n \"before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n // Disabled styles\n \"disabled:bg-disabled disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-button-primary-icon hover:*:data-icon:text-button-primary-icon_hover\",\n ].join(\" \"),\n },\n secondary: {\n root: [\n \"bg-primary text-secondary shadow-xs-skeumorphic ring-1 ring-primary ring-inset hover:bg-primary_hover hover:text-secondary_hover data-loading:bg-primary_hover\",\n // Disabled styles\n \"disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n tertiary: {\n root: [\n \"text-tertiary hover:bg-primary_hover hover:text-tertiary_hover data-loading:bg-primary_hover\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n \"link-gray\": {\n root: [\n \"justify-normal rounded p-0! text-tertiary hover:text-tertiary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"justify-normal rounded p-0! text-brand-secondary hover:text-brand-secondary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-brand-secondary_alt hover:*:data-icon:text-fg-brand-secondary_hover\",\n ].join(\" \"),\n },\n \"primary-destructive\": {\n root: [\n \"bg-error-solid text-white shadow-xs-skeumorphic ring-1 ring-transparent outline-error ring-inset\",\n // Inner border gradient\n \"before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n // Disabled styles\n \"disabled:bg-disabled disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-button-destructive-primary-icon hover:*:data-icon:text-button-destructive-primary-icon_hover\",\n ].join(\" \"),\n },\n \"secondary-destructive\": {\n root: [\n \"bg-primary text-error-primary shadow-xs-skeumorphic ring-1 ring-error_subtle outline-error ring-inset hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary\",\n // Disabled styles\n \"disabled:bg-primary disabled:shadow-xs disabled:ring-disabled_subtle\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n \"tertiary-destructive\": {\n root: [\n \"text-error-primary outline-error hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n \"link-destructive\": {\n root: [\n \"justify-normal rounded p-0! text-error-primary outline-error hover:text-error-primary_hover\",\n // Inner text underline\n \"*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current\",\n // Icon styles\n \"*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary\",\n ].join(\" \"),\n },\n },\n});\n\n/**\n * Common props shared between button and anchor variants\n */\nexport interface CommonProps {\n /** Disables the button and shows a disabled state */\n isDisabled?: boolean;\n /** Shows a loading spinner and disables the button */\n isLoading?: boolean;\n /** The size variant of the button */\n size?: keyof typeof styles.sizes;\n /** The color variant of the button */\n color?: keyof typeof styles.colors;\n /** Icon component or element to show before the text */\n iconLeading?: FC<{ className?: string }> | ReactNode;\n /** Icon component or element to show after the text */\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n /** Removes horizontal padding from the text content */\n noTextPadding?: boolean;\n /** When true, keeps the text visible during loading state */\n showTextWhileLoading?: boolean;\n}\n\n/**\n * Props for the button variant (non-link)\n */\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n /** Slot name for react-aria component */\n slot?: AriaButtonProps[\"slot\"];\n}\n\n/**\n * Props for the link variant (anchor tag)\n */\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\n/** Union type of button and link props */\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\", \"link-destructive\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n\n href: disabled ? undefined : href,\n\n // Since anchor elements do not support the `disabled` attribute and state,\n // we need to specify `data-rac` and `data-disabled` in order to be able\n // to use the `disabled:` selector in classes.\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n isLinkType && styles.sizes[size].linkRoot,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n // If in `loading` state, hide everything except the loading icon (and text if `showTextWhileLoading` is true).\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n","import { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n extend: {\n theme: {\n text: [\"display-xs\", \"display-sm\", \"display-md\", \"display-lg\", \"display-xl\", \"display-2xl\"],\n },\n },\n});\n\n/**\n * This function is a wrapper around the twMerge function.\n * It is used to merge the classes inside style objects.\n */\nexport const cx = twMerge;\n\n/**\n * This function does nothing besides helping us to be able to\n * sort the classes inside style objects which is not supported\n * by the Tailwind IntelliSense by default.\n */\nexport function sortCx<T extends Record<string, string | number | Record<string, string | number | Record<string, string | number>>>>(classes: T): T {\n return classes;\n}\n\n","import type React from \"react\";\n\n// Use unknown for inputs since we're checking if an unknown value is a React component\n// The return types use proper type guards to narrow the type after validation\ntype ReactComponent = React.FC<unknown> | React.ComponentClass<unknown, unknown>;\n\n/**\n * Checks if a given value is a function component.\n */\nexport const isFunctionComponent = (component: unknown): component is React.FC<unknown> => {\n return typeof component === \"function\";\n};\n\n/**\n * Checks if a given value is a class component.\n */\nexport const isClassComponent = (component: unknown): component is React.ComponentClass<unknown, unknown> => {\n return typeof component === \"function\" && \n typeof component === \"function\" && \n component.prototype !== undefined && \n component.prototype !== null &&\n (!!component.prototype.isReactComponent || !!component.prototype.render);\n};\n\n/**\n * Checks if a given value is a forward ref component.\n */\nexport const isForwardRefComponent = (component: unknown): component is React.ForwardRefExoticComponent<unknown> => {\n return typeof component === \"object\" && \n component !== null && \n '$$typeof' in component &&\n component.$$typeof !== undefined &&\n component.$$typeof !== null &&\n component.$$typeof.toString() === \"Symbol(react.forward_ref)\";\n};\n\n/**\n * Checks if a given value is a valid React component.\n */\nexport const isReactComponent = (component: unknown): component is ReactComponent => {\n return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);\n};\n","\"use client\";\n\nimport type { ComponentPropsWithRef, FC } from \"react\";\nimport { createElement } from \"react\";\nimport { Button } from '..';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\ninterface RoundButtonProps extends ComponentPropsWithRef<\"button\"> {\n icon?: FC<{ className?: string }>;\n}\n\nexport const RoundButton = ({ icon: Icon, ...props }: RoundButtonProps) => {\n return (\n <Button\n {...props}\n color=\"link-gray\"\n className={cx(\n \"group flex size-12 items-center justify-center rounded-full bg-primary ring-1 ring-secondary backdrop-blur transition duration-100 ease-linear ring-inset hover:bg-secondary md:size-14\",\n props.className,\n )}\n >\n {props.children ??\n (isReactComponent(Icon) ? createElement(Icon, { className: \"size-5 text-fg-quaternary transition-inherit-all group-hover:text-fg-quaternary_hover md:size-6\" } as Record<string, unknown>) : null)}\n </Button>\n );\n};\n\n","\"use client\";\n\nimport { type FC, type PropsWithChildren, type ReactNode, type RefAttributes, createContext, createElement, isValidElement, useContext } from \"react\";\nimport {\n ToggleButton as AriaToggleButton,\n ToggleButtonGroup as AriaToggleButtonGroup,\n type ToggleButtonGroupProps,\n type ToggleButtonProps,\n} from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nexport const styles = sortCx({\n common: {\n root: [\n \"group/button-group inline-flex h-max cursor-pointer items-center bg-primary font-semibold whitespace-nowrap text-secondary shadow-skeumorphic ring-1 ring-primary outline-brand transition duration-100 ease-linear ring-inset\",\n // Hover and focus styles\n \"hover:bg-primary_hover hover:text-secondary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2\",\n // Disabled styles\n \"disabled:cursor-not-allowed disabled:bg-primary disabled:text-disabled\",\n // Selected styles\n \"selected:bg-active selected:text-secondary_hover selected:disabled:bg-disabled_subtle\",\n ].join(\" \"),\n icon: \"pointer-events-none text-fg-quaternary transition-[inherit] group-hover/button-group:text-fg-quaternary_hover group-disabled/button-group:text-fg-disabled_subtle\",\n },\n\n sizes: {\n sm: {\n root: \"gap-1.5 px-3.5 py-2 text-sm not-last:pr-[calc(calc(var(--spacing)*3.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3 data-icon-only:p-2\",\n icon: \"size-5\",\n },\n md: {\n root: \"gap-1.5 px-4 py-2.5 text-sm not-last:pr-[calc(calc(var(--spacing)*4)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-3.5 data-icon-only:px-3\",\n icon: \"size-5\",\n },\n lg: {\n root: \"gap-2 px-4.5 py-2.5 text-md not-last:pr-[calc(calc(var(--spacing)*4.5)+1px)] first:rounded-l-lg last:rounded-r-lg data-icon-leading:pl-4 data-icon-only:p-3\",\n icon: \"size-5\",\n },\n },\n});\n\ntype ButtonSize = keyof typeof styles.sizes;\n\nconst ButtonGroupContext = createContext<{ size: ButtonSize }>({ size: \"md\" });\n\ninterface ButtonGroupItemProps extends ToggleButtonProps, RefAttributes<HTMLButtonElement> {\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n onClick?: () => void;\n className?: string;\n}\n\nexport const ButtonGroupItem = ({\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n children,\n className,\n ...otherProps\n}: PropsWithChildren<ButtonGroupItemProps>) => {\n const context = useContext(ButtonGroupContext);\n\n if (!context) {\n throw new Error(\"ButtonGroupItem must be used within a ButtonGroup component\");\n }\n\n const { size } = context;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n\n return (\n <AriaToggleButton\n {...otherProps}\n data-icon-only={isIcon ? true : undefined}\n data-icon-leading={IconLeading ? true : undefined}\n className={cx(styles.common.root, styles.sizes[size].root, className)}\n >\n {isReactComponent(IconLeading) && createElement(IconLeading, { className: cx(styles.common.icon, styles.sizes[size].icon) } as Record<string, unknown>)}\n {isValidElement(IconLeading) && IconLeading}\n\n {children}\n\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: cx(styles.common.icon, styles.sizes[size].icon) } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </AriaToggleButton>\n );\n};\n\ninterface ButtonGroupProps extends Omit<ToggleButtonGroupProps, \"orientation\">, RefAttributes<HTMLDivElement> {\n size?: ButtonSize;\n className?: string;\n}\n\nexport const ButtonGroup = ({ children, size = \"md\", className, ...otherProps }: ButtonGroupProps) => {\n return (\n <ButtonGroupContext.Provider value={{ size }}>\n <AriaToggleButtonGroup\n selectionMode=\"single\"\n className={cx(\"relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs\", className)}\n {...otherProps}\n >\n {children}\n </AriaToggleButtonGroup>\n </ButtonGroupContext.Provider>\n );\n};\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, createContext, useContext } from \"react\";\nimport { HelpCircle, InfoCircle } from \"@untitledui/icons\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from './hint-text';\nimport { Label } from './label';\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx, sortCx } from '../../../utils/cx';\n\nexport interface InputBaseProps extends TextFieldProps {\n /** Tooltip message on hover. */\n tooltip?: string;\n /**\n * Input size.\n * @default \"sm\"\n */\n size?: \"sm\" | \"md\";\n /** Placeholder text. */\n placeholder?: string;\n /** Class name for the icon. */\n iconClassName?: string;\n /** Class name for the input. */\n inputClassName?: string;\n /** Class name for the input wrapper. */\n wrapperClassName?: string;\n /** Class name for the tooltip. */\n tooltipClassName?: string;\n /** Keyboard shortcut to display. */\n shortcut?: string | boolean;\n ref?: Ref<HTMLInputElement>;\n groupRef?: Ref<HTMLDivElement>;\n /** Icon component to display on the left side of the input. */\n icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n}\n\nexport const InputBase = ({\n ref,\n tooltip,\n shortcut,\n groupRef,\n size = \"sm\",\n isInvalid,\n isDisabled,\n icon: Icon,\n placeholder,\n wrapperClassName,\n tooltipClassName,\n inputClassName,\n iconClassName,\n ...inputProps\n}: Omit<InputBaseProps, \"label\" | \"hint\" | \"isRequired\">) => {\n // Check if the input has a leading icon or tooltip\n const hasTrailingIcon = tooltip || isInvalid;\n const hasLeadingIcon = Icon;\n\n // If the input is inside a `TextFieldContext`, use its context to simplify applying styles\n const context = useContext(TextFieldContext);\n\n const inputSize = context?.size || size;\n\n const sizes = sortCx({\n sm: {\n root: cx(\"px-3 py-2\", hasTrailingIcon && \"pr-9\", hasLeadingIcon && \"pl-10\"),\n iconLeading: \"left-3\",\n iconTrailing: \"right-3\",\n shortcut: \"pr-2.5\",\n },\n md: {\n root: cx(\"px-3.5 py-2.5\", hasTrailingIcon && \"pr-9.5\", hasLeadingIcon && \"pl-10.5\"),\n iconLeading: \"left-3.5\",\n iconTrailing: \"right-3.5\",\n shortcut: \"pr-3\",\n },\n });\n\n return (\n <AriaGroup\n {...{ isDisabled, isInvalid }}\n ref={groupRef}\n className={({ isFocusWithin, isDisabled, isInvalid }) =>\n cx(\n \"relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset\",\n\n isFocusWithin && !isDisabled && \"ring-2 ring-brand\",\n\n // Disabled state styles\n isDisabled && \"cursor-not-allowed bg-disabled_subtle ring-disabled\",\n \"group-disabled:cursor-not-allowed group-disabled:bg-disabled_subtle group-disabled:ring-disabled\",\n\n // Invalid state styles\n isInvalid && \"ring-error_subtle\",\n \"group-invalid:ring-error_subtle\",\n\n // Invalid state with focus-within styles\n isInvalid && isFocusWithin && \"ring-2 ring-error\",\n isFocusWithin && \"group-invalid:ring-2 group-invalid:ring-error\",\n\n context?.wrapperClassName,\n wrapperClassName,\n )\n }\n >\n {/* Leading icon and Payment icon */}\n {Icon && (\n <Icon\n className={cx(\n \"pointer-events-none absolute size-5 text-fg-quaternary\",\n isDisabled && \"text-fg-disabled\",\n sizes[inputSize].iconLeading,\n context?.iconClassName,\n iconClassName,\n )}\n />\n )}\n\n {/* Input field */}\n <AriaInput\n {...(inputProps as AriaInputProps)}\n ref={ref}\n placeholder={placeholder}\n className={cx(\n \"m-0 w-full bg-transparent text-md text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary\",\n isDisabled && \"cursor-not-allowed text-disabled\",\n sizes[inputSize].root,\n context?.inputClassName,\n inputClassName,\n )}\n />\n\n {/* Tooltip and help icon */}\n {tooltip && !isInvalid && (\n <Tooltip title={tooltip} placement=\"top\">\n <TooltipTrigger\n className={cx(\n \"absolute cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n\n {/* Invalid icon */}\n {isInvalid && (\n <InfoCircle\n className={cx(\n \"pointer-events-none absolute size-4 text-fg-error-secondary\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n />\n )}\n\n {/* Shortcut */}\n {shortcut && (\n <div\n className={cx(\n \"pointer-events-none absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8\",\n sizes[inputSize].shortcut,\n )}\n >\n <span\n className={cx(\n \"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\",\n isDisabled && \"bg-transparent text-disabled\",\n )}\n aria-hidden=\"true\"\n >\n {typeof shortcut === \"string\" ? shortcut : \"⌘K\"}\n </span>\n </div>\n )}\n </AriaGroup>\n );\n};\n\nInputBase.displayName = \"InputBase\";\n\ninterface BaseProps {\n /** Label text for the input */\n label?: string;\n /** Helper text displayed below the input */\n hint?: ReactNode;\n}\n\ninterface TextFieldProps\n extends BaseProps,\n AriaTextFieldProps,\n Pick<InputBaseProps, \"size\" | \"wrapperClassName\" | \"inputClassName\" | \"iconClassName\" | \"tooltipClassName\"> {\n ref?: Ref<HTMLDivElement>;\n}\n\nconst TextFieldContext = createContext<TextFieldProps>({});\n\nexport const TextField = ({ className, ...props }: TextFieldProps) => {\n return (\n <TextFieldContext.Provider value={props}>\n <AriaTextField\n {...props}\n data-input-wrapper\n className={(state) =>\n cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n }\n />\n </TextFieldContext.Provider>\n );\n};\n\nTextField.displayName = \"TextField\";\n\ninterface InputProps extends InputBaseProps, BaseProps {\n /** Whether to hide required indicator from label */\n hideRequiredIndicator?: boolean;\n}\n\nexport const Input = ({\n size = \"sm\",\n placeholder,\n icon: Icon,\n label,\n hint,\n shortcut,\n hideRequiredIndicator,\n className,\n ref,\n groupRef,\n tooltip,\n iconClassName,\n inputClassName,\n wrapperClassName,\n tooltipClassName,\n ...props\n}: InputProps) => {\n return (\n <TextField aria-label={!label ? placeholder : undefined} {...props} className={className}>\n {({ isRequired, isInvalid }) => (\n <>\n {label && <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired}>{label}</Label>}\n\n <InputBase\n {...{\n ref,\n groupRef,\n size,\n placeholder,\n icon: Icon,\n shortcut,\n iconClassName,\n inputClassName,\n wrapperClassName,\n tooltipClassName,\n tooltip,\n }}\n />\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </TextField>\n );\n};\n\nInput.displayName = \"Input\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport type { TextProps as AriaTextProps } from \"react-aria-components\";\nimport { Text as AriaText } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface HintTextProps extends AriaTextProps {\n /** Indicates that the hint text is an error message. */\n isInvalid?: boolean;\n ref?: Ref<HTMLElement>;\n children: ReactNode;\n}\n\nexport const HintText = ({ isInvalid, className, ...props }: HintTextProps) => {\n return (\n <AriaText\n {...props}\n slot={isInvalid ? \"errorMessage\" : \"description\"}\n className={cx(\n \"text-sm text-tertiary\",\n\n // Invalid state\n isInvalid && \"text-error-primary\",\n \"group-invalid:text-error-primary\",\n\n className,\n )}\n />\n );\n};\n\nHintText.displayName = \"HintText\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport { HelpCircle } from \"@untitledui/icons\";\nimport type { LabelProps as AriaLabelProps } from \"react-aria-components\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx } from '../../../utils/cx';\n\ninterface LabelProps extends AriaLabelProps {\n children: ReactNode;\n isRequired?: boolean;\n tooltip?: string;\n tooltipDescription?: string;\n ref?: Ref<HTMLLabelElement>;\n}\n\nexport const Label = ({ isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps) => {\n return (\n <AriaLabel\n // Used for conditionally hiding/showing the label element via CSS:\n // <Input label=\"Visible only on mobile\" className=\"lg:**:data-label:hidden\" />\n // or\n // <Input label=\"Visible only on mobile\" className=\"lg:label:hidden\" />\n data-label=\"true\"\n {...props}\n className={cx(\"flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary\", className)}\n >\n {props.children}\n\n <span className={cx(\"hidden text-brand-tertiary\", isRequired && \"block\", typeof isRequired === \"undefined\" && \"group-required:block\")}>*</span>\n\n {tooltip && (\n <Tooltip title={tooltip} description={tooltipDescription} placement=\"top\">\n <TooltipTrigger\n // `TooltipTrigger` inherits the disabled state from the parent form field\n // but we don't that. We want the tooltip be enabled even if the parent\n // field is disabled.\n isDisabled={false}\n className=\"cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover\"\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n </AriaLabel>\n );\n};\n\nLabel.displayName = \"Label\";\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type {\n ButtonProps as AriaButtonProps,\n TooltipProps as AriaTooltipProps,\n TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\nimport { Button as AriaButton, OverlayArrow as AriaOverlayArrow, Tooltip as AriaTooltip, TooltipTrigger as AriaTooltipTrigger } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, \"children\"> {\n /**\n * The title of the tooltip.\n */\n title: ReactNode;\n /**\n * The description of the tooltip.\n */\n description?: ReactNode;\n /**\n * Whether to show the arrow on the tooltip.\n *\n * @default false\n */\n arrow?: boolean;\n /**\n * Delay in milliseconds before the tooltip is shown.\n *\n * @default 300\n */\n delay?: number;\n}\n\nexport const Tooltip = ({\n title,\n description,\n children,\n arrow = false,\n delay = 300,\n closeDelay = 0,\n trigger,\n isDisabled,\n isOpen,\n defaultOpen,\n offset = 6,\n crossOffset,\n placement = \"top\",\n onOpenChange,\n ...tooltipProps\n}: TooltipProps) => {\n const isTopOrBottomLeft = [\"top left\", \"top end\", \"bottom left\", \"bottom end\"].includes(placement);\n const isTopOrBottomRight = [\"top right\", \"top start\", \"bottom right\", \"bottom start\"].includes(placement);\n // Set negative cross offset for left and right placement to visually balance the tooltip.\n const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;\n\n return (\n <AriaTooltipTrigger {...{ trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange }}>\n {children}\n\n <AriaTooltip\n {...tooltipProps}\n offset={offset}\n placement={placement}\n crossOffset={crossOffset ?? calculatedCrossOffset}\n className={({ isEntering, isExiting }) => cx(isEntering && \"ease-out animate-in\", isExiting && \"ease-in animate-out\")}\n >\n {({ isEntering, isExiting }) => (\n <div\n className={cx(\n \"z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform\",\n description ? \"py-3\" : \"py-2\",\n\n isEntering &&\n \"ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5\",\n isExiting &&\n \"ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5\",\n )}\n >\n <span className=\"text-xs font-semibold text-white\">{title}</span>\n\n {description && <span className=\"text-xs font-medium text-tooltip-supporting-text\">{description}</span>}\n\n {arrow && (\n <AriaOverlayArrow>\n <svg\n viewBox=\"0 0 100 100\"\n className=\"size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180\"\n >\n <path d=\"M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z\" />\n </svg>\n </AriaOverlayArrow>\n )}\n </div>\n )}\n </AriaTooltip>\n </AriaTooltipTrigger>\n );\n};\n\ntype TooltipTriggerProps = AriaButtonProps;\n\nexport const TooltipTrigger = ({ children, className, ...buttonProps }: TooltipTriggerProps) => {\n return (\n <AriaButton {...buttonProps} className={(values) => cx(\"h-max w-max outline-hidden\", typeof className === \"function\" ? className(values) : className)}>\n {children}\n </AriaButton>\n );\n};\n","\"use client\";\n\nimport { type HTMLAttributes, type ReactNode } from \"react\";\nimport { HintText } from './hint-text';\nimport type { InputBaseProps } from './input';\nimport { TextField } from './input';\nimport { Label } from './label';\nimport { cx, sortCx } from '../../../utils/cx';\n\ninterface InputPrefixProps extends HTMLAttributes<HTMLDivElement> {\n /** The position of the prefix. */\n position?: \"leading\" | \"trailing\";\n /** The size of the prefix. */\n size?: \"sm\" | \"md\";\n /** Indicates that the prefix is disabled. */\n isDisabled?: boolean;\n}\n\nexport const InputPrefix = ({ isDisabled, children, ...props }: InputPrefixProps) => (\n <span\n {...props}\n className={cx(\n \"flex text-md text-tertiary shadow-xs ring-1 ring-border-primary ring-inset\",\n // Styles when the prefix is within an `InputGroup`\n \"in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-l-lg\",\n \"in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-r-lg\",\n // Size styles based on size when within an `InputGroup`\n \"in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-[input-size=md]:pr-3 in-data-input-wrapper:in-data-[input-size=md]:pl-3.5 in-data-input-wrapper:in-data-[input-size=sm]:px-3 in-data-input-wrapper:in-data-[input-size=sm]:py-2\",\n // Disabled styles\n isDisabled && \"border-disabled bg-disabled_subtle text-tertiary\",\n \"in-data-input-wrapper:group-disabled:bg-disabled_subtle in-data-input-wrapper:group-disabled:text-disabled in-data-input-wrapper:group-disabled:ring-border-disabled\",\n\n props.className,\n )}\n >\n {children}\n </span>\n);\n\n// `${string}ClassName` is used to omit any className prop that ends with a `ClassName` suffix\ninterface InputGroupProps extends Omit<InputBaseProps, \"type\" | \"icon\" | \"placeholder\" | \"tooltip\" | \"shortcut\" | `${string}ClassName`> {\n /** A prefix text that is displayed in the same box as the input.*/\n prefix?: string;\n /** A leading addon that is displayed with visual separation from the input. */\n leadingAddon?: ReactNode;\n /** A trailing addon that is displayed with visual separation from the input. */\n trailingAddon?: ReactNode;\n /** The class name to apply to the input group. */\n className?: string;\n /** The children of the input group (i.e `<InputBase />`) */\n children: ReactNode;\n}\n\nexport const InputGroup = ({ size = \"sm\", prefix, leadingAddon, trailingAddon, label, hint, children, ...props }: InputGroupProps) => {\n const hasLeading = !!leadingAddon;\n const hasTrailing = !!trailingAddon;\n\n const paddings = sortCx({\n sm: {\n input: cx(\n hasLeading && \"group-has-[&>select]:px-2.5 group-has-[&>select]:pl-2.5\",\n hasTrailing && (prefix ? \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-0\" : \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-3\"),\n ),\n leadingText: \"pl-3\",\n },\n md: {\n input: cx(\n hasLeading && \"group-has-[&>select]:px-3 group-has-[&>select]:pl-3\",\n hasTrailing && (prefix ? \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-0\" : \"group-has-[&>select]:pr-6 group-has-[&>select]:pl-3\"),\n ),\n leadingText: \"pl-3.5\",\n },\n });\n\n return (\n <TextField\n size={size}\n aria-label={label || undefined}\n inputClassName={cx(paddings[size].input)}\n tooltipClassName={cx(hasTrailing && !hasLeading && \"group-has-[&>select]:right-0\")}\n wrapperClassName={cx(\n \"z-10 min-w-0 flex-1 !w-auto\",\n hasLeading && \"rounded-sm rounded-l-none bg-white ring-1 ring-secondary ring-inset focus-within:ring-2 focus-within:ring-brand group-disabled:bg-disabled_subtle group-disabled:ring-disabled\",\n hasTrailing && \"rounded-r-none\",\n )}\n {...props}\n >\n {({ isDisabled, isInvalid, isRequired }) => (\n <>\n {label && <Label isRequired={isRequired}>{label}</Label>}\n\n <div\n data-input-size={size}\n data-input-wrapper\n className={cx(\n \"group relative flex h-max w-full flex-row items-center rounded-sm bg-white transition-all duration-100 ease-linear\",\n \"has-[&>select]:shadow-xs has-[&>select]:ring-1 has-[&>select]:ring-secondary has-[&>select]:ring-inset has-[&>select]:has-[input:focus]:ring-2 has-[&>select]:has-[input:focus]:ring-brand\",\n isDisabled && \"cursor-not-allowed has-[&>select]:bg-disabled_subtle has-[&>select]:ring-border-disabled\",\n isInvalid && \"has-[&>select]:ring-border-error_subtle has-[&>select]:has-[input:focus]:ring-border-error\",\n )}\n >\n {leadingAddon && (\n <div data-leading={hasLeading || undefined} className=\"flex shrink-0\">\n {leadingAddon}\n </div>\n )}\n\n {prefix && (\n <span className={cx(\"my-auto grow pr-2\", paddings[size].leadingText)}>\n <p className={cx(\"text-md text-tertiary\", isDisabled && \"text-disabled\")}>{prefix}</p>\n </span>\n )}\n\n {children}\n\n {trailingAddon && <div data-trailing={hasTrailing || undefined}>{trailingAddon}</div>}\n </div>\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </TextField>\n );\n};\n\nInputGroup.Prefix = InputPrefix;\n\nInputGroup.displayName = \"InputGroup\";\n","\"use client\";\n\nimport type { ReactNode, Ref } from \"react\";\nimport React from \"react\";\nimport type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { TextArea as AriaTextArea, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\n// Creates a data URL for an SVG resize handle with a given color.\nconst getResizeHandleBg = (color: string) => {\n return `url(data:image/svg+xml;base64,${btoa(`<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 2L2 10\" stroke=\"${color}\" stroke-linecap=\"round\"/><path d=\"M11 7L7 11\" stroke=\"${color}\" stroke-linecap=\"round\"/></svg>`)})`;\n};\n\ninterface TextAreaBaseProps extends AriaTextAreaProps {\n ref?: Ref<HTMLTextAreaElement>;\n}\n\nexport const TextAreaBase = ({ className, ...props }: TextAreaBaseProps) => {\n return (\n <AriaTextArea\n {...props}\n style={\n {\n \"--resize-handle-bg\": getResizeHandleBg(\"#D5D7DA\"),\n \"--resize-handle-bg-dark\": getResizeHandleBg(\"#373A41\"),\n } as React.CSSProperties\n }\n className={(state) =>\n cx(\n \"w-full scroll-py-3 rounded-lg bg-primary px-3.5 py-3 text-md text-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:outline-hidden\",\n\n // Resize handle\n \"[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)\",\n\n state.isFocused && !state.isDisabled && \"ring-2 ring-brand\",\n state.isDisabled && \"cursor-not-allowed bg-disabled_subtle text-disabled ring-disabled\",\n state.isInvalid && \"ring-error_subtle\",\n state.isInvalid && state.isFocused && \"ring-2 ring-error\",\n\n typeof className === \"function\" ? className(state) : className,\n )\n }\n />\n );\n};\n\nTextAreaBase.displayName = \"TextAreaBase\";\n\ninterface TextFieldProps extends AriaTextFieldProps {\n /** Label text for the textarea */\n label?: string;\n /** Helper text displayed below the textarea */\n hint?: ReactNode;\n /** Tooltip message displayed after the label. */\n tooltip?: string;\n /** Class name for the textarea wrapper */\n textAreaClassName?: TextAreaBaseProps[\"className\"];\n /** Ref for the textarea wrapper */\n ref?: Ref<HTMLDivElement>;\n /** Ref for the textarea */\n textAreaRef?: TextAreaBaseProps[\"ref\"];\n /** Whether to hide required indicator from label. */\n hideRequiredIndicator?: boolean;\n /** Placeholder text. */\n placeholder?: string;\n /** Visible height of textarea in rows . */\n rows?: number;\n /** Visible width of textarea in columns. */\n cols?: number;\n}\n\nexport const TextArea = ({\n label,\n hint,\n tooltip,\n textAreaRef,\n hideRequiredIndicator,\n textAreaClassName,\n placeholder,\n className,\n rows,\n cols,\n ...props\n}: TextFieldProps) => {\n return (\n <AriaTextField\n {...props}\n className={(state) =>\n cx(\"group flex h-max w-full flex-col items-start justify-start gap-1.5\", typeof className === \"function\" ? className(state) : className)\n }\n >\n {({ isInvalid, isRequired }) => (\n <>\n {label && (\n <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} tooltip={tooltip}>\n {label}\n </Label>\n )}\n\n <TextAreaBase placeholder={placeholder} className={textAreaClassName} ref={textAreaRef} rows={rows} cols={cols} />\n\n {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n </>\n )}\n </AriaTextField>\n );\n};\n\nTextArea.displayName = \"TextArea\";\n","'use client';\n\nimport { useId } from 'react';\n\n/**\n * A2P 10DLC-compliant privacy + SMS consent checkbox. Use on any form that collects phone numbers.\n * Same copy and markup used across contact and job application forms.\n */\nexport function PrivacyCheckbox() {\n const id = useId();\n return (\n <div className=\"flex items-start gap-3\">\n <input\n type=\"checkbox\"\n id={id}\n name=\"privacy\"\n required\n aria-label=\"Agree to Privacy Policy, Terms of Service, and SMS consent\"\n className=\"mt-1 w-4 h-4 shrink-0 border-secondary rounded focus:ring-focus-ring\"\n />\n <label htmlFor={id} className=\"font-body text-sm text-tertiary\">\n By checking this box, you agree to our{' '}\n <a\n href=\"/privacy-policy\"\n className=\"underline outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2\"\n >\n Privacy Policy\n </a>\n {' '}\n and{' '}\n <a\n href=\"/terms-of-service\"\n className=\"underline outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2\"\n >\n Terms of Service\n </a>\n . You consent to receive text messages from our team and our automated systems (e.g., question follow-ups, updates, responses to ads) at the number provided. Message frequency varies. Message and data rates may apply. Reply HELP for help, STOP to opt out. *\n </label>\n </div>\n );\n}\n","\"use client\";\n\nimport type { ComponentPropsWithRef } from \"react\";\nimport { Form as AriaForm } from \"react-aria-components\";\n\nexport const Form = (props: ComponentPropsWithRef<typeof AriaForm>) => {\n return <AriaForm {...props} />;\n};\n\nForm.displayName = \"Form\";\n","import React from 'react';\nimport { cx } from '../../../utils/cx';\n\ninterface FormContainerProps {\n children: React.ReactNode;\n title?: string;\n description?: string;\n variant?: 'default' | 'aman' | 'barelux';\n bordered?: boolean;\n className?: string;\n}\n\nexport const FormContainer = ({ \n children,\n title,\n description,\n variant = 'default',\n bordered = false,\n className\n}: FormContainerProps) => {\n const isAman = variant === 'aman';\n const isBarelux = variant === 'barelux';\n\n // Container styles based on variant and bordered prop\n const containerClassName = cx(\n 'bg-white p-6 md:p-8',\n bordered && 'border border-secondary',\n isAman && bordered && '', // No rounded corners for Aman\n !isAman && bordered && 'rounded-lg', // Default and Barelux have rounded corners\n className\n );\n\n // Title styles based on variant\n const titleClassName = cx(\n isAman && 'font-heading text-2xl font-light uppercase tracking-wide text-primary',\n isBarelux && 'font-heading text-2xl font-semibold text-primary',\n !isAman && !isBarelux && 'font-display text-2xl font-semibold text-primary'\n );\n\n // Description styles based on variant\n const descriptionClassName = cx(\n 'mt-2 text-base text-tertiary',\n isAman && 'font-body',\n isBarelux && 'font-body',\n !isAman && !isBarelux && 'font-body'\n );\n\n return (\n <div className={containerClassName}>\n {(title || description) && (\n <div className=\"mb-6\">\n {title && (\n <h2 className={titleClassName}>\n {title}\n </h2>\n )}\n {description && (\n <p className={descriptionClassName}>\n {description}\n </p>\n )}\n </div>\n )}\n {children}\n </div>\n );\n};\n","\"use client\";\n\nimport type { FC, ReactNode, Ref, RefAttributes } from \"react\";\nimport { createContext, isValidElement } from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport type { SelectProps as AriaSelectProps } from \"react-aria-components\";\nimport { Button as AriaButton, ListBox as AriaListBox, Select as AriaSelect, SelectValue as AriaSelectValue } from \"react-aria-components\";\nimport { Avatar } from '../avatar/avatar';\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\nimport { ComboBox } from './combobox';\nimport { Popover } from \"./popover\";\nimport { SelectItem } from \"./select-item\";\n\nexport type SelectItemType = {\n id: string;\n label?: string;\n avatarUrl?: string;\n isDisabled?: boolean;\n supportingText?: string;\n icon?: FC | ReactNode;\n};\n\nexport interface CommonProps {\n hint?: string;\n label?: string;\n tooltip?: string;\n size?: \"sm\" | \"md\";\n placeholder?: string;\n}\n\ninterface SelectProps extends Omit<AriaSelectProps<SelectItemType>, \"children\" | \"items\">, RefAttributes<HTMLDivElement>, CommonProps {\n items?: SelectItemType[];\n popoverClassName?: string;\n placeholderIcon?: FC | ReactNode;\n children: ReactNode | ((item: SelectItemType) => ReactNode);\n}\n\ninterface SelectValueProps {\n isOpen: boolean;\n size: \"sm\" | \"md\";\n isFocused: boolean;\n isDisabled: boolean;\n placeholder?: string;\n ref?: Ref<HTMLButtonElement>;\n placeholderIcon?: FC | ReactNode;\n}\n\nexport const sizes = {\n sm: { root: \"py-2 px-3\", shortcut: \"pr-2.5\" },\n md: { root: \"py-2.5 px-3.5\", shortcut: \"pr-3\" },\n};\n\nconst SelectValue = ({ isOpen, isFocused, isDisabled, size, placeholder, placeholderIcon, ref }: SelectValueProps) => {\n return (\n <AriaButton\n ref={ref}\n className={cx(\n \"relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset\",\n (isFocused || isOpen) && \"ring-2 ring-brand\",\n isDisabled && \"cursor-not-allowed bg-disabled_subtle text-disabled\",\n )}\n >\n <AriaSelectValue<SelectItemType>\n className={cx(\n \"flex h-max w-full items-center justify-start gap-2 truncate text-left align-middle\",\n\n // Icon styles\n \"*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary in-disabled:*:data-icon:text-fg-disabled\",\n\n sizes[size].root,\n )}\n >\n {(state) => {\n const Icon = state.selectedItem?.icon || placeholderIcon;\n return (\n <>\n {state.selectedItem?.avatarUrl ? (\n <Avatar size=\"xs\" src={state.selectedItem.avatarUrl} alt={state.selectedItem.label} />\n ) : isReactComponent(Icon) ? (\n <Icon data-icon aria-hidden=\"true\" />\n ) : isValidElement(Icon) ? (\n Icon\n ) : null}\n\n {state.selectedItem ? (\n <section className=\"flex w-full gap-2 truncate\">\n <p className=\"truncate text-md font-medium text-primary\">{state.selectedItem?.label}</p>\n {state.selectedItem?.supportingText && <p className=\"text-md text-tertiary\">{state.selectedItem?.supportingText}</p>}\n </section>\n ) : (\n <p className={cx(\"text-md text-placeholder\", isDisabled && \"text-disabled\")}>{placeholder}</p>\n )}\n\n <ChevronDown\n aria-hidden=\"true\"\n className={cx(\"ml-auto shrink-0 text-fg-quaternary\", size === \"sm\" ? \"size-4 stroke-[2.5px]\" : \"size-5\")}\n />\n </>\n );\n }}\n </AriaSelectValue>\n </AriaButton>\n );\n};\n\nexport const SelectContext = createContext<{ size: \"sm\" | \"md\" }>({ size: \"sm\" });\n\nconst Select = ({ placeholder = \"Select\", placeholderIcon, size = \"sm\", children, items, label, hint, tooltip, className, ...rest }: SelectProps) => {\n return (\n <SelectContext.Provider value={{ size }}>\n <AriaSelect {...rest} className={(state) => cx(\"flex flex-col gap-1.5\", typeof className === \"function\" ? className(state) : className)}>\n {(state) => (\n <>\n {label && (\n <Label isRequired={state.isRequired} tooltip={tooltip}>\n {label}\n </Label>\n )}\n\n <SelectValue {...state} {...{ size, placeholder }} placeholderIcon={placeholderIcon} />\n\n <Popover size={size} className={rest.popoverClassName}>\n <AriaListBox items={items} className=\"size-full outline-hidden\">\n {children}\n </AriaListBox>\n </Popover>\n\n {hint && <HintText isInvalid={state.isInvalid}>{hint}</HintText>}\n </>\n )}\n </AriaSelect>\n </SelectContext.Provider>\n );\n};\n\nconst _Select = Select as typeof Select & {\n ComboBox: typeof ComboBox;\n Item: typeof SelectItem;\n};\n_Select.ComboBox = ComboBox;\n_Select.Item = SelectItem;\n\nexport { _Select as Select };\n","\"use client\";\n\nimport { type FC, type ReactNode, useState } from \"react\";\nimport Image from \"next/image\";\nimport { User01 } from \"@untitledui/icons\";\nimport { cx } from '../../../utils/cx';\nimport { AvatarOnlineIndicator, VerifiedTick } from \"./base-components\";\n\ntype AvatarSize = \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nexport interface AvatarProps {\n size?: AvatarSize;\n className?: string;\n src?: string | null;\n alt?: string;\n /**\n * Display a contrast border around the avatar.\n */\n contrastBorder?: boolean;\n /**\n * Display a badge (i.e. company logo).\n */\n badge?: ReactNode;\n /**\n * Display a status indicator.\n */\n status?: \"online\" | \"offline\";\n /**\n * Display a verified tick icon.\n *\n * @default false\n */\n verified?: boolean;\n\n /**\n * The initials of the user to display if no image is available.\n */\n initials?: string;\n /**\n * An icon to display if no image is available.\n */\n placeholderIcon?: FC<{ className?: string }>;\n /**\n * A placeholder to display if no image is available.\n */\n placeholder?: ReactNode;\n\n /**\n * Whether the avatar should show a focus ring when the parent group is in focus.\n * For example, when the avatar is wrapped inside a link.\n *\n * @default false\n */\n focusable?: boolean;\n}\n\nconst styles = {\n xxs: { root: \"size-4 outline-[0.5px] -outline-offset-[0.5px]\", initials: \"text-xs font-semibold\", icon: \"size-3\" },\n xs: { root: \"size-6 outline-[0.5px] -outline-offset-[0.5px]\", initials: \"text-xs font-semibold\", icon: \"size-4\" },\n sm: { root: \"size-8 outline-[0.75px] -outline-offset-[0.75px]\", initials: \"text-sm font-semibold\", icon: \"size-5\" },\n md: { root: \"size-10 outline-1 -outline-offset-1\", initials: \"text-md font-semibold\", icon: \"size-6\" },\n lg: { root: \"size-12 outline-1 -outline-offset-1\", initials: \"text-lg font-semibold\", icon: \"size-7\" },\n xl: { root: \"size-14 outline-1 -outline-offset-1\", initials: \"text-xl font-semibold\", icon: \"size-8\" },\n \"2xl\": { root: \"size-16 outline-1 -outline-offset-1\", initials: \"text-display-xs font-semibold\", icon: \"size-8\" },\n};\n\nexport const Avatar = ({\n contrastBorder = true,\n size = \"md\",\n src,\n alt,\n initials,\n placeholder,\n placeholderIcon: PlaceholderIcon,\n badge,\n status,\n verified,\n focusable = false,\n className,\n}: AvatarProps) => {\n const [isFailed, setIsFailed] = useState(false);\n\n const renderMainContent = () => {\n if (src && !isFailed) {\n return <Image data-avatar-img className=\"size-full rounded-full object-cover\" src={src} alt={alt || ''} onError={() => setIsFailed(true)} width={100} height={100} />;\n }\n\n if (initials) {\n return <span className={cx(\"text-quaternary\", styles[size].initials)}>{initials}</span>;\n }\n\n if (PlaceholderIcon) {\n return <PlaceholderIcon className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n }\n\n return placeholder || <User01 className={cx(\"text-fg-quaternary\", styles[size].icon)} />;\n };\n\n const renderBadgeContent = () => {\n if (status) {\n return <AvatarOnlineIndicator status={status} size={size === \"xxs\" ? \"xs\" : size} />;\n }\n\n if (verified) {\n return (\n <VerifiedTick\n size={size === \"xxs\" ? \"xs\" : size}\n className={cx(\"absolute right-0 bottom-0\", (size === \"xxs\" || size === \"xs\") && \"-right-px -bottom-px\")}\n />\n );\n }\n\n return badge;\n };\n\n return (\n <div\n data-avatar\n className={cx(\n \"relative inline-flex shrink-0 items-center justify-center rounded-full bg-avatar-bg outline-transparent\",\n // Focus styles\n focusable && \"group-outline-focus-ring group-focus-visible:outline-2 group-focus-visible:outline-offset-2\",\n contrastBorder && \"outline outline-avatar-contrast-border\",\n styles[size].root,\n className,\n )}\n >\n {renderMainContent()}\n {renderBadgeContent()}\n </div>\n );\n};\n","\"use client\";\n\nimport { cx } from '../../../../utils/cx';\n\nconst sizes = {\n xs: \"size-1.5\",\n sm: \"size-2\",\n md: \"size-2.5\",\n lg: \"size-3\",\n xl: \"size-3.5\",\n \"2xl\": \"size-4\",\n \"3xl\": \"size-4.5\",\n \"4xl\": \"size-5\",\n};\n\ninterface AvatarOnlineIndicatorProps {\n size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n status: \"online\" | \"offline\";\n className?: string;\n}\n\nexport const AvatarOnlineIndicator = ({ size, status, className }: AvatarOnlineIndicatorProps) => (\n <span\n className={cx(\n \"absolute right-0 bottom-0 rounded-full ring-[1.5px] ring-bg-primary\",\n status === \"online\" ? \"bg-fg-success-secondary\" : \"bg-fg-disabled_subtle\",\n sizes[size],\n className,\n )}\n />\n);\n","\"use client\";\n\nimport { cx } from '../../../../utils/cx';\n\nconst sizes = {\n xs: { root: \"size-2.5\", tick: \"size-[4.38px\" },\n sm: { root: \"size-3\", tick: \"size-[5.25px]\" },\n md: { root: \"size-3.5\", tick: \"size-[6.13px]\" },\n lg: { root: \"size-4\", tick: \"size-[7px]\" },\n xl: { root: \"size-4.5\", tick: \"size-[7.88px]\" },\n \"2xl\": { root: \"size-5\", tick: \"size-[8.75px]\" },\n \"3xl\": { root: \"size-6\", tick: \"size-[10.5px]\" },\n \"4xl\": { root: \"size-8\", tick: \"size-[14px]\" },\n};\n\ninterface VerifiedTickProps {\n size: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n className?: string;\n}\n\nexport const VerifiedTick = ({ size, className }: VerifiedTickProps) => (\n <svg data-verified className={cx(\"z-10 text-utility-blue-500\", sizes[size].root, className)} viewBox=\"0 0 10 10\" fill=\"none\">\n <path\n d=\"M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z\"\n className=\"fill-current\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z\"\n fill=\"white\"\n />\n </svg>\n);\n","\"use client\";\n\nimport type { FocusEventHandler, PointerEventHandler, RefAttributes, RefObject } from \"react\";\nimport { useCallback, useContext, useRef, useState } from \"react\";\nimport { SearchLg as SearchIcon } from \"@untitledui/icons\";\nimport type { ComboBoxProps as AriaComboBoxProps, GroupProps as AriaGroupProps, ListBoxProps as AriaListBoxProps } from \"react-aria-components\";\nimport { ComboBox as AriaComboBox, Group as AriaGroup, Input as AriaInput, ListBox as AriaListBox, ComboBoxStateContext } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { Popover } from './popover';\nimport { type CommonProps, SelectContext, type SelectItemType, sizes } from './select';\nimport { useResizeObserver } from '../../../lib/hooks/use-resize-observer';\nimport { cx } from '../../../utils/cx';\n\ninterface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, \"children\" | \"items\">, RefAttributes<HTMLDivElement>, CommonProps {\n shortcut?: boolean;\n items?: SelectItemType[];\n popoverClassName?: string;\n shortcutClassName?: string;\n children: AriaListBoxProps<SelectItemType>[\"children\"];\n}\n\ninterface ComboBoxValueProps extends AriaGroupProps {\n size: \"sm\" | \"md\";\n shortcut: boolean;\n placeholder?: string;\n shortcutClassName?: string;\n onFocus?: FocusEventHandler;\n onPointerEnter?: PointerEventHandler;\n ref?: RefObject<HTMLDivElement | null>;\n}\n\nconst ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, ...otherProps }: ComboBoxValueProps) => {\n const state = useContext(ComboBoxStateContext);\n\n const value = state?.selectedItem?.value || null;\n const inputValue = state?.inputValue || null;\n\n const first = inputValue?.split(value?.supportingText)?.[0] || \"\";\n const last = inputValue?.split(first)[1];\n\n return (\n <AriaGroup\n {...otherProps}\n className={({ isFocusWithin, isDisabled }) =>\n cx(\n \"relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset\",\n isDisabled && \"cursor-not-allowed bg-disabled_subtle\",\n isFocusWithin && \"ring-2 ring-brand\",\n sizes[size].root,\n )\n }\n >\n {({ isDisabled }) => (\n <>\n <SearchIcon className=\"pointer-events-none size-5 shrink-0 text-fg-quaternary\" />\n\n <div className=\"relative flex w-full items-center gap-2\">\n {inputValue && (\n <span className=\"absolute top-1/2 z-0 inline-flex w-full -translate-y-1/2 gap-2 truncate\" aria-hidden=\"true\">\n <p className={cx(\"text-md font-medium text-primary\", isDisabled && \"text-disabled\")}>{first}</p>\n {last && <p className={cx(\"-ml-0.75 text-md text-tertiary\", isDisabled && \"text-disabled\")}>{last}</p>}\n </span>\n )}\n\n <AriaInput\n placeholder={placeholder}\n className=\"z-10 w-full appearance-none bg-transparent text-md text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled\"\n />\n </div>\n\n {shortcut && (\n <div\n className={cx(\n \"absolute inset-y-0.5 right-0.5 z-10 flex items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8\",\n isDisabled && \"to-bg-disabled_subtle\",\n sizes[size].shortcut,\n shortcutClassName,\n )}\n >\n <span\n className={cx(\n \"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\",\n isDisabled && \"bg-transparent text-disabled\",\n )}\n aria-hidden=\"true\"\n >\n ⌘K\n </span>\n </div>\n )}\n </>\n )}\n </AriaGroup>\n );\n};\n\nexport const ComboBox = ({ placeholder = \"Search\", shortcut = true, size = \"sm\", children, items, shortcutClassName, ...otherProps }: ComboBoxProps) => {\n const placeholderRef = useRef<HTMLDivElement>(null);\n const [popoverWidth, setPopoverWidth] = useState(\"\");\n\n // Resize observer for popover width\n const onResize = useCallback(() => {\n if (!placeholderRef.current) return;\n\n const divRect = placeholderRef.current?.getBoundingClientRect();\n\n setPopoverWidth(divRect.width + \"px\");\n }, [placeholderRef, setPopoverWidth]);\n\n useResizeObserver({\n ref: placeholderRef,\n box: \"border-box\",\n onResize,\n });\n\n return (\n <SelectContext.Provider value={{ size }}>\n <AriaComboBox menuTrigger=\"focus\" {...otherProps}>\n {(state) => (\n <div className=\"flex flex-col gap-1.5\">\n {otherProps.label && (\n <Label isRequired={state.isRequired} tooltip={otherProps.tooltip}>\n {otherProps.label}\n </Label>\n )}\n\n <ComboBoxValue\n ref={placeholderRef}\n placeholder={placeholder}\n shortcut={shortcut}\n shortcutClassName={shortcutClassName}\n size={size}\n // This is a workaround to correctly calculating the trigger width\n // while using ResizeObserver wasn't 100% reliable.\n onFocus={onResize}\n onPointerEnter={onResize}\n />\n\n <Popover size={size} triggerRef={placeholderRef} style={{ width: popoverWidth }} className={otherProps.popoverClassName}>\n <AriaListBox items={items} className=\"size-full outline-hidden\">\n {children}\n </AriaListBox>\n </Popover>\n\n {otherProps.hint && <HintText isInvalid={state.isInvalid}>{otherProps.hint}</HintText>}\n </div>\n )}\n </AriaComboBox>\n </SelectContext.Provider>\n );\n};\n","\"use client\";\n\nimport type { RefAttributes } from \"react\";\nimport type { PopoverProps as AriaPopoverProps } from \"react-aria-components\";\nimport { Popover as AriaPopover } from \"react-aria-components\";\nimport { cx } from '../../../utils/cx';\n\ninterface PopoverProps extends AriaPopoverProps, RefAttributes<HTMLElement> {\n size: \"sm\" | \"md\";\n}\n\nexport const Popover = (props: PopoverProps) => {\n return (\n <AriaPopover\n placement=\"bottom\"\n containerPadding={0}\n offset={4}\n {...props}\n className={(state) =>\n cx(\n \"max-h-64! w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform\",\n\n state.isEntering &&\n \"duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5\",\n state.isExiting &&\n \"duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5\",\n props.size === \"md\" && \"max-h-80!\",\n\n typeof props.className === \"function\" ? props.className(state) : props.className,\n )\n }\n />\n );\n};\n","import { useEffect } from \"react\";\nimport type { RefObject } from \"@react-types/shared\";\n\n/**\n * Checks if the ResizeObserver API is supported.\n * @returns True if the ResizeObserver API is supported, false otherwise.\n */\nfunction hasResizeObserver() {\n return typeof window.ResizeObserver !== \"undefined\";\n}\n\n/**\n * The options for the useResizeObserver hook.\n */\ntype useResizeObserverOptionsType<T> = {\n /**\n * The ref to the element to observe.\n */\n ref: RefObject<T | undefined | null> | undefined;\n /**\n * The box to observe.\n */\n box?: ResizeObserverBoxOptions;\n /**\n * The callback function to call when the size changes.\n */\n onResize: () => void;\n};\n\n/**\n * A hook that observes the size of an element and calls a callback function when the size changes.\n * @param options - The options for the hook.\n */\nexport function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>) {\n const { ref, box, onResize } = options;\n\n useEffect(() => {\n const element = ref?.current;\n if (!element) {\n return;\n }\n\n if (!hasResizeObserver()) {\n window.addEventListener(\"resize\", onResize, false);\n\n return () => {\n window.removeEventListener(\"resize\", onResize, false);\n };\n } else {\n const resizeObserverInstance = new window.ResizeObserver((entries) => {\n if (!entries.length) {\n return;\n }\n\n onResize();\n });\n\n resizeObserverInstance.observe(element, { box });\n\n return () => {\n if (element) {\n resizeObserverInstance.unobserve(element);\n }\n };\n }\n }, [onResize, ref, box]);\n}\n\n","\"use client\";\n\nimport { isValidElement, useContext } from \"react\";\nimport { Check } from \"@untitledui/icons\";\nimport type { ListBoxItemProps as AriaListBoxItemProps } from \"react-aria-components\";\nimport { ListBoxItem as AriaListBoxItem, Text as AriaText } from \"react-aria-components\";\nimport { Avatar } from '../avatar/avatar';\nimport { cx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\nimport type { SelectItemType } from \"./select\";\nimport { SelectContext } from \"./select\";\n\nconst sizes = {\n sm: \"p-2 pr-2.5\",\n md: \"p-2.5 pl-2\",\n};\n\ninterface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, \"id\">, SelectItemType {}\n\nexport const SelectItem = ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, ...props }: SelectItemProps) => {\n const { size } = useContext(SelectContext);\n\n const labelOrChildren = label || (typeof children === \"string\" ? children : \"\");\n const textValue = supportingText ? labelOrChildren + \" \" + supportingText : labelOrChildren;\n\n return (\n <AriaListBoxItem\n id={id}\n value={\n value ?? {\n id,\n label: labelOrChildren,\n avatarUrl,\n supportingText,\n isDisabled,\n icon: Icon,\n }\n }\n textValue={textValue}\n isDisabled={isDisabled}\n {...props}\n className={(state) => cx(\"w-full px-1.5 py-px outline-hidden\", typeof className === \"function\" ? className(state) : className)}\n >\n {(state) => (\n <div\n className={cx(\n \"flex cursor-pointer items-center gap-2 rounded-md outline-hidden select-none\",\n state.isSelected && \"bg-active\",\n state.isDisabled && \"cursor-not-allowed\",\n state.isFocused && \"bg-primary_hover\",\n state.isFocusVisible && \"ring-2 ring-focus-ring ring-inset\",\n\n // Icon styles\n \"*:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n state.isDisabled && \"*:data-icon:text-fg-disabled\",\n\n sizes[size],\n )}\n >\n {avatarUrl ? (\n <Avatar aria-hidden=\"true\" size=\"xs\" src={avatarUrl} alt={label} />\n ) : isReactComponent(Icon) ? (\n <Icon data-icon aria-hidden=\"true\" />\n ) : isValidElement(Icon) ? (\n Icon\n ) : null}\n\n <div className=\"flex w-full min-w-0 flex-1 flex-wrap gap-x-2\">\n <AriaText\n slot=\"label\"\n className={cx(\"truncate text-md font-medium whitespace-nowrap text-primary\", state.isDisabled && \"text-disabled\")}\n >\n {label || (typeof children === \"function\" ? children(state) : children)}\n </AriaText>\n\n {supportingText && (\n <AriaText slot=\"description\" className={cx(\"text-md whitespace-nowrap text-tertiary\", state.isDisabled && \"text-disabled\")}>\n {supportingText}\n </AriaText>\n )}\n </div>\n\n {state.isSelected && (\n <Check\n aria-hidden=\"true\"\n className={cx(\n \"ml-auto text-fg-brand-primary\",\n size === \"sm\" ? \"size-4 stroke-[2.5px]\" : \"size-5\",\n state.isDisabled && \"text-fg-disabled\",\n )}\n />\n )}\n </div>\n )}\n </AriaListBoxItem>\n );\n};\n","\"use client\";\n\nimport { type SelectHTMLAttributes, useId } from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\ninterface NativeSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n label?: string;\n hint?: string;\n selectClassName?: string;\n options: { label: string; value: string; disabled?: boolean }[];\n}\n\nexport const NativeSelect = ({ label, hint, options, className, selectClassName, ...props }: NativeSelectProps) => {\n const id = useId();\n const selectId = `select-native-${id}`;\n const hintId = `select-native-hint-${id}`;\n\n return (\n <div className={cx(\"w-full in-data-input-wrapper:w-max\", className)}>\n {label && (\n <Label htmlFor={selectId} id={selectId} className=\"mb-1.5\">\n {label}\n </Label>\n )}\n\n <div className=\"relative grid w-full items-center\">\n <select\n {...props}\n id={selectId}\n aria-describedby={hintId}\n aria-labelledby={selectId}\n className={cx(\n \"appearance-none rounded-lg bg-primary px-3.5 py-2.5 text-md font-medium text-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset placeholder:text-fg-quaternary focus-visible:ring-2 focus-visible:ring-brand disabled:cursor-not-allowed disabled:bg-disabled_subtle disabled:text-disabled\",\n /* InputGroup: match other inputs (bg-white, rounded-sm, ring-secondary) */\n \"in-data-input-wrapper:flex in-data-input-wrapper:h-full in-data-input-wrapper:gap-1 in-data-input-wrapper:!bg-white in-data-input-wrapper:px-3 in-data-input-wrapper:py-2 in-data-input-wrapper:font-normal in-data-input-wrapper:text-tertiary in-data-input-wrapper:shadow-none in-data-input-wrapper:ring-1 in-data-input-wrapper:ring-secondary in-data-input-wrapper:ring-inset in-data-input-wrapper:rounded-sm in-data-input-wrapper:focus-visible:ring-2 in-data-input-wrapper:focus-visible:ring-brand\",\n \"in-data-input-wrapper:group-disabled:pointer-events-none in-data-input-wrapper:group-disabled:cursor-not-allowed in-data-input-wrapper:group-disabled:bg-transparent in-data-input-wrapper:group-disabled:ring-disabled in-data-input-wrapper:group-disabled:text-disabled\",\n \"in-data-input-wrapper:in-data-leading:rounded-l-sm in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-trailing:rounded-r-sm in-data-input-wrapper:in-data-trailing:rounded-l-none\",\n \"in-data-input-wrapper:in-data-[input-size=md]:py-2.5 in-data-input-wrapper:in-data-leading:in-data-[input-size=md]:pl-3.5 in-data-input-wrapper:in-data-[input-size=sm]:py-2 in-data-input-wrapper:in-data-[input-size=sm]:pl-3\",\n \"in-data-input-wrapper:in-data-leading:in-data-[input-size=md]:pr-4.5 in-data-input-wrapper:in-data-leading:in-data-[input-size=sm]:pr-4.5\",\n \"in-data-input-wrapper:in-data-trailing:in-data-[input-size=md]:pr-8 in-data-input-wrapper:in-data-trailing:in-data-[input-size=sm]:pr-7.5\",\n selectClassName,\n )}\n >\n {options.map((opt) => (\n <option key={opt.value} value={opt.value}>\n {opt.label}\n </option>\n ))}\n </select>\n <ChevronDown\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute right-3.5 size-5 text-fg-quaternary in-data-input-wrapper:right-1.5 in-data-input-wrapper:size-4 in-data-input-wrapper:stroke-[2.625px] in-data-input-wrapper:in-data-trailing:in-data-[input-size=sm]:right-3\"\n />\n </div>\n\n {hint && (\n <HintText className=\"mt-2\" id={hintId}>\n {hint}\n </HintText>\n )}\n </div>\n );\n};\n","'use client';\n\nimport React, { useState, useEffect, useMemo } from 'react';\nimport Image from 'next/image';\nimport { getGradientUrl } from '../../../utils/gradient-placeholder';\nimport type { WebsitePhotos } from '../../../types/api/website-photos';\nimport type { CompanyInformation } from '../../../types/api/company-information';\n\ninterface PhotoWithFallbackProps {\n // Generic object with photo_attachments (service, location, team member, blog post, etc.)\n item?: {\n id?: number;\n name?: string;\n title?: string;\n photo_attachments?: Array<{\n id: number;\n featured: boolean;\n photo?: {\n id: number;\n title: string;\n thumbnail_url?: string;\n medium_url?: string;\n large_url?: string;\n original_url?: string;\n };\n }>;\n };\n // Generic photo props (for direct photo URLs; null/undefined = use gradient fallback)\n photoUrl?: string | null;\n photoAlt?: string;\n // Fallback props\n fallbackId?: number | string;\n // Image props\n className?: string;\n alt?: string;\n // SSR data props (optional)\n websitePhotos?: WebsitePhotos | null;\n companyInformation?: CompanyInformation | null;\n}\n\n/**\n * Reusable component that displays a photo with automatic fallback to gradient.\n * Supports photo_attachments from any object (services, locations, team members, blog posts, etc.),\n * direct photo URLs, or gradient fallback.\n */\nexport default function PhotoWithFallback({\n item,\n photoUrl,\n photoAlt,\n fallbackId,\n className = '',\n alt,\n websitePhotos,\n companyInformation,\n}: PhotoWithFallbackProps) {\n // Determine the image URL synchronously to avoid gradient flash\n const { imageUrl, imageAlt } = useMemo(() => {\n // Use data from props (SSR) - moved inside useMemo to fix dependency issues\n const isStubMode = companyInformation?.account_status === 'stub';\n const stockPhotos = websitePhotos?.stock_photos || [];\n\n // Priority 1: Direct photoUrl prop\n if (photoUrl) {\n return { imageUrl: photoUrl, imageAlt: photoAlt || alt || \"\" };\n }\n\n // Priority 2: Photo from photo_attachments\n if (item?.photo_attachments && item.photo_attachments.length > 0) {\n const photoAttachments = item.photo_attachments;\n const featuredPhoto = photoAttachments.find((pa) => pa.featured) || photoAttachments[0];\n const photo = featuredPhoto?.photo;\n \n if (photo) {\n const url = photo.large_url || photo.medium_url || photo.thumbnail_url || photo.original_url;\n if (url) {\n return {\n imageUrl: url,\n imageAlt: photo.title || item.name || item.title || alt || \"Image\"\n };\n }\n }\n }\n\n // Priority 3: In stub mode, use deterministic stock photo selection based on item id\n if (isStubMode && stockPhotos.length > 0) {\n // Use item id to deterministically select a stock photo (avoid Math.random in render)\n const itemId = item?.id || fallbackId || 1;\n const numericId = typeof itemId === 'number' ? itemId : typeof itemId === 'string' ? parseInt(itemId, 10) || 1 : 1;\n const stockPhotoIndex = numericId % stockPhotos.length;\n const stockPhoto = stockPhotos[stockPhotoIndex];\n if (stockPhoto?.url) {\n return {\n imageUrl: stockPhoto.url,\n imageAlt: stockPhoto.alt || item?.name || item?.title || alt || \"Image\"\n };\n }\n }\n\n // Priority 4: Fallback to gradient\n const id = fallbackId || item?.id || 1;\n return {\n imageUrl: getGradientUrl(id),\n imageAlt: item?.name || item?.title || alt || \"Image\"\n };\n }, [item, photoUrl, photoAlt, fallbackId, alt, websitePhotos, companyInformation]);\n\n const [isLoaded, setIsLoaded] = useState(false);\n const imgRef = React.useRef<HTMLImageElement>(null);\n\n // Reset loaded state when image URL changes\n useEffect(() => {\n // Reset loaded state asynchronously to avoid cascading renders\n const resetTimer = setTimeout(() => {\n setIsLoaded(false);\n }, 0);\n \n // Check if image is already loaded (cached)\n const checkTimer = setTimeout(() => {\n if (imgRef.current?.complete && imgRef.current.naturalWidth > 0) {\n setIsLoaded(true);\n }\n }, 0);\n \n return () => {\n clearTimeout(resetTimer);\n clearTimeout(checkTimer);\n };\n }, [imageUrl]);\n\n // Callback ref to check if image is already loaded (cached images)\n const setImgRef = React.useCallback((img: HTMLImageElement | null) => {\n imgRef.current = img;\n if (img && img.complete && img.naturalWidth > 0) {\n setIsLoaded(true);\n }\n }, []);\n\n if (!imageUrl) {\n return null;\n }\n\n return (\n <Image\n ref={setImgRef}\n src={imageUrl}\n alt={imageAlt}\n width={800}\n height={600}\n className={`${className} transition-opacity duration-500 ease-in-out ${\n isLoaded ? 'opacity-100' : 'opacity-0'\n }`}\n onLoad={() => setIsLoaded(true)}\n onError={() => setIsLoaded(true)}\n />\n );\n}\n","/**\n * Generates a beautiful gradient SVG data URL using the full color palette\n * Based on gradients used in corporate marketing site animations\n * Each seed (post ID or index) will consistently return the same gradient\n */\nexport const getGradientUrl = (seed: string | number): string => {\n // Beautiful gradient combinations using the full palette from corporate marketing site\n // Colors match Tailwind's default palette (purple, pink, blue, green, orange, indigo)\n const gradients = [\n // Purple gradients (like from-purple-200 to-purple-300)\n ['rgb(233, 213, 255)', 'rgb(221, 214, 254)', 'rgb(196, 181, 253)'], // purple-200 to purple-300\n ['rgb(250, 232, 255)', 'rgb(251, 207, 232)', 'rgb(244, 114, 182)'], // pink-200 to pink-300 via pink-400\n // Blue gradients (like from-blue-200 to-blue-300)\n ['rgb(191, 219, 254)', 'rgb(147, 197, 253)', 'rgb(96, 165, 250)'], // blue-200 to blue-300 to blue-400\n // Green gradients (like from-green-200 to-green-300)\n ['rgb(187, 247, 208)', 'rgb(134, 239, 172)', 'rgb(74, 222, 128)'], // green-200 to green-300 to green-400\n // Pink to Purple (like from-pink-400 to-purple-500)\n ['rgb(244, 114, 182)', 'rgb(217, 70, 239)', 'rgb(168, 85, 247)'], // pink-400 to purple-500\n // Blue to Purple (like from-blue-500 to-purple-600)\n ['rgb(59, 130, 246)', 'rgb(147, 51, 234)', 'rgb(147, 51, 234)'], // blue-500 to purple-600\n // Indigo to Purple (like from-indigo-500 to-purple-600)\n ['rgb(99, 102, 241)', 'rgb(139, 92, 246)', 'rgb(147, 51, 234)'], // indigo-500 to purple-600\n // Orange gradients (like from-orange-200 to-orange-300)\n ['rgb(254, 215, 170)', 'rgb(253, 186, 116)', 'rgb(251, 146, 60)'], // orange-200 to orange-300 to orange-400\n // Purple to Pink (like from-purple-400 to-pink-400)\n ['rgb(192, 132, 252)', 'rgb(232, 121, 249)', 'rgb(244, 114, 182)'], // purple-400 to pink-400\n // Softer blue-green blend\n ['rgb(165, 243, 252)', 'rgb(103, 232, 249)', 'rgb(134, 239, 172)'], // cyan-300 to green-400\n // Warm pink-orange\n ['rgb(251, 207, 232)', 'rgb(254, 202, 202)', 'rgb(253, 186, 116)'], // pink-200 to orange-300\n // Cool indigo-blue\n ['rgb(199, 210, 254)', 'rgb(165, 180, 252)', 'rgb(129, 140, 248)'], // indigo-200 to indigo-400\n ];\n \n // Calculate consistent index from seed\n const index = typeof seed === 'string' \n ? seed.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0) % gradients.length\n : Number(seed) % gradients.length;\n \n const [color1, color2, color3] = gradients[index];\n \n // Generate SVG with gradient (diagonal like bg-gradient-to-br)\n const svg = `\n <svg width=\"600\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\">\n <defs>\n <linearGradient id=\"grad${index}\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:${color1};stop-opacity:1\" />\n <stop offset=\"50%\" style=\"stop-color:${color2};stop-opacity:1\" />\n <stop offset=\"100%\" style=\"stop-color:${color3};stop-opacity:1\" />\n </linearGradient>\n </defs>\n <rect width=\"600\" height=\"400\" fill=\"url(#grad${index})\" />\n </svg>\n `.trim();\n \n // Convert to base64 data URL\n return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n","\"use client\";\n\nimport type { MouseEventHandler, ReactNode, HTMLAttributes } from \"react\";\nimport Image from \"next/image\";\nimport { X as CloseX } from \"@untitledui/icons\";\nimport { cx } from '../../../utils/cx';\nimport type { BadgeColors, BadgeTypeToColorMap, BadgeTypes, FlagTypes, IconComponentType, Sizes } from \"./badge-types\";\nimport { badgeTypes } from \"./badge-types\";\n\n// Inline Dot component (previously from foundations)\nconst dotSizes = {\n sm: { wh: 8, c: 4, r: 2.5 },\n md: { wh: 10, c: 5, r: 4 },\n};\n\nexport const Dot = ({ size = \"md\", ...props }: HTMLAttributes<HTMLOrSVGElement> & { size?: \"sm\" | \"md\" }) => {\n return (\n <svg width={dotSizes[size].wh} height={dotSizes[size].wh} viewBox={`0 0 ${dotSizes[size].wh} ${dotSizes[size].wh}`} fill=\"none\" {...props}>\n <circle cx={dotSizes[size].c} cy={dotSizes[size].c} r={dotSizes[size].r} fill=\"currentColor\" stroke=\"currentColor\" />\n </svg>\n );\n};\n\nexport const filledColors: Record<BadgeColors, { root: string; addon: string; addonButton: string }> = {\n gray: {\n root: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200\",\n addon: \"text-utility-gray-500\",\n addonButton: \"hover:bg-utility-gray-100 text-utility-gray-400 hover:text-utility-gray-500\",\n },\n brand: {\n root: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200\",\n addon: \"text-utility-brand-500\",\n addonButton: \"hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500\",\n },\n error: {\n root: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200\",\n addon: \"text-utility-error-500\",\n addonButton: \"hover:bg-utility-error-100 text-utility-error-400 hover:text-utility-error-500\",\n },\n warning: {\n root: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200\",\n addon: \"text-utility-warning-500\",\n addonButton: \"hover:bg-utility-warning-100 text-utility-warning-400 hover:text-utility-warning-500\",\n },\n success: {\n root: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200\",\n addon: \"text-utility-success-500\",\n addonButton: \"hover:bg-utility-success-100 text-utility-success-400 hover:text-utility-success-500\",\n },\n \"gray-blue\": {\n root: \"bg-utility-gray-blue-50 text-utility-gray-blue-700 ring-utility-gray-blue-200\",\n addon: \"text-utility-gray-blue-500\",\n addonButton: \"hover:bg-utility-gray-blue-100 text-utility-gray-blue-400 hover:text-utility-gray-blue-500\",\n },\n \"blue-light\": {\n root: \"bg-utility-blue-light-50 text-utility-blue-light-700 ring-utility-blue-light-200\",\n addon: \"text-utility-blue-light-500\",\n addonButton: \"hover:bg-utility-blue-light-100 text-utility-blue-light-400 hover:text-utility-blue-light-500\",\n },\n blue: {\n root: \"bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200\",\n addon: \"text-utility-blue-500\",\n addonButton: \"hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500\",\n },\n indigo: {\n root: \"bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200\",\n addon: \"text-utility-indigo-500\",\n addonButton: \"hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500\",\n },\n purple: {\n root: \"bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200\",\n addon: \"text-utility-purple-500\",\n addonButton: \"hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500\",\n },\n pink: {\n root: \"bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200\",\n addon: \"text-utility-pink-500\",\n addonButton: \"hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500\",\n },\n orange: {\n root: \"bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200\",\n addon: \"text-utility-orange-500\",\n addonButton: \"hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500\",\n },\n};\n\nconst addonOnlyColors = Object.fromEntries(Object.entries(filledColors).map(([key, value]) => [key, { root: \"\", addon: value.addon }])) as Record<\n BadgeColors,\n { root: string; addon: string }\n>;\n\nconst withPillTypes = {\n [badgeTypes.pillColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeModern]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs\",\n styles: {\n gray: {\n root: \"bg-primary text-secondary ring-primary\",\n addon: \"text-gray-500\",\n addonButton: \"hover:bg-utility-gray-100 text-utility-gray-400 hover:text-utility-gray-500\",\n },\n },\n },\n};\n\nconst withBadgeTypes = {\n [badgeTypes.pillColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeColor]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset\",\n styles: filledColors,\n },\n [badgeTypes.badgeModern]: {\n common: \"size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs\",\n styles: addonOnlyColors,\n },\n};\n\nexport type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof withPillTypes>[T];\n\ninterface BadgeProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeColor<T>;\n children: ReactNode;\n className?: string;\n}\n\nexport const Badge = <T extends BadgeTypes>(props: BadgeProps<T>) => {\n const { type = \"pill-color\", size = \"md\", color = \"gray\", children } = props;\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"py-0.5 px-2 text-xs font-medium\",\n md: \"py-0.5 px-2.5 text-sm font-medium\",\n lg: \"py-1 px-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"py-0.5 px-1.5 text-xs font-medium\",\n md: \"py-0.5 px-2 text-sm font-medium\",\n lg: \"py-1 px-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return <span className={cx(colors.common, sizes[type][size], colors.styles[color].root, props.className)}>{children}</span>;\n};\n\ninterface BadgeWithDotProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];\n className?: string;\n children: ReactNode;\n}\n\nexport const BadgeWithDot = <T extends BadgeTypes>(props: BadgeWithDotProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", className, children } = props;\n\n const colors = withBadgeTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium\",\n };\n\n const badgeSizes = {\n sm: \"gap-1 py-0.5 px-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 px-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root, className)}>\n <Dot className={colors.styles[color].addon} size=\"sm\" />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithIconProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];\n iconLeading?: IconComponentType;\n iconTrailing?: IconComponentType;\n children: ReactNode;\n className?: string;\n}\n\nexport const BadgeWithIcon = <T extends BadgeTypes>(props: BadgeWithIconProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", iconLeading: IconLeading, iconTrailing: IconTrailing, children, className } = props;\n\n const colors = withBadgeTypes[type];\n\n const icon = IconLeading ? \"leading\" : \"trailing\";\n\n const pillSizes = {\n sm: {\n trailing: \"gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium\",\n leading: \"gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium\",\n },\n md: {\n trailing: \"gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium\",\n leading: \"gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium\",\n },\n lg: {\n trailing: \"gap-1 py-1 pl-3 pr-2.5 text-sm font-medium\",\n leading: \"gap-1 py-1 pr-3 pl-2.5 text-sm font-medium\",\n },\n };\n const badgeSizes = {\n sm: {\n trailing: \"gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium\",\n leading: \"gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium\",\n },\n md: {\n trailing: \"gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium\",\n leading: \"gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium\",\n },\n lg: {\n trailing: \"gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg\",\n leading: \"gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg\",\n },\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size][icon], colors.styles[color].root, className)}>\n {IconLeading && <IconLeading className={cx(colors.styles[color].addon, \"size-3 stroke-3\")} />}\n {children}\n {IconTrailing && <IconTrailing className={cx(colors.styles[color].addon, \"size-3 stroke-3\")} />}\n </span>\n );\n};\n\ninterface BadgeWithFlagProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n flag?: FlagTypes;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n}\n\nexport const BadgeWithFlag = <T extends BadgeTypes>(props: BadgeWithFlagProps<T>) => {\n const { size = \"md\", color = \"gray\", flag = \"AU\", type = \"pill-color\", children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Image src={`https://www.untitledui.com/images/flags/${flag}.svg`} className=\"size-4 max-w-none rounded-full\" alt={`${flag} flag`} width={16} height={16} />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithImageProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n imgSrc: string;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n}\n\nexport const BadgeWithImage = <T extends BadgeTypes>(props: BadgeWithImageProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", imgSrc, children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium\",\n md: \"gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium\",\n lg: \"gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Image src={imgSrc} className=\"size-4 max-w-none rounded-full\" alt=\"Badge image\" width={16} height={16} />\n {children}\n </span>\n );\n};\n\ninterface BadgeWithButtonProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n icon?: IconComponentType;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children: ReactNode;\n /**\n * The label for the button.\n */\n buttonLabel?: string;\n /**\n * The click event handler for the button.\n */\n onButtonClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const BadgeWithButton = <T extends BadgeTypes>(props: BadgeWithButtonProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", icon: Icon = CloseX, buttonLabel, children } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium\",\n md: \"gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium\",\n lg: \"gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium\",\n };\n const badgeSizes = {\n sm: \"gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium\",\n md: \"gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium\",\n lg: \"gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n {children}\n <button\n type=\"button\"\n aria-label={buttonLabel}\n onClick={props.onButtonClick}\n className={cx(\n \"flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2\",\n colors.styles[color].addonButton,\n type === \"pill-color\" ? \"rounded-full\" : \"rounded-[3px]\",\n )}\n >\n <Icon className=\"size-3 stroke-[3px] transition-inherit-all\" />\n </button>\n </span>\n );\n};\n\ninterface BadgeIconProps<T extends BadgeTypes> {\n type?: T;\n size?: Sizes;\n icon: IconComponentType;\n color?: BadgeTypeToColorMap<typeof withPillTypes>[T];\n children?: ReactNode;\n}\n\nexport const BadgeIcon = <T extends BadgeTypes>(props: BadgeIconProps<T>) => {\n const { size = \"md\", color = \"gray\", type = \"pill-color\", icon: Icon } = props;\n\n const colors = withPillTypes[type];\n\n const pillSizes = {\n sm: \"p-1.25\",\n md: \"p-1.5\",\n lg: \"p-2\",\n };\n\n const badgeSizes = {\n sm: \"p-1.25\",\n md: \"p-1.5\",\n lg: \"p-2 rounded-lg\",\n };\n\n const sizes = {\n [badgeTypes.pillColor]: pillSizes,\n [badgeTypes.badgeColor]: badgeSizes,\n [badgeTypes.badgeModern]: badgeSizes,\n };\n\n return (\n <span className={cx(colors.common, sizes[type][size], colors.styles[color].root)}>\n <Icon className={cx(\"size-3 stroke-[3px]\", colors.styles[color].addon)} />\n </span>\n );\n};\n","import type React from \"react\";\n\nexport type IconComponentType = React.FunctionComponent<{ className?: string; strokeWidth?: string | number }>;\n\nexport type Sizes = \"sm\" | \"md\" | \"lg\";\n\nexport type BadgeColors = \"gray\" | \"brand\" | \"error\" | \"warning\" | \"success\" | \"gray-blue\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\";\n\nexport type FlagTypes =\n | \"AD\"\n | \"AE\"\n | \"AF\"\n | \"AG\"\n | \"AI\"\n | \"AL\"\n | \"AM\"\n | \"AO\"\n | \"AR\"\n | \"AS\"\n | \"AT\"\n | \"AU\"\n | \"AW\"\n | \"AX\"\n | \"AZ\"\n | \"BA\"\n | \"BB\"\n | \"BD\"\n | \"BE\"\n | \"BF\"\n | \"BG\"\n | \"BH\"\n | \"BI\"\n | \"BJ\"\n | \"BL\"\n | \"BM\"\n | \"BN\"\n | \"BO\"\n | \"BQ-1\"\n | \"BQ-2\"\n | \"BQ\"\n | \"BR\"\n | \"BS\"\n | \"BT\"\n | \"BW\"\n | \"BY\"\n | \"BZ\"\n | \"CA\"\n | \"CC\"\n | \"CD-1\"\n | \"CD\"\n | \"CF\"\n | \"CH\"\n | \"CK\"\n | \"CL\"\n | \"CM\"\n | \"CN\"\n | \"CO\"\n | \"CR\"\n | \"CU\"\n | \"CW\"\n | \"CX\"\n | \"CY\"\n | \"CZ\"\n | \"DE\"\n | \"DJ\"\n | \"DK\"\n | \"DM\"\n | \"DO\"\n | \"DS\"\n | \"DZ\"\n | \"earth\"\n | \"EC\"\n | \"EE\"\n | \"EG\"\n | \"EH\"\n | \"ER\"\n | \"ES\"\n | \"ET\"\n | \"FI\"\n | \"FJ\"\n | \"FK\"\n | \"FM\"\n | \"FO\"\n | \"FR\"\n | \"GA\"\n | \"GB-2\"\n | \"GB\"\n | \"GD\"\n | \"GE\"\n | \"GG\"\n | \"GH\"\n | \"GI\"\n | \"GL\"\n | \"GM\"\n | \"GN\"\n | \"GQ\"\n | \"GR\"\n | \"GT\"\n | \"GU\"\n | \"GW\"\n | \"GY\"\n | \"HK\"\n | \"HN\"\n | \"HR\"\n | \"HT\"\n | \"HU\"\n | \"ID\"\n | \"IE\"\n | \"IL\"\n | \"IM\"\n | \"IN\"\n | \"IO\"\n | \"IQ\"\n | \"IR\"\n | \"IS\"\n | \"IT\"\n | \"JE\"\n | \"JM\"\n | \"JO\"\n | \"JP\"\n | \"KE\"\n | \"KG\"\n | \"KH\"\n | \"KI\"\n | \"KM\"\n | \"KN\"\n | \"KP\"\n | \"KR\"\n | \"KW\"\n | \"KY\"\n | \"KZ\"\n | \"LA\"\n | \"LB\"\n | \"LC\"\n | \"LI\"\n | \"LK\"\n | \"LR\"\n | \"LS\"\n | \"LT\"\n | \"LU\"\n | \"LV\"\n | \"LY\"\n | \"MA\"\n | \"MC\"\n | \"MD\"\n | \"ME\"\n | \"MG\"\n | \"MH\"\n | \"MK\"\n | \"ML\"\n | \"MM\"\n | \"MN\"\n | \"MO\"\n | \"MP\"\n | \"MQ\"\n | \"MR\"\n | \"MS\"\n | \"MT\"\n | \"MU\"\n | \"MV\"\n | \"MW\"\n | \"MX\"\n | \"MY\"\n | \"MZ\"\n | \"NA\"\n | \"NE\"\n | \"NF\"\n | \"NG\"\n | \"NI\"\n | \"NL\"\n | \"NO\"\n | \"NP\"\n | \"NR\"\n | \"NU\"\n | \"NZ\"\n | \"OM\"\n | \"PA\"\n | \"PE\"\n | \"PF\"\n | \"PG\"\n | \"PH\"\n | \"PK\"\n | \"PL\"\n | \"PM\"\n | \"PN\"\n | \"PR\"\n | \"PT\"\n | \"PW\"\n | \"PY\"\n | \"QA\"\n | \"RE\"\n | \"RO\"\n | \"RS\"\n | \"RU\"\n | \"RW\"\n | \"SA\"\n | \"SB\"\n | \"SC\"\n | \"SD\"\n | \"SE\"\n | \"SG\"\n | \"SH\"\n | \"SI\"\n | \"SJ\"\n | \"SK\"\n | \"SL\"\n | \"SM\"\n | \"SN\"\n | \"SO\"\n | \"SR\"\n | \"SS\"\n | \"ST\"\n | \"SV\"\n | \"SX\"\n | \"SY\"\n | \"SZ\"\n | \"TC\"\n | \"TD\"\n | \"TF\"\n | \"TG\"\n | \"TH\"\n | \"TJ\"\n | \"TK\"\n | \"TL\"\n | \"TM\"\n | \"TN\"\n | \"TO\"\n | \"TR\"\n | \"TT\"\n | \"TV\"\n | \"TZ\"\n | \"UA\"\n | \"UG\"\n | \"UM\"\n | \"US\"\n | \"UY\"\n | \"UZ\"\n | \"VA\"\n | \"VC\"\n | \"VE\"\n | \"VG\"\n | \"VI\"\n | \"VN\"\n | \"VU\"\n | \"WF\"\n | \"WS\"\n | \"YE\"\n | \"YT\"\n | \"ZA\"\n | \"ZM\"\n | \"ZW\";\n\nexport type ExtractColorKeys<T> = T extends { styles: infer C } ? keyof C : never;\nexport type ExtractBadgeKeys<T> = keyof T;\nexport type BadgeTypeToColorMap<T> = {\n [K in ExtractBadgeKeys<T>]: ExtractColorKeys<T[K]>;\n};\nexport type BadgeTypeColors<T> = ExtractColorKeys<T[keyof T]>;\n\nexport const badgeTypes = {\n pillColor: \"pill-color\",\n badgeColor: \"color\",\n badgeModern: \"modern\",\n} as const;\n\nexport type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { createElement, isValidElement } from \"react\";\nimport { ArrowRight } from \"@untitledui/icons\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\ntype Size = \"md\" | \"lg\";\ntype Color = \"brand\" | \"warning\" | \"error\" | \"gray\" | \"success\";\ntype Theme = \"light\" | \"modern\";\ntype Align = \"leading\" | \"trailing\";\n\nconst baseClasses: Record<Theme, { root?: string; addon?: string; icon?: string }> = {\n light: {\n root: \"rounded-full ring-1 ring-inset\",\n addon: \"rounded-full ring-1 ring-inset\",\n },\n modern: {\n root: \"rounded-[10px] bg-primary text-secondary shadow-xs ring-1 ring-inset ring-primary hover:bg-secondary\",\n addon: \"flex items-center rounded-md bg-primary shadow-xs ring-1 ring-inset ring-primary\",\n icon: \"text-utility-gray-500\",\n },\n};\n\nconst getSizeClasses = (\n theme?: Theme,\n text?: boolean,\n icon?: boolean,\n): Record<Align, Record<Size, { root?: string; addon?: string; icon?: string; dot?: string }>> => ({\n leading: {\n md: {\n root: cx(\"py-1 pr-2 pl-1 text-xs font-medium\", !text && !icon && \"pr-1\"),\n addon: cx(\"px-2 py-0.5\", theme === \"modern\" && \"gap-1 px-1.5\", text && \"mr-2\"),\n icon: \"ml-1 size-4\",\n },\n lg: {\n root: cx(\"py-1 pr-2 pl-1 text-sm font-medium\", !text && !icon && \"pr-1\"),\n addon: cx(\"px-2.5 py-0.5\", theme === \"modern\" && \"gap-1.5 px-2\", text && \"mr-2\"),\n icon: \"ml-1 size-4\",\n },\n },\n trailing: {\n md: {\n root: cx(\"py-1 pr-1 pl-3 text-xs font-medium\", theme === \"modern\" && \"pl-2.5\"),\n addon: cx(\"py-0.5 pr-1.5 pl-2\", theme === \"modern\" && \"pr-1.5 pl-2\", text && \"ml-2\"),\n icon: \"ml-0.5 size-3 stroke-[3px]\",\n dot: \"mr-1.5\",\n },\n lg: {\n root: \"py-1 pr-1 pl-3 text-sm font-medium\",\n addon: cx(\"py-0.5 pr-2 pl-2.5\", theme === \"modern\" && \"pr-1.5 pl-2\", text && \"ml-2\"),\n icon: \"ml-1 size-3 stroke-[3px]\",\n dot: \"mr-2\",\n },\n },\n});\n\nconst colorClasses: Record<Theme, Record<Color, { root?: string; addon?: string; icon?: string; dot?: string }>> = sortCx({\n light: {\n brand: {\n root: \"bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100\",\n addon: \"bg-primary text-current ring-utility-brand-200\",\n icon: \"text-utility-brand-500\",\n },\n gray: {\n root: \"bg-utility-gray-50 text-utility-gray-700 ring-utility-gray-200 hover:bg-utility-gray-100\",\n addon: \"bg-primary text-current ring-utility-gray-200\",\n icon: \"text-utility-gray-500\",\n },\n error: {\n root: \"bg-utility-error-50 text-utility-error-700 ring-utility-error-200 hover:bg-utility-error-100\",\n addon: \"bg-primary text-current ring-utility-error-200\",\n icon: \"text-utility-error-500\",\n },\n warning: {\n root: \"bg-utility-warning-50 text-utility-warning-700 ring-utility-warning-200 hover:bg-utility-warning-100\",\n addon: \"bg-primary text-current ring-utility-warning-200\",\n icon: \"text-utility-warning-500\",\n },\n success: {\n root: \"bg-utility-success-50 text-utility-success-700 ring-utility-success-200 hover:bg-utility-success-100\",\n addon: \"bg-primary text-current ring-utility-success-200\",\n icon: \"text-utility-success-500\",\n },\n },\n modern: {\n brand: {\n dot: \"bg-utility-brand-500 outline-3 -outline-offset-1 outline-utility-brand-100\",\n },\n gray: {\n dot: \"bg-utility-gray-500 outline-3 -outline-offset-1 outline-utility-gray-100\",\n },\n error: {\n dot: \"bg-utility-error-500 outline-3 -outline-offset-1 outline-utility-error-100\",\n },\n warning: {\n dot: \"bg-utility-warning-500 outline-3 -outline-offset-1 outline-utility-warning-100\",\n },\n success: {\n dot: \"bg-utility-success-500 outline-3 -outline-offset-1 outline-utility-success-100\",\n },\n },\n});\n\ninterface BadgeGroupProps {\n children?: string | ReactNode;\n addonText: string;\n size?: Size;\n color: Color;\n theme?: Theme;\n /**\n * Alignment of the badge addon element.\n */\n align?: Align;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n className?: string;\n}\n\nexport const BadgeGroup = ({\n children,\n addonText,\n size = \"md\",\n color = \"brand\",\n theme = \"light\",\n align = \"leading\",\n className,\n iconTrailing: IconTrailing = ArrowRight,\n}: BadgeGroupProps) => {\n const colors = colorClasses[theme][color];\n const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];\n\n const rootClasses = cx(\n \"inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear\",\n baseClasses[theme].root,\n sizes.root,\n colors.root,\n className,\n );\n const addonClasses = cx(\"inline-flex items-center\", baseClasses[theme].addon, sizes.addon, colors.addon);\n const dotClasses = cx(\"inline-block size-2 shrink-0 rounded-full\", sizes.dot, colors.dot);\n const iconClasses = cx(baseClasses[theme].icon, sizes.icon, colors.icon);\n\n if (align === \"trailing\") {\n return (\n <div className={rootClasses}>\n {theme === \"modern\" && <span className={dotClasses} />}\n\n {children}\n\n <span className={addonClasses}>\n {addonText}\n\n {/* Trailing icon */}\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: iconClasses } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </span>\n </div>\n );\n }\n\n return (\n <div className={rootClasses}>\n <span className={addonClasses}>\n {theme === \"modern\" && <span className={dotClasses} />}\n {addonText}\n </span>\n\n {children}\n\n {/* Trailing icon */}\n {isReactComponent(IconTrailing) && createElement(IconTrailing, { className: iconClasses } as Record<string, unknown>)}\n {isValidElement(IconTrailing) && IconTrailing}\n </div>\n );\n};\n","\"use client\";\n\nimport type { HTMLAttributes, SVGProps } from \"react\";\nimport { useId } from \"react\";\nimport { cx } from '../../../utils/cx';\n\nexport const getStarProgress = (starPosition: number, rating: number, maxRating: number = 5) => {\n // Ensure rating is between 0 and 5\n const clampedRating = Math.min(Math.max(rating, 0), maxRating);\n\n const diff = clampedRating - starPosition;\n\n if (diff >= 1) return 100;\n if (diff <= 0) return 0;\n\n return Math.round(diff * 100);\n};\n\ninterface StarIconProps extends SVGProps<SVGSVGElement> {\n /**\n * The progress of the star icon. It should be a number between 0 and 100.\n *\n * @default 100\n */\n progress?: number;\n}\n\nexport const StarIcon = ({ progress = 100, ...props }: StarIconProps) => {\n const id = useId();\n\n return (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" {...props} className={cx(\"size-5 text-warning-400\", props.className)}>\n <path\n d=\"M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z\"\n className=\"fill-bg-tertiary\"\n />\n <g clipPath={`url(#clip-${id})`}>\n <path\n d=\"M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z\"\n fill=\"currentColor\"\n />\n </g>\n <defs>\n <clipPath id={`clip-${id}`}>\n <rect width={`${progress}%`} height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n );\n};\n\ninterface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * The rating to display.\n *\n * @default 5\n */\n rating?: number;\n /**\n * The number of stars to display.\n */\n stars?: number;\n /**\n * The class name of the star icon.\n */\n starClassName?: string;\n}\n\nexport const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }: RatingStarsProps) => {\n return (\n <div {...props} className={cx(\"flex\", props.className)}>\n {Array.from({ length: stars }).map((_, index) => (\n <StarIcon key={index} progress={getStarProgress(index, rating, stars)} className={starClassName} />\n ))}\n </div>\n );\n};\n","\"use client\";\n\nimport { type HTMLAttributes } from \"react\";\nimport { RatingStars } from './rating-stars';\nimport { cx } from '../../../utils/cx';\n\nexport const Wreath = (props: HTMLAttributes<HTMLOrSVGElement>) => (\n <svg width=\"36\" height=\"81\" viewBox=\"0 0 36 81\" fill=\"none\" {...props} className={cx(\"text-fg-primary\", props.className)}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M34.188 79.123C21.8844 77.4193 12.9273 67.7396 8.84084 54.5087C7.16207 49.0327 6.91909 42.9593 7.50445 36.6094C8.58681 25.2702 13.7888 15.4245 21.3764 8.24482C21.4095 8.21163 21.4206 8.20057 21.4316 8.23376C21.4537 8.26695 21.52 8.30013 21.5531 8.32226C21.5973 8.34439 21.6083 8.32226 21.5752 8.37757C13.5237 15.7563 8.35488 27.4938 7.79161 39.3529C6.91909 56.2898 15.1362 71.2907 27.4509 76.4569C29.5162 77.3308 31.6809 77.9946 33.934 78.3375C34.0886 78.5367 34.177 78.8132 34.188 79.123Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.51737 50.8359C4.52243 52.0306 6.12388 53.2033 7.84683 52.7497C7.93518 52.8825 8.38801 53.5462 8.45428 53.6458C8.53159 53.7675 8.67517 53.8892 8.78561 53.7896C8.85188 53.7453 8.9071 53.6458 8.84084 53.4909C8.58681 53.1812 8.34383 52.8603 8.05667 52.5285C7.54863 49.8402 6.80864 48.0481 5.26241 46.2338C3.4732 44.1541 1.6398 43.2248 0.502216 42.8376C0.336548 42.7934 0.181926 42.7491 0.0162576 42.6938C-0.0941877 43.7337 0.380727 45.2493 0.756241 46.1121C1.48518 47.8822 2.28039 49.4309 3.51737 50.8359Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M18.317 12.9686C18.1735 13.0239 17.3341 13.2451 17.2347 13.0792C17.2015 13.0349 17.2457 12.869 17.323 12.8579C17.6323 12.8247 17.9747 12.8026 18.2729 12.7362C18.814 11.0326 20.3161 10.2914 21.6967 10.0038C23.3533 9.6719 25.1757 10.1808 27.1306 10.4573C27.23 10.4795 27.3404 10.4905 27.4288 10.4905C27.3956 10.5569 27.3515 10.6012 27.3073 10.6675C26.49 11.7849 25.2088 12.8137 23.9608 13.3226C23.1214 13.6766 22.1164 13.8757 21.1334 13.8425C20.0952 13.7983 19.2227 13.5659 18.317 12.9686Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M21.5531 8.3112C21.6194 8.33332 21.6194 8.3112 21.7408 8.24482C21.9728 8.02357 22.1716 7.89082 22.4035 7.68063C23.7289 7.69169 24.9879 7.29344 26.1807 6.49693C26.7109 6.14293 27.241 5.71148 27.6828 5.19154C28.7431 4.05209 29.5935 2.38164 29.9801 0.854996C30.0022 0.766495 30.0132 0.711182 30.0242 0.622681C29.9248 0.666931 29.8365 0.711183 29.7371 0.755433C27.5945 1.61832 25.5181 2.01657 23.7951 3.68703C22.6244 4.80435 22.017 6.15399 22.2599 7.45938C21.9949 7.66957 21.7188 7.86869 21.4647 8.11207C21.3543 8.21163 21.4868 8.3112 21.5531 8.3112Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.7557 20.1039C13.6121 20.1814 12.8058 20.6018 12.6843 20.4579C12.6291 20.4026 12.6512 20.2256 12.7285 20.1924C13.0267 20.0818 13.3801 20.0044 13.6783 19.8716C13.7888 18.6658 14.4625 17.5374 15.7989 16.763C17.8421 15.6789 20.1615 15.8559 22.3483 15.6678C22.4587 15.6568 22.5581 15.6568 22.6575 15.6457C22.6244 15.7121 22.5913 15.7674 22.5692 15.8338C21.8402 17.0949 20.6585 18.4556 19.4546 19.23C18.6484 19.7721 17.6544 20.1814 16.6604 20.3805C15.6111 20.5907 14.7165 20.469 13.7557 20.1039Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M3.0535 38.7113C3.71618 40.2047 4.90898 41.842 6.65402 41.9526C6.70924 42.1075 7.02953 42.8266 7.07371 42.9372C7.10685 43.0921 7.21729 43.258 7.36087 43.1916C7.42714 43.1695 7.4934 43.081 7.48236 42.9261C7.31669 42.5279 7.10685 42.2181 6.90804 41.8088C7.06267 39.0653 6.90804 37.0629 5.85881 34.8062C4.666 32.2064 3.03141 30.713 2.02636 29.9829C1.90487 29.8722 1.76129 29.7837 1.61771 29.6952C1.38578 30.7572 1.46309 32.4056 1.60667 33.357C1.86069 35.2818 2.26934 36.9744 3.0535 38.7113Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.00838 27.6929C5.29554 29.2859 6.01344 30.89 7.60385 31.5869C7.62594 31.7529 7.80265 32.5273 7.82474 32.6489C7.82474 32.8149 7.87996 33.0029 8.03458 32.9808C8.07876 32.9698 8.18921 32.9255 8.20025 32.7596C8.13399 32.3392 8.0125 31.8635 7.93519 31.4099C8.46532 29.474 8.75248 27.704 8.66412 25.8123C8.52054 23.1462 7.52654 20.8341 5.95821 18.9756C5.83672 18.8428 5.74837 18.699 5.63792 18.5773C5.19614 19.4955 4.90898 21.0664 4.83167 22.0067C4.666 23.9095 4.67705 25.8233 5.00838 27.6929Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.01755 17.637C8.97337 19.2742 9.37097 21.1106 10.7405 22.1727C10.7295 22.3386 10.6963 23.1351 10.6963 23.2457C10.6742 23.4006 10.6853 23.5887 10.8399 23.6219C10.8951 23.6219 10.9945 23.6108 11.0277 23.4559C11.0608 23.0466 11.0718 22.416 11.0939 21.9625C12.2646 19.9712 12.8942 17.8029 12.9163 15.3249C12.9604 12.4597 12.2536 10.6343 11.6903 9.48383C11.613 9.32896 11.5357 9.17408 11.4584 9.01921C10.8399 9.77146 10.2545 11.2096 9.98947 12.0946C9.45933 13.8868 9.07277 15.7563 9.01755 17.637Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15.092 8.45501C14.7386 9.99271 14.838 12.2495 15.9867 13.1787C15.9425 13.3779 15.8431 14.0638 15.832 14.2186C15.7878 14.3846 15.7547 14.5394 15.8872 14.6058C15.9425 14.6279 15.9866 14.628 16.0529 14.4841C16.1302 14.0527 16.1523 13.6987 16.2186 13.2562C17.8532 11.5083 18.7809 9.78252 19.3 7.42619C19.8191 4.95923 19.7418 3.00114 19.5209 1.61832C19.4988 1.45238 19.4546 1.28644 19.4105 1.10944C17.9747 2.25995 16.9586 3.77553 16.0971 5.50129C15.6332 6.44162 15.2688 7.40406 15.092 8.45501Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.0889 29.5182C9.95633 29.6399 9.22739 30.3369 9.05068 30.2484C9.0065 30.2041 8.97337 29.9718 9.05068 29.9275C9.32679 29.7063 9.68022 29.5404 9.95633 29.3302C9.86798 28.0026 10.1662 26.653 11.37 25.3919C13.2255 23.5887 15.6884 22.9802 17.9305 22.051C18.0299 22.0067 18.1293 21.9514 18.2508 21.9071C18.2287 21.9846 18.2176 22.0731 18.1845 22.1505C17.7427 23.6993 16.8592 25.5025 15.7878 26.7194C15.092 27.538 14.1533 28.3235 13.1703 28.8434C12.1432 29.3965 11.1712 29.5735 10.0889 29.5182Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.54263 40.3264C8.44323 40.5034 7.85787 41.4548 7.67012 41.4105C7.5928 41.4105 7.51549 41.1782 7.57072 41.0897C7.81369 40.7689 8.12294 40.5145 8.33279 40.1826C7.95727 38.9657 8.13399 37.2067 9.03964 35.5252C10.4754 33.0693 12.5739 31.8746 14.6061 30.1599C14.6944 30.0714 14.7828 29.9939 14.8822 29.8944C14.8932 29.9718 14.9043 30.0603 14.8932 30.1599C14.8491 31.8414 14.4073 33.9543 13.6231 35.5474C13.1151 36.6204 12.364 37.6935 11.5026 38.5896C10.608 39.4856 9.65813 40.0056 8.54263 40.3264Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.55873 50.9244C9.48142 51.1346 9.08382 52.263 8.88501 52.3072C8.81875 52.2961 8.68621 52.1302 8.74144 52.0085C8.90711 51.6324 9.09486 51.2009 9.24948 50.8138C8.56472 50.1611 8.33279 48.3468 8.88501 46.444C9.80171 43.6562 11.8449 41.5654 13.4906 39.2533C13.5679 39.1427 13.6452 39.0321 13.7225 38.9214C13.7446 38.9989 13.7557 39.0874 13.7777 39.1759C14.0649 40.8021 14.0428 42.9593 13.601 44.7183C13.3028 45.8909 12.7837 47.1852 12.11 48.2915C11.4142 49.4641 10.5859 50.2717 9.55873 50.9244Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.0958 63.3256C8.34383 64.1442 10.5748 64.7637 12.11 63.757C12.2315 63.8455 12.8721 64.2327 12.9494 64.2991C13.0598 64.4097 13.2145 64.4871 13.3139 64.3323C13.3691 64.2659 13.4022 64.1553 13.2918 64.0336C12.9715 63.8123 12.6181 63.6685 12.2757 63.4473C11.105 61.0135 9.84589 59.3652 7.9131 58.1483C5.70419 56.7323 3.85975 56.7101 2.67799 56.7101C2.51232 56.7101 2.34665 56.7212 2.18098 56.7212C2.46814 59.1218 5.43912 62.2968 7.0958 63.3256Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.2255 61.4449C13.2145 61.5998 13.1372 62.2857 13.0267 62.7061C12.9936 62.8277 12.9825 63.0048 12.8169 62.9384C12.7506 62.9273 12.6843 62.7835 12.6843 62.7171C12.7616 62.3078 12.8279 61.8432 12.861 61.4339C12.099 60.9471 11.5026 59.3541 11.3811 57.396C11.5136 54.4423 12.839 51.7651 13.8992 48.9774C13.9324 48.8557 13.9765 48.7229 14.0207 48.5902C14.0649 48.6565 14.087 48.7229 14.1312 48.7893C14.838 50.2496 15.3792 52.2962 15.4234 54.1436C15.4676 55.3494 15.2908 56.7544 14.9374 58.0598C14.5619 59.3983 14.0097 60.4493 13.2255 61.4449Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.8551 73.4257C15.2908 73.7134 17.2347 73.647 18.4496 72.0982C18.7588 72.1425 19.2558 72.2199 19.5761 72.242C19.6645 72.2531 19.7307 72.1867 19.7639 72.0761C19.786 71.9987 19.7639 71.8991 19.6203 71.8217C19.2558 71.7442 18.8914 71.7442 18.5048 71.6778C16.8923 69.7861 15.3682 68.7241 13.1703 68.3259C10.6301 67.8612 8.47637 68.5139 7.32774 68.9896C7.17311 69.0449 7.00744 69.1113 6.86387 69.1888C7.27251 70.1069 8.46532 71.0473 9.21635 71.5008C10.6521 72.4522 12.1211 73.1381 13.8551 73.4257Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M18.9908 69.4321C19.0128 69.5981 19.0349 70.2618 19.0349 70.7043C19.0239 70.826 19.057 70.992 18.8914 71.003C18.814 71.003 18.7257 70.9035 18.7257 70.826C18.6926 70.4167 18.7146 69.9742 18.6484 69.5538C17.798 69.2883 16.6714 67.994 16.1523 66.2129C15.5559 63.3588 16.2075 60.4161 16.5168 57.396C16.5389 57.2633 16.5278 57.1305 16.5389 56.9867C16.5941 57.042 16.6604 57.0973 16.7156 57.1526C17.7538 58.2921 18.792 60.051 19.289 61.7768C19.6313 62.9052 19.8081 64.2991 19.8081 65.6376C19.786 67.0426 19.4988 68.2263 18.9908 69.4321Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M27.0312 75.24C27.1085 75.3617 27.2079 75.9148 27.3183 76.3352C27.3515 76.4348 27.4177 76.5896 27.2631 76.645C27.1858 76.6781 27.0864 76.6118 27.0643 76.5454C26.9207 76.1914 26.9207 75.8153 26.744 75.4613C25.9157 75.6604 24.4799 74.6094 23.5411 73.2377C22.2379 70.8703 22.0943 68.0936 21.5862 65.2726C21.5752 65.1398 21.531 65.0182 21.5089 64.8854C21.5752 64.8965 21.6414 64.9407 21.7077 64.9628C22.9557 65.5934 24.3805 66.7107 25.2972 68.0825C25.9267 68.9675 26.5121 70.1955 26.8434 71.4234C27.1858 72.7177 27.1968 73.9457 27.0312 75.24Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.514 80.5058C23.9829 80.3067 25.8825 79.6319 26.7219 77.7512C27.0201 77.6627 27.5392 77.6074 27.8485 77.5189C27.9368 77.5078 27.981 77.4083 27.9921 77.2866C27.9921 77.2202 27.9479 77.1207 27.7933 77.0985C27.4288 77.1538 27.0643 77.2645 26.6557 77.3087C24.5241 76.0476 22.8011 75.4723 20.5591 75.7931C17.9857 76.1582 16.1081 77.4525 15.1031 78.2822C14.9595 78.4039 14.8159 78.5145 14.6834 78.6362C15.3019 79.3996 16.6935 79.9084 17.5218 80.1297C19.1454 80.5833 20.7358 80.7603 22.514 80.5058Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\ninterface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {\n title?: string;\n subtitle?: string;\n rating?: number;\n theme?: \"light\" | \"dark\";\n}\n\nexport const RatingBadge = ({ title = \"Best Design Tool\", subtitle = \"2,000+ reviews\", rating, theme = \"dark\", className, ...props }: RatingBadgeProps) => {\n return (\n <div {...props} className={cx(\"flex items-center -space-x-0.5\", className)}>\n <Wreath className={cx(\"shrink-0\", theme === \"light\" && \"text-fg-white\")} />\n\n <div className=\"flex flex-col items-center gap-1\">\n <RatingStars rating={rating} className=\"gap-0.5\" starClassName=\"size-4\" />\n\n <div className=\"text-center\">\n <p className={cx(\"text-sm font-semibold\", theme === \"light\" ? \"text-primary_on-brand\" : \"text-primary\")}>{title}</p>\n <p className={cx(\"text-xs font-medium\", theme === \"light\" ? \"text-secondary_on-brand\" : \"text-secondary\")}>{subtitle}</p>\n </div>\n </div>\n\n <Wreath className={cx(\"shrink-0 -scale-x-100\", theme === \"light\" && \"text-fg-white\")} />\n </div>\n );\n};\n","\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { cx } from '../../../utils/cx';\nimport { Avatar, type AvatarProps } from \"./avatar\";\n\nconst styles = {\n sm: { root: \"gap-2\", title: \"text-sm font-semibold\", subtitle: \"text-xs\" },\n md: { root: \"gap-2\", title: \"text-sm font-semibold\", subtitle: \"text-sm\" },\n lg: { root: \"gap-3\", title: \"text-md font-semibold\", subtitle: \"text-md\" },\n xl: { root: \"gap-4\", title: \"text-lg font-semibold\", subtitle: \"text-md\" },\n};\n\ninterface AvatarLabelGroupProps extends AvatarProps {\n size: \"sm\" | \"md\" | \"lg\" | \"xl\";\n title: string | ReactNode;\n subtitle: string | ReactNode;\n}\n\nexport const AvatarLabelGroup = ({ title, subtitle, className, ...props }: AvatarLabelGroupProps) => {\n return (\n <figure className={cx(\"group flex min-w-0 flex-1 items-center\", styles[props.size].root, className)}>\n <Avatar {...props} />\n <figcaption className=\"min-w-0 flex-1\">\n <p className={cx(\"text-primary\", styles[props.size].title)}>{title}</p>\n <p className={cx(\"truncate text-tertiary\", styles[props.size].subtitle)}>{subtitle}</p>\n </figcaption>\n </figure>\n );\n};\n","\"use client\";\n\nimport { ChevronLeft } from \"@untitledui/icons\";\nimport { Button } from '../buttons/button';\n\ninterface BreadcrumbProps {\n backHref: string;\n backLabel: string;\n currentLabel: string;\n}\n\nexport const Breadcrumb = ({ backHref, backLabel, currentLabel }: BreadcrumbProps) => {\n return (\n <nav className=\"mb-8\" aria-label=\"Breadcrumb\">\n <div className=\"flex items-center gap-2\">\n <Button \n color=\"link-gray\" \n size=\"md\" \n href={backHref}\n iconLeading={ChevronLeft}\n className=\"text-tertiary hover:text-primary\"\n >\n {backLabel}\n </Button>\n <span className=\"text-tertiary\">/</span>\n <span className=\"text-primary font-medium\">{currentLabel}</span>\n </div>\n </nav>\n );\n};\n\nexport default Breadcrumb;\n\n","import type { FC, ReactNode, Ref } from \"react\";\nimport { createElement, isValidElement } from \"react\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\nconst iconsSizes = {\n sm: \"*:data-icon:size-4\",\n md: \"*:data-icon:size-5\",\n lg: \"*:data-icon:size-6\",\n xl: \"*:data-icon:size-7\",\n};\n\nconst styles = sortCx({\n light: {\n base: \"rounded-full\",\n sizes: {\n sm: \"size-8\",\n md: \"size-10\",\n lg: \"size-12\",\n xl: \"size-14\",\n },\n colors: {\n brand: \"bg-brand-secondary text-featured-icon-light-fg-brand\",\n gray: \"bg-tertiary text-featured-icon-light-fg-gray\",\n error: \"bg-error-secondary text-featured-icon-light-fg-error\",\n warning: \"bg-warning-secondary text-featured-icon-light-fg-warning\",\n success: \"bg-success-secondary text-featured-icon-light-fg-success\",\n },\n },\n\n gradient: {\n base: \"rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full\",\n sizes: {\n sm: \"size-8 after:size-6 *:data-icon:size-4\",\n md: \"size-10 after:size-7 *:data-icon:size-4\",\n lg: \"size-12 after:size-8 *:data-icon:size-5\",\n xl: \"size-14 after:size-10 *:data-icon:size-5\",\n },\n colors: {\n brand: \"before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid\",\n gray: \"before:border-utility-gray-200 before:bg-utility-gray-50 after:bg-secondary-solid\",\n error: \"before:border-utility-error-200 before:bg-utility-error-50 after:bg-error-solid\",\n warning: \"before:border-utility-warning-200 before:bg-utility-warning-50 after:bg-warning-solid\",\n success: \"before:border-utility-success-200 before:bg-utility-success-50 after:bg-success-solid\",\n },\n },\n\n dark: {\n base: \"text-fg-white shadow-xs-skeumorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%\",\n sizes: {\n sm: \"size-8 rounded-md before:rounded-[5px]\",\n md: \"size-10 rounded-lg before:rounded-[7px]\",\n lg: \"size-12 rounded-[10px] before:rounded-[9px]\",\n xl: \"size-14 rounded-xl before:rounded-[11px]\",\n },\n colors: {\n brand: \"bg-brand-solid before:border-utility-brand-200/12\",\n gray: \"bg-secondary-solid before:border-utility-gray-200/12\",\n error: \"bg-error-solid before:border-utility-error-200/12\",\n warning: \"bg-warning-solid before:border-utility-warning-200/12\",\n success: \"bg-success-solid before:border-utility-success-200/12\",\n },\n },\n\n modern: {\n base: \"bg-primary shadow-xs-skeumorphic ring-1 ring-inset\",\n sizes: {\n sm: \"size-8 rounded-md\",\n md: \"size-10 rounded-lg\",\n lg: \"size-12 rounded-[10px]\",\n xl: \"size-14 rounded-xl\",\n },\n colors: {\n brand: \"\",\n gray: \"text-fg-secondary ring-primary\",\n error: \"\",\n warning: \"\",\n success: \"\",\n },\n },\n \"modern-neue\": {\n base: [\n \"bg-primary_alt ring-1 ring-inset before:absolute before:inset-1\",\n // Shadow\n \"before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt\",\n ].join(\" \"),\n sizes: {\n sm: \"size-8 rounded-[8px] before:rounded-[4px]\",\n md: \"size-10 rounded-[10px] before:rounded-[6px]\",\n lg: \"size-12 rounded-[12px] before:rounded-[8px]\",\n xl: \"size-14 rounded-[14px] before:rounded-[10px]\",\n },\n colors: {\n brand: \"\",\n gray: \"text-fg-secondary ring-primary\",\n error: \"\",\n warning: \"\",\n success: \"\",\n },\n },\n\n outline: {\n base: \"before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2\",\n sizes: {\n sm: \"size-4 before:size-6 after:size-8.5\",\n md: \"size-5 before:size-7 after:size-9.5\",\n lg: \"size-6 before:size-8 after:size-10.5\",\n xl: \"size-7 before:size-9 after:size-11.5\",\n },\n colors: {\n brand: \"text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10\",\n gray: \"text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10\",\n error: \"text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10\",\n warning: \"text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10\",\n success: \"text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10\",\n },\n },\n});\n\ninterface FeaturedIconProps {\n ref?: Ref<HTMLDivElement>;\n children?: ReactNode;\n className?: string;\n icon?: FC<{ className?: string }> | ReactNode;\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n color: \"brand\" | \"gray\" | \"success\" | \"warning\" | \"error\";\n theme?: \"light\" | \"gradient\" | \"dark\" | \"outline\" | \"modern\" | \"modern-neue\";\n}\n\nexport const FeaturedIcon = (props: FeaturedIconProps) => {\n const { size = \"sm\", theme: variant = \"light\", color = \"brand\", icon: Icon, ...otherProps } = props;\n\n return (\n <div\n {...otherProps}\n data-featured-icon\n className={cx(\n \"relative flex shrink-0 items-center justify-center\",\n\n iconsSizes[size],\n styles[variant].base,\n styles[variant].sizes[size],\n styles[variant].colors[color],\n\n props.className,\n )}\n >\n {isReactComponent(Icon) && createElement(Icon, { 'data-icon': true, className: \"z-1\" } as Record<string, unknown>)}\n {isValidElement(Icon) && <div className=\"z-1\">{Icon}</div>}\n\n {props.children}\n </div>\n );\n};\n","\"use client\";\n\nimport { ArrowLeft, ArrowRight } from \"@untitledui/icons\";\nimport { Button } from '../buttons/button';\nimport { ButtonGroup, ButtonGroupItem } from '../button-group/button-group';\nimport { useBreakpoint } from '../../../lib/hooks/use-breakpoint';\nimport { cx } from '../../../utils/cx';\nimport type { PaginationRootProps } from \"./pagination-base\";\nimport { Pagination } from \"./pagination-base\";\n\ninterface PaginationProps extends Partial<Omit<PaginationRootProps, \"children\">> {\n /** Whether the pagination buttons are rounded. */\n rounded?: boolean;\n}\n\nconst PaginationItem = ({ value, rounded, isCurrent }: { value: number; rounded?: boolean; isCurrent: boolean }) => {\n return (\n <Pagination.Item\n value={value}\n isCurrent={isCurrent}\n className={({ isSelected }) =>\n cx(\n \"flex size-10 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2\",\n rounded ? \"rounded-full\" : \"rounded-lg\",\n isSelected && \"bg-primary_hover text-secondary\",\n )\n }\n >\n {value}\n </Pagination.Item>\n );\n};\n\ninterface MobilePaginationProps {\n /** The current page. */\n page?: number;\n /** The total number of pages. */\n total?: number;\n /** The class name of the pagination component. */\n className?: string;\n /** The function to call when the page changes. */\n onPageChange?: (page: number) => void;\n}\n\nconst MobilePagination = ({ page = 1, total = 10, className, onPageChange }: MobilePaginationProps) => {\n return (\n <nav aria-label=\"Pagination\" className={cx(\"flex items-center justify-between md:hidden\", className)}>\n <Button\n aria-label=\"Go to previous page\"\n iconLeading={ArrowLeft}\n color=\"secondary\"\n size=\"sm\"\n onClick={() => onPageChange?.(Math.max(0, page - 1))}\n />\n\n <span className=\"text-sm text-fg-secondary\">\n Page <span className=\"font-medium\">{page}</span> of <span className=\"font-medium\">{total}</span>\n </span>\n\n <Button\n aria-label=\"Go to next page\"\n iconLeading={ArrowRight}\n color=\"secondary\"\n size=\"sm\"\n onClick={() => onPageChange?.(Math.min(total, page + 1))}\n />\n </nav>\n );\n};\n\nexport const PaginationPageDefault = ({ rounded, page = 1, total = 10, className, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className={cx(\"flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5\", className)}\n >\n <div className=\"hidden flex-1 justify-start md:flex\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"link-gray\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}{\" \"}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.PrevTrigger asChild className=\"md:hidden\">\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"hidden flex-1 justify-end md:flex\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"link-gray\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n <Pagination.NextTrigger asChild className=\"md:hidden\">\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </Pagination.Root>\n );\n};\n\nexport const PaginationPageMinimalCenter = ({ rounded, page = 1, total = 10, className, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className={cx(\"flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5\", className)}\n >\n <div className=\"flex flex-1 justify-start\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"flex flex-1 justify-end\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n </Pagination.Root>\n );\n};\n\nexport const PaginationCardDefault = ({ rounded, page = 1, total = 10, ...props }: PaginationProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <Pagination.Root\n {...props}\n page={page}\n total={total}\n className=\"flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\"\n >\n <div className=\"flex flex-1 justify-start\">\n <Pagination.PrevTrigger asChild>\n <Button iconLeading={ArrowLeft} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Previous\" : undefined}\n </Button>\n </Pagination.PrevTrigger>\n </div>\n\n <Pagination.Context>\n {({ pages, currentPage, total }) => (\n <>\n <div className=\"hidden justify-center gap-0.5 md:flex\">\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <PaginationItem key={index} rounded={rounded} {...page} />\n ) : (\n <Pagination.Ellipsis key={index} className=\"flex size-10 shrink-0 items-center justify-center text-tertiary\">\n …\n </Pagination.Ellipsis>\n ),\n )}\n </div>\n\n <div className=\"flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden\">\n Page <span className=\"font-medium\">{currentPage}</span> of <span className=\"font-medium\">{total}</span>\n </div>\n </>\n )}\n </Pagination.Context>\n\n <div className=\"flex flex-1 justify-end\">\n <Pagination.NextTrigger asChild>\n <Button iconTrailing={ArrowRight} color=\"secondary\" size=\"sm\">\n {isDesktop ? \"Next\" : undefined}\n </Button>\n </Pagination.NextTrigger>\n </div>\n </Pagination.Root>\n );\n};\n\ninterface PaginationCardMinimalProps {\n /** The current page. */\n page?: number;\n /** The total number of pages. */\n total?: number;\n /** The alignment of the pagination. */\n align?: \"left\" | \"center\" | \"right\";\n /** The class name of the pagination component. */\n className?: string;\n /** The function to call when the page changes. */\n onPageChange?: (page: number) => void;\n}\n\nexport const PaginationCardMinimal = ({ page = 1, total = 10, align = \"left\", onPageChange, className }: PaginationCardMinimalProps) => {\n return (\n <div className={cx(\"border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\", className)}>\n <MobilePagination page={page} total={total} onPageChange={onPageChange} />\n\n <nav aria-label=\"Pagination\" className={cx(\"hidden items-center gap-3 md:flex\", align === \"center\" && \"justify-between\")}>\n <div className={cx(align === \"center\" && \"flex flex-1 justify-start\")}>\n <Button isDisabled={page === 1} color=\"secondary\" size=\"sm\" onClick={() => onPageChange?.(Math.max(0, page - 1))}>\n Previous\n </Button>\n </div>\n\n <span\n className={cx(\n \"text-sm font-medium text-fg-secondary\",\n align === \"right\" && \"order-first mr-auto\",\n align === \"left\" && \"order-last ml-auto\",\n )}\n >\n Page {page} of {total}\n </span>\n\n <div className={cx(align === \"center\" && \"flex flex-1 justify-end\")}>\n <Button isDisabled={page === total} color=\"secondary\" size=\"sm\" onClick={() => onPageChange?.(Math.min(total, page + 1))}>\n Next\n </Button>\n </div>\n </nav>\n </div>\n );\n};\n\ninterface PaginationButtonGroupProps extends Partial<Omit<PaginationRootProps, \"children\">> {\n /** The alignment of the pagination. */\n align?: \"left\" | \"center\" | \"right\";\n}\n\nexport const PaginationButtonGroup = ({ align = \"left\", page = 1, total = 10, ...props }: PaginationButtonGroupProps) => {\n const isDesktop = useBreakpoint(\"md\");\n\n return (\n <div\n className={cx(\n \"flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4\",\n align === \"left\" && \"justify-start\",\n align === \"center\" && \"justify-center\",\n align === \"right\" && \"justify-end\",\n )}\n >\n <Pagination.Root {...props} page={page} total={total}>\n <Pagination.Context>\n {({ pages }) => (\n <ButtonGroup size=\"md\">\n <Pagination.PrevTrigger asChild>\n <ButtonGroupItem iconLeading={ArrowLeft}>{isDesktop ? \"Previous\" : undefined}</ButtonGroupItem>\n </Pagination.PrevTrigger>\n\n {pages.map((page, index) =>\n page.type === \"page\" ? (\n <Pagination.Item key={index} {...page} asChild>\n <ButtonGroupItem isSelected={page.isCurrent} className=\"size-10 items-center justify-center\">\n {page.value}\n </ButtonGroupItem>\n </Pagination.Item>\n ) : (\n <Pagination.Ellipsis key={index}>\n <ButtonGroupItem className=\"pointer-events-none size-10 items-center justify-center rounded-none!\">\n …\n </ButtonGroupItem>\n </Pagination.Ellipsis>\n ),\n )}\n\n <Pagination.NextTrigger asChild>\n <ButtonGroupItem iconTrailing={ArrowRight}>{isDesktop ? \"Next\" : undefined}</ButtonGroupItem>\n </Pagination.NextTrigger>\n </ButtonGroup>\n )}\n </Pagination.Context>\n </Pagination.Root>\n </div>\n );\n};\n","\"use client\";\n\nimport { useSyncExternalStore } from \"react\";\n\nconst screens = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n \"2xl\": \"1536px\",\n};\n\n/**\n * Checks whether a particular Tailwind CSS viewport size applies.\n *\n * @param size The size to check, which must either be included in Tailwind CSS's\n * list of default screen sizes, or added to the Tailwind CSS config file.\n *\n * @returns A boolean indicating whether the viewport size applies.\n */\nexport const useBreakpoint = (size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\") => {\n return useSyncExternalStore(\n (onStoreChange) => {\n if (typeof window === \"undefined\") {\n return () => {};\n }\n const breakpoint = window.matchMedia(`(min-width: ${screens[size]})`);\n breakpoint.addEventListener(\"change\", onStoreChange);\n return () => breakpoint.removeEventListener(\"change\", onStoreChange);\n },\n () => {\n if (typeof window === \"undefined\") {\n return true;\n }\n return window.matchMedia(`(min-width: ${screens[size]})`).matches;\n },\n () => true\n );\n};\n\n","\"use client\";\n\nimport type { CSSProperties, FC, HTMLAttributes, ReactNode } from \"react\";\nimport React, { cloneElement, createContext, isValidElement, useContext, useMemo } from \"react\";\n\ntype PaginationPage = {\n /** The type of the pagination item. */\n type: \"page\";\n /** The value of the pagination item. */\n value: number;\n /** Whether the pagination item is the current page. */\n isCurrent: boolean;\n};\n\ntype PaginationEllipsisType = {\n type: \"ellipsis\";\n key: number;\n};\n\ntype PaginationItemType = PaginationPage | PaginationEllipsisType;\n\ninterface PaginationContextType {\n /** The pages of the pagination. */\n pages: PaginationItemType[];\n /** The current page of the pagination. */\n currentPage: number;\n /** The total number of pages. */\n total: number;\n /** The function to call when the page changes. */\n onPageChange: (page: number) => void;\n}\n\nconst PaginationContext = createContext<PaginationContextType | undefined>(undefined);\n\nexport interface PaginationRootProps {\n /** Number of sibling pages to show on each side of the current page */\n siblingCount?: number;\n /** Current active page number */\n page: number;\n /** Total number of pages */\n total: number;\n children: ReactNode;\n /** The style of the pagination root. */\n style?: CSSProperties;\n /** The class name of the pagination root. */\n className?: string;\n /** Callback function that's called when the page changes with the new page number. */\n onPageChange?: (page: number) => void;\n}\n\nconst PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className }: PaginationRootProps) => {\n const pages = useMemo((): PaginationItemType[] => {\n const items: PaginationItemType[] = [];\n // Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show\n const totalPageNumbers = siblingCount * 2 + 5;\n\n // If the total number of items to show is greater than or equal to the total pages,\n // we can simply list all pages without needing to collapse with ellipsis\n if (totalPageNumbers >= total) {\n for (let i = 1; i <= total; i++) {\n items.push({\n type: \"page\",\n value: i,\n isCurrent: i === page,\n });\n }\n } else {\n // Calculate left and right sibling boundaries around the current page\n const leftSiblingIndex = Math.max(page - siblingCount, 1);\n const rightSiblingIndex = Math.min(page + siblingCount, total);\n\n // Determine if we need to show ellipsis on either side\n const showLeftEllipsis = leftSiblingIndex > 2;\n const showRightEllipsis = rightSiblingIndex < total - 1;\n\n // Case 1: No left ellipsis, but right ellipsis is needed\n if (!showLeftEllipsis && showRightEllipsis) {\n // Calculate how many page numbers to show starting from the beginning\n const leftItemCount = siblingCount * 2 + 3;\n const leftRange = range(1, leftItemCount);\n\n leftRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n\n // Insert ellipsis after the left range and add the last page\n items.push({ type: \"ellipsis\", key: leftItemCount + 1 });\n items.push({\n type: \"page\",\n value: total,\n isCurrent: total === page,\n });\n }\n // Case 2: Left ellipsis needed, but right ellipsis is not needed\n else if (showLeftEllipsis && !showRightEllipsis) {\n // Determine how many items from the end should be shown\n const rightItemCount = siblingCount * 2 + 3;\n const rightRange = range(total - rightItemCount + 1, total);\n\n // Always show the first page, then add an ellipsis to indicate skipped pages\n items.push({\n type: \"page\",\n value: 1,\n isCurrent: page === 1,\n });\n items.push({ type: \"ellipsis\", key: total - rightItemCount });\n rightRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n }\n // Case 3: Both left and right ellipsis are needed\n else if (showLeftEllipsis && showRightEllipsis) {\n // Always show the first page\n items.push({\n type: \"page\",\n value: 1,\n isCurrent: page === 1,\n });\n // Insert left ellipsis after the first page\n items.push({ type: \"ellipsis\", key: leftSiblingIndex - 1 });\n\n // Show a range of pages around the current page\n const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n middleRange.forEach((pageNum) =>\n items.push({\n type: \"page\",\n value: pageNum,\n isCurrent: pageNum === page,\n }),\n );\n\n // Insert right ellipsis and finally the last page\n items.push({ type: \"ellipsis\", key: rightSiblingIndex + 1 });\n items.push({\n type: \"page\",\n value: total,\n isCurrent: total === page,\n });\n }\n }\n\n return items;\n }, [total, siblingCount, page]);\n\n const onPageChangeHandler = (newPage: number) => {\n onPageChange?.(newPage);\n };\n\n const paginationContextValue: PaginationContextType = {\n pages,\n currentPage: page,\n total,\n onPageChange: onPageChangeHandler,\n };\n\n return (\n <PaginationContext.Provider value={paginationContextValue}>\n <nav aria-label=\"Pagination Navigation\" style={style} className={className}>\n {children}\n </nav>\n </PaginationContext.Provider>\n );\n};\n\n/**\n * Creates an array of numbers from start to end.\n * @param start - The start number.\n * @param end - The end number.\n * @returns An array of numbers from start to end.\n */\nconst range = (start: number, end: number): number[] => {\n const length = end - start + 1;\n\n return Array.from({ length }, (_, index) => index + start);\n};\n\ninterface TriggerRenderProps {\n isDisabled: boolean;\n onClick: () => void;\n}\n\ninterface TriggerProps {\n /** The children of the trigger. Can be a render prop or a valid element. */\n children: ReactNode | ((props: TriggerRenderProps) => ReactNode);\n /** The style of the trigger. */\n style?: CSSProperties;\n /** The class name of the trigger. */\n className?: string | ((args: { isDisabled: boolean }) => string);\n /** If true, the child element will be cloned and passed down the prop of the trigger. */\n asChild?: boolean;\n /** The direction of the trigger. */\n direction: \"prev\" | \"next\";\n /** The aria label of the trigger. */\n ariaLabel?: string;\n}\n\nconst Trigger: FC<TriggerProps> = ({ children, style, className, asChild = false, direction, ariaLabel }) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a Pagination.Root\");\n }\n\n const { currentPage, total, onPageChange } = context;\n\n const isDisabled = direction === \"prev\" ? currentPage <= 1 : currentPage >= total;\n\n const handleClick = () => {\n if (isDisabled) return;\n\n const newPage = direction === \"prev\" ? currentPage - 1 : currentPage + 1;\n onPageChange?.(newPage);\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isDisabled }) : className;\n\n const defaultAriaLabel = direction === \"prev\" ? \"Previous Page\" : \"Next Page\";\n\n // If the children is a render prop, we need to pass the isDisabled and onClick to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isDisabled, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the isDisabled and onClick to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n disabled: isDisabled,\n isDisabled,\n \"aria-label\": ariaLabel || defaultAriaLabel,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={ariaLabel || defaultAriaLabel} onClick={handleClick} disabled={isDisabled} style={style} className={computedClassName}>\n {children}\n </button>\n );\n};\n\nconst PaginationPrevTrigger: FC<Omit<TriggerProps, \"direction\">> = (props) => <Trigger {...props} direction=\"prev\" />;\n\nconst PaginationNextTrigger: FC<Omit<TriggerProps, \"direction\">> = (props) => <Trigger {...props} direction=\"next\" />;\n\ninterface PaginationItemRenderProps {\n isSelected: boolean;\n onClick: () => void;\n value: number;\n \"aria-current\"?: \"page\";\n \"aria-label\"?: string;\n}\n\nexport interface PaginationItemProps {\n /** The value of the pagination item. */\n value: number;\n /** Whether the pagination item is the current page. */\n isCurrent: boolean;\n /** The children of the pagination item. Can be a render prop or a valid element. */\n children?: ReactNode | ((props: PaginationItemRenderProps) => ReactNode);\n /** The style object of the pagination item. */\n style?: CSSProperties;\n /** The class name of the pagination item. */\n className?: string | ((args: { isSelected: boolean }) => string);\n /** The aria label of the pagination item. */\n ariaLabel?: string;\n /** If true, the child element will be cloned and passed down the prop of the item. */\n asChild?: boolean;\n}\n\nconst PaginationItem = ({ value, isCurrent, children, style, className, ariaLabel, asChild = false }: PaginationItemProps) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a <Pagination.Root />\");\n }\n\n const { onPageChange } = context;\n\n const isSelected = isCurrent;\n\n const handleClick = () => {\n onPageChange?.(value);\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isSelected }) : className;\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return (\n <>\n {children({\n isSelected,\n onClick: handleClick,\n value,\n \"aria-current\": isCurrent ? \"page\" : undefined,\n \"aria-label\": ariaLabel || `Page ${value}`,\n })}\n </>\n );\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n \"aria-current\": isCurrent ? \"page\" : undefined,\n \"aria-label\": ariaLabel || `Page ${value}`,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button\n onClick={handleClick}\n style={style}\n className={computedClassName}\n aria-current={isCurrent ? \"page\" : undefined}\n aria-label={ariaLabel || `Page ${value}`}\n role=\"listitem\"\n >\n {children}\n </button>\n );\n};\ninterface PaginationEllipsisProps {\n key: number;\n children?: ReactNode;\n style?: CSSProperties;\n className?: string | (() => string);\n}\n\nconst PaginationEllipsis: FC<PaginationEllipsisProps> = ({ children, style, className }) => {\n const computedClassName = typeof className === \"function\" ? className() : className;\n\n return (\n <span style={style} className={computedClassName} aria-hidden=\"true\">\n {children}\n </span>\n );\n};\n\ninterface PaginationContextComponentProps {\n children: (pagination: PaginationContextType) => ReactNode;\n}\n\nconst PaginationContextComponent: FC<PaginationContextComponentProps> = ({ children }) => {\n const context = useContext(PaginationContext);\n if (!context) {\n throw new Error(\"Pagination components must be used within a Pagination.Root\");\n }\n\n return <>{children(context)}</>;\n};\n\nexport const Pagination = {\n Root: PaginationRoot,\n PrevTrigger: PaginationPrevTrigger,\n NextTrigger: PaginationNextTrigger,\n Item: PaginationItem,\n Ellipsis: PaginationEllipsis,\n Context: PaginationContextComponent,\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\n\ninterface GoogleMapProps {\n address: string;\n locationName?: string;\n className?: string;\n}\n\n// Google Maps API types\ninterface GoogleMaps {\n maps: {\n Geocoder: new () => GoogleGeocoder;\n Map: new (element: HTMLElement, options: GoogleMapOptions) => GoogleMapInstance;\n GeocoderStatus: {\n OK: string;\n [key: string]: string;\n };\n importLibrary: (library: string) => Promise<{ AdvancedMarkerElement: new (options: GoogleMarkerOptions) => GoogleMarker }>;\n };\n}\n\ninterface GoogleGeocoder {\n geocode: (request: { address: string }, callback: (results: GoogleGeocodeResult[] | null, status: string) => void) => void;\n}\n\ninterface GoogleGeocodeResult {\n geometry: {\n location: GoogleLatLng;\n };\n}\n\ninterface GoogleLatLng {\n lat: () => number;\n lng: () => number;\n}\n\ninterface GoogleMapOptions {\n zoom: number;\n center: GoogleLatLng;\n mapId: string;\n mapTypeControl: boolean;\n streetViewControl: boolean;\n fullscreenControl: boolean;\n zoomControl: boolean;\n}\n\ninterface GoogleMapInstance {\n markers?: GoogleMarker[];\n}\n\ninterface GoogleMarkerOptions {\n map: GoogleMapInstance;\n position: GoogleLatLng;\n title: string;\n}\n\ninterface GoogleMarker {\n map: GoogleMapInstance | null;\n}\n\ndeclare global {\n interface Window {\n google?: GoogleMaps;\n [key: string]: unknown; // Allow dynamic callback properties\n }\n}\n\nconst GOOGLE_MAPS_API_KEY = 'AIzaSyAb4-zSsPFx-QGi4cAiCGaRrzsAJC6e348';\n\nexport default function GoogleMap({ address, locationName, className = '' }: GoogleMapProps) {\n const mapRef = useRef<HTMLDivElement>(null);\n const [mapError, setMapError] = useState<string | null>(null);\n const [isLoaded, setIsLoaded] = useState(false);\n const geocoderRef = useRef<GoogleGeocoder | null>(null);\n const mapInstanceRef = useRef<GoogleMapInstance | null>(null);\n const isInitializingRef = useRef(false);\n const callbackNameRef = useRef<string | null>(null);\n\n // Initialize map once Google Maps API is loaded\n // Use ref to store callback to avoid \"accessed before declaration\" error\n const initMapRef = useRef<(() => Promise<void>) | null>(null);\n \n const initMap = useCallback(async () => {\n // Prevent multiple simultaneous initializations\n if (isInitializingRef.current) return;\n \n // Ensure DOM element exists and Google Maps is fully loaded\n if (!mapRef.current || !window.google || !window.google.maps) {\n return;\n }\n\n // Check if Geocoder is available (required for async loading)\n if (!window.google.maps.Geocoder) {\n console.warn('Google Maps Geocoder not yet available, retrying...');\n setTimeout(() => {\n if (mapRef.current && window.google?.maps?.Geocoder && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n return;\n }\n\n // Double-check the element is still in the DOM\n if (!document.body.contains(mapRef.current)) {\n return;\n }\n\n isInitializingRef.current = true;\n\n try {\n // Clear any existing map instance\n if (mapInstanceRef.current) {\n // Clear markers and listeners\n const markers = mapInstanceRef.current.markers || [];\n markers.forEach((marker) => {\n if (marker.map) marker.map = null;\n });\n mapInstanceRef.current = null;\n }\n\n // Import marker library for AdvancedMarkerElement\n const markerLibrary = await window.google.maps.importLibrary(\"marker\");\n const AdvancedMarkerElement = markerLibrary.AdvancedMarkerElement;\n\n // Create geocoder - now we know it's available\n geocoderRef.current = new window.google.maps.Geocoder();\n \n // Geocode the address\n geocoderRef.current.geocode({ address }, (results: GoogleGeocodeResult[] | null, status: string) => {\n // Check if component is still mounted and ref is still valid\n if (!mapRef.current || !document.body.contains(mapRef.current)) {\n isInitializingRef.current = false;\n return;\n }\n\n if (status === 'OK' && results && results[0]) {\n const location = results[0].geometry.location;\n \n // Create map centered on the geocoded location\n // Advanced markers require a mapId\n // Note: When using mapId, styles are controlled via Google Cloud Console, not in code\n if (!window.google) return;\n const map = new window.google.maps.Map(mapRef.current, {\n zoom: 15,\n center: location,\n mapId: 'DEMO_MAP_ID', // Can be replaced with a custom Map ID from Google Cloud Console\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: true,\n zoomControl: true,\n // Styles cannot be set when mapId is present - configure in Google Cloud Console instead\n });\n\n // Create AdvancedMarkerElement (modern, non-deprecated approach)\n const marker = new AdvancedMarkerElement({\n map: map,\n position: location,\n title: locationName || address,\n });\n\n // Store markers for cleanup\n map.markers = [marker];\n mapInstanceRef.current = map;\n setIsLoaded(true);\n setMapError(null);\n } else {\n // If geocoding fails, show error\n setMapError('Unable to find the address. Please check the address and try again.');\n setIsLoaded(false);\n }\n \n isInitializingRef.current = false;\n });\n } catch (error) {\n console.error('Error initializing map:', error);\n setMapError('Error loading map. Please try again later.');\n isInitializingRef.current = false;\n }\n }, [address, locationName]);\n\n // Store callback in ref (use effect to avoid accessing refs during render)\n useEffect(() => {\n initMapRef.current = initMap;\n }, [initMap]);\n\n // Load Google Maps script with proper callback\n useEffect(() => {\n let mounted = true;\n let checkInterval: NodeJS.Timeout | null = null;\n\n // Generate unique callback name for this component instance\n const callbackName = `initGoogleMap_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n callbackNameRef.current = callbackName;\n\n // Create callback function that will be called when API loads\n (window as Window & { [key: string]: () => void })[callbackName] = () => {\n if (mounted && mapRef.current && initMapRef.current) {\n // Small delay to ensure everything is ready\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n }\n };\n\n // Check if script is already loaded\n if (window.google && window.google.maps && window.google.maps.Geocoder) {\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n return () => {\n mounted = false;\n delete (window as Window & { [key: string]: unknown })[callbackName];\n };\n }\n\n // Check if script tag already exists (shared script)\n const existingScript = document.querySelector(`script[src*=\"maps.googleapis.com\"]`) as HTMLScriptElement;\n if (existingScript) {\n // Script is loading or loaded, wait for it\n checkInterval = setInterval(() => {\n if (window.google && window.google.maps && window.google.maps.Geocoder && mounted) {\n clearInterval(checkInterval!);\n setTimeout(() => {\n if (mounted && mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n }\n }, 100);\n \n return () => {\n mounted = false;\n if (checkInterval) {\n clearInterval(checkInterval);\n }\n delete (window as Window & { [key: string]: unknown })[callbackName];\n };\n }\n\n // Create and load script with callback\n // Include 'marker' library for AdvancedMarkerElement\n const script = document.createElement('script');\n script.src = `https://maps.googleapis.com/maps/api/js?key=${GOOGLE_MAPS_API_KEY}&libraries=places,marker&loading=async&callback=${callbackName}`;\n script.async = true;\n script.defer = true;\n \n script.onerror = () => {\n if (mounted) {\n setMapError('Failed to load Google Maps. Please check your internet connection.');\n delete (window as Window & { [key: string]: unknown })[callbackName];\n }\n };\n \n document.head.appendChild(script);\n \n return () => {\n mounted = false;\n if (checkInterval) {\n clearInterval(checkInterval);\n }\n // Clean up callback\n if (callbackNameRef.current) {\n delete (window as Window & { [key: string]: unknown })[callbackNameRef.current];\n callbackNameRef.current = null;\n }\n // Never remove the script - it's shared and removing it causes React errors\n };\n }, []); // Only run once on mount\n\n // Re-initialize map if address changes (but only after API is loaded)\n useEffect(() => {\n if (window.google && window.google.maps && window.google.maps.Geocoder && mapRef.current && !isInitializingRef.current && initMapRef.current) {\n // Small delay to ensure DOM is stable\n const timeoutId = setTimeout(() => {\n if (mapRef.current && initMapRef.current) {\n void initMapRef.current();\n }\n }, 100);\n \n return () => clearTimeout(timeoutId);\n }\n }, [address, locationName]);\n\n // Cleanup map instance on unmount\n useEffect(() => {\n return () => {\n if (mapInstanceRef.current) {\n // Clear markers\n const markers = mapInstanceRef.current.markers || [];\n markers.forEach((marker) => {\n if (marker.map) marker.map = null;\n });\n mapInstanceRef.current = null;\n }\n isInitializingRef.current = false;\n };\n }, []);\n\n return (\n <div className={`h-full w-full rounded-lg ${className}`} style={{ minHeight: '240px', position: 'relative' }}>\n {/* Map container - always present, Google Maps will render into it */}\n <div \n ref={mapRef} \n className=\"h-full w-full rounded-lg\"\n style={{ minHeight: '240px' }}\n />\n \n {/* Loading overlay - positioned absolutely to not interfere with map DOM */}\n {!isLoaded && !mapError && (\n <div \n className=\"absolute inset-0 bg-secondary_alt rounded-lg flex items-center justify-center z-10\"\n style={{ pointerEvents: 'none' }}\n >\n <p className=\"text-tertiary\">Loading map...</p>\n </div>\n )}\n \n {/* Error overlay - positioned absolutely to not interfere with map DOM */}\n {mapError && (\n <div \n className=\"absolute inset-0 bg-secondary_alt rounded-lg flex items-center justify-center z-10\"\n style={{ pointerEvents: 'auto' }}\n >\n <div className=\"text-center p-4\">\n <p className=\"text-tertiary mb-2\">{mapError}</p>\n <a \n href={`https://maps.google.com/?q=${encodeURIComponent(address)}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-sm text-brand-secondary hover:underline\"\n >\n Open in Google Maps\n </a>\n </div>\n </div>\n )}\n </div>\n );\n}\n","'use client';\n\nimport Image from 'next/image';\nimport ReactMarkdown from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\ninterface MarkdownRendererProps {\n content: string;\n className?: string;\n}\n\n/**\n * Generate a URL-friendly ID from a heading text\n */\nfunction slugify(text: string): string {\n return text\n .toLowerCase()\n .trim()\n .replace(/[^\\w\\s-]/g, '') // Remove special characters\n .replace(/[\\s_-]+/g, '-') // Replace spaces and underscores with hyphens\n .replace(/^-+|-+$/g, ''); // Remove leading/trailing hyphens\n}\n\n/**\n * Extract text content from React children (handles nested structures)\n */\nfunction extractTextFromChildren(children: React.ReactNode): string {\n if (typeof children === 'string') {\n return children;\n }\n if (Array.isArray(children)) {\n return children.map((child) => extractTextFromChildren(child)).join('');\n }\n if (children && typeof children === 'object' && 'props' in children && children.props && typeof children.props === 'object' && 'children' in children.props) {\n return extractTextFromChildren(children.props.children as React.ReactNode);\n }\n return '';\n}\n\nexport default function MarkdownRenderer({ content, className = '' }: MarkdownRendererProps) {\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n components={{\n // Headings with IDs for table of contents\n h1: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h1 id={id} className=\"text-3xl md:text-4xl font-bold text-gray-900 mb-6\" {...props}>{children}</h1>;\n },\n h2: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h2 id={id} className=\"text-2xl font-semibold text-gray-900 mb-4\" {...props}>{children}</h2>;\n },\n h3: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h3 id={id} className=\"text-xl font-semibold text-gray-900 mb-3\" {...props}>{children}</h3>;\n },\n h4: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h4 id={id} className=\"text-lg font-semibold text-gray-900 mb-2\" {...props}>{children}</h4>;\n },\n h5: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h5 id={id} className=\"text-base font-semibold text-gray-900 mb-2\" {...props}>{children}</h5>;\n },\n h6: ({ children, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => {\n const text = extractTextFromChildren(children);\n const id = slugify(text);\n return <h6 id={id} className=\"text-sm font-semibold text-gray-900 mb-2\" {...props}>{children}</h6>;\n },\n \n // Paragraphs and text\n p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n <p className=\"text-gray-700 leading-relaxed mb-4 last:mb-0\" {...props} />\n ),\n strong: (props: React.HTMLAttributes<HTMLElement>) => (\n <strong className=\"font-semibold text-gray-900\" {...props} />\n ),\n em: (props: React.HTMLAttributes<HTMLElement>) => (\n <em className=\"italic text-gray-700\" {...props} />\n ),\n\n \n // Lists\n ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n <ul className=\"list-disc list-inside space-y-1 mb-4 last:mb-0\" {...props} />\n ),\n ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n <ol className=\"list-decimal list-inside space-y-1 mb-4 last:mb-0\" {...props} />\n ),\n li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n <li className=\"text-gray-700 leading-relaxed\" {...props} />\n ),\n \n // Blockquotes\n blockquote: (props: React.HTMLAttributes<HTMLQuoteElement>) => (\n <blockquote className=\"border-l-4 border-blue-500 pl-4 italic text-gray-600 bg-blue-50 py-2 mb-4\" {...props} />\n ),\n \n // Links\n a: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (\n <a className=\"text-blue-600 hover:text-blue-800 hover:underline\" {...props} />\n ),\n \n // Images\n img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => {\n const { src, alt, width, height, ...restProps } = props;\n if (!src || typeof src !== 'string') return null;\n return (\n <Image \n src={src} \n alt={alt || \"\"} \n width={typeof width === 'number' ? width : 800} \n height={typeof height === 'number' ? height : 600} \n className=\"max-w-full h-auto rounded-lg shadow-md my-4\" \n {...restProps} \n />\n );\n },\n \n // Horizontal rules\n hr: () => <hr className=\"my-6 border-gray-200\" />,\n \n // Tables\n table: (props: React.HTMLAttributes<HTMLTableElement>) => (\n <div className=\"overflow-x-auto my-4\">\n <table className=\"min-w-full bg-white border border-gray-200 rounded-lg\" {...props} />\n </div>\n ),\n thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n <thead className=\"bg-gray-50\" {...props} />\n ),\n tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n <tbody {...props} />\n ),\n tr: (props: React.HTMLAttributes<HTMLTableRowElement>) => (\n <tr className=\"border-b border-gray-200\" {...props} />\n ),\n th: (props: React.HTMLAttributes<HTMLTableCellElement>) => (\n <th className=\"px-4 py-3 text-left text-sm font-semibold text-gray-900\" {...props} />\n ),\n td: (props: React.HTMLAttributes<HTMLTableCellElement>) => (\n <td className=\"px-4 py-3 text-sm text-gray-700\" {...props} />\n ),\n \n // Code blocks\n pre: (props: React.HTMLAttributes<HTMLPreElement>) => (\n <pre className=\"bg-gray-100 p-4 rounded-lg overflow-x-auto my-4\" {...props} />\n ),\n \n // Code\n code: (props: React.HTMLAttributes<HTMLElement>) => (\n <code className=\"bg-gray-100 px-1.5 py-0.5 rounded text-sm font-mono text-gray-800\" {...props} />\n ),\n }}\n >\n {content}\n </ReactMarkdown>\n </div>\n );\n}\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Aman theme: Minimal dark charcoal buttons with white text\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-sm px-5 py-2.5 text-sm font-medium uppercase tracking-wide\",\n },\n md: {\n root: \"gap-2 rounded-sm px-6 py-3 text-base font-medium uppercase tracking-wide\",\n },\n lg: {\n root: \"gap-2 rounded-sm px-8 py-3.5 text-lg font-medium uppercase tracking-wide\",\n },\n xl: {\n root: \"gap-2.5 rounded-sm px-10 py-4 text-xl font-medium uppercase tracking-wide\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-white text-fg-primary border-2 hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n // Dynamic border color for secondary buttons using brand secondary color\n const secondaryStyle = color === 'secondary' ? {\n borderColor: 'var(--color-text-brand-secondary)'\n } : undefined;\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n style={secondaryStyle}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'aman', Button);\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Barelux theme: Rounded full buttons with elegant styling\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-full px-6 py-2.5 text-sm font-medium uppercase tracking-wide\",\n },\n md: {\n root: \"gap-2 rounded-full px-8 py-3 text-base font-medium uppercase tracking-wide\",\n },\n lg: {\n root: \"gap-2 rounded-full px-10 py-3.5 text-lg font-medium uppercase tracking-wide\",\n },\n xl: {\n root: \"gap-2.5 rounded-full px-12 py-4 text-xl font-medium uppercase tracking-wide\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-secondary text-fg-primary hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'barelux', Button);\n","\"use client\";\n\nimport type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from \"react\";\nimport React, { isValidElement } from \"react\";\nimport type { ButtonProps as AriaButtonProps } from \"react-aria-components\";\nimport { Button as AriaButton, Link as AriaLink } from \"react-aria-components\";\nimport { cx, sortCx } from '../../../utils/cx';\nimport { isReactComponent } from '../../../utils/is-react-component';\n\n// Balance theme: Rounded full buttons with elegant styling\nexport const styles = sortCx({\n common: {\n root: [\n \"group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-none transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all\",\n ].join(\" \"),\n icon: \"pointer-events-none size-5 shrink-0 transition-inherit-all\",\n },\n sizes: {\n sm: {\n root: \"gap-2 rounded-full px-6 py-2.5 text-sm font-medium\",\n },\n md: {\n root: \"gap-2 rounded-full px-8 py-3 text-base font-medium\",\n },\n lg: {\n root: \"gap-2 rounded-full px-10 py-3.5 text-lg font-medium\",\n },\n xl: {\n root: \"gap-2.5 rounded-full px-12 py-4 text-xl font-medium\",\n },\n },\n\n colors: {\n primary: {\n root: \"bg-brand-solid text-white hover:bg-brand-solid_hover transition-colors\",\n },\n secondary: {\n root: \"bg-secondary text-fg-primary hover:opacity-90 transition-all\",\n },\n tertiary: {\n root: \"text-fg-primary hover:underline\",\n },\n \"link-gray\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n \"link-color\": {\n root: [\n \"p-0! text-fg-primary\",\n \"*:data-text:underline *:data-text:underline-offset-4 hover:*:data-text:no-underline\",\n ].join(\" \"),\n },\n },\n});\n\nexport interface CommonProps {\n isDisabled?: boolean;\n isLoading?: boolean;\n size?: keyof typeof styles.sizes;\n color?: keyof typeof styles.colors;\n iconLeading?: FC<{ className?: string }> | ReactNode;\n iconTrailing?: FC<{ className?: string }> | ReactNode;\n noTextPadding?: boolean;\n showTextWhileLoading?: boolean;\n}\n\nexport interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"color\" | \"slot\">, HTMLButtonElement> {\n slot?: AriaButtonProps[\"slot\"];\n}\n\ninterface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">, HTMLAnchorElement> {}\n\nexport type Props = ButtonProps | LinkProps;\n\nexport const Button = ({\n size = \"sm\",\n color = \"primary\",\n children,\n className,\n noTextPadding,\n iconLeading: IconLeading,\n iconTrailing: IconTrailing,\n isDisabled: disabled,\n isLoading: loading,\n showTextWhileLoading,\n ...otherProps\n}: Props) => {\n const href = \"href\" in otherProps ? otherProps.href : undefined;\n const Component = href ? AriaLink : AriaButton;\n\n const isIcon = (IconLeading || IconTrailing) && !children;\n const isLinkType = [\"link-gray\", \"link-color\"].includes(color);\n\n noTextPadding = isLinkType || noTextPadding;\n\n let props = {};\n\n if (href) {\n props = {\n ...otherProps,\n href: disabled ? undefined : href,\n ...(disabled ? { \"data-rac\": true, \"data-disabled\": true } : {}),\n };\n } else {\n props = {\n ...otherProps,\n type: otherProps.type || \"button\",\n isPending: loading,\n isDisabled: disabled,\n };\n }\n\n return (\n <Component\n data-loading={loading ? true : undefined}\n data-icon-only={isIcon ? true : undefined}\n {...props}\n className={cx(\n styles.common.root,\n styles.sizes[size].root,\n styles.colors[color].root,\n (loading || (href && (disabled || loading))) && \"pointer-events-none\",\n loading && (showTextWhileLoading ? \"[&>*:not([data-icon=loading]):not([data-text])]:hidden\" : \"[&>*:not([data-icon=loading])]:invisible\"),\n className,\n )}\n >\n {/* Leading icon */}\n {isValidElement(IconLeading) && IconLeading}\n {isReactComponent(IconLeading) && React.createElement(IconLeading, { 'data-icon': 'leading', className: styles.common.icon } as Record<string, unknown>)}\n\n {loading && (\n <svg\n fill=\"none\"\n data-icon=\"loading\"\n viewBox=\"0 0 20 20\"\n className={cx(styles.common.icon, !showTextWhileLoading && \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n >\n {/* Background circle */}\n <circle className=\"stroke-current opacity-30\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" strokeWidth=\"2\" />\n {/* Spinning circle */}\n <circle\n className=\"origin-center animate-spin stroke-current\"\n cx=\"10\"\n cy=\"10\"\n r=\"8\"\n fill=\"none\"\n strokeWidth=\"2\"\n strokeDasharray=\"12.5 50\"\n strokeLinecap=\"round\"\n />\n </svg>\n )}\n\n {children && (\n <span data-text className={cx(\"transition-inherit-all\", !noTextPadding && \"px-0.5\")}>\n {children}\n </span>\n )}\n\n {/* Trailing icon */}\n {isValidElement(IconTrailing) && IconTrailing}\n {isReactComponent(IconTrailing) && React.createElement(IconTrailing, { 'data-icon': 'trailing', className: styles.common.icon } as Record<string, unknown>)}\n </Component>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('button', 'balance', Button);\n","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type Ref, createContext, useContext } from \"react\";\nimport { HelpCircle, InfoCircle } from \"@untitledui/icons\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from './hint-text';\nimport { Label } from './label';\nimport { Tooltip, TooltipTrigger } from '../tooltip/tooltip';\nimport { cx, sortCx } from '../../../utils/cx';\n\nexport interface InputBaseProps extends AriaTextFieldProps {\n tooltip?: string;\n size?: \"sm\" | \"md\";\n placeholder?: string;\n iconClassName?: string;\n inputClassName?: string;\n wrapperClassName?: string;\n tooltipClassName?: string;\n shortcut?: string | boolean;\n ref?: Ref<HTMLInputElement>;\n groupRef?: Ref<HTMLDivElement>;\n icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;\n label?: string;\n hint?: string;\n}\n\nconst TextFieldContext = createContext<Partial<InputBaseProps>>({});\n\nexport const InputBase = ({\n ref,\n tooltip,\n shortcut,\n groupRef,\n size = \"sm\",\n isInvalid,\n isDisabled,\n icon: Icon,\n placeholder,\n wrapperClassName,\n tooltipClassName,\n inputClassName,\n iconClassName,\n ...inputProps\n}: Omit<InputBaseProps, \"label\" | \"hint\" | \"isRequired\">) => {\n const hasTrailingIcon = tooltip || isInvalid;\n const hasLeadingIcon = Icon;\n const context = useContext(TextFieldContext);\n const inputSize = context?.size || size;\n\n const sizes = sortCx({\n sm: {\n root: cx(\"px-3 py-2.5\", hasTrailingIcon && \"pr-9\", hasLeadingIcon && \"pl-10\"),\n iconLeading: \"left-3\",\n iconTrailing: \"right-3\",\n shortcut: \"pr-2.5\",\n },\n md: {\n root: cx(\"px-3.5 py-3\", hasTrailingIcon && \"pr-9.5\", hasLeadingIcon && \"pl-10.5\"),\n iconLeading: \"left-3.5\",\n iconTrailing: \"right-3.5\",\n shortcut: \"pr-3\",\n },\n });\n\n return (\n <AriaGroup\n {...{ isDisabled, isInvalid }}\n ref={groupRef}\n className={({ isFocusWithin, isDisabled, isInvalid }) =>\n cx(\n \"relative flex w-full flex-row place-content-center place-items-center rounded-sm bg-white ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset\",\n isFocusWithin && !isDisabled && \"ring-2 ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary ring-secondary\",\n isInvalid && \"ring-error_subtle\",\n isInvalid && isFocusWithin && \"ring-2 ring-error\",\n context?.wrapperClassName,\n wrapperClassName,\n )\n }\n >\n {Icon && (\n <Icon\n className={cx(\n \"pointer-events-none absolute size-5 text-secondary\",\n isDisabled && \"text-border-secondary\",\n sizes[inputSize].iconLeading,\n context?.iconClassName,\n iconClassName,\n )}\n />\n )}\n\n <AriaInput\n {...(inputProps as AriaInputProps)}\n ref={ref}\n placeholder={placeholder}\n className={cx(\n \"m-0 w-full bg-transparent text-base font-body text-fg-primary ring-0 outline-hidden placeholder:text-secondary autofill:rounded-sm autofill:text-fg-primary\",\n isDisabled && \"cursor-not-allowed text-secondary\",\n sizes[inputSize].root,\n context?.inputClassName,\n inputClassName,\n )}\n />\n\n {tooltip && !isInvalid && (\n <Tooltip title={tooltip} placement=\"top\">\n <TooltipTrigger\n className={cx(\n \"absolute cursor-pointer text-secondary transition duration-200 hover:text-fg-primary focus:text-fg-primary\",\n sizes[inputSize].iconTrailing,\n context?.tooltipClassName,\n tooltipClassName,\n )}\n >\n <HelpCircle className=\"size-4\" />\n </TooltipTrigger>\n </Tooltip>\n )}\n\n {isInvalid && (\n <InfoCircle\n className={cx(\n \"pointer-events-none absolute size-4 text-error\",\n sizes[inputSize].iconTrailing,\n )}\n />\n )}\n\n {shortcut && (\n <kbd\n className={cx(\n \"pointer-events-none absolute flex h-5 items-center justify-center rounded bg-utility-gray-50 px-1.5 text-xs font-medium text-tertiary shadow-xs ring-1 ring-inset ring-utility-gray-200\",\n sizes[inputSize].shortcut,\n )}\n >\n {shortcut === true ? \"⌘K\" : shortcut}\n </kbd>\n )}\n </AriaGroup>\n );\n};\n\nexport const Input = ({\n label,\n hint,\n size,\n isInvalid,\n isDisabled,\n isRequired,\n ...props\n}: InputBaseProps) => {\n const textFieldContext = { size, wrapperClassName: props.wrapperClassName, inputClassName: props.inputClassName, iconClassName: props.iconClassName, tooltipClassName: props.tooltipClassName };\n\n return (\n <TextFieldContext.Provider value={textFieldContext}>\n <AriaTextField\n {...({ isInvalid, isDisabled, isRequired } as AriaTextFieldProps)}\n className=\"flex flex-col gap-1.5\"\n >\n {label && <Label>{label}</Label>}\n <InputBase {...props} size={size} isInvalid={isInvalid} isDisabled={isDisabled} />\n {hint && <HintText>{hint}</HintText>}\n </AriaTextField>\n </TextFieldContext.Provider>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('input', 'aman', Input);\n","\"use client\";\n\nimport type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { TextArea as AriaTextArea, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\nexport interface TextareaProps extends AriaTextFieldProps {\n label?: string;\n hint?: string;\n placeholder?: string;\n rows?: number;\n className?: string;\n}\n\nexport const TextArea = ({\n label,\n hint,\n placeholder,\n rows = 4,\n isInvalid,\n isDisabled,\n isRequired,\n className,\n ...props\n}: TextareaProps) => {\n return (\n <AriaTextField\n {...({ isInvalid, isDisabled, isRequired } as AriaTextFieldProps)}\n className=\"flex flex-col gap-1.5\"\n >\n {label && <Label>{label}</Label>}\n <AriaTextArea\n {...(props as AriaTextAreaProps)}\n rows={rows}\n placeholder={placeholder}\n className={cx(\n \"w-full rounded-sm bg-white px-3 py-2.5 text-base font-body text-fg-primary ring-1 ring-secondary ring-inset placeholder:text-secondary outline-none transition-shadow duration-100 ease-linear\",\n \"focus:ring-2 focus:ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary text-secondary ring-secondary\",\n isInvalid && \"ring-error_subtle focus:ring-2 focus:ring-error\",\n className,\n )}\n />\n {hint && <HintText>{hint}</HintText>}\n </AriaTextField>\n );\n};\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('textarea', 'aman', TextArea);\n","\"use client\";\n\nimport React from \"react\";\nimport { ChevronDown } from \"@untitledui/icons\";\nimport {\n Button as AriaButton,\n ListBox as AriaListBox,\n Popover as AriaPopover,\n Select as AriaSelect,\n SelectValue as AriaSelectValue,\n type SelectProps as AriaSelectProps,\n} from \"react-aria-components\";\nimport { HintText } from '../input/hint-text';\nimport { Label } from '../input/label';\nimport { cx } from '../../../utils/cx';\n\nexport interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, 'children'> {\n label?: string;\n hint?: string;\n placeholder?: string;\n children: React.ReactNode;\n className?: string;\n}\n\nexport function Select<T extends object>({\n label,\n hint,\n placeholder = \"Select an option\",\n isInvalid,\n isDisabled,\n isRequired,\n children,\n className,\n ...props\n}: SelectProps<T>) {\n return (\n <AriaSelect\n {...props}\n isInvalid={isInvalid}\n isDisabled={isDisabled}\n isRequired={isRequired}\n className={cx(\"flex flex-col gap-1.5\", className)}\n >\n {label && <Label>{label}</Label>}\n <AriaButton\n className={({ isFocusVisible, isDisabled }) =>\n cx(\n \"flex items-center justify-between w-full rounded-sm bg-white px-3 py-2.5 text-base font-body text-fg-primary shadow-sm ring-1 ring-secondary ring-inset transition-shadow duration-100 ease-linear\",\n isFocusVisible && !isDisabled && \"ring-2 ring-focus-ring\",\n isDisabled && \"cursor-not-allowed bg-primary text-secondary ring-secondary\",\n isInvalid && \"ring-error_subtle\",\n )\n }\n >\n <AriaSelectValue className=\"flex-1 text-left placeholder-shown:text-secondary\">\n {({ selectedText }) => selectedText || placeholder}\n </AriaSelectValue>\n <ChevronDown className=\"size-5 text-secondary\" />\n </AriaButton>\n {hint && <HintText>{hint}</HintText>}\n <AriaPopover\n className=\"w-[--trigger-width] rounded-sm bg-white shadow-lg ring-1 ring-secondary overflow-auto max-h-60\"\n >\n <AriaListBox className=\"outline-none p-1\">\n {children}\n </AriaListBox>\n </AriaPopover>\n </AriaSelect>\n );\n}\n\nimport { registerThemeVariant } from '../../../lib/component-registry';\nregisterThemeVariant('select', 'aman', Select);\n","import React from 'react';\n\nconst defaultClassName = 'w-5 h-5 flex-shrink-0';\n\ninterface SocialIconProps {\n platform: string;\n className?: string;\n}\n\nconst FacebookIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\" />\n </svg>\n);\n\nconst InstagramIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\" />\n </svg>\n);\n\nconst YouTubeIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" />\n </svg>\n);\n\nconst GoogleIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" />\n <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" />\n <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" />\n <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" />\n </svg>\n);\n\nconst TikTokIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\" />\n </svg>\n);\n\nconst LinkedInIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\" />\n </svg>\n);\n\nconst TwitterIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\n </svg>\n);\n\nconst PinterestIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\" />\n </svg>\n);\n\nconst YelpIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M20.16 12.594l-4.995 1.33c-.96.26-1.96-.19-2.23-1.11l-.894-3.39c-.27-.99.31-2.04 1.31-2.42l4.995-1.33c.96-.26 1.96.19 2.23 1.11l.894 3.39c.27.99-.31 2.04-1.31 2.42zM12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1z\" />\n </svg>\n);\n\nconst TripAdvisorIcon = ({ className = defaultClassName }: { className?: string }) => (\n <svg className={className} fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12.006 4.295c-2.67 0-5.338.784-7.645 2.353H0l2.337 4.598a11.994 11.994 0 0 0 9.669 5.107 11.994 11.994 0 0 0 9.669-5.107L24 6.648h-4.35a12.037 12.037 0 0 0-7.644-2.353zM12 6.255c1.531 0 2.764 1.233 2.764 2.764S13.531 11.783 12 11.783 9.236 10.55 9.236 9.019s1.233-2.764 2.764-2.764zM12 15.021c-2.667 0-5.338-.784-7.645-2.352H0l2.337 4.598a11.994 11.994 0 0 0 9.669 5.107 11.994 11.994 0 0 0 9.669-5.107L24 15.021h-4.35A12.037 12.037 0 0 1 12 15.021z\" />\n </svg>\n);\n\n/** Renders the icon for a given platform (facebook, instagram, tiktok, etc.). */\nexport function SocialIcon({ platform, className = defaultClassName }: SocialIconProps): React.ReactNode {\n const p = platform.toLowerCase();\n switch (p) {\n case 'facebook':\n return <FacebookIcon className={className} />;\n case 'instagram':\n return <InstagramIcon className={className} />;\n case 'youtube':\n return <YouTubeIcon className={className} />;\n case 'google':\n case 'google_my_business':\n case 'google_reviews':\n return <GoogleIcon className={className} />;\n case 'tiktok':\n return <TikTokIcon className={className} />;\n case 'linkedin':\n return <LinkedInIcon className={className} />;\n case 'twitter':\n return <TwitterIcon className={className} />;\n case 'pinterest':\n return <PinterestIcon className={className} />;\n case 'yelp':\n return <YelpIcon className={className} />;\n case 'tripadvisor':\n return <TripAdvisorIcon className={className} />;\n default:\n return null;\n }\n}\n\n/** Returns the icon element for a platform (for use in map/render). */\nexport function getSocialIcon(platform: string, className?: string): React.ReactNode {\n return <SocialIcon platform={platform} className={className ?? defaultClassName} />;\n}\n\nexport {\n FacebookIcon,\n InstagramIcon,\n YouTubeIcon,\n GoogleIcon,\n TikTokIcon,\n LinkedInIcon,\n TwitterIcon,\n PinterestIcon,\n YelpIcon,\n TripAdvisorIcon,\n};\n","\"use client\";\n\nimport type { CSSProperties, ComponentPropsWithRef, HTMLAttributes, KeyboardEvent, ReactNode, Ref } from \"react\";\nimport { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useSyncExternalStore } from \"react\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { cx } from '../../../utils/cx';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n /** The options for the Embla carousel. */\n opts?: CarouselOptions;\n /** The plugins for the Embla carousel. */\n plugins?: CarouselPlugin;\n /** The orientation of the carousel. */\n orientation?: \"horizontal\" | \"vertical\";\n /** The function to set the API for the carousel. */\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = CarouselProps & {\n /** The ref of the carousel. */\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n /** The API of the carousel. */\n api: ReturnType<typeof useEmblaCarousel>[1];\n /** The function to scroll the carousel to the previous slide. */\n scrollPrev: () => void;\n /** The function to scroll the carousel to the next slide. */\n scrollNext: () => void;\n /** Whether the carousel can scroll to the previous slide. */\n canScrollPrev: boolean;\n /** Whether the carousel can scroll to the next slide. */\n canScrollNext: boolean;\n /** The index of the selected slide. */\n selectedIndex: number;\n /** The scroll snaps of the carousel. */\n scrollSnaps: number[];\n};\n\nexport const CarouselContext = createContext<CarouselContextProps | null>(null);\n\nexport const useCarousel = () => {\n const context = useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"The `useCarousel` hook must be used within a <Carousel />\");\n }\n\n return context;\n};\n\n// Stable default snapshot for SSR - must be a constant to avoid infinite loops\nconst DEFAULT_SNAPSHOT = {\n canScrollPrev: false,\n canScrollNext: false,\n selectedIndex: 0,\n scrollSnaps: [] as number[],\n};\n\nconst CarouselRoot = ({ orientation = \"horizontal\", opts, setApi, plugins, className, children, ...props }: ComponentPropsWithRef<\"div\"> & CarouselProps) => {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins,\n );\n \n // Cache the snapshot object to avoid creating new objects on every call\n const snapshotRef = useRef(DEFAULT_SNAPSHOT);\n \n const getSnapshot = useCallback(() => {\n if (!api) {\n return DEFAULT_SNAPSHOT;\n }\n\n const canScrollPrev = api.canScrollPrev();\n const canScrollNext = api.canScrollNext();\n const selectedIndex = api.selectedScrollSnap();\n const scrollSnaps = api.scrollSnapList();\n \n // Only create a new object if values have changed\n if (\n snapshotRef.current.canScrollPrev !== canScrollPrev ||\n snapshotRef.current.canScrollNext !== canScrollNext ||\n snapshotRef.current.selectedIndex !== selectedIndex ||\n snapshotRef.current.scrollSnaps.length !== scrollSnaps.length ||\n snapshotRef.current.scrollSnaps.some((val, idx) => val !== scrollSnaps[idx])\n ) {\n snapshotRef.current = {\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n };\n }\n \n return snapshotRef.current;\n }, [api]);\n\n // Stable server snapshot - returns the same cached object reference for SSR\n const getServerSnapshot = useCallback(() => DEFAULT_SNAPSHOT, []);\n\n const subscribe = useCallback(\n (onStoreChange: () => void) => {\n if (!api) return () => {};\n\n api.on(\"select\", onStoreChange);\n api.on(\"reInit\", onStoreChange);\n\n return () => {\n api.off(\"select\", onStoreChange);\n api.off(\"reInit\", onStoreChange);\n };\n },\n [api],\n );\n\n const { canScrollPrev, canScrollNext, selectedIndex, scrollSnaps } = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n const scrollPrev = useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n useEffect(() => {\n if (!api || !setApi) return;\n\n setApi(api);\n }, [api, setApi]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation: orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n }}\n >\n <div onKeyDownCapture={handleKeyDown} className={cx(\"relative\", className)} role=\"region\" aria-roledescription=\"carousel\" {...props}>\n {children}\n </div>\n </CarouselContext.Provider>\n );\n};\n\ninterface CarouselContentProps extends ComponentPropsWithRef<\"div\"> {\n /** The class name of the content. */\n className?: string;\n /** Whether to hide the overflow. */\n overflowHidden?: boolean;\n}\n\nconst CarouselContent = ({ className, overflowHidden = true, ...props }: CarouselContentProps) => {\n const { carouselRef, orientation } = useCarousel();\n\n return (\n <div ref={carouselRef} className={cx(\"h-full w-full\", overflowHidden && \"overflow-hidden\")}>\n <div className={cx(\"flex max-h-full\", orientation === \"horizontal\" ? \"\" : \"flex-col\", className)} {...props} />\n </div>\n );\n};\n\nconst CarouselItem = ({ className, ...props }: ComponentPropsWithRef<\"div\">) => {\n return <div role=\"group\" aria-roledescription=\"slide\" className={cx(\"min-w-0 shrink-0 grow-0 basis-full\", className)} {...props} />;\n};\n\ninterface TriggerRenderProps {\n isDisabled: boolean;\n onClick: () => void;\n}\n\ninterface TriggerProps {\n /** The ref of the trigger. */\n ref?: Ref<HTMLButtonElement>;\n /** If true, the child element will be cloned and passed down the prop of the trigger. */\n asChild?: boolean;\n /** The direction of the trigger. */\n direction: \"prev\" | \"next\";\n /** The children of the trigger. Can be a render prop or a valid element. */\n children: ReactNode | ((props: TriggerRenderProps) => ReactNode);\n /** The style of the trigger. */\n style?: CSSProperties;\n /** The class name of the trigger. */\n className?: string | ((args: { isDisabled: boolean }) => string);\n}\n\nconst Trigger = ({ className, children, asChild, direction, style, ...props }: TriggerProps) => {\n const { scrollPrev, canScrollNext, scrollNext, canScrollPrev } = useCarousel();\n\n const isDisabled = direction === \"prev\" ? !canScrollPrev : !canScrollNext;\n\n const handleClick = () => {\n if (isDisabled) return;\n\n if (direction === \"prev\") {\n scrollPrev();\n } else {\n scrollNext();\n }\n };\n\n const computedClassName = typeof className === \"function\" ? className({ isDisabled }) : className;\n\n const defaultAriaLabel = direction === \"prev\" ? \"Previous slide\" : \"Next slide\";\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isDisabled, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n disabled: isDisabled,\n \"aria-label\": defaultAriaLabel,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={defaultAriaLabel} disabled={isDisabled} className={computedClassName} onClick={handleClick} {...props}>\n {children}\n </button>\n );\n};\n\nconst CarouselPrevTrigger = (props: Omit<TriggerProps, \"direction\">) => <Trigger {...props} direction=\"prev\" />;\n\nconst CarouselNextTrigger = (props: Omit<TriggerProps, \"direction\">) => <Trigger {...props} direction=\"next\" />;\n\ninterface CarouselIndicatorRenderProps {\n isSelected: boolean;\n onClick: () => void;\n}\n\ninterface CarouselIndicatorProps {\n /** The index of the indicator. */\n index: number;\n /** If true, the child element will be cloned and passed down the prop of the indicator. */\n asChild?: boolean;\n /** If true, the indicator will be selected. */\n isSelected?: boolean;\n /** The children of the indicator. Can be a render prop or a valid element. */\n children?: ReactNode | ((props: CarouselIndicatorRenderProps) => ReactNode);\n /** The style of the indicator. */\n style?: CSSProperties;\n /** The class name of the indicator. */\n className?: string | ((args: { isSelected: boolean }) => string);\n}\n\nconst CarouselIndicator = ({ index, isSelected = false, children, asChild, className, style }: CarouselIndicatorProps) => {\n const { api, selectedIndex } = useCarousel();\n\n isSelected = isSelected || selectedIndex === index;\n\n const handleClick = () => {\n api?.scrollTo(index);\n };\n const computedClassName = typeof className === \"function\" ? className({ isSelected }) : className;\n\n const defaultAriaLabel = \"Go to slide\" + (index + 1);\n\n // If the children is a render prop, we need to pass the necessary props to the render prop.\n if (typeof children === \"function\") {\n return <>{children({ isSelected, onClick: handleClick })}</>;\n }\n\n // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.\n if (asChild && isValidElement(children)) {\n return cloneElement(children, {\n onClick: handleClick,\n \"aria-label\": defaultAriaLabel,\n \"aria-current\": isSelected ? \"true\" : undefined,\n style: { ...(children.props as HTMLAttributes<HTMLElement>).style, ...style },\n className: [computedClassName, (children.props as HTMLAttributes<HTMLElement>).className].filter(Boolean).join(\" \") || undefined,\n } as HTMLAttributes<HTMLElement>);\n }\n\n return (\n <button aria-label={defaultAriaLabel} aria-current={isSelected ? \"true\" : undefined} className={computedClassName} onClick={handleClick}>\n {children}\n </button>\n );\n};\n\ninterface CarouselIndicatorGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n children: ReactNode | ((props: { index: number }) => ReactNode);\n className?: string;\n}\n\nconst CarouselIndicatorGroup = ({ children, ...props }: CarouselIndicatorGroupProps) => {\n const { scrollSnaps } = useCarousel();\n\n // If the children is a render prop, we need to pass the index to the render prop.\n if (typeof children === \"function\") {\n return <nav {...props}>{scrollSnaps.map((index) => children({ index }))}</nav>;\n }\n\n return <nav {...props}>{children}</nav>;\n};\n\nexport const Carousel = {\n Root: CarouselRoot,\n Content: CarouselContent,\n Item: CarouselItem,\n PrevTrigger: CarouselPrevTrigger,\n NextTrigger: CarouselNextTrigger,\n IndicatorGroup: CarouselIndicatorGroup,\n Indicator: CarouselIndicator,\n};\n","\"use client\";\n\nimport React from 'react';\nimport { Carousel } from './carousel';\nimport { ChevronLeft, ChevronRight } from '@untitledui/icons';\n\ninterface CarouselSectionWrapperProps {\n title: string;\n subtitle?: string;\n hasItems: boolean;\n children: React.ReactNode;\n emptyMessage?: string;\n}\n\nexport const CarouselSectionWrapper = ({\n title,\n subtitle,\n hasItems,\n children,\n emptyMessage = \"No items available\",\n}: CarouselSectionWrapperProps) => {\n return (\n <section>\n <div className=\"mx-auto max-w-container px-4 md:px-8\">\n {hasItems ? (\n <Carousel.Root opts={{ align: \"start\", loop: true }}>\n <div className=\"flex items-center justify-between mb-12\">\n <h2 className=\"font-display text-4xl font-normal text-fg-primary md:text-5xl\">\n {title}\n </h2>\n <div className=\"flex gap-2\">\n <Carousel.PrevTrigger className=\"rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed\">\n <ChevronLeft className=\"w-6 h-6 text-fg-primary\" />\n </Carousel.PrevTrigger>\n <Carousel.NextTrigger className=\"rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed\">\n <ChevronRight className=\"w-6 h-6 text-fg-primary\" />\n </Carousel.NextTrigger>\n </div>\n </div>\n \n <Carousel.Content className=\"-ml-4\">\n {children}\n </Carousel.Content>\n </Carousel.Root>\n ) : (\n <>\n <div className=\"mb-12\">\n <h2 className=\"font-display text-4xl font-normal text-fg-primary md:text-5xl\">\n {title}\n </h2>\n {subtitle && (\n <p className=\"mt-4 text-lg text-tertiary md:mt-6 md:text-xl\">\n {subtitle}\n </p>\n )}\n </div>\n <div className=\"text-center py-12\">\n <p className=\"font-body text-base text-tertiary\">{emptyMessage}</p>\n </div>\n </>\n )}\n </div>\n </section>\n );\n};\n","'use client';\n\nimport { useEffect } from 'react';\n\ninterface VideoModalProps {\n isOpen: boolean;\n onClose: () => void;\n videoUrl: string;\n}\n\nexport function VideoModal({ isOpen, onClose, videoUrl }: VideoModalProps) {\n // Prevent body scroll when modal is open\n useEffect(() => {\n if (isOpen) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = '';\n }\n return () => {\n document.body.style.overflow = '';\n };\n }, [isOpen]);\n\n if (!isOpen) return null;\n\n return (\n <div \n className=\"fixed inset-0 z-[60] flex items-center justify-center p-4 backdrop-blur-md bg-black/50\"\n onClick={onClose}\n >\n {/* Close button */}\n <button\n onClick={onClose}\n className=\"absolute top-4 right-4 md:top-8 md:right-8 text-white text-4xl md:text-5xl hover:text-gray-300 z-10 transition-colors\"\n aria-label=\"Close video\"\n >\n ×\n </button>\n \n {/* Video container */}\n <div \n className=\"relative w-full max-w-5xl aspect-video\"\n onClick={(e) => e.stopPropagation()}\n >\n <iframe\n src={videoUrl}\n title=\"Video player\"\n className=\"w-full h-full rounded-lg shadow-2xl\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowFullScreen\n />\n </div>\n </div>\n );\n}\n\n","'use client';\n\ninterface VideoPlayButtonProps {\n onClick: () => void;\n className?: string;\n}\n\nexport function VideoPlayButton({ onClick, className = '' }: VideoPlayButtonProps) {\n return (\n <button\n onClick={onClick}\n className={`group flex items-center justify-center w-24 h-24 md:w-32 md:h-32 rounded-full bg-black/40 backdrop-blur-sm hover:bg-black/50 transition-all hover:scale-105 ${className}`}\n aria-label=\"Play video\"\n >\n <svg\n className=\"w-10 h-10 md:w-14 md:h-14 text-white group-hover:scale-110 transition-transform ml-1\"\n fill=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path d=\"M8 5v14l11-7z\" />\n </svg>\n </button>\n );\n}\n\n","'use client';\n\nimport React, { useEffect, useRef } from 'react';\n\nexport interface ModalProps {\n /** Whether the modal is open */\n isOpen: boolean;\n /** Called when the user requests close (button, Escape, or overlay click) */\n onClose: () => void;\n /** Optional title for the dialog (used for aria-labelledby) */\n title?: string;\n /** Optional id for the title element (must be set if title is set for a11y) */\n titleId?: string;\n /** Dialog content */\n children: React.ReactNode;\n /** Optional className for the overlay (backdrop) */\n overlayClassName?: string;\n /** Optional className for the dialog panel */\n panelClassName?: string;\n /** Optional max width class for the panel (default: max-w-md). Use max-w-lg, max-w-2xl, etc. */\n maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';\n}\n\nconst MAX_WIDTH_CLASSES: Record<NonNullable<ModalProps['maxWidth']>, string> = {\n sm: 'max-w-sm',\n md: 'max-w-md',\n lg: 'max-w-lg',\n xl: 'max-w-xl',\n '2xl': 'max-w-2xl',\n '3xl': 'max-w-3xl',\n '4xl': 'max-w-4xl',\n '5xl': 'max-w-5xl',\n};\n\n/**\n * Shared modal (dialog) component. Accessible: focus trap, Escape to close, aria-modal, overlay click to close.\n * Use for detail views, confirmations, and other overlay content. Renders in place (use a portal from the consumer if needed).\n */\nexport function Modal({\n isOpen,\n onClose,\n title,\n titleId = 'modal-title',\n children,\n overlayClassName,\n panelClassName,\n maxWidth = 'md',\n}: ModalProps) {\n const overlayRef = useRef<HTMLDivElement>(null);\n const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n useEffect(() => {\n if (!isOpen) return;\n const previouslyFocused = document.activeElement as HTMLElement | null;\n closeButtonRef.current?.focus();\n const handleEscape = (e: KeyboardEvent) => {\n if (e.key === 'Escape') onClose();\n };\n document.addEventListener('keydown', handleEscape);\n document.body.style.overflow = 'hidden';\n return () => {\n document.removeEventListener('keydown', handleEscape);\n document.body.style.overflow = '';\n previouslyFocused?.focus();\n };\n }, [isOpen, onClose]);\n\n if (!isOpen) return null;\n\n const maxWidthClass = MAX_WIDTH_CLASSES[maxWidth];\n\n return (\n <div\n ref={overlayRef}\n className={\n overlayClassName ??\n 'fixed inset-0 z-[200] flex items-center justify-center p-4 bg-black/50'\n }\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={title ? titleId : undefined}\n onClick={(e) => e.target === overlayRef.current && onClose()}\n >\n <div\n className={\n panelClassName ??\n `bg-primary border border-secondary rounded-lg shadow-xl w-full overflow-hidden ${maxWidthClass} max-h-[90vh] flex flex-col`\n }\n onClick={(e) => e.stopPropagation()}\n >\n <div className=\"flex items-start justify-between gap-4 p-4 md:p-6 border-b border-secondary flex-shrink-0\">\n {title ? (\n <h2\n id={titleId}\n className=\"font-display text-lg font-normal text-fg-primary md:text-xl flex-1 min-w-0\"\n >\n {title}\n </h2>\n ) : (\n <span className=\"flex-1\" aria-hidden />\n )}\n <button\n ref={closeButtonRef}\n type=\"button\"\n onClick={onClose}\n className=\"shrink-0 p-1 text-fg-primary hover:text-brand-accent rounded focus:outline-none focus:ring-2 focus:ring-brand-accent\"\n aria-label=\"Close\"\n >\n <svg\n className=\"w-5 h-5\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M6 18L18 6M6 6l12 12\"\n />\n </svg>\n </button>\n </div>\n <div className=\"overflow-y-auto flex-1 p-4 md:p-6\">{children}</div>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,OAAOA,aAAW;;;ACKlB,IAAM,WAAW,oBAAI,IAAuD;AAIrE,SAAS,qBACd,eACA,OACA,WACA;AACA,MAAI,CAAC,SAAS,IAAI,aAAa,GAAG;AAChC,aAAS,IAAI,eAAe,oBAAI,IAAI,CAAC;AAAA,EACvC;AACA,WAAS,IAAI,aAAa,EAAG,IAAI,OAAO,SAAyC;AACnF;AAEO,SAAS,mBACd,eACA,QAAe,WACe;AAC9B,QAAM,WAAW,SAAS,IAAI,aAAa;AAE3C,MAAI,CAAC,YAAY,SAAS,SAAS,GAAG;AACpC,UAAM,IAAI,MAAM,qCAAqC,aAAa,GAAG;AAAA,EACvE;AAEA,MAAI,SAAS,IAAI,KAAK,GAAG;AACvB,WAAO,SAAS,IAAI,KAAK;AAAA,EAC3B;AAEA,MAAI,UAAU,WAAW;AACvB,UAAM,IAAI,MAAM,2BAA2B,aAAa,wBAAwB;AAAA,EAClF;AAEA,QAAM,IAAI,MAAM,6BAA6B,aAAa,IAAI,KAAK,GAAG;AACxE;;;AC9CA,SAAS,eAAe,kBAAkB;AAO1C,IAAM,eAAe,cAAiC,EAAE,OAAO,UAAU,CAAC;AAsBnE,SAAS,WAAW;AACzB,SAAO,WAAW,YAAY;AAChC;;;AC9BA,OAAOC,UAAS,sBAAsB;AAEtC,SAAS,UAAU,YAAY,QAAQ,gBAAgB;;;ACLvD,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EAChC,QAAQ;AAAA,IACJ,OAAO;AAAA,MACH,MAAM,CAAC,cAAc,cAAc,cAAc,cAAc,cAAc,aAAa;AAAA,IAC9F;AAAA,EACJ;AACJ,CAAC;AAMM,IAAM,KAAK;AAOX,SAAS,OAAsH,SAAe;AACjJ,SAAO;AACX;;;ACdO,IAAM,sBAAsB,CAAC,cAAuD;AACvF,SAAO,OAAO,cAAc;AAChC;AAKO,IAAM,mBAAmB,CAAC,cAA4E;AACzG,SAAO,OAAO,cAAc,cACrB,OAAO,cAAc,cACrB,UAAU,cAAc,UACxB,UAAU,cAAc,SACvB,CAAC,CAAC,UAAU,UAAU,oBAAoB,CAAC,CAAC,UAAU,UAAU;AAC5E;AAKO,IAAM,wBAAwB,CAAC,cAA8E;AAChH,SAAO,OAAO,cAAc,YACrB,cAAc,QACd,cAAc,aACd,UAAU,aAAa,UACvB,UAAU,aAAa,QACvB,UAAU,SAAS,SAAS,MAAM;AAC7C;AAKO,IAAM,mBAAmB,CAAC,cAAoD;AACjF,SAAO,oBAAoB,SAAS,KAAK,sBAAsB,SAAS,KAAK,iBAAiB,SAAS;AAC3G;;;AFhCO,IAAM,SAAS,OAAO;AAAA,EACzB,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,IAAI;AAAA,MACA,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,MACV,UAAU;AAAA,IACd;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,MACV,UAAU;AAAA,IACd;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,IACd;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,IACd;AAAA,EACJ;AAAA,EAEA,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,WAAW;AAAA,MACP,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,uBAAuB;AAAA,MACnB,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,yBAAyB;AAAA,MACrB,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,wBAAwB;AAAA,MACpB,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,oBAAoB;AAAA,MAChB,MAAM;AAAA,QACF;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,EACJ;AACJ,CAAC;AAwCM,IAAM,SAAS,CAAC,OAYV;AAZU,eACnB;AAAA,WAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EAtLJ,IA4KuB,IAWhB,uBAXgB,IAWhB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,UAAU,aAAa,WAAW,OAAO;AACtD,QAAM,YAAY,OAAO,WAAW;AAEpC,QAAM,UAAU,eAAe,iBAAiB,CAAC;AACjD,QAAM,aAAa,CAAC,aAAa,cAAc,kBAAkB,EAAE,SAAS,KAAK;AAEjF,kBAAgB,cAAc;AAE9B,MAAI,QAAQ,CAAC;AAEb,MAAI,MAAM;AACN,YAAQ,gDACD,aADC;AAAA,MAGJ,MAAM,WAAW,SAAY;AAAA,QAKzB,WAAW,EAAE,YAAY,MAAM,iBAAiB,KAAK,IAAI,CAAC;AAAA,EAEtE,OAAO;AACH,YAAQ,iCACD,aADC;AAAA,MAGJ,MAAM,WAAW,QAAQ;AAAA,MACzB,WAAW;AAAA,MACX,YAAY;AAAA,IAChB;AAAA,EACJ;AAEA,SACI,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACG,gBAAc,UAAU,OAAO;AAAA,MAC/B,kBAAgB,SAAS,OAAO;AAAA,OAC5B,QAHP;AAAA,MAIG,WAAW;AAAA,QACP,OAAO,OAAO;AAAA,QACd,OAAO,MAAM,IAAI,EAAE;AAAA,QACnB,OAAO,OAAO,KAAK,EAAE;AAAA,QACrB,cAAc,OAAO,MAAM,IAAI,EAAE;AAAA,SAChC,WAAY,SAAS,YAAY,aAAc;AAAA;AAAA,QAEhD,YAAY,uBAAuB,2DAA2D;AAAA,QAC9F;AAAA,MACJ;AAAA;AAAA,IAGC,eAAe,WAAW,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAKA,OAAM,cAAc,aAAa,EAAE,aAAa,WAAW,WAAW,OAAO,OAAO,KAAK,CAA4B;AAAA,IAEtJ,WACG,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,WAAW,GAAG,OAAO,OAAO,MAAM,CAAC,wBAAwB,6DAA6D;AAAA;AAAA,MAGxH,gBAAAA,OAAA,cAAC,YAAO,WAAU,6BAA4B,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO,aAAY,KAAI;AAAA,MAEhG,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,eAAc;AAAA;AAAA,MAClB;AAAA,IACJ;AAAA,IAGH,YACG,gBAAAA,OAAA,cAAC,UAAK,aAAS,MAAC,WAAW,GAAG,0BAA0B,CAAC,iBAAiB,QAAQ,KAC7E,QACL;AAAA,IAIH,eAAe,YAAY,KAAK;AAAA,IAChC,iBAAiB,YAAY,KAAKA,OAAM,cAAc,cAAc,EAAE,aAAa,YAAY,WAAW,OAAO,OAAO,KAAK,CAA4B;AAAA,EAC9J;AAER;;;AG3QA,SAAS,qBAAqB;AASvB,IAAM,cAAc,CAAC,OAA+C;AAA/C,eAAE,QAAM,KAZpC,IAY4B,IAAiB,kBAAjB,IAAiB,CAAf;AAZ9B,MAAAC;AAaI,SACI;AAAA,IAACC;AAAA,IAAA,iCACO,QADP;AAAA,MAEG,OAAM;AAAA,MACN,WAAW;AAAA,QACP;AAAA,QACA,MAAM;AAAA,MACV;AAAA;AAAA,KAECD,MAAA,MAAM,aAAN,OAAAA,MACI,iBAAiB,IAAI,IAAI,cAAc,MAAM,EAAE,WAAW,kGAAkG,CAA4B,IAAI;AAAA,EACrM;AAER;;;ACxBA,SAA8E,iBAAAE,gBAAe,iBAAAC,gBAAe,kBAAAC,iBAAgB,cAAAC,mBAAkB;AAC9I;AAAA,EACI,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,OAGlB;AAIA,IAAMC,UAAS,OAAO;AAAA,EACzB,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,MAAM;AAAA,EACV;AAAA,EAEA,OAAO;AAAA,IACH,IAAI;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,IACV;AAAA,EACJ;AACJ,CAAC;AAID,IAAM,qBAAqBC,eAAoC,EAAE,MAAM,KAAK,CAAC;AAiDtE,IAAM,cAAc,CAAC,OAA0E;AAA1E,eAAE,YAAU,OAAO,MAAM,UA7FrD,IA6F4B,IAAuC,uBAAvC,IAAuC,CAArC,YAAU,QAAa;AACjD,SACI,oCAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,KAAK,KACvC;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,WAAW,GAAG,mEAAmE,SAAS;AAAA,OACtF;AAAA,IAEH;AAAA,EACL,CACJ;AAER;;;ACvGA,SAA4E,iBAAAC,gBAAe,cAAAC,mBAAkB;AAC7G,SAAS,cAAAC,aAAY,kBAAkB;AAEvC,SAAS,SAAS,WAAW,SAAS,WAAW,aAAa,qBAAqB;;;ACDnF,SAAS,QAAQ,gBAAgB;AAU1B,IAAM,WAAW,CAAC,OAAsD;AAAtD,eAAE,aAAW,UAdtC,IAcyB,IAA2B,kBAA3B,IAA2B,CAAzB,aAAW;AAClC,SACI;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG,MAAM,YAAY,iBAAiB;AAAA,MACnC,WAAW;AAAA,QACP;AAAA;AAAA,QAGA,aAAa;AAAA,QACb;AAAA,QAEA;AAAA,MACJ;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,cAAc;;;AC7BvB,SAAS,kBAAkB;AAE3B,SAAS,SAAS,iBAAiB;;;ACGnC,SAAS,UAAUC,aAAY,gBAAgB,kBAAkB,WAAW,aAAa,kBAAkB,0BAA0B;AA0B9H,IAAM,UAAU,CAAC,OAgBJ;AAhBI,eACpB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EAhDJ,IAkCwB,IAejB,yBAfiB,IAejB;AAAA,IAdH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,oBAAoB,CAAC,YAAY,WAAW,eAAe,YAAY,EAAE,SAAS,SAAS;AACjG,QAAM,qBAAqB,CAAC,aAAa,aAAa,gBAAgB,cAAc,EAAE,SAAS,SAAS;AAExG,QAAM,wBAAwB,oBAAoB,MAAM,qBAAqB,KAAK;AAElF,SACI,oCAAC,uCAAuB,EAAE,SAAS,OAAO,YAAY,YAAY,QAAQ,aAAa,aAAa,IAC/F,UAED;AAAA,IAAC;AAAA,qCACO,eADP;AAAA,MAEG;AAAA,MACA;AAAA,MACA,aAAa,oCAAe;AAAA,MAC5B,WAAW,CAAC,EAAE,YAAY,UAAU,MAAM,GAAG,cAAc,uBAAuB,aAAa,qBAAqB;AAAA;AAAA,IAEnH,CAAC,EAAE,YAAY,UAAU,MACtB;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,cAAc,SAAS;AAAA,UAEvB,cACI;AAAA,UACJ,aACI;AAAA,QACR;AAAA;AAAA,MAEA,oCAAC,UAAK,WAAU,sCAAoC,KAAM;AAAA,MAEzD,eAAe,oCAAC,UAAK,WAAU,sDAAoD,WAAY;AAAA,MAE/F,SACG,oCAAC,wBACG;AAAA,QAAC;AAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA;AAAA,QAEV,oCAAC,UAAK,GAAE,qDAAoD;AAAA,MAChE,CACJ;AAAA,IAER;AAAA,EAER,CACJ;AAER;AAIO,IAAM,iBAAiB,CAAC,OAAiE;AAAjE,eAAE,YAAU,UAtG3C,IAsG+B,IAA0B,wBAA1B,IAA0B,CAAxB,YAAU;AACvC,SACI,oCAACC,aAAA,iCAAe,cAAf,EAA4B,WAAW,CAAC,WAAW,GAAG,8BAA8B,OAAO,cAAc,aAAa,UAAU,MAAM,IAAI,SAAS,MAC/I,QACL;AAER;;;AD3FO,IAAM,QAAQ,CAAC,OAAiF;AAAjF,eAAE,cAAY,SAAS,oBAAoB,UAjBjE,IAiBsB,IAAyD,kBAAzD,IAAyD,CAAvD,cAAY,WAAS,sBAAoB;AAC7D,SACI;AAAA,IAAC;AAAA;AAAA,MAKG,cAAW;AAAA,OACP,QANP;AAAA,MAOG,WAAW,GAAG,+EAA+E,SAAS;AAAA;AAAA,IAErG,MAAM;AAAA,IAEP,oCAAC,UAAK,WAAW,GAAG,8BAA8B,cAAc,SAAS,OAAO,eAAe,eAAe,sBAAsB,KAAG,GAAC;AAAA,IAEvI,WACG,oCAAC,WAAQ,OAAO,SAAS,aAAa,oBAAoB,WAAU,SAChE;AAAA,MAAC;AAAA;AAAA,QAIG,YAAY;AAAA,QACZ,WAAU;AAAA;AAAA,MAEV,oCAAC,cAAW,WAAU,UAAS;AAAA,IACnC,CACJ;AAAA,EAER;AAER;AAEA,MAAM,cAAc;;;AFZb,IAAM,YAAY,CAAC,OAemC;AAfnC,eACtB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAlDJ,IAqC0B,IAcnB,uBAdmB,IAcnB;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIA,QAAM,kBAAkB,WAAW;AACnC,QAAM,iBAAiB;AAGvB,QAAM,UAAUC,YAAW,gBAAgB;AAE3C,QAAM,aAAY,mCAAS,SAAQ;AAEnC,QAAMC,SAAQ,OAAO;AAAA,IACjB,IAAI;AAAA,MACA,MAAM,GAAG,aAAa,mBAAmB,QAAQ,kBAAkB,OAAO;AAAA,MAC1E,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,IACd;AAAA,IACA,IAAI;AAAA,MACA,MAAM,GAAG,iBAAiB,mBAAmB,UAAU,kBAAkB,SAAS;AAAA,MAClF,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,IACd;AAAA,EACJ,CAAC;AAED,SACI;AAAA,IAAC;AAAA,qCACO,EAAE,YAAY,UAAU,IAD/B;AAAA,MAEG,KAAK;AAAA,MACL,WAAW,CAAC,EAAE,eAAe,YAAAC,aAAY,WAAAC,WAAU,MAC/C;AAAA,QACI;AAAA,QAEA,iBAAiB,CAACD,eAAc;AAAA;AAAA,QAGhCA,eAAc;AAAA,QACd;AAAA;AAAA,QAGAC,cAAa;AAAA,QACb;AAAA;AAAA,QAGAA,cAAa,iBAAiB;AAAA,QAC9B,iBAAiB;AAAA,QAEjB,mCAAS;AAAA,QACT;AAAA,MACJ;AAAA;AAAA,IAIH,QACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,cAAc;AAAA,UACdF,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IAIJ;AAAA,MAAC;AAAA,uCACQ,aADR;AAAA,QAEG;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACA,cAAc;AAAA,UACdA,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IAGC,WAAW,CAAC,aACT,oCAAC,WAAQ,OAAO,SAAS,WAAU,SAC/B;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAA,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,MAEA,oCAACG,aAAA,EAAW,WAAU,UAAS;AAAA,IACnC,CACJ;AAAA,IAIH,aACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAH,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IAIH,YACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAA,OAAM,SAAS,EAAE;AAAA,QACrB;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,cAAc;AAAA,UAClB;AAAA,UACA,eAAY;AAAA;AAAA,QAEX,OAAO,aAAa,WAAW,WAAW;AAAA,MAC/C;AAAA,IACJ;AAAA,EAER;AAER;AAEA,UAAU,cAAc;AAgBxB,IAAM,mBAAmBI,eAA8B,CAAC,CAAC;AAElD,IAAM,YAAY,CAAC,OAA4C;AAA5C,eAAE,YAxM5B,IAwM0B,IAAgB,kBAAhB,IAAgB,CAAd;AACxB,SACI,oCAAC,iBAAiB,UAAjB,EAA0B,OAAO,SAC9B;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG,sBAAkB;AAAA,MAClB,WAAW,CAAC,UACR,GAAG,sEAAsE,OAAO,cAAc,aAAa,UAAU,KAAK,IAAI,SAAS;AAAA;AAAA,EAE/I,CACJ;AAER;AAEA,UAAU,cAAc;AAOjB,IAAM,QAAQ,CAAC,OAiBJ;AAjBI,eAClB;AAAA,WAAO;AAAA,IACP;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA5OJ,IA6NsB,IAgBf,kBAhBe,IAgBf;AAAA,IAfH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI,oCAAC,0CAAU,cAAY,CAAC,QAAQ,cAAc,UAAe,QAA5D,EAAmE,cAC/D,CAAC,EAAE,YAAY,UAAU,MACtB,0DACK,SAAS,oCAAC,SAAM,YAAY,wBAAwB,CAAC,wBAAwB,cAAa,KAAM,GAEjG;AAAA,IAAC;AAAA,uBACO;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,GAEC,QAAQ,oCAAC,YAAS,aAAuB,IAAK,CACnD,CAER;AAER;AAEA,MAAM,cAAc;;;AI1Pb,IAAM,cAAc,CAAC,OAAsD;AAAtD,eAAE,cAAY,SAlB1C,IAkB4B,IAA2B,kBAA3B,IAA2B,CAAzB,cAAY;AACtC;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG,WAAW;AAAA,QACP;AAAA;AAAA,QAEA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA,cAAc;AAAA,QACd;AAAA,QAEA,MAAM;AAAA,MACV;AAAA;AAAA,IAEC;AAAA,EACL;AAAA;AAiBG,IAAM,aAAa,CAAC,OAA2G;AAA3G,eAAE,SAAO,MAAM,QAAQ,cAAc,eAAe,OAAO,MAAM,SArD5F,IAqD2B,IAA8E,kBAA9E,IAA8E,CAA5E,QAAa,UAAQ,gBAAc,iBAAe,SAAO,QAAM;AACxF,QAAM,aAAa,CAAC,CAAC;AACrB,QAAM,cAAc,CAAC,CAAC;AAEtB,QAAM,WAAW,OAAO;AAAA,IACpB,IAAI;AAAA,MACA,OAAO;AAAA,QACH,cAAc;AAAA,QACd,gBAAgB,SAAS,wDAAwD;AAAA,MACrF;AAAA,MACA,aAAa;AAAA,IACjB;AAAA,IACA,IAAI;AAAA,MACA,OAAO;AAAA,QACH,cAAc;AAAA,QACd,gBAAgB,SAAS,wDAAwD;AAAA,MACrF;AAAA,MACA,aAAa;AAAA,IACjB;AAAA,EACJ,CAAC;AAED,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,cAAY,SAAS;AAAA,MACrB,gBAAgB,GAAG,SAAS,IAAI,EAAE,KAAK;AAAA,MACvC,kBAAkB,GAAG,eAAe,CAAC,cAAc,8BAA8B;AAAA,MACjF,kBAAkB;AAAA,QACd;AAAA,QACA,cAAc;AAAA,QACd,eAAe;AAAA,MACnB;AAAA,OACI;AAAA,IAEH,CAAC,EAAE,YAAY,WAAW,WAAW,MAClC,0DACK,SAAS,oCAAC,SAAM,cAAyB,KAAM,GAEhD;AAAA,MAAC;AAAA;AAAA,QACG,mBAAiB;AAAA,QACjB,sBAAkB;AAAA,QAClB,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,aAAa;AAAA,QACjB;AAAA;AAAA,MAEC,gBACG,oCAAC,SAAI,gBAAc,cAAc,QAAW,WAAU,mBACjD,YACL;AAAA,MAGH,UACG,oCAAC,UAAK,WAAW,GAAG,qBAAqB,SAAS,IAAI,EAAE,WAAW,KAC/D,oCAAC,OAAE,WAAW,GAAG,yBAAyB,cAAc,eAAe,KAAI,MAAO,CACtF;AAAA,MAGH;AAAA,MAEA,iBAAiB,oCAAC,SAAI,iBAAe,eAAe,UAAY,aAAc;AAAA,IACnF,GAEC,QAAQ,oCAAC,YAAS,aAAuB,IAAK,CACnD;AAAA,EAER;AAER;AAEA,WAAW,SAAS;AAEpB,WAAW,cAAc;;;AC5HzB,OAAOC,YAAW;AAElB,SAAS,YAAY,cAAc,aAAaC,sBAAqB;AAMrE,IAAM,oBAAoB,CAAC,UAAkB;AACzC,SAAO,iCAAiC,KAAK,+HAA+H,KAAK,0DAA0D,KAAK,kCAAkC,CAAC;AACvR;AAMO,IAAM,eAAe,CAAC,OAA+C;AAA/C,eAAE,YAnB/B,IAmB6B,IAAgB,kBAAhB,IAAgB,CAAd;AAC3B,SACI,gBAAAC,OAAA;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG,OACI;AAAA,QACI,sBAAsB,kBAAkB,SAAS;AAAA,QACjD,2BAA2B,kBAAkB,SAAS;AAAA,MAC1D;AAAA,MAEJ,WAAW,CAAC,UACR;AAAA,QACI;AAAA;AAAA,QAGA;AAAA,QAEA,MAAM,aAAa,CAAC,MAAM,cAAc;AAAA,QACxC,MAAM,cAAc;AAAA,QACpB,MAAM,aAAa;AAAA,QACnB,MAAM,aAAa,MAAM,aAAa;AAAA,QAEtC,OAAO,cAAc,aAAa,UAAU,KAAK,IAAI;AAAA,MACzD;AAAA;AAAA,EAER;AAER;AAEA,aAAa,cAAc;AAyBpB,IAAM,WAAW,CAAC,OAYH;AAZG,eACrB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAnFJ,IAyEyB,IAWlB,kBAXkB,IAWlB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI,gBAAAA,OAAA;AAAA,IAACC;AAAA,IAAA,iCACO,QADP;AAAA,MAEG,WAAW,CAAC,UACR,GAAG,sEAAsE,OAAO,cAAc,aAAa,UAAU,KAAK,IAAI,SAAS;AAAA;AAAA,IAG1I,CAAC,EAAE,WAAW,WAAW,MACtB,gBAAAD,OAAA,cAAAA,OAAA,gBACK,SACG,gBAAAA,OAAA,cAAC,SAAM,YAAY,wBAAwB,CAAC,wBAAwB,YAAY,WAC3E,KACL,GAGJ,gBAAAA,OAAA,cAAC,gBAAa,aAA0B,WAAW,mBAAmB,KAAK,aAAa,MAAY,MAAY,GAE/G,QAAQ,gBAAAA,OAAA,cAAC,YAAS,aAAuB,IAAK,CACnD;AAAA,EAER;AAER;AAEA,SAAS,cAAc;;;AC5GvB,SAAS,aAAa;AAMf,SAAS,kBAAkB;AAChC,QAAM,KAAK,MAAM;AACjB,SACE,oCAAC,SAAI,WAAU,4BACb;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,MAAK;AAAA,MACL,UAAQ;AAAA,MACR,cAAW;AAAA,MACX,WAAU;AAAA;AAAA,EACZ,GACA,oCAAC,WAAM,SAAS,IAAI,WAAU,qCAAkC,0CACvB,KACvC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA;AAAA,IACX;AAAA,EAED,GACC,KAAI,OACD,KACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA;AAAA,IACX;AAAA,EAED,GAAI,mQAEN,CACF;AAEJ;;;ACrCA,SAAS,QAAQ,gBAAgB;AAE1B,IAAM,OAAO,CAAC,UAAkD;AACnE,SAAO,oCAAC,6BAAa,MAAO;AAChC;AAEA,KAAK,cAAc;;;ACTnB,OAAOE,YAAW;AAYX,IAAM,gBAAgB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AACJ,MAA0B;AACtB,QAAM,SAAS,YAAY;AAC3B,QAAM,YAAY,YAAY;AAG9B,QAAM,qBAAqB;AAAA,IACvB;AAAA,IACA,YAAY;AAAA,IACZ,UAAU,YAAY;AAAA;AAAA,IACtB,CAAC,UAAU,YAAY;AAAA;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,iBAAiB;AAAA,IACnB,UAAU;AAAA,IACV,aAAa;AAAA,IACb,CAAC,UAAU,CAAC,aAAa;AAAA,EAC7B;AAGA,QAAM,uBAAuB;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,IACV,aAAa;AAAA,IACb,CAAC,UAAU,CAAC,aAAa;AAAA,EAC7B;AAEA,SACI,gBAAAC,OAAA,cAAC,SAAI,WAAW,uBACV,SAAS,gBACP,gBAAAA,OAAA,cAAC,SAAI,WAAU,UACV,SACG,gBAAAA,OAAA,cAAC,QAAG,WAAW,kBACV,KACL,GAEH,eACG,gBAAAA,OAAA,cAAC,OAAE,WAAW,wBACT,WACL,CAER,GAEH,QACL;AAER;;;AC/DA,SAAS,iBAAAC,gBAAe,kBAAAC,uBAAsB;AAC9C,SAAS,mBAAmB;AAE5B,SAAS,UAAUC,aAAY,WAAWC,cAAa,UAAU,YAAY,eAAe,uBAAuB;;;ACJnH,SAAkC,gBAAgB;AAClD,OAAO,WAAW;AAClB,SAAS,cAAc;;;ACAvB,IAAM,QAAQ;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACX;AAQO,IAAM,wBAAwB,CAAC,EAAE,MAAM,QAAQ,UAAU,MAC5D;AAAA,EAAC;AAAA;AAAA,IACG,WAAW;AAAA,MACP;AAAA,MACA,WAAW,WAAW,4BAA4B;AAAA,MAClD,MAAM,IAAI;AAAA,MACV;AAAA,IACJ;AAAA;AACJ;;;ACzBJ,IAAMC,SAAQ;AAAA,EACV,IAAI,EAAE,MAAM,YAAY,MAAM,eAAe;AAAA,EAC7C,IAAI,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAC5C,IAAI,EAAE,MAAM,YAAY,MAAM,gBAAgB;AAAA,EAC9C,IAAI,EAAE,MAAM,UAAU,MAAM,aAAa;AAAA,EACzC,IAAI,EAAE,MAAM,YAAY,MAAM,gBAAgB;AAAA,EAC9C,OAAO,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAC/C,OAAO,EAAE,MAAM,UAAU,MAAM,gBAAgB;AAAA,EAC/C,OAAO,EAAE,MAAM,UAAU,MAAM,cAAc;AACjD;AAOO,IAAM,eAAe,CAAC,EAAE,MAAM,UAAU,MAC3C,oCAAC,SAAI,iBAAa,MAAC,WAAW,GAAG,8BAA8BA,OAAM,IAAI,EAAE,MAAM,SAAS,GAAG,SAAQ,aAAY,MAAK,UAClH;AAAA,EAAC;AAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA;AACd,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,CACJ;;;AFwBJ,IAAMC,UAAS;AAAA,EACX,KAAK,EAAE,MAAM,kDAAkD,UAAU,yBAAyB,MAAM,SAAS;AAAA,EACjH,IAAI,EAAE,MAAM,kDAAkD,UAAU,yBAAyB,MAAM,SAAS;AAAA,EAChH,IAAI,EAAE,MAAM,oDAAoD,UAAU,yBAAyB,MAAM,SAAS;AAAA,EAClH,IAAI,EAAE,MAAM,uCAAuC,UAAU,yBAAyB,MAAM,SAAS;AAAA,EACrG,IAAI,EAAE,MAAM,uCAAuC,UAAU,yBAAyB,MAAM,SAAS;AAAA,EACrG,IAAI,EAAE,MAAM,uCAAuC,UAAU,yBAAyB,MAAM,SAAS;AAAA,EACrG,OAAO,EAAE,MAAM,uCAAuC,UAAU,iCAAiC,MAAM,SAAS;AACpH;AAEO,IAAM,SAAS,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACJ,MAAmB;AACf,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,oBAAoB,MAAM;AAC5B,QAAI,OAAO,CAAC,UAAU;AAClB,aAAO,oCAAC,SAAM,mBAAe,MAAC,WAAU,uCAAsC,KAAU,KAAK,OAAO,IAAI,SAAS,MAAM,YAAY,IAAI,GAAG,OAAO,KAAK,QAAQ,KAAK;AAAA,IACvK;AAEA,QAAI,UAAU;AACV,aAAO,oCAAC,UAAK,WAAW,GAAG,mBAAmBA,QAAO,IAAI,EAAE,QAAQ,KAAI,QAAS;AAAA,IACpF;AAEA,QAAI,iBAAiB;AACjB,aAAO,oCAAC,mBAAgB,WAAW,GAAG,sBAAsBA,QAAO,IAAI,EAAE,IAAI,GAAG;AAAA,IACpF;AAEA,WAAO,eAAe,oCAAC,UAAO,WAAW,GAAG,sBAAsBA,QAAO,IAAI,EAAE,IAAI,GAAG;AAAA,EAC1F;AAEA,QAAM,qBAAqB,MAAM;AAC7B,QAAI,QAAQ;AACR,aAAO,oCAAC,yBAAsB,QAAgB,MAAM,SAAS,QAAQ,OAAO,MAAM;AAAA,IACtF;AAEA,QAAI,UAAU;AACV,aACI;AAAA,QAAC;AAAA;AAAA,UACG,MAAM,SAAS,QAAQ,OAAO;AAAA,UAC9B,WAAW,GAAG,8BAA8B,SAAS,SAAS,SAAS,SAAS,sBAAsB;AAAA;AAAA,MAC1G;AAAA,IAER;AAEA,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA;AAAA,QAEA,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClBA,QAAO,IAAI,EAAE;AAAA,QACb;AAAA,MACJ;AAAA;AAAA,IAEC,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,EACxB;AAER;;;AGhIA,SAAS,aAAa,cAAAC,aAAY,QAAQ,YAAAC,iBAAgB;AAC1D,SAAS,YAAY,kBAAkB;AAEvC,SAAS,YAAY,cAAc,SAASC,YAAW,SAASC,YAAW,WAAW,aAAa,4BAA4B;;;ACF/H,SAAS,WAAW,mBAAmB;AAOhC,IAAM,UAAU,CAAC,UAAwB;AAC5C,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,OACJ,QAJP;AAAA,MAKG,WAAW,CAAC,UACR;AAAA,QACI;AAAA,QAEA,MAAM,cACF;AAAA,QACJ,MAAM,aACF;AAAA,QACJ,MAAM,SAAS,QAAQ;AAAA,QAEvB,OAAO,MAAM,cAAc,aAAa,MAAM,UAAU,KAAK,IAAI,MAAM;AAAA,MAC3E;AAAA;AAAA,EAER;AAER;;;ACjCA,SAAS,iBAAiB;AAO1B,SAAS,oBAAoB;AACzB,SAAO,OAAO,OAAO,mBAAmB;AAC5C;AAwBO,SAAS,kBAAqC,SAA0C;AAC3F,QAAM,EAAE,KAAK,KAAK,SAAS,IAAI;AAE/B,YAAU,MAAM;AACZ,UAAM,UAAU,2BAAK;AACrB,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,QAAI,CAAC,kBAAkB,GAAG;AACtB,aAAO,iBAAiB,UAAU,UAAU,KAAK;AAEjD,aAAO,MAAM;AACT,eAAO,oBAAoB,UAAU,UAAU,KAAK;AAAA,MACxD;AAAA,IACJ,OAAO;AACH,YAAM,yBAAyB,IAAI,OAAO,eAAe,CAAC,YAAY;AAClE,YAAI,CAAC,QAAQ,QAAQ;AACjB;AAAA,QACJ;AAEA,iBAAS;AAAA,MACb,CAAC;AAED,6BAAuB,QAAQ,SAAS,EAAE,IAAI,CAAC;AAE/C,aAAO,MAAM;AACT,YAAI,SAAS;AACT,iCAAuB,UAAU,OAAO;AAAA,QAC5C;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,KAAK,GAAG,CAAC;AAC3B;;;AFlCA,IAAM,gBAAgB,CAAC,OAA0F;AAA1F,eAAE,QAAM,UAAU,aAAa,kBAhCtD,IAgCuB,IAAqD,uBAArD,IAAqD,CAAnD,QAAM,YAAU,eAAa;AAhCtD,MAAAC,KAAAC;AAiCI,QAAM,QAAQC,YAAW,oBAAoB;AAE7C,QAAM,UAAQF,MAAA,+BAAO,iBAAP,gBAAAA,IAAqB,UAAS;AAC5C,QAAM,cAAa,+BAAO,eAAc;AAExC,QAAM,UAAQC,MAAA,yCAAY,MAAM,+BAAO,oBAAzB,gBAAAA,IAA2C,OAAM;AAC/D,QAAM,OAAO,yCAAY,MAAM,OAAO;AAEtC,SACI;AAAA,IAACE;AAAA,IAAA,iCACO,aADP;AAAA,MAEG,WAAW,CAAC,EAAE,eAAe,WAAW,MACpC;AAAA,QACI;AAAA,QACA,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjBC,OAAM,IAAI,EAAE;AAAA,MAChB;AAAA;AAAA,IAGH,CAAC,EAAE,WAAW,MACX,0DACI,oCAAC,cAAW,WAAU,0DAAyD,GAE/E,oCAAC,SAAI,WAAU,6CACV,cACG,oCAAC,UAAK,WAAU,2EAA0E,eAAY,UAClG,oCAAC,OAAE,WAAW,GAAG,oCAAoC,cAAc,eAAe,KAAI,KAAM,GAC3F,QAAQ,oCAAC,OAAE,WAAW,GAAG,kCAAkC,cAAc,eAAe,KAAI,IAAK,CACtG,GAGJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAU;AAAA;AAAA,IACd,CACJ,GAEC,YACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,cAAc;AAAA,UACdD,OAAM,IAAI,EAAE;AAAA,UACZ;AAAA,QACJ;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,WAAW;AAAA,YACP;AAAA,YACA,cAAc;AAAA,UAClB;AAAA,UACA,eAAY;AAAA;AAAA,QACf;AAAA,MAED;AAAA,IACJ,CAER;AAAA,EAER;AAER;AAEO,IAAM,WAAW,CAAC,OAA+H;AAA/H,eAAE,gBAAc,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,OAAO,kBAjGlG,IAiGyB,IAA+F,uBAA/F,IAA+F,CAA7F,eAAwB,YAAiB,QAAa,YAAU,SAAO;AAC9F,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,cAAc,eAAe,IAAIE,UAAS,EAAE;AAGnD,QAAM,WAAW,YAAY,MAAM;AAtGvC,QAAAN;AAuGQ,QAAI,CAAC,eAAe,QAAS;AAE7B,UAAM,WAAUA,MAAA,eAAe,YAAf,gBAAAA,IAAwB;AAExC,oBAAgB,QAAQ,QAAQ,IAAI;AAAA,EACxC,GAAG,CAAC,gBAAgB,eAAe,CAAC;AAEpC,oBAAkB;AAAA,IACd,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,EACJ,CAAC;AAED,SACI,oCAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,KAAK,KAClC,oCAAC,+BAAa,aAAY,WAAY,aACjC,CAAC,UACE,oCAAC,SAAI,WAAU,2BACV,WAAW,SACR,oCAAC,SAAM,YAAY,MAAM,YAAY,SAAS,WAAW,WACpD,WAAW,KAChB,GAGJ;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA,SAAS;AAAA,MACT,gBAAgB;AAAA;AAAA,EACpB,GAEA,oCAAC,WAAQ,MAAY,YAAY,gBAAgB,OAAO,EAAE,OAAO,aAAa,GAAG,WAAW,WAAW,oBACnG,oCAAC,eAAY,OAAc,WAAU,8BAChC,QACL,CACJ,GAEC,WAAW,QAAQ,oCAAC,YAAS,WAAW,MAAM,aAAY,WAAW,IAAK,CAC/E,CAER,CACJ;AAER;;;AGrJA,SAAS,kBAAAO,iBAAgB,cAAAC,mBAAkB;AAC3C,SAAS,aAAa;AAEtB,SAAS,eAAe,iBAAiB,QAAQC,iBAAgB;AAOjE,IAAMC,SAAQ;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AACR;AAIO,IAAM,aAAa,CAAC,OAA4H;AAA5H,eAAE,SAAO,IAAI,OAAO,WAAW,gBAAgB,YAAY,MAAM,MAAM,WAAW,SAnB7G,IAmB2B,IAA+F,kBAA/F,IAA+F,CAA7F,SAAO,MAAI,SAAO,aAAW,kBAAgB,cAAY,QAAY,aAAW;AACzG,QAAM,EAAE,KAAK,IAAIC,YAAW,aAAa;AAEzC,QAAM,kBAAkB,UAAU,OAAO,aAAa,WAAW,WAAW;AAC5E,QAAM,YAAY,iBAAiB,kBAAkB,MAAM,iBAAiB;AAE5E,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OACI,wBAAS;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,MACV;AAAA,MAEJ;AAAA,MACA;AAAA,OACI,QAdP;AAAA,MAeG,WAAW,CAAC,UAAU,GAAG,sCAAsC,OAAO,cAAc,aAAa,UAAU,KAAK,IAAI,SAAS;AAAA;AAAA,IAE5H,CAAC,UACE;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,MAAM,cAAc;AAAA,UACpB,MAAM,cAAc;AAAA,UACpB,MAAM,aAAa;AAAA,UACnB,MAAM,kBAAkB;AAAA;AAAA,UAGxB;AAAA,UACA,MAAM,cAAc;AAAA,UAEpBD,OAAM,IAAI;AAAA,QACd;AAAA;AAAA,MAEC,YACG,oCAAC,UAAO,eAAY,QAAO,MAAK,MAAK,KAAK,WAAW,KAAK,OAAO,IACjE,iBAAiB,IAAI,IACrB,oCAAC,QAAK,aAAS,MAAC,eAAY,QAAO,IACnCE,gBAAe,IAAI,IACnB,OACA;AAAA,MAEJ,oCAAC,SAAI,WAAU,kDACX;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAW,GAAG,+DAA+D,MAAM,cAAc,eAAe;AAAA;AAAA,QAE/G,UAAU,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI;AAAA,MAClE,GAEC,kBACG,oCAACA,WAAA,EAAS,MAAK,eAAc,WAAW,GAAG,2CAA2C,MAAM,cAAc,eAAe,KACpH,cACL,CAER;AAAA,MAEC,MAAM,cACH;AAAA,QAAC;AAAA;AAAA,UACG,eAAY;AAAA,UACZ,WAAW;AAAA,YACP;AAAA,YACA,SAAS,OAAO,0BAA0B;AAAA,YAC1C,MAAM,cAAc;AAAA,UACxB;AAAA;AAAA,MACJ;AAAA,IAER;AAAA,EAER;AAER;;;AP9CO,IAAMC,SAAQ;AAAA,EACjB,IAAI,EAAE,MAAM,aAAa,UAAU,SAAS;AAAA,EAC5C,IAAI,EAAE,MAAM,iBAAiB,UAAU,OAAO;AAClD;AAEA,IAAM,cAAc,CAAC,EAAE,QAAQ,WAAW,YAAY,MAAM,aAAa,iBAAiB,IAAI,MAAwB;AAClH,SACI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,SACC,aAAa,WAAW;AAAA,QACzB,cAAc;AAAA,MAClB;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA;AAAA,UAGA;AAAA,UAEAD,OAAM,IAAI,EAAE;AAAA,QAChB;AAAA;AAAA,MAEC,CAAC,UAAU;AA3E5B;AA4EoB,cAAM,SAAO,WAAM,iBAAN,mBAAoB,SAAQ;AACzC,eACI,4DACK,WAAM,iBAAN,mBAAoB,aACjB,oCAAC,UAAO,MAAK,MAAK,KAAK,MAAM,aAAa,WAAW,KAAK,MAAM,aAAa,OAAO,IACpF,iBAAiB,IAAI,IACrB,oCAAC,QAAK,aAAS,MAAC,eAAY,QAAO,IACnCE,gBAAe,IAAI,IACnB,OACA,MAEH,MAAM,eACH,oCAAC,aAAQ,WAAU,gCACf,oCAAC,OAAE,WAAU,gDAA6C,WAAM,iBAAN,mBAAoB,KAAM,KACnF,WAAM,iBAAN,mBAAoB,mBAAkB,oCAAC,OAAE,WAAU,4BAAyB,WAAM,iBAAN,mBAAoB,cAAe,CACpH,IAEA,oCAAC,OAAE,WAAW,GAAG,4BAA4B,cAAc,eAAe,KAAI,WAAY,GAG9F;AAAA,UAAC;AAAA;AAAA,YACG,eAAY;AAAA,YACZ,WAAW,GAAG,uCAAuC,SAAS,OAAO,0BAA0B,QAAQ;AAAA;AAAA,QAC3G,CACJ;AAAA,MAER;AAAA,IACJ;AAAA,EACJ;AAER;AAEO,IAAM,gBAAgBC,eAAqC,EAAE,MAAM,KAAK,CAAC;AAEhF,IAAM,SAAS,CAAC,OAAqI;AAArI,eAAE,gBAAc,UAAU,iBAAiB,OAAO,MAAM,UAAU,OAAO,OAAO,MAAM,SAAS,UA9G/G,IA8GgB,IAA6G,iBAA7G,IAA6G,CAA3G,eAAwB,mBAAiB,QAAa,YAAU,SAAO,SAAO,QAAM,WAAS;AAC3G,SACI,oCAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,KAAK,KAClC,oCAAC,6CAAe,OAAf,EAAqB,WAAW,CAAC,UAAU,GAAG,yBAAyB,OAAO,cAAc,aAAa,UAAU,KAAK,IAAI,SAAS,MACjI,CAAC,UACE,0DACK,SACG,oCAAC,SAAM,YAAY,MAAM,YAAY,WAChC,KACL,GAGJ,oCAAC,6DAAgB,QAAW,EAAE,MAAM,YAAY,IAA/C,EAAkD,kBAAkC,GAErF,oCAAC,WAAQ,MAAY,WAAW,KAAK,oBACjC,oCAACC,cAAA,EAAY,OAAc,WAAU,8BAChC,QACL,CACJ,GAEC,QAAQ,oCAAC,YAAS,WAAW,MAAM,aAAY,IAAK,CACzD,CAER,CACJ;AAER;AAEA,IAAM,UAAU;AAIhB,QAAQ,WAAW;AACnB,QAAQ,OAAO;;;AQ7If,SAAoC,SAAAC,cAAa;AACjD,SAAS,eAAAC,oBAAmB;AAYrB,IAAM,eAAe,CAAC,OAAsF;AAAtF,eAAE,SAAO,MAAM,SAAS,WAAW,gBAfhE,IAe6B,IAAuD,kBAAvD,IAAuD,CAArD,SAAO,QAAM,WAAS,aAAW;AAC5D,QAAM,KAAKC,OAAM;AACjB,QAAM,WAAW,iBAAiB,EAAE;AACpC,QAAM,SAAS,sBAAsB,EAAE;AAEvC,SACI,oCAAC,SAAI,WAAW,GAAG,sCAAsC,SAAS,KAC7D,SACG,oCAAC,SAAM,SAAS,UAAU,IAAI,UAAU,WAAU,YAC7C,KACL,GAGJ,oCAAC,SAAI,WAAU,uCACX;AAAA,IAAC;AAAA,qCACO,QADP;AAAA,MAEG,IAAI;AAAA,MACJ,oBAAkB;AAAA,MAClB,mBAAiB;AAAA,MACjB,WAAW;AAAA,QACP;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,IAEC,QAAQ,IAAI,CAAC,QACV,oCAAC,YAAO,KAAK,IAAI,OAAO,OAAO,IAAI,SAC9B,IAAI,KACT,CACH;AAAA,EACL,GACA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,eAAY;AAAA,MACZ,WAAU;AAAA;AAAA,EACd,CACJ,GAEC,QACG,oCAAC,YAAS,WAAU,QAAO,IAAI,UAC1B,IACL,CAER;AAER;;;AC/DA,OAAOC,UAAS,YAAAC,WAAU,aAAAC,YAAW,eAAe;AACpD,OAAOC,YAAW;;;ACEX,IAAM,iBAAiB,CAAC,SAAkC;AAG/D,QAAM,YAAY;AAAA;AAAA,IAEhB,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,IACjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE/D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,qBAAqB,qBAAqB,mBAAmB;AAAA;AAAA;AAAA,IAE9D,CAAC,sBAAsB,sBAAsB,mBAAmB;AAAA;AAAA;AAAA,IAEhE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA;AAAA,IAEjE,CAAC,sBAAsB,sBAAsB,oBAAoB;AAAA;AAAA,EACnE;AAGA,QAAM,QAAQ,OAAO,SAAS,WAC1B,KAAK,MAAM,EAAE,EAAE,OAAO,CAAC,KAAK,SAAS,MAAM,KAAK,WAAW,CAAC,GAAG,CAAC,IAAI,UAAU,SAC9E,OAAO,IAAI,IAAI,UAAU;AAE7B,QAAM,CAAC,QAAQ,QAAQ,MAAM,IAAI,UAAU,KAAK;AAGhD,QAAM,MAAM;AAAA;AAAA;AAAA,kCAGoB,KAAK;AAAA,gDACS,MAAM;AAAA,iDACL,MAAM;AAAA,kDACL,MAAM;AAAA;AAAA;AAAA,sDAGF,KAAK;AAAA;AAAA,IAEvD,KAAK;AAGP,SAAO,6BAA6B,KAAK,GAAG,CAAC;AAC/C;;;ADZe,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AAEzB,QAAM,EAAE,UAAU,SAAS,IAAI,QAAQ,MAAM;AAE3C,UAAM,cAAa,yDAAoB,oBAAmB;AAC1D,UAAM,eAAc,+CAAe,iBAAgB,CAAC;AAGpD,QAAI,UAAU;AACZ,aAAO,EAAE,UAAU,UAAU,UAAU,YAAY,OAAO,GAAG;AAAA,IAC/D;AAGA,SAAI,6BAAM,sBAAqB,KAAK,kBAAkB,SAAS,GAAG;AAChE,YAAM,mBAAmB,KAAK;AAC9B,YAAM,gBAAgB,iBAAiB,KAAK,CAAC,OAAO,GAAG,QAAQ,KAAK,iBAAiB,CAAC;AACtF,YAAM,QAAQ,+CAAe;AAE7B,UAAI,OAAO;AACT,cAAM,MAAM,MAAM,aAAa,MAAM,cAAc,MAAM,iBAAiB,MAAM;AAChF,YAAI,KAAK;AACP,iBAAO;AAAA,YACL,UAAU;AAAA,YACV,UAAU,MAAM,SAAS,KAAK,QAAQ,KAAK,SAAS,OAAO;AAAA,UAC7D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAGA,QAAI,cAAc,YAAY,SAAS,GAAG;AAExC,YAAM,UAAS,6BAAM,OAAM,cAAc;AACzC,YAAM,YAAY,OAAO,WAAW,WAAW,SAAS,OAAO,WAAW,WAAW,SAAS,QAAQ,EAAE,KAAK,IAAI;AACjH,YAAM,kBAAkB,YAAY,YAAY;AAChD,YAAM,aAAa,YAAY,eAAe;AAC9C,UAAI,yCAAY,KAAK;AACnB,eAAO;AAAA,UACL,UAAU,WAAW;AAAA,UACrB,UAAU,WAAW,QAAO,6BAAM,UAAQ,6BAAM,UAAS,OAAO;AAAA,QAClE;AAAA,MACF;AAAA,IACF;AAGA,UAAM,KAAK,eAAc,6BAAM,OAAM;AACrC,WAAO;AAAA,MACL,UAAU,eAAe,EAAE;AAAA,MAC3B,WAAU,6BAAM,UAAQ,6BAAM,UAAS,OAAO;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,UAAU,YAAY,KAAK,eAAe,kBAAkB,CAAC;AAEjF,QAAM,CAAC,UAAU,WAAW,IAAIC,UAAS,KAAK;AAC9C,QAAM,SAASC,OAAM,OAAyB,IAAI;AAGlD,EAAAC,WAAU,MAAM;AAEd,UAAM,aAAa,WAAW,MAAM;AAClC,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC;AAGJ,UAAM,aAAa,WAAW,MAAM;AArHxC;AAsHM,YAAI,YAAO,YAAP,mBAAgB,aAAY,OAAO,QAAQ,eAAe,GAAG;AAC/D,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF,GAAG,CAAC;AAEJ,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,YAAYD,OAAM,YAAY,CAAC,QAAiC;AACpE,WAAO,UAAU;AACjB,QAAI,OAAO,IAAI,YAAY,IAAI,eAAe,GAAG;AAC/C,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA,OAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,SAAS,gDACrB,WAAW,gBAAgB,WAC7B;AAAA,MACA,QAAQ,MAAM,YAAY,IAAI;AAAA,MAC9B,SAAS,MAAM,YAAY,IAAI;AAAA;AAAA,EACjC;AAEJ;;;AExJA,OAAOC,YAAW;AAClB,SAAS,KAAK,cAAc;;;AC+PrB,IAAM,aAAa;AAAA,EACtB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACjB;;;AD7PA,IAAM,WAAW;AAAA,EACb,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,IAAI;AAAA,EAC1B,IAAI,EAAE,IAAI,IAAI,GAAG,GAAG,GAAG,EAAE;AAC7B;AAEO,IAAM,MAAM,CAAC,OAAyF;AAAzF,eAAE,SAAO,KAf7B,IAeoB,IAAkB,kBAAlB,IAAkB,CAAhB;AAClB,SACI,oCAAC,wBAAI,OAAO,SAAS,IAAI,EAAE,IAAI,QAAQ,SAAS,IAAI,EAAE,IAAI,SAAS,OAAO,SAAS,IAAI,EAAE,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,IAAI,MAAK,UAAW,QAChI,oCAAC,YAAO,IAAI,SAAS,IAAI,EAAE,GAAG,IAAI,SAAS,IAAI,EAAE,GAAG,GAAG,SAAS,IAAI,EAAE,GAAG,MAAK,gBAAe,QAAO,gBAAe,CACvH;AAER;AAEO,IAAM,eAA0F;AAAA,EACnG,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,EACjB;AACJ;AAEA,IAAM,kBAAkB,OAAO,YAAY,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EAAE,MAAM,IAAI,OAAO,MAAM,MAAM,CAAC,CAAC,CAAC;AAKtI,IAAM,gBAAgB;AAAA,EAClB,CAAC,WAAW,SAAS,GAAG;AAAA,IACpB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,CAAC,WAAW,UAAU,GAAG;AAAA,IACrB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,CAAC,WAAW,WAAW,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,QAAQ;AAAA,MACJ,MAAM;AAAA,QACF,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MACjB;AAAA,IACJ;AAAA,EACJ;AACJ;AAEA,IAAM,iBAAiB;AAAA,EACnB,CAAC,WAAW,SAAS,GAAG;AAAA,IACpB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,CAAC,WAAW,UAAU,GAAG;AAAA,IACrB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,CAAC,WAAW,WAAW,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAYO,IAAM,QAAQ,CAAuB,UAAyB;AACjE,QAAM,EAAE,OAAO,cAAc,OAAO,MAAM,QAAQ,QAAQ,SAAS,IAAI;AACvE,QAAM,SAAS,cAAc,IAAI;AAEjC,QAAM,YAAY;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACf,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACR;AAEA,QAAMC,SAAQ;AAAA,IACV,CAAC,WAAW,SAAS,GAAG;AAAA,IACxB,CAAC,WAAW,UAAU,GAAG;AAAA,IACzB,CAAC,WAAW,WAAW,GAAG;AAAA,EAC9B;AAEA,SAAO,oCAAC,UAAK,WAAW,GAAG,OAAO,QAAQA,OAAM,IAAI,EAAE,IAAI,GAAG,OAAO,OAAO,KAAK,EAAE,MAAM,MAAM,SAAS,KAAI,QAAS;AACxH;AAUO,IAAM,eAAe,CAAuB,UAAgC;AAC/E,QAAM,EAAE,OAAO,MAAM,QAAQ,QAAQ,OAAO,cAAc,WAAW,SAAS,IAAI;AAElF,QAAM,SAAS,eAAe,IAAI;AAElC,QAAM,YAAY;AAAA,IACd,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACR;AAEA,QAAM,aAAa;AAAA,IACf,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACR;AAEA,QAAMA,SAAQ;AAAA,IACV,CAAC,WAAW,SAAS,GAAG;AAAA,IACxB,CAAC,WAAW,UAAU,GAAG;AAAA,IACzB,CAAC,WAAW,WAAW,GAAG;AAAA,EAC9B;AAEA,SACI,oCAAC,UAAK,WAAW,GAAG,OAAO,QAAQA,OAAM,IAAI,EAAE,IAAI,GAAG,OAAO,OAAO,KAAK,EAAE,MAAM,SAAS,KACtF,oCAAC,OAAI,WAAW,OAAO,OAAO,KAAK,EAAE,OAAO,MAAK,MAAK,GACrD,QACL;AAER;;;AEnMA,SAAS,iBAAAC,gBAAe,kBAAAC,uBAAsB;AAC9C,SAAS,kBAAkB;AAS3B,IAAM,cAA+E;AAAA,EACjF,OAAO;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AACJ;AAEA,IAAM,iBAAiB,CACnB,OACA,MACA,UAC+F;AAAA,EAC/F,SAAS;AAAA,IACL,IAAI;AAAA,MACA,MAAM,GAAG,sCAAsC,CAAC,QAAQ,CAAC,QAAQ,MAAM;AAAA,MACvE,OAAO,GAAG,eAAe,UAAU,YAAY,gBAAgB,QAAQ,MAAM;AAAA,MAC7E,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM,GAAG,sCAAsC,CAAC,QAAQ,CAAC,QAAQ,MAAM;AAAA,MACvE,OAAO,GAAG,iBAAiB,UAAU,YAAY,gBAAgB,QAAQ,MAAM;AAAA,MAC/E,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACN,IAAI;AAAA,MACA,MAAM,GAAG,sCAAsC,UAAU,YAAY,QAAQ;AAAA,MAC7E,OAAO,GAAG,sBAAsB,UAAU,YAAY,eAAe,QAAQ,MAAM;AAAA,MACnF,MAAM;AAAA,MACN,KAAK;AAAA,IACT;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,MACN,OAAO,GAAG,sBAAsB,UAAU,YAAY,eAAe,QAAQ,MAAM;AAAA,MACnF,MAAM;AAAA,MACN,KAAK;AAAA,IACT;AAAA,EACJ;AACJ;AAEA,IAAM,eAA6G,OAAO;AAAA,EACtH,OAAO;AAAA,IACH,OAAO;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,OAAO;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EACA,QAAQ;AAAA,IACJ,OAAO;AAAA,MACH,KAAK;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACF,KAAK;AAAA,IACT;AAAA,IACA,OAAO;AAAA,MACH,KAAK;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACL,KAAK;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACL,KAAK;AAAA,IACT;AAAA,EACJ;AACJ,CAAC;AAgBM,IAAM,aAAa,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA,cAAc,eAAe;AACjC,MAAuB;AACnB,QAAM,SAAS,aAAa,KAAK,EAAE,KAAK;AACxC,QAAMC,SAAQ,eAAe,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI;AAE3E,QAAM,cAAc;AAAA,IAChB;AAAA,IACA,YAAY,KAAK,EAAE;AAAA,IACnBA,OAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,EACJ;AACA,QAAM,eAAe,GAAG,4BAA4B,YAAY,KAAK,EAAE,OAAOA,OAAM,OAAO,OAAO,KAAK;AACvG,QAAM,aAAa,GAAG,6CAA6CA,OAAM,KAAK,OAAO,GAAG;AACxF,QAAM,cAAc,GAAG,YAAY,KAAK,EAAE,MAAMA,OAAM,MAAM,OAAO,IAAI;AAEvE,MAAI,UAAU,YAAY;AACtB,WACI,oCAAC,SAAI,WAAW,eACX,UAAU,YAAY,oCAAC,UAAK,WAAW,YAAY,GAEnD,UAED,oCAAC,UAAK,WAAW,gBACZ,WAGA,iBAAiB,YAAY,KAAKC,eAAc,cAAc,EAAE,WAAW,YAAY,CAA4B,GACnHC,gBAAe,YAAY,KAAK,YACrC,CACJ;AAAA,EAER;AAEA,SACI,oCAAC,SAAI,WAAW,eACZ,oCAAC,UAAK,WAAW,gBACZ,UAAU,YAAY,oCAAC,UAAK,WAAW,YAAY,GACnD,SACL,GAEC,UAGA,iBAAiB,YAAY,KAAKD,eAAc,cAAc,EAAE,WAAW,YAAY,CAA4B,GACnHC,gBAAe,YAAY,KAAK,YACrC;AAER;;;AC5KA,SAAS,SAAAC,cAAa;AAGf,IAAM,kBAAkB,CAAC,cAAsB,QAAgB,YAAoB,MAAM;AAE5F,QAAM,gBAAgB,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC,GAAG,SAAS;AAE7D,QAAM,OAAO,gBAAgB;AAE7B,MAAI,QAAQ,EAAG,QAAO;AACtB,MAAI,QAAQ,EAAG,QAAO;AAEtB,SAAO,KAAK,MAAM,OAAO,GAAG;AAChC;AAWO,IAAM,WAAW,CAAC,OAAgD;AAAhD,eAAE,aAAW,IA3BtC,IA2ByB,IAAqB,kBAArB,IAAqB,CAAnB;AACvB,QAAM,KAAKC,OAAM;AAEjB,SACI,oCAAC,sCAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UAAW,QAA/D,EAAsE,WAAW,GAAG,2BAA2B,MAAM,SAAS,MAC3H;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,WAAU;AAAA;AAAA,EACd,GACA,oCAAC,OAAE,UAAU,aAAa,EAAE,OACxB;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACT,CACJ,GACA,oCAAC,cACG,oCAAC,cAAS,IAAI,QAAQ,EAAE,MACpB,oCAAC,UAAK,OAAO,GAAG,QAAQ,KAAK,QAAO,MAAK,MAAK,SAAQ,CAC1D,CACJ,CACJ;AAER;AAmBO,IAAM,cAAc,CAAC,OAAyE;AAAzE,eAAE,WAAS,GAAG,QAAQ,GAAG,cApErD,IAoE4B,IAA2C,kBAA3C,IAA2C,CAAzC,UAAY,SAAW;AACjD,SACI,oCAAC,wCAAQ,QAAR,EAAe,WAAW,GAAG,QAAQ,MAAM,SAAS,MAChD,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UACnC,oCAAC,YAAS,KAAK,OAAO,UAAU,gBAAgB,OAAO,QAAQ,KAAK,GAAG,WAAW,eAAe,CACpG,CACL;AAER;;;ACtEO,IAAM,SAAS,CAAC,UACnB,oCAAC,sCAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UAAW,QAA/D,EAAsE,WAAW,GAAG,mBAAmB,MAAM,SAAS,MACnH;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,GACA;AAAA,EAAC;AAAA;AAAA,IACG,UAAS;AAAA,IACT,UAAS;AAAA,IACT,GAAE;AAAA,IACF,MAAK;AAAA;AACT,CACJ;AAUG,IAAM,cAAc,CAAC,OAA+H;AAA/H,eAAE,UAAQ,oBAAoB,WAAW,kBAAkB,QAAQ,QAAQ,QAAQ,UA9H/G,IA8H4B,IAAiG,kBAAjG,IAAiG,CAA/F,SAA4B,YAA6B,UAAQ,SAAgB;AAC3G,SACI,oCAAC,wCAAQ,QAAR,EAAe,WAAW,GAAG,kCAAkC,SAAS,MACrE,oCAAC,UAAO,WAAW,GAAG,YAAY,UAAU,WAAW,eAAe,GAAG,GAEzE,oCAAC,SAAI,WAAU,sCACX,oCAAC,eAAY,QAAgB,WAAU,WAAU,eAAc,UAAS,GAExE,oCAAC,SAAI,WAAU,iBACX,oCAAC,OAAE,WAAW,GAAG,yBAAyB,UAAU,UAAU,0BAA0B,cAAc,KAAI,KAAM,GAChH,oCAAC,OAAE,WAAW,GAAG,uBAAuB,UAAU,UAAU,4BAA4B,gBAAgB,KAAI,QAAS,CACzH,CACJ,GAEA,oCAAC,UAAO,WAAW,GAAG,yBAAyB,UAAU,WAAW,eAAe,GAAG,CAC1F;AAER;;;ACzIA,IAAMC,UAAS;AAAA,EACX,IAAI,EAAE,MAAM,SAAS,OAAO,yBAAyB,UAAU,UAAU;AAAA,EACzE,IAAI,EAAE,MAAM,SAAS,OAAO,yBAAyB,UAAU,UAAU;AAAA,EACzE,IAAI,EAAE,MAAM,SAAS,OAAO,yBAAyB,UAAU,UAAU;AAAA,EACzE,IAAI,EAAE,MAAM,SAAS,OAAO,yBAAyB,UAAU,UAAU;AAC7E;AAQO,IAAM,mBAAmB,CAAC,OAAoE;AAApE,eAAE,SAAO,UAAU,UAnBpD,IAmBiC,IAAiC,kBAAjC,IAAiC,CAA/B,SAAO,YAAU;AAChD,SACI,oCAAC,YAAO,WAAW,GAAG,0CAA0CA,QAAO,MAAM,IAAI,EAAE,MAAM,SAAS,KAC9F,oCAAC,2BAAW,MAAO,GACnB,oCAAC,gBAAW,WAAU,oBAClB,oCAAC,OAAE,WAAW,GAAG,gBAAgBA,QAAO,MAAM,IAAI,EAAE,KAAK,KAAI,KAAM,GACnE,oCAAC,OAAE,WAAW,GAAG,0BAA0BA,QAAO,MAAM,IAAI,EAAE,QAAQ,KAAI,QAAS,CACvF,CACJ;AAER;;;AC3BA,SAAS,mBAAmB;AASrB,IAAM,aAAa,CAAC,EAAE,UAAU,WAAW,aAAa,MAAuB;AACpF,SACE,oCAAC,SAAI,WAAU,QAAO,cAAW,gBAC/B,oCAAC,SAAI,WAAU,6BACb;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAU;AAAA;AAAA,IAET;AAAA,EACH,GACA,oCAAC,UAAK,WAAU,mBAAgB,GAAC,GACjC,oCAAC,UAAK,WAAU,8BAA4B,YAAa,CAC3D,CACF;AAEJ;;;AC5BA,SAAS,iBAAAC,gBAAe,kBAAAC,uBAAsB;AAI9C,IAAM,aAAa;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEA,IAAMC,UAAS,OAAO;AAAA,EAClB,OAAO;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EAEA,UAAU;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EAEA,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EAEA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACX,MAAM;AAAA,MACF;AAAA;AAAA,MAEA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EAEA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ;AACJ,CAAC;AAYM,IAAM,eAAe,CAAC,UAA6B;AACtD,QAA8F,YAAtF,SAAO,MAAM,OAAO,UAAU,SAAS,QAAQ,SAAS,MAAM,KAlI1E,IAkIkG,IAAf,uBAAe,IAAf,CAAvE,QAAa,SAA0B,SAAiB;AAEhE,SACI;AAAA,IAAC;AAAA,qCACO,aADP;AAAA,MAEG,sBAAkB;AAAA,MAClB,WAAW;AAAA,QACP;AAAA,QAEA,WAAW,IAAI;AAAA,QACfA,QAAO,OAAO,EAAE;AAAA,QAChBA,QAAO,OAAO,EAAE,MAAM,IAAI;AAAA,QAC1BA,QAAO,OAAO,EAAE,OAAO,KAAK;AAAA,QAE5B,MAAM;AAAA,MACV;AAAA;AAAA,IAEC,iBAAiB,IAAI,KAAKC,eAAc,MAAM,EAAE,aAAa,MAAM,WAAW,MAAM,CAA4B;AAAA,IAChHC,gBAAe,IAAI,KAAK,oCAAC,SAAI,WAAU,SAAO,IAAK;AAAA,IAEnD,MAAM;AAAA,EACX;AAER;;;ACvJA,SAAS,WAAW,cAAAC,mBAAkB;;;ACAtC,SAAS,4BAA4B;AAErC,IAAM,UAAU;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACX;AAUO,IAAM,gBAAgB,CAAC,SAA4C;AACtE,SAAO;AAAA,IACH,CAAC,kBAAkB;AACf,UAAI,OAAO,WAAW,aAAa;AAC/B,eAAO,MAAM;AAAA,QAAC;AAAA,MAClB;AACA,YAAM,aAAa,OAAO,WAAW,eAAe,QAAQ,IAAI,CAAC,GAAG;AACpE,iBAAW,iBAAiB,UAAU,aAAa;AACnD,aAAO,MAAM,WAAW,oBAAoB,UAAU,aAAa;AAAA,IACvE;AAAA,IACA,MAAM;AACF,UAAI,OAAO,WAAW,aAAa;AAC/B,eAAO;AAAA,MACX;AACA,aAAO,OAAO,WAAW,eAAe,QAAQ,IAAI,CAAC,GAAG,EAAE;AAAA,IAC9D;AAAA,IACA,MAAM;AAAA,EACV;AACJ;;;ACnCA,OAAOC,UAAS,cAAc,iBAAAC,gBAAe,kBAAAC,iBAAgB,cAAAC,aAAY,WAAAC,gBAAe;AA6BxF,IAAM,oBAAoBC,eAAiD,MAAS;AAkBpF,IAAM,iBAAiB,CAAC,EAAE,OAAO,eAAe,GAAG,MAAM,cAAc,UAAU,OAAO,UAAU,MAA2B;AACzH,QAAM,QAAQC,SAAQ,MAA4B;AAC9C,UAAM,QAA8B,CAAC;AAErC,UAAM,mBAAmB,eAAe,IAAI;AAI5C,QAAI,oBAAoB,OAAO;AAC3B,eAAS,IAAI,GAAG,KAAK,OAAO,KAAK;AAC7B,cAAM,KAAK;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,MAAM;AAAA,QACrB,CAAC;AAAA,MACL;AAAA,IACJ,OAAO;AAEH,YAAM,mBAAmB,KAAK,IAAI,OAAO,cAAc,CAAC;AACxD,YAAM,oBAAoB,KAAK,IAAI,OAAO,cAAc,KAAK;AAG7D,YAAM,mBAAmB,mBAAmB;AAC5C,YAAM,oBAAoB,oBAAoB,QAAQ;AAGtD,UAAI,CAAC,oBAAoB,mBAAmB;AAExC,cAAM,gBAAgB,eAAe,IAAI;AACzC,cAAM,YAAY,MAAM,GAAG,aAAa;AAExC,kBAAU;AAAA,UAAQ,CAAC,YACf,MAAM,KAAK;AAAA,YACP,MAAM;AAAA,YACN,OAAO;AAAA,YACP,WAAW,YAAY;AAAA,UAC3B,CAAC;AAAA,QACL;AAGA,cAAM,KAAK,EAAE,MAAM,YAAY,KAAK,gBAAgB,EAAE,CAAC;AACvD,cAAM,KAAK;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,UAAU;AAAA,QACzB,CAAC;AAAA,MACL,WAES,oBAAoB,CAAC,mBAAmB;AAE7C,cAAM,iBAAiB,eAAe,IAAI;AAC1C,cAAM,aAAa,MAAM,QAAQ,iBAAiB,GAAG,KAAK;AAG1D,cAAM,KAAK;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,SAAS;AAAA,QACxB,CAAC;AACD,cAAM,KAAK,EAAE,MAAM,YAAY,KAAK,QAAQ,eAAe,CAAC;AAC5D,mBAAW;AAAA,UAAQ,CAAC,YAChB,MAAM,KAAK;AAAA,YACP,MAAM;AAAA,YACN,OAAO;AAAA,YACP,WAAW,YAAY;AAAA,UAC3B,CAAC;AAAA,QACL;AAAA,MACJ,WAES,oBAAoB,mBAAmB;AAE5C,cAAM,KAAK;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,SAAS;AAAA,QACxB,CAAC;AAED,cAAM,KAAK,EAAE,MAAM,YAAY,KAAK,mBAAmB,EAAE,CAAC;AAG1D,cAAM,cAAc,MAAM,kBAAkB,iBAAiB;AAC7D,oBAAY;AAAA,UAAQ,CAAC,YACjB,MAAM,KAAK;AAAA,YACP,MAAM;AAAA,YACN,OAAO;AAAA,YACP,WAAW,YAAY;AAAA,UAC3B,CAAC;AAAA,QACL;AAGA,cAAM,KAAK,EAAE,MAAM,YAAY,KAAK,oBAAoB,EAAE,CAAC;AAC3D,cAAM,KAAK;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,UAAU;AAAA,QACzB,CAAC;AAAA,MACL;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,OAAO,cAAc,IAAI,CAAC;AAE9B,QAAM,sBAAsB,CAAC,YAAoB;AAC7C,iDAAe;AAAA,EACnB;AAEA,QAAM,yBAAgD;AAAA,IAClD;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,cAAc;AAAA,EAClB;AAEA,SACI,gBAAAC,OAAA,cAAC,kBAAkB,UAAlB,EAA2B,OAAO,0BAC/B,gBAAAA,OAAA,cAAC,SAAI,cAAW,yBAAwB,OAAc,aACjD,QACL,CACJ;AAER;AAQA,IAAM,QAAQ,CAAC,OAAe,QAA0B;AACpD,QAAM,SAAS,MAAM,QAAQ;AAE7B,SAAO,MAAM,KAAK,EAAE,OAAO,GAAG,CAAC,GAAG,UAAU,QAAQ,KAAK;AAC7D;AAsBA,IAAM,UAA4B,CAAC,EAAE,UAAU,OAAO,WAAW,UAAU,OAAO,WAAW,UAAU,MAAM;AACzG,QAAM,UAAUC,YAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,6DAA6D;AAAA,EACjF;AAEA,QAAM,EAAE,aAAa,OAAO,aAAa,IAAI;AAE7C,QAAM,aAAa,cAAc,SAAS,eAAe,IAAI,eAAe;AAE5E,QAAM,cAAc,MAAM;AACtB,QAAI,WAAY;AAEhB,UAAM,UAAU,cAAc,SAAS,cAAc,IAAI,cAAc;AACvE,iDAAe;AAAA,EACnB;AAEA,QAAM,oBAAoB,OAAO,cAAc,aAAa,UAAU,EAAE,WAAW,CAAC,IAAI;AAExF,QAAM,mBAAmB,cAAc,SAAS,kBAAkB;AAGlE,MAAI,OAAO,aAAa,YAAY;AAChC,WAAO,gBAAAD,OAAA,cAAAA,OAAA,gBAAG,SAAS,EAAE,YAAY,SAAS,YAAY,CAAC,CAAE;AAAA,EAC7D;AAGA,MAAI,WAAWE,gBAAe,QAAQ,GAAG;AACrC,WAAO,aAAa,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA,cAAc,aAAa;AAAA,MAC3B,OAAO,kCAAM,SAAS,MAAsC,QAAU;AAAA,MACtE,WAAW,CAAC,mBAAoB,SAAS,MAAsC,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IAC3H,CAAgC;AAAA,EACpC;AAEA,SACI,gBAAAF,OAAA,cAAC,YAAO,cAAY,aAAa,kBAAkB,SAAS,aAAa,UAAU,YAAY,OAAc,WAAW,qBACnH,QACL;AAER;AAEA,IAAM,wBAA6D,CAAC,UAAU,gBAAAA,OAAA,cAAC,0CAAY,QAAZ,EAAmB,WAAU,SAAO;AAEnH,IAAM,wBAA6D,CAAC,UAAU,gBAAAA,OAAA,cAAC,0CAAY,QAAZ,EAAmB,WAAU,SAAO;AA2BnH,IAAM,iBAAiB,CAAC,EAAE,OAAO,WAAW,UAAU,OAAO,WAAW,WAAW,UAAU,MAAM,MAA2B;AAC1H,QAAM,UAAUC,YAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACrF;AAEA,QAAM,EAAE,aAAa,IAAI;AAEzB,QAAM,aAAa;AAEnB,QAAM,cAAc,MAAM;AACtB,iDAAe;AAAA,EACnB;AAEA,QAAM,oBAAoB,OAAO,cAAc,aAAa,UAAU,EAAE,WAAW,CAAC,IAAI;AAGxF,MAAI,OAAO,aAAa,YAAY;AAChC,WACI,gBAAAD,OAAA,cAAAA,OAAA,gBACK,SAAS;AAAA,MACN;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB,YAAY,SAAS;AAAA,MACrC,cAAc,aAAa,QAAQ,KAAK;AAAA,IAC5C,CAAC,CACL;AAAA,EAER;AAGA,MAAI,WAAWE,gBAAe,QAAQ,GAAG;AACrC,WAAO,aAAa,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,gBAAgB,YAAY,SAAS;AAAA,MACrC,cAAc,aAAa,QAAQ,KAAK;AAAA,MACxC,OAAO,kCAAM,SAAS,MAAsC,QAAU;AAAA,MACtE,WAAW,CAAC,mBAAoB,SAAS,MAAsC,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IAC3H,CAAgC;AAAA,EACpC;AAEA,SACI,gBAAAF,OAAA;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT;AAAA,MACA,WAAW;AAAA,MACX,gBAAc,YAAY,SAAS;AAAA,MACnC,cAAY,aAAa,QAAQ,KAAK;AAAA,MACtC,MAAK;AAAA;AAAA,IAEJ;AAAA,EACL;AAER;AAQA,IAAM,qBAAkD,CAAC,EAAE,UAAU,OAAO,UAAU,MAAM;AACxF,QAAM,oBAAoB,OAAO,cAAc,aAAa,UAAU,IAAI;AAE1E,SACI,gBAAAA,OAAA,cAAC,UAAK,OAAc,WAAW,mBAAmB,eAAY,UACzD,QACL;AAER;AAMA,IAAM,6BAAkE,CAAC,EAAE,SAAS,MAAM;AACtF,QAAM,UAAUC,YAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,6DAA6D;AAAA,EACjF;AAEA,SAAO,gBAAAD,OAAA,cAAAA,OAAA,gBAAG,SAAS,OAAO,CAAE;AAChC;AAEO,IAAM,aAAa;AAAA,EACtB,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AACb;;;AFnWA,IAAMG,kBAAiB,CAAC,EAAE,OAAO,SAAS,UAAU,MAAgE;AAChH,SACI;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACG;AAAA,MACA;AAAA,MACA,WAAW,CAAC,EAAE,WAAW,MACrB;AAAA,QACI;AAAA,QACA,UAAU,iBAAiB;AAAA,QAC3B,cAAc;AAAA,MAClB;AAAA;AAAA,IAGH;AAAA,EACL;AAER;AAuCO,IAAM,wBAAwB,CAAC,OAA4E;AAA5E,eAAE,WAAS,OAAO,GAAG,QAAQ,IAAI,UAtEvE,IAsEsC,IAA+C,kBAA/C,IAA+C,CAA7C,WAAS,QAAU,SAAY;AACnE,QAAM,YAAY,cAAc,IAAI;AAEpC,SACI;AAAA,IAAC,WAAW;AAAA,IAAX,iCACO,QADP;AAAA,MAEG;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yFAAyF,SAAS;AAAA;AAAA,IAEhH,oCAAC,SAAI,WAAU,yCACX,oCAAC,WAAW,aAAX,EAAuB,SAAO,QAC3B,oCAAC,UAAO,aAAa,WAAW,OAAM,aAAY,MAAK,QAClD,YAAY,aAAa,QAAW,GACzC,CACJ,CACJ;AAAA,IAEA,oCAAC,WAAW,aAAX,EAAuB,SAAO,MAAC,WAAU,eACtC,oCAAC,UAAO,aAAa,WAAW,OAAM,aAAY,MAAK,QAClD,YAAY,aAAa,MAC9B,CACJ;AAAA,IAEA,oCAAC,WAAW,SAAX,MACI,CAAC,EAAE,OAAO,aAAa,OAAAC,OAAM,MAC1B,0DACI,oCAAC,SAAI,WAAU,2CACV,MAAM;AAAA,MAAI,CAACC,OAAM,UACdA,MAAK,SAAS,SACV,oCAACC,iBAAA,iBAAe,KAAK,OAAO,WAAsBD,MAAM,IAExD,oCAAC,WAAW,UAAX,EAAoB,KAAK,OAAO,WAAU,qEAAkE,QAE7G;AAAA,IAER,CACJ,GAEA,oCAAC,SAAI,WAAU,4EAAyE,SAC/E,oCAAC,UAAK,WAAU,iBAAe,WAAY,GAAO,QAAI,oCAAC,UAAK,WAAU,iBAAeD,MAAM,CACpG,CACJ,CAER;AAAA,IAEA,oCAAC,SAAI,WAAU,uCACX,oCAAC,WAAW,aAAX,EAAuB,SAAO,QAC3B,oCAAC,UAAO,cAAcG,aAAY,OAAM,aAAY,MAAK,QACpD,YAAY,SAAS,MAC1B,CACJ,CACJ;AAAA,IACA,oCAAC,WAAW,aAAX,EAAuB,SAAO,MAAC,WAAU,eACtC,oCAAC,UAAO,cAAcA,aAAY,OAAM,aAAY,MAAK,QACpD,YAAY,SAAS,MAC1B,CACJ;AAAA,EACJ;AAER;AAEO,IAAM,8BAA8B,CAAC,OAA4E;AAA5E,eAAE,WAAS,OAAO,GAAG,QAAQ,IAAI,UApI7E,IAoI4C,IAA+C,kBAA/C,IAA+C,CAA7C,WAAS,QAAU,SAAY;AACzE,QAAM,YAAY,cAAc,IAAI;AAEpC,SACI;AAAA,IAAC,WAAW;AAAA,IAAX,iCACO,QADP;AAAA,MAEG;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yFAAyF,SAAS;AAAA;AAAA,IAEhH,oCAAC,SAAI,WAAU,+BACX,oCAAC,WAAW,aAAX,EAAuB,SAAO,QAC3B,oCAAC,UAAO,aAAa,WAAW,OAAM,aAAY,MAAK,QAClD,YAAY,aAAa,MAC9B,CACJ,CACJ;AAAA,IAEA,oCAAC,WAAW,SAAX,MACI,CAAC,EAAE,OAAO,aAAa,OAAAH,OAAM,MAC1B,0DACI,oCAAC,SAAI,WAAU,2CACV,MAAM;AAAA,MAAI,CAACC,OAAM,UACdA,MAAK,SAAS,SACV,oCAACC,iBAAA,iBAAe,KAAK,OAAO,WAAsBD,MAAM,IAExD,oCAAC,WAAW,UAAX,EAAoB,KAAK,OAAO,WAAU,qEAAkE,QAE7G;AAAA,IAER,CACJ,GAEA,oCAAC,SAAI,WAAU,4EAAyE,SAC/E,oCAAC,UAAK,WAAU,iBAAe,WAAY,GAAO,QAAI,oCAAC,UAAK,WAAU,iBAAeD,MAAM,CACpG,CACJ,CAER;AAAA,IAEA,oCAAC,SAAI,WAAU,6BACX,oCAAC,WAAW,aAAX,EAAuB,SAAO,QAC3B,oCAAC,UAAO,cAAcG,aAAY,OAAM,aAAY,MAAK,QACpD,YAAY,SAAS,MAC1B,CACJ,CACJ;AAAA,EACJ;AAER;;;AGnLA,SAAS,aAAAC,YAAW,UAAAC,SAAQ,YAAAC,WAAU,eAAAC,oBAAmB;AAmEzD,IAAM,sBAAsB;AAEb,SAAR,UAA2B,EAAE,SAAS,cAAc,YAAY,GAAG,GAAmB;AAC3F,QAAM,SAASF,QAAuB,IAAI;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAIC,UAAwB,IAAI;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAS,KAAK;AAC9C,QAAM,cAAcD,QAA8B,IAAI;AACtD,QAAM,iBAAiBA,QAAiC,IAAI;AAC5D,QAAM,oBAAoBA,QAAO,KAAK;AACtC,QAAM,kBAAkBA,QAAsB,IAAI;AAIlD,QAAM,aAAaA,QAAqC,IAAI;AAE5D,QAAM,UAAUE,aAAY,YAAY;AAEtC,QAAI,kBAAkB,QAAS;AAG/B,QAAI,CAAC,OAAO,WAAW,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,MAAM;AAC5D;AAAA,IACF;AAGA,QAAI,CAAC,OAAO,OAAO,KAAK,UAAU;AAChC,cAAQ,KAAK,qDAAqD;AAClE,iBAAW,MAAM;AAhGvB;AAiGQ,YAAI,OAAO,aAAW,kBAAO,WAAP,mBAAe,SAAf,mBAAqB,aAAY,WAAW,SAAS;AACzE,eAAK,WAAW,QAAQ;AAAA,QAC1B;AAAA,MACF,GAAG,GAAG;AACN;AAAA,IACF;AAGA,QAAI,CAAC,SAAS,KAAK,SAAS,OAAO,OAAO,GAAG;AAC3C;AAAA,IACF;AAEA,sBAAkB,UAAU;AAE5B,QAAI;AAEF,UAAI,eAAe,SAAS;AAE1B,cAAM,UAAU,eAAe,QAAQ,WAAW,CAAC;AACnD,gBAAQ,QAAQ,CAAC,WAAW;AAC1B,cAAI,OAAO,IAAK,QAAO,MAAM;AAAA,QAC/B,CAAC;AACD,uBAAe,UAAU;AAAA,MAC3B;AAGA,YAAM,gBAAgB,MAAM,OAAO,OAAO,KAAK,cAAc,QAAQ;AACrE,YAAM,wBAAwB,cAAc;AAG5C,kBAAY,UAAU,IAAI,OAAO,OAAO,KAAK,SAAS;AAGtD,kBAAY,QAAQ,QAAQ,EAAE,QAAQ,GAAG,CAAC,SAAuC,WAAmB;AAElG,YAAI,CAAC,OAAO,WAAW,CAAC,SAAS,KAAK,SAAS,OAAO,OAAO,GAAG;AAC9D,4BAAkB,UAAU;AAC5B;AAAA,QACF;AAEA,YAAI,WAAW,QAAQ,WAAW,QAAQ,CAAC,GAAG;AAC5C,gBAAM,WAAW,QAAQ,CAAC,EAAE,SAAS;AAKrC,cAAI,CAAC,OAAO,OAAQ;AACpB,gBAAM,MAAM,IAAI,OAAO,OAAO,KAAK,IAAI,OAAO,SAAS;AAAA,YACrD,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,OAAO;AAAA;AAAA,YACP,gBAAgB;AAAA,YAChB,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,aAAa;AAAA;AAAA,UAEf,CAAC;AAGD,gBAAM,SAAS,IAAI,sBAAsB;AAAA,YACvC;AAAA,YACA,UAAU;AAAA,YACV,OAAO,gBAAgB;AAAA,UACzB,CAAC;AAGD,cAAI,UAAU,CAAC,MAAM;AACrB,yBAAe,UAAU;AACzB,sBAAY,IAAI;AAChB,sBAAY,IAAI;AAAA,QAClB,OAAO;AAEL,sBAAY,qEAAqE;AACjF,sBAAY,KAAK;AAAA,QACnB;AAEA,0BAAkB,UAAU;AAAA,MAC9B,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,2BAA2B,KAAK;AAC9C,kBAAY,4CAA4C;AACxD,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,CAAC;AAG1B,EAAAH,WAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,OAAO,CAAC;AAGZ,EAAAA,WAAU,MAAM;AACd,QAAI,UAAU;AACd,QAAI,gBAAuC;AAG3C,UAAM,eAAe,iBAAiB,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC,CAAC;AAC3F,oBAAgB,UAAU;AAG1B,IAAC,OAAkD,YAAY,IAAI,MAAM;AACvE,UAAI,WAAW,OAAO,WAAW,WAAW,SAAS;AAEnD,mBAAW,MAAM;AACf,cAAI,WAAW,OAAO,WAAW,WAAW,SAAS;AACnD,iBAAK,WAAW,QAAQ;AAAA,UAC1B;AAAA,QACF,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AAGA,QAAI,OAAO,UAAU,OAAO,OAAO,QAAQ,OAAO,OAAO,KAAK,UAAU;AACtE,iBAAW,MAAM;AACf,YAAI,WAAW,OAAO,WAAW,WAAW,SAAS;AACnD,eAAK,WAAW,QAAQ;AAAA,QAC1B;AAAA,MACF,GAAG,GAAG;AACN,aAAO,MAAM;AACX,kBAAU;AACV,eAAQ,OAA+C,YAAY;AAAA,MACrE;AAAA,IACF;AAGA,UAAM,iBAAiB,SAAS,cAAc,oCAAoC;AAClF,QAAI,gBAAgB;AAElB,sBAAgB,YAAY,MAAM;AAChC,YAAI,OAAO,UAAU,OAAO,OAAO,QAAQ,OAAO,OAAO,KAAK,YAAY,SAAS;AACjF,wBAAc,aAAc;AAC5B,qBAAW,MAAM;AACf,gBAAI,WAAW,OAAO,WAAW,WAAW,SAAS;AACnD,mBAAK,WAAW,QAAQ;AAAA,YAC1B;AAAA,UACF,GAAG,GAAG;AAAA,QACR;AAAA,MACF,GAAG,GAAG;AAEN,aAAO,MAAM;AACX,kBAAU;AACV,YAAI,eAAe;AACjB,wBAAc,aAAa;AAAA,QAC7B;AACA,eAAQ,OAA+C,YAAY;AAAA,MACrE;AAAA,IACF;AAIA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,MAAM,+CAA+C,mBAAmB,mDAAmD,YAAY;AAC9I,WAAO,QAAQ;AACf,WAAO,QAAQ;AAEf,WAAO,UAAU,MAAM;AACrB,UAAI,SAAS;AACX,oBAAY,oEAAoE;AAChF,eAAQ,OAA+C,YAAY;AAAA,MACrE;AAAA,IACF;AAEA,aAAS,KAAK,YAAY,MAAM;AAEhC,WAAO,MAAM;AACX,gBAAU;AACV,UAAI,eAAe;AACjB,sBAAc,aAAa;AAAA,MAC7B;AAEA,UAAI,gBAAgB,SAAS;AAC3B,eAAQ,OAA+C,gBAAgB,OAAO;AAC9E,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IAEF;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,EAAAA,WAAU,MAAM;AACd,QAAI,OAAO,UAAU,OAAO,OAAO,QAAQ,OAAO,OAAO,KAAK,YAAY,OAAO,WAAW,CAAC,kBAAkB,WAAW,WAAW,SAAS;AAE5I,YAAM,YAAY,WAAW,MAAM;AACjC,YAAI,OAAO,WAAW,WAAW,SAAS;AACxC,eAAK,WAAW,QAAQ;AAAA,QAC1B;AAAA,MACF,GAAG,GAAG;AAEN,aAAO,MAAM,aAAa,SAAS;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,SAAS,YAAY,CAAC;AAG1B,EAAAA,WAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,eAAe,SAAS;AAE5B,cAAM,UAAU,eAAe,QAAQ,WAAW,CAAC;AACnD,gBAAQ,QAAQ,CAAC,WAAW;AAC1B,cAAI,OAAO,IAAK,QAAO,MAAM;AAAA,QAC/B,CAAC;AACC,uBAAe,UAAU;AAAA,MAC3B;AACA,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,oCAAC,SAAI,WAAW,4BAA4B,SAAS,IAAI,OAAO,EAAE,WAAW,SAAS,UAAU,WAAW,KAEzG;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,QAAQ;AAAA;AAAA,EAC9B,GAGC,CAAC,YAAY,CAAC,YACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,eAAe,OAAO;AAAA;AAAA,IAE/B,oCAAC,OAAE,WAAU,mBAAgB,gBAAc;AAAA,EAC7C,GAID,YACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,eAAe,OAAO;AAAA;AAAA,IAE/B,oCAAC,SAAI,WAAU,qBACb,oCAAC,OAAE,WAAU,wBAAsB,QAAS,GAC5C;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,8BAA8B,mBAAmB,OAAO,CAAC;AAAA,QAC/D,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAU;AAAA;AAAA,MACX;AAAA,IAED,CACF;AAAA,EACF,CAEJ;AAEJ;;;ACtVA,OAAOI,YAAW;AAClB,OAAO,mBAAmB;AAC1B,OAAO,eAAe;AAUtB,SAAS,QAAQ,MAAsB;AACrC,SAAO,KACJ,YAAY,EACZ,KAAK,EACL,QAAQ,aAAa,EAAE,EACvB,QAAQ,YAAY,GAAG,EACvB,QAAQ,YAAY,EAAE;AAC3B;AAKA,SAAS,wBAAwB,UAAmC;AAClE,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO;AAAA,EACT;AACA,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,WAAO,SAAS,IAAI,CAAC,UAAU,wBAAwB,KAAK,CAAC,EAAE,KAAK,EAAE;AAAA,EACxE;AACA,MAAI,YAAY,OAAO,aAAa,YAAY,WAAW,YAAY,SAAS,SAAS,OAAO,SAAS,UAAU,YAAY,cAAc,SAAS,OAAO;AAC3J,WAAO,wBAAwB,SAAS,MAAM,QAA2B;AAAA,EAC3E;AACA,SAAO;AACT;AAEe,SAAR,iBAAkC,EAAE,SAAS,YAAY,GAAG,GAA0B;AAC3F,SACE,oCAAC,SAAI,aACH;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,CAAC,SAAS;AAAA,MACzB,YAAY;AAAA;AAAA,QAEV,IAAI,CAAC,OAAqE;AAArE,uBAAE,WA9CjB,IA8Ce,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,uDAAwD,QAAQ,QAAS;AAAA,QACxG;AAAA,QACA,IAAI,CAAC,OAAqE;AAArE,uBAAE,WAnDjB,IAmDe,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,+CAAgD,QAAQ,QAAS;AAAA,QAChG;AAAA,QACA,IAAI,CAAC,OAAqE;AAArE,uBAAE,WAxDjB,IAwDe,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,8CAA+C,QAAQ,QAAS;AAAA,QAC/F;AAAA,QACA,IAAI,CAAC,OAAqE;AAArE,uBAAE,WA7DjB,IA6De,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,8CAA+C,QAAQ,QAAS;AAAA,QAC/F;AAAA,QACA,IAAI,CAAC,OAAqE;AAArE,uBAAE,WAlEjB,IAkEe,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,gDAAiD,QAAQ,QAAS;AAAA,QACjG;AAAA,QACA,IAAI,CAAC,OAAqE;AAArE,uBAAE,WAvEjB,IAuEe,IAAe,kBAAf,IAAe,CAAb;AACL,gBAAM,OAAO,wBAAwB,QAAQ;AAC7C,gBAAM,KAAK,QAAQ,IAAI;AACvB,iBAAO,oCAAC,uBAAG,IAAQ,WAAU,8CAA+C,QAAQ,QAAS;AAAA,QAC/F;AAAA;AAAA,QAGA,GAAG,CAAC,UACF,oCAAC,sBAAE,WAAU,kDAAmD,MAAO;AAAA,QAEzE,QAAQ,CAAC,UACP,oCAAC,2BAAO,WAAU,iCAAkC,MAAO;AAAA,QAE7D,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,0BAA2B,MAAO;AAAA;AAAA,QAKlD,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,oDAAqD,MAAO;AAAA,QAE5E,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,uDAAwD,MAAO;AAAA,QAE/E,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,mCAAoC,MAAO;AAAA;AAAA,QAI3D,YAAY,CAAC,UACX,oCAAC,+BAAW,WAAU,+EAAgF,MAAO;AAAA;AAAA,QAI/G,GAAG,CAAC,UACF,oCAAC,sBAAE,WAAU,uDAAwD,MAAO;AAAA;AAAA,QAI9E,KAAK,CAAC,UAAqD;AACzD,gBAAkD,YAA1C,OAAK,KAAK,OAAO,OAhHrC,IAgH8D,IAAd,sBAAc,IAAd,CAA5B,OAAK,OAAK,SAAO;AACzB,cAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO;AAC5C,iBACE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,KAAK,OAAO;AAAA,cACZ,OAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,cAC3C,QAAQ,OAAO,WAAW,WAAW,SAAS;AAAA,cAC9C,WAAU;AAAA,eACN;AAAA,UACN;AAAA,QAEJ;AAAA;AAAA,QAGA,IAAI,MAAM,oCAAC,QAAG,WAAU,wBAAuB;AAAA;AAAA,QAG/C,OAAO,CAAC,UACN,oCAAC,SAAI,WAAU,0BACb,oCAAC,0BAAM,WAAU,2DAA4D,MAAO,CACtF;AAAA,QAEF,OAAO,CAAC,UACN,oCAAC,0BAAM,WAAU,gBAAiB,MAAO;AAAA,QAE3C,OAAO,CAAC,UACN,oCAAC,4BAAU,MAAO;AAAA,QAEpB,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,8BAA+B,MAAO;AAAA,QAEtD,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,6DAA8D,MAAO;AAAA,QAErF,IAAI,CAAC,UACH,oCAAC,uBAAG,WAAU,qCAAsC,MAAO;AAAA;AAAA,QAI7D,KAAK,CAAC,UACJ,oCAAC,wBAAI,WAAU,qDAAsD,MAAO;AAAA;AAAA,QAI9E,MAAM,CAAC,UACL,oCAAC,yBAAK,WAAU,uEAAwE,MAAO;AAAA,MAEnG;AAAA;AAAA,IAEC;AAAA,EACH,CACF;AAEJ;;;ACnKA,OAAOC,UAAS,kBAAAC,uBAAsB;AAEtC,SAAS,UAAUC,aAAY,QAAQC,iBAAgB;AAKhD,IAAMC,UAAS,OAAO;AAAA,EACzB,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EAEA,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,IACV;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,EACJ;AACJ,CAAC;AAqBM,IAAMC,UAAS,CAAC,OAYV;AAZU,eACnB;AAAA,WAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EAxFJ,IA8EuB,IAWhB,uBAXgB,IAWhB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,UAAU,aAAa,WAAW,OAAO;AACtD,QAAM,YAAY,OAAOC,YAAWC;AAEpC,QAAM,UAAU,eAAe,iBAAiB,CAAC;AACjD,QAAM,aAAa,CAAC,aAAa,YAAY,EAAE,SAAS,KAAK;AAE7D,kBAAgB,cAAc;AAE9B,MAAI,QAAQ,CAAC;AAEb,MAAI,MAAM;AACN,YAAQ,gDACD,aADC;AAAA,MAEJ,MAAM,WAAW,SAAY;AAAA,QACzB,WAAW,EAAE,YAAY,MAAM,iBAAiB,KAAK,IAAI,CAAC;AAAA,EAEtE,OAAO;AACH,YAAQ,iCACD,aADC;AAAA,MAEJ,MAAM,WAAW,QAAQ;AAAA,MACzB,WAAW;AAAA,MACX,YAAY;AAAA,IAChB;AAAA,EACJ;AAGA,QAAM,iBAAiB,UAAU,cAAc;AAAA,IAC3C,aAAa;AAAA,EACjB,IAAI;AAEJ,SACI,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACG,gBAAc,UAAU,OAAO;AAAA,MAC/B,kBAAgB,SAAS,OAAO;AAAA,OAC5B,QAHP;AAAA,MAIG,OAAO;AAAA,MACP,WAAW;AAAA,QACPJ,QAAO,OAAO;AAAA,QACdA,QAAO,MAAM,IAAI,EAAE;AAAA,QACnBA,QAAO,OAAO,KAAK,EAAE;AAAA,SACpB,WAAY,SAAS,YAAY,aAAc;AAAA,QAChD,YAAY,uBAAuB,2DAA2D;AAAA,QAC9F;AAAA,MACJ;AAAA;AAAA,IAECK,gBAAe,WAAW,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAKD,OAAM,cAAc,aAAa,EAAE,aAAa,WAAW,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,IAEtJ,WACG,gBAAAI,OAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,WAAW,GAAGJ,QAAO,OAAO,MAAM,CAAC,wBAAwB,6DAA6D;AAAA;AAAA,MAExH,gBAAAI,OAAA,cAAC,YAAO,WAAU,6BAA4B,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO,aAAY,KAAI;AAAA,MAChG,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,eAAc;AAAA;AAAA,MAClB;AAAA,IACJ;AAAA,IAGH,YACG,gBAAAA,OAAA,cAAC,UAAK,aAAS,MAAC,WAAW,GAAG,0BAA0B,CAAC,iBAAiB,QAAQ,KAC7E,QACL;AAAA,IAGHC,gBAAe,YAAY,KAAK;AAAA,IAChC,iBAAiB,YAAY,KAAKD,OAAM,cAAc,cAAc,EAAE,aAAa,YAAY,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,EAC9J;AAER;AAGA,qBAAqB,UAAU,QAAQC,OAAM;;;AC1K7C,OAAOK,UAAS,kBAAAC,uBAAsB;AAEtC,SAAS,UAAUC,aAAY,QAAQC,iBAAgB;AAKhD,IAAMC,UAAS,OAAO;AAAA,EACzB,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EAEA,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,IACV;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,EACJ;AACJ,CAAC;AAqBM,IAAMC,UAAS,CAAC,OAYV;AAZU,eACnB;AAAA,WAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EAxFJ,IA8EuB,IAWhB,uBAXgB,IAWhB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,UAAU,aAAa,WAAW,OAAO;AACtD,QAAM,YAAY,OAAOC,YAAWC;AAEpC,QAAM,UAAU,eAAe,iBAAiB,CAAC;AACjD,QAAM,aAAa,CAAC,aAAa,YAAY,EAAE,SAAS,KAAK;AAE7D,kBAAgB,cAAc;AAE9B,MAAI,QAAQ,CAAC;AAEb,MAAI,MAAM;AACN,YAAQ,gDACD,aADC;AAAA,MAEJ,MAAM,WAAW,SAAY;AAAA,QACzB,WAAW,EAAE,YAAY,MAAM,iBAAiB,KAAK,IAAI,CAAC;AAAA,EAEtE,OAAO;AACH,YAAQ,iCACD,aADC;AAAA,MAEJ,MAAM,WAAW,QAAQ;AAAA,MACzB,WAAW;AAAA,MACX,YAAY;AAAA,IAChB;AAAA,EACJ;AAEA,SACI,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACG,gBAAc,UAAU,OAAO;AAAA,MAC/B,kBAAgB,SAAS,OAAO;AAAA,OAC5B,QAHP;AAAA,MAIG,WAAW;AAAA,QACPJ,QAAO,OAAO;AAAA,QACdA,QAAO,MAAM,IAAI,EAAE;AAAA,QACnBA,QAAO,OAAO,KAAK,EAAE;AAAA,SACpB,WAAY,SAAS,YAAY,aAAc;AAAA,QAChD,YAAY,uBAAuB,2DAA2D;AAAA,QAC9F;AAAA,MACJ;AAAA;AAAA,IAGCK,gBAAe,WAAW,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAKD,OAAM,cAAc,aAAa,EAAE,aAAa,WAAW,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,IAEtJ,WACG,gBAAAI,OAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,WAAW,GAAGJ,QAAO,OAAO,MAAM,CAAC,wBAAwB,6DAA6D;AAAA;AAAA,MAGxH,gBAAAI,OAAA,cAAC,YAAO,WAAU,6BAA4B,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO,aAAY,KAAI;AAAA,MAEhG,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,eAAc;AAAA;AAAA,MAClB;AAAA,IACJ;AAAA,IAGH,YACG,gBAAAA,OAAA,cAAC,UAAK,aAAS,MAAC,WAAW,GAAG,0BAA0B,CAAC,iBAAiB,QAAQ,KAC7E,QACL;AAAA,IAIHC,gBAAe,YAAY,KAAK;AAAA,IAChC,iBAAiB,YAAY,KAAKD,OAAM,cAAc,cAAc,EAAE,aAAa,YAAY,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,EAC9J;AAER;AAGA,qBAAqB,UAAU,WAAWC,OAAM;;;ACxKhD,OAAOK,UAAS,kBAAAC,wBAAsB;AAEtC,SAAS,UAAUC,aAAY,QAAQC,iBAAgB;AAKhD,IAAMC,UAAS,OAAO;AAAA,EACzB,QAAQ;AAAA,IACJ,MAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACJ,EAAE,KAAK,GAAG;AAAA,IACV,MAAM;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACH,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,IACA,IAAI;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AAAA,EAEA,QAAQ;AAAA,IACJ,SAAS;AAAA,MACL,MAAM;AAAA,IACV;AAAA,IACA,WAAW;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,IACV;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,QACF;AAAA,QACA;AAAA,MACJ,EAAE,KAAK,GAAG;AAAA,IACd;AAAA,EACJ;AACJ,CAAC;AAqBM,IAAMC,UAAS,CAAC,OAYV;AAZU,eACnB;AAAA,WAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EAxFJ,IA8EuB,IAWhB,uBAXgB,IAWhB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,UAAU,aAAa,WAAW,OAAO;AACtD,QAAM,YAAY,OAAOC,YAAWC;AAEpC,QAAM,UAAU,eAAe,iBAAiB,CAAC;AACjD,QAAM,aAAa,CAAC,aAAa,YAAY,EAAE,SAAS,KAAK;AAE7D,kBAAgB,cAAc;AAE9B,MAAI,QAAQ,CAAC;AAEb,MAAI,MAAM;AACN,YAAQ,gDACD,aADC;AAAA,MAEJ,MAAM,WAAW,SAAY;AAAA,QACzB,WAAW,EAAE,YAAY,MAAM,iBAAiB,KAAK,IAAI,CAAC;AAAA,EAEtE,OAAO;AACH,YAAQ,iCACD,aADC;AAAA,MAEJ,MAAM,WAAW,QAAQ;AAAA,MACzB,WAAW;AAAA,MACX,YAAY;AAAA,IAChB;AAAA,EACJ;AAEA,SACI,gBAAAC,OAAA;AAAA,IAAC;AAAA;AAAA,MACG,gBAAc,UAAU,OAAO;AAAA,MAC/B,kBAAgB,SAAS,OAAO;AAAA,OAC5B,QAHP;AAAA,MAIG,WAAW;AAAA,QACPJ,QAAO,OAAO;AAAA,QACdA,QAAO,MAAM,IAAI,EAAE;AAAA,QACnBA,QAAO,OAAO,KAAK,EAAE;AAAA,SACpB,WAAY,SAAS,YAAY,aAAc;AAAA,QAChD,YAAY,uBAAuB,2DAA2D;AAAA,QAC9F;AAAA,MACJ;AAAA;AAAA,IAGCK,iBAAe,WAAW,KAAK;AAAA,IAC/B,iBAAiB,WAAW,KAAKD,OAAM,cAAc,aAAa,EAAE,aAAa,WAAW,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,IAEtJ,WACG,gBAAAI,OAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,WAAW,GAAGJ,QAAO,OAAO,MAAM,CAAC,wBAAwB,6DAA6D;AAAA;AAAA,MAGxH,gBAAAI,OAAA,cAAC,YAAO,WAAU,6BAA4B,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO,aAAY,KAAI;AAAA,MAEhG,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,eAAc;AAAA;AAAA,MAClB;AAAA,IACJ;AAAA,IAGH,YACG,gBAAAA,OAAA,cAAC,UAAK,aAAS,MAAC,WAAW,GAAG,0BAA0B,CAAC,iBAAiB,QAAQ,KAC7E,QACL;AAAA,IAIHC,iBAAe,YAAY,KAAK;AAAA,IAChC,iBAAiB,YAAY,KAAKD,OAAM,cAAc,cAAc,EAAE,aAAa,YAAY,WAAWJ,QAAO,OAAO,KAAK,CAA4B;AAAA,EAC9J;AAER;AAGA,qBAAqB,UAAU,WAAWC,OAAM;;;ACzKhD,SAA4D,iBAAAK,gBAAe,cAAAC,mBAAkB;AAC7F,SAAS,cAAAC,aAAY,cAAAC,mBAAkB;AAEvC,SAAS,SAASC,YAAW,SAASC,YAAW,aAAaC,sBAAqB;AAsBnF,IAAMC,oBAAmBC,eAAuC,CAAC,CAAC;AAE3D,IAAMC,aAAY,CAAC,OAemC;AAfnC,eACtB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA1CJ,IA6B0B,IAcnB,uBAdmB,IAcnB;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,kBAAkB,WAAW;AACnC,QAAM,iBAAiB;AACvB,QAAM,UAAUC,YAAWH,iBAAgB;AAC3C,QAAM,aAAY,mCAAS,SAAQ;AAEnC,QAAMI,SAAQ,OAAO;AAAA,IACjB,IAAI;AAAA,MACA,MAAM,GAAG,eAAe,mBAAmB,QAAQ,kBAAkB,OAAO;AAAA,MAC5E,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,IACd;AAAA,IACA,IAAI;AAAA,MACA,MAAM,GAAG,eAAe,mBAAmB,UAAU,kBAAkB,SAAS;AAAA,MAChF,aAAa;AAAA,MACb,cAAc;AAAA,MACd,UAAU;AAAA,IACd;AAAA,EACJ,CAAC;AAED,SACI;AAAA,IAACC;AAAA,IAAA,iCACO,EAAE,YAAY,UAAU,IAD/B;AAAA,MAEG,KAAK;AAAA,MACL,WAAW,CAAC,EAAE,eAAe,YAAAC,aAAY,WAAAC,WAAU,MAC/C;AAAA,QACI;AAAA,QACA,iBAAiB,CAACD,eAAc;AAAA,QAChCA,eAAc;AAAA,QACdC,cAAa;AAAA,QACbA,cAAa,iBAAiB;AAAA,QAC9B,mCAAS;AAAA,QACT;AAAA,MACJ;AAAA;AAAA,IAGH,QACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,cAAc;AAAA,UACdH,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IAGJ;AAAA,MAACI;AAAA,MAAA,iCACQ,aADR;AAAA,QAEG;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACA,cAAc;AAAA,UACdJ,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IAEC,WAAW,CAAC,aACT,oCAAC,WAAQ,OAAO,SAAS,WAAU,SAC/B;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAA,OAAM,SAAS,EAAE;AAAA,UACjB,mCAAS;AAAA,UACT;AAAA,QACJ;AAAA;AAAA,MAEA,oCAACK,aAAA,EAAW,WAAU,UAAS;AAAA,IACnC,CACJ;AAAA,IAGH,aACG;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAN,OAAM,SAAS,EAAE;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IAGH,YACG;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACAA,OAAM,SAAS,EAAE;AAAA,QACrB;AAAA;AAAA,MAEC,aAAa,OAAO,YAAO;AAAA,IAChC;AAAA,EAER;AAER;AAEO,IAAMO,SAAQ,CAAC,OAQA;AARA,eAClB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtJJ,IAgJsB,IAOf,kBAPe,IAOf;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,mBAAmB,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,gBAAgB,MAAM,gBAAgB,eAAe,MAAM,eAAe,kBAAkB,MAAM,iBAAiB;AAE9L,SACI,oCAACX,kBAAiB,UAAjB,EAA0B,OAAO,oBAC9B;AAAA,IAACY;AAAA,IAAA,iCACQ,EAAE,WAAW,YAAY,WAAW,IAD5C;AAAA,MAEG,WAAU;AAAA;AAAA,IAET,SAAS,oCAAC,aAAO,KAAM;AAAA,IACxB,oCAACV,YAAA,iCAAc,QAAd,EAAqB,MAAY,WAAsB,aAAwB;AAAA,IAC/E,QAAQ,oCAAC,gBAAU,IAAK;AAAA,EAC7B,CACJ;AAER;AAGA,qBAAqB,SAAS,QAAQS,MAAK;;;ACvK3C,SAAS,YAAYE,eAAc,aAAaC,sBAAqB;AAa9D,IAAMC,YAAW,CAAC,OAUJ;AAVI,eACrB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAxBJ,IAgByB,IASlB,kBATkB,IASlB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI;AAAA,IAACC;AAAA,IAAA,iCACQ,EAAE,WAAW,YAAY,WAAW,IAD5C;AAAA,MAEG,WAAU;AAAA;AAAA,IAET,SAAS,oCAAC,aAAO,KAAM;AAAA,IACxB;AAAA,MAACC;AAAA,MAAA,iCACQ,QADR;AAAA,QAEG;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,aAAa;AAAA,UACb;AAAA,QACJ;AAAA;AAAA,IACJ;AAAA,IACC,QAAQ,oCAAC,gBAAU,IAAK;AAAA,EAC7B;AAER;AAGA,qBAAqB,YAAY,QAAQF,SAAQ;;;ACjDjD,OAAOG,aAAW;AAClB,SAAS,eAAAC,oBAAmB;AAC5B;AAAA,EACI,UAAUC;AAAA,EACV,WAAWC;AAAA,EACX,WAAWC;AAAA,EACX,UAAUC;AAAA,EACV,eAAeC;AAAA,OAEZ;AAaA,SAASC,QAAyB,IAUtB;AAVsB,eACrC;AAAA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhCJ,IAwByC,IASlC,kBATkC,IASlC;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI,gBAAAC,QAAA;AAAA,IAACC;AAAA,IAAA,iCACO,QADP;AAAA,MAEG;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yBAAyB,SAAS;AAAA;AAAA,IAE/C,SAAS,gBAAAD,QAAA,cAAC,aAAO,KAAM;AAAA,IACxB,gBAAAA,QAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAW,CAAC,EAAE,gBAAgB,YAAAC,YAAW,MACrC;AAAA,UACI;AAAA,UACA,kBAAkB,CAACA,eAAc;AAAA,UACjCA,eAAc;AAAA,UACd,aAAa;AAAA,QACjB;AAAA;AAAA,MAGJ,gBAAAH,QAAA,cAACI,kBAAA,EAAgB,WAAU,uDACtB,CAAC,EAAE,aAAa,MAAM,gBAAgB,WAC3C;AAAA,MACA,gBAAAJ,QAAA,cAACK,cAAA,EAAY,WAAU,yBAAwB;AAAA,IACnD;AAAA,IACC,QAAQ,gBAAAL,QAAA,cAAC,gBAAU,IAAK;AAAA,IACzB,gBAAAA,QAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACG,WAAU;AAAA;AAAA,MAEV,gBAAAN,QAAA,cAACO,cAAA,EAAY,WAAU,sBAClB,QACL;AAAA,IACJ;AAAA,EACJ;AAER;AAGA,qBAAqB,UAAU,QAAQR,OAAM;;;ACxE7C,OAAOS,aAAW;AAElB,IAAM,mBAAmB;AAOzB,IAAM,eAAe,CAAC,EAAE,YAAY,iBAAiB,MACnD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,kSAAiS,CAC3S;AAGF,IAAM,gBAAgB,CAAC,EAAE,YAAY,iBAAiB,MACpD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,kjCAAijC,CAC3jC;AAGF,IAAM,cAAc,CAAC,EAAE,YAAY,iBAAiB,MAClD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,gWAA+V,CACzW;AAGF,IAAM,aAAa,CAAC,EAAE,YAAY,iBAAiB,MACjD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,2HAA0H,GAClI,gBAAAA,QAAA,cAAC,UAAK,GAAE,yIAAwI,GAChJ,gBAAAA,QAAA,cAAC,UAAK,GAAE,iIAAgI,GACxI,gBAAAA,QAAA,cAAC,UAAK,GAAE,uIAAsI,CAChJ;AAGF,IAAM,aAAa,CAAC,EAAE,YAAY,iBAAiB,MACjD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,qQAAoQ,CAC9Q;AAGF,IAAM,eAAe,CAAC,EAAE,YAAY,iBAAiB,MACnD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,sfAAqf,CAC/f;AAGF,IAAM,cAAc,CAAC,EAAE,YAAY,iBAAiB,MAClD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,+JAA8J,CACxK;AAGF,IAAM,gBAAgB,CAAC,EAAE,YAAY,iBAAiB,MACpD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,gyBAA+xB,CACzyB;AAGF,IAAM,WAAW,CAAC,EAAE,YAAY,iBAAiB,MAC/C,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,+OAA8O,CACxP;AAGF,IAAM,kBAAkB,CAAC,EAAE,YAAY,iBAAiB,MACtD,gBAAAA,QAAA,cAAC,SAAI,WAAsB,MAAK,gBAAe,SAAQ,eACrD,gBAAAA,QAAA,cAAC,UAAK,GAAE,scAAqc,CAC/c;AAIK,SAAS,WAAW,EAAE,UAAU,YAAY,iBAAiB,GAAqC;AACvG,QAAM,IAAI,SAAS,YAAY;AAC/B,UAAQ,GAAG;AAAA,IACT,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,gBAAa,WAAsB;AAAA,IAC7C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,iBAAc,WAAsB;AAAA,IAC9C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,eAAY,WAAsB;AAAA,IAC5C,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,cAAW,WAAsB;AAAA,IAC3C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,cAAW,WAAsB;AAAA,IAC3C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,gBAAa,WAAsB;AAAA,IAC7C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,eAAY,WAAsB;AAAA,IAC5C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,iBAAc,WAAsB;AAAA,IAC9C,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,YAAS,WAAsB;AAAA,IACzC,KAAK;AACH,aAAO,gBAAAA,QAAA,cAAC,mBAAgB,WAAsB;AAAA,IAChD;AACE,aAAO;AAAA,EACX;AACF;AAGO,SAAS,cAAc,UAAkB,WAAqC;AACnF,SAAO,gBAAAA,QAAA,cAAC,cAAW,UAAoB,WAAW,gCAAa,kBAAkB;AACnF;;;ACvGA,SAAS,gBAAAC,eAAc,iBAAAC,gBAAe,kBAAAC,kBAAgB,eAAAC,cAAa,cAAAC,aAAY,aAAAC,YAAW,UAAAC,SAAQ,wBAAAC,6BAA4B;AAC9H,OAAO,sBAAqD;AAsCrD,IAAM,kBAAkBC,eAA2C,IAAI;AAEvE,IAAM,cAAc,MAAM;AAC7B,QAAM,UAAUC,YAAW,eAAe;AAE1C,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC/E;AAEA,SAAO;AACX;AAGA,IAAM,mBAAmB;AAAA,EACrB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa,CAAC;AAClB;AAEA,IAAM,eAAe,CAAC,OAAuI;AAAvI,eAAE,gBAAc,cAAc,MAAM,QAAQ,SAAS,WAAW,SA9DtF,IA8DsB,IAA6E,kBAA7E,IAA6E,CAA3E,eAA4B,QAAM,UAAQ,WAAS,aAAW;AAClF,QAAM,CAAC,aAAa,GAAG,IAAI;AAAA,IACvB,iCACO,OADP;AAAA,MAEI,MAAM,gBAAgB,eAAe,MAAM;AAAA,IAC/C;AAAA,IACA;AAAA,EACJ;AAGA,QAAM,cAAcC,QAAO,gBAAgB;AAE3C,QAAM,cAAcC,aAAY,MAAM;AAClC,QAAI,CAAC,KAAK;AACN,aAAO;AAAA,IACX;AAEA,UAAMC,iBAAgB,IAAI,cAAc;AACxC,UAAMC,iBAAgB,IAAI,cAAc;AACxC,UAAMC,iBAAgB,IAAI,mBAAmB;AAC7C,UAAMC,eAAc,IAAI,eAAe;AAGvC,QACI,YAAY,QAAQ,kBAAkBH,kBACtC,YAAY,QAAQ,kBAAkBC,kBACtC,YAAY,QAAQ,kBAAkBC,kBACtC,YAAY,QAAQ,YAAY,WAAWC,aAAY,UACvD,YAAY,QAAQ,YAAY,KAAK,CAAC,KAAK,QAAQ,QAAQA,aAAY,GAAG,CAAC,GAC7E;AACE,kBAAY,UAAU;AAAA,QAClB,eAAAH;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,YAAY;AAAA,EACvB,GAAG,CAAC,GAAG,CAAC;AAGR,QAAM,oBAAoBJ,aAAY,MAAM,kBAAkB,CAAC,CAAC;AAEhE,QAAM,YAAYA;AAAA,IACd,CAAC,kBAA8B;AAC3B,UAAI,CAAC,IAAK,QAAO,MAAM;AAAA,MAAC;AAExB,UAAI,GAAG,UAAU,aAAa;AAC9B,UAAI,GAAG,UAAU,aAAa;AAE9B,aAAO,MAAM;AACT,YAAI,IAAI,UAAU,aAAa;AAC/B,YAAI,IAAI,UAAU,aAAa;AAAA,MACnC;AAAA,IACJ;AAAA,IACA,CAAC,GAAG;AAAA,EACR;AAEA,QAAM,EAAE,eAAe,eAAe,eAAe,YAAY,IAAIK,sBAAqB,WAAW,aAAa,iBAAiB;AAEnI,QAAM,aAAaL,aAAY,MAAM;AACjC,+BAAK;AAAA,EACT,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,aAAaA,aAAY,MAAM;AACjC,+BAAK;AAAA,EACT,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,gBAAgBA;AAAA,IAClB,CAAC,UAAyC;AACtC,UAAI,MAAM,QAAQ,aAAa;AAC3B,cAAM,eAAe;AACrB,mBAAW;AAAA,MACf,WAAW,MAAM,QAAQ,cAAc;AACnC,cAAM,eAAe;AACrB,mBAAW;AAAA,MACf;AAAA,IACJ;AAAA,IACA,CAAC,YAAY,UAAU;AAAA,EAC3B;AAEA,EAAAM,WAAU,MAAM;AACZ,QAAI,CAAC,OAAO,CAAC,OAAQ;AAErB,WAAO,GAAG;AAAA,EACd,GAAG,CAAC,KAAK,MAAM,CAAC;AAEhB,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,iBAAgB,6BAAM,UAAS,MAAM,aAAa;AAAA,QAC/D;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,IAEA,oCAAC,wBAAI,kBAAkB,eAAe,WAAW,GAAG,YAAY,SAAS,GAAG,MAAK,UAAS,wBAAqB,cAAe,QACzH,QACL;AAAA,EACJ;AAER;AASA,IAAM,kBAAkB,CAAC,OAAyE;AAAzE,eAAE,aAAW,iBAAiB,KAnLvD,IAmLyB,IAAuC,kBAAvC,IAAuC,CAArC,aAAW;AAClC,QAAM,EAAE,aAAa,YAAY,IAAI,YAAY;AAEjD,SACI,oCAAC,SAAI,KAAK,aAAa,WAAW,GAAG,iBAAiB,kBAAkB,iBAAiB,KACrF,oCAAC,wBAAI,WAAW,GAAG,mBAAmB,gBAAgB,eAAe,KAAK,YAAY,SAAS,KAAO,MAAO,CACjH;AAER;AAEA,IAAM,eAAe,CAAC,OAA0D;AAA1D,eAAE,YA7LxB,IA6LsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SAAO,oCAAC,wBAAI,MAAK,SAAQ,wBAAqB,SAAQ,WAAW,GAAG,sCAAsC,SAAS,KAAO,MAAO;AACrI;AAsBA,IAAMC,WAAU,CAAC,OAA+E;AAA/E,eAAE,aAAW,UAAU,SAAS,WAAW,MArN5D,IAqNiB,IAAqD,kBAArD,IAAqD,CAAnD,aAAW,YAAU,WAAS,aAAW;AACxD,QAAM,EAAE,YAAY,eAAe,YAAY,cAAc,IAAI,YAAY;AAE7E,QAAM,aAAa,cAAc,SAAS,CAAC,gBAAgB,CAAC;AAE5D,QAAM,cAAc,MAAM;AACtB,QAAI,WAAY;AAEhB,QAAI,cAAc,QAAQ;AACtB,iBAAW;AAAA,IACf,OAAO;AACH,iBAAW;AAAA,IACf;AAAA,EACJ;AAEA,QAAM,oBAAoB,OAAO,cAAc,aAAa,UAAU,EAAE,WAAW,CAAC,IAAI;AAExF,QAAM,mBAAmB,cAAc,SAAS,mBAAmB;AAGnE,MAAI,OAAO,aAAa,YAAY;AAChC,WAAO,0DAAG,SAAS,EAAE,YAAY,SAAS,YAAY,CAAC,CAAE;AAAA,EAC7D;AAGA,MAAI,WAAWC,iBAAe,QAAQ,GAAG;AACrC,WAAOC,cAAa,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc;AAAA,MACd,OAAO,kCAAM,SAAS,MAAsC,QAAU;AAAA,MACtE,WAAW,CAAC,mBAAoB,SAAS,MAAsC,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IAC3H,CAAgC;AAAA,EACpC;AAEA,SACI,oCAAC,2BAAO,cAAY,kBAAkB,UAAU,YAAY,WAAW,mBAAmB,SAAS,eAAiB,QAC/G,QACL;AAER;AAEA,IAAM,sBAAsB,CAAC,UAA2C,oCAACF,UAAA,iCAAY,QAAZ,EAAmB,WAAU,SAAO;AAE7G,IAAM,sBAAsB,CAAC,UAA2C,oCAACA,UAAA,iCAAY,QAAZ,EAAmB,WAAU,SAAO;AAsB7G,IAAM,oBAAoB,CAAC,EAAE,OAAO,aAAa,OAAO,UAAU,SAAS,WAAW,MAAM,MAA8B;AACtH,QAAM,EAAE,KAAK,cAAc,IAAI,YAAY;AAE3C,eAAa,cAAc,kBAAkB;AAE7C,QAAM,cAAc,MAAM;AACtB,+BAAK,SAAS;AAAA,EAClB;AACA,QAAM,oBAAoB,OAAO,cAAc,aAAa,UAAU,EAAE,WAAW,CAAC,IAAI;AAExF,QAAM,mBAAmB,iBAAiB,QAAQ;AAGlD,MAAI,OAAO,aAAa,YAAY;AAChC,WAAO,0DAAG,SAAS,EAAE,YAAY,SAAS,YAAY,CAAC,CAAE;AAAA,EAC7D;AAGA,MAAI,WAAWC,iBAAe,QAAQ,GAAG;AACrC,WAAOC,cAAa,UAAU;AAAA,MAC1B,SAAS;AAAA,MACT,cAAc;AAAA,MACd,gBAAgB,aAAa,SAAS;AAAA,MACtC,OAAO,kCAAM,SAAS,MAAsC,QAAU;AAAA,MACtE,WAAW,CAAC,mBAAoB,SAAS,MAAsC,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IAC3H,CAAgC;AAAA,EACpC;AAEA,SACI,oCAAC,YAAO,cAAY,kBAAkB,gBAAc,aAAa,SAAS,QAAW,WAAW,mBAAmB,SAAS,eACvH,QACL;AAER;AAOA,IAAM,yBAAyB,CAAC,OAAwD;AAAxD,eAAE,WA/TlC,IA+TgC,IAAe,kBAAf,IAAe,CAAb;AAC9B,QAAM,EAAE,YAAY,IAAI,YAAY;AAGpC,MAAI,OAAO,aAAa,YAAY;AAChC,WAAO,oCAAC,0BAAQ,QAAQ,YAAY,IAAI,CAAC,UAAU,SAAS,EAAE,MAAM,CAAC,CAAC,CAAE;AAAA,EAC5E;AAEA,SAAO,oCAAC,0BAAQ,QAAQ,QAAS;AACrC;AAEO,IAAM,WAAW;AAAA,EACpB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AACf;;;AChVA,OAAOC,aAAW;AAElB,SAAS,eAAAC,cAAa,oBAAoB;AAUnC,IAAM,yBAAyB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACnB,MAAmC;AAC/B,SACI,gBAAAC,QAAA,cAAC,iBACG,gBAAAA,QAAA,cAAC,SAAI,WAAU,0CACV,WACG,gBAAAA,QAAA,cAAC,SAAS,MAAT,EAAc,MAAM,EAAE,OAAO,SAAS,MAAM,KAAK,KAC9C,gBAAAA,QAAA,cAAC,SAAI,WAAU,6CACX,gBAAAA,QAAA,cAAC,QAAG,WAAU,mEACT,KACL,GACA,gBAAAA,QAAA,cAAC,SAAI,WAAU,gBACX,gBAAAA,QAAA,cAAC,SAAS,aAAT,EAAqB,WAAU,uIAC5B,gBAAAA,QAAA,cAACD,cAAA,EAAY,WAAU,2BAA0B,CACrD,GACA,gBAAAC,QAAA,cAAC,SAAS,aAAT,EAAqB,WAAU,uIAC5B,gBAAAA,QAAA,cAAC,gBAAa,WAAU,2BAA0B,CACtD,CACJ,CACJ,GAEA,gBAAAA,QAAA,cAAC,SAAS,SAAT,EAAiB,WAAU,WACvB,QACL,CACJ,IAEA,gBAAAA,QAAA,cAAAA,QAAA,gBACI,gBAAAA,QAAA,cAAC,SAAI,WAAU,WACX,gBAAAA,QAAA,cAAC,QAAG,WAAU,mEACT,KACL,GACC,YACG,gBAAAA,QAAA,cAAC,OAAE,WAAU,mDACR,QACL,CAER,GACA,gBAAAA,QAAA,cAAC,SAAI,WAAU,uBACX,gBAAAA,QAAA,cAAC,OAAE,WAAU,uCAAqC,YAAa,CACnE,CACJ,CAER,CACJ;AAER;;;AC9DA,SAAS,aAAAC,kBAAiB;AAQnB,SAAS,WAAW,EAAE,QAAQ,SAAS,SAAS,GAAoB;AAEzE,EAAAA,WAAU,MAAM;AACd,QAAI,QAAQ;AACV,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC,OAAO;AACL,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AACA,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA;AAAA,IAGT;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,cAAW;AAAA;AAAA,MACZ;AAAA,IAED;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,OAAM;AAAA,UACN,WAAU;AAAA,UACV,OAAM;AAAA,UACN,iBAAe;AAAA;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEJ;;;AC/CO,SAAS,gBAAgB,EAAE,SAAS,YAAY,GAAG,GAAyB;AACjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,+JAA+J,SAAS;AAAA,MACnL,cAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA;AAAA,MAER,oCAAC,UAAK,GAAE,iBAAgB;AAAA,IAC1B;AAAA,EACF;AAEJ;;;ACrBA,OAAOC,WAAS,aAAAC,YAAW,UAAAC,eAAc;AAqBzC,IAAM,oBAAyE;AAAA,EAC7E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAe;AACb,QAAM,aAAaA,QAAuB,IAAI;AAC9C,QAAM,iBAAiBA,QAA0B,IAAI;AAErD,EAAAD,WAAU,MAAM;AAnDlB;AAoDI,QAAI,CAAC,OAAQ;AACb,UAAM,oBAAoB,SAAS;AACnC,yBAAe,YAAf,mBAAwB;AACxB,UAAM,eAAe,CAAC,MAAqB;AACzC,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AACA,aAAS,iBAAiB,WAAW,YAAY;AACjD,aAAS,KAAK,MAAM,WAAW;AAC/B,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,YAAY;AACpD,eAAS,KAAK,MAAM,WAAW;AAC/B,6DAAmB;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,gBAAgB,kBAAkB,QAAQ;AAEhD,SACE,gBAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WACE,8CACA;AAAA,MAEF,MAAK;AAAA,MACL,cAAW;AAAA,MACX,mBAAiB,QAAQ,UAAU;AAAA,MACnC,SAAS,CAAC,MAAM,EAAE,WAAW,WAAW,WAAW,QAAQ;AAAA;AAAA,IAE3D,gBAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WACE,0CACA,kFAAkF,aAAa;AAAA,QAEjG,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA;AAAA,MAElC,gBAAAA,QAAA,cAAC,SAAI,WAAU,+FACZ,QACC,gBAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA;AAAA,QAET;AAAA,MACH,IAEA,gBAAAA,QAAA,cAAC,UAAK,WAAU,UAAS,eAAW,MAAC,GAEvC,gBAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV,cAAW;AAAA;AAAA,QAEX,gBAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,YACR,eAAW;AAAA;AAAA,UAEX,gBAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,aAAa;AAAA,cACb,GAAE;AAAA;AAAA,UACJ;AAAA,QACF;AAAA,MACF,CACF;AAAA,MACA,gBAAAA,QAAA,cAAC,SAAI,WAAU,uCAAqC,QAAS;AAAA,IAC/D;AAAA,EACF;AAEJ;;;ApDpEA,SAAS,mBACP,eAEA,eACA;AACA,SAAO,SAAS,gBAAgB,OAAU;AACxC,UAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAI;AACF,YAAM,YAAY,mBAAmB,eAAe,KAAK;AAGzD,aAAOG,QAAM,cAAc,WAAqC,KAAK;AAAA,IACvE,SAAQ;AAEN,aAAOA,QAAM,cAAc,eAAe,KAAK;AAAA,IACjD;AAAA,EACF;AACF;AAIO,IAAMC,UAAS,mBAAmB,UAAU,MAAU;AACtD,IAAMC,eAAc,mBAAmB,gBAAgB,WAAe;AACtE,IAAMC,eAAc,mBAAmB,gBAAgB,WAAe;AAGtE,IAAMC,SAAQ,mBAAmB,SAAS,KAAS;AACnD,IAAMC,aAAY;AAClB,IAAM,WAAW,mBAAmB,YAAY,QAAY;AAC5D,IAAMC,mBAAkB;AACxB,IAAMC,QAAO,mBAAmB,QAAQ,IAAQ;AAChD,IAAMC,iBAAgB,mBAAmB,kBAAkB,aAA4E;AACvI,IAAMC,cAAa,mBAAmB,eAAe,UAAyE;AAC9H,IAAMC,SAAQ,mBAAmB,SAAS,KAAoE;AAC9G,IAAMC,YAAW,mBAAmB,aAAa,QAAuE;AACxH,IAAMC,UAAS,mBAAmB,UAAU,OAAqE;AACjH,IAAMC,cAAa,mBAAmB,eAAe,UAAyE;AAC9H,IAAMC,gBAAe,mBAAmB,iBAAiB,YAA2E;AAGpI,IAAMC,qBAAoB,mBAAmB,kBAAkB,iBAAqB;AACpF,IAAMC,SAAQ,mBAAmB,SAAS,KAAoE;AAC9G,IAAMC,gBAAe,mBAAmB,kBAAkB,YAA2E;AACrI,IAAMC,cAAa,mBAAmB,eAAe,UAAyE;AAC9H,IAAMC,eAAc,mBAAmB,gBAAgB,WAAe;AACtE,IAAMC,eAAc,mBAAmB,gBAAgB,WAAe;AACtE,IAAMC,WAAU,mBAAmB,WAAW,OAAsE;AACpH,IAAMC,UAAS,mBAAmB,UAAU,MAAU;AACtD,IAAMC,oBAAmB,mBAAmB,sBAAsB,gBAA+E;AACjJ,IAAMC,gBAAe,mBAAmB,iBAAiB,YAA2E;AACpI,IAAMC,cAAa,mBAAmB,cAAc,UAAyE;AAC7H,IAAMC,gBAAe,mBAAmB,iBAAiB,YAA2E;AACpI,IAAMC,yBAAwB,mBAAmB,2BAA2B,qBAAoF;AAChK,IAAMC,+BAA8B,mBAAmB,kCAAkC,2BAA0F;AACnL,IAAMC,aAAY,mBAAmB,cAAc,SAAwE;AAC3H,IAAMC,oBAAmB,mBAAmB,qBAAqB,gBAA+E;","names":["React","React","React","_a","Button","createContext","createElement","isValidElement","useContext","styles","createContext","createContext","useContext","HelpCircle","AriaButton","AriaButton","useContext","sizes","isDisabled","isInvalid","HelpCircle","createContext","React","AriaTextField","React","AriaTextField","React","React","createContext","isValidElement","AriaButton","AriaListBox","sizes","styles","useContext","useState","AriaGroup","AriaInput","_a","_b","useContext","AriaGroup","sizes","AriaInput","useState","isValidElement","useContext","AriaText","sizes","useContext","isValidElement","AriaText","sizes","AriaButton","isValidElement","createContext","AriaListBox","useId","ChevronDown","useId","ChevronDown","React","useState","useEffect","Image","useState","React","useEffect","Image","Image","sizes","createElement","isValidElement","sizes","createElement","isValidElement","useId","useId","styles","createElement","isValidElement","styles","createElement","isValidElement","ArrowRight","React","createContext","isValidElement","useContext","useMemo","createContext","useMemo","React","useContext","isValidElement","PaginationItem","total","page","PaginationItem","ArrowRight","useEffect","useRef","useState","useCallback","Image","Image","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","React","isValidElement","AriaButton","AriaLink","styles","Button","AriaLink","AriaButton","React","isValidElement","createContext","useContext","HelpCircle","InfoCircle","AriaGroup","AriaInput","AriaTextField","TextFieldContext","createContext","InputBase","useContext","sizes","AriaGroup","isDisabled","isInvalid","AriaInput","HelpCircle","InfoCircle","Input","AriaTextField","AriaTextArea","AriaTextField","TextArea","AriaTextField","AriaTextArea","React","ChevronDown","AriaButton","AriaListBox","AriaPopover","AriaSelect","AriaSelectValue","Select","React","AriaSelect","AriaButton","isDisabled","AriaSelectValue","ChevronDown","AriaPopover","AriaListBox","React","cloneElement","createContext","isValidElement","useCallback","useContext","useEffect","useRef","useSyncExternalStore","createContext","useContext","useRef","useCallback","canScrollPrev","canScrollNext","selectedIndex","scrollSnaps","useSyncExternalStore","useEffect","Trigger","isValidElement","cloneElement","React","ChevronLeft","React","useEffect","React","useEffect","useRef","React","Button","RoundButton","ButtonGroup","Input","InputBase","PrivacyCheckbox","Form","FormContainer","InputGroup","Label","HintText","Select","SelectItem","NativeSelect","PhotoWithFallback","Badge","BadgeWithDot","BadgeGroup","RatingStars","RatingBadge","Tooltip","Avatar","AvatarLabelGroup","VerifiedTick","Breadcrumb","FeaturedIcon","PaginationPageDefault","PaginationPageMinimalCenter","GoogleMap","MarkdownRenderer"]}
|