@kushagradhawan/kookie-ui 0.1.14 → 0.1.16

package/dist/cjs/components/dropdown-menu.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var z=Object.create;var w=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var J=(e,r)=>{for(var n in r)w(e,n,{get:r[n],enumerable:!0})},W=(e,r,n,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of F(r))!H.call(e,t)&&t!==n&&w(e,t,{get:()=>r[t],enumerable:!(d=A(r,t))||d.enumerable});return e};var L=(e,r,n)=>(n=e!=null?z(q(e)):{},W(r||!e||!e.__esModule?w(n,"default",{value:e,enumerable:!0}):n,e)),K=e=>W(w({},"__esModule",{value:!0}),e);var Q={};J(Q,{CheckboxItem:()=>x,Content:()=>b,Group:()=>v,Item:()=>R,Label:()=>y,RadioGroup:()=>S,RadioItem:()=>T,Root:()=>g,Separator:()=>B,Sub:()=>N,SubContent:()=>G,SubTrigger:()=>E,Trigger:()=>h,TriggerIcon:()=>k});module.exports=K(Q);var o=L(require("react")),s=L(require("classnames")),p=require("radix-ui"),C=require("./scroll-area.js"),i=require("./dropdown-menu.props.js"),M=require("./theme.js"),m=require("./icons.js"),I=require("../helpers/extract-props.js"),V=require("../helpers/require-react-element.js");const g=e=>o.createElement(p.DropdownMenu.Root,{...e});g.displayName="DropdownMenu.Root";const h=o.forwardRef(({children:e,...r},n)=>o.createElement(p.DropdownMenu.Trigger,{...r,ref:n,asChild:!0},(0,V.requireReactElement)(e)));h.displayName="DropdownMenu.Trigger";const O=o.createContext({}),b=o.forwardRef((e,r)=>{const n=(0,M.useThemeContext)(),{size:d=i.dropdownMenuContentPropDefs.size.default,variant:t=i.dropdownMenuContentPropDefs.variant.default,highContrast:u=i.dropdownMenuContentPropDefs.highContrast.default}=e,{className:a,children:D,color:c,container:l,forceMount:P,...j}=(0,I.extractProps)(e,i.dropdownMenuContentPropDefs),f=c||n.accentColor;return o.createElement(p.DropdownMenu.Portal,{container:l,forceMount:P},o.createElement(M.Theme,{asChild:!0},o.createElement(p.DropdownMenu.Content,{"data-accent-color":f,align:"start",sideOffset:4,collisionPadding:10,...j,asChild:!1,ref:r,className:(0,s.default)("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",a)},o.createElement(C.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,s.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},o.createElement(O.Provider,{value:o.useMemo(()=>({size:d,variant:t,color:f,highContrast:u}),[d,t,f,u])},D))))))});b.displayName="DropdownMenu.Content";const y=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Label,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuLabel","rt-DropdownMenuLabel",e)}));y.displayName="DropdownMenu.Label";const R=o.forwardRef((e,r)=>{const{className:n,children:d,color:t=i.dropdownMenuItemPropDefs.color.default,shortcut:u,...a}=e;return o.createElement(p.DropdownMenu.Item,{"data-accent-color":t,...a,ref:r,className:(0,s.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",n)},o.createElement(p.Slot.Slottable,null,d),u&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},u))});R.displayName="DropdownMenu.Item";const v=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Group,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuGroup","rt-DropdownMenuGroup",e)}));v.displayName="DropdownMenu.Group";const S=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.RadioGroup,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",e)}));S.displayName="DropdownMenu.RadioGroup";const T=o.forwardRef((e,r)=>{const{children:n,className:d,color:t=i.dropdownMenuRadioItemPropDefs.color.default,...u}=e;return o.createElement(p.DropdownMenu.RadioItem,{...u,asChild:!1,ref:r,"data-accent-color":t,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",d)},n,o.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(m.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})))});T.displayName="DropdownMenu.RadioItem";const x=o.forwardRef((e,r)=>{const{children:n,className:d,shortcut:t,color:u=i.dropdownMenuCheckboxItemPropDefs.color.default,...a}=e;return o.createElement(p.DropdownMenu.CheckboxItem,{...a,asChild:!1,ref:r,"data-accent-color":u,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",d)},n,o.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(m.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),t&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},t))});x.displayName="DropdownMenu.CheckboxItem";const N=e=>o.createElement(p.DropdownMenu.Sub,{...e});N.displayName="DropdownMenu.Sub";const E=o.forwardRef((e,r)=>{const{className:n,children:d,...t}=e;return o.createElement(p.DropdownMenu.SubTrigger,{...t,asChild:!1,ref:r,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",n)},d,o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},o.createElement(m.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"})))});E.displayName="DropdownMenu.SubTrigger";const G=o.forwardRef((e,r)=>{const{size:n,variant:d,color:t,highContrast:u}=o.useContext(O),{className:a,children:D,container:c,forceMount:l,...P}=(0,I.extractProps)({size:n,variant:d,color:t,highContrast:u,...e},i.dropdownMenuContentPropDefs);return o.createElement(p.DropdownMenu.Portal,{container:c,forceMount:l},o.createElement(M.Theme,{asChild:!0},o.createElement(p.DropdownMenu.SubContent,{"data-accent-color":t,alignOffset:-Number(n)*4,sideOffset:1,collisionPadding:10,...P,asChild:!1,ref:r,className:(0,s.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",a)},o.createElement(C.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,s.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},D)))))});G.displayName="DropdownMenu.SubContent";const B=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Separator,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",e)}));B.displayName="DropdownMenu.Separator";const k=o.forwardRef((e,r)=>o.createElement(m.ChevronDownIcon,{...e,ref:r,className:"rt-DropdownMenuTriggerIcon"}));k.displayName="DropdownMenu.TriggerIcon";
+"use strict";"use client";var z=Object.create;var w=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var J=(e,r)=>{for(var n in r)w(e,n,{get:r[n],enumerable:!0})},W=(e,r,n,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of F(r))!H.call(e,t)&&t!==n&&w(e,t,{get:()=>r[t],enumerable:!(d=A(r,t))||d.enumerable});return e};var L=(e,r,n)=>(n=e!=null?z(q(e)):{},W(r||!e||!e.__esModule?w(n,"default",{value:e,enumerable:!0}):n,e)),K=e=>W(w({},"__esModule",{value:!0}),e);var Q={};J(Q,{CheckboxItem:()=>x,Content:()=>b,Group:()=>v,Item:()=>R,Label:()=>y,RadioGroup:()=>S,RadioItem:()=>T,Root:()=>g,Separator:()=>B,Sub:()=>N,SubContent:()=>G,SubTrigger:()=>E,Trigger:()=>h,TriggerIcon:()=>k});module.exports=K(Q);var o=L(require("react")),s=L(require("classnames")),p=require("radix-ui"),C=require("./scroll-area.js"),i=require("./dropdown-menu.props.js"),M=require("./theme.js"),a=require("./icons.js"),I=require("../helpers/extract-props.js"),V=require("../helpers/require-react-element.js");const g=e=>o.createElement(p.DropdownMenu.Root,{...e});g.displayName="DropdownMenu.Root";const h=o.forwardRef(({children:e,...r},n)=>o.createElement(p.DropdownMenu.Trigger,{...r,ref:n,asChild:!0},(0,V.requireReactElement)(e)));h.displayName="DropdownMenu.Trigger";const O=o.createContext({}),b=o.forwardRef((e,r)=>{const n=(0,M.useThemeContext)(),{size:d=i.dropdownMenuContentPropDefs.size.default,variant:t=i.dropdownMenuContentPropDefs.variant.default,highContrast:u=i.dropdownMenuContentPropDefs.highContrast.default}=e,{className:m,children:D,color:c,container:l,forceMount:P,...j}=(0,I.extractProps)(e,i.dropdownMenuContentPropDefs),f=c||n.accentColor;return o.createElement(p.DropdownMenu.Portal,{container:l,forceMount:P},o.createElement(M.Theme,{asChild:!0},o.createElement(p.DropdownMenu.Content,{"data-accent-color":f,align:"start",sideOffset:4,collisionPadding:10,...j,asChild:!1,ref:r,className:(0,s.default)("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",m)},o.createElement(C.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,s.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},o.createElement(O.Provider,{value:o.useMemo(()=>({size:d,variant:t,color:f,highContrast:u}),[d,t,f,u])},D))))))});b.displayName="DropdownMenu.Content";const y=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Label,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuLabel","rt-DropdownMenuLabel",e)}));y.displayName="DropdownMenu.Label";const R=o.forwardRef((e,r)=>{const{className:n,children:d,color:t=i.dropdownMenuItemPropDefs.color.default,shortcut:u,...m}=e;return o.createElement(p.DropdownMenu.Item,{"data-accent-color":t,...m,ref:r,className:(0,s.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",n)},o.createElement(p.Slot.Slottable,null,d),u&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},u))});R.displayName="DropdownMenu.Item";const v=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Group,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuGroup","rt-DropdownMenuGroup",e)}));v.displayName="DropdownMenu.Group";const S=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.RadioGroup,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",e)}));S.displayName="DropdownMenu.RadioGroup";const T=o.forwardRef((e,r)=>{const{children:n,className:d,color:t=i.dropdownMenuRadioItemPropDefs.color.default,...u}=e;return o.createElement(p.DropdownMenu.RadioItem,{...u,asChild:!1,ref:r,"data-accent-color":t,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",d)},n,o.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(a.ThickDotIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})))});T.displayName="DropdownMenu.RadioItem";const x=o.forwardRef((e,r)=>{const{children:n,className:d,shortcut:t,color:u=i.dropdownMenuCheckboxItemPropDefs.color.default,...m}=e;return o.createElement(p.DropdownMenu.CheckboxItem,{...m,asChild:!1,ref:r,"data-accent-color":u,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",d)},n,o.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(a.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),t&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},t))});x.displayName="DropdownMenu.CheckboxItem";const N=e=>o.createElement(p.DropdownMenu.Sub,{...e});N.displayName="DropdownMenu.Sub";const E=o.forwardRef((e,r)=>{const{className:n,children:d,...t}=e;return o.createElement(p.DropdownMenu.SubTrigger,{...t,asChild:!1,ref:r,className:(0,s.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",n)},d,o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},o.createElement(a.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"})))});E.displayName="DropdownMenu.SubTrigger";const G=o.forwardRef((e,r)=>{const{size:n,variant:d,color:t,highContrast:u}=o.useContext(O),{className:m,children:D,container:c,forceMount:l,...P}=(0,I.extractProps)({size:n,variant:d,color:t,highContrast:u,...e},i.dropdownMenuContentPropDefs);return o.createElement(p.DropdownMenu.Portal,{container:c,forceMount:l},o.createElement(M.Theme,{asChild:!0},o.createElement(p.DropdownMenu.SubContent,{"data-accent-color":t,alignOffset:-Number(n)*4,sideOffset:1,collisionPadding:10,...P,asChild:!1,ref:r,className:(0,s.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",m)},o.createElement(C.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,s.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},D)))))});G.displayName="DropdownMenu.SubContent";const B=o.forwardRef(({className:e,...r},n)=>o.createElement(p.DropdownMenu.Separator,{...r,asChild:!1,ref:n,className:(0,s.default)("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",e)}));B.displayName="DropdownMenu.Separator";const k=o.forwardRef((e,r)=>o.createElement(a.ChevronDownIcon,{...e,ref:r,className:"rt-DropdownMenuTriggerIcon"}));k.displayName="DropdownMenu.TriggerIcon";
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/cjs/components/dropdown-menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dropdown-menu.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs>;\ntype DropdownMenuContentContextValue = DropdownMenuContentOwnProps;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n    } = props;\n    const { className, children, color, container, forceMount, ...contentProps } = extractProps(\n      props,\n      dropdownMenuContentPropDefs,\n    );\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast }),\n                    [size, variant, resolvedColor, highContrast],\n                  )}\n                >\n                  {children}\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (props) => (\n  <DropdownMenuPrimitive.Sub {...props} />\n);\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps> {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const { size, variant, color, highContrast } = React.useContext(DropdownMenuContentContext);\n  const { className, children, container, forceMount, ...subContentProps } = extractProps(\n    { size, variant, color, highContrast, ...props },\n    dropdownMenuContentPropDefs,\n  );\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs>;\ntype DropdownMenuContentContextValue = DropdownMenuContentOwnProps;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n    } = props;\n    const { className, children, color, container, forceMount, ...contentProps } = extractProps(\n      props,\n      dropdownMenuContentPropDefs,\n    );\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast }),\n                    [size, variant, resolvedColor, highContrast],\n                  )}\n                >\n                  {children}\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">{shortcut}</div>}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = (props) => (\n  <DropdownMenuPrimitive.Sub {...props} />\n);\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps> {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const { size, variant, color, highContrast } = React.useContext(DropdownMenuContentContext);\n  const { className, children, container, forceMount, ...subContentProps } = extractProps(\n    { size, variant, color, highContrast, ...props },\n    dropdownMenuContentPropDefs,\n  );\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,YAAAC,EAAA,UAAAC,EAAA,SAAAC,EAAA,UAAAC,EAAA,eAAAC,EAAA,cAAAC,EAAA,SAAAC,EAAA,cAAAC,EAAA,QAAAC,EAAA,eAAAC,EAAA,eAAAC,EAAA,YAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAhB,GAEA,IAAAiB,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4D,oBAE5DC,EAA2B,4BAC3BC,EAKO,oCACPC,EAAuC,sBACvCC,EAAqF,sBACrFC,EAA6B,uCAC7BC,EAAoC,+CAQpC,MAAMhB,EAAqDiB,GACzDT,EAAA,cAAC,EAAAU,aAAsB,KAAtB,CAA4B,GAAGD,EAAO,EAEzCjB,EAAiB,YAAc,oBAK/B,MAAMK,EAAsBG,EAAM,WAChC,CAAC,CAAE,SAAAW,EAAU,GAAGF,CAAM,EAAGG,IACvBZ,EAAA,cAAC,EAAAU,aAAsB,QAAtB,CAA+B,GAAGD,EAAO,IAAKG,EAAc,QAAO,OACjE,uBAAoBD,CAAQ,CAC/B,CAEJ,EACAd,EAAoB,YAAc,uBAIlC,MAAMgB,EAA6Bb,EAAM,cAA+C,CAAC,CAAC,EAOpFd,EAAsBc,EAAM,WAChC,CAACS,EAAOG,IAAiB,CACvB,MAAME,KAAe,mBAAgB,EAC/B,CACJ,KAAAC,EAAO,8BAA4B,KAAK,QACxC,QAAAC,EAAU,8BAA4B,QAAQ,QAC9C,aAAAC,EAAe,8BAA4B,aAAa,OAC1D,EAAIR,EACE,CAAE,UAAAS,EAAW,SAAAP,EAAU,MAAAQ,EAAO,UAAAC,EAAW,WAAAC,EAAY,GAAGC,CAAa,KAAI,gBAC7Eb,EACA,6BACF,EACMc,EAAgBJ,GAASL,EAAa,YAC5C,OACEd,EAAA,cAAC,EAAAU,aAAsB,OAAtB,CAA6B,UAAWU,EAAW,WAAYC,GAC9DrB,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAU,aAAsB,QAAtB,CACC,oBAAmBa,EACnB,MAAM,QACN,WAAY,EACZ,iBAAkB,GACjB,GAAGD,EACJ,QAAS,GACT,IAAKV,EACL,aAAW,EAAAY,SACT,mBACA,qBACA,yBACAN,CACF,GAEAlB,EAAA,cAAC,cAAW,KAAK,QACfA,EAAA,cAAC,OAAI,aAAW,EAAAwB,SAAW,sBAAuB,yBAAyB,GACzExB,EAAA,cAACa,EAA2B,SAA3B,CACC,MAAOb,EAAM,QACX,KAAO,CAAE,KAAAe,EAAM,QAAAC,EAAS,MAAOO,EAAe,aAAAN,CAAa,GAC3D,CAACF,EAAMC,EAASO,EAAeN,CAAY,CAC7C,GAECN,CACH,CACF,CACF,CACF,CACF,CACF,CAEJ,CACF,EACAzB,EAAoB,YAAc,uBAKlC,MAAMG,EAAoBW,EAAM,WAC9B,CAAC,CAAE,UAAAkB,EAAW,GAAGT,CAAM,EAAGG,IACxBZ,EAAA,cAAC,EAAAU,aAAsB,MAAtB,CACE,GAAGD,EACJ,QAAS,GACT,IAAKG,EACL,aAAW,EAAAY,SAAW,mBAAoB,uBAAwBN,CAAS,EAC7E,CAEJ,EACA7B,EAAkB,YAAc,qBAOhC,MAAMD,EAAmBY,EAAM,WAC7B,CAACS,EAAOG,IAAiB,CACvB,KAAM,CACJ,UAAAM,EACA,SAAAP,EACA,MAAAQ,EAAQ,2BAAyB,MAAM,QACvC,SAAAM,EACA,GAAGC,CACL,EAAIjB,EACJ,OACET,EAAA,cAAC,EAAAU,aAAsB,KAAtB,CACC,oBAAmBS,EAClB,GAAGO,EACJ,IAAKd,EACL,aAAW,EAAAY,SAAW,WAAY,kBAAmB,sBAAuBN,CAAS,GAErFlB,EAAA,cAAC,OAAK,UAAL,KAAgBW,CAAS,EACzBc,GAAYzB,EAAA,cAAC,OAAI,UAAU,+CAA+CyB,CAAS,CACtF,CAEJ,CACF,EACArC,EAAiB,YAAc,oBAK/B,MAAMD,EAAoBa,EAAM,WAC9B,CAAC,CAAE,UAAAkB,EAAW,GAAGT,CAAM,EAAGG,IACxBZ,EAAA,cAAC,EAAAU,aAAsB,MAAtB,CACE,GAAGD,EACJ,QAAS,GACT,IAAKG,EACL,aAAW,EAAAY,SAAW,mBAAoB,uBAAwBN,CAAS,EAC7E,CAEJ,EACA/B,EAAkB,YAAc,qBAKhC,MAAMG,EAAyBU,EAAM,WAGnC,CAAC,CAAE,UAAAkB,EAAW,GAAGT,CAAM,EAAGG,IAC1BZ,EAAA,cAAC,EAAAU,aAAsB,WAAtB,CACE,GAAGD,EACJ,QAAS,GACT,IAAKG,EACL,aAAW,EAAAY,SAAW,wBAAyB,4BAA6BN,CAAS,EACvF,CACD,EACD5B,EAAuB,YAAc,0BAOrC,MAAMC,EAAwBS,EAAM,WAGlC,CAACS,EAAOG,IAAiB,CACzB,KAAM,CACJ,SAAAD,EACA,UAAAO,EACA,MAAAC,EAAQ,gCAA8B,MAAM,QAC5C,GAAGO,CACL,EAAIjB,EACJ,OACET,EAAA,cAAC,EAAAU,aAAsB,UAAtB,CACE,GAAGgB,EACJ,QAAS,GACT,IAAKd,EACL,oBAAmBO,EACnB,aAAW,EAAAK,SACT,kBACA,uBACA,sBACA,2BACAN,CACF,GAECP,EACDX,EAAA,cAAC,EAAAU,aAAsB,cAAtB,CAAoC,UAAU,yDAC7CV,EAAA,cAAC,gBAAa,UAAU,gEAAgE,CAC1F,CACF,CAEJ,CAAC,EACDT,EAAsB,YAAc,yBAOpC,MAAMN,EAA2Be,EAAM,WAGrC,CAACS,EAAOG,IAAiB,CACzB,KAAM,CACJ,SAAAD,EACA,UAAAO,EACA,SAAAO,EACA,MAAAN,EAAQ,mCAAiC,MAAM,QAC/C,GAAGO,CACL,EAAIjB,EACJ,OACET,EAAA,cAAC,EAAAU,aAAsB,aAAtB,CACE,GAAGgB,EACJ,QAAS,GACT,IAAKd,EACL,oBAAmBO,EACnB,aAAW,EAAAK,SACT,kBACA,0BACA,sBACA,8BACAN,CACF,GAECP,EACDX,EAAA,cAAC,EAAAU,aAAsB,cAAtB,CAAoC,UAAU,yDAC7CV,EAAA,cAAC,kBAAe,UAAU,+DAA+D,CAC3F,EACCyB,GAAYzB,EAAA,cAAC,OAAI,UAAU,+CAA+CyB,CAAS,CACtF,CAEJ,CAAC,EACDxC,EAAyB,YAAc,4BAIvC,MAAMS,EAAmDe,GACvDT,EAAA,cAAC,EAAAU,aAAsB,IAAtB,CAA2B,GAAGD,EAAO,EAExCf,EAAgB,YAAc,mBAK9B,MAAME,EAAyBI,EAAM,WAGnC,CAACS,EAAOG,IAAiB,CACzB,KAAM,CAAE,UAAAM,EAAW,SAAAP,EAAU,GAAGgB,CAAgB,EAAIlB,EACpD,OACET,EAAA,cAAC,EAAAU,aAAsB,WAAtB,CACE,GAAGiB,EACJ,QAAS,GACT,IAAKf,EACL,aAAW,EAAAY,SACT,kBACA,wBACA,sBACA,4BACAN,CACF,GAECP,EACDX,EAAA,cAAC,OAAI,UAAU,+CACbA,EAAA,cAAC,yBAAsB,UAAU,0DAA0D,CAC7F,CACF,CAEJ,CAAC,EACDJ,EAAuB,YAAc,0BAOrC,MAAMD,EAAyBK,EAAM,WAGnC,CAACS,EAAOG,IAAiB,CACzB,KAAM,CAAE,KAAAG,EAAM,QAAAC,EAAS,MAAAG,EAAO,aAAAF,CAAa,EAAIjB,EAAM,WAAWa,CAA0B,EACpF,CAAE,UAAAK,EAAW,SAAAP,EAAU,UAAAS,EAAW,WAAAC,EAAY,GAAGO,CAAgB,KAAI,gBACzE,CAAE,KAAAb,EAAM,QAAAC,EAAS,MAAAG,EAAO,aAAAF,EAAc,GAAGR,CAAM,EAC/C,6BACF,EACA,OACET,EAAA,cAAC,EAAAU,aAAsB,OAAtB,CAA6B,UAAWU,EAAW,WAAYC,GAC9DrB,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAU,aAAsB,WAAtB,CACC,oBAAmBS,EACnB,YAAa,CAAC,OAAOJ,CAAI,EAAI,EAE7B,WAAY,EACZ,iBAAkB,GACjB,GAAGa,EACJ,QAAS,GACT,IAAKhB,EACL,aAAW,EAAAY,SACT,mBACA,qBACA,wBACA,yBACA,4BACAN,CACF,GAEAlB,EAAA,cAAC,cAAW,KAAK,QACfA,EAAA,cAAC,OAAI,aAAW,EAAAwB,SAAW,sBAAuB,yBAAyB,GACxEb,CACH,CACF,CACF,CACF,CACF,CAEJ,CAAC,EACDhB,EAAuB,YAAc,0BAKrC,MAAMF,EAAwBO,EAAM,WAGlC,CAAC,CAAE,UAAAkB,EAAW,GAAGT,CAAM,EAAGG,IAC1BZ,EAAA,cAAC,EAAAU,aAAsB,UAAtB,CACE,GAAGD,EACJ,QAAS,GACT,IAAKG,EACL,aAAW,EAAAY,SAAW,uBAAwB,2BAA4BN,CAAS,EACrF,CACD,EACDzB,EAAsB,YAAc,yBAIpC,MAAMK,EAA0BE,EAAM,WAGpC,CAACS,EAAOG,IACRZ,EAAA,cAAC,mBAAiB,GAAGS,EAAO,IAAKG,EAAc,UAAU,6BAA6B,CACvF,EACDd,EAAwB,YAAc",
   "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area", "import_dropdown_menu_props", "import_theme", "import_icons", "import_extract_props", "import_require_react_element", "props", "DropdownMenuPrimitive", "children", "forwardedRef", "DropdownMenuContentContext", "themeContext", "size", "variant", "highContrast", "className", "color", "container", "forceMount", "contentProps", "resolvedColor", "classNames", "shortcut", "itemProps", "subTriggerProps", "subContentProps"]
 }

package/dist/cjs/components/icons.d.ts

@@ -6,6 +6,7 @@ declare const ThickDividerHorizontalIcon: React.ForwardRefExoticComponent<IconPr
 declare const ThickCheckIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 declare const ChevronDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
 declare const ThickChevronRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
-export { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon };
+declare const ThickDotIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon, ThickDotIcon };
 export type { IconProps };
 //# sourceMappingURL=icons.d.ts.map

package/dist/cjs/components/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,CAAC;CAAG;AAEtF,QAAA,MAAM,0BAA0B,iFAoB/B,CAAC;AAIF,QAAA,MAAM,cAAc,iFAkBlB,CAAC;AAGH,QAAA,MAAM,eAAe,iFAcnB,CAAC;AAGH,QAAA,MAAM,qBAAqB,iFAkBzB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,CAAC;AAC9F,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,CAAC;CAAG;AAEtF,QAAA,MAAM,0BAA0B,iFAoB/B,CAAC;AAIF,QAAA,MAAM,cAAc,iFAkBlB,CAAC;AAGH,QAAA,MAAM,eAAe,iFAcnB,CAAC;AAGH,QAAA,MAAM,qBAAqB,iFAkBzB,CAAC;AAGH,QAAA,MAAM,YAAY,iFAchB,CAAC;AAGH,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,YAAY,EAAE,CAAC;AAC5G,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/cjs/components/icons.js

@@ -1,2 +1,2 @@
-"use strict";var v=Object.create;var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var r in e)i(o,r,{get:e[r],enumerable:!0})},d=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of C(e))!f.call(o,t)&&t!==r&&i(o,t,{get:()=>e[t],enumerable:!(p=w(e,t))||p.enumerable});return o};var I=(o,e,r)=>(r=o!=null?v(g(o)):{},d(e||!o||!o.__esModule?i(r,"default",{value:o,enumerable:!0}):r,o)),u=o=>d(i({},"__esModule",{value:!0}),o);var a={};m(a,{ChevronDownIcon:()=>c,ThickCheckIcon:()=>s,ThickChevronRightIcon:()=>h,ThickDividerHorizontalIcon:()=>l});module.exports=u(a);var n=I(require("react"));const l=n.default.forwardRef((o,e)=>n.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},n.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));l.displayName="ThickDividerHorizontalIcon";const s=n.default.forwardRef((o,e)=>n.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},n.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));s.displayName="ThickCheckIcon";const c=n.default.forwardRef((o,e)=>n.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},n.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));c.displayName="ChevronDownIcon";const h=n.default.forwardRef((o,e)=>n.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},n.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));h.displayName="ThickChevronRightIcon";
+"use strict";var v=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var I=(o,e)=>{for(var n in e)i(o,n,{get:e[n],enumerable:!0})},w=(o,e,n,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of C(e))!m.call(o,t)&&t!==n&&i(o,t,{get:()=>e[t],enumerable:!(d=g(e,t))||d.enumerable});return o};var u=(o,e,n)=>(n=o!=null?v(f(o)):{},w(e||!o||!o.__esModule?i(n,"default",{value:o,enumerable:!0}):n,o)),a=o=>w(i({},"__esModule",{value:!0}),o);var x={};I(x,{ChevronDownIcon:()=>s,ThickCheckIcon:()=>c,ThickChevronRightIcon:()=>h,ThickDividerHorizontalIcon:()=>l,ThickDotIcon:()=>p});module.exports=a(x);var r=u(require("react"));const l=r.default.forwardRef((o,e)=>r.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},r.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));l.displayName="ThickDividerHorizontalIcon";const c=r.default.forwardRef((o,e)=>r.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},r.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));c.displayName="ThickCheckIcon";const s=r.default.forwardRef((o,e)=>r.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},r.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));s.displayName="ChevronDownIcon";const h=r.default.forwardRef((o,e)=>r.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},r.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));h.displayName="ThickChevronRightIcon";const p=r.default.forwardRef((o,e)=>r.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...o,ref:e},r.default.createElement("circle",{cx:"4.5",cy:"4.5",r:"2"})));p.displayName="ThickDotIcon";
 //# sourceMappingURL=icons.js.map

package/dist/cjs/components/icons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/icons.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype IconElement = React.ElementRef<'svg'>;\ninterface IconProps extends ComponentPropsWithout<'svg', RemovedProps | 'children'> {}\n\nconst ThickDividerHorizontalIcon = React.forwardRef<IconElement, IconProps>(\n  (props, forwardedRef) => {\n    return (\n      <svg\n        width=\"9\"\n        height=\"9\"\n        viewBox=\"0 0 9 9\"\n        fill=\"currentcolor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z\"\n        />\n      </svg>\n    );\n  }\n);\n\nThickDividerHorizontalIcon.displayName = 'ThickDividerHorizontalIcon';\n\nconst ThickCheckIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n      />\n    </svg>\n  );\n});\nThickCheckIcon.displayName = 'ThickCheckIcon';\n\nconst ChevronDownIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path d=\"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z\" />\n    </svg>\n  );\n});\nChevronDownIcon.displayName = 'ChevronDownIcon';\n\nconst ThickChevronRightIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z\"\n      />\n    </svg>\n  );\n});\nThickChevronRightIcon.displayName = 'ThickChevronRightIcon';\n\nexport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon };\nexport type { IconProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,mBAAAC,EAAA,0BAAAC,EAAA,+BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAAkB,oBAOlB,MAAMF,EAA6B,EAAAG,QAAM,WACvC,CAACC,EAAOC,IAEJ,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,iKACJ,CACF,CAGN,EAEAH,EAA2B,YAAc,6BAEzC,MAAMF,EAAiB,EAAAK,QAAM,WAAmC,CAACC,EAAOC,IAEpE,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,sXACJ,CACF,CAEH,EACDL,EAAe,YAAc,iBAE7B,MAAMD,EAAkB,EAAAM,QAAM,WAAmC,CAACC,EAAOC,IAErE,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QAAK,EAAE,+TAA+T,CACzU,CAEH,EACDN,EAAgB,YAAc,kBAE9B,MAAME,EAAwB,EAAAI,QAAM,WAAmC,CAACC,EAAOC,IAE3E,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,2UACJ,CACF,CAEH,EACDJ,EAAsB,YAAc",
-  "names": ["icons_exports", "__export", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "__toCommonJS", "import_react", "React", "props", "forwardedRef"]
+  "sourcesContent": ["import React from 'react';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype IconElement = React.ElementRef<'svg'>;\ninterface IconProps extends ComponentPropsWithout<'svg', RemovedProps | 'children'> {}\n\nconst ThickDividerHorizontalIcon = React.forwardRef<IconElement, IconProps>(\n  (props, forwardedRef) => {\n    return (\n      <svg\n        width=\"9\"\n        height=\"9\"\n        viewBox=\"0 0 9 9\"\n        fill=\"currentcolor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z\"\n        />\n      </svg>\n    );\n  }\n);\n\nThickDividerHorizontalIcon.displayName = 'ThickDividerHorizontalIcon';\n\nconst ThickCheckIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n      />\n    </svg>\n  );\n});\nThickCheckIcon.displayName = 'ThickCheckIcon';\n\nconst ChevronDownIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path d=\"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z\" />\n    </svg>\n  );\n});\nChevronDownIcon.displayName = 'ChevronDownIcon';\n\nconst ThickChevronRightIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z\"\n      />\n    </svg>\n  );\n});\nThickChevronRightIcon.displayName = 'ThickChevronRightIcon';\n\nconst ThickDotIcon = React.forwardRef<IconElement, IconProps>((props, forwardedRef) => {\n  return (\n    <svg\n      width=\"9\"\n      height=\"9\"\n      viewBox=\"0 0 9 9\"\n      fill=\"currentcolor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={forwardedRef}\n    >\n      <circle cx=\"4.5\" cy=\"4.5\" r=\"2\" />\n    </svg>\n  );\n});\nThickDotIcon.displayName = 'ThickDotIcon';\n\nexport { ChevronDownIcon, ThickCheckIcon, ThickChevronRightIcon, ThickDividerHorizontalIcon, ThickDotIcon };\nexport type { IconProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,mBAAAC,EAAA,0BAAAC,EAAA,+BAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,oBAOlB,MAAMH,EAA6B,EAAAI,QAAM,WACvC,CAACC,EAAOC,IAEJ,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,iKACJ,CACF,CAGN,EAEAJ,EAA2B,YAAc,6BAEzC,MAAMF,EAAiB,EAAAM,QAAM,WAAmC,CAACC,EAAOC,IAEpE,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,sXACJ,CACF,CAEH,EACDN,EAAe,YAAc,iBAE7B,MAAMD,EAAkB,EAAAO,QAAM,WAAmC,CAACC,EAAOC,IAErE,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QAAK,EAAE,+TAA+T,CACzU,CAEH,EACDP,EAAgB,YAAc,kBAE9B,MAAME,EAAwB,EAAAK,QAAM,WAAmC,CAACC,EAAOC,IAE3E,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,2UACJ,CACF,CAEH,EACDL,EAAsB,YAAc,wBAEpC,MAAME,EAAe,EAAAG,QAAM,WAAmC,CAACC,EAAOC,IAElE,EAAAF,QAAA,cAAC,OACC,MAAM,IACN,OAAO,IACP,QAAQ,UACR,KAAK,eACL,MAAM,6BACL,GAAGC,EACJ,IAAKC,GAEL,EAAAF,QAAA,cAAC,UAAO,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,CAClC,CAEH,EACDH,EAAa,YAAc",
+  "names": ["icons_exports", "__export", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "ThickDotIcon", "__toCommonJS", "import_react", "React", "props", "forwardedRef"]
 }

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

@@ -7,13 +7,34 @@ import type { HeightProps } from '../props/height.props.js';
 import type { GetPropDefTypes } from '../props/prop-def.js';
 type ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {
     loading?: 'eager' | 'lazy';
+    /**
+     * Placeholder image URL to show while the main image is loading.
+     * Can be a low-quality/blurred version of the main image.
+     */
+    placeholder?: string;
+    /**
+     * Shows a skeleton placeholder while loading instead of a blank space.
+     */
+    showSkeleton?: boolean;
+    /**
+     * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.
+     */
+    fadeIn?: boolean;
+    /**
+     * Callback fired when the image successfully loads.
+     */
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    /**
+     * Callback fired when the image fails to load.
+     */
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
 };
 interface ImageProps extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>, MarginProps, WidthProps, HeightProps, ImageOwnProps {
     /**
      * The alt attribute provides alternative information for an image if a user for some reason cannot view it.
-     * Required for accessibility when not using asChild.
+     * Required for accessibility when not using asChild. Use empty string for decorative images.
      */
-    alt?: string;
+    alt: string;
 }
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;
 export { Image };

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,KAAK,qFAsJT,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFAkST,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/image.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var j=Object.create;var c=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var W=(e,r)=>{for(var t in r)c(e,t,{get:r[t],enumerable:!0})},I=(e,r,t,f)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of w(r))!C.call(e,s)&&s!==t&&c(e,s,{get:()=>r[s],enumerable:!(f=k(r,s))||f.enumerable});return e};var P=(e,r,t)=>(t=e!=null?j(z(e)):{},I(r||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),G=e=>I(c({},"__esModule",{value:!0}),e);var H={};W(H,{Image:()=>y});module.exports=G(H);var o=P(require("react")),a=P(require("classnames")),b=require("./image.props.js"),N=require("../helpers/extract-props.js"),v=require("../props/margin.props.js"),x=require("../props/width.props.js"),D=require("../props/height.props.js");const y=o.forwardRef((e,r)=>{const{variant:t="surface",fit:f="cover",children:s}=e,{asChild:E,className:p,radius:l,style:n,loading:m="lazy",alt:u,src:g,children:M,...d}=(0,N.extractProps)(e,b.imagePropDefs,v.marginPropDefs,x.widthPropDefs,D.heightPropDefs),h=o.createElement("img",{"data-radius":l,loading:m,style:n,className:(0,a.default)("rt-reset","rt-Image",t==="blur"&&"rt-Image--blur",p),alt:u,src:g,...d,ref:r});if(E&&s){const i=o.Children.only(s);return t==="blur"?o.cloneElement(i,{className:(0,a.default)(i.props?.className,"rt-variant-blur"),style:{position:"relative",display:"inline-block",textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...i.props?.style},children:o.createElement(o.Fragment,null,o.createElement("img",{"data-radius":l,loading:m,style:{...n,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:g,...d}),o.createElement("img",{"data-radius":l,loading:m,style:{...n,position:"relative",zIndex:1},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:u,src:g,...d,ref:r}))}):o.cloneElement(i,{className:(0,a.default)(i.props?.className,"rt-Image"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...i.props?.style},children:h})}return t==="blur"?o.createElement("div",{className:"rt-variant-blur",style:{position:"relative",display:"inline-block"}},o.createElement("img",{"data-radius":l,loading:m,style:{...n,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:g,...d}),o.createElement("img",{"data-radius":l,loading:m,style:{...n,position:"relative",zIndex:1},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:u,src:g,...d,ref:r})):h});y.displayName="Image";
+"use strict";"use client";var F=Object.create;var b=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var V=(o,e)=>{for(var s in e)b(o,s,{get:e[s],enumerable:!0})},T=(o,e,s,g)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of K(e))!U.call(o,n)&&n!==s&&b(o,n,{get:()=>e[n],enumerable:!(g=J(e,n))||g.enumerable});return o};var W=(o,e,s)=>(s=o!=null?F(Q(o)):{},T(e||!o||!o.__esModule?b(s,"default",{value:o,enumerable:!0}):s,o)),X=o=>T(b({},"__esModule",{value:!0}),o);var Y={};V(Y,{Image:()=>k});module.exports=X(Y);var r=W(require("react")),a=W(require("classnames")),j=require("./image.props.js"),w=require("../helpers/extract-props.js"),z=require("../props/margin.props.js"),O=require("../props/width.props.js"),q=require("../props/height.props.js"),G=require("./skeleton.js");const k=r.forwardRef((o,e)=>{const{variant:s="surface",children:g}=o,{asChild:n,className:l,radius:i,style:p,loading:u="lazy",alt:h,src:m,placeholder:f,showSkeleton:S=!1,fadeIn:c=!0,onLoad:D,onError:C,children:Z,...d}=(0,w.extractProps)(o,j.imagePropDefs,z.marginPropDefs,O.widthPropDefs,q.heightPropDefs),[y,E]=r.useState(!1),[_,P]=r.useState(!1),[$,v]=r.useState(!!f),I=r.useRef(null),N=r.useCallback(t=>{E(!0),P(!1),v(!1),D?.(t)},[D]),L=r.useCallback(t=>{E(!1),P(!0),v(!1),C?.(t)},[C]);if(r.useEffect(()=>{const t=I.current;t&&t.complete&&t.naturalWidth>0&&(E(!0),P(!1),v(!1))},[m]),!m)return console.warn("Image component: src prop is required"),null;!n&&h===void 0&&console.warn("Image component: alt prop is required for accessibility when not using asChild");const A=S&&!y&&!_?r.createElement(G.Skeleton,{style:{...p,width:"100%",height:"100px",borderRadius:i?`var(--radius-${i})`:void 0},className:l}):null,B=f&&$?r.createElement("img",{"data-radius":i,style:{...p,position:"absolute",top:0,left:0,width:"100%",height:"100%",filter:"blur(4px)",opacity:.7,transition:"opacity 0.3s ease-out"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--placeholder",l),alt:"",src:f}):null,H=r.createElement("img",{"data-radius":i,loading:u,style:{...p,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image",s==="blur"&&"rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}}),M=f||S?r.createElement("div",{style:{position:"relative",display:"inline-block"}},A,B,H):H;if(n&&g){const t=r.Children.only(g);return s==="blur"?r.cloneElement(t,{className:(0,a.default)(t.props?.className,"rt-variant-blur"),style:{position:"relative",display:"inline-block",textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:r.createElement(r.Fragment,null,r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",l),alt:"",src:m,...d}),r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"relative",zIndex:1,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:x=>{I.current=x,typeof e=="function"?e(x):e&&(e.current=x)}}))}):r.cloneElement(t,{className:(0,a.default)(t.props?.className,"rt-Image"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:M})}return s==="blur"?r.createElement("div",{className:"rt-variant-blur",style:{position:"relative",display:"inline-block"}},r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"absolute",top:"8px",left:"0"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",l),alt:"",src:m,...d}),r.createElement("img",{"data-radius":i,loading:u,style:{...p,position:"relative",zIndex:1,opacity:c?y?1:0:1,transition:c?"opacity 0.3s ease-out":"none"},className:(0,a.default)("rt-reset","rt-Image","rt-Image--blur",l),alt:h,src:m,onLoad:N,onError:L,...d,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}})):M});k.displayName="Image";
 //# sourceMappingURL=image.js.map

package/dist/cjs/components/image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/image.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild.\n   */\n  alt?: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', fit: _fit = 'cover', children } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    children: _children, // Extract children to exclude from imgProps\n    ...imgProps\n  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={style}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      {...imgProps}\n      ref={forwardedRef}\n    />\n  );\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{ ...style, position: 'relative', zIndex: 1 }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              {...imgProps}\n              ref={forwardedRef}\n            />\n          </>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-Image'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imgElement,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <div className=\"rt-variant-blur\" style={{ position: 'relative', display: 'inline-block' }}>\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{ ...style, position: 'relative', zIndex: 1 }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          {...imgProps}\n          ref={forwardedRef}\n        />\n      </div>\n    );\n  }\n\n  return imgElement;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA8B,4BAC9BC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAA8B,mCAC9BC,EAA+B,oCA0B/B,MAAMR,EAAQE,EAAM,WAAqC,CAACO,EAAOC,IAAiB,CAChF,KAAM,CAAE,QAAAC,EAAU,UAAW,IAAKC,EAAO,QAAS,SAAAC,CAAS,EAAIJ,EACzD,CACJ,QAAAK,EACA,UAAAC,EACA,OAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,OACV,IAAAC,EACA,IAAAC,EACA,SAAUC,EACV,GAAGC,CACL,KAAI,gBAAab,EAAO,gBAAe,iBAAgB,gBAAe,gBAAc,EAG9Ec,EACJrB,EAAA,cAAC,OACC,cAAac,EACb,QAASE,EACT,MAAOD,EACP,aAAW,EAAAO,SACT,WACA,WACAb,IAAY,QAAU,iBACtBI,CACF,EACA,IAAKI,EACL,IAAKC,EACJ,GAAGE,EACJ,IAAKZ,EACP,EAIF,GAAII,GAAWD,EAAU,CACvB,MAAMY,EAAQvB,EAAM,SAAS,KAAKW,CAAQ,EAE1C,OAAIF,IAAY,OAEPT,EAAM,aAAauB,EAAO,CAC/B,aAAW,EAAAD,SAAWC,EAAM,OAAO,UAAW,iBAAiB,EAC/D,MAAO,CACL,SAAU,WACV,QAAS,eACT,eAAgB,OAChB,MAAO,UACP,OAAQ,OACR,WAAY,OACZ,QAAS,EACT,KAAM,UACN,OAAQ,UACR,GAAGA,EAAM,OAAO,KAClB,EACA,SACEvB,EAAA,cAAAA,EAAA,cAEEA,EAAA,cAAC,OACC,cAAac,EACb,QAASE,EACT,MAAO,CACL,GAAGD,EACH,SAAU,WACV,IAAK,MACL,KAAM,GACR,EACA,aAAW,EAAAO,SACT,WACA,WACA,iBACA,oBACAT,CACF,EACA,IAAI,GACJ,IAAKK,EACJ,GAAGE,EACN,EAEApB,EAAA,cAAC,OACC,cAAac,EACb,QAASE,EACT,MAAO,CAAE,GAAGD,EAAO,SAAU,WAAY,OAAQ,CAAE,EACnD,aAAW,EAAAO,SAAW,WAAY,WAAY,iBAAkBT,CAAS,EACzE,IAAKI,EACL,IAAKC,EACJ,GAAGE,EACJ,IAAKZ,EACP,CACF,CAEJ,CAAC,EAGMR,EAAM,aAAauB,EAAO,CAC/B,aAAW,EAAAD,SAAWC,EAAM,OAAO,UAAW,UAAU,EACxD,MAAO,CACL,eAAgB,OAChB,MAAO,UACP,OAAQ,OACR,WAAY,OACZ,QAAS,EACT,KAAM,UACN,OAAQ,UACR,GAAGA,EAAM,OAAO,KAClB,EACA,SAAUF,CACZ,CAAC,CAEL,CAGA,OAAIZ,IAAY,OAEZT,EAAA,cAAC,OAAI,UAAU,kBAAkB,MAAO,CAAE,SAAU,WAAY,QAAS,cAAe,GAEtFA,EAAA,cAAC,OACC,cAAac,EACb,QAASE,EACT,MAAO,CACL,GAAGD,EACH,SAAU,WACV,IAAK,MACL,KAAM,GACR,EACA,aAAW,EAAAO,SACT,WACA,WACA,iBACA,oBACAT,CACF,EACA,IAAI,GACJ,IAAKK,EACJ,GAAGE,EACN,EAEApB,EAAA,cAAC,OACC,cAAac,EACb,QAASE,EACT,MAAO,CAAE,GAAGD,EAAO,SAAU,WAAY,OAAQ,CAAE,EACnD,aAAW,EAAAO,SAAW,WAAY,WAAY,iBAAkBT,CAAS,EACzE,IAAKI,EACL,IAAKC,EACJ,GAAGE,EACJ,IAAKZ,EACP,CACF,EAIGa,CACT,CAAC,EAEDvB,EAAM,YAAc",
-  "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "props", "forwardedRef", "variant", "_fit", "children", "asChild", "className", "radius", "style", "loading", "alt", "src", "_children", "imgProps", "imgElement", "classNames", "child"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { Skeleton } from './skeleton.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n  /**\n   * Placeholder image URL to show while the main image is loading.\n   * Can be a low-quality/blurred version of the main image.\n   */\n  placeholder?: string;\n  /**\n   * Shows a skeleton placeholder while loading instead of a blank space.\n   */\n  showSkeleton?: boolean;\n  /**\n   * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.\n   */\n  fadeIn?: boolean;\n  /**\n   * Callback fired when the image successfully loads.\n   */\n  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Callback fired when the image fails to load.\n   */\n  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild. Use empty string for decorative images.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', children } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    placeholder,\n    showSkeleton = false,\n    fadeIn = true,\n    onLoad: userOnLoad,\n    onError: userOnError,\n    children: _children, // Extract children to exclude from imgProps\n    ...imgProps\n  } = extractProps(props, imagePropDefs, marginPropDefs, widthPropDefs, heightPropDefs);\n\n  // Loading state management\n  const [imageLoaded, setImageLoaded] = React.useState(false);\n  const [imageError, setImageError] = React.useState(false);\n  const [showPlaceholder, setShowPlaceholder] = React.useState(!!placeholder);\n  \n  // Ref to check if image is already loaded (for cached images)\n  const imgRef = React.useRef<HTMLImageElement>(null);\n\n  // Handle image load - moved to top to avoid conditional hook call\n  const handleLoad = React.useCallback((event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(true);\n    setImageError(false);\n    setShowPlaceholder(false);\n    userOnLoad?.(event);\n  }, [userOnLoad]);\n\n  // Handle image error - moved to top to avoid conditional hook call\n  const handleError = React.useCallback((event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(false);\n    setImageError(true);\n    setShowPlaceholder(false);\n    userOnError?.(event);\n  }, [userOnError]);\n\n  // Check if image is already loaded (for cached images)\n  React.useEffect(() => {\n    const img = imgRef.current;\n    if (img && img.complete && img.naturalWidth > 0) {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n    }\n  }, [src]);\n\n  // Validate required props\n  if (!src) {\n    console.warn('Image component: src prop is required');\n    return null;\n  }\n\n  if (!asChild && alt === undefined) {\n    console.warn('Image component: alt prop is required for accessibility when not using asChild');\n  }\n\n  // Create skeleton placeholder\n  const skeletonElement = showSkeleton && !imageLoaded && !imageError ? (\n    <Skeleton\n      style={{\n        ...style,\n        width: '100%',\n        height: '100px', // Default height, can be overridden by style\n        borderRadius: radius ? `var(--radius-${radius})` : undefined,\n      }}\n      className={className}\n    />\n  ) : null;\n\n  // Create placeholder image element\n  const placeholderElement = placeholder && showPlaceholder ? (\n    <img\n      data-radius={radius}\n      style={{\n        ...style,\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n        filter: 'blur(4px)',\n        opacity: 0.7,\n        transition: 'opacity 0.3s ease-out',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        'rt-Image--placeholder',\n        className,\n      )}\n      alt=\"\"\n      src={placeholder}\n    />\n  ) : null;\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={{\n        ...style,\n        opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n        transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...imgProps}\n      ref={(node) => {\n        imgRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      }}\n    />\n  );\n\n  // Wrapper for images with placeholders\n  const imageWithPlaceholder = (placeholder || showSkeleton) ? (\n    <div style={{ position: 'relative', display: 'inline-block' }}>\n      {skeletonElement}\n      {placeholderElement}\n      {imgElement}\n    </div>\n  ) : imgElement;\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{ \n                ...style, \n                position: 'relative', \n                zIndex: 1,\n                opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n                transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n              }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              onLoad={handleLoad}\n              onError={handleError}\n              {...imgProps}\n              ref={(node) => {\n                imgRef.current = node;\n                if (typeof forwardedRef === 'function') {\n                  forwardedRef(node);\n                } else if (forwardedRef) {\n                  forwardedRef.current = node;\n                }\n              }}\n            />\n          </>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-Image'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imageWithPlaceholder,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <div className=\"rt-variant-blur\" style={{ position: 'relative', display: 'inline-block' }}>\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{ \n            ...style, \n            position: 'relative', \n            zIndex: 1,\n            opacity: fadeIn ? (imageLoaded ? 1 : 0) : 1,\n            transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n          }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          onLoad={handleLoad}\n          onError={handleError}\n          {...imgProps}\n          ref={(node) => {\n            imgRef.current = node;\n            if (typeof forwardedRef === 'function') {\n              forwardedRef(node);\n            } else if (forwardedRef) {\n              forwardedRef.current = node;\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  return imageWithPlaceholder;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
+  "mappings": "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",
+  "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "import_skeleton", "props", "forwardedRef", "variant", "children", "asChild", "className", "radius", "style", "loading", "alt", "src", "placeholder", "showSkeleton", "fadeIn", "userOnLoad", "userOnError", "_children", "imgProps", "imageLoaded", "setImageLoaded", "imageError", "setImageError", "showPlaceholder", "setShowPlaceholder", "imgRef", "handleLoad", "event", "handleError", "img", "skeletonElement", "placeholderElement", "classNames", "imgElement", "node", "imageWithPlaceholder", "child"]
 }

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

@@ -1,71 +1,146 @@
 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';
+import { Accordion } from 'radix-ui';
+import { sidebarPropDefs } from './sidebar.props';
+import { IconButton } from './icon-button';
+import { Separator } from './separator';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props';
+import type { GetPropDefTypes } from '../props/prop-def';
 type SidebarContextProps = {
+    state: 'expanded' | 'collapsed';
     open: boolean;
     setOpen: (open: boolean) => void;
-    collapsible: 'icon' | 'offcanvas' | 'none';
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+    side: 'left' | 'right';
+    type: 'sidebar' | 'floating';
+    variant: 'soft' | 'surface' | 'ghost';
+    menuVariant: 'solid' | 'soft';
+    collapsible: 'offcanvas' | 'icon' | 'none';
+    size: '1' | '2';
 };
 declare function useSidebar(): SidebarContextProps;
 interface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    side?: 'left' | 'right';
 }
 declare const SidebarProvider: React.ForwardRefExoticComponent<SidebarProviderProps & React.RefAttributes<HTMLDivElement>>;
-type SidebarRootOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
-interface SidebarRootProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarRootOwnProps {
+type SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
+interface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {
 }
-declare const SidebarRoot: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLDivElement>>;
-interface SidebarContentProps extends ComponentPropsWithout<'div', RemovedProps> {
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
-interface SidebarHeaderProps extends ComponentPropsWithout<'div', RemovedProps> {
+interface SidebarHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Whether to use the default flex container layout.
+     * @default true
+     */
+    asContainer?: boolean;
 }
 declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface SidebarFooterProps extends ComponentPropsWithout<'div', RemovedProps> {
+interface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Whether to use the default flex container layout.
+     * @default true
+     */
+    asContainer?: boolean;
 }
 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> {
+interface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {
 }
-declare const SidebarInset: React.ForwardRefExoticComponent<SidebarInsetProps & React.RefAttributes<HTMLDivElement>>;
-interface SidebarLabelProps extends React.ComponentPropsWithoutRef<'div'> {
+declare const SidebarSeparator: React.ForwardRefExoticComponent<SidebarSeparatorProps & React.RefAttributes<HTMLSpanElement>>;
+interface SidebarMenuProps extends React.ComponentPropsWithoutRef<'ul'> {
 }
-declare const SidebarLabel: React.ForwardRefExoticComponent<SidebarLabelProps & React.RefAttributes<HTMLDivElement>>;
-type SidebarItemOwnProps = GetPropDefTypes<typeof baseMenuItemPropDefs>;
-interface SidebarItemProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarItemOwnProps {
+declare const SidebarMenu: React.ForwardRefExoticComponent<SidebarMenuProps & React.RefAttributes<HTMLUListElement>>;
+interface SidebarMenuItemProps extends React.ComponentPropsWithoutRef<'li'> {
 }
-declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<SidebarMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+interface SidebarMenuButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+    isActive?: boolean;
+}
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<SidebarMenuButtonProps & React.RefAttributes<HTMLButtonElement>>;
+interface SidebarMenuSubProps extends React.ComponentPropsWithoutRef<'div'> {
+    defaultOpen?: boolean;
+}
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<SidebarMenuSubProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof Accordion.Trigger> {
+    asChild?: boolean;
+}
+declare const SidebarMenuSubTrigger: React.ForwardRefExoticComponent<SidebarMenuSubTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SidebarMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof Accordion.Content> {
+}
+declare const SidebarMenuSubContent: React.ForwardRefExoticComponent<SidebarMenuSubContentProps & 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, };
+interface SidebarGroupLabelProps extends React.ComponentPropsWithoutRef<'div'> {
+    asChild?: boolean;
+}
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<SidebarGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
+interface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<SidebarGroupContentProps & React.RefAttributes<HTMLDivElement>>;
+export { SidebarProvider as Provider, Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, SidebarFooter as Footer, SidebarTrigger as Trigger, SidebarSeparator as Separator, SidebarMenu as Menu, SidebarMenuItem as MenuItem, SidebarMenuButton as MenuButton, SidebarMenuSub as MenuSub, SidebarMenuSubTrigger as MenuSubTrigger, SidebarMenuSubContent as MenuSubContent, SidebarGroup as Group, SidebarGroupLabel as GroupLabel, SidebarGroupContent as GroupContent, useSidebar, };
+/**
+ * Enhanced Sidebar Header and Footer Usage Examples:
+ *
+ * 1. Simple default container (backwards compatible):
+ * <Sidebar.Header>
+ *   <Logo />
+ *   <span>App Name</span>
+ * </Sidebar.Header>
+ *
+ * 2. Custom flex layout:
+ * <Sidebar.Header className="rt-justify-between rt-gap-3">
+ *   <Logo />
+ *   <Sidebar.MenuButton>
+ *     <SettingsIcon />
+ *   </Sidebar.MenuButton>
+ * </Sidebar.Header>
+ *
+ * 3. Column layout for multiple rows:
+ * <Sidebar.Header className="rt-flex-col rt-gap-2" asContainer={false}>
+ *   <div className="rt-flex rt-items-center rt-gap-2">
+ *     <Logo />
+ *     <span>App Name</span>
+ *   </div>
+ *   <Sidebar.MenuButton>
+ *     <UserAvatar />
+ *     <span>John Doe</span>
+ *   </Sidebar.MenuButton>
+ * </Sidebar.Header>
+ *
+ * 4. Interactive footer with menu button:
+ * <Sidebar.Footer>
+ *   <Sidebar.MenuButton>
+ *     <UserIcon />
+ *     <span>Settings</span>
+ *     <ChevronUpIcon />
+ *   </Sidebar.MenuButton>
+ * </Sidebar.Footer>
+ *
+ * 5. Custom footer layout:
+ * <Sidebar.Footer className="rt-justify-between">
+ *   <span>v1.0.0</span>
+ *   <Sidebar.MenuButton>
+ *     <HelpIcon />
+ *   </Sidebar.MenuButton>
+ * </Sidebar.Footer>
+ *
+ * Available utility classes:
+ * - Layout: rt-flex-row, rt-flex-col
+ * - Alignment: rt-items-center, rt-items-start, rt-items-end
+ * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end
+ * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4
+ */
+export type { SidebarProviderProps as ProviderProps, SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, SidebarTriggerProps as TriggerProps, };
 //# sourceMappingURL=sidebar.d.ts.map