@fuf-stack/pixels 1.11.0 → 1.11.2

package/dist/Card/Card.cjs

@@ -1,4 +1,3 @@
-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");
@@ -20,9 +19,9 @@ const Card = (0, react.forwardRef)(({ children = null, className = void 0, foote
 	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,
+		fullWidth: true,
 		radius: "sm",
 		shadow: "none",
 		children: [

package/dist/Card/Card.cjs.map

@@ -1 +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"}
+{"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        classNames={classNames}\n        data-testid={testId ? `card_${testId}` : null}\n        fullWidth\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;EACO;EACZ,eAAa,SAAS,QAAQ,WAAW;EACzC,WAAA;EACA,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"}