@blueshift-gg/ui-components 0.1.49 → 0.1.51

package/dist/Dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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","file":"Dropdown.mjs","sourcesContent":["\"use client\";\n\nimport { Button, ButtonProps } from \"./Button\";\nimport { useRef, useState, useEffect, useCallback } from \"react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { swift } from \"./utils/easings\";\nimport { Checkbox } from \"./Checkbox\";\nimport { Divider } from \"./Divider\";\nimport { Icon, type IconProps } from \"./Icon\";\nimport { useOnClickOutside } from \"usehooks-ts\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type DropdownOption = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  value: string;\n  disabled?: boolean;\n  children?: DropdownOption[];\n};\n\nexport type DropdownProps = {\n  className?: string;\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  disabled?: boolean;\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  buttonClassName?: string;\n  menuClassName?: string;\n  subMenuClassName?: string;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showClear?: boolean;\n  showSelectedItem?: boolean;\n};\n\nexport type DropdownButtonProps = {\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  disabled?: boolean;\n  className?: string;\n  onClick: () => void;\n  buttonClassName?: string;\n  selectedItems?: DropdownProps[\"items\"];\n  multiple?: boolean;\n  count?: number;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onClear?: () => void;\n  showSelectedItem?: boolean;\n  showClear?: boolean;\n};\n\nexport type DropdownItemProps = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n  isSelected?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\nexport type DropdownMenuProps = {\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  menuClassName?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isOpen: boolean;\n  onItemClick?: (value: string) => void;\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showSafeTriangle?: boolean;\n  subMenuClassName?: string;\n};\n\n// Track mouse position for SafeArea triangles\nconst useMousePosition = () => {\n  const [mousePosition, setMousePosition] = useState<[number, number]>([0, 0]);\n\n  const updateMousePosition = useCallback((ev: MouseEvent) => {\n    setMousePosition([ev.clientX, ev.clientY]);\n  }, []);\n\n  useEffect(() => {\n    const throttledUpdate = (ev: MouseEvent) => {\n      requestAnimationFrame(() => updateMousePosition(ev));\n    };\n\n    window.addEventListener(\"mousemove\", throttledUpdate);\n    return () => window.removeEventListener(\"mousemove\", throttledUpdate);\n  }, [updateMousePosition]);\n\n  return mousePosition;\n};\n\ntype MouseSafeAreaProps = {\n  submenuRef: React.RefObject<HTMLDivElement | null>;\n  parentRef: React.RefObject<HTMLDivElement | null>;\n  onEnter?: () => void;\n  onLeave?: () => void;\n  debug?: boolean;\n};\n\n// Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing.\nconst MouseSafeArea = ({\n  parentRef,\n  submenuRef,\n  onEnter,\n  onLeave,\n  debug = false,\n}: MouseSafeAreaProps) => {\n  const {\n    x = 0,\n    y = 0,\n    height: h = 0,\n    width: w = 0,\n  } = submenuRef.current?.getBoundingClientRect() || {};\n  const [mouseX, mouseY] = useMousePosition();\n  const positions = { x, y, h, w, mouseX, mouseY };\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        left: getLeft(positions),\n        right: getRight(positions),\n        top: 0,\n        width: getWidth(positions),\n        height: h,\n        clipPath: getClipPath(positions),\n        pointerEvents: \"auto\",\n        zIndex: 9999,\n        backgroundColor: debug ? \"rgba(0, 179, 179, 0.25)\" : \"transparent\",\n      }}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    />\n  );\n};\n\ninterface Positions {\n  /* Sub-menu x */\n  x: number;\n  /* Sub-menu y */\n  y: number;\n  /* Sub-menu height */\n  h: number;\n  /* Sub-menu width */\n  w: number;\n  /* Mouse x */\n  mouseX: number;\n  /* Mouse y */\n  mouseY: number;\n}\n\nconst getLeft = ({ x, mouseX }: Positions) =>\n  mouseX > x ? undefined : -Math.max(x - mouseX, 10) + \"px\";\nconst getRight = ({ x, w, mouseX }: Positions) =>\n  mouseX > x ? -Math.max(mouseX - (x + w), 10) + \"px\" : undefined;\nconst getWidth = ({ x, w, mouseX }: Positions) =>\n  mouseX > x\n    ? Math.max(mouseX - (x + w), 10) + \"px\"\n    : Math.max(x - mouseX, 10) + \"px\";\nconst getClipPath = ({ x, y, h, mouseX, mouseY }: Positions) =>\n  mouseX < x\n    ? `polygon(100% 0%, 0% ${(100 * (mouseY - y)) / h}%, 100% 100%)`\n    : `polygon(0% 0%, 0% 100%, 100% ${(100 * (mouseY - y)) / h}%)`;\n\nexport const DropdownMenu = ({\n  items,\n  selectedItem,\n  handleChange,\n  multiple = false,\n  menuClassName,\n  size = \"md\",\n  isOpen,\n  onItemClick,\n  isScrollable = false,\n  animationOrigin = \"top-left\",\n  search,\n  onClearSearch,\n  showSelectAll = true,\n  showSafeTriangle = false,\n  subMenuClassName,\n}: DropdownMenuProps) => {\n  const [isAtBottom, setIsAtBottom] = useState(false);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Filter items based on search term\n  const filteredItems = (() => {\n    // If search is provided, filter based on search\n    if (search) {\n      return items.filter((item) =>\n        item.label.toLowerCase().includes(search.toLowerCase()),\n      );\n    }\n\n    // Default: show all items\n    return items;\n  })();\n\n  // Handle scroll detection\n  const handleScroll = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    const threshold = 5; // Small threshold to account for rounding\n    const isNearBottom = scrollTop + clientHeight >= scrollHeight - threshold;\n\n    setIsAtBottom(isNearBottom);\n  }, []);\n\n  // Reset scroll state when items change or menu opens\n  useEffect(() => {\n    if (isOpen) {\n      setIsAtBottom(false);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Check if content is actually scrollable\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container || !isOpen) return;\n\n    const { scrollHeight, clientHeight } = container;\n    const hasScrollbar = scrollHeight > clientHeight;\n\n    // If no scrollbar (content fits), consider it \"at bottom\"\n    if (!hasScrollbar) {\n      setIsAtBottom(true);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Helper to check if an item is selected\n  const isItemSelected = (value: string) => {\n    if (multiple) {\n      return (\n        Array.isArray(selectedItem) &&\n        selectedItem.length > 0 &&\n        selectedItem.includes(value)\n      );\n    }\n    return !!selectedItem && selectedItem === value;\n  };\n\n  const flattenSelectable = (options: DropdownOption[]): DropdownOption[] => {\n    const out: DropdownOption[] = [];\n    const walk = (nodes: DropdownOption[]) => {\n      nodes.forEach((n) => {\n        if (n.children && n.children.length > 0) {\n          walk(n.children);\n        } else {\n          out.push(n);\n        }\n      });\n    };\n    walk(options);\n    return out;\n  };\n\n  // Handle item selection\n  const handleItemClick = (value: string) => {\n    if (multiple) {\n      const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n\n      // If all items are selected, clicking any item should deselect all others\n      if (isAllSelected()) {\n        handleChange([value]);\n      } else if (currentSelection.includes(value)) {\n        // Remove from selection\n        handleChange(currentSelection.filter((item) => item !== value));\n      } else {\n        // Add to selection\n        handleChange([...currentSelection, value]);\n      }\n    } else {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      // Call the optional callback for single select\n      onItemClick?.(value);\n    }\n  };\n\n  // Handle select all\n  const handleSelectAll = () => {\n    const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n    const allValues = flattenSelectable(filteredItems)\n      .filter((item) => !item.disabled)\n      .map((item) => item.value);\n\n    if (currentSelection.length === allValues.length) {\n      // Deselect all\n      handleChange([]);\n    } else {\n      // Select all\n      handleChange(allValues);\n    }\n  };\n\n  // Check if all items are selected\n  const isAllSelected = () => {\n    if (!Array.isArray(selectedItem) || selectedItem.length === 0) return false;\n    const selectableItems = flattenSelectable(filteredItems).filter(\n      (item) => !item.disabled,\n    );\n    return (\n      selectableItems.length > 0 &&\n      selectedItem.length === selectableItems.length &&\n      selectableItems.every((item) => selectedItem.includes(item.value))\n    );\n  };\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          initial={{ opacity: 0, scale: 0.8, y: -15 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          transition={{ duration: 0.1, ease: swift }}\n          exit={{ opacity: 0, scale: 0.8, y: -5 }}\n          className={classNames(\n            \"z-50 absolute top-[calc(100%+6px)] p-1 bg-card-foreground border border-border-light\",\n            (size === \"lg\" || size === \"md\") && \"min-w-[200px]\",\n            animationOrigin === \"top-left\" && \"origin-top-left\",\n            animationOrigin === \"top-center\" && \"origin-top-center\",\n            animationOrigin === \"top-right\" && \"origin-top-right\",\n            menuClassName,\n          )}\n        >\n          <div\n            ref={scrollContainerRef}\n            onScroll={handleScroll}\n            className={classNames(\n              \"flex flex-col gap-y-1\",\n              isScrollable && [\n                \"max-h-[250px] overflow-y-auto\",\n                !isAtBottom &&\n                  \"[mask-image:linear-gradient(180deg,black,black_85%,transparent_100%)]\",\n              ],\n            )}\n          >\n            {multiple && showSelectAll && (\n              <div className=\"group flex flex-col gap-y-1\">\n                <button\n                  onClick={handleSelectAll}\n                  className={classNames(\n                    \"py-3 pl-2.5 pr-3 flex items-center gap-x-2.5 outline-none bg-transparent transition-colors duration-100 ease-crisp hover:bg-border-light/50\",\n                  )}\n                >\n                  <Checkbox checked={isAllSelected()} />\n                  <span className=\"text-sm text-shade-primary font-medium\">\n                    Select All\n                  </span>\n                </button>\n                <Divider direction=\"horizontal\" />\n              </div>\n            )}\n            {filteredItems.length > 0 ? (\n              filteredItems.map((item) =>\n                item.children && item.children.length > 0 ? (\n                  <DropdownSubmenuItem\n                    key={item.value}\n                    item={item}\n                    size={size}\n                    onLeafClick={handleItemClick}\n                    isLeafSelected={isItemSelected}\n                  />\n                ) : (\n                  <DropdownItem\n                    key={item.value}\n                    label={item.label}\n                    icon={item.icon}\n                    onClick={() => handleItemClick(item.value)}\n                    disabled={item.disabled}\n                    isSelected={isItemSelected(item.value)}\n                    size={size}\n                  />\n                ),\n              )\n            ) : (\n              <button\n                onClick={() => {\n                  // Clear search by calling the onClearSearch callback\n                  if (onClearSearch) {\n                    onClearSearch();\n                  }\n                }}\n                className=\"py-3 pl-2.5 pr-3 text-sm font-mono text-shade-tertiary hover:bg-border-light/50 transition-colors duration-100 ease-crisp w-full text-center\"\n              >\n                No options found\n              </button>\n            )}\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport const Dropdown = ({\n  className,\n  items,\n  selectedItem,\n  handleChange,\n  label = \"View All\",\n  multiSelectLabel,\n  disabled,\n  buttonClassName,\n  menuClassName,\n  multiple = false,\n  menuIcon,\n  size = \"md\",\n  isScrollable = false,\n  search,\n  onClearSearch,\n  showSelectAll,\n  showClear = true,\n  subMenuClassName,\n  showSelectedItem = true,\n}: DropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Handle item selection for single select (closes menu)\n  const handleItemClick = (value: string) => {\n    if (!multiple) {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      setIsOpen(false);\n    }\n  };\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = () => {\n    setIsOpen(false);\n  };\n\n  // Cast ref to RefObject<HTMLElement> to satisfy useOnClickOutside's expected type\n  useOnClickOutside(ref as React.RefObject<HTMLElement>, handleClickOutside);\n\n  // Get selected items for display in button\n  const getSelectedItems = () => {\n    const flatten = (options: DropdownOption[]): DropdownOption[] => {\n      const out: DropdownOption[] = [];\n      const walk = (nodes: DropdownOption[]) => {\n        nodes.forEach((n) => {\n          if (n.children && n.children.length > 0) {\n            walk(n.children);\n          } else {\n            out.push(n);\n          }\n        });\n      };\n      walk(options);\n      return out;\n    };\n\n    const leaves = flatten(items);\n    if (multiple) {\n      const selectedValues = Array.isArray(selectedItem) ? selectedItem : [];\n      return leaves.filter((item) => selectedValues.includes(item.value));\n    }\n    const selected = leaves.find((item) => item.value === selectedItem);\n    return selected ? [selected] : [];\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(\n        \"relative flex flex-col gap-y-1.5 items-start\",\n        className,\n      )}\n    >\n      <DropdownButton\n        label={label}\n        multiSelectLabel={multiSelectLabel}\n        disabled={disabled}\n        className={buttonClassName}\n        onClick={() => setIsOpen(!isOpen)}\n        selectedItems={getSelectedItems()}\n        multiple={multiple}\n        count={getSelectedItems().length}\n        menuIcon={menuIcon}\n        size={size}\n        onClear={() => handleChange(multiple ? [] : undefined)}\n        showClear={showClear}\n        showSelectedItem={showSelectedItem}\n      />\n\n      <DropdownMenu\n        items={items}\n        selectedItem={selectedItem}\n        handleChange={handleChange}\n        multiple={multiple}\n        menuClassName={menuClassName}\n        size={size}\n        isOpen={isOpen}\n        onItemClick={handleItemClick}\n        isScrollable={isScrollable}\n        search={search}\n        onClearSearch={onClearSearch}\n        showSelectAll={showSelectAll}\n        subMenuClassName={subMenuClassName}\n      />\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  label,\n  multiSelectLabel,\n  disabled,\n  className,\n  onClick,\n  selectedItems = [],\n  multiple = false,\n  count = 0,\n  menuIcon,\n  size,\n  onClear,\n  showClear,\n  showSelectedItem,\n}: DropdownButtonProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  // Determine what to display\n  const hasSelection = selectedItems.length > 0;\n  const isSingleSelection = selectedItems.length === 1;\n  const isMultipleSelection = selectedItems.length > 1;\n\n  // Compute icon and label based on selection state\n  let buttonIcon: ButtonProps[\"icon\"] | undefined;\n  let buttonLabel: string;\n\n  if (hasSelection && isSingleSelection) {\n    // Single selection: show selected item's icon and label\n    const selectedItem = selectedItems[0];\n    buttonIcon = selectedItem.icon\n      ? isValidElement(selectedItem.icon)\n        ? selectedItem.icon\n        : {\n            name: (selectedItem.icon as IconProps).name,\n            className: (selectedItem.icon as IconProps).className || \"\",\n            size: (selectedItem.icon as IconProps).size || 18,\n          }\n      : menuIcon;\n    // If label is a function, call it with the selected item's label; otherwise use the selected item's label directly\n    buttonLabel =\n      typeof label === \"function\"\n        ? label(selectedItem.label)\n        : selectedItem.label;\n  } else if (isMultipleSelection && multiple && multiSelectLabel) {\n    // Multiple selections: show count and multiSelectLabel\n\n    buttonIcon = menuIcon\n      ? isValidElement(menuIcon)\n        ? menuIcon\n        : {\n            name: (menuIcon as IconProps).name,\n            className: (menuIcon as IconProps).className || \"\",\n            size: (menuIcon as IconProps).size || 18,\n          }\n      : undefined;\n    buttonLabel = `${count} ${multiSelectLabel}`;\n  } else {\n    // Default: no selection - use label as string\n    buttonIcon = menuIcon;\n    buttonLabel = typeof label === \"function\" ? label(\"\") : label;\n  }\n\n  return (\n    <Button\n      icon={buttonIcon}\n      label={showSelectedItem ? buttonLabel : undefined}\n      disabled={disabled}\n      size={size}\n      variant=\"secondary\"\n      className={classNames(\n        \"!origin-bottom-left !justify-start w-full\",\n        (size === \"md\" || size === \"lg\") && \"!pr-[18px] !pl-[12px]\",\n        size === \"sm\" && \"!pr-4 !pl-3\",\n        showClear && \"!pr-[48px]\",\n        className,\n      )}\n      useDecryptAnimation={false}\n      useHoverEffect={false}\n      crosshairProps={{\n        variant: \"corners\",\n        corners: [\"bottom-right\"],\n        spacingX: !isHovered ? -6 : -4,\n        spacingY: !isHovered ? -6 : -4,\n        animationDuration: 0.5,\n        animationDelay: 0,\n        className: \"text-shade-mute group-hover:text-shade-primary\",\n      }}\n      onClick={onClick}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      children={\n        hasSelection &&\n        showClear && (\n          <div\n            className=\"order-last top-1/2 -translate-y-1/2 right-2 absolute h-[24px] w-[24px] flex items-center justify-center hover:bg-background/40 transition duration-100 ease-crisp cursor-pointer\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClear?.();\n            }}\n          >\n            <Icon name=\"Close\" size={12} />\n          </div>\n        )\n      }\n    />\n  );\n};\n\nexport const DropdownItem = ({\n  label,\n  icon,\n  onClick,\n  disabled,\n  isSelected = false,\n  size,\n}: DropdownItemProps) => {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={classNames(\n        \"hover:bg-border-light/50 relative group/item disabled:opacity-40 flex items-center gap-x-2.5 outline-none transition-colors duration-100 ease-crisp\",\n        size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n        size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n        size === \"sm\" && \"py-2 pl-2.5 pr-3 h-[36px] text-sm\",\n        isSelected && \"bg-background/50\",\n      )}\n    >\n      <div className=\"opacity-0 group-hover/item:!opacity-100 absolute inset-0.5\">\n        <CrosshairCorners\n          size={6}\n          variant=\"corners\"\n          corners={[\"bottom-right\"]}\n          className=\"text-shade-mute\"\n          animationDelay={0}\n          animationDuration={0.5}\n        />\n      </div>\n\n      {icon && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                \"flex-shrink-0\",\n                (icon as IconProps).className,\n              )}\n              size={(icon as IconProps).size || 18}\n            />\n          )}\n        </>\n      )}\n      <span\n        className={classNames(\" text-shade-primary font-medium leading-[100%]\")}\n      >\n        {label}\n      </span>\n    </button>\n  );\n};\n\ntype DropdownSubmenuItemProps = {\n  item: DropdownOption;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onLeafClick: (value: string) => void;\n  isLeafSelected: (value: string) => boolean;\n  subMenuClassName?: string;\n};\n\nconst DropdownSubmenuItem = ({\n  item,\n  size = \"md\",\n  subMenuClassName,\n  onLeafClick,\n  isLeafSelected,\n}: DropdownSubmenuItemProps) => {\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const submenuRef = useRef<HTMLDivElement | null>(null);\n\n  const [hoverParent, setHoverParent] = useState(false);\n  const [hoverSubmenu, setHoverSubmenu] = useState(false);\n  const [hoverSafe, setHoverSafe] = useState(false);\n\n  const open = hoverParent || hoverSubmenu || hoverSafe;\n\n  return (\n    <div\n      ref={parentRef}\n      className={classNames(\"relative\", subMenuClassName)}\n      onMouseEnter={() => setHoverParent(true)}\n      onMouseLeave={() => setHoverParent(false)}\n    >\n      <button\n        type=\"button\"\n        className={classNames(\n          \"hover:bg-border-light/50 relative h-max group/item disabled:opacity-40 flex items-center justify-between gap-x-2.5 w-full outline-none transition-colors duration-100 ease-crisp\",\n          size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n          size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n          size === \"sm\" && \"py-2 pl-2.5 pr-3 !h-[36px] text-sm\",\n          open && \"bg-border-light/50\",\n        )}\n        disabled={item.disabled}\n      >\n        <span className=\"flex items-center gap-x-2.5\">\n          {item.icon && (\n            <>\n              {isValidElement(item.icon) ? (\n                item.icon\n              ) : (\n                <Icon\n                  name={(item.icon as IconProps).name}\n                  className={classNames(\n                    \"flex-shrink-0\",\n                    (item.icon as IconProps).className,\n                  )}\n                  size={(item.icon as IconProps).size || 18}\n                />\n              )}\n            </>\n          )}\n          <span className=\"text-shade-primary font-medium leading-[100%]\">\n            {item.label}\n          </span>\n        </span>\n        <Icon name=\"ChevronRight\" size={12} className=\"text-shade-tertiary\" />\n      </button>\n\n      {open && (\n        <div\n          ref={submenuRef}\n          onMouseEnter={() => setHoverSubmenu(true)}\n          onMouseLeave={() => setHoverSubmenu(false)}\n          className={classNames(\n            \"z-[60] !absolute top-0 left-[calc(100%+6px)] p-1 bg-card-foreground gradient-border before:bg-card-border min-w-[180px]\",\n          )}\n        >\n          <MouseSafeArea\n            parentRef={parentRef}\n            submenuRef={submenuRef}\n            onEnter={() => setHoverSafe(true)}\n            onLeave={() => setHoverSafe(false)}\n          />\n          <div className=\"flex flex-col gap-y-1\">\n            {(item.children || []).map((child) =>\n              child.children && child.children.length > 0 ? (\n                <DropdownSubmenuItem\n                  key={child.value}\n                  item={child}\n                  size={size}\n                  onLeafClick={onLeafClick}\n                  isLeafSelected={isLeafSelected}\n                />\n              ) : (\n                <DropdownItem\n                  key={child.value}\n                  label={child.label}\n                  icon={child.icon}\n                  onClick={() => onLeafClick(child.value)}\n                  disabled={child.disabled}\n                  isSelected={isLeafSelected(child.value)}\n                  size={size}\n                />\n              ),\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Dropdown.mjs","names":["out: DropdownOption[]","buttonIcon: ButtonProps[\"icon\"] | undefined","buttonLabel: string"],"sources":["../src/Dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, ButtonProps } from \"./Button\";\nimport { useRef, useState, useEffect, useCallback } from \"react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { swift } from \"./utils/easings\";\nimport { Checkbox } from \"./Checkbox\";\nimport { Divider } from \"./Divider\";\nimport { Icon, type IconProps } from \"./Icon\";\nimport { useOnClickOutside } from \"usehooks-ts\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type DropdownOption = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  value: string;\n  disabled?: boolean;\n  children?: DropdownOption[];\n};\n\nexport type DropdownProps = {\n  className?: string;\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  disabled?: boolean;\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  buttonClassName?: string;\n  menuClassName?: string;\n  subMenuClassName?: string;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showClear?: boolean;\n  showSelectedItem?: boolean;\n};\n\nexport type DropdownButtonProps = {\n  label: string | ((selectedLabel: string) => string);\n  multiSelectLabel?: string;\n  disabled?: boolean;\n  className?: string;\n  onClick: () => void;\n  buttonClassName?: string;\n  selectedItems?: DropdownProps[\"items\"];\n  multiple?: boolean;\n  count?: number;\n  menuIcon?: IconProps | ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onClear?: () => void;\n  showSelectedItem?: boolean;\n  showClear?: boolean;\n};\n\nexport type DropdownItemProps = {\n  label: string;\n  icon?: IconProps | ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n  isSelected?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n};\n\nexport type DropdownMenuProps = {\n  items: DropdownOption[];\n  selectedItem?: string | string[] | undefined;\n  handleChange: (item: string | string[] | undefined) => void;\n  multiple?: boolean;\n  menuClassName?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  isOpen: boolean;\n  onItemClick?: (value: string) => void;\n  isScrollable?: boolean;\n  animationOrigin?: \"top-left\" | \"top-center\" | \"top-right\";\n  search?: string;\n  onClearSearch?: () => void;\n  showSelectAll?: boolean;\n  showSafeTriangle?: boolean;\n  subMenuClassName?: string;\n};\n\n// Track mouse position for SafeArea triangles\nconst useMousePosition = () => {\n  const [mousePosition, setMousePosition] = useState<[number, number]>([0, 0]);\n\n  const updateMousePosition = useCallback((ev: MouseEvent) => {\n    setMousePosition([ev.clientX, ev.clientY]);\n  }, []);\n\n  useEffect(() => {\n    const throttledUpdate = (ev: MouseEvent) => {\n      requestAnimationFrame(() => updateMousePosition(ev));\n    };\n\n    window.addEventListener(\"mousemove\", throttledUpdate);\n    return () => window.removeEventListener(\"mousemove\", throttledUpdate);\n  }, [updateMousePosition]);\n\n  return mousePosition;\n};\n\ntype MouseSafeAreaProps = {\n  submenuRef: React.RefObject<HTMLDivElement | null>;\n  parentRef: React.RefObject<HTMLDivElement | null>;\n  onEnter?: () => void;\n  onLeave?: () => void;\n  debug?: boolean;\n};\n\n// Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing.\nconst MouseSafeArea = ({\n  parentRef,\n  submenuRef,\n  onEnter,\n  onLeave,\n  debug = false,\n}: MouseSafeAreaProps) => {\n  const {\n    x = 0,\n    y = 0,\n    height: h = 0,\n    width: w = 0,\n  } = submenuRef.current?.getBoundingClientRect() || {};\n  const [mouseX, mouseY] = useMousePosition();\n  const positions = { x, y, h, w, mouseX, mouseY };\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        left: getLeft(positions),\n        right: getRight(positions),\n        top: 0,\n        width: getWidth(positions),\n        height: h,\n        clipPath: getClipPath(positions),\n        pointerEvents: \"auto\",\n        zIndex: 9999,\n        backgroundColor: debug ? \"rgba(0, 179, 179, 0.25)\" : \"transparent\",\n      }}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    />\n  );\n};\n\ninterface Positions {\n  /* Sub-menu x */\n  x: number;\n  /* Sub-menu y */\n  y: number;\n  /* Sub-menu height */\n  h: number;\n  /* Sub-menu width */\n  w: number;\n  /* Mouse x */\n  mouseX: number;\n  /* Mouse y */\n  mouseY: number;\n}\n\nconst getLeft = ({ x, mouseX }: Positions) =>\n  mouseX > x ? undefined : -Math.max(x - mouseX, 10) + \"px\";\nconst getRight = ({ x, w, mouseX }: Positions) =>\n  mouseX > x ? -Math.max(mouseX - (x + w), 10) + \"px\" : undefined;\nconst getWidth = ({ x, w, mouseX }: Positions) =>\n  mouseX > x\n    ? Math.max(mouseX - (x + w), 10) + \"px\"\n    : Math.max(x - mouseX, 10) + \"px\";\nconst getClipPath = ({ x, y, h, mouseX, mouseY }: Positions) =>\n  mouseX < x\n    ? `polygon(100% 0%, 0% ${(100 * (mouseY - y)) / h}%, 100% 100%)`\n    : `polygon(0% 0%, 0% 100%, 100% ${(100 * (mouseY - y)) / h}%)`;\n\nexport const DropdownMenu = ({\n  items,\n  selectedItem,\n  handleChange,\n  multiple = false,\n  menuClassName,\n  size = \"md\",\n  isOpen,\n  onItemClick,\n  isScrollable = false,\n  animationOrigin = \"top-left\",\n  search,\n  onClearSearch,\n  showSelectAll = true,\n  showSafeTriangle = false,\n  subMenuClassName,\n}: DropdownMenuProps) => {\n  const [isAtBottom, setIsAtBottom] = useState(false);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Filter items based on search term\n  const filteredItems = (() => {\n    // If search is provided, filter based on search\n    if (search) {\n      return items.filter((item) =>\n        item.label.toLowerCase().includes(search.toLowerCase()),\n      );\n    }\n\n    // Default: show all items\n    return items;\n  })();\n\n  // Handle scroll detection\n  const handleScroll = useCallback(() => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    const threshold = 5; // Small threshold to account for rounding\n    const isNearBottom = scrollTop + clientHeight >= scrollHeight - threshold;\n\n    setIsAtBottom(isNearBottom);\n  }, []);\n\n  // Reset scroll state when items change or menu opens\n  useEffect(() => {\n    if (isOpen) {\n      setIsAtBottom(false);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Check if content is actually scrollable\n  useEffect(() => {\n    const container = scrollContainerRef.current;\n    if (!container || !isOpen) return;\n\n    const { scrollHeight, clientHeight } = container;\n    const hasScrollbar = scrollHeight > clientHeight;\n\n    // If no scrollbar (content fits), consider it \"at bottom\"\n    if (!hasScrollbar) {\n      setIsAtBottom(true);\n    }\n  }, [isOpen, filteredItems.length]);\n\n  // Helper to check if an item is selected\n  const isItemSelected = (value: string) => {\n    if (multiple) {\n      return (\n        Array.isArray(selectedItem) &&\n        selectedItem.length > 0 &&\n        selectedItem.includes(value)\n      );\n    }\n    return !!selectedItem && selectedItem === value;\n  };\n\n  const flattenSelectable = (options: DropdownOption[]): DropdownOption[] => {\n    const out: DropdownOption[] = [];\n    const walk = (nodes: DropdownOption[]) => {\n      nodes.forEach((n) => {\n        if (n.children && n.children.length > 0) {\n          walk(n.children);\n        } else {\n          out.push(n);\n        }\n      });\n    };\n    walk(options);\n    return out;\n  };\n\n  // Handle item selection\n  const handleItemClick = (value: string) => {\n    if (multiple) {\n      const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n\n      // If all items are selected, clicking any item should deselect all others\n      if (isAllSelected()) {\n        handleChange([value]);\n      } else if (currentSelection.includes(value)) {\n        // Remove from selection\n        handleChange(currentSelection.filter((item) => item !== value));\n      } else {\n        // Add to selection\n        handleChange([...currentSelection, value]);\n      }\n    } else {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      // Call the optional callback for single select\n      onItemClick?.(value);\n    }\n  };\n\n  // Handle select all\n  const handleSelectAll = () => {\n    const currentSelection = Array.isArray(selectedItem) ? selectedItem : [];\n    const allValues = flattenSelectable(filteredItems)\n      .filter((item) => !item.disabled)\n      .map((item) => item.value);\n\n    if (currentSelection.length === allValues.length) {\n      // Deselect all\n      handleChange([]);\n    } else {\n      // Select all\n      handleChange(allValues);\n    }\n  };\n\n  // Check if all items are selected\n  const isAllSelected = () => {\n    if (!Array.isArray(selectedItem) || selectedItem.length === 0) return false;\n    const selectableItems = flattenSelectable(filteredItems).filter(\n      (item) => !item.disabled,\n    );\n    return (\n      selectableItems.length > 0 &&\n      selectedItem.length === selectableItems.length &&\n      selectableItems.every((item) => selectedItem.includes(item.value))\n    );\n  };\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          initial={{ opacity: 0, scale: 0.8, y: -15 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          transition={{ duration: 0.1, ease: swift }}\n          exit={{ opacity: 0, scale: 0.8, y: -5 }}\n          className={classNames(\n            \"z-50 absolute top-[calc(100%+6px)] p-1 bg-card-foreground border border-border-light\",\n            (size === \"lg\" || size === \"md\") && \"min-w-[200px]\",\n            animationOrigin === \"top-left\" && \"origin-top-left\",\n            animationOrigin === \"top-center\" && \"origin-top-center\",\n            animationOrigin === \"top-right\" && \"origin-top-right\",\n            menuClassName,\n          )}\n        >\n          <div\n            ref={scrollContainerRef}\n            onScroll={handleScroll}\n            className={classNames(\n              \"flex flex-col gap-y-1\",\n              isScrollable && [\n                \"max-h-[250px] overflow-y-auto\",\n                !isAtBottom &&\n                  \"[mask-image:linear-gradient(180deg,black,black_85%,transparent_100%)]\",\n              ],\n            )}\n          >\n            {multiple && showSelectAll && (\n              <div className=\"group flex flex-col gap-y-1\">\n                <button\n                  onClick={handleSelectAll}\n                  className={classNames(\n                    \"py-3 pl-2.5 pr-3 flex items-center gap-x-2.5 outline-none bg-transparent transition-colors duration-100 ease-crisp hover:bg-border-light/50\",\n                  )}\n                >\n                  <Checkbox checked={isAllSelected()} />\n                  <span className=\"text-sm text-shade-primary font-medium\">\n                    Select All\n                  </span>\n                </button>\n                <Divider direction=\"horizontal\" />\n              </div>\n            )}\n            {filteredItems.length > 0 ? (\n              filteredItems.map((item) =>\n                item.children && item.children.length > 0 ? (\n                  <DropdownSubmenuItem\n                    key={item.value}\n                    item={item}\n                    size={size}\n                    onLeafClick={handleItemClick}\n                    isLeafSelected={isItemSelected}\n                  />\n                ) : (\n                  <DropdownItem\n                    key={item.value}\n                    label={item.label}\n                    icon={item.icon}\n                    onClick={() => handleItemClick(item.value)}\n                    disabled={item.disabled}\n                    isSelected={isItemSelected(item.value)}\n                    size={size}\n                  />\n                ),\n              )\n            ) : (\n              <button\n                onClick={() => {\n                  // Clear search by calling the onClearSearch callback\n                  if (onClearSearch) {\n                    onClearSearch();\n                  }\n                }}\n                className=\"py-3 pl-2.5 pr-3 text-sm font-mono text-shade-tertiary hover:bg-border-light/50 transition-colors duration-100 ease-crisp w-full text-center\"\n              >\n                No options found\n              </button>\n            )}\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport const Dropdown = ({\n  className,\n  items,\n  selectedItem,\n  handleChange,\n  label = \"View All\",\n  multiSelectLabel,\n  disabled,\n  buttonClassName,\n  menuClassName,\n  multiple = false,\n  menuIcon,\n  size = \"md\",\n  isScrollable = false,\n  search,\n  onClearSearch,\n  showSelectAll,\n  showClear = true,\n  subMenuClassName,\n  showSelectedItem = true,\n}: DropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Handle item selection for single select (closes menu)\n  const handleItemClick = (value: string) => {\n    if (!multiple) {\n      // Single select - if clicking the already selected item, deselect it\n      if (selectedItem === value) {\n        handleChange(undefined);\n      } else {\n        // Otherwise, select the new item\n        handleChange(value);\n      }\n      setIsOpen(false);\n    }\n  };\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = () => {\n    setIsOpen(false);\n  };\n\n  // Cast ref to RefObject<HTMLElement> to satisfy useOnClickOutside's expected type\n  useOnClickOutside(ref as React.RefObject<HTMLElement>, handleClickOutside);\n\n  // Get selected items for display in button\n  const getSelectedItems = () => {\n    const flatten = (options: DropdownOption[]): DropdownOption[] => {\n      const out: DropdownOption[] = [];\n      const walk = (nodes: DropdownOption[]) => {\n        nodes.forEach((n) => {\n          if (n.children && n.children.length > 0) {\n            walk(n.children);\n          } else {\n            out.push(n);\n          }\n        });\n      };\n      walk(options);\n      return out;\n    };\n\n    const leaves = flatten(items);\n    if (multiple) {\n      const selectedValues = Array.isArray(selectedItem) ? selectedItem : [];\n      return leaves.filter((item) => selectedValues.includes(item.value));\n    }\n    const selected = leaves.find((item) => item.value === selectedItem);\n    return selected ? [selected] : [];\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(\n        \"relative flex flex-col gap-y-1.5 items-start\",\n        className,\n      )}\n    >\n      <DropdownButton\n        label={label}\n        multiSelectLabel={multiSelectLabel}\n        disabled={disabled}\n        className={buttonClassName}\n        onClick={() => setIsOpen(!isOpen)}\n        selectedItems={getSelectedItems()}\n        multiple={multiple}\n        count={getSelectedItems().length}\n        menuIcon={menuIcon}\n        size={size}\n        onClear={() => handleChange(multiple ? [] : undefined)}\n        showClear={showClear}\n        showSelectedItem={showSelectedItem}\n      />\n\n      <DropdownMenu\n        items={items}\n        selectedItem={selectedItem}\n        handleChange={handleChange}\n        multiple={multiple}\n        menuClassName={menuClassName}\n        size={size}\n        isOpen={isOpen}\n        onItemClick={handleItemClick}\n        isScrollable={isScrollable}\n        search={search}\n        onClearSearch={onClearSearch}\n        showSelectAll={showSelectAll}\n        subMenuClassName={subMenuClassName}\n      />\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  label,\n  multiSelectLabel,\n  disabled,\n  className,\n  onClick,\n  selectedItems = [],\n  multiple = false,\n  count = 0,\n  menuIcon,\n  size,\n  onClear,\n  showClear,\n  showSelectedItem,\n}: DropdownButtonProps) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  // Determine what to display\n  const hasSelection = selectedItems.length > 0;\n  const isSingleSelection = selectedItems.length === 1;\n  const isMultipleSelection = selectedItems.length > 1;\n\n  // Compute icon and label based on selection state\n  let buttonIcon: ButtonProps[\"icon\"] | undefined;\n  let buttonLabel: string;\n\n  if (hasSelection && isSingleSelection) {\n    // Single selection: show selected item's icon and label\n    const selectedItem = selectedItems[0];\n    buttonIcon = selectedItem.icon\n      ? isValidElement(selectedItem.icon)\n        ? selectedItem.icon\n        : {\n            name: (selectedItem.icon as IconProps).name,\n            className: (selectedItem.icon as IconProps).className || \"\",\n            size: (selectedItem.icon as IconProps).size || 18,\n          }\n      : menuIcon;\n    // If label is a function, call it with the selected item's label; otherwise use the selected item's label directly\n    buttonLabel =\n      typeof label === \"function\"\n        ? label(selectedItem.label)\n        : selectedItem.label;\n  } else if (isMultipleSelection && multiple && multiSelectLabel) {\n    // Multiple selections: show count and multiSelectLabel\n\n    buttonIcon = menuIcon\n      ? isValidElement(menuIcon)\n        ? menuIcon\n        : {\n            name: (menuIcon as IconProps).name,\n            className: (menuIcon as IconProps).className || \"\",\n            size: (menuIcon as IconProps).size || 18,\n          }\n      : undefined;\n    buttonLabel = `${count} ${multiSelectLabel}`;\n  } else {\n    // Default: no selection - use label as string\n    buttonIcon = menuIcon;\n    buttonLabel = typeof label === \"function\" ? label(\"\") : label;\n  }\n\n  return (\n    <Button\n      icon={buttonIcon}\n      label={showSelectedItem ? buttonLabel : undefined}\n      disabled={disabled}\n      size={size}\n      variant=\"secondary\"\n      className={classNames(\n        \"!origin-bottom-left !justify-start w-full\",\n        (size === \"md\" || size === \"lg\") && \"!pr-[18px] !pl-[12px]\",\n        size === \"sm\" && \"!pr-4 !pl-3\",\n        showClear && \"!pr-[48px]\",\n        className,\n      )}\n      useDecryptAnimation={false}\n      useHoverEffect={false}\n      crosshairProps={{\n        variant: \"corners\",\n        corners: [\"bottom-right\"],\n        spacingX: !isHovered ? -6 : -4,\n        spacingY: !isHovered ? -6 : -4,\n        animationDuration: 0.5,\n        animationDelay: 0,\n        className: \"text-shade-mute group-hover:text-shade-primary\",\n      }}\n      onClick={onClick}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      children={\n        hasSelection &&\n        showClear && (\n          <div\n            className=\"order-last top-1/2 -translate-y-1/2 right-2 absolute h-[24px] w-[24px] flex items-center justify-center hover:bg-background/40 transition duration-100 ease-crisp cursor-pointer\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClear?.();\n            }}\n          >\n            <Icon name=\"Close\" size={12} />\n          </div>\n        )\n      }\n    />\n  );\n};\n\nexport const DropdownItem = ({\n  label,\n  icon,\n  onClick,\n  disabled,\n  isSelected = false,\n  size,\n}: DropdownItemProps) => {\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={classNames(\n        \"hover:bg-border-light/50 relative group/item disabled:opacity-40 flex items-center gap-x-2.5 outline-none transition-colors duration-100 ease-crisp\",\n        size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n        size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n        size === \"sm\" && \"py-2 pl-2.5 pr-3 h-[36px] text-sm\",\n        isSelected && \"bg-background/50\",\n      )}\n    >\n      <div className=\"opacity-0 group-hover/item:!opacity-100 absolute inset-0.5\">\n        <CrosshairCorners\n          size={6}\n          variant=\"corners\"\n          corners={[\"bottom-right\"]}\n          className=\"text-shade-mute\"\n          animationDelay={0}\n          animationDuration={0.5}\n        />\n      </div>\n\n      {icon && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                \"flex-shrink-0\",\n                (icon as IconProps).className,\n              )}\n              size={(icon as IconProps).size || 18}\n            />\n          )}\n        </>\n      )}\n      <span\n        className={classNames(\" text-shade-primary font-medium leading-[100%]\")}\n      >\n        {label}\n      </span>\n    </button>\n  );\n};\n\ntype DropdownSubmenuItemProps = {\n  item: DropdownOption;\n  size?: \"sm\" | \"md\" | \"lg\";\n  onLeafClick: (value: string) => void;\n  isLeafSelected: (value: string) => boolean;\n  subMenuClassName?: string;\n};\n\nconst DropdownSubmenuItem = ({\n  item,\n  size = \"md\",\n  subMenuClassName,\n  onLeafClick,\n  isLeafSelected,\n}: DropdownSubmenuItemProps) => {\n  const parentRef = useRef<HTMLDivElement | null>(null);\n  const submenuRef = useRef<HTMLDivElement | null>(null);\n\n  const [hoverParent, setHoverParent] = useState(false);\n  const [hoverSubmenu, setHoverSubmenu] = useState(false);\n  const [hoverSafe, setHoverSafe] = useState(false);\n\n  const open = hoverParent || hoverSubmenu || hoverSafe;\n\n  return (\n    <div\n      ref={parentRef}\n      className={classNames(\"relative\", subMenuClassName)}\n      onMouseEnter={() => setHoverParent(true)}\n      onMouseLeave={() => setHoverParent(false)}\n    >\n      <button\n        type=\"button\"\n        className={classNames(\n          \"hover:bg-border-light/50 relative h-max group/item disabled:opacity-40 flex items-center justify-between gap-x-2.5 w-full outline-none transition-colors duration-100 ease-crisp\",\n          size === \"lg\" && \"py-4 pl-3 pr-3 text-base\",\n          size === \"md\" && \"py-3 pl-2.5 pr-3 text-sm\",\n          size === \"sm\" && \"py-2 pl-2.5 pr-3 !h-[36px] text-sm\",\n          open && \"bg-border-light/50\",\n        )}\n        disabled={item.disabled}\n      >\n        <span className=\"flex items-center gap-x-2.5\">\n          {item.icon && (\n            <>\n              {isValidElement(item.icon) ? (\n                item.icon\n              ) : (\n                <Icon\n                  name={(item.icon as IconProps).name}\n                  className={classNames(\n                    \"flex-shrink-0\",\n                    (item.icon as IconProps).className,\n                  )}\n                  size={(item.icon as IconProps).size || 18}\n                />\n              )}\n            </>\n          )}\n          <span className=\"text-shade-primary font-medium leading-[100%]\">\n            {item.label}\n          </span>\n        </span>\n        <Icon name=\"ChevronRight\" size={12} className=\"text-shade-tertiary\" />\n      </button>\n\n      {open && (\n        <div\n          ref={submenuRef}\n          onMouseEnter={() => setHoverSubmenu(true)}\n          onMouseLeave={() => setHoverSubmenu(false)}\n          className={classNames(\n            \"z-[60] !absolute top-0 left-[calc(100%+6px)] p-1 bg-card-foreground gradient-border before:bg-card-border min-w-[180px]\",\n          )}\n        >\n          <MouseSafeArea\n            parentRef={parentRef}\n            submenuRef={submenuRef}\n            onEnter={() => setHoverSafe(true)}\n            onLeave={() => setHoverSafe(false)}\n          />\n          <div className=\"flex flex-col gap-y-1\">\n            {(item.children || []).map((child) =>\n              child.children && child.children.length > 0 ? (\n                <DropdownSubmenuItem\n                  key={child.value}\n                  item={child}\n                  size={size}\n                  onLeafClick={onLeafClick}\n                  isLeafSelected={isLeafSelected}\n                />\n              ) : (\n                <DropdownItem\n                  key={child.value}\n                  label={child.label}\n                  icon={child.icon}\n                  onClick={() => onLeafClick(child.value)}\n                  disabled={child.disabled}\n                  isSelected={isLeafSelected(child.value)}\n                  size={size}\n                />\n              ),\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA0FA,MAAM,yBAAyB;CAC7B,MAAM,CAAC,eAAe,oBAAoB,SAA2B,CAAC,GAAG,EAAE,CAAC;CAE5E,MAAM,sBAAsB,aAAa,OAAmB;AAC1D,mBAAiB,CAAC,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,mBAAmB,OAAmB;AAC1C,+BAA4B,oBAAoB,GAAG,CAAC;;AAGtD,SAAO,iBAAiB,aAAa,gBAAgB;AACrD,eAAa,OAAO,oBAAoB,aAAa,gBAAgB;IACpE,CAAC,oBAAoB,CAAC;AAEzB,QAAO;;AAYT,MAAM,iBAAiB,EACrB,WACA,YACA,SACA,SACA,QAAQ,YACgB;CACxB,MAAM,EACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,IAAI,GACZ,OAAO,IAAI,MACT,WAAW,SAAS,uBAAuB,IAAI,EAAE;CACrD,MAAM,CAAC,QAAQ,UAAU,kBAAkB;CAC3C,MAAM,YAAY;EAAE;EAAG;EAAG;EAAG;EAAG;EAAQ;EAAQ;AAEhD,QACE,oBAAC;EACC,OAAO;GACL,UAAU;GACV,MAAM,QAAQ,UAAU;GACxB,OAAO,SAAS,UAAU;GAC1B,KAAK;GACL,OAAO,SAAS,UAAU;GAC1B,QAAQ;GACR,UAAU,YAAY,UAAU;GAChC,eAAe;GACf,QAAQ;GACR,iBAAiB,QAAQ,4BAA4B;GACtD;EACD,cAAc;EACd,cAAc;GACd;;AAmBN,MAAM,WAAW,EAAE,GAAG,aACpB,SAAS,IAAI,SAAY,CAAC,KAAK,IAAI,IAAI,QAAQ,GAAG,GAAG;AACvD,MAAM,YAAY,EAAE,GAAG,GAAG,aACxB,SAAS,IAAI,CAAC,KAAK,IAAI,UAAU,IAAI,IAAI,GAAG,GAAG,OAAO;AACxD,MAAM,YAAY,EAAE,GAAG,GAAG,aACxB,SAAS,IACL,KAAK,IAAI,UAAU,IAAI,IAAI,GAAG,GAAG,OACjC,KAAK,IAAI,IAAI,QAAQ,GAAG,GAAG;AACjC,MAAM,eAAe,EAAE,GAAG,GAAG,GAAG,QAAQ,aACtC,SAAS,IACL,uBAAwB,OAAO,SAAS,KAAM,EAAE,iBAChD,gCAAiC,OAAO,SAAS,KAAM,EAAE;AAE/D,MAAa,gBAAgB,EAC3B,OACA,cACA,cACA,WAAW,OACX,eACA,OAAO,MACP,QACA,aACA,eAAe,OACf,kBAAkB,YAClB,QACA,eACA,gBAAgB,MAChB,mBAAmB,OACnB,uBACuB;CACvB,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,qBAAqB,OAAuB,KAAK;CAGvD,MAAM,uBAAuB;AAE3B,MAAI,OACF,QAAO,MAAM,QAAQ,SACnB,KAAK,MAAM,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CACxD;AAIH,SAAO;KACL;CAGJ,MAAM,eAAe,kBAAkB;EACrC,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,UAAW;EAEhB,MAAM,EAAE,WAAW,cAAc,iBAAiB;AAIlD,gBAFqB,YAAY,gBAAgB,eAD/B,EAGS;IAC1B,EAAE,CAAC;AAGN,iBAAgB;AACd,MAAI,OACF,eAAc,MAAM;IAErB,CAAC,QAAQ,cAAc,OAAO,CAAC;AAGlC,iBAAgB;EACd,MAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,aAAa,CAAC,OAAQ;EAE3B,MAAM,EAAE,cAAc,iBAAiB;AAIvC,MAAI,EAHiB,eAAe,cAIlC,eAAc,KAAK;IAEpB,CAAC,QAAQ,cAAc,OAAO,CAAC;CAGlC,MAAM,kBAAkB,UAAkB;AACxC,MAAI,SACF,QACE,MAAM,QAAQ,aAAa,IAC3B,aAAa,SAAS,KACtB,aAAa,SAAS,MAAM;AAGhC,SAAO,CAAC,CAAC,gBAAgB,iBAAiB;;CAG5C,MAAM,qBAAqB,YAAgD;EACzE,MAAMA,MAAwB,EAAE;EAChC,MAAM,QAAQ,UAA4B;AACxC,SAAM,SAAS,MAAM;AACnB,QAAI,EAAE,YAAY,EAAE,SAAS,SAAS,EACpC,MAAK,EAAE,SAAS;QAEhB,KAAI,KAAK,EAAE;KAEb;;AAEJ,OAAK,QAAQ;AACb,SAAO;;CAIT,MAAM,mBAAmB,UAAkB;AACzC,MAAI,UAAU;GACZ,MAAM,mBAAmB,MAAM,QAAQ,aAAa,GAAG,eAAe,EAAE;AAGxE,OAAI,eAAe,CACjB,cAAa,CAAC,MAAM,CAAC;YACZ,iBAAiB,SAAS,MAAM,CAEzC,cAAa,iBAAiB,QAAQ,SAAS,SAAS,MAAM,CAAC;OAG/D,cAAa,CAAC,GAAG,kBAAkB,MAAM,CAAC;SAEvC;AAEL,OAAI,iBAAiB,MACnB,cAAa,OAAU;OAGvB,cAAa,MAAM;AAGrB,iBAAc,MAAM;;;CAKxB,MAAM,wBAAwB;EAC5B,MAAM,mBAAmB,MAAM,QAAQ,aAAa,GAAG,eAAe,EAAE;EACxE,MAAM,YAAY,kBAAkB,cAAc,CAC/C,QAAQ,SAAS,CAAC,KAAK,SAAS,CAChC,KAAK,SAAS,KAAK,MAAM;AAE5B,MAAI,iBAAiB,WAAW,UAAU,OAExC,cAAa,EAAE,CAAC;MAGhB,cAAa,UAAU;;CAK3B,MAAM,sBAAsB;AAC1B,MAAI,CAAC,MAAM,QAAQ,aAAa,IAAI,aAAa,WAAW,EAAG,QAAO;EACtE,MAAM,kBAAkB,kBAAkB,cAAc,CAAC,QACtD,SAAS,CAAC,KAAK,SACjB;AACD,SACE,gBAAgB,SAAS,KACzB,aAAa,WAAW,gBAAgB,UACxC,gBAAgB,OAAO,SAAS,aAAa,SAAS,KAAK,MAAM,CAAC;;AAItE,QACE,oBAAC,6BACE,UACC,oBAAC,OAAO;EACN,SAAS;GAAE,SAAS;GAAG,OAAO;GAAK,GAAG;GAAK;EAC3C,SAAS;GAAE,SAAS;GAAG,OAAO;GAAG,GAAG;GAAG;EACvC,YAAY;GAAE,UAAU;GAAK,MAAM;GAAO;EAC1C,MAAM;GAAE,SAAS;GAAG,OAAO;GAAK,GAAG;GAAI;EACvC,WAAW,WACT,yFACC,SAAS,QAAQ,SAAS,SAAS,iBACpC,oBAAoB,cAAc,mBAClC,oBAAoB,gBAAgB,qBACpC,oBAAoB,eAAe,oBACnC,cACD;YAED,qBAAC;GACC,KAAK;GACL,UAAU;GACV,WAAW,WACT,yBACA,gBAAgB,CACd,iCACA,CAAC,cACC,wEACH,CACF;cAEA,YAAY,iBACX,qBAAC;IAAI,WAAU;eACb,qBAAC;KACC,SAAS;KACT,WAAW,WACT,8IACD;gBAED,oBAAC,YAAS,SAAS,eAAe,GAAI,EACtC,oBAAC;MAAK,WAAU;gBAAyC;OAElD;MACA,EACT,oBAAC,WAAQ,WAAU,eAAe;KAC9B,EAEP,cAAc,SAAS,IACtB,cAAc,KAAK,SACjB,KAAK,YAAY,KAAK,SAAS,SAAS,IACtC,oBAAC;IAEO;IACA;IACN,aAAa;IACb,gBAAgB;MAJX,KAAK,MAKV,GAEF,oBAAC;IAEC,OAAO,KAAK;IACZ,MAAM,KAAK;IACX,eAAe,gBAAgB,KAAK,MAAM;IAC1C,UAAU,KAAK;IACf,YAAY,eAAe,KAAK,MAAM;IAChC;MAND,KAAK,MAOV,CAEL,GAED,oBAAC;IACC,eAAe;AAEb,SAAI,cACF,gBAAe;;IAGnB,WAAU;cACX;KAEQ;IAEP;GACK,GAEC;;AAItB,MAAa,YAAY,EACvB,WACA,OACA,cACA,cACA,QAAQ,YACR,kBACA,UACA,iBACA,eACA,WAAW,OACX,UACA,OAAO,MACP,eAAe,OACf,QACA,eACA,eACA,YAAY,MACZ,kBACA,mBAAmB,WACA;CACnB,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAG3C,MAAM,mBAAmB,UAAkB;AACzC,MAAI,CAAC,UAAU;AAEb,OAAI,iBAAiB,MACnB,cAAa,OAAU;OAGvB,cAAa,MAAM;AAErB,aAAU,MAAM;;;CAIpB,MAAM,MAAM,OAAuB,KAAK;CAExC,MAAM,2BAA2B;AAC/B,YAAU,MAAM;;AAIlB,mBAAkB,KAAqC,mBAAmB;CAG1E,MAAM,yBAAyB;EAC7B,MAAM,WAAW,YAAgD;GAC/D,MAAMA,MAAwB,EAAE;GAChC,MAAM,QAAQ,UAA4B;AACxC,UAAM,SAAS,MAAM;AACnB,SAAI,EAAE,YAAY,EAAE,SAAS,SAAS,EACpC,MAAK,EAAE,SAAS;SAEhB,KAAI,KAAK,EAAE;MAEb;;AAEJ,QAAK,QAAQ;AACb,UAAO;;EAGT,MAAM,SAAS,QAAQ,MAAM;AAC7B,MAAI,UAAU;GACZ,MAAM,iBAAiB,MAAM,QAAQ,aAAa,GAAG,eAAe,EAAE;AACtE,UAAO,OAAO,QAAQ,SAAS,eAAe,SAAS,KAAK,MAAM,CAAC;;EAErE,MAAM,WAAW,OAAO,MAAM,SAAS,KAAK,UAAU,aAAa;AACnE,SAAO,WAAW,CAAC,SAAS,GAAG,EAAE;;AAGnC,QACE,qBAAC;EACM;EACL,WAAW,WACT,gDACA,UACD;aAED,oBAAC;GACQ;GACW;GACR;GACV,WAAW;GACX,eAAe,UAAU,CAAC,OAAO;GACjC,eAAe,kBAAkB;GACvB;GACV,OAAO,kBAAkB,CAAC;GAChB;GACJ;GACN,eAAe,aAAa,WAAW,EAAE,GAAG,OAAU;GAC3C;GACO;IAClB,EAEF,oBAAC;GACQ;GACO;GACA;GACJ;GACK;GACT;GACE;GACR,aAAa;GACC;GACN;GACO;GACA;GACG;IAClB;GACE;;AAIV,MAAa,kBAAkB,EAC7B,OACA,kBACA,UACA,WACA,SACA,gBAAgB,EAAE,EAClB,WAAW,OACX,QAAQ,GACR,UACA,MACA,SACA,WACA,uBACyB;CACzB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAGjD,MAAM,eAAe,cAAc,SAAS;CAC5C,MAAM,oBAAoB,cAAc,WAAW;CACnD,MAAM,sBAAsB,cAAc,SAAS;CAGnD,IAAIC;CACJ,IAAIC;AAEJ,KAAI,gBAAgB,mBAAmB;EAErC,MAAM,eAAe,cAAc;AACnC,eAAa,aAAa,OACtB,eAAe,aAAa,KAAK,GAC/B,aAAa,OACb;GACE,MAAO,aAAa,KAAmB;GACvC,WAAY,aAAa,KAAmB,aAAa;GACzD,MAAO,aAAa,KAAmB,QAAQ;GAChD,GACH;AAEJ,gBACE,OAAO,UAAU,aACb,MAAM,aAAa,MAAM,GACzB,aAAa;YACV,uBAAuB,YAAY,kBAAkB;AAG9D,eAAa,WACT,eAAe,SAAS,GACtB,WACA;GACE,MAAO,SAAuB;GAC9B,WAAY,SAAuB,aAAa;GAChD,MAAO,SAAuB,QAAQ;GACvC,GACH;AACJ,gBAAc,GAAG,MAAM,GAAG;QACrB;AAEL,eAAa;AACb,gBAAc,OAAO,UAAU,aAAa,MAAM,GAAG,GAAG;;AAG1D,QACE,oBAAC;EACC,MAAM;EACN,OAAO,mBAAmB,cAAc;EAC9B;EACJ;EACN,SAAQ;EACR,WAAW,WACT,8CACC,SAAS,QAAQ,SAAS,SAAS,yBACpC,SAAS,QAAQ,eACjB,aAAa,cACb,UACD;EACD,qBAAqB;EACrB,gBAAgB;EAChB,gBAAgB;GACd,SAAS;GACT,SAAS,CAAC,eAAe;GACzB,UAAU,CAAC,YAAY,KAAK;GAC5B,UAAU,CAAC,YAAY,KAAK;GAC5B,mBAAmB;GACnB,gBAAgB;GAChB,WAAW;GACZ;EACQ;EACT,oBAAoB,aAAa,KAAK;EACtC,oBAAoB,aAAa,MAAM;EACvC,UACE,gBACA,aACE,oBAAC;GACC,WAAU;GACV,UAAU,MAAM;AACd,MAAE,iBAAiB;AACnB,eAAW;;aAGb,oBAAC;IAAK,MAAK;IAAQ,MAAM;KAAM;IAC3B;GAGV;;AAIN,MAAa,gBAAgB,EAC3B,OACA,MACA,SACA,UACA,aAAa,OACb,WACuB;AACvB,QACE,qBAAC;EACU;EACC;EACV,WAAW,WACT,uJACA,SAAS,QAAQ,4BACjB,SAAS,QAAQ,4BACjB,SAAS,QAAQ,qCACjB,cAAc,mBACf;;GAED,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC,MAAM;KACN,SAAQ;KACR,SAAS,CAAC,eAAe;KACzB,WAAU;KACV,gBAAgB;KAChB,mBAAmB;MACnB;KACE;GAEL,QACC,0CACG,eAAe,KAAK,GACnB,OAEA,oBAAC;IACC,MAAO,KAAmB;IAC1B,WAAW,WACT,iBACC,KAAmB,UACrB;IACD,MAAO,KAAmB,QAAQ;KAClC,GAEH;GAEL,oBAAC;IACC,WAAW,WAAW,iDAAiD;cAEtE;KACI;;GACA;;AAYb,MAAM,uBAAuB,EAC3B,MACA,OAAO,MACP,kBACA,aACA,qBAC8B;CAC9B,MAAM,YAAY,OAA8B,KAAK;CACrD,MAAM,aAAa,OAA8B,KAAK;CAEtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,OAAO,eAAe,gBAAgB;AAE5C,QACE,qBAAC;EACC,KAAK;EACL,WAAW,WAAW,YAAY,iBAAiB;EACnD,oBAAoB,eAAe,KAAK;EACxC,oBAAoB,eAAe,MAAM;aAEzC,qBAAC;GACC,MAAK;GACL,WAAW,WACT,oLACA,SAAS,QAAQ,4BACjB,SAAS,QAAQ,4BACjB,SAAS,QAAQ,sCACjB,QAAQ,qBACT;GACD,UAAU,KAAK;cAEf,qBAAC;IAAK,WAAU;eACb,KAAK,QACJ,0CACG,eAAe,KAAK,KAAK,GACxB,KAAK,OAEL,oBAAC;KACC,MAAO,KAAK,KAAmB;KAC/B,WAAW,WACT,iBACC,KAAK,KAAmB,UAC1B;KACD,MAAO,KAAK,KAAmB,QAAQ;MACvC,GAEH,EAEL,oBAAC;KAAK,WAAU;eACb,KAAK;MACD;KACF,EACP,oBAAC;IAAK,MAAK;IAAe,MAAM;IAAI,WAAU;KAAwB;IAC/D,EAER,QACC,qBAAC;GACC,KAAK;GACL,oBAAoB,gBAAgB,KAAK;GACzC,oBAAoB,gBAAgB,MAAM;GAC1C,WAAW,WACT,0HACD;cAED,oBAAC;IACY;IACC;IACZ,eAAe,aAAa,KAAK;IACjC,eAAe,aAAa,MAAM;KAClC,EACF,oBAAC;IAAI,WAAU;eACX,KAAK,YAAY,EAAE,EAAE,KAAK,UAC1B,MAAM,YAAY,MAAM,SAAS,SAAS,IACxC,oBAAC;KAEC,MAAM;KACA;KACO;KACG;OAJX,MAAM,MAKX,GAEF,oBAAC;KAEC,OAAO,MAAM;KACb,MAAM,MAAM;KACZ,eAAe,YAAY,MAAM,MAAM;KACvC,UAAU,MAAM;KAChB,YAAY,eAAe,MAAM,MAAM;KACjC;OAND,MAAM,MAOX,CAEL;KACG;IACF;GAEJ"}

package/dist/GridLines.cjs

@@ -0,0 +1,82 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_utils_easings = require('./utils/easings.cjs');
+let motion_react = require("motion/react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/GridLines.tsx
+const GridLines = ({ gap = 8, animateLines = false, lines = [
+	"top",
+	"bottom",
+	"left",
+	"right"
+], className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)("absolute", className),
+		style: { inset: `${-gap}px` },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 0 100% 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: require_utils_easings.glide
+				},
+				className: (0, classnames.default)(!lines.includes("left") && "hidden", "absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2"),
+				style: {
+					minHeight: "100dvh",
+					height: "100%"
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				initial: { clipPath: animateLines ? "inset(100% 0 0 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: require_utils_easings.glide,
+					delay: .05
+				},
+				className: (0, classnames.default)(!lines.includes("right") && "hidden", "absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2"),
+				style: {
+					minHeight: "100dvh",
+					height: "100%"
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 100% 0 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: require_utils_easings.glide,
+					delay: .1
+				},
+				className: (0, classnames.default)(!lines.includes("top") && "hidden", "absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2"),
+				style: {
+					minWidth: "100dvw",
+					width: "100%"
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 0 0 100%)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: require_utils_easings.glide,
+					delay: .15
+				},
+				className: (0, classnames.default)(!lines.includes("bottom") && "hidden", "absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2"),
+				style: {
+					minWidth: "100dvw",
+					width: "100%"
+				}
+			})
+		]
+	});
+};
+
+//#endregion
+exports.GridLines = GridLines;
+//# sourceMappingURL=GridLines.cjs.map

package/dist/GridLines.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLines.cjs","names":["motion","glide"],"sources":["../src/GridLines.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { glide } from \"./utils/easings\";\nimport classNames from \"classnames\";\n\nexport type GridLinesProps = {\n  className?: string;\n  animateLines?: boolean;\n  gap?: number;\n  lines?: (\"top\" | \"bottom\" | \"left\" | \"right\")[];\n};\n\nexport const GridLines = ({\n  gap = 8,\n  animateLines = false,\n  lines = [\"top\", \"bottom\", \"left\", \"right\"],\n  className,\n}: GridLinesProps) => {\n  return (\n    <div\n      className={classNames(\"absolute\", className)}\n      style={{ inset: `${-gap}px` }}\n    >\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 100% 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide }}\n        className={classNames(\n          !lines.includes(\"left\") && \"hidden\",\n          \"absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(100% 0 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.05 }}\n        className={classNames(\n          !lines.includes(\"right\") && \"hidden\",\n          \"absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 100% 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.1 }}\n        className={classNames(\n          !lines.includes(\"top\") && \"hidden\",\n          \"absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 0 100%)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.15 }}\n        className={classNames(\n          !lines.includes(\"bottom\") && \"hidden\",\n          \"absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAaA,MAAa,aAAa,EACxB,MAAM,GACN,eAAe,OACf,QAAQ;CAAC;CAAO;CAAU;CAAQ;CAAQ,EAC1C,gBACoB;AACpB,QACE,4CAAC;EACC,mCAAsB,YAAY,UAAU;EAC5C,OAAO,EAAE,OAAO,GAAG,CAAC,IAAI,KAAK;;GAE7B,2CAACA,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO;IAC3C,mCACE,CAAC,MAAM,SAAS,OAAO,IAAI,UAC3B,gEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAM;IACxD,mCACE,CAAC,MAAM,SAAS,QAAQ,IAAI,UAC5B,iEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAK;IACvD,mCACE,CAAC,MAAM,SAAS,MAAM,IAAI,UAC1B,gEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;GACF,2CAACD,oBAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAMC;KAAO,OAAO;KAAM;IACxD,mCACE,CAAC,MAAM,SAAS,SAAS,IAAI,UAC7B,mEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;;GACE"}

package/dist/GridLines.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/GridLines.d.ts
+type GridLinesProps = {
+  className?: string;
+  animateLines?: boolean;
+  gap?: number;
+  lines?: ("top" | "bottom" | "left" | "right")[];
+};
+declare const GridLines: ({
+  gap,
+  animateLines,
+  lines,
+  className
+}: GridLinesProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { GridLines, GridLinesProps };
+//# sourceMappingURL=GridLines.d.cts.map

package/dist/GridLines.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLines.d.cts","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":[],"mappings":";;;KAMY,cAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAOC,KAAA,CAAA,EAAA,CAAA,KA6DZ,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;CA7DyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,GAAA;EAAA,YAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKvB,cALuB,EAAA,GAKT,kBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/GridLines.d.mts

@@ -1,11 +1,18 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
+//#region src/GridLines.d.ts
 type GridLinesProps = {
-    className?: string;
-    animateLines?: boolean;
-    gap?: number;
-    lines?: ("top" | "bottom" | "left" | "right")[];
+  className?: string;
+  animateLines?: boolean;
+  gap?: number;
+  lines?: ("top" | "bottom" | "left" | "right")[];
 };
-declare const GridLines: ({ gap, animateLines, lines, className, }: GridLinesProps) => react_jsx_runtime.JSX.Element;
-
-export { GridLines, type GridLinesProps };
+declare const GridLines: ({
+  gap,
+  animateLines,
+  lines,
+  className
+}: GridLinesProps) => react_jsx_runtime27.JSX.Element;
+//#endregion
+export { GridLines, GridLinesProps };
+//# sourceMappingURL=GridLines.d.mts.map

package/dist/GridLines.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLines.d.mts","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":[],"mappings":";;;KAMY,cAAA;;;EAAA,GAAA,CAAA,EAAA,MAAA;EAOC,KAAA,CAAA,EAAA,CAAA,KA6DZ,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;CA7DyB;AAAA,cAAb,SAAa,EAAA,CAAA;EAAA,GAAA;EAAA,YAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAKvB,cALuB,EAAA,GAKT,mBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/GridLines.mjs

@@ -1,85 +1,80 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
-import { glide } from './utils/easings';
-import classNames from 'classnames';
+"use client";
 
-const GridLines = ({
-  gap = 8,
-  animateLines = false,
-  lines = ["top", "bottom", "left", "right"],
-  className
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames("absolute", className),
-      style: { inset: `${-gap}px` },
-      children: [
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: {
-              clipPath: animateLines ? "inset(0 0 100% 0)" : "inset(0 0 0 0)"
-            },
-            animate: { clipPath: "inset(0 0 0 0)" },
-            transition: { duration: 0.25, ease: glide },
-            className: classNames(
-              !lines.includes("left") && "hidden",
-              "absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2"
-            ),
-            style: { minHeight: "100dvh", height: "100%" }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: {
-              clipPath: animateLines ? "inset(100% 0 0 0)" : "inset(0 0 0 0)"
-            },
-            animate: { clipPath: "inset(0 0 0 0)" },
-            transition: { duration: 0.25, ease: glide, delay: 0.05 },
-            className: classNames(
-              !lines.includes("right") && "hidden",
-              "absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2"
-            ),
-            style: { minHeight: "100dvh", height: "100%" }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: {
-              clipPath: animateLines ? "inset(0 100% 0 0)" : "inset(0 0 0 0)"
-            },
-            animate: { clipPath: "inset(0 0 0 0)" },
-            transition: { duration: 0.25, ease: glide, delay: 0.1 },
-            className: classNames(
-              !lines.includes("top") && "hidden",
-              "absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2"
-            ),
-            style: { minWidth: "100dvw", width: "100%" }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: {
-              clipPath: animateLines ? "inset(0 0 0 100%)" : "inset(0 0 0 0)"
-            },
-            animate: { clipPath: "inset(0 0 0 0)" },
-            transition: { duration: 0.25, ease: glide, delay: 0.15 },
-            className: classNames(
-              !lines.includes("bottom") && "hidden",
-              "absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2"
-            ),
-            style: { minWidth: "100dvw", width: "100%" }
-          }
-        )
-      ]
-    }
-  );
+import { glide } from "./utils/easings.mjs";
+import { motion } from "motion/react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/GridLines.tsx
+const GridLines = ({ gap = 8, animateLines = false, lines = [
+	"top",
+	"bottom",
+	"left",
+	"right"
+], className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("absolute", className),
+		style: { inset: `${-gap}px` },
+		children: [
+			/* @__PURE__ */ jsx(motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 0 100% 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: glide
+				},
+				className: classNames(!lines.includes("left") && "hidden", "absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2"),
+				style: {
+					minHeight: "100dvh",
+					height: "100%"
+				}
+			}),
+			/* @__PURE__ */ jsx(motion.div, {
+				initial: { clipPath: animateLines ? "inset(100% 0 0 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: glide,
+					delay: .05
+				},
+				className: classNames(!lines.includes("right") && "hidden", "absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2"),
+				style: {
+					minHeight: "100dvh",
+					height: "100%"
+				}
+			}),
+			/* @__PURE__ */ jsx(motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 100% 0 0)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: glide,
+					delay: .1
+				},
+				className: classNames(!lines.includes("top") && "hidden", "absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2"),
+				style: {
+					minWidth: "100dvw",
+					width: "100%"
+				}
+			}),
+			/* @__PURE__ */ jsx(motion.div, {
+				initial: { clipPath: animateLines ? "inset(0 0 0 100%)" : "inset(0 0 0 0)" },
+				animate: { clipPath: "inset(0 0 0 0)" },
+				transition: {
+					duration: .25,
+					ease: glide,
+					delay: .15
+				},
+				className: classNames(!lines.includes("bottom") && "hidden", "absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2"),
+				style: {
+					minWidth: "100dvw",
+					width: "100%"
+				}
+			})
+		]
+	});
 };
 
+//#endregion
 export { GridLines };
-//# sourceMappingURL=GridLines.mjs.map
 //# sourceMappingURL=GridLines.mjs.map

package/dist/GridLines.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/GridLines.tsx"],"names":[],"mappings":"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","file":"GridLines.mjs","sourcesContent":["\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { glide } from \"./utils/easings\";\nimport classNames from \"classnames\";\n\nexport type GridLinesProps = {\n  className?: string;\n  animateLines?: boolean;\n  gap?: number;\n  lines?: (\"top\" | \"bottom\" | \"left\" | \"right\")[];\n};\n\nexport const GridLines = ({\n  gap = 8,\n  animateLines = false,\n  lines = [\"top\", \"bottom\", \"left\", \"right\"],\n  className,\n}: GridLinesProps) => {\n  return (\n    <div\n      className={classNames(\"absolute\", className)}\n      style={{ inset: `${-gap}px` }}\n    >\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 100% 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide }}\n        className={classNames(\n          !lines.includes(\"left\") && \"hidden\",\n          \"absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(100% 0 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.05 }}\n        className={classNames(\n          !lines.includes(\"right\") && \"hidden\",\n          \"absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 100% 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.1 }}\n        className={classNames(\n          !lines.includes(\"top\") && \"hidden\",\n          \"absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 0 100%)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.15 }}\n        className={classNames(\n          !lines.includes(\"bottom\") && \"hidden\",\n          \"absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"GridLines.mjs","names":[],"sources":["../src/GridLines.tsx"],"sourcesContent":["\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { glide } from \"./utils/easings\";\nimport classNames from \"classnames\";\n\nexport type GridLinesProps = {\n  className?: string;\n  animateLines?: boolean;\n  gap?: number;\n  lines?: (\"top\" | \"bottom\" | \"left\" | \"right\")[];\n};\n\nexport const GridLines = ({\n  gap = 8,\n  animateLines = false,\n  lines = [\"top\", \"bottom\", \"left\", \"right\"],\n  className,\n}: GridLinesProps) => {\n  return (\n    <div\n      className={classNames(\"absolute\", className)}\n      style={{ inset: `${-gap}px` }}\n    >\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 100% 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide }}\n        className={classNames(\n          !lines.includes(\"left\") && \"hidden\",\n          \"absolute w-px bg-border-light left-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(100% 0 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.05 }}\n        className={classNames(\n          !lines.includes(\"right\") && \"hidden\",\n          \"absolute w-px bg-border-light right-0 top-1/2 -translate-y-1/2\"\n        )}\n        style={{ minHeight: \"100dvh\", height: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 100% 0 0)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.1 }}\n        className={classNames(\n          !lines.includes(\"top\") && \"hidden\",\n          \"absolute h-px bg-border-light top-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n      <motion.div\n        initial={{\n          clipPath: animateLines ? \"inset(0 0 0 100%)\" : \"inset(0 0 0 0)\",\n        }}\n        animate={{ clipPath: \"inset(0 0 0 0)\" }}\n        transition={{ duration: 0.25, ease: glide, delay: 0.15 }}\n        className={classNames(\n          !lines.includes(\"bottom\") && \"hidden\",\n          \"absolute h-px bg-border-light bottom-0 left-1/2 -translate-x-1/2\"\n        )}\n        style={{ minWidth: \"100dvw\", width: \"100%\" }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAaA,MAAa,aAAa,EACxB,MAAM,GACN,eAAe,OACf,QAAQ;CAAC;CAAO;CAAU;CAAQ;CAAQ,EAC1C,gBACoB;AACpB,QACE,qBAAC;EACC,WAAW,WAAW,YAAY,UAAU;EAC5C,OAAO,EAAE,OAAO,GAAG,CAAC,IAAI,KAAK;;GAE7B,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO;IAC3C,WAAW,WACT,CAAC,MAAM,SAAS,OAAO,IAAI,UAC3B,gEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAM;IACxD,WAAW,WACT,CAAC,MAAM,SAAS,QAAQ,IAAI,UAC5B,iEACD;IACD,OAAO;KAAE,WAAW;KAAU,QAAQ;KAAQ;KAC9C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAK;IACvD,WAAW,WACT,CAAC,MAAM,SAAS,MAAM,IAAI,UAC1B,gEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;GACF,oBAAC,OAAO;IACN,SAAS,EACP,UAAU,eAAe,sBAAsB,kBAChD;IACD,SAAS,EAAE,UAAU,kBAAkB;IACvC,YAAY;KAAE,UAAU;KAAM,MAAM;KAAO,OAAO;KAAM;IACxD,WAAW,WACT,CAAC,MAAM,SAAS,SAAS,IAAI,UAC7B,mEACD;IACD,OAAO;KAAE,UAAU;KAAU,OAAO;KAAQ;KAC5C;;GACE"}

package/dist/HeadingReveal.cjs

@@ -0,0 +1,64 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let motion = require("motion");
+let motion_plus = require("motion-plus");
+
+//#region src/HeadingReveal.tsx
+const HeadingReveal = ({ text, headingLevel, className, color = "#EFF1F6", cursorColor = "#00FFFF", baseDelay = 0, splitBy = "words", speed = .25 }) => {
+	const containerRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		document.fonts.ready.then(() => {
+			if (!containerRef.current) return;
+			containerRef.current.style.visibility = "visible";
+			const { words, chars } = (0, motion_plus.splitText)(containerRef.current.querySelector(headingLevel));
+			(0, motion.animate)(splitBy === "words" ? words : chars, {
+				backgroundColor: [
+					"rgba(255,255,255,0)",
+					"rgba(255,255,255,0)",
+					cursorColor,
+					cursorColor,
+					cursorColor,
+					"rgba(255,255,255,0)"
+				],
+				color: [
+					"rgba(255,255,255,0)",
+					"rgba(255,255,255,0)",
+					cursorColor,
+					cursorColor,
+					cursorColor,
+					color
+				]
+			}, {
+				ease: motion.anticipate,
+				duration: speed,
+				delay: (0, motion.stagger)(speed / 2, { startDelay: baseDelay })
+			});
+		});
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: containerRef,
+		children: [
+			headingLevel === "h1" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: (0, classnames.default)("h1", className),
+				children: text
+			}),
+			headingLevel === "h2" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: (0, classnames.default)("h2", className),
+				children: text
+			}),
+			headingLevel === "h3" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: (0, classnames.default)("h3", className),
+				children: text
+			})
+		]
+	});
+};
+
+//#endregion
+exports.HeadingReveal = HeadingReveal;
+//# sourceMappingURL=HeadingReveal.cjs.map

package/dist/HeadingReveal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingReveal.cjs","names":["anticipate"],"sources":["../src/HeadingReveal.tsx"],"sourcesContent":["\"use client\";\n\nimport { animate, stagger, anticipate } from \"motion\";\nimport { splitText } from \"motion-plus\";\nimport { useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\n\nexport type HeadingRevealProps = {\n  text: string;\n  headingLevel: \"h1\" | \"h2\" | \"h3\";\n  className?: string;\n  color?: string;\n  cursorColor?: string;\n  baseDelay?: number;\n  splitBy?: \"words\" | \"chars\";\n  speed?: number;\n};\nexport const HeadingReveal = ({\n  text,\n  headingLevel,\n  className,\n  color = \"#EFF1F6\",\n  cursorColor = \"#00FFFF\",\n  baseDelay = 0,\n  splitBy = \"words\",\n  speed = 0.25,\n}: HeadingRevealProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    document.fonts.ready.then(() => {\n      if (!containerRef.current) return;\n\n      // Hide the container until the fonts are loaded\n      containerRef.current.style.visibility = \"visible\";\n\n      const { words, chars } = splitText(\n        containerRef.current.querySelector(headingLevel)!\n      );\n\n      // Animate the words in the h1\n      animate(\n        splitBy === \"words\" ? words : chars,\n        {\n          backgroundColor: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            \"rgba(255,255,255,0)\",\n          ],\n          color: [\n            \"rgba(255,255,255,0)\",\n            \"rgba(255,255,255,0)\",\n            cursorColor,\n            cursorColor,\n            cursorColor,\n            color,\n          ],\n        },\n        {\n          ease: anticipate,\n          duration: speed,\n          delay: stagger(speed / 2, { startDelay: baseDelay }),\n        }\n      );\n    });\n  }, []);\n\n  return (\n    <div ref={containerRef}>\n      {headingLevel === \"h1\" && (\n        <h1 className={classNames(\"h1\", className)}>{text}</h1>\n      )}\n      {headingLevel === \"h2\" && (\n        <h2 className={classNames(\"h2\", className)}>{text}</h2>\n      )}\n      {headingLevel === \"h3\" && (\n        <h3 className={classNames(\"h3\", className)}>{text}</h3>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAiBA,MAAa,iBAAiB,EAC5B,MACA,cACA,WACA,QAAQ,WACR,cAAc,WACd,YAAY,GACZ,UAAU,SACV,QAAQ,UACgB;CACxB,MAAM,iCAAsC,KAAK;AAEjD,4BAAgB;AACd,WAAS,MAAM,MAAM,WAAW;AAC9B,OAAI,CAAC,aAAa,QAAS;AAG3B,gBAAa,QAAQ,MAAM,aAAa;GAExC,MAAM,EAAE,OAAO,qCACb,aAAa,QAAQ,cAAc,aAAa,CACjD;AAGD,uBACE,YAAY,UAAU,QAAQ,OAC9B;IACE,iBAAiB;KACf;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO;KACL;KACA;KACA;KACA;KACA;KACA;KACD;IACF,EACD;IACE,MAAMA;IACN,UAAU;IACV,2BAAe,QAAQ,GAAG,EAAE,YAAY,WAAW,CAAC;IACrD,CACF;IACD;IACD,EAAE,CAAC;AAEN,QACE,4CAAC;EAAI,KAAK;;GACP,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;GAExD,iBAAiB,QAChB,2CAAC;IAAG,mCAAsB,MAAM,UAAU;cAAG;KAAU;;GAErD"}

package/dist/HeadingReveal.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+
+//#region src/HeadingReveal.d.ts
+type HeadingRevealProps = {
+  text: string;
+  headingLevel: "h1" | "h2" | "h3";
+  className?: string;
+  color?: string;
+  cursorColor?: string;
+  baseDelay?: number;
+  splitBy?: "words" | "chars";
+  speed?: number;
+};
+declare const HeadingReveal: ({
+  text,
+  headingLevel,
+  className,
+  color,
+  cursorColor,
+  baseDelay,
+  splitBy,
+  speed
+}: HeadingRevealProps) => react_jsx_runtime50.JSX.Element;
+//#endregion
+export { HeadingReveal, HeadingRevealProps };
+//# sourceMappingURL=HeadingReveal.d.cts.map