@manafishrov/ui 1.0.5 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { createMemo, type Component, type ComponentProps } 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 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 data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover: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\nexport type SidebarMenuButtonProps = ComponentProps<'button'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  };\n\ntype SidebarMenuButtonDataProps = {\n  'data-slot': 'sidebar-menu-button';\n  'data-sidebar': 'menu-button';\n  'data-size': 'sm' | 'default' | 'lg';\n  'data-active': boolean | undefined;\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\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['isActive', 'variant', 'size', 'tooltip', 'class']);\n  const { isMobile, state, side } = useSidebar();\n\n  const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n\n  const buttonProps = (): SidebarMenuButtonDataProps => ({\n    'data-slot': 'sidebar-menu-button',\n    'data-sidebar': 'menu-button',\n    'data-size': local.size ?? 'default',\n    'data-active': local.isActive,\n    class: sidebarMenuButtonVariants({\n      variant: local.variant,\n      size: local.size,\n      class: local.class,\n    }),\n  });\n\n  return (\n    <Show when={local.tooltip} fallback={<button {...buttonProps()} {...others} />}>\n      <Tooltip\n        positioning={{ placement: tooltipPlacement() }}\n        openDelay={100}\n        disabled={state() !== 'collapsed' || isMobile()}\n      >\n        <TooltipTrigger {...buttonProps()} {...others} />\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      data-active={local.isActive}\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 data-active:bg-sidebar-accent data-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","SidebarMenuButton","isMobile","state","side","useSidebar","tooltipPlacement","createMemo","buttonProps","isActive","_$createComponent","_$Show","when","fallback","_el$3","_tmpl$3","Tooltip","positioning","placement","openDelay","disabled","TooltipTrigger","_$Portal","TooltipPositioner","TooltipContent","TooltipArrow","_$memo","SidebarMenuAction","_el$4","_tmpl$4","showOnHover","SidebarMenuBadge","_el$5","_tmpl$5","SidebarMenuSkeleton","width","Math","floor","random","RANDOM_WIDTH_RANGE","RANDOM_WIDTH_BASE","_el$6","_tmpl$6","_$insert","showIcon","Skeleton","style","SidebarMenuSub","_el$7","_tmpl$7","SidebarMenuSubItem","_el$8","_tmpl$8","SidebarMenuSubButton","_el$9","_tmpl$9"],"mappings":"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"}
+{"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 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 data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover: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': boolean | undefined;\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  'data-active': local.isActive,\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 buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n  return (\n    <Show\n      when={local.tooltip}\n      fallback={renderSidebarMenuButton(\n        local.asChild,\n        { ...buttonDataProps(), ...others },\n        local.children,\n      )}\n    >\n      <Tooltip\n        positioning={{ placement: tooltipPlacement() }}\n        openDelay={100}\n        disabled={state() !== 'collapsed' || isMobile()}\n      >\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      data-active={local.isActive}\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 data-active:bg-sidebar-accent data-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","buttonDataProps","_$Show","when","fallback","Tooltip","positioning","placement","openDelay","disabled","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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"}

package/dist/components/sidebar/SidebarMobile.js

@@ -1,56 +1,55 @@
-import { createComponent as r, template as n, insert as i } from "solid-js/web";
-import { Sheet as s, SheetPositioner as a, SheetContent as p, SheetHeader as c, SheetTitle as h, SheetDescription as m } from "../Sheet.js";
-import { SIDEBAR_WIDTH_MOBILE as u } from "./constants.js";
-import { useSidebar as b } from "./context.js";
-import { splitProps as f } from "solid-js";
-import { ui_sidebar_title as g } from "../../paraglide/messages/ui_sidebar_title.js";
-import { ui_sidebar_description as _ } from "../../paraglide/messages/ui_sidebar_description.js";
-var S = /* @__PURE__ */ n("<div class=sr-only>"), v = /* @__PURE__ */ n('<div class="flex h-full w-full flex-col">');
-const O = (o) => {
-  const [t] = f(o, ["side", "children"]), {
-    openMobile: l,
+import { createComponent as r, template as n, insert as o } 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
-  } = b();
-  return r(s, {
+  } = g(), i = t.side ?? "left";
+  return r(a, {
     get open() {
-      return l();
+      return s();
     },
     onOpenChange: (e) => {
       d(e.open);
     },
     get children() {
-      return r(a, {
-        get side() {
-          return t.side ?? "left";
-        },
+      return r(p, {
+        side: i,
         get children() {
-          return r(p, {
+          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 [&>button]:hidden",
+            class: "p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground",
             style: {
-              "--sidebar-width": u
+              "--sidebar-width": f
             },
             get children() {
-              return [(() => {
-                var e = S();
-                return i(e, r(c, {
+              return [r(h, {}), (() => {
+                var e = w();
+                return o(e, r(m, {
                   get children() {
-                    return [r(h, {
+                    return [r(u, {
                       get children() {
-                        return g();
+                        return _();
                       }
-                    }), r(m, {
+                    }), r(b, {
                       get children() {
-                        return _();
+                        return v();
                       }
                     })];
                   }
                 })), e;
               })(), (() => {
-                var e = v();
-                return i(e, () => t.children), e;
+                var e = x();
+                return o(e, () => t.children), e;
               })()];
             }
           });
@@ -60,6 +59,6 @@ const O = (o) => {
   });
 };
 export {
-  O as SidebarMobile
+  y 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  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\n  return (\n    <Sheet\n      open={openMobile()}\n      onOpenChange={(event) => {\n        setOpenMobile(event.open);\n      }}\n    >\n      <SheetPositioner side={local.side ?? 'left'}>\n        <SheetContent\n          data-sidebar='sidebar'\n          data-slot='sidebar'\n          data-mobile='true'\n          class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground [&>button]:hidden'\n          style={{\n            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n          }}\n        >\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","_$createComponent","Sheet","open","onOpenChange","event","children","SheetPositioner","side","SheetContent","style","SIDEBAR_WIDTH_MOBILE","_el$","_tmpl$","_$insert","SheetHeader","SheetTitle","messages","ui_sidebar_title","SheetDescription","ui_sidebar_description","_el$2","_tmpl$2"],"mappings":";;;;;;;;AAiBO,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;AAEtC,SAAAC,EACGC,GAAK;AAAA,IAAA,IACJC,OAAI;AAAA,aAAEL,EAAAA;AAAAA,IAAY;AAAA,IAClBM,cAAeC,CAAAA,MAAU;AACvBN,MAAAA,EAAcM,EAAMF,IAAI;AAAA,IAC1B;AAAA,IAAC,IAAAG,WAAA;AAAA,aAAAL,EAEAM,GAAe;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEZ,EAAMY,QAAQ;AAAA,QAAM;AAAA,QAAA,IAAAF,WAAA;AAAA,iBAAAL,EACxCQ,GAAY;AAAA,YAAA,gBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,eAAA;AAAA,YAAA,OAAA;AAAA,YAKXC,OAAO;AAAA,cACL,mBAAmBC;AAAAA,YAAAA;AAAAA,YACpB,IAAAL,WAAA;AAAA,qBAAA,EAAA,MAAA;AAAA,oBAAAM,IAAAC,EAAAA;AAAAC,uBAAAA,EAAAF,GAAAX,EAGEc,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,MAGdzB,EAAMU,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","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;"}

package/dist/components/sidebar/SidebarProvider.js

@@ -1,79 +1,81 @@
-import { createComponent as d, template as c, spread as b, mergeProps as m, insert as u } from "solid-js/web";
-import { splitProps as f, createMemo as g, createSignal as a, onMount as O, onCleanup as h } from "solid-js";
-import { cn as y } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { createMediaQuery as M } from "../../primitives/createMediaQuery.js";
-import { SIDEBAR_WIDTH_ICON as C, SIDEBAR_WIDTH as w, SIDEBAR_KEYBOARD_SHORTCUT as v } from "./constants.js";
-import { SidebarContext as D } from "./context.js";
-import { setSidebarCookie as x } from "./utils.js";
-var E = /* @__PURE__ */ c("<div data-slot=sidebar-wrapper>");
-const I = (e) => {
-  const n = M("(max-width: 768px)"), [t, o] = a(!1), [i, s] = a(e.defaultOpen ?? !0), [r, p] = a("left");
+import { createComponent as m, template as f, spread as u, mergeProps as g, insert as O } from "solid-js/web";
+import { splitProps as M, createMemo as h, createSignal as r, onMount as y, onCleanup as D } from "solid-js";
+import { cn as w } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import { createMediaQuery as C } from "../../primitives/createMediaQuery.js";
+import { SIDEBAR_WIDTH_ICON as v, SIDEBAR_WIDTH as x, SIDEBAR_KEYBOARD_SHORTCUT as E } from "./constants.js";
+import { SidebarContext as I } from "./context.js";
+import { setSidebarCookie as _ } from "./utils.js";
+var S = /* @__PURE__ */ f("<div data-slot=sidebar-wrapper>");
+const T = (e) => {
+  const o = C("(max-width: 768px)"), [t, n] = r(!1), s = () => o() && !t(), [l, i] = r(!1), [p, d] = r(e.defaultOpen ?? !0), [b, c] = r("left");
   return {
-    isMobile: n,
-    openMobile: t,
-    setOpenMobile: o,
-    open: () => typeof e.open == "boolean" ? e.open : i(),
-    setOpen: (l) => {
-      e.onOpenChange ? e.onOpenChange(l) : s(l), x(l);
+    isMobile: s,
+    setMobileDisabled: n,
+    openMobile: l,
+    setOpenMobile: i,
+    open: () => typeof e.open == "boolean" ? e.open : p(),
+    setOpen: (a) => {
+      e.onOpenChange ? e.onOpenChange(a) : d(a), _(a);
     },
-    side: r,
-    setSide: p
+    side: b,
+    setSide: c
   };
-}, S = (e) => {
-  const n = () => {
+}, R = (e) => {
+  const o = () => {
     e.isMobile() ? e.setOpenMobile((t) => !t) : e.setOpen(!e.open());
   };
-  return O(() => {
-    const t = (o) => {
-      o.key === v && (o.metaKey || o.ctrlKey) && (o.preventDefault(), n());
+  return y(() => {
+    const t = (n) => {
+      n.key === E && (n.metaKey || n.ctrlKey) && (n.preventDefault(), o());
     };
-    globalThis.addEventListener("keydown", t), h(() => {
+    globalThis.addEventListener("keydown", t), D(() => {
       globalThis.removeEventListener("keydown", t);
     });
   }), {
-    toggle: n
+    toggle: o
   };
-}, _ = (e, n) => ({
+}, 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: n,
+  toggleSidebar: o,
   side: e.side,
   setSide: e.setSide
-}), W = (e) => {
-  const [n, t] = f(e, ["defaultOpen", "open", "onOpenChange", "class", "style", "children"]), o = I(n), {
-    toggle: i
-  } = S(o), s = g(() => {
-    const r = {
-      "--sidebar-width": w,
-      "--sidebar-width-icon": C
+}), j = (e) => {
+  const [o, t] = M(e, ["defaultOpen", "open", "onOpenChange", "class", "style", "children"]), n = T(o), {
+    toggle: s
+  } = R(n), l = h(() => {
+    const i = {
+      "--sidebar-width": x,
+      "--sidebar-width-icon": v
     };
-    return typeof n.style == "object" && n.style !== null ? {
-      ...r,
-      ...n.style
-    } : r;
+    return typeof o.style == "object" && o.style !== null ? {
+      ...i,
+      ...o.style
+    } : i;
   });
-  return d(D.Provider, {
+  return m(I.Provider, {
     get value() {
-      return _(o, i);
+      return k(n, s);
     },
     get children() {
-      var r = E();
-      return b(r, m({
+      var i = S();
+      return u(i, g({
         get style() {
-          return s();
+          return l();
         },
         get class() {
-          return y("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", n.class);
+          return w("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", o.class);
         }
-      }, t), !1, !0), u(r, () => n.children), r;
+      }, t), !1, !0), O(i, () => o.children), i;
     }
   });
 };
 export {
-  W as SidebarProvider
+  j 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  createMemo,\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, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\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 isMobile = createMediaQuery('(max-width: 768px)');\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 { isMobile, openMobile, setOpenMobile, open, setOpen, side, setSide };\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  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 [local, others] = splitProps(props, [\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'class',\n    'style',\n    'children',\n  ]);\n  const stateSet = useSidebarState(local);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  const style = createMemo((): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      '--sidebar-width': SIDEBAR_WIDTH,\n      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n    };\n    return typeof local.style === 'object' && local.style !== null\n      ? { ...base, ...local.style }\n      : base;\n  });\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      <div\n        data-slot='sidebar-wrapper'\n        style={style()}\n        class={cn(\n          'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["useSidebarState","props","isMobile","createMediaQuery","openMobile","setOpenMobile","createSignal","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","local","others","splitProps","style","createMemo","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","_$createComponent","SidebarContext","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAkBA,CACtBC,MASG;AACH,QAAMC,IAAWC,EAAiB,oBAAoB,GAChD,CAACC,GAAYC,CAAa,IAAIC,EAAa,EAAK,GAChD,CAACC,GAAcC,CAAe,IAAIF,EAAaL,EAAMQ,eAAe,EAAI,GACxE,CAACC,GAAMC,CAAO,IAAIL,EAA+B,MAAM;AAa7D,SAAO;AAAA,IAAEJ,UAAAA;AAAAA,IAAUE,YAAAA;AAAAA,IAAYC,eAAAA;AAAAA,IAAeO,MAXjCA,MAAgB,OAAOX,EAAMW,QAAS,YAAYX,EAAMW,OAAOL,EAAAA;AAAAA,IAWxBM,SATpCA,CAACC,MAAyB;AACxC,MAAIb,EAAMc,eACRd,EAAMc,aAAaD,CAAK,IAExBN,EAAgBM,CAAK,GAEvBE,EAAiBF,CAAK;AAAA,IACxB;AAAA,IAE6DJ,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,EAAAA;AACrE,GACMM,IAAmBA,CAACC,MAAyE;AACjG,QAAMC,IAASA,MAAY;AACzB,IAAID,EAAShB,aACXgB,EAASb,cAAee,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,EAClBX,UAAUgB,EAAShB;AAAAA,EACnBE,YAAYc,EAASd;AAAAA,EACrBC,eAAea,EAASb;AAAAA,EACxB8B,eAAehB;AAAAA,EACfT,MAAMQ,EAASR;AAAAA,EACfC,SAASO,EAASP;AACpB,IAEayB,IAAoDnC,CAAAA,MAAU;AACzE,QAAM,CAACoC,GAAOC,CAAM,IAAIC,EAAWtC,GAAO,CACxC,eACA,QACA,gBACA,SACA,SACA,UAAU,CACX,GACKiB,IAAWlB,EAAgBqC,CAAK,GAChC;AAAA,IAAElB,QAAAA;AAAAA,EAAAA,IAAWF,EAAiBC,CAAQ,GAEtCsB,IAAQC,EAAW,MAAyB;AAChD,UAAMC,IAA0B;AAAA,MAC9B,mBAAmBC;AAAAA,MACnB,wBAAwBC;AAAAA,IAAAA;AAE1B,WAAO,OAAOP,EAAMG,SAAU,YAAYH,EAAMG,UAAU,OACtD;AAAA,MAAE,GAAGE;AAAAA,MAAM,GAAGL,EAAMG;AAAAA,IAAAA,IACpBE;AAAAA,EACN,CAAC;AAED,SAAAG,EACGC,EAAeC,UAAQ;AAAA,IAAA,IAACjC,QAAK;AAAA,aAAEmB,EAA0Bf,GAAUC,CAAM;AAAA,IAAC;AAAA,IAAA,IAAA6B,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EAAA;AAAA,QAAA,IAGvEZ,QAAK;AAAA,iBAAEA,EAAAA;AAAAA,QAAO;AAAA,QAAA,IAAA,QAAA;AAAA,iBACPa,EACL,mFACAhB,EAAMiB,KACR;AAAA,QAAC;AAAA,MAAA,GACGhB,CAAM,GAAA,IAAA,EAAA,GAAAiB,EAAAN,GAAA,MAETZ,EAAMW,QAAQ,GAAAC;AAAAA,IAAA;AAAA,EAAA,CAAA;AAIvB;"}
+{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createMemo,\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, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\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 [local, others] = splitProps(props, [\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'class',\n    'style',\n    'children',\n  ]);\n  const stateSet = useSidebarState(local);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  const style = createMemo((): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      '--sidebar-width': SIDEBAR_WIDTH,\n      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n    };\n    return typeof local.style === 'object' && local.style !== null\n      ? { ...base, ...local.style }\n      : base;\n  });\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      <div\n        data-slot='sidebar-wrapper'\n        style={style()}\n        class={cn(\n          'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["useSidebarState","props","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","local","others","splitProps","style","createMemo","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","_$createComponent","SidebarContext","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":"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"}

package/dist/components/sidebar/SidebarSubComponents.js

@@ -1,6 +1,6 @@
-import { createComponent as c, mergeProps as s, template as o, spread as n, memo as f, delegateEvents as g } from "solid-js/web";
+import { createComponent as c, mergeProps as s, template as o, spread as n, memo as p, delegateEvents as g } from "solid-js/web";
 import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import m from "../../_virtual/outline-view-sidebar.js";
+import m from "../../_virtual/side-navigation.js";
 import { Button as v } from "../Button.js";
 import { ScrollArea as h } from "../ScrollArea.js";
 import { Separator as x } from "../Separator.js";
@@ -23,8 +23,8 @@ const L = (r) => {
     get class() {
       return l(e.class);
     },
-    onClick: (p) => {
-      typeof e.onClick == "function" && e.onClick(p), a();
+    onClick: (f) => {
+      typeof e.onClick == "function" && e.onClick(f), a();
     }
   }, t, {
     get children() {
@@ -33,7 +33,7 @@ const L = (r) => {
       });
     }
   }));
-}, O = (r) => {
+}, R = (r) => {
   const [e, t] = i(r, ["class"]), {
     toggleSidebar: a
   } = u();
@@ -50,7 +50,7 @@ const L = (r) => {
       }
     }, t), !1, !1), d;
   })();
-}, R = (r) => {
+}, T = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = $();
@@ -60,7 +60,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, T = (r) => {
+}, V = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = S();
@@ -70,7 +70,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, V = (r) => {
+}, D = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = w();
@@ -80,7 +80,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, D = (r) => {
+}, J = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = k();
@@ -90,7 +90,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, J = (r) => {
+}, K = (r) => {
   const [e, t] = i(r, ["class"]);
   return c(x, s({
     "data-slot": "sidebar-separator",
@@ -99,13 +99,13 @@ const L = (r) => {
       return l("mx-2 w-auto bg-sidebar-border", e.class);
     }
   }, t));
-}, K = (r) => {
+}, M = (r) => {
   const [e, t] = i(r, ["class", "children", "id"]);
   return c(h, s({
     "data-slot": "sidebar-content",
     "data-sidebar": "content",
     get id() {
-      return f(() => typeof e.id == "string")() ? e.id : "sidebar-content";
+      return p(() => typeof e.id == "string")() ? e.id : "sidebar-content";
     },
     get class() {
       return l("gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden", e.class);
@@ -115,7 +115,7 @@ const L = (r) => {
       return e.children;
     }
   }));
-}, M = (r) => {
+}, N = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = y();
@@ -125,13 +125,13 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, N = (r) => {
+}, O = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = C();
     return n(a, s({
       get class() {
-        return l("h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
+        return l("h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md font-heading text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
     }, t), !1, !1), a;
   })();
@@ -158,17 +158,17 @@ const L = (r) => {
 };
 g(["click"]);
 export {
-  K as SidebarContent,
-  D as SidebarFooter,
-  M as SidebarGroup,
+  M as SidebarContent,
+  J as SidebarFooter,
+  N as SidebarGroup,
   Q as SidebarGroupAction,
   U as SidebarGroupContent,
-  N as SidebarGroupLabel,
-  V as SidebarHeader,
-  T as SidebarInput,
-  R as SidebarInset,
-  O as SidebarRail,
-  J as SidebarSeparator,
+  O as SidebarGroupLabel,
+  D as SidebarHeader,
+  V as SidebarInput,
+  T as SidebarInset,
+  R as SidebarRail,
+  K as SidebarSeparator,
   L as SidebarTrigger
 };
 //# sourceMappingURL=SidebarSubComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport OutlineViewSidebarIcon from '~icons/ic/outline-view-sidebar';\n\nimport { Button } from '@/components/Button';\nimport { ScrollArea } from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <OutlineViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        'inset-y-0 w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:inset-y-0 after:w-0.5 sm:flex absolute z-20 hidden -translate-x-1/2 transition-all ease-linear after:absolute after:left-1/2 hover:after:bg-sidebar-border',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col bg-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default',\n        'h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn(\n        'gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        'h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        'top-3.5 right-3 w-5 p-0 [&>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 after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","OutlineViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport ViewSidebarIcon from '~icons/material-symbols/side-navigation';\n\nimport { Button } from '@/components/Button';\nimport { ScrollArea } from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <ViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        'inset-y-0 w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:inset-y-0 after:w-0.5 sm:flex absolute z-20 hidden -translate-x-1/2 transition-all ease-linear after:absolute after:left-1/2 hover:after:bg-sidebar-border',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col bg-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default',\n        'h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn(\n        'gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        'h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md font-heading text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        'top-3.5 right-3 w-5 p-0 [&>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 after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","ViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ export type SidebarContextProps = {
     openMobile: () => boolean;
     setOpenMobile: (open: boolean) => void;
     isMobile: () => boolean;
+    setMobileDisabled: (mobileDisabled: boolean) => void;
     toggleSidebar: () => void;
     side: () => 'left' | 'right';
     setSide: (side: 'left' | 'right') => void;

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/sidebar/context.ts"],"sourcesContent":["export type 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  setSide: (side: 'left' | 'right') => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport const useSidebar = (): SidebarContextProps => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n};\n"],"names":["SidebarContext","createContext","useSidebar","context","useContext"],"mappings":";AAYO,MAAMA,IAAiBC,EAAA,GAEjBC,IAAa,MAA2B;AACnD,QAAMC,IAAUC,EAAWJ,CAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,mDAAmD;AAGrE,SAAOA;AACT;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/sidebar/context.ts"],"sourcesContent":["export type 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  setMobileDisabled: (mobileDisabled: boolean) => void;\n  toggleSidebar: () => void;\n  side: () => 'left' | 'right';\n  setSide: (side: 'left' | 'right') => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport const useSidebar = (): SidebarContextProps => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n};\n"],"names":["SidebarContext","createContext","useSidebar","context","useContext"],"mappings":";AAaO,MAAMA,IAAiBC,EAAA,GAEjBC,IAAa,MAA2B;AACnD,QAAMC,IAAUC,EAAWJ,CAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,mDAAmD;AAGrE,SAAOA;AACT;"}