@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-FVQDVD3E.cjs

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

package/dist/chunk-FVQDVD3E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-FVQDVD3E.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-FVQDVD3E.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}

package/dist/chunk-G3YTOGEG.cjs

@@ -1,80 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tabs/Tabs.tsx
-var _tabs = require('@heroui/tabs');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var tabsVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "",
-    cursor: "",
-    panel: "",
-    tab: "data-[hover-unselected=true]:opacity-100",
-    tabContent: "text-foreground",
-    tabList: "",
-    tabWrapper: ""
-  }
-});
-var Tabs = ({
-  ariaLabel = void 0,
-  className = void 0,
-  defaultSelectedKey = void 0,
-  destroyInactiveTabPanel = true,
-  disableAnimation = false,
-  disabledKeys = void 0,
-  fullWidth = true,
-  onSelectionChange = void 0,
-  placement = void 0,
-  radius = void 0,
-  selectedKey = void 0,
-  size = "md",
-  tabs,
-  testId = "tab",
-  variant = "solid",
-  vertical = false
-}) => {
-  const variants = tabsVariants();
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _tabs.Tabs,
-    {
-      "aria-label": ariaLabel,
-      classNames,
-      defaultSelectedKey,
-      destroyInactiveTabPanel,
-      disableAnimation,
-      disabledKeys,
-      fullWidth,
-      isVertical: vertical,
-      items: tabs || [],
-      onSelectionChange,
-      placement,
-      radius,
-      selectedKey,
-      size,
-      variant,
-      children: (item) => {
-        var _a;
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _tabs.Tab,
-          {
-            "data-testid": _pixelutils.slugify.call(void 0, `${testId}_${(_a = item.testId) != null ? _a : item.key}`),
-            isDisabled: !!item.disabled,
-            title: item.label,
-            children: item.content
-          },
-          item.key
-        );
-      }
-    }
-  );
-};
-var Tabs_default = Tabs;
-
-// src/Tabs/index.ts
-var Tabs_default2 = Tabs_default;
-
-
-
-
-
-exports.tabsVariants = tabsVariants; exports.Tabs_default = Tabs_default; exports.Tabs_default2 = Tabs_default2;
-//# sourceMappingURL=chunk-G3YTOGEG.cjs.map

package/dist/chunk-G3YTOGEG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-G3YTOGEG.cjs","../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"names":[],"mappings":"AAAA;ACGA,oCAAiD;AAEjD,oDAAkD;AA+GxC,+CAAA;AA7GH,IAAM,aAAA,EAAe,4BAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO,EAAA;AAAA,IACP,GAAA,EAAK,0CAAA;AAAA,IACL,UAAA,EAAY,iBAAA;AAAA,IACZ,OAAA,EAAS,EAAA;AAAA,IACT,UAAA,EAAY;AAAA,EACd;AACF,CAAC,CAAA;AA0DD,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,mBAAA,EAAqB,KAAA,CAAA;AAAA,EACrB,wBAAA,EAA0B,IAAA;AAAA,EAC1B,iBAAA,EAAmB,KAAA;AAAA,EACnB,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,UAAA,EAAY,IAAA;AAAA,EACZ,kBAAA,EAAoB,KAAA,CAAA;AAAA,EACpB,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,YAAA,EAAc,KAAA,CAAA;AAAA,EACd,KAAA,EAAO,IAAA;AAAA,EACP,IAAA;AAAA,EACA,OAAA,EAAS,KAAA;AAAA,EACT,QAAA,EAAU,OAAA;AAAA,EACV,SAAA,EAAW;AACb,CAAA,EAAA,GAAiB;AACf,EAAA,MAAM,SAAA,EAAW,YAAA,CAAa,CAAA;AAC9B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,uBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,KAAA,EAAO,KAAA,GAAQ,CAAC,CAAA;AAAA,MAChB,iBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA,CAAC,IAAA,EAAA,GAAS;AAlHjB,QAAA,IAAA,EAAA;AAmHQ,QAAA,uBACE,6BAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YAEC,aAAA,EAAa,iCAAA,CAAQ,EAAA;AACF,YAAA;AACP,YAAA;AAEN,YAAA;AAAA,UAAA;AALI,UAAA;AAMZ,QAAA;AAEJ,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;AD5DqB;AACA;AEjErB;AFmEqB;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-G3YTOGEG.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"]}

package/dist/chunk-GKYJUGD4.js

@@ -1,14 +0,0 @@
-// src/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.ts
-import { useEffect, useRef } from "react";
-var useIsInitialRenderCycle = () => {
-  const isInitialRender = useRef(true);
-  useEffect(() => {
-    isInitialRender.current = false;
-  }, []);
-  return isInitialRender.current;
-};
-
-export {
-  useIsInitialRenderCycle
-};
-//# sourceMappingURL=chunk-GKYJUGD4.js.map

package/dist/chunk-GKYJUGD4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useIsInitialRenderCycle/useIsInitialRenderCycle.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * A hook that returns true on initial render and false afterward.\n *\n * @returns {boolean} - True on initial render, false afterward\n */\nexport const useIsInitialRenderCycle = (): boolean => {\n  // Use ref to avoid re-renders\n  const isInitialRender = useRef(true);\n\n  // Update ref after first render\n  useEffect(() => {\n    // Set to false after component mounts\n    isInitialRender.current = false;\n\n    // No cleanup needed for this effect\n  }, []);\n\n  return isInitialRender.current;\n};\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAO3B,IAAM,0BAA0B,MAAe;AAEpD,QAAM,kBAAkB,OAAO,IAAI;AAGnC,YAAU,MAAM;AAEd,oBAAgB,UAAU;AAAA,EAG5B,GAAG,CAAC,CAAC;AAEL,SAAO,gBAAgB;AACzB;","names":[]}

package/dist/chunk-HG7AE6Q2.cjs

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Badge/Badge.tsx
-var _badge = require('@heroui/badge');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var badgeVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    badge: "",
-    base: ""
-  }
-});
-var Avatar = ({
-  children,
-  className: _className = void 0,
-  content = void 0,
-  color = "default",
-  isOneChar = false,
-  noOutline = false,
-  placement = "top-right",
-  size = "md"
-}) => {
-  if (content === void 0) {
-    return children;
-  }
-  const variants = badgeVariants();
-  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _badge.Badge,
-    {
-      classNames: className,
-      color,
-      content,
-      isOneChar,
-      placement,
-      showOutline: !noOutline,
-      size,
-      children
-    }
-  );
-};
-var Badge_default = Avatar;
-
-// src/Badge/index.ts
-var Badge_default2 = Badge_default;
-
-
-
-
-exports.Badge_default = Badge_default; exports.Badge_default2 = Badge_default2;
-//# sourceMappingURL=chunk-HG7AE6Q2.cjs.map

package/dist/chunk-HG7AE6Q2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-HG7AE6Q2.cjs","../src/Badge/Badge.tsx","../src/Badge/index.ts"],"names":["Badge_default"],"mappings":"AAAA;ACIA,sCAAmC;AAEnC,oDAAyC;AAqDrC,+CAAA;AAlDG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AA2BD,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY,WAAA;AAAA,EACZ,KAAA,EAAO;AACT,CAAA,EAAA,GAA6B;AAC3B,EAAA,GAAA,CAAI,QAAA,IAAY,KAAA,CAAA,EAAW;AACzB,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,CAAA;AAC/B,EAAA,MAAM,UAAA,EAAY,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,SAAA;AAAA,MACZ,KAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,EAAa,CAAC,SAAA;AAAA,MACd,IAAA;AAAA,MAEC;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,MAAA;ADjCf;AACA;AEnCA,IAAOA,eAAAA,EAAQ,aAAA;AFqCf;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-HG7AE6Q2.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-HMYQTHGT.js

@@ -1,80 +0,0 @@
-// src/Tabs/Tabs.tsx
-import { Tab as HeroTab, Tabs as HeroTabs } from "@heroui/tabs";
-import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var tabsVariants = tv({
-  slots: {
-    base: "",
-    cursor: "",
-    panel: "",
-    tab: "data-[hover-unselected=true]:opacity-100",
-    tabContent: "text-foreground",
-    tabList: "",
-    tabWrapper: ""
-  }
-});
-var Tabs = ({
-  ariaLabel = void 0,
-  className = void 0,
-  defaultSelectedKey = void 0,
-  destroyInactiveTabPanel = true,
-  disableAnimation = false,
-  disabledKeys = void 0,
-  fullWidth = true,
-  onSelectionChange = void 0,
-  placement = void 0,
-  radius = void 0,
-  selectedKey = void 0,
-  size = "md",
-  tabs,
-  testId = "tab",
-  variant = "solid",
-  vertical = false
-}) => {
-  const variants = tabsVariants();
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroTabs,
-    {
-      "aria-label": ariaLabel,
-      classNames,
-      defaultSelectedKey,
-      destroyInactiveTabPanel,
-      disableAnimation,
-      disabledKeys,
-      fullWidth,
-      isVertical: vertical,
-      items: tabs || [],
-      onSelectionChange,
-      placement,
-      radius,
-      selectedKey,
-      size,
-      variant,
-      children: (item) => {
-        var _a;
-        return /* @__PURE__ */ jsx(
-          HeroTab,
-          {
-            "data-testid": slugify(`${testId}_${(_a = item.testId) != null ? _a : item.key}`),
-            isDisabled: !!item.disabled,
-            title: item.label,
-            children: item.content
-          },
-          item.key
-        );
-      }
-    }
-  );
-};
-var Tabs_default = Tabs;
-
-// src/Tabs/index.ts
-var Tabs_default2 = Tabs_default;
-
-export {
-  tabsVariants,
-  Tabs_default,
-  Tabs_default2
-};
-//# sourceMappingURL=chunk-HMYQTHGT.js.map

package/dist/chunk-HMYQTHGT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Tabs/Tabs.tsx","../src/Tabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tab as HeroTab, Tabs as HeroTabs } from '@heroui/tabs';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const tabsVariants = tv({\n  slots: {\n    base: '',\n    cursor: '',\n    panel: '',\n    tab: 'data-[hover-unselected=true]:opacity-100',\n    tabContent: 'text-foreground',\n    tabList: '',\n    tabWrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tabsVariants>;\ntype ClassName = TVClassName<typeof tabsVariants>;\n\ntype Key = string | number;\n\nexport interface TabProps {\n  /** Content to be displayed in the tab panel */\n  content: ReactNode;\n  /** Disables the tab so it can not be selected */\n  disabled?: boolean;\n  /** Unique identifier for the tab */\n  key: Key;\n  /** Label content displayed in the tab button */\n  label: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nexport interface TabsProps extends VariantProps {\n  /** Accessible label for the tabs component */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** Key of the tab that should be selected by default */\n  defaultSelectedKey?: string | number;\n  /** Whether to destroy inactive tab panel DOM nodes */\n  destroyInactiveTabPanel?: boolean;\n  /** Whether the animation should be disabled. */\n  disableAnimation?: boolean;\n  /** Array of keys for the tabs to disable */\n  disabledKeys?: string[];\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** Callback fired when tab selection changes */\n  onSelectionChange?: (key: Key | null) => void;\n  /** Position of the tab list relative to the content */\n  placement?: 'top' | 'bottom' | 'start' | 'end' | undefined;\n  /** Radius of the tabs */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Selected tab key (controlled) */\n  selectedKey?: Key;\n  /** Size of the tabs */\n  size?: 'sm' | 'md' | 'lg';\n  /** Array of tab configurations */\n  tabs: TabProps[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Style variant of the tabs */\n  variant?: 'bordered' | 'light' | 'solid' | 'underlined';\n  /** Whether to display tabs vertically */\n  vertical?: boolean;\n}\n\n/**\n * Tabs component based on [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst Tabs = ({\n  ariaLabel = undefined,\n  className = undefined,\n  defaultSelectedKey = undefined,\n  destroyInactiveTabPanel = true,\n  disableAnimation = false,\n  disabledKeys = undefined,\n  fullWidth = true,\n  onSelectionChange = undefined,\n  placement = undefined,\n  radius = undefined,\n  selectedKey = undefined,\n  size = 'md',\n  tabs,\n  testId = 'tab',\n  variant = 'solid',\n  vertical = false,\n}: TabsProps) => {\n  const variants = tabsVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTabs\n      aria-label={ariaLabel}\n      classNames={classNames}\n      defaultSelectedKey={defaultSelectedKey}\n      destroyInactiveTabPanel={destroyInactiveTabPanel}\n      disableAnimation={disableAnimation}\n      disabledKeys={disabledKeys}\n      fullWidth={fullWidth}\n      isVertical={vertical}\n      items={tabs || []}\n      onSelectionChange={onSelectionChange}\n      placement={placement}\n      radius={radius}\n      selectedKey={selectedKey}\n      size={size}\n      variant={variant}\n    >\n      {(item) => {\n        return (\n          <HeroTab\n            key={item.key}\n            data-testid={slugify(`${testId}_${item.testId ?? item.key}`)}\n            isDisabled={!!item.disabled}\n            title={item.label}\n          >\n            {item.content}\n          </HeroTab>\n        );\n      }}\n    </HeroTabs>\n  );\n};\n\nexport default Tabs;\n","import Tabs, { tabsVariants } from './Tabs';\n\nexport type { TabsProps, TabProps } from './Tabs';\n\nexport { Tabs, tabsVariants };\n\nexport default Tabs;\n"],"mappings":";AAGA,SAAS,OAAO,SAAS,QAAQ,gBAAgB;AAEjD,SAAS,SAAS,IAAI,4BAA4B;AA+GxC;AA7GH,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF,CAAC;AA0DD,IAAM,OAAO,CAAC;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb,MAAiB;AACf,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,OAAO,QAAQ,CAAC;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,WAAC,SAAS;AAlHjB;AAmHQ,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,eAAa,QAAQ,GAAG,MAAM,KAAI,UAAK,WAAL,YAAe,KAAK,GAAG,EAAE;AAAA,YAC3D,YAAY,CAAC,CAAC,KAAK;AAAA,YACnB,OAAO,KAAK;AAAA,YAEX,eAAK;AAAA;AAAA,UALD,KAAK;AAAA,QAMZ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,eAAQ;;;AC5Hf,IAAOA,gBAAQ;","names":["Tabs_default"]}

package/dist/chunk-HSREBNZV.js

@@ -1,66 +0,0 @@
-import {
-  Avatar_default
-} from "./chunk-4Y4W74D7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/AvatarGroup/AvatarGroup.tsx
-import { AvatarGroup as HeroAvatarGroup } from "@heroui/avatar";
-import { jsx } from "react/jsx-runtime";
-var AvatarGroup = ({
-  bordered = false,
-  rounded = "full",
-  className = "",
-  disabled = false,
-  size = "md",
-  avatars = [],
-  max = 3,
-  avatarWrapper: AvatarWrapper = void 0
-}) => {
-  return /* @__PURE__ */ jsx(
-    HeroAvatarGroup,
-    {
-      className,
-      isBordered: bordered,
-      isDisabled: disabled,
-      max,
-      radius: rounded,
-      size,
-      children: avatars == null ? void 0 : avatars.map((avatar, index) => {
-        const avatarKey = avatar.src ? `${avatar.src}-${index}` : `avatar-${index}`;
-        const _a = avatar, { wrapperProps } = _a, avatarProps = __objRest(_a, ["wrapperProps"]);
-        return AvatarWrapper ? /* @__PURE__ */ jsx(AvatarWrapper, __spreadProps(__spreadValues({}, wrapperProps), { children: /* @__PURE__ */ jsx(
-          Avatar_default,
-          __spreadProps(__spreadValues({}, avatarProps), {
-            bordered,
-            disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
-            rounded,
-            size
-          })
-        ) }), avatarKey) : /* @__PURE__ */ jsx(
-          Avatar_default,
-          __spreadProps(__spreadValues({}, avatarProps), {
-            bordered,
-            disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
-            rounded,
-            size
-          }),
-          avatarKey
-        );
-      })
-    }
-  );
-};
-var AvatarGroup_default = AvatarGroup;
-
-// src/AvatarGroup/index.ts
-var AvatarGroup_default2 = AvatarGroup_default;
-
-export {
-  AvatarGroup_default,
-  AvatarGroup_default2
-};
-//# sourceMappingURL=chunk-HSREBNZV.js.map

package/dist/chunk-HSREBNZV.js.map

@@ -1 +0,0 @@
-{"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, index) => {\n        const avatarKey = avatar.src\n          ? `${avatar.src}-${index}`\n          : `avatar-${index}`;\n        const { wrapperProps, ...avatarProps } = avatar;\n        return AvatarWrapper ? (\n          <AvatarWrapper key={avatarKey} {...wrapperProps}>\n            <Avatar\n              {...avatarProps}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatarKey}\n            {...avatarProps}\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;AAuDnC;AA1BZ,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,QAAQ,UAAU;AAC/B,cAAM,YAAY,OAAO,MACrB,GAAG,OAAO,GAAG,IAAI,KAAK,KACtB,UAAU,KAAK;AACnB,cAAyC,aAAjC,eAvDhB,IAuDiD,IAAhB,wBAAgB,IAAhB,CAAjB;AACR,eAAO,gBACL,oBAAC,gDAAkC,eAAlC,EACC;AAAA,UAAC;AAAA,2CACK,cADL;AAAA,YAEC;AAAA,YACA,UAAU,aAAY,iCAAQ;AAAA,YAC9B;AAAA,YACA;AAAA;AAAA,QACF,MAPkB,SAQpB,IAEA;AAAA,UAAC;AAAA,2CAEK,cAFL;AAAA,YAGC;AAAA,YACA,UAAU,aAAY,iCAAQ;AAAA,YAC9B;AAAA,YACA;AAAA;AAAA,UALK;AAAA,QAMP;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,sBAAQ;;;AC3Ef,IAAOA,uBAAQ;","names":["AvatarGroup_default"]}

package/dist/chunk-I5QMH3J5.cjs

@@ -1,96 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Alert/Alert.tsx
-var _alert = require('@heroui/alert');
-var _theme = require('@heroui/theme');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var alertVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "min-w-72",
-    title: "",
-    description: "",
-    mainWrapper: "gap-1.5",
-    closeButton: "",
-    iconWrapper: "",
-    alertIcon: ""
-  },
-  variants: {
-    // if HeroUI Alert title and description are set the icon is placed on top (looks better)
-    hasTitleAndChildren: {
-      true: {
-        iconWrapper: "self-start"
-      }
-    },
-    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
-    variant: {
-      danger: {
-        base: "bg-danger-50 dark:bg-danger-50"
-      },
-      default: {
-        base: "bg-default-100 dark:bg-default-50"
-      },
-      info: {
-        alertIcon: "fill-current",
-        base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
-        closeButton: "text-info-500 data-[hover]:bg-info-200",
-        description: "text-inherit",
-        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
-        mainWrapper: "text-inherit",
-        title: "text-inherit"
-      },
-      success: {
-        base: "bg-success-50 dark:bg-success-50"
-      },
-      warning: {
-        base: "bg-warning-50 dark:bg-warning-50"
-      }
-    }
-  }
-});
-var Alert = ({
-  children = void 0,
-  className = void 0,
-  endContent = void 0,
-  icon = void 0,
-  closable = false,
-  onClose = void 0,
-  testId = void 0,
-  title = void 0,
-  variant = "info"
-}) => {
-  const hasTitleAndChildren = !!children && !!title;
-  const variants = alertVariants({
-    hasTitleAndChildren,
-    variant
-  });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  const heroColor = Object.keys(_theme.alert.variants.color).includes(
-    variant
-  ) ? variant : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _alert.Alert,
-    {
-      classNames,
-      color: heroColor,
-      "data-testid": testId,
-      description: title ? children : void 0,
-      endContent,
-      hideIcon: variant === "default",
-      icon,
-      isClosable: closable,
-      onClose,
-      title: title != null ? title : children,
-      variant: "faded"
-    }
-  );
-};
-var Alert_default = Alert;
-
-// src/Alert/index.ts
-var Alert_default2 = Alert_default;
-
-
-
-
-
-exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
-//# sourceMappingURL=chunk-I5QMH3J5.cjs.map

package/dist/chunk-I5QMH3J5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-I5QMH3J5.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-I5QMH3J5.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: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\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',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\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  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant 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={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\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"]}