@kushagradhawan/kookie-ui 0.1.12 → 0.1.13

package/dist/esm/components/index.d.ts.map

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

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as g}from"./card.js";import*as C from"./checkbox-cards.js";import*as u from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as N,ThickCheckIcon as j,ThickChevronRightIcon as J,ThickDividerHorizontalIcon as O}from"./icons.js";import{Image as W}from"./image.js";import{Inset as Y}from"./inset.js";import{Kbd as _}from"./kbd.js";import{Link as oo}from"./link.js";import*as ro from"./popover.js";import{Portal as to}from"./portal.js";import{Progress as so}from"./progress.js";import{Quote as mo}from"./quote.js";import*as ao from"./radio-cards.js";import*as fo from"./radio-group.js";import{Radio as Po}from"./radio.js";import{Reset as io}from"./reset.js";import{ScrollArea as co}from"./scroll-area.js";import*as To from"./segmented-control.js";import{Section as Co}from"./section.js";import*as uo from"./select.js";import{Separator as ho}from"./separator.js";import{Skeleton as ko}from"./skeleton.js";import{Slider as bo}from"./slider.js";import{Slot as Ro,Slottable as vo}from"./slot.js";import{Spinner as Ho}from"./spinner.js";import{Strong as Go}from"./strong.js";import{Switch as Lo}from"./switch.js";import*as qo from"./tab-nav.js";import*as Eo from"./table.js";import*as Ko from"./tabs.js";import{TextArea as Qo}from"./text-area.js";import*as Vo from"./text-field.js";import{Text as No}from"./text.js";import{ThemePanel as Jo}from"./theme-panel.js";import{Theme as Uo,ThemeContext as Wo,useThemeContext as Xo}from"./theme.js";import{ToggleButton as Zo}from"./toggle-button.js";import{ToggleIconButton as $o}from"./toggle-icon-button.js";import{Tooltip as rr}from"./tooltip.js";import{VisuallyHidden as tr}from"./visually-hidden.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,g as Card,h as Checkbox,C as CheckboxCards,u as CheckboxGroup,N as ChevronDownIcon,k as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,V as IconButton,W as Image,Y as Inset,_ as Kbd,oo as Link,ro as Popover,to as Portal,so as Progress,mo as Quote,Po as Radio,ao as RadioCards,fo as RadioGroup,io as Reset,co as ScrollArea,Co as Section,To as SegmentedControl,uo as Select,ho as Separator,ko as Skeleton,bo as Slider,Ro as Slot,vo as Slottable,Ho as Spinner,Go as Strong,Lo as Switch,qo as TabNav,Eo as Table,Ko as Tabs,No as Text,Qo as TextArea,Vo as TextField,Uo as Theme,Wo as ThemeContext,Jo as ThemePanel,j as ThickCheckIcon,J as ThickChevronRightIcon,O as ThickDividerHorizontalIcon,Zo as ToggleButton,$o as ToggleIconButton,rr as Tooltip,tr as VisuallyHidden,Xo as useThemeContext};
+import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as g}from"./card.js";import*as C from"./checkbox-cards.js";import*as S from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as N,ThickCheckIcon as j,ThickChevronRightIcon as J,ThickDividerHorizontalIcon as O}from"./icons.js";import{Image as W}from"./image.js";import{Inset as Y}from"./inset.js";import{Kbd as _}from"./kbd.js";import{Link as oo}from"./link.js";import*as ro from"./popover.js";import{Portal as to}from"./portal.js";import{Progress as so}from"./progress.js";import{Quote as mo}from"./quote.js";import*as ao from"./radio-cards.js";import*as fo from"./radio-group.js";import{Radio as Po}from"./radio.js";import{Reset as io}from"./reset.js";import{ScrollArea as co}from"./scroll-area.js";import*as To from"./segmented-control.js";import{Section as Co}from"./section.js";import*as So from"./select.js";import{Separator as ho}from"./separator.js";import{Skeleton as ko}from"./skeleton.js";import{Slider as bo}from"./slider.js";import{Slot as Ro,Slottable as vo}from"./slot.js";import{Spinner as Ho}from"./spinner.js";import{Strong as Go}from"./strong.js";import{Switch as Lo}from"./switch.js";import*as qo from"./tab-nav.js";import*as Eo from"./table.js";import*as Ko from"./tabs.js";import{TextArea as Qo}from"./text-area.js";import*as Vo from"./text-field.js";import{Text as No}from"./text.js";import{ThemePanel as Jo}from"./theme-panel.js";import{Theme as Uo,ThemeContext as Wo,useThemeContext as Xo}from"./theme.js";import{ToggleButton as Zo}from"./toggle-button.js";import{ToggleIconButton as $o}from"./toggle-icon-button.js";import{Tooltip as rr}from"./tooltip.js";import{VisuallyHidden as tr}from"./visually-hidden.js";import*as pr from"./sidebar.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,g as Card,h as Checkbox,C as CheckboxCards,S as CheckboxGroup,N as ChevronDownIcon,k as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,V as IconButton,W as Image,Y as Inset,_ as Kbd,oo as Link,ro as Popover,to as Portal,so as Progress,mo as Quote,Po as Radio,ao as RadioCards,fo as RadioGroup,io as Reset,co as ScrollArea,Co as Section,To as SegmentedControl,So as Select,ho as Separator,pr as Sidebar,ko as Skeleton,bo as Slider,Ro as Slot,vo as Slottable,Ho as Spinner,Go as Strong,Lo as Switch,qo as TabNav,Eo as Table,Ko as Tabs,No as Text,Qo as TextArea,Vo as TextField,Uo as Theme,Wo as ThemeContext,Jo as ThemePanel,j as ThickCheckIcon,J as ThickChevronRightIcon,O as ThickDividerHorizontalIcon,Zo as ToggleButton,$o as ToggleIconButton,rr as Tooltip,tr as VisuallyHidden,Xo as useThemeContext};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx"],
-  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,kBAAAC,OAAgD",
-  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "VisuallyHidden"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,kBAAAC,OAAgD,uBACzD,UAAYC,OAAa",
+  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "VisuallyHidden", "Sidebar"]
 }

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

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { sidebarPropDefs } from './sidebar.props.js';
+import { IconButton } from './icon-button.js';
+import { baseMenuItemPropDefs } from './_internal/base-menu.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type SidebarContextProps = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    collapsible: 'icon' | 'offcanvas' | 'none';
+};
+declare function useSidebar(): SidebarContextProps;
+interface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const SidebarProvider: React.ForwardRefExoticComponent<SidebarProviderProps & React.RefAttributes<HTMLDivElement>>;
+type SidebarRootOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
+interface SidebarRootProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarRootOwnProps {
+}
+declare const SidebarRoot: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarContentProps extends ComponentPropsWithout<'div', RemovedProps> {
+}
+declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarHeaderProps extends ComponentPropsWithout<'div', RemovedProps> {
+}
+declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarFooterProps extends ComponentPropsWithout<'div', RemovedProps> {
+}
+declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarTriggerProps extends ComponentPropsWithout<typeof IconButton, RemovedProps> {
+}
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<SidebarTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface SidebarInsetProps extends ComponentPropsWithout<'main', RemovedProps> {
+}
+declare const SidebarInset: React.ForwardRefExoticComponent<SidebarInsetProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarLabelProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const SidebarLabel: React.ForwardRefExoticComponent<SidebarLabelProps & React.RefAttributes<HTMLDivElement>>;
+type SidebarItemOwnProps = GetPropDefTypes<typeof baseMenuItemPropDefs>;
+interface SidebarItemProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarItemOwnProps {
+}
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarSeparatorProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const SidebarSeparator: React.ForwardRefExoticComponent<SidebarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarCheckboxItemProps extends React.ComponentPropsWithoutRef<'div'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    color?: string;
+    shortcut?: string;
+}
+declare const SidebarCheckboxItem: React.ForwardRefExoticComponent<SidebarCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarRadioGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+declare const SidebarRadioGroup: React.ForwardRefExoticComponent<SidebarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarRadioItemProps extends React.ComponentPropsWithoutRef<'div'> {
+    value?: string;
+    color?: string;
+    shortcut?: string;
+}
+declare const SidebarRadioItem: React.ForwardRefExoticComponent<SidebarRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+export { SidebarProvider as Provider, SidebarRoot as Root, SidebarContent as Content, SidebarHeader as Header, SidebarFooter as Footer, SidebarTrigger as Trigger, SidebarInset as Inset, SidebarLabel as Label, SidebarItem as Item, SidebarGroup as Group, SidebarSeparator as Separator, SidebarCheckboxItem as CheckboxItem, SidebarRadioGroup as RadioGroup, SidebarRadioItem as RadioItem, useSidebar, };
+export type { SidebarProviderProps as ProviderProps, SidebarRootProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, SidebarTriggerProps as TriggerProps, SidebarInsetProps as InsetProps, };
+//# sourceMappingURL=sidebar.d.ts.map

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

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

package/dist/esm/components/sidebar.js

@@ -0,0 +1,2 @@
+"use client";import*as e from"react";import d from"classnames";import{sidebarPropDefs as C}from"./sidebar.props.js";import{IconButton as j}from"./icon-button.js";import{ScrollArea as A}from"./scroll-area.js";import{Separator as V}from"./separator.js";import{Theme as _,useThemeContext as $}from"./theme.js";import{ChevronDownIcon as K}from"./icons.js";import{extractProps as q}from"../helpers/extract-props.js";import{baseMenuItemPropDefs as J}from"./_internal/base-menu.props.js";import{Slot as g}from"radix-ui";const T=e.createContext(null);function R(){const o=e.useContext(T);if(!o)throw new Error("useSidebar must be used within a Sidebar.Provider");return o}const H=e.forwardRef(({defaultOpen:o=!0,open:r,onOpenChange:t,children:a,...s},n)=>{const[u,l]=e.useState(o),b=r??u,f=e.useCallback(p=>{t?t(p):l(p)},[t]);return e.createElement("div",{...s,ref:n},e.createElement(T.Provider,{value:{open:b,setOpen:f,collapsible:"icon"}},a))});H.displayName="Sidebar.Provider";const y=e.forwardRef((o,r)=>{const t=$(),{open:a}=R(),{size:s=C.size.default,variant:n=C.variant.default,side:u=C.side.default,collapsible:l=C.collapsible.default,floating:b=C.floating.default,color:f,highContrast:p=C.highContrast.default}=o,{className:P,children:v,...S}=q(o,C),c=f||t.accentColor;return e.createElement("div",{...S,ref:r,"data-accent-color":c,"data-state":a?"expanded":"collapsed","data-side":u,"data-collapsible":l,className:d("rt-SidebarRoot",P)},e.createElement(_,{asChild:!0},e.createElement("div",{className:d("rt-SidebarContainer",`rt-variant-${n}`,`rt-r-size-${s}`),"data-accent-color":c,"data-high-contrast":p||void 0},v)))});y.displayName="Sidebar.Root";const L=e.forwardRef(({className:o,children:r,...t},a)=>e.createElement(A,{type:"auto"},e.createElement("div",{...t,ref:a,className:d("rt-SidebarContent","rt-BaseMenuContent",o)},r)));L.displayName="Sidebar.Content";const x=e.forwardRef(({className:o,...r},t)=>e.createElement("div",{...r,ref:t,className:d("rt-SidebarHeader","rt-BaseMenuContent",o)}));x.displayName="Sidebar.Header";const D=e.forwardRef(({className:o,...r},t)=>e.createElement("div",{...r,ref:t,className:d("rt-SidebarFooter","rt-BaseMenuContent",o)}));D.displayName="Sidebar.Footer";const N=e.forwardRef(({onClick:o,...r},t)=>{const{setOpen:a,open:s}=R();return e.createElement(j,{...r,ref:t,variant:"ghost",onClick:n=>{o?.(n),a(!s)}},e.createElement(K,null))});N.displayName="Sidebar.Trigger";const k=e.forwardRef(({className:o,...r},t)=>e.createElement("main",{...r,ref:t,className:d("rt-SidebarInset",o)}));k.displayName="Sidebar.Inset";const B=e.forwardRef(({className:o,...r},t)=>e.createElement("div",{ref:t,className:d("rt-BaseMenuLabel",o),...r}));B.displayName="Sidebar.Label";const w=e.forwardRef((o,r)=>{const{className:t,children:a,color:s=J.color.default,shortcut:n,asChild:u=!1,onMouseEnter:l,onMouseLeave:b,onFocus:f,onBlur:p,...P}=o,[v,S]=e.useState(!1),c=e.useCallback(h=>{S(!0),l?.(h)},[l]),M=e.useCallback(h=>{S(!1),b?.(h)},[b]),E=e.useCallback(h=>{S(!0),f?.(h)},[f]),m=e.useCallback(h=>{S(!1),p?.(h)},[p]);return u?e.createElement(g.Root,{ref:r,"data-accent-color":s,"data-highlighted":v||void 0,className:d("rt-reset","rt-BaseMenuItem",t),onMouseEnter:c,onMouseLeave:M,onFocus:E,onBlur:m,...P},a):e.createElement("div",{ref:r,"data-accent-color":s,"data-highlighted":v||void 0,className:d("rt-reset","rt-BaseMenuItem",t),onMouseEnter:c,onMouseLeave:M,onFocus:E,onBlur:m,tabIndex:0,role:"menuitem",...P},e.createElement(g.Slottable,null,a),n&&e.createElement("div",{className:"rt-BaseMenuShortcut"},n))});w.displayName="Sidebar.Item";const F=e.forwardRef(({className:o,...r},t)=>e.createElement("div",{ref:t,className:d("rt-BaseMenuGroup",o),...r}));F.displayName="Sidebar.Group";const G=e.forwardRef(({className:o,...r},t)=>e.createElement(V,{ref:t,className:d("rt-BaseMenuSeparator",o)}));G.displayName="Sidebar.Separator";const W=e.forwardRef(({className:o,checked:r,onCheckedChange:t,children:a,color:s,shortcut:n,onMouseEnter:u,onMouseLeave:l,onFocus:b,onBlur:f,onClick:p,...P},v)=>{const[S,c]=e.useState(!1),M=e.useCallback(i=>{c(!0),u?.(i)},[u]),E=e.useCallback(i=>{c(!1),l?.(i)},[l]),m=e.useCallback(i=>{c(!0),b?.(i)},[b]),h=e.useCallback(i=>{c(!1),f?.(i)},[f]),I=e.useCallback(i=>{t?.(!r),p?.(i)},[r,t,p]);return e.createElement("div",{ref:v,"data-accent-color":s,"data-highlighted":S||void 0,className:d("rt-reset","rt-BaseMenuItem","rt-BaseMenuCheckboxItem",o),onClick:I,onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),I(i))},onMouseEnter:M,onMouseLeave:E,onFocus:m,onBlur:h,tabIndex:0,role:"menuitemcheckbox","aria-checked":r,...P},e.createElement(g.Slottable,null,a),r&&e.createElement("div",{className:"rt-BaseMenuItemIndicator"},"\u2713"),n&&e.createElement("div",{className:"rt-BaseMenuShortcut"},n))});W.displayName="Sidebar.CheckboxItem";const O=e.forwardRef(({className:o,value:r,onValueChange:t,children:a,...s},n)=>e.createElement("div",{ref:n,className:d("rt-BaseMenuGroup",o),...s},a));O.displayName="Sidebar.RadioGroup";const z=e.forwardRef(({className:o,value:r,children:t,color:a,shortcut:s,onMouseEnter:n,onMouseLeave:u,onFocus:l,onBlur:b,...f},p)=>{const[P,v]=e.useState(!1),S=e.useCallback(m=>{v(!0),n?.(m)},[n]),c=e.useCallback(m=>{v(!1),u?.(m)},[u]),M=e.useCallback(m=>{v(!0),l?.(m)},[l]),E=e.useCallback(m=>{v(!1),b?.(m)},[b]);return e.createElement("div",{ref:p,"data-accent-color":a,"data-highlighted":P||void 0,className:d("rt-reset","rt-BaseMenuItem",o),onMouseEnter:S,onMouseLeave:c,onFocus:M,onBlur:E,tabIndex:0,role:"menuitemradio","aria-checked":!1,...f},e.createElement(g.Slottable,null,t),s&&e.createElement("div",{className:"rt-BaseMenuShortcut"},s))});z.displayName="Sidebar.RadioItem";export{W as CheckboxItem,L as Content,D as Footer,F as Group,x as Header,k as Inset,w as Item,B as Label,H as Provider,O as RadioGroup,z as RadioItem,y as Root,G as Separator,N as Trigger,R as useSidebar};
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { sidebarPropDefs } from './sidebar.props.js';\n\nimport { IconButton } from './icon-button.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Separator } from './separator.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\n\n// Import base menu styling and components\nimport { baseMenuItemPropDefs } from './_internal/base-menu.props.js';\nimport { Slot } from 'radix-ui';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\n// Context for sidebar state\ntype SidebarContextProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  collapsible: 'icon' | 'offcanvas' | 'none';\n};\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a Sidebar.Provider');\n  }\n  return context;\n}\n\n// Provider component\ninterface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst SidebarProvider = React.forwardRef<HTMLDivElement, SidebarProviderProps>(\n  ({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, children, ...props }, forwardedRef) => {\n    // Internal state for uncontrolled mode\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n    \n    // Use controlled state if provided, otherwise internal state\n    const open = openProp ?? internalOpen;\n    \n    const setOpen = React.useCallback((value: boolean) => {\n      if (setOpenProp) {\n        setOpenProp(value); // Controlled mode\n      } else {\n        setInternalOpen(value); // Uncontrolled mode\n      }\n    }, [setOpenProp]);\n\n    return (\n      <div {...props} ref={forwardedRef}>\n        <SidebarContext.Provider value={{ open, setOpen, collapsible: 'icon' }}>\n          {children}\n        </SidebarContext.Provider>\n      </div>\n    );\n  }\n);\nSidebarProvider.displayName = 'Sidebar.Provider';\n\n// Root sidebar container\ntype SidebarRootOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;\ntype SidebarRootElement = HTMLDivElement;\ninterface SidebarRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    SidebarRootOwnProps {}\n\nconst SidebarRoot = React.forwardRef<SidebarRootElement, SidebarRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const { open } = useSidebar();\n    \n    const {\n      size = sidebarPropDefs.size.default,\n      variant = sidebarPropDefs.variant.default,\n      side = sidebarPropDefs.side.default,\n      collapsible = sidebarPropDefs.collapsible.default,\n      floating: _floating = sidebarPropDefs.floating.default,\n      color,\n      highContrast = sidebarPropDefs.highContrast.default,\n    } = props;\n\n    const { className, children, ...rootProps } = extractProps(props, sidebarPropDefs);\n    const resolvedColor = color || themeContext.accentColor;\n\n    return (\n      <div\n        {...rootProps}\n        ref={forwardedRef}\n        data-accent-color={resolvedColor}\n        data-state={open ? 'expanded' : 'collapsed'}\n        data-side={side}\n        data-collapsible={collapsible}\n        className={classNames(\n          'rt-SidebarRoot',\n          className\n        )}\n      >\n        <Theme asChild>\n          <div \n            className={classNames('rt-SidebarContainer', `rt-variant-${variant}`, `rt-r-size-${size}`)}\n            data-accent-color={resolvedColor}\n            data-high-contrast={highContrast || undefined}\n          >\n            {children}\n          </div>\n        </Theme>\n      </div>\n    );\n  }\n);\nSidebarRoot.displayName = 'Sidebar.Root';\n\n// Sidebar content area\ntype SidebarContentElement = HTMLDivElement;\ninterface SidebarContentProps extends ComponentPropsWithout<'div', RemovedProps> {}\n\nconst SidebarContent = React.forwardRef<SidebarContentElement, SidebarContentProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <ScrollArea type=\"auto\">\n      <div\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-SidebarContent', 'rt-BaseMenuContent', className)}\n      >\n        {children}\n      </div>\n    </ScrollArea>\n  )\n);\nSidebarContent.displayName = 'Sidebar.Content';\n\n// Sidebar header\ntype SidebarHeaderElement = HTMLDivElement;\ninterface SidebarHeaderProps extends ComponentPropsWithout<'div', RemovedProps> {}\n\nconst SidebarHeader = React.forwardRef<SidebarHeaderElement, SidebarHeaderProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarHeader', 'rt-BaseMenuContent', className)}\n    />\n  )\n);\nSidebarHeader.displayName = 'Sidebar.Header';\n\n// Sidebar footer\ntype SidebarFooterElement = HTMLDivElement;\ninterface SidebarFooterProps extends ComponentPropsWithout<'div', RemovedProps> {}\n\nconst SidebarFooter = React.forwardRef<SidebarFooterElement, SidebarFooterProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarFooter', 'rt-BaseMenuContent', className)}\n    />\n  )\n);\nSidebarFooter.displayName = 'Sidebar.Footer';\n\n// Sidebar trigger button\ntype SidebarTriggerElement = React.ElementRef<typeof IconButton>;\ninterface SidebarTriggerProps extends ComponentPropsWithout<typeof IconButton, RemovedProps> {}\n\nconst SidebarTrigger = React.forwardRef<SidebarTriggerElement, SidebarTriggerProps>(\n  ({ onClick, ...props }, forwardedRef) => {\n    const { setOpen, open } = useSidebar();\n    \n    return (\n      <IconButton\n        {...props}\n        ref={forwardedRef}\n        variant=\"ghost\"\n        onClick={(event) => {\n          onClick?.(event);\n          setOpen(!open);\n        }}\n      >\n        <ChevronDownIcon />\n      </IconButton>\n    );\n  }\n);\nSidebarTrigger.displayName = 'Sidebar.Trigger';\n\n// Main content area (pushes to make room for sidebar)\ntype SidebarInsetElement = HTMLDivElement;\ninterface SidebarInsetProps extends ComponentPropsWithout<'main', RemovedProps> {}\n\nconst SidebarInset = React.forwardRef<SidebarInsetElement, SidebarInsetProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <main\n      {...props}\n      ref={forwardedRef}\n      className={classNames('rt-SidebarInset', className)}\n    />\n  )\n);\nSidebarInset.displayName = 'Sidebar.Inset';\n\n// Create sidebar-specific menu components that don't require DropdownMenu context\ninterface SidebarLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarLabel = React.forwardRef<HTMLDivElement, SidebarLabelProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('rt-BaseMenuLabel', className)}\n      {...props}\n    />\n  )\n);\nSidebarLabel.displayName = 'Sidebar.Label';\n\ntype SidebarItemOwnProps = GetPropDefTypes<typeof baseMenuItemPropDefs>;\ninterface SidebarItemProps \n  extends ComponentPropsWithout<'div', RemovedProps>,\n    SidebarItemOwnProps {}\n\nconst SidebarItem = React.forwardRef<HTMLDivElement, SidebarItemProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      color = baseMenuItemPropDefs.color.default,\n      shortcut,\n      asChild = false,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      ...itemProps\n    } = props;\n    \n    const [highlighted, setHighlighted] = React.useState(false);\n    \n    const handleMouseEnter = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onMouseEnter?.(e);\n    }, [onMouseEnter]);\n    \n    const handleMouseLeave = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onMouseLeave?.(e);\n    }, [onMouseLeave]);\n    \n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onFocus?.(e);\n    }, [onFocus]);\n    \n    const handleBlur = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onBlur?.(e);\n    }, [onBlur]);\n    \n    if (asChild) {\n      return (\n        <Slot.Root\n          ref={ref}\n          data-accent-color={color}\n          data-highlighted={highlighted || undefined}\n          className={classNames('rt-reset', 'rt-BaseMenuItem', className)}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...itemProps}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n    \n    return (\n      <div\n        ref={ref}\n        data-accent-color={color}\n        data-highlighted={highlighted || undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        tabIndex={0}\n        role=\"menuitem\"\n        {...itemProps}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <div className=\"rt-BaseMenuShortcut\">{shortcut}</div>}\n      </div>\n    );\n  }\n);\nSidebarItem.displayName = 'Sidebar.Item';\n\ninterface SidebarGroupProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('rt-BaseMenuGroup', className)}\n      {...props}\n    />\n  )\n);\nSidebarGroup.displayName = 'Sidebar.Group';\n\ninterface SidebarSeparatorProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst SidebarSeparator = React.forwardRef<HTMLDivElement, SidebarSeparatorProps>(\n  ({ className, ..._props }, ref) => (\n    <Separator\n      ref={ref}\n      className={classNames('rt-BaseMenuSeparator', className)}\n    />\n  )\n);\nSidebarSeparator.displayName = 'Sidebar.Separator';\n\n// Sidebar checkbox item with proper prop filtering\ninterface SidebarCheckboxItemProps extends React.ComponentPropsWithoutRef<'div'> {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  color?: string;\n  shortcut?: string;\n}\n\nconst SidebarCheckboxItem = React.forwardRef<HTMLDivElement, SidebarCheckboxItemProps>(\n  ({ \n    className, \n    checked, \n    onCheckedChange, \n    children, \n    color, \n    shortcut, \n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    onClick,\n    ...props \n  }, ref) => {\n    const [highlighted, setHighlighted] = React.useState(false);\n    \n    const handleMouseEnter = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onMouseEnter?.(e);\n    }, [onMouseEnter]);\n    \n    const handleMouseLeave = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onMouseLeave?.(e);\n    }, [onMouseLeave]);\n    \n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onFocus?.(e);\n    }, [onFocus]);\n    \n    const handleBlur = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onBlur?.(e);\n    }, [onBlur]);\n    \n    const handleClick = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      onCheckedChange?.(!checked);\n      onClick?.(e);\n    }, [checked, onCheckedChange, onClick]);\n    \n    return (\n      <div\n        ref={ref}\n        data-accent-color={color}\n        data-highlighted={highlighted || undefined}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuCheckboxItem',\n          className\n        )}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleClick(e as any);\n          }\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        tabIndex={0}\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        {...props}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {checked && <div className=\"rt-BaseMenuItemIndicator\">\u2713</div>}\n        {shortcut && <div className=\"rt-BaseMenuShortcut\">{shortcut}</div>}\n      </div>\n    );\n  }\n);\nSidebarCheckboxItem.displayName = 'Sidebar.CheckboxItem';\n\n// Sidebar radio group with proper prop filtering  \ninterface SidebarRadioGroupProps extends React.ComponentPropsWithoutRef<'div'> {\n  value?: string;\n  onValueChange?: (value: string) => void;\n}\n\nconst SidebarRadioGroup = React.forwardRef<HTMLDivElement, SidebarRadioGroupProps>(\n  ({ className, value, onValueChange, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={classNames('rt-BaseMenuGroup', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n);\nSidebarRadioGroup.displayName = 'Sidebar.RadioGroup';\n\n// Sidebar radio item with proper prop filtering\ninterface SidebarRadioItemProps extends React.ComponentPropsWithoutRef<'div'> {\n  value?: string;\n  color?: string;\n  shortcut?: string;\n}\n\nconst SidebarRadioItem = React.forwardRef<HTMLDivElement, SidebarRadioItemProps>(\n  ({ \n    className, \n    value, \n    children, \n    color, \n    shortcut, \n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    ...props \n  }, ref) => {\n    const [highlighted, setHighlighted] = React.useState(false);\n    \n    const handleMouseEnter = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onMouseEnter?.(e);\n    }, [onMouseEnter]);\n    \n    const handleMouseLeave = React.useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onMouseLeave?.(e);\n    }, [onMouseLeave]);\n    \n    const handleFocus = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(true);\n      onFocus?.(e);\n    }, [onFocus]);\n    \n    const handleBlur = React.useCallback((e: React.FocusEvent<HTMLDivElement>) => {\n      setHighlighted(false);\n      onBlur?.(e);\n    }, [onBlur]);\n    \n    return (\n      <div\n        ref={ref}\n        data-accent-color={color}\n        data-highlighted={highlighted || undefined}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        tabIndex={0}\n        role=\"menuitemradio\"\n        aria-checked={false}\n        {...props}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <div className=\"rt-BaseMenuShortcut\">{shortcut}</div>}\n      </div>\n    );\n  }\n);\nSidebarRadioItem.displayName = 'Sidebar.RadioItem';\n\n// Export all components\nexport {\n  SidebarProvider as Provider,\n  SidebarRoot as Root,\n  SidebarContent as Content,\n  SidebarHeader as Header,\n  SidebarFooter as Footer,\n  SidebarTrigger as Trigger,\n  SidebarInset as Inset,\n  // Re-export DropdownMenu components as sidebar menu components\n  SidebarLabel as Label,\n  SidebarItem as Item,\n  SidebarGroup as Group,\n  SidebarSeparator as Separator,\n  SidebarCheckboxItem as CheckboxItem,\n  SidebarRadioGroup as RadioGroup,\n  SidebarRadioItem as RadioItem,\n  // Export hook\n  useSidebar,\n};\n\nexport type {\n  SidebarProviderProps as ProviderProps,\n  SidebarRootProps as RootProps,\n  SidebarContentProps as ContentProps,\n  SidebarHeaderProps as HeaderProps,\n  SidebarFooterProps as FooterProps,\n  SidebarTriggerProps as TriggerProps,\n  SidebarInsetProps as InsetProps,\n}; "],
+  "mappings": "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",
+  "names": ["React", "classNames", "sidebarPropDefs", "IconButton", "ScrollArea", "Separator", "Theme", "useThemeContext", "ChevronDownIcon", "extractProps", "baseMenuItemPropDefs", "Slot", "SidebarContext", "useSidebar", "context", "SidebarProvider", "defaultOpen", "openProp", "setOpenProp", "children", "props", "forwardedRef", "internalOpen", "setInternalOpen", "open", "setOpen", "value", "SidebarRoot", "themeContext", "size", "variant", "side", "collapsible", "_floating", "color", "highContrast", "className", "rootProps", "resolvedColor", "SidebarContent", "SidebarHeader", "SidebarFooter", "SidebarTrigger", "onClick", "event", "SidebarInset", "SidebarLabel", "ref", "SidebarItem", "shortcut", "asChild", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "itemProps", "highlighted", "setHighlighted", "handleMouseEnter", "e", "handleMouseLeave", "handleFocus", "handleBlur", "SidebarGroup", "SidebarSeparator", "_props", "SidebarCheckboxItem", "checked", "onCheckedChange", "handleClick", "SidebarRadioGroup", "onValueChange", "SidebarRadioItem"]
+}

package/dist/esm/components/sidebar.props.d.ts

@@ -0,0 +1,48 @@
+export { baseMenuContentPropDefs as sidebarContentPropDefs, baseMenuItemPropDefs as sidebarItemPropDefs, baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs, baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs, } from './_internal/base-menu.props.js';
+declare const sidebarPropDefs: {
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky";
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["classic", "surface", "ghost"];
+        default: "surface";
+    };
+    side: {
+        type: "enum";
+        className: string;
+        values: readonly ["left", "right"];
+        default: "left";
+    };
+    collapsible: {
+        type: "enum";
+        className: string;
+        values: readonly ["icon", "offcanvas", "none"];
+        default: "icon";
+    };
+    floating: {
+        type: "boolean";
+        className: string;
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+export { sidebarPropDefs };
+//# sourceMappingURL=sidebar.props.d.ts.map

package/dist/esm/components/sidebar.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.props.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.props.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,uBAAuB,IAAI,sBAAsB,EACjD,oBAAoB,IAAI,mBAAmB,EAC3C,4BAA4B,IAAI,2BAA2B,EAC3D,yBAAyB,IAAI,wBAAwB,GACtD,MAAM,gCAAgC,CAAC;AAQxC,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAepB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as o}from"../props/high-contrast.prop.js";import{baseMenuContentPropDefs as u,baseMenuItemPropDefs as b,baseMenuCheckboxItemPropDefs as d,baseMenuRadioItemPropDefs as D}from"./_internal/base-menu.props.js";const a=["1","2","3"],t=["classic","surface","ghost"],r=["left","right"],f=["icon","offcanvas","none"],p={...e,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},side:{type:"enum",className:"rt-side",values:r,default:"left"},collapsible:{type:"enum",className:"rt-collapsible",values:f,default:"icon"},floating:{type:"boolean",className:"rt-floating",default:!1},...s,...o};export{d as sidebarCheckboxItemPropDefs,u as sidebarContentPropDefs,b as sidebarItemPropDefs,p as sidebarPropDefs,D as sidebarRadioItemPropDefs};
+//# sourceMappingURL=sidebar.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n// Re-export base menu props for sidebar menu components\nexport {\n  baseMenuContentPropDefs as sidebarContentPropDefs,\n  baseMenuItemPropDefs as sidebarItemPropDefs,\n  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,\n} from './_internal/base-menu.props.js';\n\n// Sidebar container props\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'ghost'] as const;\nconst sides = ['left', 'right'] as const;\nconst collapsibleModes = ['icon', 'offcanvas', 'none'] as const;\n\nconst sidebarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },\n  collapsible: { type: 'enum', className: 'rt-collapsible', values: collapsibleModes, default: 'icon' },\n  floating: { type: 'boolean', className: 'rt-floating', default: false },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  side: PropDef<(typeof sides)[number]>;\n  collapsible: PropDef<(typeof collapsibleModes)[number]>;\n  floating: PropDef<boolean>;\n};\n\nexport { sidebarPropDefs }; "],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCAKpC,OAC6B,2BAA3BC,EACwB,wBAAxBC,EACgC,gCAAhCC,EAC6B,6BAA7BC,MACK,iCAGP,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,OAAO,EACzCC,EAAQ,CAAC,OAAQ,OAAO,EACxBC,EAAmB,CAAC,OAAQ,YAAa,MAAM,EAE/CC,EAAkB,CACtB,GAAGX,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,KAAM,CAAE,KAAM,OAAQ,UAAW,UAAW,OAAQC,EAAO,QAAS,MAAO,EAC3E,YAAa,CAAE,KAAM,OAAQ,UAAW,iBAAkB,OAAQC,EAAkB,QAAS,MAAO,EACpG,SAAU,CAAE,KAAM,UAAW,UAAW,cAAe,QAAS,EAAM,EACtE,GAAGT,EACH,GAAGC,CACL",
+  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs", "sizes", "variants", "sides", "collapsibleModes", "sidebarPropDefs"]
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.12",
-  "description": "A modern React component library with beautiful design tokens and flexible theming",
+  "version": "0.1.13",
+  "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
   "keywords": [
     "react",
     "ui",

package/src/components/image.tsx

@@ -34,7 +34,7 @@ interface ImageProps
 }
 
 const Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {
-  const { variant = 'surface', fit = 'cover', children } = props;
+  const { variant = 'surface', fit: _fit = 'cover', children } = props;
   const {
     asChild,
     className,

package/src/components/index.css

@@ -41,6 +41,7 @@
 @import './segmented-control.css';
 @import './select.css';
 @import './separator.css';
+@import './sidebar.css';
 @import './slider.css';
 @import './spinner.css';
 @import './strong.css';

package/src/components/index.tsx

@@ -65,3 +65,4 @@ export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';
+export * as Sidebar from './sidebar.js';

package/src/components/sidebar.css

@@ -0,0 +1,132 @@
+/* Sidebar Root Container */
+.rt-SidebarRoot {
+  --sidebar-width: 16rem;
+  --sidebar-width-icon: 3rem;
+  
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 30;
+  width: var(--sidebar-width);
+  transition: transform 0.2s ease, width 0.2s ease;
+}
+
+/* Sidebar Container */
+.rt-SidebarContainer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  background-color: var(--color-panel-solid);
+  border-right: 1px solid var(--gray-a5);
+}
+
+/* Sidebar Header */
+.rt-SidebarHeader {
+  display: flex;
+  align-items: center;
+  padding: var(--space-3);
+  border-bottom: 1px solid var(--gray-a5);
+}
+
+/* Sidebar Content */
+.rt-SidebarContent {
+  flex: 1;
+  padding: var(--space-2);
+  min-height: 0;
+}
+
+/* Sidebar Footer */
+.rt-SidebarFooter {
+  padding: var(--space-3);
+  border-top: 1px solid var(--gray-a5);
+}
+
+/* Sidebar Inset (main content area) */
+.rt-SidebarInset {
+  flex: 1;
+  margin-left: var(--sidebar-width);
+  transition: margin-left 0.2s ease;
+}
+
+/***************************************************************************************************
+ *                                                                                                 *
+ * SIZES                                                                                           *
+ *                                                                                                 *
+ ***************************************************************************************************/
+
+@breakpoints {
+  .rt-SidebarRoot {
+    &:where(.rt-r-size-1) {
+      --sidebar-width: 14rem;
+      --sidebar-width-icon: 2.5rem;
+    }
+    &:where(.rt-r-size-3) {
+      --sidebar-width: 18rem;
+      --sidebar-width-icon: 3.5rem;
+    }
+  }
+}
+
+/* Size-specific padding adjustments */
+.rt-SidebarHeader {
+  &:where(.rt-r-size-1) {
+    padding: var(--space-2);
+  }
+  &:where(.rt-r-size-3) {
+    padding: var(--space-4);
+  }
+}
+
+.rt-SidebarFooter {
+  &:where(.rt-r-size-1) {
+    padding: var(--space-2);
+  }
+  &:where(.rt-r-size-3) {
+    padding: var(--space-4);
+  }
+}
+
+.rt-SidebarContent {
+  &:where(.rt-r-size-1) {
+    padding: var(--space-1);
+  }
+  &:where(.rt-r-size-3) {
+    padding: var(--space-3);
+  }
+}
+
+/***************************************************************************************************
+ *                                                                                                 *
+ * VARIANTS                                                                                        *
+ *                                                                                                 *
+ ***************************************************************************************************/
+
+.rt-SidebarContainer {
+  &:where(.rt-variant-classic) {
+    background-color: var(--color-surface);
+    border: 1px solid var(--gray-a5);
+  }
+  &:where(.rt-variant-ghost) {
+    background-color: transparent;
+    border: none;
+  }
+}
+
+/* Ensure menu items inherit proper theming and spacing for sidebar */
+.rt-SidebarContent :where(.rt-BaseMenuItem) {
+  border-radius: var(--radius-2);
+  margin-bottom: var(--space-1);
+}
+
+/* Responsive behavior */
+@media (max-width: 768px) {
+  .rt-SidebarRoot {
+    display: none;
+  }
+  
+  .rt-SidebarInset {
+    margin-left: 0;
+  }
+} 

package/src/components/sidebar.props.tsx

@@ -0,0 +1,38 @@
+import { asChildPropDef } from '../props/as-child.prop.js';
+import { accentColorPropDef } from '../props/color.prop.js';
+import { highContrastPropDef } from '../props/high-contrast.prop.js';
+
+import type { PropDef } from '../props/prop-def.js';
+
+// Re-export base menu props for sidebar menu components
+export {
+  baseMenuContentPropDefs as sidebarContentPropDefs,
+  baseMenuItemPropDefs as sidebarItemPropDefs,
+  baseMenuCheckboxItemPropDefs as sidebarCheckboxItemPropDefs,
+  baseMenuRadioItemPropDefs as sidebarRadioItemPropDefs,
+} from './_internal/base-menu.props.js';
+
+// Sidebar container props
+const sizes = ['1', '2', '3'] as const;
+const variants = ['classic', 'surface', 'ghost'] as const;
+const sides = ['left', 'right'] as const;
+const collapsibleModes = ['icon', 'offcanvas', 'none'] as const;
+
+const sidebarPropDefs = {
+  ...asChildPropDef,
+  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },
+  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },
+  side: { type: 'enum', className: 'rt-side', values: sides, default: 'left' },
+  collapsible: { type: 'enum', className: 'rt-collapsible', values: collapsibleModes, default: 'icon' },
+  floating: { type: 'boolean', className: 'rt-floating', default: false },
+  ...accentColorPropDef,
+  ...highContrastPropDef,
+} satisfies {
+  size: PropDef<(typeof sizes)[number]>;
+  variant: PropDef<(typeof variants)[number]>;
+  side: PropDef<(typeof sides)[number]>;
+  collapsible: PropDef<(typeof collapsibleModes)[number]>;
+  floating: PropDef<boolean>;
+};
+
+export { sidebarPropDefs };