npm - @choco-vanille/ui - Versions diffs - 1.1.2 → 1.2.0 - Mend

@choco-vanille/ui 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (427) hide show

package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"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"}

package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["type ~~PaddingVariant~~ = ~~NonNullable<import(~~'@components/layout/box').~~BoxRecipeVariants[~~'~~paddingLeft']>\~~r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"~~gFAKO~~,MAAMA,EAA6D,MAK7DC,EAA8D"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["import type { BoxSpace } from '@components/layout/box/types/Box.types.ts'\r\n\r\ntype PaddingVariant = BoxSpace\r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"gFAOO,MAAMA,EAA6D,MAK7DC,EAA8D"}

package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { BoxRecipeVariants } from '../../../../../../layout/box';
-type PaddingVariant = NonNullable< BoxRecipeVariants['paddingLeft']>;
+import { BoxSpace } from '../../../../../../layout/box/types/Box.types.ts';
+type PaddingVariant = BoxSpace;
 /**
  * Left padding of the drawer section item collapsible content area.
  */

package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["type ~~PaddingVariant~~ = ~~NonNullable<import(~~'@components/layout/box').~~BoxRecipeVariants[~~'~~paddingLeft']>\~~r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"~~AAKO~~,MAAMA,IAA6D,OAK7DC,IAA8D;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["import type { BoxSpace } from '@components/layout/box/types/Box.types.ts'\r\n\r\ntype PaddingVariant = BoxSpace\r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"AAOO,MAAMA,IAA6D,OAK7DC,IAA8D;"}

package/dist/components/overlay/drawer/components/variants/drawer-inline/types/DrawerInline.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerSize } from '../../../../types';
 /** Props for the inline drawer renderer. */
 export type DrawerInlineProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -10,7 +9,7 @@ export type DrawerInlineProps = HTMLAttributes<HTMLDivElement> & {
     /** Maps a size preset to a CSS width value. */
     sizeWidthMap: Record<DrawerSize, string>;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName: string | undefined;
     /** Accessible labelled-by id. */

package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const q=require("react/jsx-runtime"),a=require("react"),L=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const s=require("../../../styles/Drawer.css.cjs"),A=require("../../../../../../utils/cn.cjs"),n=require("./styles/DrawerMini.css.cjs"),M=require("./constants/index.cjs"),c=a.memo(({open:r,size:i,sizeWidthMap:t,collapsedWidth:l=M.COLLAPSED_WIDTH,backgroundColor:e,accessibleName:R,ariaLabelledBy:u,children:D,className:E,style:S,...o})=>{const _=a.useMemo(()=>e?s.DRAWER_STYLES.recipe({backgroundColor:e}):void 0,[e]),m=A.cn(s.DRAWER_STYLES.panel,n.DRAWER_MINI_STYLES.panel,!r&&n.DRAWER_MINI_STYLES.closed,s.DRAWER_STYLES.size[i],_,E);return q.jsx(L,{className:m,style:{width:r?t[i]:l,...S},"aria-label":R,"aria-labelledby":u,...o,children:D})});c.displayName="Drawer.Mini";module.exports=c;
+"use strict";const q=require("react/jsx-runtime"),a=require("react"),L=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const r=require("../../../styles/Drawer.css.cjs"),A=require("../../../../../../utils/cn.cjs"),n=require("./styles/DrawerMini.css.cjs"),M=require("./constants/index.cjs"),c=a.memo(({open:s,size:i,sizeWidthMap:t,collapsedWidth:l=M.COLLAPSED_WIDTH,backgroundColor:e,accessibleName:u,ariaLabelledBy:D,children:E,className:R,style:S,...o})=>{const _=a.useMemo(()=>e?r.DRAWER_STYLES.recipe({backgroundColor:e}):void 0,[e]),m=A.cn(r.DRAWER_STYLES.panel,n.DRAWER_MINI_STYLES.panel,!s&&n.DRAWER_MINI_STYLES.closed,r.DRAWER_STYLES.size[i],_,R);return q.jsx(L,{className:m,style:{width:s?t[i]:l,...S},"aria-label":u,"aria-labelledby":D,...o,children:E})});c.displayName="Drawer.Mini";module.exports=c;
 //# sourceMappingURL=DrawerMini.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerSize } from '../../../../types';
 /** Props for the inline drawer renderer. */
 export type DrawerMiniProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -12,7 +11,7 @@ export type DrawerMiniProps = HTMLAttributes<HTMLDivElement> & {
     /** Width applied when the drawer is collapsed. @default '4rem' */
     collapsedWidth?: string;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName?: string;
     /** Accessible labelled-by id. */

package/dist/components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerPosition, DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerPosition, DrawerSize } from '../../../../types';
 /** Props for the portal drawer renderer. */
 export type DrawerPortalProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -14,7 +13,7 @@ export type DrawerPortalProps = HTMLAttributes<HTMLDivElement> & {
     /** Whether to render the backdrop. @default true */
     withBackdrop?: boolean;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName: string | undefined;
     /** Accessible labelled-by id. */

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),O=require("../../constants/drawerModes.const.cjs"),R=({open:c,defaultOpen:v=!1,onOpenChange:s,mode:d=O.DRAWER_MODES.portal,position:t="left",size:l="md",withBackdrop:S,backgroundColor:w,defaultAriaLabel:y="Drawer",children:m,className:p,style:D,"aria-label":i,"aria-labelledby":W,titleId:n,...e})=>{const[f,g]=r.useState(v),a=c!==void 0?c:f,o=r.useCallback(h=>{g(h),s?.(h)},[s]),B=r.useMemo(()=>({open:a,onOpenChange:o,mode:d,position:t,size:l,titleId:n,collapsedWidth:"collapsedWidth"in e&&typeof e.collapsedWidth=="string"?e.collapsedWidth:void 0}),[a,o,d,t,l,n,e]),u=i?void 0:W??n,b=i??(u?void 0:y),M={open:a,position:t,size:l,backgroundColor:w,accessibleName:b,ariaLabelledBy:u,children:m,className:p,style:D,...e};return{isOpen:a,handleOpenChange:o,contextValue:B,accessibleName:b,commonRendererProps:M}};exports.useDrawer=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),O=require("../../constants/drawerModes.const.cjs"),S=({open:c,defaultOpen:v=!1,onOpenChange:s,mode:d=O.DRAWER_MODES.portal,position:t="left",size:r="md",withBackdrop:k,backgroundColor:w,defaultAriaLabel:y="Drawer",children:m,className:p,style:D,"aria-label":i,"aria-labelledby":W,titleId:l,...e})=>{const[f,g]=o.useState(v),a=c!==void 0?c:f,n=o.useCallback(h=>{g(h),s?.(h)},[s]),B=o.useMemo(()=>({open:a,onOpenChange:n,mode:d,position:t,size:r,titleId:l,collapsedWidth:"collapsedWidth"in e&&typeof e.collapsedWidth=="string"?e.collapsedWidth:void 0}),[a,n,d,t,r,l,e]),u=i?void 0:W??l,b=i??(u?void 0:y),M={open:a,position:t,size:r,backgroundColor:w,accessibleName:b,ariaLabelledBy:u,children:m,className:p,style:D,...e};return{isOpen:a,handleOpenChange:n,contextValue:B,accessibleName:b,commonRendererProps:M}};exports.useDrawer=S;
 //# sourceMappingURL=useDrawer.hook.cjs.map

package/dist/components/overlay/drawer/index.d.ts CHANGED Viewed

@@ -2,10 +2,11 @@ export { Drawer } from './Drawer.tsx';
 export { DRAWER_STYLES } from './styles/Drawer.css.ts';
 export { DRAWER_ITEM_STYLES } from './components/items/_shared';
 export type { DrawerProps } from './types/Drawer.props.ts';
-export type { DrawerMode, DrawerPosition, DrawerSize, } from './types/Drawer.types.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './types/Drawer.types.ts';
 export type { DrawerHeaderProps } from './components/blocs/drawer-header/types/DrawerHeader.props.ts';
 export type { DrawerBodyProps } from './components/blocs/drawer-body/types/DrawerBody.props.ts';
 export type { DrawerFooterProps } from './components/blocs/drawer-footer/types/DrawerFooter.props.ts';
+export type { DrawerSectionProps } from './components/blocs/drawer-section/types/DrawerSection.props.ts';
 export type { DrawerNavItemProps } from './components/items/drawer-nav-item/types/DrawerNavItem.props.ts';
 export type { DrawerActionItemProps } from './components/items/drawer-action-item/types/DrawerActionItem.props.ts';
 export type { DrawerSectionItemProps } from './components/items/drawer-section-item/types/DrawerSectionItem.props.ts';

package/dist/components/overlay/drawer/styles/Drawer.css.d.ts CHANGED Viewed

@@ -1,7 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
-declare const recipeStyles: RuntimeFn<{
-    backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
-}>;
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const DRAWER_STYLES: {
     panel: string;
     size: {
@@ -16,5 +13,3 @@ export declare const DRAWER_STYLES: {
         backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
     }>;
 };
-export type DrawerRecipeVariants = NonNullable<RecipeVariants<typeof recipeStyles>>;
-export {};

package/dist/components/overlay/drawer/types/Drawer.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../styles/Drawer.css.ts';
-import { DrawerMode, DrawerPosition, DrawerSize } from './Drawer.types.ts';
+import { DrawerColor, DrawerMode, DrawerPosition, DrawerSize } from './Drawer.types.ts';
 /** Props for the root `Drawer` component. */
 export type DrawerProps = HTMLAttributes<HTMLDivElement> & {
     /** Controlled open state. */
@@ -20,7 +19,7 @@ export type DrawerProps = HTMLAttributes<HTMLDivElement> & {
     /** Width applied when the drawer is collapsed in `mini` mode. @default '4rem' */
     collapsedWidth?: string;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. @default 'Drawer' */
     defaultAriaLabel?: string;
     /** Drawer content — typically `Drawer.Header`, `Drawer.Body`, `Drawer.Footer`. */

package/dist/components/overlay/drawer/types/Drawer.types.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 import { DRAWER_MODES, DRAWER_POSITIONS, DRAWER_SIZES } from '../constants';
+import { ThemeColorValue } from '../../../../theme/types/index.ts';
 /** Render mode for the drawer. */
 export type DrawerMode = (typeof DRAWER_MODES)[keyof typeof DRAWER_MODES];
 /** Side the drawer attaches to. */
 export type DrawerPosition = (typeof DRAWER_POSITIONS)[keyof typeof DRAWER_POSITIONS];
 /** Predefined width for the drawer. */
 export type DrawerSize = (typeof DRAWER_SIZES)[keyof typeof DRAWER_SIZES];
+/** Theme color token used for the drawer panel background. */
+export type DrawerColor = ThemeColorValue;

package/dist/components/overlay/drawer/types/index.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export type DrawerCompound = FC<DrawerProps> & {
     SectionItem: typeof DrawerSectionItem;
 };
 export type { DrawerProps } from './Drawer.props.ts';
-export type { DrawerMode, DrawerPosition, DrawerSize, } from './Drawer.types.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './Drawer.types.ts';
 export type { DrawerHeaderProps } from '../components/blocs/drawer-header/types/DrawerHeader.props.ts';
 export type { DrawerBodyProps } from '../components/blocs/drawer-body/types/DrawerBody.props.ts';
 export type { DrawerFooterProps } from '../components/blocs/drawer-footer/types/DrawerFooter.props.ts';

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:s,...u})=>{const h=c.useCallback((x,m)=>s?.(x,m),[s]);return e.jsxs(r.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(r.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),s=require("@base-ui/react/menu"),c=require("react"),q=require("../../../../../../utils/cn.cjs"),d=require("../../_shared/item.css.cjs"),C=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const n=require("../../../../../forms/checkbox/styles/Checkbox.css.cjs"),l=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const p=require("../../../../../../constants/icons.cjs"),k=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const o=c.memo(({className:i,label:t,checked:a,onCheckedChange:r,...u})=>{const h=c.useCallback((x,m)=>r?.(x,m),[r]);return e.jsxs(s.Menu.CheckboxItem,{className:q.cn(d.DROPDOWN_MENU_ITEM_STYLES.root,i),checked:a,onCheckedChange:h,...u,children:[e.jsx(C,{as:"span",className:n.CHECKBOX_STYLES.root,children:e.jsx(s.Menu.CheckboxItemIndicator,{className:n.CHECKBOX_STYLES.indicator,children:e.jsx(l,{icon:p.IconRegistry.check,size:"xs"})})}),e.jsx(k,{as:"span",variant:"span",maxLines:1,width:"100%",children:t})]})});o.displayName="DropdownMenu.CheckboxItem";module.exports=o;
 //# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

package/dist/components/overlay/hover-card/HoverCard.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),e=i.memo(r=>o.jsx(t.PreviewCard.Root,{...r}));e.displayName="HoverCard";e.Trigger=n;e.Content=s;module.exports=e;
+"use strict";const o=require("react/jsx-runtime"),t=require("@base-ui/react/preview-card"),i=require("react"),s=require("./components/content/HoverCardContent.cjs"),n=require("./components/trigger/HoverCardTrigger.cjs"),r=i.memo(e=>o.jsx(t.PreviewCard.Root,{...e}));r.displayName="HoverCard";r.Trigger=n;r.Content=s;module.exports=r;
 //# sourceMappingURL=HoverCard.cjs.map

package/dist/components/overlay/popover/components/content/PopoverContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:n,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":r,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=n?h.parsePosition(n):{side:t,align:a},m=p??(r?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":r,...P})})})});i.displayName="Popover.Content";module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),x=require("../../../../../utils/cn.cjs"),f=require("./styles/PopoverContent.css.cjs"),h=require("../../../_shared/utils/parsePosition.utils.cjs"),N=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),i=q.memo(({className:s,position:r,side:t="bottom",align:a="center",sideOffset:c=6,collisionPadding:l=8,"aria-label":p,"aria-labelledby":n,defaultAriaLabel:u="Popover",...P})=>{const d=N.useViewportShift(l),{side:v,align:b}=r?h.parsePosition(r):{side:t,align:a},m=p??(n?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:v,align:b,sideOffset:c,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:d,className:x.cn(f.POPOVER_CONTENT_STYLES.root,s),"aria-label":m,"aria-labelledby":n,...P})})})});i.displayName="Popover.Content";module.exports=i;
 //# sourceMappingURL=PopoverContent.cjs.map

package/dist/components/overlay/tooltip/Tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),e=require("@base-ui/react/tooltip"),n=require("react"),m=require("./styles/Tooltip.css.cjs"),O=require("./context/TooltipProvider.context.cjs"),f=require("../../../utils/cn.cjs"),v=require("../_shared/utils/parsePosition.utils.cjs"),_=require("./hooks/use-tooltip/useTooltip.hook.cjs"),l=n.memo(({children:c,content:p,position:t,side:a="top",align:T="center",delayDuration:i=0,disabled:s=!1,className:d,open:u,onOpenChange:x})=>{const h=n.useContext(O.TooltipProviderContext),{side:P,align:q}=t?v.parsePosition(t):{side:a,align:T},{effectiveOpen:g,handleOpenChange:j}=_.useTooltip({disabled:s,open:u,onOpenChange:x}),r=o.jsxs(e.Tooltip.Root,{open:g,onOpenChange:j,children:[o.jsx(e.Tooltip.Trigger,{delay:i,render:c}),!s&&o.jsx(e.Tooltip.Portal,{children:o.jsx(e.Tooltip.Positioner,{side:P,align:q,sideOffset:6,className:"isolate",children:o.jsx(e.Tooltip.Popup,{role:"tooltip",className:f.cn(m.TOOLTIP_STYLES.content,d),children:p})})})]});return h?r:o.jsx(e.Tooltip.Provider,{delay:i,children:r})});l.displayName="Tooltip";module.exports=l;
+"use strict";const o=require("react/jsx-runtime"),e=require("@base-ui/react/tooltip"),l=require("react"),c=require("./styles/Tooltip.css.cjs"),_=require("./context/TooltipProvider.context.cjs"),v=require("../../../utils/cn.cjs"),C=require("../_shared/utils/parsePosition.utils.cjs"),L=require("./hooks/use-tooltip/useTooltip.hook.cjs"),p=l.memo(({children:a,content:T,position:t,side:d="top",align:u="center",delayDuration:s=0,disabled:i=!1,arrow:r=!1,className:x,open:P,defaultOpen:h,onOpenChange:j})=>{const q=l.useContext(_.TooltipProviderContext),{side:O,align:g}=t?C.parsePosition(t):{side:d,align:u},{effectiveOpen:m,handleOpenChange:f}=L.useTooltip({disabled:i,open:P,defaultOpen:h,onOpenChange:j}),n=o.jsxs(e.Tooltip.Root,{open:m,onOpenChange:f,children:[o.jsx(e.Tooltip.Trigger,{delay:s,render:a}),!i&&o.jsx(e.Tooltip.Portal,{children:o.jsx(e.Tooltip.Positioner,{side:O,align:g,sideOffset:r?11:6,className:"isolate",children:o.jsxs(e.Tooltip.Popup,{role:"tooltip",className:v.cn(c.TOOLTIP_STYLES.content,x),children:[r&&o.jsx(e.Tooltip.Arrow,{className:c.TOOLTIP_STYLES.arrow}),T]})})})]});return q?n:o.jsx(e.Tooltip.Provider,{delay:s,children:n})});p.displayName="Tooltip";module.exports=p;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/overlay/tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n children,\r\n content,\r\n position,\r\n side: sideProp = 'top',\r\n align: alignProp = 'center',\r\n delayDuration = 0,\r\n disabled = false,\r\n className,\r\n open,\r\n onOpenChange,\r\n}) => {\r\n const hasProvider = useContext(TooltipProviderContext)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, onOpenChange })\r\n\r\n const root = (\r\n <BaseTooltip.Root\r\n open={effectiveOpen}\r\n onOpenChange={handleOpenChange}\r\n >\r\n <BaseTooltip.Trigger\r\n delay={delayDuration}\r\n render={children}\r\n />\r\n\r\n {!disabled && (\r\n <BaseTooltip.Portal>\r\n <BaseTooltip.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={6}\r\n className={'isolate'}\r\n >\r\n <BaseTooltip.Popup\r\n role={'tooltip'}\r\n className={cn(TOOLTIP_STYLES.content, className)}\r\n >\r\n {content}\r\n </BaseTooltip.Popup>\r\n </BaseTooltip.Positioner>\r\n </BaseTooltip.Portal>\r\n )}\r\n </BaseTooltip.Root>\r\n )\r\n\r\n // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n // adjacent triggers — is shared. Fall back to a local provider so a\r\n // standalone `Tooltip` still works without any setup.\r\n return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","className","open","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,UAAAC,EACA,KAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,~~EAAUZ~~,~~EAClBa~~,EAAAA,~~cAAcb~~,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,~~cAAAY~~,EAAe,iBAAAC,~~GAAqBC~~,EAAAA,WAAW,CAAE,~~SAAAZ~~,EAAU,~~KAAAE~~,EAAM,aAAAC,EAAc,~~EAEjFU~~,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAML,EACN,aAAcC,EAEd,SAAA,CAAAK,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,~~MAAOhB~~,EACP,OAAQL,CAAA,CAAA,EAGX,CAACM,~~GACEgB~~,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAR,EACA,MAAAC,EACA,~~WAAY~~,~~EACZ~~,UAAW,UAEX,~~SAAAQ~~,EAAAA,~~IAACD~~,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,~~QAASjB~~,CAAS,EAE9C,~~SAAAN~~,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,~~OAAOS~~,EAAcS,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,~~MAAOhB~~,EAAgB,~~SAAAc~~,EAAK,CAClF,CAAC,~~EAEDrB~~,EAAQ,YAAc"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n children,\r\n content,\r\n position,\r\n side: sideProp = 'top',\r\n align: alignProp = 'center',\r\n delayDuration = 0,\r\n disabled = false,\r\n arrow = false,\r\n className,\r\n open,\r\n defaultOpen,\r\n onOpenChange,\r\n}) => {\r\n const hasProvider = useContext(TooltipProviderContext)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n\r\n const root = (\r\n <BaseTooltip.Root\r\n open={effectiveOpen}\r\n onOpenChange={handleOpenChange}\r\n >\r\n <BaseTooltip.Trigger\r\n delay={delayDuration}\r\n render={children}\r\n />\r\n\r\n {!disabled && (\r\n <BaseTooltip.Portal>\r\n <BaseTooltip.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={arrow ? 11 : 6}\r\n className={'isolate'}\r\n >\r\n <BaseTooltip.Popup\r\n role={'tooltip'}\r\n className={cn(TOOLTIP_STYLES.content, className)}\r\n >\r\n {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n {content}\r\n </BaseTooltip.Popup>\r\n </BaseTooltip.Positioner>\r\n </BaseTooltip.Portal>\r\n )}\r\n </BaseTooltip.Root>\r\n )\r\n\r\n // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n // adjacent triggers — is shared. Fall back to a local provider so a\r\n // standalone `Tooltip` still works without any setup.\r\n return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","arrow","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":"gVAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,MACjB,MAAOC,EAAY,SACnB,cAAAC,EAAgB,EAChB,SAAAC,EAAW,GACX,MAAAC,EAAQ,GACR,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,CACJ,IAAM,CACF,MAAMC,EAAcC,EAAAA,WAAWC,wBAAsB,EAE/C,CAAE,KAAAC,EAAM,MAAAC,CAAA,EAAUd,EAClBe,EAAAA,cAAcf,CAAQ,EACtB,CAAE,KAAMC,EAAU,MAAOC,CAAA,EAEzB,CAAE,cAAAc,EAAe,iBAAAC,CAAA,EAAqBC,EAAAA,WAAW,CAAE,SAAAd,EAAU,KAAAG,EAAM,YAAAC,EAAa,aAAAC,EAAc,EAE9FU,EACFC,EAAAA,KAACC,EAAAA,QAAY,KAAZ,CACG,KAAML,EACN,aAAcC,EAEd,SAAA,CAAAK,EAAAA,IAACD,EAAAA,QAAY,QAAZ,CACG,MAAOlB,EACP,OAAQL,CAAA,CAAA,EAGX,CAACM,GACEkB,EAAAA,IAACD,EAAAA,QAAY,OAAZ,CACG,SAAAC,EAAAA,IAACD,EAAAA,QAAY,WAAZ,CACG,KAAAR,EACA,MAAAC,EACA,WAAYT,EAAQ,GAAK,EACzB,UAAW,UAEX,SAAAe,EAAAA,KAACC,EAAAA,QAAY,MAAZ,CACG,KAAM,UACN,UAAWE,EAAAA,GAAGC,iBAAe,QAASlB,CAAS,EAE9C,SAAA,CAAAD,SAAUgB,UAAY,MAAZ,CAAkB,UAAWG,EAAAA,eAAe,MAAO,EAC7DzB,CAAA,CAAA,CAAA,CACL,CAAA,CACJ,CACJ,CAAA,CAAA,CAAA,EASZ,OAAOW,EAAcS,EAAOG,EAAAA,IAACD,UAAY,SAAZ,CAAqB,MAAOlB,EAAgB,SAAAgB,EAAK,CAClF,CAAC,EAEDvB,EAAQ,YAAc"}

package/dist/components/overlay/tooltip/Tooltip.js CHANGED Viewed

@@ -1,49 +1,54 @@
-import { jsxs as O, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Tooltip as o } from "@base-ui/react/tooltip";
-import { memo as x, useContext as u } from "react";
-import { TOOLTIP_STYLES as v } from "./styles/Tooltip.css.js";
-import { TooltipProviderContext as C } from "./context/TooltipProvider.context.js";
-import { cn as N } from "../../../utils/cn.js";
-import { parsePosition as j } from "../_shared/utils/parsePosition.utils.js";
-import { useTooltip as y } from "./hooks/use-tooltip/useTooltip.hook.js";
-const L = x(({
-  children: s,
-  content: l,
+import { memo as C, useContext as N } from "react";
+import { TOOLTIP_STYLES as p } from "./styles/Tooltip.css.js";
+import { TooltipProviderContext as j } from "./context/TooltipProvider.context.js";
+import { cn as y } from "../../../utils/cn.js";
+import { parsePosition as L } from "../_shared/utils/parsePosition.utils.js";
+import { useTooltip as S } from "./hooks/use-tooltip/useTooltip.hook.js";
+const w = C(({
+  children: a,
+  content: m,
   position: r,
-  side: p = "top",
-  align: m = "center",
+  side: c = "top",
+  align: d = "center",
   delayDuration: t = 0,
   disabled: i = !1,
-  className: a,
-  open: c,
-  onOpenChange: d
+  arrow: n = !1,
+  className: f,
+  open: T,
+  defaultOpen: h,
+  onOpenChange: P
 }) => {
-  const f = u(C), { side: T, align: h } = r ? j(r) : { side: p, align: m }, { effectiveOpen: P, handleOpenChange: g } = y({ disabled: i, open: c, onOpenChange: d }), n = /* @__PURE__ */ O(
+  const g = N(j), { side: O, align: x } = r ? L(r) : { side: c, align: d }, { effectiveOpen: u, handleOpenChange: v } = S({ disabled: i, open: T, defaultOpen: h, onOpenChange: P }), s = /* @__PURE__ */ l(
     o.Root,
     {
-      open: P,
-      onOpenChange: g,
+      open: u,
+      onOpenChange: v,
       children: [
         /* @__PURE__ */ e(
           o.Trigger,
           {
             delay: t,
-            render: s
+            render: a
           }
         ),
         !i && /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
           o.Positioner,
           {
-            side: T,
-            align: h,
-            sideOffset: 6,
+            side: O,
+            align: x,
+            sideOffset: n ? 11 : 6,
             className: "isolate",
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ l(
               o.Popup,
               {
                 role: "tooltip",
-                className: N(v.content, a),
-                children: l
+                className: y(p.content, f),
+                children: [
+                  n && /* @__PURE__ */ e(o.Arrow, { className: p.arrow }),
+                  m
+                ]
               }
             )
           }
@@ -51,10 +56,10 @@ const L = x(({
       ]
     }
   );
-  return f ? n : /* @__PURE__ */ e(o.Provider, { delay: t, children: n });
+  return g ? s : /* @__PURE__ */ e(o.Provider, { delay: t, children: s });
 });
-L.displayName = "Tooltip";
+w.displayName = "Tooltip";
 export {
-  L as default
+  w as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/overlay/tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n children,\r\n content,\r\n position,\r\n side: sideProp = 'top',\r\n align: alignProp = 'center',\r\n delayDuration = 0,\r\n disabled = false,\r\n className,\r\n open,\r\n onOpenChange,\r\n}) => {\r\n const hasProvider = useContext(TooltipProviderContext)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, onOpenChange })\r\n\r\n const root = (\r\n <BaseTooltip.Root\r\n open={effectiveOpen}\r\n onOpenChange={handleOpenChange}\r\n >\r\n <BaseTooltip.Trigger\r\n delay={delayDuration}\r\n render={children}\r\n />\r\n\r\n {!disabled && (\r\n <BaseTooltip.Portal>\r\n <BaseTooltip.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={6}\r\n className={'isolate'}\r\n >\r\n <BaseTooltip.Popup\r\n role={'tooltip'}\r\n className={cn(TOOLTIP_STYLES.content, className)}\r\n >\r\n {content}\r\n </BaseTooltip.Popup>\r\n </BaseTooltip.Positioner>\r\n </BaseTooltip.Portal>\r\n )}\r\n </BaseTooltip.Root>\r\n )\r\n\r\n // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n // adjacent triggers — is shared. Fall back to a local provider so a\r\n // standalone `Tooltip` still works without any setup.\r\n return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","className","open","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,~~IAAUZ~~,~~IAClBa~~,~~EAAcb~~,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,~~eAAAY~~,GAAe,kBAAAC,~~MAAqBC~~,EAAW,EAAE,~~UAAAZ~~,GAAU,~~MAAAE~~,GAAM,cAAAC,GAAc,~~GAEjFU~~,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAML;AAAA,MACN,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,~~OAAOhB~~;AAAA,YACP,QAAQL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,~~gBAAAgB~~,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAR;AAAA,YACA,OAAAC;AAAA,YACA,~~YAAY~~;AAAA,~~YACZ~~,WAAW;AAAA,YAEX,UAAA,~~gBAAAQ~~;AAAA,~~cAACD~~,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,~~SAASjB~~,CAAS;AAAA,gBAE9C,~~UAAAN~~;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,~~SAAOS~~,IAAcS,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,~~OAAOhB~~,GAAgB,~~UAAAc~~,GAAK;AAClF,CAAC;~~AAEDrB~~,EAAQ,cAAc;"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlay/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nimport type { TooltipProps } from '@components/overlay/tooltip/types/Tooltip.props.ts'\r\nimport { TOOLTIP_STYLES } from '@components/overlay/tooltip/styles/Tooltip.css.ts'\r\nimport { TooltipProviderContext } from '@components/overlay/tooltip/context/TooltipProvider.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useTooltip } from '@components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts'\r\n\r\nconst Tooltip: FC<TooltipProps> = memo(({\r\n children,\r\n content,\r\n position,\r\n side: sideProp = 'top',\r\n align: alignProp = 'center',\r\n delayDuration = 0,\r\n disabled = false,\r\n arrow = false,\r\n className,\r\n open,\r\n defaultOpen,\r\n onOpenChange,\r\n}) => {\r\n const hasProvider = useContext(TooltipProviderContext)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n const { effectiveOpen, handleOpenChange } = useTooltip({ disabled, open, defaultOpen, onOpenChange })\r\n\r\n const root = (\r\n <BaseTooltip.Root\r\n open={effectiveOpen}\r\n onOpenChange={handleOpenChange}\r\n >\r\n <BaseTooltip.Trigger\r\n delay={delayDuration}\r\n render={children}\r\n />\r\n\r\n {!disabled && (\r\n <BaseTooltip.Portal>\r\n <BaseTooltip.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={arrow ? 11 : 6}\r\n className={'isolate'}\r\n >\r\n <BaseTooltip.Popup\r\n role={'tooltip'}\r\n className={cn(TOOLTIP_STYLES.content, className)}\r\n >\r\n {arrow && <BaseTooltip.Arrow className={TOOLTIP_STYLES.arrow} />}\r\n {content}\r\n </BaseTooltip.Popup>\r\n </BaseTooltip.Positioner>\r\n </BaseTooltip.Portal>\r\n )}\r\n </BaseTooltip.Root>\r\n )\r\n\r\n // Prefer the shared provider (mounted by `ThemeProvider` or a consumer's\r\n // `TooltipProvider`) so timing — notably the skip-delay timeout between\r\n // adjacent triggers — is shared. Fall back to a local provider so a\r\n // standalone `Tooltip` still works without any setup.\r\n return hasProvider ? root : <BaseTooltip.Provider delay={delayDuration}>{root}</BaseTooltip.Provider>\r\n})\r\n\r\nTooltip.displayName = 'Tooltip'\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","memo","children","content","position","sideProp","alignProp","delayDuration","disabled","arrow","className","open","defaultOpen","onOpenChange","hasProvider","useContext","TooltipProviderContext","side","align","parsePosition","effectiveOpen","handleOpenChange","useTooltip","root","jsxs","BaseTooltip","jsx","cn","TOOLTIP_STYLES"],"mappings":";;;;;;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACJ,MAAM;AACF,QAAMC,IAAcC,EAAWC,CAAsB,GAE/C,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUd,IAClBe,EAAcf,CAAQ,IACtB,EAAE,MAAMC,GAAU,OAAOC,EAAA,GAEzB,EAAE,eAAAc,GAAe,kBAAAC,EAAA,IAAqBC,EAAW,EAAE,UAAAd,GAAU,MAAAG,GAAM,aAAAC,GAAa,cAAAC,GAAc,GAE9FU,IACF,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAML;AAAA,MACN,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,OAAOlB;AAAA,YACP,QAAQL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,CAACM,KACE,gBAAAkB,EAACD,EAAY,QAAZ,EACG,UAAA,gBAAAC;AAAA,UAACD,EAAY;AAAA,UAAZ;AAAA,YACG,MAAAR;AAAA,YACA,OAAAC;AAAA,YACA,YAAYT,IAAQ,KAAK;AAAA,YACzB,WAAW;AAAA,YAEX,UAAA,gBAAAe;AAAA,cAACC,EAAY;AAAA,cAAZ;AAAA,gBACG,MAAM;AAAA,gBACN,WAAWE,EAAGC,EAAe,SAASlB,CAAS;AAAA,gBAE9C,UAAA;AAAA,kBAAAD,uBAAUgB,EAAY,OAAZ,EAAkB,WAAWG,EAAe,OAAO;AAAA,kBAC7DzB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA,EACJ,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AASZ,SAAOW,IAAcS,IAAO,gBAAAG,EAACD,EAAY,UAAZ,EAAqB,OAAOlB,GAAgB,UAAAgB,GAAK;AAClF,CAAC;AAEDvB,EAAQ,cAAc;"}

package/dist/components/overlay/tooltip/hooks/use-tooltip/types/index.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 export type UseTooltipOptions = {
     disabled: boolean;
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
 };
 export type UseTooltipReturn = {

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=({disabled:e,open:n,onOpenChange:s})=>{const[f,c]=t.useState(!1);t.useEffect(()=>{e&&c(!1)},[e]);const l=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:f,handleOpenChange:l}};exports.useTooltip=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=({disabled:e,open:n,defaultOpen:f,onOpenChange:s})=>{const[l,c]=t.useState(f??!1);t.useEffect(()=>{e&&c(!1)},[e]);const r=t.useCallback(o=>{c(o),s?.(o)},[s]);return{effectiveOpen:e?!1:n!==void 0?n:l,handleOpenChange:r}};exports.useTooltip=a;
 //# sourceMappingURL=useTooltip.hook.cjs.map

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTooltip.hook.cjs","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/*\r\n Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n \r\n When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n const [internalOpen, setInternalOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n if (disabled) {setInternalOpen(false)}\r\n }, [disabled])\r\n\r\n const handleOpenChange = useCallback(\r\n (isOpen: boolean) => {\r\n setInternalOpen(isOpen)\r\n onOpenChange?.(isOpen)\r\n },\r\n [onOpenChange],\r\n )\r\n\r\n const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":"yGAUaA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,aAAAC,KAAwD,~~CACjG~~,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,~~SAAS~~,EAAK,~~EAEtDC~~,EAAAA,UAAU,IAAM,~~CACRN~~,~~GAAWI~~,EAAgB,EAAK,CACxC,EAAG,~~CAACJ~~,CAAQ,CAAC,EAEb,~~MAAMO~~,EAAmBC,EAAAA,YACpBC,GAAoB,CACjBL,EAAgBK,CAAM,EACtBP,IAAeO,CAAM,CACzB,EACA,CAACP,CAAY,CAAA,EAKjB,MAAO,CAAE,~~cAFaF~~,EAAW,GAASC,IAAS,OAAYA,~~EAAOE~~,EAE9C,iBAAAI,CAAA,CAC5B"}
1	+ {"version":3,"file":"useTooltip.hook.cjs","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/*\r\n Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n \r\n When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false)\r\n\r\n useEffect(() => {\r\n if (disabled) {setInternalOpen(false)}\r\n }, [disabled])\r\n\r\n const handleOpenChange = useCallback(\r\n (isOpen: boolean) => {\r\n setInternalOpen(isOpen)\r\n onOpenChange?.(isOpen)\r\n },\r\n [onOpenChange],\r\n )\r\n\r\n const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","defaultOpen","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":"yGAUaA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,aAAAC,KAAwD,CAC9G,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASJ,GAAe,EAAK,EAErEK,EAAAA,UAAU,IAAM,CACRP,GAAWK,EAAgB,EAAK,CACxC,EAAG,CAACL,CAAQ,CAAC,EAEb,MAAMQ,EAAmBC,EAAAA,YACpBC,GAAoB,CACjBL,EAAgBK,CAAM,EACtBP,IAAeO,CAAM,CACzB,EACA,CAACP,CAAY,CAAA,EAKjB,MAAO,CAAE,cAFaH,EAAW,GAASC,IAAS,OAAYA,EAAOG,EAE9C,iBAAAI,CAAA,CAC5B"}

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.d.ts CHANGED Viewed

@@ -6,4 +6,4 @@ import { UseTooltipOptions, UseTooltipReturn } from './types';
  * When `disabled` becomes true the internal state is reset, so the tooltip
  * never appears stale when `disabled` goes back to false.
  */
-export declare const useTooltip: ({ disabled, open, onOpenChange }: UseTooltipOptions) => UseTooltipReturn;
+export declare const useTooltip: ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions) => UseTooltipReturn;

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { useState as a, useEffect as l, useCallback as r } from "react";
-const i = ({ disabled: e, open: t, onOpenChange: f }) => {
-  const [c, n] = a(!1);
-  l(() => {
+import { useState as l, useEffect as r, useCallback as p } from "react";
+const v = ({ disabled: e, open: t, defaultOpen: c, onOpenChange: f }) => {
+  const [o, n] = l(c ?? !1);
+  r(() => {
     e && n(!1);
   }, [e]);
-  const o = r(
+  const a = p(
     (s) => {
       n(s), f?.(s);
     },
     [f]
   );
-  return { effectiveOpen: e ? !1 : t !== void 0 ? t : c, handleOpenChange: o };
+  return { effectiveOpen: e ? !1 : t !== void 0 ? t : o, handleOpenChange: a };
 };
 export {
-  i as useTooltip
+  v as useTooltip
 };
 //# sourceMappingURL=useTooltip.hook.js.map

package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTooltip.hook.js","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/*\r\n Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n \r\n When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n const [internalOpen, setInternalOpen] = useState(false)\r\n\r\n useEffect(() => {\r\n if (disabled) {setInternalOpen(false)}\r\n }, [disabled])\r\n\r\n const handleOpenChange = useCallback(\r\n (isOpen: boolean) => {\r\n setInternalOpen(isOpen)\r\n onOpenChange?.(isOpen)\r\n },\r\n [onOpenChange],\r\n )\r\n\r\n const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":";AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,cAAAC,QAAwD;~~AACjG~~,QAAM,CAACC,GAAcC,CAAe,IAAIC,~~EAAS~~,EAAK;~~AAEtD~~,~~EAAAC~~,EAAU,MAAM;AACZ,~~IAAIN~~,~~KAAWI~~,EAAgB,EAAK;AAAA,EACxC,GAAG,~~CAACJ~~,CAAQ,CAAC;AAEb,~~QAAMO~~,IAAmBC;AAAA,IACrB,CAACC,MAAoB;AACjB,MAAAL,EAAgBK,CAAM,GACtBP,IAAeO,CAAM;AAAA,IACzB;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAKjB,SAAO,EAAE,~~eAFaF~~,IAAW,KAASC,MAAS,SAAYA,~~IAAOE~~,GAE9C,kBAAAI,EAAA;AAC5B;"}
1	+ {"version":3,"file":"useTooltip.hook.js","sources":["../../../../../../src/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\nimport type { UseTooltipOptions, UseTooltipReturn } from '@components/overlay/tooltip/hooks/use-tooltip/types'\r\n\r\n/*\r\n Manages tooltip open state so that `BaseTooltip.Root` stays always controlled,\r\n * avoiding the controlled→uncontrolled transition bug in Base UI when `disabled` toggles.\r\n \r\n When `disabled` becomes true the internal state is reset, so the tooltip\r\n * never appears stale when `disabled` goes back to false.\r\n */\r\nexport const useTooltip = ({ disabled, open, defaultOpen, onOpenChange }: UseTooltipOptions): UseTooltipReturn => {\r\n const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false)\r\n\r\n useEffect(() => {\r\n if (disabled) {setInternalOpen(false)}\r\n }, [disabled])\r\n\r\n const handleOpenChange = useCallback(\r\n (isOpen: boolean) => {\r\n setInternalOpen(isOpen)\r\n onOpenChange?.(isOpen)\r\n },\r\n [onOpenChange],\r\n )\r\n\r\n const effectiveOpen = disabled ? false : (open !== undefined ? open : internalOpen)\r\n\r\n return { effectiveOpen, handleOpenChange }\r\n}\r\n"],"names":["useTooltip","disabled","open","defaultOpen","onOpenChange","internalOpen","setInternalOpen","useState","useEffect","handleOpenChange","useCallback","isOpen"],"mappings":";AAUO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,aAAAC,GAAa,cAAAC,QAAwD;AAC9G,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAASJ,KAAe,EAAK;AAErE,EAAAK,EAAU,MAAM;AACZ,IAAIP,KAAWK,EAAgB,EAAK;AAAA,EACxC,GAAG,CAACL,CAAQ,CAAC;AAEb,QAAMQ,IAAmBC;AAAA,IACrB,CAACC,MAAoB;AACjB,MAAAL,EAAgBK,CAAM,GACtBP,IAAeO,CAAM;AAAA,IACzB;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAKjB,SAAO,EAAE,eAFaH,IAAW,KAASC,MAAS,SAAYA,IAAOG,GAE9C,kBAAAI,EAAA;AAC5B;"}

package/dist/components/overlay/tooltip/styles/Tooltip.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2"};exports.TOOLTIP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                             */var e={content:"_1ciafjz2",arrow:"_1ciafjz3"};exports.TOOLTIP_STYLES=e;
 //# sourceMappingURL=Tooltip.css.cjs.map

package/dist/components/overlay/tooltip/styles/Tooltip.css.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export declare const TOOLTIP_STYLES: {
     content: string;
+    arrow: string;
 };

package/dist/components/overlay/tooltip/styles/Tooltip.css.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* empty css                                            */
 /* empty css                           */
-var r = { content: "_1ciafjz2" };
+var t = { content: "_1ciafjz2", arrow: "_1ciafjz3" };
 export {
-  r as TOOLTIP_STYLES
+  t as TOOLTIP_STYLES
 };
 //# sourceMappingURL=Tooltip.css.js.map

package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts CHANGED Viewed

@@ -19,10 +19,14 @@ export type TooltipProps = {
     delayDuration?: number;
     /** Whether the tooltip is disabled. */
     disabled?: boolean;
+    /** Whether to render the tooltip arrow. @default false */
+    arrow?: boolean;
     /** Additional class names to apply to the tooltip content. */
     className?: string;
     /** Controls the open state when used as a controlled component. */
     open?: boolean;
+    /** Initial open state when used as an uncontrolled component. */
+    defaultOpen?: boolean;
     /** Callback called when the open state changes. */
     onOpenChange?: (open: boolean) => void;
 };

package/dist/components/surfaces/card/Card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),C=require("react"),l=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const m=require("./components/card-body/CardBody.cjs"),y=require("./components/card-footer/CardFooter.cjs"),g=require("./components/card-header/CardHeader.cjs"),e=C.memo(({as:r="div",backgroundColor:o="card",color:d="cardForeground",borderRadius:t="lg",borderWidth:a="1px",borderColor:i="border",boxShadow:n="none",overflow:c="hidden",className:s,...u})=>q.jsx(l,{as:r,backgroundColor:o,color:d,borderRadius:t,borderWidth:a,borderColor:i,boxShadow:n,overflow:c,className:s,...u}));e.displayName="Card";e.Header=g;e.Body=m;e.Footer=y;exports.Card=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),l=require("react"),m=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const y=require("./components/card-body/CardBody.cjs"),g=require("./components/card-footer/CardFooter.cjs"),x=require("./components/card-header/CardHeader.cjs"),S=require("./styles/Card.css.cjs"),b=require("../../../utils/cn.cjs"),r=l.memo(({as:e="div",backgroundColor:o="card",color:d="cardForeground",borderRadius:t="lg",borderWidth:s="1px",borderColor:a="border",borderStyle:c="solid",boxShadow:n="none",overflow:i="hidden",className:u,...q})=>C.jsx(m,{as:e,backgroundColor:o,color:d,borderRadius:t,borderWidth:s,borderColor:a,borderStyle:c,boxShadow:n,overflow:i,className:b.cn(S.CARD_STYLES.root,u),...q}));r.displayName="Card";r.Header=x;r.Body=y;r.Footer=g;exports.Card=r;
 //# sourceMappingURL=Card.cjs.map

package/dist/components/surfaces/card/Card.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.cjs","sources":["../../../../src/components/surfaces/card/Card.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport CardBody from '@components/surfaces/card/components/card-body/CardBody.tsx'\r\nimport CardFooter from '@components/surfaces/card/components/card-footer/CardFooter.tsx'\r\nimport CardHeader from '@components/surfaces/card/components/card-header/CardHeader.tsx'\r\nimport type { CardCompound } from '@components/surfaces/card/types'\r\nimport type { CardProps } from '@components/surfaces/card/types/Card.props.ts'\r\n\r\n/*\r\n A surface container with a consistent background, border, shadow and\r\n * rounded corners. Compose with the named sub-components for a structured\r\n * layout.\r\n \r\n @example\r\n * ```tsx\r\n * <Card>\r\n * <Card.Header\r\n * title=\"Account settings\"\r\n * description=\"Manage your profile.\"\r\n * actions={<IconButton icon=\"lucide:ellipsis-vertical\" aria-label=\"More\" />}\r\n * />\r\n * <Card.Body>Content goes here</Card.Body>\r\n * <Card.Footer>\r\n * <Button label=\"Save\" variant=\"contained\" color=\"primary\" />\r\n * </Card.Footer>\r\n * </Card>\r\n * ```\r\n */\r\nconst Card = memo<CardProps>(({\r\n as = 'div',\r\n backgroundColor = 'card',\r\n color = 'cardForeground',\r\n borderRadius = 'lg',\r\n borderWidth = '1px',\r\n borderColor = 'border',\r\n boxShadow = 'none',\r\n overflow = 'hidden',\r\n className,\r\n ...props\r\n}) => (\r\n <Box\r\n as={as}\r\n backgroundColor={backgroundColor}\r\n color={color}\r\n borderRadius={borderRadius}\r\n borderWidth={borderWidth}\r\n borderColor={borderColor}\r\n boxShadow={boxShadow}\r\n overflow={overflow}\r\n className={className}\r\n {...props}\r\n />\r\n)) as unknown as CardCompound\r\n\r\nCard.displayName = 'Card'\r\nCard.Header = CardHeader\r\nCard.Body = CardBody\r\nCard.Footer = CardFooter\r\n\r\nexport { Card }\r\n"],"names":["Card","memo","as","backgroundColor","color","borderRadius","borderWidth","borderColor","boxShadow","overflow","className","props","jsx","Box","CardHeader","CardBody","CardFooter"],"mappings":"~~8XA6BMA~~,EAAOC,EAAAA,KAAgB,CAAC,CAC1B,GAAAC,EAAK,MACL,gBAAAC,EAAkB,OAClB,MAAAC,EAAQ,iBACR,aAAAC,EAAe,KACf,YAAAC,EAAc,MACd,YAAAC,EAAc,SACd,UAAAC,EAAY,OACZ,SAAAC,EAAW,SACX,UAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,~~GAAAX~~,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,~~UAAAC~~,~~EACC~~,GAAGC,CAAA,CACR,CACH,~~EAEDX~~,EAAK,YAAc,OACnBA,EAAK,~~OAASc~~,~~EACdd~~,EAAK,~~KAAOe~~,~~EACZf~~,EAAK,~~OAASgB~~"}
1	+ {"version":3,"file":"Card.cjs","sources":["../../../../src/components/surfaces/card/Card.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport CardBody from '@components/surfaces/card/components/card-body/CardBody.tsx'\r\nimport CardFooter from '@components/surfaces/card/components/card-footer/CardFooter.tsx'\r\nimport CardHeader from '@components/surfaces/card/components/card-header/CardHeader.tsx'\r\nimport { CARD_STYLES } from '@components/surfaces/card/styles/Card.css.ts'\r\nimport type { CardCompound } from '@components/surfaces/card/types'\r\nimport type { CardProps } from '@components/surfaces/card/types/Card.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n A surface container with a consistent background, border, shadow and\r\n * rounded corners. Compose with the named sub-components for a structured\r\n * layout.\r\n \r\n @example\r\n * ```tsx\r\n * <Card>\r\n * <Card.Header\r\n * title=\"Account settings\"\r\n * description=\"Manage your profile.\"\r\n * actions={<IconButton icon=\"lucide:ellipsis-vertical\" aria-label=\"More\" />}\r\n * />\r\n * <Card.Body>Content goes here</Card.Body>\r\n * <Card.Footer>\r\n * <Button label=\"Save\" variant=\"contained\" color=\"primary\" />\r\n * </Card.Footer>\r\n * </Card>\r\n * ```\r\n */\r\nconst Card = memo<CardProps>(({\r\n as = 'div',\r\n backgroundColor = 'card',\r\n color = 'cardForeground',\r\n borderRadius = 'lg',\r\n borderWidth = '1px',\r\n borderColor = 'border',\r\n borderStyle = 'solid',\r\n boxShadow = 'none',\r\n overflow = 'hidden',\r\n className,\r\n ...props\r\n}) => (\r\n <Box\r\n as={as}\r\n backgroundColor={backgroundColor}\r\n color={color}\r\n borderRadius={borderRadius}\r\n borderWidth={borderWidth}\r\n borderColor={borderColor}\r\n borderStyle={borderStyle}\r\n boxShadow={boxShadow}\r\n overflow={overflow}\r\n className={cn(CARD_STYLES.root, className)}\r\n {...props}\r\n />\r\n)) as unknown as CardCompound\r\n\r\nCard.displayName = 'Card'\r\nCard.Header = CardHeader\r\nCard.Body = CardBody\r\nCard.Footer = CardFooter\r\n\r\nexport { Card }\r\n"],"names":["Card","memo","as","backgroundColor","color","borderRadius","borderWidth","borderColor","borderStyle","boxShadow","overflow","className","props","jsx","Box","cn","CARD_STYLES","CardHeader","CardBody","CardFooter"],"mappings":"ocA+BMA,EAAOC,EAAAA,KAAgB,CAAC,CAC1B,GAAAC,EAAK,MACL,gBAAAC,EAAkB,OAClB,MAAAC,EAAQ,iBACR,aAAAC,EAAe,KACf,YAAAC,EAAc,MACd,YAAAC,EAAc,SACd,YAAAC,EAAc,QACd,UAAAC,EAAY,OACZ,SAAAC,EAAW,SACX,UAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAA,CACG,GAAAZ,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAWK,EAAAA,GAAGC,cAAY,KAAML,CAAS,EACxC,GAAGC,CAAA,CACR,CACH,EAEDZ,EAAK,YAAc,OACnBA,EAAK,OAASiB,EACdjB,EAAK,KAAOkB,EACZlB,EAAK,OAASmB"}