@commercetools/nimbus 2.9.1 → 2.11.0

package/dist/chunks/tab-nav-CswZzom2.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-CswZzom2.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.17.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Link.mjs","../../src/components/tab-nav/tab-nav.slots.tsx","../../src/components/tab-nav/components/tab-nav.root.tsx","../../src/components/tab-nav/components/tab-nav.item.tsx","../../src/components/tab-nav/tab-nav.tsx"],"sourcesContent":["import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useLink as $czt8L$useLink} from \"react-aria/useLink\";\nimport {filterDOMProps as $czt8L$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $czt8L$mergeProps} from \"react-aria/mergeProps\";\nimport $czt8L$react, {createContext as $czt8L$createContext, forwardRef as $czt8L$forwardRef} from \"react\";\nimport {useFocusRing as $czt8L$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $czt8L$useHover} from \"react-aria/useHover\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\nconst $984a1fc08f87e4f3$export$e2509388b49734e7 = /*#__PURE__*/ (0, $czt8L$createContext)(null);\nconst $984a1fc08f87e4f3$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $czt8L$forwardRef)(function Link(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $984a1fc08f87e4f3$export$e2509388b49734e7);\n    let elementType = props.href && !props.isDisabled ? 'a' : 'span';\n    let { linkProps: linkProps, isPressed: isPressed } = (0, $czt8L$useLink)({\n        ...props,\n        elementType: elementType\n    }, ref);\n    let ElementType = (0, $7230ffa83bc0c2cf$export$df3a06d6289f983e)[elementType];\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $czt8L$useHover)(props);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $czt8L$useFocusRing)();\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Link',\n        values: {\n            isCurrent: !!props['aria-current'],\n            isDisabled: props.isDisabled || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible\n        }\n    });\n    let DOMProps = (0, $czt8L$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $czt8L$react).createElement(ElementType, {\n        ref: ref,\n        slot: props.slot || undefined,\n        ...(0, $czt8L$mergeProps)(DOMProps, renderProps, linkProps, hoverProps, focusProps),\n        \"data-focused\": isFocused || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-current\": !!props['aria-current'] || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, renderProps.children);\n});\n\n\nexport {$984a1fc08f87e4f3$export$e2509388b49734e7 as LinkContext, $984a1fc08f87e4f3$export$a6c7ac8248d6e38a as Link};\n//# sourceMappingURL=Link.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { TabNavRootSlotProps, TabNavItemSlotProps } from \"./tab-nav.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusTabNav\",\n});\n\n/**\n * Root slot component providing the styling context for the TabNav component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n * Renders as a `<nav>` landmark element.\n */\nexport const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps> =\n  withProvider<HTMLElement, TabNavRootSlotProps>(\"nav\", \"root\");\n\n/**\n * Item slot component for individual tab navigation links.\n * Consumes the styling context from `TabNavRootSlot`.\n * Renders as an `<a>` element.\n */\nexport const TabNavItemSlot: SlotComponent<\n  HTMLAnchorElement,\n  TabNavItemSlotProps\n> = withContext<HTMLAnchorElement, TabNavItemSlotProps>(\"a\", \"item\");\n","import { TabNavRootSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Root\n *\n * The root container for the TabNav component. Renders a `<nav>` landmark\n * that provides the styling context for all child `TabNav.Item` links.\n *\n * Use this with `TabNav.Item` to build tab-styled navigation for route-based\n * navigation (not content-switching panels).\n *\n * @supportsStyleProps\n */\nexport const TabNavRoot = (props: TabNavProps) => {\n  return <TabNavRootSlot {...props} />;\n};\n\nTabNavRoot.displayName = \"TabNav.Root\";\n","import { Link as RALink } from \"react-aria-components\";\nimport { TabNavItemSlot } from \"../tab-nav.slots\";\nimport type { TabNavItemProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n *\n * When `isCurrent` is true, sets `aria-current=\"page\"` on the anchor to\n * indicate to assistive technologies that this link represents the current page.\n * Uses standard sequential Tab key navigation — no roving tabindex.\n *\n * @supportsStyleProps\n */\nexport const TabNavItem = ({\n  children,\n  href,\n  isCurrent,\n  isDisabled,\n  target,\n  rel,\n  ref,\n  ...rest\n}: TabNavItemProps) => {\n  return (\n    <TabNavItemSlot asChild ref={ref} {...rest}>\n      <RALink\n        href={isDisabled ? undefined : href}\n        isDisabled={isDisabled}\n        target={target}\n        rel={rel}\n        aria-current={isCurrent ? \"page\" : undefined}\n      >\n        {children}\n      </RALink>\n    </TabNavItemSlot>\n  );\n};\n\nTabNavItem.displayName = \"TabNav.Item\";\n","import { TabNavRoot, TabNavItem } from \"./components\";\n\n/**\n * TabNav\n * ============================================================\n * A tab-styled navigation component for route-based navigation links.\n * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,\n * `aria-current=\"page\"`) for WCAG 2.1 AA compliant page navigation.\n *\n * Unlike the `Tabs` component (which uses `role=\"tablist\"` and roving tabindex\n * for content-switching), `TabNav` uses standard sequential Tab key navigation\n * and is appropriate for navigating between routes or page views.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}\n *\n * @example\n * ```tsx\n * <TabNav.Root>\n *   <TabNav.Item href=\"/orders/123/general\" isCurrent>\n *     General\n *   </TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/items\">Items</TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/shipping\">Shipping</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\nexport const TabNav = {\n  /**\n   * # TabNav.Root\n   *\n   * The root container for the tab navigation. Renders a `<nav>` landmark\n   * with the tab strip underline styling.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Root variant=\"tabs\">\n   *   <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *   <TabNav.Item href=\"/items\">Items</TabNav.Item>\n   * </TabNav.Root>\n   * ```\n   */\n  Root: TabNavRoot,\n  /**\n   * # TabNav.Item\n   *\n   * An individual tab-styled navigation link. Renders as an `<a>` element.\n   * Use `isCurrent` to mark the active navigation item.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n   *   General\n   * </TabNav.Item>\n   * ```\n   */\n  Item: TabNavItem,\n};\n\nexport type { TabNavProps, TabNavItemProps } from \"./tab-nav.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };\n"],"names":["$984a1fc08f87e4f3$export$e2509388b49734e7","$czt8L$createContext","$984a1fc08f87e4f3$export$a6c7ac8248d6e38a","$czt8L$forwardRef","props","ref","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","elementType","linkProps","isPressed","$czt8L$useLink","ElementType","$7230ffa83bc0c2cf$export$df3a06d6289f983e","hoverProps","isHovered","$czt8L$useHover","focusProps","isFocused","isFocusVisible","$czt8L$useFocusRing","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","DOMProps","$czt8L$filterDOMProps","$czt8L$react","$czt8L$mergeProps","withProvider","withContext","createSlotRecipeContext","TabNavRootSlot","TabNavItemSlot","TabNavRoot","jsx","TabNavItem","children","href","isCurrent","isDisabled","target","rel","rest","RALink","TabNav"],"mappings":"yWAyBMA,EAA8DC,EAAAA,cAAsB,IAAI,EACxFC,EAA8DC,EAAAA,WAAmB,SAAcC,EAAOC,EAAK,CAC7G,CAACD,EAAOC,CAAG,EAAQC,EAAAA,0CAA2CF,EAAOC,EAAKL,CAAyC,EACnH,IAAIO,EAAcH,EAAM,MAAQ,CAACA,EAAM,WAAa,IAAM,OACtD,CAAE,UAAWI,EAAW,UAAWC,CAAS,EAASC,4CAAgB,CACrE,GAAGN,EACH,YAAaG,CACrB,EAAOF,CAAG,EACFM,EAAkBC,EAAAA,0CAA2CL,CAAW,EACxE,CAAE,WAAYM,EAAY,UAAWC,GAAkBC,EAAAA,0CAAiBX,CAAK,EAC7E,CAAE,WAAYY,EAAY,UAAWC,EAAW,eAAgBC,GAAuBC,4CAAmB,EAC1GC,EAAkBC,0CAAyC,CAC3D,GAAGjB,EACH,iBAAkB,kBAClB,OAAQ,CACJ,UAAW,CAAC,CAACA,EAAM,cAAc,EACjC,WAAYA,EAAM,YAAc,GAChC,UAAWK,EACX,UAAWK,EACX,UAAWG,EACX,eAAgBC,CAC5B,CACA,CAAK,EACGI,EAAeC,EAAAA,0CAAuBnB,EAAO,CAC7C,OAAQ,EAChB,CAAK,EACD,cAAOkB,EAAS,QACSE,EAAc,cAAcb,EAAa,CAC9D,IAAKN,EACL,KAAMD,EAAM,MAAQ,OACpB,GAAOqB,EAAAA,0CAAmBH,EAAUF,EAAaZ,EAAWK,EAAYG,CAAU,EAClF,eAAgBC,GAAa,OAC7B,eAAgBH,GAAa,OAC7B,eAAgBL,GAAa,OAC7B,qBAAsBS,GAAkB,OACxC,eAAgB,CAAC,CAACd,EAAM,cAAc,GAAK,OAC3C,gBAAiBA,EAAM,YAAc,MAC7C,EAAOgB,EAAY,QAAQ,CAC3B,CAAC,EC3DK,CAAE,aAAAM,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,cACP,CAAC,EAOYC,EACXH,EAA+C,MAAO,MAAM,EAOjDI,EAGTH,EAAoD,IAAK,MAAM,ECVtDI,EAAc3B,GAClB4B,MAACH,EAAA,CAAgB,GAAGzB,CAAA,CAAO,EAGpC2B,EAAW,YAAc,cCHlB,MAAME,EAAa,CAAC,CACzB,SAAAC,EACA,KAAAC,EACA,UAAAC,EACA,WAAAC,EACA,OAAAC,EACA,IAAAC,EACA,IAAAlC,EACA,GAAGmC,CACL,UAEKV,EAAA,CAAe,QAAO,GAAC,IAAAzB,EAAW,GAAGmC,EACpC,SAAAR,EAAAA,IAACS,EAAA,CACC,KAAMJ,EAAa,OAAYF,EAC/B,WAAAE,EACA,OAAAC,EACA,IAAAC,EACA,eAAcH,EAAY,OAAS,OAElC,SAAAF,CAAA,CAAA,EAEL,EAIJD,EAAW,YAAc,cCdlB,MAAMS,EAAS,CAepB,KAAMX,EAcN,KAAME,CACR","x_google_ignoreList":[0]}

package/dist/chunks/tab-nav-D6KyQebA.es.js

@@ -0,0 +1,101 @@
+import { jsx as c } from "react/jsx-runtime";
+import { $ as x, b as p, a as N } from "./utils-BBrLCz2b.es.js";
+import { $ as P } from "./useLink-CozRsmDk.es.js";
+import { $ as T } from "./filterDOMProps-BBiQzGq3.es.js";
+import { a as h } from "./mergeProps-Bcbq3GVJ.es.js";
+import C, { forwardRef as k, createContext as y } from "react";
+import { $ as F } from "./useFocusRing-2PACod61.es.js";
+import { $ as R } from "./useHover-BdXEf8Xj.es.js";
+import { createSlotRecipeContext as D } from "@chakra-ui/react/styled-system";
+const I = /* @__PURE__ */ y(null), w = /* @__PURE__ */ k(function(e, a) {
+  [e, a] = x(e, a, I);
+  let t = e.href && !e.isDisabled ? "a" : "span", { linkProps: s, isPressed: r } = P({
+    ...e,
+    elementType: t
+  }, a), i = p[t], { hoverProps: d, isHovered: f } = R(e), { focusProps: v, isFocused: n, isFocusVisible: l } = F(), $ = N({
+    ...e,
+    defaultClassName: "react-aria-Link",
+    values: {
+      isCurrent: !!e["aria-current"],
+      isDisabled: e.isDisabled || !1,
+      isPressed: r,
+      isHovered: f,
+      isFocused: n,
+      isFocusVisible: l
+    }
+  }), u = T(e, {
+    global: !0
+  });
+  return delete u.onClick, /* @__PURE__ */ C.createElement(i, {
+    ref: a,
+    slot: e.slot || void 0,
+    ...h(u, $, s, d, v),
+    "data-focused": n || void 0,
+    "data-hovered": f || void 0,
+    "data-pressed": r || void 0,
+    "data-focus-visible": l || void 0,
+    "data-current": !!e["aria-current"] || void 0,
+    "data-disabled": e.isDisabled || void 0
+  }, $.children);
+}), { withProvider: H, withContext: S } = /* @__PURE__ */ D({
+  key: "nimbusTabNav"
+}), V = /* @__PURE__ */ H("nav", "root"), g = /* @__PURE__ */ S("a", "item"), b = (o) => /* @__PURE__ */ c(V, { ...o });
+b.displayName = "TabNav.Root";
+const m = ({
+  children: o,
+  href: e,
+  isCurrent: a,
+  isDisabled: t,
+  target: s,
+  rel: r,
+  ref: i,
+  ...d
+}) => /* @__PURE__ */ c(g, { asChild: !0, ref: i, ...d, children: /* @__PURE__ */ c(
+  w,
+  {
+    href: t ? void 0 : e,
+    isDisabled: t,
+    target: s,
+    rel: r,
+    "aria-current": a ? "page" : void 0,
+    children: o
+  }
+) });
+m.displayName = "TabNav.Item";
+const z = {
+  /**
+   * # TabNav.Root
+   *
+   * The root container for the tab navigation. Renders a `<nav>` landmark
+   * with the tab strip underline styling.
+   *
+   * @example
+   * ```tsx
+   * <TabNav.Root variant="tabs">
+   *   <TabNav.Item href="/general" isCurrent>General</TabNav.Item>
+   *   <TabNav.Item href="/items">Items</TabNav.Item>
+   * </TabNav.Root>
+   * ```
+   */
+  Root: b,
+  /**
+   * # TabNav.Item
+   *
+   * An individual tab-styled navigation link. Renders as an `<a>` element.
+   * Use `isCurrent` to mark the active navigation item.
+   *
+   * @example
+   * ```tsx
+   * <TabNav.Item href="/orders/123/general" isCurrent>
+   *   General
+   * </TabNav.Item>
+   * ```
+   */
+  Item: m
+};
+export {
+  z as T,
+  m as a,
+  b
+};
+//# sourceMappingURL=tab-nav-D6KyQebA.es.js.map

package/dist/chunks/tab-nav-D6KyQebA.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-D6KyQebA.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.17.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Link.mjs","../../src/components/tab-nav/tab-nav.slots.tsx","../../src/components/tab-nav/components/tab-nav.root.tsx","../../src/components/tab-nav/components/tab-nav.item.tsx","../../src/components/tab-nav/tab-nav.tsx"],"sourcesContent":["import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useLink as $czt8L$useLink} from \"react-aria/useLink\";\nimport {filterDOMProps as $czt8L$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $czt8L$mergeProps} from \"react-aria/mergeProps\";\nimport $czt8L$react, {createContext as $czt8L$createContext, forwardRef as $czt8L$forwardRef} from \"react\";\nimport {useFocusRing as $czt8L$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $czt8L$useHover} from \"react-aria/useHover\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\nconst $984a1fc08f87e4f3$export$e2509388b49734e7 = /*#__PURE__*/ (0, $czt8L$createContext)(null);\nconst $984a1fc08f87e4f3$export$a6c7ac8248d6e38a = /*#__PURE__*/ (0, $czt8L$forwardRef)(function Link(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $984a1fc08f87e4f3$export$e2509388b49734e7);\n    let elementType = props.href && !props.isDisabled ? 'a' : 'span';\n    let { linkProps: linkProps, isPressed: isPressed } = (0, $czt8L$useLink)({\n        ...props,\n        elementType: elementType\n    }, ref);\n    let ElementType = (0, $7230ffa83bc0c2cf$export$df3a06d6289f983e)[elementType];\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $czt8L$useHover)(props);\n    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $czt8L$useFocusRing)();\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Link',\n        values: {\n            isCurrent: !!props['aria-current'],\n            isDisabled: props.isDisabled || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible\n        }\n    });\n    let DOMProps = (0, $czt8L$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $czt8L$react).createElement(ElementType, {\n        ref: ref,\n        slot: props.slot || undefined,\n        ...(0, $czt8L$mergeProps)(DOMProps, renderProps, linkProps, hoverProps, focusProps),\n        \"data-focused\": isFocused || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-current\": !!props['aria-current'] || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, renderProps.children);\n});\n\n\nexport {$984a1fc08f87e4f3$export$e2509388b49734e7 as LinkContext, $984a1fc08f87e4f3$export$a6c7ac8248d6e38a as Link};\n//# sourceMappingURL=Link.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { TabNavRootSlotProps, TabNavItemSlotProps } from \"./tab-nav.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusTabNav\",\n});\n\n/**\n * Root slot component providing the styling context for the TabNav component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n * Renders as a `<nav>` landmark element.\n */\nexport const TabNavRootSlot: SlotComponent<HTMLElement, TabNavRootSlotProps> =\n  withProvider<HTMLElement, TabNavRootSlotProps>(\"nav\", \"root\");\n\n/**\n * Item slot component for individual tab navigation links.\n * Consumes the styling context from `TabNavRootSlot`.\n * Renders as an `<a>` element.\n */\nexport const TabNavItemSlot: SlotComponent<\n  HTMLAnchorElement,\n  TabNavItemSlotProps\n> = withContext<HTMLAnchorElement, TabNavItemSlotProps>(\"a\", \"item\");\n","import { TabNavRootSlot } from \"../tab-nav.slots\";\nimport type { TabNavProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Root\n *\n * The root container for the TabNav component. Renders a `<nav>` landmark\n * that provides the styling context for all child `TabNav.Item` links.\n *\n * Use this with `TabNav.Item` to build tab-styled navigation for route-based\n * navigation (not content-switching panels).\n *\n * @supportsStyleProps\n */\nexport const TabNavRoot = (props: TabNavProps) => {\n  return <TabNavRootSlot {...props} />;\n};\n\nTabNavRoot.displayName = \"TabNav.Root\";\n","import { Link as RALink } from \"react-aria-components\";\nimport { TabNavItemSlot } from \"../tab-nav.slots\";\nimport type { TabNavItemProps } from \"../tab-nav.types\";\n\n/**\n * # TabNav.Item\n *\n * An individual tab-styled navigation link. Renders as an `<a>` element.\n *\n * When `isCurrent` is true, sets `aria-current=\"page\"` on the anchor to\n * indicate to assistive technologies that this link represents the current page.\n * Uses standard sequential Tab key navigation — no roving tabindex.\n *\n * @supportsStyleProps\n */\nexport const TabNavItem = ({\n  children,\n  href,\n  isCurrent,\n  isDisabled,\n  target,\n  rel,\n  ref,\n  ...rest\n}: TabNavItemProps) => {\n  return (\n    <TabNavItemSlot asChild ref={ref} {...rest}>\n      <RALink\n        href={isDisabled ? undefined : href}\n        isDisabled={isDisabled}\n        target={target}\n        rel={rel}\n        aria-current={isCurrent ? \"page\" : undefined}\n      >\n        {children}\n      </RALink>\n    </TabNavItemSlot>\n  );\n};\n\nTabNavItem.displayName = \"TabNav.Item\";\n","import { TabNavRoot, TabNavItem } from \"./components\";\n\n/**\n * TabNav\n * ============================================================\n * A tab-styled navigation component for route-based navigation links.\n * Renders proper navigation semantics (`<nav>` landmark, `<a>` elements,\n * `aria-current=\"page\"`) for WCAG 2.1 AA compliant page navigation.\n *\n * Unlike the `Tabs` component (which uses `role=\"tablist\"` and roving tabindex\n * for content-switching), `TabNav` uses standard sequential Tab key navigation\n * and is appropriate for navigating between routes or page views.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/tab-nav}\n *\n * @example\n * ```tsx\n * <TabNav.Root>\n *   <TabNav.Item href=\"/orders/123/general\" isCurrent>\n *     General\n *   </TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/items\">Items</TabNav.Item>\n *   <TabNav.Item href=\"/orders/123/shipping\">Shipping</TabNav.Item>\n * </TabNav.Root>\n * ```\n */\nexport const TabNav = {\n  /**\n   * # TabNav.Root\n   *\n   * The root container for the tab navigation. Renders a `<nav>` landmark\n   * with the tab strip underline styling.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Root variant=\"tabs\">\n   *   <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *   <TabNav.Item href=\"/items\">Items</TabNav.Item>\n   * </TabNav.Root>\n   * ```\n   */\n  Root: TabNavRoot,\n  /**\n   * # TabNav.Item\n   *\n   * An individual tab-styled navigation link. Renders as an `<a>` element.\n   * Use `isCurrent` to mark the active navigation item.\n   *\n   * @example\n   * ```tsx\n   * <TabNav.Item href=\"/orders/123/general\" isCurrent>\n   *   General\n   * </TabNav.Item>\n   * ```\n   */\n  Item: TabNavItem,\n};\n\nexport type { TabNavProps, TabNavItemProps } from \"./tab-nav.types\";\n\n/**\n * todo: get rid of this, this is needed for the react-docgen-typescript script\n * that is parsing the typescript types for our documentation. The _ underscores\n * serve as a reminder that this exports are awkward and should not be used.\n */\nexport { TabNavRoot as _TabNavRoot, TabNavItem as _TabNavItem };\n"],"names":["$984a1fc08f87e4f3$export$e2509388b49734e7","$czt8L$createContext","$984a1fc08f87e4f3$export$a6c7ac8248d6e38a","$czt8L$forwardRef","props","ref","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","elementType","linkProps","isPressed","$czt8L$useLink","ElementType","$7230ffa83bc0c2cf$export$df3a06d6289f983e","hoverProps","isHovered","$czt8L$useHover","focusProps","isFocused","isFocusVisible","$czt8L$useFocusRing","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","DOMProps","$czt8L$filterDOMProps","$czt8L$react","$czt8L$mergeProps","withProvider","withContext","createSlotRecipeContext","TabNavRootSlot","TabNavItemSlot","TabNavRoot","jsx","TabNavItem","children","href","isCurrent","isDisabled","target","rel","rest","RALink","TabNav"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAA8DC,gBAAAA,EAAsB,IAAI,GACxFC,IAA8DC,gBAAAA,EAAmB,SAAcC,GAAOC,GAAK;AAC7G,GAACD,GAAOC,CAAG,IAAQC,EAA2CF,GAAOC,GAAKL,CAAyC;AACnH,MAAIO,IAAcH,EAAM,QAAQ,CAACA,EAAM,aAAa,MAAM,QACtD,EAAE,WAAWI,GAAW,WAAWC,EAAS,IAASC,EAAgB;AAAA,IACrE,GAAGN;AAAA,IACH,aAAaG;AAAA,EACrB,GAAOF,CAAG,GACFM,IAAkBC,EAA2CL,CAAW,GACxE,EAAE,YAAYM,GAAY,WAAWC,MAAkBC,EAAiBX,CAAK,GAC7E,EAAE,YAAYY,GAAY,WAAWC,GAAW,gBAAgBC,MAAuBC,EAAmB,GAC1GC,IAAkBC,EAAyC;AAAA,IAC3D,GAAGjB;AAAA,IACH,kBAAkB;AAAA,IAClB,QAAQ;AAAA,MACJ,WAAW,CAAC,CAACA,EAAM,cAAc;AAAA,MACjC,YAAYA,EAAM,cAAc;AAAA,MAChC,WAAWK;AAAA,MACX,WAAWK;AAAA,MACX,WAAWG;AAAA,MACX,gBAAgBC;AAAA,IAC5B;AAAA,EACA,CAAK,GACGI,IAAeC,EAAuBnB,GAAO;AAAA,IAC7C,QAAQ;AAAA,EAChB,CAAK;AACD,gBAAOkB,EAAS,SACSE,gBAAAA,EAAc,cAAcb,GAAa;AAAA,IAC9D,KAAKN;AAAA,IACL,MAAMD,EAAM,QAAQ;AAAA,IACpB,GAAOqB,EAAmBH,GAAUF,GAAaZ,GAAWK,GAAYG,CAAU;AAAA,IAClF,gBAAgBC,KAAa;AAAA,IAC7B,gBAAgBH,KAAa;AAAA,IAC7B,gBAAgBL,KAAa;AAAA,IAC7B,sBAAsBS,KAAkB;AAAA,IACxC,gBAAgB,CAAC,CAACd,EAAM,cAAc,KAAK;AAAA,IAC3C,iBAAiBA,EAAM,cAAc;AAAA,EAC7C,GAAOgB,EAAY,QAAQ;AAC3B,CAAC,GC3DK,EAAE,cAAAM,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IACX,gBAAAH,EAA+C,OAAO,MAAM,GAOjDI,IAGT,gBAAAH,EAAoD,KAAK,MAAM,GCVtDI,IAAa,CAAC3B,MAClB,gBAAA4B,EAACH,GAAA,EAAgB,GAAGzB,EAAA,CAAO;AAGpC2B,EAAW,cAAc;ACHlB,MAAME,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAlC;AAAA,EACA,GAAGmC;AACL,wBAEKV,GAAA,EAAe,SAAO,IAAC,KAAAzB,GAAW,GAAGmC,GACpC,UAAA,gBAAAR;AAAA,EAACS;AAAAA,EAAA;AAAA,IACC,MAAMJ,IAAa,SAAYF;AAAA,IAC/B,YAAAE;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,gBAAcH,IAAY,SAAS;AAAA,IAElC,UAAAF;AAAA,EAAA;AAAA,GAEL;AAIJD,EAAW,cAAc;ACdlB,MAAMS,IAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAepB,MAAMX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,MAAME;AACR;","x_google_ignoreList":[0]}

package/dist/chunks/table-Dyxl5zlP.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),m=require("@chakra-ui/react/styled-system"),N=require("./extract-style-props-DiP1lZl_.cjs.js"),t=require("./box-CWni3A32.cjs.js"),{withProvider:w,withContext:l}=m.createSlotRecipeContext({key:"nimbusTable"}),P=w("table","root"),B=l("caption","caption"),h=l("thead","header"),F=l("tbody","body"),f=l("tfoot","footer"),q=l("tr","row"),A=l("th","columnHeader"),G=l("td","cell"),a=e=>{const{ref:y,...C}=e,x=m.useSlotRecipe({key:"nimbusTable"}),[S,R]=x.splitVariantProps(C),[j,H]=N.extractStyleProps(R);return o.jsx(P,{ref:y,...S,...j,...H})};a.displayName="Table.Root";const r=e=>o.jsx(B,{...e});r.displayName="Table.Caption";const s=e=>o.jsx(h,{...e});s.displayName="Table.Header";const n=e=>o.jsx(F,{...e});n.displayName="Table.Body";const b=e=>o.jsx(f,{...e});b.displayName="Table.Footer";const c=e=>o.jsx(q,{...e});c.displayName="Table.Row";const T=e=>o.jsx(A,{...e});T.displayName="Table.ColumnHeader";const u=e=>o.jsx(G,{...e});u.displayName="Table.Cell";const i=e=>o.jsx(t.Box,{as:"div",overflow:"auto",...e});i.displayName="Table.ScrollArea";const p=e=>o.jsx(t.Box,{as:"colgroup",...e});p.displayName="Table.ColumnGroup";const d=e=>o.jsx(t.Box,{as:"col",...e});d.displayName="Table.Column";const v={Root:a,Caption:r,Header:s,Body:n,Footer:b,Row:c,ColumnHeader:T,Cell:u,ScrollArea:i,ColumnGroup:p,Column:d};exports.Table=v;exports.TableBody=n;exports.TableCaption=r;exports.TableCell=u;exports.TableColumn=d;exports.TableColumnGroup=p;exports.TableColumnHeader=T;exports.TableFooter=b;exports.TableHeader=s;exports.TableRoot=a;exports.TableRow=c;exports.TableScrollArea=i;
+//# sourceMappingURL=table-Dyxl5zlP.cjs.js.map

package/dist/chunks/table-Dyxl5zlP.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-Dyxl5zlP.cjs.js","sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.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: \"nimbusTable\",\n});\n\nexport type TableRootSlotProps = HTMLChakraProps<\"table\">;\nexport const TableRootSlot: SlotComponent<\n  HTMLTableElement,\n  TableRootSlotProps\n> = withProvider<HTMLTableElement, TableRootSlotProps>(\"table\", \"root\");\n\nexport type TableCaptionSlotProps = HTMLChakraProps<\"caption\">;\nexport const TableCaptionSlot: SlotComponent<\n  HTMLTableCaptionElement,\n  TableCaptionSlotProps\n> = withContext<HTMLTableCaptionElement, TableCaptionSlotProps>(\n  \"caption\",\n  \"caption\"\n);\n\nexport type TableHeaderSlotProps = HTMLChakraProps<\"thead\">;\nexport const TableHeaderSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableHeaderSlotProps\n> = withContext<HTMLTableSectionElement, TableHeaderSlotProps>(\n  \"thead\",\n  \"header\"\n);\n\nexport type TableBodySlotProps = HTMLChakraProps<\"tbody\">;\nexport const TableBodySlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableBodySlotProps\n> = withContext<HTMLTableSectionElement, TableBodySlotProps>(\"tbody\", \"body\");\n\nexport type TableFooterSlotProps = HTMLChakraProps<\"tfoot\">;\nexport const TableFooterSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableFooterSlotProps\n> = withContext<HTMLTableSectionElement, TableFooterSlotProps>(\n  \"tfoot\",\n  \"footer\"\n);\n\nexport type TableRowSlotProps = HTMLChakraProps<\"tr\">;\nexport const TableRowSlot: SlotComponent<\n  HTMLTableRowElement,\n  TableRowSlotProps\n> = withContext<HTMLTableRowElement, TableRowSlotProps>(\"tr\", \"row\");\n\nexport type TableColumnHeaderSlotProps = HTMLChakraProps<\"th\">;\nexport const TableColumnHeaderSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableColumnHeaderSlotProps\n> = withContext<HTMLTableCellElement, TableColumnHeaderSlotProps>(\n  \"th\",\n  \"columnHeader\"\n);\n\nexport type TableCellSlotProps = HTMLChakraProps<\"td\">;\nexport const TableCellSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableCellSlotProps\n> = withContext<HTMLTableCellElement, TableCellSlotProps>(\"td\", \"cell\");\n","import {\n  TableRootSlot,\n  TableCaptionSlot,\n  TableHeaderSlot,\n  TableBodySlot,\n  TableFooterSlot,\n  TableRowSlot,\n  TableColumnHeaderSlot,\n  TableCellSlot,\n} from \"./table.slots\";\nimport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n} from \"./table.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { Box } from \"../box\";\n\n/**\n * # Table\n *\n * Component for displaying tabular data.\n *\n * Built on top of Chakra UI's Table component with Nimbus theming.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/table}\n *\n * @example\n * ```tsx\n * <Table.Root>\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.ColumnHeader>Name</Table.ColumnHeader>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row>\n *       <Table.Cell>John</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table.Root>\n * ```\n */\n\n/**\n * Table.Root\n *\n * The root table container that provides context for all table slots.\n *\n * @supportsStyleProps\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusTable\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <TableRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n  );\n};\nTableRoot.displayName = \"Table.Root\";\n\nexport const TableCaption = (props: TableCaptionProps) => {\n  return <TableCaptionSlot {...props} />;\n};\nTableCaption.displayName = \"Table.Caption\";\n\nexport const TableHeader = (props: TableHeaderProps) => {\n  return <TableHeaderSlot {...props} />;\n};\nTableHeader.displayName = \"Table.Header\";\n\nexport const TableBody = (props: TableBodyProps) => {\n  return <TableBodySlot {...props} />;\n};\nTableBody.displayName = \"Table.Body\";\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return <TableFooterSlot {...props} />;\n};\nTableFooter.displayName = \"Table.Footer\";\n\nexport const TableRow = (props: TableRowProps) => {\n  return <TableRowSlot {...props} />;\n};\nTableRow.displayName = \"Table.Row\";\n\nexport const TableColumnHeader = (props: TableColumnHeaderProps) => {\n  return <TableColumnHeaderSlot {...props} />;\n};\nTableColumnHeader.displayName = \"Table.ColumnHeader\";\n\nexport const TableCell = (props: TableCellProps) => {\n  return <TableCellSlot {...props} />;\n};\nTableCell.displayName = \"Table.Cell\";\n\nexport const TableScrollArea = (props: TableScrollAreaProps) => {\n  return <Box as=\"div\" overflow=\"auto\" {...props} />;\n};\nTableScrollArea.displayName = \"Table.ScrollArea\";\n\nexport const TableColumnGroup = (props: TableColumnGroupProps) => {\n  return <Box as=\"colgroup\" {...props} />;\n};\nTableColumnGroup.displayName = \"Table.ColumnGroup\";\n\nexport const TableColumn = (props: TableColumnProps) => {\n  return <Box as=\"col\" {...props} />;\n};\nTableColumn.displayName = \"Table.Column\";\n\n/**\n * Export Table with all sub-components as a compound component\n */\nexport const Table: {\n  Root: typeof TableRoot;\n  Caption: typeof TableCaption;\n  Header: typeof TableHeader;\n  Body: typeof TableBody;\n  Footer: typeof TableFooter;\n  Row: typeof TableRow;\n  ColumnHeader: typeof TableColumnHeader;\n  Cell: typeof TableCell;\n  ScrollArea: typeof TableScrollArea;\n  ColumnGroup: typeof TableColumnGroup;\n  Column: typeof TableColumn;\n} = {\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  ScrollArea: TableScrollArea,\n  ColumnGroup: TableColumnGroup,\n  Column: TableColumn,\n};\n\nexport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","TableRootSlot","TableCaptionSlot","TableHeaderSlot","TableBodySlot","TableFooterSlot","TableRowSlot","TableColumnHeaderSlot","TableCellSlot","TableRoot","props","ref","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","htmlProps","extractStyleProps","jsx","TableCaption","TableHeader","TableBody","TableFooter","TableRow","TableColumnHeader","TableCell","TableScrollArea","Box","TableColumnGroup","TableColumn","Table"],"mappings":"oLAMM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAGTH,EAAmD,QAAS,MAAM,EAGzDI,EAGTH,EACF,UACA,SACF,EAGaI,EAGTJ,EACF,QACA,QACF,EAGaK,EAGTL,EAAyD,QAAS,MAAM,EAG/DM,EAGTN,EACF,QACA,QACF,EAGaO,EAGTP,EAAoD,KAAM,KAAK,EAGtDQ,EAGTR,EACF,KACA,cACF,EAGaS,EAGTT,EAAsD,KAAM,MAAM,ECNzDU,EAAaC,GAA0B,CAClD,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EACxBG,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAS,EACnE,CAACK,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE,OACEI,EAAAA,IAACnB,GAAc,IAAAU,EAAW,GAAGI,EAAc,GAAGE,EAAa,GAAGC,EAAW,CAE7E,EACAT,EAAU,YAAc,aAEjB,MAAMY,EAAgBX,GACpBU,MAAClB,EAAA,CAAkB,GAAGQ,CAAA,CAAO,EAEtCW,EAAa,YAAc,gBAEpB,MAAMC,EAAeZ,GACnBU,MAACjB,EAAA,CAAiB,GAAGO,CAAA,CAAO,EAErCY,EAAY,YAAc,eAEnB,MAAMC,EAAab,GACjBU,MAAChB,EAAA,CAAe,GAAGM,CAAA,CAAO,EAEnCa,EAAU,YAAc,aAEjB,MAAMC,EAAed,GACnBU,MAACf,EAAA,CAAiB,GAAGK,CAAA,CAAO,EAErCc,EAAY,YAAc,eAEnB,MAAMC,EAAYf,GAChBU,MAACd,EAAA,CAAc,GAAGI,CAAA,CAAO,EAElCe,EAAS,YAAc,YAEhB,MAAMC,EAAqBhB,GACzBU,MAACb,EAAA,CAAuB,GAAGG,CAAA,CAAO,EAE3CgB,EAAkB,YAAc,qBAEzB,MAAMC,EAAajB,GACjBU,MAACZ,EAAA,CAAe,GAAGE,CAAA,CAAO,EAEnCiB,EAAU,YAAc,aAEjB,MAAMC,EAAmBlB,SACtBmB,EAAAA,IAAA,CAAI,GAAG,MAAM,SAAS,OAAQ,GAAGnB,EAAO,EAElDkB,EAAgB,YAAc,mBAEvB,MAAME,EAAoBpB,GACxBU,EAAAA,IAACS,EAAAA,IAAA,CAAI,GAAG,WAAY,GAAGnB,EAAO,EAEvCoB,EAAiB,YAAc,oBAExB,MAAMC,EAAerB,GACnBU,EAAAA,IAACS,EAAAA,IAAA,CAAI,GAAG,MAAO,GAAGnB,EAAO,EAElCqB,EAAY,YAAc,eAKnB,MAAMC,EAYT,CACF,KAAMvB,EACN,QAASY,EACT,OAAQC,EACR,KAAMC,EACN,OAAQC,EACR,IAAKC,EACL,aAAcC,EACd,KAAMC,EACN,WAAYC,EACZ,YAAaE,EACb,OAAQC,CACV"}

package/dist/chunks/table-R4JyeVp2.es.js

@@ -0,0 +1,71 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createSlotRecipeContext as H, useSlotRecipe as w } from "@chakra-ui/react/styled-system";
+import { e as P } from "./extract-style-props-D86m_g63.es.js";
+import { B as t } from "./box-DuBoAZvq.es.js";
+const { withProvider: h, withContext: a } = /* @__PURE__ */ H({
+  key: "nimbusTable"
+}), x = /* @__PURE__ */ h("table", "root"), B = /* @__PURE__ */ a(
+  "caption",
+  "caption"
+), F = /* @__PURE__ */ a(
+  "thead",
+  "header"
+), k = /* @__PURE__ */ a("tbody", "body"), v = /* @__PURE__ */ a(
+  "tfoot",
+  "footer"
+), A = /* @__PURE__ */ a("tr", "row"), G = /* @__PURE__ */ a(
+  "th",
+  "columnHeader"
+), g = /* @__PURE__ */ a("td", "cell"), l = (e) => {
+  const { ref: u, ...y } = e, C = w({ key: "nimbusTable" }), [S, N] = C.splitVariantProps(y), [R, f] = P(N);
+  return /* @__PURE__ */ o(x, { ref: u, ...S, ...R, ...f });
+};
+l.displayName = "Table.Root";
+const r = (e) => /* @__PURE__ */ o(B, { ...e });
+r.displayName = "Table.Caption";
+const s = (e) => /* @__PURE__ */ o(F, { ...e });
+s.displayName = "Table.Header";
+const n = (e) => /* @__PURE__ */ o(k, { ...e });
+n.displayName = "Table.Body";
+const c = (e) => /* @__PURE__ */ o(v, { ...e });
+c.displayName = "Table.Footer";
+const b = (e) => /* @__PURE__ */ o(A, { ...e });
+b.displayName = "Table.Row";
+const p = (e) => /* @__PURE__ */ o(G, { ...e });
+p.displayName = "Table.ColumnHeader";
+const i = (e) => /* @__PURE__ */ o(g, { ...e });
+i.displayName = "Table.Cell";
+const T = (e) => /* @__PURE__ */ o(t, { as: "div", overflow: "auto", ...e });
+T.displayName = "Table.ScrollArea";
+const m = (e) => /* @__PURE__ */ o(t, { as: "colgroup", ...e });
+m.displayName = "Table.ColumnGroup";
+const d = (e) => /* @__PURE__ */ o(t, { as: "col", ...e });
+d.displayName = "Table.Column";
+const D = {
+  Root: l,
+  Caption: r,
+  Header: s,
+  Body: n,
+  Footer: c,
+  Row: b,
+  ColumnHeader: p,
+  Cell: i,
+  ScrollArea: T,
+  ColumnGroup: m,
+  Column: d
+};
+export {
+  D as T,
+  n as a,
+  r as b,
+  i as c,
+  d,
+  m as e,
+  p as f,
+  c as g,
+  s as h,
+  l as i,
+  b as j,
+  T as k
+};
+//# sourceMappingURL=table-R4JyeVp2.es.js.map

package/dist/chunks/table-R4JyeVp2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-R4JyeVp2.es.js","sources":["../../src/components/table/table.slots.tsx","../../src/components/table/table.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: \"nimbusTable\",\n});\n\nexport type TableRootSlotProps = HTMLChakraProps<\"table\">;\nexport const TableRootSlot: SlotComponent<\n  HTMLTableElement,\n  TableRootSlotProps\n> = withProvider<HTMLTableElement, TableRootSlotProps>(\"table\", \"root\");\n\nexport type TableCaptionSlotProps = HTMLChakraProps<\"caption\">;\nexport const TableCaptionSlot: SlotComponent<\n  HTMLTableCaptionElement,\n  TableCaptionSlotProps\n> = withContext<HTMLTableCaptionElement, TableCaptionSlotProps>(\n  \"caption\",\n  \"caption\"\n);\n\nexport type TableHeaderSlotProps = HTMLChakraProps<\"thead\">;\nexport const TableHeaderSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableHeaderSlotProps\n> = withContext<HTMLTableSectionElement, TableHeaderSlotProps>(\n  \"thead\",\n  \"header\"\n);\n\nexport type TableBodySlotProps = HTMLChakraProps<\"tbody\">;\nexport const TableBodySlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableBodySlotProps\n> = withContext<HTMLTableSectionElement, TableBodySlotProps>(\"tbody\", \"body\");\n\nexport type TableFooterSlotProps = HTMLChakraProps<\"tfoot\">;\nexport const TableFooterSlot: SlotComponent<\n  HTMLTableSectionElement,\n  TableFooterSlotProps\n> = withContext<HTMLTableSectionElement, TableFooterSlotProps>(\n  \"tfoot\",\n  \"footer\"\n);\n\nexport type TableRowSlotProps = HTMLChakraProps<\"tr\">;\nexport const TableRowSlot: SlotComponent<\n  HTMLTableRowElement,\n  TableRowSlotProps\n> = withContext<HTMLTableRowElement, TableRowSlotProps>(\"tr\", \"row\");\n\nexport type TableColumnHeaderSlotProps = HTMLChakraProps<\"th\">;\nexport const TableColumnHeaderSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableColumnHeaderSlotProps\n> = withContext<HTMLTableCellElement, TableColumnHeaderSlotProps>(\n  \"th\",\n  \"columnHeader\"\n);\n\nexport type TableCellSlotProps = HTMLChakraProps<\"td\">;\nexport const TableCellSlot: SlotComponent<\n  HTMLTableCellElement,\n  TableCellSlotProps\n> = withContext<HTMLTableCellElement, TableCellSlotProps>(\"td\", \"cell\");\n","import {\n  TableRootSlot,\n  TableCaptionSlot,\n  TableHeaderSlot,\n  TableBodySlot,\n  TableFooterSlot,\n  TableRowSlot,\n  TableColumnHeaderSlot,\n  TableCellSlot,\n} from \"./table.slots\";\nimport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n} from \"./table.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { Box } from \"../box\";\n\n/**\n * # Table\n *\n * Component for displaying tabular data.\n *\n * Built on top of Chakra UI's Table component with Nimbus theming.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/table}\n *\n * @example\n * ```tsx\n * <Table.Root>\n *   <Table.Header>\n *     <Table.Row>\n *       <Table.ColumnHeader>Name</Table.ColumnHeader>\n *     </Table.Row>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row>\n *       <Table.Cell>John</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table.Root>\n * ```\n */\n\n/**\n * Table.Root\n *\n * The root table container that provides context for all table slots.\n *\n * @supportsStyleProps\n */\nexport const TableRoot = (props: TableRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusTable\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <TableRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n  );\n};\nTableRoot.displayName = \"Table.Root\";\n\nexport const TableCaption = (props: TableCaptionProps) => {\n  return <TableCaptionSlot {...props} />;\n};\nTableCaption.displayName = \"Table.Caption\";\n\nexport const TableHeader = (props: TableHeaderProps) => {\n  return <TableHeaderSlot {...props} />;\n};\nTableHeader.displayName = \"Table.Header\";\n\nexport const TableBody = (props: TableBodyProps) => {\n  return <TableBodySlot {...props} />;\n};\nTableBody.displayName = \"Table.Body\";\n\nexport const TableFooter = (props: TableFooterProps) => {\n  return <TableFooterSlot {...props} />;\n};\nTableFooter.displayName = \"Table.Footer\";\n\nexport const TableRow = (props: TableRowProps) => {\n  return <TableRowSlot {...props} />;\n};\nTableRow.displayName = \"Table.Row\";\n\nexport const TableColumnHeader = (props: TableColumnHeaderProps) => {\n  return <TableColumnHeaderSlot {...props} />;\n};\nTableColumnHeader.displayName = \"Table.ColumnHeader\";\n\nexport const TableCell = (props: TableCellProps) => {\n  return <TableCellSlot {...props} />;\n};\nTableCell.displayName = \"Table.Cell\";\n\nexport const TableScrollArea = (props: TableScrollAreaProps) => {\n  return <Box as=\"div\" overflow=\"auto\" {...props} />;\n};\nTableScrollArea.displayName = \"Table.ScrollArea\";\n\nexport const TableColumnGroup = (props: TableColumnGroupProps) => {\n  return <Box as=\"colgroup\" {...props} />;\n};\nTableColumnGroup.displayName = \"Table.ColumnGroup\";\n\nexport const TableColumn = (props: TableColumnProps) => {\n  return <Box as=\"col\" {...props} />;\n};\nTableColumn.displayName = \"Table.Column\";\n\n/**\n * Export Table with all sub-components as a compound component\n */\nexport const Table: {\n  Root: typeof TableRoot;\n  Caption: typeof TableCaption;\n  Header: typeof TableHeader;\n  Body: typeof TableBody;\n  Footer: typeof TableFooter;\n  Row: typeof TableRow;\n  ColumnHeader: typeof TableColumnHeader;\n  Cell: typeof TableCell;\n  ScrollArea: typeof TableScrollArea;\n  ColumnGroup: typeof TableColumnGroup;\n  Column: typeof TableColumn;\n} = {\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  ScrollArea: TableScrollArea,\n  ColumnGroup: TableColumnGroup,\n  Column: TableColumn,\n};\n\nexport type {\n  TableRootProps,\n  TableCaptionProps,\n  TableHeaderProps,\n  TableBodyProps,\n  TableFooterProps,\n  TableRowProps,\n  TableColumnHeaderProps,\n  TableCellProps,\n  TableScrollAreaProps,\n  TableColumnGroupProps,\n  TableColumnProps,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","TableRootSlot","TableCaptionSlot","TableHeaderSlot","TableBodySlot","TableFooterSlot","TableRowSlot","TableColumnHeaderSlot","TableCellSlot","TableRoot","props","ref","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","htmlProps","extractStyleProps","jsx","TableCaption","TableHeader","TableBody","TableFooter","TableRow","TableColumnHeader","TableCell","TableScrollArea","Box","TableColumnGroup","TableColumn","Table"],"mappings":";;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAGT,gBAAAH,EAAmD,SAAS,MAAM,GAGzDI,IAGT,gBAAAH;AAAA,EACF;AAAA,EACA;AACF,GAGaI,IAGT,gBAAAJ;AAAA,EACF;AAAA,EACA;AACF,GAGaK,IAGT,gBAAAL,EAAyD,SAAS,MAAM,GAG/DM,IAGT,gBAAAN;AAAA,EACF;AAAA,EACA;AACF,GAGaO,IAGT,gBAAAP,EAAoD,MAAM,KAAK,GAGtDQ,IAGT,gBAAAR;AAAA,EACF;AAAA,EACA;AACF,GAGaS,IAGT,gBAAAT,EAAsD,MAAM,MAAM,GCNzDU,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF,GACxBG,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAS,GACnE,CAACK,GAAYC,CAAS,IAAIC,EAAkBH,CAAe;AAEjE,SACE,gBAAAI,EAACnB,KAAc,KAAAU,GAAW,GAAGI,GAAc,GAAGE,GAAa,GAAGC,GAAW;AAE7E;AACAT,EAAU,cAAc;AAEjB,MAAMY,IAAe,CAACX,MACpB,gBAAAU,EAAClB,GAAA,EAAkB,GAAGQ,EAAA,CAAO;AAEtCW,EAAa,cAAc;AAEpB,MAAMC,IAAc,CAACZ,MACnB,gBAAAU,EAACjB,GAAA,EAAiB,GAAGO,EAAA,CAAO;AAErCY,EAAY,cAAc;AAEnB,MAAMC,IAAY,CAACb,MACjB,gBAAAU,EAAChB,GAAA,EAAe,GAAGM,EAAA,CAAO;AAEnCa,EAAU,cAAc;AAEjB,MAAMC,IAAc,CAACd,MACnB,gBAAAU,EAACf,GAAA,EAAiB,GAAGK,EAAA,CAAO;AAErCc,EAAY,cAAc;AAEnB,MAAMC,IAAW,CAACf,MAChB,gBAAAU,EAACd,GAAA,EAAc,GAAGI,EAAA,CAAO;AAElCe,EAAS,cAAc;AAEhB,MAAMC,IAAoB,CAAChB,MACzB,gBAAAU,EAACb,GAAA,EAAuB,GAAGG,EAAA,CAAO;AAE3CgB,EAAkB,cAAc;AAEzB,MAAMC,IAAY,CAACjB,MACjB,gBAAAU,EAACZ,GAAA,EAAe,GAAGE,EAAA,CAAO;AAEnCiB,EAAU,cAAc;AAEjB,MAAMC,IAAkB,CAAClB,wBACtBmB,GAAA,EAAI,IAAG,OAAM,UAAS,QAAQ,GAAGnB,GAAO;AAElDkB,EAAgB,cAAc;AAEvB,MAAME,IAAmB,CAACpB,MACxB,gBAAAU,EAACS,GAAA,EAAI,IAAG,YAAY,GAAGnB,GAAO;AAEvCoB,EAAiB,cAAc;AAExB,MAAMC,IAAc,CAACrB,MACnB,gBAAAU,EAACS,GAAA,EAAI,IAAG,OAAO,GAAGnB,GAAO;AAElCqB,EAAY,cAAc;AAKnB,MAAMC,IAYT;AAAA,EACF,MAAMvB;AAAA,EACN,SAASY;AAAA,EACT,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,QAAQC;AAAA,EACR,KAAKC;AAAA,EACL,cAAcC;AAAA,EACd,MAAMC;AAAA,EACN,YAAYC;AAAA,EACZ,aAAaE;AAAA,EACb,QAAQC;AACV;"}