@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Badge/index.d.cts

@@ -1,11 +1,2 @@
-import { A as Avatar } from '../Badge-DkO-EJif.cjs';
-export { B as BadgeProps } from '../Badge-DkO-EJif.cjs';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import '@heroui/badge';
-import 'react';
-
-
-
-export { Avatar as Badge, Avatar as default };
+import { Avatar, BadgeProps } from "./Badge.cjs";
+export { Avatar as Badge, Avatar as default, type BadgeProps };

package/dist/Badge/index.d.ts

@@ -1,11 +1,2 @@
-import { A as Avatar } from '../Badge-DkO-EJif.js';
-export { B as BadgeProps } from '../Badge-DkO-EJif.js';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import '@heroui/badge';
-import 'react';
-
-
-
-export { Avatar as Badge, Avatar as default };
+import { Avatar, BadgeProps } from "./Badge.js";
+export { Avatar as Badge, Avatar as default, type BadgeProps };

package/dist/Badge/index.js

@@ -1,10 +1,7 @@
-import {
-  Badge_default,
-  Badge_default2
-} from "../chunk-UEQG424R.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Badge_default as Badge,
-  Badge_default2 as default
-};
+import Avatar from "./Badge.js";
+//#region src/Badge/index.ts
+var Badge_default = Avatar;
+//#endregion
+export { Avatar as Badge, Badge_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":["Badge"],"sources":["../../src/Badge/index.ts"],"sourcesContent":["import Badge from './Badge';\n\nexport type { BadgeProps } from './Badge';\n\nexport { Badge };\n\nexport default Badge;\n"],"mappings":";;AAMA,IAAA,gBAAeA"}

package/dist/Breadcrumb/Breadcrumb.cjs

@@ -0,0 +1,58 @@
+require("../_virtual/_rolldown/runtime.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_breadcrumbs = require("@heroui/breadcrumbs");
+//#region src/Breadcrumb/Breadcrumb.tsx
+const breadcrumbVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	/** ellipsis slot */
+	ellipsis: "",
+	/** li > span slot */
+	item: "",
+	/** li  slot */
+	itemBase: "",
+	/** ol slot */
+	list: "",
+	/** separator slot */
+	separator: "",
+	/** nav slot, breadcrumb base slot in heroui */
+	nav: ""
+} });
+/**
+* Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
+*/
+const 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 classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(breadcrumbVariants({}), _className, "nav");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_breadcrumbs.Breadcrumbs, {
+		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__ */ (0, react_jsx_runtime.jsx)(_heroui_breadcrumbs.BreadcrumbItem, {
+				isDisabled: disabled || item?.disabled,
+				...item
+			}, index);
+		})
+	});
+};
+//#endregion
+exports.breadcrumbVariants = breadcrumbVariants;
+exports.default = Breadcrumb;
+
+//# sourceMappingURL=Breadcrumb.cjs.map

package/dist/Breadcrumb/Breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.cjs","names":["HeroBreadcrumb","HeroBreadcrumbItem"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"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"],"mappings":";;;;;AAYA,MAAa,sBAAA,GAAA,uBAAA,IAAwB,EACnC,OAAO;;CAEL,UAAU;;CAEV,MAAM;;CAEN,UAAU;;CAEV,MAAM;;CAEN,WAAW;;CAEX,KAAK;AACP,EACF,CAAC;;;;AAoDD,MAAM,cAAc,EAClB,iBACA,WAAW,aAAa,KAAA,GACxB,QAAQ,cACR,mBAAmB,OACnB,WAAW,OACX,gBAAgB,OAChB,WAAW,KAAA,GACX,SAAS,QACT,YAAY,KAAA,GACZ,OAAO,MACP,YAAY,SACZ,UAAU,cACW;CAGrB,MAAM,cAAA,GAAA,uBAAA,sBADW,mBAAmB,CAAC,CACU,GAAG,YAAY,KAAK;CAEnE,OACE,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,aAAD;EACS;EACW;EACH;EACf,YAAY;EACF;EACF;EACG;EACL;EACK;EACF;EACT,YAAY;GACV,MAAM,WAAW;GACjB,UAAU,WAAW;GACrB,MAAM,WAAW;EACnB;EACA,aAAa;GACX,MAAM,WAAW;GACjB,MAAM,WAAW;GACjB,WAAW,WAAW;EACxB;YAEC,gBAAgB,KAAK,MAAM,UAAU;GACpC,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACa,CAAA;AAEpB"}

package/dist/Breadcrumb/Breadcrumb.d.cts

@@ -0,0 +1,117 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Breadcrumb/Breadcrumb.d.ts
+declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, undefined, unknown, unknown, undefined>>;
+interface BreadcrumbItemProps {
+  /** Content of the breadcrumb item */
+  children: ReactNode;
+  /** Disables the breadcrumb item */
+  disabled?: boolean;
+  /** content displayed before the children */
+  startContent?: ReactNode;
+  /** content displayed after the children */
+  endContent?: ReactNode;
+}
+type VariantProps = TVProps<typeof breadcrumbVariants>;
+type ClassName = TVClassName<typeof breadcrumbVariants>;
+interface BreadcrumbProps extends VariantProps {
+  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
+  breadcrumbItems: BreadcrumbItemProps[];
+  /** CSS class name */
+  className?: ClassName;
+  /** color of the active BreadcrumbItem */
+  color?: 'foreground' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  /** Disables the breadcrumb animation */
+  disableAnimation?: boolean;
+  /** hides the separator between items */
+  hideSeparator?: boolean;
+  /** disables all items */
+  disabled?: boolean;
+  /** Maximum number of items to show without "..." in between */
+  maxItems?: number;
+  /** Radius of the breadcrumb */
+  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+  /** Separator between items */
+  separator?: ReactNode;
+  /** Size of the breadcrumb */
+  size?: 'sm' | 'md' | 'lg';
+  /** Adjust when the breadcrumb items should be underlined */
+  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';
+  /** Style variant of the breadcrumb */
+  variant?: 'solid' | 'bordered' | 'light';
+}
+/**
+ * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
+ */
+declare const Breadcrumb: ({
+  breadcrumbItems,
+  className: _className,
+  color,
+  disableAnimation,
+  disabled,
+  hideSeparator,
+  maxItems,
+  radius,
+  separator,
+  size,
+  underline,
+  variant
+}: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbItemProps, BreadcrumbProps, breadcrumbVariants };
+//# sourceMappingURL=Breadcrumb.d.cts.map

package/dist/Breadcrumb/Breadcrumb.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.cts","names":[],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;cAYa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAiBd,mBAAA;EAAmB;EAElC,QAAA,EAAU,SAAA;EAAA;EAEV,QAAA;EAIa;EAFb,YAAA,GAAe,SAAA;EAEO;EAAtB,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,eAAA,SAAwB,YAAA;EANvC;EAQA,eAAA,EAAiB,mBAAA;EARK;EAUtB,SAAA,GAAY,SAAA;EAPT;EASH,KAAA;;EAQA,gBAAA;EAjBmD;EAmBnD,aAAA;EAlBY;EAoBZ,QAAA;EApBe;EAsBf,QAAA;EApBe;EAsBf,MAAA;;EAEA,SAAA,GAAY,SAAA;EApBA;EAsBZ,IAAA;EA1BuC;EA4BvC,SAAA;EA5BmD;EA8BnD,OAAA;AAAA;;;;cAMI,UAAA;EAAc,eAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA;AAAA,GAajB,eAAA,iCAAe,GAAA,CAAA,OAAA"}

package/dist/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,117 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Breadcrumb/Breadcrumb.d.ts
+declare const breadcrumbVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      nav?: import("tailwind-merge").ClassNameValue;
+      item?: import("tailwind-merge").ClassNameValue;
+      list?: import("tailwind-merge").ClassNameValue;
+      separator?: import("tailwind-merge").ClassNameValue;
+      ellipsis?: import("tailwind-merge").ClassNameValue;
+      itemBase?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  /** ellipsis slot */ellipsis: string; /** li > span slot */
+  item: string; /** li  slot */
+  itemBase: string; /** ol slot */
+  list: string; /** separator slot */
+  separator: string; /** nav slot, breadcrumb base slot in heroui */
+  nav: string;
+}, undefined, unknown, unknown, undefined>>;
+interface BreadcrumbItemProps {
+  /** Content of the breadcrumb item */
+  children: ReactNode;
+  /** Disables the breadcrumb item */
+  disabled?: boolean;
+  /** content displayed before the children */
+  startContent?: ReactNode;
+  /** content displayed after the children */
+  endContent?: ReactNode;
+}
+type VariantProps = TVProps<typeof breadcrumbVariants>;
+type ClassName = TVClassName<typeof breadcrumbVariants>;
+interface BreadcrumbProps extends VariantProps {
+  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */
+  breadcrumbItems: BreadcrumbItemProps[];
+  /** CSS class name */
+  className?: ClassName;
+  /** color of the active BreadcrumbItem */
+  color?: 'foreground' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+  /** Disables the breadcrumb animation */
+  disableAnimation?: boolean;
+  /** hides the separator between items */
+  hideSeparator?: boolean;
+  /** disables all items */
+  disabled?: boolean;
+  /** Maximum number of items to show without "..." in between */
+  maxItems?: number;
+  /** Radius of the breadcrumb */
+  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+  /** Separator between items */
+  separator?: ReactNode;
+  /** Size of the breadcrumb */
+  size?: 'sm' | 'md' | 'lg';
+  /** Adjust when the breadcrumb items should be underlined */
+  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';
+  /** Style variant of the breadcrumb */
+  variant?: 'solid' | 'bordered' | 'light';
+}
+/**
+ * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
+ */
+declare const Breadcrumb: ({
+  breadcrumbItems,
+  className: _className,
+  color,
+  disableAnimation,
+  disabled,
+  hideSeparator,
+  maxItems,
+  radius,
+  separator,
+  size,
+  underline,
+  variant
+}: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbItemProps, BreadcrumbProps, breadcrumbVariants };
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;cAYa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAiBd,mBAAA;EAAmB;EAElC,QAAA,EAAU,SAAA;EAAA;EAEV,QAAA;EAIa;EAFb,YAAA,GAAe,SAAA;EAEO;EAAtB,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,eAAA,SAAwB,YAAA;EANvC;EAQA,eAAA,EAAiB,mBAAA;EARK;EAUtB,SAAA,GAAY,SAAA;EAPT;EASH,KAAA;;EAQA,gBAAA;EAjBmD;EAmBnD,aAAA;EAlBY;EAoBZ,QAAA;EApBe;EAsBf,QAAA;EApBe;EAsBf,MAAA;;EAEA,SAAA,GAAY,SAAA;EApBA;EAsBZ,IAAA;EA1BuC;EA4BvC,SAAA;EA5BmD;EA8BnD,OAAA;AAAA;;;;cAMI,UAAA;EAAc,eAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA;AAAA,GAajB,eAAA,iCAAe,GAAA,CAAA,OAAA"}

package/dist/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,56 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+import { BreadcrumbItem, Breadcrumbs } from "@heroui/breadcrumbs";
+//#region src/Breadcrumb/Breadcrumb.tsx
+const breadcrumbVariants = tv({ slots: {
+	/** ellipsis slot */
+	ellipsis: "",
+	/** li > span slot */
+	item: "",
+	/** li  slot */
+	itemBase: "",
+	/** ol slot */
+	list: "",
+	/** separator slot */
+	separator: "",
+	/** nav slot, breadcrumb base slot in heroui */
+	nav: ""
+} });
+/**
+* Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)
+*/
+const 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 classNames = variantsToClassNames(breadcrumbVariants({}), _className, "nav");
+	return /* @__PURE__ */ jsx(Breadcrumbs, {
+		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(BreadcrumbItem, {
+				isDisabled: disabled || item?.disabled,
+				...item
+			}, index);
+		})
+	});
+};
+//#endregion
+export { breadcrumbVariants, Breadcrumb as default };
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":["HeroBreadcrumb","HeroBreadcrumbItem"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"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"],"mappings":";;;;AAYA,MAAa,qBAAqB,GAAG,EACnC,OAAO;;CAEL,UAAU;;CAEV,MAAM;;CAEN,UAAU;;CAEV,MAAM;;CAEN,WAAW;;CAEX,KAAK;AACP,EACF,CAAC;;;;AAoDD,MAAM,cAAc,EAClB,iBACA,WAAW,aAAa,KAAA,GACxB,QAAQ,cACR,mBAAmB,OACnB,WAAW,OACX,gBAAgB,OAChB,WAAW,KAAA,GACX,SAAS,QACT,YAAY,KAAA,GACZ,OAAO,MACP,YAAY,SACZ,UAAU,cACW;CAGrB,MAAM,aAAa,qBADF,mBAAmB,CAAC,CACU,GAAG,YAAY,KAAK;CAEnE,OACE,oBAACA,aAAD;EACS;EACW;EACH;EACf,YAAY;EACF;EACF;EACG;EACL;EACK;EACF;EACT,YAAY;GACV,MAAM,WAAW;GACjB,UAAU,WAAW;GACrB,MAAM,WAAW;EACnB;EACA,aAAa;GACX,MAAM,WAAW;GACjB,MAAM,WAAW;GACjB,WAAW,WAAW;EACxB;YAEC,gBAAgB,KAAK,MAAM,UAAU;GACpC,OACE,oBAACC,gBAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACa,CAAA;AAEpB"}

package/dist/Breadcrumb/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Breadcrumb = require("./Breadcrumb.cjs");
+//#region src/Breadcrumb/index.ts
+var Breadcrumb_default = require_Breadcrumb.default;
+//#endregion
+exports.Breadcrumb = require_Breadcrumb.default;
+exports.breadcrumbVariants = require_Breadcrumb.breadcrumbVariants;
+exports.default = Breadcrumb_default;
 
-
-
-var _chunkIBX6A72Pcjs = require('../chunk-IBX6A72P.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.default = _chunkIBX6A72Pcjs.Breadcrumb_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Breadcrumb/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Breadcrumb/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,sLAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Breadcrumb/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;AAMA,IAAA,qBAAeA,mBAAAA"}

package/dist/Breadcrumb/index.d.cts

@@ -1,11 +1,2 @@
-import { B as Breadcrumb } from '../Breadcrumb-CW1qsIoL.cjs';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-CW1qsIoL.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Breadcrumb, Breadcrumb as default };
+import { Breadcrumb, BreadcrumbItemProps, BreadcrumbProps, breadcrumbVariants } from "./Breadcrumb.cjs";
+export { Breadcrumb, Breadcrumb as default, type BreadcrumbItemProps, type BreadcrumbProps, breadcrumbVariants };

package/dist/Breadcrumb/index.d.ts

@@ -1,11 +1,2 @@
-import { B as Breadcrumb } from '../Breadcrumb-CW1qsIoL.js';
-export { c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from '../Breadcrumb-CW1qsIoL.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Breadcrumb, Breadcrumb as default };
+import { Breadcrumb, BreadcrumbItemProps, BreadcrumbProps, breadcrumbVariants } from "./Breadcrumb.js";
+export { Breadcrumb, Breadcrumb as default, type BreadcrumbItemProps, type BreadcrumbProps, breadcrumbVariants };

package/dist/Breadcrumb/index.js

@@ -1,12 +1,7 @@
-import {
-  Breadcrumb_default,
-  Breadcrumb_default2,
-  breadcrumbVariants
-} from "../chunk-TJTBJ2NT.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Breadcrumb_default as Breadcrumb,
-  breadcrumbVariants,
-  Breadcrumb_default2 as default
-};
+import Breadcrumb, { breadcrumbVariants } from "./Breadcrumb.js";
+//#region src/Breadcrumb/index.ts
+var Breadcrumb_default = Breadcrumb;
+//#endregion
+export { Breadcrumb, breadcrumbVariants, Breadcrumb_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"],"mappings":";;AAMA,IAAA,qBAAe"}

package/dist/Button/Button.cjs

@@ -0,0 +1,111 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_LoadingSpinner = require("./subcomponents/LoadingSpinner.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_theme = require("@heroui/theme");
+let react = require("react");
+let _heroui_button = require("@heroui/button");
+//#region src/Button/Button.tsx
+const buttonVariants = (0, _fuf_stack_pixel_utils.tv)({
+	extend: _heroui_theme.button,
+	variants: {
+		color: {
+			..._heroui_theme.button.variants.color,
+			info: ""
+		},
+		variant: _heroui_theme.button.variants.variant,
+		size: _heroui_theme.button.variants.size
+	},
+	compoundVariants: [
+		{
+			color: "success",
+			variant: "solid",
+			class: "text-white"
+		},
+		{
+			color: "success",
+			variant: "shadow",
+			class: "text-white"
+		},
+		{
+			color: "warning",
+			variant: "solid",
+			class: "text-white"
+		},
+		{
+			color: "warning",
+			variant: "shadow",
+			class: "text-white"
+		},
+		{
+			color: "info",
+			variant: "solid",
+			class: "bg-info text-info-foreground"
+		},
+		{
+			color: "info",
+			variant: "shadow",
+			class: "shadow-info/40 bg-info text-info-foreground shadow-lg"
+		},
+		{
+			color: "info",
+			variant: "bordered",
+			class: "border-medium border-info bg-transparent text-info"
+		},
+		{
+			color: "info",
+			variant: "flat",
+			class: "bg-info/20 text-info-600"
+		},
+		{
+			color: "info",
+			variant: "faded",
+			class: "border-default bg-default-100 text-info"
+		},
+		{
+			color: "info",
+			variant: "light",
+			class: "bg-transparent text-info data-[hover=true]:bg-info-100"
+		},
+		{
+			color: "info",
+			variant: "ghost",
+			class: "border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground"
+		}
+	]
+});
+/**
+* Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
+*/
+const Button = (0, react.forwardRef)(({ ariaLabel = void 0, children = void 0, className: _className = void 0, color = "default", disableAnimation = false, disabled = false, icon = void 0, loading = false, onBlur = void 0, onClick = void 0, onFocus = void 0, radius = void 0, ripple = false, size = void 0, testId = void 0, type = void 0, variant = "solid" }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_button.Button, {
+		ref,
+		"aria-label": ariaLabel,
+		className: buttonVariants({
+			className: _className,
+			disableAnimation,
+			isDisabled: disabled,
+			color,
+			size,
+			variant,
+			isIconOnly: !!(icon && !children),
+			radius
+		}),
+		"data-testid": testId,
+		disableRipple: disableAnimation || !ripple,
+		isDisabled: disabled,
+		isLoading: loading,
+		onBlur,
+		onFocus,
+		onPress: onClick,
+		spinner: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LoadingSpinner.default, {}),
+		type,
+		children: [icon, children]
+	});
+});
+Button.displayName = "Button";
+//#endregion
+exports.buttonVariants = buttonVariants;
+exports.default = Button;
+
+//# sourceMappingURL=Button.cjs.map

package/dist/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["heroButtonVariants","HeroButton","LoadingSpinner"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;;;AAaA,MAAa,kBAAA,GAAA,uBAAA,IAAoB;CAC/B,QAAQA,cAAAA;CACR,UAAU;EACR,OAAO;GACL,GAAGA,cAAAA,OAAmB,SAAS;GAE/B,MAAM;EACR;EACA,SAASA,cAAAA,OAAmB,SAAS;EACrC,MAAMA,cAAAA,OAAmB,SAAS;CACpC;CACA,kBAAkB;EAEhB;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EAEA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OACE;EACJ;CACF;AACF,CAAC;;;;AA8CD,MAAM,UAAA,GAAA,MAAA,aAEF,EACE,YAAY,KAAA,GACZ,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,mBAAmB,OACnB,WAAW,OACX,OAAO,KAAA,GACP,UAAU,OACV,SAAS,KAAA,GACT,UAAU,KAAA,GACV,UAAU,KAAA,GACV,SAAS,KAAA,GACT,SAAS,OACT,OAAO,KAAA,GACP,SAAS,KAAA,GACT,OAAO,KAAA,GACP,UAAU,WAEZ,QACG;CAYH,OACE,iBAAA,GAAA,kBAAA,MAACC,eAAAA,QAAD;EACO;EACL,cAAY;EACZ,WAfc,eAAe;GAC/B,WAAW;GACX;GACA,YAAY;GACZ;GACA;GACA;GACA,YAAY,CAAC,EAAE,QAAQ,CAAC;GACxB;EACF,CAMuB;EACnB,eAAa;EACb,eAAe,oBAAoB,CAAC;EACpC,YAAY;EACZ,WAAW;EACH;EACC;EACT,SAAS;EACT,SAAS,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,SAAD,CAAiB,CAAA;EACpB;YAZR,CAcG,MACA,QACS;;AAEhB,CACF;AAEA,OAAO,cAAc"}