@kushagradhawan/kookie-ui 0.1.26 → 0.1.28

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport { Accordion } from 'radix-ui';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ChevronDownIcon, ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Sidebar context for state management\ntype SidebarContextProps = {\n  state: 'expanded' | 'collapsed';\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n  side: 'left' | 'right';\n  type: 'sidebar' | 'floating';\n  variant: 'soft' | 'surface' | 'ghost';\n  menuVariant: 'solid' | 'soft';\n  collapsible: 'offcanvas' | 'icon' | 'none';\n  size: '1' | '2';\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\n// Hook to detect mobile (simplified version)\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    const checkIsMobile = () => {\n      setIsMobile(window.innerWidth < 768);\n    };\n\n    checkIsMobile();\n    window.addEventListener('resize', checkIsMobile);\n    return () => window.removeEventListener('resize', checkIsMobile);\n  }, []);\n\n  return isMobile;\n}\n\n// Provider component\ninterface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  side?: 'left' | 'right';\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      side = 'left',\n      className,\n      children,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // Internal state for uncontrolled mode\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n\n    // Use controlled state if provided, otherwise internal state\n    const open = openProp ?? internalOpen;\n\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          setInternalOpen(openState);\n        }\n      },\n      [setOpenProp, open],\n    );\n\n    // Helper to toggle the sidebar\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // State for data attributes\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = React.useMemo<Partial<SidebarContextProps>>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        side,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, side],\n    );\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-SidebarProvider', className)}\n        data-state={state}\n        data-side={side}\n      >\n        <SidebarContext.Provider value={contextValue as SidebarContextProps}>\n          {children}\n        </SidebarContext.Provider>\n      </div>\n    );\n  },\n);\nSidebarProvider.displayName = 'Sidebar.Provider';\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    type = sidebarPropDefs.type.default,\n    side = sidebarPropDefs.side.default,\n    collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n    asChild,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  const { asChild: _, panelBackground: __, ...safeRootProps } = rootProps; // Remove asChild and panelBackground from DOM props\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  const context = React.useContext(SidebarContext);\n  if (context) {\n    context.side = side;\n    context.type = type;\n    context.variant = variant;\n    context.menuVariant = menuVariant;\n    context.collapsible = collapsible;\n    context.size = resolvedSize;\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        {...safeRootProps}\n        ref={forwardedRef}\n        data-accent-color={resolvedColor}\n        data-state={state}\n        data-side={side}\n        data-type={type}\n        data-collapsible={collapsible}\n        className={classNames('rt-SidebarRoot', `rt-r-size-${size}`, className)}\n      >\n        <Theme>\n          <div\n            className={classNames('rt-SidebarContainer', `rt-variant-${variant}`)}\n            data-accent-color={resolvedColor}\n            data-high-contrast={highContrast || undefined}\n            data-side={side}\n            data-panel-background={panelBackground}\n          >\n            {children}\n          </div>\n        </Theme>\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <div\n        {...safeRootProps}\n        ref={forwardedRef}\n        data-accent-color={resolvedColor}\n        data-state={openMobile ? 'open' : 'closed'}\n        data-side={side}\n        data-type={type}\n        data-collapsible={collapsible}\n        className={classNames('rt-SidebarRoot', 'rt-SidebarRoot--mobile', className)}\n      >\n        <Theme>\n          <div\n            className={classNames(\n              'rt-SidebarContainer',\n              `rt-variant-${variant}`,\n              `rt-r-size-${size}`,\n            )}\n            data-accent-color={resolvedColor}\n            data-high-contrast={highContrast || undefined}\n            data-side={side}\n            data-type={type}\n            data-collapsible={collapsible}\n            data-panel-background={panelBackground}\n          >\n            {children}\n          </div>\n        </Theme>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      {...safeRootProps}\n      ref={forwardedRef}\n      data-accent-color={resolvedColor}\n      data-state={state}\n      data-side={side}\n      data-type={type}\n      data-collapsible={collapsible}\n      className={classNames('rt-SidebarRoot', className)}\n    >\n      <Theme>\n        <div\n          className={classNames(\n            'rt-SidebarContainer',\n            `rt-variant-${variant}`,\n            `rt-r-size-${size}`,\n          )}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-side={side}\n          data-type={type}\n          data-collapsible={collapsible}\n          data-panel-background={panelBackground}\n        >\n          {children}\n        </div>\n      </Theme>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const {\n      size = '2',\n      menuVariant = 'soft',\n      type = 'sidebar',\n      collapsible = 'none',\n    } = context || {};\n\n    return (\n      <ScrollArea type=\"auto\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-BaseMenuContent',\n            'rt-SidebarContent',\n            `rt-r-size-${size}`,\n            `rt-menu-variant-${menuVariant}`,\n            className,\n          )}\n          data-type={type}\n          data-collapsible={collapsible}\n        >\n          {children}\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const { size = '2', menuVariant = 'soft' } = context || {};\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarHeader',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarHeader--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const { size = '2', menuVariant = 'soft' } = context || {};\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarFooter',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarFooter--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\ninterface SidebarTriggerProps extends ComponentPropsWithout<typeof IconButton, RemovedProps> {}\n\nconst SidebarTrigger = React.forwardRef<React.ElementRef<typeof IconButton>, SidebarTriggerProps>(\n  ({ onClick, children, ...props }, forwardedRef) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n      <IconButton\n        {...props}\n        ref={forwardedRef}\n        variant=\"ghost\"\n        onClick={(event) => {\n          onClick?.(event);\n          toggleSidebar();\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nSidebarTrigger.displayName = 'Sidebar.Trigger';\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<\n  React.ComponentRef<typeof Separator>,\n  SidebarSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <Separator\n    {...props}\n    ref={forwardedRef}\n    className={classNames('rt-SidebarSeparator', className)}\n  />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <ul\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuViewport', 'rt-SidebarMenu', className)}\n    />\n  ),\n);\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n  ),\n);\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      shortcut,\n      badge,\n      className,\n      children,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const context = React.useContext(SidebarContext);\n    const { size: sidebarSize = '2' } = context || {};\n\n    const Comp = asChild ? Slot : 'button';\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge\n                    size={badge.size || sidebarSize}\n                    variant={badge.variant || 'soft'}\n                    color={badge.color}\n                    highContrast={badge.highContrast}\n                    radius={badge.radius}\n                  >\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components using Radix Accordion\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(\n  ({ defaultOpen = false, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </div>\n    );\n  },\n);\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof Accordion.Trigger>,\n  SidebarMenuSubTriggerProps\n>(\n  (\n    { asChild = false, className, children, onMouseEnter, onMouseLeave, ...props },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            className={classNames(\n              'rt-reset',\n              'rt-BaseMenuItem',\n              'rt-SidebarMenuButton',\n              'rt-SidebarMenuSubTrigger',\n              className,\n            )}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon\n                  className={classNames(\n                    'rt-BaseMenuSubTriggerIcon',\n                    'rt-SidebarMenuSubTriggerIcon',\n                  )}\n                />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof Accordion.Content>,\n  SidebarMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <Accordion.Content\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarMenuSubContent', className)}\n    >\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)}\n    />\n  ),\n);\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\n  ({ asChild = false, className, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)}\n      />\n    );\n  },\n);\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarGroupContent', className)}\n    />\n  ),\n);\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  SidebarProvider as Provider,\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarTrigger as Trigger,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n  // Export hook\n  useSidebar,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type {\n  SidebarProviderProps as ProviderProps,\n  SidebarProps as RootProps,\n  SidebarContentProps as ContentProps,\n  SidebarHeaderProps as HeaderProps,\n  SidebarFooterProps as FooterProps,\n  SidebarTriggerProps as TriggerProps,\n  BadgeConfig,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from './slot.js';\nimport { Accordion } from 'radix-ui';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { ChevronDownIcon, ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Kbd } from './kbd.js';\nimport { Badge } from './badge.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { BadgeProps } from './badge.js';\n\n// Badge configuration type for sidebar menu buttons\ntype BadgeConfig = {\n  content: React.ReactNode;\n  variant?: BadgeProps['variant'];\n  size?: BadgeProps['size'];\n  color?: BadgeProps['color'];\n  highContrast?: BadgeProps['highContrast'];\n  radius?: BadgeProps['radius'];\n};\n\n// Sidebar context for state management\ntype SidebarContextProps = {\n  state: 'expanded' | 'collapsed';\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n  side: 'left' | 'right';\n  type: 'sidebar' | 'floating';\n  variant: 'soft' | 'outline' | 'surface' | 'ghost';\n  menuVariant: 'solid' | 'soft';\n  collapsible: 'offcanvas' | 'icon' | 'none';\n  size: '1' | '2';\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\n// Hook to detect mobile (simplified version)\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(false);\n\n  React.useEffect(() => {\n    const checkIsMobile = () => {\n      setIsMobile(window.innerWidth < 768);\n    };\n\n    checkIsMobile();\n    window.addEventListener('resize', checkIsMobile);\n    return () => window.removeEventListener('resize', checkIsMobile);\n  }, []);\n\n  return isMobile;\n}\n\n// Provider component\ninterface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  side?: 'left' | 'right';\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      side = 'left',\n      className,\n      children,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    // Internal state for uncontrolled mode\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n\n    // Use controlled state if provided, otherwise internal state\n    const open = openProp ?? internalOpen;\n\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          setInternalOpen(openState);\n        }\n      },\n      [setOpenProp, open],\n    );\n\n    // Helper to toggle the sidebar\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    // State for data attributes\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = React.useMemo<Partial<SidebarContextProps>>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n        side,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, side],\n    );\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-SidebarProvider', className)}\n        data-state={state}\n        data-side={side}\n      >\n        <SidebarContext.Provider value={contextValue as SidebarContextProps}>\n          {children}\n        </SidebarContext.Provider>\n      </div>\n    );\n  },\n);\nSidebarProvider.displayName = 'Sidebar.Provider';\n\n// Main Sidebar component\ntype SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ninterface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  const {\n    size = sidebarPropDefs.size.default,\n    variant = sidebarPropDefs.variant.default,\n    menuVariant = sidebarPropDefs.menuVariant.default,\n    type = sidebarPropDefs.type.default,\n    side = sidebarPropDefs.side.default,\n    collapsible = sidebarPropDefs.collapsible.default,\n    panelBackground,\n    color,\n    highContrast = sidebarPropDefs.highContrast.default,\n    asChild,\n  } = props;\n\n  const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n  const { asChild: _, panelBackground: __, ...safeRootProps } = rootProps; // Remove asChild and panelBackground from DOM props\n  const resolvedColor = color || themeContext.accentColor;\n\n  // Update context with current props - we'll pass the resolved values\n  const resolvedSize = typeof size === 'object' ? size.initial || '2' : size;\n  const context = React.useContext(SidebarContext);\n  if (context) {\n    context.side = side;\n    context.type = type;\n    context.variant = variant;\n    context.menuVariant = menuVariant;\n    context.collapsible = collapsible;\n    context.size = resolvedSize;\n  }\n\n  if (collapsible === 'none') {\n    return (\n      <div\n        {...safeRootProps}\n        ref={forwardedRef}\n        data-accent-color={resolvedColor}\n        data-state={state}\n        data-side={side}\n        data-type={type}\n        data-collapsible={collapsible}\n        className={classNames('rt-SidebarRoot', `rt-r-size-${size}`, className)}\n      >\n        <Theme>\n          <div\n            className={classNames('rt-SidebarContainer', `rt-variant-${variant}`)}\n            data-accent-color={resolvedColor}\n            data-high-contrast={highContrast || undefined}\n            data-side={side}\n            data-panel-background={panelBackground}\n          >\n            {children}\n          </div>\n        </Theme>\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <div\n        {...safeRootProps}\n        ref={forwardedRef}\n        data-accent-color={resolvedColor}\n        data-state={openMobile ? 'open' : 'closed'}\n        data-side={side}\n        data-type={type}\n        data-collapsible={collapsible}\n        className={classNames('rt-SidebarRoot', 'rt-SidebarRoot--mobile', className)}\n      >\n        <Theme>\n          <div\n            className={classNames(\n              'rt-SidebarContainer',\n              `rt-variant-${variant}`,\n              `rt-r-size-${size}`,\n            )}\n            data-accent-color={resolvedColor}\n            data-high-contrast={highContrast || undefined}\n            data-side={side}\n            data-type={type}\n            data-collapsible={collapsible}\n            data-panel-background={panelBackground}\n          >\n            {children}\n          </div>\n        </Theme>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      {...safeRootProps}\n      ref={forwardedRef}\n      data-accent-color={resolvedColor}\n      data-state={state}\n      data-side={side}\n      data-type={type}\n      data-collapsible={collapsible}\n      className={classNames('rt-SidebarRoot', className)}\n    >\n      <Theme>\n        <div\n          className={classNames(\n            'rt-SidebarContainer',\n            `rt-variant-${variant}`,\n            `rt-r-size-${size}`,\n          )}\n          data-accent-color={resolvedColor}\n          data-high-contrast={highContrast || undefined}\n          data-side={side}\n          data-type={type}\n          data-collapsible={collapsible}\n          data-panel-background={panelBackground}\n        >\n          {children}\n        </div>\n      </Theme>\n    </div>\n  );\n});\nSidebar.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ninterface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const {\n      size = '2',\n      menuVariant = 'soft',\n      type = 'sidebar',\n      collapsible = 'none',\n    } = context || {};\n\n    return (\n      <ScrollArea type=\"hover\">\n        <div\n          {...props}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-BaseMenuContent',\n            'rt-SidebarContent',\n            `rt-r-size-${size}`,\n            `rt-menu-variant-${menuVariant}`,\n            className,\n          )}\n          data-type={type}\n          data-collapsible={collapsible}\n        >\n          {children}\n        </div>\n      </ScrollArea>\n    );\n  },\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ninterface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, SidebarHeaderProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const { size = '2', menuVariant = 'soft' } = context || {};\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarHeader',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarHeader--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ninterface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Whether to use the default flex container layout.\n   * @default true\n   */\n  asContainer?: boolean;\n}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, asContainer = true, ...props }, forwardedRef) => {\n    const context = React.useContext(SidebarContext);\n    const { size = '2', menuVariant = 'soft' } = context || {};\n\n    return (\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-SidebarFooter',\n          `rt-r-size-${size}`,\n          `rt-menu-variant-${menuVariant}`,\n          {\n            'rt-SidebarFooter--container': asContainer,\n          },\n          className,\n        )}\n      />\n    );\n  },\n);\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\ninterface SidebarTriggerProps extends ComponentPropsWithout<typeof IconButton, RemovedProps> {}\n\nconst SidebarTrigger = React.forwardRef<React.ElementRef<typeof IconButton>, SidebarTriggerProps>(\n  ({ onClick, children, ...props }, forwardedRef) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n      <IconButton\n        {...props}\n        ref={forwardedRef}\n        variant=\"ghost\"\n        onClick={(event) => {\n          onClick?.(event);\n          toggleSidebar();\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nSidebarTrigger.displayName = 'Sidebar.Trigger';\n\n// Removed SidebarInset - not needed\n\n// Sidebar separator\ninterface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {}\n\nconst SidebarSeparator = React.forwardRef<\n  React.ComponentRef<typeof Separator>,\n  SidebarSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <Separator\n    {...props}\n    ref={forwardedRef}\n    className={classNames('rt-SidebarSeparator', className)}\n  />\n));\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Menu components - reusing dropdown menu structure\ninterface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {}\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, SidebarMenuProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <ul\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuViewport', 'rt-SidebarMenu', className)}\n    />\n  ),\n);\nSidebarMenu.displayName = 'Sidebar.Menu';\n\ninterface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {}\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, SidebarMenuItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <li {...props} ref={forwardedRef} className={classNames('rt-SidebarMenuItem', className)} />\n  ),\n);\nSidebarMenuItem.displayName = 'Sidebar.MenuItem';\n\ninterface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  isActive?: boolean;\n  shortcut?: React.ReactNode;\n  badge?: string | BadgeConfig;\n}\n\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      shortcut,\n      badge,\n      className,\n      children,\n      onMouseEnter,\n      onMouseLeave,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n    const context = React.useContext(SidebarContext);\n    const { size: sidebarSize = '2' } = context || {};\n\n    const Comp = asChild ? Slot : 'button';\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SidebarMenuButton', className)}\n        data-active={isActive || undefined}\n        data-highlighted={isHighlighted || undefined}\n        onMouseEnter={(event) => {\n          setIsHighlighted(true);\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          setIsHighlighted(false);\n          onMouseLeave?.(event);\n        }}\n      >\n        {asChild ? (\n          children\n        ) : (\n          <>\n            {children}\n            {/* Badge with soft variant default and size mapping to sidebar size */}\n            {badge && (\n              <div className=\"rt-SidebarMenuBadge\">\n                {typeof badge === 'string' ? (\n                  <Badge size={sidebarSize} variant=\"soft\">\n                    {badge}\n                  </Badge>\n                ) : (\n                  <Badge\n                    size={badge.size || sidebarSize}\n                    variant={badge.variant || 'soft'}\n                    color={badge.color}\n                    highContrast={badge.highContrast}\n                    radius={badge.radius}\n                  >\n                    {badge.content}\n                  </Badge>\n                )}\n              </div>\n            )}\n            {shortcut && (\n              <div className=\"rt-BaseMenuShortcut rt-SidebarMenuShortcut\">\n                <Kbd size={sidebarSize}>{shortcut}</Kbd>\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  },\n);\nSidebarMenuButton.displayName = 'Sidebar.MenuButton';\n\n// Sub-menu components using Radix Accordion\ninterface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n}\n\nconst SidebarMenuSub = React.forwardRef<HTMLDivElement, SidebarMenuSubProps>(\n  ({ defaultOpen = false, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} ref={forwardedRef}>\n        <Accordion.Root type=\"single\" collapsible defaultValue={defaultOpen ? 'item' : undefined}>\n          <Accordion.Item value=\"item\">{children}</Accordion.Item>\n        </Accordion.Root>\n      </div>\n    );\n  },\n);\nSidebarMenuSub.displayName = 'Sidebar.MenuSub';\n\ninterface SidebarMenuSubTriggerProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {\n  asChild?: boolean;\n}\n\nconst SidebarMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof Accordion.Trigger>,\n  SidebarMenuSubTriggerProps\n>(\n  (\n    { asChild = false, className, children, onMouseEnter, onMouseLeave, ...props },\n    forwardedRef,\n  ) => {\n    const [isHighlighted, setIsHighlighted] = React.useState(false);\n\n    return (\n      <Accordion.Header asChild>\n        <div>\n          <Accordion.Trigger\n            {...props}\n            ref={forwardedRef}\n            asChild={asChild}\n            className={classNames(\n              'rt-reset',\n              'rt-BaseMenuItem',\n              'rt-SidebarMenuButton',\n              'rt-SidebarMenuSubTrigger',\n              className,\n            )}\n            data-highlighted={isHighlighted || undefined}\n            onMouseEnter={(event) => {\n              setIsHighlighted(true);\n              onMouseEnter?.(event);\n            }}\n            onMouseLeave={(event) => {\n              setIsHighlighted(false);\n              onMouseLeave?.(event);\n            }}\n          >\n            {asChild ? (\n              children\n            ) : (\n              <>\n                {children}\n                <ThickChevronRightIcon\n                  className={classNames(\n                    'rt-BaseMenuSubTriggerIcon',\n                    'rt-SidebarMenuSubTriggerIcon',\n                  )}\n                />\n              </>\n            )}\n          </Accordion.Trigger>\n        </div>\n      </Accordion.Header>\n    );\n  },\n);\nSidebarMenuSubTrigger.displayName = 'Sidebar.MenuSubTrigger';\n\ninterface SidebarMenuSubContentProps\n  extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {}\n\nconst SidebarMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof Accordion.Content>,\n  SidebarMenuSubContentProps\n>(({ className, children, ...props }, forwardedRef) => {\n  return (\n    <Accordion.Content\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarMenuSubContent', className)}\n    >\n      <div className=\"rt-SidebarMenuSubList\">{children}</div>\n    </Accordion.Content>\n  );\n});\nSidebarMenuSubContent.displayName = 'Sidebar.MenuSubContent';\n\n// Group components\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-SidebarGroup', className)}\n    />\n  ),\n);\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean;\n}\n\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\n  ({ asChild = false, className, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div';\n\n    return (\n      <Comp\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-BaseMenuLabel', 'rt-SidebarGroupLabel', className)}\n      />\n    );\n  },\n);\nSidebarGroupLabel.displayName = 'Sidebar.GroupLabel';\n\ninterface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, SidebarGroupContentProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarGroupContent', className)}\n    />\n  ),\n);\nSidebarGroupContent.displayName = 'Sidebar.GroupContent';\n\n// Export all components following shadcn's pattern\nexport {\n  SidebarProvider as Provider,\n  Sidebar as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarTrigger as Trigger,\n  SidebarSeparator as Separator,\n  SidebarMenu as Menu,\n  SidebarMenuItem as MenuItem,\n  SidebarMenuButton as MenuButton,\n  SidebarMenuSub as MenuSub,\n  SidebarMenuSubTrigger as MenuSubTrigger,\n  SidebarMenuSubContent as MenuSubContent,\n  SidebarGroup as Group,\n  SidebarGroupLabel as GroupLabel,\n  SidebarGroupContent as GroupContent,\n  // Export hook\n  useSidebar,\n};\n\n/**\n * Enhanced Sidebar Header and Footer Usage Examples:\n *\n * 1. Simple default container (backwards compatible):\n * <Sidebar.Header>\n *   <Logo />\n *   <span>App Name</span>\n * </Sidebar.Header>\n *\n * 2. Custom flex layout:\n * <Sidebar.Header className=\"rt-justify-between rt-gap-3\">\n *   <Logo />\n *   <Sidebar.MenuButton>\n *     <SettingsIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 3. Column layout for multiple rows:\n * <Sidebar.Header className=\"rt-flex-col rt-gap-2\" asContainer={false}>\n *   <div className=\"rt-flex rt-items-center rt-gap-2\">\n *     <Logo />\n *     <span>App Name</span>\n *   </div>\n *   <Sidebar.MenuButton>\n *     <UserAvatar />\n *     <span>John Doe</span>\n *   </Sidebar.MenuButton>\n * </Sidebar.Header>\n *\n * 4. Interactive footer with menu button:\n * <Sidebar.Footer>\n *   <Sidebar.MenuButton>\n *     <UserIcon />\n *     <span>Settings</span>\n *     <ChevronUpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * 5. Custom footer layout:\n * <Sidebar.Footer className=\"rt-justify-between\">\n *   <span>v1.0.0</span>\n *   <Sidebar.MenuButton>\n *     <HelpIcon />\n *   </Sidebar.MenuButton>\n * </Sidebar.Footer>\n *\n * Available utility classes:\n * - Layout: rt-flex-row, rt-flex-col\n * - Alignment: rt-items-center, rt-items-start, rt-items-end\n * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end\n * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4\n */\n\nexport type {\n  SidebarProviderProps as ProviderProps,\n  SidebarProps as RootProps,\n  SidebarContentProps as ContentProps,\n  SidebarHeaderProps as HeaderProps,\n  SidebarFooterProps as FooterProps,\n  SidebarTriggerProps as TriggerProps,\n  BadgeConfig,\n};\n"],
+  "mappings": "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",
   "names": ["sidebar_exports", "__export", "SidebarContent", "SidebarFooter", "SidebarGroup", "SidebarGroupContent", "SidebarGroupLabel", "SidebarHeader", "SidebarMenu", "SidebarMenuButton", "SidebarMenuItem", "SidebarMenuSub", "SidebarMenuSubContent", "SidebarMenuSubTrigger", "SidebarProvider", "Sidebar", "SidebarSeparator", "SidebarTrigger", "useSidebar", "__toCommonJS", "React", "import_classnames", "import_slot", "import_radix_ui", "import_sidebar_props", "import_theme", "import_icon_button", "import_scroll_area", "import_separator", "import_icons", "import_extract_props", "import_kbd", "import_badge", "SidebarContext", "context", "useIsMobile", "isMobile", "setIsMobile", "checkIsMobile", "defaultOpen", "openProp", "setOpenProp", "side", "className", "children", "props", "forwardedRef", "openMobile", "setOpenMobile", "internalOpen", "setInternalOpen", "open", "setOpen", "value", "openState", "toggleSidebar", "state", "contextValue", "classNames", "themeContext", "size", "variant", "menuVariant", "type", "collapsible", "panelBackground", "color", "highContrast", "asChild", "rootProps", "_", "__", "safeRootProps", "resolvedColor", "resolvedSize", "asContainer", "onClick", "event", "isActive", "shortcut", "badge", "onMouseEnter", "onMouseLeave", "isHighlighted", "setIsHighlighted", "sidebarSize"]
 }

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

@@ -20,8 +20,8 @@ declare const sidebarPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["soft", "surface", "ghost"];
-        default: "surface";
+        values: readonly ["soft", "outline", "surface", "ghost"];
+        default: "outline";
     };
     menuVariant: {
         type: "enum";

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

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(a,e)=>{for(var o in e)r(a,o,{get:e[o],enumerable:!0})},b=(a,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!c.call(a,t)&&t!==o&&r(a,t,{get:()=>e[t],enumerable:!(n=u(e,t))||n.enumerable});return a};var D=a=>b(r({},"__esModule",{value:!0}),a);var I={};d(I,{sidebarCheckboxItemPropDefs:()=>s.baseMenuCheckboxItemPropDefs,sidebarContentPropDefs:()=>s.baseMenuContentPropDefs,sidebarItemPropDefs:()=>s.baseMenuItemPropDefs,sidebarPropDefs:()=>l,sidebarRadioItemPropDefs:()=>s.baseMenuRadioItemPropDefs});module.exports=D(I);var p=require("../props/as-child.prop.js"),f=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),s=require("./_internal/base-menu.props.js");const P=["1","2"],y=["soft","surface","ghost"],v=["solid","soft"],h=["sidebar","floating"],g=["left","right"],C=["offcanvas","icon","none"],l={...p.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},menuVariant:{type:"enum",className:"rt-menu-variant",values:v,default:"soft"},type:{type:"enum",className:"rt-type",values:h,default:"sidebar"},side:{type:"enum",className:"rt-side",values:g,default:"left"},collapsible:{type:"enum",className:"rt-collapsible",values:C,default:"offcanvas"},panelBackground:{type:"enum",values:["solid","translucent"],default:void 0},...f.colorPropDef,...i.highContrastPropDef};
+"use strict";var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(a,e)=>{for(var o in e)r(a,o,{get:e[o],enumerable:!0})},b=(a,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!c.call(a,t)&&t!==o&&r(a,t,{get:()=>e[t],enumerable:!(n=u(e,t))||n.enumerable});return a};var D=a=>b(r({},"__esModule",{value:!0}),a);var I={};d(I,{sidebarCheckboxItemPropDefs:()=>s.baseMenuCheckboxItemPropDefs,sidebarContentPropDefs:()=>s.baseMenuContentPropDefs,sidebarItemPropDefs:()=>s.baseMenuItemPropDefs,sidebarPropDefs:()=>l,sidebarRadioItemPropDefs:()=>s.baseMenuRadioItemPropDefs});module.exports=D(I);var p=require("../props/as-child.prop.js"),f=require("../props/color.prop.js"),i=require("../props/high-contrast.prop.js"),s=require("./_internal/base-menu.props.js");const P=["1","2"],y=["soft","outline","surface","ghost"],v=["solid","soft"],h=["sidebar","floating"],g=["left","right"],C=["offcanvas","icon","none"],l={...p.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"outline"},menuVariant:{type:"enum",className:"rt-menu-variant",values:v,default:"soft"},type:{type:"enum",className:"rt-type",values:h,default:"sidebar"},side:{type:"enum",className:"rt-side",values:g,default:"left"},collapsible:{type:"enum",className:"rt-collapsible",values:C,default:"offcanvas"},panelBackground:{type:"enum",values:["solid","translucent"],default:void 0},...f.colorPropDef,...i.highContrastPropDef};
 //# sourceMappingURL=sidebar.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/sidebar.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n// Re-export base menu props for sidebar menu components\nexport {\n  baseMenuContentPropDefs as sidebarContentPropDefs,\n  baseMenuItemPropDefs as sidebarItemPropDefs,\n  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,\n} from './_internal/base-menu.props.js';\n\n// Sidebar container props\nconst sizes = ['1', '2'] as const;\nconst variants = ['soft', 'surface', 'ghost'] as const;\nconst menuVariants = ['solid', 'soft'] as const;\nconst types = ['sidebar', 'floating'] as const;\nconst sides = ['left', 'right'] as const;\nconst collapsibleModes = ['offcanvas', 'icon', 'none'] as const;\n\nconst sidebarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  menuVariant: {\n    type: 'enum',\n    className: 'rt-menu-variant',\n    values: menuVariants,\n    default: 'soft',\n  },\n  type: { type: 'enum', className: 'rt-type', values: types, default: 'sidebar' },\n  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },\n  collapsible: {\n    type: 'enum',\n    className: 'rt-collapsible',\n    values: collapsibleModes,\n    default: 'offcanvas',\n  },\n  panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  menuVariant: PropDef<(typeof menuVariants)[number]>;\n  type: PropDef<(typeof types)[number]>;\n  side: PropDef<(typeof sides)[number]>;\n  collapsible: PropDef<(typeof collapsibleModes)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { sidebarPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wLAAAE,EAAA,0EAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CAKpCC,EAKO,0CAGP,MAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAW,CAAC,OAAQ,UAAW,OAAO,EACtCC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ,CAAC,UAAW,UAAU,EAC9BC,EAAQ,CAAC,OAAQ,OAAO,EACxBC,EAAmB,CAAC,YAAa,OAAQ,MAAM,EAE/CX,EAAkB,CACtB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,YAAa,CACX,KAAM,OACN,UAAW,kBACX,OAAQC,EACR,QAAS,MACX,EACA,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,SAAU,EAC9E,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,MAAO,EAC3E,YAAa,CACX,KAAM,OACN,UAAW,iBACX,OAAQC,EACR,QAAS,WACX,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAG,eACH,GAAG,qBACL",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n// Re-export base menu props for sidebar menu components\nexport {\n  baseMenuContentPropDefs as sidebarContentPropDefs,\n  baseMenuItemPropDefs as sidebarItemPropDefs,\n  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,\n} from './_internal/base-menu.props.js';\n\n// Sidebar container props\nconst sizes = ['1', '2'] as const;\nconst variants = ['soft', 'outline', 'surface', 'ghost'] as const;\nconst menuVariants = ['solid', 'soft'] as const;\nconst types = ['sidebar', 'floating'] as const;\nconst sides = ['left', 'right'] as const;\nconst collapsibleModes = ['offcanvas', 'icon', 'none'] as const;\n\nconst sidebarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  menuVariant: {\n    type: 'enum',\n    className: 'rt-menu-variant',\n    values: menuVariants,\n    default: 'soft',\n  },\n  type: { type: 'enum', className: 'rt-type', values: types, default: 'sidebar' },\n  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },\n  collapsible: {\n    type: 'enum',\n    className: 'rt-collapsible',\n    values: collapsibleModes,\n    default: 'offcanvas',\n  },\n  panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  menuVariant: PropDef<(typeof menuVariants)[number]>;\n  type: PropDef<(typeof types)[number]>;\n  side: PropDef<(typeof sides)[number]>;\n  collapsible: PropDef<(typeof collapsibleModes)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { sidebarPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wLAAAE,EAAA,0EAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CAKpCC,EAKO,0CAGP,MAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAW,CAAC,OAAQ,UAAW,UAAW,OAAO,EACjDC,EAAe,CAAC,QAAS,MAAM,EAC/BC,EAAQ,CAAC,UAAW,UAAU,EAC9BC,EAAQ,CAAC,OAAQ,OAAO,EACxBC,EAAmB,CAAC,YAAa,OAAQ,MAAM,EAE/CX,EAAkB,CACtB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,YAAa,CACX,KAAM,OACN,UAAW,kBACX,OAAQC,EACR,QAAS,MACX,EACA,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,SAAU,EAC9E,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,MAAO,EAC3E,YAAa,CACX,KAAM,OACN,UAAW,iBACX,OAAQC,EACR,QAAS,WACX,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAG,eACH,GAAG,qBACL",
   "names": ["sidebar_props_exports", "__export", "sidebarPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_base_menu_props", "sizes", "variants", "menuVariants", "types", "sides", "collapsibleModes"]
 }

package/dist/cjs/props/layout.props.d.ts

@@ -346,6 +346,40 @@ declare const layoutPropDefs: {
         customProperties: "--grid-row-end"[];
         responsive: true;
     };
+    /**
+     * Sets the CSS **align-self** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * alignSelf="center"
+     * alignSelf={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
+     */
+    alignSelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
+    /**
+     * Sets the CSS **justify-self** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * justifySelf="center"
+     * justifySelf={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
+     */
+    justifySelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
     height: {
         type: "string";
         className: string;

package/dist/cjs/props/layout.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.props.d.ts","sourceRoot":"","sources":["../../../src/props/layout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAS9D,QAAA,MAAM,cAAc;IAIlB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BJ,CAAC;AAGF,KAAK,WAAW,GAAG,eAAe,CAChC,OAAO,eAAe,GAAG,OAAO,aAAa,GAAG,OAAO,cAAc,GAAG,OAAO,cAAc,CAC9F,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"layout.props.d.ts","sourceRoot":"","sources":["../../../src/props/layout.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,eAAe,CAAC;AAW9D,QAAA,MAAM,cAAc;IAIlB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;;;OAWG;;;;;;;;IAQH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;;OAWG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BJ,CAAC;AAGF,KAAK,WAAW,GAAG,eAAe,CAChC,OAAO,eAAe,GAAG,OAAO,aAAa,GAAG,OAAO,cAAc,GAAG,OAAO,cAAc,CAC9F,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/props/layout.props.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var P=(r,e)=>{for(var o in e)i(r,o,{get:e[o],enumerable:!0})},y=(r,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!c.call(r,s)&&s!==o&&i(r,s,{get:()=>e[s],enumerable:!(n=m(e,s))||n.enumerable});return r};var d=r=>y(i({},"__esModule",{value:!0}),r);var b={};P(b,{layoutPropDefs:()=>f});module.exports=d(b);var u=require("./padding.props.js"),a=require("./height.props.js"),l=require("./width.props.js");const p=["visible","hidden","clip","scroll","auto"],v=["static","relative","absolute","fixed","sticky"],t=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],D=["0","1"],w=["0","1"],f={...u.paddingPropDefs,...l.widthPropDefs,...a.heightPropDefs,position:{type:"enum",className:"rt-r-position",values:v,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:t,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:t,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:t,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:t,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:t,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:p,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:p,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:p,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:D,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:w,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0}};
+"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var o in e)i(r,o,{get:e[o],enumerable:!0})},P=(r,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!c.call(r,s)&&s!==o&&i(r,s,{get:()=>e[s],enumerable:!(n=m(e,s))||n.enumerable});return r};var v=r=>P(i({},"__esModule",{value:!0}),r);var V={};y(V,{layoutPropDefs:()=>f});module.exports=v(V);var a=require("./padding.props.js"),u=require("./height.props.js"),l=require("./width.props.js");const p=["visible","hidden","clip","scroll","auto"],d=["static","relative","absolute","fixed","sticky"],t=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],D=["0","1"],w=["0","1"],b=["start","center","end","baseline","stretch"],N=["start","center","end","baseline","stretch"],f={...a.paddingPropDefs,...l.widthPropDefs,...u.heightPropDefs,position:{type:"enum",className:"rt-r-position",values:d,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:t,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:t,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:t,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:t,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:t,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:p,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:p,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:p,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:D,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:w,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:b,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:N,responsive:!0}};
 //# sourceMappingURL=layout.props.js.map

package/dist/cjs/props/layout.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/props/layout.props.ts"],
-  "sourcesContent": ["import { paddingPropDefs } from './padding.props.js';\nimport { heightPropDefs } from './height.props.js';\nimport { widthPropDefs } from './width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst overflowValues = ['visible', 'hidden', 'clip', 'scroll', 'auto'] as const;\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const;\n// prettier-ignore\nconst positionEdgeValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9'] as const;\nconst flexShrinkValues = ['0', '1'] as const;\nconst flexGrowValues = ['0', '1'] as const;\n\nconst layoutPropDefs = {\n  ...paddingPropDefs,\n  ...widthPropDefs,\n  ...heightPropDefs,\n  /**\n   * Sets the CSS **position** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * position=\"absolute\"\n   * position={{ sm: 'absolute', lg: 'sticky' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/position\n   */\n  position: {\n    type: 'enum',\n    className: 'rt-r-position',\n    values: positionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **inset** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * inset=\"4\"\n   * inset=\"100px\"\n   * inset={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n   */\n  inset: {\n    type: 'enum | string',\n    className: 'rt-r-inset',\n    customProperties: ['--inset'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * top=\"4\"\n   * top=\"100px\"\n   * top={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/top\n   */\n  top: {\n    type: 'enum | string',\n    className: 'rt-r-top',\n    customProperties: ['--top'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * right=\"4\"\n   * right=\"100px\"\n   * right={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/right\n   */\n  right: {\n    type: 'enum | string',\n    className: 'rt-r-right',\n    customProperties: ['--right'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * bottom=\"4\"\n   * bottom=\"100px\"\n   * bottom={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/bottom\n   */\n  bottom: {\n    type: 'enum | string',\n    className: 'rt-r-bottom',\n    customProperties: ['--bottom'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * left=\"4\"\n   * left=\"100px\"\n   * left={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/left\n   */\n  left: {\n    type: 'enum | string',\n    className: 'rt-r-left',\n    customProperties: ['--left'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflow=\"hidden\"\n   * overflow={{ sm: 'hidden', lg: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflow: {\n    type: 'enum',\n    className: 'rt-r-overflow',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-x** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowX=\"hidden\"\n   * overflowX={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowX: {\n    type: 'enum',\n    className: 'rt-r-ox',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-y** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowY=\"hidden\"\n   * overflowY={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowY: {\n    type: 'enum',\n    className: 'rt-r-oy',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-basis** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexBasis=\"0\"\n   * flexBasis=\"100%\"\n   * flexBasis={{ sm: '200px', lg: 'auto' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis\n   */\n  flexBasis: {\n    type: 'string',\n    className: 'rt-r-fb',\n    customProperties: ['--flex-basis'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-shrink** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexShrink=\"0\"\n   * flexShrink=\"1\"\n   * flexShrink={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink\n   */\n  flexShrink: {\n    type: 'enum | string',\n    className: 'rt-r-fs',\n    customProperties: ['--flex-shrink'],\n    values: flexShrinkValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-grow** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexGrow=\"0\"\n   * flexGrow=\"1\"\n   * flexGrow={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow\n   */\n  flexGrow: {\n    type: 'enum | string',\n    className: 'rt-r-fg',\n    customProperties: ['--flex-grow'],\n    values: flexGrowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-area** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridArea=\"header\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area\n   */\n  gridArea: {\n    type: 'string',\n    className: 'rt-r-ga',\n    customProperties: ['--grid-area'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumn=\"1\"\n   * gridColumn=\"1 / -1\"\n   * gridColumn={{ sm: '1 / 3', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column\n   */\n  gridColumn: {\n    type: 'string',\n    className: 'rt-r-gc',\n    customProperties: ['--grid-column'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnStart=\"1\"\n   * gridColumnStart=\"auto\"\n   * gridColumnStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start\n   */\n  gridColumnStart: {\n    type: 'string',\n    className: 'rt-r-gcs',\n    customProperties: ['--grid-column-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnEnd=\"1\"\n   * gridColumnEnd=\"auto\"\n   * gridColumnEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end\n   */\n  gridColumnEnd: {\n    type: 'string',\n    className: 'rt-r-gce',\n    customProperties: ['--grid-column-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRow=\"1\"\n   * gridRow=\"auto\"\n   * gridRow={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row\n   */\n  gridRow: {\n    type: 'string',\n    className: 'rt-r-gr',\n    customProperties: ['--grid-row'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowStart=\"1\"\n   * gridRowStart=\"auto\"\n   * gridRowStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start\n   */\n  gridRowStart: {\n    type: 'string',\n    className: 'rt-r-grs',\n    customProperties: ['--grid-row-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowEnd=\"1\"\n   * gridRowEnd=\"auto\"\n   * gridRowEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end\n   */\n  gridRowEnd: {\n    type: 'string',\n    className: 'rt-r-gre',\n    customProperties: ['--grid-row-end'],\n    responsive: true,\n  },\n} satisfies {\n  position: PropDef<(typeof positionValues)[number]>;\n  inset: PropDef<(typeof positionEdgeValues)[number]>;\n  top: PropDef<(typeof positionEdgeValues)[number]>;\n  right: PropDef<(typeof positionEdgeValues)[number]>;\n  bottom: PropDef<(typeof positionEdgeValues)[number]>;\n  left: PropDef<(typeof positionEdgeValues)[number]>;\n  overflow: PropDef<(typeof overflowValues)[number]>;\n  overflowX: PropDef<(typeof overflowValues)[number]>;\n  overflowY: PropDef<(typeof overflowValues)[number]>;\n  flexBasis: PropDef<string>;\n  flexShrink: PropDef<(typeof flexShrinkValues)[number]>;\n  flexGrow: PropDef<(typeof flexGrowValues)[number]>;\n  gridColumn: PropDef<string>;\n  gridColumnStart: PropDef<string>;\n  gridColumnEnd: PropDef<string>;\n  gridRow: PropDef<string>;\n  gridRowStart: PropDef<string>;\n  gridRowEnd: PropDef<string>;\n  gridArea: PropDef<string>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype LayoutProps = GetPropDefTypes<\n  typeof paddingPropDefs & typeof widthPropDefs & typeof heightPropDefs & typeof layoutPropDefs\n>;\n\nexport { layoutPropDefs };\nexport type { LayoutProps };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgC,8BAChCC,EAA+B,6BAC/BC,EAA8B,4BAI9B,MAAMC,EAAiB,CAAC,UAAW,SAAU,OAAQ,SAAU,MAAM,EAC/DC,EAAiB,CAAC,SAAU,WAAY,WAAY,QAAS,QAAQ,EAErEC,EAAqB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5HC,EAAmB,CAAC,IAAK,GAAG,EAC5BC,EAAiB,CAAC,IAAK,GAAG,EAE1BT,EAAiB,CACrB,GAAG,kBACH,GAAG,gBACH,GAAG,iBAYH,SAAU,CACR,KAAM,OACN,UAAW,gBACX,OAAQM,EACR,WAAY,EACd,EAaA,MAAO,CACL,KAAM,gBACN,UAAW,aACX,iBAAkB,CAAC,SAAS,EAC5B,OAAQC,EACR,WAAY,EACd,EAaA,IAAK,CACH,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,OAAO,EAC1B,OAAQA,EACR,WAAY,EACd,EAaA,MAAO,CACL,KAAM,gBACN,UAAW,aACX,iBAAkB,CAAC,SAAS,EAC5B,OAAQA,EACR,WAAY,EACd,EAaA,OAAQ,CACN,KAAM,gBACN,UAAW,cACX,iBAAkB,CAAC,UAAU,EAC7B,OAAQA,EACR,WAAY,EACd,EAaA,KAAM,CACJ,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,QAAQ,EAC3B,OAAQA,EACR,WAAY,EACd,EAYA,SAAU,CACR,KAAM,OACN,UAAW,gBACX,OAAQF,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,UACX,OAAQA,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,UACX,OAAQA,EACR,WAAY,EACd,EAaA,UAAW,CACT,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,OAAQG,EACR,WAAY,EACd,EAaA,SAAU,CACR,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,aAAa,EAChC,OAAQC,EACR,WAAY,EACd,EAWA,SAAU,CACR,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,WAAY,EACd,EAaA,gBAAiB,CACf,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,qBAAqB,EACxC,WAAY,EACd,EAaA,cAAe,CACb,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,mBAAmB,EACtC,WAAY,EACd,EAaA,QAAS,CACP,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,YAAY,EAC/B,WAAY,EACd,EAaA,aAAc,CACZ,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,kBAAkB,EACrC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,gBAAgB,EACnC,WAAY,EACd,CACF",
-  "names": ["layout_props_exports", "__export", "layoutPropDefs", "__toCommonJS", "import_padding_props", "import_height_props", "import_width_props", "overflowValues", "positionValues", "positionEdgeValues", "flexShrinkValues", "flexGrowValues"]
+  "sourcesContent": ["import { paddingPropDefs } from './padding.props.js';\nimport { heightPropDefs } from './height.props.js';\nimport { widthPropDefs } from './width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst overflowValues = ['visible', 'hidden', 'clip', 'scroll', 'auto'] as const;\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const;\n// prettier-ignore\nconst positionEdgeValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9'] as const;\nconst flexShrinkValues = ['0', '1'] as const;\nconst flexGrowValues = ['0', '1'] as const;\nconst alignSelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifySelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst layoutPropDefs = {\n  ...paddingPropDefs,\n  ...widthPropDefs,\n  ...heightPropDefs,\n  /**\n   * Sets the CSS **position** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * position=\"absolute\"\n   * position={{ sm: 'absolute', lg: 'sticky' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/position\n   */\n  position: {\n    type: 'enum',\n    className: 'rt-r-position',\n    values: positionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **inset** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * inset=\"4\"\n   * inset=\"100px\"\n   * inset={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n   */\n  inset: {\n    type: 'enum | string',\n    className: 'rt-r-inset',\n    customProperties: ['--inset'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * top=\"4\"\n   * top=\"100px\"\n   * top={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/top\n   */\n  top: {\n    type: 'enum | string',\n    className: 'rt-r-top',\n    customProperties: ['--top'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * right=\"4\"\n   * right=\"100px\"\n   * right={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/right\n   */\n  right: {\n    type: 'enum | string',\n    className: 'rt-r-right',\n    customProperties: ['--right'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * bottom=\"4\"\n   * bottom=\"100px\"\n   * bottom={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/bottom\n   */\n  bottom: {\n    type: 'enum | string',\n    className: 'rt-r-bottom',\n    customProperties: ['--bottom'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * left=\"4\"\n   * left=\"100px\"\n   * left={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/left\n   */\n  left: {\n    type: 'enum | string',\n    className: 'rt-r-left',\n    customProperties: ['--left'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflow=\"hidden\"\n   * overflow={{ sm: 'hidden', lg: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflow: {\n    type: 'enum',\n    className: 'rt-r-overflow',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-x** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowX=\"hidden\"\n   * overflowX={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowX: {\n    type: 'enum',\n    className: 'rt-r-ox',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-y** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowY=\"hidden\"\n   * overflowY={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowY: {\n    type: 'enum',\n    className: 'rt-r-oy',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-basis** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexBasis=\"0\"\n   * flexBasis=\"100%\"\n   * flexBasis={{ sm: '200px', lg: 'auto' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis\n   */\n  flexBasis: {\n    type: 'string',\n    className: 'rt-r-fb',\n    customProperties: ['--flex-basis'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-shrink** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexShrink=\"0\"\n   * flexShrink=\"1\"\n   * flexShrink={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink\n   */\n  flexShrink: {\n    type: 'enum | string',\n    className: 'rt-r-fs',\n    customProperties: ['--flex-shrink'],\n    values: flexShrinkValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-grow** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexGrow=\"0\"\n   * flexGrow=\"1\"\n   * flexGrow={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow\n   */\n  flexGrow: {\n    type: 'enum | string',\n    className: 'rt-r-fg',\n    customProperties: ['--flex-grow'],\n    values: flexGrowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-area** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridArea=\"header\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area\n   */\n  gridArea: {\n    type: 'string',\n    className: 'rt-r-ga',\n    customProperties: ['--grid-area'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumn=\"1\"\n   * gridColumn=\"1 / -1\"\n   * gridColumn={{ sm: '1 / 3', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column\n   */\n  gridColumn: {\n    type: 'string',\n    className: 'rt-r-gc',\n    customProperties: ['--grid-column'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnStart=\"1\"\n   * gridColumnStart=\"auto\"\n   * gridColumnStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start\n   */\n  gridColumnStart: {\n    type: 'string',\n    className: 'rt-r-gcs',\n    customProperties: ['--grid-column-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnEnd=\"1\"\n   * gridColumnEnd=\"auto\"\n   * gridColumnEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end\n   */\n  gridColumnEnd: {\n    type: 'string',\n    className: 'rt-r-gce',\n    customProperties: ['--grid-column-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRow=\"1\"\n   * gridRow=\"auto\"\n   * gridRow={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row\n   */\n  gridRow: {\n    type: 'string',\n    className: 'rt-r-gr',\n    customProperties: ['--grid-row'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowStart=\"1\"\n   * gridRowStart=\"auto\"\n   * gridRowStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start\n   */\n  gridRowStart: {\n    type: 'string',\n    className: 'rt-r-grs',\n    customProperties: ['--grid-row-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowEnd=\"1\"\n   * gridRowEnd=\"auto\"\n   * gridRowEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end\n   */\n  gridRowEnd: {\n    type: 'string',\n    className: 'rt-r-gre',\n    customProperties: ['--grid-row-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignSelf=\"center\"\n   * alignSelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self\n   */\n  alignSelf: {\n    type: 'enum',\n    className: 'rt-r-as',\n    values: alignSelfValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifySelf=\"center\"\n   * justifySelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self\n   */\n  justifySelf: {\n    type: 'enum',\n    className: 'rt-r-js',\n    values: justifySelfValues,\n    responsive: true,\n  },\n} satisfies {\n  position: PropDef<(typeof positionValues)[number]>;\n  inset: PropDef<(typeof positionEdgeValues)[number]>;\n  top: PropDef<(typeof positionEdgeValues)[number]>;\n  right: PropDef<(typeof positionEdgeValues)[number]>;\n  bottom: PropDef<(typeof positionEdgeValues)[number]>;\n  left: PropDef<(typeof positionEdgeValues)[number]>;\n  overflow: PropDef<(typeof overflowValues)[number]>;\n  overflowX: PropDef<(typeof overflowValues)[number]>;\n  overflowY: PropDef<(typeof overflowValues)[number]>;\n  flexBasis: PropDef<string>;\n  flexShrink: PropDef<(typeof flexShrinkValues)[number]>;\n  flexGrow: PropDef<(typeof flexGrowValues)[number]>;\n  gridColumn: PropDef<string>;\n  gridColumnStart: PropDef<string>;\n  gridColumnEnd: PropDef<string>;\n  gridRow: PropDef<string>;\n  gridRowStart: PropDef<string>;\n  gridRowEnd: PropDef<string>;\n  gridArea: PropDef<string>;\n  alignSelf: PropDef<(typeof alignSelfValues)[number]>;\n  justifySelf: PropDef<(typeof justifySelfValues)[number]>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype LayoutProps = GetPropDefTypes<\n  typeof paddingPropDefs & typeof widthPropDefs & typeof heightPropDefs & typeof layoutPropDefs\n>;\n\nexport { layoutPropDefs };\nexport type { LayoutProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgC,8BAChCC,EAA+B,6BAC/BC,EAA8B,4BAI9B,MAAMC,EAAiB,CAAC,UAAW,SAAU,OAAQ,SAAU,MAAM,EAC/DC,EAAiB,CAAC,SAAU,WAAY,WAAY,QAAS,QAAQ,EAErEC,EAAqB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5HC,EAAmB,CAAC,IAAK,GAAG,EAC5BC,EAAiB,CAAC,IAAK,GAAG,EAC1BC,EAAkB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAClEC,EAAoB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAEpEX,EAAiB,CACrB,GAAG,kBACH,GAAG,gBACH,GAAG,iBAYH,SAAU,CACR,KAAM,OACN,UAAW,gBACX,OAAQM,EACR,WAAY,EACd,EAaA,MAAO,CACL,KAAM,gBACN,UAAW,aACX,iBAAkB,CAAC,SAAS,EAC5B,OAAQC,EACR,WAAY,EACd,EAaA,IAAK,CACH,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,OAAO,EAC1B,OAAQA,EACR,WAAY,EACd,EAaA,MAAO,CACL,KAAM,gBACN,UAAW,aACX,iBAAkB,CAAC,SAAS,EAC5B,OAAQA,EACR,WAAY,EACd,EAaA,OAAQ,CACN,KAAM,gBACN,UAAW,cACX,iBAAkB,CAAC,UAAU,EAC7B,OAAQA,EACR,WAAY,EACd,EAaA,KAAM,CACJ,KAAM,gBACN,UAAW,YACX,iBAAkB,CAAC,QAAQ,EAC3B,OAAQA,EACR,WAAY,EACd,EAYA,SAAU,CACR,KAAM,OACN,UAAW,gBACX,OAAQF,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,UACX,OAAQA,EACR,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,UACX,OAAQA,EACR,WAAY,EACd,EAaA,UAAW,CACT,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,OAAQG,EACR,WAAY,EACd,EAaA,SAAU,CACR,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,aAAa,EAChC,OAAQC,EACR,WAAY,EACd,EAWA,SAAU,CACR,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,WAAY,EACd,EAaA,gBAAiB,CACf,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,qBAAqB,EACxC,WAAY,EACd,EAaA,cAAe,CACb,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,mBAAmB,EACtC,WAAY,EACd,EAaA,QAAS,CACP,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,YAAY,EAC/B,WAAY,EACd,EAaA,aAAc,CACZ,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,kBAAkB,EACrC,WAAY,EACd,EAaA,WAAY,CACV,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,gBAAgB,EACnC,WAAY,EACd,EAYA,UAAW,CACT,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EAYA,YAAa,CACX,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,CACF",
+  "names": ["layout_props_exports", "__export", "layoutPropDefs", "__toCommonJS", "import_padding_props", "import_height_props", "import_width_props", "overflowValues", "positionValues", "positionEdgeValues", "flexShrinkValues", "flexGrowValues", "alignSelfValues", "justifySelfValues"]
 }

package/dist/esm/components/grid.props.d.ts

@@ -151,6 +151,41 @@ declare const gridPropDefs: {
         parseValue: typeof parseJustifyValue;
         responsive: true;
     };
+    /**
+     * Sets the CSS **align-content** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * alignContent="between"
+     * alignContent={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     */
+    alignContent: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "between", "around", "evenly", "stretch"];
+        parseValue: typeof parseAlignContentValue;
+        responsive: true;
+    };
+    /**
+     * Sets the CSS **justify-items** property.
+     * Supports a subset of the corresponding CSS values and responsive objects.
+     *
+     * @example
+     * justifyItems="center"
+     * justifyItems={{ sm: 'start', lg: 'center' }}
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items
+     */
+    justifyItems: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+        responsive: true;
+    };
     asChild: {
         type: "boolean";
     };
@@ -169,6 +204,7 @@ declare const gridPropDefs: {
 };
 declare function parseGridValue(value: string): string;
 declare function parseJustifyValue(value: string): string;
+declare function parseAlignContentValue(value: string): string;
 type GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;
 export { gridPropDefs };
 export type { GridOwnProps };

package/dist/esm/components/grid.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.props.d.ts","sourceRoot":"","sources":["../../../src/components/grid.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUrE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;IAUhB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;;;;;IAlIH;;;;;;OAMG;;;;;;CA8IJ,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAGD,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,GAAG,OAAO,cAAc,CAAC,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"grid.props.d.ts","sourceRoot":"","sources":["../../../src/components/grid.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAqBrE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;IAUhB;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;OASG;;;;;;;IAOH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;;;;OAaG;;;;;;;;;IASH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;OAUG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;;;;IAtKH;;;;;;OAMG;;;;;;CAmLJ,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,MAAM,UAQ5C;AAGD,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,GAAG,OAAO,cAAc,CAAC,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/grid.props.js

@@ -1,2 +1,2 @@
-import{asChildPropDef as t}from"../props/as-child.prop.js";import{gapPropDefs as o}from"../props/gap.props.js";const a=["div","span"],n=["none","inline-grid","grid"],p=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],i=["row","column","dense","row-dense","column-dense"],l=["start","center","end","baseline","stretch"],f=["start","center","end","between"],s={as:{type:"enum",values:a,default:"div"},...t,display:{type:"enum",className:"rt-r-display",values:n,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:p,parseValue:r,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:r,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:i,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:l,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:f,parseValue:m,responsive:!0},...o};function r(e){return s.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function m(e){return e==="between"?"space-between":e}export{s as gridPropDefs};
+import{asChildPropDef as r}from"../props/as-child.prop.js";import{gapPropDefs as n}from"../props/gap.props.js";const a=["div","span"],o=["none","inline-grid","grid"],p=["1","2","3","4","5","6","7","8","9"],u=["1","2","3","4","5","6","7","8","9"],i=["row","column","dense","row-dense","column-dense"],l=["start","center","end","baseline","stretch"],c=["start","center","end","between"],f=["start","center","end","baseline","between","around","evenly","stretch"],m=["start","center","end","baseline","stretch"],s={as:{type:"enum",values:a,default:"div"},...r,display:{type:"enum",className:"rt-r-display",values:o,responsive:!0},areas:{type:"string",className:"rt-r-gta",customProperties:["--grid-template-areas"],responsive:!0},columns:{type:"enum | string",className:"rt-r-gtc",customProperties:["--grid-template-columns"],values:p,parseValue:t,responsive:!0},rows:{type:"enum | string",className:"rt-r-gtr",customProperties:["--grid-template-rows"],values:u,parseValue:t,responsive:!0},flow:{type:"enum",className:"rt-r-gaf",values:i,responsive:!0},align:{type:"enum",className:"rt-r-ai",values:l,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:c,parseValue:y,responsive:!0},alignContent:{type:"enum",className:"rt-r-ac",values:f,parseValue:d,responsive:!0},justifyItems:{type:"enum",className:"rt-r-ji",values:m,responsive:!0},...n};function t(e){return s.columns.values.includes(e)?e:e?.match(/^\d+$/)?`repeat(${e}, minmax(0, 1fr))`:e}function y(e){return e==="between"?"space-between":e}function d(e){return e==="between"?"space-between":e==="around"?"space-around":e==="evenly"?"space-evenly":e}export{s as gridPropDefs};
 //# sourceMappingURL=grid.props.js.map

package/dist/esm/components/grid.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/grid.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst rowsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\n\nconst gridPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-grid\"\n   * display={{ sm: 'none', lg: 'grid' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * template='\"header header\" \"sidebar content\"'\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas\n   */\n  areas: {\n    type: 'string',\n    className: 'rt-r-gta',\n    customProperties: ['--grid-template-areas'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-columns** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid columns of even size.\n   *\n   * @example\n   * columns=\"3\"\n   * columns=\"100px 1fr\"\n   * columns={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns\n   */\n  columns: {\n    type: 'enum | string',\n    className: 'rt-r-gtc',\n    customProperties: ['--grid-template-columns'],\n    values: columnsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-rows** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid rows of even size.\n   *\n   * @example\n   * rows=\"3\"\n   * rows=\"100px 1fr\"\n   * rows={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows\n   */\n  rows: {\n    type: 'enum | string',\n    className: 'rt-r-gtr',\n    customProperties: ['--grid-template-rows'],\n    values: rowsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-auto-flow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * flow=\"column\"\n   * flow={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow\n   */\n  flow: {\n    type: 'enum',\n    className: 'rt-r-gaf',\n    values: flowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'rt-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  areas: PropDef<string>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  rows: PropDef<(typeof rowsValues)[number]>;\n  flow: PropDef<(typeof flowValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n};\n\nfunction parseGridValue(value: string): string {\n  if ((gridPropDefs.columns.values as readonly string[]).includes(value)) {\n    return value;\n  }\n\n  return value?.match(/^\\d+$/) ? `repeat(${value}, minmax(0, 1fr))` : value;\n}\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;\n\nexport { gridPropDefs };\nexport type { GridOwnProps };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,eAAAC,MAAmB,wBAI5B,MAAMC,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EAEpDC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQP,EAAI,QAAS,KAAM,EAC/C,GAAGF,EAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQG,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYM,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQL,EACR,WAAYK,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQJ,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAGV,CACL,EAWA,SAASS,EAAeE,EAAuB,CAC7C,OAAKH,EAAa,QAAQ,OAA6B,SAASG,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASD,EAAkBC,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD",
-  "names": ["asChildPropDef", "gapPropDefs", "as", "displayValues", "columnsValues", "rowsValues", "flowValues", "alignValues", "justifyValues", "gridPropDefs", "parseGridValue", "parseJustifyValue", "value"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { gapPropDefs } from '../props/gap.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst rowsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst alignValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifyValues = ['start', 'center', 'end', 'between'] as const;\nconst alignContentValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'between',\n  'around',\n  'evenly',\n  'stretch',\n] as const;\nconst justifyItemsValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst gridPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-grid\"\n   * display={{ sm: 'none', lg: 'grid' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * template='\"header header\" \"sidebar content\"'\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas\n   */\n  areas: {\n    type: 'string',\n    className: 'rt-r-gta',\n    customProperties: ['--grid-template-areas'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-columns** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid columns of even size.\n   *\n   * @example\n   * columns=\"3\"\n   * columns=\"100px 1fr\"\n   * columns={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns\n   */\n  columns: {\n    type: 'enum | string',\n    className: 'rt-r-gtc',\n    customProperties: ['--grid-template-columns'],\n    values: columnsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-template-rows** property.\n   * Supports numeric string values, CSS strings and responsive objects.\n   *\n   * Use numeric string values to create grid rows of even size.\n   *\n   * @example\n   * rows=\"3\"\n   * rows=\"100px 1fr\"\n   * rows={{ xs: '1', md: 'auto 1fr' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows\n   */\n  rows: {\n    type: 'enum | string',\n    className: 'rt-r-gtr',\n    customProperties: ['--grid-template-rows'],\n    values: rowsValues,\n    parseValue: parseGridValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-auto-flow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * flow=\"column\"\n   * flow={{ sm: 'column', lg: 'row' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow\n   */\n  flow: {\n    type: 'enum',\n    className: 'rt-r-gaf',\n    values: flowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-items** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * align=\"center\"\n   * align={{ sm: 'baseline', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-items\n   */\n  align: {\n    type: 'enum',\n    className: 'rt-r-ai',\n    values: alignValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justify=\"between\"\n   * justify={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content\n   */\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    parseValue: parseJustifyValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-content** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignContent=\"between\"\n   * alignContent={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-content\n   */\n  alignContent: {\n    type: 'enum',\n    className: 'rt-r-ac',\n    values: alignContentValues,\n    parseValue: parseAlignContentValue,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-items** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifyItems=\"center\"\n   * justifyItems={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items\n   */\n  justifyItems: {\n    type: 'enum',\n    className: 'rt-r-ji',\n    values: justifyItemsValues,\n    responsive: true,\n  },\n  ...gapPropDefs,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n  areas: PropDef<string>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  rows: PropDef<(typeof rowsValues)[number]>;\n  flow: PropDef<(typeof flowValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  alignContent: PropDef<(typeof alignContentValues)[number]>;\n  justifyItems: PropDef<(typeof justifyItemsValues)[number]>;\n};\n\nfunction parseGridValue(value: string): string {\n  if ((gridPropDefs.columns.values as readonly string[]).includes(value)) {\n    return value;\n  }\n\n  return value?.match(/^\\d+$/) ? `repeat(${value}, minmax(0, 1fr))` : value;\n}\n\nfunction parseJustifyValue(value: string) {\n  return value === 'between' ? 'space-between' : value;\n}\n\nfunction parseAlignContentValue(value: string) {\n  return value === 'between'\n    ? 'space-between'\n    : value === 'around'\n      ? 'space-around'\n      : value === 'evenly'\n        ? 'space-evenly'\n        : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype GridOwnProps = GetPropDefTypes<typeof gridPropDefs & typeof asChildPropDef>;\n\nexport { gridPropDefs };\nexport type { GridOwnProps };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,eAAAC,MAAmB,wBAI5B,MAAMC,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,cAAe,MAAM,EAC9CC,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAC5DC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACzDC,EAAa,CAAC,MAAO,SAAU,QAAS,YAAa,cAAc,EACnEC,EAAc,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAC9DC,EAAgB,CAAC,QAAS,SAAU,MAAO,SAAS,EACpDC,EAAqB,CACzB,QACA,SACA,MACA,WACA,UACA,SACA,SACA,SACF,EACMC,EAAqB,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EAErEC,EAAe,CAQnB,GAAI,CAAE,KAAM,OAAQ,OAAQT,EAAI,QAAS,KAAM,EAC/C,GAAGF,EAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQG,EACR,WAAY,EACd,EAWA,MAAO,CACL,KAAM,SACN,UAAW,WACX,iBAAkB,CAAC,uBAAuB,EAC1C,WAAY,EACd,EAeA,QAAS,CACP,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,yBAAyB,EAC5C,OAAQC,EACR,WAAYQ,EACZ,WAAY,EACd,EAeA,KAAM,CACJ,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,sBAAsB,EACzC,OAAQP,EACR,WAAYO,EACZ,WAAY,EACd,EAYA,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQN,EACR,WAAY,EACd,EAYA,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAYK,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,UACX,OAAQJ,EACR,WAAYK,EACZ,WAAY,EACd,EAYA,aAAc,CACZ,KAAM,OACN,UAAW,UACX,OAAQJ,EACR,WAAY,EACd,EACA,GAAGT,CACL,EAaA,SAASW,EAAeG,EAAuB,CAC7C,OAAKJ,EAAa,QAAQ,OAA6B,SAASI,CAAK,EAC5DA,EAGFA,GAAO,MAAM,OAAO,EAAI,UAAUA,CAAK,oBAAsBA,CACtE,CAEA,SAASF,EAAkBE,EAAe,CACxC,OAAOA,IAAU,UAAY,gBAAkBA,CACjD,CAEA,SAASD,EAAuBC,EAAe,CAC7C,OAAOA,IAAU,UACb,gBACAA,IAAU,SACR,eACAA,IAAU,SACR,eACAA,CACV",
+  "names": ["asChildPropDef", "gapPropDefs", "as", "displayValues", "columnsValues", "rowsValues", "flowValues", "alignValues", "justifyValues", "alignContentValues", "justifyItemsValues", "gridPropDefs", "parseGridValue", "parseJustifyValue", "parseAlignContentValue", "value"]
 }

package/dist/esm/components/scroll-area.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/scroll-area.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    ...viewportProps\n  } = marginRest;\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={forwardedRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                })\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                })\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    ...viewportProps\n  } = marginRest;\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={forwardedRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
   "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAElD,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,sBAAAC,MAA0B,qCACnC,OAAS,mBAAAC,MAAuB,kCAChC,OAAS,2BAAAC,MAA+B,sCACxC,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,eAAAC,MAAmB,6BAa5B,MAAMC,EAAaT,EAAM,WAA+C,CAACU,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAMC,EAAY,GAAGC,CAAY,EAAIT,EAAmBM,CAAK,EAC/D,CAACI,EAAkBC,CAAsB,EAAIV,EAAgBQ,CAAW,EAExE,CACJ,QAAAG,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkBD,IAAS,SAAW,EAAI,OAC1C,IAAAE,EACA,KAAAC,EAAOpB,EAAmB,KAAK,QAC/B,OAAAqB,EAASrB,EAAmB,OAAO,QACnC,WAAAsB,EAAatB,EAAmB,WAAW,QAC3C,GAAGuB,CACL,EAAId,EAEJ,OACEZ,EAAA,cAACE,EAAoB,KAApB,CACC,KAAMkB,EACN,gBAAiBC,EACjB,UAAWpB,EAAW,oBAAqBa,EAAkBI,CAAS,EACtE,MAAOV,EAAYO,EAAwBI,CAAK,EAChD,QAASH,GAERT,EAAW,CAAE,QAAAS,EAAS,SAAAC,CAAS,EAAIA,GAClCjB,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACE,EAAoB,SAApB,CACE,GAAGwB,EACJ,IAAKf,EACL,UAAU,yBAETM,CACH,EAEAjB,EAAA,cAAC,OAAI,UAAU,iCAAiC,EAE/CyB,IAAe,WACdzB,EAAA,cAACE,EAAoB,UAApB,CACC,cAAasB,EACb,YAAY,aACZ,UAAWvB,EACT,yBACAK,EAAwB,CACtB,UAAW,YACX,MAAOiB,EACP,WAAYpB,EAAmB,KAAK,MACtC,CAAC,CACH,GAEAH,EAAA,cAACE,EAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHuB,IAAe,aACdzB,EAAA,cAACE,EAAoB,UAApB,CACC,cAAasB,EACb,YAAY,WACZ,UAAWvB,EACT,yBACAK,EAAwB,CACtB,UAAW,YACX,MAAOiB,EACP,WAAYpB,EAAmB,KAAK,MACtC,CAAC,CACH,GAEAH,EAAA,cAACE,EAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,EACE,KAEHuB,IAAe,OACdzB,EAAA,cAACE,EAAoB,OAApB,CAA2B,UAAU,sBAAsB,EAC1D,IACN,CACD,CACH,CAEJ,CAAC,EACDO,EAAW,YAAc",
   "names": ["React", "classNames", "ScrollAreaPrimitive", "scrollAreaPropDefs", "extractMarginProps", "getMarginStyles", "getResponsiveClassNames", "getSubtree", "mergeStyles", "ScrollArea", "props", "forwardedRef", "marginRest", "marginProps", "marginClassNames", "marginCustomProperties", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "size", "radius", "scrollbars", "viewportProps"]
 }

package/dist/esm/components/sidebar.d.ts

@@ -24,7 +24,7 @@ type SidebarContextProps = {
     toggleSidebar: () => void;
     side: 'left' | 'right';
     type: 'sidebar' | 'floating';
-    variant: 'soft' | 'surface' | 'ghost';
+    variant: 'soft' | 'outline' | 'surface' | 'ghost';
     menuVariant: 'solid' | 'soft';
     collapsible: 'offcanvas' | 'icon' | 'none';
     size: '1' | '2';

package/dist/esm/components/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}