@fuf-stack/pixels 0.3.2 → 0.5.0

package/dist/chunk-WTKZJFQV.cjs

@@ -1,111 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Card/Card.tsx
-
-
-
-
-
-var _card = require('@nextui-org/card');
-var _divider = require('@nextui-org/divider');
-var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
-var _tailwindvariants = require('tailwind-variants');
-var _jsxruntime = require('react/jsx-runtime');
-var debug = _debug2.default.call(void 0, "component:Card");
-var cardVariants = _tailwindvariants.tv.call(void 0, {
-  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__ */ _jsxruntime.jsxs.call(void 0, 
-    _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__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _card.CardHeader,
-            {
-              "data-testid": testId && `card_header_${testId}`,
-              className: headerSlot({
-                className: typeof className === "object" && className.header
-              }),
-              children: header
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _divider.Divider,
-            {
-              className: dividerSlot({
-                className: typeof className === "object" && className.divider
-              })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _card.CardBody,
-          {
-            "data-testid": testId && `card_body_${testId}`,
-            className: bodySlot({
-              className: typeof className === "object" && className.body
-            }),
-            children
-          }
-        ),
-        footer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _divider.Divider,
-            {
-              className: dividerSlot({
-                className: typeof className === "object" && className.divider
-              })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _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;
-
-
-
-
-exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
-//# sourceMappingURL=chunk-WTKZJFQV.cjs.map

package/dist/chunk-WTKZJFQV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"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;;;ACjHf,IAAOA,gBAAQ","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","import Card from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card };\n\nexport default Card;\n"]}

package/dist/chunk-YUOFNPJO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"names":["Popover_default"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AACf,OAAO,iBAAiB;AAkDhB,cAKI,YALJ;AAhDR,IAAM,QAAQ,YAAY,mBAAmB;AAwB7C,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,QAAM,SAAS;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AChEA,IAAOA,mBAAQ","sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Popover');\n\nexport interface PopoverProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** placement of the popover relative to its trigger reference */\n  placement?: NextPopoverProps['placement'];\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** popover title */\n  title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  content,\n  contentTestId = undefined,\n  placement = 'top',\n  openControlled = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  debug('Popover');\n\n  return (\n    <Popover\n      placement={placement}\n      radius=\"sm\"\n      showArrow\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger className={cn(className)} data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children}</button>\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        <div className=\"max-h-[80vh] overflow-y-auto\">\n          {title && (\n            <div>\n              {title}\n              <hr />\n            </div>\n          )}\n          {content}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"]}