@manafishrov/ui 1.4.5 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipPositioner,\n  TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu'\n      data-sidebar='menu'\n      class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-item'\n      data-sidebar='menu-item'\n      class={cn('group/menu-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const sidebarMenuButtonVariants = tv({\n  base: 'gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n    },\n    size: {\n      default: 'h-8 text-sm',\n      sm: 'h-7 text-xs',\n      lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: SidebarMenuButtonAsChild;\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  };\n\ntype SidebarMenuButtonStyleProps = Pick<\n  SidebarMenuButtonProps,\n  'size' | 'isActive' | 'variant' | 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n  'data-slot': 'sidebar-menu-button';\n  'data-sidebar': 'menu-button';\n  'data-size': 'sm' | 'default' | 'lg';\n  'data-active'?: true;\n  class: string;\n};\n\nconst getTooltipContentProps = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n  typeof tooltip === 'string' || !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n  if (typeof tooltip === 'string') {\n    return tooltip;\n  }\n  if (!tooltip) {\n    return '';\n  }\n  return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n  local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n  'data-slot': 'sidebar-menu-button',\n  'data-sidebar': 'menu-button',\n  'data-size': local.size ?? 'default',\n  ...(local.isActive === true ? { 'data-active': true as const } : {}),\n  class: sidebarMenuButtonVariants({\n    variant: local.variant,\n    size: local.size,\n    class: local.class,\n  }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n  asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n  asChild: SidebarMenuButtonProps['asChild'],\n  props: ComponentProps<'button'>,\n  children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n  <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n    {children}\n  </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'asChild',\n    'children',\n    'isActive',\n    'variant',\n    'size',\n    'tooltip',\n    'class',\n  ]);\n  const { isMobile, state, side } = useSidebar();\n\n  const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n  const shouldUseTooltip = createMemo(\n    () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n  );\n  const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n  return (\n    <Show\n      when={shouldUseTooltip()}\n      fallback={renderSidebarMenuButton(\n        local.asChild,\n        { ...buttonDataProps(), ...others },\n        local.children,\n      )}\n    >\n      <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n        <TooltipTrigger\n          {...buttonDataProps()}\n          {...others}\n          asChild={(triggerProps) =>\n            renderSidebarMenuButton(local.asChild, triggerProps(), local.children)\n          }\n        />\n        <Portal>\n          <TooltipPositioner>\n            <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n              <TooltipArrow />\n              {getTooltipChildren(local.tooltip)}\n            </TooltipContent>\n          </TooltipPositioner>\n        </Portal>\n      </Tooltip>\n    </Show>\n  );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n  showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showOnHover']);\n  return (\n    <button\n      data-slot='sidebar-menu-action'\n      data-sidebar='menu-action'\n      class={cn(\n        'top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.showOnHover === true &&\n          'md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-menu-badge'\n      data-sidebar='menu-badge'\n      class={cn(\n        'right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n  showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n  const width = createMemo(\n    () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n  );\n\n  return (\n    <div\n      data-slot='sidebar-menu-skeleton'\n      data-sidebar='menu-skeleton'\n      class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n      </Show>\n      <Skeleton\n        class='h-4 max-w-(--skeleton-width) flex-1'\n        data-sidebar='menu-skeleton-text'\n        style={{\n          '--skeleton-width': width(),\n        }}\n      />\n    </div>\n  );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu-sub'\n      data-sidebar='menu-sub'\n      class={cn(\n        'mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-sub-item'\n      data-sidebar='menu-sub-item'\n      class={cn('group/menu-sub-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n  return (\n    <a\n      data-slot='sidebar-menu-sub-button'\n      data-sidebar='menu-sub-button'\n      data-size={local.size ?? 'md'}\n      {...(local.isActive === true ? { 'data-active': true as const } : {})}\n      class={cn(\n        'h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","tv","base","variants","variant","default","outline","size","sm","lg","defaultVariants","getTooltipContentProps","tooltip","getTooltipChildren","children","getSidebarMenuButtonDataProps","isActive","getSidebarMenuButtonAsChildProps","asChild","renderSidebarMenuButton","_$createComponent","ark","button","SidebarMenuButton","isMobile","state","side","useSidebar","tooltipPlacement","createMemo","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","Tooltip","positioning","placement","openDelay","TooltipTrigger","triggerProps","_$Portal","TooltipPositioner","TooltipContent","TooltipArrow","_$memo","SidebarMenuAction","_el$3","_tmpl$3","showOnHover","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeleton","width","Math","floor","random","RANDOM_WIDTH_RANGE","RANDOM_WIDTH_BASE","_el$5","_tmpl$5","_$insert","showIcon","Skeleton","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButton","_el$8","_tmpl$8"],"mappings":"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"}
+{"version":3,"file":"SidebarMenu.js","names":["ark","createMemo","Component","ComponentProps","JSX","VariantProps","tv","cn","Skeleton","Tooltip","TooltipArrow","TooltipContent","TooltipPositioner","TooltipTrigger","RANDOM_WIDTH_BASE","RANDOM_WIDTH_RANGE","useSidebar","SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","SidebarMenuButtonAsChild","button","SidebarMenuButtonProps","Omit","asChild","isActive","tooltip","SidebarMenuButtonStyleProps","Pick","SidebarMenuButtonDataProps","getTooltipContentProps","getTooltipChildren","children","getSidebarMenuButtonDataProps","const","getSidebarMenuButtonAsChildProps","renderSidebarMenuButton","Element","_$createComponent","SidebarMenuButton","isMobile","state","side","tooltipPlacement","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","positioning","placement","openDelay","triggerProps","_$Portal","_$memo","SidebarMenuActionProps","showOnHover","SidebarMenuAction","_el$3","_tmpl$3","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeletonProps","showIcon","SidebarMenuSkeleton","width","Math","floor","random","_el$5","_tmpl$5","_$insert","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButtonProps","SidebarMenuSubButton","_el$8","_tmpl$8","data-size"],"sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipPositioner,\n  TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu'\n      data-sidebar='menu'\n      class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-item'\n      data-sidebar='menu-item'\n      class={cn('group/menu-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const sidebarMenuButtonVariants = tv({\n  base: 'gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n    },\n    size: {\n      default: 'h-8 text-sm',\n      sm: 'h-7 text-xs',\n      lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: SidebarMenuButtonAsChild;\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  };\n\ntype SidebarMenuButtonStyleProps = Pick<\n  SidebarMenuButtonProps,\n  'size' | 'isActive' | 'variant' | 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n  'data-slot': 'sidebar-menu-button';\n  'data-sidebar': 'menu-button';\n  'data-size': 'sm' | 'default' | 'lg';\n  'data-active'?: true;\n  class: string;\n};\n\nconst getTooltipContentProps = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n  typeof tooltip === 'string' || !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n  if (typeof tooltip === 'string') {\n    return tooltip;\n  }\n  if (!tooltip) {\n    return '';\n  }\n  return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n  local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n  'data-slot': 'sidebar-menu-button',\n  'data-sidebar': 'menu-button',\n  'data-size': local.size ?? 'default',\n  ...(local.isActive === true ? { 'data-active': true as const } : {}),\n  class: sidebarMenuButtonVariants({\n    variant: local.variant,\n    size: local.size,\n    class: local.class,\n  }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n  asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n  asChild: SidebarMenuButtonProps['asChild'],\n  props: ComponentProps<'button'>,\n  children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n  <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n    {children}\n  </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'asChild',\n    'children',\n    'isActive',\n    'variant',\n    'size',\n    'tooltip',\n    'class',\n  ]);\n  const { isMobile, state, side } = useSidebar();\n\n  const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n  const shouldUseTooltip = createMemo(\n    () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n  );\n  const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n  return (\n    <Show\n      when={shouldUseTooltip()}\n      fallback={renderSidebarMenuButton(\n        local.asChild,\n        { ...buttonDataProps(), ...others },\n        local.children,\n      )}\n    >\n      <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n        <TooltipTrigger\n          {...buttonDataProps()}\n          {...others}\n          asChild={(triggerProps) =>\n            renderSidebarMenuButton(local.asChild, triggerProps(), local.children)\n          }\n        />\n        <Portal>\n          <TooltipPositioner>\n            <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n              <TooltipArrow />\n              {getTooltipChildren(local.tooltip)}\n            </TooltipContent>\n          </TooltipPositioner>\n        </Portal>\n      </Tooltip>\n    </Show>\n  );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n  showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showOnHover']);\n  return (\n    <button\n      data-slot='sidebar-menu-action'\n      data-sidebar='menu-action'\n      class={cn(\n        'top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.showOnHover === true &&\n          'md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-menu-badge'\n      data-sidebar='menu-badge'\n      class={cn(\n        'right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n  showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n  const width = createMemo(\n    () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n  );\n\n  return (\n    <div\n      data-slot='sidebar-menu-skeleton'\n      data-sidebar='menu-skeleton'\n      class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n      </Show>\n      <Skeleton\n        class='h-4 max-w-(--skeleton-width) flex-1'\n        data-sidebar='menu-skeleton-text'\n        style={{\n          '--skeleton-width': width(),\n        }}\n      />\n    </div>\n  );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu-sub'\n      data-sidebar='menu-sub'\n      class={cn(\n        'mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-sub-item'\n      data-sidebar='menu-sub-item'\n      class={cn('group/menu-sub-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n  return (\n    <a\n      data-slot='sidebar-menu-sub-button'\n      data-sidebar='menu-sub-button'\n      data-size={local.size ?? 'md'}\n      {...(local.isActive === true ? { 'data-active': true as const } : {})}\n      class={cn(\n        'h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/components/sidebar/SidebarMobile.js

@@ -1,64 +1,57 @@
-import { createComponent as r, insert as o, template as n } from "solid-js/web";
-import { Sheet as a, SheetPositioner as p, SheetContent as c, SheetCloseButton as h, SheetHeader as m, SheetTitle as u, SheetDescription as b } from "../Sheet.js";
-import { SIDEBAR_WIDTH_MOBILE as f } from "./constants.js";
-import { useSidebar as g } from "./context.js";
-import { splitProps as S } from "solid-js";
-import { ui_sidebar_title as _ } from "../../paraglide/messages/ui_sidebar_title.js";
-import { ui_sidebar_description as v } from "../../paraglide/messages/ui_sidebar_description.js";
-var w = /* @__PURE__ */ n("<div class=sr-only>"), x = /* @__PURE__ */ n('<div class="flex h-full w-full flex-col">');
-const y = (l) => {
-  const [t] = S(l, ["side", "children"]), {
-    openMobile: s,
-    setOpenMobile: d
-  } = g(), i = t.side ?? "left";
-  return r(a, {
-    get open() {
-      return s();
-    },
-    onOpenChange: (e) => {
-      d(e.open);
-    },
-    get children() {
-      return r(p, {
-        side: i,
-        get children() {
-          return r(c, {
-            side: i,
-            "data-sidebar": "sidebar",
-            "data-slot": "sidebar",
-            "data-mobile": "true",
-            class: "p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground",
-            style: {
-              "--sidebar-width": f
-            },
-            get children() {
-              return [r(h, {}), (() => {
-                var e = w();
-                return o(e, r(m, {
-                  get children() {
-                    return [r(u, {
-                      get children() {
-                        return _();
-                      }
-                    }), r(b, {
-                      get children() {
-                        return v();
-                      }
-                    })];
-                  }
-                })), e;
-              })(), (() => {
-                var e = x();
-                return o(e, () => t.children), e;
-              })()];
-            }
-          });
-        }
-      });
-    }
-  });
+import { ui_sidebar_title as e } from "../../paraglide/messages/ui_sidebar_title.js";
+import { ui_sidebar_description as t } from "../../paraglide/messages/ui_sidebar_description.js";
+import { Sheet as n, SheetCloseButton as r, SheetContent as i, SheetDescription as a, SheetHeader as o, SheetPositioner as s, SheetTitle as c } from "../Sheet.js";
+import { useSidebar as l } from "./context.js";
+import { SIDEBAR_WIDTH_MOBILE as u } from "./constants.js";
+import { createComponent as d, insert as f, template as p } from "solid-js/web";
+import { splitProps as m } from "solid-js";
+//#region src/components/sidebar/SidebarMobile.tsx
+var h = /* @__PURE__ */ p("<div class=sr-only>"), g = /* @__PURE__ */ p("<div class=\"flex h-full w-full flex-col\">"), _ = (p) => {
+	let [_] = m(p, ["side", "children"]), { openMobile: v, setOpenMobile: y } = l(), b = _.side ?? "left";
+	return d(n, {
+		get open() {
+			return v();
+		},
+		onOpenChange: (e) => {
+			y(e.open);
+		},
+		get children() {
+			return d(s, {
+				side: b,
+				get children() {
+					return d(i, {
+						side: b,
+						"data-sidebar": "sidebar",
+						"data-slot": "sidebar",
+						"data-mobile": "true",
+						class: "p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground",
+						style: { "--sidebar-width": u },
+						get children() {
+							return [
+								d(r, {}),
+								(() => {
+									var n = h();
+									return f(n, d(o, { get children() {
+										return [d(c, { get children() {
+											return e();
+										} }), d(a, { get children() {
+											return t();
+										} })];
+									} })), n;
+								})(),
+								(() => {
+									var e = g();
+									return f(e, () => _.children), e;
+								})()
+							];
+						}
+					});
+				}
+			});
+		}
+	});
 };
-export {
-  y as SidebarMobile
-};
-//# sourceMappingURL=SidebarMobile.js.map
+//#endregion
+export { _ as SidebarMobile };
+
+//# sourceMappingURL=SidebarMobile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMobile.js","sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n  Sheet,\n  SheetCloseButton,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetPositioner,\n  SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n  const [local] = splitProps(props, ['side', 'children']);\n  const { openMobile, setOpenMobile } = useSidebar();\n  const side = local.side ?? 'left';\n\n  return (\n    <Sheet\n      open={openMobile()}\n      onOpenChange={(event) => {\n        setOpenMobile(event.open);\n      }}\n    >\n      <SheetPositioner side={side}>\n        <SheetContent\n          side={side}\n          data-sidebar='sidebar'\n          data-slot='sidebar'\n          data-mobile='true'\n          class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n          style={{\n            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n          }}\n        >\n          <SheetCloseButton />\n          <div class='sr-only'>\n            <SheetHeader>\n              <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n              <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n            </SheetHeader>\n          </div>\n          <div class='flex h-full w-full flex-col'>{local.children}</div>\n        </SheetContent>\n      </SheetPositioner>\n    </Sheet>\n  );\n};\n"],"names":["SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","useSidebar","side","_$createComponent","Sheet","open","onOpenChange","event","children","SheetPositioner","SheetContent","style","SIDEBAR_WIDTH_MOBILE","SheetCloseButton","_el$","_tmpl$","_$insert","SheetHeader","SheetTitle","messages","ui_sidebar_title","SheetDescription","ui_sidebar_description","_el$2","_tmpl$2"],"mappings":";;;;;;;;AAkBO,MAAMA,IAA0CC,CAAAA,MAAU;AAC/D,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAAC,QAAQ,UAAU,CAAC,GAChD;AAAA,IAAEG,YAAAA;AAAAA,IAAYC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAAA,GAChCC,IAAOL,EAAMK,QAAQ;AAE3B,SAAAC,EACGC,GAAK;AAAA,IAAA,IACJC,OAAI;AAAA,aAAEN,EAAAA;AAAAA,IAAY;AAAA,IAClBO,cAAeC,CAAAA,MAAU;AACvBP,MAAAA,EAAcO,EAAMF,IAAI;AAAA,IAC1B;AAAA,IAAC,IAAAG,WAAA;AAAA,aAAAL,EAEAM,GAAe;AAAA,QAACP,MAAAA;AAAAA,QAAU,IAAAM,WAAA;AAAA,iBAAAL,EACxBO,GAAY;AAAA,YACXR,MAAAA;AAAAA,YAAU,gBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,eAAA;AAAA,YAAA,OAAA;AAAA,YAKVS,OAAO;AAAA,cACL,mBAAmBC;AAAAA,YAAAA;AAAAA,YACpB,IAAAJ,WAAA;AAAA,qBAAA,CAAAL,EAEAU,GAAgB,CAAA,CAAA,IAAA,MAAA;AAAA,oBAAAC,IAAAC,EAAAA;AAAAC,uBAAAA,EAAAF,GAAAX,EAEdc,GAAW;AAAA,kBAAA,IAAAT,WAAA;AAAA,2BAAA,CAAAL,EACTe,GAAU;AAAA,sBAAA,IAAAV,WAAA;AAAA,+BAAEW,EAASC;AAAAA,sBAAkB;AAAA,oBAAA,CAAA,GAAAjB,EACvCkB,GAAgB;AAAA,sBAAA,IAAAb,WAAA;AAAA,+BAAEW,EAASG;AAAAA,sBAAwB;AAAA,oBAAA,CAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA,CAAA,CAAA,GAAAR;AAAAA,cAAA,GAAA,IAAA,MAAA;AAAA,oBAAAS,IAAAC,EAAAA;AAAAR,uBAAAA,EAAAO,GAAA,MAGd1B,EAAMW,QAAQ,GAAAe;AAAAA,cAAA,IAAA;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAKlE;"}
+{"version":3,"file":"SidebarMobile.js","names":["Component","Sheet","SheetCloseButton","SheetContent","SheetDescription","SheetHeader","SheetPositioner","SheetTitle","messages","SidebarProps","SIDEBAR_WIDTH_MOBILE","useSidebar","SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","side","_$createComponent","open","onOpenChange","event","children","style","_el$","_tmpl$","_$insert","ui_sidebar_title","ui_sidebar_description","_el$2","_tmpl$2"],"sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n  Sheet,\n  SheetCloseButton,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetPositioner,\n  SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n  const [local] = splitProps(props, ['side', 'children']);\n  const { openMobile, setOpenMobile } = useSidebar();\n  const side = local.side ?? 'left';\n\n  return (\n    <Sheet\n      open={openMobile()}\n      onOpenChange={(event) => {\n        setOpenMobile(event.open);\n      }}\n    >\n      <SheetPositioner side={side}>\n        <SheetContent\n          side={side}\n          data-sidebar='sidebar'\n          data-slot='sidebar'\n          data-mobile='true'\n          class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n          style={{\n            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n          }}\n        >\n          <SheetCloseButton />\n          <div class='sr-only'>\n            <SheetHeader>\n              <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n              <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n            </SheetHeader>\n          </div>\n          <div class='flex h-full w-full flex-col'>{local.children}</div>\n        </SheetContent>\n      </SheetPositioner>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;;wHAkBaY,KAA0CC,MAAU;CAC/D,IAAM,CAACC,KAASC,EAAWF,GAAO,CAAC,QAAQ,WAAW,CAAC,EACjD,EAAEG,eAAYC,qBAAkBN,GAAY,EAC5CO,IAAOJ,EAAMI,QAAQ;AAE3B,QAAAC,EACGlB,GAAK;EAAA,IACJmB,OAAI;AAAA,UAAEJ,GAAY;;EAClBK,eAAeC,MAAU;AACvBL,KAAcK,EAAMF,KAAK;;EAC1B,IAAAG,WAAA;AAAA,UAAAJ,EAEAb,GAAe;IAAOY;IAAI,IAAAK,WAAA;AAAA,YAAAJ,EACxBhB,GAAY;MACLe;MAAI,gBAAA;MAAA,aAAA;MAAA,eAAA;MAAA,OAAA;MAKVM,OAAO,EACL,mBAAmBd,GACpB;MAAA,IAAAa,WAAA;AAAA,cAAA;QAAAJ,EAEAjB,GAAgB,EAAA,CAAA;eAAA;SAAA,IAAAuB,IAAAC,GAAA;AAIuC,gBAJvCC,EAAAF,GAAAN,EAEdd,GAAW,EAAA,IAAAkB,WAAA;AAAA,iBAAA,CAAAJ,EACTZ,GAAU,EAAA,IAAAgB,WAAA;AAAA,kBAAEf,GAA2B;aAAA,CAAA,EAAAW,EACvCf,GAAgB,EAAA,IAAAmB,WAAA;AAAA,kBAAEf,GAAiC;aAAA,CAAA,CAAA;YAAA,CAAA,CAAA,EAAAiB;YAAA;eAAA;SAAA,IAAAK,IAAAC,GAAA;AAGA,gBAHAJ,EAAAG,SAGdhB,EAAMS,SAAQ,EAAAO;;QAAA;;MAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}

package/dist/components/sidebar/SidebarProvider.js

@@ -1,75 +1,68 @@
-import { spread as m, mergeProps as f, createComponent as u, template as M } from "solid-js/web";
-import { splitProps as g, createSignal as r, onMount as O, onCleanup as h } from "solid-js";
-import { cn as y } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { createMediaQuery as v } from "../../primitives/createMediaQuery.js";
-import { SIDEBAR_KEYBOARD_SHORTCUT as C } from "./constants.js";
-import { SidebarContext as D } from "./context.js";
-import { setSidebarCookie as w } from "./utils.js";
-var x = /* @__PURE__ */ M("<div data-slot=sidebar-wrapper>");
-const V = (e) => {
-  const [o, n] = g(e, ["class"]);
-  return (() => {
-    var i = x();
-    return m(i, f({
-      get class() {
-        return y("relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar", o.class);
-      }
-    }, n), !1, !1), i;
-  })();
-}, E = (e) => {
-  const o = v("(max-width: 768px)"), [n, i] = r(!1), l = () => o() && !n(), [s, a] = r(!1), [d, p] = r(e.defaultOpen ?? !0), [b, c] = r("left");
-  return {
-    isMobile: l,
-    setMobileDisabled: i,
-    openMobile: s,
-    setOpenMobile: a,
-    open: () => typeof e.open == "boolean" ? e.open : d(),
-    setOpen: (t) => {
-      e.onOpenChange ? e.onOpenChange(t) : p(t), w(t);
-    },
-    side: b,
-    setSide: c
-  };
-}, S = (e) => {
-  const o = () => {
-    e.isMobile() ? e.setOpenMobile((n) => !n) : e.setOpen(!e.open());
-  };
-  return O(() => {
-    const n = (i) => {
-      i.key === C && (i.metaKey || i.ctrlKey) && (i.preventDefault(), o());
-    };
-    globalThis.addEventListener("keydown", n), h(() => {
-      globalThis.removeEventListener("keydown", n);
-    });
-  }), {
-    toggle: o
-  };
-}, k = (e, o) => ({
-  state: () => e.open() ? "expanded" : "collapsed",
-  open: e.open,
-  setOpen: e.setOpen,
-  isMobile: e.isMobile,
-  setMobileDisabled: e.setMobileDisabled,
-  openMobile: e.openMobile,
-  setOpenMobile: e.setOpenMobile,
-  toggleSidebar: o,
-  side: e.side,
-  setSide: e.setSide
-}), $ = (e) => {
-  const o = E(e), {
-    toggle: n
-  } = S(o);
-  return u(D.Provider, {
-    get value() {
-      return k(o, n);
-    },
-    get children() {
-      return e.children;
-    }
-  });
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { createMediaQuery as t } from "../../primitives/createMediaQuery.js";
+import { SidebarContext as n } from "./context.js";
+import "./constants.js";
+import { setSidebarCookie as r } from "./utils.js";
+import { createComponent as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { createSignal as c, onCleanup as l, onMount as u, splitProps as d } from "solid-js";
+//#region src/components/sidebar/SidebarProvider.tsx
+var f = /* @__PURE__ */ s("<div data-slot=sidebar-wrapper>"), p = (t) => {
+	let [n, r] = d(t, ["class"]);
+	return (() => {
+		var t = f();
+		return o(t, a({ get class() {
+			return e("relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, m = (e) => {
+	let n = t("(max-width: 768px)"), [i, a] = c(!1), o = () => n() && !i(), [s, l] = c(!1), [u, d] = c(e.defaultOpen ?? !0), [f, p] = c("left");
+	return {
+		isMobile: o,
+		setMobileDisabled: a,
+		openMobile: s,
+		setOpenMobile: l,
+		open: () => typeof e.open == "boolean" ? e.open : u(),
+		setOpen: (t) => {
+			e.onOpenChange ? e.onOpenChange(t) : d(t), r(t);
+		},
+		side: f,
+		setSide: p
+	};
+}, h = (e) => {
+	let t = () => {
+		e.isMobile() ? e.setOpenMobile((e) => !e) : e.setOpen(!e.open());
+	};
+	return u(() => {
+		let e = (e) => {
+			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), t());
+		};
+		globalThis.addEventListener("keydown", e), l(() => {
+			globalThis.removeEventListener("keydown", e);
+		});
+	}), { toggle: t };
+}, g = (e, t) => ({
+	state: () => e.open() ? "expanded" : "collapsed",
+	open: e.open,
+	setOpen: e.setOpen,
+	isMobile: e.isMobile,
+	setMobileDisabled: e.setMobileDisabled,
+	openMobile: e.openMobile,
+	setOpenMobile: e.setOpenMobile,
+	toggleSidebar: t,
+	side: e.side,
+	setSide: e.setSide
+}), _ = (e) => {
+	let t = m(e), { toggle: r } = h(t);
+	return i(n.Provider, {
+		get value() {
+			return g(t, r);
+		},
+		get children() {
+			return e.children;
+		}
+	});
 };
-export {
-  V as SidebarLayout,
-  $ as SidebarProvider
-};
-//# sourceMappingURL=SidebarProvider.js.map
+//#endregion
+export { p as SidebarLayout, _ as SidebarProvider };
+
+//# sourceMappingURL=SidebarProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n  children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-wrapper'\n      class={cn(\n        'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  setMobileDisabled: (value: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n  const [mobileDisabled, setMobileDisabled] = createSignal(false);\n  const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return {\n    isMobile,\n    setMobileDisabled,\n    openMobile,\n    setOpenMobile,\n    open,\n    setOpen,\n    side,\n    setSide,\n  };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  setMobileDisabled: stateSet.setMobileDisabled,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const stateSet = useSidebarState(props);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      {props.children}\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["SidebarLayout","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","useSidebarState","isViewportMobile","createMediaQuery","mobileDisabled","setMobileDisabled","createSignal","isMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","defaultOpen","side","setSide","open","setOpen","value","onOpenChange","setSidebarCookie","useSidebarEvents","stateSet","toggle","prev","onMount","handleKeyDown","event","key","SIDEBAR_KEYBOARD_SHORTCUT","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","onCleanup","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","SidebarContext","Provider","children"],"mappings":";;;;;;;;AA0BO,MAAMA,IAAgDC,CAAAA,MAAU;AACrE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,8EACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAGhB,GAEMM,IAAkBA,CACtBV,MAUG;AACH,QAAMW,IAAmBC,EAAiB,oBAAoB,GACxD,CAACC,GAAgBC,CAAiB,IAAIC,EAAa,EAAK,GACxDC,IAAWA,MAAeL,EAAAA,KAAsB,CAACE,EAAAA,GACjD,CAACI,GAAYC,CAAa,IAAIH,EAAa,EAAK,GAChD,CAACI,GAAcC,CAAe,IAAIL,EAAaf,EAAMqB,eAAe,EAAI,GACxE,CAACC,GAAMC,CAAO,IAAIR,EAA+B,MAAM;AAa7D,SAAO;AAAA,IACLC,UAAAA;AAAAA,IACAF,mBAAAA;AAAAA,IACAG,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAM,MAhBWA,MAAgB,OAAOxB,EAAMwB,QAAS,YAAYxB,EAAMwB,OAAOL,EAAAA;AAAAA,IAiB1EM,SAfcA,CAACC,MAAyB;AACxC,MAAI1B,EAAM2B,eACR3B,EAAM2B,aAAaD,CAAK,IAExBN,EAAgBM,CAAK,GAEvBE,EAAiBF,CAAK;AAAA,IACxB;AAAA,IASEJ,MAAAA;AAAAA,IACAC,SAAAA;AAAAA,EAAAA;AAEJ,GACMM,IAAmBA,CAACC,MAAyE;AACjG,QAAMC,IAASA,MAAY;AACzB,IAAID,EAASd,aACXc,EAASZ,cAAec,CAAAA,MAAS,CAACA,CAAI,IAEtCF,EAASL,QAAQ,CAACK,EAASN,KAAAA,CAAM;AAAA,EAErC;AAEAS,SAAAA,EAAQ,MAAM;AACZ,UAAMC,IAAgBA,CAACC,MAA+B;AACpD,MAAIA,EAAMC,QAAQC,MAA8BF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,eAAAA,GACNT,EAAAA;AAAAA,IAEJ;AACAU,eAAWC,iBAAiB,WAAWR,CAAa,GACpDS,EAAU,MAAM;AACdF,iBAAWG,oBAAoB,WAAWV,CAAa;AAAA,IACzD,CAAC;AAAA,EACH,CAAC,GAEM;AAAA,IAAEH,QAAAA;AAAAA,EAAAA;AACX,GAEMc,IAA4BA,CAChCf,GACAC,OACyB;AAAA,EACzBe,OAAOA,MAAiChB,EAASN,KAAAA,IAAS,aAAa;AAAA,EACvEA,MAAMM,EAASN;AAAAA,EACfC,SAASK,EAASL;AAAAA,EAClBT,UAAUc,EAASd;AAAAA,EACnBF,mBAAmBgB,EAAShB;AAAAA,EAC5BG,YAAYa,EAASb;AAAAA,EACrBC,eAAeY,EAASZ;AAAAA,EACxB6B,eAAehB;AAAAA,EACfT,MAAMQ,EAASR;AAAAA,EACfC,SAASO,EAASP;AACpB,IAEayB,IAAoDhD,CAAAA,MAAU;AACzE,QAAM8B,IAAWpB,EAAgBV,CAAK,GAChC;AAAA,IAAE+B,QAAAA;AAAAA,EAAAA,IAAWF,EAAiBC,CAAQ;AAE5C,SAAAmB,EACGC,EAAeC,UAAQ;AAAA,IAAA,IAACzB,QAAK;AAAA,aAAEmB,EAA0Bf,GAAUC,CAAM;AAAA,IAAC;AAAA,IAAA,IAAAqB,WAAA;AAAA,aACxEpD,EAAMoD;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;"}
+{"version":3,"file":"SidebarProvider.js","names":["Component","ComponentProps","createSignal","onCleanup","onMount","splitProps","JSX","cn","createMediaQuery","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarContextProps","setSidebarCookie","SidebarProviderProps","defaultOpen","open","onOpenChange","openValue","children","Element","SidebarLayoutProps","SidebarLayout","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","useSidebarState","isMobile","setMobileDisabled","value","openMobile","setOpenMobile","prev","setOpen","side","setSide","isViewportMobile","mobileDisabled","internalOpen","setInternalOpen","useSidebarEvents","stateSet","ReturnType","toggle","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","Provider"],"sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n  children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-wrapper'\n      class={cn(\n        'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  setMobileDisabled: (value: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n  const [mobileDisabled, setMobileDisabled] = createSignal(false);\n  const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return {\n    isMobile,\n    setMobileDisabled,\n    openMobile,\n    setOpenMobile,\n    open,\n    setOpen,\n    side,\n    setSide,\n  };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  setMobileDisabled: stateSet.setMobileDisabled,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const stateSet = useSidebarState(props);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      {props.children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;8DA0BaqB,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUnB,EAAWiB,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWrB,EACL,8EACAgB,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;GAKVK,KACJR,MAUG;CACH,IAAMkB,IAAmBhC,EAAiB,qBAAqB,EACzD,CAACiC,GAAgBT,KAAqB9B,EAAa,GAAM,EACzD6B,UAA0BS,GAAkB,IAAI,CAACC,GAAgB,EACjE,CAACP,GAAYC,KAAiBjC,EAAa,GAAM,EACjD,CAACwC,GAAcC,KAAmBzC,EAAaoB,EAAMR,eAAe,GAAK,EACzE,CAACwB,GAAMC,KAAWrC,EAA+B,OAAO;AAa9D,QAAO;EACL6B;EACAC;EACAE;EACAC;EACApB,YAhB2B,OAAOO,EAAMP,QAAS,YAAYO,EAAMP,OAAO2B,GAAe;EAiBzFL,UAfeJ,MAAyB;AAMxCrB,GALIU,EAAMN,eACRM,EAAMN,aAAaiB,EAAM,GAEzBU,EAAgBV,EAAM,EAExBrB,EAAiBqB,EAAM;;EAUvBK;EACAC;EACD;GAEGK,KAAoBC,MAAyE;CACjG,IAAME,UAAqB;AACzB,EAAIF,EAASd,UAAU,GACrBc,EAASV,eAAeC,MAAS,CAACA,EAAK,GAEvCS,EAASR,QAAQ,CAACQ,EAAS9B,MAAM,CAAC;;AAiBtC,QAbAX,QAAc;EACZ,IAAM4C,KAAiBC,MAA+B;AACpD,GAAIA,EAAME,QAAAA,QAAsCF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,gBAAgB,EACtBP,GAAQ;;AAIZ5C,EADAoD,WAAWC,iBAAiB,WAAWR,EAAc,EACrD7C,QAAgB;AACdoD,cAAWE,oBAAoB,WAAWT,EAAc;IACxD;GACF,EAEK,EAAED,WAAQ;GAGbW,KACJb,GACAE,OACyB;CACzBY,aAAwCd,EAAS9B,MAAM,GAAG,aAAa;CACvEA,MAAM8B,EAAS9B;CACfsB,SAASQ,EAASR;CAClBN,UAAUc,EAASd;CACnBC,mBAAmBa,EAASb;CAC5BE,YAAYW,EAASX;CACrBC,eAAeU,EAASV;CACxByB,eAAeb;CACfT,MAAMO,EAASP;CACfC,SAASM,EAASN;CACnB,GAEYsB,KAAoDvC,MAAU;CACzE,IAAMuB,IAAWf,EAAgBR,EAAM,EACjC,EAAEyB,cAAWH,EAAiBC,EAAS;AAE7C,QAAAiB,EACGpD,EAAeqD,UAAQ;EAAA,IAAC9B,QAAK;AAAA,UAAEyB,EAA0Bb,GAAUE,EAAO;;EAAA,IAAA7B,WAAA;AAAA,UACxEI,EAAMJ;;EAAQ,CAAA"}