@fuf-stack/pixels 1.8.0 → 1.10.0

package/dist/chunk-2NMIKTA5.js

@@ -1,184 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Button/Button.tsx
-import { forwardRef } from "react";
-import { Button as HeroButton } from "@heroui/button";
-import { button as heroButtonVariants } from "@heroui/theme";
-import { tv } from "@fuf-stack/pixel-utils";
-
-// src/Button/subcomponents/LoadingSpinner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var LoadingSpinner = () => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "h-5 w-5 animate-spin text-current",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: "opacity-25",
-            cx: "12",
-            cy: "12",
-            r: "10",
-            stroke: "currentColor",
-            strokeWidth: "4"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            className: "opacity-75",
-            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-};
-var LoadingSpinner_default = LoadingSpinner;
-
-// src/Button/Button.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var buttonVariants = tv({
-  extend: heroButtonVariants,
-  variants: {
-    color: __spreadProps(__spreadValues({}, heroButtonVariants.variants.color), {
-      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts
-      info: ""
-    }),
-    variant: heroButtonVariants.variants.variant,
-    size: heroButtonVariants.variants.size
-  },
-  compoundVariants: [
-    // white text on solid / shadow success button
-    {
-      color: "success",
-      variant: "solid",
-      class: "text-white"
-    },
-    {
-      color: "success",
-      variant: "shadow",
-      class: "text-white"
-    },
-    // white text on solid / shadow warning button
-    {
-      color: "warning",
-      variant: "solid",
-      class: "text-white"
-    },
-    {
-      color: "warning",
-      variant: "shadow",
-      class: "text-white"
-    },
-    {
-      color: "info",
-      variant: "solid",
-      class: "bg-info text-info-foreground"
-    },
-    {
-      color: "info",
-      variant: "shadow",
-      class: "shadow-info/40 bg-info text-info-foreground shadow-lg"
-    },
-    {
-      color: "info",
-      variant: "bordered",
-      class: "border-medium border-info bg-transparent text-info"
-    },
-    {
-      color: "info",
-      variant: "flat",
-      class: "bg-info/20 text-info-600"
-    },
-    {
-      color: "info",
-      variant: "faded",
-      class: "border-default bg-default-100 text-info"
-    },
-    {
-      color: "info",
-      variant: "light",
-      class: "bg-transparent text-info data-[hover=true]:bg-info-100"
-    },
-    {
-      color: "info",
-      variant: "ghost",
-      class: "border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground"
-    }
-  ]
-});
-var Button = forwardRef(
-  ({
-    ariaLabel = void 0,
-    children = void 0,
-    className: _className = void 0,
-    color = "default",
-    disableAnimation = false,
-    disabled = false,
-    icon = void 0,
-    loading = false,
-    onBlur = void 0,
-    onClick = void 0,
-    onFocus = void 0,
-    radius = void 0,
-    ripple = false,
-    size = void 0,
-    testId = void 0,
-    type = void 0,
-    variant = "solid"
-  }, ref) => {
-    const className = buttonVariants({
-      className: _className,
-      disableAnimation,
-      isDisabled: disabled,
-      color,
-      size,
-      variant,
-      isIconOnly: !!(icon && !children),
-      radius
-    });
-    return /* @__PURE__ */ jsxs2(
-      HeroButton,
-      {
-        ref,
-        "aria-label": ariaLabel,
-        className,
-        "data-testid": testId,
-        disableRipple: disableAnimation || !ripple,
-        isDisabled: disabled,
-        isLoading: loading,
-        onBlur,
-        onFocus,
-        onPress: onClick,
-        spinner: /* @__PURE__ */ jsx2(LoadingSpinner_default, {}),
-        type,
-        children: [
-          icon,
-          children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Button_default = Button;
-
-// src/Button/index.ts
-var Button_default2 = Button_default;
-
-export {
-  buttonVariants,
-  Button_default,
-  Button_default2
-};
-//# sourceMappingURL=chunk-2NMIKTA5.js.map

package/dist/chunk-2NMIKTA5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";;;;;;AAIA,SAAS,kBAAkB;AAE3B,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU,0BAA0B;AAE7C,SAAS,UAAU;;;ACHf,SAME,KANF;AAFJ,IAAM,iBAAiB,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA;AAAA,QACd;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;;;ADwIT,SAWW,OAAAA,MAXX,QAAAC,aAAA;AAxJC,IAAM,iBAAiB,GAAG;AAAA,EAC/B,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,OAAO,iCACF,mBAAmB,SAAS,QAD1B;AAAA;AAAA,MAGL,MAAM;AAAA,IACR;AAAA,IACA,SAAS,mBAAmB,SAAS;AAAA,IACrC,MAAM,mBAAmB,SAAS;AAAA,EACpC;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OACE;AAAA,IACJ;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW,aAAa;AAAA,IACxB,QAAQ;AAAA,IACR,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EACZ,GACA,QACG;AACH,UAAM,YAAY,eAAe;AAAA,MAC/B,WAAW;AAAA,MACX;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB;AAAA,IACF,CAAC;AAED,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,eAAa;AAAA,QACb,eAAe,oBAAoB,CAAC;AAAA,QACpC,YAAY;AAAA,QACZ,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,SAAS,gBAAAD,KAAC,0BAAe;AAAA,QACzB;AAAA,QAEC;AAAA;AAAA,UACA;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;;;AEtLf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/chunk-3SXXVV5T.js

@@ -1,124 +0,0 @@
-// src/Table/Table.tsx
-import {
-  getKeyValue,
-  Table as HeroTable,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow
-} from "@heroui/table";
-import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var tableVariants = tv({
-  slots: {
-    base: "",
-    wrapper: "",
-    table: "",
-    thead: "",
-    tbody: "",
-    tr: "",
-    th: "bg-content2",
-    td: "",
-    tfoot: "",
-    sortIcon: "",
-    emptyWrapper: "",
-    loadingWrapper: ""
-  },
-  variants: {
-    separation: {
-      divider: {
-        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "divider-x": {
-        tr: "divide-x"
-      },
-      "divider-y": {
-        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "striped-divider-x": {
-        tr: "divide-x",
-        th: "border-divider",
-        td: "border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      striped: {
-        tr: "",
-        td: "first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      none: {}
-    }
-  }
-});
-var Table = ({
-  ariaLabel = void 0,
-  bottomContent = void 0,
-  className = void 0,
-  columns,
-  emptyContent = "No rows to display.",
-  hasWrapper = false,
-  hideHeader = false,
-  loading = false,
-  loadingContent = void 0,
-  maxTableHeight = void 0,
-  rowHeight = void 0,
-  rows = [],
-  separation = "none",
-  stickyHeader = false,
-  testId = void 0,
-  virtualized = false
-}) => {
-  const variants = tableVariants({ separation });
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsxs(
-    HeroTable,
-    {
-      "aria-label": ariaLabel,
-      bottomContent,
-      classNames,
-      "data-testid": testId ? slugify(testId) : null,
-      hideHeader,
-      isHeaderSticky: stickyHeader,
-      isStriped: separation === "striped" || separation === "striped-divider-x",
-      isVirtualized: virtualized,
-      maxTableHeight,
-      removeWrapper: virtualized ? false : !hasWrapper,
-      rowHeight,
-      children: [
-        /* @__PURE__ */ jsx(TableHeader, { columns, children: (column) => {
-          return /* @__PURE__ */ jsx(TableColumn, { children: column.label }, column.key);
-        } }),
-        /* @__PURE__ */ jsx(
-          TableBody,
-          {
-            emptyContent,
-            isLoading: loading,
-            items: rows,
-            loadingContent: loadingContent != null ? loadingContent : "...",
-            children: (item) => {
-              return /* @__PURE__ */ jsx(
-                TableRow,
-                {
-                  children: (columnKey) => {
-                    return /* @__PURE__ */ jsx(TableCell, { children: getKeyValue(item, columnKey) });
-                  }
-                },
-                item.key
-              );
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-var Table_default = Table;
-
-// src/Table/index.ts
-var Table_default2 = Table_default;
-
-export {
-  tableVariants,
-  Table_default,
-  Table_default2
-};
-//# sourceMappingURL=chunk-3SXXVV5T.js.map

package/dist/chunk-3SXXVV5T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Table/Table.tsx","../src/Table/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  getKeyValue,\n  Table as HeroTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@heroui/table';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface TableRowProps {\n  key: string | number;\n  [key: string | number]: ReactNode;\n}\n\nexport interface TableProps extends VariantProps {\n  /** Aria label for the Table. */\n  ariaLabel?: string;\n  /** Component to display at the bottom of the Table. */\n  bottomContent?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Objects with table data */\n  columns: TableColumnProps[];\n  /** Component to display if there are no rows! */\n  emptyContent?: ReactNode;\n  /** Determine if the Table should have a card like wrapper. */\n  hasWrapper?: boolean;\n  /** remove header */\n  hideHeader?: boolean;\n  /** Tells the Table to show the loading component. */\n  loading?: boolean;\n  /** Loading animation component. */\n  loadingContent?: ReactNode;\n  /** The maximum height of the table in pixels. Required when using virtualization. */\n  maxTableHeight?: number;\n  /** The fixed height of each row item in pixels. Required when using virtualization. */\n  rowHeight?: number;\n  /** Items displayed as rows in the Table. Should have key-value pair for each column. */\n  rows?: TableRowProps[];\n  /** Separation style for the rows & columns. */\n  separation?:\n    | 'none'\n    | 'striped'\n    | 'striped-divider-x'\n    | 'divider-x'\n    | 'divider-y'\n    | 'divider';\n  /** Keeps the header of the Table in view while scrolling a height limited Table. */\n  stickyHeader?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Virtualize allows efficient rendering of large lists by only rendering items that are visible in the viewport. */\n  virtualized?: boolean;\n}\n\n/**\n * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)\n */\nconst Table = ({\n  ariaLabel = undefined,\n  bottomContent = undefined,\n  className = undefined,\n  columns,\n  emptyContent = 'No rows to display.',\n  hasWrapper = false,\n  hideHeader = false,\n  loading = false,\n  loadingContent = undefined,\n  maxTableHeight = undefined,\n  rowHeight = undefined,\n  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n  virtualized = false,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId ? slugify(testId) : null}\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      isVirtualized={virtualized}\n      maxTableHeight={maxTableHeight}\n      removeWrapper={virtualized ? false : !hasWrapper} // always show wrapper if virtualized\n      rowHeight={rowHeight}\n    >\n      <TableHeader columns={columns}>\n        {(column: TableColumnProps) => {\n          return <TableColumn key={column.key}>{column.label}</TableColumn>;\n        }}\n      </TableHeader>\n      <TableBody\n        emptyContent={emptyContent}\n        isLoading={loading}\n        items={rows}\n        loadingContent={loadingContent ?? '...'} // TODO: use future spinner/loading component\n      >\n        {(item: TableRowProps) => {\n          return (\n            <TableRow\n              key={item.key}\n              // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n            >\n              {(columnKey) => {\n                return <TableCell>{getKeyValue(item, columnKey)}</TableCell>;\n              }}\n            </TableRow>\n          );\n        }}\n      </TableBody>\n    </HeroTable>\n  );\n};\n\nexport default Table;\n","import Table, { tableVariants } from './Table';\n\nexport type {\n  TableProps,\n  TableRowProps,\n  TableColumnProps,\n  VariantProps,\n} from './Table';\n\nexport { Table, tableVariants };\n\nexport default Table;\n"],"mappings":";AAGA;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,SAAS,IAAI,4BAA4B;AA0H9C,SAea,KAfb;AAvHG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS;AAAA,QACP,IAAI;AAAA,MACN;AAAA,MACA,aAAa;AAAA,QACX,IAAI;AAAA,MACN;AAAA,MACA,aAAa;AAAA,QACX,IAAI;AAAA,MACN;AAAA,MACA,qBAAqB;AAAA,QACnB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AACF,CAAC;AA2DD,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO,CAAC;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AAAA,EACT,cAAc;AAChB,MAAkB;AAChB,QAAM,WAAW,cAAc,EAAE,WAAW,CAAC;AAC7C,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,eAAa,SAAS,QAAQ,MAAM,IAAI;AAAA,MACxC;AAAA,MACA,gBAAgB;AAAA,MAChB,WAAW,eAAe,aAAa,eAAe;AAAA,MACtD,eAAe;AAAA,MACf;AAAA,MACA,eAAe,cAAc,QAAQ,CAAC;AAAA,MACtC;AAAA,MAEA;AAAA,4BAAC,eAAY,SACV,WAAC,WAA6B;AAC7B,iBAAO,oBAAC,eAA8B,iBAAO,SAApB,OAAO,GAAmB;AAAA,QACrD,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,YACX,OAAO;AAAA,YACP,gBAAgB,0CAAkB;AAAA,YAEjC,WAAC,SAAwB;AACxB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAIE,WAAC,cAAc;AACd,2BAAO,oBAAC,aAAW,sBAAY,MAAM,SAAS,GAAE;AAAA,kBAClD;AAAA;AAAA,gBALK,KAAK;AAAA,cAMZ;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACrKf,IAAOA,iBAAQ;","names":["Table_default"]}

package/dist/chunk-3WD7CGWD.cjs

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useDebounce/useDebounce.ts
-var _react = require('react');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = _react.useState.call(void 0, value);
-  const isMountedRef = _react.useRef.call(void 0, true);
-  _react.useEffect.call(void 0, () => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  _react.useEffect.call(void 0, 
-    () => {
-      if (_pixelutils.isTestEnvironment.call(void 0, )) {
-        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;
-};
-
-
-
-exports.useDebounce = useDebounce;
-//# sourceMappingURL=chunk-3WD7CGWD.cjs.map

package/dist/chunk-3WD7CGWD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3WD7CGWD.cjs","../src/hooks/useDebounce/useDebounce.ts"],"names":[],"mappings":"AAAA;ACEA,8BAA4C;AAE5C,oDAAkC;AAQ3B,IAAM,YAAA,EAAc,CAAQ,KAAA,EAAc,KAAA,EAAA,GAAkB;AAEjE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE1D,EAAA,MAAM,aAAA,EAAe,2BAAA,IAAW,CAAA;AAEhC,EAAA,8BAAA,CAAU,EAAA,GAAM;AAEd,IAAA,YAAA,CAAa,QAAA,EAAU,IAAA;AACvB,IAAA,OAAO,CAAA,EAAA,GAAM;AAEX,MAAA,YAAA,CAAa,QAAA,EAAU,KAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,8BAAA;AAAA,IACE,CAAA,EAAA,GAAM;AAEJ,MAAA,GAAA,CAAI,2CAAA,CAAkB,EAAG;AACvB,QAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,QAAA,MAAA;AAAA,MACF;AAGA,MAAA,MAAM,QAAA,EAAU,UAAA,CAAW,CAAA,EAAA,GAAM;AAE/B,QAAA,GAAA,CAAI,YAAA,CAAa,OAAA,EAAS;AACxB,UAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,QACzB;AAAA,MACF,CAAA,EAAG,KAAK,CAAA;AAMR,MAAA,OAAO,CAAA,EAAA,GAAM;AACX,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,MACtB,CAAA;AAAA,IACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,KAAK;AAAA;AAAA,EACf,CAAA;AAEA,EAAA,OAAO,cAAA;AACT,CAAA;ADvBA;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3WD7CGWD.cjs","sourcesContent":[null,"/* 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"]}

package/dist/chunk-4AXE6KZW.js

@@ -1,127 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Label/Label.tsx
-import { Chip as HeroLabel } from "@heroui/chip";
-import { chip as heroLabelVariants } from "@heroui/theme";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var labelVariants = tv({
-  slots: {
-    base: "",
-    closeButton: "",
-    content: "",
-    dot: "",
-    icon: ""
-  },
-  variants: {
-    color: __spreadValues({
-      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-      info: {
-        dot: "bg-info"
-      }
-    }, heroLabelVariants.variants.color),
-    isIconOnly: {
-      true: {
-        content: "px-1"
-      },
-      false: {
-        content: "flex items-center gap-2"
-      }
-    },
-    hasEndContent: {
-      true: {
-        base: "pr-2"
-      }
-    },
-    variant: heroLabelVariants.variants.variant
-  },
-  defaultVariants: heroLabelVariants.defaultVariants,
-  compoundVariants: [
-    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-    ...heroLabelVariants.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 = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsxs(
-    HeroLabel,
-    {
-      classNames,
-      endContent,
-      onClose,
-      radius,
-      size,
-      variant,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", { className: classNames.icon, children: icon }) : null,
-        children
-      ]
-    }
-  );
-};
-var Label_default = Label;
-
-// src/Label/index.ts
-var Label_default2 = Label_default;
-
-export {
-  labelVariants,
-  Label_default,
-  Label_default2
-};
-//# sourceMappingURL=chunk-4AXE6KZW.js.map

package/dist/chunk-4AXE6KZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["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"],"mappings":";;;;;AAIA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,yBAAyB;AAE1C,SAAS,IAAI,4BAA4B;AAgIrC,SAQU,KARV;AA7HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA;AAAA,MAEL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS,kBAAkB,SAAS;AAAA,EACtC;AAAA,EACA,iBAAiB,kBAAkB;AAAA,EACnC,kBAAkB;AAAA;AAAA,IAEhB,GAAG,kBAAkB;AAAA;AAAA,IAErB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,OAAO,YAAY,eAAe,QAAQ,CAAC;AAC5E,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,eAAO,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK,IAAU;AAAA,QACzD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC/If,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/chunk-4SBEERL5.js

@@ -1,145 +0,0 @@
-import {
-  useIsInitialRenderCycle
-} from "./chunk-GKYJUGD4.js";
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/ProgressCircular/ProgressCircular.tsx
-import { FaCheck, FaTimes } from "react-icons/fa";
-import { CircularProgress as HeroCircularProgress } from "@heroui/progress";
-import { circularProgress as heroCircularProgressVariants } from "@heroui/theme";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var progressCircularVariants = tv({
-  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: __spreadValues({
-      info: {
-        svg: "text-info"
-      }
-    }, heroCircularProgressVariants.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 = useIsInitialRenderCycle();
-  const isFinished = !hasError && percent >= 100 && !disableFinishedState;
-  const variants = progressCircularVariants({
-    color,
-    hasError,
-    isFinished,
-    size
-  });
-  const classNames = variantsToClassNames(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__ */ jsx(FaTimes, { className: "text-danger" });
-  } else if (isFinished) {
-    progressColor = "success";
-    value = /* @__PURE__ */ jsx(FaCheck, { className: "text-success" });
-  }
-  const heroUiColor = Object.keys(
-    heroCircularProgressVariants.variants.color
-  ).includes(color) ? progressColor : void 0;
-  return /* @__PURE__ */ jsx(
-    HeroCircularProgress,
-    {
-      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;
-
-export {
-  progressCircularVariants,
-  ProgressCircular_default,
-  ProgressCircular_default2
-};
-//# sourceMappingURL=chunk-4SBEERL5.js.map