@yamada-ui/react 2.3.2-dev-20261104093107 → 2.3.2-dev-20261104222056

package/dist/cjs/components/modal/modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal.cjs","names":["createSlotComponent","modalStyle","useSplitChildren","useModal","useMemo","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","mergeProps","CloseButton","useValue","motion","fadeVariants","usePopupAnimationProps","wrapOrPassProps","Button"],"sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { ModalStyle } from \"./modal.style\"\nimport type { UseModalProps, UseModalReturn } from \"./use-modal\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends\n    Omit<UseModalReturn, \"getRootProps\">,\n    UsePopupAnimationProps,\n    Pick<\n      ModalRootProps,\n      | \"bodyProps\"\n      | \"closeButtonProps\"\n      | \"closeTriggerProps\"\n      | \"contentProps\"\n      | \"footerProps\"\n      | \"headerProps\"\n      | \"openTriggerProps\"\n      | \"overlayProps\"\n      | \"titleProps\"\n      | \"withCloseButton\"\n    > {}\n\nexport interface ModalRootProps\n  extends\n    Omit<HTMLStyledProps<\"div\">, \"scrollBehavior\" | \"title\">,\n    ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    UsePopupAnimationProps,\n    ShorthandModalContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the modal close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the modal overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props for body element.\n   */\n  bodyProps?: Omit<ModalBodyProps, \"children\">\n  /**\n   * Props for close button element.\n   */\n  closeButtonProps?: Omit<ModalCloseButtonProps, \"children\">\n  /**\n   * Props for close trigger element.\n   */\n  closeTriggerProps?: Omit<ModalCloseTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for content element.\n   */\n  contentProps?: Omit<ModalContentProps, \"children\">\n  /**\n   * Props for footer element.\n   */\n  footerProps?: Omit<ModalFooterProps, \"children\">\n  /**\n   * Props for header element.\n   */\n  headerProps?: Omit<ModalHeaderProps, \"children\">\n  /**\n   * Props for open trigger element.\n   */\n  openTriggerProps?: Omit<ModalOpenTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for overlay element.\n   */\n  overlayProps?: Omit<ModalOverlayProps, \"children\">\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for title element.\n   */\n  titleProps?: Omit<ModalTitleProps, \"children\">\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ModalPropsContext,\n  useComponentContext,\n  usePropsContext: useModalPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ModalRootProps, ModalStyle, ComponentContext>(\n  \"modal\",\n  modalStyle,\n)\n\nexport { ModalPropsContext, useModalPropsContext }\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see https://yamada-ui.com/docs/components/modal\n */\nexport const ModalRoot = withProvider<\"div\", ModalRootProps>(\n  ({\n    allowPinchZoom = false,\n    animationScheme = \"scale\",\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    duration,\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = true,\n    withOverlay = true,\n    bodyProps,\n    closeButtonProps,\n    closeTriggerProps,\n    contentProps,\n    footerProps,\n    headerProps,\n    openTriggerProps,\n    overlayProps,\n    portalProps,\n    titleProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      ModalOpenTrigger,\n      ModalOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useModal(props)\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        bodyProps,\n        closeButtonProps,\n        closeTriggerProps,\n        contentProps,\n        footerProps,\n        headerProps,\n        openTriggerProps,\n        overlayProps,\n        titleProps,\n        ...rest,\n      }),\n      [\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        contentProps,\n        bodyProps,\n        footerProps,\n        headerProps,\n        titleProps,\n        openTriggerProps,\n        closeTriggerProps,\n        closeButtonProps,\n        overlayProps,\n        rest,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <ModalOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandModalContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface ModalOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalOpenTrigger = withContext<\"button\", ModalOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps, openTriggerProps } = useComponentContext()\n\n  return {\n    asChild: true,\n    ...getOpenTriggerProps(mergeProps(openTriggerProps, props)()),\n  }\n})\n\nexport interface ModalCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalCloseTrigger = withContext<\"button\", ModalCloseTriggerProps>(\n  \"button\",\n  { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] },\n)(undefined, (props) => {\n  const { closeTriggerProps, getCloseTriggerProps } = useComponentContext()\n\n  return {\n    asChild: true,\n    ...getCloseTriggerProps(mergeProps(closeTriggerProps, props)()),\n  }\n})\n\nexport interface ModalCloseButtonProps extends CloseButtonProps {}\n\nexport const ModalCloseButton = withContext<\"button\", ModalCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { closeButtonProps, getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(mergeProps(closeButtonProps, props)()) }\n})\n\nexport interface ModalOverlayProps extends HTMLMotionProps {}\n\nexport const ModalOverlay = withContext<\"div\", ModalOverlayProps>((props) => {\n  const {\n    animationScheme,\n    duration: durationProp,\n    getOverlayProps,\n    overlayProps,\n  } = useComponentContext()\n  const duration = useValue(durationProp)\n\n  return (\n    <motion.div\n      custom={{ duration }}\n      {...(animationScheme !== \"none\"\n        ? {\n            animate: \"enter\",\n            exit: \"exit\",\n            initial: \"exit\",\n            variants: fadeVariants,\n          }\n        : {})}\n      {...cast<HTMLMotionProps>(\n        getOverlayProps(cast<HTMLProps>(mergeProps(overlayProps, props)())),\n      )}\n    />\n  )\n}, \"overlay\")()\n\nexport interface ModalContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      animationScheme,\n      duration,\n      withCloseButton,\n      contentProps,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton] = useSplitChildren(\n      children,\n      ModalCloseButton,\n    )\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(\n            cast<HTMLProps<\"section\">>(mergeProps(contentProps, rest)()),\n          ),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {omittedChildren}\n      </motion.section>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandModalContentProps {\n  /**\n   * The modal body to use.\n   */\n  body?: ModalBodyProps | ReactNode\n  /**\n   * The modal cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The modal footer to use.\n   */\n  footer?: ModalFooterProps | ReactNode\n  /**\n   * The modal header to use.\n   */\n  header?: ModalHeaderProps | ReactNode\n  /**\n   * The modal middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The modal success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The modal title to use.\n   */\n  title?: ModalTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nconst ShorthandModalContent: FC<ShorthandModalContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(ModalHeader, header)\n  const customTitle = wrapOrPassProps(ModalTitle, title)\n  const customBody = wrapOrPassProps(ModalBody, body)\n  const customFooter = wrapOrPassProps(ModalFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <ModalContent>\n      {customHeader ??\n        (customTitle ? <ModalHeader>{customTitle}</ModalHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <ModalFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </ModalFooter>\n        ) : null)}\n    </ModalContent>\n  )\n}\n\nexport interface ModalHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const ModalHeader = withContext<\"header\", ModalHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps, headerProps } = useComponentContext()\n\n  return { ...getHeaderProps(mergeProps(headerProps, props)()) }\n})\n\nexport interface ModalTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const ModalTitle = withContext<\"h2\", ModalTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps, titleProps } = useComponentContext()\n\n    return { ...getTitleProps(mergeProps(titleProps, props)()) }\n  },\n)\n\nexport interface ModalBodyProps extends HTMLStyledProps {}\n\nexport const ModalBody = withContext<\"div\", ModalBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { bodyProps, getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(mergeProps(bodyProps, props)()) }\n  },\n)\n\nexport interface ModalFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const ModalFooter = withContext<\"footer\", ModalFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { footerProps, getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(mergeProps(footerProps, props)()) }\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuIA,MAAM,EACJ,kBACA,cAAc,mBACd,qBACA,iBAAiB,sBACjB,aACA,iBACEA,yBAAAA,oBACF,SACAC,oBAAAA,UACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,iBAAiB,OACjB,kBAAkB,SAClB,WACA,qBAAqB,MACrB,MACA,QACA,UACA,UACA,eACA,QACA,QACA,iBACA,wBAAwB,MACxB,QACA,cACA,SACA,OACA,SACA,kBAAkB,MAClB,cAAc,MACd,WACA,kBACA,mBACA,cACA,aACA,aACA,kBACA,cACA,aACA,YACA,UACA,iBACA,UACA,WACA,GAAG,YACC;CACJ,MAAM,CAAC,iBAAiB,aAAa,iBAAiBC,iBAAAA,iBACpD,UACA,kBACA,YACF;CACA,MAAM,eAAA,GAAA,oBAAA,cAAc,QAAA,CAAQ,eAAe,KAAK,CAAC,CAAC,gBAAgB;CAClE,MAAM,EAAE,MAAM,cAAc,GAAG,SAASC,kBAAAA,SAAS,KAAK;CACtD,MAAM,oBAAoB,UACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAA,UAAmB,QAA0B,CAAA,IAC3C;CACJ,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,kBAAD;EAAkB,OAAO;EAAzB,UAAA,CACG,eAAe,mBAEhB,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD;GAAiB,gBAAgB;GAC9B,UAAA,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;IAAQ,GAAI;IACV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,WAAD;KACa;KACI;KACE;KACM;KACT;KAEd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,cAAD;MACkB;MAChB,SAAS;MACT,cAAA;MAEA,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;OAAY,GAAI,aAAa;OAA7B,UAAA,CACG,kBAAkB,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,CAAe,CAAA,IAAI,OAEnD,cACC,kBAEA,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;QACQ;QACE;QACA;QACA;QACA;QACC;QACF;QACG;QACA;QACC;OACZ,CAAA,CAEO;;KACA,CAAA;IACL,CAAA;GACL,CAAA,IACN;EACW,CAAA,CACD;;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAa,mBAAmB,YAC9B,UACA;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CACnD,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,qBAAqB,oBAAoB;CAEtE,OAAO;EACL,SAAS;EACT,GAAG,oBAAoBC,cAAAA,WAAW,kBAAkB,KAAK,CAAC,CAAC,CAAC;CAC9D;AACF,CAAC;AAID,MAAa,oBAAoB,YAC/B,UACA;CAAE,MAAM;CAAgB,MAAM,CAAC,WAAW,OAAO;AAAE,CACrD,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,mBAAmB,yBAAyB,oBAAoB;CAExE,OAAO;EACL,SAAS;EACT,GAAG,qBAAqBA,cAAAA,WAAW,mBAAmB,KAAK,CAAC,CAAC,CAAC;CAChE;AACF,CAAC;AAID,MAAa,mBAAmB,YAC9BC,qBAAAA,aACA,aACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,kBAAkB,wBAAwB,oBAAoB;CAEtE,OAAO,EAAE,GAAG,oBAAoBD,cAAAA,WAAW,kBAAkB,KAAK,CAAC,CAAC,CAAC,EAAE;AACzE,CAAC;AAID,MAAa,eAAe,aAAuC,UAAU;CAC3E,MAAM,EACJ,iBACA,UAAU,cACV,iBACA,iBACE,oBAAoB;CACxB,MAAM,WAAWE,8BAAAA,SAAS,YAAY;CAEtC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,OAAO,KAAR;EACE,QAAQ,EAAE,SAAS;EACnB,GAAK,oBAAoB,SACrB;GACE,SAAS;GACT,MAAM;GACN,SAAS;GACT,UAAUC,aAAAA;EACZ,IACA,CAAC;EACL,IAAA,GAAA,oBAAA,cAAI,KAAA,CACF,iBAAA,GAAA,oBAAA,cAAgB,KAAA,CAAgBJ,cAAAA,WAAW,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,CACpE;CACD,CAAA;AAEL,GAAG,SAAS,CAAC,CAAC;AAKd,MAAa,eAAe,aACzB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,EACJ,iBACA,UACA,iBACA,cACA,oBACE,oBAAoB;CACxB,MAAM,CAAC,iBAAiB,qBAAqBR,iBAAAA,iBAC3C,UACA,gBACF;CACA,MAAM,sBAAsBa,gBAAAA,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACF,kBAAAA,OAAO,SAAR;EACE,GAAI;EACJ,IAAA,GAAA,oBAAA,cAAI,KAAA,CACF,iBAAA,GAAA,oBAAA,cACE,KAAA,CAA2BH,cAAAA,WAAW,cAAc,IAAI,CAAC,CAAC,CAAC,CAC7D,CACF;EANF,UAAA,CAQG,sBAAsB,kBAAkB,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,CAAmB,CAAA,IAAI,OAE/D,eACa;;AAEpB,GACA,SACF,CAAC,CAAC;AA6CF,MAAM,yBAAyD,EAC7D,MACA,QACA,QACA,QACA,QACA,SACA,OACA,UACA,UACA,gBACI;CACJ,MAAM,EAAE,YAAY,oBAAoB;CACxC,MAAM,eAAeM,iBAAAA,gBAAgB,aAAa,MAAM;CACxD,MAAM,cAAcA,iBAAAA,gBAAgB,YAAY,KAAK;CACrD,MAAM,aAAaA,iBAAAA,gBAAgB,WAAW,IAAI;CAClD,MAAM,eAAeA,iBAAAA,gBAAgB,aAAa,MAAM;CACxD,MAAM,eAAeA,iBAAAA,gBAAgBC,eAAAA,QAAQ,QAAQ;EACnD,aAAa;EACb,SAAS;EACT,eAAgB,WAAW,SAAS,OAAO,IAAI,QAAQ;CACzD,CAAC;CACD,MAAM,eAAeD,iBAAAA,gBAAgBC,eAAAA,QAAQ,QAAQ;EACnD,aAAa;EACb,eAAgB,WAAW,SAAS,OAAO,IAAI,QAAQ;CACzD,CAAC;CACD,MAAM,gBAAgBD,iBAAAA,gBAAgBC,eAAAA,QAAQ,SAAS;EACrD,aAAa;EACb,eAAgB,YAAY,UAAU,OAAO,IAAI,QAAQ;CAC3D,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAD,EAAA,UAAA;EACG,iBACE,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAA,UAAc,YAAyB,CAAA,IAAI;EAC3D;EACA,iBACE,gBAAgB,gBAAgB,gBAC/B,iBAAA,GAAA,kBAAA,KAAA,CAAC,aAAD,EAAA,UAAA;GACG;GACA;GACA;EACU,EAAA,CAAA,IACX;CACM,EAAA,CAAA;AAElB;AAIA,MAAa,cAAc,YACzB,UACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,gBAAgB,gBAAgB,oBAAoB;CAE5D,OAAO,EAAE,GAAG,eAAeP,cAAAA,WAAW,aAAa,KAAK,CAAC,CAAC,CAAC,EAAE;AAC/D,CAAC;AAID,MAAa,aAAa,YAAmC,MAAM,OAAO,CAAC,CACzE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,eAAe,eAAe,oBAAoB;CAE1D,OAAO,EAAE,GAAG,cAAcA,cAAAA,WAAW,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE;AAC7D,CACF;AAIA,MAAa,YAAY,YAAmC,OAAO,MAAM,CAAC,CACxE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,WAAW,iBAAiB,oBAAoB;CAExD,OAAO,EAAE,GAAG,aAAaA,cAAAA,WAAW,WAAW,KAAK,CAAC,CAAC,CAAC,EAAE;AAC3D,CACF;AAIA,MAAa,cAAc,YACzB,UACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,aAAa,mBAAmB,oBAAoB;CAE5D,OAAO,EAAE,GAAG,eAAeA,cAAAA,WAAW,aAAa,KAAK,CAAC,CAAC,CAAC,EAAE;AAC/D,CAAC"}
+{"version":3,"file":"modal.cjs","names":["createSlotComponent","modalStyle","useSplitChildren","useModal","useMemo","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","mergeProps","CloseButton","useValue","motion","fadeVariants","usePopupAnimationProps","wrapOrPassProps","Button"],"sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, HTMLMotionPropsWithoutAs } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { ModalStyle } from \"./modal.style\"\nimport type { UseModalProps, UseModalReturn } from \"./use-modal\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { modalStyle } from \"./modal.style\"\nimport { useModal } from \"./use-modal\"\n\ninterface ComponentContext\n  extends\n    Omit<UseModalReturn, \"getRootProps\">,\n    UsePopupAnimationProps,\n    Pick<\n      ModalRootProps,\n      | \"bodyProps\"\n      | \"closeButtonProps\"\n      | \"closeTriggerProps\"\n      | \"contentProps\"\n      | \"footerProps\"\n      | \"headerProps\"\n      | \"openTriggerProps\"\n      | \"overlayProps\"\n      | \"titleProps\"\n      | \"withCloseButton\"\n    > {}\n\nexport interface ModalRootProps\n  extends\n    Omit<HTMLStyledProps<\"div\">, \"scrollBehavior\" | \"title\">,\n    ThemeProps<ModalStyle>,\n    Omit<UseModalProps, \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    UsePopupAnimationProps,\n    ShorthandModalContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the modal close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the modal overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props for body element.\n   */\n  bodyProps?: Omit<ModalBodyProps, \"children\">\n  /**\n   * Props for close button element.\n   */\n  closeButtonProps?: Omit<ModalCloseButtonProps, \"children\">\n  /**\n   * Props for close trigger element.\n   */\n  closeTriggerProps?: Omit<ModalCloseTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for content element.\n   */\n  contentProps?: Omit<ModalContentProps, \"children\">\n  /**\n   * Props for footer element.\n   */\n  footerProps?: Omit<ModalFooterProps, \"children\">\n  /**\n   * Props for header element.\n   */\n  headerProps?: Omit<ModalHeaderProps, \"children\">\n  /**\n   * Props for open trigger element.\n   */\n  openTriggerProps?: Omit<ModalOpenTriggerProps, \"asChild\" | \"children\">\n  /**\n   * Props for overlay element.\n   */\n  overlayProps?: Omit<ModalOverlayProps, \"children\">\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for title element.\n   */\n  titleProps?: Omit<ModalTitleProps, \"children\">\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: ModalPropsContext,\n  useComponentContext,\n  usePropsContext: useModalPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<ModalRootProps, ModalStyle, ComponentContext>(\n  \"modal\",\n  modalStyle,\n)\n\nexport { ModalPropsContext, useModalPropsContext }\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see https://yamada-ui.com/docs/components/modal\n */\nexport const ModalRoot = withProvider<\"div\", ModalRootProps>(\n  ({\n    allowPinchZoom = false,\n    animationScheme = \"scale\",\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    duration,\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = true,\n    withOverlay = true,\n    bodyProps,\n    closeButtonProps,\n    closeTriggerProps,\n    contentProps,\n    footerProps,\n    headerProps,\n    openTriggerProps,\n    overlayProps,\n    portalProps,\n    titleProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      ModalOpenTrigger,\n      ModalOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useModal(props)\n    const customOpenTrigger = trigger ? (\n      <ModalOpenTrigger>{trigger}</ModalOpenTrigger>\n    ) : null\n    const context = useMemo(\n      () => ({\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        bodyProps,\n        closeButtonProps,\n        closeTriggerProps,\n        contentProps,\n        footerProps,\n        headerProps,\n        openTriggerProps,\n        overlayProps,\n        titleProps,\n        ...rest,\n      }),\n      [\n        animationScheme,\n        duration,\n        open,\n        withCloseButton,\n        contentProps,\n        bodyProps,\n        footerProps,\n        headerProps,\n        titleProps,\n        openTriggerProps,\n        closeTriggerProps,\n        closeButtonProps,\n        overlayProps,\n        rest,\n      ],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <ModalOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandModalContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface ModalOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalOpenTrigger = withContext<\"button\", ModalOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps, openTriggerProps } = useComponentContext()\n\n  return {\n    asChild: true,\n    ...getOpenTriggerProps(mergeProps(openTriggerProps, props)()),\n  }\n})\n\nexport interface ModalCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const ModalCloseTrigger = withContext<\"button\", ModalCloseTriggerProps>(\n  \"button\",\n  { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] },\n)(undefined, (props) => {\n  const { closeTriggerProps, getCloseTriggerProps } = useComponentContext()\n\n  return {\n    asChild: true,\n    ...getCloseTriggerProps(mergeProps(closeTriggerProps, props)()),\n  }\n})\n\nexport interface ModalCloseButtonProps extends CloseButtonProps {}\n\nexport const ModalCloseButton = withContext<\"button\", ModalCloseButtonProps>(\n  (props) => {\n    const { closeButtonProps } = useComponentContext()\n\n    return (\n      <ModalCloseTrigger>\n        <CloseButton {...mergeProps(closeButtonProps, props)()} />\n      </ModalCloseTrigger>\n    )\n  },\n  \"closeButton\",\n)()\n\nexport interface ModalOverlayProps extends HTMLMotionProps {}\n\nexport const ModalOverlay = withContext<\"div\", ModalOverlayProps>((props) => {\n  const {\n    animationScheme,\n    duration: durationProp,\n    getOverlayProps,\n    overlayProps,\n  } = useComponentContext()\n  const duration = useValue(durationProp)\n\n  return (\n    <motion.div\n      custom={{ duration }}\n      {...(animationScheme !== \"none\"\n        ? {\n            animate: \"enter\",\n            exit: \"exit\",\n            initial: \"exit\",\n            variants: fadeVariants,\n          }\n        : {})}\n      {...cast<HTMLMotionProps>(\n        getOverlayProps(cast<HTMLProps>(mergeProps(overlayProps, props)())),\n      )}\n    />\n  )\n}, \"overlay\")()\n\nexport interface ModalContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const ModalContent = withContext<\"section\", ModalContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      animationScheme,\n      duration,\n      withCloseButton,\n      contentProps,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton] = useSplitChildren(\n      children,\n      ModalCloseButton,\n    )\n    const popupAnimationProps = usePopupAnimationProps({\n      animationScheme,\n      duration,\n    })\n\n    return (\n      <motion.section\n        {...popupAnimationProps}\n        {...cast<HTMLMotionPropsWithoutAs<\"section\">>(\n          getContentProps(\n            cast<HTMLProps<\"section\">>(mergeProps(contentProps, rest)()),\n          ),\n        )}\n      >\n        {customCloseButton ?? (withCloseButton ? <ModalCloseButton /> : null)}\n\n        {omittedChildren}\n      </motion.section>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandModalContentProps {\n  /**\n   * The modal body to use.\n   */\n  body?: ModalBodyProps | ReactNode\n  /**\n   * The modal cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The modal footer to use.\n   */\n  footer?: ModalFooterProps | ReactNode\n  /**\n   * The modal header to use.\n   */\n  header?: ModalHeaderProps | ReactNode\n  /**\n   * The modal middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The modal success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The modal title to use.\n   */\n  title?: ModalTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nconst ShorthandModalContent: FC<ShorthandModalContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(ModalHeader, header)\n  const customTitle = wrapOrPassProps(ModalTitle, title)\n  const customBody = wrapOrPassProps(ModalBody, body)\n  const customFooter = wrapOrPassProps(ModalFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <ModalContent>\n      {customHeader ??\n        (customTitle ? <ModalHeader>{customTitle}</ModalHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <ModalFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </ModalFooter>\n        ) : null)}\n    </ModalContent>\n  )\n}\n\nexport interface ModalHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const ModalHeader = withContext<\"header\", ModalHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps, headerProps } = useComponentContext()\n\n  return { ...getHeaderProps(mergeProps(headerProps, props)()) }\n})\n\nexport interface ModalTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const ModalTitle = withContext<\"h2\", ModalTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps, titleProps } = useComponentContext()\n\n    return { ...getTitleProps(mergeProps(titleProps, props)()) }\n  },\n)\n\nexport interface ModalBodyProps extends HTMLStyledProps {}\n\nexport const ModalBody = withContext<\"div\", ModalBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { bodyProps, getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(mergeProps(bodyProps, props)()) }\n  },\n)\n\nexport interface ModalFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const ModalFooter = withContext<\"footer\", ModalFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { footerProps, getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(mergeProps(footerProps, props)()) }\n})\n"],"mappings":"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"}

package/dist/cjs/components/modal/use-modal.cjs

@@ -1,8 +1,6 @@
 const require_dom = require("../../utils/dom.cjs");
-const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_use_disclosure = require("../../hooks/use-disclosure/use-disclosure.cjs");
-const require_i18n_provider = require("../../providers/i18n-provider/i18n-provider.cjs");
 let react = require("react");
 // src/components/modal/use-modal.ts
 const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open: openProp, onClose: onCloseProp, onEsc, onOpen: onOpenProp, ...rest } = {}) => {
@@ -13,7 +11,6 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open:
 		onOpen: onOpenProp
 	});
 	const [contentId, titleId, bodyId] = require_dom.useIds();
-	const { t } = require_i18n_provider.useI18n("modal");
 	const onKeyDown = (0, react.useCallback)((ev) => {
 		if (ev.key !== "Escape") return;
 		if (closeOnEsc) {
@@ -27,37 +24,20 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open:
 		onEsc
 	]);
 	const getRootProps = (0, react.useCallback)((props) => require_props.mergeProps(rest, props ?? {})(), [rest]);
-	const getOverlayProps = (0, react.useCallback)((props = {}) => ({
-		"aria-hidden": "true",
-		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, (ev) => {
-			ev.stopPropagation();
-			if (closeOnOverlay) onClose();
-		})
-	}), [closeOnOverlay, onClose]);
-	const getOpenTriggerProps = (0, react.useCallback)((props = {}) => ({
+	const getOverlayProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({ "aria-hidden": "true" }, props, { onClick: (ev) => {
+		ev.stopPropagation();
+		if (closeOnOverlay) onClose();
+	} })(), [closeOnOverlay, onClose]);
+	const getOpenTriggerProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({
 		"aria-controls": open ? contentId : void 0,
 		"aria-expanded": open,
-		"aria-haspopup": "dialog",
-		"aria-label": t("Open modal"),
-		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onOpen)
-	}), [
+		"aria-haspopup": "dialog"
+	}, props, { onClick: onOpen })(), [
 		contentId,
 		onOpen,
-		open,
-		t
+		open
 	]);
-	const getCloseTriggerProps = (0, react.useCallback)((props = {}) => ({
-		"aria-label": t("Close modal"),
-		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClose)
-	}), [onClose, t]);
-	const getCloseButtonProps = (0, react.useCallback)((props = {}) => ({
-		"aria-label": t("Close modal"),
-		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClose)
-	}), [onClose, t]);
+	const getCloseTriggerProps = (0, react.useCallback)((props = {}) => require_props.mergeProps(props, { onClick: onClose })(), [onClose]);
 	const getContentProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({
 		id: contentId,
 		"aria-describedby": bodyId,
@@ -81,7 +61,6 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open:
 			id: bodyId,
 			...props
 		}), [bodyId]),
-		getCloseButtonProps,
 		getCloseTriggerProps,
 		getContentProps,
 		getFooterProps: (0, react.useCallback)((props) => ({ ...props }), []),

package/dist/cjs/components/modal/use-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal.cjs","names":["useDisclosure","useIds","useI18n","useCallback","mergeProps"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, useIds } from \"../../utils\"\n\nexport interface UseModalProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the modal will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the modal will close when the overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: boolean\n  /**\n   * Callback invoked when the escape key is pressed and focus is within modal.\n   */\n  onEsc?: () => void\n}\n\nexport const useModal = ({\n  closeOnEsc = true,\n  closeOnOverlay = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onEsc,\n  onOpen: onOpenProp,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId, titleId, bodyId] = useIds()\n  const { t } = useI18n(\"modal\")\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (closeOnEsc) {\n        ev.stopPropagation()\n        onClose()\n      }\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props ?? {})(),\n    [rest],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) => ({\n      \"aria-hidden\": \"true\",\n      ...props,\n      onClick: handlerAll(props.onClick, (ev) => {\n        ev.stopPropagation()\n\n        if (closeOnOverlay) onClose()\n      }),\n    }),\n    [closeOnOverlay, onClose],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-label\": t(\"Open modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onOpen),\n    }),\n    [contentId, onOpen, open, t],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      \"aria-label\": t(\"Close modal\"),\n      ...props,\n      onClick: handlerAll(props.onClick, onClose),\n    }),\n    [onClose, t],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id: contentId,\n          \"aria-describedby\": bodyId,\n          \"aria-labelledby\": titleId,\n          \"aria-modal\": \"true\",\n          role: \"dialog\",\n        },\n        props,\n        { onKeyDown },\n      )(),\n    [bodyId, contentId, onKeyDown, titleId],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  const getTitleProps: PropGetter<\"h2\"> = useCallback(\n    (props) => ({\n      id: titleId,\n      ...props,\n    }),\n    [titleId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({\n      id: bodyId,\n      ...props,\n    }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    open,\n    getBodyProps,\n    getCloseButtonProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getOpenTriggerProps,\n    getOverlayProps,\n    getRootProps,\n    getTitleProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;AA6BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,CAAC,MAAM;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,WAAW,SAAS,UAAUC,YAAAA,OAAO;CAC5C,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,OAAO;CAE7B,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EACf,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,YAAY;GACd,GAAG,gBAAgB;GACnB,QAAQ;EACV;EAEA,QAAQ;CACV,GACA;EAAC;EAAY;EAAS;CAAK,CAC7B;CAEA,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,UAAUC,cAAAA,WAAW,MAAM,SAAS,CAAC,CAAC,CAAC,CAAC,GACzC,CAAC,IAAI,CACP;CAEA,MAAM,mBAAA,GAA8BD,MAAAA,YAAAA,EACjC,QAAQ,CAAC,OAAO;EACf,eAAe;EACf,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,UAAU,OAAO;GACzC,GAAG,gBAAgB;GAEnB,IAAI,gBAAgB,QAAQ;EAC9B,CAAC;CACH,IACA,CAAC,gBAAgB,OAAO,CAC1B;CAEA,MAAM,uBAAA,GAA4CA,MAAAA,YAAAA,EAC/C,QAAQ,CAAC,OAAO;EACf,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,YAAY;EAC5B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,MAAM;CAC3C,IACA;EAAC;EAAW;EAAQ;EAAM;CAAC,CAC7B;CAEA,MAAM,wBAAA,GAA6CA,MAAAA,YAAAA,EAChD,QAAQ,CAAC,OAAO;EACf,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,OAAO;CAC5C,IACA,CAAC,SAAS,CAAC,CACb;CAEA,MAAM,uBAAA,GAA4CA,MAAAA,YAAAA,EAC/C,QAAQ,CAAC,OAAO;EACf,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,UAAA,GAAA,oBAAA,cAAS,WAAA,CAAW,MAAM,SAAS,OAAO;CAC5C,IACA,CAAC,SAAS,CAAC,CACb;CAEA,MAAM,mBAAA,GAAyCA,MAAAA,YAAAA,EAC5C,QAAQ,CAAC,MACRC,cAAAA,WACE;EACE,IAAI;EACJ,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,MAAM;CACR,GACA,OACA,EAAE,UAAU,CACd,CAAC,CAAC,GACJ;EAAC;EAAQ;EAAW;EAAW;CAAO,CACxC;CAEA,MAAM,kBAAA,GAAuCD,MAAAA,YAAAA,EAC1C,WAAW,EACV,GAAG,MACL,IACA,CAAC,CACH;CAEA,MAAM,iBAAA,GAAkCA,MAAAA,YAAAA,EACrC,WAAW;EACV,IAAI;EACJ,GAAG;CACL,IACA,CAAC,OAAO,CACV;CAiBA,OAAO;EACL;EACA,eAAA,GAjB+BA,MAAAA,YAAAA,EAC9B,WAAW;GACV,IAAI;GACJ,GAAG;EACL,IACA,CAAC,MAAM,CAYI;EACX;EACA;EACA;EACA,iBAAA,GAb2CA,MAAAA,YAAAA,EAC1C,WAAW,EACV,GAAG,MACL,IACA,CAAC,CASY;EACb;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-modal.cjs","names":["useDisclosure","useIds","useCallback","mergeProps"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useIds } from \"../../utils\"\n\nexport interface UseModalProps\n  extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n  /**\n   * If `true`, the modal will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the modal will close when the overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: boolean\n  /**\n   * Callback invoked when the escape key is pressed and focus is within modal.\n   */\n  onEsc?: () => void\n}\n\nexport const useModal = ({\n  closeOnEsc = true,\n  closeOnOverlay = true,\n  defaultOpen,\n  open: openProp,\n  onClose: onCloseProp,\n  onEsc,\n  onOpen: onOpenProp,\n  ...rest\n}: UseModalProps = {}) => {\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const [contentId, titleId, bodyId] = useIds()\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      if (closeOnEsc) {\n        ev.stopPropagation()\n        onClose()\n      }\n\n      onEsc?.()\n    },\n    [closeOnEsc, onClose, onEsc],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props ?? {})(),\n    [rest],\n  )\n\n  const getOverlayProps: PropGetter = useCallback(\n    (props = {}) =>\n      mergeProps({ \"aria-hidden\": \"true\" }, props, {\n        onClick: (ev) => {\n          ev.stopPropagation()\n\n          if (closeOnOverlay) onClose()\n        },\n      })(),\n    [closeOnOverlay, onClose],\n  )\n\n  const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          \"aria-controls\": open ? contentId : undefined,\n          \"aria-expanded\": open,\n          \"aria-haspopup\": \"dialog\",\n        },\n        props,\n        { onClick: onOpen },\n      )(),\n    [contentId, onOpen, open],\n  )\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => mergeProps(props, { onClick: onClose })(),\n    [onClose],\n  )\n\n  const getContentProps: PropGetter<\"section\"> = useCallback(\n    (props = {}) =>\n      mergeProps(\n        {\n          id: contentId,\n          \"aria-describedby\": bodyId,\n          \"aria-labelledby\": titleId,\n          \"aria-modal\": \"true\",\n          role: \"dialog\",\n        },\n        props,\n        { onKeyDown },\n      )(),\n    [bodyId, contentId, onKeyDown, titleId],\n  )\n\n  const getHeaderProps: PropGetter<\"header\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  const getTitleProps: PropGetter<\"h2\"> = useCallback(\n    (props) => ({ id: titleId, ...props }),\n    [titleId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter<\"footer\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  return {\n    open,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getOpenTriggerProps,\n    getOverlayProps,\n    getRootProps,\n    getTitleProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;AA4BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,CAAC,MAAM;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,uBAAAA,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;CACV,CAAC;CACD,MAAM,CAAC,WAAW,SAAS,UAAUC,YAAAA,OAAO;CAE5C,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EACf,OAAsB;EACrB,IAAI,GAAG,QAAQ,UAAU;EAEzB,IAAI,YAAY;GACd,GAAG,gBAAgB;GACnB,QAAQ;EACV;EAEA,QAAQ;CACV,GACA;EAAC;EAAY;EAAS;CAAK,CAC7B;CAEA,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,UAAUC,cAAAA,WAAW,MAAM,SAAS,CAAC,CAAC,CAAC,CAAC,GACzC,CAAC,IAAI,CACP;CAEA,MAAM,mBAAA,GAA8BD,MAAAA,YAAAA,EACjC,QAAQ,CAAC,MACRC,cAAAA,WAAW,EAAE,eAAe,OAAO,GAAG,OAAO,EAC3C,UAAU,OAAO;EACf,GAAG,gBAAgB;EAEnB,IAAI,gBAAgB,QAAQ;CAC9B,EACF,CAAC,CAAC,CAAC,GACL,CAAC,gBAAgB,OAAO,CAC1B;CAEA,MAAM,uBAAA,GAA4CD,MAAAA,YAAAA,EAC/C,QAAQ,CAAC,MACRC,cAAAA,WACE;EACE,iBAAiB,OAAO,YAAY,KAAA;EACpC,iBAAiB;EACjB,iBAAiB;CACnB,GACA,OACA,EAAE,SAAS,OAAO,CACpB,CAAC,CAAC,GACJ;EAAC;EAAW;EAAQ;CAAI,CAC1B;CAEA,MAAM,wBAAA,GAA6CD,MAAAA,YAAAA,EAChD,QAAQ,CAAC,MAAMC,cAAAA,WAAW,OAAO,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,GACxD,CAAC,OAAO,CACV;CAEA,MAAM,mBAAA,GAAyCD,MAAAA,YAAAA,EAC5C,QAAQ,CAAC,MACRC,cAAAA,WACE;EACE,IAAI;EACJ,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;EACd,MAAM;CACR,GACA,OACA,EAAE,UAAU,CACd,CAAC,CAAC,GACJ;EAAC;EAAQ;EAAW;EAAW;CAAO,CACxC;CAEA,MAAM,kBAAA,GAAuCD,MAAAA,YAAAA,EAC1C,WAAW,EAAE,GAAG,MAAM,IACvB,CAAC,CACH;CAEA,MAAM,iBAAA,GAAkCA,MAAAA,YAAAA,EACrC,WAAW;EAAE,IAAI;EAAS,GAAG;CAAM,IACpC,CAAC,OAAO,CACV;CAYA,OAAO;EACL;EACA,eAAA,GAZ+BA,MAAAA,YAAAA,EAC9B,WAAW;GAAE,IAAI;GAAQ,GAAG;EAAM,IACnC,CAAC,MAAM,CAUI;EACX;EACA;EACA,iBAAA,GAV2CA,MAAAA,YAAAA,EAC1C,WAAW,EAAE,GAAG,MAAM,IACvB,CAAC,CAQY;EACb;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/sidebar/sidebar.cjs

@@ -39,7 +39,7 @@ const SidebarRoot = withProvider(({ breakpoint = "md", mode: modeProp = "offcanv
 	const mobile = require_use_breakpoint_value.useBreakpointValue(breakpoint ? { [breakpoint]: true } : { base: false }) ?? false;
 	const mode = require_hooks_use_value_index.useValue(modeProp);
 	const placement = require_hooks_use_value_index.useValue(placementProp);
-	const { descendants, expandedValue, open, selectedValue, getContentProps, getFooterProps, getHeaderProps, getRootProps, getSidePanelProps, getTriggerProps, onClose, onExpandedChange, onOpen, onSelectedChange, onToggle } = require_use_sidebar.useSidebar({
+	const { descendants, expandedValue, open, selectedValue, getContentProps, getFooterProps, getHandleProps, getHeaderProps, getRootProps, getSidePanelProps, getTriggerProps, onClose, onExpandedChange, onOpen, onSelectedChange, onToggle } = require_use_sidebar.useSidebar({
 		mobile,
 		...rest
 	});
@@ -70,6 +70,7 @@ const SidebarRoot = withProvider(({ breakpoint = "md", mode: modeProp = "offcanv
 		placement,
 		getContentProps,
 		getFooterProps,
+		getHandleProps,
 		getHeaderProps,
 		getSidePanelProps,
 		getTriggerProps
@@ -80,6 +81,7 @@ const SidebarRoot = withProvider(({ breakpoint = "md", mode: modeProp = "offcanv
 		getContentProps,
 		getFooterProps,
 		getHeaderProps,
+		getHandleProps,
 		getSidePanelProps,
 		getTriggerProps
 	]);
@@ -243,13 +245,11 @@ const SidebarContent = withContext(({ children, items, ...rest }) => {
 		children: computedChildren
 	});
 }, "content")();
-const SidebarHandle = withContext((props) => {
+const SidebarHandle = withContext("button", "handle")(void 0, (props) => {
+	const { getHandleProps } = useComponentContext();
 	const { handleProps } = useSidePanelComponentContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarTrigger, {
-		...require_props.mergeProps(handleProps, props)(),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.button, { tabIndex: -1 })
-	});
-}, "handle")();
+	return getHandleProps(require_props.mergeProps(handleProps, props)());
+});
 const SidebarGroup = withContext(({ children, items, label, value: valueProp = (0, require_utils_index.utils_exports.isString)(label) ? label : void 0, contentProps, labelProps, ...rest }) => {
 	const { groupProps } = useSidePanelComponentContext();
 	const computedChildren = (0, react.useMemo)(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.cjs","names":["createContext","createSlotComponent","sidebarStyle","useBreakpointValue","useValue","useSidebar","useMemo","SidebarDescendantsContext","SidebarContext","styled","useSidebarContext","useSplitChildren","mergeProps","useSidebarGroup","useValidChildren","useIncludesChildren","useLoadingComponent","useCallback","useSidebarItem","SidebarItemContext","Tooltip","Collapse","ChevronRightIcon","getResolvedChild","isValidElement","cloneElement","Children"],"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 { TooltipProps } from \"../tooltip\"\nimport type { SidebarStyle } from \"./sidebar.style\"\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  getResolvedChild,\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 } from \"../tooltip\"\nimport { 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) return custom\n  else if (isObject(root) && (\"group\" in root || \"item\" in root))\n    return root[type]\n  else return root\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      ...mergeProps(componentContext.itemProps, 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 } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) 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\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  const child = getResolvedChild(children)\n\n  if (isValidElement<HTMLProps<\"svg\">>(child))\n    return cloneElement(child, { ...rest, ...child.props })\n\n  return Children.count(child) > 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":"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D,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,QAAA,GAAOA,MAAAA,QAAAA,QAAAA,GAAAA,oBAAAA,cAET,QAAA,CAAQ,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,WAAW;EACX;EACA;CACF,CAAC,GACH;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,QAAA,GAAOA,MAAAA,QAAAA,QAAAA,GAAAA,oBAAAA,cAET,QAAA,CAAQ,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD;EACA,YAAY;GAAE,OAAO;GAAiB,MAAM;EAAe;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;GAAE,OAAO;GAAmB,MAAM;EAAiB;EACjE;EACA;EACA,WAAW,aAAa;EACxB,WAAW;EACX,cAAc;EACd;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;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;CACF,CACF;CACA,MAAM,WAAA,GAAUA,MAAAA,QAAAA,QACP;EAAE;EAAY;CAAU,IAC/B,CAAC,YAAY,SAAS,CACxB;CACA,MAAM,wBAAA,GAAuBA,MAAAA,QAAAA,QACpB;EACL,cAAc;GACZ,UAAU,CAAC,WAAW,IAAI,KAAA;GAC1B,MAAM;GACN,GAAG,gBACDM,cAAAA,WAAW,iBAAiB,kBAAkB,YAAY,CAAC,CAAC,CAC9D;EACF;EACA,iBAAiBA,cAAAA,WACf,iBAAiB,iBACjB,eACF,CAAC,CAAC;EACF,gBAAgB,kBAAkB;GAChC,kBAAA,GAAA,oBAAA,cAAiB,SAAA,CAAS,QAAQ;GAClC,GAAGA,cAAAA,WAAW,iBAAiB,gBAAgB,cAAc,CAAC,CAAC;EACjE,CAAC;EACD,YAAY,cACVA,cAAAA,WAAW,iBAAiB,YAAY,UAAU,CAAC,CAAC,CACtD;EACA,mBAAmBA,cAAAA,WACjB,iBAAiB,mBACjB,iBACF,CAAC,CAAC;EACF,cAAc;GACZ,SAAS;GACT,UAAU;GACV,GAAGA,cAAAA,WAAW,iBAAiB,cAAc,YAAY,CAAC,CAAC;EAC7D;CACF,IACA;EACE;EACA,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACO,oBAAAA,oBAAD;EAAoB,OAAO;EACzB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD;GAAsB,OAAO;GAC1B,UAAA,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACV,gBAAAA,OAAO,IAAR;IAAW,GAAI,aAAa;IACzB,UAAA,QACC,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,WACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAD;KAAoB,GAAI;KAAxB,UAAA;MACG,oBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD,EAAA,UACG,kBACsB,CAAA,IACvB;MACH,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAA,UAAmB,MAAwB,CAAA,IACzC;MACH,kBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,EAAA,UACG,gBACoB,CAAA,IACrB;MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,EAAA,UACG,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,CAAU,CAAA,KAAA,GAAA,oBAAA,cAEV,QAAA,CAAQ,WAAW,aAAa,EAEd,CAAA;KACJ;IAGtB,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAqB,SAA6B,CAAA,CAClD,EAAA,CAAA,IAED,QACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,iBAAD;KAAiB,GAAI;KAArB,UAAA;MACG,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAD,EAAA,UACG,iBACsB,CAAA,IACvB;MACH,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAA,UAAmB,MAAwB,CAAA,IACzC;MACH,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD,EAAA,UACG,eACoB,CAAA,IACrB;KACW;;GAGZ,CAAA;EAEO,CAAA;CACJ,CAAA;AAExB,GACA,MACF,CAAC,CAAC;AAIF,MAAM,sBAAmD,UAAU;CACjE,MAAM,EAAE,iBAAiB,wBAAwB;CACjD,MAAM,EAAE,UAAU,UAAU,GAAG,SAASG,cAAAA,WAAW,cAAc,KAAK,CAAC,CAAC;CACxE,MAAM,EAAE,MAAM,cAAc,oBAAoB;CAGhD,IAFkB,SAAS,eAEV,UAAU,OAAO;MAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACQ,gBAAAA,SAAD;EACE,cAAc;EACd,QAAQ;EACR,WAAW,UAAU,cAAc,UAAU,QAAQ;EACrD,GAAI;EAEH;CACM,CAAA;AAEf;AAIA,MAAa,qBAAqB,aAG/B,UAAU;CACX,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACX,gBAAAA,OAAO,QAAR,EAAe,GAAI,MAAQ,CAAA,EACT,CAAA;AAExB,GAAG,aAAa,CAAC,CAAC;AAIlB,MAAa,kBAAkB,aAC5B,UAAU;CACT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,OAAO,GAAR,EAAU,GAAI,MAAQ,CAAA,EACJ,CAAA;AAExB,GACA,UACF,CAAC,CAAC;AAOF,MAAa,qBAAqB,aAC/B,UAAU;CACT,MAAM,EAAE,iBAAiB,wBAAwB;CAEjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACY,iBAAAA,UAAD;EACE,IAAG;EACH,IAAA,GAAA,oBAAA,cAAI,KAAA,CAAoBT,cAAAA,WAAW,cAAc,KAAK,CAAC,CAAC,CAAC;CAC1D,CAAA;AAEL,GACA,aACF,CAAC,CAAC;AAIF,MAAa,uBAAuB,aAGjC,EAAE,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACU,2BAAAA,kBAAD,CAAmB,CAAA,GAAG,GAAG,WAAW;CAClD,MAAM,EAAE,oBAAoB,6BAA6B;CAEzD,IAAI,iBAAiB,OAAO;CAE5B,MAAM,QAAQC,iBAAAA,iBAAiB,QAAQ;CAEvC,KAAA,GAAIC,MAAAA,eAAAA,CAAiC,KAAK,GACxC,QAAA,GAAOC,MAAAA,aAAAA,CAAa,OAAO;EAAE,GAAG;EAAM,GAAG,MAAM;CAAM,CAAC;CAExD,OAAOC,MAAAA,SAAS,MAAM,KAAK,IAAI,IAAIA,MAAAA,SAAS,KAAK,IAAI,IAAI;AAC3D,GAAG,eAAe,CAAC,CAAC,KAAA,IAAY,UAAU;CACxC,MAAM,EAAE,mBAAmB,wBAAwB;CAEnD,OAAOd,cAAAA,WAAW,gBAAgB,KAAK,CAAC,CAAC;AAC3C,CAAC;AAID,MAAa,0BAA0B,YAGrC,OAAO;CACP,MAAM;CACN,MAAM,CAAC,eAAe,OAAO;AAC/B,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,sBAAsB,wBAAwB;CAEtD,OAAOA,cAAAA,WAAW,mBAAmB,KAAK,CAAC,CAAC;AAC9C,CAAC;AAID,MAAa,wBAAwB,YAGnC,OAAO;CACP,MAAM;CACN,MAAM,CAAC,eAAe,KAAK;AAC7B,CAAC,CAAC,CAAC,KAAA,IAAY,UAAU;CACvB,MAAM,EAAE,oBAAoB,wBAAwB;CAEpD,OAAOA,cAAAA,WAAW,iBAAiB,KAAK,CAAC,CAAC;AAC5C,CAAC;AAID,MAAa,mBAAmB,YAC9B,QACA,WACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,eAAe,wBAAwB;CAE/C,OAAOA,cAAAA,WAAW,YAAY,KAAK,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"sidebar.cjs","names":["createContext","createSlotComponent","sidebarStyle","useBreakpointValue","useValue","useSidebar","useMemo","SidebarDescendantsContext","SidebarContext","styled","useSidebarContext","useSplitChildren","mergeProps","useSidebarGroup","useValidChildren","useIncludesChildren","useLoadingComponent","useCallback","useSidebarItem","SidebarItemContext","Tooltip","Collapse","ChevronRightIcon","getResolvedChild","isValidElement","cloneElement","Children"],"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 { TooltipProps } from \"../tooltip\"\nimport type { SidebarStyle } from \"./sidebar.style\"\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  getResolvedChild,\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 } from \"../tooltip\"\nimport { 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) return custom\n  else if (isObject(root) && (\"group\" in root || \"item\" in root))\n    return root[type]\n  else return root\n}\n\ninterface ComponentContext extends Pick<\n  UseSidebarReturn,\n  | \"getContentProps\"\n  | \"getFooterProps\"\n  | \"getHandleProps\"\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      getHandleProps,\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        getHandleProps,\n        getHeaderProps,\n        getSidePanelProps,\n        getTriggerProps,\n      }),\n      [\n        breakpoint,\n        mode,\n        placement,\n        getContentProps,\n        getFooterProps,\n        getHeaderProps,\n        getHandleProps,\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  \"button\",\n  \"handle\",\n)(undefined, (props) => {\n  const { getHandleProps } = useComponentContext()\n  const { handleProps } = useSidePanelComponentContext()\n\n  return getHandleProps(mergeProps(handleProps, props)())\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      ...mergeProps(componentContext.itemProps, 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 } = mergeProps(tooltipProps, props)()\n  const { mode, placement } = useComponentContext()\n  const offcanvas = mode === \"offcanvas\"\n\n  if (offcanvas || disabled) 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\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  const child = getResolvedChild(children)\n\n  if (isValidElement<HTMLProps<\"svg\">>(child))\n    return cloneElement(child, { ...rest, ...child.props })\n\n  return Children.count(child) > 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":"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Cd;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,QAAA,GAAOA,MAAAA,QAAAA,QAAAA,GAAAA,oBAAAA,cAET,QAAA,CAAQ,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD,YAAY;EACZ;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA,WAAW;EACX;EACA;CACF,CAAC,GACH;EACE,QAAQ;EACR,iBAAiB,QAAQ;EACzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,MAAM,QAAA,GAAOA,MAAAA,QAAAA,QAAAA,GAAAA,oBAAAA,cAET,QAAA,CAAQ,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM;EACrD;EACA,YAAY;GAAE,OAAO;GAAiB,MAAM;EAAe;EAC3D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;GAAE,OAAO;GAAmB,MAAM;EAAiB;EACjE;EACA;EACA,WAAW,aAAa;EACxB,WAAW;EACX,cAAc;EACd;EACA;EACA;EACA;EACA;CACF,CAAC,GACH;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;CACF,CACF;CACA,MAAM,WAAA,GAAUA,MAAAA,QAAAA,QACP;EAAE;EAAY;CAAU,IAC/B,CAAC,YAAY,SAAS,CACxB;CACA,MAAM,wBAAA,GAAuBA,MAAAA,QAAAA,QACpB;EACL,cAAc;GACZ,UAAU,CAAC,WAAW,IAAI,KAAA;GAC1B,MAAM;GACN,GAAG,gBACDM,cAAAA,WAAW,iBAAiB,kBAAkB,YAAY,CAAC,CAAC,CAC9D;EACF;EACA,iBAAiBA,cAAAA,WACf,iBAAiB,iBACjB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"}

package/dist/cjs/components/sidebar/use-sidebar.cjs

@@ -76,15 +76,14 @@ const useSidebar = ({ controlRef, defaultExpandedValue = [], defaultSelectedValu
 		desktopDisclosure.onToggle();
 	});
 	const getRootProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({ "data-expanded": (0, require_utils_index.utils_exports.dataAttr)(open) }, rest, props)(), [open, rest]);
-	const getTriggerProps = (0, react.useCallback)((props = {}) => ({
-		"aria-expanded": open,
+	const getTriggerProps = (0, react.useCallback)((props = {}) => require_props.mergeProps({ "aria-expanded": open }, props, { onClick: onToggle })(), [open, onToggle]);
+	const getHandleProps = (0, react.useCallback)((props = {}) => getTriggerProps(require_props.mergeProps({
 		"aria-label": t(open ? "Close sidebar" : "Open sidebar"),
-		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onToggle)
-	}), [
-		open,
+		tabIndex: -1
+	}, props)()), [
+		getTriggerProps,
 		t,
-		onToggle
+		open
 	]);
 	const getSidePanelProps = (0, react.useCallback)((props = {}) => ({
 		"data-expanded": (0, require_utils_index.utils_exports.dataAttr)(open),
@@ -100,6 +99,7 @@ const useSidebar = ({ controlRef, defaultExpandedValue = [], defaultSelectedValu
 		selectedValue,
 		getContentProps: (0, react.useCallback)((props = {}) => ({ ...props }), []),
 		getFooterProps,
+		getHandleProps,
 		getHeaderProps,
 		getRootProps,
 		getSidePanelProps,