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

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.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 type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface RadioGroupProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n  const propsContext: PropsContext = {\n    RadioButton: {\n      tunnelId: \"radioButtons\",\n    },\n    Radio: {\n      tunnelId: \"radios\",\n    },\n    ...fieldPropsContext,\n  };\n\n  const localRadioRef = useObjectRef(ref);\n  useMakeFocusable(localRadioRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={localRadioRef}\n    >\n      <TunnelProvider>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider props={propsContext}>\n            <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n              <TunnelExit id=\"radioButtons\" />\n            </ColumnLayout>\n\n            <ColumnLayout\n              s={s ?? [1]}\n              m={m ?? [1]}\n              l={l ?? [1]}\n              rowGap=\"s\"\n              className={styles.radioGroup}\n            >\n              <TunnelExit id=\"radios\" />\n            </ColumnLayout>\n\n            {children}\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </TunnelProvider>\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,CAAA,EAAG,GAAG,CAAA,EAAG,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AAEvD,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAC/D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,WAAA,EAAa;AAAA,MACX,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAA,GAAgB,aAAa,GAAG,CAAA;AACtC,EAAA,gBAAA,CAAiB,aAAa,CAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,IAAA,CAAK,aAAA,EAAe,UAAA,CAAW,SAAS,CAAA;AAAA,MACnD,GAAA,EAAK,aAAA;AAAA,MAEL,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,EAAM,CAAA,EAAM,CAAA,EAAM,SAAA,EAAW,MAAA,CAAO,UAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,cAAA,EAAe,CAAA,EAChC,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,cACV,MAAA,EAAO,GAAA;AAAA,cACP,WAAW,MAAA,CAAO,UAAA;AAAA,cAElB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA,WAC1B;AAAA,UAEC;AAAA,SAAA,EACH,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"RadioGroup.mjs","names":[],"sources":["../../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.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 type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface RadioGroupProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n    FlowComponentProps,\n    Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n  const { children, className, s, m, l, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(formFieldStyles.formField, className);\n  const propsContext: PropsContext = {\n    RadioButton: {\n      tunnelId: \"radioButtons\",\n    },\n    Radio: {\n      tunnelId: \"radios\",\n    },\n    ...fieldPropsContext,\n  };\n\n  const localRadioRef = useObjectRef(ref);\n  useMakeFocusable(localRadioRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={localRadioRef}\n    >\n      <TunnelProvider>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider props={propsContext}>\n            <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n              <TunnelExit id=\"radioButtons\" />\n            </ColumnLayout>\n\n            <ColumnLayout\n              s={s ?? [1]}\n              m={m ?? [1]}\n              l={l ?? [1]}\n              rowGap=\"s\"\n              className={styles.radioGroup}\n            >\n              <TunnelExit id=\"radios\" />\n            </ColumnLayout>\n\n            {children}\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </TunnelProvider>\n    </Aria.RadioGroup>\n  );\n});\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,GAAG,GAAG,GAAG,KAAK,GAAG,SAAS;CAEvD,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,MAAM;CAE5B,MAAM,gBAAgB,KAAK,yBAAgB,WAAW,UAAU;CAChE,MAAM,eAA6B;EACjC,aAAa,EACX,UAAU,gBACX;EACD,OAAO,EACL,UAAU,UACX;EACD,GAAG;EACJ;CAED,MAAM,gBAAgB,aAAa,IAAI;AACvC,kBAAiB,cAAc;AAE/B,QACE,oBAAC,KAAK,YAAN;EACE,GAAI;EACJ,WAAW,KAAK,eAAe,WAAW,UAAU;EACpD,KAAK;YAEL,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,0BAAD,EAAA,UACE,qBAAC,sBAAD;GAAsB,OAAO;aAA7B;IACE,oBAAC,cAAD;KAAiB;KAAM;KAAM;KAAG,WAAW,0BAAO;eAChD,oBAAC,YAAD,EAAY,IAAG,gBAAiB,CAAA;KACnB,CAAA;IAEf,oBAAC,cAAD;KACE,GAAG,KAAK,CAAC,EAAE;KACX,GAAG,KAAK,CAAC,EAAE;KACX,GAAG,KAAK,CAAC,EAAE;KACX,QAAO;KACP,WAAW,0BAAO;eAElB,oBAAC,YAAD,EAAY,IAAG,UAAW,CAAA;KACb,CAAA;IAEd;IACoB;MACE,CAAA,EAC3B,oBAAC,gBAAD,EAAkB,CAAA,CACH,EAAA,CAAA;EACD,CAAA;EAEpB"}

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

@@ -0,0 +1,7 @@
+"use client"
+/* */
+var RadioGroup_module_default = { radioGroup: "flow--radio-group" };
+//#endregion
+export { RadioGroup_module_default as default };
+
+//# sourceMappingURL=RadioGroup.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.module.mjs","names":[],"sources":["../../../../../../../src/components/RadioGroup/RadioGroup.module.scss"],"sourcesContent":[".radioGroup {\n  order: 2;\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--form-control--spacing-y);\n  \n  &:empty {\n    display: none;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/RadioGroup/components/Radio/Radio.mjs

@@ -1,26 +1,26 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import styles from './Radio.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconRadioOff } from '../../../Icon/components/icons/IconRadioOff.mjs';
-import { IconRadioOn } from '../../../Icon/components/icons/IconRadioOn.mjs';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-
-const Radio = flowComponent("Radio", (props) => {
-  const { children, className, ref, ...rest } = props;
-  const rootClassName = clsx(styles.radio, className);
-  return /* @__PURE__ */ jsx(Aria.Radio, { ...rest, className: rootClassName, ref, children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isSelected ? /* @__PURE__ */ jsx(IconRadioOn, { className: styles.icon }) : /* @__PURE__ */ jsx(IconRadioOff, { className: styles.icon }),
-    children
-  ] }) });
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import IconRadioOff from "../../../Icon/components/icons/IconRadioOff.mjs";
+import IconRadioOn from "../../../Icon/components/icons/IconRadioOn.mjs";
+import "../../../Icon/components/icons/index.mjs";
+import Radio_module_default from "./Radio.module.mjs";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/RadioGroup/components/Radio/Radio.tsx
+/** @flr-generate all */
+var Radio = flowComponent("Radio", (props) => {
+	const { children, className, ref, ...rest } = props;
+	const rootClassName = clsx(Radio_module_default.radio, className);
+	return /* @__PURE__ */ jsx(Aria.Radio, {
+		...rest,
+		className: rootClassName,
+		ref,
+		children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [isSelected ? /* @__PURE__ */ jsx(IconRadioOn, { className: Radio_module_default.icon }) : /* @__PURE__ */ jsx(IconRadioOff, { className: Radio_module_default.icon }), children] })
+	});
 });
+//#endregion
+export { Radio as default };
 
-export { Radio };
-//# sourceMappingURL=Radio.mjs.map
+//# sourceMappingURL=Radio.mjs.map

package/dist/js/packages/components/src/components/RadioGroup/components/Radio/Radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.mjs","sources":["../../../../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent(\"Radio\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radio, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {({ isSelected }) => (\n        <>\n          {isSelected ? (\n            <IconRadioOn className={styles.icon} />\n          ) : (\n            <IconRadioOff className={styles.icon} />\n          )}\n          {children}\n        </>\n      )}\n    </Aria.Radio>\n  );\n});\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAC7C,QAAA,EAAA,CAAC,EAAE,UAAA,uBACF,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,UAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,oBAErC,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,IAEvC;AAAA,GAAA,EACH,CAAA,EAEJ,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Radio.mjs","names":[],"sources":["../../../../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent(\"Radio\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radio, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {({ isSelected }) => (\n        <>\n          {isSelected ? (\n            <IconRadioOn className={styles.icon} />\n          ) : (\n            <IconRadioOff className={styles.icon} />\n          )}\n          {children}\n        </>\n      )}\n    </Aria.Radio>\n  );\n});\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;AAcA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,qBAAO,OAAO,UAAU;AAEnD,QACE,oBAAC,KAAK,OAAN;EAAY,GAAI;EAAM,WAAW;EAAoB;aACjD,EAAE,iBACF,qBAAA,UAAA,EAAA,UAAA,CACG,aACC,oBAAC,aAAD,EAAa,WAAW,qBAAO,MAAQ,CAAA,GAEvC,oBAAC,cAAD,EAAc,WAAW,qBAAO,MAAQ,CAAA,EAEzC,SACA,EAAA,CAAA;EAEM,CAAA;EAEf"}

package/dist/js/packages/components/src/components/RadioGroup/components/Radio/Radio.module.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+var Radio_module_default = {
+	radio: "flow--radio-group--radio",
+	icon: "flow--radio-group--radio--icon"
+};
+//#endregion
+export { Radio_module_default as default };
+
+//# sourceMappingURL=Radio.module.mjs.map

package/dist/js/packages/components/src/components/RadioGroup/components/Radio/Radio.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.mjs","names":[],"sources":["../../../../../../../../../src/components/RadioGroup/components/Radio/Radio.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.radio {\n  display: grid;\n  column-gap: var(--form-control--spacing-x);\n  grid-template-columns: auto 1fr;\n  width: fit-content;\n\n  @include focus.focus;\n\n  .icon {\n    color: var(--choice--icon-color--default);\n  }\n\n  &[data-selected] {\n    .icon {\n      color: var(--choice--icon-color--selected);\n    }\n  }\n\n  &[data-disabled] {\n    color: var(--text--color--disabled);\n\n    .icon {\n      color: var(--choice--icon-color--disabled);\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/RadioGroup/components/Radio/index.mjs

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

package/dist/js/packages/components/src/components/RadioGroup/components/RadioButton/RadioButton.mjs

@@ -1,27 +1,33 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import styles from './RadioButton.module.scss.mjs';
-import clsx from 'clsx';
-import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import '../../RadioGroup.mjs';
-import { Radio } from '../Radio/Radio.mjs';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-
-const RadioButton = flowComponent("RadioButton", (props) => {
-  const { children, className, ref, ...rest } = props;
-  const rootClassName = clsx(styles.radioButton, className);
-  const propsContext = {
-    Text: {
-      className: styles.label
-    },
-    Content: {
-      className: styles.content
-    }
-  };
-  return /* @__PURE__ */ jsx(Radio, { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+import PropsContextProvider from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import "../../../../lib/propsContext/index.mjs";
+import Radio from "../Radio/Radio.mjs";
+import RadioButton_module_default from "./RadioButton.module.mjs";
+import "../../index.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/RadioGroup/components/RadioButton/RadioButton.tsx
+/** @flr-generate all */
+var RadioButton = flowComponent("RadioButton", (props) => {
+	const { children, className, ref, ...rest } = props;
+	const rootClassName = clsx(RadioButton_module_default.radioButton, className);
+	const propsContext = {
+		Text: { className: RadioButton_module_default.label },
+		Content: { className: RadioButton_module_default.content }
+	};
+	return /* @__PURE__ */ jsx(Radio, {
+		...rest,
+		className: rootClassName,
+		ref,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children
+		})
+	});
 });
+//#endregion
+export { RadioButton as default };
 
-export { RadioButton };
-//# sourceMappingURL=RadioButton.mjs.map
+//# sourceMappingURL=RadioButton.mjs.map

package/dist/js/packages/components/src/components/RadioGroup/components/RadioButton/RadioButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent(\"RadioButton\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radioButton, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.label,\n    },\n    Content: {\n      className: styles.content,\n    },\n  };\n\n  return (\n    <Radio {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Radio>\n  );\n});\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,SAAS,CAAA;AAExD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"RadioButton.mjs","names":[],"sources":["../../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent(\"RadioButton\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.radioButton, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.label,\n    },\n    Content: {\n      className: styles.content,\n    },\n  };\n\n  return (\n    <Radio {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Radio>\n  );\n});\n\nexport default RadioButton;\n"],"mappings":";;;;;;;;;;AAWA,IAAa,cAAc,cAAc,gBAAgB,UAAU;CACjE,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,2BAAO,aAAa,UAAU;CAEzD,MAAM,eAA6B;EACjC,MAAM,EACJ,WAAW,2BAAO,OACnB;EACD,SAAS,EACP,WAAW,2BAAO,SACnB;EACF;AAED,QACE,oBAAC,OAAD;EAAO,GAAI;EAAM,WAAW;EAAoB;YAC9C,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;GACoB,CAAA;EACjB,CAAA;EAEV"}

package/dist/js/packages/components/src/components/RadioGroup/components/RadioButton/RadioButton.module.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+var RadioButton_module_default = {
+	label: "flow--radio-group--radio-button--label",
+	content: "flow--radio-group--radio-button--content",
+	radioButton: "flow--radio-group--radio-button"
+};
+//#endregion
+export { RadioButton_module_default as default };
+
+//# sourceMappingURL=RadioButton.module.mjs.map

package/dist/js/packages/components/src/components/RadioGroup/components/RadioButton/RadioButton.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.module.mjs","names":[],"sources":["../../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.label {\n  grid-area: label;\n}\n\n.content {\n  grid-area: content;\n}\n\n.radioButton {\n  align-self: normal;\n  display: grid;\n  gap: var(--form-control--spacing-y) var(--form-control--spacing-x);\n  grid-template-areas: \"icon label\";\n  grid-template-columns: auto 1fr;\n\n  @include formControl.formControl();\n\n  &.radioButton {\n    width: auto;\n  }\n\n  /* With content */\n  &:has(.content) {\n    grid-template-areas:\n      \"icon label\"\n      \".    content\";\n    grid-template-rows: auto 1fr;\n\n    .label {\n      font-weight: var(--font-weight--bold);\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/RadioGroup/components/RadioButton/index.mjs

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

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

@@ -0,0 +1,5 @@
+import "./RadioGroup.mjs";
+import "./components/Radio/Radio.mjs";
+import "./components/Radio/index.mjs";
+import "./components/RadioButton/RadioButton.mjs";
+import "./components/RadioButton/index.mjs";

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

@@ -1,72 +1,50 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
-import styles from './Rating.module.scss.mjs';
-import clsx from 'clsx';
-import * as Aria from 'react-aria-components';
-import { RatingSegment } from './components/RatingSegment/RatingSegment.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import { useObjectRef } from '@react-aria/utils';
-import { useMakeFocusable } from '../../lib/hooks/dom/useMakeFocusable.mjs';
-
-const Rating = flowComponent("Rating", (props) => {
-  const {
-    value,
-    defaultValue = 0,
-    size = "m",
-    className,
-    children,
-    ref,
-    ...rest
-  } = props;
-  const {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldProps,
-    fieldPropsContext
-  } = useFieldComponent(props);
-  const rootClassName = clsx(
-    styles.rating,
-    styles[`size-${size}`],
-    fieldProps.className,
-    className
-  );
-  const localRef = useObjectRef(ref);
-  useMakeFocusable(localRef);
-  const stringValue = value?.toString();
-  return /* @__PURE__ */ jsx(
-    Aria.RadioGroup,
-    {
-      ...rest,
-      className: rootClassName,
-      defaultValue: defaultValue.toString(),
-      value: stringValue,
-      ref: localRef,
-      children: (renderProps) => {
-        const selectedValue = parseInt(renderProps.state.selectedValue ?? "0");
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: fieldPropsContext, children: [
-            children,
-            /* @__PURE__ */ jsx("div", { className: styles.ratingSegments, children: Array(5).fill("").map((_, index) => /* @__PURE__ */ jsx(
-              RatingSegment,
-              {
-                index,
-                selectedValue,
-                size
-              },
-              index
-            )) })
-          ] }) }),
-          /* @__PURE__ */ jsx(FieldErrorView, {})
-        ] });
-      }
-    }
-  );
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import "../../lib/propsContext/index.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { useMakeFocusable } from "../../lib/hooks/dom/useMakeFocusable.mjs";
+import Rating_module_default from "./Rating.module.mjs";
+import { RatingSegment } from "./components/RatingSegment/RatingSegment.mjs";
+import "./components/RatingSegment/index.mjs";
+import clsx from "clsx";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useObjectRef } from "@react-aria/utils";
+import * as Aria from "react-aria-components";
+//#region src/components/Rating/Rating.tsx
+/** @flr-generate all */
+var Rating = flowComponent("Rating", (props) => {
+	const { value, defaultValue = 0, size = "m", className, children, ref, ...rest } = props;
+	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props);
+	const rootClassName = clsx(Rating_module_default.rating, Rating_module_default[`size-${size}`], fieldProps.className, className);
+	const localRef = useObjectRef(ref);
+	useMakeFocusable(localRef);
+	const stringValue = value?.toString();
+	return /* @__PURE__ */ jsx(Aria.RadioGroup, {
+		...rest,
+		className: rootClassName,
+		defaultValue: defaultValue.toString(),
+		value: stringValue,
+		ref: localRef,
+		children: (renderProps) => {
+			const selectedValue = parseInt(renderProps.state.selectedValue ?? "0");
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, {
+				props: fieldPropsContext,
+				children: [children, /* @__PURE__ */ jsx("div", {
+					className: Rating_module_default.ratingSegments,
+					children: Array(5).fill("").map((_, index) => /* @__PURE__ */ jsx(RatingSegment, {
+						index,
+						selectedValue,
+						size
+					}, index))
+				})]
+			}) }), /* @__PURE__ */ jsx(FieldErrorView, {})] });
+		}
+	});
 });
+//#endregion
+export { Rating as default };
 
-export { Rating };
-//# sourceMappingURL=Rating.mjs.map
+//# sourceMappingURL=Rating.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rating.mjs","sources":["../../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from \"react\";\nimport styles from \"./Rating.module.scss\";\nimport clsx from \"clsx\";\nimport * as Aria from \"react-aria-components\";\nimport { RatingSegment } from \"@/components/Rating/components/RatingSegment\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface RatingProps\n  extends\n    FlowComponentProps,\n    PropsWithChildren,\n    Omit<Aria.RadioGroupProps, \"children\" | \"value\" | \"defaultValue\"> {\n  /** The value sets the amount of filled stars. @default: 0 */\n  value?: number;\n  /** The defaultValue sets the amount of default filled stars. @default: 0 */\n  defaultValue?: number;\n  /** The size of the component. @default: \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating = flowComponent(\"Rating\", (props) => {\n  const {\n    value,\n    defaultValue = 0,\n    size = \"m\",\n    className,\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(\n    styles.rating,\n    styles[`size-${size}`],\n    fieldProps.className,\n    className,\n  );\n\n  const localRef = useObjectRef(ref);\n  useMakeFocusable(localRef);\n\n  const stringValue = value?.toString();\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={rootClassName}\n      defaultValue={defaultValue.toString()}\n      value={stringValue}\n      ref={localRef}\n    >\n      {(renderProps) => {\n        const selectedValue = parseInt(renderProps.state.selectedValue ?? \"0\");\n\n        return (\n          <>\n            <FieldErrorCaptureContext>\n              <PropsContextProvider props={fieldPropsContext}>\n                {children}\n                <div className={styles.ratingSegments}>\n                  {Array(5)\n                    .fill(\"\")\n                    .map((_, index) => (\n                      <RatingSegment\n                        key={index}\n                        index={index}\n                        selectedValue={selectedValue}\n                        size={size}\n                      />\n                    ))}\n                </div>\n              </PropsContextProvider>\n            </FieldErrorCaptureContext>\n            <FieldErrorView />\n          </>\n        );\n      }}\n    </Aria.RadioGroup>\n  );\n});\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA4BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,YAAA,GAAe,CAAA;AAAA,IACf,IAAA,GAAO,GAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,UAAA,CAAW,SAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AACjC,EAAA,gBAAA,CAAiB,QAAQ,CAAA;AAEzB,EAAA,MAAM,WAAA,GAAc,OAAO,QAAA,EAAS;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,YAAA,EAAc,aAAa,QAAA,EAAS;AAAA,MACpC,KAAA,EAAO,WAAA;AAAA,MACP,GAAA,EAAK,QAAA;AAAA,MAEJ,WAAC,WAAA,KAAgB;AAChB,QAAA,MAAM,aAAA,GAAgB,QAAA,CAAS,WAAA,CAAY,KAAA,CAAM,iBAAiB,GAAG,CAAA;AAErE,QAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EAAA;AAAA,YAAA,QAAA;AAAA,4BACD,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBACpB,QAAA,EAAA,KAAA,CAAM,CAAC,CAAA,CACL,IAAA,CAAK,EAAE,CAAA,CACP,GAAA,CAAI,CAAC,GAAG,KAAA,qBACP,GAAA;AAAA,cAAC,aAAA;AAAA,cAAA;AAAA,gBAEC,KAAA;AAAA,gBACA,aAAA;AAAA,gBACA;AAAA,eAAA;AAAA,cAHK;AAAA,aAKR,CAAA,EACL;AAAA,WAAA,EACF,CAAA,EACF,CAAA;AAAA,8BACC,cAAA,EAAA,EAAe;AAAA,SAAA,EAClB,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Rating.mjs","names":[],"sources":["../../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from \"react\";\nimport styles from \"./Rating.module.scss\";\nimport clsx from \"clsx\";\nimport * as Aria from \"react-aria-components\";\nimport { RatingSegment } from \"@/components/Rating/components/RatingSegment\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface RatingProps\n  extends\n    FlowComponentProps,\n    PropsWithChildren,\n    Omit<Aria.RadioGroupProps, \"children\" | \"value\" | \"defaultValue\"> {\n  /** The value sets the amount of filled stars. @default: 0 */\n  value?: number;\n  /** The defaultValue sets the amount of default filled stars. @default: 0 */\n  defaultValue?: number;\n  /** The size of the component. @default: \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating = flowComponent(\"Rating\", (props) => {\n  const {\n    value,\n    defaultValue = 0,\n    size = \"m\",\n    className,\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(\n    styles.rating,\n    styles[`size-${size}`],\n    fieldProps.className,\n    className,\n  );\n\n  const localRef = useObjectRef(ref);\n  useMakeFocusable(localRef);\n\n  const stringValue = value?.toString();\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={rootClassName}\n      defaultValue={defaultValue.toString()}\n      value={stringValue}\n      ref={localRef}\n    >\n      {(renderProps) => {\n        const selectedValue = parseInt(renderProps.state.selectedValue ?? \"0\");\n\n        return (\n          <>\n            <FieldErrorCaptureContext>\n              <PropsContextProvider props={fieldPropsContext}>\n                {children}\n                <div className={styles.ratingSegments}>\n                  {Array(5)\n                    .fill(\"\")\n                    .map((_, index) => (\n                      <RatingSegment\n                        key={index}\n                        index={index}\n                        selectedValue={selectedValue}\n                        size={size}\n                      />\n                    ))}\n                </div>\n              </PropsContextProvider>\n            </FieldErrorCaptureContext>\n            <FieldErrorView />\n          </>\n        );\n      }}\n    </Aria.RadioGroup>\n  );\n});\n\nexport default Rating;\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,OACA,eAAe,GACf,OAAO,KACP,WACA,UACA,KACA,GAAG,SACD;CAEJ,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,MAAM;CAE5B,MAAM,gBAAgB,KACpB,sBAAO,QACP,sBAAO,QAAQ,SACf,WAAW,WACX,UACD;CAED,MAAM,WAAW,aAAa,IAAI;AAClC,kBAAiB,SAAS;CAE1B,MAAM,cAAc,OAAO,UAAU;AAErC,QACE,oBAAC,KAAK,YAAN;EACE,GAAI;EACJ,WAAW;EACX,cAAc,aAAa,UAAU;EACrC,OAAO;EACP,KAAK;aAEH,gBAAgB;GAChB,MAAM,gBAAgB,SAAS,YAAY,MAAM,iBAAiB,IAAI;AAEtE,UACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,0BAAD,EAAA,UACE,qBAAC,sBAAD;IAAsB,OAAO;cAA7B,CACG,UACD,oBAAC,OAAD;KAAK,WAAW,sBAAO;eACpB,MAAM,EAAE,CACN,KAAK,GAAG,CACR,KAAK,GAAG,UACP,oBAAC,eAAD;MAES;MACQ;MACT;MACN,EAJK,MAIL,CACF;KACA,CAAA,CACe;OACE,CAAA,EAC3B,oBAAC,gBAAD,EAAkB,CAAA,CACjB,EAAA,CAAA;;EAGS,CAAA;EAEpB"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+var Rating_module_default = {
+	rating: "flow--rating",
+	ratingSegments: "flow--rating--rating-segments",
+	ratingSegment: "flow--rating--rating-segment",
+	star: "flow--rating--star",
+	starFilled: "flow--rating--star-filled",
+	current: "flow--rating--current",
+	"size-s": "flow--rating--size-s",
+	"size-m": "flow--rating--size-m"
+};
+//#endregion
+export { Rating_module_default as default };
+
+//# sourceMappingURL=Rating.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.module.mjs","names":[],"sources":["../../../../../../../src/components/Rating/Rating.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n\n.rating {\n  .ratingSegments {\n    display: flex;\n    width: fit-content;\n    order: 2;\n  }\n\n  .ratingSegment {\n    display: grid;\n    grid-template-areas: \"star\";\n    border-radius: var(--corner-radius--default);\n\n    @include focus.focus;\n\n    & {\n      outline-offset: calc(var(--size-px--xxs) * -1);\n    }\n\n    &[data-focus-visible] {\n      transform: scale(1.2);\n    }\n\n    .star,\n    .starFilled {\n      grid-area: star;\n      transition-property: opacity, transform;\n      transition-duration: var(--transition--duration--fast);\n    }\n\n    .star {\n      opacity: 0;\n      color: var(--rating--star-color);\n    }\n\n    .starFilled {\n      opacity: 1;\n      color: var(--rating--star-filled-color);\n    }\n  }\n\n  &:not(:has(.ratingSegments:hover)),\n  &[data-readonly] {\n    .ratingSegment {\n      &.current {\n        ~ .ratingSegment {\n          .star {\n            opacity: 1;\n          }\n\n          .starFilled {\n            opacity: 0;\n          }\n        }\n      }\n    }\n\n    &:not(:has(.current)) {\n      .ratingSegment {\n        .star {\n          opacity: 1;\n        }\n\n        .starFilled {\n          opacity: 0;\n        }\n      }\n    }\n  }\n\n  &:not([data-readonly]) {\n    &.ratingSegments:hover {\n      .ratingSegment {\n        .star {\n          opacity: 0;\n        }\n\n        .starFilled {\n          opacity: 1;\n        }\n      }\n    }\n\n    .ratingSegment:hover {\n      transform: scale(1.2);\n      transform-origin: center;\n\n      ~ .ratingSegment {\n        .star {\n          opacity: 1;\n        }\n\n        .starFilled {\n          opacity: 0;\n        }\n      }\n    }\n  }\n\n  @mixin size($size) {\n    &.size-#{$size} .ratingSegment {\n      padding: var(--rating--spacing--#{$size});\n    }\n  }\n\n  @include size(s);\n  @include size(m);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingSegment.mjs

@@ -1,35 +1,27 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import clsx from 'clsx';
-import styles from '../../Rating.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../../../_virtual/_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs';
-import { RatingStar } from './RatingStar.mjs';
-import { RatingStarFilled } from './RatingStarFilled.mjs';
-
-const RatingSegment = (props) => {
-  const { index, selectedValue, size } = props;
-  const value = index + 1;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  return /* @__PURE__ */ jsxs(
-    Aria.Radio,
-    {
-      "aria-label": stringFormatter.format(`rating.${value}`),
-      value: value.toString(),
-      className: clsx(
-        styles.ratingSegment,
-        value === selectedValue && styles.current
-      ),
-      children: [
-        /* @__PURE__ */ jsx(RatingStarFilled, { size }),
-        /* @__PURE__ */ jsx(RatingStar, { size })
-      ]
-    }
-  );
+import Rating_module_default from "../../Rating.module.mjs";
+import __locale_default from "../../../../../../../_virtual/_21.locale.mjs";
+import { RatingStar } from "./RatingStar.mjs";
+import { RatingStarFilled } from "./RatingStarFilled.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+import { useLocalizedStringFormatter } from "react-aria";
+//#region src/components/Rating/components/RatingSegment/RatingSegment.tsx
+var RatingSegment = (props) => {
+	const { index, selectedValue, size } = props;
+	const value = index + 1;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default);
+	return /* @__PURE__ */ jsxs(Aria.Radio, {
+		"aria-label": stringFormatter.format(`rating.${value}`),
+		value: value.toString(),
+		className: clsx(Rating_module_default.ratingSegment, value === selectedValue && Rating_module_default.current),
+		children: [/* @__PURE__ */ jsx(RatingStarFilled, { size }), /* @__PURE__ */ jsx(RatingStar, { size })]
+	});
 };
-
+//#endregion
 export { RatingSegment };
-//# sourceMappingURL=RatingSegment.mjs.map
+
+//# sourceMappingURL=RatingSegment.mjs.map

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingSegment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RatingSegment.mjs","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingSegment.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@/components/Rating/Rating.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport { RatingStar } from \"@/components/Rating/components/RatingSegment/RatingStar\";\nimport { RatingStarFilled } from \"@/components/Rating/components/RatingSegment/RatingStarFilled\";\n\ninterface Props {\n  index: number;\n  selectedValue: number;\n  size: RatingProps[\"size\"];\n}\nexport const RatingSegment: FC<Props> = (props) => {\n  const { index, selectedValue, size } = props;\n\n  const value = index + 1;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <Aria.Radio\n      aria-label={stringFormatter.format(`rating.${value}`)}\n      value={value.toString()}\n      className={clsx(\n        styles.ratingSegment,\n        value === selectedValue && styles.current,\n      )}\n    >\n      <RatingStarFilled size={size} />\n      <RatingStar size={size} />\n    </Aria.Radio>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,IAAA,EAAK,GAAI,KAAA;AAEvC,EAAA,MAAM,QAAQ,KAAA,GAAQ,CAAA;AAEtB,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,KAAA;AAAA,IAAL;AAAA,MACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,CAAA;AAAA,MACpD,KAAA,EAAO,MAAM,QAAA,EAAS;AAAA,MACtB,SAAA,EAAW,IAAA;AAAA,QACT,MAAA,CAAO,aAAA;AAAA,QACP,KAAA,KAAU,iBAAiB,MAAA,CAAO;AAAA,OACpC;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAiB,IAAA,EAAY,CAAA;AAAA,wBAC9B,GAAA,CAAC,cAAW,IAAA,EAAY;AAAA;AAAA;AAAA,GAC1B;AAEJ;;;;"}
+{"version":3,"file":"RatingSegment.mjs","names":[],"sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingSegment.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"@/components/Rating/Rating.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../../locales/*.locale.json\";\nimport { RatingStar } from \"@/components/Rating/components/RatingSegment/RatingStar\";\nimport { RatingStarFilled } from \"@/components/Rating/components/RatingSegment/RatingStarFilled\";\n\ninterface Props {\n  index: number;\n  selectedValue: number;\n  size: RatingProps[\"size\"];\n}\nexport const RatingSegment: FC<Props> = (props) => {\n  const { index, selectedValue, size } = props;\n\n  const value = index + 1;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  return (\n    <Aria.Radio\n      aria-label={stringFormatter.format(`rating.${value}`)}\n      value={value.toString()}\n      className={clsx(\n        styles.ratingSegment,\n        value === selectedValue && styles.current,\n      )}\n    >\n      <RatingStarFilled size={size} />\n      <RatingStar size={size} />\n    </Aria.Radio>\n  );\n};\n"],"mappings":";;;;;;;;;;AAeA,IAAa,iBAA4B,UAAU;CACjD,MAAM,EAAE,OAAO,eAAe,SAAS;CAEvC,MAAM,QAAQ,QAAQ;CAEtB,MAAM,kBAAkB,4BAA4B,iBAAQ;AAE5D,QACE,qBAAC,KAAK,OAAN;EACE,cAAY,gBAAgB,OAAO,UAAU,QAAQ;EACrD,OAAO,MAAM,UAAU;EACvB,WAAW,KACT,sBAAO,eACP,UAAU,iBAAiB,sBAAO,QACnC;YANH,CAQE,oBAAC,kBAAD,EAAwB,MAAQ,CAAA,EAChC,oBAAC,YAAD,EAAkB,MAAQ,CAAA,CACf"}

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingStar.mjs

@@ -1,18 +1,20 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from '../../Rating.module.scss.mjs';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconStar } from '../../../Icon/components/icons/IconStar.mjs';
-
-const RatingStar = (props) => {
-  const { size } = props;
-  return /* @__PURE__ */ jsx(IconStar, { "aria-hidden": true, size, className: styles.star });
+import IconStar from "../../../Icon/components/icons/IconStar.mjs";
+import "../../../Icon/components/icons/index.mjs";
+import Rating_module_default from "../../Rating.module.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Rating/components/RatingSegment/RatingStar.tsx
+var RatingStar = (props) => {
+	const { size } = props;
+	return /* @__PURE__ */ jsx(IconStar, {
+		"aria-hidden": true,
+		size,
+		className: Rating_module_default.star
+	});
 };
-
+//#endregion
 export { RatingStar };
-//# sourceMappingURL=RatingStar.mjs.map
+
+//# sourceMappingURL=RatingStar.mjs.map

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingStar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RatingStar.mjs","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingStar.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStar } from \"@/components/Icon/components/icons\";\n\ninterface Props {\n  size: RatingProps[\"size\"];\n}\n\nexport const RatingStar: FC<Props> = (props) => {\n  const { size } = props;\n  return <IconStar aria-hidden size={size} className={styles.star} />;\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,UAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AACjB,EAAA,2BAAQ,QAAA,EAAA,EAAS,aAAA,EAAW,MAAC,IAAA,EAAY,SAAA,EAAW,OAAO,IAAA,EAAM,CAAA;AACnE;;;;"}
+{"version":3,"file":"RatingStar.mjs","names":[],"sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingStar.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStar } from \"@/components/Icon/components/icons\";\n\ninterface Props {\n  size: RatingProps[\"size\"];\n}\n\nexport const RatingStar: FC<Props> = (props) => {\n  const { size } = props;\n  return <IconStar aria-hidden size={size} className={styles.star} />;\n};\n"],"mappings":";;;;;;AASA,IAAa,cAAyB,UAAU;CAC9C,MAAM,EAAE,SAAS;AACjB,QAAO,oBAAC,UAAD;EAAU,eAAA;EAAkB;EAAM,WAAW,sBAAO;EAAQ,CAAA"}

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingStarFilled.mjs

@@ -1,18 +1,20 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import styles from '../../Rating.module.scss.mjs';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconStarFilled } from '../../../Icon/components/icons/IconStarFilled.mjs';
-
-const RatingStarFilled = (props) => {
-  const { size } = props;
-  return /* @__PURE__ */ jsx(IconStarFilled, { "aria-hidden": true, size, className: styles.starFilled });
+import IconStarFilled from "../../../Icon/components/icons/IconStarFilled.mjs";
+import "../../../Icon/components/icons/index.mjs";
+import Rating_module_default from "../../Rating.module.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Rating/components/RatingSegment/RatingStarFilled.tsx
+var RatingStarFilled = (props) => {
+	const { size } = props;
+	return /* @__PURE__ */ jsx(IconStarFilled, {
+		"aria-hidden": true,
+		size,
+		className: Rating_module_default.starFilled
+	});
 };
-
+//#endregion
 export { RatingStarFilled };
-//# sourceMappingURL=RatingStarFilled.mjs.map
+
+//# sourceMappingURL=RatingStarFilled.mjs.map

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingStarFilled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RatingStarFilled.mjs","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingStarFilled.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStarFilled } from \"@/components/Icon/components/icons\";\n\ninterface Props {\n  size: RatingProps[\"size\"];\n}\n\nexport const RatingStarFilled: FC<Props> = (props) => {\n  const { size } = props;\n\n  return (\n    <IconStarFilled aria-hidden size={size} className={styles.starFilled} />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AAEjB,EAAA,2BACG,cAAA,EAAA,EAAe,aAAA,EAAW,MAAC,IAAA,EAAY,SAAA,EAAW,OAAO,UAAA,EAAY,CAAA;AAE1E;;;;"}
+{"version":3,"file":"RatingStarFilled.mjs","names":[],"sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingStarFilled.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStarFilled } from \"@/components/Icon/components/icons\";\n\ninterface Props {\n  size: RatingProps[\"size\"];\n}\n\nexport const RatingStarFilled: FC<Props> = (props) => {\n  const { size } = props;\n\n  return (\n    <IconStarFilled aria-hidden size={size} className={styles.starFilled} />\n  );\n};\n"],"mappings":";;;;;;AASA,IAAa,oBAA+B,UAAU;CACpD,MAAM,EAAE,SAAS;AAEjB,QACE,oBAAC,gBAAD;EAAgB,eAAA;EAAkB;EAAM,WAAW,sBAAO;EAAc,CAAA"}

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/index.mjs

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

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

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

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

@@ -0,0 +1,4 @@
+"use client"
+/* */
+import { RouterProvider as RouterProvider$1 } from "react-aria-components";
+export { RouterProvider$1 as RouterProvider };

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

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