@raystack/apsara 0.51.1 → 0.52.0

package/dist/components/grid/__tests__/grid.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../../components/grid/__tests__/grid.test.tsx"],"names":[],"mappings":""}

package/dist/components/headline/__tests__/headline.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=headline.test.d.ts.map

package/dist/components/headline/__tests__/headline.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headline.test.d.ts","sourceRoot":"","sources":["../../../../components/headline/__tests__/headline.test.tsx"],"names":[],"mappings":""}

package/dist/components/headline/headline.d.ts

@@ -21,7 +21,7 @@ export declare const Headline: import("react").ForwardRefExoticComponent<Variant
      */
     size?: "small" | "medium" | "large" | "t1" | "t2" | "t3" | "t4" | undefined;
 } & HTMLAttributes<HTMLHeadingElement> & {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    as?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | undefined;
 } & import("react").RefAttributes<HTMLHeadingElement>>;
 export {};
 //# sourceMappingURL=headline.d.ts.map

package/dist/components/icon-button/__tests__/icon-button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon-button.test.d.ts.map

package/dist/components/icon-button/__tests__/icon-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.test.d.ts","sourceRoot":"","sources":["../../../../components/icon-button/__tests__/icon-button.test.tsx"],"names":[],"mappings":""}

package/dist/components/image/__tests__/image.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image.test.d.ts.map

package/dist/components/image/__tests__/image.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.test.d.ts","sourceRoot":"","sources":["../../../../components/image/__tests__/image.test.tsx"],"names":[],"mappings":""}

package/dist/components/image/image.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import { ImgHTMLAttributes } from 'react';
 declare const image: (props?: ({
     fit?: "fill" | "contain" | "cover" | null | undefined;
-    radius?: "small" | "medium" | "full" | "none" | null | undefined;
+    radius?: "small" | "none" | "medium" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof image> {
     fallback?: string;

package/dist/components/indicator/__tests__/indicator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=indicator.test.d.ts.map

package/dist/components/indicator/__tests__/indicator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.test.d.ts","sourceRoot":"","sources":["../../../../components/indicator/__tests__/indicator.test.tsx"],"names":[],"mappings":""}

package/dist/components/input-field/__tests__/input-field.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=input-field.test.d.ts.map

package/dist/components/input-field/__tests__/input-field.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.test.d.ts","sourceRoot":"","sources":["../../../../components/input-field/__tests__/input-field.test.tsx"],"names":[],"mappings":""}

package/dist/components/label/__tests__/label.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label.test.d.ts.map

package/dist/components/label/__tests__/label.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.test.d.ts","sourceRoot":"","sources":["../../../../components/label/__tests__/label.test.tsx"],"names":[],"mappings":""}

package/dist/components/link/__tests__/link.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=link.test.d.ts.map

package/dist/components/link/__tests__/link.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.test.d.ts","sourceRoot":"","sources":["../../../../components/link/__tests__/link.test.tsx"],"names":[],"mappings":""}

package/dist/components/list/__tests__/list.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list.test.d.ts.map

package/dist/components/list/__tests__/list.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.test.d.ts","sourceRoot":"","sources":["../../../../components/list/__tests__/list.test.tsx"],"names":[],"mappings":""}

package/dist/components/popover/__tests__/popover.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=popover.test.d.ts.map

package/dist/components/popover/__tests__/popover.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.test.d.ts","sourceRoot":"","sources":["../../../../components/popover/__tests__/popover.test.tsx"],"names":[],"mappings":""}

package/dist/components/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}
+{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}

package/dist/components/popover/popover.d.ts

@@ -1,6 +1,6 @@
 import { Popover as PopoverPrimitive } from 'radix-ui';
 import React from 'react';
-interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
     ariaLabel?: string;
 }
 export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
@@ -8,5 +8,4 @@ export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
     Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 };
-export {};
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\ninterface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}
+{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}

package/dist/components/radio/__tests__/radio.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=radio.test.d.ts.map

package/dist/components/radio/__tests__/radio.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.test.d.ts","sourceRoot":"","sources":["../../../../components/radio/__tests__/radio.test.tsx"],"names":[],"mappings":""}

package/dist/components/search/__tests__/search.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=search.test.d.ts.map

package/dist/components/search/__tests__/search.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.test.d.ts","sourceRoot":"","sources":["../../../../components/search/__tests__/search.test.tsx"],"names":[],"mappings":""}

package/dist/components/select/__tests__/select.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=select.test.d.ts.map

package/dist/components/select/__tests__/select.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.test.d.ts","sourceRoot":"","sources":["../../../../components/select/__tests__/select.test.tsx"],"names":[],"mappings":""}

package/dist/components/separator/__tests__/separator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=separator.test.d.ts.map

package/dist/components/separator/__tests__/separator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.test.d.ts","sourceRoot":"","sources":["../../../../components/separator/__tests__/separator.test.tsx"],"names":[],"mappings":""}

package/dist/components/sheet/__tests__/sheet.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sheet.test.d.ts.map

package/dist/components/sheet/__tests__/sheet.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.test.d.ts","sourceRoot":"","sources":["../../../../components/sheet/__tests__/sheet.test.tsx"],"names":[],"mappings":""}

package/dist/components/sheet/sheet.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;;;;"}
+{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;;;;"}

package/dist/components/sheet/sheet.d.ts

@@ -17,7 +17,7 @@ export interface OverlayProps extends ComponentPropsWithoutRef<typeof DialogPrim
 }
 type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
 export declare function CloseButton({ children, className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
-type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {
+export type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {
     ariaLabel?: string;
 };
 export declare function RootSheet({ children, ariaLabel, ...props }: SheetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/sheet/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\ntype SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;"}
+{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n  ComponentProps,\n  ComponentPropsWithoutRef,\n  ElementRef,\n  forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n  variants: {\n    side: {\n      top: styles['sheetContent-top'],\n      bottom: styles['sheetContent-bottom'],\n      left: styles['sheetContent-left'],\n      right: styles['sheetContent-right']\n    }\n  },\n  defaultVariants: {\n    side: 'right'\n  }\n});\n\nexport interface DialogContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetContent> {\n  ariaLabel?: string;\n  ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n  (\n    { className, children, close, side, ariaLabel, ariaDescription, ...props },\n    forwardedRef\n  ) => {\n    return (\n      <DialogPrimitive.Portal>\n        <Overlay>\n          <DialogPrimitive.Content\n            {...props}\n            ref={forwardedRef}\n            className={sheetContent({ side, className })}\n            aria-label={ariaLabel || 'Sheet with overlay'}\n            aria-describedby={\n              ariaDescription ? 'sheet with overlay' : undefined\n            }\n            role='dialog'\n            tabIndex={-1}\n          >\n            {children}\n            {close && (\n              <CloseButton aria-label='Close sheet'>\n                <Cross1Icon aria-hidden='true' />\n              </CloseButton>\n            )}\n            {ariaDescription && (\n              <div id='sheet-description' className='sr-only'>\n                {ariaDescription}\n              </div>\n            )}\n          </DialogPrimitive.Content>\n        </Overlay>\n      </DialogPrimitive.Portal>\n    );\n  }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n    VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  OverlayProps\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={overlay({ className })}\n    aria-hidden='true'\n    role='presentation'\n    {...props}\n  />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n  children,\n  className,\n  ...props\n}: CloseButtonProps) {\n  return (\n    <DialogPrimitive.Close\n      className={close({ className })}\n      {...props}\n      aria-label='Close'\n    >\n      {children}\n    </DialogPrimitive.Close>\n  );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n  ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n  return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n  Trigger: DialogPrimitive.Trigger,\n  Content: SheetContent,\n  Close: DialogPrimitive.Close,\n  Title: DialogPrimitive.Title,\n  Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;"}

package/dist/components/side-panel/__tests__/side-panel.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-panel.test.d.ts.map

package/dist/components/side-panel/__tests__/side-panel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.test.d.ts","sourceRoot":"","sources":["../../../../components/side-panel/__tests__/side-panel.test.tsx"],"names":[],"mappings":""}

package/dist/components/sidebar/__tests__/sidebar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sidebar.test.d.ts.map

package/dist/components/sidebar/__tests__/sidebar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.test.d.ts","sourceRoot":"","sources":["../../../../components/sidebar/__tests__/sidebar.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var avatar = require('../avatar/avatar.cjs');
+var flex = require('../flex/flex.cjs');
+var tooltip = require('../tooltip/tooltip.cjs');
+var sidebarRoot = require('./sidebar-root.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+
+const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsxRuntime.jsx("a", {}), ...props }, ref) => {
+    const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(sidebarRoot.SidebarContext);
+    const shouldShowFallback = leadingIcon == undefined &&
+        isCollapsed &&
+        typeof children === 'string' &&
+        children.length > 0;
+    const content = React.cloneElement(as, {
+        ref,
+        className: index.cx(sidebar_module.default['nav-item'], classNames?.root),
+        'data-active': active,
+        'data-disabled': disabled,
+        role: 'menuitem',
+        'aria-current': active ? 'page' : undefined,
+        'aria-disabled': disabled,
+        ...props
+    }, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flex.Flex, { align: 'center', gap: 3, className: index.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsxRuntime.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
+    if (isCollapsed && !hideCollapsedItemTooltip) {
+        return (jsxRuntime.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
+    }
+    return content;
+});
+SidebarItem.displayName = 'Sidebar.Item';
+
+exports.SidebarItem = SidebarItem;
+//# sourceMappingURL=sidebar-item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;;"}

package/dist/components/sidebar/sidebar-item.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+export interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {
+    leadingIcon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    as?: ReactElement;
+    classNames?: {
+        root?: string;
+        leadingIcon?: string;
+        text?: string;
+    };
+}
+export declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/components/sidebar/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,WAAW,gHAmEvB,CAAC"}

package/dist/components/sidebar/sidebar-item.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef, useContext, cloneElement } from 'react';
+import { Avatar } from '../avatar/avatar.js';
+import { Flex } from '../flex/flex.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import { SidebarContext } from './sidebar-root.js';
+import styles from './sidebar.module.css.js';
+
+const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsx("a", {}), ...props }, ref) => {
+    const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);
+    const shouldShowFallback = leadingIcon == undefined &&
+        isCollapsed &&
+        typeof children === 'string' &&
+        children.length > 0;
+    const content = cloneElement(as, {
+        ref,
+        className: cx(styles['nav-item'], classNames?.root),
+        'data-active': active,
+        'data-disabled': disabled,
+        role: 'menuitem',
+        'aria-current': active ? 'page' : undefined,
+        'aria-disabled': disabled,
+        ...props
+    }, jsxs(Fragment, { children: [jsx(Flex, { align: 'center', gap: 3, className: cx(styles['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsx("span", { className: styles['nav-text'], children: children })] }));
+    if (isCollapsed && !hideCollapsedItemTooltip) {
+        return (jsx(Tooltip, { message: children, side: 'right', children: content }));
+    }
+    return content;
+});
+SidebarItem.displayName = 'Sidebar.Item';
+
+export { SidebarItem };
+//# sourceMappingURL=sidebar-item.js.map

package/dist/components/sidebar/sidebar-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.js","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  forwardRef,\n  useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n  leadingIcon?: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  as?: ReactElement;\n  classNames?: {\n    root?: string;\n    leadingIcon?: string;\n    text?: string;\n  };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n  (\n    {\n      classNames,\n      leadingIcon,\n      children,\n      active,\n      disabled,\n      as = <a />,\n      ...props\n    },\n    ref\n  ) => {\n    const { isCollapsed, hideCollapsedItemTooltip } =\n      useContext(SidebarContext);\n\n    const shouldShowFallback =\n      leadingIcon == undefined &&\n      isCollapsed &&\n      typeof children === 'string' &&\n      children.length > 0;\n\n    const content = cloneElement(\n      as,\n      {\n        ref,\n        className: cx(styles['nav-item'], classNames?.root),\n        'data-active': active,\n        'data-disabled': disabled,\n        role: 'menuitem',\n        'aria-current': active ? 'page' : undefined,\n        'aria-disabled': disabled,\n        ...props\n      },\n      <>\n        <Flex\n          align='center'\n          gap={3}\n          className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n          aria-hidden='true'\n        >\n          {shouldShowFallback ? (\n            <Avatar\n              size={1}\n              variant='soft'\n              color='neutral'\n              fallback={children[0].toUpperCase()}\n              style={{ cursor: 'pointer' }}\n            />\n          ) : (\n            leadingIcon\n          )}\n        </Flex>\n        {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n      </>\n    );\n\n    if (isCollapsed && !hideCollapsedItemTooltip) {\n      return (\n        <Tooltip message={children} side='right'>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;;"}

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

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var flex = require('../flex/flex.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+
+const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
+SidebarMain.displayName = 'Sidebar.Main';
+
+exports.SidebarMain = SidebarMain;
+//# sourceMappingURL=sidebar-main.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-main.cjs","sources":["../../../components/sidebar/sidebar-main.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarMain = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.main}\n    direction='column'\n    role='group'\n    aria-label='Main navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nSidebarMain.displayName = 'Sidebar.Main';\n"],"names":[],"mappings":";;;;;;;;;AAsBA;;"}

package/dist/components/sidebar/sidebar-main.d.ts

@@ -0,0 +1,2 @@
+export declare const SidebarMain: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=sidebar-main.d.ts.map

package/dist/components/sidebar/sidebar-main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-main.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-main.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,2MActB,CAAC"}

package/dist/components/sidebar/sidebar-main.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
+import styles from './sidebar.module.css.js';
+
+const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
+SidebarMain.displayName = 'Sidebar.Main';
+
+export { SidebarMain };
+//# sourceMappingURL=sidebar-main.js.map

package/dist/components/sidebar/sidebar-main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-main.js","sources":["../../../components/sidebar/sidebar-main.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarMain = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.main}\n    direction='column'\n    role='group'\n    aria-label='Main navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\n\nSidebarMain.displayName = 'Sidebar.Main';\n"],"names":[],"mappings":";;;;;;;AAsBA;;"}

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

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var flex = require('../flex/flex.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+
+const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { align: 'center', ref: ref, className: sidebar_module.default.header, role: 'banner', ...props, children: children })));
+SidebarHeader.displayName = 'Sidebar.Header';
+const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
+SidebarFooter.displayName = 'Sidebar.Footer';
+const SidebarNavigationGroup = React.forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxRuntime.jsxs("section", { ref: ref, className: index.cx(sidebar_module.default['nav-group'], className), "aria-label": label, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 3, className: sidebar_module.default['nav-group-header'], children: [leadingIcon && (jsxRuntime.jsx("span", { className: sidebar_module.default['nav-leading-icon'], children: leadingIcon })), jsxRuntime.jsx("span", { className: sidebar_module.default['nav-group-label'], children: label })] }), jsxRuntime.jsx(flex.Flex, { direction: 'column', className: sidebar_module.default['nav-group-items'], role: 'list', children: children })] })));
+SidebarNavigationGroup.displayName = 'Sidebar.Group';
+
+exports.SidebarFooter = SidebarFooter;
+exports.SidebarHeader = SidebarHeader;
+exports.SidebarNavigationGroup = SidebarNavigationGroup;
+//# sourceMappingURL=sidebar-misc.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.cjs","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarHeader.displayName = 'Sidebar.Header';\n\nexport const SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.footer}\n    direction='column'\n    role='group'\n    aria-label='Footer navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarFooter.displayName = 'Sidebar.Footer';\n\nexport interface SidebarNavigationGroupProps\n  extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;;;AAqBA;;AAiBA;AAQa;AAsBb;;;;"}

package/dist/components/sidebar/sidebar-misc.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const SidebarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<'div'> {
+    label: string;
+    leadingIcon?: ReactNode;
+}
+export declare const SidebarNavigationGroup: import("react").ForwardRefExoticComponent<SidebarNavigationGroupProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=sidebar-misc.d.ts.map

package/dist/components/sidebar/sidebar-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxE,eAAO,MAAM,aAAa,2MAaxB,CAAC;AAGH,eAAO,MAAM,aAAa,2MAcxB,CAAC;AAGH,MAAM,WAAW,2BACf,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,qHAoBjC,CAAC"}

package/dist/components/sidebar/sidebar-misc.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
+import styles from './sidebar.module.css.js';
+
+const SidebarHeader = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { align: 'center', ref: ref, className: styles.header, role: 'banner', ...props, children: children })));
+SidebarHeader.displayName = 'Sidebar.Header';
+const SidebarFooter = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
+SidebarFooter.displayName = 'Sidebar.Footer';
+const SidebarNavigationGroup = forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxs("section", { ref: ref, className: cx(styles['nav-group'], className), "aria-label": label, ...props, children: [jsxs(Flex, { align: 'center', gap: 3, className: styles['nav-group-header'], children: [leadingIcon && (jsx("span", { className: styles['nav-leading-icon'], children: leadingIcon })), jsx("span", { className: styles['nav-group-label'], children: label })] }), jsx(Flex, { direction: 'column', className: styles['nav-group-items'], role: 'list', children: children })] })));
+SidebarNavigationGroup.displayName = 'Sidebar.Group';
+
+export { SidebarFooter, SidebarHeader, SidebarNavigationGroup };
+//# sourceMappingURL=sidebar-misc.js.map

package/dist/components/sidebar/sidebar-misc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-misc.js","sources":["../../../components/sidebar/sidebar-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, ReactNode, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    align='center'\n    ref={ref}\n    className={styles.header}\n    role='banner'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarHeader.displayName = 'Sidebar.Header';\n\nexport const SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n  <Flex\n    ref={ref}\n    className={styles.footer}\n    direction='column'\n    role='group'\n    aria-label='Footer navigation'\n    {...props}\n  >\n    {children}\n  </Flex>\n));\nSidebarFooter.displayName = 'Sidebar.Footer';\n\nexport interface SidebarNavigationGroupProps\n  extends ComponentPropsWithoutRef<'div'> {\n  label: string;\n  leadingIcon?: ReactNode;\n}\n\nexport const SidebarNavigationGroup = forwardRef<\n  HTMLElement,\n  SidebarNavigationGroupProps\n>(({ className, label, leadingIcon, children, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cx(styles['nav-group'], className)}\n    aria-label={label}\n    {...props}\n  >\n    <Flex align='center' gap={3} className={styles['nav-group-header']}>\n      {leadingIcon && (\n        <span className={styles['nav-leading-icon']}>{leadingIcon}</span>\n      )}\n      <span className={styles['nav-group-label']}>{label}</span>\n    </Flex>\n    <Flex direction='column' className={styles['nav-group-items']} role='list'>\n      {children}\n    </Flex>\n  </section>\n));\n\nSidebarNavigationGroup.displayName = 'Sidebar.Group';\n"],"names":[],"mappings":";;;;;;;;AAqBA;;AAiBA;AAQa;AAsBb;;"}

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

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var tooltip = require('../tooltip/tooltip.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
+
+const SidebarContext = React.createContext({
+    isCollapsed: false
+});
+const root = index$1.cva(sidebar_module.default.root);
+const SidebarRoot = React.forwardRef(({ className, position = 'left', open: providedOpen, onOpenChange, hideCollapsedItemTooltip, collapsible = true, tooltipMessage, defaultOpen, children, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const handleOpenChange = React.useCallback((value) => {
+        setInternalOpen(value);
+        onOpenChange?.(value);
+    }, [onOpenChange]);
+    return (jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed: !open, hideCollapsedItemTooltip }, children: jsxRuntime.jsx(tooltip.Tooltip.Provider, { children: jsxRuntime.jsx(index.Root, { ref: ref, className: root({ className }), "data-position": position, "data-state": open ? 'expanded' : 'collapsed', "data-collapse-disabled": !collapsible, open: open, onOpenChange: collapsible ? handleOpenChange : undefined, "aria-label": 'Navigation Sidebar', "aria-expanded": open, role: 'navigation', ...props, asChild: true, children: jsxRuntime.jsxs("aside", { children: [collapsible && (jsxRuntime.jsx(tooltip.Tooltip, { message: tooltipMessage ??
+                                (open ? 'Click to collapse' : 'Click to expand'), side: position === 'left' ? 'right' : 'left', asChild: true, followCursor: true, sideOffset: 10, children: jsxRuntime.jsx("div", { className: sidebar_module.default.resizeHandle, onClick: () => handleOpenChange(!open), role: 'button', tabIndex: 0, "aria-label": open ? 'Collapse sidebar' : 'Expand sidebar', onKeyDown: e => {
+                                    if (e.key === 'Enter' || e.key === ' ') {
+                                        e.preventDefault();
+                                        handleOpenChange(!open);
+                                    }
+                                } }) })), children] }) }) }) }));
+});
+SidebarRoot.displayName = 'Sidebar';
+
+exports.SidebarContext = SidebarContext;
+exports.SidebarRoot = SidebarRoot;
+//# sourceMappingURL=sidebar-root.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.cjs","sources":["../../../components/sidebar/sidebar-root.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Collapsible } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ComponentRef,\n  ReactNode,\n  createContext,\n  forwardRef,\n  useCallback,\n  useState\n} from 'react';\nimport { Tooltip } from '../tooltip';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarContextValue {\n  isCollapsed: boolean;\n  hideCollapsedItemTooltip?: boolean;\n}\n\nexport const SidebarContext = createContext<SidebarContextValue>({\n  isCollapsed: false\n});\n\nconst root = cva(styles.root);\n\nexport interface SidebarRootProps\n  extends ComponentPropsWithoutRef<typeof Collapsible.Root> {\n  position?: 'left' | 'right';\n  hideCollapsedItemTooltip?: boolean;\n  collapsible?: boolean;\n  tooltipMessage?: ReactNode;\n}\n\nexport const SidebarRoot = forwardRef<\n  ComponentRef<typeof Collapsible.Root>,\n  SidebarRootProps\n>(\n  (\n    {\n      className,\n      position = 'left',\n      open: providedOpen,\n      onOpenChange,\n      hideCollapsedItemTooltip,\n      collapsible = true,\n      tooltipMessage,\n      defaultOpen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n    const open = providedOpen ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (value: boolean) => {\n        setInternalOpen(value);\n        onOpenChange?.(value);\n      },\n      [onOpenChange]\n    );\n\n    return (\n      <SidebarContext.Provider\n        value={{ isCollapsed: !open, hideCollapsedItemTooltip }}\n      >\n        <Tooltip.Provider>\n          <Collapsible.Root\n            ref={ref}\n            className={root({ className })}\n            data-position={position}\n            data-state={open ? 'expanded' : 'collapsed'}\n            data-collapse-disabled={!collapsible}\n            open={open}\n            onOpenChange={collapsible ? handleOpenChange : undefined}\n            aria-label='Navigation Sidebar'\n            aria-expanded={open}\n            role='navigation'\n            {...props}\n            asChild\n          >\n            <aside>\n              {collapsible && (\n                <Tooltip\n                  message={\n                    tooltipMessage ??\n                    (open ? 'Click to collapse' : 'Click to expand')\n                  }\n                  side={position === 'left' ? 'right' : 'left'}\n                  asChild\n                  followCursor\n                  sideOffset={10}\n                >\n                  <div\n                    className={styles.resizeHandle}\n                    onClick={() => handleOpenChange(!open)}\n                    role='button'\n                    tabIndex={0}\n                    aria-label={open ? 'Collapse sidebar' : 'Expand sidebar'}\n                    onKeyDown={e => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handleOpenChange(!open);\n                      }\n                    }}\n                  />\n                </Tooltip>\n              )}\n              {children}\n            </aside>\n          </Collapsible.Root>\n        </Tooltip.Provider>\n      </SidebarContext.Provider>\n    );\n  }\n);\n\nSidebarRoot.displayName = 'Sidebar';\n"],"names":[],"mappings":";;;;;;;;;;AAqBO;AACL;AACD;AAED;AAUa;;AAqBT;AAEA;;AAGI;AACF;;AA4Bc;AAcE;;AAEE;;;AAYtB;AAGF;;;"}

package/dist/components/sidebar/sidebar-root.d.ts

@@ -0,0 +1,15 @@
+import { Collapsible } from 'radix-ui';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface SidebarContextValue {
+    isCollapsed: boolean;
+    hideCollapsedItemTooltip?: boolean;
+}
+export declare const SidebarContext: import("react").Context<SidebarContextValue>;
+export interface SidebarRootProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
+    position?: 'left' | 'right';
+    hideCollapsedItemTooltip?: boolean;
+    collapsible?: boolean;
+    tooltipMessage?: ReactNode;
+}
+export declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=sidebar-root.d.ts.map

package/dist/components/sidebar/sidebar-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EACL,wBAAwB,EAExB,SAAS,EAKV,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,8CAEzB,CAAC;AAIH,MAAM,WAAW,gBACf,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,6GAoFvB,CAAC"}