@fuf-stack/pixels 0.29.3 → 0.30.0

package/dist/Table/index.d.cts

@@ -0,0 +1,244 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tableVariants: tailwind_variants.TVReturnType<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}>, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, tailwind_variants.TVReturnType<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tableVariants>;
+type ClassName = TVClassName<typeof tableVariants>;
+interface TableColumnProps {
+    key: string;
+    label: ReactNode;
+}
+interface TableRowProps {
+    key: string | number;
+    [key: string | number]: ReactNode;
+}
+interface TableProps extends VariantProps {
+    /** Aria label for the Table. */
+    ariaLabel?: string;
+    /** Component to display at the bottom of the Table. */
+    bottomContent?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** Objects with table data */
+    columns: TableColumnProps[];
+    /** Component to display if there are no rows! */
+    emptyContent?: ReactNode;
+    /** Determine if the Table should have a card like wrapper. */
+    hasWrapper?: boolean;
+    /** remove header */
+    hideHeader?: boolean;
+    /** Tells the Table to show the loading component. */
+    loading?: boolean;
+    /** Loading animation component. */
+    loadingContent?: ReactNode;
+    /** Items displayed as rows in the Table. Should have key-value pair for each column. */
+    rows?: TableRowProps[];
+    /** Separation style for the rows & columns. */
+    separation?: 'none' | 'striped' | 'striped-divider-x' | 'divider-x' | 'divider-y' | 'divider';
+    /** Keeps the header of the Table in view while scrolling a height limited Table. */
+    stickyHeader?: boolean;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * Table component based on [NextUI Table](https://nextui.org/docs/components/table)
+ */
+declare const Table: ({ ariaLabel, bottomContent, className, columns, emptyContent, hasWrapper, hideHeader, loading, loadingContent, rows, separation, stickyHeader, testId, }: TableProps) => react_jsx_runtime.JSX.Element;
+
+export { Table as default };

package/dist/Table/index.d.ts

@@ -0,0 +1,244 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tableVariants: tailwind_variants.TVReturnType<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}>, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, tailwind_variants.TVReturnType<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    base: string;
+    wrapper: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    td: string;
+    tfoot: string;
+    sortIcon: string;
+    emptyWrapper: string;
+    loadingWrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}, {
+    separation: {
+        divider: {
+            tr: string;
+        };
+        'divider-x': {
+            tr: string;
+        };
+        'divider-y': {
+            tr: string;
+        };
+        'striped-divider-x': {
+            tr: string;
+            th: string;
+            td: string;
+        };
+        striped: {
+            tr: string;
+            td: string;
+        };
+        none: {};
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tableVariants>;
+type ClassName = TVClassName<typeof tableVariants>;
+interface TableColumnProps {
+    key: string;
+    label: ReactNode;
+}
+interface TableRowProps {
+    key: string | number;
+    [key: string | number]: ReactNode;
+}
+interface TableProps extends VariantProps {
+    /** Aria label for the Table. */
+    ariaLabel?: string;
+    /** Component to display at the bottom of the Table. */
+    bottomContent?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** Objects with table data */
+    columns: TableColumnProps[];
+    /** Component to display if there are no rows! */
+    emptyContent?: ReactNode;
+    /** Determine if the Table should have a card like wrapper. */
+    hasWrapper?: boolean;
+    /** remove header */
+    hideHeader?: boolean;
+    /** Tells the Table to show the loading component. */
+    loading?: boolean;
+    /** Loading animation component. */
+    loadingContent?: ReactNode;
+    /** Items displayed as rows in the Table. Should have key-value pair for each column. */
+    rows?: TableRowProps[];
+    /** Separation style for the rows & columns. */
+    separation?: 'none' | 'striped' | 'striped-divider-x' | 'divider-x' | 'divider-y' | 'divider';
+    /** Keeps the header of the Table in view while scrolling a height limited Table. */
+    stickyHeader?: boolean;
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/**
+ * Table component based on [NextUI Table](https://nextui.org/docs/components/table)
+ */
+declare const Table: ({ ariaLabel, bottomContent, className, columns, emptyContent, hasWrapper, hideHeader, loading, loadingContent, rows, separation, stickyHeader, testId, }: TableProps) => react_jsx_runtime.JSX.Element;
+
+export { Table as default };

package/dist/Table/index.js

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

package/dist/Table/index.js.map

@@ -0,0 +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 NextTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@nextui-org/table';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// import { slugify } from '../helpers';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\ninterface 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  /** 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}\n\n/**\n * Table component based on [NextUI Table](https://nextui.org/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  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId} // TODO: should we use slugify here? && slugify(testId)\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      removeWrapper={!hasWrapper}\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={\n              testId &&\n              (item?.testId || item?.key) &&\n              `${testId || 'table'}_item_${JSON.stringify(item.testId || item.key)}`\n            }\n            // TODO: sluggify? 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    </NextTable>\n  );\n};\n\nexport default Table;\n","import Table from './Table';\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,IAAI,4BAA4B;AAmHrC,SAYM,KAZN;AA9GG,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;AAqDD,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,OAAO,CAAC;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AACX,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;AAAA,MACb;AAAA,MACA,gBAAgB;AAAA,MAChB,WAAW,eAAe,aAAa,eAAe;AAAA,MACtD,eAAe,CAAC;AAAA,MAEhB;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,gBAEC,eACE,YACC,6BAAM,YAAU,6BAAM,SACvB,GAAG,UAAU,OAAO,SAAS,KAAK,UAAU,KAAK,UAAU,KAAK,GAAG,CAAC;AAAA,gBAIrE,WAAC,cACA,oBAAC,aAAW,sBAAY,MAAM,SAAS,GAAE;AAAA;AAAA,cATtC,KAAK;AAAA,YAWZ;AAAA;AAAA,QAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACvKf,IAAOA,iBAAQ;","names":["Table_default"]}

package/dist/Tabs/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkZ5OFNBWIcjs = require('../chunk-Z5OFNBWI.cjs');
-require('../chunk-DZUJEN5N.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
 
 

package/dist/Tabs/index.js

@@ -3,7 +3,7 @@ import {
   Tabs_default2,
   tabsVariants
 } from "../chunk-NCSINRHM.js";
-import "../chunk-5WRI5ZAA.js";
+import "../chunk-J7N2552D.js";
 export {
   Tabs_default as Tabs,
   Tabs_default2 as default,

package/dist/Tooltip/index.cjs

@@ -3,7 +3,7 @@
 
 
 var _chunkRMA57Q6Kcjs = require('../chunk-RMA57Q6K.cjs');
-require('../chunk-DZUJEN5N.cjs');
+require('../chunk-D4TLDLEX.cjs');
 
 
 

package/dist/Tooltip/index.js

@@ -3,7 +3,7 @@ import {
   Tooltip_default2,
   tooltipPlacementOptions
 } from "../chunk-MJE4MLZY.js";
-import "../chunk-5WRI5ZAA.js";
+import "../chunk-J7N2552D.js";
 export {
   Tooltip_default as Tooltip,
   Tooltip_default2 as default,

package/dist/{chunk-37C63OKM.cjs → chunk-2WDAJ6ER.cjs}

@@ -2,6 +2,10 @@
 
 var _chunkBXPBP3PCcjs = require('./chunk-BXPBP3PC.cjs');
 
+
+
+var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
+
 // src/Popover/Popover.tsx
 var _popover = require('@nextui-org/popover');
 var _pixelutils = require('@fuf-stack/pixel-utils');
@@ -32,14 +36,14 @@ var Popover_default = ({
   const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "trigger");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _popover.Popover,
-    {
+    _chunkD4TLDLEXcjs.__spreadProps.call(void 0, _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
       classNames: className,
       placement,
       portalContainer,
       radius: "sm",
       shouldBlockScroll,
-      showArrow: true,
-      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
+      showArrow: true
+    }, openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {}), {
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _popover.PopoverTrigger, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _popover.PopoverContent, { "data-testid": contentTestId, children: [
@@ -54,7 +58,7 @@ var Popover_default = ({
           ] })
         ] })
       ]
-    }
+    })
   );
 };
 
@@ -65,4 +69,4 @@ var Popover_default2 = Popover_default;
 
 
 exports.Popover_default = Popover_default; exports.Popover_default2 = Popover_default2;
-//# sourceMappingURL=chunk-37C63OKM.cjs.map
+//# sourceMappingURL=chunk-2WDAJ6ER.cjs.map