@fuf-stack/pixels 0.14.1 → 0.15.1

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkHI5ZXI2Xcjs = require('../chunk-HI5ZXI2X.cjs');
+var _chunkD5ZDLGL6cjs = require('../chunk-D5ZDLGL6.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkHI5ZXI2Xcjs.Accordion_default; exports.accordionVariants = _chunkHI5ZXI2Xcjs.accordionVariants; exports.default = _chunkHI5ZXI2Xcjs.Accordion_default2;
+exports.Accordion = _chunkD5ZDLGL6cjs.Accordion_default; exports.accordionVariants = _chunkD5ZDLGL6cjs.accordionVariants; exports.default = _chunkD5ZDLGL6cjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-4uEQ6yjp.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-4uEQ6yjp.cjs';
+import { A as Accordion } from '../Accordion-Drlhs2y_.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-Drlhs2y_.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../Accordion-4uEQ6yjp.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-4uEQ6yjp.js';
+import { A as Accordion } from '../Accordion-Drlhs2y_.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-Drlhs2y_.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-ZHVEVZHH.js";
+} from "../chunk-ZP5MUJHH.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/{Accordion-4uEQ6yjp.d.cts → Accordion-Drlhs2y_.d.cts}

@@ -171,6 +171,6 @@ interface AccordionProps extends VariantProps {
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className: _className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/{Accordion-4uEQ6yjp.d.ts → Accordion-Drlhs2y_.d.ts}

@@ -171,6 +171,6 @@ interface AccordionProps extends VariantProps {
 /**
  * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)
  */
-declare const Accordion: ({ accordionItems, className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ accordionItems, className: _className, defaultSelectedKeys, disabled, disabledKeys, disallowEmptySelection, dividerProps, indicatorLeft, onSelectionChange, selectionMode, showDivider, variant, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 export { Accordion as A, accordionVariants as a, type AccordionProps as b, type AccordionItemProps as c };

package/dist/Avatar/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-D_J7xag8.cjs';
-export { a as AvatarProps } from '../Avatar-D_J7xag8.cjs';
+import { A as Avatar } from '../Avatar-D9P8JKS3.cjs';
+export { a as AvatarProps } from '../Avatar-D9P8JKS3.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Avatar/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Avatar } from '../Avatar-D_J7xag8.js';
-export { a as AvatarProps } from '../Avatar-D_J7xag8.js';
+import { A as Avatar } from '../Avatar-D9P8JKS3.js';
+export { a as AvatarProps } from '../Avatar-D9P8JKS3.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/{Avatar-D_J7xag8.d.cts → Avatar-D9P8JKS3.d.cts}

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import React from 'react';
+import React__default from 'react';
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -81,7 +81,7 @@ interface AvatarProps extends VariantProps {
     /** CSS class name */
     className?: ClassName;
     disabled?: boolean;
-    fallback?: React.ReactNode;
+    fallback?: React__default.ReactNode;
     size?: 'sm' | 'md' | 'lg';
     src: string;
 }

package/dist/{Avatar-D_J7xag8.d.ts → Avatar-D9P8JKS3.d.ts}

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
-import React from 'react';
+import React__default from 'react';
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -81,7 +81,7 @@ interface AvatarProps extends VariantProps {
     /** CSS class name */
     className?: ClassName;
     disabled?: boolean;
-    fallback?: React.ReactNode;
+    fallback?: React__default.ReactNode;
     size?: 'sm' | 'md' | 'lg';
     src: string;
 }

package/dist/AvatarGroup/index.d.cts

@@ -1,7 +1,7 @@
-import { A as AvatarGroup } from '../AvatarGroup-DKYNPFbI.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-DKYNPFbI.cjs';
+import { A as AvatarGroup } from '../AvatarGroup--VjSSnOk.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup--VjSSnOk.cjs';
 import 'react/jsx-runtime';
-import '../Avatar-D_J7xag8.cjs';
+import '../Avatar-D9P8JKS3.cjs';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/AvatarGroup/index.d.ts

@@ -1,7 +1,7 @@
-import { A as AvatarGroup } from '../AvatarGroup-B34TDUuT.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-B34TDUuT.js';
+import { A as AvatarGroup } from '../AvatarGroup-DFiQyyO7.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-DFiQyyO7.js';
 import 'react/jsx-runtime';
-import '../Avatar-D_J7xag8.js';
+import '../Avatar-D9P8JKS3.js';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/{AvatarGroup-DKYNPFbI.d.cts → AvatarGroup--VjSSnOk.d.cts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AvatarProps } from './Avatar-D_J7xag8.cjs';
+import { a as AvatarProps } from './Avatar-D9P8JKS3.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/{AvatarGroup-B34TDUuT.d.ts → AvatarGroup-DFiQyyO7.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AvatarProps } from './Avatar-D_J7xag8.js';
+import { a as AvatarProps } from './Avatar-D9P8JKS3.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/Badge/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkTJIOF5SHcjs = require('../chunk-TJIOF5SH.cjs');
+var _chunkU2JEMXXJcjs = require('../chunk-U2JEMXXJ.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Badge = _chunkTJIOF5SHcjs.Badge_default; exports.default = _chunkTJIOF5SHcjs.Badge_default2;
+exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.default = _chunkU2JEMXXJcjs.Badge_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Badge/index.d.cts

@@ -1,6 +1,7 @@
-import { A as Avatar } from '../Badge-DU0H25nF.cjs';
-export { B as BadgeProps } from '../Badge-DU0H25nF.cjs';
+import { A as Avatar } from '../Badge-2JMThgzp.cjs';
+export { B as BadgeProps } from '../Badge-2JMThgzp.cjs';
 import 'react/jsx-runtime';
+import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Badge/index.d.ts

@@ -1,6 +1,7 @@
-import { A as Avatar } from '../Badge-DU0H25nF.js';
-export { B as BadgeProps } from '../Badge-DU0H25nF.js';
+import { A as Avatar } from '../Badge-2JMThgzp.js';
+export { B as BadgeProps } from '../Badge-2JMThgzp.js';
 import 'react/jsx-runtime';
+import 'react';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';

package/dist/Badge/index.js

@@ -1,7 +1,7 @@
 import {
   Badge_default,
   Badge_default2
-} from "../chunk-L4DZB53L.js";
+} from "../chunk-QTXKWCDV.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Badge_default as Badge,

package/dist/{Badge-DU0H25nF.d.cts → Badge-2JMThgzp.d.cts}

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
@@ -60,6 +61,10 @@ interface BadgeProps extends VariantProps {
     content?: BadgeProps$1['content'];
     /** color of the badge */
     color?: BadgeProps$1['color'];
+    /** if set the badge have the same height and width */
+    isOneChar?: BadgeProps$1['isOneChar'];
+    /** removes the badge outline */
+    noOutline?: boolean;
     /** placement of the badge */
     placement?: BadgeProps$1['placement'];
     /** size of the badge */
@@ -68,6 +73,6 @@ interface BadgeProps extends VariantProps {
 /**
  * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)
  */
-declare const Avatar: ({ children, className: _className, content, color, placement, size, }: BadgeProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ children, className: _className, content, color, isOneChar, noOutline, placement, size, }: BadgeProps) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { Avatar as A, type BadgeProps as B };

package/dist/{Badge-DU0H25nF.d.ts → Badge-2JMThgzp.d.ts}

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
@@ -60,6 +61,10 @@ interface BadgeProps extends VariantProps {
     content?: BadgeProps$1['content'];
     /** color of the badge */
     color?: BadgeProps$1['color'];
+    /** if set the badge have the same height and width */
+    isOneChar?: BadgeProps$1['isOneChar'];
+    /** removes the badge outline */
+    noOutline?: boolean;
     /** placement of the badge */
     placement?: BadgeProps$1['placement'];
     /** size of the badge */
@@ -68,6 +73,6 @@ interface BadgeProps extends VariantProps {
 /**
  * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)
  */
-declare const Avatar: ({ children, className: _className, content, color, placement, size, }: BadgeProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ children, className: _className, content, color, isOneChar, noOutline, placement, size, }: BadgeProps) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 export { Avatar as A, type BadgeProps as B };

package/dist/{chunk-HI5ZXI2X.cjs → chunk-D5ZDLGL6.cjs}

@@ -29,14 +29,14 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
     },
     showDivider: {
       true: {
-        wrapper: "divide-y divide-solid"
+        wrapper: "divide-y divide-solid divide-divider"
       }
     }
   }
 });
 var Accordion = ({
   accordionItems = [],
-  className = void 0,
+  className: _className = void 0,
   defaultSelectedKeys = [],
   disabled = false,
   disabledKeys = [],
@@ -48,22 +48,21 @@ var Accordion = ({
   showDivider = true,
   variant = "light"
 }) => {
-  const variants = accordionVariants({ indicatorLeft, showDivider });
-  const { wrapper, ...itemClasses } = _pixelutils.variantsToClassNames.call(void 0, 
-    variants,
-    className,
-    "wrapper"
-  );
+  const variants = accordionVariants({
+    indicatorLeft,
+    showDivider: showDivider && variant !== "splitted"
+  });
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "wrapper");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _accordion.Accordion,
     {
-      className: wrapper,
+      className: classNames.wrapper,
       defaultSelectedKeys,
       disabledKeys,
       disallowEmptySelection,
       dividerProps,
       isDisabled: disabled,
-      itemClasses,
+      itemClasses: classNames,
       onSelectionChange,
       selectionMode,
       showDivider: false,
@@ -89,4 +88,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-HI5ZXI2X.cjs.map
+//# sourceMappingURL=chunk-D5ZDLGL6.cjs.map

package/dist/chunk-D5ZDLGL6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}

package/dist/{chunk-L4DZB53L.js → chunk-QTXKWCDV.js}

@@ -13,9 +13,14 @@ var Avatar = ({
   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 = variantsToClassNames(variants, _className, "base");
   return /* @__PURE__ */ jsx(
@@ -24,7 +29,9 @@ var Avatar = ({
       classNames: className,
       color,
       content,
+      isOneChar,
       placement,
+      showOutline: !noOutline,
       size,
       children
     }
@@ -39,4 +46,4 @@ export {
   Badge_default,
   Badge_default2
 };
-//# sourceMappingURL=chunk-L4DZB53L.js.map
+//# sourceMappingURL=chunk-QTXKWCDV.js.map

package/dist/chunk-QTXKWCDV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Badge/Badge.tsx","../src/Badge/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as NextBadgeProps } from '@nextui-org/badge';\n\nimport { Badge as NextBadge } from '@nextui-org/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: NextBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: NextBadgeProps['content'];\n  /** color of the badge */\n  color?: NextBadgeProps['color'];\n  /** if set the badge have the same height and width */\n  isOneChar?: NextBadgeProps['isOneChar'];\n  /** removes the badge outline */\n  noOutline?: boolean;\n  /** placement of the badge */\n  placement?: NextBadgeProps['placement'];\n  /** size of the badge */\n  size?: NextBadgeProps['size'];\n}\n\n/**\n * Badge component based on [NextUI Badge](https://nextui.org/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) => {\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    <NextBadge\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    </NextBadge>\n  );\n};\n\nexport default Avatar;\n","import Badge from './Badge';\n\nexport type { BadgeProps } from './Badge';\n\nexport { Badge };\n\nexport default Badge;\n"],"mappings":";AAGA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,IAAI,4BAA4B;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AA2BD,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT,MAAkB;AAChB,MAAI,YAAY,QAAW;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,cAAc;AAC/B,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AClEf,IAAOA,iBAAQ;","names":["Badge_default"]}

package/dist/{chunk-TJIOF5SH.cjs → chunk-U2JEMXXJ.cjs}

@@ -13,9 +13,14 @@ var Avatar = ({
   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, 
@@ -24,7 +29,9 @@ var Avatar = ({
       classNames: className,
       color,
       content,
+      isOneChar,
       placement,
+      showOutline: !noOutline,
       size,
       children
     }
@@ -39,4 +46,4 @@ var Badge_default2 = Badge_default;
 
 
 exports.Badge_default = Badge_default; exports.Badge_default2 = Badge_default2;
-//# sourceMappingURL=chunk-TJIOF5SH.cjs.map
+//# sourceMappingURL=chunk-U2JEMXXJ.cjs.map

package/dist/chunk-U2JEMXXJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Badge/Badge.tsx","../src/Badge/index.ts"],"names":["Badge_default"],"mappings":";AAGA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,IAAI,4BAA4B;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AA2BD,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AACT,MAAkB;AAChB,MAAI,YAAY,QAAW;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,cAAc;AAC/B,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AClEf,IAAOA,iBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as NextBadgeProps } from '@nextui-org/badge';\n\nimport { Badge as NextBadge } from '@nextui-org/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: NextBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: NextBadgeProps['content'];\n  /** color of the badge */\n  color?: NextBadgeProps['color'];\n  /** if set the badge have the same height and width */\n  isOneChar?: NextBadgeProps['isOneChar'];\n  /** removes the badge outline */\n  noOutline?: boolean;\n  /** placement of the badge */\n  placement?: NextBadgeProps['placement'];\n  /** size of the badge */\n  size?: NextBadgeProps['size'];\n}\n\n/**\n * Badge component based on [NextUI Badge](https://nextui.org/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) => {\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    <NextBadge\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    </NextBadge>\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-ZHVEVZHH.js → chunk-ZP5MUJHH.js}

@@ -29,14 +29,14 @@ var accordionVariants = tv({
     },
     showDivider: {
       true: {
-        wrapper: "divide-y divide-solid"
+        wrapper: "divide-y divide-solid divide-divider"
       }
     }
   }
 });
 var Accordion = ({
   accordionItems = [],
-  className = void 0,
+  className: _className = void 0,
   defaultSelectedKeys = [],
   disabled = false,
   disabledKeys = [],
@@ -48,22 +48,21 @@ var Accordion = ({
   showDivider = true,
   variant = "light"
 }) => {
-  const variants = accordionVariants({ indicatorLeft, showDivider });
-  const { wrapper, ...itemClasses } = variantsToClassNames(
-    variants,
-    className,
-    "wrapper"
-  );
+  const variants = accordionVariants({
+    indicatorLeft,
+    showDivider: showDivider && variant !== "splitted"
+  });
+  const classNames = variantsToClassNames(variants, _className, "wrapper");
   return /* @__PURE__ */ jsx(
     NextAccordion,
     {
-      className: wrapper,
+      className: classNames.wrapper,
       defaultSelectedKeys,
       disabledKeys,
       disallowEmptySelection,
       dividerProps,
       isDisabled: disabled,
-      itemClasses,
+      itemClasses: classNames,
       onSelectionChange,
       selectionMode,
       showDivider: false,
@@ -89,4 +88,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-ZHVEVZHH.js.map
+//# sourceMappingURL=chunk-ZP5MUJHH.js.map

package/dist/chunk-ZP5MUJHH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/index.cjs

@@ -19,7 +19,7 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
 
 
-var _chunkHI5ZXI2Xcjs = require('./chunk-HI5ZXI2X.cjs');
+var _chunkD5ZDLGL6cjs = require('./chunk-D5ZDLGL6.cjs');
 
 
 var _chunkIDGXOP6Ecjs = require('./chunk-IDGXOP6E.cjs');
@@ -28,7 +28,7 @@ var _chunkIDGXOP6Ecjs = require('./chunk-IDGXOP6E.cjs');
 var _chunkHVLEV6BGcjs = require('./chunk-HVLEV6BG.cjs');
 
 
-var _chunkTJIOF5SHcjs = require('./chunk-TJIOF5SH.cjs');
+var _chunkU2JEMXXJcjs = require('./chunk-U2JEMXXJ.cjs');
 
 
 
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkHI5ZXI2Xcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkTJIOF5SHcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkDN2BMTWIcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.accordionVariants = _chunkHI5ZXI2Xcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkRS7HBBUFcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkD5ZDLGL6cjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkDN2BMTWIcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.accordionVariants = _chunkD5ZDLGL6cjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkRS7HBBUFcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,7 +1,7 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-4uEQ6yjp.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-D_J7xag8.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DKYNPFbI.cjs';
-export { A as Badge, B as BadgeProps } from './Badge-DU0H25nF.cjs';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-Drlhs2y_.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup--VjSSnOk.cjs';
+export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-4uEQ6yjp.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-D_J7xag8.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B34TDUuT.js';
-export { A as Badge, B as BadgeProps } from './Badge-DU0H25nF.js';
+export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-Drlhs2y_.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-D9P8JKS3.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DFiQyyO7.js';
+export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';

package/dist/index.js

@@ -19,7 +19,7 @@ import {
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-ZHVEVZHH.js";
+} from "./chunk-ZP5MUJHH.js";
 import {
   AvatarGroup_default
 } from "./chunk-4X4NFZAM.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-N6YMP2DX.js";
 import {
   Badge_default
-} from "./chunk-L4DZB53L.js";
+} from "./chunk-QTXKWCDV.js";
 import {
   Card_default,
   cardVariants

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.14.1",
+  "version": "0.15.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/chunk-HI5ZXI2X.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAmHjC;AA/GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,eAAe,YAAY,CAAC;AACjE,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AClIf,IAAOA,qBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({ indicatorLeft, showDivider });\n  const { wrapper, ...itemClasses } = variantsToClassNames(\n    variants,\n    className,\n    'wrapper',\n  );\n\n  return (\n    <NextAccordion\n      className={wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}

package/dist/chunk-L4DZB53L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Badge/Badge.tsx","../src/Badge/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as NextBadgeProps } from '@nextui-org/badge';\n\nimport { Badge as NextBadge } from '@nextui-org/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: NextBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: NextBadgeProps['content'];\n  /** color of the badge */\n  color?: NextBadgeProps['color'];\n  /** placement of the badge */\n  placement?: NextBadgeProps['placement'];\n  /** size of the badge */\n  size?: NextBadgeProps['size'];\n}\n\n/**\n * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)\n */\nconst Avatar = ({\n  children,\n  className: _className = undefined,\n  content = undefined,\n  color = 'default',\n  placement = 'top-right',\n  size = 'md',\n}: BadgeProps) => {\n  // className from slots\n  const variants = badgeVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextBadge\n      classNames={className}\n      color={color}\n      content={content}\n      placement={placement}\n      size={size}\n    >\n      {children}\n    </NextBadge>\n  );\n};\n\nexport default Avatar;\n","import Badge from './Badge';\n\nexport type { BadgeProps } from './Badge';\n\nexport { Badge };\n\nexport default Badge;\n"],"mappings":";AAGA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,IAAI,4BAA4B;AA4CrC;AAzCG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAuBD,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AACT,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;ACvDf,IAAOA,iBAAQ;","names":["Badge_default"]}

package/dist/chunk-TJIOF5SH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Badge/Badge.tsx","../src/Badge/index.ts"],"names":["Badge_default"],"mappings":";AAGA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,IAAI,4BAA4B;AA4CrC;AAzCG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAuBD,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AACT,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;ACvDf,IAAOA,iBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as NextBadgeProps } from '@nextui-org/badge';\n\nimport { Badge as NextBadge } from '@nextui-org/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: NextBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: NextBadgeProps['content'];\n  /** color of the badge */\n  color?: NextBadgeProps['color'];\n  /** placement of the badge */\n  placement?: NextBadgeProps['placement'];\n  /** size of the badge */\n  size?: NextBadgeProps['size'];\n}\n\n/**\n * Badge component based on [NextUI Badge](https://nextui.org/docs/components/badge)\n */\nconst Avatar = ({\n  children,\n  className: _className = undefined,\n  content = undefined,\n  color = 'default',\n  placement = 'top-right',\n  size = 'md',\n}: BadgeProps) => {\n  // className from slots\n  const variants = badgeVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextBadge\n      classNames={className}\n      color={color}\n      content={content}\n      placement={placement}\n      size={size}\n    >\n      {children}\n    </NextBadge>\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-ZHVEVZHH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({ indicatorLeft, showDivider });\n  const { wrapper, ...itemClasses } = variantsToClassNames(\n    variants,\n    className,\n    'wrapper',\n  );\n\n  return (\n    <NextAccordion\n      className={wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={itemClasses}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAmHjC;AA/GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB,EAAE,eAAe,YAAY,CAAC;AACjE,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;AClIf,IAAOA,qBAAQ;","names":["Accordion_default"]}