@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-SDZX5VJZ.js

@@ -1,96 +0,0 @@
-// src/Alert/Alert.tsx
-import { Alert as HeroAlert } from "@heroui/alert";
-import { alert as heroAlertVariants } from "@heroui/theme";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var alertVariants = tv({
-  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 = variantsToClassNames(variants, className, "base");
-  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(
-    variant
-  ) ? variant : void 0;
-  return /* @__PURE__ */ jsx(
-    HeroAlert,
-    {
-      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;
-
-export {
-  alertVariants,
-  Alert_default,
-  Alert_default2
-};
-//# sourceMappingURL=chunk-SDZX5VJZ.js.map

package/dist/chunk-SDZX5VJZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"sourcesContent":["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"],"mappings":";AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AAoGrC;AAlGG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,qBAAqB;AAAA,MACnB,MAAM;AAAA,QACJ,aAAa;AAAA,MACf;AAAA,IACF;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,sBAAsB,CAAC,CAAC,YAAY,CAAC,CAAC;AAC5C,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,QAAM,YAAY,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAC9D;AAAA,EACF,IACK,UACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,YAAY;AAAA,MACtB;AAAA,MAEA,YAAY;AAAA,MACZ;AAAA,MACA,OAAQ,wBAAS;AAAA,MACjB,SAAQ;AAAA;AAAA,EACV;AAEJ;AAEA,IAAO,gBAAQ;;;ACtHf,IAAOA,iBAAQ;","names":["Alert_default"]}

package/dist/chunk-SRDRLHAA.js

@@ -1,169 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Menu/Menu.tsx
-import { Button } from "@heroui/button";
-import {
-  Dropdown as HeroDropdown,
-  DropdownItem as HeroDropdownItem,
-  DropdownMenu as HeroDropdownMenu,
-  DropdownSection as HeroDropdownSection,
-  DropdownTrigger as HeroDropdownTrigger
-} from "@heroui/dropdown";
-import { cn, slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-
-// src/Menu/VerticalDotsIcon.tsx
-import { jsx } from "react/jsx-runtime";
-var VerticalDotsIcon = (_a) => {
-  var _b = _a, {
-    size = 24,
-    width,
-    height
-  } = _b, props = __objRest(_b, [
-    "size",
-    "width",
-    "height"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    __spreadProps(__spreadValues({
-      "aria-hidden": "true",
-      fill: "none",
-      focusable: "false",
-      height: size != null ? size : height,
-      role: "presentation",
-      viewBox: "0 0 24 24",
-      width: size != null ? size : width
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var VerticalDotsIcon_default = VerticalDotsIcon;
-
-// src/Menu/Menu.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var menuVariants = tv({
-  slots: {
-    item: "",
-    trigger: "z-auto"
-  }
-});
-var isMenuSection = (item) => {
-  return "items" in item;
-};
-var getDisabledKeys = (items) => {
-  const flatItems = items.reduce((acc, item) => {
-    if (isMenuSection(item)) {
-      acc.push(...item.items);
-    } else {
-      acc.push(item);
-    }
-    return acc;
-  }, []);
-  return flatItems.filter((item) => {
-    return item.disabled === true;
-  }).map((item) => {
-    return item.key;
-  });
-};
-var renderMenuItem = (item, itemClassName) => {
-  var _a;
-  return /* @__PURE__ */ jsx2(
-    HeroDropdownItem,
-    {
-      className: cn(itemClassName, item.className),
-      "data-testid": slugify((_a = item.testId) != null ? _a : item.key),
-      description: item.description,
-      onPress: item.onClick,
-      startContent: item.icon,
-      children: item.label
-    },
-    item.key
-  );
-};
-var Menu = ({
-  ariaLabel = void 0,
-  children = null,
-  className: _className = void 0,
-  isDisabled = false,
-  items,
-  onAction = void 0,
-  placement = void 0,
-  testId = void 0,
-  triggerButtonProps = void 0
-}) => {
-  const variants = menuVariants();
-  const className = variantsToClassNames(variants, _className, "trigger");
-  let triggerButton = /* @__PURE__ */ jsx2("button", { className: className.trigger, type: "button", children });
-  if (!children) {
-    triggerButton = /* @__PURE__ */ jsx2(
-      Button,
-      __spreadProps(__spreadValues({
-        isIconOnly: true,
-        className: cn("min-w-0 outline outline-divider", className.trigger),
-        radius: "full",
-        size: "sm",
-        variant: "light"
-      }, triggerButtonProps), {
-        children: /* @__PURE__ */ jsx2(VerticalDotsIcon_default, {})
-      })
-    );
-  } else if (triggerButtonProps) {
-    triggerButton = /* @__PURE__ */ jsx2(Button, __spreadProps(__spreadValues({ className: className.trigger }, triggerButtonProps), { children }));
-  }
-  return /* @__PURE__ */ jsxs(
-    HeroDropdown,
-    {
-      "aria-label": ariaLabel,
-      isDisabled,
-      placement,
-      children: [
-        /* @__PURE__ */ jsx2(HeroDropdownTrigger, { "data-testid": testId, children: triggerButton }),
-        /* @__PURE__ */ jsx2(
-          HeroDropdownMenu,
-          {
-            disabledKeys: getDisabledKeys(items),
-            items,
-            onAction,
-            children: (item) => {
-              if ("items" in item) {
-                return /* @__PURE__ */ jsx2(
-                  HeroDropdownSection,
-                  {
-                    items: item.items,
-                    title: item.label,
-                    children: (sectionItem) => {
-                      return renderMenuItem(sectionItem, className.item);
-                    }
-                  },
-                  item.key
-                );
-              }
-              return renderMenuItem(item, className.item);
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-var Menu_default = Menu;
-
-// src/Menu/index.ts
-var Menu_default2 = Menu_default;
-
-export {
-  Menu_default,
-  Menu_default2
-};
-//# sourceMappingURL=chunk-SRDRLHAA.js.map

package/dist/chunk-SRDRLHAA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Menu/Menu.tsx","../src/Menu/VerticalDotsIcon.tsx","../src/Menu/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps } from '@heroui/button';\nimport type {\n  DropdownItemProps as HeroDropdownItemProps,\n  DropdownProps as HeroDropdownProps,\n  DropdownSectionProps as HeroDropdownSectionProps,\n} from '@heroui/dropdown';\nimport type { Key, ReactNode } from 'react';\n\nimport { Button } from '@heroui/button';\nimport {\n  Dropdown as HeroDropdown,\n  DropdownItem as HeroDropdownItem,\n  DropdownMenu as HeroDropdownMenu,\n  DropdownSection as HeroDropdownSection,\n  DropdownTrigger as HeroDropdownTrigger,\n} from '@heroui/dropdown';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport VerticalDotsIcon from './VerticalDotsIcon';\n\n/**\n * Menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nexport interface MenuItem {\n  /** unique identifier */\n  key: string;\n  /** CSS class name */\n  className?: string;\n  /** additional description shown under the label */\n  description?: string;\n  /** disables the menu item */\n  disabled?: boolean;\n  /** menu item icon  */\n  icon?: ReactNode;\n  /** menu item name */\n  label: ReactNode;\n  /** click event handler */\n  onClick?: HeroDropdownItemProps['onPress'];\n  /** e2e test identifier */\n  testId?: string;\n}\n\n/**\n * Menu section type\n */\nexport interface MenuSection {\n  /** unique identifier */\n  key: string;\n  /** section label */\n  label: ReactNode;\n  /** section items (array of MenuItem) */\n  items: MenuItem[];\n}\n\n// menu styling variants\nexport const menuVariants = tv({\n  slots: {\n    item: '',\n    trigger: 'z-auto',\n  },\n});\n\ntype VariantProps = TVProps<typeof menuVariants>;\ntype ClassName = TVClassName<typeof menuVariants>;\n\nexport interface MenuProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** menu item structure */\n  items: (MenuSection | MenuItem)[];\n  /** disable menu trigger */\n  isDisabled?: boolean;\n  /** placement of the menu */\n  placement?: HeroDropdownProps['placement'];\n  /** called if item is selected */\n  onAction?: (key: Key) => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'aria-label'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disableRipple'\n    | 'disabled'\n    | 'size'\n    | 'variant'\n  > & { 'data-testid'?: string };\n}\n\n// type guard for MenuSection\nconst isMenuSection = (item: MenuSection | MenuItem): item is MenuSection => {\n  return 'items' in item;\n};\n\n// returns String[] of disabled items/keys\nconst getDisabledKeys = (items: (MenuSection | MenuItem)[]): string[] => {\n  const flatItems = items.reduce<MenuItem[]>((acc, item) => {\n    if (isMenuSection(item)) {\n      acc.push(...item.items);\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n  return flatItems\n    .filter((item) => {\n      return item.disabled === true;\n    })\n    .map((item) => {\n      return item.key;\n    });\n};\n\nconst renderMenuItem = (item: MenuItem, itemClassName?: string) => {\n  return (\n    <HeroDropdownItem\n      key={item.key}\n      className={cn(itemClassName, item.className)}\n      data-testid={slugify(item.testId ?? item.key)}\n      description={item.description}\n      onPress={item.onClick}\n      startContent={item.icon}\n    >\n      {item.label}\n    </HeroDropdownItem>\n  );\n};\n\n/**\n * Dropdown menu component based on [HeroUI Dropdown](https://www.heroui.com//docs/components/dropdown)\n */\nconst Menu = ({\n  ariaLabel = undefined,\n  children = null,\n  className: _className = undefined,\n  isDisabled = false,\n  items,\n  onAction = undefined,\n  placement = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: MenuProps) => {\n  // className from slots\n  const variants = menuVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  // determine trigger button variant\n  let triggerButton = (\n    <button className={className.trigger} type=\"button\">\n      {children}\n    </button>\n  );\n  if (!children) {\n    //  default to ellipsis icon when no children are provided\n    triggerButton = (\n      <Button\n        isIconOnly\n        className={cn('min-w-0 outline outline-divider', className.trigger)}\n        radius=\"full\"\n        size=\"sm\"\n        variant=\"light\"\n        {...triggerButtonProps}\n      >\n        <VerticalDotsIcon />\n      </Button>\n    );\n  } else if (triggerButtonProps) {\n    // use provided triggerButtonProps with hero button\n    triggerButton = (\n      <Button className={className.trigger} {...triggerButtonProps}>\n        {children}\n      </Button>\n    );\n  }\n\n  return (\n    <HeroDropdown\n      aria-label={ariaLabel}\n      isDisabled={isDisabled}\n      placement={placement}\n    >\n      <HeroDropdownTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by HeroDropdownTrigger */}\n        {triggerButton}\n      </HeroDropdownTrigger>\n      <HeroDropdownMenu\n        disabledKeys={getDisabledKeys(items)}\n        items={items}\n        onAction={onAction}\n      >\n        {(item) => {\n          if ('items' in item) {\n            return (\n              <HeroDropdownSection\n                key={item.key}\n                items={item.items}\n                title={item.label as HeroDropdownSectionProps['title']}\n              >\n                {(sectionItem) => {\n                  return renderMenuItem(sectionItem, className.item);\n                }}\n              </HeroDropdownSection>\n            );\n          }\n          return renderMenuItem(item, className.item);\n        }}\n      </HeroDropdownMenu>\n    </HeroDropdown>\n  );\n};\n\nexport default Menu;\n","import type { SVGProps } from 'react';\n\n// Default Icon for Menu button\nconst VerticalDotsIcon = ({\n  size = 24,\n  width,\n  height,\n  ...props\n}: SVGProps<SVGSVGElement> & { size?: number }) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      focusable=\"false\"\n      height={size ?? height}\n      role=\"presentation\"\n      viewBox=\"0 0 24 24\"\n      width={size ?? width}\n      {...props}\n    >\n      <path\n        d=\"M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default VerticalDotsIcon;\n","import Menu from './Menu';\n\nexport type { MenuProps, MenuItem, MenuSection } from './Menu';\n\nexport { Menu };\n\nexport default Menu;\n"],"mappings":"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","names":["jsx","Menu_default"]}

package/dist/chunk-TJTBJ2NT.js

@@ -1,90 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Breadcrumb/Breadcrumb.tsx
-import {
-  Breadcrumbs as HeroBreadcrumb,
-  BreadcrumbItem as HeroBreadcrumbItem
-} from "@heroui/breadcrumbs";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var breadcrumbVariants = tv({
-  slots: {
-    /** ellipsis slot */
-    ellipsis: "",
-    /** li > span slot */
-    item: "",
-    /** li  slot */
-    itemBase: "",
-    // base for item slot
-    /** ol slot */
-    list: "",
-    /** separator slot */
-    separator: "",
-    /** nav slot, breadcrumb base slot in heroui */
-    nav: ""
-  }
-});
-var Breadcrumb = ({
-  breadcrumbItems,
-  className: _className = void 0,
-  color = "foreground",
-  disableAnimation = false,
-  disabled = false,
-  hideSeparator = false,
-  maxItems = void 0,
-  radius = "none",
-  separator = void 0,
-  size = "md",
-  underline = "hover",
-  variant = "light"
-}) => {
-  const variants = breadcrumbVariants({});
-  const classNames = variantsToClassNames(variants, _className, "nav");
-  return /* @__PURE__ */ jsx(
-    HeroBreadcrumb,
-    {
-      color,
-      disableAnimation,
-      hideSeparator,
-      isDisabled: disabled,
-      maxItems,
-      radius,
-      separator,
-      size,
-      underline,
-      variant,
-      classNames: {
-        base: classNames.nav,
-        ellipsis: classNames.separator,
-        list: classNames.list
-      },
-      itemClasses: {
-        base: classNames.itemBase,
-        item: classNames.item,
-        separator: classNames.separator
-      },
-      children: breadcrumbItems.map((item, index) => {
-        return /* @__PURE__ */ jsx(
-          HeroBreadcrumbItem,
-          __spreadValues({
-            isDisabled: disabled || (item == null ? void 0 : item.disabled)
-          }, item),
-          index
-        );
-      })
-    }
-  );
-};
-var Breadcrumb_default = Breadcrumb;
-
-// src/Breadcrumb/index.ts
-var Breadcrumb_default2 = Breadcrumb_default;
-
-export {
-  breadcrumbVariants,
-  Breadcrumb_default,
-  Breadcrumb_default2
-};
-//# sourceMappingURL=chunk-TJTBJ2NT.js.map

package/dist/chunk-TJTBJ2NT.js.map

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

package/dist/chunk-U5J6GTQE.js

@@ -1,123 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/utils/createWithSuspense/createWithSuspense.tsx
-import { Component, Suspense } from "react";
-import { motion, useReducedMotion } from "@fuf-stack/pixel-motion";
-import { jsx } from "react/jsx-runtime";
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: null, errorInfo: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { onError } = this.props;
-    this.setState({ errorInfo });
-    onError == null ? void 0 : onError(error, errorInfo);
-  }
-  // eslint-disable-next-line @typescript-eslint/promise-function-async
-  render() {
-    const { error, errorInfo } = this.state;
-    const { fallback, children, shouldAnimate } = this.props;
-    if (error) {
-      const errorFallback = fallback(
-        error,
-        errorInfo != null ? errorInfo : { componentStack: "" }
-      );
-      if (!shouldAnimate) {
-        return errorFallback;
-      }
-      return /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          animate: { height: "auto", opacity: 1 },
-          initial: { height: 0, opacity: 0 },
-          style: { overflow: "hidden" },
-          transition: {
-            height: { duration: 0.2, ease: "easeInOut" },
-            opacity: { duration: 0.2, delay: 0.2 }
-          },
-          children: errorFallback
-        }
-      );
-    }
-    return children;
-  }
-};
-function createWithSuspense(config = {}) {
-  const {
-    defaultFallback = null,
-    disableAnimation: defaultDisableAnimation = false,
-    errorFallback: defaultErrorFallback,
-    onError: defaultOnError
-  } = config;
-  return function withSuspense(WrappedComponent, options) {
-    var _a, _b, _c, _d, _e, _f;
-    const fallback = (_a = options == null ? void 0 : options.fallback) != null ? _a : defaultFallback;
-    const errorFallback = (_b = options == null ? void 0 : options.errorFallback) != null ? _b : defaultErrorFallback;
-    const disableErrorBoundary = (_c = options == null ? void 0 : options.disableErrorBoundary) != null ? _c : false;
-    const disableAnimation = (_d = options == null ? void 0 : options.disableAnimation) != null ? _d : defaultDisableAnimation;
-    const WithSuspenseComponent = (props) => {
-      const prefersReducedMotion = useReducedMotion();
-      const shouldAnimate = !disableAnimation && !prefersReducedMotion;
-      const wrapWithMotion = (children) => {
-        if (!shouldAnimate) {
-          return children;
-        }
-        return /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            animate: { height: "auto", opacity: 1 },
-            exit: { height: 0, opacity: 0 },
-            initial: { height: 0, opacity: 0 },
-            style: { overflow: "hidden" },
-            transition: {
-              height: { duration: 0.2, ease: "easeInOut" },
-              opacity: { duration: 0.2, delay: 0.2 }
-              // Fade in after height animation
-            },
-            children
-          }
-        );
-      };
-      const animatedFallback = shouldAnimate ? /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          exit: { height: 0, opacity: 0 },
-          initial: { height: "auto", opacity: 1 },
-          style: { overflow: "hidden" },
-          transition: {
-            height: { duration: 0.3, ease: "easeInOut" },
-            opacity: { duration: 0.2 }
-          },
-          children: fallback
-        },
-        "fallback"
-      ) : fallback;
-      const content = /* @__PURE__ */ jsx(Suspense, { fallback: animatedFallback, children: wrapWithMotion(/* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props))) });
-      if (!errorFallback || disableErrorBoundary) {
-        return content;
-      }
-      return /* @__PURE__ */ jsx(
-        ErrorBoundary,
-        {
-          fallback: errorFallback,
-          onError: defaultOnError,
-          shouldAnimate,
-          children: content
-        }
-      );
-    };
-    WithSuspenseComponent.displayName = `withSuspense(${(_f = (_e = WrappedComponent.displayName) != null ? _e : WrappedComponent.name) != null ? _f : "Component"})`;
-    return WithSuspenseComponent;
-  };
-}
-
-export {
-  createWithSuspense
-};
-//# sourceMappingURL=chunk-U5J6GTQE.js.map

package/dist/chunk-U5J6GTQE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/createWithSuspense/createWithSuspense.tsx"],"sourcesContent":["import type { ComponentType, ErrorInfo, ReactNode } from 'react';\n\nimport React, { Component, Suspense } from 'react';\n\nimport { motion, useReducedMotion } from '@fuf-stack/pixel-motion';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  // eslint-disable-next-line react/require-default-props\n  shouldAnimate?: boolean;\n  // eslint-disable-next-line react/require-default-props\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n  errorInfo: ErrorInfo | null;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null, errorInfo: null };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { onError } = this.props;\n    this.setState({ errorInfo });\n    onError?.(error, errorInfo);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  render() {\n    const { error, errorInfo } = this.state;\n    const { fallback, children, shouldAnimate } = this.props;\n\n    if (error) {\n      // errorInfo might not be set yet in getDerivedStateFromError,\n      // so we provide a default empty errorInfo to prevent errors from bubbling up\n      const errorFallback = fallback(\n        error,\n        errorInfo ?? { componentStack: '' },\n      );\n\n      if (!shouldAnimate) {\n        return errorFallback;\n      }\n\n      return (\n        <motion.div\n          animate={{ height: 'auto', opacity: 1 }}\n          initial={{ height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.2, ease: 'easeInOut' },\n            opacity: { duration: 0.2, delay: 0.2 },\n          }}\n        >\n          {errorFallback}\n        </motion.div>\n      );\n    }\n\n    return children;\n  }\n}\n\nexport interface CreateWithSuspenseConfig {\n  /**\n   * Default fallback to show while suspending\n   */\n  defaultFallback?: ReactNode;\n  /**\n   * Disable height animation between loading and loaded states\n   * @default false\n   */\n  disableAnimation?: boolean;\n  /**\n   * Error boundary fallback renderer\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Callback when an error is caught\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\nexport interface WithSuspenseOptions {\n  /**\n   * Override the default fallback for this specific component\n   */\n  fallback?: ReactNode;\n  /**\n   * Override the error boundary for this specific component\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Disable height animation for this specific component\n   */\n  disableAnimation?: boolean;\n  /**\n   * Disable error boundary for this specific component\n   */\n  disableErrorBoundary?: boolean;\n}\n\n/**\n * Factory function to create a project-specific withSuspense HOC with default configuration.\n *\n * @example\n * ```tsx\n * // In your project setup file\n * export const withSuspense = createWithSuspense({\n *   defaultFallback: <YourSpinner />,\n *   errorFallback: (error) => <YourErrorComponent error={error} />,\n *   onError: (error, errorInfo) => {\n *     console.error('Caught error:', error, errorInfo);\n *     // Send to error tracking service\n *   },\n * });\n *\n * // Then use throughout your project\n * const MyComponent = withSuspense(({ userId }) => {\n *   const user = use(fetchUser(userId));\n *   return <div>{user.name}</div>;\n * });\n * ```\n */\nexport function createWithSuspense(config: CreateWithSuspenseConfig = {}) {\n  const {\n    defaultFallback = null,\n    disableAnimation: defaultDisableAnimation = false,\n    errorFallback: defaultErrorFallback,\n    onError: defaultOnError,\n  } = config;\n\n  return function withSuspense<P extends object>(\n    WrappedComponent: ComponentType<P>,\n    options?: WithSuspenseOptions,\n  ) {\n    const fallback = options?.fallback ?? defaultFallback;\n    const errorFallback = options?.errorFallback ?? defaultErrorFallback;\n    const disableErrorBoundary = options?.disableErrorBoundary ?? false;\n    const disableAnimation =\n      options?.disableAnimation ?? defaultDisableAnimation;\n\n    const WithSuspenseComponent = (props: P) => {\n      const prefersReducedMotion = useReducedMotion();\n      const shouldAnimate = !disableAnimation && !prefersReducedMotion;\n\n      // Wrap content in motion wrapper if animation is enabled\n      const wrapWithMotion = (children: ReactNode): ReactNode => {\n        if (!shouldAnimate) {\n          return children;\n        }\n\n        return (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            style={{ overflow: 'hidden' }}\n            transition={{\n              height: { duration: 0.2, ease: 'easeInOut' },\n              opacity: { duration: 0.2, delay: 0.2 }, // Fade in after height animation\n            }}\n          >\n            {children}\n          </motion.div>\n        );\n      };\n\n      const animatedFallback = shouldAnimate ? (\n        <motion.div\n          key=\"fallback\"\n          exit={{ height: 0, opacity: 0 }}\n          initial={{ height: 'auto', opacity: 1 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.3, ease: 'easeInOut' },\n            opacity: { duration: 0.2 },\n          }}\n        >\n          {fallback}\n        </motion.div>\n      ) : (\n        fallback\n      );\n\n      const content = (\n        <Suspense fallback={animatedFallback}>\n          {wrapWithMotion(<WrappedComponent {...props} />)}\n        </Suspense>\n      );\n\n      // If no error boundary configured or explicitly disabled, return just Suspense\n      if (!errorFallback || disableErrorBoundary) {\n        return content;\n      }\n\n      return (\n        <ErrorBoundary\n          fallback={errorFallback}\n          onError={defaultOnError}\n          shouldAnimate={shouldAnimate}\n        >\n          {content}\n        </ErrorBoundary>\n      );\n    };\n\n    WithSuspenseComponent.displayName = `withSuspense(${\n      WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component'\n    })`;\n\n    return WithSuspenseComponent;\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-UEQG424R.js

@@ -1,49 +0,0 @@
-// src/Badge/Badge.tsx
-import { Badge as HeroBadge } from "@heroui/badge";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var badgeVariants = tv({
-  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 = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroBadge,
-    {
-      classNames: className,
-      color,
-      content,
-      isOneChar,
-      placement,
-      showOutline: !noOutline,
-      size,
-      children
-    }
-  );
-};
-var Badge_default = Avatar;
-
-// src/Badge/index.ts
-var Badge_default2 = Badge_default;
-
-export {
-  Badge_default,
-  Badge_default2
-};
-//# sourceMappingURL=chunk-UEQG424R.js.map

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