@fuf-stack/pixels 0.32.2 → 0.32.4

package/dist/{chunk-ITOA7Q42.js → chunk-VBOUHWXM.js}

@@ -1,10 +1,10 @@
 // src/Drawer/Drawer.tsx
 import {
-  Drawer as NextDrawer,
-  DrawerBody as NextDrawerBody,
-  DrawerContent as NextDrawerContent,
-  DrawerFooter as NextDrawerFooter,
-  DrawerHeader as NextDrawerHeader
+  Drawer as HeroDrawer,
+  DrawerBody as HeroDrawerBody,
+  DrawerContent as HeroDrawerContent,
+  DrawerFooter as HeroDrawerFooter,
+  DrawerHeader as HeroDrawerHeader
 } from "@heroui/drawer";
 import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -55,7 +55,7 @@ var Drawer = ({
   const variants = drawerVariants();
   const classNames = variantsToClassNames(variants, className, "base");
   return /* @__PURE__ */ jsx(
-    NextDrawer,
+    HeroDrawer,
     {
       backdrop,
       classNames,
@@ -71,10 +71,10 @@ var Drawer = ({
       radius,
       scrollBehavior: "inside",
       size,
-      children: /* @__PURE__ */ jsx(NextDrawerContent, { "data-testid": testId ? `drawer_${testId}` : "drawer", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
-        header && /* @__PURE__ */ jsx(NextDrawerHeader, { children: header }),
-        /* @__PURE__ */ jsx(NextDrawerBody, { id: "drawer_body", children }),
-        footer && /* @__PURE__ */ jsx(NextDrawerFooter, { children: footer })
+      children: /* @__PURE__ */ jsx(HeroDrawerContent, { "data-testid": testId ? `drawer_${testId}` : "drawer", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        header && /* @__PURE__ */ jsx(HeroDrawerHeader, { children: header }),
+        /* @__PURE__ */ jsx(HeroDrawerBody, { id: "drawer_body", children }),
+        footer && /* @__PURE__ */ jsx(HeroDrawerFooter, { children: footer })
       ] }) })
     }
   );
@@ -93,4 +93,4 @@ export {
   Drawer_default,
   Drawer_default2
 };
-//# sourceMappingURL=chunk-ITOA7Q42.js.map
+//# sourceMappingURL=chunk-VBOUHWXM.js.map

package/dist/{chunk-ITOA7Q42.js.map → chunk-VBOUHWXM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Drawer/Drawer.tsx","../src/Drawer/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as NextDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as NextDrawer,\n  DrawerBody as NextDrawerBody,\n  DrawerContent as NextDrawerContent,\n  DrawerFooter as NextDrawerFooter,\n  DrawerHeader as NextDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n  slots: {\n    wrapper: '',\n    base: '',\n    backdrop: '',\n    header: '',\n    body: '',\n    footer: '',\n    closeButton: '',\n  },\n});\n\nexport const drawerSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n  /** The backdrop style of the Drawer. */\n  backdrop?: DrawerBackdrop;\n  /** Drawer body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Custom close button to display on top right corner. */\n  closeButton?: ReactNode;\n  /** Footer of the Drawer. */\n  footer?: ReactNode;\n  /** Header of the Drawer. */\n  header?: ReactNode;\n  /** Whether to hide the drawer close button. */\n  hideCloseButton?: boolean;\n  /** Whether the drawer is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n  isDismissable?: boolean;\n  /** Handler that is called when the drawer is closed. */\n  onClose?: () => void;\n  /** Handler that is called when the drawer's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** The drawer position. */\n  placement?: DrawerPlacement;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: NextDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius;\n  /** The drawer size. */\n  size?: DrawerSizes;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n  backdrop = 'opaque',\n  children = null,\n  className = undefined,\n  closeButton = undefined,\n  footer = undefined,\n  header = undefined,\n  hideCloseButton = false,\n  isOpen = undefined,\n  isDismissable = true,\n  onClose = undefined,\n  onOpenChange = undefined,\n  placement = 'right',\n  portalContainer = undefined,\n  radius = 'lg',\n  size = 'md',\n  testId = undefined,\n}: DrawerProps) => {\n  // classNames from slots\n  const variants = drawerVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextDrawer\n      backdrop={backdrop}\n      classNames={classNames}\n      closeButton={closeButton}\n      data-testid={testId}\n      hideCloseButton={hideCloseButton}\n      isDismissable={isDismissable}\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius={radius}\n      scrollBehavior=\"inside\"\n      size={size}\n    >\n      <NextDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => (\n          <>\n            {header && <NextDrawerHeader>{header}</NextDrawerHeader>}\n            <NextDrawerBody id=\"drawer_body\">{children}</NextDrawerBody>\n            {footer && <NextDrawerFooter>{footer}</NextDrawerFooter>}\n          </>\n        )}\n      </NextDrawerContent>\n    </NextDrawer>\n  );\n};\n\nexport default Drawer;\n","import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n  Drawer,\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";AAIA;AAAA,EACE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,OACX;AAEP,SAAS,IAAI,4BAA4B;AAwH/B,mBACa,KADb;AArHH,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,IAAI;AAG7C,IAAM,kBAAkB,CAAC,UAAU,eAAe,MAAM;AAGxD,IAAM,mBAAmB,CAAC,QAAQ,SAAS,OAAO,QAAQ;AA4CjE,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MAEA,8BAAC,qBAAkB,eAAa,SAAS,UAAU,MAAM,KAAK,UAC3D,gBACC,iCACG;AAAA,kBAAU,oBAAC,oBAAkB,kBAAO;AAAA,QACrC,oBAAC,kBAAe,IAAG,eAAe,UAAS;AAAA,QAC1C,UAAU,oBAAC,oBAAkB,kBAAO;AAAA,SACvC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC5Hf,IAAOA,kBAAQ;","names":["Drawer_default"]}
+{"version":3,"sources":["../src/Drawer/Drawer.tsx","../src/Drawer/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as HeroDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as HeroDrawer,\n  DrawerBody as HeroDrawerBody,\n  DrawerContent as HeroDrawerContent,\n  DrawerFooter as HeroDrawerFooter,\n  DrawerHeader as HeroDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n  slots: {\n    wrapper: '',\n    base: '',\n    backdrop: '',\n    header: '',\n    body: '',\n    footer: '',\n    closeButton: '',\n  },\n});\n\nexport const drawerSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n  /** The backdrop style of the Drawer. */\n  backdrop?: DrawerBackdrop;\n  /** Drawer body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Custom close button to display on top right corner. */\n  closeButton?: ReactNode;\n  /** Footer of the Drawer. */\n  footer?: ReactNode;\n  /** Header of the Drawer. */\n  header?: ReactNode;\n  /** Whether to hide the drawer close button. */\n  hideCloseButton?: boolean;\n  /** Whether the drawer is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n  isDismissable?: boolean;\n  /** Handler that is called when the drawer is closed. */\n  onClose?: () => void;\n  /** Handler that is called when the drawer's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** The drawer position. */\n  placement?: DrawerPlacement;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius;\n  /** The drawer size. */\n  size?: DrawerSizes;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n  backdrop = 'opaque',\n  children = null,\n  className = undefined,\n  closeButton = undefined,\n  footer = undefined,\n  header = undefined,\n  hideCloseButton = false,\n  isOpen = undefined,\n  isDismissable = true,\n  onClose = undefined,\n  onOpenChange = undefined,\n  placement = 'right',\n  portalContainer = undefined,\n  radius = 'lg',\n  size = 'md',\n  testId = undefined,\n}: DrawerProps) => {\n  // classNames from slots\n  const variants = drawerVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroDrawer\n      backdrop={backdrop}\n      classNames={classNames}\n      closeButton={closeButton}\n      data-testid={testId}\n      hideCloseButton={hideCloseButton}\n      isDismissable={isDismissable}\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius={radius}\n      scrollBehavior=\"inside\"\n      size={size}\n    >\n      <HeroDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => (\n          <>\n            {header && <HeroDrawerHeader>{header}</HeroDrawerHeader>}\n            <HeroDrawerBody id=\"drawer_body\">{children}</HeroDrawerBody>\n            {footer && <HeroDrawerFooter>{footer}</HeroDrawerFooter>}\n          </>\n        )}\n      </HeroDrawerContent>\n    </HeroDrawer>\n  );\n};\n\nexport default Drawer;\n","import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n  Drawer,\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";AAIA;AAAA,EACE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,OACX;AAEP,SAAS,IAAI,4BAA4B;AAwH/B,mBACa,KADb;AArHH,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,IAAI;AAG7C,IAAM,kBAAkB,CAAC,UAAU,eAAe,MAAM;AAGxD,IAAM,mBAAmB,CAAC,QAAQ,SAAS,OAAO,QAAQ;AA4CjE,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MAEA,8BAAC,qBAAkB,eAAa,SAAS,UAAU,MAAM,KAAK,UAC3D,gBACC,iCACG;AAAA,kBAAU,oBAAC,oBAAkB,kBAAO;AAAA,QACrC,oBAAC,kBAAe,IAAG,eAAe,UAAS;AAAA,QAC1C,UAAU,oBAAC,oBAAkB,kBAAO;AAAA,SACvC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC5Hf,IAAOA,kBAAQ;","names":["Drawer_default"]}

package/dist/{chunk-ZKCOHRTR.js → chunk-VZJTWG7U.js}

@@ -1,5 +1,5 @@
 // src/Tooltip/Tooltip.tsx
-import { Tooltip as NextTooltip } from "@heroui/tooltip";
+import { Tooltip as HeroTooltip } from "@heroui/tooltip";
 import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 var tooltipVariants = tv({
@@ -29,7 +29,7 @@ var Tooltip = ({
   const variants = tooltipVariants();
   const classNames = variantsToClassNames(variants, _className, "base");
   return /* @__PURE__ */ jsx(
-    NextTooltip,
+    HeroTooltip,
     {
       classNames,
       closeDelay,
@@ -56,4 +56,4 @@ export {
   Tooltip_default,
   Tooltip_default2
 };
-//# sourceMappingURL=chunk-ZKCOHRTR.js.map
+//# sourceMappingURL=chunk-VZJTWG7U.js.map

package/dist/{chunk-ZKCOHRTR.js.map → chunk-VZJTWG7U.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    wrapper: 'cursor-pointer',\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** delay in milliseconds before the tooltip opens. */\n  closeDelay?: number;\n  /** delay in milliseconds before the tooltip opens. */\n  delay?: number;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className: _className = undefined,\n  closeDelay = 500,\n  containerPadding = 0,\n  content,\n  defaultOpen = false,\n  delay = 0,\n  onOpenChange = undefined,\n  placement = 'top',\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextTooltip\n      classNames={classNames}\n      closeDelay={closeDelay}\n      containerPadding={containerPadding}\n      content={content}\n      defaultOpen={defaultOpen}\n      delay={delay}\n      onClick={(e) => e.preventDefault()}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      shouldFlip\n      showArrow\n    >\n      <span className={classNames.wrapper}>{children}</span>\n    </NextTooltip>\n  );\n};\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAGA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA2EnC;AAxEC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA2BA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AACd,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC/Ef,IAAOA,mBAAQ;","names":["Tooltip_default"]}
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    wrapper: 'cursor-pointer',\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** delay in milliseconds before the tooltip opens. */\n  closeDelay?: number;\n  /** delay in milliseconds before the tooltip opens. */\n  delay?: number;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className: _className = undefined,\n  closeDelay = 500,\n  containerPadding = 0,\n  content,\n  defaultOpen = false,\n  delay = 0,\n  onOpenChange = undefined,\n  placement = 'top',\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTooltip\n      classNames={classNames}\n      closeDelay={closeDelay}\n      containerPadding={containerPadding}\n      content={content}\n      defaultOpen={defaultOpen}\n      delay={delay}\n      onClick={(e) => e.preventDefault()}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      shouldFlip\n      showArrow\n    >\n      <span className={classNames.wrapper}>{children}</span>\n    </HeroTooltip>\n  );\n};\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAGA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA2EnC;AAxEC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA2BA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AACd,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC/Ef,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/{chunk-UZPVE6UB.js → chunk-XNKV2DN7.js}

@@ -1,6 +1,6 @@
 import {
   Button_default
-} from "./chunk-3LEUWIY3.js";
+} from "./chunk-ERK2LYGJ.js";
 import {
   __commonJS,
   __spreadProps,
@@ -2770,4 +2770,4 @@ export {
   Json_default,
   Json_default2
 };
-//# sourceMappingURL=chunk-UZPVE6UB.js.map
+//# sourceMappingURL=chunk-XNKV2DN7.js.map

package/dist/{chunk-OOFJGGRS.cjs → chunk-ZZOEFQWQ.cjs}

@@ -85,4 +85,4 @@ var Breadcrumb_default2 = Breadcrumb_default;
 
 
 exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb_default = Breadcrumb_default; exports.Breadcrumb_default2 = Breadcrumb_default2;
-//# sourceMappingURL=chunk-OOFJGGRS.cjs.map
+//# sourceMappingURL=chunk-ZZOEFQWQ.cjs.map

package/dist/{chunk-OOFJGGRS.cjs.map → chunk-ZZOEFQWQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-OOFJGGRS.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAiHjC,+CAAA;AA7GD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBAC1B,6BAAA;AAAA,QAAC,2BAAA;AAAA,QAAA,8CAAA;AAAA,UAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,QAAA,CAAA,EAE1B,IAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADvDf;AACA;AEzEA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-OOFJGGRS.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as NextBreadcrumb,\n  BreadcrumbItem as NextBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <NextBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <NextBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZZOEFQWQ.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAiHjC,+CAAA;AA7GD,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,mBAC1B,6BAAA;AAAA,QAAC,2BAAA;AAAA,QAAA,8CAAA;AAAA,UAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,QAAA,CAAA,EAE1B,IAAA,CAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADvDf;AACA;AEzEA,IAAOA,oBAAAA,EAAQ,kBAAA;AF2Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZZOEFQWQ.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <HeroBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}

package/dist/index.cjs

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTA3MY4KYcjs = require('./chunk-TA3MY4KY.cjs');
 
+var _chunkCXHVRIPZcjs = require('./chunk-CXHVRIPZ.cjs');
 
 
-var _chunk2SQEDOXZcjs = require('./chunk-2SQEDOXZ.cjs');
 
+var _chunkL2H7DUEBcjs = require('./chunk-L2H7DUEB.cjs');
 
 
-var _chunkXNMTAL3Jcjs = require('./chunk-XNMTAL3J.cjs');
+
+var _chunkD6LCMOKNcjs = require('./chunk-D6LCMOKN.cjs');
 
 
 
@@ -16,7 +17,7 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
 
 
-var _chunkZXN5DNKQcjs = require('./chunk-ZXN5DNKQ.cjs');
+var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
 
 
 
@@ -24,46 +25,46 @@ var _chunkZXN5DNKQcjs = require('./chunk-ZXN5DNKQ.cjs');
 
 
 
-var _chunkWSM7WMFPcjs = require('./chunk-WSM7WMFP.cjs');
+var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
 
 
-var _chunkFFRBORVVcjs = require('./chunk-FFRBORVV.cjs');
+var _chunkU46SDLRHcjs = require('./chunk-U46SDLRH.cjs');
 
 
-var _chunkWV3ZDL4Jcjs = require('./chunk-WV3ZDL4J.cjs');
+var _chunk2XYKRMUNcjs = require('./chunk-2XYKRMUN.cjs');
 
 
-var _chunkORO34I7Xcjs = require('./chunk-ORO34I7X.cjs');
+var _chunkKBYU4ZF2cjs = require('./chunk-KBYU4ZF2.cjs');
 
 
 
-var _chunkT7EAVBXLcjs = require('./chunk-T7EAVBXL.cjs');
+var _chunkPEUUQMJScjs = require('./chunk-PEUUQMJS.cjs');
 
 
-var _chunkAJLLRWSEcjs = require('./chunk-AJLLRWSE.cjs');
+var _chunkC4H5ZCTVcjs = require('./chunk-C4H5ZCTV.cjs');
 require('./chunk-TX2VP4J7.cjs');
 
 
 
-var _chunkXTR4NKDPcjs = require('./chunk-XTR4NKDP.cjs');
+var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
 
 
-var _chunkHPLU3CHPcjs = require('./chunk-HPLU3CHP.cjs');
+var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
 
 
-var _chunkBURI3HTZcjs = require('./chunk-BURI3HTZ.cjs');
+var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
 
 
-var _chunkD7KXMNEIcjs = require('./chunk-D7KXMNEI.cjs');
+var _chunkJSANDW3Wcjs = require('./chunk-JSANDW3W.cjs');
 
 
 
-var _chunkOOFJGGRScjs = require('./chunk-OOFJGGRS.cjs');
+var _chunkZZOEFQWQcjs = require('./chunk-ZZOEFQWQ.cjs');
 
 
 
 
-var _chunkA4FOULHYcjs = require('./chunk-A4FOULHY.cjs');
+var _chunkTAVTNSQGcjs = require('./chunk-TAVTNSQG.cjs');
 require('./chunk-D4TLDLEX.cjs');
 
 
@@ -97,5 +98,6 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunkXTR4NKDPcjs.Accordion_default; exports.Avatar = _chunkBURI3HTZcjs.Avatar_default; exports.AvatarGroup = _chunkHPLU3CHPcjs.AvatarGroup_default; exports.Badge = _chunkD7KXMNEIcjs.Badge_default; exports.Breadcrumb = _chunkOOFJGGRScjs.Breadcrumb_default; exports.Button = _chunkA4FOULHYcjs.Button_default; exports.ButtonGroup = _chunkA4FOULHYcjs.ButtonGroup_default; exports.Card = _chunkZXN5DNKQcjs.Card_default; exports.Drawer = _chunkWSM7WMFPcjs.Drawer_default; exports.Json = _chunkFFRBORVVcjs.Json_default; exports.Label = _chunkWV3ZDL4Jcjs.Label_default; exports.Menu = _chunkORO34I7Xcjs.Menu_default; exports.Modal = _chunkT7EAVBXLcjs.Modal_default; exports.Popover = _chunkAJLLRWSEcjs.Popover_default; exports.Tabs = _chunk2SQEDOXZcjs.Tabs_default; exports.Tooltip = _chunkXNMTAL3Jcjs.Tooltip_default; exports.accordionVariants = _chunkXTR4NKDPcjs.accordionVariants; exports.breadcrumbVariants = _chunkOOFJGGRScjs.breadcrumbVariants; exports.buttonVariants = _chunkA4FOULHYcjs.buttonVariants; exports.cardVariants = _chunkZXN5DNKQcjs.cardVariants; exports.drawerBackdrops = _chunkWSM7WMFPcjs.drawerBackdrops; exports.drawerPlacements = _chunkWSM7WMFPcjs.drawerPlacements; exports.drawerRadii = _chunkWSM7WMFPcjs.drawerRadii; exports.drawerSizes = _chunkWSM7WMFPcjs.drawerSizes; exports.drawerVariants = _chunkWSM7WMFPcjs.drawerVariants; exports.modalVariants = _chunkT7EAVBXLcjs.modalVariants; exports.tableVariants = _chunkTA3MY4KYcjs.tableVariants; exports.tabsVariants = _chunk2SQEDOXZcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkXNMTAL3Jcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkTAVTNSQGcjs.Button_default; exports.ButtonGroup = _chunkTAVTNSQGcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkU46SDLRHcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkKBYU4ZF2cjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkC4H5ZCTVcjs.Popover_default; exports.Table = _chunkCXHVRIPZcjs.Table_default; exports.Tabs = _chunkL2H7DUEBcjs.Tabs_default; exports.Tooltip = _chunkD6LCMOKNcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkTAVTNSQGcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkCXHVRIPZcjs.tableVariants; exports.tabsVariants = _chunkL2H7DUEBcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkD6LCMOKNcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,8rDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+uDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}

package/dist/index.d.cts

@@ -3,7 +3,7 @@ export { A as Avatar, a as AvatarProps } from './Avatar-CY2AIMsK.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-J1yR1Smi.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
-export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-g0hk2u-s.cjs';
+export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DyAm7NZs.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-CifCcX6s.cjs';
 export { J as Json, a as JsonProps } from './Json-DZue23GO.cjs';
@@ -11,7 +11,7 @@ export { L as Label, a as LabelProps } from './Label-BH0taC2T.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C7lpY7pY.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-Db9vCWrz.cjs';
-export { b as TableColumnProps, T as TableProps, a as TableRowProps, V as VariantProps, t as tableVariants } from './Table--d9l8Xlk.cjs';
+export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-mg36Y5qK.cjs';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-XIux-c3p.cjs';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-Bsq7nJLh.cjs';
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { A as Avatar, a as AvatarProps } from './Avatar-CY2AIMsK.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BSEjz5ez.js';
 export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
-export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-g0hk2u-s.js';
+export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DyAm7NZs.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-CifCcX6s.js';
 export { J as Json, a as JsonProps } from './Json-DZue23GO.js';
@@ -11,7 +11,7 @@ export { L as Label, a as LabelProps } from './Label-BH0taC2T.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-C7lpY7pY.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
 export { _ as Popover, P as PopoverProps } from './Popover-Db9vCWrz.js';
-export { b as TableColumnProps, T as TableProps, a as TableRowProps, V as VariantProps, t as tableVariants } from './Table--d9l8Xlk.js';
+export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-mg36Y5qK.js';
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-XIux-c3p.js';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-Bsq7nJLh.js';
 export { useDebounce, useLocalStorage } from './hooks/index.js';

package/dist/index.js

@@ -1,14 +1,15 @@
 import {
+  Table_default,
   tableVariants
-} from "./chunk-DQE7D2UZ.js";
+} from "./chunk-OVS2CO2K.js";
 import {
   Tabs_default,
   tabsVariants
-} from "./chunk-QSQ5NCIF.js";
+} from "./chunk-72VIMIAB.js";
 import {
   Tooltip_default,
   tooltipPlacementOptions
-} from "./chunk-ZKCOHRTR.js";
+} from "./chunk-VZJTWG7U.js";
 import {
   useDebounce,
   useLocalStorage
@@ -16,7 +17,7 @@ import {
 import {
   Card_default,
   cardVariants
-} from "./chunk-XUF52AKP.js";
+} from "./chunk-ABKT5UKM.js";
 import {
   Drawer_default,
   drawerBackdrops,
@@ -24,46 +25,46 @@ import {
   drawerRadii,
   drawerSizes,
   drawerVariants
-} from "./chunk-ITOA7Q42.js";
+} from "./chunk-VBOUHWXM.js";
 import {
   Json_default
-} from "./chunk-UZPVE6UB.js";
+} from "./chunk-XNKV2DN7.js";
 import {
   Label_default
-} from "./chunk-ZZC6S7D2.js";
+} from "./chunk-NQVSANDI.js";
 import {
   Menu_default
-} from "./chunk-TCL2PX3F.js";
+} from "./chunk-LRJVQPVR.js";
 import {
   Modal_default,
   modalVariants
-} from "./chunk-EVAV23ZV.js";
+} from "./chunk-RW4WTSLJ.js";
 import {
   Popover_default
-} from "./chunk-2WJJS4CZ.js";
+} from "./chunk-7H67WTTJ.js";
 import "./chunk-EQVC4PJE.js";
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-GA54AM2W.js";
+} from "./chunk-NHEC3GYW.js";
 import {
   AvatarGroup_default
-} from "./chunk-FPU6RJSG.js";
+} from "./chunk-3QICKBFS.js";
 import {
   Avatar_default
-} from "./chunk-CWCZM3HS.js";
+} from "./chunk-4Y4W74D7.js";
 import {
   Badge_default
-} from "./chunk-Z7QNU4XB.js";
+} from "./chunk-NES3USBQ.js";
 import {
   Breadcrumb_default,
   breadcrumbVariants
-} from "./chunk-5H2LBLSC.js";
+} from "./chunk-7QBCVRQD.js";
 import {
   ButtonGroup_default,
   Button_default,
   buttonVariants
-} from "./chunk-3LEUWIY3.js";
+} from "./chunk-ERK2LYGJ.js";
 import "./chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,
@@ -80,6 +81,7 @@ export {
   Menu_default as Menu,
   Modal_default as Modal,
   Popover_default as Popover,
+  Table_default as Table,
   Tabs_default as Tabs,
   Tooltip_default as Tooltip,
   accordionVariants,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.32.2",
+  "version": "0.32.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -160,14 +160,14 @@
     "@heroui/theme": "2.4.6",
     "@heroui/tabs": "2.2.8",
     "@heroui/tooltip": "2.2.8",
-    "framer-motion": "11.18.2",
+    "framer-motion": "12.0.6",
     "next-themes": "0.4.4",
     "react-icons": "5.4.0",
     "@fuf-stack/pixel-utils": "0.5.0"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "19.0.7",
+    "@types/react": "19.0.8",
     "@types/react-dom": "19.0.3",
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",

package/dist/chunk-TA3MY4KY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TA3MY4KY.cjs","../src/Table/Table.tsx","../src/Table/index.ts"],"names":["Table_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TA3MY4KY.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  getKeyValue,\n  Table as NextTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@heroui/table';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface TableRowProps {\n  key: string | number;\n  [key: string | number]: ReactNode;\n}\n\nexport interface TableProps extends VariantProps {\n  /** Aria label for the Table. */\n  ariaLabel?: string;\n  /** Component to display at the bottom of the Table. */\n  bottomContent?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Objects with table data */\n  columns: TableColumnProps[];\n  /** Component to display if there are no rows! */\n  emptyContent?: ReactNode;\n  /** Determine if the Table should have a card like wrapper. */\n  hasWrapper?: boolean;\n  /** remove header */\n  hideHeader?: boolean;\n  /** Tells the Table to show the loading component. */\n  loading?: boolean;\n  /** Loading animation component. */\n  loadingContent?: ReactNode;\n  /** Items displayed as rows in the Table. Should have key-value pair for each column. */\n  rows?: TableRowProps[];\n  /** Separation style for the rows & columns. */\n  separation?:\n    | 'none'\n    | 'striped'\n    | 'striped-divider-x'\n    | 'divider-x'\n    | 'divider-y'\n    | 'divider';\n  /** Keeps the header of the Table in view while scrolling a height limited Table. */\n  stickyHeader?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)\n */\nconst Table = ({\n  ariaLabel = undefined,\n  bottomContent = undefined,\n  className = undefined,\n  columns,\n  emptyContent = 'No rows to display.',\n  hasWrapper = false,\n  hideHeader = false,\n  loading = false,\n  loadingContent = undefined,\n  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId && slugify(testId)}\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      removeWrapper={!hasWrapper}\n    >\n      <TableHeader columns={columns}>\n        {(column: TableColumnProps) => (\n          <TableColumn key={column.key}>{column.label}</TableColumn>\n        )}\n      </TableHeader>\n      <TableBody\n        isLoading={loading}\n        loadingContent={loadingContent || '...'} // TODO: use future spinner/loading component\n        emptyContent={emptyContent}\n        items={rows}\n      >\n        {(item: TableRowProps) => (\n          <TableRow\n            key={item.key}\n            // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n          >\n            {(columnKey) => (\n              <TableCell>{getKeyValue(item, columnKey)}</TableCell>\n            )}\n          </TableRow>\n        )}\n      </TableBody>\n    </NextTable>\n  );\n};\n\nexport default Table;\n","import Table, { tableVariants } from './Table';\n\nexport type {\n  TableProps,\n  TableRowProps,\n  TableColumnProps,\n  VariantProps,\n} from './Table';\n\nexport { tableVariants };\n\nexport default Table;\n"]}