@kushagradhawan/kookie-ui 0.1.16 → 0.1.18

package/dist/cjs/components/dropdown-menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dropdown-menu.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs>;\ntype DropdownMenuContentContextValue = DropdownMenuContentOwnProps;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n    } = props;\n    const { className, children, color, container, forceMount, ...contentProps } = extractProps(\n      props,\n      dropdownMenuContentPropDefs,\n    );\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast }),\n                    [size, variant, resolvedColor, highContrast],\n                  )}\n                >\n                  {children}\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (props) => (\n  <DropdownMenuPrimitive.Sub {...props} />\n);\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps> {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const { size, variant, color, highContrast } = React.useContext(DropdownMenuContentContext);\n  const { className, children, container, forceMount, ...subContentProps } = extractProps(\n    { size, variant, color, highContrast, ...props },\n    dropdownMenuContentPropDefs,\n  );\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
-  "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area", "import_dropdown_menu_props", "import_theme", "import_icons", "import_extract_props", "import_require_react_element", "props", "DropdownMenuPrimitive", "children", "forwardedRef", "DropdownMenuContentContext", "themeContext", "size", "variant", "highContrast", "className", "color", "container", "forceMount", "contentProps", "resolvedColor", "classNames", "shortcut", "itemProps", "subTriggerProps", "subContentProps"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { Kbd } from './kbd.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs>;\ntype DropdownMenuContentContextValue = DropdownMenuContentOwnProps;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n      panelBackground = props.panelBackground ?? themeContext.panelBackground,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      panelBackground: _,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-panel-background={panelBackground}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast, panelBackground }),\n                    [size, variant, resolvedColor, highContrast, panelBackground],\n                  )}\n                >\n                  {children}\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && (\n          <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n            <Kbd size=\"1\">{shortcut}</Kbd>\n          </div>\n        )}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && (\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <Kbd size=\"1\">{shortcut}</Kbd>\n        </div>\n      )}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (props) => (\n  <DropdownMenuPrimitive.Sub {...props} />\n);\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps> {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const { size, variant, color, highContrast, panelBackground } = React.useContext(\n    DropdownMenuContentContext,\n  );\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    panelBackground: _,\n    ...subContentProps\n  } = extractProps(\n    { size, variant, color, highContrast, panelBackground, ...props },\n    dropdownMenuContentPropDefs,\n  );\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          data-panel-background={panelBackground}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area", "import_dropdown_menu_props", "import_theme", "import_icons", "import_extract_props", "import_require_react_element", "import_kbd", "props", "DropdownMenuPrimitive", "children", "forwardedRef", "DropdownMenuContentContext", "themeContext", "size", "variant", "highContrast", "panelBackground", "className", "color", "container", "forceMount", "_", "contentProps", "resolvedColor", "classNames", "shortcut", "itemProps", "subTriggerProps", "subContentProps"]
 }

package/dist/cjs/components/image.d.ts

@@ -4,6 +4,7 @@ import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-p
 import type { MarginProps } from '../props/margin.props.js';
 import type { WidthProps } from '../props/width.props.js';
 import type { HeightProps } from '../props/height.props.js';
+import type { LayoutProps } from '../props/layout.props.js';
 import type { GetPropDefTypes } from '../props/prop-def.js';
 type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
     loading?: 'eager' | 'lazy';
@@ -28,8 +29,12 @@ type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
      * Callback fired when the image fails to load.
      */
     onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * Style object to apply to the wrapper container. Useful for overriding display, width, height, etc.
+     */
+    wrapperStyle?: React.CSSProperties;
 };
-interface ImageProps extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>, MarginProps, WidthProps, HeightProps, ImageOwnProps {
+interface ImageProps extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>, MarginProps, WidthProps, HeightProps, LayoutProps, ImageOwnProps {
     /**
      * The alt attribute provides alternative information for an image if a user for some reason cannot view it.
      * Required for accessibility when not using asChild. Use empty string for decorative images.

package/dist/cjs/components/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFAkST,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFA6ST,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/image.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var F=Object.create;var b=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(o,e)=>{for(var s in e)b(o,s,{get:e[s],enumerable:!0})},T=(o,e,s,g)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of K(e))!U.call(o,n)&&n!==s&&b(o,n,{get:()=>e[n],enumerable:!(g=J(e,n))||g.enumerable});return o};var W=(o,e,s)=>(s=o!=null?F(Q(o)):{},T(e||!o||!o.__esModule?b(s,"default",{value:o,enumerable:!0}):s,o)),X=o=>T(b({},"__esModule",{value:!0}),o);var Y={};V(Y,{Image:()=>k});module.exports=X(Y);var r=W(require("react")),a=W(require("classnames")),j=require("./image.props.js"),w=require("../helpers/extract-props.js"),z=require("../props/margin.props.js"),O=require("../props/width.props.js"),q=require("../props/height.props.js"),G=require("./skeleton.js");const k=r.forwardRef((o,e)=>{const{variant:s="surface",children:g}=o,{asChild:n,className:l,radius:i,style:p,loading:u="lazy",alt:h,src:m,placeholder:f,showSkeleton:S=!1,fadeIn:c=!0,onLoad:D,onError:C,children:Z,...d}=(0,w.extractProps)(o,j.imagePropDefs,z.marginPropDefs,O.widthPropDefs,q.heightPropDefs),[y,E]=r.useState(!1),[_,P]=r.useState(!1),[$,v]=r.useState(!!f),I=r.useRef(null),N=r.useCallback(t=>{E(!0),P(!1),v(!1),D?.(t)},[D]),L=r.useCallback(t=>{E(!1),P(!0),v(!1),C?.(t)},[C]);if(r.useEffect(()=>{const t=I.current;t&&t.complete&&t.naturalWidth>0&&(E(!0),P(!1),v(!1))},[m]),!m)return console.warn("Image component: src prop is required"),null;!n&&h===void 0&&console.warn("Image component: alt prop is required for accessibility when not using asChild");const A=S&&!y&&!_?r.createElement(G.Skeleton,{style:{...p,width:"100%",height:"100px",borderRadius:i?`var(--radius-${i})`:void 0},className:l}):null,B=f&&$?r.createElement("img",{"data-radius":i,style:{...p,position:"absolute",top:0,left:0,width:"100%",height:"100%",filter:"blur(4px)",opacity:.7,transition:"opacity 0.3s ease-out"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--placeholder",l),alt:"",src:f}):null,H=r.createElement("img",{"data-radius":i,loading:u,style:{...p,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image",s==="blur"&&"rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}}),M=f||S?r.createElement("div",{style:{position:"relative",display:"inline-block"}},A,B,H):H;if(n&&g){const t=r.Children.only(g);return s==="blur"?r.cloneElement(t,{className:(0,a.default)(t.props?.className,"rt-variant-blur"),style:{position:"relative",display:"inline-block",textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:r.createElement(r.Fragment,null,r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",l),alt:"",src:m,...d}),r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"relative",zIndex:1,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:x=>{I.current=x,typeof e=="function"?e(x):e&&(e.current=x)}}))}):r.cloneElement(t,{className:(0,a.default)(t.props?.className,"rt-Image"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:M})}return s==="blur"?r.createElement("div",{className:"rt-variant-blur",style:{position:"relative",display:"inline-block"}},r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",l),alt:"",src:m,...d}),r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"relative",zIndex:1,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}})):M});k.displayName="Image";
+"use strict";"use client";var V=Object.create;var b=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var s in e)b(o,s,{get:e[s],enumerable:!0})},w=(o,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Y(e))!_.call(o,l)&&l!==s&&b(o,l,{get:()=>e[l],enumerable:!(c=X(e,l))||c.enumerable});return o};var z=(o,e,s)=>(s=o!=null?V(Z(o)):{},w(e||!o||!o.__esModule?b(s,"default",{value:o,enumerable:!0}):s,o)),ee=o=>w(b({},"__esModule",{value:!0}),o);var te={};R(te,{Image:()=>k});module.exports=ee(te);var r=z(require("react")),n=z(require("classnames")),B=require("./image.props.js"),O=require("../helpers/extract-props.js"),q=require("../props/margin.props.js"),G=require("../props/width.props.js"),$=require("../props/height.props.js"),A=require("../props/layout.props.js"),F=require("./skeleton.js"),P=require("./box.js");const k=r.forwardRef((o,e)=>{const{variant:s="surface",wrapperStyle:c,...l}=o,{asChild:D,className:p,radius:i,style:a,loading:g="lazy",alt:d,src:m,placeholder:f,showSkeleton:C=!1,fadeIn:u=!0,onLoad:H,onError:M,children:T,...y}=(0,O.extractProps)(l,B.imagePropDefs,q.marginPropDefs,G.widthPropDefs,$.heightPropDefs,A.layoutPropDefs),[h,E]=r.useState(!1),[J,v]=r.useState(!1),[K,x]=r.useState(!!f),I=r.useRef(null),L=r.useCallback(t=>{E(!0),v(!1),x(!1),H?.(t)},[H]),N=r.useCallback(t=>{E(!1),v(!0),x(!1),M?.(t)},[M]);if(r.useEffect(()=>{const t=I.current;t&&t.complete&&t.naturalWidth>0&&(E(!0),v(!1),x(!1))},[m]),!m)return console.warn("Image component: src prop is required"),null;!D&&d===void 0&&console.warn("Image component: alt prop is required for accessibility when not using asChild");const Q=C&&!h&&!J?r.createElement(F.Skeleton,{width:"100%",height:"100px",style:{...a,borderRadius:i?`var(--radius-${i})`:void 0},className:p}):null,U=f&&K?r.createElement("img",{"data-radius":i,style:{...a,filter:"blur(4px)",opacity:.7,transition:"opacity 0.3s ease-out"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--placeholder",p),alt:"",src:f}):null,j=r.createElement("img",{"data-radius":i,loading:g,style:{...a,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image",s==="blur"&&"rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}}),W=f||C?r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},Q,U,j):j;if(D&&T){const t=r.Children.only(T);return s==="blur"?r.cloneElement(t,{className:(0,n.default)(t.props?.className,"rt-variant-blur"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"relative",zIndex:1,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:S=>{I.current=S,typeof e=="function"?e(S):e&&(e.current=S)}}))}):r.cloneElement(t,{className:(0,n.default)(t.props?.className,"rt-Image"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:W})}return s==="blur"?r.createElement(P.Box,{className:"rt-variant-blur",position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"relative",zIndex:1,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}})):W});k.displayName="Image";
 //# sourceMappingURL=image.js.map

package/dist/cjs/components/image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/image.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { Skeleton } from './skeleton.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n  /**\n   * Placeholder image URL to show while the main image is loading.\n   * Can be a low-quality/blurred version of the main image.\n   */\n  placeholder?: string;\n  /**\n   * Shows a skeleton placeholder while loading instead of a blank space.\n   */\n  showSkeleton?: boolean;\n  /**\n   * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.\n   */\n  fadeIn?: boolean;\n  /**\n   * Callback fired when the image successfully loads.\n   */\n  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Callback fired when the image fails to load.\n   */\n  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild. Use empty string for decorative images.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', children } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    placeholder,\n    showSkeleton = false,\n    fadeIn = true,\n    onLoad: userOnLoad,\n    onError: userOnError,\n    children: _children, // Extract children to exclude from imgProps\n    ...imgProps\n  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);\n\n  // Loading state management\n  const [imageLoaded, setImageLoaded] = React.useState(false);\n  const [imageError, setImageError] = React.useState(false);\n  const [showPlaceholder, setShowPlaceholder] = React.useState(!!placeholder);\n  \n  // Ref to check if image is already loaded (for cached images)\n  const imgRef = React.useRef<HTMLImageElement>(null);\n\n  // Handle image load - moved to top to avoid conditional hook call\n  const handleLoad = React.useCallback((event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(true);\n    setImageError(false);\n    setShowPlaceholder(false);\n    userOnLoad?.(event);\n  }, [userOnLoad]);\n\n  // Handle image error - moved to top to avoid conditional hook call\n  const handleError = React.useCallback((event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(false);\n    setImageError(true);\n    setShowPlaceholder(false);\n    userOnError?.(event);\n  }, [userOnError]);\n\n  // Check if image is already loaded (for cached images)\n  React.useEffect(() => {\n    const img = imgRef.current;\n    if (img && img.complete && img.naturalWidth > 0) {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n    }\n  }, [src]);\n\n  // Validate required props\n  if (!src) {\n    console.warn('Image component: src prop is required');\n    return null;\n  }\n\n  if (!asChild && alt === undefined) {\n    console.warn('Image component: alt prop is required for accessibility when not using asChild');\n  }\n\n  // Create skeleton placeholder\n  const skeletonElement = showSkeleton && !imageLoaded && !imageError ? (\n    <Skeleton\n      style={{\n        ...style,\n        width: '100%',\n        height: '100px', // Default height, can be overridden by style\n        borderRadius: radius ? `var(--radius-${radius})` : undefined,\n      }}\n      className={className}\n    />\n  ) : null;\n\n  // Create placeholder image element\n  const placeholderElement = placeholder && showPlaceholder ? (\n    <img\n      data-radius={radius}\n      style={{\n        ...style,\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        filter: 'blur(4px)',\n        opacity: 0.7,\n        transition: 'opacity 0.3s ease-out',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        'rt-Image--placeholder',\n        className,\n      )}\n      alt=\"\"\n      src={placeholder}\n    />\n  ) : null;\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={{\n        ...style,\n        opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n        transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...imgProps}\n      ref={(node) => {\n        imgRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      }}\n    />\n  );\n\n  // Wrapper for images with placeholders\n  const imageWithPlaceholder = (placeholder || showSkeleton) ? (\n    <div style={{ position: 'relative', display: 'inline-block' }}>\n      {skeletonElement}\n      {placeholderElement}\n      {imgElement}\n    </div>\n  ) : imgElement;\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{ \n                ...style, \n                position: 'relative', \n                zIndex: 1,\n                opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n                transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n              }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              onLoad={handleLoad}\n              onError={handleError}\n              {...imgProps}\n              ref={(node) => {\n                imgRef.current = node;\n                if (typeof forwardedRef === 'function') {\n                  forwardedRef(node);\n                } else if (forwardedRef) {\n                  forwardedRef.current = node;\n                }\n              }}\n            />\n          </>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-Image'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imageWithPlaceholder,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <div className=\"rt-variant-blur\" style={{ position: 'relative', display: 'inline-block' }}>\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{ \n            ...style, \n            position: 'relative', \n            zIndex: 1,\n            opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n            transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n          }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          onLoad={handleLoad}\n          onError={handleError}\n          {...imgProps}\n          ref={(node) => {\n            imgRef.current = node;\n            if (typeof forwardedRef === 'function') {\n              forwardedRef(node);\n            } else if (forwardedRef) {\n              forwardedRef.current = node;\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  return imageWithPlaceholder;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
-  "mappings": "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",
-  "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "import_skeleton", "props", "forwardedRef", "variant", "children", "asChild", "className", "radius", "style", "loading", "alt", "src", "placeholder", "showSkeleton", "fadeIn", "userOnLoad", "userOnError", "_children", "imgProps", "imageLoaded", "setImageLoaded", "imageError", "setImageError", "showPlaceholder", "setShowPlaceholder", "imgRef", "handleLoad", "event", "handleError", "img", "skeletonElement", "placeholderElement", "classNames", "imgElement", "node", "imageWithPlaceholder", "child"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { Skeleton } from './skeleton.js';\nimport { Box } from './box.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n  /**\n   * Placeholder image URL to show while the main image is loading.\n   * Can be a low-quality/blurred version of the main image.\n   */\n  placeholder?: string;\n  /**\n   * Shows a skeleton placeholder while loading instead of a blank space.\n   */\n  showSkeleton?: boolean;\n  /**\n   * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.\n   */\n  fadeIn?: boolean;\n  /**\n   * Callback fired when the image successfully loads.\n   */\n  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Callback fired when the image fails to load.\n   */\n  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Style object to apply to the wrapper container. Useful for overriding display, width, height, etc.\n   */\n  wrapperStyle?: React.CSSProperties;\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    LayoutProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild. Use empty string for decorative images.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', wrapperStyle, ...restProps } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    placeholder,\n    showSkeleton = false,\n    fadeIn = true,\n    onLoad: userOnLoad,\n    onError: userOnError,\n    children,\n    ...imgProps\n  } = extractProps(\n    restProps,\n    imagePropDefs,\n    marginPropDefs,\n    widthPropDefs,\n    heightPropDefs,\n    layoutPropDefs,\n  );\n\n  // Loading state management\n  const [imageLoaded, setImageLoaded] = React.useState(false);\n  const [imageError, setImageError] = React.useState(false);\n  const [showPlaceholder, setShowPlaceholder] = React.useState(!!placeholder);\n\n  // Ref to check if image is already loaded (for cached images)\n  const imgRef = React.useRef<HTMLImageElement>(null);\n\n  // Handle image load - moved to top to avoid conditional hook call\n  const handleLoad = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n      userOnLoad?.(event);\n    },\n    [userOnLoad],\n  );\n\n  // Handle image error - moved to top to avoid conditional hook call\n  const handleError = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(false);\n      setImageError(true);\n      setShowPlaceholder(false);\n      userOnError?.(event);\n    },\n    [userOnError],\n  );\n\n  // Check if image is already loaded (for cached images)\n  React.useEffect(() => {\n    const img = imgRef.current;\n    if (img && img.complete && img.naturalWidth > 0) {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n    }\n  }, [src]);\n\n  // Validate required props\n  if (!src) {\n    console.warn('Image component: src prop is required');\n    return null;\n  }\n\n  if (!asChild && alt === undefined) {\n    console.warn('Image component: alt prop is required for accessibility when not using asChild');\n  }\n\n  // Create skeleton placeholder\n  const skeletonElement =\n    showSkeleton && !imageLoaded && !imageError ? (\n      <Skeleton\n        width=\"100%\"\n        height=\"100px\" // Default height, can be overridden by style\n        style={{\n          ...style,\n          borderRadius: radius ? `var(--radius-${radius})` : undefined,\n        }}\n        className={className}\n      />\n    ) : null;\n\n  // Create placeholder image element\n  const placeholderElement =\n    placeholder && showPlaceholder ? (\n      <img\n        data-radius={radius}\n        style={{\n          ...style,\n          filter: 'blur(4px)',\n          opacity: 0.7,\n          transition: 'opacity 0.3s ease-out',\n        }}\n        className={classNames('rt-reset', 'rt-Image', 'rt-Image--placeholder', className)}\n        alt=\"\"\n        src={placeholder}\n      />\n    ) : null;\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={{\n        ...style,\n        opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n        transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...imgProps}\n      ref={(node) => {\n        imgRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      }}\n    />\n  );\n\n  // Wrapper for images with placeholders\n  const imageWithPlaceholder =\n    placeholder || showSkeleton ? (\n      <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n        {skeletonElement}\n        {placeholderElement}\n        {imgElement}\n      </Box>\n    ) : (\n      imgElement\n    );\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'relative',\n                zIndex: 1,\n                opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n                transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n              }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              onLoad={handleLoad}\n              onError={handleError}\n              {...imgProps}\n              ref={(node) => {\n                imgRef.current = node;\n                if (typeof forwardedRef === 'function') {\n                  forwardedRef(node);\n                } else if (forwardedRef) {\n                  forwardedRef.current = node;\n                }\n              }}\n            />\n          </Box>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-Image'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imageWithPlaceholder,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <Box\n        className=\"rt-variant-blur\"\n        position=\"relative\"\n        display=\"inline-block\"\n        style={wrapperStyle}\n      >\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'relative',\n            zIndex: 1,\n            opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n            transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n          }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          onLoad={handleLoad}\n          onError={handleError}\n          {...imgProps}\n          ref={(node) => {\n            imgRef.current = node;\n            if (typeof forwardedRef === 'function') {\n              forwardedRef(node);\n            } else if (forwardedRef) {\n              forwardedRef.current = node;\n            }\n          }}\n        />\n      </Box>\n    );\n  }\n\n  return imageWithPlaceholder;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
+  "mappings": "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",
+  "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "import_layout_props", "import_skeleton", "import_box", "props", "forwardedRef", "variant", "wrapperStyle", "restProps", "asChild", "className", "radius", "style", "loading", "alt", "src", "placeholder", "showSkeleton", "fadeIn", "userOnLoad", "userOnError", "children", "imgProps", "imageLoaded", "setImageLoaded", "imageError", "setImageError", "showPlaceholder", "setShowPlaceholder", "imgRef", "handleLoad", "event", "handleError", "img", "skeletonElement", "placeholderElement", "classNames", "imgElement", "node", "imageWithPlaceholder", "child"]
 }

package/dist/cjs/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;CAAG;AAClG,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACjF,QAAA,MAAM,cAAc,+FAMnB,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC1E,sBAAsB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACzF;AACD,QAAA,MAAM,cAAc,4FAqBnB,CAAC;AAIF,UAAU,iBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC/E,QAAA,MAAM,YAAY,6FAMjB,CAAC;AAIF,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC;CAAG;AAC3E,QAAA,MAAM,aAAa,2FAIlB,CAAC;AAIF,OAAO,EACL,WAAW,IAAI,IAAI,EACnB,cAAc,IAAI,OAAO,EACzB,cAAc,IAAI,OAAO,EACzB,YAAY,IAAI,KAAK,EACrB,aAAa,IAAI,MAAM,GACxB,CAAC;AACF,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,mBAAmB,IAAI,YAAY,EACnC,mBAAmB,IAAI,YAAY,EACnC,iBAAiB,IAAI,UAAU,EAC/B,kBAAkB,IAAI,WAAW,GAClC,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;CAAG;AAClG,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAE3C,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACjF,QAAA,MAAM,cAAc,+FAMnB,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC1E,sBAAsB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACzF;AACD,QAAA,MAAM,cAAc,4FA2BnB,CAAC;AAIF,UAAU,iBACR,SAAQ,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC/E,QAAA,MAAM,YAAY,6FAMjB,CAAC;AAIF,UAAU,kBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC;CAAG;AAC3E,QAAA,MAAM,aAAa,2FAIlB,CAAC;AAIF,OAAO,EACL,WAAW,IAAI,IAAI,EACnB,cAAc,IAAI,OAAO,EACzB,cAAc,IAAI,OAAO,EACzB,YAAY,IAAI,KAAK,EACrB,aAAa,IAAI,MAAM,GACxB,CAAC;AACF,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,mBAAmB,IAAI,YAAY,EACnC,mBAAmB,IAAI,YAAY,EACnC,iBAAiB,IAAI,UAAU,EAC/B,kBAAkB,IAAI,WAAW,GAClC,CAAC"}

package/dist/cjs/components/popover.js

@@ -1,2 +1,2 @@
-"use strict";var T=Object.create;var s=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var N=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},C=(o,e,r,P)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of A(e))!x.call(o,p)&&p!==r&&s(o,p,{get:()=>e[p],enumerable:!(P=E(e,p))||P.enumerable});return o};var c=(o,e,r)=>(r=o!=null?T(u(o)):{},C(e||!o||!o.__esModule?s(r,"default",{value:o,enumerable:!0}):r,o)),W=o=>C(s({},"__esModule",{value:!0}),o);var w={};N(w,{Anchor:()=>l,Close:()=>f,Content:()=>a,Root:()=>v,Trigger:()=>m});module.exports=W(w);var t=c(require("react")),g=c(require("classnames")),n=require("radix-ui"),R=require("../helpers/extract-props.js"),i=require("../helpers/require-react-element.js"),h=require("./popover.props.js"),d=require("./theme.js");const v=o=>t.createElement(n.Popover.Root,{...o});v.displayName="Popover.Root";const m=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Trigger,{...e,ref:r,asChild:!0},(0,i.requireReactElement)(o)));m.displayName="Popover.Trigger";const a=t.forwardRef((o,e)=>{const{className:r,forceMount:P,container:p,...y}=(0,R.extractProps)(o,h.popoverContentPropDefs);return t.createElement(n.Popover.Portal,{container:p,forceMount:P},t.createElement(d.Theme,{asChild:!0},t.createElement(n.Popover.Content,{align:"start",sideOffset:8,collisionPadding:10,...y,ref:e,className:(0,g.default)("rt-PopperContent","rt-PopoverContent",r)})))});a.displayName="Popover.Content";const f=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Close,{...e,ref:r,asChild:!0},(0,i.requireReactElement)(o)));f.displayName="Popover.Close";const l=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Anchor,{...e,ref:r}));l.displayName="Popover.Anchor";
+"use strict";var A=Object.create;var s=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var k=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},c=(o,e,r,P)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of N(e))!w.call(o,p)&&p!==r&&s(o,p,{get:()=>e[p],enumerable:!(P=x(e,p))||P.enumerable});return o};var C=(o,e,r)=>(r=o!=null?A(W(o)):{},c(e||!o||!o.__esModule?s(r,"default",{value:o,enumerable:!0}):r,o)),B=o=>c(s({},"__esModule",{value:!0}),o);var O={};k(O,{Anchor:()=>f,Close:()=>l,Content:()=>a,Root:()=>v,Trigger:()=>m});module.exports=B(O);var t=C(require("react")),g=C(require("classnames")),n=require("radix-ui"),d=require("../helpers/extract-props.js"),i=require("../helpers/require-react-element.js"),h=require("./popover.props.js"),R=require("./theme.js"),y=require("./theme.js");const v=o=>t.createElement(n.Popover.Root,{...o});v.displayName="Popover.Root";const m=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Trigger,{...e,ref:r,asChild:!0},(0,i.requireReactElement)(o)));m.displayName="Popover.Trigger";const a=t.forwardRef((o,e)=>{const r=(0,y.useThemeContext)(),P=o.panelBackground??r.panelBackground,{className:p,forceMount:u,container:T,panelBackground:j,...E}=(0,d.extractProps)(o,h.popoverContentPropDefs);return t.createElement(n.Popover.Portal,{container:T,forceMount:u},t.createElement(R.Theme,{asChild:!0},t.createElement(n.Popover.Content,{align:"start",sideOffset:8,collisionPadding:10,...E,ref:e,"data-panel-background":P,className:(0,g.default)("rt-PopperContent","rt-PopoverContent",p)})))});a.displayName="Popover.Content";const l=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Close,{...e,ref:r,asChild:!0},(0,i.requireReactElement)(o)));l.displayName="Popover.Close";const f=t.forwardRef(({children:o,...e},r)=>t.createElement(n.Popover.Anchor,{...e,ref:r}));f.displayName="Popover.Anchor";
 //# sourceMappingURL=popover.js.map

package/dist/cjs/components/popover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/popover.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { popoverContentPropDefs } from './popover.props.js';\nimport { Theme } from './theme.js';\n\nimport type { PopoverContentOwnProps } from './popover.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ninterface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\nconst PopoverRoot: React.FC<PopoverRootProps> = (props: PopoverRootProps) => (\n  <PopoverPrimitive.Root {...props} />\n);\nPopoverRoot.displayName = 'Popover.Root';\n\ntype PopoverTriggerElement = React.ElementRef<typeof PopoverPrimitive.Trigger>;\ninterface PopoverTriggerProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Trigger, RemovedProps> {}\nconst PopoverTrigger = React.forwardRef<PopoverTriggerElement, PopoverTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Trigger>\n  )\n);\nPopoverTrigger.displayName = 'Popover.Trigger';\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ninterface PopoverContentProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Content, RemovedProps>,\n    PopoverContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>['container'];\n}\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n  (props, forwardedRef) => {\n    const { className, forceMount, container, ...contentProps } = extractProps(\n      props,\n      popoverContentPropDefs\n    );\n    return (\n      <PopoverPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <PopoverPrimitive.Content\n            align=\"start\"\n            sideOffset={8}\n            collisionPadding={10}\n            {...contentProps}\n            ref={forwardedRef}\n            className={classNames('rt-PopperContent', 'rt-PopoverContent', className)}\n          />\n        </Theme>\n      </PopoverPrimitive.Portal>\n    );\n  }\n);\nPopoverContent.displayName = 'Popover.Content';\n\ntype PopoverCloseElement = React.ElementRef<typeof PopoverPrimitive.Close>;\ninterface PopoverCloseProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Close, RemovedProps> {}\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Close>\n  )\n);\nPopoverClose.displayName = 'Popover.Close';\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopoverPrimitive.Anchor>;\ninterface PopoverAnchorProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {}\nconst PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Anchor {...props} ref={forwardedRef} />\n  )\n);\n\nPopoverAnchor.displayName = 'Popover.Anchor';\n\nexport {\n  PopoverRoot as Root,\n  PopoverContent as Content,\n  PopoverTrigger as Trigger,\n  PopoverClose as Close,\n  PopoverAnchor as Anchor,\n};\nexport type {\n  PopoverRootProps as RootProps,\n  PopoverContentProps as ContentProps,\n  PopoverTriggerProps as TriggerProps,\n  PopoverCloseProps as CloseProps,\n  PopoverAnchorProps as AnchorProps,\n};\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,UAAAC,EAAA,YAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4C,oBAE5CC,EAA6B,uCAC7BC,EAAoC,+CACpCC,EAAuC,8BACvCC,EAAsB,sBAMtB,MAAMT,EAA2CU,GAC/CP,EAAA,cAAC,EAAAQ,QAAiB,KAAjB,CAAuB,GAAGD,EAAO,EAEpCV,EAAY,YAAc,eAK1B,MAAMC,EAAiBE,EAAM,WAC3B,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,QAAjB,CAA0B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC5D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAX,EAAe,YAAc,kBAQ7B,MAAMF,EAAiBI,EAAM,WAC3B,CAACO,EAAOG,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,GAAGC,CAAa,KAAI,gBAC5DP,EACA,wBACF,EACA,OACEP,EAAA,cAAC,EAAAQ,QAAiB,OAAjB,CAAwB,UAAWK,EAAW,WAAYD,GACzDZ,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAQ,QAAiB,QAAjB,CACC,MAAM,QACN,WAAY,EACZ,iBAAkB,GACjB,GAAGM,EACJ,IAAKJ,EACL,aAAW,EAAAK,SAAW,mBAAoB,oBAAqBJ,CAAS,EAC1E,CACF,CACF,CAEJ,CACF,EACAf,EAAe,YAAc,kBAK7B,MAAMD,EAAeK,EAAM,WACzB,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,MAAjB,CAAwB,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC1D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAd,EAAa,YAAc,gBAK3B,MAAMD,EAAgBM,EAAM,WAC1B,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,OAAjB,CAAyB,GAAGD,EAAO,IAAKG,EAAc,CAE3D,EAEAhB,EAAc,YAAc",
-  "names": ["popover_exports", "__export", "PopoverAnchor", "PopoverClose", "PopoverContent", "PopoverRoot", "PopoverTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_require_react_element", "import_popover_props", "import_theme", "props", "PopoverPrimitive", "children", "forwardedRef", "className", "forceMount", "container", "contentProps", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { popoverContentPropDefs } from './popover.props.js';\nimport { Theme } from './theme.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { PopoverContentOwnProps } from './popover.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ninterface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\nconst PopoverRoot: React.FC<PopoverRootProps> = (props: PopoverRootProps) => (\n  <PopoverPrimitive.Root {...props} />\n);\nPopoverRoot.displayName = 'Popover.Root';\n\ntype PopoverTriggerElement = React.ElementRef<typeof PopoverPrimitive.Trigger>;\ninterface PopoverTriggerProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Trigger, RemovedProps> {}\nconst PopoverTrigger = React.forwardRef<PopoverTriggerElement, PopoverTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Trigger>\n  ),\n);\nPopoverTrigger.displayName = 'Popover.Trigger';\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ninterface PopoverContentProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Content, RemovedProps>,\n    PopoverContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>['container'];\n}\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      className,\n      forceMount,\n      container,\n      panelBackground: _,\n      ...contentProps\n    } = extractProps(props, popoverContentPropDefs);\n    return (\n      <PopoverPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <PopoverPrimitive.Content\n            align=\"start\"\n            sideOffset={8}\n            collisionPadding={10}\n            {...contentProps}\n            ref={forwardedRef}\n            data-panel-background={panelBackground}\n            className={classNames('rt-PopperContent', 'rt-PopoverContent', className)}\n          />\n        </Theme>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\ntype PopoverCloseElement = React.ElementRef<typeof PopoverPrimitive.Close>;\ninterface PopoverCloseProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Close, RemovedProps> {}\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Close>\n  ),\n);\nPopoverClose.displayName = 'Popover.Close';\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopoverPrimitive.Anchor>;\ninterface PopoverAnchorProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {}\nconst PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Anchor {...props} ref={forwardedRef} />\n  ),\n);\n\nPopoverAnchor.displayName = 'Popover.Anchor';\n\nexport {\n  PopoverRoot as Root,\n  PopoverContent as Content,\n  PopoverTrigger as Trigger,\n  PopoverClose as Close,\n  PopoverAnchor as Anchor,\n};\nexport type {\n  PopoverRootProps as RootProps,\n  PopoverContentProps as ContentProps,\n  PopoverTriggerProps as TriggerProps,\n  PopoverCloseProps as CloseProps,\n  PopoverAnchorProps as AnchorProps,\n};\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,UAAAC,EAAA,YAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4C,oBAE5CC,EAA6B,uCAC7BC,EAAoC,+CACpCC,EAAuC,8BACvCC,EAAsB,sBACtBA,EAAgC,sBAMhC,MAAMT,EAA2CU,GAC/CP,EAAA,cAAC,EAAAQ,QAAiB,KAAjB,CAAuB,GAAGD,EAAO,EAEpCV,EAAY,YAAc,eAK1B,MAAMC,EAAiBE,EAAM,WAC3B,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,QAAjB,CAA0B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC5D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAX,EAAe,YAAc,kBAQ7B,MAAMF,EAAiBI,EAAM,WAC3B,CAACO,EAAOG,IAAiB,CACvB,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBL,EAAM,iBAAmBI,EAAa,gBACxD,CACJ,UAAAE,EACA,WAAAC,EACA,UAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaV,EAAO,wBAAsB,EAC9C,OACEP,EAAA,cAAC,EAAAQ,QAAiB,OAAjB,CAAwB,UAAWO,EAAW,WAAYD,GACzDd,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAQ,QAAiB,QAAjB,CACC,MAAM,QACN,WAAY,EACZ,iBAAkB,GACjB,GAAGS,EACJ,IAAKP,EACL,wBAAuBE,EACvB,aAAW,EAAAM,SAAW,mBAAoB,oBAAqBL,CAAS,EAC1E,CACF,CACF,CAEJ,CACF,EACAjB,EAAe,YAAc,kBAK7B,MAAMD,EAAeK,EAAM,WACzB,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,MAAjB,CAAwB,GAAGD,EAAO,IAAKG,EAAc,QAAO,OAC1D,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAd,EAAa,YAAc,gBAK3B,MAAMD,EAAgBM,EAAM,WAC1B,CAAC,CAAE,SAAAS,EAAU,GAAGF,CAAM,EAAGG,IACvBV,EAAA,cAAC,EAAAQ,QAAiB,OAAjB,CAAyB,GAAGD,EAAO,IAAKG,EAAc,CAE3D,EAEAhB,EAAc,YAAc",
+  "names": ["popover_exports", "__export", "PopoverAnchor", "PopoverClose", "PopoverContent", "PopoverRoot", "PopoverTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_require_react_element", "import_popover_props", "import_theme", "props", "PopoverPrimitive", "children", "forwardedRef", "themeContext", "panelBackground", "className", "forceMount", "container", "_", "contentProps", "classNames"]
 }

package/dist/cjs/components/popover.props.d.ts

@@ -28,6 +28,11 @@ declare const popoverContentPropDefs: {
         default: "2";
         responsive: true;
     };
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     width: {
         type: "string";
         className: string;

package/dist/cjs/components/popover.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.props.d.ts","sourceRoot":"","sources":["../../../src/components/popover.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIrE,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB3B,CAAC;AAEF,KAAK,sBAAsB,GAAG,eAAe,CAC3C,OAAO,sBAAsB,GAC3B,OAAO,cAAc,GACrB,OAAO,aAAa,GACpB,OAAO,cAAc,CACxB,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"popover.props.d.ts","sourceRoot":"","sources":["../../../src/components/popover.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKrE,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB3B,CAAC;AAEF,KAAK,sBAAsB,GAAG,eAAe,CAC3C,OAAO,sBAAsB,GAC3B,OAAO,cAAc,GACrB,OAAO,aAAa,GACpB,OAAO,cAAc,CACxB,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/cjs/components/popover.props.js

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var p in e)s(t,p,{get:e[p],enumerable:!0})},a=(t,e,p,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!d.call(t,o)&&o!==p&&s(t,o,{get:()=>e[o],enumerable:!(i=h(e,o))||i.enumerable});return t};var y=t=>a(s({},"__esModule",{value:!0}),t);var c={};D(c,{popoverContentPropDefs:()=>P});module.exports=y(c);var f=require("../props/as-child.prop.js"),n=require("../props/height.props.js"),r=require("../props/width.props.js");const w=["1","2","3","4"],P={...f.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:w,default:"2",responsive:!0},width:r.widthPropDefs.width,minWidth:r.widthPropDefs.minWidth,maxWidth:{...r.widthPropDefs.maxWidth,default:"480px"},...n.heightPropDefs};
+"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var h=(o,e)=>{for(var p in e)n(o,p,{get:e[p],enumerable:!0})},u=(o,e,p,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of P(e))!m.call(o,t)&&t!==p&&n(o,t,{get:()=>e[t],enumerable:!(s=a(e,t))||s.enumerable});return o};var D=o=>u(n({},"__esModule",{value:!0}),o);var y={};h(y,{popoverContentPropDefs:()=>d});module.exports=D(y);var i=require("../props/as-child.prop.js"),f=require("../props/height.props.js"),r=require("../props/width.props.js");const l=["1","2","3","4"],c=["solid","translucent"],d={...i.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:l,default:"2",responsive:!0},panelBackground:{type:"enum",values:c,default:void 0},width:r.widthPropDefs.width,minWidth:r.widthPropDefs.minWidth,maxWidth:{...r.widthPropDefs.maxWidth,default:"480px"},...f.heightPropDefs};
 //# sourceMappingURL=popover.props.js.map

package/dist/cjs/components/popover.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/popover.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\n\nconst popoverContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\ntype PopoverContentOwnProps = GetPropDefTypes<\n  typeof popoverContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { popoverContentPropDefs };\nexport type { PopoverContentOwnProps };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA+B,oCAC/BC,EAA8B,mCAI9B,MAAMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAElCL,EAAyB,CAC7B,GAAG,iBACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQK,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAO,gBAAc,MACrB,SAAU,gBAAc,SACxB,SAAU,CAAE,GAAG,gBAAc,SAAU,QAAS,OAAQ,EACxD,GAAG,gBACL",
-  "names": ["popover_props_exports", "__export", "popoverContentPropDefs", "__toCommonJS", "import_as_child_prop", "import_height_props", "import_width_props", "contentSizes"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst popoverContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\ntype PopoverContentOwnProps = GetPropDefTypes<\n  typeof popoverContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { popoverContentPropDefs };\nexport type { PopoverContentOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA+B,oCAC/BC,EAA8B,mCAI9B,MAAMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAE1CN,EAAyB,CAC7B,GAAG,iBACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQK,EACR,QAAS,IACT,WAAY,EACd,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,gBAAc,MACrB,SAAU,gBAAc,SACxB,SAAU,CAAE,GAAG,gBAAc,SAAU,QAAS,OAAQ,EACxD,GAAG,gBACL",
+  "names": ["popover_props_exports", "__export", "popoverContentPropDefs", "__toCommonJS", "import_as_child_prop", "import_height_props", "import_width_props", "contentSizes", "panelBackgrounds"]
 }

package/dist/cjs/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FA8BlB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAgDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAed,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FAkClB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAoDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAed,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}

package/dist/cjs/components/select.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var E=Object.create;var n=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var V=(t,r)=>{for(var o in r)n(t,o,{get:r[o],enumerable:!0})},x=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of L(r))!z.call(t,s)&&s!==o&&n(t,s,{get:()=>r[s],enumerable:!(i=G(r,s))||i.enumerable});return t};var R=(t,r,o)=>(o=t!=null?E(D(t)):{},x(r||!t||!t.__esModule?n(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>x(n({},"__esModule",{value:!0}),t);var W={};V(W,{Content:()=>y,Group:()=>I,Item:()=>h,Label:()=>T,Root:()=>g,Separator:()=>N,Trigger:()=>v});module.exports=A(W);var e=R(require("react")),c=R(require("classnames")),l=require("radix-ui"),u=require("../helpers/extract-props.js"),b=require("../props/margin.props.js"),m=require("./icons.js"),p=require("./select.props.js"),S=require("./theme.js");const C=e.createContext({}),g=t=>{const{children:r,size:o=p.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Select.Root,{...i},e.createElement(C.Provider,{value:e.useMemo(()=>({size:o}),[o])},r))};g.displayName="Select.Root";const v=e.forwardRef((t,r)=>{const o=e.useContext(C),{children:i,className:s,color:P,radius:f,placeholder:a,...d}=(0,u.extractProps)({size:o?.size,...t},{size:p.selectRootPropDefs.size},p.selectTriggerPropDefs,b.marginPropDefs);return e.createElement(l.Select.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":P,"data-radius":f,...d,ref:r,className:(0,c.default)("rt-reset","rt-SelectTrigger",s)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Select.Value,{placeholder:a},i)),e.createElement(l.Select.Icon,{asChild:!0},e.createElement(m.ChevronDownIcon,{className:"rt-SelectIcon"}))))});v.displayName="Select.Trigger";const y=e.forwardRef((t,r)=>{const o=e.useContext(C),{className:i,children:s,color:P,container:f,...a}=(0,u.extractProps)({size:o?.size,...t},{size:p.selectRootPropDefs.size},p.selectContentPropDefs),d=(0,S.useThemeContext)(),w=P||d.accentColor;return e.createElement(l.Select.Portal,{container:f},e.createElement(S.Theme,{asChild:!0},e.createElement(l.Select.Content,{"data-accent-color":w,sideOffset:4,...a,asChild:!1,ref:r,className:(0,c.default)({"rt-PopperContent":a.position==="popper"},"rt-SelectContent",i)},e.createElement(l.ScrollArea.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Select.Viewport,{asChild:!0,className:"rt-SelectViewport"},e.createElement(l.ScrollArea.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},s)),e.createElement(l.ScrollArea.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(l.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"}))))))});y.displayName="Select.Content";const h=e.forwardRef((t,r)=>{const{className:o,children:i,...s}=t;return e.createElement(l.Select.Item,{...s,asChild:!1,ref:r,className:(0,c.default)("rt-SelectItem",o)},e.createElement(l.Select.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(m.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.Select.ItemText,null,i))});h.displayName="Select.Item";const I=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Group,{...r,asChild:!1,ref:o,className:(0,c.default)("rt-SelectGroup",t)}));I.displayName="Select.Group";const T=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Label,{...r,asChild:!1,ref:o,className:(0,c.default)("rt-SelectLabel",t)}));T.displayName="Select.Label";const N=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Separator,{...r,asChild:!1,ref:o,className:(0,c.default)("rt-SelectSeparator",t)}));N.displayName="Select.Separator";
+"use strict";"use client";var E=Object.create;var p=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var z=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},b=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of L(r))!V.call(t,s)&&s!==o&&p(t,s,{get:()=>r[s],enumerable:!(i=G(r,s))||i.enumerable});return t};var R=(t,r,o)=>(o=t!=null?E(D(t)):{},b(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>b(p({},"__esModule",{value:!0}),t);var M={};z(M,{Content:()=>h,Group:()=>T,Item:()=>I,Label:()=>N,Root:()=>v,Separator:()=>x,Trigger:()=>y});module.exports=A(M);var e=R(require("react")),a=R(require("classnames")),l=require("radix-ui"),g=require("../helpers/extract-props.js"),w=require("../props/margin.props.js"),n=require("./icons.js"),c=require("./select.props.js"),m=require("./theme.js");const C=e.createContext({}),v=t=>{const{children:r,size:o=c.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Select.Root,{...i},e.createElement(C.Provider,{value:e.useMemo(()=>({size:o}),[o])},r))};v.displayName="Select.Root";const y=e.forwardRef((t,r)=>{const o=e.useContext(C),{children:i,className:s,color:S,radius:P,placeholder:f,...d}=(0,g.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectTriggerPropDefs,w.marginPropDefs),{panelBackground:u}=t;return e.createElement(l.Select.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":S,"data-radius":P,"data-panel-background":u,...d,ref:r,className:(0,a.default)("rt-reset","rt-SelectTrigger",s)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Select.Value,{placeholder:f},i)),e.createElement(l.Select.Icon,{asChild:!0},e.createElement(n.ChevronDownIcon,{className:"rt-SelectIcon"}))))});y.displayName="Select.Trigger";const h=e.forwardRef((t,r)=>{const o=e.useContext(C),{className:i,children:s,color:S,container:P,...f}=(0,g.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectContentPropDefs),d=(0,m.useThemeContext)(),u=S||d.accentColor;return e.createElement(l.Select.Portal,{container:P},e.createElement(m.Theme,{asChild:!0},e.createElement(l.Select.Content,{"data-accent-color":u,sideOffset:4,...f,asChild:!1,ref:r,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",i)},e.createElement(l.ScrollArea.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Select.Viewport,{asChild:!0,className:(0,a.default)("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(l.ScrollArea.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},s)),e.createElement(l.ScrollArea.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(l.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"}))))))});h.displayName="Select.Content";const I=e.forwardRef((t,r)=>{const{className:o,children:i,...s}=t;return e.createElement(l.Select.Item,{...s,asChild:!1,ref:r,className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-SelectItem",o)},e.createElement(l.Select.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(n.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.Select.ItemText,null,i))});I.displayName="Select.Item";const T=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Group,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-SelectGroup",t)}));T.displayName="Select.Group";const N=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Label,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuLabel","rt-SelectLabel",t)}));N.displayName="Select.Label";const x=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Separator,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));x.displayName="Select.Separator";
 //# sourceMappingURL=select.js.map

package/dist/cjs/components/select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/select.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\ntype SelectContextValue = SelectRootOwnProps;\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectContextValue {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const { children, size = selectRootPropDefs.size.default, ...rootProps } = props;\n  return (\n    <SelectPrimitive.Root {...rootProps}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    MarginProps,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { children, className, color, radius, placeholder, ...triggerProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectTriggerPropDefs,\n      marginPropDefs\n    );\n    return (\n      <SelectPrimitive.Trigger asChild>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          {...triggerProps}\n          ref={forwardedRef}\n          className={classNames('rt-reset', 'rt-SelectTrigger', className)}\n        >\n          <span className=\"rt-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            <ChevronDownIcon className=\"rt-SelectIcon\" />\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  }\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectContentPropDefs\n    );\n    const themeContext = useThemeContext();\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              { 'rt-PopperContent': contentProps.position === 'popper' },\n              'rt-SelectContent',\n              className\n            )}\n          >\n            <ScrollAreaPrimitive.Root type=\"auto\" className=\"rt-ScrollAreaRoot\">\n              <SelectPrimitive.Viewport asChild className=\"rt-SelectViewport\">\n                <ScrollAreaPrimitive.Viewport\n                  className=\"rt-ScrollAreaViewport\"\n                  style={{ overflowY: undefined }}\n                >\n                  {children}\n                </ScrollAreaPrimitive.Viewport>\n              </SelectPrimitive.Viewport>\n              <ScrollAreaPrimitive.Scrollbar\n                className=\"rt-ScrollAreaScrollbar rt-r-size-1\"\n                orientation=\"vertical\"\n              >\n                <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n              </ScrollAreaPrimitive.Scrollbar>\n            </ScrollAreaPrimitive.Root>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  }\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectItem', className)}\n    >\n      <SelectPrimitive.ItemIndicator className=\"rt-SelectItemIndicator\">\n        <ThickCheckIcon className=\"rt-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectGroup', className)}\n    />\n  )\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectLabel', className)}\n    />\n  )\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectSeparator', className)}\n    />\n  )\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
-  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_margin_props", "import_icons", "import_select_props", "import_theme", "SelectContext", "props", "children", "size", "rootProps", "SelectPrimitive", "forwardedRef", "context", "className", "color", "radius", "placeholder", "triggerProps", "classNames", "container", "contentProps", "themeContext", "resolvedColor", "ScrollAreaPrimitive", "itemProps"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\ntype SelectContextValue = SelectRootOwnProps;\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectContextValue {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const { children, size = selectRootPropDefs.size.default, ...rootProps } = props;\n  return (\n    <SelectPrimitive.Root {...rootProps}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    MarginProps,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { children, className, color, radius, placeholder, ...triggerProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectTriggerPropDefs,\n      marginPropDefs,\n    );\n\n    // Extract panelBackground separately since it needs to be passed as data attribute\n    const { panelBackground } = props;\n    return (\n      <SelectPrimitive.Trigger asChild>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-panel-background={panelBackground}\n          {...triggerProps}\n          ref={forwardedRef}\n          className={classNames('rt-reset', 'rt-SelectTrigger', className)}\n        >\n          <span className=\"rt-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            <ChevronDownIcon className=\"rt-SelectIcon\" />\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-SelectContent',\n              className,\n            )}\n          >\n            <ScrollAreaPrimitive.Root type=\"auto\" className=\"rt-ScrollAreaRoot\">\n              <SelectPrimitive.Viewport\n                asChild\n                className={classNames('rt-BaseMenuViewport', 'rt-SelectViewport')}\n              >\n                <ScrollAreaPrimitive.Viewport\n                  className=\"rt-ScrollAreaViewport\"\n                  style={{ overflowY: undefined }}\n                >\n                  {children}\n                </ScrollAreaPrimitive.Viewport>\n              </SelectPrimitive.Viewport>\n              <ScrollAreaPrimitive.Scrollbar\n                className=\"rt-ScrollAreaScrollbar rt-r-size-1\"\n                orientation=\"vertical\"\n              >\n                <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n              </ScrollAreaPrimitive.Scrollbar>\n            </ScrollAreaPrimitive.Root>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SelectItem', className)}\n    >\n      <SelectPrimitive.ItemIndicator className=\"rt-SelectItemIndicator\">\n        <ThickCheckIcon className=\"rt-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuSeparator', 'rt-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_extract_props", "import_margin_props", "import_icons", "import_select_props", "import_theme", "SelectContext", "props", "children", "size", "rootProps", "SelectPrimitive", "forwardedRef", "context", "className", "color", "radius", "placeholder", "triggerProps", "panelBackground", "classNames", "container", "contentProps", "themeContext", "resolvedColor", "ScrollAreaPrimitive", "itemProps"]
 }

package/dist/cjs/components/select.props.d.ts

@@ -24,9 +24,14 @@ declare const selectTriggerPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft", "ghost"];
+        values: readonly ["classic", "surface", "soft", "outline", "ghost"];
         default: "surface";
     };
+    panelBackground: {
+        type: "enum";
+        className: string;
+        values: ("solid" | "translucent")[];
+    };
 };
 declare const selectContentPropDefs: {
     highContrast: {

package/dist/cjs/components/select.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.props.d.ts","sourceRoot":"","sources":["../../../src/components/select.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,kBAAkB;;;;;;;;CAIvB,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;CAQ1B,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAM1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"select.props.d.ts","sourceRoot":"","sources":["../../../src/components/select.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,kBAAkB;;;;;;;;CAIvB,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;CAc1B,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAM1B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/cjs/components/select.props.js

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(s,e)=>{for(var r in e)o(s,r,{get:e[r],enumerable:!0})},g=(s,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!D.call(s,t)&&t!==r&&o(s,t,{get:()=>e[t],enumerable:!(i=m(e,t))||i.enumerable});return s};var v=s=>g(o({},"__esModule",{value:!0}),s);var z={};P(z,{selectContentPropDefs:()=>l,selectRootPropDefs:()=>f,selectTriggerPropDefs:()=>c});module.exports=v(z);var a=require("../props/color.prop.js"),n=require("../props/high-contrast.prop.js"),p=require("../props/radius.prop.js");const d=["1","2","3"],f={size:{type:"enum",className:"rt-r-size",values:d,default:"2",responsive:!0}},y=["classic","surface","soft","ghost"],c={variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},...a.colorPropDef,...p.radiusPropDef,placeholder:{type:"string"}},h=["solid","soft"],l={variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},...a.colorPropDef,...n.highContrastPropDef};
+"use strict";var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(s,e)=>{for(var r in e)o(s,r,{get:e[r],enumerable:!0})},D=(s,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!d.call(s,t)&&t!==r&&o(s,t,{get:()=>e[t],enumerable:!(n=u(e,t))||n.enumerable});return s};var P=s=>D(o({},"__esModule",{value:!0}),s);var z={};g(z,{selectContentPropDefs:()=>l,selectRootPropDefs:()=>c,selectTriggerPropDefs:()=>f});module.exports=P(z);var a=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),p=require("../props/radius.prop.js");const v=["1","2","3"],c={size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0}},y=["classic","surface","soft","outline","ghost"],f={variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},...a.colorPropDef,...p.radiusPropDef,placeholder:{type:"string"}},h=["solid","soft"],l={variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},...a.colorPropDef,...i.highContrastPropDef};
 //# sourceMappingURL=select.props.js.map