@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-BPBEZCSP.cjs

@@ -1,127 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Label/Label.tsx
-var _chip = require('@heroui/chip');
-var _theme = require('@heroui/theme');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var labelVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    closeButton: "",
-    content: "",
-    dot: "",
-    icon: ""
-  },
-  variants: {
-    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-      info: {
-        dot: "bg-info"
-      }
-    }, _theme.chip.variants.color),
-    isIconOnly: {
-      true: {
-        content: "px-1"
-      },
-      false: {
-        content: "flex items-center gap-2"
-      }
-    },
-    hasEndContent: {
-      true: {
-        base: "pr-2"
-      }
-    },
-    variant: _theme.chip.variants.variant
-  },
-  defaultVariants: _theme.chip.defaultVariants,
-  compoundVariants: [
-    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-    ..._theme.chip.compoundVariants,
-    // solid / color info
-    {
-      variant: "solid",
-      color: "info",
-      class: {
-        base: "bg-info text-info-foreground"
-      }
-    },
-    // bordered / color info
-    {
-      variant: "bordered",
-      color: "info",
-      class: {
-        base: "border-info text-info"
-      }
-    },
-    // light / color info
-    {
-      variant: "light",
-      color: "info",
-      class: {
-        base: "text-info"
-      }
-    },
-    // flat / color info
-    {
-      variant: "flat",
-      color: "info",
-      class: {
-        base: "bg-info/20 text-info-600"
-      }
-    },
-    // faded / color info
-    {
-      variant: "faded",
-      color: "info",
-      class: {
-        base: "border-default text-info"
-      }
-    }
-  ]
-});
-var Label = ({
-  children = void 0,
-  className: _className = void 0,
-  color = "default",
-  endContent = void 0,
-  icon = void 0,
-  onClose = void 0,
-  radius = "full",
-  size = "md",
-  variant = "solid"
-}) => {
-  const isIconOnly = !!icon && !children && !endContent;
-  const hasEndContent = !!endContent;
-  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chip.Chip,
-    {
-      classNames,
-      endContent,
-      onClose,
-      radius,
-      size,
-      variant,
-      children: [
-        icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.icon, children: icon }) : null,
-        children
-      ]
-    }
-  );
-};
-var Label_default = Label;
-
-// src/Label/index.ts
-var Label_default2 = Label_default;
-
-
-
-
-
-exports.labelVariants = labelVariants; exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-BPBEZCSP.cjs.map

package/dist/chunk-BPBEZCSP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-BPBEZCSP.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-BPBEZCSP.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    color: {\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n      info: {\n        dot: 'bg-info',\n      },\n      ...heroLabelVariants.variants.color,\n    },\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n    variant: heroLabelVariants.variants.variant,\n  },\n  defaultVariants: heroLabelVariants.defaultVariants,\n  compoundVariants: [\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n    ...heroLabelVariants.compoundVariants,\n    // solid / color info\n    {\n      variant: 'solid',\n      color: 'info',\n      class: {\n        base: 'bg-info text-info-foreground',\n      },\n    },\n    // bordered / color info\n    {\n      variant: 'bordered',\n      color: 'info',\n      class: {\n        base: 'border-info text-info',\n      },\n    },\n    // light / color info\n    {\n      variant: 'light',\n      color: 'info',\n      class: {\n        base: 'text-info',\n      },\n    },\n    // flat / color info\n    {\n      variant: 'flat',\n      color: 'info',\n      class: {\n        base: 'bg-info/20 text-info-600',\n      },\n    },\n    // faded / color info\n    {\n      variant: 'faded',\n      color: 'info',\n      class: {\n        base: 'border-default text-info',\n      },\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: VariantProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: HeroLabelProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: HeroLabelProps['onClose'];\n  /** radius of the label */\n  radius?: HeroLabelProps['radius'];\n  /** size of the label */\n  size?: HeroLabelProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      endContent={endContent}\n      onClose={onClose}\n      radius={radius}\n      size={size}\n      variant={variant}\n    >\n      {icon ? <span className={classNames.icon}>{icon}</span> : null}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"]}

package/dist/chunk-CUNIBDOS.js

@@ -1,89 +0,0 @@
-import {
-  ScrollShadow_default
-} from "./chunk-ZLSX6FH3.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Popover/Popover.tsx
-import { Button } from "@heroui/button";
-import {
-  Popover as HeroPopover,
-  PopoverContent as HeroPopoverContent,
-  PopoverTrigger as HeroPopoverTrigger
-} from "@heroui/popover";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var popoverVariants = tv({
-  slots: {
-    body: "w-full px-4 py-2",
-    content: "flex max-h-[80vh] flex-col p-0",
-    divider: "m-0 w-full border-divider p-0",
-    footer: "w-full px-4 py-2",
-    footerWrapper: "w-full",
-    header: "w-full px-4 pb-1 pt-2 font-semibold",
-    headerWrapper: "w-full",
-    trigger: ""
-  }
-});
-var Popover = ({
-  children = null,
-  className: _className = void 0,
-  content,
-  contentTestId = void 0,
-  footer = void 0,
-  header = void 0,
-  openControlled = void 0,
-  placement = "top",
-  portalContainer = void 0,
-  shouldBlockScroll = void 0,
-  testId = void 0,
-  triggerButtonProps = void 0
-}) => {
-  const variants = popoverVariants();
-  const className = variantsToClassNames(variants, _className, "trigger");
-  return /* @__PURE__ */ jsxs(
-    HeroPopover,
-    __spreadProps(__spreadValues({
-      showArrow: true,
-      classNames: className,
-      placement,
-      portalContainer,
-      radius: "sm",
-      shouldBlockScroll
-    }, openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {}), {
-      children: [
-        /* @__PURE__ */ jsx(HeroPopoverTrigger, { "data-testid": testId, children: triggerButtonProps ? (
-          // TODO: currently we have to use @heroui/button because
-          // passing ref does not work (even with forwardRef in Button)
-          /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ className: className.trigger }, triggerButtonProps), { children }))
-        ) : (
-          //  eslint-disable-next-line react/button-has-type
-          /* @__PURE__ */ jsx("button", { className: className.trigger, children })
-        ) }),
-        /* @__PURE__ */ jsxs(HeroPopoverContent, { "data-testid": contentTestId, children: [
-          header ? /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, children: [
-            /* @__PURE__ */ jsx("div", { className: className.header, children: header }),
-            /* @__PURE__ */ jsx("hr", { className: className.divider })
-          ] }) : null,
-          /* @__PURE__ */ jsx(ScrollShadow_default, { className: className.body, children: content }),
-          footer ? /* @__PURE__ */ jsxs("div", { className: className.footerWrapper, children: [
-            /* @__PURE__ */ jsx("hr", { className: className.divider }),
-            /* @__PURE__ */ jsx("div", { className: className.footer, children: footer })
-          ] }) : null
-        ] })
-      ]
-    })
-  );
-};
-var Popover_default = Popover;
-
-// src/Popover/index.ts
-var Popover_default2 = Popover_default;
-
-export {
-  Popover_default,
-  Popover_default2
-};
-//# sourceMappingURL=chunk-CUNIBDOS.js.map

package/dist/chunk-CUNIBDOS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n  Popover as HeroPopover,\n  PopoverContent as HeroPopoverContent,\n  PopoverTrigger as HeroPopoverTrigger,\n} from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full border-divider p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** Popover title */\n  header?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: HeroPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: HeroPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'aria-label'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nconst Popover = ({\n  children = null,\n  className: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  header = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <HeroPopover\n      showArrow\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <HeroPopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by HeroPopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n\n          <Button className={className.trigger} {...triggerButtonProps}>\n            {children}\n          </Button>\n        ) : (\n          //  eslint-disable-next-line react/button-has-type\n          <button className={className.trigger}>{children}</button>\n        )}\n      </HeroPopoverTrigger>\n      <HeroPopoverContent data-testid={contentTestId}>\n        {header ? (\n          <div className={className.headerWrapper}>\n            <div className={className.header}>{header}</div>\n            <hr className={className.divider} />\n          </div>\n        ) : null}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer ? (\n          <div className={className.footerWrapper}>\n            <hr className={className.divider} />\n            <div className={className.footer}>{footer}</div>\n          </div>\n        ) : null}\n      </HeroPopoverContent>\n    </HeroPopover>\n  );\n};\n\nexport default Popover;\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";;;;;;;;;AAKA,SAAS,cAAc;AACvB;AAAA,EACE,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AAgG/B,cAUA,YAVA;AA3FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA4CD,IAAM,UAAU,CAAC;AAAA,EACf,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,qBAAqB;AACvB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,OACK,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC,IATN;AAAA,MAWC;AAAA,4BAAC,sBAAmB,eAAa,QAE9B;AAAA;AAAA;AAAA,UAIC,oBAAC,uCAAO,WAAW,UAAU,WAAa,qBAAzC,EACE,WACH;AAAA;AAAA;AAAA,UAGA,oBAAC,YAAO,WAAW,UAAU,SAAU,UAAS;AAAA,WAEpD;AAAA,QACA,qBAAC,sBAAmB,eAAa,eAC9B;AAAA,mBACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,YAC1C,oBAAC,QAAG,WAAW,UAAU,SAAS;AAAA,aACpC,IACE;AAAA,UACJ,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,SACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,QAAG,WAAW,UAAU,SAAS;AAAA,YAClC,oBAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,aAC5C,IACE;AAAA,WACN;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;;;ACjIf,IAAOA,mBAAQ;","names":["Popover_default"]}

package/dist/chunk-D6Z3F5C2.js

@@ -1,86 +0,0 @@
-import {
-  __objRest
-} from "./chunk-OAIRL2FN.js";
-
-// src/Card/Card.tsx
-import { forwardRef } from "react";
-import {
-  Card as HeroCard,
-  CardBody as HeroCardBody,
-  CardFooter as HeroCardFooter,
-  CardHeader as HeroCardHeader
-} from "@heroui/card";
-import { Divider as HeroDivider } from "@heroui/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: "z-auto 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(HeroDivider, { className: dividerClassName });
-    return /* @__PURE__ */ jsxs(
-      HeroCard,
-      {
-        ref,
-        fullWidth: true,
-        classNames,
-        "data-testid": testId ? `card_${testId}` : null,
-        radius: "sm",
-        shadow: "none",
-        children: [
-          header ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              HeroCardHeader,
-              {
-                "data-testid": testId ? `card_header_${testId}` : null,
-                children: header
-              }
-            ),
-            divider
-          ] }) : null,
-          /* @__PURE__ */ jsx(HeroCardBody, { "data-testid": testId ? `card_body_${testId}` : null, children }),
-          footer ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            divider,
-            /* @__PURE__ */ jsx(
-              HeroCardFooter,
-              {
-                "data-testid": testId ? `card_footer_${testId}` : null,
-                children: footer
-              }
-            )
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-var Card_default = Card;
-
-// src/Card/index.ts
-var Card_default2 = Card_default;
-
-export {
-  cardVariants,
-  Card_default,
-  Card_default2
-};
-//# sourceMappingURL=chunk-D6Z3F5C2.js.map

package/dist/chunk-D6Z3F5C2.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 { 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","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,WAAS;AAAA,QACT;AAAA,QACA,eAAa,SAAS,QAAQ,MAAM,KAAK;AAAA,QACzC,QAAO;AAAA,QACP,QAAO;AAAA,QAEN;AAAA,mBACC,iCACE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAa,SAAS,eAAe,MAAM,KAAK;AAAA,gBAE/C;AAAA;AAAA,YACH;AAAA,YACC;AAAA,aACH,IACE;AAAA,UACJ,oBAAC,gBAAa,eAAa,SAAS,aAAa,MAAM,KAAK,MACzD,UACH;AAAA,UACC,SACC,iCACG;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,eAAa,SAAS,eAAe,MAAM,KAAK;AAAA,gBAE/C;AAAA;AAAA,YACH;AAAA,aACF,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;;;ACjGf,IAAOA,gBAAQ;","names":["Card_default"]}

package/dist/chunk-FLDEDIE2.js

@@ -1,37 +0,0 @@
-// src/hooks/useDebounce/useDebounce.ts
-import { useEffect, useRef, useState } from "react";
-import { isTestEnvironment } from "@fuf-stack/pixel-utils";
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  const isMountedRef = useRef(true);
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  useEffect(
-    () => {
-      if (isTestEnvironment()) {
-        setDebouncedValue(value);
-        return;
-      }
-      const handler = setTimeout(() => {
-        if (isMountedRef.current) {
-          setDebouncedValue(value);
-        }
-      }, delay);
-      return () => {
-        clearTimeout(handler);
-      };
-    },
-    [value, delay]
-    // Only re-call effect if value or delay changes
-  );
-  return debouncedValue;
-};
-
-export {
-  useDebounce
-};
-//# sourceMappingURL=chunk-FLDEDIE2.js.map

package/dist/chunk-FLDEDIE2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useDebounce/useDebounce.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { isTestEnvironment } from '@fuf-stack/pixel-utils';\n\n/**\n * Hook that debounces a value\n * @param value - The value to debounce\n * @param delay - Delay in milliseconds\n * @returns The debounced value\n */\nexport const useDebounce = <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  // Track if component is mounted to prevent setState on unmounted component\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    // Mark as mounted\n    isMountedRef.current = true;\n    return () => {\n      // Mark as unmounted on cleanup\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  useEffect(\n    () => {\n      // In test environments, skip debouncing for immediate snapshots\n      if (isTestEnvironment()) {\n        setDebouncedValue(value);\n        return;\n      }\n\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        // Only update state if component is still mounted\n        if (isMountedRef.current) {\n          setDebouncedValue(value);\n        }\n      }, delay);\n\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      // eslint-disable-next-line consistent-return\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n\n  return debouncedValue;\n};\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,yBAAyB;AAQ3B,IAAM,cAAc,CAAQ,OAAc,UAAkB;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,QAAM,eAAe,OAAO,IAAI;AAEhC,YAAU,MAAM;AAEd,iBAAa,UAAU;AACvB,WAAO,MAAM;AAEX,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL;AAAA,IACE,MAAM;AAEJ,UAAI,kBAAkB,GAAG;AACvB,0BAAkB,KAAK;AACvB;AAAA,MACF;AAGA,YAAM,UAAU,WAAW,MAAM;AAE/B,YAAI,aAAa,SAAS;AACxB,4BAAkB,KAAK;AAAA,QACzB;AAAA,MACF,GAAG,KAAK;AAMR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-FNQ7VO32.js

@@ -1,13 +0,0 @@
-// src/ButtonGroup/ButtonGroup.tsx
-import { ButtonGroup as HeroButtonGroup } from "@heroui/button";
-var ButtonGroup = HeroButtonGroup;
-var ButtonGroup_default = ButtonGroup;
-
-// src/ButtonGroup/index.ts
-var ButtonGroup_default2 = ButtonGroup_default;
-
-export {
-  ButtonGroup_default,
-  ButtonGroup_default2
-};
-//# sourceMappingURL=chunk-FNQ7VO32.js.map

package/dist/chunk-FNQ7VO32.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ButtonGroup/ButtonGroup.tsx","../src/ButtonGroup/index.ts"],"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","import ButtonGroup from './ButtonGroup';\n\nexport type { ButtonGroupProps } from './ButtonGroup';\n\nexport { ButtonGroup };\n\nexport default ButtonGroup;\n"],"mappings":";AAAA,SAAS,eAAe,uBAAuB;AAO/C,IAAM,cAAc;AAEpB,IAAO,sBAAQ;;;ACHf,IAAOA,uBAAQ;","names":["ButtonGroup_default"]}

package/dist/chunk-FQJ32476.cjs

@@ -1,145 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkON3PVFZYcjs = require('./chunk-ON3PVFZY.cjs');
-
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/ProgressCircular/ProgressCircular.tsx
-var _fa = require('react-icons/fa');
-var _progress = require('@heroui/progress');
-var _theme = require('@heroui/theme');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var progressCircularVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    // wrapper around the whole component
-    base: "",
-    // indicator of the circle (finished part)
-    indicator: "",
-    // label next to the svgWrapper
-    label: "",
-    // wrapper for the circle
-    svg: "",
-    // wrapper around progress svg and value span
-    svgWrapper: "",
-    // track of the circle (not finished part)
-    track: "stroke-default-300",
-    // outer span next to the svg
-    value: ""
-  },
-  variants: {
-    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      info: {
-        svg: "text-info"
-      }
-    }, _theme.circularProgress.variants.color),
-    hasError: {
-      true: {
-        svg: "text-danger"
-      }
-    },
-    isFinished: {
-      true: {
-        svg: "text-success"
-      }
-    },
-    size: {
-      xs: {
-        svg: "h-10 w-10",
-        value: "text-[0.6rem]"
-      },
-      sm: {
-        svg: "h-12 w-12",
-        value: "text-xs"
-      },
-      md: {
-        svg: "h-16 w-16",
-        value: "text-md"
-      },
-      lg: {
-        svg: "h-20 w-20",
-        value: "text-lg"
-      },
-      xl: {
-        svg: "h-24 w-24",
-        value: "text-xl"
-      }
-    }
-  }
-});
-var defaultFormat = (percent = 0) => {
-  return `${percent}%`;
-};
-var ProgressCircular = ({
-  ariaLabel = "progress",
-  className = void 0,
-  format = defaultFormat,
-  hasError = false,
-  percent,
-  disableAnimation = false,
-  disableFinishedState = false,
-  size = "md",
-  color = "info",
-  strokeWidth: strokeWidthProp = void 0
-}) => {
-  const isInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle.call(void 0, );
-  const isFinished = !hasError && percent >= 100 && !disableFinishedState;
-  const variants = progressCircularVariants({
-    color,
-    hasError,
-    isFinished,
-    size
-  });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  let value = format(percent);
-  let strokeWidth = strokeWidthProp;
-  if (!strokeWidth) {
-    switch (size) {
-      case "xs":
-        strokeWidth = 2;
-        break;
-      case "sm":
-        strokeWidth = 1.8;
-        break;
-      default:
-        strokeWidth = 1.6;
-        break;
-    }
-  }
-  let progressColor = color;
-  if (hasError) {
-    progressColor = "danger";
-    value = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaTimes, { className: "text-danger" });
-  } else if (isFinished) {
-    progressColor = "success";
-    value = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fa.FaCheck, { className: "text-success" });
-  }
-  const heroUiColor = Object.keys(
-    _theme.circularProgress.variants.color
-  ).includes(color) ? progressColor : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _progress.CircularProgress,
-    {
-      showValueLabel: true,
-      "aria-label": ariaLabel,
-      classNames,
-      color: heroUiColor,
-      disableAnimation: isInitialRenderCycle || disableAnimation,
-      strokeWidth,
-      value: percent || 0,
-      valueLabel: value
-    }
-  );
-};
-var ProgressCircular_default = ProgressCircular;
-
-// src/ProgressCircular/index.ts
-var ProgressCircular_default2 = ProgressCircular_default;
-
-
-
-
-
-exports.progressCircularVariants = progressCircularVariants; exports.ProgressCircular_default = ProgressCircular_default; exports.ProgressCircular_default2 = ProgressCircular_default2;
-//# sourceMappingURL=chunk-FQJ32476.cjs.map

package/dist/chunk-FQJ32476.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-FQJ32476.cjs","../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"names":["ProgressCircular_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oCAAiC;AAEjC,4CAAyD;AACzD,sCAAiE;AAEjE,oDAAyC;AAmJ7B,+CAAA;AA/IL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,GAAA,EAAK,EAAA;AAAA;AAAA,IAEL,UAAA,EAAY,EAAA;AAAA;AAAA,IAEZ,KAAA,EAAO,oBAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IAAA,CAAA,EAEG,uBAAA,CAA6B,QAAA,CAAS,KAAA,CAAA;AAAA,IAE3C,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM;AACrC,EAAA,OAAO,CAAA,EAAA;AACT;AAKM;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACO,EAAA;AACC,EAAA;AACR,EAAA;AAC2B;AAErB,EAAA;AAGA,EAAA;AAEA,EAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACK,EAAA;AAGF,EAAA;AAEA,EAAA;AAEC,EAAA;AACH,IAAA;AACE,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACJ,IAAA;AACF,EAAA;AAGI,EAAA;AACA,EAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AACE,IAAA;AACA,IAAA;AACF,EAAA;AAGM,EAAA;AACJ,IAAA;AACA,EAAA;AAKA,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAEA,MAAA;AACA,MAAA;AAAY,IAAA;AACd,EAAA;AAEJ;AAEO;ADjDG;AACA;AElIHA;AFoIG;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-FQJ32476.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks/useIsInitialRenderCycle';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      showValueLabel\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"]}