@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/item-BH-0BwE2.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-BH-0BwE2.es.js","names":["useObjectRef","useLink","mergeProps","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$40d752843fab8930$export$dcf14c9974fe2767","mergeRefs","createSlotRecipeContext","ItemRootSlot","withProvider","ItemHeaderSlot","withContext","ItemMediaSlot","ItemContentSlot","ItemTitleSlot","ItemDescriptionSlot","ItemActionsSlot","ItemFooterSlot","ItemRootLink","forwardedRef","rest","localRef","useRef","ref","$03e8ab2d84d7657a$export$4338b53315abf666","linkProps","ItemRootStatic","ItemRoot","props","href","ItemHeader","restProps","ItemMedia","variant","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemFooter","Item"],"sources":["../../src/components/item/item.slots.tsx","../../src/components/item/components/item.root.tsx","../../src/components/item/components/item.header.tsx","../../src/components/item/components/item.media.tsx","../../src/components/item/components/item.content.tsx","../../src/components/item/components/item.title.tsx","../../src/components/item/components/item.description.tsx","../../src/components/item/components/item.actions.tsx","../../src/components/item/components/item.footer.tsx","../../src/components/item/item.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ItemActionsSlotProps,\n  ItemContentSlotProps,\n  ItemDescriptionSlotProps,\n  ItemFooterSlotProps,\n  ItemHeaderSlotProps,\n  ItemMediaSlotProps,\n  ItemRootSlotProps,\n  ItemTitleSlotProps,\n} from \"./item.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusItem\",\n});\n\n/**\n * Root slot — provides the `nimbusItem` styling context for all Item parts.\n * Rendered as a `<div>` by default; `Item.Root` swaps it to an `<a>` (via\n * `as=\"a\"`) when the row upgrades to a link.\n */\nexport const ItemRootSlot: SlotComponent<HTMLDivElement, ItemRootSlotProps> =\n  withProvider<HTMLDivElement, ItemRootSlotProps>(\"div\", \"root\");\n\nexport const ItemHeaderSlot: SlotComponent<\n  HTMLDivElement,\n  ItemHeaderSlotProps\n> = withContext<HTMLDivElement, ItemHeaderSlotProps>(\"div\", \"header\");\n\nexport const ItemMediaSlot: SlotComponent<HTMLDivElement, ItemMediaSlotProps> =\n  withContext<HTMLDivElement, ItemMediaSlotProps>(\"div\", \"media\");\n\nexport const ItemContentSlot: SlotComponent<\n  HTMLDivElement,\n  ItemContentSlotProps\n> = withContext<HTMLDivElement, ItemContentSlotProps>(\"div\", \"content\");\n\nexport const ItemTitleSlot: SlotComponent<HTMLDivElement, ItemTitleSlotProps> =\n  withContext<HTMLDivElement, ItemTitleSlotProps>(\"div\", \"title\");\n\nexport const ItemDescriptionSlot: SlotComponent<\n  HTMLDivElement,\n  ItemDescriptionSlotProps\n> = withContext<HTMLDivElement, ItemDescriptionSlotProps>(\"div\", \"description\");\n\nexport const ItemActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ItemActionsSlotProps\n> = withContext<HTMLDivElement, ItemActionsSlotProps>(\"div\", \"actions\");\n\nexport const ItemFooterSlot: SlotComponent<\n  HTMLDivElement,\n  ItemFooterSlotProps\n> = withContext<HTMLDivElement, ItemFooterSlotProps>(\"div\", \"footer\");\n","import { useRef } from \"react\";\nimport type { MouseEvent } from \"react\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport { ItemRootSlot } from \"../item.slots\";\nimport type { ItemRootProps } from \"../item.types\";\n\n/**\n * Internal: link-mode root.\n *\n * Renders the root slot as an `<a>` and applies the `useLink` hook (the same\n * primitive Nimbus's `Link` uses) so the whole row is an accessible link —\n * keyboard focusable, activatable with Enter, router-aware. The Item recipe\n * remains authoritative for appearance; `useLink` only supplies interaction.\n *\n * Only the React Aria link options are handed to `useLink`; the remaining\n * (styling / DOM) props are spread straight onto the slot.\n */\nconst ItemRootLink = ({\n  ref: forwardedRef,\n  children,\n  href,\n  target,\n  rel,\n  download,\n  ping,\n  referrerPolicy,\n  routerOptions,\n  onPress,\n  ...rest\n}: ItemRootProps) => {\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef<HTMLAnchorElement>(\n    mergeRefs<HTMLAnchorElement>(\n      localRef,\n      forwardedRef as React.Ref<HTMLAnchorElement>\n    )\n  );\n  const { linkProps } = useLink(\n    {\n      href,\n      target,\n      rel,\n      download,\n      ping,\n      referrerPolicy,\n      routerOptions,\n      onPress,\n      elementType: \"a\",\n    },\n    ref\n  );\n\n  // Guard against nested-interactive navigation: a click originating inside\n  // `Item.Actions` must not navigate the row. Runs in the capture phase (before\n  // the action's own handlers) so it only cancels the anchor's default/managed\n  // navigation, while the action control still receives and handles the event.\n  const handleClickCapture = (e: MouseEvent<HTMLDivElement>) => {\n    const target = e.target as Element | null;\n    if (target?.closest?.(\"[data-item-actions]\")) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <ItemRootSlot\n      as=\"a\"\n      ref={ref as React.Ref<HTMLDivElement>}\n      // Fold the guard into `mergeProps` (rather than passing it as a bare prop\n      // before the spread) so it *chains* with any consumer-supplied\n      // `onClickCapture` — react-aria composes `on*` handlers — instead of being\n      // silently overwritten by the spread.\n      {...mergeProps(rest, linkProps, { onClickCapture: handleClickCapture })}\n    >\n      {children}\n    </ItemRootSlot>\n  );\n};\n\n/**\n * Internal: presentational (default) root — a plain `<div>` with no link or\n * button semantics and no interactive tab stop of its own.\n */\nconst ItemRootStatic = ({\n  ref: forwardedRef,\n  children,\n  ...rest\n}: ItemRootProps) => (\n  <ItemRootSlot ref={forwardedRef} {...rest}>\n    {children}\n  </ItemRootSlot>\n);\n\n/**\n * Item.Root - The row container and styling-context provider for all Item\n * parts.\n *\n * Presentational by default (`<div>`). When `href` is provided it upgrades to\n * an accessible link (`<a>`) via `useLink`. There is intentionally no\n * button/pressable-row mode — row actions belong in `Item.Actions` as nested\n * `Button`/`IconButton` controls, which keep an independent focus order.\n *\n * @supportsStyleProps\n */\nexport const ItemRoot = ({ href, ...props }: ItemRootProps) => {\n  // Split into two components so the `useLink` hook is only ever called on the\n  // link path (hooks cannot be called conditionally within one component).\n  return href != null ? (\n    <ItemRootLink href={href} {...props} />\n  ) : (\n    <ItemRootStatic {...props} />\n  );\n};\n\nItemRoot.displayName = \"Item.Root\";\n","import { ItemHeaderSlot } from \"../item.slots\";\nimport type { ItemHeaderProps } from \"../item.types\";\n\n/**\n * Item.Header - Optional full-width band rendered above the row.\n *\n * @supportsStyleProps\n */\nexport const ItemHeader = (props: ItemHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemHeaderSlot>\n  );\n};\n\nItemHeader.displayName = \"Item.Header\";\n","import { ItemMediaSlot } from \"../item.slots\";\nimport type { ItemMediaProps } from \"../item.types\";\n\n/**\n * Item.Media - Fixed, non-shrinking leading slot for an icon, avatar, or image.\n *\n * `variant` (`default | icon | image`) sizes and shapes the media independently\n * of `Item.Root`'s `variant`; it is applied via a `data-variant` attribute that\n * the recipe's media slot targets.\n *\n * Media is presentation only — it injects no accessible name of its own. Pass a\n * decorative icon (hidden by its own `aria-hidden`) or supply an explicit name\n * on the child when the media is meaningful.\n *\n * @supportsStyleProps\n */\nexport const ItemMedia = (props: ItemMediaProps) => {\n  const {\n    ref: forwardedRef,\n    children,\n    variant = \"default\",\n    ...restProps\n  } = props;\n\n  return (\n    <ItemMediaSlot ref={forwardedRef} data-variant={variant} {...restProps}>\n      {children}\n    </ItemMediaSlot>\n  );\n};\n\nItemMedia.displayName = \"Item.Media\";\n","import { ItemContentSlot } from \"../item.slots\";\nimport type { ItemContentProps } from \"../item.types\";\n\n/**\n * Item.Content - The growing middle column that wraps Item.Title and\n * Item.Description.\n *\n * @supportsStyleProps\n */\nexport const ItemContent = (props: ItemContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemContentSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemContentSlot>\n  );\n};\n\nItemContent.displayName = \"Item.Content\";\n","import { ItemTitleSlot } from \"../item.slots\";\nimport type { ItemTitleProps } from \"../item.types\";\n\n/**\n * Item.Title - The primary label of the row.\n *\n * @supportsStyleProps\n */\nexport const ItemTitle = (props: ItemTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemTitleSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemTitleSlot>\n  );\n};\n\nItemTitle.displayName = \"Item.Title\";\n","import { ItemDescriptionSlot } from \"../item.slots\";\nimport type { ItemDescriptionProps } from \"../item.types\";\n\n/**\n * Item.Description - Secondary text below the title.\n *\n * @supportsStyleProps\n */\nexport const ItemDescription = (props: ItemDescriptionProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemDescriptionSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemDescriptionSlot>\n  );\n};\n\nItemDescription.displayName = \"Item.Description\";\n","import { ItemActionsSlot } from \"../item.slots\";\nimport type { ItemActionsProps } from \"../item.types\";\n\n/**\n * Item.Actions - Trailing slot for interactive controls (Button, IconButton).\n *\n * Controls placed here keep a focus order independent of a link-mode\n * `Item.Root`, and — via the `data-item-actions` marker that a link-mode root\n * watches for — activate without triggering row navigation.\n *\n * @supportsStyleProps\n */\nexport const ItemActions = (props: ItemActionsProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemActionsSlot ref={forwardedRef} data-item-actions=\"\" {...restProps}>\n      {children}\n    </ItemActionsSlot>\n  );\n};\n\nItemActions.displayName = \"Item.Actions\";\n","import { ItemFooterSlot } from \"../item.slots\";\nimport type { ItemFooterProps } from \"../item.types\";\n\n/**\n * Item.Footer - Optional full-width band rendered below the row.\n *\n * @supportsStyleProps\n */\nexport const ItemFooter = (props: ItemFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemFooterSlot>\n  );\n};\n\nItemFooter.displayName = \"Item.Footer\";\n","import {\n  ItemRoot,\n  ItemHeader,\n  ItemMedia,\n  ItemContent,\n  ItemTitle,\n  ItemDescription,\n  ItemActions,\n  ItemFooter,\n} from \"./components\";\n\n/**\n * Item\n * ============================================================\n * A horizontal content-row primitive: leading media, a title/description\n * column, and trailing actions. Complements `Card` (a vertical container) and\n * `List`/`Menu` (interactive, selectable collections).\n *\n * Presentational by default; `Item.Root` upgrades to an accessible link when\n * given an `href`. Row actions live as nested controls in `Item.Actions`.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item}\n *\n * @example\n * ```tsx\n * <ItemGroup>\n *   <Item.Root href=\"/settings/profile\">\n *     <Item.Media variant=\"icon\"><PersonIcon /></Item.Media>\n *     <Item.Content>\n *       <Item.Title>Profile</Item.Title>\n *       <Item.Description>Name, avatar, and contact details</Item.Description>\n *     </Item.Content>\n *     <Item.Actions>\n *       <IconButton aria-label=\"Open\"><ChevronRightIcon /></IconButton>\n *     </Item.Actions>\n *   </Item.Root>\n *   <ItemGroup.Separator />\n *   <Item.Root>…</Item.Root>\n * </ItemGroup>\n * ```\n */\nexport const Item = {\n  /**\n   * # Item.Root\n   *\n   * The row container and styling-context provider for all Item parts.\n   * Renders a `<div>` by default and upgrades to an `<a>` (via React Aria's\n   * `useLink`) when an `href` is provided. Accepts `variant`\n   * (`plain`/`outline`/`subtle`) and `size` (`xs`/`sm`/`md`) props.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root variant=\"outline\" size=\"md\" href=\"/settings/profile\">\n   *   <Item.Content>\n   *     <Item.Title>Profile</Item.Title>\n   *   </Item.Content>\n   * </Item.Root>\n   * ```\n   */\n  Root: ItemRoot,\n  /**\n   * # Item.Header\n   *\n   * Optional full-width band rendered above the media·content·actions row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root>\n   *   <Item.Header>Shared with your team</Item.Header>\n   *   <Item.Content>\n   *     <Item.Title>Design spec</Item.Title>\n   *   </Item.Content>\n   * </Item.Root>\n   * ```\n   */\n  Header: ItemHeader,\n  /**\n   * # Item.Media\n   *\n   * Fixed, non-shrinking leading slot for an icon, avatar, or image. Its own\n   * `variant` (`default`/`icon`/`image`) sizes and shapes the media.\n   *\n   * @example\n   * ```tsx\n   * <Item.Media variant=\"icon\">\n   *   <PersonIcon />\n   * </Item.Media>\n   * ```\n   */\n  Media: ItemMedia,\n  /**\n   * # Item.Content\n   *\n   * The growing middle column that wraps `Item.Title` and `Item.Description`.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Profile</Item.Title>\n   *   <Item.Description>Name, avatar, and contact details</Item.Description>\n   * </Item.Content>\n   * ```\n   */\n  Content: ItemContent,\n  /**\n   * # Item.Title\n   *\n   * The primary label of the row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Notifications</Item.Title>\n   * </Item.Content>\n   * ```\n   */\n  Title: ItemTitle,\n  /**\n   * # Item.Description\n   *\n   * Secondary text below the title.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Notifications</Item.Title>\n   *   <Item.Description>Email and push preferences</Item.Description>\n   * </Item.Content>\n   * ```\n   */\n  Description: ItemDescription,\n  /**\n   * # Item.Actions\n   *\n   * Trailing slot for interactive controls (`Button`, `IconButton`). Controls\n   * here keep a focus order independent of a link-mode `Item.Root`.\n   *\n   * @example\n   * ```tsx\n   * <Item.Actions>\n   *   <IconButton aria-label=\"Open\"><ChevronRightIcon /></IconButton>\n   * </Item.Actions>\n   * ```\n   */\n  Actions: ItemActions,\n  /**\n   * # Item.Footer\n   *\n   * Optional full-width band rendered below the row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root>\n   *   <Item.Content>\n   *     <Item.Title>Design spec</Item.Title>\n   *   </Item.Content>\n   *   <Item.Footer>Updated 3 days ago</Item.Footer>\n   * </Item.Root>\n   * ```\n   */\n  Footer: ItemFooter,\n};\n"],"mappings":"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"}

package/dist/chunks/item-RgnKcf4v.cjs

@@ -1,2 +0,0 @@
-const e=require("./mergeProps-BgWtdfQT.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useLink-g4la0XW5.cjs"),r=require("./merge-refs-DjTl2ATo.cjs");let i=require("react"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusItem`}),c=o(`div`,`root`),l=s(`div`,`header`),u=s(`div`,`media`),d=s(`div`,`content`),f=s(`div`,`title`),p=s(`div`,`description`),m=s(`div`,`actions`),h=s(`div`,`footer`),g=({ref:o,children:s,href:l,target:u,rel:d,download:f,ping:p,referrerPolicy:m,routerOptions:h,onPress:g,..._})=>{let v=(0,i.useRef)(null),y=t.t(r.t(v,o)),{linkProps:b}=n.t({href:l,target:u,rel:d,download:f,ping:p,referrerPolicy:m,routerOptions:h,onPress:g,elementType:`a`},y);return(0,a.jsx)(c,{as:`a`,ref:y,...e.t(_,b,{onClickCapture:e=>{e.target?.closest?.(`[data-item-actions]`)&&e.preventDefault()}}),children:s})},_=({ref:e,children:t,...n})=>(0,a.jsx)(c,{ref:e,...n,children:t}),v=({href:e,...t})=>e==null?(0,a.jsx)(_,{...t}):(0,a.jsx)(g,{href:e,...t});v.displayName=`Item.Root`;var y=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(l,{ref:t,...r,children:n})};y.displayName=`Item.Header`;var b=e=>{let{ref:t,children:n,variant:r=`default`,...i}=e;return(0,a.jsx)(u,{ref:t,"data-variant":r,...i,children:n})};b.displayName=`Item.Media`;var x=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(d,{ref:t,...r,children:n})};x.displayName=`Item.Content`;var S=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(f,{ref:t,...r,children:n})};S.displayName=`Item.Title`;var C=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(p,{ref:t,...r,children:n})};C.displayName=`Item.Description`;var w=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(m,{ref:t,"data-item-actions":``,...r,children:n})};w.displayName=`Item.Actions`;var T=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(h,{ref:t,...r,children:n})};T.displayName=`Item.Footer`;var E={Root:v,Header:y,Media:b,Content:x,Title:S,Description:C,Actions:w,Footer:T};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
-//# sourceMappingURL=item-RgnKcf4v.cjs.map

package/dist/chunks/item-RgnKcf4v.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-RgnKcf4v.cjs.js","names":["createSlotRecipeContext","useRef","useObjectRef","mergeRefs","useLink","mergeProps","require_mergeProps","require_useObjectRef","require_useLink","require_merge_refs","react","react_jsx_runtime","ItemRootSlot","withProvider","ItemHeaderSlot","withContext","ItemMediaSlot","ItemContentSlot","ItemTitleSlot","ItemDescriptionSlot","ItemActionsSlot","ItemFooterSlot","ItemRootLink","forwardedRef","rest","localRef","ref","linkProps","ItemRootStatic","ItemRoot","props","href","ItemHeader","restProps","ItemMedia","variant","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemFooter","Item"],"sources":["../../src/components/item/item.slots.tsx","../../src/components/item/components/item.root.tsx","../../src/components/item/components/item.header.tsx","../../src/components/item/components/item.media.tsx","../../src/components/item/components/item.content.tsx","../../src/components/item/components/item.title.tsx","../../src/components/item/components/item.description.tsx","../../src/components/item/components/item.actions.tsx","../../src/components/item/components/item.footer.tsx","../../src/components/item/item.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ItemActionsSlotProps,\n  ItemContentSlotProps,\n  ItemDescriptionSlotProps,\n  ItemFooterSlotProps,\n  ItemHeaderSlotProps,\n  ItemMediaSlotProps,\n  ItemRootSlotProps,\n  ItemTitleSlotProps,\n} from \"./item.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusItem\",\n});\n\n/**\n * Root slot — provides the `nimbusItem` styling context for all Item parts.\n * Rendered as a `<div>` by default; `Item.Root` swaps it to an `<a>` (via\n * `as=\"a\"`) when the row upgrades to a link.\n */\nexport const ItemRootSlot: SlotComponent<HTMLDivElement, ItemRootSlotProps> =\n  withProvider<HTMLDivElement, ItemRootSlotProps>(\"div\", \"root\");\n\nexport const ItemHeaderSlot: SlotComponent<\n  HTMLDivElement,\n  ItemHeaderSlotProps\n> = withContext<HTMLDivElement, ItemHeaderSlotProps>(\"div\", \"header\");\n\nexport const ItemMediaSlot: SlotComponent<HTMLDivElement, ItemMediaSlotProps> =\n  withContext<HTMLDivElement, ItemMediaSlotProps>(\"div\", \"media\");\n\nexport const ItemContentSlot: SlotComponent<\n  HTMLDivElement,\n  ItemContentSlotProps\n> = withContext<HTMLDivElement, ItemContentSlotProps>(\"div\", \"content\");\n\nexport const ItemTitleSlot: SlotComponent<HTMLDivElement, ItemTitleSlotProps> =\n  withContext<HTMLDivElement, ItemTitleSlotProps>(\"div\", \"title\");\n\nexport const ItemDescriptionSlot: SlotComponent<\n  HTMLDivElement,\n  ItemDescriptionSlotProps\n> = withContext<HTMLDivElement, ItemDescriptionSlotProps>(\"div\", \"description\");\n\nexport const ItemActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ItemActionsSlotProps\n> = withContext<HTMLDivElement, ItemActionsSlotProps>(\"div\", \"actions\");\n\nexport const ItemFooterSlot: SlotComponent<\n  HTMLDivElement,\n  ItemFooterSlotProps\n> = withContext<HTMLDivElement, ItemFooterSlotProps>(\"div\", \"footer\");\n","import { useRef } from \"react\";\nimport type { MouseEvent } from \"react\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport { ItemRootSlot } from \"../item.slots\";\nimport type { ItemRootProps } from \"../item.types\";\n\n/**\n * Internal: link-mode root.\n *\n * Renders the root slot as an `<a>` and applies the `useLink` hook (the same\n * primitive Nimbus's `Link` uses) so the whole row is an accessible link —\n * keyboard focusable, activatable with Enter, router-aware. The Item recipe\n * remains authoritative for appearance; `useLink` only supplies interaction.\n *\n * Only the React Aria link options are handed to `useLink`; the remaining\n * (styling / DOM) props are spread straight onto the slot.\n */\nconst ItemRootLink = ({\n  ref: forwardedRef,\n  children,\n  href,\n  target,\n  rel,\n  download,\n  ping,\n  referrerPolicy,\n  routerOptions,\n  onPress,\n  ...rest\n}: ItemRootProps) => {\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef<HTMLAnchorElement>(\n    mergeRefs<HTMLAnchorElement>(\n      localRef,\n      forwardedRef as React.Ref<HTMLAnchorElement>\n    )\n  );\n  const { linkProps } = useLink(\n    {\n      href,\n      target,\n      rel,\n      download,\n      ping,\n      referrerPolicy,\n      routerOptions,\n      onPress,\n      elementType: \"a\",\n    },\n    ref\n  );\n\n  // Guard against nested-interactive navigation: a click originating inside\n  // `Item.Actions` must not navigate the row. Runs in the capture phase (before\n  // the action's own handlers) so it only cancels the anchor's default/managed\n  // navigation, while the action control still receives and handles the event.\n  const handleClickCapture = (e: MouseEvent<HTMLDivElement>) => {\n    const target = e.target as Element | null;\n    if (target?.closest?.(\"[data-item-actions]\")) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <ItemRootSlot\n      as=\"a\"\n      ref={ref as React.Ref<HTMLDivElement>}\n      // Fold the guard into `mergeProps` (rather than passing it as a bare prop\n      // before the spread) so it *chains* with any consumer-supplied\n      // `onClickCapture` — react-aria composes `on*` handlers — instead of being\n      // silently overwritten by the spread.\n      {...mergeProps(rest, linkProps, { onClickCapture: handleClickCapture })}\n    >\n      {children}\n    </ItemRootSlot>\n  );\n};\n\n/**\n * Internal: presentational (default) root — a plain `<div>` with no link or\n * button semantics and no interactive tab stop of its own.\n */\nconst ItemRootStatic = ({\n  ref: forwardedRef,\n  children,\n  ...rest\n}: ItemRootProps) => (\n  <ItemRootSlot ref={forwardedRef} {...rest}>\n    {children}\n  </ItemRootSlot>\n);\n\n/**\n * Item.Root - The row container and styling-context provider for all Item\n * parts.\n *\n * Presentational by default (`<div>`). When `href` is provided it upgrades to\n * an accessible link (`<a>`) via `useLink`. There is intentionally no\n * button/pressable-row mode — row actions belong in `Item.Actions` as nested\n * `Button`/`IconButton` controls, which keep an independent focus order.\n *\n * @supportsStyleProps\n */\nexport const ItemRoot = ({ href, ...props }: ItemRootProps) => {\n  // Split into two components so the `useLink` hook is only ever called on the\n  // link path (hooks cannot be called conditionally within one component).\n  return href != null ? (\n    <ItemRootLink href={href} {...props} />\n  ) : (\n    <ItemRootStatic {...props} />\n  );\n};\n\nItemRoot.displayName = \"Item.Root\";\n","import { ItemHeaderSlot } from \"../item.slots\";\nimport type { ItemHeaderProps } from \"../item.types\";\n\n/**\n * Item.Header - Optional full-width band rendered above the row.\n *\n * @supportsStyleProps\n */\nexport const ItemHeader = (props: ItemHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemHeaderSlot>\n  );\n};\n\nItemHeader.displayName = \"Item.Header\";\n","import { ItemMediaSlot } from \"../item.slots\";\nimport type { ItemMediaProps } from \"../item.types\";\n\n/**\n * Item.Media - Fixed, non-shrinking leading slot for an icon, avatar, or image.\n *\n * `variant` (`default | icon | image`) sizes and shapes the media independently\n * of `Item.Root`'s `variant`; it is applied via a `data-variant` attribute that\n * the recipe's media slot targets.\n *\n * Media is presentation only — it injects no accessible name of its own. Pass a\n * decorative icon (hidden by its own `aria-hidden`) or supply an explicit name\n * on the child when the media is meaningful.\n *\n * @supportsStyleProps\n */\nexport const ItemMedia = (props: ItemMediaProps) => {\n  const {\n    ref: forwardedRef,\n    children,\n    variant = \"default\",\n    ...restProps\n  } = props;\n\n  return (\n    <ItemMediaSlot ref={forwardedRef} data-variant={variant} {...restProps}>\n      {children}\n    </ItemMediaSlot>\n  );\n};\n\nItemMedia.displayName = \"Item.Media\";\n","import { ItemContentSlot } from \"../item.slots\";\nimport type { ItemContentProps } from \"../item.types\";\n\n/**\n * Item.Content - The growing middle column that wraps Item.Title and\n * Item.Description.\n *\n * @supportsStyleProps\n */\nexport const ItemContent = (props: ItemContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemContentSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemContentSlot>\n  );\n};\n\nItemContent.displayName = \"Item.Content\";\n","import { ItemTitleSlot } from \"../item.slots\";\nimport type { ItemTitleProps } from \"../item.types\";\n\n/**\n * Item.Title - The primary label of the row.\n *\n * @supportsStyleProps\n */\nexport const ItemTitle = (props: ItemTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemTitleSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemTitleSlot>\n  );\n};\n\nItemTitle.displayName = \"Item.Title\";\n","import { ItemDescriptionSlot } from \"../item.slots\";\nimport type { ItemDescriptionProps } from \"../item.types\";\n\n/**\n * Item.Description - Secondary text below the title.\n *\n * @supportsStyleProps\n */\nexport const ItemDescription = (props: ItemDescriptionProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemDescriptionSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemDescriptionSlot>\n  );\n};\n\nItemDescription.displayName = \"Item.Description\";\n","import { ItemActionsSlot } from \"../item.slots\";\nimport type { ItemActionsProps } from \"../item.types\";\n\n/**\n * Item.Actions - Trailing slot for interactive controls (Button, IconButton).\n *\n * Controls placed here keep a focus order independent of a link-mode\n * `Item.Root`, and — via the `data-item-actions` marker that a link-mode root\n * watches for — activate without triggering row navigation.\n *\n * @supportsStyleProps\n */\nexport const ItemActions = (props: ItemActionsProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemActionsSlot ref={forwardedRef} data-item-actions=\"\" {...restProps}>\n      {children}\n    </ItemActionsSlot>\n  );\n};\n\nItemActions.displayName = \"Item.Actions\";\n","import { ItemFooterSlot } from \"../item.slots\";\nimport type { ItemFooterProps } from \"../item.types\";\n\n/**\n * Item.Footer - Optional full-width band rendered below the row.\n *\n * @supportsStyleProps\n */\nexport const ItemFooter = (props: ItemFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </ItemFooterSlot>\n  );\n};\n\nItemFooter.displayName = \"Item.Footer\";\n","import {\n  ItemRoot,\n  ItemHeader,\n  ItemMedia,\n  ItemContent,\n  ItemTitle,\n  ItemDescription,\n  ItemActions,\n  ItemFooter,\n} from \"./components\";\n\n/**\n * Item\n * ============================================================\n * A horizontal content-row primitive: leading media, a title/description\n * column, and trailing actions. Complements `Card` (a vertical container) and\n * `List`/`Menu` (interactive, selectable collections).\n *\n * Presentational by default; `Item.Root` upgrades to an accessible link when\n * given an `href`. Row actions live as nested controls in `Item.Actions`.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item}\n *\n * @example\n * ```tsx\n * <ItemGroup>\n *   <Item.Root href=\"/settings/profile\">\n *     <Item.Media variant=\"icon\"><PersonIcon /></Item.Media>\n *     <Item.Content>\n *       <Item.Title>Profile</Item.Title>\n *       <Item.Description>Name, avatar, and contact details</Item.Description>\n *     </Item.Content>\n *     <Item.Actions>\n *       <IconButton aria-label=\"Open\"><ChevronRightIcon /></IconButton>\n *     </Item.Actions>\n *   </Item.Root>\n *   <ItemGroup.Separator />\n *   <Item.Root>…</Item.Root>\n * </ItemGroup>\n * ```\n */\nexport const Item = {\n  /**\n   * # Item.Root\n   *\n   * The row container and styling-context provider for all Item parts.\n   * Renders a `<div>` by default and upgrades to an `<a>` (via React Aria's\n   * `useLink`) when an `href` is provided. Accepts `variant`\n   * (`plain`/`outline`/`subtle`) and `size` (`xs`/`sm`/`md`) props.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root variant=\"outline\" size=\"md\" href=\"/settings/profile\">\n   *   <Item.Content>\n   *     <Item.Title>Profile</Item.Title>\n   *   </Item.Content>\n   * </Item.Root>\n   * ```\n   */\n  Root: ItemRoot,\n  /**\n   * # Item.Header\n   *\n   * Optional full-width band rendered above the media·content·actions row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root>\n   *   <Item.Header>Shared with your team</Item.Header>\n   *   <Item.Content>\n   *     <Item.Title>Design spec</Item.Title>\n   *   </Item.Content>\n   * </Item.Root>\n   * ```\n   */\n  Header: ItemHeader,\n  /**\n   * # Item.Media\n   *\n   * Fixed, non-shrinking leading slot for an icon, avatar, or image. Its own\n   * `variant` (`default`/`icon`/`image`) sizes and shapes the media.\n   *\n   * @example\n   * ```tsx\n   * <Item.Media variant=\"icon\">\n   *   <PersonIcon />\n   * </Item.Media>\n   * ```\n   */\n  Media: ItemMedia,\n  /**\n   * # Item.Content\n   *\n   * The growing middle column that wraps `Item.Title` and `Item.Description`.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Profile</Item.Title>\n   *   <Item.Description>Name, avatar, and contact details</Item.Description>\n   * </Item.Content>\n   * ```\n   */\n  Content: ItemContent,\n  /**\n   * # Item.Title\n   *\n   * The primary label of the row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Notifications</Item.Title>\n   * </Item.Content>\n   * ```\n   */\n  Title: ItemTitle,\n  /**\n   * # Item.Description\n   *\n   * Secondary text below the title.\n   *\n   * @example\n   * ```tsx\n   * <Item.Content>\n   *   <Item.Title>Notifications</Item.Title>\n   *   <Item.Description>Email and push preferences</Item.Description>\n   * </Item.Content>\n   * ```\n   */\n  Description: ItemDescription,\n  /**\n   * # Item.Actions\n   *\n   * Trailing slot for interactive controls (`Button`, `IconButton`). Controls\n   * here keep a focus order independent of a link-mode `Item.Root`.\n   *\n   * @example\n   * ```tsx\n   * <Item.Actions>\n   *   <IconButton aria-label=\"Open\"><ChevronRightIcon /></IconButton>\n   * </Item.Actions>\n   * ```\n   */\n  Actions: ItemActions,\n  /**\n   * # Item.Footer\n   *\n   * Optional full-width band rendered below the row.\n   *\n   * @example\n   * ```tsx\n   * <Item.Root>\n   *   <Item.Content>\n   *     <Item.Title>Design spec</Item.Title>\n   *   </Item.Content>\n   *   <Item.Footer>Updated 3 days ago</Item.Footer>\n   * </Item.Root>\n   * ```\n   */\n  Footer: ItemFooter,\n};\n"],"mappings":"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"}

package/dist/chunks/kbd-Bn1pbgTy.es.js

@@ -1,21 +0,0 @@
-import { t as e } from "./useObjectRef-UPiQ-wgG.es.js";
-import { n as t } from "./utils-ChZxBMXR.es.js";
-import { t as n } from "./Keyboard-zSr1zeg7.es.js";
-import { t as r } from "./merge-refs-C1GcH9iY.es.js";
-import { useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
-import "@chakra-ui/react/kbd";
-//#region src/components/kbd/kbd.slots.ts
-var { withContext: s } = o({ key: "nimbusKbd" }), c = s("kbd"), l = ({ ref: o, slot: s, ...l }) => {
-	let u = i(null), d = e(r(u, o)), [f] = t(l, d, n);
-	return /* @__PURE__ */ a(c, {
-		ref: d,
-		slot: s || void 0,
-		...f
-	});
-};
-//#endregion
-export { l as t };
-
-//# sourceMappingURL=kbd-Bn1pbgTy.es.js.map

package/dist/chunks/kbd-Bn1pbgTy.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd-Bn1pbgTy.es.js","names":["useObjectRef","useContextProps","KeyboardContext","$03e8ab2d84d7657a$export$4338b53315abf666","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$650bea62ab5f5f0f$export$744d98a3b8a94e1c","mergeRefs","createRecipeContext","KbdRootSlot","withContext","Kbd","forwardedRef","props","localRef","useRef","ref","rest","slot"],"sources":["../../src/components/kbd/kbd.slots.ts","../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the svg element.\n */\ntype KbdRecipeProps = RecipeProps<\"nimbusKbd\"> & UnstyledProp;\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\nexport type KbdRootSlotProps = HTMLChakraProps<\"kbd\", KbdRecipeProps>;\n\nconst { withContext } = createRecipeContext({ key: \"nimbusKbd\" });\n\n/**\n * Root component that provides the styling context for the Icon component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const KbdRootSlot: SlotComponent<HTMLElement, KbdRootSlotProps> =\n  withContext<HTMLElement, KbdRootSlotProps>(\"kbd\");\n","import { KeyboardContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\nimport { type KbdProps as ChakraKbdProps } from \"@chakra-ui/react/kbd\";\nimport { useRef } from \"react\";\nimport type React from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { KbdRootSlot } from \"./kbd.slots\";\n\nexport type KbdProps = Omit<ChakraKbdProps, \"slot\"> & {\n  ref?: React.Ref<HTMLElement>;\n  slot?: string | null | undefined;\n};\n\n/**\n * # Kbd\n *\n * Renders a keyboard shortcut or key combination, styled for visual clarity.\n * Typically used to visually represent keyboard keys.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/typography/kbd}\n */\nexport const Kbd = ({ ref: forwardedRef, slot, ...props }: KbdProps) => {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [rest] = useContextProps(props, ref, KeyboardContext);\n\n  return <KbdRootSlot ref={ref} slot={slot || undefined} {...rest} />;\n};\n"],"mappings":";;;;;;;;;AAqBA,IAAM,EAAE,mBAAgBO,EAAoB,EAAE,KAAK,YAAY,CAAC,GAMnDC,IACXC,EAA2C,KAAK,GCPrCC,KAAO,EAAE,KAAKC,GAAc,SAAM,GAAGC,QAAsB;CACtE,IAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMf,EAAaM,EAAUO,GAAUF,CAAY,CAAC,GACpD,CAACK,KAAQf,EAAgBW,GAAOG,GAAKb,CAAe;CAE1D,OAAO,kBAACM,GAAD;EAAkB;EAAK,MAAMS,KAAQ,KAAA;EAAW,GAAID;CAAO,CAAA;AACpE"}