@spear-ai/spectral 1.16.4 → 1.16.6

package/dist/ToggleGroup/ToggleGroupSplitMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupSplitMenuItem.js","names":[],"sources":["../../src/components/ToggleGroup/ToggleGroupSplitMenuItem.tsx"],"sourcesContent":["import { DropdownMenu, type DropdownMenuOption, type DropdownMenuProps } from '@components/DropdownMenu/DropdownMenu'\nimport { ChevronDownIcon } from '@components/Icons'\nimport { toggleVariants } from '@components/Toggle/Toggle'\nimport { getActiveColorStyle } from '@utils/activeColorStyle'\nimport { cn } from '@utils/twUtils'\nimport { useContext, useRef, useState, type CSSProperties, type KeyboardEvent, type ReactNode } from 'react'\nimport { ToggleGroupContext } from './ToggleGroup.context'\nimport { ToggleGroupItem, type ToggleGroupItemProps } from './ToggleGroupItem'\n\nexport interface ToggleGroupSplitMenuItemProps extends Omit<ToggleGroupItemProps, 'children'> {\n  children: ReactNode\n  dropdownAlign?: DropdownMenuProps['align']\n  dropdownAriaLabel: string\n  dropdownButtonClassName?: string\n  dropdownCollisionPadding?: DropdownMenuProps['collisionPadding']\n  dropdownButtonStyle?: CSSProperties\n  dropdownOptions: DropdownMenuOption[]\n  dropdownSide?: DropdownMenuProps['side']\n  dropdownValue?: string | string[]\n  dropdownValueLabel?: string\n  onDropdownValueChange?: (value: string | string[]) => void\n  triggerIcon?: ReactNode\n}\n\nexport const ToggleGroupSplitMenuItem = ({\n  activeColor,\n  activeTextColor,\n  children,\n  className,\n  dropdownAlign = 'end',\n  dropdownAriaLabel,\n  dropdownButtonClassName,\n  dropdownButtonStyle,\n  dropdownCollisionPadding = 12,\n  dropdownOptions,\n  dropdownSide = 'bottom',\n  dropdownValue,\n  dropdownValueLabel,\n  layout,\n  onDropdownValueChange,\n  onKeyDown,\n  size,\n  style,\n  triggerIcon = <ChevronDownIcon size={16} />,\n  value,\n  variant,\n  ...props\n}: ToggleGroupSplitMenuItemProps) => {\n  const [open, setOpen] = useState(false)\n  const dropdownContentRef = useRef<HTMLDivElement | null>(null)\n  const primaryButtonRef = useRef<HTMLButtonElement | null>(null)\n  const chevronButtonRef = useRef<HTMLButtonElement | null>(null)\n  const openerRef = useRef<'primary' | 'chevron' | null>(null)\n  const isDisabled = props.disabled ?? false\n  const context = useContext(ToggleGroupContext)\n  const resolvedVariant = variant ?? context.variant\n  const resolvedSize = size ?? context.size\n  const resolvedLayout = layout ?? context.layout\n  const resolvedOrientation = context.orientation ?? 'horizontal'\n  const resolvedActiveColor = activeColor ?? context.activeColor\n  const resolvedActiveTextColor = activeTextColor ?? context.activeTextColor\n  const sharedActiveStyle = {\n    ...getActiveColorStyle(resolvedActiveColor, resolvedActiveTextColor),\n    ...style,\n  }\n\n  const focusFirstEnabledDropdownItem = (focusTarget: 'first' | 'last' = 'first'): void => {\n    const content = dropdownContentRef.current\n    if (!content) return\n\n    const menuItemSelector = '[role=\"menuitem\"]:not([data-disabled]), [role=\"menuitemcheckbox\"]:not([data-disabled]), [role=\"menuitemradio\"]:not([data-disabled])'\n    const enabledItems = Array.from(content.querySelectorAll<HTMLElement>(menuItemSelector))\n    if (enabledItems.length === 0) return\n\n    if (focusTarget === 'last') {\n      enabledItems[enabledItems.length - 1]?.focus()\n      return\n    }\n\n    enabledItems[0]?.focus()\n  }\n\n  const openMenu = (opener: 'primary' | 'chevron'): void => {\n    openerRef.current = opener\n    setOpen(true)\n    setTimeout(() => {\n      focusFirstEnabledDropdownItem('first')\n    }, 0)\n  }\n\n  const restoreFocusToOpener = (): void => {\n    const opener = openerRef.current\n    const focusTarget = opener === 'primary' ? primaryButtonRef.current : chevronButtonRef.current\n    openerRef.current = null\n    focusTarget?.focus()\n  }\n\n  const handleDropdownOpenChange = (nextOpen: boolean): void => {\n    if (nextOpen) {\n      openerRef.current ??= 'chevron'\n      setOpen(true)\n      setTimeout(() => {\n        focusFirstEnabledDropdownItem('first')\n      }, 0)\n      return\n    }\n\n    setOpen(false)\n    restoreFocusToOpener()\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'ArrowDown' && resolvedOrientation !== 'vertical') {\n      event.preventDefault()\n      openMenu('primary')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    if (onKeyDown) onKeyDown(event)\n  }\n\n  const handleDropdownTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (open && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.preventDefault()\n      focusFirstEnabledDropdownItem(event.key === 'ArrowUp' ? 'last' : 'first')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    const isOpenMenuKey = event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ' || event.key === 'Space' || event.key === 'Spacebar'\n\n    if (isOpenMenuKey) {\n      event.preventDefault()\n      openMenu('chevron')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    if (onKeyDown) onKeyDown(event)\n  }\n\n  const toggleAriaLabel = props['aria-label'] ? `${props['aria-label']}${dropdownValueLabel ? `, ${dropdownValueLabel}` : ''}` : undefined\n\n  return (\n    <>\n      <ToggleGroupItem\n        activeColor={resolvedActiveColor}\n        activeTextColor={resolvedActiveTextColor}\n        aria-label={toggleAriaLabel}\n        className={cn('peer/spectral-split-menu rounded-r-none! border-r-0', className)}\n        layout={resolvedLayout}\n        onKeyDown={handleKeyDown}\n        ref={primaryButtonRef}\n        size={resolvedSize}\n        style={sharedActiveStyle}\n        value={value}\n        variant={resolvedVariant}\n        {...(({ 'aria-label': _, ...rest }) => rest)(props)}\n      >\n        {children}\n      </ToggleGroupItem>\n\n      <DropdownMenu\n        align={dropdownAlign}\n        asChild\n        collisionPadding={dropdownCollisionPadding}\n        disabled={isDisabled}\n        dropdownContentRef={dropdownContentRef}\n        onOpenChange={handleDropdownOpenChange}\n        onValueChange={onDropdownValueChange}\n        open={open}\n        options={dropdownOptions}\n        side={dropdownSide}\n        trigger={\n          <button\n            aria-expanded={open}\n            aria-haspopup='menu'\n            aria-label={dropdownAriaLabel}\n            className={cn(\n              toggleVariants({\n                layout: resolvedLayout,\n                size: resolvedSize,\n                variant: resolvedVariant,\n              }),\n              'px-1 min-w-6 data-[size=sm]:min-w-5 data-[size=sm]:px-0.5 relative rounded-none border-l-0 shadow-none',\n              'data-[size=lg]:min-w-7 data-[size=lg]:px-1.5 data-[variant=outline]:border-toggle-border data-[variant=divided]:border-toggle-border',\n              'hover:opacity-100! data-[variant=outline]:hover:border-toggle-border data-[variant=divided]:hover:border-toggle-border',\n              'before:inset-y-2 before:left-0 before:pointer-events-none before:absolute before:w-px before:bg-border-secondary/6',\n              'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent',\n              'peer-data-[state=on]/spectral-split-menu:border-toggle-border--active!',\n              'peer-data-[state=on]/spectral-split-menu:bg-toggle-bg--active',\n              'peer-data-[state=on]/spectral-split-menu:hover:border-toggle-border--active!',\n              'peer-data-[state=on]/spectral-split-menu:hover:bg-toggle-bg--active!',\n              'peer-data-[state=on]/spectral-split-menu:text-toggle-text--active',\n              'peer-data-[state=on]/spectral-split-menu:hover:text-toggle-text--active!',\n              dropdownButtonClassName,\n            )}\n            data-layout={resolvedLayout}\n            data-size={resolvedSize}\n            data-variant={resolvedVariant}\n            disabled={isDisabled}\n            onKeyDown={handleDropdownTriggerKeyDown}\n            onPointerDown={() => {\n              openerRef.current = 'chevron'\n            }}\n            ref={chevronButtonRef}\n            style={{ ...sharedActiveStyle, ...dropdownButtonStyle }}\n            type='button'\n          >\n            {triggerIcon}\n          </button>\n        }\n        value={dropdownValue}\n      />\n    </>\n  )\n}\n\nToggleGroupSplitMenuItem.displayName = 'ToggleGroupSplitMenuItem'\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroupSplitMenuItem.js","names":[],"sources":["../../src/components/ToggleGroup/ToggleGroupSplitMenuItem.tsx"],"sourcesContent":["import { DropdownMenu, type DropdownMenuOption, type DropdownMenuProps } from '@components/DropdownMenu/DropdownMenu'\nimport { ChevronDownIcon } from '@components/Icons'\nimport { toggleVariants } from '@components/Toggle/Toggle'\nimport { getActiveColorStyle } from '@utils/activeColorStyle'\nimport { cn } from '@utils/twUtils'\nimport { useContext, useRef, useState, type CSSProperties, type KeyboardEvent, type ReactNode } from 'react'\nimport { ToggleGroupContext } from './ToggleGroup.context'\nimport { ToggleGroupItem, type ToggleGroupItemProps } from './ToggleGroupItem'\n\nexport interface ToggleGroupSplitMenuItemProps extends Omit<ToggleGroupItemProps, 'children'> {\n  children: ReactNode\n  dropdownAlign?: DropdownMenuProps['align']\n  dropdownAriaLabel: string\n  dropdownButtonClassName?: string\n  dropdownCollisionPadding?: DropdownMenuProps['collisionPadding']\n  dropdownButtonStyle?: CSSProperties\n  dropdownOptions: DropdownMenuOption[]\n  dropdownSide?: DropdownMenuProps['side']\n  dropdownValue?: string | string[]\n  dropdownValueLabel?: string\n  onDropdownValueChange?: (value: string | string[]) => void\n  triggerIcon?: ReactNode\n}\n\nexport const ToggleGroupSplitMenuItem = ({\n  activeColor,\n  activeTextColor,\n  children,\n  className,\n  dropdownAlign = 'end',\n  dropdownAriaLabel,\n  dropdownButtonClassName,\n  dropdownButtonStyle,\n  dropdownCollisionPadding = 12,\n  dropdownOptions,\n  dropdownSide = 'bottom',\n  dropdownValue,\n  dropdownValueLabel,\n  layout,\n  onDropdownValueChange,\n  onKeyDown,\n  size,\n  style,\n  triggerIcon = <ChevronDownIcon size={16} />,\n  value,\n  variant,\n  ...props\n}: ToggleGroupSplitMenuItemProps) => {\n  const [open, setOpen] = useState(false)\n  const dropdownContentRef = useRef<HTMLDivElement | null>(null)\n  const primaryButtonRef = useRef<HTMLButtonElement | null>(null)\n  const chevronButtonRef = useRef<HTMLButtonElement | null>(null)\n  const openerRef = useRef<'primary' | 'chevron' | null>(null)\n  const isDisabled = props.disabled ?? false\n  const context = useContext(ToggleGroupContext)\n  const resolvedVariant = variant ?? context.variant\n  const resolvedSize = size ?? context.size\n  const resolvedLayout = layout ?? context.layout\n  const resolvedOrientation = context.orientation ?? 'horizontal'\n  const resolvedActiveColor = activeColor ?? context.activeColor\n  const resolvedActiveTextColor = activeTextColor ?? context.activeTextColor\n  const sharedActiveStyle = {\n    ...getActiveColorStyle(resolvedActiveColor, resolvedActiveTextColor),\n    ...style,\n  }\n\n  const focusFirstEnabledDropdownItem = (focusTarget: 'first' | 'last' = 'first'): void => {\n    const content = dropdownContentRef.current\n    if (!content) return\n\n    const menuItemSelector = '[role=\"menuitem\"]:not([data-disabled]), [role=\"menuitemcheckbox\"]:not([data-disabled]), [role=\"menuitemradio\"]:not([data-disabled])'\n    const enabledItems = Array.from(content.querySelectorAll<HTMLElement>(menuItemSelector))\n    if (enabledItems.length === 0) return\n\n    if (focusTarget === 'last') {\n      enabledItems[enabledItems.length - 1]?.focus()\n      return\n    }\n\n    enabledItems[0]?.focus()\n  }\n\n  const openMenu = (opener: 'primary' | 'chevron'): void => {\n    openerRef.current = opener\n    setOpen(true)\n    setTimeout(() => {\n      focusFirstEnabledDropdownItem('first')\n    }, 0)\n  }\n\n  const restoreFocusToOpener = (): void => {\n    const opener = openerRef.current\n    const focusTarget = opener === 'primary' ? primaryButtonRef.current : chevronButtonRef.current\n    openerRef.current = null\n    focusTarget?.focus()\n  }\n\n  const handleDropdownOpenChange = (nextOpen: boolean): void => {\n    if (nextOpen) {\n      openerRef.current ??= 'chevron'\n      setOpen(true)\n      setTimeout(() => {\n        focusFirstEnabledDropdownItem('first')\n      }, 0)\n      return\n    }\n\n    setOpen(false)\n    restoreFocusToOpener()\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'ArrowDown' && resolvedOrientation !== 'vertical') {\n      event.preventDefault()\n      openMenu('primary')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    if (onKeyDown) onKeyDown(event)\n  }\n\n  const handleDropdownTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (open && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.preventDefault()\n      focusFirstEnabledDropdownItem(event.key === 'ArrowUp' ? 'last' : 'first')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    const isOpenMenuKey = event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ' || event.key === 'Space' || event.key === 'Spacebar'\n\n    if (isOpenMenuKey) {\n      event.preventDefault()\n      openMenu('chevron')\n      if (onKeyDown) onKeyDown(event)\n      return\n    }\n\n    if (onKeyDown) onKeyDown(event)\n  }\n\n  const toggleAriaLabel = props['aria-label'] ? `${props['aria-label']}${dropdownValueLabel ? `, ${dropdownValueLabel}` : ''}` : undefined\n\n  return (\n    <>\n      <ToggleGroupItem\n        activeColor={resolvedActiveColor}\n        activeTextColor={resolvedActiveTextColor}\n        aria-label={toggleAriaLabel}\n        className={cn('peer/spectral-split-menu rounded-r-none! border-r-0', className)}\n        layout={resolvedLayout}\n        onKeyDown={handleKeyDown}\n        ref={primaryButtonRef}\n        size={resolvedSize}\n        style={sharedActiveStyle}\n        value={value}\n        variant={resolvedVariant}\n        {...(({ 'aria-label': _, ...rest }) => rest)(props)}\n      >\n        {children}\n      </ToggleGroupItem>\n\n      <DropdownMenu\n        align={dropdownAlign}\n        asChild\n        collisionPadding={dropdownCollisionPadding}\n        disabled={isDisabled}\n        dropdownContentRef={dropdownContentRef}\n        onOpenChange={handleDropdownOpenChange}\n        onValueChange={onDropdownValueChange}\n        open={open}\n        options={dropdownOptions}\n        side={dropdownSide}\n        trigger={\n          <button\n            aria-expanded={open}\n            aria-haspopup='menu'\n            aria-label={dropdownAriaLabel}\n            className={cn(\n              toggleVariants({\n                layout: resolvedLayout,\n                size: resolvedSize,\n                variant: resolvedVariant,\n              }),\n              'px-1 min-w-6 data-[size=sm]:min-w-5 data-[size=sm]:px-0.5 relative rounded-none border-l-0 shadow-none',\n              'data-[size=lg]:min-w-7 data-[size=lg]:px-1.5 data-[variant=outline]:border-toggle-border data-[variant=divided]:border-toggle-border',\n              'hover:opacity-100! data-[variant=outline]:hover:border-toggle-border data-[variant=divided]:hover:border-toggle-border',\n              'before:inset-y-2 before:left-0 before:pointer-events-none before:absolute before:w-px before:bg-border-secondary/6',\n              'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent',\n              'peer-data-[state=on]/spectral-split-menu:border-toggle-border--active!',\n              'peer-data-[state=on]/spectral-split-menu:bg-toggle-bg--active',\n              'peer-data-[state=on]/spectral-split-menu:hover:border-toggle-border--active!',\n              'peer-data-[state=on]/spectral-split-menu:hover:bg-toggle-bg--active!',\n              'peer-data-[state=on]/spectral-split-menu:text-toggle-text--active',\n              'peer-data-[state=on]/spectral-split-menu:hover:text-toggle-text--active!',\n              dropdownButtonClassName,\n            )}\n            data-layout={resolvedLayout}\n            data-size={resolvedSize}\n            data-variant={resolvedVariant}\n            disabled={isDisabled}\n            onKeyDown={handleDropdownTriggerKeyDown}\n            onPointerDown={() => {\n              openerRef.current = 'chevron'\n            }}\n            ref={chevronButtonRef}\n            style={{ ...sharedActiveStyle, ...dropdownButtonStyle }}\n            type='button'\n          >\n            {triggerIcon}\n          </button>\n        }\n        value={dropdownValue}\n      />\n    </>\n  )\n}\n\nToggleGroupSplitMenuItem.displayName = 'ToggleGroupSplitMenuItem'\n"],"mappings":"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"}

package/dist/components/SpectralProvider/SpectralProvider.js

@@ -1,6 +1,6 @@
 'use client';
 import "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/components/SpectralProvider/SpectralProvider.tsx
 /**
@@ -21,7 +21,7 @@ import { Fragment, jsx } from "react/jsx-runtime";
 * ```
 */
 const SpectralProvider = ({ children, className = "", isolated = true }) => {
-	if (!isolated) return /* @__PURE__ */ jsx(Fragment, { children });
+	if (!isolated) return /* @__PURE__ */ jsx(Fragment$1, { children });
 	return /* @__PURE__ */ jsx("div", {
 		className: `spectral-root ${className}`,
 		children

package/dist/components/SpectralProvider/SpectralProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpectralProvider.js","names":[],"sources":["../../../src/components/SpectralProvider/SpectralProvider.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react'\n\nexport interface SpectralProviderProps {\n  children: ReactNode\n  className?: string\n  /**\n   * Adds a wrapper div with spectral-root class for CSS isolation.\n   * Set to false if you want to manage CSS specificity yourself.\n   * @default true\n   */\n  isolated?: boolean\n}\n\n/**\n * Optional provider component for Spectral components.\n * Provides CSS isolation when needed to prevent style conflicts.\n *\n * @example\n * ```tsx\n * // With isolation (recommended for apps with conflicting styles)\n * <SpectralProvider>\n *   <Button>Click me</Button>\n * </SpectralProvider>\n *\n * // Without wrapper (when you have full control over styles)\n * <SpectralProvider isolated={false}>\n *   <Button>Click me</Button>\n * </SpectralProvider>\n * ```\n */\nexport const SpectralProvider: FC<SpectralProviderProps> = ({ children, className = '', isolated = true }) => {\n  if (!isolated) {\n    return <>{children}</>\n  }\n\n  return <div className={`spectral-root ${className}`}>{children}</div>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,oBAA+C,EAAE,UAAU,YAAY,IAAI,WAAW,WAAW;AAC5G,KAAI,CAAC,SACH,QAAO,gCAAG,UAAY;AAGxB,QAAO,oBAAC,OAAD;EAAK,WAAW,iBAAiB;EAAc;EAAe"}
+{"version":3,"file":"SpectralProvider.js","names":[],"sources":["../../../src/components/SpectralProvider/SpectralProvider.tsx"],"sourcesContent":["import { type FC, type ReactNode } from 'react'\n\nexport interface SpectralProviderProps {\n  children: ReactNode\n  className?: string\n  /**\n   * Adds a wrapper div with spectral-root class for CSS isolation.\n   * Set to false if you want to manage CSS specificity yourself.\n   * @default true\n   */\n  isolated?: boolean\n}\n\n/**\n * Optional provider component for Spectral components.\n * Provides CSS isolation when needed to prevent style conflicts.\n *\n * @example\n * ```tsx\n * // With isolation (recommended for apps with conflicting styles)\n * <SpectralProvider>\n *   <Button>Click me</Button>\n * </SpectralProvider>\n *\n * // Without wrapper (when you have full control over styles)\n * <SpectralProvider isolated={false}>\n *   <Button>Click me</Button>\n * </SpectralProvider>\n * ```\n */\nexport const SpectralProvider: FC<SpectralProviderProps> = ({ children, className = '', isolated = true }) => {\n  if (!isolated) {\n    return <>{children}</>\n  }\n\n  return <div className={`spectral-root ${className}`}>{children}</div>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,oBAA+C,EAAE,UAAU,YAAY,IAAI,WAAW,WAAW;AAC5G,KAAI,CAAC,SACH,QAAO,kCAAG,UAAY;AAGxB,QAAO,oBAAC,OAAD;EAAK,WAAW,iBAAiB;EAAc;EAAe"}

package/dist/index.d.ts

@@ -105,10 +105,11 @@ import { ZoomYIcon } from "./Icons/ZoomYIcon.js";
 import { Input, InputProps } from "./Input.js";
 import { InputNumeric, InputNumericProps } from "./InputNumeric.js";
 import { InputOTP, InputOTPBaseProps, InputOTPProps } from "./InputOTP.js";
+import { InputSearch, InputSearchOption, InputSearchProps } from "./InputSearch.js";
 import { Kbd, KbdGroup, KbdGroupProps, KbdProps, KbdSymbol } from "./Kbd.js";
 import { Label, LabelProps } from "./Label.js";
 import { MultiSelect, MultiSelectProps } from "./MultiSelect.js";
-import { Popover, PopoverContent, PopoverContentProps, PopoverTrigger } from "./Popover.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger } from "./Popover.js";
 import { RadioButton, RadioButtonProps } from "./RadioButton.js";
 import { RadioButtonGroup, RadioButtonGroupItem, RadioButtonGroupItemProps, RadioButtonGroupProps } from "./RadioButtonGroup.js";
 import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./RadioGroup.js";
@@ -131,4 +132,4 @@ import { useControllableState } from "./hooks/useControllableState.js";
 import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.js";
 import { cn } from "./utils/twUtils.js";
-export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, type AlertProps, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, type DataCardProps, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, Dialog, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
+export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, type AlertProps, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, type DataCardProps, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, Dialog, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, InputSearch, type InputSearchOption, type InputSearchProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };

package/dist/index.js

@@ -104,7 +104,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
 import { Combobox } from "./Combobox.js";
 import { ControlGroupSelect } from "./ControlGroup/ControlGroupSelect.js";
 import { DataCard } from "./DataCard.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./Popover.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./Popover.js";
 import { DateTimePicker } from "./DateTimePicker.js";
 import { Dialog } from "./Dialog.js";
 import { SpectralProvider } from "./components/SpectralProvider/SpectralProvider.js";
@@ -113,6 +113,7 @@ import { HoverCard, HoverCardContent, HoverCardTrigger } from "./HoverCard.js";
 import { Input } from "./Input.js";
 import { InputNumeric } from "./InputNumeric.js";
 import { InputOTP } from "./InputOTP.js";
+import { InputSearch } from "./InputSearch.js";
 import { Kbd, KbdGroup } from "./Kbd.js";
 import { MultiSelect } from "./MultiSelect.js";
 import { RadioButtonGroup, RadioButtonGroupItem } from "./RadioButtonGroup.js";
@@ -132,4 +133,4 @@ import { ToggleGroup } from "./ToggleGroup.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./Tooltip.js";
 import { Tray } from "./Tray.js";
 
-export { Accordion, AdjustmentsIcon, Alert, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, DatabaseIcon, DateTimePicker, DeleteIcon, Dialog, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, Kbd, KbdGroup, KeyboardIcon, Label, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverContent, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
+export { Accordion, AdjustmentsIcon, Alert, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DataCard, DatabaseIcon, DateTimePicker, DeleteIcon, Dialog, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, InputSearch, Kbd, KbdGroup, KeyboardIcon, Label, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrinterIcon, ProgressCheckIcon, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, cn, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };

package/dist/primitives/slot.js

@@ -1,6 +1,6 @@
 'use client';
 import { cloneElement, isValidElement } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/primitives/slot.tsx
 const composeEventHandlers = (childHandler, slotHandler, { checkForDefaultPrevented = true } = {}) => {
@@ -19,7 +19,7 @@ const mergeRefs = (...refs) => {
 	};
 };
 const Slottable = (props) => {
-	return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: props.children });
 };
 const Slot = function Slot({ children, ref: forwardedRef, ...slotProps }) {
 	if (!isValidElement(children)) {

package/dist/primitives/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","names":[],"sources":["../../src/primitives/slot.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref, type SyntheticEvent } from 'react'\n\nconst composeEventHandlers = <E extends SyntheticEvent>(childHandler?: (event: E) => void, slotHandler?: (event: E) => void, { checkForDefaultPrevented = true } = {}): ((event: E) => void) => {\n  return (event: E) => {\n    childHandler?.(event)\n    if (!checkForDefaultPrevented || !event.defaultPrevented) {\n      slotHandler?.(event)\n    }\n  }\n}\n\nconst mergeRefs = <T,>(...refs: (Ref<T> | undefined)[]) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (!ref) continue\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (typeof ref === 'object' && 'current' in ref) {\n        ;(ref as { current: T | null }).current = node\n      }\n    }\n  }\n}\n\ntype SlotBaseProps = HTMLAttributes<HTMLElement> & {\n  children?: ReactNode\n}\n\nexport const Slottable = (props: { children?: ReactNode }) => {\n  return <>{props.children}</>\n}\n\nexport const Slot = function Slot({\n  children,\n  ref: forwardedRef,\n  ...slotProps\n}: SlotBaseProps & {\n  ref?: Ref<HTMLElement>\n}) {\n  if (!isValidElement(children)) {\n    if (children === null || children === undefined) return null\n\n    return <span {...slotProps} ref={forwardedRef as Ref<HTMLSpanElement>} />\n  }\n\n  const child = children as ReactElement<Record<string, unknown>>\n  const childProps = child.props ?? {}\n\n  const mergedProps: Record<string, unknown> = { ...childProps, ...slotProps }\n\n  for (const [key, value] of Object.entries(slotProps)) {\n    const isEvent = key.startsWith('on') && typeof value === 'function'\n    if (isEvent) {\n      const childHandler = (childProps as Record<string, unknown>)[key]\n      if (typeof childHandler === 'function') {\n        ;(mergedProps as Record<string, unknown>)[key] = composeEventHandlers(childHandler as (e: SyntheticEvent) => void, value as (e: SyntheticEvent) => void)\n      } else {\n        ;(mergedProps as Record<string, unknown>)[key] = value as (e: SyntheticEvent) => void\n      }\n    }\n  }\n\n  const childClassName = (childProps['className'] as string | undefined) || ''\n  if (childClassName && slotProps.className) {\n    ;(mergedProps as Record<string, unknown>).className = `${childClassName} ${slotProps.className}`\n  }\n\n  const childStyle = childProps['style'] as CSSProperties | undefined\n  if (childStyle && slotProps.style) {\n    ;(mergedProps as Record<string, unknown>).style = { ...childStyle, ...slotProps.style }\n  }\n\n  const childRef = (child as unknown as { ref?: Ref<HTMLElement> }).ref\n  ;(mergedProps as Record<string, unknown>).ref = mergeRefs(childRef, forwardedRef)\n\n  return cloneElement(child, mergedProps as Partial<typeof child.props>)\n}\nSlot.displayName = 'Slot'\n\nexport interface AsChildProp {\n  asChild?: boolean\n}\n"],"mappings":";;;;;AAEA,MAAM,wBAAkD,cAAmC,aAAkC,EAAE,2BAA2B,SAAS,EAAE,KAA2B;AAC9L,SAAQ,UAAa;AACnB,iBAAe,MAAM;AACrB,MAAI,CAAC,4BAA4B,CAAC,MAAM,iBACtC,eAAc,MAAM;;;AAK1B,MAAM,aAAiB,GAAG,SAAiC;AACzD,SAAQ,SAAY;AAClB,OAAK,MAAM,OAAO,MAAM;AACtB,OAAI,CAAC,IAAK;AACV,OAAI,OAAO,QAAQ,WACjB,KAAI,KAAK;YACA,OAAO,QAAQ,YAAY,aAAa,IAChD,CAAC,IAA8B,UAAU;;;;AAUlD,MAAa,aAAa,UAAoC;AAC5D,QAAO,0CAAG,MAAM,UAAY;;AAG9B,MAAa,OAAO,SAAS,KAAK,EAChC,UACA,KAAK,cACL,GAAG,aAGF;AACD,KAAI,CAAC,eAAe,SAAS,EAAE;AAC7B,MAAI,aAAa,QAAQ,aAAa,OAAW,QAAO;AAExD,SAAO,oBAAC,QAAD;GAAM,GAAI;GAAW,KAAK;GAAwC;;CAG3E,MAAM,QAAQ;CACd,MAAM,aAAa,MAAM,SAAS,EAAE;CAEpC,MAAM,cAAuC;EAAE,GAAG;EAAY,GAAG;EAAW;AAE5E,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,UAAU,CAElD,KADgB,IAAI,WAAW,KAAK,IAAI,OAAO,UAAU,YAC5C;EACX,MAAM,eAAgB,WAAuC;AAC7D,MAAI,OAAO,iBAAiB,WACzB,CAAC,YAAwC,OAAO,qBAAqB,cAA6C,MAAqC;MAEvJ,CAAC,YAAwC,OAAO;;CAKvD,MAAM,iBAAkB,WAAW,gBAAuC;AAC1E,KAAI,kBAAkB,UAAU,UAC7B,CAAC,YAAwC,YAAY,GAAG,eAAe,GAAG,UAAU;CAGvF,MAAM,aAAa,WAAW;AAC9B,KAAI,cAAc,UAAU,MACzB,CAAC,YAAwC,QAAQ;EAAE,GAAG;EAAY,GAAG,UAAU;EAAO;CAGzF,MAAM,WAAY,MAAgD;AACjE,CAAC,YAAwC,MAAM,UAAU,UAAU,aAAa;AAEjF,QAAO,aAAa,OAAO,YAA2C;;AAExE,KAAK,cAAc"}
+{"version":3,"file":"slot.js","names":[],"sources":["../../src/primitives/slot.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref, type SyntheticEvent } from 'react'\n\nconst composeEventHandlers = <E extends SyntheticEvent>(childHandler?: (event: E) => void, slotHandler?: (event: E) => void, { checkForDefaultPrevented = true } = {}): ((event: E) => void) => {\n  return (event: E) => {\n    childHandler?.(event)\n    if (!checkForDefaultPrevented || !event.defaultPrevented) {\n      slotHandler?.(event)\n    }\n  }\n}\n\nconst mergeRefs = <T,>(...refs: (Ref<T> | undefined)[]) => {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (!ref) continue\n      if (typeof ref === 'function') {\n        ref(node)\n      } else if (typeof ref === 'object' && 'current' in ref) {\n        ;(ref as { current: T | null }).current = node\n      }\n    }\n  }\n}\n\ntype SlotBaseProps = HTMLAttributes<HTMLElement> & {\n  children?: ReactNode\n}\n\nexport const Slottable = (props: { children?: ReactNode }) => {\n  return <>{props.children}</>\n}\n\nexport const Slot = function Slot({\n  children,\n  ref: forwardedRef,\n  ...slotProps\n}: SlotBaseProps & {\n  ref?: Ref<HTMLElement>\n}) {\n  if (!isValidElement(children)) {\n    if (children === null || children === undefined) return null\n\n    return <span {...slotProps} ref={forwardedRef as Ref<HTMLSpanElement>} />\n  }\n\n  const child = children as ReactElement<Record<string, unknown>>\n  const childProps = child.props ?? {}\n\n  const mergedProps: Record<string, unknown> = { ...childProps, ...slotProps }\n\n  for (const [key, value] of Object.entries(slotProps)) {\n    const isEvent = key.startsWith('on') && typeof value === 'function'\n    if (isEvent) {\n      const childHandler = (childProps as Record<string, unknown>)[key]\n      if (typeof childHandler === 'function') {\n        ;(mergedProps as Record<string, unknown>)[key] = composeEventHandlers(childHandler as (e: SyntheticEvent) => void, value as (e: SyntheticEvent) => void)\n      } else {\n        ;(mergedProps as Record<string, unknown>)[key] = value as (e: SyntheticEvent) => void\n      }\n    }\n  }\n\n  const childClassName = (childProps['className'] as string | undefined) || ''\n  if (childClassName && slotProps.className) {\n    ;(mergedProps as Record<string, unknown>).className = `${childClassName} ${slotProps.className}`\n  }\n\n  const childStyle = childProps['style'] as CSSProperties | undefined\n  if (childStyle && slotProps.style) {\n    ;(mergedProps as Record<string, unknown>).style = { ...childStyle, ...slotProps.style }\n  }\n\n  const childRef = (child as unknown as { ref?: Ref<HTMLElement> }).ref\n  ;(mergedProps as Record<string, unknown>).ref = mergeRefs(childRef, forwardedRef)\n\n  return cloneElement(child, mergedProps as Partial<typeof child.props>)\n}\nSlot.displayName = 'Slot'\n\nexport interface AsChildProp {\n  asChild?: boolean\n}\n"],"mappings":";;;;;AAEA,MAAM,wBAAkD,cAAmC,aAAkC,EAAE,2BAA2B,SAAS,EAAE,KAA2B;AAC9L,SAAQ,UAAa;AACnB,iBAAe,MAAM;AACrB,MAAI,CAAC,4BAA4B,CAAC,MAAM,iBACtC,eAAc,MAAM;;;AAK1B,MAAM,aAAiB,GAAG,SAAiC;AACzD,SAAQ,SAAY;AAClB,OAAK,MAAM,OAAO,MAAM;AACtB,OAAI,CAAC,IAAK;AACV,OAAI,OAAO,QAAQ,WACjB,KAAI,KAAK;YACA,OAAO,QAAQ,YAAY,aAAa,IAChD,CAAC,IAA8B,UAAU;;;;AAUlD,MAAa,aAAa,UAAoC;AAC5D,QAAO,4CAAG,MAAM,UAAY;;AAG9B,MAAa,OAAO,SAAS,KAAK,EAChC,UACA,KAAK,cACL,GAAG,aAGF;AACD,KAAI,CAAC,eAAe,SAAS,EAAE;AAC7B,MAAI,aAAa,QAAQ,aAAa,OAAW,QAAO;AAExD,SAAO,oBAAC,QAAD;GAAM,GAAI;GAAW,KAAK;GAAwC;;CAG3E,MAAM,QAAQ;CACd,MAAM,aAAa,MAAM,SAAS,EAAE;CAEpC,MAAM,cAAuC;EAAE,GAAG;EAAY,GAAG;EAAW;AAE5E,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,UAAU,CAElD,KADgB,IAAI,WAAW,KAAK,IAAI,OAAO,UAAU,YAC5C;EACX,MAAM,eAAgB,WAAuC;AAC7D,MAAI,OAAO,iBAAiB,WACzB,CAAC,YAAwC,OAAO,qBAAqB,cAA6C,MAAqC;MAEvJ,CAAC,YAAwC,OAAO;;CAKvD,MAAM,iBAAkB,WAAW,gBAAuC;AAC1E,KAAI,kBAAkB,UAAU,UAC7B,CAAC,YAAwC,YAAY,GAAG,eAAe,GAAG,UAAU;CAGvF,MAAM,aAAa,WAAW;AAC9B,KAAI,cAAc,UAAU,MACzB,CAAC,YAAwC,QAAQ;EAAE,GAAG;EAAY,GAAG,UAAU;EAAO;CAGzF,MAAM,WAAY,MAAgD;AACjE,CAAC,YAAwC,MAAM,UAAU,UAAU,aAAa;AAEjF,QAAO,aAAa,OAAO,YAA2C;;AAExE,KAAK,cAAc"}