@fuf-stack/pixels 0.31.3 → 0.31.5

package/dist/Card/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkAVYWDZ7Xcjs = require('../chunk-AVYWDZ7X.cjs');
+var _chunk5QUNGXD6cjs = require('../chunk-5QUNGXD6.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
 
-exports.Card = _chunkAVYWDZ7Xcjs.Card_default; exports.cardVariants = _chunkAVYWDZ7Xcjs.cardVariants; exports.default = _chunkAVYWDZ7Xcjs.Card_default2;
+exports.Card = _chunk5QUNGXD6cjs.Card_default; exports.cardVariants = _chunk5QUNGXD6cjs.cardVariants; exports.default = _chunk5QUNGXD6cjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.d.cts

@@ -1,10 +1,9 @@
-import { C as Card } from '../Card-9RmJ_S7F.cjs';
-export { a as CardProps, c as cardVariants } from '../Card-9RmJ_S7F.cjs';
-import 'react/jsx-runtime';
+import { C as Card } from '../Card-BsRTIzky.cjs';
+export { a as CardProps, c as cardVariants } from '../Card-BsRTIzky.cjs';
+import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react';
 
 
 

package/dist/Card/index.d.ts

@@ -1,10 +1,9 @@
-import { C as Card } from '../Card-9RmJ_S7F.js';
-export { a as CardProps, c as cardVariants } from '../Card-9RmJ_S7F.js';
-import 'react/jsx-runtime';
+import { C as Card } from '../Card-BsRTIzky.js';
+export { a as CardProps, c as cardVariants } from '../Card-BsRTIzky.js';
+import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
-import 'react';
 
 
 

package/dist/Card/index.js

@@ -2,7 +2,7 @@ import {
   Card_default,
   Card_default2,
   cardVariants
-} from "../chunk-CZJKT7IC.js";
+} from "../chunk-TN3M7YVY.js";
 import "../chunk-J7N2552D.js";
 export {
   Card_default as Card,

package/dist/{Card-9RmJ_S7F.d.cts → Card-BsRTIzky.d.cts}

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
 
 declare const cardVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -90,6 +90,6 @@ interface CardProps extends VariantProps {
 /**
  * Card component based on [NextUI Card](https://nextui.org/docs/components/card)
  */
-declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
 
 export { Card as C, type CardProps as a, cardVariants as c };

package/dist/{Card-9RmJ_S7F.d.ts → Card-BsRTIzky.d.ts}

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import { ReactNode } from 'react';
 
 declare const cardVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -90,6 +90,6 @@ interface CardProps extends VariantProps {
 /**
  * Card component based on [NextUI Card](https://nextui.org/docs/components/card)
  */
-declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
 
 export { Card as C, type CardProps as a, cardVariants as c };

package/dist/chunk-5QUNGXD6.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+// src/Card/Card.tsx
+var _react = require('react');
+
+
+
+
+
+var _card = require('@nextui-org/card');
+var _divider = require('@nextui-org/divider');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var cardVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "border border-divider",
+    body: "",
+    divider: "my-0 border-divider",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = _react.forwardRef.call(void 0, 
+  ({
+    children = null,
+    className = void 0,
+    footer = void 0,
+    header = void 0,
+    testId = void 0
+  }, ref) => {
+    const variants = cardVariants();
+    const _a = _pixelutils.variantsToClassNames.call(void 0, 
+      variants,
+      className,
+      "base"
+    ), { divider: dividerClassName } = _a, classNames = _chunkD4TLDLEXcjs.__objRest.call(void 0, _a, ["divider"]);
+    const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _card.Card,
+      {
+        classNames,
+        "data-testid": testId && `card_${testId}`,
+        fullWidth: true,
+        radius: "sm",
+        ref,
+        shadow: "none",
+        children: [
+          header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
+            divider
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
+          footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            divider,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var Card_default = Card;
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+
+
+
+
+
+exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
+//# sourceMappingURL=chunk-5QUNGXD6.cjs.map

package/dist/chunk-5QUNGXD6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5QUNGXD6.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,8BAA2B;AAE3B;AACE;AACA;AACA;AACA;AAAc,wCACT;AACP,8CAAuC;AAEvC,oDAAyC;AAmDrB,+CAAA;AAhDb,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,+BAAA;AAAA,EACX,CACE;AAAA,IACE,SAAA,EAAW,IAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAA;AAAA,IACZ,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA,CAAA;AAAA,IACT,OAAA,EAAS,KAAA;AAAA,EACX,CAAA,EACA,GAAA,EAAA,GACG;AAEH,IAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,IAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,MACnD,QAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,IACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBA1DrB,EAAA,EA0DyD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,IAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,IAAA,uBACE,8BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,QAAA;AACF,QAAA;AACP,QAAA;AACO,QAAA;AAEN,QAAA;AACC,UAAA;AACG,4BAAA;AAGA,YAAA;AACH,UAAA;AAEY,0BAAA;AAIZ,UAAA;AACG,YAAA;AACA,4BAAA;AAGH,UAAA;AAAA,QAAA;AAAA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEe;ADnCiC;AACA;AE3DjC;AF6DiC;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-5QUNGXD6.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children = null,\n      className = undefined,\n      footer = undefined,\n      header = undefined,\n      testId = undefined,\n    },\n    ref,\n  ) => {\n    // classNames from slots\n    const variants = cardVariants();\n    const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n      variants,\n      className,\n      'base',\n    );\n\n    const divider = <NextDivider className={dividerClassName} />;\n\n    return (\n      <NextCard\n        classNames={classNames}\n        data-testid={testId && `card_${testId}`}\n        fullWidth\n        radius=\"sm\"\n        ref={ref}\n        shadow=\"none\"\n      >\n        {header && (\n          <>\n            <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n              {header}\n            </NextCardHeader>\n            {divider}\n          </>\n        )}\n        <NextCardBody data-testid={testId && `card_body_${testId}`}>\n          {children}\n        </NextCardBody>\n        {footer && (\n          <>\n            {divider}\n            <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n              {footer}\n            </NextCardFooter>\n          </>\n        )}\n      </NextCard>\n    );\n  },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}

package/dist/chunk-TN3M7YVY.js

@@ -0,0 +1,74 @@
+import {
+  __objRest
+} from "./chunk-J7N2552D.js";
+
+// src/Card/Card.tsx
+import { forwardRef } from "react";
+import {
+  Card as NextCard,
+  CardBody as NextCardBody,
+  CardFooter as NextCardFooter,
+  CardHeader as NextCardHeader
+} from "@nextui-org/card";
+import { Divider as NextDivider } from "@nextui-org/divider";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var cardVariants = tv({
+  slots: {
+    base: "border border-divider",
+    body: "",
+    divider: "my-0 border-divider",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = forwardRef(
+  ({
+    children = null,
+    className = void 0,
+    footer = void 0,
+    header = void 0,
+    testId = void 0
+  }, ref) => {
+    const variants = cardVariants();
+    const _a = variantsToClassNames(
+      variants,
+      className,
+      "base"
+    ), { divider: dividerClassName } = _a, classNames = __objRest(_a, ["divider"]);
+    const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
+    return /* @__PURE__ */ jsxs(
+      NextCard,
+      {
+        classNames,
+        "data-testid": testId && `card_${testId}`,
+        fullWidth: true,
+        radius: "sm",
+        ref,
+        shadow: "none",
+        children: [
+          header && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
+            divider
+          ] }),
+          /* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
+          footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+            divider,
+            /* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
+          ] })
+        ]
+      }
+    );
+  }
+);
+var Card_default = Card;
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+
+export {
+  cardVariants,
+  Card_default,
+  Card_default2
+};
+//# sourceMappingURL=chunk-TN3M7YVY.js.map

package/dist/chunk-TN3M7YVY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children = null,\n      className = undefined,\n      footer = undefined,\n      header = undefined,\n      testId = undefined,\n    },\n    ref,\n  ) => {\n    // classNames from slots\n    const variants = cardVariants();\n    const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n      variants,\n      className,\n      'base',\n    );\n\n    const divider = <NextDivider className={dividerClassName} />;\n\n    return (\n      <NextCard\n        classNames={classNames}\n        data-testid={testId && `card_${testId}`}\n        fullWidth\n        radius=\"sm\"\n        ref={ref}\n        shadow=\"none\"\n      >\n        {header && (\n          <>\n            <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n              {header}\n            </NextCardHeader>\n            {divider}\n          </>\n        )}\n        <NextCardBody data-testid={testId && `card_body_${testId}`}>\n          {children}\n        </NextCardBody>\n        {footer && (\n          <>\n            {divider}\n            <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n              {footer}\n            </NextCardFooter>\n          </>\n        )}\n      </NextCard>\n    );\n  },\n);\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;AAE3B;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAmDrB,SAYV,UAZU,KAYV,YAZU;AAhDb,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAqBD,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EACX,GACA,QACG;AAEH,UAAM,WAAW,aAAa;AAC9B,UAAqD;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,IACF,GAJQ,WAAS,iBA1DrB,IA0DyD,IAAf,uBAAe,IAAf,CAA9B;AAMR,UAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa,UAAU,QAAQ,MAAM;AAAA,QACrC,WAAS;AAAA,QACT,QAAO;AAAA,QACP;AAAA,QACA,QAAO;AAAA,QAEN;AAAA,oBACC,iCACE;AAAA,gCAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,YACC;AAAA,aACH;AAAA,UAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,UACC,UACC,iCACG;AAAA;AAAA,YACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,aACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;;;AC7Ff,IAAOA,gBAAQ;","names":["Card_default"]}

package/dist/index.cjs

@@ -60,7 +60,7 @@ var _chunk7TIFKRWYcjs = require('./chunk-7TIFKRWY.cjs');
 
 
 
-var _chunkAVYWDZ7Xcjs = require('./chunk-AVYWDZ7X.cjs');
+var _chunk5QUNGXD6cjs = require('./chunk-5QUNGXD6.cjs');
 require('./chunk-D4TLDLEX.cjs');
 
 
@@ -93,5 +93,5 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunkZXGEK67Fcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunkAVYWDZ7Xcjs.Card_default; exports.Drawer = _chunk7ZJ6LE2Pcjs.Drawer_default; exports.Json = _chunkOLKLIWBEcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkLY45VQ2Ecjs.Menu_default; exports.Modal = _chunkVG5A2YZEcjs.Modal_default; exports.Popover = _chunk2WDAJ6ERcjs.Popover_default; exports.Tabs = _chunkZ5OFNBWIcjs.Tabs_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkZXGEK67Fcjs.accordionVariants; exports.breadcrumbVariants = _chunkNVNT4PMScjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunkAVYWDZ7Xcjs.cardVariants; exports.drawerBackdrops = _chunk7ZJ6LE2Pcjs.drawerBackdrops; exports.drawerPlacements = _chunk7ZJ6LE2Pcjs.drawerPlacements; exports.drawerRadii = _chunk7ZJ6LE2Pcjs.drawerRadii; exports.drawerSizes = _chunk7ZJ6LE2Pcjs.drawerSizes; exports.drawerVariants = _chunk7ZJ6LE2Pcjs.drawerVariants; exports.modalVariants = _chunkVG5A2YZEcjs.modalVariants; exports.tabsVariants = _chunkZ5OFNBWIcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkZXGEK67Fcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunk7XJHVFT3cjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Breadcrumb = _chunkNVNT4PMScjs.Breadcrumb_default; exports.Button = _chunk7TIFKRWYcjs.Button_default; exports.ButtonGroup = _chunk7TIFKRWYcjs.ButtonGroup_default; exports.Card = _chunk5QUNGXD6cjs.Card_default; exports.Drawer = _chunk7ZJ6LE2Pcjs.Drawer_default; exports.Json = _chunkOLKLIWBEcjs.Json_default; exports.Label = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkLY45VQ2Ecjs.Menu_default; exports.Modal = _chunkVG5A2YZEcjs.Modal_default; exports.Popover = _chunk2WDAJ6ERcjs.Popover_default; exports.Tabs = _chunkZ5OFNBWIcjs.Tabs_default; exports.Tooltip = _chunkRMA57Q6Kcjs.Tooltip_default; exports.accordionVariants = _chunkZXGEK67Fcjs.accordionVariants; exports.breadcrumbVariants = _chunkNVNT4PMScjs.breadcrumbVariants; exports.buttonVariants = _chunk7TIFKRWYcjs.buttonVariants; exports.cardVariants = _chunk5QUNGXD6cjs.cardVariants; exports.drawerBackdrops = _chunk7ZJ6LE2Pcjs.drawerBackdrops; exports.drawerPlacements = _chunk7ZJ6LE2Pcjs.drawerPlacements; exports.drawerRadii = _chunk7ZJ6LE2Pcjs.drawerRadii; exports.drawerSizes = _chunk7ZJ6LE2Pcjs.drawerSizes; exports.drawerVariants = _chunk7ZJ6LE2Pcjs.drawerVariants; exports.modalVariants = _chunkVG5A2YZEcjs.modalVariants; exports.tabsVariants = _chunkZ5OFNBWIcjs.tabsVariants; exports.tooltipPlacementOptions = _chunkRMA57Q6Kcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -4,7 +4,7 @@ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DyX3Lj28.
 export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.cjs';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.cjs';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.cjs';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-BsRTIzky.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-DvEDC3UK.cjs';
 export { J as Json, a as JsonProps } from './Json-DZue23GO.cjs';
 export { L as Label, a as LabelProps } from './Label--qRYiJs-.cjs';

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BTPgXs_F.
 export { A as Badge, B as BadgeProps } from './Badge-yzXn5LtZ.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-DHn8XeOY.js';
 export { B as Button, a as ButtonGroup, c as ButtonProps, b as buttonVariants } from './ButtonGroup-DIL5WB0f.js';
-export { C as Card, a as CardProps, c as cardVariants } from './Card-9RmJ_S7F.js';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-BsRTIzky.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-DvEDC3UK.js';
 export { J as Json, a as JsonProps } from './Json-DZue23GO.js';
 export { L as Label, a as LabelProps } from './Label--qRYiJs-.js';

package/dist/index.js

@@ -60,7 +60,7 @@ import {
 import {
   Card_default,
   cardVariants
-} from "./chunk-CZJKT7IC.js";
+} from "./chunk-TN3M7YVY.js";
 import "./chunk-J7N2552D.js";
 export {
   Accordion_default as Accordion,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.31.3",
+  "version": "0.31.5",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -148,22 +148,22 @@
     "@nextui-org/theme": "2.4.5",
     "@nextui-org/tabs": "2.2.7",
     "@nextui-org/tooltip": "2.2.7",
-    "framer-motion": "11.16.0",
+    "framer-motion": "11.17.0",
     "next-themes": "0.4.4",
     "react-icons": "5.4.0",
     "@fuf-stack/pixel-utils": "0.4.3"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "19.0.3",
-    "@types/react-dom": "19.0.2",
+    "@types/react": "19.0.6",
+    "@types/react-dom": "19.0.3",
     "@uiw/react-json-view": "2.0.0-alpha.30",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1"
+    "@repo/tsup-config": "0.0.1",
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

package/dist/chunk-AVYWDZ7X.cjs

@@ -1,70 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
-
-// src/Card/Card.tsx
-
-
-
-
-
-var _card = require('@nextui-org/card');
-var _divider = require('@nextui-org/divider');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var cardVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "border border-divider",
-    body: "",
-    divider: "my-0 border-divider",
-    footer: "",
-    header: "text-base font-semibold"
-  }
-});
-var Card = ({
-  children = null,
-  className = void 0,
-  testId = void 0,
-  header = void 0,
-  footer = void 0
-}) => {
-  const variants = cardVariants();
-  const _a = _pixelutils.variantsToClassNames.call(void 0, 
-    variants,
-    className,
-    "base"
-  ), { divider: dividerClassName } = _a, classNames = _chunkD4TLDLEXcjs.__objRest.call(void 0, _a, ["divider"]);
-  const divider = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _divider.Divider, { className: dividerClassName });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _card.Card,
-    {
-      classNames,
-      "data-testid": testId && `card_${testId}`,
-      fullWidth: true,
-      radius: "sm",
-      shadow: "none",
-      children: [
-        header && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
-          divider
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardBody, { "data-testid": testId && `card_body_${testId}`, children }),
-        footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          divider,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _card.CardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
-        ] })
-      ]
-    }
-  );
-};
-var Card_default = Card;
-
-// src/Card/index.ts
-var Card_default2 = Card_default;
-
-
-
-
-
-exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
-//# sourceMappingURL=chunk-AVYWDZ7X.cjs.map

package/dist/chunk-AVYWDZ7X.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-AVYWDZ7X.cjs","../src/Card/Card.tsx","../src/Card/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AACA;AACA;AAAc,wCACT;AACP,8CAAuC;AAEvC,oDAAyC;AA+CvB,+CAAA;AA5CX,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uBAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,qBAAA;AAAA,IACT,MAAA,EAAQ,EAAA;AAAA,IACR,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAqBD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAiB;AAEf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAqD,GAAA,EAAA,8CAAA;AAAA,IACnD,QAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,EACF,CAAA,EAJQ,EAAA,OAAA,EAAS,iBApDnB,EAAA,EAoDuD,EAAA,EAAf,WAAA,EAAA,yCAAA,EAAe,EAAf,CAA9B,SAAA,CAAA,CAAA;AAMR,EAAA,MAAM,QAAA,kBAAU,6BAAA,gBAAC,EAAA,EAAY,SAAA,EAAW,iBAAA,CAAkB,CAAA;AAE1D,EAAA,uBACE,8BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,aAAA,EAAa,OAAA,GAAU,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA;AAC5B,MAAA;AACF,MAAA;AACA,MAAA;AAEN,MAAA;AACC,QAAA;AACG,0BAAA;AAGA,UAAA;AACH,QAAA;AAEY,wBAAA;AAIZ,QAAA;AACG,UAAA;AACA,0BAAA;AAGH,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAEe;AD/B+B;AACA;AEvD/B;AFyD+B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-AVYWDZ7X.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n    variants,\n    className,\n    'base',\n  );\n\n  const divider = <NextDivider className={dividerClassName} />;\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}

package/dist/chunk-CZJKT7IC.js

@@ -1,70 +0,0 @@
-import {
-  __objRest
-} from "./chunk-J7N2552D.js";
-
-// src/Card/Card.tsx
-import {
-  Card as NextCard,
-  CardBody as NextCardBody,
-  CardFooter as NextCardFooter,
-  CardHeader as NextCardHeader
-} from "@nextui-org/card";
-import { Divider as NextDivider } from "@nextui-org/divider";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var cardVariants = tv({
-  slots: {
-    base: "border border-divider",
-    body: "",
-    divider: "my-0 border-divider",
-    footer: "",
-    header: "text-base font-semibold"
-  }
-});
-var Card = ({
-  children = null,
-  className = void 0,
-  testId = void 0,
-  header = void 0,
-  footer = void 0
-}) => {
-  const variants = cardVariants();
-  const _a = variantsToClassNames(
-    variants,
-    className,
-    "base"
-  ), { divider: dividerClassName } = _a, classNames = __objRest(_a, ["divider"]);
-  const divider = /* @__PURE__ */ jsx(NextDivider, { className: dividerClassName });
-  return /* @__PURE__ */ jsxs(
-    NextCard,
-    {
-      classNames,
-      "data-testid": testId && `card_${testId}`,
-      fullWidth: true,
-      radius: "sm",
-      shadow: "none",
-      children: [
-        header && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(NextCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
-          divider
-        ] }),
-        /* @__PURE__ */ jsx(NextCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
-        footer && /* @__PURE__ */ jsxs(Fragment, { children: [
-          divider,
-          /* @__PURE__ */ jsx(NextCardFooter, { "data-testid": testId && `card_footer_${testId}`, children: footer })
-        ] })
-      ]
-    }
-  );
-};
-var Card_default = Card;
-
-// src/Card/index.ts
-var Card_default2 = Card_default;
-
-export {
-  cardVariants,
-  Card_default,
-  Card_default2
-};
-//# sourceMappingURL=chunk-CZJKT7IC.js.map

package/dist/chunk-CZJKT7IC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const { divider: dividerClassName, ...classNames } = variantsToClassNames(\n    variants,\n    className,\n    'base',\n  );\n\n  const divider = <NextDivider className={dividerClassName} />;\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA+CvB,SAWV,UAXU,KAWV,YAXU;AA5CX,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAqBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAqD;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAJQ,WAAS,iBApDnB,IAoDuD,IAAf,uBAAe,IAAf,CAA9B;AAMR,QAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;ACrFf,IAAOA,gBAAQ;","names":["Card_default"]}