@yamada-ui/react 2.1.8-dev-20260409043924 → 2.2.0-dev-20260409110358

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["createContext","Drawer.Root","Drawer.Content","rest","children","SidebarItemTooltip: FC<SidebarItemTooltipProps>"],"sources":["../../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  Breakpoint,\n  ExtractStyleValue,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { Loading } from \"../loading\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type {\n  UseSidebarGroupProps,\n  UseSidebarGroupReturn,\n  UseSidebarItemProps,\n  UseSidebarItemReturn,\n  UseSidebarProps,\n  UseSidebarReturn,\n} from \"./use-sidebar\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useBreakpointValue } from \"../../hooks/use-breakpoint\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  createContext,\n  dataAttr,\n  isObject,\n  isString,\n  runIfFn,\n  useIncludesChildren,\n  useSplitChildren,\n  useValidChildren,\n} from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { Drawer } from \"../drawer\"\nimport { ChevronRightIcon } from \"../icon\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Tooltip, type TooltipProps } from \"../tooltip\"\nimport { sidebarStyle, type SidebarStyle } from \"./sidebar.style\"\nimport {\n  SidebarContext,\n  SidebarDescendantsContext,\n  SidebarItemContext,\n  useSidebar,\n  useSidebarContext,\n  useSidebarGroup,\n  useSidebarItem,\n} from \"./use-sidebar\"\n\ninterface SidebarItemCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ntype SidebarItemReactNode =\n  | ReactNodeOrFunction<SidebarItemCallBackProps>\n  | {\n      group: ReactNodeOrFunction<SidebarItemCallBackProps>\n      item?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n  | {\n      item: ReactNodeOrFunction<SidebarItemCallBackProps>\n      group?: ReactNodeOrFunction<SidebarItemCallBackProps>\n    }\n\ninterface SidebarItemSharedRenderProps\n  extends\n    Pick<SidebarItemProps, \"label\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"expanded\"\n      | \"expandedValue\"\n      | \"onExpandedChange\"\n      | \"onSelectedChange\"\n      | \"selected\"\n      | \"selectedValue\"\n      | \"value\"\n    > {\n  itemProps: HTMLStyledProps<\"li\">\n  linkProps: HTMLStyledProps<\"a\">\n  triggerProps: HTMLStyledProps<\"button\">\n  endElement?: ReactNode\n  startElement?: ReactNode\n}\n\ninterface SidebarItemRenderProps\n  extends\n    PropsWithChildren,\n    Omit<SidebarItemSharedRenderProps, \"endElement\" | \"startElement\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"group\"\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  endElement: { group?: ReactNode; item?: ReactNode }\n  startElement: { group?: ReactNode; item?: ReactNode }\n  indicator?: ReactNode\n  link?: ReactNode\n  trigger?: ReactNode\n}\n\ninterface SidebarItemLinkRenderProps extends Omit<\n  SidebarItemSharedRenderProps,\n  \"itemProps\" | \"triggerProps\"\n> {}\n\ninterface SidebarItemTriggerRenderProps\n  extends\n    Omit<SidebarItemSharedRenderProps, \"itemProps\" | \"linkProps\">,\n    Pick<\n      UseSidebarItemReturn,\n      | \"groupLoading\"\n      | \"groupOpen\"\n      | \"onGroupClose\"\n      | \"onGroupOpen\"\n      | \"onGroupToggle\"\n    > {\n  indicator?: ReactNode\n}\n\ninterface SidebarItemRender {\n  item?: ReactNodeOrFunction<SidebarItemRenderProps>\n  link?: ReactNodeOrFunction<SidebarItemLinkRenderProps>\n  trigger?: ReactNodeOrFunction<SidebarItemTriggerRenderProps>\n}\n\ninterface SidebarGroup extends Omit<SidebarGroupProps, \"children\" | \"value\"> {\n  children: SidebarItemWithValue[]\n  group: true\n}\n\nexport interface SidebarItemWithValue extends Omit<\n  SidebarItemProps,\n  \"children\"\n> {\n  children?: SidebarItemWithValue[]\n}\n\nexport type SidebarItem = SidebarGroup | SidebarItemWithValue\n\nconst createKey = (props: SidebarItem, index: number) => {\n  return \"value\" in props ? props.value || index : index\n}\n\nconst getReactNodeOrFunction = (\n  type: \"group\" | \"item\",\n  custom?: SidebarItemReactNode,\n  root?: SidebarItemReactNode,\n): ReactNodeOrFunction<SidebarItemCallBackProps> => {\n  if (isObject(custom) && (\"group\" in custom || \"item\" in custom)) {\n    return custom[type]\n  } else if (custom) {\n    return custom\n  } else if (isObject(root) && (\"group\" in root || \"item\" in root)) {\n    return root[type]\n  } else {\n    return root\n  }\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHeaderProps\"\n  | \"getSidePanelProps\"\n  | \"getTriggerProps\"\n> {\n  breakpoint: ExtractStyleValue<NonNullable<SidebarRootProps[\"breakpoint\"]>>\n  mode: ExtractStyleValue<NonNullable<SidebarRootProps[\"mode\"]>>\n  placement: ExtractStyleValue<NonNullable<SidebarRootProps[\"placement\"]>>\n}\n\ninterface GroupComponentContext\n  extends\n    Pick<SidebarGroupProps, \"contentProps\" | \"labelProps\">,\n    Pick<UseSidebarGroupReturn, \"getContentProps\" | \"getLabelProps\"> {}\n\nconst [GroupComponentContext, useGroupComponentContext] =\n  createContext<GroupComponentContext>({ name: \"GroupComponentContext\" })\n\ninterface ItemComponentContext {\n  contentProps: SidebarItemContentProps\n  endElementProps: SidebarItemEndElementProps\n  indicatorProps: SidebarItemIndicatorProps\n  labelProps: SidebarItemLabelProps\n  startElementProps: SidebarItemStartElementProps\n  tooltipProps: SidebarItemTooltipProps\n}\n\nconst [ItemComponentContext, useItemComponentContext] =\n  createContext<ItemComponentContext>({ name: \"ItemComponentContext\" })\n\ninterface SidePanelComponentContext extends Pick<\n  SidebarSidePanelProps,\n  | \"animated\"\n  | \"contentProps\"\n  | \"endElement\"\n  | \"endElementProps\"\n  | \"footerProps\"\n  | \"groupContentProps\"\n  | \"groupProps\"\n  | \"handleProps\"\n  | \"headerProps\"\n  | \"indicator\"\n  | \"indicatorHidden\"\n  | \"indicatorProps\"\n  | \"itemContentProps\"\n  | \"itemProps\"\n  | \"items\"\n  | \"labelProps\"\n  | \"linkProps\"\n  | \"loadingScheme\"\n  | \"menuProps\"\n  | \"render\"\n  | \"startElement\"\n  | \"startElementProps\"\n  | \"tooltipProps\"\n  | \"triggerProps\"\n> {}\n\nconst [SidePanelComponentContext, useSidePanelComponentContext] =\n  createContext<SidePanelComponentContext>({\n    name: \"SidePanelComponentContext\",\n  })\n\nexport interface SidebarRootProps\n  extends\n    HTMLStyledProps<\"div\">,\n    ThemeProps<SidebarStyle>,\n    Omit<UseSidebarProps, \"mobile\"> {\n  /**\n   * The breakpoint to use for the sidebar. If `false`, the sidebar will be always visible.\n   *\n   * @default 'md'\n   */\n  breakpoint?: Exclude<Breakpoint, \"base\"> | false\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SidebarPropsContext,\n  useComponentContext,\n  usePropsContext: useSidebarPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SidebarRootProps, SidebarStyle, ComponentContext>(\n  \"sidebar\",\n  sidebarStyle,\n)\n\nexport { SidebarPropsContext, useSidebarPropsContext }\n\n/**\n * `Sidebar` is a component that is used to display a list of items in a sidebar.\n *\n * @see https://yamada-ui.com/docs/components/sidebar\n */\nexport const SidebarRoot = withProvider<\n  \"div\",\n  SidebarRootProps,\n  \"mode\" | \"placement\"\n>(\n  ({\n    breakpoint = \"md\",\n    mode: modeProp = \"offcanvas\",\n    placement: placementProp = \"start\",\n    ...rest\n  }) => {\n    const mobile =\n      useBreakpointValue<boolean | undefined>(\n        breakpoint ? { [breakpoint]: true } : { base: false },\n      ) ?? false\n    const mode = useValue(modeProp)\n    const placement = useValue(placementProp)\n    const {\n      descendants,\n      expandedValue,\n      open,\n      selectedValue,\n      getContentProps,\n      getFooterProps,\n      getHeaderProps,\n      getRootProps,\n      getSidePanelProps,\n      getTriggerProps,\n      onClose,\n      onExpandedChange,\n      onOpen,\n      onSelectedChange,\n      onToggle,\n    } = useSidebar({ mobile, ...rest })\n    const context = useMemo(\n      () => ({\n        expandedValue,\n        mobile,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      }),\n      [\n        mobile,\n        expandedValue,\n        open,\n        selectedValue,\n        onClose,\n        onExpandedChange,\n        onOpen,\n        onSelectedChange,\n        onToggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      ],\n    )\n\n    return (\n      <SidebarDescendantsContext value={descendants}>\n        <SidebarContext value={context}>\n          <ComponentContext value={componentContext}>\n            <styled.div data-group {...getRootProps()} />\n          </ComponentContext>\n        </SidebarContext>\n      </SidebarDescendantsContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"mode\", \"placement\"] },\n)()\n\nexport interface SidebarMainPanelProps extends HTMLStyledProps {}\n\nexport const SidebarMainPanel = withContext<\"div\", SidebarMainPanelProps>(\n  \"div\",\n  \"mainPanel\",\n)()\n\nexport interface SidebarTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarTrigger = withContext<\"button\", SidebarTriggerProps>(\n  \"button\",\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getTriggerProps(props) }\n})\n\nexport interface SidebarSidePanelProps\n  extends\n    Omit<HTMLStyledProps<\"aside\">, \"content\">,\n    Pick<SidebarContentProps, \"items\">,\n    Pick<\n      SidebarItemProps,\n      | \"animated\"\n      | \"endElement\"\n      | \"endElementProps\"\n      | \"indicator\"\n      | \"indicatorProps\"\n      | \"labelProps\"\n      | \"linkProps\"\n      | \"loadingScheme\"\n      | \"render\"\n      | \"startElement\"\n      | \"startElementProps\"\n      | \"tooltipProps\"\n      | \"triggerProps\"\n    > {\n  /**\n   * The content of the sidebar.\n   */\n  content?: ReactNode\n  /**\n   * The footer of the sidebar.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the sidebar.\n   */\n  header?: ReactNode\n  /**\n   * If `true`, hide the tree indicator icon for all items.\n   *\n   * @default false\n   */\n  indicatorHidden?: boolean\n  /**\n   * If `true`, the sidebar will be rendered with a handle.\n   *\n   * @default true\n   */\n  withHandle?: boolean\n  /**\n   * Props for the content component.\n   */\n  contentProps?: SidebarContentProps\n  /**\n   * Props for the drawer component.\n   */\n  drawerProps?: Omit<\n    Drawer.RootProps,\n    | \"body\"\n    | \"cancel\"\n    | \"children\"\n    | \"footer\"\n    | \"header\"\n    | \"middle\"\n    | \"onCancel\"\n    | \"onClose\"\n    | \"onMiddle\"\n    | \"onOpen\"\n    | \"onSuccess\"\n    | \"open\"\n    | \"success\"\n    | \"title\"\n    | \"trigger\"\n  >\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: SidebarFooterProps\n  /**\n   * Props for the group content component.\n   */\n  groupContentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the group component.\n   */\n  groupProps?: Omit<SidebarGroupProps, \"children\" | \"label\" | \"value\">\n  /**\n   * Props for the handle component.\n   */\n  handleProps?: SidebarHandleProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: SidebarHeaderProps\n  /**\n   * Props for the item content component.\n   */\n  itemContentProps?: SidebarItemContentProps\n  /**\n   * Props for the item component.\n   */\n  itemProps?: Omit<\n    SidebarItemProps,\n    \"children\" | \"items\" | \"label\" | \"open\" | \"value\"\n  >\n  /**\n   * Props for the menu component.\n   *\n   * @default 'md'\n   */\n  menuProps?: SidebarMenuProps\n}\n\nexport const SidebarSidePanel = withContext<\"aside\", SidebarSidePanelProps>(\n  ({\n    animated = true,\n    children,\n    content,\n    endElement,\n    footer,\n    header,\n    indicator,\n    indicatorHidden,\n    items,\n    loadingScheme,\n    render,\n    startElement,\n    withHandle = true,\n    contentProps,\n    drawerProps,\n    endElementProps,\n    footerProps,\n    groupContentProps,\n    groupProps,\n    handleProps,\n    headerProps,\n    indicatorProps,\n    itemContentProps,\n    itemProps,\n    labelProps,\n    linkProps,\n    menuProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mobile, open, onClose } = useSidebarContext()\n    const { breakpoint, placement, getSidePanelProps } = useComponentContext()\n    const [\n      omittedChildren,\n      customHeader,\n      customContent,\n      customFooter,\n      customHandle,\n    ] = useSplitChildren(\n      children,\n      SidebarHeader,\n      SidebarContent,\n      SidebarFooter,\n      SidebarHandle,\n    )\n    const context = useMemo(\n      () => ({\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        loadingScheme,\n        render,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      }),\n      [\n        animated,\n        endElement,\n        indicator,\n        indicatorHidden,\n        items,\n        render,\n        loadingScheme,\n        startElement,\n        contentProps,\n        endElementProps,\n        footerProps,\n        groupContentProps,\n        groupProps,\n        handleProps,\n        headerProps,\n        indicatorProps,\n        itemContentProps,\n        itemProps,\n        labelProps,\n        linkProps,\n        menuProps,\n        startElementProps,\n        tooltipProps,\n        triggerProps,\n      ],\n    )\n\n    return (\n      <SidePanelComponentContext value={context}>\n        {mobile ? (\n          <Drawer.Root\n            size=\"sm\"\n            autoFocus={false}\n            duration={!animated ? 0 : undefined}\n            open={open}\n            placement={`inline-${placement}`}\n            withCloseButton={false}\n            portalProps={{ disabled: true }}\n            onClose={onClose}\n            {...drawerProps}\n          >\n            <Drawer.Content>\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n            </Drawer.Content>\n          </Drawer.Root>\n        ) : (\n          <>\n            <SidebarGap\n              data-animated={dataAttr(animated)}\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n            />\n\n            <styled.aside\n              data-animated={dataAttr(animated)}\n              data-group\n              display={\n                breakpoint\n                  ? { base: undefined, [breakpoint]: \"none\" }\n                  : undefined\n              }\n              {...getSidePanelProps(rest)}\n            >\n              {customHeader ??\n                (header ? <SidebarHeader>{header}</SidebarHeader> : null)}\n              {customContent ??\n                (content || items ? (\n                  <SidebarContent>{content}</SidebarContent>\n                ) : null)}\n              {customFooter ??\n                (footer ? <SidebarFooter>{footer}</SidebarFooter> : null)}\n              {customHandle ?? (withHandle ? <SidebarHandle /> : null)}\n\n              {omittedChildren}\n            </styled.aside>\n          </>\n        )}\n      </SidePanelComponentContext>\n    )\n  },\n  \"sidePanel\",\n)()\n\ninterface SidebarGapProps extends HTMLStyledProps<\"div\"> {}\n\nconst SidebarGap = withContext<\"div\", SidebarGapProps>(\"div\", \"gap\")()\n\nexport interface SidebarHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const SidebarHeader = withContext<\"header\", SidebarHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n  const { headerProps } = useSidePanelComponentContext()\n\n  return getHeaderProps(mergeProps(headerProps, props)())\n})\n\nexport interface SidebarFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const SidebarFooter = withContext<\"footer\", SidebarFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n  const { footerProps } = useSidePanelComponentContext()\n\n  return getFooterProps(mergeProps(footerProps, props)())\n})\n\nexport interface SidebarContentProps extends HTMLStyledProps<\"ul\"> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItem[]\n}\n\nexport const SidebarContent = withContext<\"ul\", SidebarContentProps>(\n  ({ children, items, ...rest }) => {\n    const { getContentProps } = useComponentContext()\n    const { items: rootItems, contentProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (items ?? rootItems)?.map((props, index) => {\n        const key = createKey(props, index)\n\n        if (\"group\" in props) {\n          const { children, group: _, ...rest } = props\n\n          return <SidebarGroup key={key} items={children} {...rest} />\n        } else {\n          const { children, ...rest } = props\n\n          return <SidebarItem key={key} items={children} {...rest} />\n        }\n      })\n    }, [children, items, rootItems])\n\n    return (\n      <styled.ul {...getContentProps(mergeProps(contentProps, rest)())}>\n        {computedChildren}\n      </styled.ul>\n    )\n  },\n  \"content\",\n)()\n\nexport interface SidebarHandleProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarHandle = withContext<\"button\", SidebarHandleProps>(\n  (props) => {\n    const { handleProps } = useSidePanelComponentContext()\n\n    return (\n      <SidebarTrigger {...mergeProps(handleProps, props)()}>\n        <styled.button tabIndex={-1} />\n      </SidebarTrigger>\n    )\n  },\n  \"handle\",\n)()\n\nexport interface SidebarGroupProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"content\" | \"value\">,\n    UseSidebarGroupProps {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarGroupContentProps, \"children\">\n  /**\n   * Props for the label component.\n   */\n  labelProps?: HTMLStyledProps<\"span\">\n}\n\nexport const SidebarGroup = withContext<\"li\", SidebarGroupProps>(\n  ({\n    children,\n    items,\n    label,\n    value: valueProp = isString(label) ? label : undefined,\n    contentProps,\n    labelProps,\n    ...rest\n  }) => {\n    const { groupProps } = useSidePanelComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [children, items])\n    const [omittedChildren, customLabel, customContent] = useSplitChildren(\n      computedChildren,\n      SidebarGroupLabel,\n      SidebarGroupContent,\n    )\n    const { getContentProps, getLabelProps, getRootProps } = useSidebarGroup({\n      ...mergeProps(groupProps, rest)(),\n      value: valueProp,\n    })\n    const context = useMemo(\n      () => ({ contentProps, getContentProps, getLabelProps, labelProps }),\n      [getLabelProps, labelProps, getContentProps, contentProps],\n    )\n\n    return (\n      <GroupComponentContext value={context}>\n        <styled.li {...getRootProps()}>\n          {customLabel ??\n            (label ? <SidebarGroupLabel>{label}</SidebarGroupLabel> : null)}\n          {customContent ?? (\n            <SidebarGroupContent>{omittedChildren}</SidebarGroupContent>\n          )}\n        </styled.li>\n      </GroupComponentContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface SidebarGroupLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarGroupLabel = withContext<\"span\", SidebarGroupLabelProps>(\n  \"span\",\n  \"groupLabel\",\n)(undefined, (props) => {\n  const { getLabelProps, labelProps } = useGroupComponentContext()\n\n  return getLabelProps(mergeProps(labelProps, props)())\n})\n\nexport interface SidebarGroupContentProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarGroupContent = withContext<\"div\", SidebarGroupContentProps>(\n  \"div\",\n  \"groupContent\",\n)(undefined, ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const list = useIncludesChildren(validChildren, SidebarItem)\n  const { groupContentProps } = useSidePanelComponentContext()\n  const { contentProps, getContentProps } = useGroupComponentContext()\n\n  return {\n    as: list ? \"ul\" : \"div\",\n    children,\n    ...getContentProps(mergeProps(groupContentProps, contentProps, rest)()),\n  }\n})\n\nexport interface SidebarMenuProps extends HTMLStyledProps<\"div\"> {}\n\nexport const SidebarMenu = withContext<\"div\", SidebarMenuProps>(\"div\", \"menu\")(\n  undefined,\n  (props) => {\n    const { menuProps } = useSidePanelComponentContext()\n\n    return { \"data-menu\": \"\", ...mergeProps(menuProps, props)() }\n  },\n)\n\nexport interface SidebarMenuButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarMenuButton = withContext<\"button\", SidebarMenuButtonProps>(\n  \"button\",\n  [\"menu\", \"button\"],\n)(undefined, (props) => {\n  const { open } = useSidebarContext()\n  const { mode } = useComponentContext()\n  const { menuProps } = useSidePanelComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n  const { disabled, ...rest } = mergeProps(menuProps, props)()\n\n  return {\n    \"data-menu\": \"\",\n    disabled,\n    ...rest,\n    tabIndex: (!offcanvas || open) && !disabled ? 0 : -1,\n  }\n})\n\nexport interface SidebarItemProps\n  extends\n    Omit<HTMLStyledProps<\"li\">, \"value\">,\n    Omit<UseSidebarItemProps, \"asyncChildren\"> {\n  /**\n   * The label to display in the item.\n   */\n  label: ReactNode\n  /**\n   * If `true`, the sidebar item will be animated.\n   *\n   * @default true\n   */\n  animated?: boolean\n  /**\n   * The element to display at the end of the item.\n   */\n  endElement?: SidebarItemReactNode\n  /**\n   * The sidebar item indicator icon to use.\n   */\n  indicator?: ReactNodeOrFunction<SidebarItemCallBackProps>\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: SidebarItemWithValue[]\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n  /**\n   * If provided, the sidebar item will be rendered with custom components.\n   */\n  render?: SidebarItemRender\n  /**\n   * The element to display at the start of the item.\n   */\n  startElement?: SidebarItemReactNode\n  /**\n   * Props for the content component.\n   */\n  contentProps?: Omit<SidebarItemContentProps, \"children\">\n  /**\n   * Props for the end component.\n   */\n  endElementProps?: SidebarItemEndElementProps\n  /**\n   * Props for the indicator component.\n   */\n  indicatorProps?: SidebarItemIndicatorProps\n  /**\n   * Props for the label component.\n   */\n  labelProps?: SidebarItemLabelProps\n  /**\n   * Props for the link component.\n   */\n  linkProps?: SidebarItemLinkProps\n  /**\n   * Props for the start component.\n   */\n  startElementProps?: SidebarItemStartElementProps\n  /**\n   * Props for the tooltip component.\n   */\n  tooltipProps?: Omit<SidebarItemTooltipProps, \"children\" | \"content\">\n  /**\n   * Props for the trigger component.\n   */\n  triggerProps?: SidebarItemTriggerProps\n  /**\n   * If provided, the sidebar item will be rendered as an async sidebar item.\n   */\n  asyncChildren?: () => Promise<SidebarItemWithValue[]>\n}\n\nexport const SidebarItem = withContext<\"li\", SidebarItemProps>(\n  ({\n    animated: animatedProp,\n    asyncChildren: asyncChildrenProp,\n    children: childrenProp,\n    endElement,\n    indicator: indicatorProp,\n    items,\n    label,\n    loadingScheme,\n    render,\n    startElement,\n    contentProps,\n    endElementProps,\n    indicatorProps,\n    labelProps,\n    linkProps,\n    startElementProps,\n    tooltipProps,\n    triggerProps,\n    ...rest\n  }) => {\n    const { mode } = useComponentContext()\n    const offcanvas = mode === \"offcanvas\"\n    const componentContext = useSidePanelComponentContext()\n    const Loading = useLoadingComponent(\n      loadingScheme ?? componentContext.loadingScheme ?? \"oval\",\n    )\n    const computedChildren = useMemo(() => {\n      if (childrenProp) return childrenProp\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [childrenProp, items])\n    const asyncChildren = useCallback(async () => {\n      const items = await asyncChildrenProp?.()\n\n      return items?.map(({ children, ...rest }, index) => {\n        const key = createKey(rest, index)\n\n        return <SidebarItem key={key} items={children} {...rest} />\n      })\n    }, [asyncChildrenProp])\n    const {\n      branchOpen,\n      children,\n      disabled,\n      expanded,\n      expandedValue,\n      group,\n      groupLoading,\n      groupOpen,\n      open,\n      selected,\n      selectedValue,\n      value,\n      getContentProps,\n      getIndicatorProps,\n      getItemProps,\n      getLabelProps,\n      getLinkProps,\n      getTriggerProps,\n      onExpandedChange,\n      onGroupClose,\n      onGroupOpen,\n      onGroupToggle,\n      onSelectedChange,\n    } = useSidebarItem({\n      ...componentContext.itemProps,\n      ...rest,\n      asyncChildren: asyncChildrenProp ? asyncChildren : undefined,\n      children: computedChildren,\n    })\n    const animated = animatedProp ?? componentContext.animated ?? true\n    const tabIndex = offcanvas\n      ? open && expanded && !disabled\n        ? 0\n        : -1\n      : expanded && !disabled\n        ? 0\n        : -1\n    const callbackProps = useMemo(\n      () => ({ disabled, expanded: groupOpen }),\n      [disabled, groupOpen],\n    )\n    const mergedTriggerProps = useMemo(() => {\n      return getTriggerProps({\n        tabIndex,\n        ...mergeProps(componentContext.triggerProps, triggerProps)(),\n      }) as SidebarItemTriggerProps\n    }, [getTriggerProps, tabIndex, componentContext.triggerProps, triggerProps])\n    const mergedLinkProps = useMemo(() => {\n      return getLinkProps({\n        tabIndex,\n        ...mergeProps(componentContext.linkProps, linkProps)(),\n      }) as SidebarItemLinkProps\n    }, [getLinkProps, tabIndex, componentContext.linkProps, linkProps])\n    const indicator = useMemo<ReactNode>(\n      () => runIfFn(indicatorProp ?? componentContext.indicator, callbackProps),\n      [indicatorProp, componentContext.indicator, callbackProps],\n    )\n    const groupStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const groupEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"group\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const itemStartElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            startElement,\n            componentContext.startElement,\n          ),\n          callbackProps,\n        ),\n      [startElement, componentContext.startElement, callbackProps],\n    )\n    const itemEndElement = useMemo<ReactNode>(\n      () =>\n        runIfFn(\n          getReactNodeOrFunction(\n            \"item\",\n            endElement,\n            componentContext.endElement,\n          ),\n          callbackProps,\n        ),\n      [endElement, componentContext.endElement, callbackProps],\n    )\n    const trigger = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.trigger ?? componentContext.render?.trigger, {\n          endElement: groupEndElement,\n          expanded,\n          expandedValue,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          selected,\n          selectedValue,\n          startElement: groupStartElement,\n          value,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.trigger,\n        componentContext.render?.trigger,\n        groupEndElement,\n        expanded,\n        expandedValue,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        selected,\n        selectedValue,\n        groupStartElement,\n        value,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const link = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.link ?? componentContext.render?.link, {\n          endElement: itemEndElement,\n          expanded,\n          expandedValue,\n          label,\n          selected,\n          selectedValue,\n          startElement: itemStartElement,\n          value,\n          linkProps: mergedLinkProps,\n          onExpandedChange,\n          onSelectedChange,\n        }),\n      [\n        render?.link,\n        componentContext.render?.link,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        label,\n        selected,\n        selectedValue,\n        itemStartElement,\n        value,\n        mergedLinkProps,\n        onExpandedChange,\n        onSelectedChange,\n      ],\n    )\n    const item = useMemo<ReactNode>(\n      () =>\n        runIfFn(render?.item ?? componentContext.render?.item, {\n          children,\n          endElement: { group: groupEndElement, item: itemEndElement },\n          expanded,\n          expandedValue,\n          group,\n          groupLoading,\n          groupOpen,\n          indicator,\n          label,\n          link,\n          selected,\n          selectedValue,\n          startElement: { group: groupStartElement, item: itemStartElement },\n          trigger,\n          value,\n          itemProps: getItemProps() as HTMLStyledProps<\"li\">,\n          linkProps: mergedLinkProps,\n          triggerProps: mergedTriggerProps,\n          onExpandedChange,\n          onGroupClose,\n          onGroupOpen,\n          onGroupToggle,\n          onSelectedChange,\n        }),\n      [\n        render?.item,\n        componentContext.render?.item,\n        children,\n        groupEndElement,\n        itemEndElement,\n        expanded,\n        expandedValue,\n        group,\n        groupLoading,\n        groupOpen,\n        indicator,\n        label,\n        link,\n        selected,\n        selectedValue,\n        groupStartElement,\n        itemStartElement,\n        trigger,\n        value,\n        getItemProps,\n        mergedLinkProps,\n        mergedTriggerProps,\n        onExpandedChange,\n        onGroupClose,\n        onGroupOpen,\n        onGroupToggle,\n        onSelectedChange,\n      ],\n    )\n    const context = useMemo(\n      () => ({ branchOpen, groupOpen }),\n      [branchOpen, groupOpen],\n    )\n    const itemComponentContext = useMemo(\n      () => ({\n        contentProps: {\n          duration: !animated ? 0 : undefined,\n          open: groupOpen,\n          ...getContentProps(\n            mergeProps(componentContext.itemContentProps, contentProps)(),\n          ),\n        },\n        endElementProps: mergeProps(\n          componentContext.endElementProps,\n          endElementProps,\n        )(),\n        indicatorProps: getIndicatorProps({\n          \"data-animated\": dataAttr(animated),\n          ...mergeProps(componentContext.indicatorProps, indicatorProps)(),\n        }) as SidebarItemIndicatorProps,\n        labelProps: getLabelProps(\n          mergeProps(componentContext.labelProps, labelProps)(),\n        ) as SidebarItemLabelProps,\n        startElementProps: mergeProps(\n          componentContext.startElementProps,\n          startElementProps,\n        )(),\n        tooltipProps: {\n          content: label,\n          disabled: open,\n          ...mergeProps(componentContext.tooltipProps, tooltipProps)(),\n        },\n      }),\n      [\n        animated,\n        componentContext.endElementProps,\n        componentContext.indicatorProps,\n        componentContext.itemContentProps,\n        componentContext.labelProps,\n        componentContext.startElementProps,\n        componentContext.tooltipProps,\n        contentProps,\n        endElementProps,\n        getContentProps,\n        getIndicatorProps,\n        getLabelProps,\n        groupOpen,\n        indicatorProps,\n        label,\n        labelProps,\n        open,\n        startElementProps,\n        tooltipProps,\n      ],\n    )\n\n    return (\n      <SidebarItemContext value={context}>\n        <ItemComponentContext value={itemComponentContext}>\n          {item ?? (\n            <styled.li {...getItemProps()}>\n              {group ? (\n                <>\n                  {trigger ?? (\n                    <SidebarItemTrigger {...mergedTriggerProps}>\n                      {groupStartElement ? (\n                        <SidebarItemStartElement>\n                          {groupStartElement}\n                        </SidebarItemStartElement>\n                      ) : null}\n                      {label ? (\n                        <SidebarItemLabel>{label}</SidebarItemLabel>\n                      ) : null}\n                      {groupEndElement ? (\n                        <SidebarItemEndElement>\n                          {groupEndElement}\n                        </SidebarItemEndElement>\n                      ) : null}\n                      <SidebarItemIndicator>\n                        {groupLoading ? (\n                          <Loading />\n                        ) : (\n                          runIfFn(indicator, callbackProps)\n                        )}\n                      </SidebarItemIndicator>\n                    </SidebarItemTrigger>\n                  )}\n\n                  <SidebarItemContent>{children}</SidebarItemContent>\n                </>\n              ) : (\n                (link ?? (\n                  <SidebarItemLink {...mergedLinkProps}>\n                    {itemStartElement ? (\n                      <SidebarItemStartElement>\n                        {itemStartElement}\n                      </SidebarItemStartElement>\n                    ) : null}\n                    {label ? (\n                      <SidebarItemLabel>{label}</SidebarItemLabel>\n                    ) : null}\n                    {itemEndElement ? (\n                      <SidebarItemEndElement>\n                        {itemEndElement}\n                      </SidebarItemEndElement>\n                    ) : null}\n                  </SidebarItemLink>\n                ))\n              )}\n            </styled.li>\n          )}\n        </ItemComponentContext>\n      </SidebarItemContext>\n    )\n  },\n  \"item\",\n)()\n\ninterface SidebarItemTooltipProps extends TooltipProps {}\n\nconst SidebarItemTooltip: FC<SidebarItemTooltipProps> = (props) => {\n  const { tooltipProps } = useItemComponentContext()\n  const { children, disabled, ...rest } = { ...tooltipProps, ...props }\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) {\n    return children\n  } else {\n    return (\n      <Tooltip\n        closeOnClick={false}\n        gutter={16}\n        placement={`center-${placement === \"start\" ? \"end\" : \"start\"}`}\n        {...rest}\n      >\n        {children}\n      </Tooltip>\n    )\n  }\n}\n\nexport interface SidebarItemTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const SidebarItemTrigger = withContext<\n  \"button\",\n  SidebarItemTriggerProps\n>((props) => {\n  return (\n    <SidebarItemTooltip>\n      <styled.button {...props} />\n    </SidebarItemTooltip>\n  )\n}, \"itemTrigger\")()\n\nexport interface SidebarItemLinkProps extends HTMLStyledProps<\"a\"> {}\n\nexport const SidebarItemLink = withContext<\"a\", SidebarItemLinkProps>(\n  (props) => {\n    return (\n      <SidebarItemTooltip>\n        <styled.a {...props} />\n      </SidebarItemTooltip>\n    )\n  },\n  \"itemLink\",\n)()\n\nexport interface SidebarItemContentProps\n  extends\n    Omit<HTMLStyledProps<\"ul\">, \"transition\">,\n    Pick<CollapseProps, \"animationOpacity\" | keyof WithTransitionProps> {}\n\nexport const SidebarItemContent = withContext<\"ul\", SidebarItemContentProps>(\n  (props) => {\n    const { contentProps = {} } = useItemComponentContext()\n\n    return (\n      <Collapse\n        as=\"ul\"\n        {...cast<CollapseProps>(mergeProps(contentProps, props)())}\n      />\n    )\n  },\n  \"itemContent\",\n)()\n\nexport interface SidebarItemIndicatorProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const SidebarItemIndicator = withContext<\n  \"svg\",\n  SidebarItemIndicatorProps\n>(({ children = <ChevronRightIcon />, ...rest }) => {\n  const { indicatorHidden } = useSidePanelComponentContext()\n\n  if (indicatorHidden) return null\n\n  if (isValidElement<HTMLProps<\"svg\">>(children))\n    return cloneElement(children, { ...rest, ...children.props })\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}, \"itemIndicator\")(undefined, (props) => {\n  const { indicatorProps } = useItemComponentContext()\n\n  return mergeProps(indicatorProps, props)()\n})\n\nexport interface SidebarItemStartElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemStartElement = withContext<\n  \"div\",\n  SidebarItemStartElementProps\n>(\"div\", {\n  name: \"ItemStartElement\",\n  slot: [\"itemElement\", \"start\"],\n})(undefined, (props) => {\n  const { startElementProps } = useItemComponentContext()\n\n  return mergeProps(startElementProps, props)()\n})\n\nexport interface SidebarItemEndElementProps extends HTMLStyledProps {}\n\nexport const SidebarItemEndElement = withContext<\n  \"div\",\n  SidebarItemEndElementProps\n>(\"div\", {\n  name: \"ItemEndElement\",\n  slot: [\"itemElement\", \"end\"],\n})(undefined, (props) => {\n  const { endElementProps } = useItemComponentContext()\n\n  return mergeProps(endElementProps, props)()\n})\n\nexport interface SidebarItemLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const SidebarItemLabel = withContext<\"span\", SidebarItemLabelProps>(\n  \"span\",\n  \"itemLabel\",\n)(undefined, (props) => {\n  const { labelProps } = useItemComponentContext()\n\n  return mergeProps(labelProps, props)()\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA,MAAM,aAAa,OAAoB,UAAkB;AACvD,QAAO,WAAW,QAAQ,MAAM,SAAS,QAAQ;;AAGnD,MAAM,0BACJ,MACA,QACA,SACkD;AAClD,iCAAa,OAAO,KAAK,WAAW,UAAU,UAAU,QACtD,QAAO,OAAO;UACL,OACT,QAAO;sCACW,KAAK,KAAK,WAAW,QAAQ,UAAU,MACzD,QAAO,KAAK;KAEZ,QAAO;;AAsBX,MAAM,CAAC,uBAAuB,4BAC5BA,gBAAqC,EAAE,MAAM,yBAAyB,CAAC;AAWzE,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC,EAAE,MAAM,wBAAwB,CAAC;AA8BvE,MAAM,CAAC,2BAA2B,gCAChCA,gBAAyC,EACvC,MAAM,6BACP,CAAC;AAeJ,MAAM,EACJ,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,iBACE,oBACF,WACA,aACD;;;;;;AASD,MAAa,cAAc,cAKxB,EACC,aAAa,MACb,MAAM,WAAW,aACjB,WAAW,gBAAgB,SAC3B,GAAG,WACC;CACJ,MAAM,SACJ,mBACE,aAAa,GAAG,aAAa,MAAM,GAAG,EAAE,MAAM,OAAO,CACtD,IAAI;CACP,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,YAAY,SAAS,cAAc;CACzC,MAAM,EACJ,aACA,eACA,MACA,eACA,iBACA,gBACA,gBACA,cACA,mBACA,iBACA,SACA,kBACA,QACA,kBACA,aACE,WAAW;EAAE;EAAQ,GAAG;EAAM,CAAC;AAgDnC,QACE,oBAAC;EAA0B,OAAO;YAChC,oBAAC;GAAe,OAjDJ,eACP;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;aA2BK,oBAAC;IAAiB,OA1BC,eAChB;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cAMO,oBAAC,OAAO;KAAI;KAAW,GAAI,cAAc;MAAI;KAC5B;IACJ;GACS;GAGhC,QACA,EAAE,eAAe,CAAC,QAAQ,YAAY,EAAE,CACzC,EAAE;AAIH,MAAa,mBAAmB,YAC9B,OACA,YACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,UACA,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;AAEjD,QAAO;EAAE,SAAS;EAAM,GAAG,gBAAgB,MAAM;EAAE;EACnD;AA8GF,MAAa,mBAAmB,aAC7B,EACC,WAAW,MACX,UACA,SACA,YACA,QACA,QACA,WACA,iBACA,OACA,eACA,QACA,cACA,aAAa,MACb,cACA,aACA,iBACA,aACA,mBACA,YACA,aACA,aACA,gBACA,kBACA,WACA,YACA,WACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,MAAM,YAAY,mBAAmB;CACrD,MAAM,EAAE,YAAY,WAAW,sBAAsB,qBAAqB;CAC1E,MAAM,CACJ,iBACA,cACA,eACA,cACA,gBACE,iBACF,UACA,eACA,gBACA,eACA,cACD;AAwDD,QACE,oBAAC;EAA0B,OAxDb,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAII,SACC,oBAACC;GACC,MAAK;GACL,WAAW;GACX,UAAU,CAAC,WAAW,IAAI;GACpB;GACN,WAAW,UAAU;GACrB,iBAAiB;GACjB,aAAa,EAAE,UAAU,MAAM;GACtB;GACT,GAAI;aAEJ,qBAACC;IACE,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;IAErD,kBACE,WAAW,QACV,oBAAC,4BAAgB,UAAyB,GACxC;IAEL,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;OACvC;IACL,GAEd,8CACE,oBAAC;GACC,6CAAwB,SAAS;GACjC,SACE,aACI;IAAE,MAAM;KAAY,aAAa;IAAQ,GACzC;IAEN,EAEF,qBAAC,OAAO;GACN,6CAAwB,SAAS;GACjC;GACA,SACE,aACI;IAAE,MAAM;KAAY,aAAa;IAAQ,GACzC;GAEN,GAAI,kBAAkB,KAAK;;IAE1B,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;IACrD,kBACE,WAAW,QACV,oBAAC,4BAAgB,UAAyB,GACxC;IACL,iBACE,SAAS,oBAAC,2BAAe,SAAuB,GAAG;IACrD,iBAAiB,aAAa,oBAAC,kBAAgB,GAAG;IAElD;;IACY,IACd;GAEqB;GAGhC,YACD,EAAE;AAIH,MAAM,aAAa,YAAoC,OAAO,MAAM,EAAE;AAItE,MAAa,gBAAgB,YAC3B,UACA,SACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,qBAAqB;CAChD,MAAM,EAAE,gBAAgB,8BAA8B;AAEtD,QAAO,eAAe,WAAW,aAAa,MAAM,EAAE,CAAC;EACvD;AAIF,MAAa,gBAAgB,YAC3B,UACA,SACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,qBAAqB;CAChD,MAAM,EAAE,gBAAgB,8BAA8B;AAEtD,QAAO,eAAe,WAAW,aAAa,MAAM,EAAE,CAAC;EACvD;AASF,MAAa,iBAAiB,aAC3B,EAAE,UAAU,OAAO,GAAG,WAAW;CAChC,MAAM,EAAE,oBAAoB,qBAAqB;CACjD,MAAM,EAAE,OAAO,WAAW,iBAAiB,8BAA8B;CACzE,MAAM,mBAAmB,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,UAAQ,SAAS,YAAY,KAAK,OAAO,UAAU;GACjD,MAAM,MAAM,UAAU,OAAO,MAAM;AAEnC,OAAI,WAAW,OAAO;IACpB,MAAM,EAAE,sBAAU,OAAO,GAAG,GAAGC,WAAS;AAExC,WAAO,oBAAC;KAAuB,OAAOC;KAAU,GAAID;OAA1B,IAAkC;UACvD;IACL,MAAM,EAAE,sBAAU,GAAGA,WAAS;AAE9B,WAAO,oBAAC;KAAsB,OAAOC;KAAU,GAAID;OAA1B,IAAkC;;IAE7D;IACD;EAAC;EAAU;EAAO;EAAU,CAAC;AAEhC,QACE,oBAAC,OAAO;EAAG,GAAI,gBAAgB,WAAW,cAAc,KAAK,EAAE,CAAC;YAC7D;GACS;GAGhB,UACD,EAAE;AAIH,MAAa,gBAAgB,aAC1B,UAAU;CACT,MAAM,EAAE,gBAAgB,8BAA8B;AAEtD,QACE,oBAAC;EAAe,GAAI,WAAW,aAAa,MAAM,EAAE;YAClD,oBAAC,OAAO,UAAO,UAAU,KAAM;GAChB;GAGrB,SACD,EAAE;AAwBH,MAAa,eAAe,aACzB,EACC,UACA,OACA,OACA,OAAO,wCAAqB,MAAM,GAAG,QAAQ,QAC7C,cACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,8BAA8B;CAUrD,MAAM,CAAC,iBAAiB,aAAa,iBAAiB,iBAT7B,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,SAAO,OAAO,KAAK,EAAE,sBAAU,GAAGA,UAAQ,UAAU;GAClD,MAAM,MAAM,UAAUA,QAAM,MAAM;AAElC,UAAO,oBAAC;IAAsB,OAAOC;IAAU,GAAID;MAA1B,IAAkC;IAC3D;IACD,CAAC,UAAU,MAAM,CAAC,EAGnB,mBACA,oBACD;CACD,MAAM,EAAE,iBAAiB,eAAe,iBAAiB,gBAAgB;EACvE,GAAG,WAAW,YAAY,KAAK,EAAE;EACjC,OAAO;EACR,CAAC;AAMF,QACE,oBAAC;EAAsB,OANT,eACP;GAAE;GAAc;GAAiB;GAAe;GAAY,GACnE;GAAC;GAAe;GAAY;GAAiB;GAAa,CAC3D;YAIG,qBAAC,OAAO;GAAG,GAAI,cAAc;cAC1B,gBACE,QAAQ,oBAAC,+BAAmB,QAA0B,GAAG,OAC3D,iBACC,oBAAC,iCAAqB,kBAAsC;IAEpD;GACU;GAG5B,QACD,EAAE;AAIH,MAAa,oBAAoB,YAC/B,QACA,aACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,eAAe,eAAe,0BAA0B;AAEhE,QAAO,cAAc,WAAW,YAAY,MAAM,EAAE,CAAC;EACrD;AAIF,MAAa,sBAAsB,YACjC,OACA,eACD,CAAC,SAAY,EAAE,UAAU,GAAG,WAAW;CAEtC,MAAM,OAAO,oBADS,iBAAiB,SAAS,EACA,YAAY;CAC5D,MAAM,EAAE,sBAAsB,8BAA8B;CAC5D,MAAM,EAAE,cAAc,oBAAoB,0BAA0B;AAEpE,QAAO;EACL,IAAI,OAAO,OAAO;EAClB;EACA,GAAG,gBAAgB,WAAW,mBAAmB,cAAc,KAAK,EAAE,CAAC;EACxE;EACD;AAIF,MAAa,cAAc,YAAqC,OAAO,OAAO,CAC5E,SACC,UAAU;CACT,MAAM,EAAE,cAAc,8BAA8B;AAEpD,QAAO;EAAE,aAAa;EAAI,GAAG,WAAW,WAAW,MAAM,EAAE;EAAE;EAEhE;AAID,MAAa,oBAAoB,YAC/B,UACA,CAAC,QAAQ,SAAS,CACnB,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,SAAS,mBAAmB;CACpC,MAAM,EAAE,SAAS,qBAAqB;CACtC,MAAM,EAAE,cAAc,8BAA8B;CACpD,MAAM,YAAY,SAAS;CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,WAAW,WAAW,MAAM,EAAE;AAE5D,QAAO;EACL,aAAa;EACb;EACA,GAAG;EACH,WAAW,CAAC,aAAa,SAAS,CAAC,WAAW,IAAI;EACnD;EACD;AAgFF,MAAa,cAAc,aACxB,EACC,UAAU,cACV,eAAe,mBACf,UAAU,cACV,YACA,WAAW,eACX,OACA,OACA,eACA,QACA,cACA,cACA,iBACA,gBACA,YACA,WACA,mBACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,SAAS,qBAAqB;CACtC,MAAM,YAAY,SAAS;CAC3B,MAAM,mBAAmB,8BAA8B;CACvD,MAAM,UAAU,oBACd,iBAAiB,iBAAiB,iBAAiB,OACpD;CACD,MAAM,mBAAmB,cAAc;AACrC,MAAI,aAAc,QAAO;AAEzB,SAAO,OAAO,KAAK,EAAE,sBAAU,GAAGA,UAAQ,UAAU;GAClD,MAAM,MAAM,UAAUA,QAAM,MAAM;AAElC,UAAO,oBAAC;IAAsB,OAAOC;IAAU,GAAID;MAA1B,IAAkC;IAC3D;IACD,CAAC,cAAc,MAAM,CAAC;CACzB,MAAM,gBAAgB,YAAY,YAAY;AAG5C,UAFc,MAAM,qBAAqB,GAE3B,KAAK,EAAE,sBAAU,GAAGA,UAAQ,UAAU;GAClD,MAAM,MAAM,UAAUA,QAAM,MAAM;AAElC,UAAO,oBAAC;IAAsB,OAAOC;IAAU,GAAID;MAA1B,IAAkC;IAC3D;IACD,CAAC,kBAAkB,CAAC;CACvB,MAAM,EACJ,YACA,UACA,UACA,UACA,eACA,OACA,cACA,WACA,MACA,UACA,eACA,OACA,iBACA,mBACA,cACA,eACA,cACA,iBACA,kBACA,cACA,aACA,eACA,qBACE,eAAe;EACjB,GAAG,iBAAiB;EACpB,GAAG;EACH,eAAe,oBAAoB,gBAAgB;EACnD,UAAU;EACX,CAAC;CACF,MAAM,WAAW,gBAAgB,iBAAiB,YAAY;CAC9D,MAAM,WAAW,YACb,QAAQ,YAAY,CAAC,WACnB,IACA,KACF,YAAY,CAAC,WACX,IACA;CACN,MAAM,gBAAgB,eACb;EAAE;EAAU,UAAU;EAAW,GACxC,CAAC,UAAU,UAAU,CACtB;CACD,MAAM,qBAAqB,cAAc;AACvC,SAAO,gBAAgB;GACrB;GACA,GAAG,WAAW,iBAAiB,cAAc,aAAa,EAAE;GAC7D,CAAC;IACD;EAAC;EAAiB;EAAU,iBAAiB;EAAc;EAAa,CAAC;CAC5E,MAAM,kBAAkB,cAAc;AACpC,SAAO,aAAa;GAClB;GACA,GAAG,WAAW,iBAAiB,WAAW,UAAU,EAAE;GACvD,CAAC;IACD;EAAC;EAAc;EAAU,iBAAiB;EAAW;EAAU,CAAC;CACnE,MAAM,YAAY,yCACF,iBAAiB,iBAAiB,WAAW,cAAc,EACzE;EAAC;EAAe,iBAAiB;EAAW;EAAc,CAC3D;CACD,MAAM,oBAAoB,yCAGpB,uBACE,SACA,cACA,iBAAiB,aAClB,EACD,cACD,EACH;EAAC;EAAc,iBAAiB;EAAc;EAAc,CAC7D;CACD,MAAM,kBAAkB,yCAGlB,uBACE,SACA,YACA,iBAAiB,WAClB,EACD,cACD,EACH;EAAC;EAAY,iBAAiB;EAAY;EAAc,CACzD;CACD,MAAM,mBAAmB,yCAGnB,uBACE,QACA,cACA,iBAAiB,aAClB,EACD,cACD,EACH;EAAC;EAAc,iBAAiB;EAAc;EAAc,CAC7D;CACD,MAAM,iBAAiB,yCAGjB,uBACE,QACA,YACA,iBAAiB,WAClB,EACD,cACD,EACH;EAAC;EAAY,iBAAiB;EAAY;EAAc,CACzD;CACD,MAAM,UAAU,yCAEJ,QAAQ,WAAW,iBAAiB,QAAQ,SAAS;EAC3D,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,OAAO,yCAED,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,WAAW;EACX;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,OAAO,yCAED,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD;EACA,YAAY;GAAE,OAAO;GAAiB,MAAM;GAAgB;EAC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;GAAE,OAAO;GAAmB,MAAM;GAAkB;EAClE;EACA;EACA,WAAW,cAAc;EACzB,WAAW;EACX,cAAc;EACd;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0DD,QACE,oBAAC;EAAmB,OA1DN,eACP;GAAE;GAAY;GAAW,GAChC,CAAC,YAAY,UAAU,CACxB;YAwDG,oBAAC;GAAqB,OAvDG,eACpB;IACL,cAAc;KACZ,UAAU,CAAC,WAAW,IAAI;KAC1B,MAAM;KACN,GAAG,gBACD,WAAW,iBAAiB,kBAAkB,aAAa,EAAE,CAC9D;KACF;IACD,iBAAiB,WACf,iBAAiB,iBACjB,gBACD,EAAE;IACH,gBAAgB,kBAAkB;KA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"}

package/dist/esm/components/sidebar/sidebar.style.js

@@ -0,0 +1,380 @@
+import { defineComponentSlotStyle } from "../../core/system/config.js";
+import "../../core/index.js";
+
+//#region src/components/sidebar/sidebar.style.ts
+const sidebarMenuStyle = {
+	alignItems: "center",
+	cursor: "pointer",
+	display: "flex",
+	fontSize: "{side-panel-item-font-size}",
+	gap: "{side-panel-space}",
+	h: "{side-panel-item-size}",
+	lineHeight: "{side-panel-item-size}",
+	minW: "{side-panel-item-size}",
+	overflowX: "hidden",
+	px: "{side-panel-space}",
+	rounded: "{side-panel-item-rounded}",
+	transitionDuration: "moderate",
+	transitionProperty: "common",
+	userSelect: "none",
+	w: "full",
+	_hover: { bg: "bg.subtle" },
+	_disabled: { layerStyle: "disabled" }
+};
+const getSidebarTransitionStyle = (transitionProperty) => ({
+	transitionDuration: "{side-panel-duration}",
+	transitionProperty,
+	transitionTimingFunction: "{side-panel-timing-function}"
+});
+const sidebarStyle = defineComponentSlotStyle({
+	base: {
+		button: {},
+		content: {
+			alignItems: "stretch",
+			display: "flex",
+			flex: "1",
+			flexDirection: "column",
+			gap: "{side-panel-gap}",
+			overflowY: "auto",
+			px: "{side-panel-space}"
+		},
+		footer: {
+			"& [data-menu]": {
+				h: "auto",
+				minW: "auto",
+				p: "{side-panel-space}"
+			},
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			gap: "{side-panel-gap}",
+			p: "{side-panel-space}"
+		},
+		gap: {
+			w: "{side-panel-expanded-width}",
+			_animated: getSidebarTransitionStyle("width"),
+			_groupCollapsed: { w: "{side-panel-collapsed-width}" }
+		},
+		group: {
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			_notFirst: { pt: "calc({side-panel-gap} * 3)" }
+		},
+		groupContent: {
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			gap: "{side-panel-gap}"
+		},
+		groupLabel: {
+			color: "fg.muted",
+			fontSize: "{side-panel-group-font-size}",
+			h: "{side-panel-item-size}",
+			lineHeight: "{side-panel-item-size}",
+			mb: "{side-panel-gap}",
+			minW: "{side-panel-item-size}",
+			px: "{side-panel-space}",
+			truncated: true
+		},
+		handle: {
+			focusVisibleRing: "none",
+			insetY: "0",
+			position: "absolute",
+			transitionDuration: "moderate",
+			transitionProperty: "backgrounds",
+			w: "{side-panel-handle-width}",
+			zIndex: "yamcha",
+			_after: {
+				insetY: "0",
+				position: "absolute",
+				transitionDuration: "moderate",
+				transitionProperty: "left, right, background, transform",
+				w: "1px"
+			},
+			_hover: { _after: { bg: "colorScheme.muted" } },
+			_focusVisible: { _after: { bg: "colorScheme.outline" } }
+		},
+		header: {
+			"& [data-menu]": {
+				h: "auto",
+				minW: "auto",
+				p: "{side-panel-space}"
+			},
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			p: "{side-panel-space}"
+		},
+		item: {
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			position: "relative"
+		},
+		itemContent: {
+			"& > :first-of-type": { mt: "{side-panel-gap}" },
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			gap: "{side-panel-gap}"
+		},
+		itemElement: {
+			display: "inline-center",
+			gap: "{side-panel-gap}",
+			_icon: { fontSize: "{side-panel-item-icon-size}" }
+		},
+		itemIndicator: {
+			color: "fg.subtle",
+			fontSize: "{side-panel-item-icon-size}",
+			transformOrigin: "center",
+			_animated: {
+				transitionDuration: "moderate",
+				transitionProperty: "transform"
+			},
+			_expanded: { transform: "rotate(90deg)" }
+		},
+		itemLabel: {
+			flex: "1",
+			textAlign: "left",
+			truncated: true
+		},
+		itemLink: {
+			focusVisibleRing: "inside",
+			...sidebarMenuStyle
+		},
+		itemTrigger: {
+			focusVisibleRing: "inside",
+			...sidebarMenuStyle
+		},
+		mainPanel: { flex: "1" },
+		menu: sidebarMenuStyle,
+		root: {
+			"--height": "100dvh",
+			"--side-panel-depth-space": "calc(({side-panel-space} * 2) - 1px)",
+			"--side-panel-duration": "durations.moderate",
+			"--side-panel-expanded-width": "sizes.xs",
+			"--side-panel-gap": "calc({side-panel-space} / 2)",
+			"--side-panel-group-font-size": "fontSizes.xs",
+			"--side-panel-handle-width": "calc({side-panel-space} * 2)",
+			"--side-panel-height": "{height}",
+			"--side-panel-item-font-size": "fontSizes.sm",
+			"--side-panel-item-icon-size": "fontSizes.md",
+			"--side-panel-item-size": "sizes.8",
+			"--side-panel-space": "spaces.2",
+			"--side-panel-timing-function": "linear",
+			display: "flex",
+			minH: "{height}",
+			w: "full"
+		},
+		sidePanel: {
+			alignItems: "stretch",
+			display: "flex",
+			flexDirection: "column",
+			h: "{side-panel-height}",
+			position: "fixed",
+			w: "{side-panel-expanded-width}",
+			_animated: getSidebarTransitionStyle("left, right, width")
+		}
+	},
+	props: {
+		mode: {
+			icon: {
+				footer: { "& [data-menu]": {
+					_groupAnimated: getSidebarTransitionStyle("padding"),
+					_groupCollapsed: { p: "0" }
+				} },
+				group: {
+					_groupAnimated: getSidebarTransitionStyle("padding"),
+					_groupCollapsed: { pt: "0" }
+				},
+				groupContent: {
+					_groupAnimated: getSidebarTransitionStyle("padding"),
+					_groupCollapsed: { ps: "0" }
+				},
+				groupLabel: {
+					opacity: "1",
+					_groupAnimated: getSidebarTransitionStyle("margin, opacity"),
+					_groupCollapsed: {
+						mt: "calc(({side-panel-item-size} + {side-panel-gap}) * -1)",
+						opacity: "0",
+						pointerEvents: "none"
+					}
+				},
+				header: { "& [data-menu]": {
+					_groupAnimated: getSidebarTransitionStyle("padding"),
+					_groupCollapsed: { p: "0" }
+				} },
+				itemContent: {
+					_groupAnimated: getSidebarTransitionStyle("padding"),
+					_groupCollapsed: { ps: "0" }
+				},
+				itemIndicator: {
+					opacity: "1",
+					_groupAnimated: getSidebarTransitionStyle("opacity"),
+					_groupCollapsed: { opacity: "0" }
+				},
+				itemLabel: {
+					opacity: "1",
+					_groupAnimated: getSidebarTransitionStyle("opacity"),
+					_groupCollapsed: { opacity: "0" }
+				},
+				root: { "--side-panel-collapsed-width": "sizes.7xs" },
+				sidePanel: { _groupCollapsed: { w: "{side-panel-collapsed-width}" } }
+			},
+			offcanvas: {
+				handle: { _groupCollapsed: { _hover: { bg: "colorScheme.ghost" } } },
+				root: { "--side-panel-collapsed-width": "0" }
+			}
+		},
+		placement: {
+			end: {
+				gap: { order: "2" },
+				handle: {
+					cursor: "e-resize",
+					left: "0",
+					transform: "translateX(-50%)",
+					_after: {
+						left: "50%",
+						transform: "translateX(-50%)"
+					},
+					_groupCollapsed: { cursor: "w-resize" }
+				},
+				mainPanel: { order: "1" },
+				sidePanel: { right: "0" }
+			},
+			start: {
+				gap: { order: "1" },
+				handle: {
+					cursor: "w-resize",
+					right: "0",
+					transform: "translateX(50%)",
+					_after: {
+						right: "50%",
+						transform: "translateX(50%)"
+					},
+					_groupCollapsed: { cursor: "e-resize" }
+				},
+				mainPanel: { order: "2" },
+				sidePanel: { left: "0" }
+			}
+		},
+		shape: {
+			circle: {
+				itemLink: { ps: "calc({side-panel-space} * 2)" },
+				itemTrigger: { ps: "calc({side-panel-space} * 2)" },
+				root: { "--side-panel-item-rounded": "radii.full" }
+			},
+			rounded: { root: { "--side-panel-item-rounded": "radii.l2" } },
+			square: { root: { "--side-panel-item-rounded": "0" } }
+		},
+		withGroupGuideLine: { true: { groupContent: {
+			position: "relative",
+			ps: "calc({side-panel-depth-space} * 2)",
+			_before: {
+				bg: "border",
+				display: "block",
+				h: "full",
+				left: "{side-panel-depth-space}",
+				position: "absolute",
+				transform: "translateX(-50%)",
+				w: "px",
+				zIndex: "yamcha"
+			}
+		} } },
+		withGuideLine: {
+			false: { itemContent: { ps: "{side-panel-depth-space}" } },
+			true: { itemContent: {
+				position: "relative",
+				ps: "calc({side-panel-depth-space} * 2)",
+				_before: {
+					bg: "border",
+					display: "block",
+					h: "calc({sizes.full} - {side-panel-gap})",
+					left: "{side-panel-depth-space}",
+					position: "absolute",
+					top: "{side-panel-gap}",
+					transform: "translateX(-50%)",
+					w: "px",
+					zIndex: "yamcha"
+				}
+			} }
+		}
+	},
+	variants: {
+		outline: {
+			itemLink: { _selected: { layerStyle: "outline" } },
+			itemTrigger: { _selected: { layerStyle: "outline" } }
+		},
+		solid: {
+			itemLink: { _selected: { layerStyle: "solid" } },
+			itemTrigger: { _selected: { layerStyle: "solid" } }
+		},
+		subtle: {
+			itemLink: { _selected: { layerStyle: "subtle" } },
+			itemTrigger: { _selected: { layerStyle: "subtle" } }
+		},
+		surface: {
+			itemLink: { _selected: { layerStyle: "surface" } },
+			itemTrigger: { _selected: { layerStyle: "surface" } }
+		}
+	},
+	compounds: [
+		{
+			css: {
+				handle: { _groupCollapsed: { _after: {
+					right: "0",
+					transform: "translateX(0%)"
+				} } },
+				sidePanel: { _groupCollapsed: { left: "calc({side-panel-expanded-width} * -1)" } }
+			},
+			mode: "offcanvas",
+			placement: "start"
+		},
+		{
+			css: {
+				handle: { _groupCollapsed: { _after: {
+					left: "0",
+					transform: "translateX(0%)"
+				} } },
+				sidePanel: { _groupCollapsed: { right: "calc({side-panel-expanded-width} * -1)" } }
+			},
+			mode: "offcanvas",
+			placement: "end"
+		},
+		{
+			css: { groupContent: {
+				_before: { ...getSidebarTransitionStyle("opacity") },
+				_groupCollapsed: { _before: {
+					opacity: "0",
+					pointerEvents: "none"
+				} }
+			} },
+			mode: "icon",
+			withGroupGuideLine: true
+		},
+		{
+			css: { itemContent: {
+				_before: getSidebarTransitionStyle("opacity"),
+				_groupCollapsed: { _before: {
+					opacity: "0",
+					pointerEvents: "none"
+				} }
+			} },
+			mode: "icon",
+			withGuideLine: true
+		}
+	],
+	defaultProps: {
+		variant: "subtle",
+		mode: "offcanvas",
+		placement: "start",
+		shape: "rounded",
+		withGroupGuideLine: false,
+		withGuideLine: false
+	}
+});
+
+//#endregion
+export { sidebarStyle };
+//# sourceMappingURL=sidebar.style.js.map

package/dist/esm/components/sidebar/sidebar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.style.js","names":["sidebarMenuStyle: CSSObject"],"sources":["../../../../src/components/sidebar/sidebar.style.ts"],"sourcesContent":["import type {\n  CSSObject,\n  DefineComponentStyleSlotModifiers,\n  DefineComponentStyleSlotProps,\n} from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\n\ntype Slot =\n  | \"button\"\n  | \"content\"\n  | \"footer\"\n  | \"gap\"\n  | \"group\"\n  | \"groupContent\"\n  | \"groupLabel\"\n  | \"handle\"\n  | \"header\"\n  | \"item\"\n  | \"itemContent\"\n  | \"itemElement\"\n  | \"itemIndicator\"\n  | \"itemLabel\"\n  | \"itemLink\"\n  | \"itemTrigger\"\n  | \"mainPanel\"\n  | \"menu\"\n  | \"root\"\n  | \"sidePanel\"\n\nconst sidebarMenuStyle: CSSObject = {\n  alignItems: \"center\",\n  cursor: \"pointer\",\n  display: \"flex\",\n  fontSize: \"{side-panel-item-font-size}\",\n  gap: \"{side-panel-space}\",\n  h: \"{side-panel-item-size}\",\n  lineHeight: \"{side-panel-item-size}\",\n  minW: \"{side-panel-item-size}\",\n  overflowX: \"hidden\",\n  px: \"{side-panel-space}\",\n  rounded: \"{side-panel-item-rounded}\",\n  transitionDuration: \"moderate\",\n  transitionProperty: \"common\",\n  userSelect: \"none\",\n  w: \"full\",\n  _hover: { bg: \"bg.subtle\" },\n  _disabled: { layerStyle: \"disabled\" },\n}\n\nconst getSidebarTransitionStyle = (\n  transitionProperty: CSSObject[\"transitionProperty\"],\n) => ({\n  transitionDuration: \"{side-panel-duration}\",\n  transitionProperty,\n  transitionTimingFunction: \"{side-panel-timing-function}\",\n})\n\nexport const sidebarStyle = defineComponentSlotStyle<\n  Slot,\n  DefineComponentStyleSlotProps<\n    Slot,\n    {\n      mode: \"icon\" | \"offcanvas\"\n      placement: \"end\" | \"start\"\n      shape: \"circle\" | \"rounded\" | \"square\"\n      withGroupGuideLine: \"true\"\n      withGuideLine: \"false\" | \"true\"\n    }\n  >,\n  DefineComponentStyleSlotModifiers<Slot>,\n  DefineComponentStyleSlotModifiers<\n    Slot,\n    \"outline\" | \"solid\" | \"subtle\" | \"surface\"\n  >\n>({\n  base: {\n    button: {},\n    content: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      overflowY: \"auto\",\n      px: \"{side-panel-space}\",\n    },\n    footer: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n      p: \"{side-panel-space}\",\n    },\n    gap: {\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"width\"),\n      _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n    },\n    group: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      _notFirst: { pt: \"calc({side-panel-gap} * 3)\" },\n    },\n    groupContent: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    groupLabel: {\n      color: \"fg.muted\",\n      fontSize: \"{side-panel-group-font-size}\",\n      h: \"{side-panel-item-size}\",\n      lineHeight: \"{side-panel-item-size}\",\n      mb: \"{side-panel-gap}\",\n      minW: \"{side-panel-item-size}\",\n      px: \"{side-panel-space}\",\n      truncated: true,\n    },\n    handle: {\n      focusVisibleRing: \"none\",\n      insetY: \"0\",\n      position: \"absolute\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"backgrounds\",\n      w: \"{side-panel-handle-width}\",\n      zIndex: \"yamcha\",\n      _after: {\n        insetY: \"0\",\n        position: \"absolute\",\n        transitionDuration: \"moderate\",\n        transitionProperty: \"left, right, background, transform\",\n        w: \"1px\",\n      },\n      _hover: { _after: { bg: \"colorScheme.muted\" } },\n      _focusVisible: { _after: { bg: \"colorScheme.outline\" } },\n    },\n    header: {\n      \"& [data-menu]\": { h: \"auto\", minW: \"auto\", p: \"{side-panel-space}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      p: \"{side-panel-space}\",\n    },\n    item: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      position: \"relative\",\n    },\n    itemContent: {\n      \"& > :first-of-type\": { mt: \"{side-panel-gap}\" },\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"{side-panel-gap}\",\n    },\n    itemElement: {\n      display: \"inline-center\",\n      gap: \"{side-panel-gap}\",\n      _icon: { fontSize: \"{side-panel-item-icon-size}\" },\n    },\n    itemIndicator: {\n      color: \"fg.subtle\",\n      fontSize: \"{side-panel-item-icon-size}\",\n      transformOrigin: \"center\",\n      _animated: {\n        transitionDuration: \"moderate\",\n        transitionProperty: \"transform\",\n      },\n      _expanded: { transform: \"rotate(90deg)\" },\n    },\n    itemLabel: { flex: \"1\", textAlign: \"left\", truncated: true },\n    itemLink: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    itemTrigger: { focusVisibleRing: \"inside\", ...sidebarMenuStyle },\n    mainPanel: { flex: \"1\" },\n    menu: sidebarMenuStyle,\n    root: {\n      \"--height\": \"100dvh\",\n      \"--side-panel-depth-space\": \"calc(({side-panel-space} * 2) - 1px)\",\n      \"--side-panel-duration\": \"durations.moderate\",\n      \"--side-panel-expanded-width\": \"sizes.xs\",\n      \"--side-panel-gap\": \"calc({side-panel-space} / 2)\",\n      \"--side-panel-group-font-size\": \"fontSizes.xs\",\n      \"--side-panel-handle-width\": \"calc({side-panel-space} * 2)\",\n      \"--side-panel-height\": \"{height}\",\n      \"--side-panel-item-font-size\": \"fontSizes.sm\",\n      \"--side-panel-item-icon-size\": \"fontSizes.md\",\n      \"--side-panel-item-size\": \"sizes.8\",\n      \"--side-panel-space\": \"spaces.2\",\n      \"--side-panel-timing-function\": \"linear\",\n      display: \"flex\",\n      minH: \"{height}\",\n      w: \"full\",\n    },\n    sidePanel: {\n      alignItems: \"stretch\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      h: \"{side-panel-height}\",\n      position: \"fixed\",\n      w: \"{side-panel-expanded-width}\",\n      _animated: getSidebarTransitionStyle(\"left, right, width\"),\n    },\n  },\n\n  props: {\n    /**\n     * The mode of the sidebar\n     *\n     * @default 'offcanvas'\n     */\n    mode: {\n      icon: {\n        footer: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        group: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { pt: \"0\" },\n        },\n        groupContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        groupLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"margin, opacity\"),\n          _groupCollapsed: {\n            mt: \"calc(({side-panel-item-size} + {side-panel-gap}) * -1)\",\n            opacity: \"0\",\n            pointerEvents: \"none\",\n          },\n        },\n        header: {\n          \"& [data-menu]\": {\n            _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n            _groupCollapsed: { p: \"0\" },\n          },\n        },\n        itemContent: {\n          _groupAnimated: getSidebarTransitionStyle(\"padding\"),\n          _groupCollapsed: { ps: \"0\" },\n        },\n        itemIndicator: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        itemLabel: {\n          opacity: \"1\",\n          _groupAnimated: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { opacity: \"0\" },\n        },\n        root: { \"--side-panel-collapsed-width\": \"sizes.7xs\" },\n        sidePanel: {\n          _groupCollapsed: { w: \"{side-panel-collapsed-width}\" },\n        },\n      },\n      offcanvas: {\n        handle: {\n          _groupCollapsed: { _hover: { bg: \"colorScheme.ghost\" } },\n        },\n        root: { \"--side-panel-collapsed-width\": \"0\" },\n      },\n    },\n    /**\n     * The placement of the sidebar\n     *\n     * @default 'start'\n     */\n    placement: {\n      end: {\n        gap: { order: \"2\" },\n        handle: {\n          cursor: \"e-resize\",\n          left: \"0\",\n          transform: \"translateX(-50%)\",\n          _after: {\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          },\n          _groupCollapsed: { cursor: \"w-resize\" },\n        },\n        mainPanel: { order: \"1\" },\n        sidePanel: { right: \"0\" },\n      },\n      start: {\n        gap: { order: \"1\" },\n        handle: {\n          cursor: \"w-resize\",\n          right: \"0\",\n          transform: \"translateX(50%)\",\n          _after: {\n            right: \"50%\",\n            transform: \"translateX(50%)\",\n          },\n          _groupCollapsed: { cursor: \"e-resize\" },\n        },\n        mainPanel: { order: \"2\" },\n        sidePanel: { left: \"0\" },\n      },\n    },\n    /**\n     * The shape of the component\n     *\n     * @default 'rounded'\n     */\n    shape: {\n      circle: {\n        itemLink: { ps: \"calc({side-panel-space} * 2)\" },\n        itemTrigger: { ps: \"calc({side-panel-space} * 2)\" },\n        root: { \"--side-panel-item-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--side-panel-item-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--side-panel-item-rounded\": \"0\" },\n      },\n    },\n    /**\n     * If `true`, display group guide lines.\n     *\n     * @default false\n     */\n    withGroupGuideLine: {\n      true: {\n        groupContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"full\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n    /**\n     * If `true`, display guide lines.\n     *\n     * @default false\n     */\n    withGuideLine: {\n      false: {\n        itemContent: { ps: \"{side-panel-depth-space}\" },\n      },\n      true: {\n        itemContent: {\n          position: \"relative\",\n          ps: \"calc({side-panel-depth-space} * 2)\",\n          _before: {\n            bg: \"border\",\n            display: \"block\",\n            h: \"calc({sizes.full} - {side-panel-gap})\",\n            left: \"{side-panel-depth-space}\",\n            position: \"absolute\",\n            top: \"{side-panel-gap}\",\n            transform: \"translateX(-50%)\",\n            w: \"px\",\n            zIndex: \"yamcha\",\n          },\n        },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      itemLink: { _selected: { layerStyle: \"outline\" } },\n      itemTrigger: { _selected: { layerStyle: \"outline\" } },\n    },\n    solid: {\n      itemLink: { _selected: { layerStyle: \"solid\" } },\n      itemTrigger: { _selected: { layerStyle: \"solid\" } },\n    },\n    subtle: {\n      itemLink: { _selected: { layerStyle: \"subtle\" } },\n      itemTrigger: { _selected: { layerStyle: \"subtle\" } },\n    },\n    surface: {\n      itemLink: { _selected: { layerStyle: \"surface\" } },\n      itemTrigger: { _selected: { layerStyle: \"surface\" } },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { right: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { left: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"start\",\n    },\n    {\n      css: {\n        handle: {\n          _groupCollapsed: {\n            _after: { left: \"0\", transform: \"translateX(0%)\" },\n          },\n        },\n        sidePanel: {\n          _groupCollapsed: { right: \"calc({side-panel-expanded-width} * -1)\" },\n        },\n      },\n      mode: \"offcanvas\",\n      placement: \"end\",\n    },\n    {\n      css: {\n        groupContent: {\n          _before: { ...getSidebarTransitionStyle(\"opacity\") },\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGroupGuideLine: true,\n    },\n    {\n      css: {\n        itemContent: {\n          _before: getSidebarTransitionStyle(\"opacity\"),\n          _groupCollapsed: { _before: { opacity: \"0\", pointerEvents: \"none\" } },\n        },\n      },\n      mode: \"icon\",\n      withGuideLine: true,\n    },\n  ],\n\n  defaultProps: {\n    variant: \"subtle\",\n    mode: \"offcanvas\",\n    placement: \"start\",\n    shape: \"rounded\",\n    withGroupGuideLine: false,\n    withGuideLine: false,\n  },\n})\n\nexport type SidebarStyle = typeof sidebarStyle\n"],"mappings":"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"}