@avenue-ticketing/ui 0.11.0 → 0.12.0-beta.2

package/dist/react/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../utils/cx.ts","../../../../components/base/input/hint-text.tsx","../../../../components/base/tooltip/tooltip.tsx","../../../../components/base/input/label.tsx","../../../../hooks/use-is-mobile.ts","../../../../components/base/select/select-mobile-sheet.ts","../../../../components/base/select/popover.tsx","../../../../components/base/select/select-shared.tsx","../../../../hooks/use-resize-observer.ts","../../../../components/base/input/input.tsx","../../../../utils/is-react-component.ts","../../../../components/base/select/combobox.tsx"],"names":["AriaText","AriaTooltipTrigger","jsx","AriaTooltip","AriaOverlayArrow","AriaButton","jsxs","AriaLabel","HelpCircle","useState","useEffect","X","AriaPopover","createContext","useContext","SearchLg","AriaInput","AriaGroup","useMemo","AriaComboBox","AriaListBox"],"mappings":"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","file":"combobox.js","sourcesContent":["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","\"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    size?: \"sm\" | \"md\";\n    children: ReactNode;\n}\n\nexport const HintText = ({ isInvalid, className, size = \"md\", ...props }: HintTextProps) => {\n    return (\n        <AriaText\n            {...props}\n            slot={isInvalid ? \"errorMessage\" : \"description\"}\n            className={cx(\n                \"text-sm text-tertiary\",\n\n                // Size\n                size === \"sm\" && \"text-xs\",\n                \"in-data-[input-size=sm]:text-xs\",\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\n/** Figma: Tooltip (1052:485) */\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 on first hover.\n     *\n     * @default 100\n     */\n    delay?: number;\n}\n\nexport const Tooltip = ({\n    title,\n    description,\n    children,\n    arrow = false,\n    delay = 100,\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\ninterface TooltipTriggerProps extends 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 { ReactNode, Ref } from \"react\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport type { LabelProps as AriaLabelProps } from \"react-aria-components\";\nimport { Label as AriaLabel } from \"react-aria-components\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx } from \"@/utils/cx\";\n\ninterface LabelProps extends AriaLabelProps {\n    children: ReactNode;\n    isInvalid?: boolean;\n    isRequired?: boolean;\n    tooltip?: string;\n    tooltipDescription?: string;\n    ref?: Ref<HTMLLabelElement>;\n}\n\nexport const Label = ({ isInvalid, 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\n                className={cx(\n                    \"hidden text-brand-tertiary\",\n                    isRequired && \"block\",\n                    typeof isRequired === \"undefined\" && \"group-required:block\",\n\n                    isInvalid && \"text-error-primary\",\n                    typeof isInvalid === \"undefined\" && \"group-invalid:text-error-primary\",\n                )}\n            >\n                *\n            </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 { useEffect, useState } from \"react\";\n\n/** Viewport width at or below which mobile sheet behavior applies (matches Avenue dropdown/select). */\nexport const MOBILE_SHEET_MAX_PX = 1024;\n\n/**\n * Returns true when the viewport is at most {@link MOBILE_SHEET_MAX_PX} wide.\n * Initial value is read synchronously on mount so the first paint matches mobile layout.\n */\nexport function useIsMobile(breakpoint = MOBILE_SHEET_MAX_PX + 1): boolean {\n    const [isMobile, setIsMobile] = useState(() => {\n        if (typeof window === \"undefined\") return false;\n        return window.matchMedia(`(max-width: ${breakpoint - 1}px)`).matches;\n    });\n\n    useEffect(() => {\n        const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n        const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n        mq.addEventListener(\"change\", handler);\n        return () => mq.removeEventListener(\"change\", handler);\n    }, [breakpoint]);\n\n    return isMobile;\n}\n","\"use client\";\n\nimport { useEffect, useLayoutEffect, useState, type CSSProperties } from \"react\";\n\n/** Matches Avenue dropdown/select mobile sheet motion. */\nexport const MOBILE_SHEET_MOTION_MS = 175;\nexport const MOBILE_SHEET_ENTRY_EASING = \"cubic-bezier(0.85, 0, 0.15, 1)\";\nexport const MOBILE_SHEET_EXIT_EASING = \"cubic-bezier(0.85, 0, 1, 0.15)\";\nexport const MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_PX = 120;\n\nexport interface SelectMobileOptions {\n    /** When `false`, keep the floating menu on narrow viewports. Default `true`. */\n    sheet?: boolean;\n    /** Optional header title on the same row as the close control. */\n    title?: string;\n    /** Extra classes on the sheet panel (merged after base sheet styles). */\n    className?: string;\n    /** Extra classes on the scrollable body below the header. */\n    contentClassName?: string;\n}\n\nexport function resolveSelectMobileOptions(mobileOptions?: SelectMobileOptions) {\n    return {\n        sheet: mobileOptions?.sheet ?? true,\n        title: mobileOptions?.title,\n        sheetClassName: mobileOptions?.className,\n        contentClassName: mobileOptions?.contentClassName,\n    };\n}\n\nexport function useMobileSheetAnimation(\n    open: boolean,\n    enabled: boolean,\n    slideEntrance = true,\n    slideOffsetPx = MOBILE_SHEET_SLIDE_ENTRANCE_OFFSET_PX,\n) {\n    const [shouldRender, setShouldRender] = useState(open);\n    const [isAnimating, setIsAnimating] = useState(false);\n\n    useLayoutEffect(() => {\n        if (!enabled) {\n            setShouldRender(open);\n            return;\n        }\n\n        if (open) {\n            setShouldRender(true);\n        }\n    }, [open, enabled]);\n\n    useEffect(() => {\n        if (!enabled || open) return;\n\n        const timer = setTimeout(() => setShouldRender(false), MOBILE_SHEET_MOTION_MS);\n        return () => clearTimeout(timer);\n    }, [open, enabled]);\n\n    useLayoutEffect(() => {\n        if (!enabled || open || !shouldRender) return;\n        setIsAnimating(false);\n    }, [enabled, open, shouldRender]);\n\n    useEffect(() => {\n        if (!enabled || !shouldRender || !open) return;\n\n        let raf2 = 0;\n        const raf1 = requestAnimationFrame(() => {\n            raf2 = requestAnimationFrame(() => setIsAnimating(true));\n        });\n\n        return () => {\n            cancelAnimationFrame(raf1);\n            if (raf2) cancelAnimationFrame(raf2);\n        };\n    }, [shouldRender, open, enabled]);\n\n    const motionEasing = open ? MOBILE_SHEET_ENTRY_EASING : MOBILE_SHEET_EXIT_EASING;\n    const hiddenTransform = slideEntrance ? `translateY(${slideOffsetPx}px)` : \"translateY(100%)\";\n\n    const panelStyle: CSSProperties | undefined = enabled\n        ? {\n              transform: isAnimating ? \"translateY(0)\" : hiddenTransform,\n              opacity: isAnimating ? 1 : 0,\n              transitionProperty: \"transform, opacity\",\n              transitionDuration: `${MOBILE_SHEET_MOTION_MS}ms`,\n              transitionTimingFunction: motionEasing,\n          }\n        : undefined;\n\n    const backdropStyle: CSSProperties | undefined = enabled\n        ? {\n              opacity: isAnimating ? 1 : 0,\n              transitionProperty: \"opacity\",\n              transitionDuration: `${MOBILE_SHEET_MOTION_MS}ms`,\n              transitionTimingFunction: motionEasing,\n          }\n        : undefined;\n\n    return { shouldRender, isAnimating, panelStyle, backdropStyle };\n}\n","\"use client\";\n\n/** Figma: Select menu popover (11132:11643) — desktop floating menu; mobile bottom sheet (≤1024px). */\n\nimport { useContext, useEffect, useMemo, type ReactNode, type RefAttributes } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { XIcon as X } from \"@phosphor-icons/react/dist/csr/X\";\nimport type { PopoverProps as AriaPopoverProps } from \"react-aria-components\";\nimport { OverlayTriggerStateContext, Popover as AriaPopover } from \"react-aria-components\";\nimport { useIsMobile } from \"@/hooks/use-is-mobile\";\nimport {\n    resolveSelectMobileOptions,\n    useMobileSheetAnimation,\n    type SelectMobileOptions,\n} from \"@/components/base/select/select-mobile-sheet\";\nimport { cx } from \"@/utils/cx\";\n\ninterface PopoverProps extends AriaPopoverProps, RefAttributes<HTMLElement> {\n    size: \"sm\" | \"md\" | \"lg\";\n    /** Narrow-viewport (≤1024px) bottom-sheet options. */\n    mobileOptions?: SelectMobileOptions;\n    /**\n     * When `true`, the popover shell does not scroll and has no max-height;\n     * inner content manages its own regions (e.g. multi-select search + list + footer).\n     * @default false\n     */\n    compoundContent?: boolean;\n}\n\nfunction MobileSheetCloseButton({ onClose }: { onClose: () => void }) {\n    return (\n        <button\n            type=\"button\"\n            onClick={(e) => {\n                e.stopPropagation();\n                onClose();\n            }}\n            className=\"flex size-12 shrink-0 cursor-pointer items-center justify-center rounded-full text-fg-primary transition duration-100 ease-linear hover:bg-primary_hover active:scale-[0.96] focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]\"\n        >\n            <X className=\"size-5\" aria-hidden=\"true\" />\n            <span className=\"sr-only\">Close</span>\n        </button>\n    );\n}\n\nfunction MobileSheetChrome({\n    title,\n    contentClassName,\n    onClose,\n    children,\n}: {\n    title?: string;\n    contentClassName?: string;\n    onClose: () => void;\n    children: ReactNode;\n}) {\n    return (\n        <>\n            <div className={cx(\"flex w-full shrink-0 items-center py-2 pl-4 pr-2\", title ? \"justify-between gap-3\" : \"justify-end\")}>\n                {title ? <p className=\"min-w-0 flex-1 truncate text-base font-semibold text-primary\">{title}</p> : null}\n                <MobileSheetCloseButton onClose={onClose} />\n            </div>\n            <div\n                className={cx(\n                    \"min-h-0 flex-1 overflow-y-auto pb-[calc(5rem+env(safe-area-inset-bottom,0px))]\",\n                    contentClassName,\n                )}\n            >\n                {children}\n            </div>\n        </>\n    );\n}\n\nexport const Popover = ({ mobileOptions, children, size, className, style, compoundContent = false, ...props }: PopoverProps) => {\n    const isMobile = useIsMobile();\n    const resolvedMobile = useMemo(() => resolveSelectMobileOptions(mobileOptions), [mobileOptions]);\n    const useMobileSheet = isMobile && resolvedMobile.sheet;\n    const overlayState = useContext(OverlayTriggerStateContext);\n    const open = overlayState?.isOpen ?? false;\n    const { shouldRender, panelStyle, backdropStyle } = useMobileSheetAnimation(open, useMobileSheet);\n\n    useEffect(() => {\n        if (!useMobileSheet || !open) return;\n\n        const prev = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        return () => {\n            document.body.style.overflow = prev;\n        };\n    }, [useMobileSheet, open]);\n\n    const close = () => overlayState?.close();\n    const showMobileSheet = useMobileSheet && shouldRender;\n    const isMobileSheetExiting = showMobileSheet && !open;\n\n    const mobileScrim =\n        useMobileSheet && shouldRender && typeof document !== \"undefined\"\n            ? createPortal(\n                  <div\n                      className=\"fixed inset-0 z-50 bg-overlay/70\"\n                      style={backdropStyle}\n                      onClick={close}\n                      aria-hidden=\"true\"\n                  />,\n                  document.body,\n              )\n            : null;\n\n    return (\n        <>\n            {mobileScrim}\n            <AriaPopover\n                placement=\"bottom\"\n                containerPadding={0}\n                offset={4}\n                {...props}\n                isExiting={isMobileSheetExiting}\n                {...(useMobileSheet ? { \"data-select-mobile-sheet\": true } : {})}\n                style={useMobileSheet ? { ...panelStyle, ...style } : style}\n                className={(state) =>\n                    cx(\n                        \"outline-hidden\",\n                        !useMobileSheet && [\n                            \"w-(--trigger-width) origin-(--trigger-anchor-point) rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt will-change-transform\",\n                            compoundContent\n                                ? \"overflow-hidden outline-hidden\"\n                                : \"overflow-x-hidden overflow-y-auto py-1 outline-hidden\",\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                            !compoundContent && size === \"sm\" && \"max-h-56!\",\n                            !compoundContent && size === \"md\" && \"max-h-64!\",\n                            !compoundContent && size === \"lg\" && \"max-h-80!\",\n                        ],\n                        useMobileSheet && [\n                            \"fixed! inset-x-0! bottom-0! top-auto! left-0! right-0! z-[51] flex w-full! max-w-none! flex-col overflow-hidden rounded-t-2xl rounded-b-none border-x-0 border-t border-secondary bg-primary shadow-xl\",\n                            \"max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))]\",\n                            resolvedMobile.sheetClassName,\n                        ],\n                        typeof className === \"function\" ? className(state) : className,\n                    )\n                }\n            >\n                {(state) => {\n                    const content = typeof children === \"function\" ? children(state) : children;\n\n                    if (useMobileSheet) {\n                        return (\n                            <MobileSheetChrome\n                                title={resolvedMobile.title}\n                                contentClassName={resolvedMobile.contentClassName}\n                                onClose={close}\n                            >\n                                {content}\n                            </MobileSheetChrome>\n                        );\n                    }\n\n                    return content;\n                }}\n            </AriaPopover>\n        </>\n    );\n};\n","\"use client\";\n\nimport type { FC, ReactNode } from \"react\";\nimport { createContext } from \"react\";\nimport type { SelectMobileOptions } from \"./select-mobile-sheet\";\n\nexport type SelectItemType = {\n    /** Unique identifier for the item. */\n    id: string | number;\n    /** The primary display text. */\n    label?: string;\n    /** Avatar image URL. */\n    avatarUrl?: string;\n    /** Whether the item is disabled. */\n    isDisabled?: boolean;\n    /** Secondary text displayed alongside the label. */\n    supportingText?: string;\n    /** Leading icon component or element. */\n    icon?: FC | ReactNode;\n};\n\nexport interface CommonProps {\n    /** Helper text displayed below the input. */\n    hint?: string;\n    /** Field label displayed above the input. */\n    label?: string;\n    /** Tooltip text for the help icon next to the label. */\n    tooltip?: string;\n    /**\n     * The size of the component.\n     * @default \"md\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Placeholder text when no value is selected. */\n    placeholder?: string;\n    /** Whether to hide the required indicator from the label. */\n    hideRequiredIndicator?: boolean;\n    /**\n     * Narrow-viewport (≤1024px) bottom-sheet options for the menu.\n     * `sheet` defaults to `true` on viewports ≤1024px wide.\n     */\n    mobileOptions?: SelectMobileOptions;\n}\n\nexport const sizes = {\n    sm: {\n        root: \"py-2 pl-3 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]\",\n        withIcon: \"\",\n        text: \"text-sm\",\n        textContainer: \"gap-x-1.5\",\n        shortcut: \"pr-2.5\",\n    },\n    md: { root: \"py-2 px-3 gap-2 *:data-icon:size-5\", withIcon: \"\", text: \"text-md\", textContainer: \"gap-x-1.5\", shortcut: \"pr-2.5\" },\n    lg: { root: \"py-2.5 px-3.5 gap-2 *:data-icon:size-5\", withIcon: \"\", text: \"text-md\", textContainer: \"gap-x-1.5\", shortcut: \"pr-3\" },\n};\n\n/** Shared search-field layout for multi-select and combo box mobile sheets. */\nexport const searchSizes = {\n    sm: { wrapper: \"py-1\", root: \"px-3 py-2 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]\", text: \"text-sm\" },\n    md: { wrapper: \"py-0.5\", root: \"px-3 py-2 gap-2 *:data-icon:size-5\", text: \"text-md\" },\n    lg: { wrapper: \"py-0.5\", root: \"px-3.5 py-2.5 gap-2 *:data-icon:size-5\", text: \"text-md\" },\n};\n\nexport const SelectContext = createContext<{ size: \"sm\" | \"md\" | \"lg\" }>({ size: \"md\" });\n\nexport type { SelectMobileOptions } from \"./select-mobile-sheet\";\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","\"use client\";\n\nimport { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, createContext, useContext, useState } from \"react\";\nimport { EyeIcon as Eye } from \"@phosphor-icons/react/dist/csr/Eye\";\nimport { EyeSlashIcon as EyeOff } from \"@phosphor-icons/react/dist/csr/EyeSlash\";\nimport { QuestionIcon as HelpCircle } from \"@phosphor-icons/react/dist/csr/Question\";\nimport { InfoIcon as InfoCircle } from \"@phosphor-icons/react/dist/csr/Info\";\nimport type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from \"react-aria-components\";\nimport { Button as AriaButton, Group as AriaGroup, Input as AriaInput, TextField as AriaTextField } from \"react-aria-components\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport { Label } from \"@/components/base/input/label\";\nimport { Tooltip, TooltipTrigger } from \"@/components/base/tooltip/tooltip\";\nimport { cx, sortCx } from \"@/utils/cx\";\n\n/**\n * Figma: Inputs (85:1269)\n *\n * Default: border (1px) border-primary + shadow-xs.\n * Focus: 1px border-brand + inset ring-brand (2px visual, no layout shift from border-2).\n * Error default: border-error_subtle; error focus: border-error + inset ring-error.\n */\nexport const inputFocusRingShadow = \"border-brand ring-1 ring-inset ring-brand\";\nexport const inputErrorFocusRingShadow = \"border-error ring-1 ring-inset ring-error\";\n/** Shell focus overlay — border + inset ring on one ::after above children (no host border-brand; avoids double-ring gap). */\nexport const inputFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-brand after:ring-1 after:ring-inset after:ring-brand after:content-['']\";\nexport const inputErrorFocusRingShellOverlay =\n    \"after:pointer-events-none after:absolute after:-inset-px after:z-10 after:rounded-lg after:border after:border-solid after:border-error after:ring-1 after:ring-inset after:ring-error after:content-['']\";\nexport const inputErrorFocusRingGroupInvalidShellOverlay =\n    \"group-invalid:focus-within:after:pointer-events-none group-invalid:focus-within:after:absolute group-invalid:focus-within:after:-inset-px group-invalid:focus-within:after:z-10 group-invalid:focus-within:after:rounded-lg group-invalid:focus-within:after:border group-invalid:focus-within:after:border-solid group-invalid:focus-within:after:border-error group-invalid:focus-within:after:ring-1 group-invalid:focus-within:after:ring-inset group-invalid:focus-within:after:ring-error group-invalid:focus-within:after:content-['']\";\nexport const inputFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-brand focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-brand\";\nexport const inputErrorFocusVisibleRingShadow =\n    \"focus-visible:outline-none focus-visible:border-error focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-error\";\n\nexport interface InputBaseProps extends Omit<AriaInputProps, \"size\"> {\n    /** Tooltip message on hover. */\n    tooltip?: string;\n    /** Whether the input is invalid. */\n    isInvalid?: boolean;\n    /** Whether the input is disabled. */\n    isDisabled?: boolean;\n    /** Whether the input is required. */\n    isRequired?: boolean;\n    /**\n     * Input size.\n     * @default \"sm\"\n     */\n    size?: \"sm\" | \"md\" | \"lg\";\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 = \"md\",\n    isInvalid,\n    isDisabled,\n    isRequired,\n    icon: Icon,\n    placeholder,\n    wrapperClassName,\n    tooltipClassName,\n    inputClassName,\n    iconClassName,\n    type = \"text\",\n    ...inputProps\n}: InputBaseProps) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n\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 text-sm\", hasLeadingIcon && \"pl-9\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-4 stroke-[2.25px]\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-1.5\",\n        },\n        md: {\n            root: cx(\"px-3 py-2 text-md\", hasLeadingIcon && \"pl-10\", hasTrailingIcon && \"pr-9\"),\n            iconLeading: \"left-3 size-5\",\n            iconTrailing: \"right-3\",\n            shortcut: \"pr-2\",\n        },\n        lg: {\n            root: cx(\"px-3.5 py-2.5 text-md\", hasLeadingIcon && \"pl-10.5\", hasTrailingIcon && \"pr-9.5\"),\n            iconLeading: \"left-3.5 size-5\",\n            iconTrailing: \"right-3.5\",\n            shortcut: \"pr-2.5\",\n        },\n    });\n\n    return (\n        <AriaGroup\n            {...{ isDisabled, isInvalid }}\n            ref={groupRef}\n            className={({ isFocusWithin, isDisabled, isInvalid }) =>\n                cx(\n                    \"group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg border border-solid border-primary bg-primary shadow-xs transition-[border-color,box-shadow] duration-100 ease-linear\",\n\n                    isFocusWithin && !isDisabled && !isInvalid && inputFocusRingShadow,\n\n                    // Disabled state styles\n                    isDisabled && \"cursor-not-allowed opacity-50\",\n                    \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n\n                    // Invalid state styles\n                    isInvalid && !isFocusWithin && \"border-error_subtle\",\n                    \"group-invalid:border-error_subtle\",\n                    \"group-invalid:focus-within:border-error group-invalid:focus-within:ring-1 group-invalid:focus-within:ring-inset group-invalid:focus-within:ring-error\",\n\n                    // Invalid + focus — darker error stroke (not brand)\n                    isInvalid && isFocusWithin && inputErrorFocusRingShadow,\n\n                    context?.wrapperClassName,\n                    wrapperClassName,\n                )\n            }\n        >\n            {/* Leading icon and Payment icon */}\n            {Icon && (\n                <Icon className={cx(\"pointer-events-none absolute text-fg-quaternary\", sizes[inputSize].iconLeading, context?.iconClassName, iconClassName)} />\n            )}\n\n            {/* Input field */}\n            <AriaInput\n                {...(inputProps as AriaInputProps)}\n                ref={ref}\n                required={isRequired}\n                type={type === \"password\" && isPasswordVisible ? \"text\" : type}\n                placeholder={placeholder}\n                className={cx(\n                    \"m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed\",\n                    sizes[inputSize].root,\n                    context?.inputClassName,\n                    inputClassName,\n                )}\n            />\n\n            {/* Tooltip and help icon */}\n            {tooltip && type !== \"password\" && (\n                <Tooltip title={tooltip} placement=\"top\">\n                    <TooltipTrigger\n                        className={cx(\n                            \"absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden 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 stroke-[2.25px]\" />\n                    </TooltipTrigger>\n                </Tooltip>\n            )}\n\n            {/* Invalid icon */}\n            {type !== \"password\" && (\n                <InfoCircle\n                    className={cx(\n                        \"pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block\",\n                        sizes[inputSize].iconTrailing,\n                        context?.tooltipClassName,\n                        tooltipClassName,\n                    )}\n                />\n            )}\n\n            {/* Password visibility toggle */}\n            {type === \"password\" && (\n                <AriaButton\n                    aria-label=\"Toggle password visibility\"\n                    onClick={() => setIsPasswordVisible(!isPasswordVisible)}\n                    className={cx(\n                        \"absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden\",\n                        sizes[inputSize].iconTrailing,\n                    )}\n                >\n                    {isPasswordVisible ? <EyeOff className=\"size-4 stroke-[2.25px]\" /> : <Eye className=\"size-4 stroke-[2.25px]\" />}\n                </AriaButton>\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 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex\",\n                        sizes[inputSize].shortcut,\n                    )}\n                >\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\"\n                    >\n                        {typeof shortcut === \"string\" ? shortcut : \"⌘K\"}\n                    </span>\n                </div>\n            )}\n        </AriaGroup>\n    );\n};\n\nInputBase.displayName = \"InputBase\";\n\ninterface TextFieldContextProps extends Partial<Pick<InputBaseProps, \"size\" | \"wrapperClassName\" | \"inputClassName\" | \"iconClassName\" | \"tooltipClassName\">> {}\n\nconst TextFieldContext = createContext<TextFieldContextProps>({});\n\nexport interface TextFieldProps extends AriaTextFieldProps, TextFieldContextProps {}\n\nexport const TextField = ({ className, size = \"md\", inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }: TextFieldProps) => {\n    return (\n        <TextFieldContext.Provider value={{ inputClassName, wrapperClassName, iconClassName, tooltipClassName, size }}>\n            <AriaTextField\n                {...props}\n                data-input-wrapper\n                data-input-size={size}\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\nexport interface InputProps\n    extends\n        AriaTextFieldProps,\n        Pick<\n            InputBaseProps,\n            | \"ref\"\n            | \"placeholder\"\n            | \"icon\"\n            | \"shortcut\"\n            | \"tooltip\"\n            | \"groupRef\"\n            | \"size\"\n            | \"wrapperClassName\"\n            | \"inputClassName\"\n            | \"iconClassName\"\n            | \"tooltipClassName\"\n        > {\n    /** Label text for the input */\n    label?: string;\n    /** Helper text displayed below the input */\n    hint?: ReactNode;\n    /** Whether to hide required indicator from label */\n    hideRequiredIndicator?: boolean;\n}\n\nexport const Input = ({\n    size = \"md\",\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    type = \"text\",\n    ...props\n}: InputProps) => {\n    return (\n        <TextField aria-label={!label ? placeholder : undefined} {...props} size={size} className={className}>\n            {({ isRequired, isInvalid }) => (\n                <>\n                    {label && (\n                        <Label isRequired={hideRequiredIndicator ? !hideRequiredIndicator : isRequired} isInvalid={isInvalid}>\n                            {label}\n                        </Label>\n                    )}\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                            type,\n                            isInvalid,\n                        }}\n                    />\n\n                    {hint && <HintText isInvalid={isInvalid}>{hint}</HintText>}\n                </>\n            )}\n        </TextField>\n    );\n};\n\nInput.displayName = \"Input\";\n","/* We cannot use type `unknown` instead of `any` here because it will break the type assertion `isReactComponent` function is providing. */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type React from \"react\";\n\ntype ReactComponent = React.FC<any> | React.ComponentClass<any, any>;\n\n/**\n * Checks if a given value is a function component.\n */\nexport const isFunctionComponent = (component: any): component is React.FC<any> => {\n    return typeof component === \"function\";\n};\n\n/**\n * Checks if a given value is a class component.\n */\nexport const isClassComponent = (component: any): component is React.ComponentClass<any, any> => {\n    return typeof component === \"function\" && component.prototype && (!!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: any): component is React.ForwardRefExoticComponent<any> => {\n    return typeof component === \"object\" && component !== null && 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: any): component is ReactComponent => {\n    return isFunctionComponent(component) || isForwardRefComponent(component) || isClassComponent(component);\n};\n","\"use client\";\n\n/** Figma: Select / ComboBox (11132:11643) */\n\nimport type { FC, FocusEventHandler, PointerEventHandler, ReactNode, Ref, RefAttributes, RefObject } from \"react\";\nimport { isValidElement, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { MagnifyingGlassIcon as SearchLg } from \"@phosphor-icons/react/dist/csr/MagnifyingGlass\";\nimport type { ComboBoxProps as AriaComboBoxProps, GroupProps as AriaGroupProps, ListBoxProps as AriaListBoxProps } from \"react-aria-components\";\nimport {\n    Button as AriaButton,\n    ComboBox as AriaComboBox,\n    Group as AriaGroup,\n    Input as AriaInput,\n    ListBox as AriaListBox,\n    ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { HintText } from \"@/components/base/input/hint-text\";\nimport { Label } from \"@/components/base/input/label\";\nimport { Popover } from \"@/components/base/select/popover\";\nimport { resolveSelectMobileOptions } from \"@/components/base/select/select-mobile-sheet\";\nimport { type CommonProps, searchSizes, SelectContext, type SelectItemType, sizes } from \"@/components/base/select/select-shared\";\nimport { useIsMobile } from \"@/hooks/use-is-mobile\";\nimport { useResizeObserver } from \"@/hooks/use-resize-observer\";\nimport { cx } from \"@/utils/cx\";\nimport { inputErrorFocusRingShadow, inputFocusRingShadow } from \"@/components/base/input/input\";\nimport { isReactComponent } from \"@/utils/is-react-component\";\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    /** Leading icon component displayed before the input. */\n    icon?: FC | ReactNode;\n    children: AriaListBoxProps<SelectItemType>[\"children\"];\n}\n\ninterface ComboBoxValueProps extends AriaGroupProps {\n    size: \"sm\" | \"md\" | \"lg\";\n    shortcut: boolean;\n    placeholder?: string;\n    shortcutClassName?: string;\n    icon?: FC | ReactNode;\n    isInvalid?: boolean;\n    onFocus?: FocusEventHandler;\n    onPointerEnter?: PointerEventHandler;\n    ref?: Ref<HTMLDivElement>;\n}\n\ninterface ComboBoxMobileTriggerProps {\n    size: \"sm\" | \"md\" | \"lg\";\n    placeholder?: string;\n    icon?: FC | ReactNode;\n    isInvalid?: boolean;\n    onPointerEnter?: PointerEventHandler;\n    ref?: Ref<HTMLButtonElement>;\n}\n\nconst ComboBoxMobileTrigger = ({ size, placeholder, icon: IconProp, isInvalid, onPointerEnter, ref }: ComboBoxMobileTriggerProps) => {\n    const state = useContext(ComboBoxStateContext);\n    const selectedItem = state?.selectedItem?.value ?? null;\n\n    return (\n        <AriaButton\n            ref={ref}\n            onPress={() => state?.open()}\n            onPointerEnter={onPointerEnter}\n            className={({ isFocusVisible, isDisabled }) =>\n                cx(\n                    \"relative flex w-full cursor-pointer items-center gap-2 rounded-lg border border-solid border-primary bg-primary text-left shadow-xs outline-hidden transition-[border-color,box-shadow] duration-100 ease-linear\",\n                    isDisabled && \"cursor-not-allowed opacity-50\",\n                    !isInvalid && (isFocusVisible || state?.isOpen) && inputFocusRingShadow,\n                    isInvalid && !(isFocusVisible || state?.isOpen) && \"border-error_subtle\",\n                    isInvalid && (isFocusVisible || state?.isOpen) && inputErrorFocusRingShadow,\n                    \"*:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n                    sizes[size].root,\n                )\n            }\n        >\n            {isReactComponent(IconProp) ? (\n                <IconProp data-icon className=\"pointer-events-none\" aria-hidden=\"true\" />\n            ) : isValidElement(IconProp) ? (\n                IconProp\n            ) : (\n                <SearchLg data-icon className=\"pointer-events-none\" aria-hidden=\"true\" />\n            )}\n\n            {selectedItem ? (\n                <section className={cx(\"flex w-full truncate\", sizes[size].textContainer)}>\n                    <p className={cx(\"truncate font-medium text-primary\", sizes[size].text)}>{selectedItem.label}</p>\n                    {selectedItem.supportingText && <p className={cx(\"text-tertiary\", sizes[size].text)}>{selectedItem.supportingText}</p>}\n                </section>\n            ) : (\n                <p className={cx(\"truncate text-placeholder\", sizes[size].text)}>{placeholder}</p>\n            )}\n        </AriaButton>\n    );\n};\n\ninterface ComboBoxSheetSearchProps {\n    size: \"sm\" | \"md\" | \"lg\";\n    placeholder?: string;\n    icon?: FC | ReactNode;\n}\n\nconst ComboBoxSheetSearch = ({ size, placeholder, icon: IconProp }: ComboBoxSheetSearchProps) => (\n    <div className={cx(\"shrink-0 border-b border-secondary\", searchSizes[size].wrapper)}>\n        <div className={cx(\"flex items-center\", searchSizes[size].root)}>\n            {isReactComponent(IconProp) ? (\n                <IconProp data-icon aria-hidden=\"true\" className=\"shrink-0 text-fg-quaternary\" />\n            ) : isValidElement(IconProp) ? (\n                IconProp\n            ) : (\n                <SearchLg data-icon aria-hidden=\"true\" className=\"shrink-0 text-fg-quaternary\" />\n            )}\n            <AriaInput\n                placeholder={placeholder}\n                className={cx(\n                    \"w-full appearance-none bg-transparent text-primary caret-alpha-black/90 outline-hidden placeholder:text-placeholder\",\n                    searchSizes[size].text,\n                )}\n            />\n        </div>\n    </div>\n);\n\nconst ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, icon: IconProp, isInvalid, ref, ...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            ref={ref}\n            {...otherProps}\n            isInvalid={isInvalid}\n            className={({ isDisabled, isInvalid: isGroupInvalid }) =>\n                cx(\n                    \"relative flex w-full items-center gap-2 rounded-lg border border-solid border-primary bg-primary shadow-xs outline-hidden transition-[border-color,box-shadow] duration-100 ease-linear\",\n                    isDisabled && \"cursor-not-allowed opacity-50\",\n                    !isGroupInvalid && state?.isOpen && inputFocusRingShadow,\n                    !isGroupInvalid &&\n                        \"has-[input:focus-visible]:border-brand has-[input:focus-visible]:ring-1 has-[input:focus-visible]:ring-inset has-[input:focus-visible]:ring-brand\",\n                    isGroupInvalid && !state?.isOpen && \"border-error_subtle\",\n                    isGroupInvalid && state?.isOpen && inputErrorFocusRingShadow,\n                    isGroupInvalid &&\n                        \"has-[input:focus-visible]:border-error has-[input:focus-visible]:ring-1 has-[input:focus-visible]:ring-inset has-[input:focus-visible]:ring-error\",\n\n                    // Icon styles\n                    \"*:data-icon:shrink-0 *:data-icon:text-fg-quaternary\",\n\n                    sizes[size].root,\n                )\n            }\n        >\n            {isReactComponent(IconProp) ? (\n                <IconProp data-icon className=\"pointer-events-none\" aria-hidden=\"true\" />\n            ) : isValidElement(IconProp) ? (\n                IconProp\n            ) : (\n                <SearchLg data-icon className=\"pointer-events-none\" aria-hidden=\"true\" />\n            )}\n\n            <div className=\"relative flex w-full items-center\">\n                {inputValue && (\n                    <span className={cx(\"absolute top-1/2 z-0 inline-flex w-full -translate-y-1/2 truncate\", sizes[size].textContainer)} aria-hidden=\"true\">\n                        <p className={cx(\"font-medium text-primary\", sizes[size].text)}>{first}</p>\n                        {last && <p className={cx(\"-ml-0.75 text-tertiary\", sizes[size].text)}>{last}</p>}\n                    </span>\n                )}\n\n                <AriaInput\n                    placeholder={placeholder}\n                    className={cx(\n                        \"z-10 w-full appearance-none bg-transparent text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed\",\n                        sizes[size].text,\n                    )}\n                />\n            </div>\n\n            {shortcut && (\n                <div\n                    className={cx(\n                        \"absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex\",\n                        sizes[size].shortcut,\n                        shortcutClassName,\n                    )}\n                >\n                    <span\n                        className=\"pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset\"\n                        aria-hidden=\"true\"\n                    >\n                        ⌘K\n                    </span>\n                </div>\n            )}\n        </AriaGroup>\n    );\n};\n\nexport const ComboBox = ({\n    placeholder = \"Search\",\n    shortcut = true,\n    size = \"md\",\n    children,\n    items,\n    shortcutClassName,\n    icon,\n    hideRequiredIndicator,\n    mobileOptions,\n    ...otherProps\n}: ComboBoxProps) => {\n    const isMobile = useIsMobile();\n    const resolvedMobile = useMemo(() => resolveSelectMobileOptions(mobileOptions), [mobileOptions]);\n    const useMobileSheet = isMobile && resolvedMobile.sheet;\n    const triggerRef = useRef<HTMLButtonElement | HTMLDivElement | null>(null);\n    const [popoverWidth, setPopoverWidth] = useState(\"\");\n\n    // Resize observer for popover width\n    const onResize = useCallback(() => {\n        if (!triggerRef.current) return;\n\n        const divRect = triggerRef.current.getBoundingClientRect();\n\n        setPopoverWidth(divRect.width + \"px\");\n    }, []);\n\n    useResizeObserver({\n        ref: triggerRef,\n        box: \"border-box\",\n        onResize,\n    });\n\n    return (\n        <SelectContext.Provider value={{ size }}>\n            <AriaComboBox menuTrigger={useMobileSheet ? \"manual\" : \"focus\"} {...otherProps}>\n                {(state) => (\n                    <div className=\"flex flex-col gap-1.5\">\n                        {otherProps.label && (\n                            <Label isRequired={hideRequiredIndicator ? false : state.isRequired} tooltip={otherProps.tooltip}>\n                                {otherProps.label}\n                            </Label>\n                        )}\n\n                        {useMobileSheet ? (\n                            <ComboBoxMobileTrigger\n                                ref={triggerRef as Ref<HTMLButtonElement>}\n                                placeholder={placeholder}\n                                icon={icon}\n                                size={size}\n                                isInvalid={state.isInvalid}\n                                onPointerEnter={onResize}\n                            />\n                        ) : (\n                            <ComboBoxValue\n                                ref={triggerRef as Ref<HTMLDivElement>}\n                                placeholder={placeholder}\n                                shortcut={shortcut}\n                                shortcutClassName={shortcutClassName}\n                                icon={icon}\n                                size={size}\n                                isInvalid={state.isInvalid}\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\n                        <Popover\n                            size={size}\n                            triggerRef={triggerRef as RefObject<Element | null>}\n                            compoundContent={useMobileSheet}\n                            style={useMobileSheet ? undefined : { width: popoverWidth }}\n                            className={otherProps.popoverClassName}\n                            mobileOptions={{ title: otherProps.label, ...mobileOptions }}\n                        >\n                            {useMobileSheet ? (\n                                <div className=\"flex min-h-0 flex-col overflow-hidden outline-hidden\">\n                                    <ComboBoxSheetSearch size={size} placeholder={placeholder} icon={icon} />\n                                    <AriaListBox items={items} className=\"min-h-0 flex-1 overflow-y-auto py-1 outline-hidden\">\n                                        {children}\n                                    </AriaListBox>\n                                </div>\n                            ) : (\n                                <AriaListBox items={items} className=\"size-full outline-hidden\">\n                                    {children}\n                                </AriaListBox>\n                            )}\n                        </Popover>\n\n                        {otherProps.hint && (\n                            <HintText isInvalid={state.isInvalid} className={cx(size === \"sm\" && \"text-xs\")}>\n                                {otherProps.hint}\n                            </HintText>\n                        )}\n                    </div>\n                )}\n            </AriaComboBox>\n        </SelectContext.Provider>\n    );\n};\n"]}

package/dist/react/dialog.d.ts

@@ -1,28 +1,28 @@
-import React__default from 'react';
+import react__default from 'react';
 
 interface DialogProps {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare const Dialog: React__default.FC<DialogProps>;
-declare const DialogTrigger: React__default.FC<{
-    children: React__default.ReactNode;
+declare const Dialog: react__default.FC<DialogProps>;
+declare const DialogTrigger: react__default.FC<{
+    children: react__default.ReactNode;
     asChild?: boolean;
 }>;
-declare const DialogClose: React__default.FC<{
-    children: React__default.ReactNode;
+declare const DialogClose: react__default.FC<{
+    children: react__default.ReactNode;
     asChild?: boolean;
 }>;
-interface DialogCloseButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DialogCloseButtonProps extends react__default.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 /**
  * Default dismiss control for {@link DialogContent}. Includes absolute top-right
  * placement; pass `className` to adjust or replace positioning.
  * When `onClick` is omitted, closes via the surrounding `Dialog` context (`setOpen(false)`).
  */
-declare const DialogCloseButton: React__default.ForwardRefExoticComponent<DialogCloseButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
-interface DialogContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+declare const DialogCloseButton: react__default.ForwardRefExoticComponent<DialogCloseButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
+interface DialogContentProps extends react__default.HTMLAttributes<HTMLDivElement> {
     size?: "sm" | "md" | "lg" | "xl" | "full";
     duration?: number;
     closeOnOverlayClick?: boolean;
@@ -42,14 +42,14 @@ interface DialogContentProps extends React__default.HTMLAttributes<HTMLDivElemen
     /** Override slide distance (px); default follows `size` via `SLIDE_ENTRANCE_OFFSET_PX`. */
     slideEntranceOffsetPx?: number;
 }
-declare const DialogContent: React__default.FC<DialogContentProps>;
-declare const DialogHeader: React__default.FC<React__default.HTMLAttributes<HTMLDivElement> & {
+declare const DialogContent: react__default.FC<DialogContentProps>;
+declare const DialogHeader: react__default.FC<react__default.HTMLAttributes<HTMLDivElement> & {
     fixed?: boolean;
 }>;
-declare const DialogFooter: React__default.FC<React__default.HTMLAttributes<HTMLDivElement> & {
+declare const DialogFooter: react__default.FC<react__default.HTMLAttributes<HTMLDivElement> & {
     fixed?: boolean;
 }>;
-declare const DialogTitle: React__default.FC<React__default.HTMLAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React__default.FC<React__default.HTMLAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: react__default.FC<react__default.HTMLAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: react__default.FC<react__default.HTMLAttributes<HTMLParagraphElement>>;
 
 export { Dialog, DialogClose, DialogCloseButton, type DialogCloseButtonProps, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/react/dialog.js

@@ -1,13 +1,17 @@
 import React, { useCallback, useState, useMemo, useEffect, useSyncExternalStore } from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 import { createPortal } from 'react-dom';
-import { X } from 'lucide-react';
+import { XIcon } from '@phosphor-icons/react/dist/csr/X';
+import { extendTailwindMerge } from 'tailwind-merge';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+var twMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+});
+var cx = twMerge;
 var DIALOG_MOTION_MS = 200;
 var DIALOG_ENTRY_MOTION_EASING = "cubic-bezier(0.85, 0, 0.15, 1)";
 var DIALOG_EXIT_MOTION_EASING = "cubic-bezier(0.85, 0, 1, 0.15)";
@@ -92,9 +96,7 @@ function useDialogRenderLifecycle(open, panelCloseMs) {
   }, [shouldRender, open]);
   return { shouldRender, isAnimating };
 }
-var DialogContext = React.createContext(
-  void 0
-);
+var DialogContext = React.createContext(void 0);
 function useDialog() {
   const context = React.useContext(DialogContext);
   if (!context) {
@@ -102,11 +104,7 @@ function useDialog() {
   }
   return context;
 }
-var Dialog = ({
-  children,
-  open: controlledOpen,
-  onOpenChange
-}) => {
+var Dialog = ({ children, open: controlledOpen, onOpenChange }) => {
   const parentCtx = React.useContext(DialogContext);
   const parentDepth = parentCtx?.depth ?? 0;
   const depth = parentDepth + 1;
@@ -122,10 +120,7 @@ var Dialog = ({
     },
     [isControlled, onOpenChange]
   );
-  const contextValue = useMemo(
-    () => ({ open, setOpen, depth }),
-    [open, setOpen, depth]
-  );
+  const contextValue = useMemo(() => ({ open, setOpen, depth }), [open, setOpen, depth]);
   return /* @__PURE__ */ jsx(DialogContext.Provider, { value: contextValue, children });
 };
 var DialogTrigger = ({ children, asChild }) => {
@@ -172,14 +167,14 @@ var DialogCloseButton = React.forwardRef(({ className, type = "button", onClick,
     {
       ref,
       type,
-      className: cn(
-        "z-100 flex size-12 cursor-pointer items-center justify-center rounded-full transition-all hover:bg-secondary-background active:scale-[0.96]",
+      className: cx(
+        "relative z-20 flex size-12 cursor-pointer items-center justify-center rounded-full bg-primary text-fg-primary transition duration-100 ease-linear hover:bg-primary_hover hover:text-fg-primary active:scale-[0.96] focus-visible:outline-none focus-visible:[box-shadow:0px_0px_0px_2px_var(--color-bg-primary),0px_0px_0px_4px_var(--color-focus-ring)]",
         className
       ),
       onClick: handleClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(X, { className: "size-5.5" }),
+        /* @__PURE__ */ jsx(XIcon, { className: "size-5", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
       ]
     }
@@ -200,36 +195,18 @@ var DialogContent = ({
 }) => {
   const { open, setOpen, depth } = useDialog();
   const isNarrowViewport = useDialogMobileBottomSheetViewport();
-  const useMobileBottomSheet = useMemo(
-    () => mobileBottomSheet !== false && isNarrowViewport,
-    [mobileBottomSheet, isNarrowViewport]
-  );
-  const useMobileBottomSheetChrome = useMemo(
-    () => mobileBottomSheet !== false && size !== "full",
-    [mobileBottomSheet, size]
-  );
-  const slideOffsetPx = useMemo(
-    () => slideEntranceOffsetPxProp ?? SLIDE_ENTRANCE_OFFSET_PX[size],
-    [slideEntranceOffsetPxProp, size]
-  );
+  const useMobileBottomSheet = useMemo(() => mobileBottomSheet !== false && isNarrowViewport, [mobileBottomSheet, isNarrowViewport]);
+  const useMobileBottomSheetChrome = useMemo(() => mobileBottomSheet !== false && size !== "full", [mobileBottomSheet, size]);
+  const slideOffsetPx = useMemo(() => slideEntranceOffsetPxProp ?? SLIDE_ENTRANCE_OFFSET_PX[size], [slideEntranceOffsetPxProp, size]);
   const useBottomSheetMotion = useMobileBottomSheet;
   const useDesktopSlideEntrance = slideEntrance && !useBottomSheetMotion;
   const panelCloseMs = useMemo(
     () => useBottomSheetMotion ? DIALOG_MOTION_MS : slideEntrance ? DIALOG_MOTION_MS : duration,
     [useBottomSheetMotion, slideEntrance, duration]
   );
-  const { shouldRender, isAnimating } = useDialogRenderLifecycle(
-    open,
-    panelCloseMs
-  );
-  const slideMotionEasing = useMemo(
-    () => open ? DIALOG_ENTRY_MOTION_EASING : DIALOG_EXIT_MOTION_EASING,
-    [open]
-  );
-  const portalZIndex = useMemo(
-    () => DIALOG_Z_BASE + (depth - 1) * DIALOG_Z_STEP,
-    [depth]
-  );
+  const { shouldRender, isAnimating } = useDialogRenderLifecycle(open, panelCloseMs);
+  const slideMotionEasing = useMemo(() => open ? DIALOG_ENTRY_MOTION_EASING : DIALOG_EXIT_MOTION_EASING, [open]);
+  const portalZIndex = useMemo(() => DIALOG_Z_BASE + (depth - 1) * DIALOG_Z_STEP, [depth]);
   const handleOverlayClick = useCallback(() => {
     if (closeOnOverlayClick) setOpen(false);
   }, [closeOnOverlayClick, setOpen]);
@@ -251,19 +228,16 @@ var DialogContent = ({
     };
   }, [open, setOpen]);
   const rootClassName = useMemo(
-    () => cn(
+    () => cx(
       "fixed inset-0 flex",
       size === "full" ? "h-dvh w-full flex-col p-0" : mobileBottomSheet !== false ? "max-lg:items-end max-lg:justify-center max-lg:p-0 lg:items-center lg:justify-center lg:p-4" : "items-center justify-center p-4"
     ),
     [size, mobileBottomSheet]
   );
-  const rootStyle = useMemo(
-    () => ({ zIndex: portalZIndex }),
-    [portalZIndex]
-  );
+  const rootStyle = useMemo(() => ({ zIndex: portalZIndex }), [portalZIndex]);
   const overlayClassName = useMemo(
-    () => cn(
-      "fixed inset-0 bg-black/40 dark:bg-primary/4",
+    () => cx(
+      "fixed inset-0 bg-overlay/70",
       !useBottomSheetMotion && !slideEntrance && "transition-opacity ease-in-out",
       isAnimating ? "opacity-100" : "opacity-0"
     ),
@@ -281,27 +255,17 @@ var DialogContent = ({
   }, [panelCloseMs, useBottomSheetMotion, slideEntrance, slideMotionEasing]);
   const panelClassName = useMemo(() => {
     const sizeKey = size === "full" ? null : size;
-    return cn(
-      "bg-background relative z-10 w-full overflow-hidden shadow-2xl",
-      size === "full" ? "flex min-h-0 flex-1 flex-col max-w-none rounded-none" : cn(
-        "border-primary/10 border",
-        useMobileBottomSheetChrome ? "max-lg:max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] max-lg:rounded-t-2xl max-lg:rounded-b-none max-lg:border-x-0 max-lg:border-b-0 max-lg:border-t max-lg:border-primary/10 lg:rounded-2xl" : "rounded-2xl",
+    return cx(
+      "relative z-10 w-full overflow-hidden bg-primary shadow-xl",
+      size === "full" ? "flex min-h-0 max-w-none flex-1 flex-col rounded-none" : cx(
+        "border border-secondary",
+        useMobileBottomSheetChrome ? "max-lg:max-h-[min(90dvh,calc(100dvh-env(safe-area-inset-bottom,0px)))] max-lg:rounded-t-2xl max-lg:rounded-b-none max-lg:border-x-0 max-lg:border-t max-lg:border-b-0 max-lg:border-secondary lg:rounded-2xl" : "rounded-2xl",
         sizeKey && (useMobileBottomSheetChrome ? SIZE_CLASSES_LG_ONLY[sizeKey] : SIZE_CLASSES[sizeKey])
       ),
-      !useBottomSheetMotion && !useDesktopSlideEntrance && cn(
-        "transition-all ease-in-out",
-        isAnimating ? "scale-100 opacity-100" : "scale-95 opacity-0"
-      ),
+      !useBottomSheetMotion && !useDesktopSlideEntrance && cx("transition-all ease-in-out", isAnimating ? "scale-100 opacity-100" : "scale-95 opacity-0"),
       className
     );
-  }, [
-    size,
-    useMobileBottomSheetChrome,
-    useBottomSheetMotion,
-    useDesktopSlideEntrance,
-    isAnimating,
-    className
-  ]);
+  }, [size, useMobileBottomSheetChrome, useBottomSheetMotion, useDesktopSlideEntrance, isAnimating, className]);
   const panelStyle = useMemo(() => {
     const base = { ...rest.style };
     if (useBottomSheetMotion) {
@@ -328,34 +292,14 @@ var DialogContent = ({
       ...base,
       transitionDuration: `${duration}ms`
     };
-  }, [
-    rest.style,
-    useBottomSheetMotion,
-    useDesktopSlideEntrance,
-    isAnimating,
-    slideOffsetPx,
-    slideMotionEasing,
-    duration
-  ]);
+  }, [rest.style, useBottomSheetMotion, useDesktopSlideEntrance, isAnimating, slideOffsetPx, slideMotionEasing, duration]);
   if (!shouldRender) return null;
   return createPortal(
     /* @__PURE__ */ jsxs("div", { className: rootClassName, style: rootStyle, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: overlayClassName,
-          style: overlayStyle,
-          onClick: handleOverlayClick
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: overlayClassName, style: overlayStyle, onClick: handleOverlayClick }),
       /* @__PURE__ */ jsxs("div", { ...rest, className: panelClassName, style: panelStyle, children: [
         children,
-        showClose && /* @__PURE__ */ jsx(
-          DialogCloseButton,
-          {
-            className: cn("absolute top-4 right-4 md:top-4 md:right-4")
-          }
-        )
+        showClose && /* @__PURE__ */ jsx(DialogCloseButton, { className: cx("absolute top-4 right-4 md:top-4 md:right-4") })
       ] })
     ] }),
     document.body
@@ -365,9 +309,9 @@ var DialogHeader = ({ className, fixed, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
-        "flex flex-col space-y-1.5 p-6 text-center sm:text-left",
-        fixed && "bg-background border-primary/10 sticky top-0 z-10 border-b",
+      className: cx(
+        "flex flex-col space-y-1.5 p-6 pr-14 text-center sm:text-left",
+        fixed && "sticky top-0 z-10 border-b border-secondary bg-primary",
         className
       ),
       ...props
@@ -378,9 +322,9 @@ var DialogFooter = ({ className, fixed, ...props }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
+      className: cx(
         "flex flex-col-reverse p-6 sm:flex-row sm:justify-end sm:space-x-2",
-        fixed && "bg-background border-primary/10 sticky bottom-0 z-10 border-t pb-[max(1.5rem,env(safe-area-inset-bottom))]",
+        fixed && "sticky bottom-0 z-10 border-t border-secondary bg-primary pb-[max(1.5rem,env(safe-area-inset-bottom))]",
         className
       ),
       ...props
@@ -388,19 +332,10 @@ var DialogFooter = ({ className, fixed, ...props }) => {
   );
 };
 var DialogTitle = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    "h3",
-    {
-      className: cn(
-        "text-primary text-xl leading-none font-semibold",
-        className
-      ),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("h3", { className: cx("text-xl leading-none font-semibold text-primary", className), ...props });
 };
 var DialogDescription = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+  return /* @__PURE__ */ jsx("p", { className: cx("text-sm text-tertiary", className), ...props });
 };
 
 export { Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };