@fuf-stack/pixels 0.0.2

package/dist/Card/Card.d.cts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { ReactNode } from 'react';
+
+declare const cardVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type CardVariantProps = VariantProps<typeof cardVariants>;
+type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
+interface CardProps extends CardVariantProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | CardVariantSlots;
+    /** footer content */
+    footer?: ReactNode;
+    /** header content */
+    header?: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * 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;
+
+export { type CardProps, cardVariants, Card as default };

package/dist/Card/Card.d.ts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { ReactNode } from 'react';
+
+declare const cardVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    body: string;
+    divider: string;
+    footer: string;
+    header: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            body?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            footer?: tailwind_variants.ClassValue;
+            header?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type CardVariantProps = VariantProps<typeof cardVariants>;
+type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
+interface CardProps extends CardVariantProps {
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | CardVariantSlots;
+    /** footer content */
+    footer?: ReactNode;
+    /** header content */
+    header?: ReactNode;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * 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;
+
+export { type CardProps, cardVariants, Card as default };

package/dist/Card/Card.js

@@ -0,0 +1,9 @@
+import {
+  Card_default,
+  cardVariants
+} from "../chunk-XPTSDDXG.js";
+export {
+  cardVariants,
+  Card_default as default
+};
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Card/index.cjs

@@ -0,0 +1,137 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Card/index.ts
+var Card_exports = {};
+__export(Card_exports, {
+  default: () => Card_default2
+});
+module.exports = __toCommonJS(Card_exports);
+
+// src/Card/Card.tsx
+var import_card = require("@nextui-org/card");
+var import_divider = require("@nextui-org/divider");
+var import_debug = __toESM(require("debug"), 1);
+var import_tailwind_variants = require("tailwind-variants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var debug = (0, import_debug.default)("component:Card");
+var cardVariants = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "border border-slate-300",
+    body: "",
+    divider: "my-0 bg-slate-300",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = ({
+  children = null,
+  className = void 0,
+  testId = void 0,
+  header = void 0,
+  footer = void 0
+}) => {
+  debug("Card", { className, testId });
+  const {
+    base: baseSlot,
+    body: bodySlot,
+    divider: dividerSlot,
+    footer: footerSlot,
+    header: headerSlot
+  } = cardVariants();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_card.Card,
+    {
+      "data-testid": testId && `card_${testId}`,
+      className: baseSlot({
+        className: typeof className === "object" ? className.base : className
+      }),
+      fullWidth: true,
+      radius: "sm",
+      shadow: "none",
+      children: [
+        header && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_card.CardHeader,
+            {
+              "data-testid": testId && `card_header_${testId}`,
+              className: headerSlot({
+                className: typeof className === "object" && className.header
+              }),
+              children: header
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_divider.Divider,
+            {
+              className: dividerSlot({
+                className: typeof className === "object" && className.divider
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_card.CardBody,
+          {
+            "data-testid": testId && `card_body_${testId}`,
+            className: bodySlot({
+              className: typeof className === "object" && className.body
+            }),
+            children
+          }
+        ),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_divider.Divider,
+            {
+              className: dividerSlot({
+                className: typeof className === "object" && className.divider
+              })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_card.CardFooter,
+            {
+              "data-testid": testId && `card_footer_${testId}`,
+              className: footerSlot({
+                className: typeof className === "object" && className.footer
+              }),
+              children: footer
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var Card_default = Card;
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+//# sourceMappingURL=index.cjs.map

package/dist/Card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Card/index.ts","../../src/Card/Card.tsx"],"sourcesContent":["import Card from './Card';\n\nexport default Card;\n","import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\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';\nimport createDebug from 'debug';\nimport { tv } from 'tailwind-variants';\n\nconst debug = createDebug('component:Card');\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-slate-300',\n    body: '',\n    divider: 'my-0 bg-slate-300',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\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  debug('Card', { className, testId });\n  const {\n    base: baseSlot,\n    body: bodySlot,\n    divider: dividerSlot,\n    footer: footerSlot,\n    header: headerSlot,\n  } = cardVariants();\n\n  return (\n    <NextCard\n      data-testid={testId && `card_${testId}`}\n      className={baseSlot({\n        className: typeof className === 'object' ? className.base : className,\n      })}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader\n            data-testid={testId && `card_header_${testId}`}\n            className={headerSlot({\n              className: typeof className === 'object' && className.header,\n            })}\n          >\n            {header}\n          </NextCardHeader>\n          <NextDivider\n            className={dividerSlot({\n              className: typeof className === 'object' && className.divider,\n            })}\n          />\n        </>\n      )}\n      <NextCardBody\n        data-testid={testId && `card_body_${testId}`}\n        className={bodySlot({\n          className: typeof className === 'object' && className.body,\n        })}\n      >\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          <NextDivider\n            className={dividerSlot({\n              className: typeof className === 'object' && className.divider,\n            })}\n          />\n          <NextCardFooter\n            data-testid={testId && `card_footer_${testId}`}\n            className={footerSlot({\n              className: typeof className === 'object' && className.footer,\n            })}\n          >\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACGA,kBAKO;AACP,qBAAuC;AACvC,mBAAwB;AACxB,+BAAmB;AA+DX;AA7DR,IAAM,YAAQ,aAAAC,SAAY,gBAAgB;AAGnC,IAAM,mBAAe,6BAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AACf,QAAM,QAAQ,EAAE,WAAW,OAAO,CAAC;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,IAAI,aAAa;AAEjB,SACE;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAW,SAAS;AAAA,QAClB,WAAW,OAAO,cAAc,WAAW,UAAU,OAAO;AAAA,MAC9D,CAAC;AAAA,MACD,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,4EACE;AAAA;AAAA,YAAC,YAAAC;AAAA,YAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC,eAAAC;AAAA,YAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QAEF;AAAA,UAAC,YAAAC;AAAA,UAAA;AAAA,YACC,eAAa,UAAU,aAAa,MAAM;AAAA,YAC1C,WAAW,SAAS;AAAA,cAClB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,YACxD,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QACC,UACC,4EACE;AAAA;AAAA,YAAC,eAAAD;AAAA,YAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC,YAAAE;AAAA,YAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;ADrHf,IAAOC,gBAAQ;","names":["Card_default","createDebug","NextCard","NextCardHeader","NextDivider","NextCardBody","NextCardFooter","Card_default"]}

package/dist/Card/index.d.cts

@@ -0,0 +1,9 @@
+import Card from './Card.cjs';
+import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config';
+import 'tailwind-variants';
+import 'react';
+
+
+
+export { Card as default };

package/dist/Card/index.d.ts

@@ -0,0 +1,9 @@
+import Card from './Card.js';
+import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config';
+import 'tailwind-variants';
+import 'react';
+
+
+
+export { Card as default };

package/dist/Card/index.js

@@ -0,0 +1,10 @@
+import {
+  Card_default
+} from "../chunk-XPTSDDXG.js";
+
+// src/Card/index.ts
+var Card_default2 = Card_default;
+export {
+  Card_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Card/index.ts"],"sourcesContent":["import Card from './Card';\n\nexport default Card;\n"],"mappings":";;;;;AAEA,IAAOA,gBAAQ;","names":["Card_default"]}

package/dist/chunk-XPTSDDXG.js

@@ -0,0 +1,108 @@
+// 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 createDebug from "debug";
+import { tv } from "tailwind-variants";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var debug = createDebug("component:Card");
+var cardVariants = tv({
+  slots: {
+    base: "border border-slate-300",
+    body: "",
+    divider: "my-0 bg-slate-300",
+    footer: "",
+    header: "text-base font-semibold"
+  }
+});
+var Card = ({
+  children = null,
+  className = void 0,
+  testId = void 0,
+  header = void 0,
+  footer = void 0
+}) => {
+  debug("Card", { className, testId });
+  const {
+    base: baseSlot,
+    body: bodySlot,
+    divider: dividerSlot,
+    footer: footerSlot,
+    header: headerSlot
+  } = cardVariants();
+  return /* @__PURE__ */ jsxs(
+    NextCard,
+    {
+      "data-testid": testId && `card_${testId}`,
+      className: baseSlot({
+        className: typeof className === "object" ? className.base : className
+      }),
+      fullWidth: true,
+      radius: "sm",
+      shadow: "none",
+      children: [
+        header && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            NextCardHeader,
+            {
+              "data-testid": testId && `card_header_${testId}`,
+              className: headerSlot({
+                className: typeof className === "object" && className.header
+              }),
+              children: header
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            NextDivider,
+            {
+              className: dividerSlot({
+                className: typeof className === "object" && className.divider
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          NextCardBody,
+          {
+            "data-testid": testId && `card_body_${testId}`,
+            className: bodySlot({
+              className: typeof className === "object" && className.body
+            }),
+            children
+          }
+        ),
+        footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            NextDivider,
+            {
+              className: dividerSlot({
+                className: typeof className === "object" && className.divider
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            NextCardFooter,
+            {
+              "data-testid": testId && `card_footer_${testId}`,
+              className: footerSlot({
+                className: typeof className === "object" && className.footer
+              }),
+              children: footer
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var Card_default = Card;
+
+export {
+  cardVariants,
+  Card_default
+};
+//# sourceMappingURL=chunk-XPTSDDXG.js.map

package/dist/chunk-XPTSDDXG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\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';\nimport createDebug from 'debug';\nimport { tv } from 'tailwind-variants';\n\nconst debug = createDebug('component:Card');\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-slate-300',\n    body: '',\n    divider: 'my-0 bg-slate-300',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\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  debug('Card', { className, testId });\n  const {\n    base: baseSlot,\n    body: bodySlot,\n    divider: dividerSlot,\n    footer: footerSlot,\n    header: headerSlot,\n  } = cardVariants();\n\n  return (\n    <NextCard\n      data-testid={testId && `card_${testId}`}\n      className={baseSlot({\n        className: typeof className === 'object' ? className.base : className,\n      })}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader\n            data-testid={testId && `card_header_${testId}`}\n            className={headerSlot({\n              className: typeof className === 'object' && className.header,\n            })}\n          >\n            {header}\n          </NextCardHeader>\n          <NextDivider\n            className={dividerSlot({\n              className: typeof className === 'object' && className.divider,\n            })}\n          />\n        </>\n      )}\n      <NextCardBody\n        data-testid={testId && `card_body_${testId}`}\n        className={bodySlot({\n          className: typeof className === 'object' && className.body,\n        })}\n      >\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          <NextDivider\n            className={dividerSlot({\n              className: typeof className === 'object' && className.divider,\n            })}\n          />\n          <NextCardFooter\n            data-testid={testId && `card_footer_${testId}`}\n            className={footerSlot({\n              className: typeof className === 'object' && className.footer,\n            })}\n          >\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\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;AACvC,OAAO,iBAAiB;AACxB,SAAS,UAAU;AA+DX,mBACE,KADF;AA7DR,IAAM,QAAQ,YAAY,gBAAgB;AAGnC,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;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AACf,QAAM,QAAQ,EAAE,WAAW,OAAO,CAAC;AACnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,IAAI,aAAa;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAW,SAAS;AAAA,QAClB,WAAW,OAAO,cAAc,WAAW,UAAU,OAAO;AAAA,MAC9D,CAAC;AAAA,MACD,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,WACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,UAAU,aAAa,MAAM;AAAA,YAC1C,WAAW,SAAS;AAAA,cAClB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,YACxD,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QACC,UACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,YAAY;AAAA,gBACrB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,UAAU,eAAe,MAAM;AAAA,cAC5C,WAAW,WAAW;AAAA,gBACpB,WAAW,OAAO,cAAc,YAAY,UAAU;AAAA,cACxD,CAAC;AAAA,cAEA;AAAA;AAAA,UACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/chunk-ZFEVTQWW.js

@@ -0,0 +1,37 @@
+// src/Button/subcomponents/LoadingSpinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var LoadingSpinner_default = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className: "animate-spin h-5 w-5 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"
+        }
+      )
+    ]
+  }
+);
+
+export {
+  LoadingSpinner_default
+};
+//# sourceMappingURL=chunk-ZFEVTQWW.js.map

package/dist/chunk-ZFEVTQWW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 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"],"mappings":";AAKE,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;","names":[]}

package/dist/chunk-ZXTDGCUF.js

@@ -0,0 +1,50 @@
+import {
+  LoadingSpinner_default
+} from "./chunk-ZFEVTQWW.js";
+
+// src/Button/Button.tsx
+import { Button as NextButton } from "@nextui-org/button";
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = ({
+  ariaLabel = void 0,
+  children = void 0,
+  className = void 0,
+  color = "default",
+  disabled = false,
+  icon = void 0,
+  loading = false,
+  onClick = void 0,
+  size = void 0,
+  testId = void 0,
+  type = void 0,
+  variant = "solid"
+}) => {
+  return /* @__PURE__ */ jsxs(
+    NextButton,
+    {
+      "aria-label": ariaLabel,
+      className: cn(className),
+      color,
+      "data-testid": testId,
+      isDisabled: disabled,
+      isIconOnly: !!(icon && !children),
+      isLoading: loading,
+      onPress: onClick,
+      size,
+      spinner: /* @__PURE__ */ jsx(LoadingSpinner_default, {}),
+      type,
+      variant,
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+};
+var Button_default = Button;
+
+export {
+  Button_default
+};
+//# sourceMappingURL=chunk-ZXTDGCUF.js.map

package/dist/chunk-ZXTDGCUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;AAiDX,SAUW,KAVX;AAfJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,oBAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@fuf-stack/pixels",
+  "description": "fuf react component library",
+  "author": "Hannes Tiede",
+  "version": "0.0.2",
+  "type": "module",
+  "files": [
+    "./dist"
+  ],
+  "homepage": "https://github.com/fuf-stack/uniforms#readme",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "components",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fuf-stack/uniforms.git",
+    "directory": "packages/pixels"
+  },
+  "bugs": {
+    "url": "https://github.com/fuf-stack/uniforms/issues"
+  },
+  "dependencies": {
+    "@nextui-org/button": "2.0.27",
+    "@nextui-org/card": "2.0.24",
+    "@nextui-org/chip": "2.0.25",
+    "@nextui-org/divider": "2.0.25",
+    "@nextui-org/dropdown": "2.1.16",
+    "@nextui-org/modal": "2.0.29",
+    "@nextui-org/popover": "2.1.15",
+    "@nextui-org/system": "2.0.15",
+    "@nextui-org/tooltip": "2.0.30",
+    "classnames": "2.5.1",
+    "debug": "4.3.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-icons": "5.0.1",
+    "react-json-view": "1.21.3",
+    "tailwind-variants": "0.1.20"
+  },
+  "devDependencies": {
+    "@types/debug": "4.1.12",
+    "@types/react": "18.2.69",
+    "@types/react-dom": "18.2.22",
+    "tsup": "8.0.2",
+    "storybook-config": "0.0.1",
+    "tailwind-config": "0.0.1"
+  },
+  "scripts": {
+    "build": "rm -rf ./dist && tsup",
+    "test": "vitest ./src"
+  }
+}