@mittwald/flow-react-components 0.2.0-alpha.833 → 0.2.0-alpha.835

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

@@ -21,6 +21,8 @@ const Rating = flowComponent("Rating", (props) => {
     className,
     children,
     ref,
+    iconEmpty,
+    iconFilled,
     ...rest
   } = props;
   const {
@@ -56,7 +58,9 @@ const Rating = flowComponent("Rating", (props) => {
               {
                 index,
                 selectedValue,
-                size
+                size,
+                iconEmpty,
+                iconFilled
               },
               index
             )) })

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 { 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, \"Rating\");\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,iBAAA,CAAkB,KAAA,EAAO,QAAQ,CAAA;AAErC,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","sources":["../../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import { type PropsWithChildren, type ReactElement } 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  /** An alternative icon for the empty state */\n  iconEmpty?: ReactElement;\n  /** An alternative icon for the filled state */\n  iconFilled?: ReactElement;\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    iconEmpty,\n    iconFilled,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"Rating\");\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\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                        iconEmpty={iconEmpty}\n                        iconFilled={iconFilled}\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":";;;;;;;;;;;;;AAgCO,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,SAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,iBAAA,CAAkB,KAAA,EAAO,QAAQ,CAAA;AAErC,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;AAEjC,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,IAAA;AAAA,gBACA,SAAA;AAAA,gBACA;AAAA,eAAA;AAAA,cALK;AAAA,aAOR,CAAA,EACL;AAAA,WAAA,EACF,CAAA,EACF,CAAA;AAAA,8BACC,cAAA,EAAA,EAAe;AAAA,SAAA,EAClB,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -3,19 +3,19 @@
 const rating = "flow--rating";
 const ratingSegments = "flow--rating--rating-segments";
 const ratingSegment = "flow--rating--rating-segment";
-const star = "flow--rating--star";
-const starFilled = "flow--rating--star-filled";
+const empty = "flow--rating--empty";
+const filled = "flow--rating--filled";
 const current = "flow--rating--current";
 const styles = {
 	rating: rating,
 	ratingSegments: ratingSegments,
 	ratingSegment: ratingSegment,
-	star: star,
-	starFilled: starFilled,
+	empty: empty,
+	filled: filled,
 	current: current,
 	"size-s": "flow--rating--size-s",
 	"size-m": "flow--rating--size-m"
 };
 
-export { current, styles as default, rating, ratingSegment, ratingSegments, star, starFilled };
+export { current, styles as default, empty, filled, rating, ratingSegment, ratingSegments };
 //# sourceMappingURL=Rating.module.scss.mjs.map

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

@@ -0,0 +1,27 @@
+"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';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const EmptySegment = (props) => {
+  const { size, children } = props;
+  const propsContext = {
+    Icon: {
+      size,
+      "aria-hidden": true,
+      className: styles.empty
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: children ?? /* @__PURE__ */ jsx(IconStar, { "aria-hidden": true, size, className: styles.empty }) });
+};
+
+export { EmptySegment };
+//# sourceMappingURL=EmptySegment.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySegment.mjs","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/EmptySegment.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStar } from \"@/components/Icon/components/icons\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\ninterface Props extends PropsWithChildren {\n  size: RatingProps[\"size\"];\n}\n\nexport const EmptySegment: FC<Props> = (props) => {\n  const { size, children } = props;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      size,\n      \"aria-hidden\": true,\n      className: styles.empty,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {children ?? (\n        <IconStar aria-hidden size={size} className={styles.empty} />\n      )}\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,YAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAS,GAAI,KAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,IAAA;AAAA,MACA,aAAA,EAAe,IAAA;AAAA,MACf,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA,QAAA,oBACC,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAW,IAAA,EAAC,IAAA,EAAY,SAAA,EAAW,MAAA,CAAO,OAAO,CAAA,EAE/D,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,27 @@
+"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';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const FilledSegment = (props) => {
+  const { size, children } = props;
+  const propsContext = {
+    Icon: {
+      size,
+      "aria-hidden": true,
+      className: styles.filled
+    }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: children ?? /* @__PURE__ */ jsx(IconStarFilled, { "aria-hidden": true, size, className: styles.filled }) });
+};
+
+export { FilledSegment };
+//# sourceMappingURL=FilledSegment.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilledSegment.mjs","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/FilledSegment.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from \"react\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport styles from \"../../Rating.module.scss\";\nimport { IconStarFilled } from \"@/components/Icon/components/icons\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\ninterface Props extends PropsWithChildren {\n  size: RatingProps[\"size\"];\n}\n\nexport const FilledSegment: FC<Props> = (props) => {\n  const { size, children } = props;\n\n  const propsContext: PropsContext = {\n    Icon: {\n      size,\n      \"aria-hidden\": true,\n      className: styles.filled,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {children ?? (\n        <IconStarFilled aria-hidden size={size} className={styles.filled} />\n      )}\n    </PropsContextProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAS,GAAI,KAAA;AAE3B,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,IAAA;AAAA,MACA,aAAA,EAAe,IAAA;AAAA,MACf,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EAAA,QAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EAAe,aAAA,EAAW,IAAA,EAAC,IAAA,EAAY,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAA,EAEtE,CAAA;AAEJ;;;;"}

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

@@ -7,11 +7,11 @@ import styles from '../../Rating.module.scss.mjs';
 import * as Aria from 'react-aria-components';
 import { useLocalizedStringFormatter } from '../../../TranslationProvider/useLocalizedStringFormatter.mjs';
 import locales from '../../../../../../../_virtual/_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs';
-import { RatingStar } from './RatingStar.mjs';
-import { RatingStarFilled } from './RatingStarFilled.mjs';
+import { FilledSegment } from './FilledSegment.mjs';
+import { EmptySegment } from './EmptySegment.mjs';
 
 const RatingSegment = (props) => {
-  const { index, selectedValue, size } = props;
+  const { index, selectedValue, size, iconEmpty, iconFilled } = props;
   const value = index + 1;
   const stringFormatter = useLocalizedStringFormatter(locales, "Rating");
   return /* @__PURE__ */ jsxs(
@@ -24,8 +24,8 @@ const RatingSegment = (props) => {
         value === selectedValue && styles.current
       ),
       children: [
-        /* @__PURE__ */ jsx(RatingStarFilled, { size }),
-        /* @__PURE__ */ jsx(RatingStar, { size })
+        /* @__PURE__ */ jsx(FilledSegment, { size, children: iconFilled }),
+        /* @__PURE__ */ jsx(EmptySegment, { size, children: iconEmpty })
       ]
     }
   );

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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\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, \"Rating\");\n\n  return (\n    <Aria.Radio\n      aria-label={stringFormatter.format(`segment.${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,2BAAA,CAA4B,OAAA,EAAS,QAAQ,CAAA;AAErE,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,KAAA;AAAA,IAAL;AAAA,MACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,CAAA,QAAA,EAAW,KAAK,CAAA,CAAE,CAAA;AAAA,MACrD,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","sources":["../../../../../../../../../src/components/Rating/components/RatingSegment/RatingSegment.tsx"],"sourcesContent":["import React, {\n  type FC,\n  type PropsWithChildren,\n  type ReactElement,\n} 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 \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"../../locales/*.locale.json\";\nimport { FilledSegment } from \"@/components/Rating/components/RatingSegment/FilledSegment\";\nimport { EmptySegment } from \"@/components/Rating/components/RatingSegment/EmptySegment\";\n\ninterface Props extends PropsWithChildren {\n  index: number;\n  selectedValue: number;\n  size: RatingProps[\"size\"];\n  iconEmpty?: ReactElement;\n  iconFilled?: ReactElement;\n}\nexport const RatingSegment: FC<Props> = (props) => {\n  const { index, selectedValue, size, iconEmpty, iconFilled } = props;\n\n  const value = index + 1;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Rating\");\n\n  return (\n    <Aria.Radio\n      aria-label={stringFormatter.format(`segment.${value}`)}\n      value={value.toString()}\n      className={clsx(\n        styles.ratingSegment,\n        value === selectedValue && styles.current,\n      )}\n    >\n      <FilledSegment size={size}>{iconFilled}</FilledSegment>\n      <EmptySegment size={size}>{iconEmpty}</EmptySegment>\n    </Aria.Radio>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,aAAA,GAA2B,CAAC,KAAA,KAAU;AACjD,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,IAAA,EAAM,SAAA,EAAW,YAAW,GAAI,KAAA;AAE9D,EAAA,MAAM,QAAQ,KAAA,GAAQ,CAAA;AAEtB,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,QAAQ,CAAA;AAErE,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,KAAA;AAAA,IAAL;AAAA,MACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,CAAA,QAAA,EAAW,KAAK,CAAA,CAAE,CAAA;AAAA,MACrD,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,aAAA,EAAA,EAAc,MAAa,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,wBACvC,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAa,QAAA,EAAA,SAAA,EAAU;AAAA;AAAA;AAAA,GACvC;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Tabs/components/TabTitle/TabTitle.mjs

@@ -18,7 +18,7 @@ const TabTitle = (props) => {
       /* @__PURE__ */ jsx(Text, { emulateBoldWidth: true, children: /* @__PURE__ */ jsx("span", { className: styles.text, children }) }),
       /* @__PURE__ */ jsx(UiComponentTunnelEntry, { id: "ActiveTitle", component: "Tabs", children: p.isSelected && children })
     ] }) }) }),
-    /* @__PURE__ */ jsx(UiComponentTunnelEntry, { id: "ContextMenuItems", component: "Tabs", children: /* @__PURE__ */ jsx(MenuItem, { className: styles.menuItem, id, children }) })
+    /* @__PURE__ */ jsx(UiComponentTunnelEntry, { id: "ContextMenuItems", component: "Tabs", children: /* @__PURE__ */ jsx(MenuItem, { ...rest, className: styles.menuItem, id, children }) })
   ] });
 };
 

package/dist/js/packages/components/src/components/Tabs/components/TabTitle/TabTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabTitle.mjs","sources":["../../../../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./TabTitle.module.scss\";\nimport { Text } from \"@/components/Text\";\nimport { useTabContext } from \"@/components/Tabs/components/Tab/context\";\nimport { MenuItem } from \"@/components/MenuItem\";\nimport { UiComponentTunnelEntry } from \"@/components/UiComponentTunnel/UiComponentTunnelEntry\";\n\nexport interface TabTitleProps\n  extends\n    Omit<Aria.TabProps, \"children\" | \"id\" | \"isDisabled\">,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const TabTitle: FC<TabTitleProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const { id } = useTabContext();\n  const titleClassName = clsx(styles.tabTitle, className);\n\n  return (\n    <>\n      <UiComponentTunnelEntry id=\"Titles\" component=\"Tabs\">\n        <Aria.Tab {...rest} id={id} className={titleClassName}>\n          {(p) => (\n            <>\n              <Text emulateBoldWidth>\n                <span className={styles.text}>{children}</span>\n              </Text>\n              <UiComponentTunnelEntry id=\"ActiveTitle\" component=\"Tabs\">\n                {p.isSelected && children}\n              </UiComponentTunnelEntry>\n            </>\n          )}\n        </Aria.Tab>\n      </UiComponentTunnelEntry>\n\n      <UiComponentTunnelEntry id=\"ContextMenuItems\" component=\"Tabs\">\n        <MenuItem className={styles.menuItem} id={id}>\n          {children}\n        </MenuItem>\n      </UiComponentTunnelEntry>\n    </>\n  );\n};\n\nexport default TabTitle;\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,aAAA,EAAc;AAC7B,EAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAEtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAuB,EAAA,EAAG,QAAA,EAAS,SAAA,EAAU,MAAA,EAC5C,8BAAC,IAAA,CAAK,GAAA,EAAL,EAAU,GAAG,MAAM,EAAA,EAAQ,SAAA,EAAW,cAAA,EACpC,QAAA,EAAA,CAAC,sBACA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,kBAAgB,IAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,QAAA,EAAS,CAAA,EAC1C,CAAA;AAAA,sBACA,GAAA,CAAC,0BAAuB,EAAA,EAAG,aAAA,EAAc,WAAU,MAAA,EAChD,QAAA,EAAA,CAAA,CAAE,cAAc,QAAA,EACnB;AAAA,KAAA,EACF,GAEJ,CAAA,EACF,CAAA;AAAA,oBAEA,GAAA,CAAC,sBAAA,EAAA,EAAuB,EAAA,EAAG,kBAAA,EAAmB,SAAA,EAAU,MAAA,EACtD,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,EAAA,EACnC,UACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TabTitle.mjs","sources":["../../../../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./TabTitle.module.scss\";\nimport { Text } from \"@/components/Text\";\nimport { useTabContext } from \"@/components/Tabs/components/Tab/context\";\nimport { MenuItem } from \"@/components/MenuItem\";\nimport { UiComponentTunnelEntry } from \"@/components/UiComponentTunnel/UiComponentTunnelEntry\";\n\nexport interface TabTitleProps\n  extends\n    Omit<Aria.TabProps, \"children\" | \"id\" | \"isDisabled\">,\n    PropsWithChildren {}\n\n/** @flr-generate all */\nexport const TabTitle: FC<TabTitleProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const { id } = useTabContext();\n\n  const titleClassName = clsx(styles.tabTitle, className);\n\n  return (\n    <>\n      <UiComponentTunnelEntry id=\"Titles\" component=\"Tabs\">\n        <Aria.Tab {...rest} id={id} className={titleClassName}>\n          {(p) => (\n            <>\n              <Text emulateBoldWidth>\n                <span className={styles.text}>{children}</span>\n              </Text>\n              <UiComponentTunnelEntry id=\"ActiveTitle\" component=\"Tabs\">\n                {p.isSelected && children}\n              </UiComponentTunnelEntry>\n            </>\n          )}\n        </Aria.Tab>\n      </UiComponentTunnelEntry>\n\n      <UiComponentTunnelEntry id=\"ContextMenuItems\" component=\"Tabs\">\n        <MenuItem {...rest} className={styles.menuItem} id={id}>\n          {children}\n        </MenuItem>\n      </UiComponentTunnelEntry>\n    </>\n  );\n};\n\nexport default TabTitle;\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,aAAA,EAAc;AAE7B,EAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAEtD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAuB,EAAA,EAAG,QAAA,EAAS,SAAA,EAAU,MAAA,EAC5C,8BAAC,IAAA,CAAK,GAAA,EAAL,EAAU,GAAG,MAAM,EAAA,EAAQ,SAAA,EAAW,cAAA,EACpC,QAAA,EAAA,CAAC,sBACA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,kBAAgB,IAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,QAAA,EAAS,CAAA,EAC1C,CAAA;AAAA,sBACA,GAAA,CAAC,0BAAuB,EAAA,EAAG,aAAA,EAAc,WAAU,MAAA,EAChD,QAAA,EAAA,CAAA,CAAE,cAAc,QAAA,EACnB;AAAA,KAAA,EACF,GAEJ,CAAA,EACF,CAAA;AAAA,oBAEA,GAAA,CAAC,sBAAA,EAAA,EAAuB,EAAA,EAAG,kBAAA,EAAmB,WAAU,MAAA,EACtD,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,MAAM,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,EAAA,EAC7C,UACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/types/components/Rating/Rating.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactElement } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface RatingProps extends FlowComponentProps, PropsWithChildren, Omit<Aria.RadioGroupProps, "children" | "value" | "defaultValue"> {
@@ -8,6 +8,10 @@ export interface RatingProps extends FlowComponentProps, PropsWithChildren, Omit
     defaultValue?: number;
     /** The size of the component. @default: "m" */
     size?: "s" | "m";
+    /** An alternative icon for the empty state */
+    iconEmpty?: ReactElement;
+    /** An alternative icon for the filled state */
+    iconFilled?: ReactElement;
 }
 /** @flr-generate all */
 export declare const Rating: import('react').FunctionComponent<RatingProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Rating/Rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAM9C,MAAM,WAAW,WACf,SACE,kBAAkB,EAClB,iBAAiB,EACjB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IACnE,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,gGAkEjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAM9C,MAAM,WAAW,WACf,SACE,kBAAkB,EAClB,iBAAiB,EACjB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC;IACnE,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,YAAY,CAAC;CAC3B;AAED,wBAAwB;AACxB,eAAO,MAAM,MAAM,gGAuEjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/types/components/Rating/components/RatingSegment/EmptySegment.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { RatingProps } from '../..';
+interface Props extends PropsWithChildren {
+    size: RatingProps["size"];
+}
+export declare const EmptySegment: FC<Props>;
+export {};
+//# sourceMappingURL=EmptySegment.d.ts.map

package/dist/types/components/Rating/components/RatingSegment/EmptySegment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySegment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/EmptySegment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKvD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAkBlC,CAAC"}

package/dist/types/components/Rating/components/RatingSegment/FilledSegment.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { RatingProps } from '../..';
+interface Props extends PropsWithChildren {
+    size: RatingProps["size"];
+}
+export declare const FilledSegment: FC<Props>;
+export {};
+//# sourceMappingURL=FilledSegment.d.ts.map

package/dist/types/components/Rating/components/RatingSegment/FilledSegment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilledSegment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/FilledSegment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKvD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAkBnC,CAAC"}

package/dist/types/components/Rating/components/RatingSegment/RatingSegment.d.ts

@@ -1,9 +1,11 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren, ReactElement } from 'react';
 import { RatingProps } from '../..';
-interface Props {
+interface Props extends PropsWithChildren {
     index: number;
     selectedValue: number;
     size: RatingProps["size"];
+    iconEmpty?: ReactElement;
+    iconFilled?: ReactElement;
 }
 export declare const RatingSegment: FC<Props>;
 export {};

package/dist/types/components/Rating/components/RatingSegment/RatingSegment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingSegment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/RatingSegment.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AACD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAoBnC,CAAC"}
+{"version":3,"file":"RatingSegment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/RatingSegment.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,UAAU,CAAC,EAAE,YAAY,CAAC;CAC3B;AACD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAoBnC,CAAC"}

package/dist/types/components/Rating/stories/Default.stories.d.ts

@@ -4,10 +4,8 @@ declare const meta: Meta<typeof Rating>;
 export default meta;
 type Story = StoryObj<typeof Rating>;
 export declare const Default: Story;
-export declare const Small: Story;
-export declare const ReadOnly: Story;
-export declare const WithLabel: Story;
 export declare const WithFieldError: Story;
 export declare const WithControlledValue: Story;
 export declare const WithForm: Story;
+export declare const WithCustomIcon: Story;
 //# sourceMappingURL=Default.stories.d.ts.map

package/dist/types/components/Rating/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Rating/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAK7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAA+B,CAAC;AAEpD,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Rating/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQ7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC"}

package/dist/types/components/Tabs/components/TabTitle/TabTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabTitle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAQ9C,MAAM,WAAW,aACf,SACE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI,GAAG,YAAY,CAAC,EACrD,iBAAiB;CAAG;AAExB,wBAAwB;AACxB,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8BtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TabTitle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/components/TabTitle/TabTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAQ9C,MAAM,WAAW,aACf,SACE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI,GAAG,YAAY,CAAC,EACrD,iBAAiB;CAAG;AAExB,wBAAwB;AACxB,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA+BtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.833",
+  "version": "0.2.0-alpha.835",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -60,9 +60,9 @@
     "@codemirror/lint": "^6.9.5",
     "@internationalized/string": "^3.2.7",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.833",
+    "@mittwald/flow-icons": "0.2.0-alpha.835",
     "@mittwald/password-tools-js": "3.0.0-alpha.30",
-    "@mittwald/react-tunnel": "0.2.0-alpha.833",
+    "@mittwald/react-tunnel": "0.2.0-alpha.835",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/i18n": "^3.12.16",
@@ -71,7 +71,7 @@
     "@react-stately/form": "^3.2.2",
     "@react-types/shared": "^3.32.1",
     "@replit/codemirror-indentation-markers": "^6.5.3",
-    "@tabler/icons-react": "^3.36.1",
+    "@tabler/icons-react": "^3.44.0",
     "@tanstack/react-table": "^8.21.3",
     "@types/invariant": "^2.2.37",
     "@types/luxon": "^3.7.1",
@@ -116,7 +116,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.8",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.833",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.835",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -127,7 +127,7 @@
     "@storybook/addon-links": "^10.2.3",
     "@storybook/react": "^10.2.3",
     "@storybook/react-vite": "^10.2.3",
-    "@tabler/icons-react": "^3.36.1",
+    "@tabler/icons-react": "^3.44.0",
     "@types/node": "24.10.1",
     "@vitejs/plugin-react": "^5.1.3",
     "@vitest/browser": "^4.0.18",
@@ -169,7 +169,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.10.0",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.832",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.834",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -190,5 +190,5 @@
       "optional": true
     }
   },
-  "gitHead": "658dc3e1384f74f22e72aba900ab14094d2cb2eb"
+  "gitHead": "77700e9b3420f92606237071795075bba208f94e"
 }

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

@@ -1,18 +0,0 @@
-"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 });
-};
-
-export { RatingStar };
-//# sourceMappingURL=RatingStar.mjs.map

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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,18 +0,0 @@
-"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 });
-};
-
-export { RatingStarFilled };
-//# sourceMappingURL=RatingStarFilled.mjs.map

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

@@ -1 +0,0 @@
-{"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;;;;"}

package/dist/types/components/Rating/components/RatingSegment/RatingStar.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { RatingProps } from '../..';
-interface Props {
-    size: RatingProps["size"];
-}
-export declare const RatingStar: FC<Props>;
-export {};
-//# sourceMappingURL=RatingStar.d.ts.map

package/dist/types/components/Rating/components/RatingSegment/RatingStar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RatingStar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/RatingStar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAGhC,CAAC"}

package/dist/types/components/Rating/components/RatingSegment/RatingStarFilled.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { RatingProps } from '../..';
-interface Props {
-    size: RatingProps["size"];
-}
-export declare const RatingStarFilled: FC<Props>;
-export {};
-//# sourceMappingURL=RatingStarFilled.d.ts.map

package/dist/types/components/Rating/components/RatingSegment/RatingStarFilled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RatingStarFilled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Rating/components/RatingSegment/RatingStarFilled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAMtC,CAAC"}