@fuf-stack/pixels 1.2.1 → 1.2.2

package/dist/chunk-S4O4KDC3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-S4O4KDC3.cjs","../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"names":["AvatarGroup_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACLA,wCAA+C;AAmDnC,+CAAA;AAtBZ,IAAM,YAAA,EAAc,CAAC;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,EAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,IAAA,EAAM,CAAA;AAAA,EACN,aAAA,EAAe,cAAA,EAAgB,KAAA;AACjC,CAAA,EAAA,GAAwB;AACtB,EAAA,uBACE,6BAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA;AAAA,MACA,MAAA,EAAQ,OAAA;AAAA,MACR,IAAA;AAAA,MAEC,QAAA,EAAA,QAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,OAAA,CAAS,GAAA,CAAI,CAAC,MAAA,EAAA,GAAW;AACxB,QAAA,OAAO,cAAA,kBACL,6BAAA,aAAC,EAAA,6CAAA,8CAAA,CAAA,CAAA,EAAkB,MAAA,CAAO,YAAA,CAAA,EAAzB,EACC,QAAA,kBAAA,6BAAA;AAAA,UAAC,gCAAA;AAAA,UAAA,6CAAA,8CAAA,CAAA,CAAA,EAEK,MAAA,CAAA,EAFL;AAAA,YAGC,QAAA;AAAA,YACA,QAAA,EAAU,SAAA,GAAA,CAAY,OAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,MAAA,CAAQ,QAAA,CAAA;AAAA,YAC9B,OAAA;AAAA,YACA;AAAA,UAAA,CAAA,CAAA;AAAA,UALK,MAAA,CAAO;AAAA,QAMd,EAAA,CAAA,CACF,EAAA,kBAEA,6BAAA;AAAA,UAAC,gCAAA;AAAA,UAAA,6CAAA,8CAAA,CAAA,CAAA,EAEK,MAAA,CAAA,EAFL;AAAA,YAGC,QAAA;AAAA,YACA,QAAA,EAAU,SAAA,GAAA,CAAY,OAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,MAAA,CAAQ,QAAA,CAAA;AAAA,YAC9B,OAAA;AAAA,YACA;AAAA,UAAA,CAAA,CAAA;AAAA,UALK,MAAA,CAAO;AAAA,QAMd,CAAA;AAAA,MAEJ,CAAA;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,oBAAA,EAAQ,WAAA;ADvBf;AACA;AElDA,IAAOA,qBAAAA,EAAQ,mBAAA;AFoDf;AACA;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-S4O4KDC3.cjs","sourcesContent":[null,"import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar) => {\n        return AvatarWrapper ? (\n          <AvatarWrapper {...avatar.wrapperProps}>\n            <Avatar\n              key={avatar.src}\n              {...avatar}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatar.src}\n            {...avatar}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"]}

package/dist/{chunk-3QICKBFS.js → chunk-SZGVYMRD.js}

@@ -4,7 +4,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import { AvatarGroup as HeroAvatarGroup } from "@heroui/avatar";
@@ -22,31 +22,28 @@ var AvatarGroup = ({
   return /* @__PURE__ */ jsx(
     HeroAvatarGroup,
     {
-      max,
       className,
       isBordered: bordered,
       isDisabled: disabled,
+      max,
       radius: rounded,
       size,
       children: avatars == null ? void 0 : avatars.map((avatar) => {
-        return AvatarWrapper ? (
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          /* @__PURE__ */ jsx(AvatarWrapper, __spreadProps(__spreadValues({}, avatar.wrapperProps), { children: /* @__PURE__ */ jsx(
-            Avatar_default,
-            __spreadProps(__spreadValues({}, avatar), {
-              disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
-              rounded,
-              bordered,
-              size
-            }),
-            avatar.src
-          ) }))
-        ) : /* @__PURE__ */ jsx(
+        return AvatarWrapper ? /* @__PURE__ */ jsx(AvatarWrapper, __spreadProps(__spreadValues({}, avatar.wrapperProps), { children: /* @__PURE__ */ jsx(
           Avatar_default,
           __spreadProps(__spreadValues({}, avatar), {
+            bordered,
             disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
             rounded,
+            size
+          }),
+          avatar.src
+        ) })) : /* @__PURE__ */ jsx(
+          Avatar_default,
+          __spreadProps(__spreadValues({}, avatar), {
             bordered,
+            disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
+            rounded,
             size
           }),
           avatar.src
@@ -64,4 +61,4 @@ export {
   AvatarGroup_default,
   AvatarGroup_default2
 };
-//# sourceMappingURL=chunk-3QICKBFS.js.map
+//# sourceMappingURL=chunk-SZGVYMRD.js.map

package/dist/chunk-SZGVYMRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"sourcesContent":["import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar) => {\n        return AvatarWrapper ? (\n          <AvatarWrapper {...avatar.wrapperProps}>\n            <Avatar\n              key={avatar.src}\n              {...avatar}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatar.src}\n            {...avatar}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;;AAGA,SAAS,eAAe,uBAAuB;AAmDnC;AAtBZ,IAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,EACN,eAAe,gBAAgB;AACjC,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MAEC,6CAAS,IAAI,CAAC,WAAW;AACxB,eAAO,gBACL,oBAAC,gDAAkB,OAAO,eAAzB,EACC;AAAA,UAAC;AAAA,2CAEK,SAFL;AAAA,YAGC;AAAA,YACA,UAAU,aAAY,iCAAQ;AAAA,YAC9B;AAAA,YACA;AAAA;AAAA,UALK,OAAO;AAAA,QAMd,IACF,IAEA;AAAA,UAAC;AAAA,2CAEK,SAFL;AAAA,YAGC;AAAA,YACA,UAAU,aAAY,iCAAQ;AAAA,YAC9B;AAAA,YACA;AAAA;AAAA,UALK,OAAO;AAAA,QAMd;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;ACxEf,IAAOA,uBAAQ;","names":["AvatarGroup_default"]}

package/dist/{chunk-C6VV7NYT.cjs → chunk-TFRAQ6OQ.cjs}

@@ -75,7 +75,7 @@ var Table = ({
       "aria-label": ariaLabel,
       bottomContent,
       classNames,
-      "data-testid": testId && _pixelutils.slugify.call(void 0, testId),
+      "data-testid": testId ? _pixelutils.slugify.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, _table.TableHeader, { columns, children: (column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableColumn, { children: column.label }, column.key) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableHeader, { columns, children: (column) => {
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableColumn, { children: column.label }, column.key);
+        } }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _table.TableBody,
           {
-            isLoading: loading,
-            loadingContent: loadingContent || "...",
             emptyContent,
+            isLoading: loading,
             items: rows,
-            children: (item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _table.TableRow,
-              {
-                children: (columnKey) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableCell, { children: _table.getKeyValue.call(void 0, item, columnKey) })
-              },
-              item.key
-            )
+            loadingContent: loadingContent != null ? loadingContent : "...",
+            children: (item) => {
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _table.TableRow,
+                {
+                  children: (columnKey) => {
+                    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _table.TableCell, { children: _table.getKeyValue.call(void 0, item, columnKey) });
+                  }
+                },
+                item.key
+              );
+            }
           }
         )
       ]
@@ -115,4 +121,4 @@ var Table_default2 = Table_default;
 
 
 exports.tableVariants = tableVariants; exports.Table_default = Table_default; exports.Table_default2 = Table_default2;
-//# sourceMappingURL=chunk-C6VV7NYT.cjs.map
+//# sourceMappingURL=chunk-TFRAQ6OQ.cjs.map

package/dist/chunk-TFRAQ6OQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TFRAQ6OQ.cjs","../src/Table/Table.tsx","../src/Table/index.ts"],"names":["Table_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-TFRAQ6OQ.cjs","sourcesContent":[null,"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"]}

package/dist/{chunk-7QBCVRQD.js → chunk-TJTBJ2NT.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // src/Breadcrumb/Breadcrumb.tsx
 import {
@@ -45,33 +45,35 @@ var Breadcrumb = ({
   return /* @__PURE__ */ jsx(
     HeroBreadcrumb,
     {
-      classNames: {
-        base: classNames.nav,
-        ellipsis: classNames.separator,
-        list: classNames.list
-      },
       color,
       disableAnimation,
       hideSeparator,
       isDisabled: disabled,
-      itemClasses: {
-        base: classNames.itemBase,
-        item: classNames.item,
-        separator: classNames.separator
-      },
       maxItems,
       radius,
       separator,
       size,
       underline,
       variant,
-      children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsx(
-        HeroBreadcrumbItem,
-        __spreadValues({
-          isDisabled: disabled || (item == null ? void 0 : item.disabled)
-        }, item),
-        index
-      ))
+      classNames: {
+        base: classNames.nav,
+        ellipsis: classNames.separator,
+        list: classNames.list
+      },
+      itemClasses: {
+        base: classNames.itemBase,
+        item: classNames.item,
+        separator: classNames.separator
+      },
+      children: breadcrumbItems.map((item, index) => {
+        return /* @__PURE__ */ jsx(
+          HeroBreadcrumbItem,
+          __spreadValues({
+            isDisabled: disabled || (item == null ? void 0 : item.disabled)
+          }, item),
+          index
+        );
+      })
     }
   );
 };
@@ -85,4 +87,4 @@ export {
   Breadcrumb_default,
   Breadcrumb_default2
 };
-//# sourceMappingURL=chunk-7QBCVRQD.js.map
+//# sourceMappingURL=chunk-TJTBJ2NT.js.map

package/dist/{chunk-7QBCVRQD.js.map → chunk-TJTBJ2NT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => (\n        <HeroBreadcrumbItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";;;;;AAGA;AAAA,EACE,eAAe;AAAA,EACf,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AAiHjC;AA7GD,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,UAAU;AAAA;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,KAAK;AAAA,EACP;AACF,CAAC;AAoDD,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ,MAAuB;AAErB,QAAM,WAAW,mBAAmB,CAAC,CAAC;AACtC,QAAM,aAAa,qBAAqB,UAAU,YAAY,KAAK;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,MAAM,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,QACX,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,WAAW,WAAW;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,aAAY,6BAAM;AAAA,WAE1B;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;;;AC/Hf,IAAOA,sBAAQ;","names":["Breadcrumb_default"]}
+{"version":3,"sources":["../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n    >\n      {breadcrumbItems.map((item, index) => {\n        return (\n          <HeroBreadcrumbItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";;;;;AAGA;AAAA,EACE,eAAe;AAAA,EACf,kBAAkB;AAAA,OACb;AAEP,SAAS,IAAI,4BAA4B;AAkH/B;AA9GH,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA;AAAA,IAEL,UAAU;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,UAAU;AAAA;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,KAAK;AAAA,EACP;AACF,CAAC;AAoDD,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ,MAAuB;AAErB,QAAM,WAAW,mBAAmB,CAAC,CAAC;AACtC,QAAM,aAAa,qBAAqB,UAAU,YAAY,KAAK;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,MAAM,WAAW;AAAA,QACjB,UAAU,WAAW;AAAA,QACrB,MAAM,WAAW;AAAA,MACnB;AAAA,MACA,aAAa;AAAA,QACX,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,WAAW,WAAW;AAAA,MACxB;AAAA,MAEC,0BAAgB,IAAI,CAAC,MAAM,UAAU;AACpC,eACE;AAAA,UAAC;AAAA;AAAA,YAGC,YAAY,aAAY,6BAAM;AAAA,aAC1B;AAAA,UAFC;AAAA,QAGP;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,qBAAQ;;;AChIf,IAAOA,sBAAQ;","names":["Breadcrumb_default"]}

package/dist/{chunk-JORMLHKF.js → chunk-TYY3HIYL.js}

@@ -48,7 +48,9 @@ var progressVariants = tv({
     }
   }
 });
-var defaultFormat = (percent = 0) => `${percent}%`;
+var defaultFormat = (percent = 0) => {
+  return `${percent}%`;
+};
 var Progress = ({
   ariaLabel = "progress",
   className = void 0,
@@ -98,4 +100,4 @@ export {
   Progress_default,
   Progress_default2
 };
-//# sourceMappingURL=chunk-JORMLHKF.js.map
+//# sourceMappingURL=chunk-TYY3HIYL.js.map

package/dist/chunk-TYY3HIYL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Progress/Progress.tsx","../src/Progress/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as HeroProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the progress (finished part)\n    indicator: '',\n    // label at the top left of the progress bar\n    label: '',\n    // wrapper around progress label and label span\n    labelWrapper: '',\n    // track of the progress (not finished part)\n    track: '',\n    // span around the progress value\n    value: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\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  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** shows indeterminate progress animation */\n  indeterminate?: boolean;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage / progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  color = 'info',\n  disableAnimation = false,\n  disableFinishedState = false,\n  format = defaultFormat,\n  indeterminate = false,\n  label = undefined,\n  percent,\n  showValueLabel = false,\n  size = 'md',\n  testId = undefined,\n}: ProgressProps) => {\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 = percent >= 100 && !disableFinishedState;\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (isFinished) {\n    progressColor = 'success';\n  }\n\n  const variants = progressVariants({ color: progressColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <HeroProgress\n      aria-label={ariaLabel}\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      isIndeterminate={indeterminate}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"],"mappings":";;;;;AAGA,SAAS,YAAY,oBAAoB;AAEzC,SAAS,IAAI,4BAA4B;AAsHrC;AAjHG,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA;AAAA,IAEP,cAAc;AAAA;AAAA,IAEd,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAiCD,IAAM,gBAAgB,CAAC,UAAU,MAAM;AACrC,SAAO,GAAG,OAAO;AACnB;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AACX,MAAqB;AAEnB,QAAM,uBAAuB,wBAAwB;AAGrD,QAAM,aAAa,WAAW,OAAO,CAAC;AAGtC,MAAI,gBAAuC;AAC3C,MAAI,YAAY;AACd,oBAAgB;AAAA,EAClB;AAEA,QAAM,WAAW,iBAAiB,EAAE,OAAO,cAAc,CAAC;AAC1D,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,QAAQ,OAAO,OAAO;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA,eAAa;AAAA,MACb,kBAAkB,wBAAwB;AAAA,MAC1C,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW;AAAA,MAClB,YAAY,CAAC,CAAC,WAAW;AAAA;AAAA,EAC3B;AAEJ;AAEA,IAAO,mBAAQ;;;ACpIf,IAAOA,oBAAQ;","names":["Progress_default"]}

package/dist/{chunk-YBMQZ43T.cjs → chunk-UECUQP2B.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 
 // src/Alert/Alert.tsx
 var _alert = require('@heroui/alert');
@@ -19,14 +19,14 @@ var alertVariants = _pixelutils.tv.call(void 0, {
   },
   variants: {
     // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
-    color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
+    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
       info: {
         mainWrapper: "text-inherit",
         title: "text-inherit",
         description: "text-inherit"
       }
     }, _theme.alert.variants.color),
-    variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.alert.variants.variant),
+    variant: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, _theme.alert.variants.variant),
     sizeLimit: {
       height: {
         base: "max-h-[150px] overflow-x-hidden overflow-y-auto"
@@ -132,4 +132,4 @@ var Alert_default2 = Alert_default;
 
 
 exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
-//# sourceMappingURL=chunk-YBMQZ43T.cjs.map
+//# sourceMappingURL=chunk-UECUQP2B.cjs.map

package/dist/{chunk-YBMQZ43T.cjs.map → chunk-UECUQP2B.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YBMQZ43T.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YBMQZ43T.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...heroAlertVariants.variants.color,\n    },\n    variant: {\n      ...heroAlertVariants.variants.variant,\n    },\n    sizeLimit: {\n      height: {\n        base: 'max-h-[150px] overflow-x-hidden overflow-y-auto',\n      },\n      width: {\n        base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n      },\n      both: {\n        base: 'max-h-[150px] max-w-[480px] overflow-x-hidden overflow-y-auto',\n      },\n    },\n  },\n  compoundVariants: [\n    ...heroAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** limit height to 150px or width to 480px or both */\n  sizeLimit?: VariantProps['sizeLimit'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  sizeLimit = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n    sizeLimit,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // pass color prop for heroui colors\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  )\n    ? (color as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-UECUQP2B.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-UECUQP2B.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: '',\n    title: '',\n    description: '',\n    mainWrapper: '',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...heroAlertVariants.variants.color,\n    },\n    variant: {\n      ...heroAlertVariants.variants.variant,\n    },\n    sizeLimit: {\n      height: {\n        base: 'max-h-[150px] overflow-x-hidden overflow-y-auto',\n      },\n      width: {\n        base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n      },\n      both: {\n        base: 'max-h-[150px] max-w-[480px] overflow-x-hidden overflow-y-auto',\n      },\n    },\n  },\n  compoundVariants: [\n    ...heroAlertVariants.compoundVariants,\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info text-info',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'bg-info-100 dark:bg-info-50',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\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  /** Whether the Alert can be closed */\n  isClosable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void | undefined;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** limit height to 150px or width to 480px or both */\n  sizeLimit?: VariantProps['sizeLimit'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  isClosable = false,\n  onClose = undefined,\n  sizeLimit = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'solid',\n}: AlertProps) => {\n  const variants = alertVariants({\n    color,\n    variant,\n    sizeLimit,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // pass color prop for heroui colors\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  )\n    ? (color as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      isClosable={isClosable}\n      onClose={onClose}\n      title={(title || children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}

package/dist/{chunk-NES3USBQ.js → chunk-UEQG424R.js}

@@ -46,4 +46,4 @@ export {
   Badge_default,
   Badge_default2
 };
-//# sourceMappingURL=chunk-NES3USBQ.js.map
+//# sourceMappingURL=chunk-UEQG424R.js.map

package/dist/chunk-UEQG424R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Badge/Badge.tsx","../src/Badge/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as HeroBadgeProps } from '@heroui/badge';\nimport type { ReactNode } from 'react';\n\nimport { Badge as HeroBadge } from '@heroui/badge';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// badge styling variants\nexport const badgeVariants = tv({\n  slots: {\n    badge: '',\n    base: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof badgeVariants>;\ntype ClassName = TVClassName<typeof badgeVariants>;\n\nexport interface BadgeProps extends VariantProps {\n  /** component which is wrapped by the batch */\n  children: HeroBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: HeroBadgeProps['content'];\n  /** color of the badge */\n  color?: HeroBadgeProps['color'];\n  /** if set the badge have the same height and width */\n  isOneChar?: HeroBadgeProps['isOneChar'];\n  /** removes the badge outline */\n  noOutline?: boolean;\n  /** placement of the badge */\n  placement?: HeroBadgeProps['placement'];\n  /** size of the badge */\n  size?: HeroBadgeProps['size'];\n}\n\n/**\n * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)\n */\nconst Avatar = ({\n  children,\n  className: _className = undefined,\n  content = undefined,\n  color = 'default',\n  isOneChar = false,\n  noOutline = false,\n  placement = 'top-right',\n  size = 'md',\n}: BadgeProps): ReactNode => {\n  if (content === undefined) {\n    return children;\n  }\n  // className from slots\n  const variants = badgeVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroBadge\n      classNames={className}\n      color={color}\n      content={content}\n      isOneChar={isOneChar}\n      placement={placement}\n      showOutline={!noOutline}\n      size={size}\n    >\n      {children}\n    </HeroBadge>\n  );\n};\n\nexport default Avatar;\n","import Badge from './Badge';\n\nexport type { BadgeProps } from './Badge';\n\nexport { Badge };\n\nexport default Badge;\n"],"mappings":";AAIA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,IAAI,4BAA4B;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AA2BD,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT,MAA6B;AAC3B,MAAI,YAAY,QAAW;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,cAAc;AAC/B,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;ACnEf,IAAOA,iBAAQ;","names":["Badge_default"]}

package/dist/{chunk-HFW4JP5W.js → chunk-UMROOKDT.js}

@@ -1,14 +1,18 @@
 import {
   ScrollShadow_default
-} from "./chunk-WDXULV6M.js";
+} from "./chunk-ZLSX6FH3.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // src/Popover/Popover.tsx
 import { Button } from "@heroui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "@heroui/popover";
+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({
@@ -23,7 +27,7 @@ var popoverVariants = tv({
     trigger: ""
   }
 });
-var Popover_default = ({
+var Popover = ({
   children = null,
   className: _className = void 0,
   content,
@@ -40,40 +44,40 @@ var Popover_default = ({
   const variants = popoverVariants();
   const className = variantsToClassNames(variants, _className, "trigger");
   return /* @__PURE__ */ jsxs(
-    Popover,
+    HeroPopover,
     __spreadProps(__spreadValues({
+      showArrow: true,
       classNames: className,
       placement,
       portalContainer,
       radius: "sm",
-      shouldBlockScroll,
-      showArrow: true
+      shouldBlockScroll
     }, openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {}), {
       children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { "data-testid": testId, children: triggerButtonProps ? (
+        /* @__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)
-          // eslint-disable-next-line react/jsx-props-no-spreading
           /* @__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(PopoverContent, { "data-testid": contentTestId, children: [
-          header && /* @__PURE__ */ jsxs("div", { className: className.headerWrapper, 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: [
+          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;
@@ -82,4 +86,4 @@ export {
   Popover_default,
   Popover_default2
 };
-//# sourceMappingURL=chunk-HFW4JP5W.js.map
+//# sourceMappingURL=chunk-UMROOKDT.js.map

package/dist/chunk-UMROOKDT.js.map

@@ -0,0 +1 @@
+{"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: 'border-divider m-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pt-2 pb-1 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-2NVQAYAE.js → chunk-W52ZP2AU.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // src/Alert/Alert.tsx
 import { Alert as HeroAlert } from "@heroui/alert";
@@ -132,4 +132,4 @@ export {
   Alert_default,
   Alert_default2
 };
-//# sourceMappingURL=chunk-2NVQAYAE.js.map
+//# sourceMappingURL=chunk-W52ZP2AU.js.map

package/dist/{chunk-QDLXCNJI.js → chunk-XIBET6QC.js}

@@ -1,6 +1,6 @@
 import {
   __objRest
-} from "./chunk-J7N2552D.js";
+} from "./chunk-OAIRL2FN.js";
 
 // src/Card/Card.tsx
 import { forwardRef } from "react";
@@ -40,22 +40,34 @@ var Card = forwardRef(
     return /* @__PURE__ */ jsxs(
       HeroCard,
       {
-        classNames,
-        "data-testid": testId && `card_${testId}`,
+        ref,
         fullWidth: true,
+        classNames,
+        "data-testid": testId ? `card_${testId}` : null,
         radius: "sm",
-        ref,
         shadow: "none",
         children: [
-          header && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(HeroCardHeader, { "data-testid": testId && `card_header_${testId}`, children: header }),
+          header ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              HeroCardHeader,
+              {
+                "data-testid": testId ? `card_header_${testId}` : null,
+                children: header
+              }
+            ),
             divider
-          ] }),
-          /* @__PURE__ */ jsx(HeroCardBody, { "data-testid": testId && `card_body_${testId}`, children }),
-          footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+          ] }) : 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}`, children: footer })
-          ] })
+            /* @__PURE__ */ jsx(
+              HeroCardFooter,
+              {
+                "data-testid": testId ? `card_footer_${testId}` : null,
+                children: footer
+              }
+            )
+          ] }) : null
         ]
       }
     );
@@ -71,4 +83,4 @@ export {
   Card_default,
   Card_default2
 };
-//# sourceMappingURL=chunk-QDLXCNJI.js.map
+//# sourceMappingURL=chunk-XIBET6QC.js.map

package/dist/chunk-XIBET6QC.js.map

@@ -0,0 +1 @@
+{"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-divider border',\n    body: '',\n    divider: 'border-divider my-0',\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"]}