@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

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

@@ -1,65 +1,62 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import 'react';
-import * as Aria from 'react-aria-components';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import styles from './SegmentedControl.module.scss.mjs';
-import { getContainerBreakpointSizeClassName } from '../../lib/getContainerBreakpointSizeClassName.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import clsx from 'clsx';
-import { useObjectRef } from '@react-aria/utils';
-import { useMakeFocusable } from '../../lib/hooks/dom/useMakeFocusable.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-
-const SegmentedControl = flowComponent("SegmentedControl", (props) => {
-  const {
-    children,
-    className,
-    containerBreakpointSize = "m",
-    ref,
-    ...rest
-  } = props;
-  const {
-    FieldErrorView,
-    fieldPropsContext,
-    fieldProps,
-    FieldErrorCaptureContext
-  } = useFieldComponent(props);
-  const rootClassName = clsx(
-    formFieldStyles.formField,
-    styles.segmentedControlContainer,
-    className,
-    styles[getContainerBreakpointSizeClassName(containerBreakpointSize)]
-  );
-  const propsContext = {
-    Segment: {
-      tunnelId: "segments",
-      className: styles.segment
-    },
-    ...fieldPropsContext
-  };
-  const objectRef = useObjectRef(ref);
-  useMakeFocusable(objectRef);
-  return /* @__PURE__ */ jsx(
-    Aria.RadioGroup,
-    {
-      ...rest,
-      className: clsx(rootClassName, fieldProps.className),
-      ref: objectRef,
-      children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { dependencies: ["segment"], props: propsContext, children: [
-          /* @__PURE__ */ jsx("div", { className: styles.segmentedControl, children: /* @__PURE__ */ jsx("div", { className: styles.segments, children: /* @__PURE__ */ jsx(TunnelExit, { id: "segments" }) }) }),
-          children
-        ] }) }),
-        /* @__PURE__ */ jsx(FieldErrorView, {})
-      ] })
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useWarnDeprecation } from "../DeprecationWarningProvider/DeprecationWarningProvider.mjs";
+import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import FormField_module_default from "../FormField/FormField.module.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { useMakeFocusable } from "../../lib/hooks/dom/useMakeFocusable.mjs";
+import SegmentedControl_module_default from "./SegmentedControl.module.mjs";
+import { getContainerBreakpointSizeClassName } from "../../lib/getContainerBreakpointSizeClassName.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useObjectRef } from "@react-aria/utils";
+import * as Aria from "react-aria-components";
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+/**
+* @deprecated Use `Tabs` to switch content, or `RadioGroup` to select a value.
+* @flr-generate all
+*/
+var SegmentedControl = flowComponent("SegmentedControl", (props) => {
+	useWarnDeprecation()("The 'SegmentedControl' component is deprecated and will be removed in a future release. Use 'Tabs' instead when it switches content, or 'RadioGroup' instead when it sets a value.");
+	const { children, className, containerBreakpointSize = "m", ref, ...rest } = props;
+	const { FieldErrorView, fieldPropsContext, fieldProps, FieldErrorCaptureContext } = useFieldComponent(props, "SegmentedControl");
+	const rootClassName = clsx(FormField_module_default.formField, SegmentedControl_module_default.segmentedControlContainer, SegmentedControl_module_default[getContainerBreakpointSizeClassName(containerBreakpointSize)], className);
+	const propsContext = {
+		Segment: {
+			tunnel: {
+				id: "segments",
+				component: "SegmentedControl"
+			},
+			className: SegmentedControl_module_default.segment
+		},
+		...fieldPropsContext
+	};
+	const objectRef = useObjectRef(ref);
+	useMakeFocusable(objectRef);
+	return /* @__PURE__ */ jsxs(Aria.RadioGroup, {
+		...rest,
+		className: clsx(rootClassName, fieldProps.className),
+		ref: objectRef,
+		children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, {
+			dependencies: ["segment"],
+			props: propsContext,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: SegmentedControl_module_default.segmentedControl,
+				children: /* @__PURE__ */ jsx("div", {
+					className: SegmentedControl_module_default.segments,
+					children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "segments",
+						component: "SegmentedControl"
+					})
+				})
+			}), children]
+		}) }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+	});
 });
+//#endregion
+export { SegmentedControl, SegmentedControl as default };
 
-export { SegmentedControl };
-//# sourceMappingURL=SegmentedControl.mjs.map
+//# sourceMappingURL=SegmentedControl.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.mjs","sources":["../../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport clsx from \"clsx\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface SegmentedControlProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithContainerBreakpointSize {}\n\n/** @flr-generate all */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n  const {\n    children,\n    className,\n    containerBreakpointSize = \"m\",\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.segmentedControlContainer,\n    className,\n    styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\n  );\n\n  const propsContext: PropsContext = {\n    Segment: {\n      tunnelId: \"segments\",\n      className: styles.segment,\n    },\n    ...fieldPropsContext,\n  };\n\n  const objectRef = useObjectRef(ref);\n  useMakeFocusable(objectRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={objectRef}\n    >\n      <TunnelProvider>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider dependencies={[\"segment\"]} props={propsContext}>\n            <div className={styles.segmentedControl}>\n              <div className={styles.segments}>\n                <TunnelExit id=\"segments\" />\n              </div>\n            </div>\n            {children}\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </TunnelProvider>\n    </Aria.RadioGroup>\n  );\n});\n\nexport default SegmentedControl;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBO,MAAM,gBAAA,GAAmB,aAAA,CAAc,kBAAA,EAAoB,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAAA,GAA0B,GAAA;AAAA,IAC1B,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,eAAA,CAAgB,SAAA;AAAA,IAChB,MAAA,CAAO,yBAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,mCAAA,CAAoC,uBAAuB,CAAC;AAAA,GACrE;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,UAAA;AAAA,MACV,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,SAAA,GAAY,aAAa,GAAG,CAAA;AAClC,EAAA,gBAAA,CAAiB,SAAS,CAAA;AAE1B,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,SAAA;AAAA,MAEL,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,+BAAC,oBAAA,EAAA,EAAqB,YAAA,EAAc,CAAC,SAAS,CAAA,EAAG,OAAO,YAAA,EACtD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,UAAA,EAAW,GAC5B,CAAA,EACF,CAAA;AAAA,UACC;AAAA,SAAA,EACH,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"SegmentedControl.mjs","names":[],"sources":["../../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\nexport interface SegmentedControlProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithContainerBreakpointSize {}\n\n/**\n * @deprecated Use `Tabs` to switch content, or `RadioGroup` to select a value.\n * @flr-generate all\n */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n  const warnDeprecation = useWarnDeprecation();\n  warnDeprecation(\n    \"The 'SegmentedControl' component is deprecated and will be removed in a future release. Use 'Tabs' instead when it switches content, or 'RadioGroup' instead when it sets a value.\",\n  );\n\n  const {\n    children,\n    className,\n    containerBreakpointSize = \"m\",\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props, \"SegmentedControl\");\n\n  const rootClassName = clsx(\n    formFieldStyles.formField,\n    styles.segmentedControlContainer,\n    styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Segment: {\n      tunnel: {\n        id: \"segments\",\n        component: \"SegmentedControl\",\n      },\n      className: styles.segment,\n    },\n    ...fieldPropsContext,\n  };\n\n  const objectRef = useObjectRef(ref);\n  useMakeFocusable(objectRef);\n\n  return (\n    <Aria.RadioGroup\n      {...rest}\n      className={clsx(rootClassName, fieldProps.className)}\n      ref={objectRef}\n    >\n      <FieldErrorCaptureContext>\n        <PropsContextProvider dependencies={[\"segment\"]} props={propsContext}>\n          <div className={styles.segmentedControl}>\n            <div className={styles.segments}>\n              <UiComponentTunnelExit\n                id=\"segments\"\n                component=\"SegmentedControl\"\n              />\n            </div>\n          </div>\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.RadioGroup>\n  );\n});\n\nexport default SegmentedControl;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,mBAAmB,cAAc,qBAAqB,UAAU;CAE3E,mBAAA,CAAA,CACE,oLACF;CAEA,MAAM,EACJ,UACA,WACA,0BAA0B,KAC1B,KACA,GAAG,SACD;CAEJ,MAAM,EACJ,gBACA,mBACA,YACA,6BACE,kBAAkB,OAAO,kBAAkB;CAE/C,MAAM,gBAAgB,KACpB,yBAAgB,WAChB,gCAAO,2BACP,gCAAO,oCAAoC,uBAAuB,IAClE,SACF;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,WAAW,gCAAO;EACpB;EACA,GAAG;CACL;CAEA,MAAM,YAAY,aAAa,GAAG;CAClC,iBAAiB,SAAS;CAE1B,OACE,qBAAC,KAAK,YAAN;EACE,GAAI;EACJ,WAAW,KAAK,eAAe,WAAW,SAAS;EACnD,KAAK;EAHP,UAAA,CAKE,oBAAC,0BAAD,EAAA,UACE,qBAAC,sBAAD;GAAsB,cAAc,CAAC,SAAS;GAAG,OAAO;GAAxD,UAAA,CACE,oBAAC,OAAD;IAAK,WAAW,gCAAO;IACrB,UAAA,oBAAC,OAAD;KAAK,WAAW,gCAAO;KACrB,UAAA,oBAAC,uBAAD;MACE,IAAG;MACH,WAAU;KACX,CAAA;IACE,CAAA;GACF,CAAA,GACJ,QACmB;EACE,CAAA,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACF;;AAErB,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client"
+/* */
+//#region src/components/SegmentedControl/SegmentedControl.module.scss
+var segmentedControl = "flow--segmented-control";
+var segments = "flow--segmented-control--segments";
+var segmentedControlContainer = "flow--segmented-control--segmented-control-container";
+var segment = "flow--segmented-control--segment";
+var SegmentedControl_module_default = {
+	segmentedControl,
+	segments,
+	segmentedControlContainer,
+	"container-breakpoint-size-xs": "flow--segmented-control--container-breakpoint-size-xs",
+	segment,
+	"container-breakpoint-size-s": "flow--segmented-control--container-breakpoint-size-s",
+	"container-breakpoint-size-m": "flow--segmented-control--container-breakpoint-size-m",
+	"container-breakpoint-size-l": "flow--segmented-control--container-breakpoint-size-l",
+	"container-breakpoint-size-xl": "flow--segmented-control--container-breakpoint-size-xl"
+};
+//#endregion
+export { SegmentedControl_module_default as default, segment, segmentedControl, segmentedControlContainer, segments };
+
+//# sourceMappingURL=SegmentedControl.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.mjs","names":[],"sources":["../../../../../../../src/components/SegmentedControl/SegmentedControl.module.scss"],"sourcesContent":["@use \"@/styles/mixins/containerBreakpointSizes\";\n\n.segmentedControl {\n  order: 2;\n  container-type: inline-size;\n  isolation: isolate;\n\n  .segments {\n    display: flex;\n    flex-wrap: nowrap;\n    order: 2;\n  }\n}\n\n.segmentedControlContainer {\n  @include containerBreakpointSizes.containerBreakpointSizes(\n    250,\n    400,\n    550,\n    700,\n    850\n  ) {\n    .segmentedControl {\n      .segments {\n        flex-direction: column;\n      }\n\n      .segment {\n        margin-bottom: -1px; /* Collapse borders */\n        margin-inline-end: 0;\n\n        &:first-of-type {\n          border-start-start-radius: var(--form-control--corner-radius);\n          border-start-end-radius: var(--form-control--corner-radius);\n          border-end-start-radius: 0;\n        }\n\n        &:last-of-type {\n          border-end-end-radius: var(--form-control--corner-radius);\n          border-end-start-radius: var(--form-control--corner-radius);\n          border-start-end-radius: 0;\n          margin: 0;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.mjs

@@ -1,25 +1,27 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './Segment.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 { IconCheck } from '../../../Icon/components/icons/IconCheck.mjs';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
-
-const Segment = flowComponent("Segment", (props) => {
-  const { children, className, ref, ...rest } = props;
-  const rootClassName = clsx(styles.segment, className);
-  return /* @__PURE__ */ jsxs(Aria.Radio, { ...rest, className: rootClassName, ref, children: [
-    children,
-    /* @__PURE__ */ jsx(IconCheck, { className: styles.checkmark })
-  ] });
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import { IconCheck } from "../../../Icon/components/icons/IconCheck.mjs";
+import Segment_module_default from "./Segment.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/SegmentedControl/components/Segment/Segment.tsx
+/**
+* @deprecated Use `Tab` inside `Tabs`, or `Radio` inside a `RadioGroup`.
+* @flr-generate all
+*/
+var Segment = flowComponent("Segment", (props) => {
+	const { children, className, ref, ...rest } = props;
+	const rootClassName = clsx(Segment_module_default.segment, className);
+	return /* @__PURE__ */ jsxs(Aria.Radio, {
+		...rest,
+		className: rootClassName,
+		ref,
+		children: [children, /* @__PURE__ */ jsx(IconCheck, { className: Segment_module_default.checkmark })]
+	});
 });
+//#endregion
+export { Segment, Segment as default };
 
-export { Segment };
-//# sourceMappingURL=Segment.mjs.map
+//# sourceMappingURL=Segment.mjs.map

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.mjs","sources":["../../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {children}\n      <IconCheck className={styles.checkmark} />\n    </Aria.Radio>\n  );\n});\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;;AAcO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,IAAA,CAAC,KAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,SAAA,EAAW;AAAA,GAAA,EAC1C,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Segment.mjs","names":[],"sources":["../../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/**\n * @deprecated Use `Tab` inside `Tabs`, or `Radio` inside a `RadioGroup`.\n * @flr-generate all\n */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  // No deprecation warning here — a Segment only renders inside a\n  // SegmentedControl, which already warns.\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {children}\n      <IconCheck className={styles.checkmark} />\n    </Aria.Radio>\n  );\n});\n\nexport default Segment;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAa,UAAU,cAAc,YAAY,UAAU;CAGzD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,qBAAC,KAAK,OAAN;EAAY,GAAI;EAAM,WAAW;EAAoB;EAArD,UAAA,CACG,UACD,oBAAC,WAAD,EAAW,WAAW,uBAAO,UAAY,CAAA,CAC/B;;AAEhB,CAAC"}

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.module.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+//#region src/components/SegmentedControl/components/Segment/Segment.module.scss
+var segment = "flow--segmented-control--segment";
+var readonly = "flow--segmented-control--segment--readonly";
+var checkmark = "flow--segmented-control--segment--checkmark";
+var Segment_module_default = {
+	segment,
+	readonly,
+	checkmark
+};
+//#endregion
+export { checkmark, Segment_module_default as default, readonly, segment };
+
+//# sourceMappingURL=Segment.module.mjs.map

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.module.mjs","names":[],"sources":["../../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/formControl\";\n\n.segment {\n  flex: 1;\n  display: grid;\n  column-gap: var(--form-control--spacing-x);\n  grid-template-areas: \"label checkmark\";\n  grid-template-columns: 1fr auto;\n  margin-inline-end: -1px; /* Collapse borders */\n  z-index: 1;\n\n  @include formControl.formControl();\n  @include focus.focus();\n\n  & {\n    border-radius: 0;\n  }\n\n  &:first-of-type {\n    border-start-start-radius: var(--form-control--corner-radius);\n    border-end-start-radius: var(--form-control--corner-radius);\n  }\n\n  &:last-of-type {\n    border-start-end-radius: var(--form-control--corner-radius);\n    border-end-end-radius: var(--form-control--corner-radius);\n    margin: 0;\n  }\n\n  .checkmark {\n    grid-area: checkmark;\n    display: none;\n  }\n\n  &[data-selected] {\n    z-index: 2;\n\n    .checkmark {\n      display: block;\n    }\n  }\n\n  &[data-disabled] {\n    z-index: 0;\n  }\n}\n"],"mappings":""}

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

@@ -1,96 +1,71 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import * as Aria from 'react-aria-components';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import formFieldStyles from '../FormField/FormField.module.scss.mjs';
-import styles from './Select.module.scss.mjs';
-import clsx from 'clsx';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Options } from '../Options/Options.mjs';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import 'mobx';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-
-const Select = flowComponent("Select", (props) => {
-  const {
-    children,
-    className,
-    onChange,
-    onSelectionChange,
-    isReadOnly,
-    ref,
-    ...rest
-  } = props;
-  const {
-    FieldErrorView,
-    fieldPropsContext,
-    fieldProps,
-    FieldErrorCaptureContext
-  } = useFieldComponent(props);
-  const rootClassName = clsx(
-    styles.select,
-    formFieldStyles.formField,
-    className
-  );
-  const propsContext = {
-    Option: {
-      tunnelId: "options"
-    },
-    ...fieldPropsContext
-  };
-  const controller = useOverlayController("Select", {
-    reuseControllerFromContext: false
-  });
-  const isOpen = controller.useIsOpen();
-  return /* @__PURE__ */ jsx(
-    Aria.Select,
-    {
-      ...rest,
-      ...fieldProps,
-      className: clsx(rootClassName, fieldProps.className),
-      onChange: (value) => {
-        if (!isReadOnly) {
-          onChange?.(value);
-          onSelectionChange?.(value);
-        }
-      },
-      onOpenChange: (isOpen2) => !isReadOnly && controller.setOpen(isOpen2),
-      isOpen,
-      "data-readonly": isReadOnly,
-      children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-        /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
-          /* @__PURE__ */ jsxs(
-            Aria.Button,
-            {
-              "data-readonly": isReadOnly,
-              className: styles.toggle,
-              ref,
-              children: [
-                /* @__PURE__ */ jsx(Aria.SelectValue, {}),
-                /* @__PURE__ */ jsx(IconChevronDown, {})
-              ]
-            }
-          ),
-          children,
-          /* @__PURE__ */ jsx(Options, { controller, children: /* @__PURE__ */ jsx(TunnelExit, { id: "options" }) })
-        ] }) }),
-        /* @__PURE__ */ jsx(FieldErrorView, {})
-      ] })
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useWarnDeprecation } from "../DeprecationWarningProvider/DeprecationWarningProvider.mjs";
+import { IconChevronDown } from "../Icon/components/icons/IconChevronDown.mjs";
+import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
+import { Options } from "../Options/Options.mjs";
+import FormField_module_default from "../FormField/FormField.module.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import Select_module_default from "./Select.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Select/Select.tsx
+/** @flr-generate all */
+var Select = flowComponent("Select", (props) => {
+	const { children, className, onChange, onSelectionChange, isReadOnly, ref, ...rest } = props;
+	const warnDeprecation = useWarnDeprecation();
+	if (onSelectionChange !== void 0) warnDeprecation("The 'onSelectionChange' prop is deprecated and will be removed in a future release. Use 'onChange' instead.");
+	const { FieldErrorView, fieldPropsContext, fieldProps, FieldErrorCaptureContext } = useFieldComponent(props, "Select");
+	const rootClassName = clsx(Select_module_default.select, FormField_module_default.formField, className);
+	const propsContext = {
+		Option: { tunnel: {
+			id: "options",
+			component: "Select"
+		} },
+		...fieldPropsContext
+	};
+	const controller = useOverlayController("Select", { reuseControllerFromContext: false });
+	const isOpen = controller.useIsOpen();
+	return /* @__PURE__ */ jsxs(Aria.Select, {
+		...rest,
+		...fieldProps,
+		className: clsx(rootClassName, fieldProps.className),
+		onChange: (value) => {
+			if (!isReadOnly) {
+				onChange?.(value);
+				onSelectionChange?.(value);
+			}
+		},
+		onOpenChange: (isOpen) => !isReadOnly && controller.setOpen(isOpen),
+		isOpen,
+		"data-readonly": isReadOnly,
+		children: [/* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsxs(PropsContextProvider, {
+			props: propsContext,
+			children: [
+				/* @__PURE__ */ jsxs(Aria.Button, {
+					"data-readonly": isReadOnly,
+					className: Select_module_default.toggle,
+					ref,
+					children: [/* @__PURE__ */ jsx(Aria.SelectValue, { children: ({ selectedText, isPlaceholder }) => isPlaceholder || !selectedText ? void 0 : selectedText }), /* @__PURE__ */ jsx(IconChevronDown, {})]
+				}),
+				children,
+				/* @__PURE__ */ jsx(Options, {
+					controller,
+					children: /* @__PURE__ */ jsx(UiComponentTunnelExit, {
+						id: "options",
+						component: "Select"
+					})
+				})
+			]
+		}) }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+	});
 });
+//#endregion
+export { Select, Select as default };
 
-export { Select };
-//# sourceMappingURL=Select.mjs.map
+//# sourceMappingURL=Select.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface SelectProps\n  extends\n    PropsWithChildren<Omit<Aria.SelectProps, \"children\" | \"className\" | \"ref\">>,\n    FlowComponentProps<HTMLButtonElement>,\n    PropsWithClassName {\n  /** Handler that is called when the selected value changes. */\n  onChange?: (value: Key | null) => void;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n  const {\n    children,\n    className,\n    onChange,\n    onSelectionChange,\n    isReadOnly,\n    ref,\n    ...rest\n  } = props;\n\n  const {\n    FieldErrorView,\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(\n    styles.select,\n    formFieldStyles.formField,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Option: {\n      tunnelId: \"options\",\n    },\n    ...fieldPropsContext,\n  };\n\n  const controller = useOverlayController(\"Select\", {\n    reuseControllerFromContext: false,\n  });\n  const isOpen = controller.useIsOpen();\n\n  return (\n    <Aria.Select\n      {...rest}\n      {...fieldProps}\n      className={clsx(rootClassName, fieldProps.className)}\n      onChange={(value) => {\n        if (!isReadOnly) {\n          onChange?.(value);\n          onSelectionChange?.(value);\n        }\n      }}\n      onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      data-readonly={isReadOnly}\n    >\n      <TunnelProvider>\n        <FieldErrorCaptureContext>\n          <PropsContextProvider props={propsContext}>\n            <Aria.Button\n              data-readonly={isReadOnly}\n              className={styles.toggle}\n              ref={ref}\n            >\n              <Aria.SelectValue />\n              <IconChevronDown />\n            </Aria.Button>\n            {children}\n            <Options controller={controller}>\n              <TunnelExit id=\"options\" />\n            </Options>\n          </PropsContextProvider>\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </TunnelProvider>\n    </Aria.Select>\n  );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,eAAA,CAAgB,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,UAAA,GAAa,qBAAqB,QAAA,EAAU;AAAA,IAChD,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AACD,EAAA,MAAM,MAAA,GAAS,WAAW,SAAA,EAAU;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,SAAA,EAAW,IAAA,CAAK,aAAA,EAAe,UAAA,CAAW,SAAS,CAAA;AAAA,MACnD,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,QAAA,IAAI,CAAC,UAAA,EAAY;AACf,UAAA,QAAA,GAAW,KAAK,CAAA;AAChB,UAAA,iBAAA,GAAoB,KAAK,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,cAAc,CAACA,OAAAA,KAAW,CAAC,UAAA,IAAc,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MAClE,MAAA;AAAA,MACA,eAAA,EAAe,UAAA;AAAA,MAEf,+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,IAAA;AAAA,YAAC,IAAA,CAAK,MAAA;AAAA,YAAL;AAAA,cACC,eAAA,EAAe,UAAA;AAAA,cACf,WAAW,MAAA,CAAO,MAAA;AAAA,cAClB,GAAA;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,oCACjB,eAAA,EAAA,EAAgB;AAAA;AAAA;AAAA,WACnB;AAAA,UACC,QAAA;AAAA,8BACA,OAAA,EAAA,EAAQ,UAAA,EACP,8BAAC,UAAA,EAAA,EAAW,EAAA,EAAG,WAAU,CAAA,EAC3B;AAAA,SAAA,EACF,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA,OAAA,EAClB;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { UiComponentTunnelExit } from \"../UiComponentTunnel/UiComponentTunnelExit\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\nexport interface SelectProps\n  extends\n    PropsWithChildren<\n      Omit<\n        Aria.SelectProps<string, \"single\" | \"multiple\">,\n        \"children\" | \"className\" | \"ref\"\n      >\n    >,\n    FlowComponentProps<HTMLButtonElement>,\n    PropsWithClassName {\n  /** Handler that is called when the selected value changes. */\n  onChange?: (value: Key | Key[] | null) => void;\n  /** @deprecated Use `onChange` instead. */\n  onSelectionChange?: (value: Key | Key[] | null) => void;\n  /** Whether the component is read only. */\n  isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n  const {\n    children,\n    className,\n    onChange,\n    onSelectionChange,\n    isReadOnly,\n    ref,\n    ...rest\n  } = props;\n\n  const warnDeprecation = useWarnDeprecation();\n  if (onSelectionChange !== undefined) {\n    warnDeprecation(\n      \"The 'onSelectionChange' prop is deprecated and will be removed in a future release. Use 'onChange' instead.\",\n    );\n  }\n\n  const {\n    FieldErrorView,\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props, \"Select\");\n\n  const rootClassName = clsx(\n    styles.select,\n    formFieldStyles.formField,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Option: {\n      tunnel: {\n        id: \"options\",\n        component: \"Select\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const controller = useOverlayController(\"Select\", {\n    reuseControllerFromContext: false,\n  });\n  const isOpen = controller.useIsOpen();\n\n  return (\n    <Aria.Select\n      {...rest}\n      {...fieldProps}\n      className={clsx(rootClassName, fieldProps.className)}\n      onChange={(value) => {\n        if (!isReadOnly) {\n          onChange?.(value);\n          onSelectionChange?.(value);\n        }\n      }}\n      onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      data-readonly={isReadOnly}\n    >\n      <FieldErrorCaptureContext>\n        <PropsContextProvider props={propsContext}>\n          <Aria.Button\n            data-readonly={isReadOnly}\n            className={styles.toggle}\n            ref={ref}\n          >\n            <Aria.SelectValue>\n              {({ selectedText, isPlaceholder }) =>\n                isPlaceholder || !selectedText ? undefined : selectedText\n              }\n            </Aria.SelectValue>\n            <IconChevronDown />\n          </Aria.Button>\n          {children}\n          <Options controller={controller}>\n            <UiComponentTunnelExit id=\"options\" component=\"Select\" />\n          </Options>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.Select>\n  );\n});\n\nexport default Select;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,IAAa,SAAS,cAAc,WAAW,UAAU;CACvD,MAAM,EACJ,UACA,WACA,UACA,mBACA,YACA,KACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,mBAAmB;CAC3C,IAAI,sBAAsB,KAAA,GACxB,gBACE,6GACF;CAGF,MAAM,EACJ,gBACA,mBACA,YACA,6BACE,kBAAkB,OAAO,QAAQ;CAErC,MAAM,gBAAgB,KACpB,sBAAO,QACP,yBAAgB,WAChB,SACF;CAEA,MAAM,eAA6B;EACjC,QAAQ,EACN,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,GAAG;CACL;CAEA,MAAM,aAAa,qBAAqB,UAAU,EAChD,4BAA4B,MAC9B,CAAC;CACD,MAAM,SAAS,WAAW,UAAU;CAEpC,OACE,qBAAC,KAAK,QAAN;EACE,GAAI;EACJ,GAAI;EACJ,WAAW,KAAK,eAAe,WAAW,SAAS;EACnD,WAAW,UAAU;GACnB,IAAI,CAAC,YAAY;IACf,WAAW,KAAK;IAChB,oBAAoB,KAAK;GAC3B;EACF;EACA,eAAe,WAAW,CAAC,cAAc,WAAW,QAAQ,MAAM;EAC1D;EACR,iBAAe;EAZjB,UAAA,CAcE,oBAAC,0BAAD,EAAA,UACE,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA;IACE,qBAAC,KAAK,QAAN;KACE,iBAAe;KACf,WAAW,sBAAO;KACb;KAHP,UAAA,CAKE,oBAAC,KAAK,aAAN,EAAA,WACI,EAAE,cAAc,oBAChB,iBAAiB,CAAC,eAAe,KAAA,IAAY,aAE/B,CAAA,GAClB,oBAAC,iBAAD,CAAkB,CAAA,CACP;;IACZ;IACD,oBAAC,SAAD;KAAqB;KACnB,UAAA,oBAAC,uBAAD;MAAuB,IAAG;MAAU,WAAU;KAAU,CAAA;IACjD,CAAA;GACW;EACE,CAAA,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACN;;AAEjB,CAAC"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+//#region src/components/Select/Select.module.scss
+var select = "flow--select";
+var toggle = "flow--select--toggle";
+var readonly = "flow--select--readonly";
+var Select_module_default = {
+	select,
+	toggle,
+	readonly
+};
+//#endregion
+export { Select_module_default as default, readonly, select, toggle };
+
+//# sourceMappingURL=Select.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.module.mjs","names":[],"sources":["../../../../../../../src/components/Select/Select.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.select {\n  .toggle {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: normal;\n    font-size: var(--font-size-text--m);\n    text-align: start;\n\n    @include formControl.formControl();\n\n    & {\n      padding-inline-end: var(--button--padding-icon-only);\n    }\n\n    :global(.flow--option--check-mark) {\n      display: none;\n    }\n  }\n\n  &[data-invalid] {\n    .toggle {\n      border-color: var(--form-control--border-color--invalid);\n      background-color: var(--form-control--background-color--invalid);\n    }\n  }\n\n  :global(.react-aria-SelectValue) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

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

@@ -1,20 +1,21 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import clsx from 'clsx';
-import styles from './Separator.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-
-const Separator = (props) => {
-  const { className, orientation = "horizontal", ...rest } = props;
-  const rootClassName = clsx(
-    styles.separator,
-    orientation === "vertical" && styles.vertical,
-    className
-  );
-  return /* @__PURE__ */ jsx(Aria.Separator, { elementType: "hr", className: rootClassName, ...rest });
+import Separator_module_default from "./Separator.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Separator/Separator.tsx
+/** @flr-generate all */
+var Separator = (props) => {
+	const { className, orientation = "horizontal", ...rest } = props;
+	const rootClassName = clsx(Separator_module_default.separator, orientation === "vertical" && Separator_module_default.vertical, className);
+	return /* @__PURE__ */ jsx(Aria.Separator, {
+		elementType: "hr",
+		className: rootClassName,
+		...rest
+	});
 };
+//#endregion
+export { Separator, Separator as default };
 
-export { Separator };
-//# sourceMappingURL=Separator.mjs.map
+//# sourceMappingURL=Separator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.mjs","sources":["../../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Aria.SeparatorProps;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n  const { className, orientation = \"horizontal\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.separator,\n    orientation === \"vertical\" && styles.vertical,\n    className,\n  );\n\n  return (\n    <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n  );\n};\n\nexport default Separator;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,GAAc,YAAA,EAAc,GAAG,MAAK,GAAI,KAAA;AAE3D,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,SAAA;AAAA,IACP,WAAA,KAAgB,cAAc,MAAA,CAAO,QAAA;AAAA,IACrC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,aAAY,IAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAEzE;;;;"}
+{"version":3,"file":"Separator.mjs","names":[],"sources":["../../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Aria.SeparatorProps;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n  const { className, orientation = \"horizontal\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.separator,\n    orientation === \"vertical\" && styles.vertical,\n    className,\n  );\n\n  return (\n    <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n  );\n};\n\nexport default Separator;\n"],"mappings":";;;;;;;;AAQA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,WAAW,cAAc,cAAc,GAAG,SAAS;CAE3D,MAAM,gBAAgB,KACpB,yBAAO,WACP,gBAAgB,cAAc,yBAAO,UACrC,SACF;CAEA,OACE,oBAAC,KAAK,WAAN;EAAgB,aAAY;EAAK,WAAW;EAAe,GAAI;CAAO,CAAA;AAE1E"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+//#region src/components/Separator/Separator.module.scss
+var separator = "flow--separator";
+var vertical = "flow--separator--vertical";
+var Separator_module_default = {
+	separator,
+	vertical
+};
+//#endregion
+export { Separator_module_default as default, separator, vertical };
+
+//# sourceMappingURL=Separator.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.module.mjs","names":[],"sources":["../../../../../../../src/components/Separator/Separator.module.scss"],"sourcesContent":[".separator {\n  border: 0;\n\n  &:where(:not(.vertical)) {\n    border-top: var(--separator--height) var(--separator--border-style)\n      var(--separator--color);\n    width: 100%;\n  }\n\n  &.vertical {\n    border-inline-end: var(--separator--height) var(--separator--border-style)\n      var(--separator--color);\n    height: auto;\n  }\n}\n"],"mappings":""}