@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Button/index.d.ts

@@ -1,10 +1,2 @@
-import { B as Button } from '../Button-nJ22qVMK.js';
-export { a as ButtonProps, b as buttonVariants } from '../Button-nJ22qVMK.js';
-import 'react';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/button';
-
-
-
-export { Button, Button as default };
+import { Button, ButtonProps, buttonVariants } from "./Button.js";
+export { Button, Button as default, type ButtonProps, buttonVariants };

package/dist/Button/index.js

@@ -1,12 +1,7 @@
-import {
-  Button_default,
-  Button_default2,
-  buttonVariants
-} from "../chunk-2NMIKTA5.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Button_default as Button,
-  buttonVariants,
-  Button_default2 as default
-};
+import Button, { buttonVariants } from "./Button.js";
+//#region src/Button/index.ts
+var Button_default = Button;
+//#endregion
+export { Button, buttonVariants, Button_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Button/index.ts"],"sourcesContent":["import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";;AAMA,IAAA,iBAAe"}

package/dist/Button/subcomponents/LoadingSpinner.cjs

@@ -0,0 +1,31 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Button/subcomponents/LoadingSpinner.tsx
+/**
+* svg loading spinner for button
+* @see https://www.heroui.com//docs/components/button#loading
+* */
+const LoadingSpinner = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		className: "h-5 w-5 animate-spin text-current",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			className: "opacity-75",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+			fill: "currentColor"
+		})]
+	});
+};
+//#endregion
+exports.default = LoadingSpinner;
+
+//# sourceMappingURL=LoadingSpinner.cjs.map

package/dist/Button/subcomponents/LoadingSpinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.cjs","names":[],"sources":["../../../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;AAIA,MAAM,uBAAuB;CAC3B,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,SAAQ;EACR,OAAM;YAJR,CAME,iBAAA,GAAA,kBAAA,KAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;EACb,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;EACN,CAAA,CACE;;AAET"}

package/dist/Button/subcomponents/LoadingSpinner.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Button/subcomponents/LoadingSpinner.tsx
+/**
+* svg loading spinner for button
+* @see https://www.heroui.com//docs/components/button#loading
+* */
+const LoadingSpinner = () => {
+	return /* @__PURE__ */ jsxs("svg", {
+		className: "h-5 w-5 animate-spin text-current",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ jsx("path", {
+			className: "opacity-75",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
+			fill: "currentColor"
+		})]
+	});
+};
+//#endregion
+export { LoadingSpinner as default };
+
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/Button/subcomponents/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","names":[],"sources":["../../../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;AAIA,MAAM,uBAAuB;CAC3B,OACE,qBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,SAAQ;EACR,OAAM;YAJR,CAME,oBAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;EACb,CAAA,GACD,oBAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;EACN,CAAA,CACE;;AAET"}

package/dist/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,10 @@
+require("../_virtual/_rolldown/runtime.cjs");
+//#region src/ButtonGroup/ButtonGroup.tsx
+/**
+* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+*/
+const ButtonGroup = require("@heroui/button").ButtonGroup;
+//#endregion
+exports.default = ButtonGroup;
+
+//# sourceMappingURL=ButtonGroup.cjs.map

package/dist/ButtonGroup/ButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.cjs","names":["HeroButtonGroup"],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n"],"mappings":";;;;;AAOA,MAAM,sCAAcA,EAAAA"}

package/dist/ButtonGroup/ButtonGroup.d.cts

@@ -0,0 +1,10 @@
+import { ButtonGroupProps } from "@heroui/button";
+
+//#region src/ButtonGroup/ButtonGroup.d.ts
+/**
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+ */
+declare const ButtonGroup: import("@heroui/system").InternalForwardRefRenderFunction<"div", import("@heroui/button").ButtonGroupProps, never>;
+//#endregion
+export { ButtonGroup, type ButtonGroupProps };
+//# sourceMappingURL=ButtonGroup.d.cts.map

package/dist/ButtonGroup/ButtonGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.cts","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"mappings":";;;;;AAEuD;cAKjD,WAAA,2BAAW,gCAAA,iCAAA,gBAAA"}

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,10 @@
+import { ButtonGroupProps } from "@heroui/button";
+
+//#region src/ButtonGroup/ButtonGroup.d.ts
+/**
+ * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+ */
+declare const ButtonGroup$1: import("@heroui/system").InternalForwardRefRenderFunction<"div", import("@heroui/button").ButtonGroupProps, never>;
+//#endregion
+export { ButtonGroup$1 as ButtonGroup, type ButtonGroupProps };
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","names":[],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"mappings":";;;;;AAEuD;cAKjD,aAAA,2BAAW,gCAAA,iCAAA,gBAAA"}

package/dist/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,10 @@
+import { ButtonGroup } from "@heroui/button";
+//#region src/ButtonGroup/ButtonGroup.tsx
+/**
+* Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)
+*/
+const ButtonGroup$1 = ButtonGroup;
+//#endregion
+export { ButtonGroup$1 as default };
+
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","names":["ButtonGroup","HeroButtonGroup"],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n"],"mappings":";;;;;AAOA,MAAMA,gBAAcC"}

package/dist/ButtonGroup/index.cjs

@@ -1,10 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_ButtonGroup = require("./ButtonGroup.cjs");
+//#region src/ButtonGroup/index.ts
+var ButtonGroup_default = require_ButtonGroup.default;
+//#endregion
+exports.ButtonGroup = require_ButtonGroup.default;
+exports.default = ButtonGroup_default;
 
-
-var _chunkY3RSI2KVcjs = require('../chunk-Y3RSI2KV.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.default = _chunkY3RSI2KVcjs.ButtonGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/ButtonGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/ButtonGroup/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/ButtonGroup/index.cjs"}
+{"version":3,"file":"index.cjs","names":["ButtonGroup"],"sources":["../../src/ButtonGroup/index.ts"],"sourcesContent":["import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"],"mappings":";;;;;;AAMA,IAAA,sBAAeA,oBAAAA"}

package/dist/ButtonGroup/index.d.cts

@@ -1,7 +1,2 @@
-import { B as ButtonGroup } from '../ButtonGroup-CUxpALRo.cjs';
-export { ButtonGroupProps } from '@heroui/button';
-import '@heroui/system';
-
-
-
-export { ButtonGroup, ButtonGroup as default };
+import { ButtonGroup, ButtonGroupProps } from "./ButtonGroup.cjs";
+export { ButtonGroup, ButtonGroup as default, type ButtonGroupProps };

package/dist/ButtonGroup/index.d.ts

@@ -1,7 +1,2 @@
-import { B as ButtonGroup } from '../ButtonGroup-CUxpALRo.js';
-export { ButtonGroupProps } from '@heroui/button';
-import '@heroui/system';
-
-
-
-export { ButtonGroup, ButtonGroup as default };
+import { ButtonGroup, ButtonGroupProps } from "./ButtonGroup.js";
+export { ButtonGroup, ButtonGroup as default, type ButtonGroupProps };

package/dist/ButtonGroup/index.js

@@ -1,10 +1,7 @@
-import {
-  ButtonGroup_default,
-  ButtonGroup_default2
-} from "../chunk-FNQ7VO32.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  ButtonGroup_default as ButtonGroup,
-  ButtonGroup_default2 as default
-};
+import ButtonGroup from "./ButtonGroup.js";
+//#region src/ButtonGroup/index.ts
+var ButtonGroup_default = ButtonGroup;
+//#endregion
+export { ButtonGroup, ButtonGroup_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/ButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ButtonGroup/index.ts"],"sourcesContent":["import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"],"mappings":";;AAMA,IAAA,sBAAe"}

package/dist/Card/Card.cjs

@@ -0,0 +1,48 @@
+require("../_virtual/_rolldown/runtime.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _heroui_card = require("@heroui/card");
+let _heroui_divider = require("@heroui/divider");
+//#region src/Card/Card.tsx
+const cardVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	base: "border border-divider",
+	body: "",
+	divider: "my-0 border-divider",
+	footer: "",
+	header: "z-auto text-base font-semibold"
+} });
+/**
+* Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)
+*/
+const Card = (0, react.forwardRef)(({ children = null, className = void 0, footer = void 0, header = void 0, testId = void 0 }, ref) => {
+	const { divider: dividerClassName, ...classNames } = (0, _fuf_stack_pixel_utils.variantsToClassNames)(cardVariants(), className, "base");
+	const divider = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_divider.Divider, { className: dividerClassName });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_card.Card, {
+		ref,
+		fullWidth: true,
+		classNames,
+		"data-testid": testId ? `card_${testId}` : null,
+		radius: "sm",
+		shadow: "none",
+		children: [
+			header ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_card.CardHeader, {
+				"data-testid": testId ? `card_header_${testId}` : null,
+				children: header
+			}), divider] }) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_card.CardBody, {
+				"data-testid": testId ? `card_body_${testId}` : null,
+				children
+			}),
+			footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [divider, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_card.CardFooter, {
+				"data-testid": testId ? `card_footer_${testId}` : null,
+				children: footer
+			})] }) : null
+		]
+	});
+});
+//#endregion
+exports.cardVariants = cardVariants;
+exports.default = Card;
+
+//# sourceMappingURL=Card.cjs.map

package/dist/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":["HeroDivider","HeroCard","HeroCardHeader","HeroCardBody","HeroCardFooter"],"sources":["../../src/Card/Card.tsx"],"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 HeroCard,\n  CardBody as HeroCardBody,\n  CardFooter as HeroCardFooter,\n  CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } from '@heroui/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: 'z-auto 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 [HeroUI Card](https://www.heroui.com//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 = <HeroDivider className={dividerClassName} />;\n\n    return (\n      <HeroCard\n        ref={ref}\n        fullWidth\n        classNames={classNames}\n        data-testid={testId ? `card_${testId}` : null}\n        radius=\"sm\"\n        shadow=\"none\"\n      >\n        {header ? (\n          <>\n            <HeroCardHeader\n              data-testid={testId ? `card_header_${testId}` : null}\n            >\n              {header}\n            </HeroCardHeader>\n            {divider}\n          </>\n        ) : null}\n        <HeroCardBody data-testid={testId ? `card_body_${testId}` : null}>\n          {children}\n        </HeroCardBody>\n        {footer ? (\n          <>\n            {divider}\n            <HeroCardFooter\n              data-testid={testId ? `card_footer_${testId}` : null}\n            >\n              {footer}\n            </HeroCardFooter>\n          </>\n        ) : null}\n      </HeroCard>\n    );\n  },\n);\n\nexport default Card;\n"],"mappings":";;;;;;;AAgBA,MAAa,gBAAA,GAAA,uBAAA,IAAkB,EAC7B,OAAO;CACL,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,EACF,CAAC;;;;AAqBD,MAAM,QAAA,GAAA,MAAA,aAEF,EACE,WAAW,MACX,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,SAAS,KAAA,GACT,SAAS,KAAA,KAEX,QACG;CAGH,MAAM,EAAE,SAAS,kBAAkB,GAAG,gBAAA,GAAA,uBAAA,sBADrB,aAER,GACP,WACA,MACF;CAEA,MAAM,UAAU,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD,EAAa,WAAW,iBAAmB,CAAA;CAE3D,OACE,iBAAA,GAAA,kBAAA,MAACC,aAAAA,MAAD;EACO;EACL,WAAA;EACY;EACZ,eAAa,SAAS,QAAQ,WAAW;EACzC,QAAO;EACP,QAAO;YANT;GAQG,SACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,GACf,OACD,EAAA,CAAA,IACA;GACJ,iBAAA,GAAA,kBAAA,KAACC,aAAAA,UAAD;IAAc,eAAa,SAAS,aAAa,WAAW;IACzD;GACW,CAAA;GACb,SACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,SACD,iBAAA,GAAA,kBAAA,KAACC,aAAAA,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,CAChB,EAAA,CAAA,IACA;EACI;;AAEd,CACF"}

package/dist/Card/Card.d.cts

@@ -0,0 +1,74 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Card/Card.d.ts
+declare const cardVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof cardVariants>;
+type ClassName = TVClassName<typeof cardVariants>;
+interface CardProps extends VariantProps {
+  /** card body content */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** footer content */
+  footer?: ReactNode;
+  /** header content */
+  header?: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)
+ */
+declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardProps, cardVariants };
+//# sourceMappingURL=Card.d.cts.map

package/dist/Card/Card.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.cts","names":[],"sources":["../../src/Card/Card.tsx"],"mappings":";;;;cAgBa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAUpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,UAEnB,SAAA,SAAkB,YAAA;;EAEjC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,MAAA;AAAA;;AAfC;;cAqBG,IAAA,kBAAI,yBAAA,CAAA,SAAA,mBAAA,aAAA,CAAA,cAAA"}

package/dist/Card/Card.d.ts

@@ -0,0 +1,74 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Card/Card.d.ts
+declare const cardVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      body?: import("tailwind-merge").ClassNameValue;
+      divider?: import("tailwind-merge").ClassNameValue;
+      footer?: import("tailwind-merge").ClassNameValue;
+      header?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  base: string;
+  body: string;
+  divider: string;
+  footer: string;
+  header: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof cardVariants>;
+type ClassName = TVClassName<typeof cardVariants>;
+interface CardProps extends VariantProps {
+  /** card body content */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** footer content */
+  footer?: ReactNode;
+  /** header content */
+  header?: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)
+ */
+declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardProps, cardVariants };
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","names":[],"sources":["../../src/Card/Card.tsx"],"mappings":";;;;cAgBa,YAAA,8BAAY,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAUpB,YAAA,GAAe,OAAO,QAAQ,YAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,YAAA;AAAA,UAEnB,SAAA,SAAkB,YAAA;;EAEjC,QAAA,GAAW,SAAA;;EAEX,SAAA,GAAY,SAAA;;EAEZ,MAAA,GAAS,SAAA;;EAET,MAAA,GAAS,SAAA;;EAET,MAAA;AAAA;;AAfC;;cAqBG,IAAA,kBAAI,yBAAA,CAAA,SAAA,mBAAA,aAAA,CAAA,cAAA"}

package/dist/Card/Card.js

@@ -0,0 +1,46 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Card, CardBody, CardFooter, CardHeader } from "@heroui/card";
+import { Divider } from "@heroui/divider";
+//#region src/Card/Card.tsx
+const cardVariants = tv({ slots: {
+	base: "border border-divider",
+	body: "",
+	divider: "my-0 border-divider",
+	footer: "",
+	header: "z-auto text-base font-semibold"
+} });
+/**
+* Card component based on [HeroUI Card](https://www.heroui.com//docs/components/card)
+*/
+const Card$1 = forwardRef(({ children = null, className = void 0, footer = void 0, header = void 0, testId = void 0 }, ref) => {
+	const { divider: dividerClassName, ...classNames } = variantsToClassNames(cardVariants(), className, "base");
+	const divider = /* @__PURE__ */ jsx(Divider, { className: dividerClassName });
+	return /* @__PURE__ */ jsxs(Card, {
+		ref,
+		fullWidth: true,
+		classNames,
+		"data-testid": testId ? `card_${testId}` : null,
+		radius: "sm",
+		shadow: "none",
+		children: [
+			header ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CardHeader, {
+				"data-testid": testId ? `card_header_${testId}` : null,
+				children: header
+			}), divider] }) : null,
+			/* @__PURE__ */ jsx(CardBody, {
+				"data-testid": testId ? `card_body_${testId}` : null,
+				children
+			}),
+			footer ? /* @__PURE__ */ jsxs(Fragment, { children: [divider, /* @__PURE__ */ jsx(CardFooter, {
+				"data-testid": testId ? `card_footer_${testId}` : null,
+				children: footer
+			})] }) : null
+		]
+	});
+});
+//#endregion
+export { cardVariants, Card$1 as default };
+
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["Card","HeroDivider","HeroCard","HeroCardHeader","HeroCardBody","HeroCardFooter"],"sources":["../../src/Card/Card.tsx"],"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 HeroCard,\n  CardBody as HeroCardBody,\n  CardFooter as HeroCardFooter,\n  CardHeader as HeroCardHeader,\n} from '@heroui/card';\nimport { Divider as HeroDivider } from '@heroui/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: 'z-auto 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 [HeroUI Card](https://www.heroui.com//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 = <HeroDivider className={dividerClassName} />;\n\n    return (\n      <HeroCard\n        ref={ref}\n        fullWidth\n        classNames={classNames}\n        data-testid={testId ? `card_${testId}` : null}\n        radius=\"sm\"\n        shadow=\"none\"\n      >\n        {header ? (\n          <>\n            <HeroCardHeader\n              data-testid={testId ? `card_header_${testId}` : null}\n            >\n              {header}\n            </HeroCardHeader>\n            {divider}\n          </>\n        ) : null}\n        <HeroCardBody data-testid={testId ? `card_body_${testId}` : null}>\n          {children}\n        </HeroCardBody>\n        {footer ? (\n          <>\n            {divider}\n            <HeroCardFooter\n              data-testid={testId ? `card_footer_${testId}` : null}\n            >\n              {footer}\n            </HeroCardFooter>\n          </>\n        ) : null}\n      </HeroCard>\n    );\n  },\n);\n\nexport default Card;\n"],"mappings":";;;;;;AAgBA,MAAa,eAAe,GAAG,EAC7B,OAAO;CACL,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,EACF,CAAC;;;;AAqBD,MAAMA,SAAO,YAET,EACE,WAAW,MACX,YAAY,KAAA,GACZ,SAAS,KAAA,GACT,SAAS,KAAA,GACT,SAAS,KAAA,KAEX,QACG;CAGH,MAAM,EAAE,SAAS,kBAAkB,GAAG,eAAe,qBADpC,aAER,GACP,WACA,MACF;CAEA,MAAM,UAAU,oBAACC,SAAD,EAAa,WAAW,iBAAmB,CAAA;CAE3D,OACE,qBAACC,MAAD;EACO;EACL,WAAA;EACY;EACZ,eAAa,SAAS,QAAQ,WAAW;EACzC,QAAO;EACP,QAAO;YANT;GAQG,SACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,GACf,OACD,EAAA,CAAA,IACA;GACJ,oBAACC,UAAD;IAAc,eAAa,SAAS,aAAa,WAAW;IACzD;GACW,CAAA;GACb,SACC,qBAAA,UAAA,EAAA,UAAA,CACG,SACD,oBAACC,YAAD;IACE,eAAa,SAAS,eAAe,WAAW;cAE/C;GACa,CAAA,CAChB,EAAA,CAAA,IACA;EACI;;AAEd,CACF"}

package/dist/Card/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Card = require("./Card.cjs");
+//#region src/Card/index.ts
+var Card_default = require_Card.default;
+//#endregion
+exports.Card = require_Card.default;
+exports.cardVariants = require_Card.cardVariants;
+exports.default = Card_default;
 
-
-
-var _chunk6PCFYEJHcjs = require('../chunk-6PCFYEJH.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.default = _chunk6PCFYEJHcjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Card/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,wJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Card/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Card"],"sources":["../../src/Card/index.ts"],"sourcesContent":["import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;;;;;AAMA,IAAA,eAAeA,aAAAA"}

package/dist/Card/index.d.cts

@@ -1,10 +1,2 @@
-import { C as Card } from '../Card-2AwIQqnR.cjs';
-export { a as CardProps, c as cardVariants } from '../Card-2AwIQqnR.cjs';
-import 'react';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-
-
-
-export { Card, Card as default };
+import { Card, CardProps, cardVariants } from "./Card.cjs";
+export { Card, Card as default, type CardProps, cardVariants };

package/dist/Card/index.d.ts

@@ -1,10 +1,2 @@
-import { C as Card } from '../Card-2AwIQqnR.js';
-export { a as CardProps, c as cardVariants } from '../Card-2AwIQqnR.js';
-import 'react';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-
-
-
-export { Card, Card as default };
+import { Card, CardProps, cardVariants } from "./Card.js";
+export { Card, Card as default, type CardProps, cardVariants };

package/dist/Card/index.js

@@ -1,12 +1,7 @@
-import {
-  Card_default,
-  Card_default2,
-  cardVariants
-} from "../chunk-D6Z3F5C2.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Card_default as Card,
-  cardVariants,
-  Card_default2 as default
-};
+import Card, { cardVariants } from "./Card.js";
+//#region src/Card/index.ts
+var Card_default = Card;
+//#endregion
+export { Card, cardVariants, Card_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";;AAMA,IAAA,eAAe"}