@fuf-stack/pixels 1.2.0 → 1.2.2

package/dist/{chunk-PZL3LRGY.cjs → chunk-KB6PZSJ5.cjs}

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 
 // src/Button/Button.tsx
 var _button = require('@heroui/button');
@@ -9,46 +10,49 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
 
 // src/Button/subcomponents/LoadingSpinner.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var LoadingSpinner_default = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-  "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__ */ _jsxruntime.jsx.call(void 0, 
-        "circle",
-        {
-          className: "opacity-25",
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth: "4"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "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 = () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "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__ */ _jsxruntime.jsx.call(void 0, 
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "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
 
 var buttonVariants = _pixelutils.tv.call(void 0, {
-  base: "",
+  extend: _theme.button,
   variants: {
-    color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+    color: _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, _theme.button.variants.color), {
       // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts
       info: ""
-    }, _theme.button.variants.color),
+    }),
     variant: _theme.button.variants.variant,
     size: _theme.button.variants.size
   },
@@ -56,13 +60,23 @@ var buttonVariants = _pixelutils.tv.call(void 0, {
     // white text on solid / shadow success button
     {
       color: "success",
-      variant: ["solid", "shadow"],
+      variant: "solid",
+      class: "text-white"
+    },
+    {
+      color: "success",
+      variant: "shadow",
       class: "text-white"
     },
     // white text on solid / shadow warning button
     {
       color: "warning",
-      variant: ["solid", "shadow"],
+      variant: "solid",
+      class: "text-white"
+    },
+    {
+      color: "warning",
+      variant: "shadow",
       class: "text-white"
     },
     {
@@ -73,7 +87,7 @@ var buttonVariants = _pixelutils.tv.call(void 0, {
     {
       color: "info",
       variant: "shadow",
-      class: 'text-info-foreground" bg-info shadow-info/40 shadow-lg'
+      class: "text-info-foreground bg-info shadow-info/40 shadow-lg"
     },
     {
       color: "info",
@@ -105,7 +119,7 @@ var buttonVariants = _pixelutils.tv.call(void 0, {
 var Button = ({
   ariaLabel = void 0,
   children = void 0,
-  className = void 0,
+  className: _className = void 0,
   color = "default",
   disableAnimation = false,
   disabled = false,
@@ -119,24 +133,27 @@ var Button = ({
   type = void 0,
   variant = "solid"
 }) => {
+  const className = buttonVariants({
+    className: _className,
+    disableAnimation,
+    isDisabled: disabled,
+    color,
+    size,
+    variant,
+    isIconOnly: !!(icon && !children),
+    radius
+  });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _button.Button,
     {
       "aria-label": ariaLabel,
-      className: buttonVariants({ color, variant, className }),
-      color,
+      className,
       "data-testid": testId,
-      disableAnimation,
       disableRipple: disableAnimation || !ripple,
-      isDisabled: disabled,
-      isIconOnly: !!(icon && !children),
       isLoading: loading,
       onPress: onClick,
-      radius,
-      size,
       spinner: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner_default, {}),
       type,
-      variant,
       children: [
         icon,
         children
@@ -154,4 +171,4 @@ var Button_default2 = Button_default;
 
 
 exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
-//# sourceMappingURL=chunk-PZL3LRGY.cjs.map
+//# sourceMappingURL=chunk-KB6PZSJ5.cjs.map

package/dist/chunk-KB6PZSJ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KB6PZSJ5.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KB6PZSJ5.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } 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: 'text-info-foreground bg-info shadow-info/40 shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info text-info bg-transparent',\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: 'text-info data-[hover=true]:bg-info-100 bg-transparent',\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\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  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\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\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\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  onClick = undefined,\n  radius = undefined,\n  ripple = false,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\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      aria-label={ariaLabel}\n      className={className}\n      data-testid={testId}\n      disableRipple={disableAnimation || !ripple}\n      isLoading={loading}\n      onPress={onClick}\n      spinner={<LoadingSpinner />}\n      type={type}\n    >\n      {icon}\n      {children}\n    </HeroButton>\n  );\n};\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"]}

package/dist/{chunk-GNMNAQY4.js → chunk-LAQNNPIV.js}

@@ -75,7 +75,7 @@ var Table = ({
       "aria-label": ariaLabel,
       bottomContent,
       classNames,
-      "data-testid": testId && slugify(testId),
+      "data-testid": testId ? slugify(testId) : null,
       hideHeader,
       isHeaderSticky: stickyHeader,
       isStriped: separation === "striped" || separation === "striped-divider-x",
@@ -84,21 +84,27 @@ var Table = ({
       removeWrapper: virtualized ? false : !hasWrapper,
       rowHeight,
       children: [
-        /* @__PURE__ */ jsx(TableHeader, { columns, children: (column) => /* @__PURE__ */ jsx(TableColumn, { children: column.label }, column.key) }),
+        /* @__PURE__ */ jsx(TableHeader, { columns, children: (column) => {
+          return /* @__PURE__ */ jsx(TableColumn, { children: column.label }, column.key);
+        } }),
         /* @__PURE__ */ jsx(
           TableBody,
           {
-            isLoading: loading,
-            loadingContent: loadingContent || "...",
             emptyContent,
+            isLoading: loading,
             items: rows,
-            children: (item) => /* @__PURE__ */ jsx(
-              TableRow,
-              {
-                children: (columnKey) => /* @__PURE__ */ jsx(TableCell, { children: getKeyValue(item, columnKey) })
-              },
-              item.key
-            )
+            loadingContent: loadingContent != null ? loadingContent : "...",
+            children: (item) => {
+              return /* @__PURE__ */ jsx(
+                TableRow,
+                {
+                  children: (columnKey) => {
+                    return /* @__PURE__ */ jsx(TableCell, { children: getKeyValue(item, columnKey) });
+                  }
+                },
+                item.key
+              );
+            }
           }
         )
       ]
@@ -115,4 +121,4 @@ export {
   Table_default,
   Table_default2
 };
-//# sourceMappingURL=chunk-GNMNAQY4.js.map
+//# sourceMappingURL=chunk-LAQNNPIV.js.map

package/dist/{chunk-GNMNAQY4.js.map → chunk-LAQNNPIV.js.map}

@@ -1 +1 @@
-{"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 group-data-[odd=true]:bg-content2 first:rounded-s-lg last:rounded-e-lg',\n      },\n      striped: {\n        tr: '',\n        td: 'group-data-[odd=true]:bg-content2 first:rounded-s-lg last:rounded-e-lg',\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)}\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          <TableColumn key={column.key}>{column.label}</TableColumn>\n        )}\n      </TableHeader>\n      <TableBody\n        isLoading={loading}\n        loadingContent={loadingContent || '...'} // TODO: use future spinner/loading component\n        emptyContent={emptyContent}\n        items={rows}\n      >\n        {(item: TableRowProps) => (\n          <TableRow\n            key={item.key}\n            // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n          >\n            {(columnKey) => (\n              <TableCell>{getKeyValue(item, columnKey)}</TableCell>\n            )}\n          </TableRow>\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,SAeM,KAfN;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,UAAU,QAAQ,MAAM;AAAA,MACrC;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,WACA,oBAAC,eAA8B,iBAAO,SAApB,OAAO,GAAmB,GAEhD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,gBAAgB,kBAAkB;AAAA,YAClC;AAAA,YACA,OAAO;AAAA,YAEN,WAAC,SACA;AAAA,cAAC;AAAA;AAAA,gBAIE,WAAC,cACA,oBAAC,aAAW,sBAAY,MAAM,SAAS,GAAE;AAAA;AAAA,cAJtC,KAAK;AAAA,YAMZ;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACnKf,IAAOA,iBAAQ;","names":["Table_default"]}
+{"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 group-data-[odd=true]:bg-content2 first:rounded-s-lg last:rounded-e-lg',\n      },\n      striped: {\n        tr: '',\n        td: 'group-data-[odd=true]:bg-content2 first:rounded-s-lg last:rounded-e-lg',\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-TLXLWB4Y.cjs → chunk-LX5LJN3I.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 
 // src/Toast/index.ts
 var _toast = require('@heroui/toast');
@@ -26,10 +26,10 @@ var toastVariants = _pixelutils.tv.call(void 0, {
   },
   variants: {
     // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts
-    color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
       info: {}
     }, _theme.toast.variants.color),
-    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.toast.variants.variant)
+    variant: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, _theme.toast.variants.variant)
   },
   compoundVariants: [
     ..._theme.toast.compoundVariants,
@@ -152,7 +152,7 @@ var ToastProvider = ({
       placement,
       regionProps,
       toastOffset,
-      toastProps: _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, toastProps), {
+      toastProps: _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, toastProps), {
         classNames,
         color: isHeroUIColor ? toastProps == null ? void 0 : toastProps.color : void 0
       })
@@ -171,4 +171,4 @@ var Toast_default = addToast;
 
 
 exports.toastVariants = toastVariants; exports.addToast = addToast; exports.ToastProvider_default = ToastProvider_default; exports.Toast = _toast.Toast; exports.Toast_default = Toast_default;
-//# sourceMappingURL=chunk-TLXLWB4Y.cjs.map
+//# sourceMappingURL=chunk-LX5LJN3I.cjs.map

package/dist/{chunk-TLXLWB4Y.cjs.map → chunk-LX5LJN3I.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TLXLWB4Y.cjs","../src/Toast/index.ts","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TLXLWB4Y.cjs","sourcesContent":[null,"import { Toast } from '@heroui/toast';\n\nimport { addToast, toastVariants } from './addToast';\nimport ToastProvider from './ToastProvider';\n\nexport type { ToastProps, AddToastVariantProps } from './addToast';\nexport type { ToastProviderProps } from './ToastProvider';\n\nexport { addToast, Toast, ToastProvider, toastVariants };\n\nexport default addToast;\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingComponent: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Component displayed until promise is resolved */\n  loadingComponent?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingComponent = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingComponent,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LX5LJN3I.cjs","../src/Toast/index.ts","../src/Toast/addToast.tsx","../src/Toast/ToastProvider.tsx"],"names":["heroToastVariants","variantsToClassNames"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LX5LJN3I.cjs","sourcesContent":[null,"import { Toast } from '@heroui/toast';\n\nimport { addToast, toastVariants } from './addToast';\nimport ToastProvider from './ToastProvider';\n\nexport type { ToastProps, AddToastVariantProps } from './addToast';\nexport type { ToastProviderProps } from './ToastProvider';\n\nexport { addToast, Toast, ToastProvider, toastVariants };\n\nexport default addToast;\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ReactNode } from 'react';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { addToast as heroAddToast } from '@heroui/toast';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const toastVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    icon: '',\n    loadingComponent: '',\n    content: '',\n    motionDiv: '',\n    progressTrack: '',\n    progressIndicator: '',\n    closeButton: '',\n    closeIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/toast.ts\n    color: {\n      info: {},\n      ...heroToastVariants.variants.color,\n    },\n    variant: {\n      ...heroToastVariants.variants.variant,\n    },\n  },\n  compoundVariants: [\n    ...heroToastVariants.compoundVariants,\n    {\n      variant: 'solid',\n      color: 'info',\n      className: {\n        base: 'bg-info text-info-foreground',\n        title: 'text-info-foreground',\n        description: 'text-info-foreground',\n        icon: 'text-info-foreground',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        base: 'border-small border-info text-info-600',\n        title: 'text-info-600',\n        description: 'text-info-500',\n        icon: 'text-info-600',\n        closeIcon: 'border-info-400 bg-info-100',\n        closeButton: 'text-info-400 hover:text-info-600',\n        progressIndicator: 'bg-info-400',\n      },\n    },\n  ],\n});\n\nexport type AddToastVariantProps = TVProps<typeof toastVariants>;\ntype ClassName = TVClassName<typeof toastVariants>;\n\nexport interface ToastProps extends AddToastVariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Icon displayed at the end of the Alert */\n  closeIcon?: ReactNode;\n  /** Color of the alert */\n  color?: AddToastVariantProps['color'];\n  /** Content displayed inside the Alert */\n  description?: ReactNode;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Component displayed until promise is resolved */\n  loadingComponent?: ReactNode;\n  /** Callback function called when the toast is closed */\n  onClose?: () => void;\n  /** Promise based on which the notification will be styled */\n  promise?: Promise<void>;\n  /** Whether the toast should show a progress bar */\n  shouldShowTimeoutProgress?: boolean;\n  /** Whether the toast should show a close button */\n  showCloseButton?: boolean;\n  /** Whether the toast should show an icon */\n  showIcon?: boolean;\n  /** Time the toast is displayed */\n  timeout?: number;\n  /** Content displayed at the top of the toast */\n  title?: ReactNode;\n  /** Variant of the toast */\n  variant?: AddToastVariantProps['variant'];\n}\n\n/**\n * addToast function based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nexport const addToast = ({\n  className = undefined,\n  closeIcon = undefined,\n  color = 'default',\n  description = undefined,\n  endContent = undefined,\n  icon = undefined,\n  loadingComponent = undefined,\n  onClose = undefined,\n  promise = undefined,\n  shouldShowTimeoutProgress = false,\n  showCloseButton = true,\n  showIcon = true,\n  timeout = 5000,\n  title = undefined,\n  variant = 'bordered',\n}: ToastProps) => {\n  const variants = toastVariants({\n    color,\n    variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    color,\n  );\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  heroAddToast({\n    classNames,\n    closeIcon,\n    color: isHeroUIColor ? (color as HeroToastProps['color']) : undefined,\n    // TODO: 'data-testid': testId,\n    description,\n    endContent,\n    hideCloseButton: !showCloseButton,\n    hideIcon: !showIcon,\n    icon,\n    loadingComponent,\n    onClose,\n    promise,\n    shouldShowTimeoutProgress,\n    timeout,\n    title,\n    variant,\n  });\n};\n\nexport default addToast;\n","import type { ToastProps as HeroToastProps } from '@heroui/toast';\nimport type { ToastProps } from './addToast';\n\nimport { toast as heroToastVariants } from '@heroui/theme';\nimport { ToastProvider as HeroToastProvider } from '@heroui/toast';\n\nimport { variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { toastVariants } from './addToast';\n\nexport type ToastProviderToastProps = Omit<\n  ToastProps,\n  'description' | 'endContent' | 'title'\n>;\n\nexport interface ToastProviderProps {\n  disableAnimation?: boolean;\n  maxVisibleToasts?: number;\n  placement?:\n    | 'bottom-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'top-right'\n    | 'top-left'\n    | 'top-center';\n\n  toastProps?: ToastProviderToastProps;\n  toastOffset?: number;\n  regionProps?: { classNames?: Record<'base', string> };\n}\n\n/**\n * ToastProvider component based on [HeroUI Toast](https://www.heroui.com//docs/components/toast)\n */\nconst ToastProvider = ({\n  disableAnimation = false,\n  maxVisibleToasts = 5,\n  placement = 'top-center',\n  toastProps = undefined,\n  toastOffset = 26,\n  regionProps = undefined,\n}: ToastProviderProps) => {\n  const variants = toastVariants({\n    color: toastProps?.color,\n    variant: toastProps?.variant,\n  });\n  const isHeroUIColor = Object.keys(heroToastVariants.variants.color).includes(\n    toastProps?.color || '',\n  );\n  const classNames = variantsToClassNames(\n    variants,\n    toastProps?.className,\n    'base',\n  );\n  return (\n    <HeroToastProvider\n      disableAnimation={disableAnimation}\n      maxVisibleToasts={maxVisibleToasts}\n      placement={placement}\n      regionProps={regionProps}\n      toastOffset={toastOffset}\n      toastProps={{\n        ...toastProps,\n        classNames,\n        color: isHeroUIColor\n          ? (toastProps?.color as HeroToastProps['color'])\n          : undefined,\n      }}\n    />\n  );\n};\n\nexport default ToastProvider;\n"]}

package/dist/{chunk-BTQB4EZC.js → chunk-NPNLVQU7.js}

@@ -1,10 +1,11 @@
 import {
   Button_default
-} from "./chunk-4LMQVFV7.js";
+} from "./chunk-F37RLKXJ.js";
 import {
+  __async,
   __commonJS,
   __toESM
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // ../../node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
@@ -2624,14 +2625,16 @@ var CopiedRenderer = () => {
         return /* @__PURE__ */ jsx(
           "span",
           {
+            "aria-label": isCopied ? "Copied to clipboard" : "Copy to clipboard",
             className: "relative ml-0! h-[1em]! w-0!",
-            style,
             "data-testid": "copy-button",
+            onKeyDown: handleKeyDown,
             role: "button",
+            style,
             tabIndex: 0,
-            onKeyDown: handleKeyDown,
-            onClick: (e) => onClick == null ? void 0 : onClick(e),
-            "aria-label": isCopied ? "Copied to clipboard" : "Copy to clipboard",
+            onClick: (e) => {
+              return onClick == null ? void 0 : onClick(e);
+            },
             children: isCopied ? /* @__PURE__ */ jsx(HiOutlineClipboardCheck, { className: elmClasses }) : /* @__PURE__ */ jsx(HiOutlineClipboard, { className: elmClasses })
           }
         );
@@ -2703,7 +2706,9 @@ var NullRenderer = () => {
   return /* @__PURE__ */ jsx3(
     esm_default.Null,
     {
-      render: () => /* @__PURE__ */ jsx3("span", { className: "bg-warning-100 text-warning-700 rounded px-1 text-xs", children: "null" })
+      render: () => {
+        return /* @__PURE__ */ jsx3("span", { className: "bg-warning-100 text-warning-700 rounded px-1 text-xs", children: "null" });
+      }
     }
   );
 };
@@ -2720,7 +2725,9 @@ var handleCopy = (rawValue, onCopy) => {
   } catch (_err) {
   }
   const copyValue = isObject ? JSON.stringify(rawValue, null, 2) : rawValue;
-  setTimeout(() => navigator.clipboard.writeText(copyValue), 1);
+  setTimeout(() => __async(null, null, function* () {
+    return navigator.clipboard.writeText(copyValue);
+  }), 1);
   if (onCopy) {
     onCopy(copyValue);
   }
@@ -2741,8 +2748,8 @@ var Json = ({
     content = /* @__PURE__ */ jsx4(
       "div",
       {
-        style: { maxHeight, overflowY: maxHeight ? "auto" : void 0 },
         className: "relative",
+        style: { maxHeight, overflowY: maxHeight ? "auto" : void 0 },
         children: /* @__PURE__ */ jsxs2(
           esm_default,
           {
@@ -2750,7 +2757,9 @@ var Json = ({
             collapsed,
             displayDataTypes: false,
             value: parsedValue,
-            onCopied: (_, rawValue) => handleCopy(rawValue, onCopy),
+            onCopied: (_, rawValue) => {
+              handleCopy(rawValue, onCopy);
+            },
             children: [
               /* @__PURE__ */ jsx4(CopiedRenderer_default, {}),
               /* @__PURE__ */ jsx4(NullRenderer_default, {})
@@ -2763,15 +2772,17 @@ var Json = ({
     const defaultError = /* @__PURE__ */ jsx4(
       ErrorRenderer_default,
       {
-        error: err,
         data: value,
+        error: err,
         showDetails,
-        onToggleDetails: () => setShowDetails(!showDetails)
+        onToggleDetails: () => {
+          setShowDetails(!showDetails);
+        }
       }
     );
     error = errorRenderer ? errorRenderer(err, value) : defaultError;
   }
-  return /* @__PURE__ */ jsx4("div", { "aria-label": "JSON viewer", className: cn2(className), role: "region", children: error || content });
+  return /* @__PURE__ */ jsx4("div", { "aria-label": "JSON viewer", className: cn2(className), role: "region", children: error != null ? error : content });
 };
 var Json_default = Json;
 
@@ -2782,4 +2793,4 @@ export {
   Json_default,
   Json_default2
 };
-//# sourceMappingURL=chunk-BTQB4EZC.js.map
+//# sourceMappingURL=chunk-NPNLVQU7.js.map