@commercetools/nimbus 3.4.0 → 3.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-C7FFELct.cjs.js","names":[],"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\nexport {\n  ItemRoot as _ItemRoot,\n  ItemHeader as _ItemHeader,\n  ItemMedia as _ItemMedia,\n  ItemContent as _ItemContent,\n  ItemTitle as _ItemTitle,\n  ItemDescription as _ItemDescription,\n  ItemActions as _ItemActions,\n  ItemFooter as _ItemFooter,\n};\n"],"mappings":"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"}

package/dist/chunks/item-Dho6tvHd.es.js

@@ -0,0 +1,132 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useObjectRef-CHgRzzQD.es.js";
+import { t as n } from "./useLink-o2wlQgwy.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 { createSlotRecipeContext as o } from "@chakra-ui/react/styled-system";
+//#region src/components/item/item.slots.tsx
+var { withProvider: s, withContext: c } = o({ key: "nimbusItem" }), l = s("div", "root"), u = c("div", "header"), d = c("div", "media"), f = c("div", "content"), p = c("div", "title"), m = c("div", "description"), h = c("div", "actions"), g = c("div", "footer"), _ = ({ ref: o, children: s, href: c, target: u, rel: d, download: f, ping: p, referrerPolicy: m, routerOptions: h, onPress: g, ..._ }) => {
+	let v = i(null), y = t(r(v, o)), { linkProps: b } = n({
+		href: c,
+		target: u,
+		rel: d,
+		download: f,
+		ping: p,
+		referrerPolicy: m,
+		routerOptions: h,
+		onPress: g,
+		elementType: "a"
+	}, y);
+	return /* @__PURE__ */ a(l, {
+		as: "a",
+		ref: y,
+		...e(_, b, { onClickCapture: (e) => {
+			e.target?.closest?.("[data-item-actions]") && e.preventDefault();
+		} }),
+		children: s
+	});
+}, v = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ a(l, {
+	ref: e,
+	...n,
+	children: t
+}), y = ({ href: e, ...t }) => e == null ? /* @__PURE__ */ a(v, { ...t }) : /* @__PURE__ */ a(_, {
+	href: e,
+	...t
+});
+y.displayName = "Item.Root";
+//#endregion
+//#region src/components/item/components/item.header.tsx
+var b = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(u, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+b.displayName = "Item.Header";
+//#endregion
+//#region src/components/item/components/item.media.tsx
+var x = (e) => {
+	let { ref: t, children: n, variant: r = "default", ...i } = e;
+	return /* @__PURE__ */ a(d, {
+		ref: t,
+		"data-variant": r,
+		...i,
+		children: n
+	});
+};
+x.displayName = "Item.Media";
+//#endregion
+//#region src/components/item/components/item.content.tsx
+var S = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(f, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+S.displayName = "Item.Content";
+//#endregion
+//#region src/components/item/components/item.title.tsx
+var C = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(p, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+C.displayName = "Item.Title";
+//#endregion
+//#region src/components/item/components/item.description.tsx
+var w = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(m, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+w.displayName = "Item.Description";
+//#endregion
+//#region src/components/item/components/item.actions.tsx
+var T = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(h, {
+		ref: t,
+		"data-item-actions": "",
+		...r,
+		children: n
+	});
+};
+T.displayName = "Item.Actions";
+//#endregion
+//#region src/components/item/components/item.footer.tsx
+var E = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(g, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+E.displayName = "Item.Footer";
+//#endregion
+//#region src/components/item/item.tsx
+var D = {
+	Root: y,
+	Header: b,
+	Media: x,
+	Content: S,
+	Title: C,
+	Description: w,
+	Actions: T,
+	Footer: E
+};
+//#endregion
+export { C as a, b as c, w as i, y as l, E as n, S as o, T as r, x as s, D as t };
+
+//# sourceMappingURL=item-Dho6tvHd.es.js.map

package/dist/chunks/item-Dho6tvHd.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-Dho6tvHd.es.js","names":[],"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\nexport {\n  ItemRoot as _ItemRoot,\n  ItemHeader as _ItemHeader,\n  ItemMedia as _ItemMedia,\n  ItemContent as _ItemContent,\n  ItemTitle as _ItemTitle,\n  ItemDescription as _ItemDescription,\n  ItemActions as _ItemActions,\n  ItemFooter as _ItemFooter,\n};\n"],"mappings":"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"}

package/dist/chunks/item-group-BA2CvxjT.cjs

@@ -1,2 +1,2 @@
 let e=require("react/jsx-runtime");var{withProvider:t,withContext:n}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusItemGroup`}),r=t(`div`,`root`),i=n(`div`,`separator`),a=t=>{let{ref:n,children:i,...a}=t;return(0,e.jsx)(r,{ref:n,role:`group`,...a,children:i})};a.displayName=`ItemGroup.Root`;var o=t=>{let{ref:n,...r}=t;return(0,e.jsx)(i,{ref:n,role:`separator`,"aria-orientation":`horizontal`,...r})};o.displayName=`ItemGroup.Separator`;var s={Root:a,Separator:o};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=item-group-BA2CvxjT.cjs.js.map
+//# sourceMappingURL=item-group-BA2CvxjT.cjs.map

package/dist/chunks/item-group-BA2CvxjT.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"item-group-BA2CvxjT.cjs.js","names":[],"sources":["../../src/components/item-group/item-group.slots.tsx","../../src/components/item-group/components/item-group.root.tsx","../../src/components/item-group/components/item-group.separator.tsx","../../src/components/item-group/item-group.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ItemGroupRootSlotProps,\n  ItemGroupSeparatorSlotProps,\n} from \"./item-group.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusItemGroup\",\n});\n\n/**\n * Root slot — provides the `nimbusItemGroup` styling context and lays the\n * grouped rows out as a vertical stack.\n */\nexport const ItemGroupRootSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupRootSlotProps\n> = withProvider<HTMLDivElement, ItemGroupRootSlotProps>(\"div\", \"root\");\n\n/**\n * Separator slot — a horizontal divider between grouped rows.\n */\nexport const ItemGroupSeparatorSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupSeparatorSlotProps\n> = withContext<HTMLDivElement, ItemGroupSeparatorSlotProps>(\n  \"div\",\n  \"separator\"\n);\n","import { ItemGroupRootSlot } from \"../item-group.slots\";\nimport type { ItemGroupRootProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Root - A container that visually groups a set of `Item` rows into a\n * vertical stack. It is a parent of `Item.Root` (not a child), so it lives in\n * its own component rather than as an `Item.*` part and does not share the\n * row's styling context.\n *\n * Exposes the grouping to assistive technology with `role=\"group\"` rather than\n * `role=\"list\"`: a list role would require every child to be a `listitem` and\n * forbid separator children, which free composition can't guarantee, whereas\n * `group` signals that the rows belong together without constraining what they\n * are. Give the group an accessible name with `aria-label`/`aria-labelledby`\n * when the grouping isn't obvious from surrounding context — both pass\n * straight through. The role is an overridable default; pass your own `role`\n * to replace it.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupRoot = (props: ItemGroupRootProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemGroupRootSlot ref={forwardedRef} role=\"group\" {...restProps}>\n      {children}\n    </ItemGroupRootSlot>\n  );\n};\n\nItemGroupRoot.displayName = \"ItemGroup.Root\";\n","import { ItemGroupSeparatorSlot } from \"../item-group.slots\";\nimport type { ItemGroupSeparatorProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Separator - A horizontal divider between rows in an\n * `ItemGroup.Root`. Exposes `role=\"separator\"` and is not a focus stop.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupSeparator = (props: ItemGroupSeparatorProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n\n  return (\n    <ItemGroupSeparatorSlot\n      ref={forwardedRef}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      {...restProps}\n    />\n  );\n};\n\nItemGroupSeparator.displayName = \"ItemGroup.Separator\";\n","import { ItemGroupRoot, ItemGroupSeparator } from \"./components\";\n\n/**\n * ItemGroup\n * ============================================================\n * A standalone container that groups a set of `Item` rows into a vertical\n * stack, with optional dividers between them. It is a **peer** of `Item` (it\n * wraps `Item.Root` rows rather than nesting inside one), so it is its own\n * component rather than an `Item.*` part.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item-group}\n *\n * @example\n * ```tsx\n * <ItemGroup.Root>\n *   <Item.Root>…</Item.Root>\n *   <ItemGroup.Separator />\n *   <Item.Root>…</Item.Root>\n * </ItemGroup.Root>\n * ```\n */\nexport const ItemGroup = {\n  /**\n   * # ItemGroup.Root\n   *\n   * The container that lays grouped `Item` rows out as a vertical stack.\n   * Exposes the grouping to assistive technology with `role=\"group\"`; give it\n   * an accessible name with `aria-label`/`aria-labelledby` when the grouping\n   * isn't obvious from surrounding context.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root aria-label=\"Account settings\">\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Root: ItemGroupRoot,\n  /**\n   * # ItemGroup.Separator\n   *\n   * A horizontal divider placed between rows in an `ItemGroup.Root`.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root>\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Separator: ItemGroupSeparator,\n};\n\nexport {\n  ItemGroupRoot as _ItemGroupRoot,\n  ItemGroupSeparator as _ItemGroupSeparator,\n};\n"],"mappings":"mCAOA,GAAM,CAAE,eAAc,gBAAA,0CAAA,CAAA,CAAA,wBAAA,CAAwC,CAC5D,IAAK,iBACP,CAAC,EAMY,EAGT,EAAqD,MAAO,MAAM,EAKzD,EAGT,EACF,MACA,WACF,ECTa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAmB,IAAK,EAAc,KAAK,QAAQ,GAAI,EACpD,UACgB,CAAA,CAEvB,EAEA,EAAc,YAAc,iBCrB5B,IAAa,EAAsB,GAAmC,CACpE,GAAM,CAAE,IAAK,EAAc,GAAG,GAAc,EAE5C,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EACL,KAAK,YACL,mBAAiB,aACjB,GAAI,CACL,CAAA,CAEL,EAEA,EAAmB,YAAc,sBCDjC,IAAa,EAAY,CAkBvB,KAAM,EAeN,UAAW,CACb"}
+{"version":3,"file":"item-group-BA2CvxjT.cjs.js","names":[],"sources":["../../src/components/item-group/item-group.slots.tsx","../../src/components/item-group/components/item-group.root.tsx","../../src/components/item-group/components/item-group.separator.tsx","../../src/components/item-group/item-group.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ItemGroupRootSlotProps,\n  ItemGroupSeparatorSlotProps,\n} from \"./item-group.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusItemGroup\",\n});\n\n/**\n * Root slot — provides the `nimbusItemGroup` styling context and lays the\n * grouped rows out as a vertical stack.\n */\nexport const ItemGroupRootSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupRootSlotProps\n> = withProvider<HTMLDivElement, ItemGroupRootSlotProps>(\"div\", \"root\");\n\n/**\n * Separator slot — a horizontal divider between grouped rows.\n */\nexport const ItemGroupSeparatorSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupSeparatorSlotProps\n> = withContext<HTMLDivElement, ItemGroupSeparatorSlotProps>(\n  \"div\",\n  \"separator\"\n);\n","import { ItemGroupRootSlot } from \"../item-group.slots\";\nimport type { ItemGroupRootProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Root - A container that visually groups a set of `Item` rows into a\n * vertical stack. It is a parent of `Item.Root` (not a child), so it lives in\n * its own component rather than as an `Item.*` part and does not share the\n * row's styling context.\n *\n * Exposes the grouping to assistive technology with `role=\"group\"` rather than\n * `role=\"list\"`: a list role would require every child to be a `listitem` and\n * forbid separator children, which free composition can't guarantee, whereas\n * `group` signals that the rows belong together without constraining what they\n * are. Give the group an accessible name with `aria-label`/`aria-labelledby`\n * when the grouping isn't obvious from surrounding context — both pass\n * straight through. The role is an overridable default; pass your own `role`\n * to replace it.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupRoot = (props: ItemGroupRootProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemGroupRootSlot ref={forwardedRef} role=\"group\" {...restProps}>\n      {children}\n    </ItemGroupRootSlot>\n  );\n};\n\nItemGroupRoot.displayName = \"ItemGroup.Root\";\n","import { ItemGroupSeparatorSlot } from \"../item-group.slots\";\nimport type { ItemGroupSeparatorProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Separator - A horizontal divider between rows in an\n * `ItemGroup.Root`. Exposes `role=\"separator\"` and is not a focus stop.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupSeparator = (props: ItemGroupSeparatorProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n\n  return (\n    <ItemGroupSeparatorSlot\n      ref={forwardedRef}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      {...restProps}\n    />\n  );\n};\n\nItemGroupSeparator.displayName = \"ItemGroup.Separator\";\n","import { ItemGroupRoot, ItemGroupSeparator } from \"./components\";\n\n/**\n * ItemGroup\n * ============================================================\n * A standalone container that groups a set of `Item` rows into a vertical\n * stack, with optional dividers between them. It is a **peer** of `Item` (it\n * wraps `Item.Root` rows rather than nesting inside one), so it is its own\n * component rather than an `Item.*` part.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item-group}\n *\n * @example\n * ```tsx\n * <ItemGroup.Root>\n *   <Item.Root>…</Item.Root>\n *   <ItemGroup.Separator />\n *   <Item.Root>…</Item.Root>\n * </ItemGroup.Root>\n * ```\n */\nexport const ItemGroup = {\n  /**\n   * # ItemGroup.Root\n   *\n   * The container that lays grouped `Item` rows out as a vertical stack.\n   * Exposes the grouping to assistive technology with `role=\"group\"`; give it\n   * an accessible name with `aria-label`/`aria-labelledby` when the grouping\n   * isn't obvious from surrounding context.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root aria-label=\"Account settings\">\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Root: ItemGroupRoot,\n  /**\n   * # ItemGroup.Separator\n   *\n   * A horizontal divider placed between rows in an `ItemGroup.Root`.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root>\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Separator: ItemGroupSeparator,\n};\n\nexport {\n  ItemGroupRoot as _ItemGroupRoot,\n  ItemGroupSeparator as _ItemGroupSeparator,\n};\n"],"mappings":"mCAOA,GAAM,CAAE,eAAc,gBAAA,0CAAgB,CAAA,CAAA,wBAAA,CAAwB,CAC5D,IAAK,iBACP,CAAC,EAMY,EAGT,EAAqD,MAAO,MAAM,EAKzD,EAGT,EACF,MACA,WACF,ECTa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAmB,IAAK,EAAc,KAAK,QAAQ,GAAI,EACpD,UACgB,CAAA,CAEvB,EAEA,EAAc,YAAc,iBCrB5B,IAAa,EAAsB,GAAmC,CACpE,GAAM,CAAE,IAAK,EAAc,GAAG,GAAc,EAE5C,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EACL,KAAK,YACL,mBAAiB,aACjB,GAAI,CACL,CAAA,CAEL,EAEA,EAAmB,YAAc,sBCDjC,IAAa,EAAY,CAkBvB,KAAM,EAeN,UAAW,CACb"}

package/dist/chunks/item-group-Bu78JFep.es.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createSlotRecipeContext as t } from "@chakra-ui/react/styled-system";
+//#region src/components/item-group/item-group.slots.tsx
+var { withProvider: n, withContext: r } = t({ key: "nimbusItemGroup" }), i = n("div", "root"), a = r("div", "separator"), o = (t) => {
+	let { ref: n, children: r, ...a } = t;
+	return /* @__PURE__ */ e(i, {
+		ref: n,
+		role: "group",
+		...a,
+		children: r
+	});
+};
+o.displayName = "ItemGroup.Root";
+//#endregion
+//#region src/components/item-group/components/item-group.separator.tsx
+var s = (t) => {
+	let { ref: n, ...r } = t;
+	return /* @__PURE__ */ e(a, {
+		ref: n,
+		role: "separator",
+		"aria-orientation": "horizontal",
+		...r
+	});
+};
+s.displayName = "ItemGroup.Separator";
+//#endregion
+//#region src/components/item-group/item-group.tsx
+var c = {
+	Root: o,
+	Separator: s
+};
+//#endregion
+export { s as n, o as r, c as t };
+
+//# sourceMappingURL=item-group-Bu78JFep.es.js.map

package/dist/chunks/item-group-Bu78JFep.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-group-Bu78JFep.es.js","names":[],"sources":["../../src/components/item-group/item-group.slots.tsx","../../src/components/item-group/components/item-group.root.tsx","../../src/components/item-group/components/item-group.separator.tsx","../../src/components/item-group/item-group.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ItemGroupRootSlotProps,\n  ItemGroupSeparatorSlotProps,\n} from \"./item-group.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusItemGroup\",\n});\n\n/**\n * Root slot — provides the `nimbusItemGroup` styling context and lays the\n * grouped rows out as a vertical stack.\n */\nexport const ItemGroupRootSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupRootSlotProps\n> = withProvider<HTMLDivElement, ItemGroupRootSlotProps>(\"div\", \"root\");\n\n/**\n * Separator slot — a horizontal divider between grouped rows.\n */\nexport const ItemGroupSeparatorSlot: SlotComponent<\n  HTMLDivElement,\n  ItemGroupSeparatorSlotProps\n> = withContext<HTMLDivElement, ItemGroupSeparatorSlotProps>(\n  \"div\",\n  \"separator\"\n);\n","import { ItemGroupRootSlot } from \"../item-group.slots\";\nimport type { ItemGroupRootProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Root - A container that visually groups a set of `Item` rows into a\n * vertical stack. It is a parent of `Item.Root` (not a child), so it lives in\n * its own component rather than as an `Item.*` part and does not share the\n * row's styling context.\n *\n * Exposes the grouping to assistive technology with `role=\"group\"` rather than\n * `role=\"list\"`: a list role would require every child to be a `listitem` and\n * forbid separator children, which free composition can't guarantee, whereas\n * `group` signals that the rows belong together without constraining what they\n * are. Give the group an accessible name with `aria-label`/`aria-labelledby`\n * when the grouping isn't obvious from surrounding context — both pass\n * straight through. The role is an overridable default; pass your own `role`\n * to replace it.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupRoot = (props: ItemGroupRootProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <ItemGroupRootSlot ref={forwardedRef} role=\"group\" {...restProps}>\n      {children}\n    </ItemGroupRootSlot>\n  );\n};\n\nItemGroupRoot.displayName = \"ItemGroup.Root\";\n","import { ItemGroupSeparatorSlot } from \"../item-group.slots\";\nimport type { ItemGroupSeparatorProps } from \"../item-group.types\";\n\n/**\n * ItemGroup.Separator - A horizontal divider between rows in an\n * `ItemGroup.Root`. Exposes `role=\"separator\"` and is not a focus stop.\n *\n * @supportsStyleProps\n */\nexport const ItemGroupSeparator = (props: ItemGroupSeparatorProps) => {\n  const { ref: forwardedRef, ...restProps } = props;\n\n  return (\n    <ItemGroupSeparatorSlot\n      ref={forwardedRef}\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      {...restProps}\n    />\n  );\n};\n\nItemGroupSeparator.displayName = \"ItemGroup.Separator\";\n","import { ItemGroupRoot, ItemGroupSeparator } from \"./components\";\n\n/**\n * ItemGroup\n * ============================================================\n * A standalone container that groups a set of `Item` rows into a vertical\n * stack, with optional dividers between them. It is a **peer** of `Item` (it\n * wraps `Item.Root` rows rather than nesting inside one), so it is its own\n * component rather than an `Item.*` part.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/item-group}\n *\n * @example\n * ```tsx\n * <ItemGroup.Root>\n *   <Item.Root>…</Item.Root>\n *   <ItemGroup.Separator />\n *   <Item.Root>…</Item.Root>\n * </ItemGroup.Root>\n * ```\n */\nexport const ItemGroup = {\n  /**\n   * # ItemGroup.Root\n   *\n   * The container that lays grouped `Item` rows out as a vertical stack.\n   * Exposes the grouping to assistive technology with `role=\"group\"`; give it\n   * an accessible name with `aria-label`/`aria-labelledby` when the grouping\n   * isn't obvious from surrounding context.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root aria-label=\"Account settings\">\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Root: ItemGroupRoot,\n  /**\n   * # ItemGroup.Separator\n   *\n   * A horizontal divider placed between rows in an `ItemGroup.Root`.\n   *\n   * @example\n   * ```tsx\n   * <ItemGroup.Root>\n   *   <Item.Root>…</Item.Root>\n   *   <ItemGroup.Separator />\n   *   <Item.Root>…</Item.Root>\n   * </ItemGroup.Root>\n   * ```\n   */\n  Separator: ItemGroupSeparator,\n};\n\nexport {\n  ItemGroupRoot as _ItemGroupRoot,\n  ItemGroupSeparator as _ItemGroupSeparator,\n};\n"],"mappings":";;;AAOA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,kBACP,CAAC,GAMY,IAGT,EAAqD,OAAO,MAAM,GAKzD,IAGT,EACF,OACA,WACF,GCTa,KAAiB,MAA8B;CAC1D,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAmB,KAAK;EAAc,MAAK;EAAQ,GAAI;EACpD;CACgB,CAAA;AAEvB;AAEA,EAAc,cAAc;;;ACrB5B,IAAa,KAAsB,MAAmC;CACpE,IAAM,EAAE,KAAK,GAAc,GAAG,MAAc;CAE5C,OACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAK;EACL,oBAAiB;EACjB,GAAI;CACL,CAAA;AAEL;AAEA,EAAmB,cAAc;;;ACDjC,IAAa,IAAY;CAkBvB,MAAM;CAeN,WAAW;AACb"}

package/dist/chunks/kbd-B7zdnUs3.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_odk_Xk.cjs"),t=require("./utils-vGuxNMRW.cjs"),n=require("./Keyboard-4THylxz0.cjs"),r=require("./merge-refs-DjTl2ATo.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("@chakra-ui/react/styled-system");require("@chakra-ui/react/kbd");var{withContext:s}=(0,o.createRecipeContext)({key:`nimbusKbd`}),c=s(`kbd`),l=({ref:o,slot:s,...l})=>{let u=(0,i.useRef)(null),d=e.t(r.t(u,o)),[f]=t.n(l,d,n.t);return(0,a.jsx)(c,{ref:d,slot:s||void 0,...f})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=kbd-B7zdnUs3.cjs.map

package/dist/chunks/kbd-B7zdnUs3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-B7zdnUs3.cjs.js","names":[],"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":"2SAqBA,GAAM,CAAE,gBAAA,EAAgB,EAAA,oBAAA,CAAoB,CAAE,IAAK,WAAY,CAAC,EAMnD,EACX,EAA2C,KAAK,ECPrC,GAAO,CAAE,IAAK,EAAc,OAAM,GAAG,KAAsB,CACtE,IAAM,GAAA,EAAW,EAAA,OAAA,CAAoB,IAAI,EACnC,EAAM,EAAA,EAAa,EAAA,EAAU,EAAU,CAAY,CAAC,EACpD,CAAC,GAAQ,EAAA,EAAgB,EAAO,EAAK,EAAA,CAAe,EAE1D,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,MAAK,KAAM,GAAQ,IAAA,GAAW,GAAI,CAAO,CAAA,CACpE"}

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

@@ -0,0 +1,21 @@
+import { t as e } from "./useObjectRef-CHgRzzQD.es.js";
+import { n as t } from "./utils-CKSsq74B.es.js";
+import { t as n } from "./Keyboard-hpVmEtDD.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-CVftSUu8.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-CVftSUu8.es.js","names":[],"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,mBAAgB,EAAoB,EAAE,KAAK,YAAY,CAAC,GAMnD,IACX,EAA2C,KAAK,GCPrC,KAAO,EAAE,KAAK,GAAc,SAAM,GAAG,QAAsB;CACtE,IAAM,IAAW,EAAoB,IAAI,GACnC,IAAM,EAAa,EAAU,GAAU,CAAY,CAAC,GACpD,CAAC,KAAQ,EAAgB,GAAO,GAAK,CAAe;CAE1D,OAAO,kBAAC,GAAD;EAAkB;EAAK,MAAM,KAAQ,KAAA;EAAW,GAAI;CAAO,CAAA;AACpE"}

package/dist/chunks/link-5A8vffQa.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-D85NQS_9.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useLink-UZTnvwwe.cjs"),r=require("./merge-refs-DjTl2ATo.cjs");let i=require("react"),a=require("react/jsx-runtime");var{withContext:o}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusLink`}),s=o(`a`),c=o=>{let{as:c,asChild:l,children:u,ref:d,...f}=o,p=(0,i.useRef)(null),m=t.t(r.t(p,d)),h=c||(l?`span`:`a`)||`a`,{linkProps:g}=n.t({...f,elementType:h},m);return(0,a.jsx)(s,{...e.t(f,g,{as:c,asChild:l,ref:m}),children:u})};c.displayName=`Link`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=link-5A8vffQa.cjs.map

package/dist/chunks/link-5A8vffQa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-5A8vffQa.cjs.js","names":[],"sources":["../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LinkRootSlotProps } from \"./link.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLink\" });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootSlotProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\n\n/**\n * # Link\n *\n * To allow a user to navigate to a different page or resource\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"mappings":"mOAGA,GAAM,CAAE,gBAAA,0CAAgB,CAAA,CAAA,oBAAA,CAAoB,CAAE,IAAK,YAAa,CAAC,EAMpD,EAAW,EAAkD,GAAG,ECIhE,EAAQ,GAAqB,CACxC,GAAM,CAAE,KAAI,UAAS,WAAU,IAAK,EAAc,GAAG,GAAS,EAExD,GAAA,EAAW,EAAA,OAAA,CAA0B,IAAI,EACzC,EAAM,EAAA,EAAa,EAAA,EAAU,EAAU,CAAY,CAAC,EAEpD,EAAe,IAAkB,EAAU,OAAS,MAAQ,IAC5D,CAAE,aAAc,EAAA,EAAQ,CAAE,GAAG,EAAM,aAAY,EAAG,CAAG,EAE3D,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAU,GAAI,EAAA,EAAW,EAAM,EAAW,CAAE,KAAI,UAAS,KAAI,CAAC,EAC3D,UACO,CAAA,CAEd,EAEA,EAAK,YAAc"}

package/dist/chunks/link-BBiuYA3_.es.js

@@ -0,0 +1,27 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useObjectRef-CHgRzzQD.es.js";
+import { t as n } from "./useLink-o2wlQgwy.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";
+//#region src/components/link/link.slots.tsx
+var { withContext: s } = o({ key: "nimbusLink" }), c = s("a"), l = (o) => {
+	let { as: s, asChild: l, children: u, ref: d, ...f } = o, p = i(null), m = t(r(p, d)), h = s || (l ? "span" : "a") || "a", { linkProps: g } = n({
+		...f,
+		elementType: h
+	}, m);
+	return /* @__PURE__ */ a(c, {
+		...e(f, g, {
+			as: s,
+			asChild: l,
+			ref: m
+		}),
+		children: u
+	});
+};
+l.displayName = "Link";
+//#endregion
+export { l as t };
+
+//# sourceMappingURL=link-BBiuYA3_.es.js.map

package/dist/chunks/link-BBiuYA3_.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-BBiuYA3_.es.js","names":[],"sources":["../../src/components/link/link.slots.tsx","../../src/components/link/link.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LinkRootSlotProps } from \"./link.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLink\" });\n\n/**\n * Root component that provides the styling context for the Link component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LinkRoot = withContext<HTMLAnchorElement, LinkRootSlotProps>(\"a\");\n","import { useRef } from \"react\";\nimport { LinkRoot } from \"./link.slots\";\nimport type { LinkProps } from \"./link.types\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\n\n/**\n * # Link\n *\n * To allow a user to navigate to a different page or resource\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/link}\n */\nexport const Link = (props: LinkProps) => {\n  const { as, asChild, children, ref: forwardedRef, ...rest } = props;\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const elementType = (as as string) || (asChild ? \"span\" : \"a\") || \"a\";\n  const { linkProps } = useLink({ ...rest, elementType }, ref);\n\n  return (\n    <LinkRoot {...mergeProps(rest, linkProps, { as, asChild, ref })}>\n      {children}\n    </LinkRoot>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"mappings":";;;;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,aAAa,CAAC,GAMpD,IAAW,EAAkD,GAAG,GCIhE,KAAQ,MAAqB;CACxC,IAAM,EAAE,OAAI,YAAS,aAAU,KAAK,GAAc,GAAG,MAAS,GAExD,IAAW,EAA0B,IAAI,GACzC,IAAM,EAAa,EAAU,GAAU,CAAY,CAAC,GAEpD,IAAe,MAAkB,IAAU,SAAS,QAAQ,KAC5D,EAAE,iBAAc,EAAQ;EAAE,GAAG;EAAM;CAAY,GAAG,CAAG;CAE3D,OACE,kBAAC,GAAD;EAAU,GAAI,EAAW,GAAM,GAAW;GAAE;GAAI;GAAS;EAAI,CAAC;EAC3D;CACO,CAAA;AAEd;AAEA,EAAK,cAAc"}

package/dist/chunks/list-BIvFSX7V.es.js

@@ -0,0 +1,33 @@
+import { t as e } from "./extract-style-props-C2dRz9Jv.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createSlotRecipeContext as n, useSlotRecipe as r } from "@chakra-ui/react/styled-system";
+//#region src/components/list/list.slots.tsx
+var { withProvider: i, withContext: a } = n({ key: "nimbusList" }), o = i("ul", "root"), s = a("li", "item"), c = a("div", "indicator"), l = (n) => {
+	let { ref: i, ...a } = n, [s, c] = r({ key: "nimbusList" }).splitVariantProps(a), [l, u] = e(c);
+	return /* @__PURE__ */ t(o, {
+		ref: i,
+		...s,
+		...l,
+		...u
+	});
+};
+l.displayName = "List.Root";
+//#endregion
+//#region src/components/list/components/list.item.tsx
+var u = (e) => /* @__PURE__ */ t(s, { ...e });
+u.displayName = "List.Item";
+//#endregion
+//#region src/components/list/components/list.indicator.tsx
+var d = (e) => /* @__PURE__ */ t(c, { ...e });
+d.displayName = "List.Indicator";
+//#endregion
+//#region src/components/list/list.tsx
+var f = {
+	Root: l,
+	Item: u,
+	Indicator: d
+};
+//#endregion
+export { l as i, d as n, u as r, f as t };
+
+//# sourceMappingURL=list-BIvFSX7V.es.js.map

package/dist/chunks/list-BIvFSX7V.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-BIvFSX7V.es.js","names":[],"sources":["../../src/components/list/list.slots.tsx","../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusList\",\n});\n\nexport type ListRootSlotProps = HTMLChakraProps<\"ul\">;\nexport const ListRootSlot: SlotComponent<HTMLUListElement, ListRootSlotProps> =\n  withProvider<HTMLUListElement, ListRootSlotProps>(\"ul\", \"root\");\n\nexport type ListItemSlotProps = HTMLChakraProps<\"li\">;\nexport const ListItemSlot: SlotComponent<HTMLLIElement, ListItemSlotProps> =\n  withContext<HTMLLIElement, ListItemSlotProps>(\"li\", \"item\");\n\nexport type ListIndicatorSlotProps = HTMLChakraProps<\"div\">;\nexport const ListIndicatorSlot: SlotComponent<\n  HTMLDivElement,\n  ListIndicatorSlotProps\n> = withContext<HTMLDivElement, ListIndicatorSlotProps>(\"div\", \"indicator\");\n","import { ListRootSlot } from \"../list.slots\";\nimport type { ListRootProps } from \"../list.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * List.Root\n *\n * Provides context and configuration for all list items.\n *\n * @supportsStyleProps\n */\nexport const ListRoot = (props: ListRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusList\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ListRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n  );\n};\n\nListRoot.displayName = \"List.Root\";\n","import { ListItemSlot } from \"../list.slots\";\nimport type { ListItemProps } from \"../list.types\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = (props: ListItemProps) => {\n  return <ListItemSlot {...props} />;\n};\n\nListItem.displayName = \"List.Item\";\n","import { ListIndicatorSlot } from \"../list.slots\";\nimport type { ListIndicatorProps } from \"../list.types\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n *   <ListIndicator>\n *     <Icon><CheckIcon /></Icon>\n *   </ListIndicator>\n *   Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = (props: ListIndicatorProps) => {\n  return <ListIndicatorSlot {...props} />;\n};\n\nListIndicator.displayName = \"List.Indicator\";\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * The List component is used to display a list of items.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/list}\n */\nexport const List: {\n  Root: typeof ListRoot;\n  Item: typeof ListItem;\n  Indicator: typeof ListIndicator;\n} = {\n  Root: ListRoot,\n  Item: ListItem,\n  Indicator: ListIndicator,\n};\n\nexport {\n  ListRoot as _ListRoot,\n  ListItem as _ListItem,\n  ListIndicator as _ListIndicator,\n};\n"],"mappings":";;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,aACP,CAAC,GAGY,IACX,EAAkD,MAAM,MAAM,GAGnD,IACX,EAA8C,MAAM,MAAM,GAG/C,IAGT,EAAoD,OAAO,WAAW,GCV7D,KAAY,MAAyB;CAChD,IAAM,EAAE,QAAK,GAAG,MAAc,GAExB,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,aAAa,CACV,CAAA,CAAO,kBAAkB,CAAS,GACnE,CAAC,GAAY,KAAa,EAAkB,CAAe;CAEjE,OACE,kBAAC,GAAD;EAAmB;EAAK,GAAI;EAAa,GAAI;EAAY,GAAI;CAAY,CAAA;AAE7E;AAEA,EAAS,cAAc;;;ACPvB,IAAa,KAAY,MAChB,kBAAC,GAAD,EAAc,GAAI,EAAQ,CAAA;AAGnC,EAAS,cAAc;;;ACCvB,IAAa,KAAiB,MACrB,kBAAC,GAAD,EAAmB,GAAI,EAAQ,CAAA;AAGxC,EAAc,cAAc;;;ACd5B,IAAa,IAIT;CACF,MAAM;CACN,MAAM;CACN,WAAW;AACb"}

package/dist/chunks/list-vRKUVW8T.cjs

@@ -0,0 +1,2 @@
+const e=require("./extract-style-props-CD9rz9gF.cjs");let t=require("react/jsx-runtime"),n=require("@chakra-ui/react/styled-system");var{withProvider:r,withContext:i}=(0,n.createSlotRecipeContext)({key:`nimbusList`}),a=r(`ul`,`root`),o=i(`li`,`item`),s=i(`div`,`indicator`),c=r=>{let{ref:i,...o}=r,[s,c]=(0,n.useSlotRecipe)({key:`nimbusList`}).splitVariantProps(o),[l,u]=e.t(c);return(0,t.jsx)(a,{ref:i,...s,...l,...u})};c.displayName=`List.Root`;var l=e=>(0,t.jsx)(o,{...e});l.displayName=`List.Item`;var u=e=>(0,t.jsx)(s,{...e});u.displayName=`List.Indicator`;var d={Root:c,Item:l,Indicator:u};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=list-vRKUVW8T.cjs.map

package/dist/chunks/list-vRKUVW8T.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-vRKUVW8T.cjs.js","names":[],"sources":["../../src/components/list/list.slots.tsx","../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusList\",\n});\n\nexport type ListRootSlotProps = HTMLChakraProps<\"ul\">;\nexport const ListRootSlot: SlotComponent<HTMLUListElement, ListRootSlotProps> =\n  withProvider<HTMLUListElement, ListRootSlotProps>(\"ul\", \"root\");\n\nexport type ListItemSlotProps = HTMLChakraProps<\"li\">;\nexport const ListItemSlot: SlotComponent<HTMLLIElement, ListItemSlotProps> =\n  withContext<HTMLLIElement, ListItemSlotProps>(\"li\", \"item\");\n\nexport type ListIndicatorSlotProps = HTMLChakraProps<\"div\">;\nexport const ListIndicatorSlot: SlotComponent<\n  HTMLDivElement,\n  ListIndicatorSlotProps\n> = withContext<HTMLDivElement, ListIndicatorSlotProps>(\"div\", \"indicator\");\n","import { ListRootSlot } from \"../list.slots\";\nimport type { ListRootProps } from \"../list.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * List.Root\n *\n * Provides context and configuration for all list items.\n *\n * @supportsStyleProps\n */\nexport const ListRoot = (props: ListRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusList\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <ListRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n  );\n};\n\nListRoot.displayName = \"List.Root\";\n","import { ListItemSlot } from \"../list.slots\";\nimport type { ListItemProps } from \"../list.types\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = (props: ListItemProps) => {\n  return <ListItemSlot {...props} />;\n};\n\nListItem.displayName = \"List.Item\";\n","import { ListIndicatorSlot } from \"../list.slots\";\nimport type { ListIndicatorProps } from \"../list.types\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n *   <ListIndicator>\n *     <Icon><CheckIcon /></Icon>\n *   </ListIndicator>\n *   Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = (props: ListIndicatorProps) => {\n  return <ListIndicatorSlot {...props} />;\n};\n\nListIndicator.displayName = \"List.Indicator\";\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * The List component is used to display a list of items.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/list}\n */\nexport const List: {\n  Root: typeof ListRoot;\n  Item: typeof ListItem;\n  Indicator: typeof ListIndicator;\n} = {\n  Root: ListRoot,\n  Item: ListItem,\n  Indicator: ListIndicator,\n};\n\nexport {\n  ListRoot as _ListRoot,\n  ListItem as _ListItem,\n  ListIndicator as _ListIndicator,\n};\n"],"mappings":"wIAMA,GAAM,CAAE,eAAc,gBAAA,EAAgB,EAAA,wBAAA,CAAwB,CAC5D,IAAK,YACP,CAAC,EAGY,EACX,EAAkD,KAAM,MAAM,EAGnD,EACX,EAA8C,KAAM,MAAM,EAG/C,EAGT,EAAoD,MAAO,WAAW,ECV7D,EAAY,GAAyB,CAChD,GAAM,CAAE,MAAK,GAAG,GAAc,EAExB,CAAC,EAAa,IAAA,EADL,EAAA,cAAA,CAAc,CAAE,IAAK,YAAa,CACV,CAAA,CAAO,kBAAkB,CAAS,EACnE,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAe,EAEjE,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAmB,MAAK,GAAI,EAAa,GAAI,EAAY,GAAI,CAAY,CAAA,CAE7E,EAEA,EAAS,YAAc,YCPvB,IAAa,EAAY,IAChB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,GAAI,CAAQ,CAAA,EAGnC,EAAS,YAAc,YCCvB,IAAa,EAAiB,IACrB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAmB,GAAI,CAAQ,CAAA,EAGxC,EAAc,YAAc,iBCd5B,IAAa,EAIT,CACF,KAAM,EACN,KAAM,EACN,UAAW,CACb"}

package/dist/chunks/loading-spinner-DiKCvtoI.es.js

@@ -0,0 +1,47 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useProgressBar-0vPEFgRS.es.js";
+import { n, t as r } from "./normalize-messages-CLkiPWgQ.es.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
+//#region src/components/loading-spinner/loading-spinner.slots.tsx
+var { withContext: s } = o({ key: "nimbusLoadingSpinner" }), c = s("div"), l = {
+	en: r({ default: "Loading data" }),
+	de: r({ default: "Daten werden geladen" }),
+	es: r({ default: "Cargando datos" }),
+	"fr-FR": r({ default: "Chargement des données" }),
+	"pt-BR": r({ default: "Carregando dados" })
+}, u = "M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z", d = "M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12", f = (r) => {
+	let o = n(l).format("default"), { ref: s, "aria-label": f = o, ...p } = r, { progressBarProps: m } = t({
+		isIndeterminate: !0,
+		"aria-label": f,
+		...p
+	});
+	return /* @__PURE__ */ i(c, {
+		ref: s,
+		...e(p, m),
+		"aria-label": f,
+		children: /* @__PURE__ */ a("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			children: [/* @__PURE__ */ i("path", {
+				d: u,
+				"data-svg-path": "spinner-circle",
+				strokeWidth: "3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}), /* @__PURE__ */ i("path", {
+				d,
+				"data-svg-path": "spinner-pointer",
+				strokeWidth: "3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})]
+		})
+	});
+};
+f.displayName = "LoadingSpinner";
+//#endregion
+export { f as t };
+
+//# sourceMappingURL=loading-spinner-DiKCvtoI.es.js.map

package/dist/chunks/loading-spinner-DiKCvtoI.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner-DiKCvtoI.es.js","names":[],"sources":["../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/intl/en.ts","../../src/components/loading-spinner/intl/de.ts","../../src/components/loading-spinner/intl/es.ts","../../src/components/loading-spinner/intl/fr-FR.ts","../../src/components/loading-spinner/intl/pt-BR.ts","../../src/components/loading-spinner/loading-spinner.messages.ts","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LoadingSpinnerRootSlotProps } from \"./loading-spinner.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLoadingSpinner\" });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n  HTMLDivElement,\n  LoadingSpinnerRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Loading data` };\n","/**\n * Pre-compiled de messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Daten werden geladen` };\n","/**\n * Pre-compiled es messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Cargando datos` };\n","/**\n * Pre-compiled fr-FR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Chargement des données` };\n","/**\n * Pre-compiled pt-BR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Carregando dados` };\n","/**\n * Pre-compiled localized messages for LoadingSpinner component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport loadingSpinnerMessages_en from \"./intl/en\";\nimport loadingSpinnerMessages_de from \"./intl/de\";\nimport loadingSpinnerMessages_es from \"./intl/es\";\nimport loadingSpinnerMessages_fr from \"./intl/fr-FR\";\nimport loadingSpinnerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const loadingSpinnerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(loadingSpinnerMessages_en),\n  de: normalizeMessages(loadingSpinnerMessages_de),\n  es: normalizeMessages(loadingSpinnerMessages_es),\n  \"fr-FR\": normalizeMessages(loadingSpinnerMessages_fr),\n  \"pt-BR\": normalizeMessages(loadingSpinnerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LoadingSpinner component\n */\nexport type LoadingSpinnerMessageKey = \"default\";\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { loadingSpinnerMessagesStrings } from \"./loading-spinner.messages\";\n\nconst circlePath =\n  \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n  \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const msg = useLocalizedStringFormatter(loadingSpinnerMessagesStrings);\n  const defaultLabel = msg.format(\"default\");\n  const { ref, \"aria-label\": ariaLabel = defaultLabel, ...restProps } = props;\n  const { progressBarProps } = useProgressBar({\n    isIndeterminate: true,\n    \"aria-label\": ariaLabel,\n    ...restProps,\n  });\n\n  return (\n    <LoadingSpinnerRoot\n      ref={ref}\n      {...mergeProps(restProps, progressBarProps)}\n      aria-label={ariaLabel}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path\n          d={circlePath}\n          data-svg-path=\"spinner-circle\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        <path\n          d={pointerPath}\n          data-svg-path=\"spinner-pointer\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </LoadingSpinnerRoot>\n  );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"mappings":";;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,uBAAuB,CAAC,GAM9D,IAAqB,EAGhC,KAAK,GMWM,IAGT;CACF,IAAI,EAAkB,ELrBP,SAAS,eKqBF,CAAyB;CAC/C,IAAI,EAAkB,EJtBP,SAAS,uBIsBF,CAAyB;CAC/C,IAAI,EAAkB,EHvBP,SAAS,iBGuBF,CAAyB;CAC/C,SAAS,EAAkB,EFxBZ,SAAS,yBEwBG,CAAyB;CACpD,SAAS,EAAkB,EDzBZ,SAAS,mBCyBG,CAAyB;AACtD,GC1BM,IACJ,mtBACI,IACJ,4LASW,KAAkB,MAA+B;CAE5D,IAAM,IADM,EAA4B,CACnB,CAAA,CAAI,OAAO,SAAS,GACnC,EAAE,QAAK,cAAc,IAAY,GAAc,GAAG,MAAc,GAChE,EAAE,wBAAqB,EAAe;EAC1C,iBAAiB;EACjB,cAAc;EACd,GAAG;CACL,CAAC;CAED,OACE,kBAAC,GAAD;EACO;EACL,GAAI,EAAW,GAAW,CAAgB;EAC1C,cAAY;EAEZ,UAAA,kBAAC,OAAD;GAAK,OAAM;GAA6B,SAAQ;GAAY,MAAK;GAAjE,UAAA,CACE,kBAAC,QAAD;IACE,GAAG;IACH,iBAAc;IACd,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA,GACD,kBAAC,QAAD;IACK;IACH,iBAAc;IACd,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA,CACE;;CACa,CAAA;AAExB;AAEA,EAAe,cAAc"}

package/dist/chunks/loading-spinner-VHZ_gd96.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-D85NQS_9.cjs"),t=require("./useProgressBar-Dmyj5AeJ.cjs"),n=require("./normalize-messages-D3QZsMK8.cjs");let r=require("react/jsx-runtime");var{withContext:i}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusLoadingSpinner`}),a=i(`div`),o={en:n.t({default:`Loading data`}),de:n.t({default:`Daten werden geladen`}),es:n.t({default:`Cargando datos`}),"fr-FR":n.t({default:`Chargement des données`}),"pt-BR":n.t({default:`Carregando dados`})},s=`M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z`,c=`M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12`,l=i=>{let l=n.n(o).format(`default`),{ref:u,"aria-label":d=l,...f}=i,{progressBarProps:p}=t.t({isIndeterminate:!0,"aria-label":d,...f});return(0,r.jsx)(a,{ref:u,...e.t(f,p),"aria-label":d,children:(0,r.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,r.jsx)(`path`,{d:s,"data-svg-path":`spinner-circle`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,r.jsx)(`path`,{d:c,"data-svg-path":`spinner-pointer`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})]})})};l.displayName=`LoadingSpinner`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=loading-spinner-VHZ_gd96.cjs.map

package/dist/chunks/loading-spinner-VHZ_gd96.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner-VHZ_gd96.cjs.js","names":[],"sources":["../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/intl/en.ts","../../src/components/loading-spinner/intl/de.ts","../../src/components/loading-spinner/intl/es.ts","../../src/components/loading-spinner/intl/fr-FR.ts","../../src/components/loading-spinner/intl/pt-BR.ts","../../src/components/loading-spinner/loading-spinner.messages.ts","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LoadingSpinnerRootSlotProps } from \"./loading-spinner.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLoadingSpinner\" });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n  HTMLDivElement,\n  LoadingSpinnerRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Loading data` };\n","/**\n * Pre-compiled de messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Daten werden geladen` };\n","/**\n * Pre-compiled es messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Cargando datos` };\n","/**\n * Pre-compiled fr-FR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Chargement des données` };\n","/**\n * Pre-compiled pt-BR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Carregando dados` };\n","/**\n * Pre-compiled localized messages for LoadingSpinner component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport loadingSpinnerMessages_en from \"./intl/en\";\nimport loadingSpinnerMessages_de from \"./intl/de\";\nimport loadingSpinnerMessages_es from \"./intl/es\";\nimport loadingSpinnerMessages_fr from \"./intl/fr-FR\";\nimport loadingSpinnerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const loadingSpinnerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(loadingSpinnerMessages_en),\n  de: normalizeMessages(loadingSpinnerMessages_de),\n  es: normalizeMessages(loadingSpinnerMessages_es),\n  \"fr-FR\": normalizeMessages(loadingSpinnerMessages_fr),\n  \"pt-BR\": normalizeMessages(loadingSpinnerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LoadingSpinner component\n */\nexport type LoadingSpinnerMessageKey = \"default\";\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { loadingSpinnerMessagesStrings } from \"./loading-spinner.messages\";\n\nconst circlePath =\n  \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n  \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const msg = useLocalizedStringFormatter(loadingSpinnerMessagesStrings);\n  const defaultLabel = msg.format(\"default\");\n  const { ref, \"aria-label\": ariaLabel = defaultLabel, ...restProps } = props;\n  const { progressBarProps } = useProgressBar({\n    isIndeterminate: true,\n    \"aria-label\": ariaLabel,\n    ...restProps,\n  });\n\n  return (\n    <LoadingSpinnerRoot\n      ref={ref}\n      {...mergeProps(restProps, progressBarProps)}\n      aria-label={ariaLabel}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path\n          d={circlePath}\n          data-svg-path=\"spinner-circle\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n        <path\n          d={pointerPath}\n          data-svg-path=\"spinner-pointer\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </LoadingSpinnerRoot>\n  );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"mappings":"mLAGA,GAAM,CAAE,gBAAA,0CAAgB,CAAA,CAAA,oBAAA,CAAoB,CAAE,IAAK,sBAAuB,CAAC,EAM9D,EAAqB,EAGhC,KAAK,EMWM,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,QAAS,cKqBF,CAAyB,EAC/C,GAAI,EAAA,EAAkB,CJtBP,QAAS,sBIsBF,CAAyB,EAC/C,GAAI,EAAA,EAAkB,CHvBP,QAAS,gBGuBF,CAAyB,EAC/C,QAAS,EAAA,EAAkB,CFxBZ,QAAS,wBEwBG,CAAyB,EACpD,QAAS,EAAA,EAAkB,CDzBZ,QAAS,kBCyBG,CAAyB,CACtD,EC1BM,EACJ,ktBACI,EACJ,2LASW,EAAkB,GAA+B,CAE5D,IAAM,EADM,EAAA,EAA4B,CACnB,CAAA,CAAI,OAAO,SAAS,EACnC,CAAE,MAAK,aAAc,EAAY,EAAc,GAAG,GAAc,EAChE,CAAE,oBAAqB,EAAA,EAAe,CAC1C,gBAAiB,GACjB,aAAc,EACd,GAAG,CACL,CAAC,EAED,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACO,MACL,GAAI,EAAA,EAAW,EAAW,CAAgB,EAC1C,aAAY,EAEZ,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,MAAM,6BAA6B,QAAQ,YAAY,KAAK,OAAjE,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAG,EACH,gBAAc,iBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAChB,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAG,EACH,gBAAc,kBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAChB,CAAA,CACE,GACa,CAAA,CAExB,EAEA,EAAe,YAAc"}