@mittwald/flow-react-components 0.2.0-alpha.781 → 0.2.0-alpha.782

package/dist/js/packages/components/src/components/BigNumber/BigNumber.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigNumber.module.mjs","names":[],"sources":["../../../../../../../src/components/BigNumber/BigNumber.module.scss"],"sourcesContent":[".bigNumber {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  row-gap: var(--big-number--spacing);\n  font-size: var(--big-number--top-font-size);\n  font-weight: var(--big-number--font-weight);\n\n  .text {\n    text-align: center;\n\n    &:not(:first-child) {\n      font-size: var(--big-number--bottom-font-size);\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/BigNumber/index.mjs

@@ -0,0 +1 @@
+import "./BigNumber.mjs";

package/dist/js/packages/components/src/components/Breadcrumb/Breadcrumb.mjs

@@ -1,30 +1,33 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import styles from './Breadcrumb.module.scss.mjs';
-import clsx from 'clsx';
-import { BreadcrumbItem } from './components/BreadcrumbItem/BreadcrumbItem.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-
-const Breadcrumb = (props) => {
-  const { children, className, color = "primary", size = "m", ...rest } = props;
-  const rootClassName = clsx(
-    styles.breadcrumb,
-    styles[color],
-    size === "s" && styles["size-s"],
-    className
-  );
-  const propsContext = {
-    Link: {
-      unstyled: true,
-      className: styles.link,
-      wrapWith: /* @__PURE__ */ jsx(BreadcrumbItem, {})
-    }
-  };
-  return /* @__PURE__ */ jsx(Aria.Breadcrumbs, { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import "../../lib/propsContext/index.mjs";
+import Breadcrumb_module_default from "./Breadcrumb.module.mjs";
+import BreadcrumbItem from "./components/BreadcrumbItem/BreadcrumbItem.mjs";
+import "./components/BreadcrumbItem/index.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Breadcrumb/Breadcrumb.tsx
+/** @flr-generate all */
+var Breadcrumb = (props) => {
+	const { children, className, color = "primary", size = "m", ...rest } = props;
+	const rootClassName = clsx(Breadcrumb_module_default.breadcrumb, Breadcrumb_module_default[color], size === "s" && Breadcrumb_module_default["size-s"], className);
+	const propsContext = { Link: {
+		unstyled: true,
+		className: Breadcrumb_module_default.link,
+		wrapWith: /* @__PURE__ */ jsx(BreadcrumbItem, {})
+	} };
+	return /* @__PURE__ */ jsx(Aria.Breadcrumbs, {
+		...rest,
+		className: rootClassName,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children
+		})
+	});
 };
+//#endregion
+export { Breadcrumb as default };
 
-export { Breadcrumb };
-//# sourceMappingURL=Breadcrumb.mjs.map
+//# sourceMappingURL=Breadcrumb.mjs.map

package/dist/js/packages/components/src/components/Breadcrumb/Breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface BreadcrumbProps\n  extends\n    Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | AlphaColor;\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", size = \"m\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.breadcrumb,\n    styles[color],\n    size === \"s\" && styles[\"size-s\"],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,KAAA,GAAQ,WAAW,IAAA,GAAO,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AAExE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,UAAA;AAAA,IACP,OAAO,KAAK,CAAA;AAAA,IACZ,IAAA,KAAS,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,IAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAA,EAAA,EAAe;AAAA;AAC5B,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAkB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Breadcrumb.mjs","names":[],"sources":["../../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface BreadcrumbProps\n  extends\n    Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | AlphaColor;\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", size = \"m\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.breadcrumb,\n    styles[color],\n    size === \"s\" && styles[\"size-s\"],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,UAAU,WAAW,QAAQ,WAAW,OAAO,KAAK,GAAG,SAAS;CAExE,MAAM,gBAAgB,KACpB,0BAAO,YACP,0BAAO,QACP,SAAS,OAAO,0BAAO,WACvB,UACD;CAED,MAAM,eAA6B,EACjC,MAAM;EACJ,UAAU;EACV,WAAW,0BAAO;EAClB,UAAU,oBAAC,gBAAD,EAAkB,CAAA;EAC7B,EACF;AAED,QACE,oBAAC,KAAK,aAAN;EAAkB,GAAI;EAAM,WAAW;YACrC,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;GACoB,CAAA;EACN,CAAA"}

package/dist/js/packages/components/src/components/Breadcrumb/Breadcrumb.module.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+var Breadcrumb_module_default = {
+	breadcrumb: "flow--breadcrumb",
+	link: "flow--breadcrumb--link",
+	breadcrumbItem: "flow--breadcrumb--breadcrumb-item",
+	icon: "flow--breadcrumb--icon",
+	"size-s": "flow--breadcrumb--size-s",
+	primary: "flow--breadcrumb--primary",
+	dark: "flow--breadcrumb--dark",
+	light: "flow--breadcrumb--light",
+	"dark-static": "flow--breadcrumb--dark-static",
+	"light-static": "flow--breadcrumb--light-static"
+};
+//#endregion
+export { Breadcrumb_module_default as default };
+
+//# sourceMappingURL=Breadcrumb.module.mjs.map

package/dist/js/packages/components/src/components/Breadcrumb/Breadcrumb.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.module.mjs","names":[],"sources":["../../../../../../../src/components/Breadcrumb/Breadcrumb.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/ellipsis\";\n\n.breadcrumb {\n  display: flex;\n  list-style: none;\n  padding: 0;\n  align-items: center;\n\n  .link {\n    padding-inline: var(--breadcrumb--spacing);\n    font-weight: var(--breadcrumb--font-weight--default);\n    text-decoration: underline;\n\n    @include focus.focus;\n\n    & {\n      @include ellipsis.ellipsis;\n    }\n  }\n\n  .breadcrumbItem {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    &:last-child {\n      .icon {\n        display: none;\n      }\n\n      .link {\n        text-decoration: none;\n        font-weight: var(--breadcrumb--font-weight--current);\n      }\n    }\n\n    &:first-child .link {\n      padding-inline-start: 0;\n    }\n\n    &[data-disabled=\"true\"] {\n      .link {\n        cursor: unset;\n      }\n    }\n  }\n\n  /* Size s */\n\n  &.size-s {\n    .link {\n      font-size: var(--font-size-text--s);\n    }\n\n    .icon {\n      width: var(--font-size-text--s);\n      height: var(--font-size-text--s);\n    }\n  }\n\n  /* Colors */\n\n  @mixin color($color) {\n    &:where(.#{$color}) {\n      .breadcrumbItem {\n        color: var(--breadcrumb--color-#{$color}--default);\n\n        &:not([data-disabled=\"true\"]) {\n          .link {\n            &:hover {\n              color: var(--breadcrumb--color-#{$color}--hover);\n            }\n\n            &[data-pressed] {\n              color: var(--breadcrumb--color-#{$color}--pressed);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @include color(primary);\n  @include color(dark);\n  @include color(light);\n  @include color(dark-static);\n  @include color(light-static);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs

@@ -1,24 +1,25 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import styles from '../../Breadcrumb.module.scss.mjs';
-import clsx from 'clsx';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
-
-const BreadcrumbItem = (props) => {
-  const { children } = props;
-  const rootClassName = clsx(styles.breadcrumbItem);
-  return /* @__PURE__ */ jsxs(Aria.Breadcrumb, { className: rootClassName, children: [
-    children,
-    /* @__PURE__ */ jsx(IconChevronRight, { size: "s", className: styles.icon })
-  ] });
+import IconChevronRight from "../../../Icon/components/icons/IconChevronRight.mjs";
+import "../../../Icon/components/icons/index.mjs";
+import Breadcrumb_module_default from "../../Breadcrumb.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx
+var BreadcrumbItem = (props) => {
+	const { children } = props;
+	const rootClassName = clsx(Breadcrumb_module_default.breadcrumbItem);
+	return /* @__PURE__ */ jsxs(Aria.Breadcrumb, {
+		className: rootClassName,
+		children: [children, /* @__PURE__ */ jsx(IconChevronRight, {
+			size: "s",
+			className: Breadcrumb_module_default.icon
+		})]
+	});
 };
+//#endregion
+export { BreadcrumbItem as default };
 
-export { BreadcrumbItem };
-//# sourceMappingURL=BreadcrumbItem.mjs.map
+//# sourceMappingURL=BreadcrumbItem.mjs.map

package/dist/js/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.mjs","sources":["../../../../../../../../../src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronRight } from \"@/components/Icon/components/icons\";\n\nexport type BreadcrumbItemProps = PropsWithChildren;\n\nexport const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {\n  const { children } = props;\n\n  const rootClassName = clsx(styles.breadcrumbItem);\n\n  return (\n    <Aria.Breadcrumb className={rootClassName}>\n      {children}\n      <IconChevronRight size=\"s\" className={styles.icon} />\n    </Aria.Breadcrumb>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,cAAc,CAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,UAAA,EAAL,EAAgB,WAAW,aAAA,EACzB,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,gBAAA,EAAA,EAAiB,IAAA,EAAK,GAAA,EAAI,SAAA,EAAW,OAAO,IAAA,EAAM;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BreadcrumbItem.mjs","names":[],"sources":["../../../../../../../../../src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronRight } from \"@/components/Icon/components/icons\";\n\nexport type BreadcrumbItemProps = PropsWithChildren;\n\nexport const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {\n  const { children } = props;\n\n  const rootClassName = clsx(styles.breadcrumbItem);\n\n  return (\n    <Aria.Breadcrumb className={rootClassName}>\n      {children}\n      <IconChevronRight size=\"s\" className={styles.icon} />\n    </Aria.Breadcrumb>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;;AASA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,aAAa;CAErB,MAAM,gBAAgB,KAAK,0BAAO,eAAe;AAEjD,QACE,qBAAC,KAAK,YAAN;EAAiB,WAAW;YAA5B,CACG,UACD,oBAAC,kBAAD;GAAkB,MAAK;GAAI,WAAW,0BAAO;GAAQ,CAAA,CACrC"}

package/dist/js/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/index.mjs

@@ -0,0 +1 @@
+import "./BreadcrumbItem.mjs";

package/dist/js/packages/components/src/components/Breadcrumb/index.mjs

@@ -0,0 +1 @@
+import "./Breadcrumb.mjs";

package/dist/js/packages/components/src/components/BrowserOnly/BrowserOnly.mjs

@@ -1,19 +1,12 @@
 "use client"
 /* */
-import 'mobx';
-import 'react';
-import '../../lib/controller/overlay/context.mjs';
-import { useIsMounted } from '../../lib/hooks/useIsMounted.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-
-const BrowserOnly = (props) => {
-  if (useIsMounted()) {
-    return props.children;
-  }
+import { useIsMounted } from "../../lib/hooks/useIsMounted.mjs";
+import "../../lib/hooks/index.mjs";
+//#region src/components/BrowserOnly/BrowserOnly.tsx
+var BrowserOnly = (props) => {
+	if (useIsMounted()) return props.children;
 };
+//#endregion
+export { BrowserOnly as default };
 
-export { BrowserOnly };
-//# sourceMappingURL=BrowserOnly.mjs.map
+//# sourceMappingURL=BrowserOnly.mjs.map

package/dist/js/packages/components/src/components/BrowserOnly/BrowserOnly.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA6B;AACvD,EAAA,IAAI,cAAa,EAAG;AAClB,IAAA,OAAO,KAAA,CAAM,QAAA;AAAA,EACf;AACF;;;;"}
+{"version":3,"file":"BrowserOnly.mjs","names":[],"sources":["../../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"mappings":";;;AAKA,IAAa,eAAe,UAA6B;AACvD,KAAI,cAAc,CAChB,QAAO,MAAM"}

package/dist/js/packages/components/src/components/BrowserOnly/index.mjs

@@ -0,0 +1 @@
+import "./BrowserOnly.mjs";

package/dist/js/packages/components/src/components/Button/Button.mjs

@@ -1,132 +1,106 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './Button.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconFailed } from '../Icon/components/icons/IconFailed.mjs';
-import { IconSucceeded } from '../Icon/components/icons/IconSucceeded.mjs';
-import { Wrap } from '../Wrap/Wrap.mjs';
-import { Text } from '../Text/Text.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner.mjs';
-import { useAriaAnnounceActionState } from '../Action/lib/ariaLive.mjs';
-import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
-
-const disablePendingProps = (props) => {
-  if (props.isPending || props.isSucceeded || props.isFailed || props["aria-disabled"] || props.isReadOnly) {
-    props = { ...props };
-    const mutedActionHandler = (e) => {
-      if (e && typeof e === "object") {
-        const isReactAriaEvent = "continuePropagation" in e && typeof e.continuePropagation === "function";
-        if (!isReactAriaEvent && "stopPropagation" in e && typeof e.stopPropagation === "function") {
-          e.stopPropagation();
-        }
-        if ("preventDefault" in e && typeof e.preventDefault === "function") {
-          e.preventDefault();
-        }
-      }
-      return false;
-    };
-    props.onClick = mutedActionHandler;
-    props.onPress = mutedActionHandler;
-    props.onPressStart = mutedActionHandler;
-    props.onPressEnd = mutedActionHandler;
-    props.onPressChange = mutedActionHandler;
-    props.onPressUp = mutedActionHandler;
-    props.onKeyDown = mutedActionHandler;
-    props.onKeyUp = mutedActionHandler;
-  }
-  return props;
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import "../../lib/propsContext/index.mjs";
+import Button_module_default from "./Button.module.mjs";
+import { extractTextFromFirstChild } from "../../lib/react/remote.mjs";
+import IconFailed from "../Icon/components/icons/IconFailed.mjs";
+import IconSucceeded from "../Icon/components/icons/IconSucceeded.mjs";
+import "../Icon/components/icons/index.mjs";
+import Wrap from "../Wrap/Wrap.mjs";
+import Text from "../Text/Text.mjs";
+import "../Text/index.mjs";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.mjs";
+import { useAriaAnnounceActionState } from "../Action/lib/ariaLive.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Button/Button.tsx
+var disablePendingProps = (props) => {
+	if (props.isPending || props.isSucceeded || props.isFailed || props["aria-disabled"] || props.isReadOnly) {
+		props = { ...props };
+		const mutedActionHandler = (e) => {
+			if (e && typeof e === "object") {
+				if (!("continuePropagation" in e && typeof e.continuePropagation === "function") && "stopPropagation" in e && typeof e.stopPropagation === "function") e.stopPropagation();
+				if ("preventDefault" in e && typeof e.preventDefault === "function") e.preventDefault();
+			}
+			return false;
+		};
+		props.onClick = mutedActionHandler;
+		props.onPress = mutedActionHandler;
+		props.onPressStart = mutedActionHandler;
+		props.onPressEnd = mutedActionHandler;
+		props.onPressChange = mutedActionHandler;
+		props.onPressUp = mutedActionHandler;
+		props.onKeyDown = mutedActionHandler;
+		props.onKeyUp = mutedActionHandler;
+	}
+	return props;
 };
-const Button = flowComponent("Button", (props) => {
-  props = disablePendingProps(props);
-  const {
-    color = "primary",
-    variant = "solid",
-    children,
-    className,
-    size = "m",
-    isPending,
-    isSucceeded,
-    isFailed,
-    "aria-disabled": ariaDisabled,
-    ref,
-    slot: ignoredSlotProp,
-    ariaSlot: slot,
-    unstyled,
-    isReadOnly,
-    ...restProps
-  } = props;
-  const rootClassName = unstyled ? className : clsx(
-    styles.button,
-    isPending && styles.isPending,
-    isSucceeded && styles.isSucceeded,
-    isFailed && styles.isFailed,
-    size === "s" && styles["size-s"],
-    styles[color],
-    styles[variant],
-    className,
-    /**
-     * Workaround warning: The Aria.Button does not support "aria-disabled"
-     * by now, so this Button will be visually disabled via CSS.
-     */
-    ariaDisabled && styles.ariaDisabled
-  );
-  useAriaAnnounceActionState(
-    isPending ? "isPending" : isSucceeded ? "isSucceeded" : isFailed ? "isFailed" : "isIdle"
-  );
-  const propsContext = {
-    Icon: {
-      className: styles.icon,
-      "aria-hidden": true,
-      size
-    },
-    Text: {
-      className: styles.text
-    },
-    Avatar: {
-      className: styles.avatar
-    },
-    CounterBadge: {
-      className: styles.counterBadge
-    },
-    Image: {
-      className: styles.image
-    }
-  };
-  const StateIconComponent = isSucceeded ? IconSucceeded : isFailed ? IconFailed : isPending ? LoadingSpinner : void 0;
-  const stateIcon = StateIconComponent && /* @__PURE__ */ jsx(
-    StateIconComponent,
-    {
-      size,
-      className: styles.stateIcon,
-      status: isFailed ? "danger" : isSucceeded ? "success" : void 0
-    }
-  );
-  const isStringContent = extractTextFromFirstChild(children) !== void 0;
-  return /* @__PURE__ */ jsxs(
-    Aria.Button,
-    {
-      className: rootClassName,
-      ref,
-      slot,
-      ...isReadOnly === true ? { "data-readonly": true } : {},
-      ...restProps,
-      children: [
-        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Wrap, { if: !unstyled, children: /* @__PURE__ */ jsx("span", { className: styles.content, children: /* @__PURE__ */ jsx(Wrap, { if: isStringContent, children: /* @__PURE__ */ jsx(Text, { className: styles.text, children }) }) }) }) }),
-        stateIcon
-      ]
-    }
-  );
+/** @flr-generate all */
+var Button = flowComponent("Button", (props) => {
+	props = disablePendingProps(props);
+	const { color = "primary", variant = "solid", children, className, size = "m", isPending, isSucceeded, isFailed, "aria-disabled": ariaDisabled, ref, slot: ignoredSlotProp, ariaSlot: slot, unstyled, isReadOnly, ...restProps } = props;
+	const rootClassName = unstyled ? className : clsx(
+		Button_module_default.button,
+		isPending && Button_module_default.isPending,
+		isSucceeded && Button_module_default.isSucceeded,
+		isFailed && Button_module_default.isFailed,
+		size === "s" && Button_module_default["size-s"],
+		Button_module_default[color],
+		Button_module_default[variant],
+		className,
+		/**
+		* Workaround warning: The Aria.Button does not support "aria-disabled"
+		* by now, so this Button will be visually disabled via CSS.
+		*/
+		ariaDisabled && Button_module_default.ariaDisabled
+	);
+	useAriaAnnounceActionState(isPending ? "isPending" : isSucceeded ? "isSucceeded" : isFailed ? "isFailed" : "isIdle");
+	const propsContext = {
+		Icon: {
+			className: Button_module_default.icon,
+			"aria-hidden": true,
+			size
+		},
+		Text: { className: Button_module_default.text },
+		Avatar: { className: Button_module_default.avatar },
+		CounterBadge: { className: Button_module_default.counterBadge },
+		Image: { className: Button_module_default.image }
+	};
+	const StateIconComponent = isSucceeded ? IconSucceeded : isFailed ? IconFailed : isPending ? LoadingSpinner : void 0;
+	const stateIcon = StateIconComponent && /* @__PURE__ */ jsx(StateIconComponent, {
+		size,
+		className: Button_module_default.stateIcon,
+		status: isFailed ? "danger" : isSucceeded ? "success" : void 0
+	});
+	const isStringContent = extractTextFromFirstChild(children) !== void 0;
+	return /* @__PURE__ */ jsxs(Aria.Button, {
+		className: rootClassName,
+		ref,
+		slot,
+		...isReadOnly === true ? { "data-readonly": true } : {},
+		...restProps,
+		children: [/* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children: /* @__PURE__ */ jsx(Wrap, {
+				if: !unstyled,
+				children: /* @__PURE__ */ jsx("span", {
+					className: Button_module_default.content,
+					children: /* @__PURE__ */ jsx(Wrap, {
+						if: isStringContent,
+						children: /* @__PURE__ */ jsx(Text, {
+							className: Button_module_default.text,
+							children
+						})
+					})
+				})
+			})
+		}), stateIcon]
+	});
 });
+//#endregion
+export { Button as default };
 
-export { Button, Button as default };
-//# sourceMappingURL=Button.mjs.map
+//# sourceMappingURL=Button.mjs.map

package/dist/js/packages/components/src/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface ButtonProps\n  extends\n    PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps<HTMLButtonElement> {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | AlphaColor;\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Whether the button is in a read only state. */\n  isReadOnly?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string | null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"] ||\n    props.isReadOnly\n  ) {\n    props = { ...props };\n\n    const mutedActionHandler = (e: unknown) => {\n      if (e && typeof e === \"object\") {\n        // stopPropagation is the default behavior in React Aria\n        const isReactAriaEvent =\n          \"continuePropagation\" in e &&\n          typeof e.continuePropagation === \"function\";\n\n        if (\n          !isReactAriaEvent &&\n          \"stopPropagation\" in e &&\n          typeof e.stopPropagation === \"function\"\n        ) {\n          e.stopPropagation();\n        }\n        if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n          e.preventDefault();\n        }\n      }\n\n      return false;\n    };\n\n    props.onClick = mutedActionHandler;\n    props.onPress = mutedActionHandler;\n    props.onPressStart = mutedActionHandler;\n    props.onPressEnd = mutedActionHandler;\n    props.onPressChange = mutedActionHandler;\n    props.onPressUp = mutedActionHandler;\n    props.onKeyDown = mutedActionHandler;\n    props.onKeyUp = mutedActionHandler;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const Button = flowComponent(\"Button\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    color = \"primary\",\n    variant = \"solid\",\n    children,\n    className,\n    size = \"m\",\n    isPending,\n    isSucceeded,\n    isFailed,\n    \"aria-disabled\": ariaDisabled,\n    ref,\n    slot: ignoredSlotProp,\n    ariaSlot: slot,\n    unstyled,\n    isReadOnly,\n    ...restProps\n  } = props;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.button,\n        isPending && styles.isPending,\n        isSucceeded && styles.isSucceeded,\n        isFailed && styles.isFailed,\n        size === \"s\" && styles[\"size-s\"],\n        styles[color],\n        styles[variant],\n        className,\n        /**\n         * Workaround warning: The Aria.Button does not support \"aria-disabled\"\n         * by now, so this Button will be visually disabled via CSS.\n         */\n        ariaDisabled && styles.ariaDisabled,\n      );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      \"aria-hidden\": true,\n      size,\n    },\n    Text: {\n      className: styles.text,\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    CounterBadge: {\n      className: styles.counterBadge,\n    },\n    Image: {\n      className: styles.image,\n    },\n  };\n\n  const StateIconComponent = isSucceeded\n    ? IconSucceeded\n    : isFailed\n      ? IconFailed\n      : isPending\n        ? LoadingSpinner\n        : undefined;\n\n  const stateIcon = StateIconComponent && (\n    <StateIconComponent\n      size={size}\n      className={styles.stateIcon}\n      status={isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined}\n    />\n  );\n\n  const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n  return (\n    <Aria.Button\n      className={rootClassName}\n      ref={ref}\n      slot={slot}\n      {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n      {...restProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={!unstyled}>\n          <span className={styles.content}>\n            <Wrap if={isStringContent}>\n              <Text className={styles.text}>{children}</Text>\n            </Wrap>\n          </span>\n        </Wrap>\n      </PropsContextProvider>\n      {stateIcon}\n    </Aria.Button>\n  );\n});\n\nexport default Button;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface ButtonProps\n  extends\n    PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps<HTMLButtonElement> {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | AlphaColor;\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Whether the button is in a read only state. */\n  isReadOnly?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string | null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"] ||\n    props.isReadOnly\n  ) {\n    props = { ...props };\n\n    const mutedActionHandler = (e: unknown) => {\n      if (e && typeof e === \"object\") {\n        // stopPropagation is the default behavior in React Aria\n        const isReactAriaEvent =\n          \"continuePropagation\" in e &&\n          typeof e.continuePropagation === \"function\";\n\n        if (\n          !isReactAriaEvent &&\n          \"stopPropagation\" in e &&\n          typeof e.stopPropagation === \"function\"\n        ) {\n          e.stopPropagation();\n        }\n        if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n          e.preventDefault();\n        }\n      }\n\n      return false;\n    };\n\n    props.onClick = mutedActionHandler;\n    props.onPress = mutedActionHandler;\n    props.onPressStart = mutedActionHandler;\n    props.onPressEnd = mutedActionHandler;\n    props.onPressChange = mutedActionHandler;\n    props.onPressUp = mutedActionHandler;\n    props.onKeyDown = mutedActionHandler;\n    props.onKeyUp = mutedActionHandler;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const Button = flowComponent(\"Button\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    color = \"primary\",\n    variant = \"solid\",\n    children,\n    className,\n    size = \"m\",\n    isPending,\n    isSucceeded,\n    isFailed,\n    \"aria-disabled\": ariaDisabled,\n    ref,\n    slot: ignoredSlotProp,\n    ariaSlot: slot,\n    unstyled,\n    isReadOnly,\n    ...restProps\n  } = props;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.button,\n        isPending && styles.isPending,\n        isSucceeded && styles.isSucceeded,\n        isFailed && styles.isFailed,\n        size === \"s\" && styles[\"size-s\"],\n        styles[color],\n        styles[variant],\n        className,\n        /**\n         * Workaround warning: The Aria.Button does not support \"aria-disabled\"\n         * by now, so this Button will be visually disabled via CSS.\n         */\n        ariaDisabled && styles.ariaDisabled,\n      );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      \"aria-hidden\": true,\n      size,\n    },\n    Text: {\n      className: styles.text,\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    CounterBadge: {\n      className: styles.counterBadge,\n    },\n    Image: {\n      className: styles.image,\n    },\n  };\n\n  const StateIconComponent = isSucceeded\n    ? IconSucceeded\n    : isFailed\n      ? IconFailed\n      : isPending\n        ? LoadingSpinner\n        : undefined;\n\n  const stateIcon = StateIconComponent && (\n    <StateIconComponent\n      size={size}\n      className={styles.stateIcon}\n      status={isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined}\n    />\n  );\n\n  const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n  return (\n    <Aria.Button\n      className={rootClassName}\n      ref={ref}\n      slot={slot}\n      {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n      {...restProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={!unstyled}>\n          <span className={styles.content}>\n            <Wrap if={isStringContent}>\n              <Text className={styles.text}>{children}</Text>\n            </Wrap>\n          </span>\n        </Wrap>\n      </PropsContextProvider>\n      {stateIcon}\n    </Aria.Button>\n  );\n});\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CA,IAAM,uBAAuB,UAAuB;AAClD,KACE,MAAM,aACN,MAAM,eACN,MAAM,YACN,MAAM,oBACN,MAAM,YACN;AACA,UAAQ,EAAE,GAAG,OAAO;EAEpB,MAAM,sBAAsB,MAAe;AACzC,OAAI,KAAK,OAAO,MAAM,UAAU;AAM9B,QACE,EAJA,yBAAyB,KACzB,OAAO,EAAE,wBAAwB,eAIjC,qBAAqB,KACrB,OAAO,EAAE,oBAAoB,WAE7B,GAAE,iBAAiB;AAErB,QAAI,oBAAoB,KAAK,OAAO,EAAE,mBAAmB,WACvD,GAAE,gBAAgB;;AAItB,UAAO;;AAGT,QAAM,UAAU;AAChB,QAAM,UAAU;AAChB,QAAM,eAAe;AACrB,QAAM,aAAa;AACnB,QAAM,gBAAgB;AACtB,QAAM,YAAY;AAClB,QAAM,YAAY;AAClB,QAAM,UAAU;;AAGlB,QAAO;;;AAIT,IAAa,SAAS,cAAc,WAAW,UAAU;AACvD,SAAQ,oBAAoB,MAAM;CAElC,MAAM,EACJ,QAAQ,WACR,UAAU,SACV,UACA,WACA,OAAO,KACP,WACA,aACA,UACA,iBAAiB,cACjB,KACA,MAAM,iBACN,UAAU,MACV,UACA,YACA,GAAG,cACD;CAEJ,MAAM,gBAAgB,WAClB,YACA;EACE,sBAAO;EACP,aAAa,sBAAO;EACpB,eAAe,sBAAO;EACtB,YAAY,sBAAO;EACnB,SAAS,OAAO,sBAAO;EACvB,sBAAO;EACP,sBAAO;EACP;;;;;EAKA,gBAAgB,sBAAO;EACxB;AAEL,4BACE,YACI,cACA,cACE,gBACA,WACE,aACA,SACT;CAED,MAAM,eAA6B;EACjC,MAAM;GACJ,WAAW,sBAAO;GAClB,eAAe;GACf;GACD;EACD,MAAM,EACJ,WAAW,sBAAO,MACnB;EACD,QAAQ,EACN,WAAW,sBAAO,QACnB;EACD,cAAc,EACZ,WAAW,sBAAO,cACnB;EACD,OAAO,EACL,WAAW,sBAAO,OACnB;EACF;CAED,MAAM,qBAAqB,cACvB,gBACA,WACE,aACA,YACE,iBACA,KAAA;CAER,MAAM,YAAY,sBAChB,oBAAC,oBAAD;EACQ;EACN,WAAW,sBAAO;EAClB,QAAQ,WAAW,WAAW,cAAc,YAAY,KAAA;EACxD,CAAA;CAGJ,MAAM,kBAAkB,0BAA0B,SAAS,KAAK,KAAA;AAEhE,QACE,qBAAC,KAAK,QAAN;EACE,WAAW;EACN;EACC;EACN,GAAK,eAAe,OAAO,EAAE,iBAAiB,MAAM,GAAG,EAAE;EACzD,GAAI;YALN,CAOE,oBAAC,sBAAD;GAAsB,OAAO;aAC3B,oBAAC,MAAD;IAAM,IAAI,CAAC;cACT,oBAAC,QAAD;KAAM,WAAW,sBAAO;eACtB,oBAAC,MAAD;MAAM,IAAI;gBACR,oBAAC,MAAD;OAAM,WAAW,sBAAO;OAAO;OAAgB,CAAA;MAC1C,CAAA;KACF,CAAA;IACF,CAAA;GACc,CAAA,EACtB,UACW;;EAEhB"}

package/dist/js/packages/components/src/components/Button/Button.module.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+var Button_module_default = {
+	button: "flow--button",
+	outline: "flow--button--outline",
+	content: "flow--button--content",
+	stateIcon: "flow--button--state-icon",
+	icon: "flow--button--icon",
+	text: "flow--button--text",
+	counterBadge: "flow--button--counter-badge",
+	isPending: "flow--button--is-pending",
+	isFailed: "flow--button--is-failed",
+	isSucceeded: "flow--button--is-succeeded",
+	plain: "flow--button--plain",
+	"size-s": "flow--button--size-s",
+	primary: "flow--button--primary",
+	solid: "flow--button--solid",
+	ariaDisabled: "flow--button--aria-disabled",
+	accent: "flow--button--accent",
+	danger: "flow--button--danger",
+	secondary: "flow--button--secondary",
+	dark: "flow--button--dark",
+	light: "flow--button--light",
+	"dark-static": "flow--button--dark-static",
+	"light-static": "flow--button--light-static",
+	soft: "flow--button--soft",
+	avatar: "flow--button--avatar",
+	image: "flow--button--image"
+};
+//#endregion
+export { Button_module_default as default };
+
+//# sourceMappingURL=Button.module.mjs.map

package/dist/js/packages/components/src/components/Button/Button.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.mjs","names":[],"sources":["../../../../../../../src/components/Button/Button.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/avatarButton\";\n\n.button {\n  position: relative;\n  font-family: Inter, sans-serif;\n  font-size: var(--font-size-text--default);\n  font-weight: bold;\n  line-height: var(--line-height--default);\n  border: none;\n  border-radius: var(--button--corner-radius);\n  padding-block: var(--button--padding-y);\n  padding-inline: var(--button--padding-x);\n  transition-property: color, background-color;\n  transition-duration: var(--transition--duration--default);\n  max-width: 100%;\n  display: grid;\n  align-items: center;\n  grid-template-areas: \"content\";\n  width: fit-content;\n\n  &:where(.outline) {\n    border-width: var(--button--border-width);\n    border-style: var(--button--border-style);\n    padding-block: calc(var(--button--padding-y) - var(--button--border-width));\n    padding-inline: calc(\n      var(--button--padding-x) - var(--button--border-width)\n    );\n  }\n\n  @include focus.focus;\n\n  @extend .primary;\n  @extend .solid;\n\n  /* Elements */\n  .content {\n    display: flex;\n    column-gap: var(--button--spacing);\n    align-items: center;\n    justify-content: center;\n  }\n\n  .content,\n  .stateIcon {\n    grid-area: content;\n  }\n\n  .stateIcon {\n    justify-self: center;\n  }\n\n  &:where(:has(.icon):not(:has(.text))) {\n    padding: var(--button--padding-icon-only);\n\n    &:where(.outline) {\n      padding: calc(\n        var(--button--padding-icon-only) - var(--button--border-width)\n      );\n    }\n  }\n\n  &:where(:has(.text) .icon) {\n    margin-inline-start: var(--button--spacing);\n  }\n\n  .counterBadge {\n    position: absolute;\n    top: calc(var(--size-px--xxs) * -1);\n    right: calc(var(--size-px--xxs) * -1);\n  }\n\n  /* States */\n\n  &.isPending,\n  &.isFailed,\n  &.isSucceeded {\n    .content {\n      opacity: 0;\n    }\n\n    &.plain {\n      .content:has(.text) {\n        opacity: 1;\n      }\n    }\n  }\n\n  &.isPending {\n    .stateIcon {\n      color: var(--button--pending-icon-color);\n    }\n  }\n\n  /* Size */\n\n  &:where(.size-s) {\n    font-size: var(--button--font-size-s);\n    line-height: var(--button--line-height-s);\n    padding-block: var(--button--padding-s-y);\n    padding-inline: var(--button--padding-s-x);\n    column-gap: var(--button--spacing-s);\n\n    &:where(.outline) {\n      padding-block: calc(\n        var(--button--padding-s-y) - var(--button--border-width)\n      );\n      padding-inline: calc(\n        var(--button--padding-s-x) - var(--button--border-width)\n      );\n    }\n\n    &:where(:has(.icon):not(:has(.text))) {\n      padding: var(--button--padding-s-icon-only);\n\n      &:where(.outline) {\n        padding: calc(\n          var(--button--padding-s-icon-only) - var(--button--border-width)\n        );\n      }\n    }\n\n    .content {\n      column-gap: var(--button--spacing-s);\n    }\n  }\n\n  /* Variants */\n\n  @mixin variant($color, $variant) {\n    &:where(.#{$color}.#{$variant}) {\n      background-color: var(\n        --button--#{$color}-#{$variant}-background-color--default\n      );\n      color: var(--button--#{$color}-#{$variant}-content-color--default);\n\n      &.outline {\n        border-color: var(\n          --button--#{$color}-#{$variant}-border-color--default\n        );\n      }\n\n      &:hover:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--hover\n        );\n        color: var(--button--#{$color}-#{$variant}-content-color--hover);\n      }\n\n      &[data-pressed]:where(:not([data-readonly])) {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--pressed\n        );\n        color: var(--button--#{$color}-#{$variant}-content-color--pressed);\n      }\n\n      &[disabled],\n      &.ariaDisabled,\n      &.isPending,\n      &.isFailed,\n      &.isSucceeded {\n        background-color: var(\n          --button--#{$color}-#{$variant}-background-color--disabled\n        );\n        color: var(--button--#{$color}-#{$variant}-content-color--disabled);\n\n        &.outline {\n          border-color: var(\n            --button--#{$color}-#{$variant}-border-color--disabled\n          );\n        }\n      }\n    }\n  }\n\n  @include variant(primary, solid);\n  @include variant(accent, solid);\n  @include variant(danger, solid);\n  @include variant(secondary, solid);\n  @include variant(dark, solid);\n  @include variant(light, solid);\n  @include variant(dark-static, solid);\n  @include variant(light-static, solid);\n  @include variant(primary, plain);\n  @include variant(accent, plain);\n  @include variant(danger, plain);\n  @include variant(secondary, plain);\n  @include variant(dark, plain);\n  @include variant(light, plain);\n  @include variant(dark-static, plain);\n  @include variant(light-static, plain);\n  @include variant(primary, soft);\n  @include variant(accent, soft);\n  @include variant(danger, soft);\n  @include variant(secondary, soft);\n  @include variant(dark, soft);\n  @include variant(light, soft);\n  @include variant(dark-static, soft);\n  @include variant(light-static, soft);\n  @include variant(primary, outline);\n  @include variant(accent, outline);\n  @include variant(danger, outline);\n  @include variant(secondary, outline);\n  @include variant(dark, outline);\n  @include variant(light, outline);\n  @include variant(dark-static, outline);\n  @include variant(light-static, outline);\n  @include avatarButton.avatarButton();\n\n  &:has(.image) {\n    padding: 0;\n    background: none;\n    height: fit-content;\n\n    &:hover:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--hover);\n      filter: brightness(var(--image-button--brightness--hover));\n    }\n\n    &[data-pressed]:where(:not([data-readonly])) .image {\n      background: var(--button--dark-plain-background-color--pressed);\n      filter: brightness(var(--image-button--brightness--pressed));\n    }\n\n    .image {\n      width: 100%;\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Button/index.mjs

@@ -0,0 +1 @@
+import "./Button.mjs";

package/dist/js/packages/components/src/components/Calendar/Calendar.mjs

@@ -1,20 +1,25 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import styles from './Calendar.module.scss.mjs';
-import { CalendarHeader } from './components/CalendarHeader/CalendarHeader.mjs';
-import clsx from 'clsx';
-
-const Calendar = (props) => {
-  const { className } = props;
-  const rootClassName = clsx(styles.calendar, className);
-  return /* @__PURE__ */ jsxs(Aria.Calendar, { className: rootClassName, children: [
-    /* @__PURE__ */ jsx(CalendarHeader, {}),
-    /* @__PURE__ */ jsx(Aria.CalendarGrid, { weekdayStyle: "short", children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })
-  ] });
+import Calendar_module_default from "./Calendar.module.mjs";
+import CalendarHeader from "./components/CalendarHeader/CalendarHeader.mjs";
+import "./components/CalendarHeader/index.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Calendar/Calendar.tsx
+var Calendar = (props) => {
+	const { className } = props;
+	const rootClassName = clsx(Calendar_module_default.calendar, className);
+	return /* @__PURE__ */ jsxs(Aria.Calendar, {
+		className: rootClassName,
+		children: [/* @__PURE__ */ jsx(CalendarHeader, {}), /* @__PURE__ */ jsx(Aria.CalendarGrid, {
+			weekdayStyle: "short",
+			children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date })
+		})]
+	});
 };
+//#endregion
+export { Calendar as default };
 
-export { Calendar };
-//# sourceMappingURL=Calendar.mjs.map
+//# sourceMappingURL=Calendar.mjs.map