@fuf-stack/pixels 0.0.8 → 0.1.0

package/dist/Tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAuC;AACvC,wBAAe;AA4CX;AA1CG,IAAM,mBAAmB,CAAC,OAAO,UAAU,QAAQ,OAAO;AAuBjE,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC,eAAAA;AAAA,EAAA;AAAA,IACC,eAAW,kBAAAC,SAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,sDAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;","names":["NextTooltip","cn"]}

package/dist/Tooltip/Tooltip.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const PlacementOptions: readonly ["top", "bottom", "left", "right"];
+type Placement = (typeof PlacementOptions)[number];
+interface TooltipProps {
+    /** trigger child components */
+    children: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** placement padding in px */
+    containerPadding?: number;
+    /** content displayed in the tooltip */
+    content: ReactNode;
+    /** open overlay initially when uncontrolled */
+    defaultOpen?: boolean;
+    /** handler that is called when the overlay's open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** placement if the tooltip */
+    placement?: Placement;
+}
+/**
+ * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
+ */
+declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { type Placement, PlacementOptions, type TooltipProps, Tooltip as default };

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const PlacementOptions: readonly ["top", "bottom", "left", "right"];
+type Placement = (typeof PlacementOptions)[number];
+interface TooltipProps {
+    /** trigger child components */
+    children: ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** placement padding in px */
+    containerPadding?: number;
+    /** content displayed in the tooltip */
+    content: ReactNode;
+    /** open overlay initially when uncontrolled */
+    defaultOpen?: boolean;
+    /** handler that is called when the overlay's open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** placement if the tooltip */
+    placement?: Placement;
+}
+/**
+ * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
+ */
+declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { type Placement, PlacementOptions, type TooltipProps, Tooltip as default };

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,9 @@
+import {
+  PlacementOptions,
+  Tooltip_default
+} from "../chunk-ONXXZTZY.js";
+export {
+  PlacementOptions,
+  Tooltip_default as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Tooltip/index.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tooltip/index.ts
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default2
+});
+module.exports = __toCommonJS(Tooltip_exports);
+
+// src/Tooltip/Tooltip.tsx
+var import_tooltip = require("@nextui-org/tooltip");
+var import_classnames = __toESM(require("classnames"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tooltip = ({
+  children,
+  className = void 0,
+  content,
+  placement = "top",
+  defaultOpen = false,
+  onOpenChange = void 0,
+  containerPadding = 0
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_tooltip.Tooltip,
+  {
+    className: (0, import_classnames.default)(className),
+    containerPadding,
+    content,
+    defaultOpen,
+    onOpenChange,
+    placement,
+    shouldFlip: true,
+    showArrow: true,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "cursor-pointer", children })
+  }
+);
+var Tooltip_default = Tooltip;
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+//# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/index.ts","../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import Tooltip from './Tooltip';\n\nexport default Tooltip;\n","import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACEA,qBAAuC;AACvC,wBAAe;AA4CX;AAnBJ,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC,eAAAC;AAAA,EAAA;AAAA,IACC,eAAW,kBAAAC,SAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,sDAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ADjDf,IAAOC,mBAAQ;","names":["Tooltip_default","NextTooltip","cn","Tooltip_default"]}

package/dist/Tooltip/index.d.cts

@@ -0,0 +1,7 @@
+import Tooltip from './Tooltip.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Tooltip as default };

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import Tooltip from './Tooltip.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Tooltip as default };

package/dist/Tooltip/index.js

@@ -0,0 +1,10 @@
+import {
+  Tooltip_default
+} from "../chunk-ONXXZTZY.js";
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+export {
+  Tooltip_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["import Tooltip from './Tooltip';\n\nexport default Tooltip;\n"],"mappings":";;;;;AAEA,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/chunk-6ZUWYBMG.js

@@ -0,0 +1,73 @@
+// src/Menu/Menu.tsx
+import { FaEllipsisVertical } from "react-icons/fa6";
+import {
+  Dropdown as NextDropdown,
+  DropdownItem as NextDropdownItem,
+  DropdownMenu as NextDropdownMenu,
+  DropdownSection as NextDropdownSection,
+  DropdownTrigger as NextDropdownTrigger
+} from "@nextui-org/dropdown";
+import cn from "classnames";
+import createDebug from "debug";
+import { jsx, jsxs } from "react/jsx-runtime";
+var debug = createDebug("component:Menu");
+var getDisabledKeys = (items) => {
+  return items.map((item) => typeof item?.items === "undefined" ? item : item.items).flat().filter((item) => {
+    return Object.hasOwn(item, "disabled") && item.disabled === true;
+  }).map((item) => item.key);
+};
+var renderMenuItem = (item) => /* @__PURE__ */ jsx(
+  NextDropdownItem,
+  {
+    className: item.className,
+    "data-testid": item.testId || item.key,
+    description: item.description,
+    onClick: item.onClick,
+    startContent: item.icon,
+    children: item.label
+  },
+  item.key
+);
+var Menu = ({
+  children = null,
+  className = void 0,
+  onAction = void 0,
+  testId = void 0,
+  isDisabled = false,
+  items
+}) => {
+  debug("Menu", { items });
+  return /* @__PURE__ */ jsxs(NextDropdown, { isDisabled, children: [
+    /* @__PURE__ */ jsx(NextDropdownTrigger, { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children: children || /* @__PURE__ */ jsx(FaEllipsisVertical, { className: "px-2" }) }) }),
+    /* @__PURE__ */ jsx(
+      NextDropdownMenu,
+      {
+        items,
+        disabledKeys: getDisabledKeys(items),
+        onAction,
+        children: (item) => {
+          if ("items" in item) {
+            return /* @__PURE__ */ jsx(
+              NextDropdownSection,
+              {
+                items: item.items,
+                title: item.label,
+                children: (sectionItem) => {
+                  return renderMenuItem(sectionItem);
+                }
+              },
+              item.key
+            );
+          }
+          return renderMenuItem(item);
+        }
+      }
+    )
+  ] });
+};
+var Menu_default = Menu;
+
+export {
+  Menu_default
+};
+//# sourceMappingURL=chunk-6ZUWYBMG.js.map

package/dist/chunk-6ZUWYBMG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Menu/Menu.tsx"],"sourcesContent":["import type { DropdownSectionProps } from '@nextui-org/dropdown';\nimport type { Key, MouseEventHandler, ReactNode } from 'react';\n\nimport { FaEllipsisVertical } from 'react-icons/fa6';\n\nimport {\n  Dropdown as NextDropdown,\n  DropdownItem as NextDropdownItem,\n  DropdownMenu as NextDropdownMenu,\n  DropdownSection as NextDropdownSection,\n  DropdownTrigger as NextDropdownTrigger,\n} from '@nextui-org/dropdown';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Menu');\n\n/**\n * Menu item type\n */\nexport interface MenuItem {\n  /** unique identifier */\n  key: string;\n  /** CSS class name */\n  className?: string;\n  /** additional description shown under the label */\n  description?: string;\n  /** disables the menu item */\n  disabled?: boolean;\n  /** menu item icon  */\n  icon?: ReactNode;\n  /** menu item name */\n  label: ReactNode;\n  /** click event handler */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n  /** e2e test identifier */\n  testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n  /** unique identifier */\n  key: string;\n  /** section label */\n  label: ReactNode;\n  /** section items (array of MenuItem) */\n  items: MenuItem[];\n}\n\nexport interface MenuProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** menu item structure */\n  items: (MenuSection | MenuItem)[];\n  /** disable menu trigger */\n  isDisabled?: boolean;\n  /** called if item is selected */\n  onAction?: (key: Key) => void;\n}\n\n/** returns String[] of disabled items/keys */\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]) => {\n  return (\n    items\n      // @ts-expect-error typing issue with MenuSection | MenuItem\n      .map((item) => (typeof item?.items === 'undefined' ? item : item.items))\n      .flat<MenuItem[]>()\n      .filter((item) => {\n        return Object.hasOwn(item, 'disabled') && item.disabled === true;\n      })\n      .map((item) => item.key)\n  );\n};\n\nconst renderMenuItem = (item: MenuItem) => (\n  <NextDropdownItem\n    className={item.className}\n    data-testid={item.testId || item.key}\n    description={item.description}\n    key={item.key}\n    onClick={item.onClick}\n    startContent={item.icon}\n  >\n    {item.label}\n  </NextDropdownItem>\n);\n\n/**\n * Dropdown menu component based on [NextUI Dropdown](https://nextui.org/docs/components/dropdown)\n */\nconst Menu = ({\n  children = null,\n  className = undefined,\n  onAction = undefined,\n  testId = undefined,\n  isDisabled = false,\n  items,\n}: MenuProps) => {\n  debug('Menu', { items });\n\n  return (\n    <NextDropdown isDisabled={isDisabled}>\n      <NextDropdownTrigger className={cn(className)} data-testid={testId}>\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children || <FaEllipsisVertical className=\"px-2\" />}</button>\n      </NextDropdownTrigger>\n      <NextDropdownMenu\n        // aria-label=\"Dynamic Actions\"\n        items={items}\n        disabledKeys={getDisabledKeys(items)}\n        onAction={onAction}\n      >\n        {(item) => {\n          if ('items' in item) {\n            return (\n              <NextDropdownSection\n                items={item.items as MenuSection['items']}\n                title={item.label as DropdownSectionProps['title']}\n                key={item.key}\n              >\n                {/* @ts-expect-error ts problem here with render fn */}\n                {(sectionItem) => {\n                  return renderMenuItem(sectionItem);\n                }}\n              </NextDropdownSection>\n            );\n          }\n          return renderMenuItem(item);\n        }}\n      </NextDropdownMenu>\n    </NextDropdown>\n  );\n};\n\nexport default Menu;\n"],"mappings":";AAGA,SAAS,0BAA0B;AAEnC;AAAA,EACE,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,OACd;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AAoEtB,cA0BE,YA1BF;AAlEF,IAAM,QAAQ,YAAY,gBAAgB;AAoD1C,IAAM,kBAAkB,CAAC,UAAsC;AAC7D,SACE,MAEG,IAAI,CAAC,SAAU,OAAO,MAAM,UAAU,cAAc,OAAO,KAAK,KAAM,EACtE,KAAiB,EACjB,OAAO,CAAC,SAAS;AAChB,WAAO,OAAO,OAAO,MAAM,UAAU,KAAK,KAAK,aAAa;AAAA,EAC9D,CAAC,EACA,IAAI,CAAC,SAAS,KAAK,GAAG;AAE7B;AAEA,IAAM,iBAAiB,CAAC,SACtB;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,KAAK;AAAA,IAChB,eAAa,KAAK,UAAU,KAAK;AAAA,IACjC,aAAa,KAAK;AAAA,IAElB,SAAS,KAAK;AAAA,IACd,cAAc,KAAK;AAAA,IAElB,eAAK;AAAA;AAAA,EAJD,KAAK;AAKZ;AAMF,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AACF,MAAiB;AACf,QAAM,QAAQ,EAAE,MAAM,CAAC;AAEvB,SACE,qBAAC,gBAAa,YACZ;AAAA,wBAAC,uBAAoB,WAAW,GAAG,SAAS,GAAG,eAAa,QAE1D,8BAAC,YAAQ,sBAAY,oBAAC,sBAAmB,WAAU,QAAO,GAAG,GAC/D;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,cAAc,gBAAgB,KAAK;AAAA,QACnC;AAAA,QAEC,WAAC,SAAS;AACT,cAAI,WAAW,MAAM;AACnB,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,KAAK;AAAA,gBACZ,OAAO,KAAK;AAAA,gBAIX,WAAC,gBAAgB;AAChB,yBAAO,eAAe,WAAW;AAAA,gBACnC;AAAA;AAAA,cALK,KAAK;AAAA,YAMZ;AAAA,UAEJ;AACA,iBAAO,eAAe,IAAI;AAAA,QAC5B;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/chunk-CEUL4NWH.js

@@ -0,0 +1,28 @@
+// src/Label/Label.tsx
+import { Chip as NextLabel } from "@nextui-org/chip";
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+var Label = ({
+  children,
+  className = void 0,
+  color = "default",
+  endContent = void 0,
+  size = "md",
+  startContent = void 0
+}) => /* @__PURE__ */ jsx(
+  NextLabel,
+  {
+    className: cn(className),
+    color,
+    endContent,
+    size,
+    startContent,
+    children
+  }
+);
+var Label_default = Label;
+
+export {
+  Label_default
+};
+//# sourceMappingURL=chunk-CEUL4NWH.js.map

package/dist/chunk-CEUL4NWH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Label/Label.tsx"],"sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\nimport cn from 'classnames';\n\nexport interface LabelProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className = undefined,\n  color = 'default',\n  endContent = undefined,\n  size = 'md',\n  startContent = undefined,\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    size={size}\n    startContent={startContent}\n  >\n    {children}\n  </NextLabel>\n);\n\nexport default Label;\n"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAClC,OAAO,QAAQ;AA4Bb;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;","names":[]}

package/dist/chunk-EYUTNORZ.js

@@ -0,0 +1,58 @@
+// src/Modal/Modal.tsx
+import {
+  Modal as NextModal,
+  ModalBody as NextModalBody,
+  ModalContent as NextModalContent,
+  ModalFooter as NextModalFooter,
+  ModalHeader as NextModalHeader
+} from "@nextui-org/modal";
+import cn from "classnames";
+import createDebug from "debug";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var debug = createDebug("component:Modal");
+var ModalSizeOptions = ["sm", "md", "lg"];
+var Modal = ({
+  children = null,
+  className = void 0,
+  footer = void 0,
+  isOpen,
+  onClose,
+  size = "md",
+  testId = void 0,
+  title = void 0
+}) => {
+  debug("Modal", { size });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx(
+    NextModal,
+    {
+      backdrop: "opaque",
+      classNames: {
+        base: cn(
+          {
+            "lg:w-11/12": size === "lg",
+            "w-2/12": size === "sm",
+            "w-6/12": size === "md"
+          },
+          // overwrite !rounded-none from nextui
+          "!rounded-lg"
+        )
+      },
+      isOpen,
+      onClose,
+      scrollBehavior: "inside",
+      size: "full",
+      children: /* @__PURE__ */ jsx(NextModalContent, { "data-testid": testId ? `${testId}_modal` : "modal", children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+        title && /* @__PURE__ */ jsx(NextModalHeader, { children: title }),
+        /* @__PURE__ */ jsx(NextModalBody, { className: "bg-ex-background", children }),
+        footer && /* @__PURE__ */ jsx(NextModalFooter, { children: footer })
+      ] }) })
+    }
+  ) });
+};
+var Modal_default = Modal;
+
+export {
+  ModalSizeOptions,
+  Modal_default
+};
+//# sourceMappingURL=chunk-EYUTNORZ.js.map

package/dist/chunk-EYUTNORZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Modal/Modal.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  Modal as NextModal,\n  ModalBody as NextModalBody,\n  ModalContent as NextModalContent,\n  ModalFooter as NextModalFooter,\n  ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Modal');\n\nexport const ModalSizeOptions = ['sm', 'md', 'lg'] as const;\ntype ModalSize = (typeof ModalSizeOptions)[number];\n\nexport interface ModalProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** HTML data-testid attribute used in e2e tests */\n  footer?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: ModalSize;\n  /** e2e test id */\n  testId?: string;\n  /** modal header */\n  title?: ReactNode;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  footer = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n  title = undefined,\n}: ModalProps) => {\n  debug('Modal', { size });\n  return (\n    <div className={cn(className)} data-testid={testId}>\n      <NextModal\n        backdrop=\"opaque\"\n        classNames={{\n          base: cn(\n            {\n              'lg:w-11/12': size === 'lg',\n              'w-2/12': size === 'sm',\n              'w-6/12': size === 'md',\n            },\n            // overwrite !rounded-none from nextui\n            '!rounded-lg',\n          ),\n        }}\n        isOpen={isOpen}\n        onClose={onClose}\n        scrollBehavior=\"inside\"\n        size=\"full\"\n      >\n        <NextModalContent data-testid={testId ? `${testId}_modal` : 'modal'}>\n          {() => (\n            <>\n              {title && <NextModalHeader>{title}</NextModalHeader>}\n              <NextModalBody className=\"bg-ex-background\">\n                {children}\n              </NextModalBody>\n              {footer && <NextModalFooter>{footer}</NextModalFooter>}\n            </>\n          )}\n        </NextModalContent>\n      </NextModal>\n    </div>\n  );\n};\n\nexport default Modal;\n"],"mappings":";AAEA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AACP,OAAO,QAAQ;AACf,OAAO,iBAAiB;AA8DZ,mBACY,KADZ;AA5DZ,IAAM,QAAQ,YAAY,iBAAiB;AAEpC,IAAM,mBAAmB,CAAC,MAAM,MAAM,IAAI;AAyBjD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,MAAkB;AAChB,QAAM,SAAS,EAAE,KAAK,CAAC;AACvB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAAG,eAAa,QAC1C;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,YACE,cAAc,SAAS;AAAA,YACvB,UAAU,SAAS;AAAA,YACnB,UAAU,SAAS;AAAA,UACrB;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf,MAAK;AAAA,MAEL,8BAAC,oBAAiB,eAAa,SAAS,GAAG,MAAM,WAAW,SACzD,gBACC,iCACG;AAAA,iBAAS,oBAAC,mBAAiB,iBAAM;AAAA,QAClC,oBAAC,iBAAc,WAAU,oBACtB,UACH;AAAA,QACC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/chunk-ONXXZTZY.js

@@ -0,0 +1,34 @@
+// src/Tooltip/Tooltip.tsx
+import { Tooltip as NextTooltip } from "@nextui-org/tooltip";
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+var PlacementOptions = ["top", "bottom", "left", "right"];
+var Tooltip = ({
+  children,
+  className = void 0,
+  content,
+  placement = "top",
+  defaultOpen = false,
+  onOpenChange = void 0,
+  containerPadding = 0
+}) => /* @__PURE__ */ jsx(
+  NextTooltip,
+  {
+    className: cn(className),
+    containerPadding,
+    content,
+    defaultOpen,
+    onOpenChange,
+    placement,
+    shouldFlip: true,
+    showArrow: true,
+    children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children })
+  }
+);
+var Tooltip_default = Tooltip;
+
+export {
+  PlacementOptions,
+  Tooltip_default
+};
+//# sourceMappingURL=chunk-ONXXZTZY.js.map

package/dist/chunk-ONXXZTZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const PlacementOptions = ['top', 'bottom', 'left', 'right'] as const;\nexport type Placement = (typeof PlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: Placement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AA4CX;AA1CG,IAAM,mBAAmB,CAAC,OAAO,UAAU,QAAQ,OAAO;AAuBjE,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;","names":[]}

package/dist/chunk-SGAWYTO7.js

@@ -0,0 +1,42 @@
+// src/Popover/Popover.tsx
+import { Popover, PopoverContent, PopoverTrigger } from "@nextui-org/popover";
+import cn from "classnames";
+import createDebug from "debug";
+import { jsx, jsxs } from "react/jsx-runtime";
+var debug = createDebug("component:Popover");
+var Popover_default = ({
+  children = null,
+  className = void 0,
+  content,
+  contentTestId = void 0,
+  placement = "top",
+  openControlled = void 0,
+  testId = void 0,
+  title = void 0
+}) => {
+  debug("Popover");
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      placement,
+      radius: "sm",
+      showArrow: true,
+      ...openControlled ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen } : {},
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { className: cn(className), "data-testid": testId, children: /* @__PURE__ */ jsx("button", { children }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { "data-testid": contentTestId, children: /* @__PURE__ */ jsxs("div", { className: "max-h-[80vh] overflow-y-auto", children: [
+          title && /* @__PURE__ */ jsxs("div", { children: [
+            title,
+            /* @__PURE__ */ jsx("hr", {})
+          ] }),
+          content
+        ] }) })
+      ]
+    }
+  );
+};
+
+export {
+  Popover_default
+};
+//# sourceMappingURL=chunk-SGAWYTO7.js.map

package/dist/chunk-SGAWYTO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.tsx"],"sourcesContent":["import type { PopoverProps as NextPopoverProps } from '@nextui-org/popover';\nimport type { ReactNode } from 'react';\n\nimport { Popover, PopoverContent, PopoverTrigger } from '@nextui-org/popover';\nimport cn from 'classnames';\nimport createDebug from 'debug';\n\nconst debug = createDebug('component:Popover');\n\nexport interface PopoverProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** placement of the popover relative to its trigger reference */\n  placement?: NextPopoverProps['placement'];\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** popover title */\n  title?: ReactNode;\n}\n\n/**\n * Popover component based on [NextUI Card](https://nextui.org/docs/components/popover)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  content,\n  contentTestId = undefined,\n  placement = 'top',\n  openControlled = undefined,\n  testId = undefined,\n  title = undefined,\n}: PopoverProps) => {\n  debug('Popover');\n\n  return (\n    <Popover\n      placement={placement}\n      radius=\"sm\"\n      showArrow\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger className={cn(className)} data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {/* eslint-disable-next-line react/button-has-type */}\n        <button>{children}</button>\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        <div className=\"max-h-[80vh] overflow-y-auto\">\n          {title && (\n            <div>\n              {title}\n              <hr />\n            </div>\n          )}\n          {content}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"mappings":";AAGA,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,OAAO,QAAQ;AACf,OAAO,iBAAiB;AAkDhB,cAKI,YALJ;AAhDR,IAAM,QAAQ,YAAY,mBAAmB;AAwB7C,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,QAAQ;AACV,MAAoB;AAClB,QAAM,SAAS;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,WAAS;AAAA,MACR,GAAI,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC;AAAA,MAEL;AAAA,4BAAC,kBAAe,WAAW,GAAG,SAAS,GAAG,eAAa,QAGrD,8BAAC,YAAQ,UAAS,GACpB;AAAA,QACA,oBAAC,kBAAe,eAAa,eAC3B,+BAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,qBAAC,SACE;AAAA;AAAA,YACD,oBAAC,QAAG;AAAA,aACN;AAAA,UAED;AAAA,WACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "type": "module",
   "exports": {
     "./": "./dist/"