@arolariu/components 1.0.0 → 1.1.0

package/dist/components/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Dialog as BaseDialog} from \"@base-ui/react/dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./sheet.module.css\";\r\n\r\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\n\r\ninterface SheetProps extends React.ComponentPropsWithRef<typeof BaseDialog.Root> {}\r\n\r\ninterface SheetTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Backdrop>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\nexport interface SheetContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Popup>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls which side of the viewport the sheet enters from.\r\n   * @default \"right\"\r\n   */\r\n  side?: SheetSide;\r\n}\r\n\r\ninterface SheetHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Title>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface SheetDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Description>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates sheet state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sheet>Content</Sheet>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction Sheet(props: Readonly<Sheet.Props>): React.ReactElement {\r\n  return <BaseDialog.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Provides the sheet portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetPortal>Content</SheetPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetPortal = BaseDialog.Portal;\r\n/**\r\n * Renders the sheet close.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetClose>Content</SheetClose>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetClose = BaseDialog.Close;\r\n\r\n/**\r\n * Renders the sheet trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTrigger>Content</SheetTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTrigger.Props>(\r\n  (props: Readonly<SheetTrigger.Props>, ref): React.ReactElement => {\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseDialog.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseDialog.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet overlay.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetOverlay>Content</SheetOverlay>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetOverlay(props: Readonly<SheetOverlay.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Backdrop\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetContent>Content</SheetContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof BaseDialog.Popup>, SheetContent.Props>(\r\n  (props: Readonly<SheetContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, side = \"right\", ...otherProps} = props;\r\n\r\n    return (\r\n      <SheetPortal>\r\n        <SheetOverlay />\r\n        <BaseDialog.Popup\r\n          ref={ref}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            render: render as never,\r\n            props: mergeProps({className: cn(styles.popup, styles[side], className)}, {}),\r\n          })}>\r\n          <BaseDialog.Close\r\n            aria-label='Close'\r\n            className={styles.close}>\r\n            <X className={styles.closeIcon} />\r\n          </BaseDialog.Close>\r\n          {children}\r\n        </BaseDialog.Popup>\r\n      </SheetPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet header.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetHeader>Content</SheetHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetHeader(props: Readonly<SheetHeader.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet footer.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetFooter>Content</SheetFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetFooter(props: Readonly<SheetFooter.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet title.\r\n *\r\n * @remarks\r\n * - Renders a `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTitle>Content</SheetTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetTitle(props: Readonly<SheetTitle.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Title\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"h2\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.title, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Title>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet description.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetDescription>Content</SheetDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetDescription(props: Readonly<SheetDescription.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Description\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"p\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.description, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Description>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Sheet {\r\n  export type Props = SheetProps;\r\n  export type State = BaseDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTrigger {\r\n  export type Props = SheetTriggerProps;\r\n  export type State = BaseDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetOverlay {\r\n  export type Props = SheetOverlayProps;\r\n  export type State = BaseDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetContent {\r\n  export type Props = SheetContentProps;\r\n  export type State = BaseDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetHeader {\r\n  export type Props = SheetHeaderProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetFooter {\r\n  export type Props = SheetFooterProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTitle {\r\n  export type Props = SheetTitleProps;\r\n  export type State = BaseDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetDescription {\r\n  export type Props = SheetDescriptionProps;\r\n  export type State = BaseDialog.Description.State;\r\n}\r\n\r\nSheet.displayName = \"Sheet\";\r\nSheetPortal.displayName = \"SheetPortal\";\r\nSheetClose.displayName = \"SheetClose\";\r\nSheetTrigger.displayName = \"SheetTrigger\";\r\nSheetOverlay.displayName = \"SheetOverlay\";\r\nSheetContent.displayName = \"SheetContent\";\r\nSheetHeader.displayName = \"SheetHeader\";\r\nSheetFooter.displayName = \"SheetFooter\";\r\nSheetTitle.displayName = \"SheetTitle\";\r\nSheetDescription.displayName = \"SheetDescription\";\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\n"],"names":["Sheet","props","BaseDialog","SheetPortal","SheetClose","SheetTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","SheetOverlay","cn","styles","SheetContent","side","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;;;;AAuHA,SAASA,MAAMC,KAA4B;IACzC,OAAO,WAAP,GAAO,IAACC,OAAAA,IAAe;QAAE,GAAGD,KAAK;;AACnC;AAiBA,MAAME,cAAcD,OAAAA,MAAiB;AAgBrC,MAAME,aAAaF,OAAAA,KAAgB;AAiBnC,MAAMG,eAAe,WAAHA,GAAGC,WACnB,CAACL,OAAqCM;IACpC,MAAM,EAACC,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGX;IACtE,MAAMY,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAO,WAAP,GACE,IAACT,OAAAA,OAAkB;QACjB,KAAKK;QACJ,GAAGK,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQD;YACR,OAAOE,WAAW;gBAACL;YAAS,GAAG,CAAC;QAClC;kBACCG,aAAaG,SAAYP;;AAGhC;AAkBF,SAASQ,aAAahB,KAAmC;IACvD,MAAM,EAACS,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGX;IAE3C,OAAO,WAAP,GACE,IAACC,OAAAA,QAAmB;QACjB,GAAGU,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWG,GAAGC,aAAAA,QAAe,EAAET;YAAU,GAAG,CAAC;QAClE;;AAGN;AAiBA,MAAMU,eAAe,WAAHA,GAAGd,WACnB,CAACL,OAAqCM;IACpC,MAAM,EAACG,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAEU,OAAO,OAAO,EAAE,GAAGT,YAAW,GAAGX;IAErE,OAAO,WAAP,GACE,KAACE,aAAWA;;0BACV,IAACc,cAAYA,CAAAA;0BACb,KAACf,OAAAA,KAAgB;gBACf,KAAKK;gBACJ,GAAGK,UAAU;gBACd,QAAQE,UAAU;oBAChB,gBAAgB;oBAChB,QAAQH;oBACR,OAAOI,WAAW;wBAAC,WAAWG,GAAGC,aAAAA,KAAY,EAAEA,YAAM,CAACE,KAAK,EAAEX;oBAAU,GAAG,CAAC;gBAC7E;;kCACA,IAACR,OAAAA,KAAgB;wBACf,cAAW;wBACX,WAAWiB,aAAAA,KAAY;kCACvB,kBAACG,GAACA;4BAAC,WAAWH,aAAAA,SAAgB;;;oBAE/BV;;;;;AAIT;AAkBF,SAASc,YAAYtB,KAAkC;IACrD,MAAM,EAACO,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGX;IACtE,MAAMY,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAOG,UAAU;QACf,gBAAgB;QAChB,QAAQD;QACR,OAAOE,WAAW;YAAC,WAAWG,GAAGC,aAAAA,MAAa,EAAET;QAAU,GAAGE,YAAY;YACvE,UAAUC,aAAaG,SAAYP;QACrC;IACF;AACF;AAiBA,SAASe,YAAYvB,KAAkC;IACrD,MAAM,EAACO,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGX;IACtE,MAAMY,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAOG,UAAU;QACf,gBAAgB;QAChB,QAAQD;QACR,OAAOE,WAAW;YAAC,WAAWG,GAAGC,aAAAA,MAAa,EAAET;QAAU,GAAGE,YAAY;YACvE,UAAUC,aAAaG,SAAYP;QACrC;IACF;AACF;AAiBA,SAASgB,WAAWxB,KAAiC;IACnD,MAAM,EAACS,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGX;IAErD,OAAO,WAAP,GACE,IAACC,OAAAA,KAAgB;QACd,GAAGU,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWG,GAAGC,aAAAA,KAAY,EAAET;YAAU,GAAG,CAAC;QAC/D;kBACCD;;AAGP;AAiBA,SAASiB,iBAAiBzB,KAAuC;IAC/D,MAAM,EAACS,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGX;IAErD,OAAO,WAAP,GACE,IAACC,OAAAA,WAAsB;QACpB,GAAGU,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWG,GAAGC,aAAAA,WAAkB,EAAET;YAAU,GAAG,CAAC;QACrE;kBACCD;;AAGP;AAkDAT,MAAM,WAAW,GAAG;AACpBG,YAAY,WAAW,GAAG;AAC1BC,WAAW,WAAW,GAAG;AACzBC,aAAa,WAAW,GAAG;AAC3BY,aAAa,WAAW,GAAG;AAC3BG,aAAa,WAAW,GAAG;AAC3BG,YAAY,WAAW,GAAG;AAC1BC,YAAY,WAAW,GAAG;AAC1BC,WAAW,WAAW,GAAG;AACzBC,iBAAiB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/sheet.js","sources":["../../../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Dialog as BaseDialog} from \"@base-ui/react/dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {X} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./sheet.module.css\";\r\n\r\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\r\n\r\ninterface SheetProps extends React.ComponentPropsWithRef<typeof BaseDialog.Root> {}\r\n\r\ninterface SheetTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Backdrop>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\nexport interface SheetContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Popup>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls which side of the viewport the sheet enters from.\r\n   * @default \"right\"\r\n   */\r\n  side?: SheetSide;\r\n}\r\n\r\ninterface SheetHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface SheetTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Title>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface SheetDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseDialog.Description>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates sheet state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sheet>Content</Sheet>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction Sheet(props: Readonly<Sheet.Props>): React.ReactElement {\r\n  return <BaseDialog.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Provides the sheet portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetPortal>Content</SheetPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetPortal = BaseDialog.Portal;\r\n/**\r\n * Renders the sheet close.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetClose>Content</SheetClose>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetClose = BaseDialog.Close;\r\n\r\n/**\r\n * Renders the sheet trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTrigger>Content</SheetTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTrigger.Props>(\r\n  (props: Readonly<SheetTrigger.Props>, ref): React.ReactElement => {\r\n    // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseDialog.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseDialog.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet overlay.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetOverlay>Content</SheetOverlay>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetOverlay(props: Readonly<SheetOverlay.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Backdrop\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetContent>Content</SheetContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nconst SheetContent = React.forwardRef<React.ComponentRef<typeof BaseDialog.Popup>, SheetContent.Props>(\r\n  (props: Readonly<SheetContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, side = \"right\", ...otherProps} = props;\r\n\r\n    return (\r\n      <SheetPortal>\r\n        <SheetOverlay />\r\n        <BaseDialog.Popup\r\n          ref={ref}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            render: render as never,\r\n            props: mergeProps({className: cn(styles.popup, styles[side], className)}, {}),\r\n          })}>\r\n          <BaseDialog.Close\r\n            aria-label='Close'\r\n            className={styles.close}>\r\n            <X className={styles.closeIcon} />\r\n          </BaseDialog.Close>\r\n          {children}\r\n        </BaseDialog.Popup>\r\n      </SheetPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the sheet header.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetHeader>Content</SheetHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetHeader(props: Readonly<SheetHeader.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet footer.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetFooter>Content</SheetFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetFooter(props: Readonly<SheetFooter.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the sheet title.\r\n *\r\n * @remarks\r\n * - Renders a `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetTitle>Content</SheetTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetTitle(props: Readonly<SheetTitle.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Title\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"h2\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.title, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Title>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the sheet description.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/dialog | Base UI Dialog}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <SheetDescription>Content</SheetDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Documentation}\r\n */\r\nfunction SheetDescription(props: Readonly<SheetDescription.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseDialog.Description\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"p\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.description, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseDialog.Description>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Sheet {\r\n  export type Props = SheetProps;\r\n  export type State = BaseDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTrigger {\r\n  export type Props = SheetTriggerProps;\r\n  export type State = BaseDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetOverlay {\r\n  export type Props = SheetOverlayProps;\r\n  export type State = BaseDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetContent {\r\n  export type Props = SheetContentProps;\r\n  export type State = BaseDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetHeader {\r\n  export type Props = SheetHeaderProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetFooter {\r\n  export type Props = SheetFooterProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetTitle {\r\n  export type Props = SheetTitleProps;\r\n  export type State = BaseDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace SheetDescription {\r\n  export type Props = SheetDescriptionProps;\r\n  export type State = BaseDialog.Description.State;\r\n}\r\n\r\nSheet.displayName = \"Sheet\";\r\nSheetPortal.displayName = \"SheetPortal\";\r\nSheetClose.displayName = \"SheetClose\";\r\nSheetTrigger.displayName = \"SheetTrigger\";\r\nSheetOverlay.displayName = \"SheetOverlay\";\r\nSheetContent.displayName = \"SheetContent\";\r\nSheetHeader.displayName = \"SheetHeader\";\r\nSheetFooter.displayName = \"SheetFooter\";\r\nSheetTitle.displayName = \"SheetTitle\";\r\nSheetDescription.displayName = \"SheetDescription\";\r\n\r\nexport {Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger};\r\n"],"names":["Sheet","props","BaseDialog","SheetPortal","SheetClose","SheetTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","SheetOverlay","cn","styles","SheetContent","side","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}

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

@@ -203,7 +203,7 @@ declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.Detailed
  *
  * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/hr | HTML thematic break}
  */
-declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Readonly<import("./separator").SeparatorProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("./separator").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders the scrollable content region of the sidebar.
  *

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {createPortal} from \"react-dom\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./sidebar.module.css\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\ntype SidebarCloneableDivProps = React.ComponentProps<\"div\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLDivElement>};\r\ntype SidebarCloneableButtonProps = React.ComponentProps<\"button\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLButtonElement>};\r\ntype SidebarCloneableAnchorProps = React.ComponentProps<\"a\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLAnchorElement>};\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\n/**\r\n * Returns the active sidebar context and enforces provider usage.\r\n *\r\n * @remarks\r\n * Must be called from within {@link SidebarProvider}. Exposes desktop and mobile\r\n * open state along with the shared toggle helper used by sidebar primitives.\r\n *\r\n * @example\r\n * ```tsx\r\n * const {open, toggleSidebar} = useSidebar();\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React useContext Docs}\r\n */\r\nfunction useSidebar(): SidebarContextProps {\r\n  const context = React.useContext(SidebarContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * Props for the sidebar provider.\r\n */\r\ninterface SidebarProviderProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Initial uncontrolled open state for desktop layouts.\r\n   * @default true\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Controlled open state for desktop layouts.\r\n   * @default undefined\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Callback invoked when the desktop open state changes.\r\n   * @default undefined\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n}\r\n\r\n/**\r\n * Provides shared sidebar state, keyboard shortcuts, and responsive behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built on shared React context and tooltip primitives\r\n * - Persists desktop collapse state to a cookie for cross-page continuity\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarProvider>\r\n *   <Sidebar />\r\n * </SidebarProvider>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React Context Docs}\r\n */\r\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\r\n  ({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n    const isMobile = useIsMobile();\r\n    const [openMobile, setOpenMobile] = React.useState(false);\r\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\r\n    const open = openProp ?? internalOpen;\r\n\r\n    const setOpen = React.useCallback(\r\n      (value: boolean | ((value: boolean) => boolean)) => {\r\n        const nextValue = typeof value === \"function\" ? value(open) : value;\r\n\r\n        if (setOpenProp) {\r\n          setOpenProp(nextValue);\r\n        } else {\r\n          setInternalOpen(nextValue);\r\n        }\r\n\r\n        // eslint-disable-next-line unicorn/no-document-cookie -- persistent sidebar state matches V1 behavior\r\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${nextValue}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n      },\r\n      [open, setOpenProp],\r\n    );\r\n\r\n    const toggleSidebar = React.useCallback(() => {\r\n      if (isMobile) {\r\n        setOpenMobile((currentOpen) => !currentOpen);\r\n        return;\r\n      }\r\n\r\n      setOpen((currentOpen) => !currentOpen);\r\n    }, [isMobile, setOpen]);\r\n\r\n    React.useEffect(() => {\r\n      const handleKeyDown = (event: KeyboardEvent) => {\r\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n          event.preventDefault();\r\n          toggleSidebar();\r\n        }\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [toggleSidebar]);\r\n\r\n    const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n    const contextValue = React.useMemo<SidebarContextProps>(\r\n      () => ({\r\n        isMobile,\r\n        open,\r\n        openMobile,\r\n        setOpen,\r\n        setOpenMobile,\r\n        state,\r\n        toggleSidebar,\r\n      }),\r\n      [isMobile, open, openMobile, setOpen, state, toggleSidebar],\r\n    );\r\n\r\n    return (\r\n      <SidebarContext.Provider value={contextValue}>\r\n        <TooltipProvider>\r\n          <div\r\n            ref={ref}\r\n            style={\r\n              {\r\n                \"--ac-sidebar-width\": SIDEBAR_WIDTH,\r\n                \"--ac-sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n                ...style,\r\n              } as React.CSSProperties\r\n            }\r\n            className={cn(styles.wrapper, className)}\r\n            {...props}>\r\n            {children}\r\n          </div>\r\n        </TooltipProvider>\r\n      </SidebarContext.Provider>\r\n    );\r\n  },\r\n);\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\n/**\r\n * Props for the root sidebar panel.\r\n */\r\ntype SidebarProps = React.ComponentProps<\"div\"> & {\r\n  /**\r\n   * Edge of the screen where the sidebar is rendered.\r\n   * @default \"left\"\r\n   */\r\n  side?: \"left\" | \"right\";\r\n  /**\r\n   * Visual presentation style used for desktop rendering.\r\n   * @default \"sidebar\"\r\n   */\r\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n  /**\r\n   * Desktop collapse behavior for the sidebar.\r\n   * @default \"offcanvas\"\r\n   */\r\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n};\r\n\r\n/**\r\n * Renders the responsive sidebar panel for desktop and mobile layouts.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element on desktop and a dialog portal on mobile\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sidebar>\r\n *   <SidebarContent />\r\n * </Sidebar>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/dialog_role | ARIA Dialog Role}\r\n */\r\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\r\n  ({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n    const {isMobile, openMobile, setOpenMobile, state} = useSidebar();\r\n\r\n    if (collapsible === \"none\") {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          className={cn(styles.staticSidebar, className)}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (isMobile) {\r\n      return (\r\n        <MobileSidebarPortal\r\n          className={className}\r\n          open={openMobile}\r\n          side={side}\r\n          onOpenChange={setOpenMobile}\r\n          {...props}>\r\n          {children}\r\n        </MobileSidebarPortal>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={styles.desktopRoot}\r\n        data-state={state}\r\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n        data-variant={variant}\r\n        data-side={side}>\r\n        <div className={styles.gap} />\r\n        <div\r\n          className={cn(styles.panelWrap, className)}\r\n          {...props}>\r\n          <div\r\n            data-sidebar='sidebar'\r\n            className={styles.panel}>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nSidebar.displayName = \"Sidebar\";\r\n\r\ntype MobileSidebarPortalProps = React.ComponentProps<\"div\"> & {\r\n  open: boolean;\r\n  side: \"left\" | \"right\";\r\n  onOpenChange: (open: boolean) => void;\r\n};\r\n\r\nfunction MobileSidebarPortal({\r\n  open,\r\n  side,\r\n  onOpenChange,\r\n  className,\r\n  children,\r\n  ...props\r\n}: Readonly<MobileSidebarPortalProps>): React.ReactPortal | null {\r\n  React.useEffect(() => {\r\n    if (!open) {\r\n      return;\r\n    }\r\n\r\n    const previousOverflow = document.body.style.overflow;\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\") {\r\n        onOpenChange(false);\r\n      }\r\n    };\r\n\r\n    document.body.style.overflow = \"hidden\";\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.body.style.overflow = previousOverflow;\r\n      globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [onOpenChange, open]);\r\n\r\n  if (!open || typeof document === \"undefined\") {\r\n    return null;\r\n  }\r\n\r\n  return createPortal(\r\n    <div className={styles.mobilePortal}>\r\n      <button\r\n        type='button'\r\n        aria-label='Close sidebar'\r\n        className={styles.mobileOverlay}\r\n        onClick={() => onOpenChange(false)}\r\n      />\r\n      <div\r\n        role='dialog'\r\n        aria-modal='true'\r\n        aria-label='Sidebar'\r\n        data-sidebar='sidebar'\r\n        className={cn(styles.mobilePanel, side === \"right\" ? styles.mobilePanelRight : styles.mobilePanelLeft, className)}\r\n        style={{\"--ac-sidebar-width\": SIDEBAR_WIDTH_MOBILE} as React.CSSProperties}\r\n        {...props}>\r\n        <div className={styles.srOnly}>\r\n          <h2>Sidebar</h2>\r\n          <p>Displays the mobile sidebar.</p>\r\n        </div>\r\n        <div className={styles.mobileContent}>{children}</div>\r\n      </div>\r\n    </div>,\r\n    document.body,\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the primary button used to toggle the sidebar.\r\n *\r\n * @remarks\r\n * - Renders the shared `Button` component\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarTrigger />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(styles.trigger, className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft className={styles.triggerIcon} />\r\n        <span className={styles.srOnly}>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\n/**\r\n * Renders a slim rail button used to toggle the sidebar collapsed state.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarRail />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      title='Toggle Sidebar'\r\n      type='button'\r\n      className={cn(styles.rail, className)}\r\n      onClick={toggleSidebar}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\n/**\r\n * Renders the inset main content region adjacent to the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<main>` element\r\n * - Built as a layout helper for inset sidebar variants\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInset>Main content</SidebarInset>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/main | HTML main element}\r\n */\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => (\r\n  <main\r\n    ref={ref}\r\n    className={cn(styles.inset, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\n/**\r\n * Renders a styled input inside sidebar layouts.\r\n *\r\n * @remarks\r\n * - Renders the shared `Input` component\r\n * - Built for sidebar search and filtering affordances\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInput placeholder='Search...' />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/input | HTML input element}\r\n */\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => (\r\n    <Input\r\n      ref={ref}\r\n      data-sidebar='input'\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\n/**\r\n * Renders the header region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for branding or primary controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarHeader>Workspace</SidebarHeader>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='header'\r\n    className={cn(styles.header, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\n/**\r\n * Renders the footer region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for actions or account controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarFooter>Footer content</SidebarFooter>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='footer'\r\n    className={cn(styles.footer, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\n/**\r\n * Renders a separator between sidebar regions or menu groups.\r\n *\r\n * @remarks\r\n * - Renders the shared `Separator` component\r\n * - Built as a lightweight structural divider\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/hr | HTML thematic break}\r\n */\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => (\r\n    <Separator\r\n      ref={ref}\r\n      data-sidebar='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\n/**\r\n * Renders the scrollable content region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for menu groups and custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarContent>\r\n *   <SidebarMenu />\r\n * </SidebarContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='content'\r\n    className={cn(styles.content, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\n/**\r\n * Renders a logical grouping container inside the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for related navigation sections\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroup>\r\n *   <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * </SidebarGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group'\r\n    className={cn(styles.group, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nfunction cloneSidebarChild<TProps extends {className?: string}>(children: React.ReactNode, mergedProps: TProps): React.JSX.Element | null {\r\n  if (!React.isValidElement(children)) {\r\n    return null;\r\n  }\r\n\r\n  const child = children as React.ReactElement<TProps>;\r\n\r\n  // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n  return React.cloneElement(child, {\r\n    ...mergedProps,\r\n    className: cn(mergedProps.className, child.props.className),\r\n  });\r\n}\r\n\r\n/**\r\n * Props for the sidebar group label.\r\n */\r\ninterface SidebarGroupLabelProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<div>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the heading label for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Supports `asChild` composition for custom markup\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableDivProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupLabel, className),\r\n      \"data-sidebar\": \"group-label\",\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <div {...mergedProps} />;\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\n/**\r\n * Props for the sidebar group action button.\r\n */\r\ninterface SidebarGroupActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action aligned with a sidebar group heading.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupAction aria-label='Add project'>+</SidebarGroupAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, SidebarGroupActionProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupAction, className),\r\n      \"data-sidebar\": \"group-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\n/**\r\n * Renders the content container for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a structural wrapper for nested menu items or custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupContent>\r\n *   <SidebarMenu />\r\n * </SidebarGroupContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(styles.groupContent, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\n/**\r\n * Renders the root sidebar navigation list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built as the primary menu container for sidebar navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenu>\r\n *   <SidebarMenuItem />\r\n * </SidebarMenu>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(styles.menu, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\n/**\r\n * Renders a single list item within the sidebar menu.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for menu buttons and actions\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuItem>\r\n *   <SidebarMenuButton>Dashboard</SidebarMenuButton>\r\n * </SidebarMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(styles.menuItem, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariantStyles = {\r\n  default: styles.menuButtonDefault,\r\n  outline: styles.menuButtonOutline,\r\n} as const;\r\n\r\nconst sidebarMenuButtonSizeStyles = {\r\n  default: styles.menuButtonSizeDefault,\r\n  sm: styles.menuButtonSizeSm,\r\n  lg: styles.menuButtonSizeLg,\r\n} as const;\r\n\r\n/**\r\n * Props for the sidebar menu button.\r\n */\r\ninterface SidebarMenuButtonProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the menu item should be styled as active.\r\n   * @default false\r\n   */\r\n  isActive?: boolean;\r\n  /**\r\n   * Tooltip content displayed when the sidebar is collapsed on desktop.\r\n   * @default undefined\r\n   */\r\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  /**\r\n   * Visual style variant for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  variant?: keyof typeof sidebarMenuButtonVariantStyles;\r\n  /**\r\n   * Size preset for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  size?: keyof typeof sidebarMenuButtonSizeStyles;\r\n}\r\n\r\n/**\r\n * Renders the primary interactive element for a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition and contextual tooltips when collapsed\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuButton isActive>Dashboard</SidebarMenuButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\r\n  ({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, children, ...props}, ref) => {\r\n    const {isMobile, state} = useSidebar();\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuButton, sidebarMenuButtonVariantStyles[variant], sidebarMenuButtonSizeStyles[size], className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n    const clonedChild = asChild ? cloneSidebarChild(children, mergedProps) : null;\r\n\r\n    const button = clonedChild ?? (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n\r\n    if (!tooltip) {\r\n      return button;\r\n    }\r\n\r\n    const resolvedTooltip = typeof tooltip === \"string\" ? {children: tooltip} : tooltip;\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger render={button as React.ReactElement} />\r\n        <TooltipContent\r\n          hidden={state !== \"collapsed\" || isMobile}\r\n          {...resolvedTooltip}\r\n        />\r\n      </Tooltip>\r\n    );\r\n  },\r\n);\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\n/**\r\n * Props for the sidebar menu action button.\r\n */\r\ninterface SidebarMenuActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the action should remain hidden until its parent item is hovered.\r\n   * @default false\r\n   */\r\n  showOnHover?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action button aligned within a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuAction showOnHover>⋯</SidebarMenuAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuAction = React.forwardRef<HTMLButtonElement, SidebarMenuActionProps>(\r\n  ({className, asChild = false, showOnHover = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuAction, showOnHover && styles.menuActionShowOnHover, className),\r\n      \"data-sidebar\": \"menu-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\n/**\r\n * Renders a badge alongside a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a lightweight presentational helper for counts and statuses\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuBadge>3</SidebarMenuBadge>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(styles.menuBadge, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\n/**\r\n * Props for the sidebar menu skeleton.\r\n */\r\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to render a leading skeleton icon placeholder.\r\n   * @default false\r\n   */\r\n  showIcon?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a loading placeholder for sidebar menu items.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built from shared `Skeleton` primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSkeleton showIcon />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuSkeleton = React.forwardRef<HTMLDivElement, SidebarMenuSkeletonProps>(({className, showIcon = false, ...props}, ref) => {\r\n  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(styles.menuSkeleton, className)}\r\n      {...props}>\r\n      {Boolean(showIcon) && (\r\n        <Skeleton\r\n          className={styles.menuSkeletonIcon}\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className={styles.menuSkeletonText}\r\n        data-sidebar='menu-skeleton-text'\r\n        style={{\"--ac-skeleton-width\": width} as React.CSSProperties}\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\n/**\r\n * Renders a nested menu list within the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built for multi-level navigation structures\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSub>\r\n *   <SidebarMenuSubItem />\r\n * </SidebarMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(styles.menuSub, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\n/**\r\n * Renders a single nested sidebar menu list item.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for nested menu links\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubItem />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>((props, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\n/**\r\n * Props for the sidebar nested menu button.\r\n */\r\ninterface SidebarMenuSubButtonProps extends React.ComponentProps<\"a\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<a>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Size preset for the nested menu link.\r\n   * @default \"md\"\r\n   */\r\n  size?: \"sm\" | \"md\";\r\n  /**\r\n   * Whether the nested menu item should be styled as active.\r\n   * @default undefined\r\n   */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a nested sidebar menu link.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Supports `asChild` composition for custom link components\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubButton href='/settings/profile'>Profile</SidebarMenuSubButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuSubButton = React.forwardRef<HTMLAnchorElement, SidebarMenuSubButtonProps>(\r\n  ({asChild = false, size = \"md\", isActive, className, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableAnchorProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuSubButton, size === \"sm\" ? styles.menuSubButtonSm : styles.menuSubButtonMd, className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-sub-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <a {...mergedProps}>{children}</a>;\r\n  },\r\n);\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","open","setOpen","value","nextValue","document","toggleSidebar","currentOpen","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","styles","Sidebar","side","variant","collapsible","MobileSidebarPortal","onOpenChange","previousOverflow","createPortal","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","cloneSidebarChild","mergedProps","child","SidebarGroupLabel","asChild","clonedChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariantStyles","sidebarMenuButtonSizeStyles","SidebarMenuButton","isActive","size","tooltip","button","resolvedTooltip","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Boolean","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}
+{"version":3,"file":"components/ui/sidebar.js","sources":["../../../src/components/ui/sidebar.tsx"],"sourcesContent":["/* eslint-disable max-lines */\r\n\"use client\";\r\n\r\nimport {PanelLeft} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {createPortal} from \"react-dom\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {Input} from \"@/components/ui/input\";\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {Skeleton} from \"@/components/ui/skeleton\";\r\nimport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from \"@/components/ui/tooltip\";\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./sidebar.module.css\";\r\n\r\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\r\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\r\nconst SIDEBAR_WIDTH = \"16rem\";\r\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\r\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\r\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\r\n\r\ntype SidebarDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\ntype SidebarCloneableDivProps = React.ComponentProps<\"div\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLDivElement>};\r\ntype SidebarCloneableButtonProps = React.ComponentProps<\"button\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLButtonElement>};\r\ntype SidebarCloneableAnchorProps = React.ComponentProps<\"a\"> & SidebarDataAttributes & {ref?: React.Ref<HTMLAnchorElement>};\r\n\r\ntype SidebarContextProps = {\r\n  state: \"expanded\" | \"collapsed\";\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  openMobile: boolean;\r\n  setOpenMobile: (open: boolean) => void;\r\n  isMobile: boolean;\r\n  toggleSidebar: () => void;\r\n};\r\n\r\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\r\n\r\n/**\r\n * Returns the active sidebar context and enforces provider usage.\r\n *\r\n * @remarks\r\n * Must be called from within {@link SidebarProvider}. Exposes desktop and mobile\r\n * open state along with the shared toggle helper used by sidebar primitives.\r\n *\r\n * @example\r\n * ```tsx\r\n * const {open, toggleSidebar} = useSidebar();\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React useContext Docs}\r\n */\r\nfunction useSidebar(): SidebarContextProps {\r\n  const context = React.useContext(SidebarContext);\r\n\r\n  if (!context) {\r\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * Props for the sidebar provider.\r\n */\r\ninterface SidebarProviderProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Initial uncontrolled open state for desktop layouts.\r\n   * @default true\r\n   */\r\n  defaultOpen?: boolean;\r\n  /**\r\n   * Controlled open state for desktop layouts.\r\n   * @default undefined\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * Callback invoked when the desktop open state changes.\r\n   * @default undefined\r\n   */\r\n  onOpenChange?: (open: boolean) => void;\r\n}\r\n\r\n/**\r\n * Provides shared sidebar state, keyboard shortcuts, and responsive behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built on shared React context and tooltip primitives\r\n * - Persists desktop collapse state to a cookie for cross-page continuity\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarProvider>\r\n *   <Sidebar />\r\n * </SidebarProvider>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/useContext | React Context Docs}\r\n */\r\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\r\n  ({defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props}, ref) => {\r\n    const isMobile = useIsMobile();\r\n    const [openMobile, setOpenMobile] = React.useState(false);\r\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\r\n    const open = openProp ?? internalOpen;\r\n\r\n    const setOpen = React.useCallback(\r\n      (value: boolean | ((value: boolean) => boolean)) => {\r\n        const nextValue = typeof value === \"function\" ? value(open) : value;\r\n\r\n        if (setOpenProp) {\r\n          setOpenProp(nextValue);\r\n        } else {\r\n          setInternalOpen(nextValue);\r\n        }\r\n\r\n        // eslint-disable-next-line unicorn/no-document-cookie -- persistent sidebar state matches V1 behavior\r\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${nextValue}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\r\n      },\r\n      [open, setOpenProp],\r\n    );\r\n\r\n    const toggleSidebar = React.useCallback(() => {\r\n      if (isMobile) {\r\n        setOpenMobile((currentOpen) => !currentOpen);\r\n        return;\r\n      }\r\n\r\n      setOpen((currentOpen) => !currentOpen);\r\n    }, [isMobile, setOpen]);\r\n\r\n    React.useEffect(() => {\r\n      const handleKeyDown = (event: KeyboardEvent) => {\r\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\r\n          event.preventDefault();\r\n          toggleSidebar();\r\n        }\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [toggleSidebar]);\r\n\r\n    const state = open ? \"expanded\" : \"collapsed\";\r\n\r\n    const contextValue = React.useMemo<SidebarContextProps>(\r\n      () => ({\r\n        isMobile,\r\n        open,\r\n        openMobile,\r\n        setOpen,\r\n        setOpenMobile,\r\n        state,\r\n        toggleSidebar,\r\n      }),\r\n      [isMobile, open, openMobile, setOpen, state, toggleSidebar],\r\n    );\r\n\r\n    return (\r\n      <SidebarContext.Provider value={contextValue}>\r\n        <TooltipProvider>\r\n          <div\r\n            ref={ref}\r\n            style={\r\n              {\r\n                \"--ac-sidebar-width\": SIDEBAR_WIDTH,\r\n                \"--ac-sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\r\n                ...style,\r\n              } as React.CSSProperties\r\n            }\r\n            className={cn(styles.wrapper, className)}\r\n            {...props}>\r\n            {children}\r\n          </div>\r\n        </TooltipProvider>\r\n      </SidebarContext.Provider>\r\n    );\r\n  },\r\n);\r\nSidebarProvider.displayName = \"SidebarProvider\";\r\n\r\n/**\r\n * Props for the root sidebar panel.\r\n */\r\ntype SidebarProps = React.ComponentProps<\"div\"> & {\r\n  /**\r\n   * Edge of the screen where the sidebar is rendered.\r\n   * @default \"left\"\r\n   */\r\n  side?: \"left\" | \"right\";\r\n  /**\r\n   * Visual presentation style used for desktop rendering.\r\n   * @default \"sidebar\"\r\n   */\r\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\r\n  /**\r\n   * Desktop collapse behavior for the sidebar.\r\n   * @default \"offcanvas\"\r\n   */\r\n  collapsible?: \"offcanvas\" | \"icon\" | \"none\";\r\n};\r\n\r\n/**\r\n * Renders the responsive sidebar panel for desktop and mobile layouts.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element on desktop and a dialog portal on mobile\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <Sidebar>\r\n *   <SidebarContent />\r\n * </Sidebar>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/dialog_role | ARIA Dialog Role}\r\n */\r\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\r\n  ({side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children, ...props}, ref) => {\r\n    const {isMobile, openMobile, setOpenMobile, state} = useSidebar();\r\n\r\n    if (collapsible === \"none\") {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          className={cn(styles.staticSidebar, className)}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (isMobile) {\r\n      return (\r\n        <MobileSidebarPortal\r\n          className={className}\r\n          open={openMobile}\r\n          side={side}\r\n          onOpenChange={setOpenMobile}\r\n          {...props}>\r\n          {children}\r\n        </MobileSidebarPortal>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={styles.desktopRoot}\r\n        data-state={state}\r\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\r\n        data-variant={variant}\r\n        data-side={side}>\r\n        <div className={styles.gap} />\r\n        <div\r\n          className={cn(styles.panelWrap, className)}\r\n          {...props}>\r\n          <div\r\n            data-sidebar='sidebar'\r\n            className={styles.panel}>\r\n            {children}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n);\r\nSidebar.displayName = \"Sidebar\";\r\n\r\ntype MobileSidebarPortalProps = React.ComponentProps<\"div\"> & {\r\n  open: boolean;\r\n  side: \"left\" | \"right\";\r\n  onOpenChange: (open: boolean) => void;\r\n};\r\n\r\nfunction MobileSidebarPortal({\r\n  open,\r\n  side,\r\n  onOpenChange,\r\n  className,\r\n  children,\r\n  ...props\r\n}: Readonly<MobileSidebarPortalProps>): React.ReactPortal | null {\r\n  React.useEffect(() => {\r\n    if (!open) {\r\n      return;\r\n    }\r\n\r\n    const previousOverflow = document.body.style.overflow;\r\n    const handleKeyDown = (event: KeyboardEvent) => {\r\n      if (event.key === \"Escape\") {\r\n        onOpenChange(false);\r\n      }\r\n    };\r\n\r\n    document.body.style.overflow = \"hidden\";\r\n    globalThis.window.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.body.style.overflow = previousOverflow;\r\n      globalThis.window.removeEventListener(\"keydown\", handleKeyDown);\r\n    };\r\n  }, [onOpenChange, open]);\r\n\r\n  if (!open || typeof document === \"undefined\") {\r\n    return null;\r\n  }\r\n\r\n  return createPortal(\r\n    <div className={styles.mobilePortal}>\r\n      <button\r\n        type='button'\r\n        aria-label='Close sidebar'\r\n        className={styles.mobileOverlay}\r\n        onClick={() => onOpenChange(false)}\r\n      />\r\n      <div\r\n        role='dialog'\r\n        aria-modal='true'\r\n        aria-label='Sidebar'\r\n        data-sidebar='sidebar'\r\n        className={cn(styles.mobilePanel, side === \"right\" ? styles.mobilePanelRight : styles.mobilePanelLeft, className)}\r\n        style={{\"--ac-sidebar-width\": SIDEBAR_WIDTH_MOBILE} as React.CSSProperties}\r\n        {...props}>\r\n        <div className={styles.srOnly}>\r\n          <h2>Sidebar</h2>\r\n          <p>Displays the mobile sidebar.</p>\r\n        </div>\r\n        <div className={styles.mobileContent}>{children}</div>\r\n      </div>\r\n    </div>,\r\n    document.body,\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the primary button used to toggle the sidebar.\r\n *\r\n * @remarks\r\n * - Renders the shared `Button` component\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarTrigger />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarTrigger = React.forwardRef<React.ComponentRef<typeof Button>, React.ComponentProps<typeof Button>>(\r\n  ({className, onClick, ...props}, ref) => {\r\n    const {toggleSidebar} = useSidebar();\r\n\r\n    return (\r\n      <Button\r\n        ref={ref}\r\n        data-sidebar='trigger'\r\n        variant='ghost'\r\n        size='icon'\r\n        className={cn(styles.trigger, className)}\r\n        onClick={(event) => {\r\n          onClick?.(event);\r\n          toggleSidebar();\r\n        }}\r\n        {...props}>\r\n        <PanelLeft className={styles.triggerIcon} />\r\n        <span className={styles.srOnly}>Toggle Sidebar</span>\r\n      </Button>\r\n    );\r\n  },\r\n);\r\nSidebarTrigger.displayName = \"SidebarTrigger\";\r\n\r\n/**\r\n * Renders a slim rail button used to toggle the sidebar collapsed state.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element\r\n * - Built on the shared sidebar context\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarRail />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/button | HTML button element}\r\n */\r\nconst SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<\"button\">>(({className, ...props}, ref) => {\r\n  const {toggleSidebar} = useSidebar();\r\n\r\n  return (\r\n    <button\r\n      ref={ref}\r\n      data-sidebar='rail'\r\n      aria-label='Toggle Sidebar'\r\n      tabIndex={-1}\r\n      title='Toggle Sidebar'\r\n      type='button'\r\n      className={cn(styles.rail, className)}\r\n      onClick={toggleSidebar}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nSidebarRail.displayName = \"SidebarRail\";\r\n\r\n/**\r\n * Renders the inset main content region adjacent to the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<main>` element\r\n * - Built as a layout helper for inset sidebar variants\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInset>Main content</SidebarInset>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/main | HTML main element}\r\n */\r\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<\"main\">>(({className, ...props}, ref) => (\r\n  <main\r\n    ref={ref}\r\n    className={cn(styles.inset, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarInset.displayName = \"SidebarInset\";\r\n\r\n/**\r\n * Renders a styled input inside sidebar layouts.\r\n *\r\n * @remarks\r\n * - Renders the shared `Input` component\r\n * - Built for sidebar search and filtering affordances\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarInput placeholder='Search...' />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/input | HTML input element}\r\n */\r\nconst SidebarInput = React.forwardRef<React.ComponentRef<typeof Input>, React.ComponentProps<typeof Input>>(\r\n  ({className, ...props}, ref) => (\r\n    <Input\r\n      ref={ref}\r\n      data-sidebar='input'\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarInput.displayName = \"SidebarInput\";\r\n\r\n/**\r\n * Renders the header region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for branding or primary controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarHeader>Workspace</SidebarHeader>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='header'\r\n    className={cn(styles.header, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarHeader.displayName = \"SidebarHeader\";\r\n\r\n/**\r\n * Renders the footer region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for actions or account controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarFooter>Footer content</SidebarFooter>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='footer'\r\n    className={cn(styles.footer, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarFooter.displayName = \"SidebarFooter\";\r\n\r\n/**\r\n * Renders a separator between sidebar regions or menu groups.\r\n *\r\n * @remarks\r\n * - Renders the shared `Separator` component\r\n * - Built as a lightweight structural divider\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/hr | HTML thematic break}\r\n */\r\nconst SidebarSeparator = React.forwardRef<React.ComponentRef<typeof Separator>, React.ComponentProps<typeof Separator>>(\r\n  ({className, ...props}, ref) => (\r\n    <Separator\r\n      ref={ref}\r\n      data-sidebar='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSidebarSeparator.displayName = \"SidebarSeparator\";\r\n\r\n/**\r\n * Renders the scrollable content region of the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for menu groups and custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarContent>\r\n *   <SidebarMenu />\r\n * </SidebarContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='content'\r\n    className={cn(styles.content, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarContent.displayName = \"SidebarContent\";\r\n\r\n/**\r\n * Renders a logical grouping container inside the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a layout helper for related navigation sections\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroup>\r\n *   <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * </SidebarGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group'\r\n    className={cn(styles.group, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroup.displayName = \"SidebarGroup\";\r\n\r\nfunction cloneSidebarChild<TProps extends {className?: string}>(children: React.ReactNode, mergedProps: TProps): React.JSX.Element | null {\r\n  if (!React.isValidElement(children)) {\r\n    return null;\r\n  }\r\n\r\n  const child = children as React.ReactElement<TProps>;\r\n\r\n  // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n  return React.cloneElement(child, {\r\n    ...mergedProps,\r\n    className: cn(mergedProps.className, child.props.className),\r\n  });\r\n}\r\n\r\n/**\r\n * Props for the sidebar group label.\r\n */\r\ninterface SidebarGroupLabelProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<div>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the heading label for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Supports `asChild` composition for custom markup\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupLabel>Projects</SidebarGroupLabel>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupLabel = React.forwardRef<HTMLDivElement, SidebarGroupLabelProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableDivProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupLabel, className),\r\n      \"data-sidebar\": \"group-label\",\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <div {...mergedProps} />;\r\n  },\r\n);\r\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\r\n\r\n/**\r\n * Props for the sidebar group action button.\r\n */\r\ninterface SidebarGroupActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action aligned with a sidebar group heading.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupAction aria-label='Add project'>+</SidebarGroupAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarGroupAction = React.forwardRef<HTMLButtonElement, SidebarGroupActionProps>(\r\n  ({className, asChild = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.groupAction, className),\r\n      \"data-sidebar\": \"group-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\r\n\r\n/**\r\n * Renders the content container for a sidebar group.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a structural wrapper for nested menu items or custom content\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarGroupContent>\r\n *   <SidebarMenu />\r\n * </SidebarGroupContent>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='group-content'\r\n    className={cn(styles.groupContent, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\r\n\r\n/**\r\n * Renders the root sidebar navigation list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built as the primary menu container for sidebar navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenu>\r\n *   <SidebarMenuItem />\r\n * </SidebarMenu>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu'\r\n    className={cn(styles.menu, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenu.displayName = \"SidebarMenu\";\r\n\r\n/**\r\n * Renders a single list item within the sidebar menu.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for menu buttons and actions\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuItem>\r\n *   <SidebarMenuButton>Dashboard</SidebarMenuButton>\r\n * </SidebarMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    data-sidebar='menu-item'\r\n    className={cn(styles.menuItem, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\r\n\r\nconst sidebarMenuButtonVariantStyles = {\r\n  default: styles.menuButtonDefault,\r\n  outline: styles.menuButtonOutline,\r\n} as const;\r\n\r\nconst sidebarMenuButtonSizeStyles = {\r\n  default: styles.menuButtonSizeDefault,\r\n  sm: styles.menuButtonSizeSm,\r\n  lg: styles.menuButtonSizeLg,\r\n} as const;\r\n\r\n/**\r\n * Props for the sidebar menu button.\r\n */\r\ninterface SidebarMenuButtonProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the menu item should be styled as active.\r\n   * @default false\r\n   */\r\n  isActive?: boolean;\r\n  /**\r\n   * Tooltip content displayed when the sidebar is collapsed on desktop.\r\n   * @default undefined\r\n   */\r\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\r\n  /**\r\n   * Visual style variant for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  variant?: keyof typeof sidebarMenuButtonVariantStyles;\r\n  /**\r\n   * Size preset for the menu button.\r\n   * @default \"default\"\r\n   */\r\n  size?: keyof typeof sidebarMenuButtonSizeStyles;\r\n}\r\n\r\n/**\r\n * Renders the primary interactive element for a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition and contextual tooltips when collapsed\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuButton isActive>Dashboard</SidebarMenuButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuButton = React.forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\r\n  ({asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className, children, ...props}, ref) => {\r\n    const {isMobile, state} = useSidebar();\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuButton, sidebarMenuButtonVariantStyles[variant], sidebarMenuButtonSizeStyles[size], className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n    const clonedChild = asChild ? cloneSidebarChild(children, mergedProps) : null;\r\n\r\n    const button = clonedChild ?? (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n\r\n    if (!tooltip) {\r\n      return button;\r\n    }\r\n\r\n    const resolvedTooltip = typeof tooltip === \"string\" ? {children: tooltip} : tooltip;\r\n\r\n    return (\r\n      <Tooltip>\r\n        <TooltipTrigger render={button as React.ReactElement} />\r\n        <TooltipContent\r\n          hidden={state !== \"collapsed\" || isMobile}\r\n          {...resolvedTooltip}\r\n        />\r\n      </Tooltip>\r\n    );\r\n  },\r\n);\r\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\r\n\r\n/**\r\n * Props for the sidebar menu action button.\r\n */\r\ninterface SidebarMenuActionProps extends React.ComponentProps<\"button\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<button>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Whether the action should remain hidden until its parent item is hovered.\r\n   * @default false\r\n   */\r\n  showOnHover?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a secondary action button aligned within a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Supports `asChild` composition for custom controls\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuAction showOnHover>⋯</SidebarMenuAction>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuAction = React.forwardRef<HTMLButtonElement, SidebarMenuActionProps>(\r\n  ({className, asChild = false, showOnHover = false, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableButtonProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuAction, showOnHover && styles.menuActionShowOnHover, className),\r\n      \"data-sidebar\": \"menu-action\",\r\n      ref,\r\n      type: props.type ?? \"button\",\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return (\r\n      <button\r\n        type={props.type === \"submit\" ? \"submit\" : props.type === \"reset\" ? \"reset\" : \"button\"}\r\n        {...mergedProps}\r\n      />\r\n    );\r\n  },\r\n);\r\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\r\n\r\n/**\r\n * Renders a badge alongside a sidebar menu item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built as a lightweight presentational helper for counts and statuses\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuBadge>3</SidebarMenuBadge>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    data-sidebar='menu-badge'\r\n    className={cn(styles.menuBadge, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\r\n\r\n/**\r\n * Props for the sidebar menu skeleton.\r\n */\r\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<\"div\"> {\r\n  /**\r\n   * Whether to render a leading skeleton icon placeholder.\r\n   * @default false\r\n   */\r\n  showIcon?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a loading placeholder for sidebar menu items.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built from shared `Skeleton` primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSkeleton showIcon />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/div | HTML div element}\r\n */\r\nconst SidebarMenuSkeleton = React.forwardRef<HTMLDivElement, SidebarMenuSkeletonProps>(({className, showIcon = false, ...props}, ref) => {\r\n  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      data-sidebar='menu-skeleton'\r\n      className={cn(styles.menuSkeleton, className)}\r\n      {...props}>\r\n      {Boolean(showIcon) && (\r\n        <Skeleton\r\n          className={styles.menuSkeletonIcon}\r\n          data-sidebar='menu-skeleton-icon'\r\n        />\r\n      )}\r\n      <Skeleton\r\n        className={styles.menuSkeletonText}\r\n        data-sidebar='menu-skeleton-text'\r\n        style={{\"--ac-skeleton-width\": width} as React.CSSProperties}\r\n      />\r\n    </div>\r\n  );\r\n});\r\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\r\n\r\n/**\r\n * Renders a nested menu list within the sidebar.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element\r\n * - Built for multi-level navigation structures\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSub>\r\n *   <SidebarMenuSubItem />\r\n * </SidebarMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/ul | HTML ul element}\r\n */\r\nconst SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    data-sidebar='menu-sub'\r\n    className={cn(styles.menuSub, className)}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\r\n\r\n/**\r\n * Renders a single nested sidebar menu list item.\r\n *\r\n * @remarks\r\n * - Renders an `<li>` element\r\n * - Built as a structural wrapper for nested menu links\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubItem />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/li | HTML li element}\r\n */\r\nconst SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>((props, ref) => (\r\n  <li\r\n    ref={ref}\r\n    {...props}\r\n  />\r\n));\r\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\r\n\r\n/**\r\n * Props for the sidebar nested menu button.\r\n */\r\ninterface SidebarMenuSubButtonProps extends React.ComponentProps<\"a\"> {\r\n  /**\r\n   * Whether to merge props into the single child element instead of rendering a wrapper `<a>`.\r\n   * @default false\r\n   */\r\n  asChild?: boolean;\r\n  /**\r\n   * Size preset for the nested menu link.\r\n   * @default \"md\"\r\n   */\r\n  size?: \"sm\" | \"md\";\r\n  /**\r\n   * Whether the nested menu item should be styled as active.\r\n   * @default undefined\r\n   */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a nested sidebar menu link.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Supports `asChild` composition for custom link components\r\n *\r\n * @example\r\n * ```tsx\r\n * <SidebarMenuSubButton href='/settings/profile'>Profile</SidebarMenuSubButton>\r\n * ```\r\n *\r\n * @see {@link https://react.dev/reference/react/cloneElement | React cloneElement Docs}\r\n */\r\nconst SidebarMenuSubButton = React.forwardRef<HTMLAnchorElement, SidebarMenuSubButtonProps>(\r\n  ({asChild = false, size = \"md\", isActive, className, children, ...props}, ref) => {\r\n    const mergedProps: SidebarCloneableAnchorProps = {\r\n      ...props,\r\n      children,\r\n      className: cn(styles.menuSubButton, size === \"sm\" ? styles.menuSubButtonSm : styles.menuSubButtonMd, className),\r\n      \"data-active\": isActive,\r\n      \"data-sidebar\": \"menu-sub-button\",\r\n      \"data-size\": size,\r\n      ref,\r\n    };\r\n\r\n    if (asChild) {\r\n      const clonedChild = cloneSidebarChild(children, mergedProps);\r\n\r\n      if (clonedChild) {\r\n        return clonedChild;\r\n      }\r\n    }\r\n\r\n    return <a {...mergedProps}>{children}</a>;\r\n  },\r\n);\r\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\r\n\r\nexport {\r\n  Sidebar,\r\n  SidebarContent,\r\n  SidebarFooter,\r\n  SidebarGroup,\r\n  SidebarGroupAction,\r\n  SidebarGroupContent,\r\n  SidebarGroupLabel,\r\n  SidebarHeader,\r\n  SidebarInput,\r\n  SidebarInset,\r\n  SidebarMenu,\r\n  SidebarMenuAction,\r\n  SidebarMenuBadge,\r\n  SidebarMenuButton,\r\n  SidebarMenuItem,\r\n  SidebarMenuSkeleton,\r\n  SidebarMenuSub,\r\n  SidebarMenuSubButton,\r\n  SidebarMenuSubItem,\r\n  SidebarProvider,\r\n  SidebarRail,\r\n  SidebarSeparator,\r\n  SidebarTrigger,\r\n  useSidebar,\r\n};\r\n"],"names":["SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","React","useSidebar","context","Error","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","open","setOpen","value","nextValue","document","toggleSidebar","currentOpen","handleKeyDown","event","globalThis","state","contextValue","TooltipProvider","cn","styles","Sidebar","side","variant","collapsible","MobileSidebarPortal","onOpenChange","previousOverflow","createPortal","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","cloneSidebarChild","mergedProps","child","SidebarGroupLabel","asChild","clonedChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariantStyles","sidebarMenuButtonSizeStyles","SidebarMenuButton","isActive","size","tooltip","button","resolvedTooltip","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Math","Boolean","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"],"mappings":"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"}

package/dist/components/ui/sonner.d.ts

@@ -115,10 +115,11 @@ interface ToastApi {
  *
  * @see {@link https://base-ui.com/react/components/toast | Base UI Toast Docs}
  */
-declare function Toaster({ className, closeButton, containerAriaLabel, duration, position, style, toastOptions, visibleToasts, }: Readonly<ToasterProps>): React.JSX.Element;
-declare namespace Toaster {
-    var displayName: string;
-}
+/**
+ * Toaster is the root viewport container for displaying toast notifications.
+ * It should be rendered once at the app root level.
+ */
+declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Imperative toast API for creating transient notifications outside React render flows.
  *

package/dist/components/ui/sonner.d.ts.map

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

package/dist/components/ui/sonner.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Toast } from "@base-ui/react/toast";
 import { AlertCircle, BellRing, CheckCircle2, Info, LoaderCircle, TriangleAlert, X } from "lucide-react";
-import { isValidElement, useEffect, useId } from "react";
+import { forwardRef, isValidElement, useEffect, useId } from "react";
 import { cn } from "../../lib/utilities.js";
 import sonner_module from "./sonner.module.js";
 const DEFAULT_TOAST_DURATION = 5000;
@@ -180,7 +180,7 @@ function updateToast(toastId, options) {
     const normalizedToastId = String(toastId);
     const existingRecord = toastRecords.get(normalizedToastId);
     const mergedOptions = {
-        ...existingRecord?.options ?? {},
+        ...existingRecord?.options,
         ...options
     };
     const variant = options.variant ?? existingRecord?.snapshot.variant ?? "default";
@@ -322,7 +322,7 @@ function ToastViewportContent() {
         })
     });
 }
-function Toaster({ className, closeButton = true, containerAriaLabel = DEFAULT_VIEWPORT_ARIA_LABEL, duration = DEFAULT_TOAST_DURATION, position = "bottom-right", style, toastOptions, visibleToasts = DEFAULT_TOAST_LIMIT }) {
+const sonner_Toaster = /*#__PURE__*/ forwardRef(function({ className, closeButton = true, containerAriaLabel = DEFAULT_VIEWPORT_ARIA_LABEL, duration = DEFAULT_TOAST_DURATION, position = "bottom-right", style, toastOptions, visibleToasts = DEFAULT_TOAST_LIMIT }, forwardedRef) {
     const toasterId = useId();
     useEffect(()=>{
         toasterRegistrations.set(toasterId, {
@@ -343,6 +343,7 @@ function Toaster({ className, closeButton = true, containerAriaLabel = DEFAULT_V
         toastManager: toastManager,
         children: /*#__PURE__*/ jsx(Toast.Portal, {
             children: /*#__PURE__*/ jsx(Toast.Viewport, {
+                ref: forwardedRef,
                 "aria-label": containerAriaLabel,
                 className: cn(sonner_module.viewport, positionStyles[position], className),
                 style: style,
@@ -350,8 +351,8 @@ function Toaster({ className, closeButton = true, containerAriaLabel = DEFAULT_V
             })
         })
     });
-}
-Toaster.displayName = "Toaster";
+});
+sonner_Toaster.displayName = "Toaster";
 const toast = (message, options)=>showToast(message, "default", options);
 toast.success = (message, options)=>showToast(message, "success", options);
 toast.error = (message, options)=>showToast(message, "error", options);
@@ -451,6 +452,6 @@ toast.getToasts = ()=>[
 toast.getHistory = ()=>[
         ...toastHistory
     ];
-export { Toaster, toast };
+export { sonner_Toaster as Toaster, toast };
 
 //# sourceMappingURL=sonner.js.map