@lmb-it/kitsconcerto-native 0.1.236

package/form/inputs/RadiusPicker/components/LatLngInput.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Flex from '../../../../layout/Flex/index.js';
+import KitsInputText from '../../InputText/index.js';
+
+const LatLngInput = ({ value, disabled, readOnly, labels, onCommit }) => {
+  const [lat, setLat] = useState(String(value.lat));
+  const [lng, setLng] = useState(String(value.lng));
+  useEffect(() => setLat(String(value.lat)), [value.lat]);
+  useEffect(() => setLng(String(value.lng)), [value.lng]);
+  const commit = () => {
+    const nextLat = Number.parseFloat(lat);
+    const nextLng = Number.parseFloat(lng);
+    const safeLat = Number.isFinite(nextLat) ? nextLat : value.lat;
+    const safeLng = Number.isFinite(nextLng) ? nextLng : value.lng;
+    if (safeLat !== value.lat || safeLng !== value.lng) {
+      onCommit({ lat: safeLat, lng: safeLng });
+    } else {
+      setLat(String(value.lat));
+      setLng(String(value.lng));
+    }
+  };
+  const readPayload = (e) => typeof e === "string" ? e : e?.target?.value ?? "";
+  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: 8, w: "full", children: [
+    /* @__PURE__ */ jsx(Flex, { flex: 1, children: /* @__PURE__ */ jsx(
+      KitsInputText,
+      {
+        value: lat,
+        label: labels?.lat ?? "Lat",
+        disabled: disabled || readOnly,
+        keyFilter: /^-?\d*\.?\d*$/,
+        keyboardType: "decimal-pad",
+        onChange: (e) => setLat(readPayload(e)),
+        onBlur: commit,
+        onSubmitEditing: commit
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Flex, { flex: 1, children: /* @__PURE__ */ jsx(
+      KitsInputText,
+      {
+        value: lng,
+        label: labels?.lng ?? "Lng",
+        disabled: disabled || readOnly,
+        keyFilter: /^-?\d*\.?\d*$/,
+        keyboardType: "decimal-pad",
+        onChange: (e) => setLng(readPayload(e)),
+        onBlur: commit,
+        onSubmitEditing: commit
+      }
+    ) })
+  ] });
+};
+
+export { LatLngInput };
+//# sourceMappingURL=LatLngInput.js.map

package/form/inputs/RadiusPicker/components/LatLngInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LatLngInput.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/LatLngInput.tsx"],"sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport type {LatLng} from \"@lmb-it/kitsconcerto-types\";\nimport {EKeyFilter} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex, KitsInputText} from \"../../../../_compat\";\n\ninterface Props {\n    value: LatLng;\n    disabled?: boolean;\n    readOnly?: boolean;\n    labels?: {lat?: string; lng?: string};\n    onCommit: (next: LatLng) => void;\n}\n\nexport const LatLngInput: React.FC<Props> = ({value, disabled, readOnly, labels, onCommit}) => {\n    const [lat, setLat] = useState<string>(String(value.lat));\n    const [lng, setLng] = useState<string>(String(value.lng));\n\n    useEffect(() => setLat(String(value.lat)), [value.lat]);\n    useEffect(() => setLng(String(value.lng)), [value.lng]);\n\n    const commit = () => {\n        const nextLat = Number.parseFloat(lat);\n        const nextLng = Number.parseFloat(lng);\n        const safeLat = Number.isFinite(nextLat) ? nextLat : value.lat;\n        const safeLng = Number.isFinite(nextLng) ? nextLng : value.lng;\n        if (safeLat !== value.lat || safeLng !== value.lng) {\n            onCommit({lat: safeLat, lng: safeLng});\n        } else {\n            setLat(String(value.lat));\n            setLng(String(value.lng));\n        }\n    };\n\n    const readPayload = (e: any): string =>\n        typeof e === \"string\" ? e : (e?.target?.value ?? \"\");\n\n    return (\n        <Flex flexDirection=\"row\" gap={8} w=\"full\">\n            <Flex flex={1}>\n                <KitsInputText\n                    value={lat}\n                    label={labels?.lat ?? \"Lat\"}\n                    disabled={disabled || readOnly}\n                    keyFilter={/^-?\\d*\\.?\\d*$/}\n                    keyboardType=\"decimal-pad\"\n                    onChange={(e: any) => setLat(readPayload(e))}\n                    onBlur={commit as any}\n                    onSubmitEditing={commit}\n                />\n            </Flex>\n            <Flex flex={1}>\n                <KitsInputText\n                    value={lng}\n                    label={labels?.lng ?? \"Lng\"}\n                    disabled={disabled || readOnly}\n                    keyFilter={/^-?\\d*\\.?\\d*$/}\n                    keyboardType=\"decimal-pad\"\n                    onChange={(e: any) => setLng(readPayload(e))}\n                    onBlur={commit as any}\n                    onSubmitEditing={commit}\n                />\n            </Flex>\n        </Flex>\n    );\n};\n\nexport default LatLngInput;\n"],"names":[],"mappings":"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"}

package/form/inputs/RadiusPicker/components/MapWrapper.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../layout/Flex/index.cjs');
+
+const MapWrapper = ({
+  center,
+  radius,
+  unit,
+  interactive,
+  setCenter,
+  setRadius,
+  styleClasses,
+  render
+}) => {
+  if (!render) return null;
+  const rendered = render({
+    center,
+    radius,
+    unit,
+    setCenter,
+    setRadius,
+    interactive,
+    styleClasses
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      w: "full",
+      position: "relative",
+      overflow: "hidden",
+      borderRadius: 8,
+      ...styleClasses,
+      children: rendered
+    }
+  );
+};
+
+exports.MapWrapper = MapWrapper;
+//# sourceMappingURL=MapWrapper.cjs.map

package/form/inputs/RadiusPicker/components/MapWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/components/MapWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport type {ReactNode} from \"react\";\nimport type {IStyleClasses, LatLng, RadiusUnit, RenderMapProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../../_compat\";\n\ninterface Props {\n    center: LatLng;\n    radius: number;\n    unit: RadiusUnit;\n    interactive: boolean;\n    setCenter: (c: LatLng) => void;\n    setRadius: (r: number) => void;\n    styleClasses?: IStyleClasses;\n    render?: (props: RenderMapProps) => ReactNode;\n}\n\n/**\n * Holds the layout slot for the map view. The actual map is provided by the\n * caller via the `render` prop — KitsConcerto ships no map library. When no\n * render prop is given this returns null; the parent only mounts the map\n * column once a `render` is supplied (otherwise it renders input-only).\n */\nexport const MapWrapper: React.FC<Props> = ({\n    center,\n    radius,\n    unit,\n    interactive,\n    setCenter,\n    setRadius,\n    styleClasses,\n    render,\n}) => {\n    if (!render) return null;\n\n    const rendered = render({\n        center,\n        radius,\n        unit,\n        setCenter,\n        setRadius,\n        interactive,\n        styleClasses,\n    });\n\n    return (\n        <Flex\n            w=\"full\"\n            position=\"relative\"\n            overflow=\"hidden\"\n            borderRadius={8}\n            {...(styleClasses as object)}\n        >\n            {rendered}\n        </Flex>\n    );\n};\n\nexport default MapWrapper;\n"],"names":["jsx","Flex"],"mappings":";;;;;AAsBO,MAAM,aAA8B,CAAC;AAAA,EACxC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACF,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAW,MAAA,CAAO;AAAA,IACpB,MAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACH,CAAA;AAED,EAAA,uBACIA,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,MAAA;AAAA,MACF,QAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAS,QAAA;AAAA,MACT,YAAA,EAAc,CAAA;AAAA,MACb,GAAI,YAAA;AAAA,MAEJ,QAAA,EAAA;AAAA;AAAA,GACL;AAER;;;;"}

package/form/inputs/RadiusPicker/components/MapWrapper.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import Flex from '../../../../layout/Flex/index.js';
+
+const MapWrapper = ({
+  center,
+  radius,
+  unit,
+  interactive,
+  setCenter,
+  setRadius,
+  styleClasses,
+  render
+}) => {
+  if (!render) return null;
+  const rendered = render({
+    center,
+    radius,
+    unit,
+    setCenter,
+    setRadius,
+    interactive,
+    styleClasses
+  });
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      w: "full",
+      position: "relative",
+      overflow: "hidden",
+      borderRadius: 8,
+      ...styleClasses,
+      children: rendered
+    }
+  );
+};
+
+export { MapWrapper };
+//# sourceMappingURL=MapWrapper.js.map

package/form/inputs/RadiusPicker/components/MapWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWrapper.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/MapWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport type {ReactNode} from \"react\";\nimport type {IStyleClasses, LatLng, RadiusUnit, RenderMapProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex} from \"../../../../_compat\";\n\ninterface Props {\n    center: LatLng;\n    radius: number;\n    unit: RadiusUnit;\n    interactive: boolean;\n    setCenter: (c: LatLng) => void;\n    setRadius: (r: number) => void;\n    styleClasses?: IStyleClasses;\n    render?: (props: RenderMapProps) => ReactNode;\n}\n\n/**\n * Holds the layout slot for the map view. The actual map is provided by the\n * caller via the `render` prop — KitsConcerto ships no map library. When no\n * render prop is given this returns null; the parent only mounts the map\n * column once a `render` is supplied (otherwise it renders input-only).\n */\nexport const MapWrapper: React.FC<Props> = ({\n    center,\n    radius,\n    unit,\n    interactive,\n    setCenter,\n    setRadius,\n    styleClasses,\n    render,\n}) => {\n    if (!render) return null;\n\n    const rendered = render({\n        center,\n        radius,\n        unit,\n        setCenter,\n        setRadius,\n        interactive,\n        styleClasses,\n    });\n\n    return (\n        <Flex\n            w=\"full\"\n            position=\"relative\"\n            overflow=\"hidden\"\n            borderRadius={8}\n            {...(styleClasses as object)}\n        >\n            {rendered}\n        </Flex>\n    );\n};\n\nexport default MapWrapper;\n"],"names":[],"mappings":";;;AAsBO,MAAM,aAA8B,CAAC;AAAA,EACxC,MAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACF,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAW,MAAA,CAAO;AAAA,IACpB,MAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACH,CAAA;AAED,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAE,MAAA;AAAA,MACF,QAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAS,QAAA;AAAA,MACT,YAAA,EAAc,CAAA;AAAA,MACb,GAAI,YAAA;AAAA,MAEJ,QAAA,EAAA;AAAA;AAAA,GACL;AAER;;;;"}

package/form/inputs/RadiusPicker/components/NumericRadiusInput.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var enums = require('../../../../packages/types/src/Components/Molecules/Form/Base/enums.cjs');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../../../packages/types/src/Css/map/index.cjs');
+require('../../../../packages/types/src/Theme/shadows.cjs');
+require('../../../../packages/types/src/Theme/defaultTheme.cjs');
+var index_native = require('../../InputText/index.cjs');
+
+const NumericRadiusInput = ({
+  value,
+  unit,
+  min,
+  max,
+  disabled,
+  readOnly,
+  label,
+  onCommit
+}) => {
+  const [draft, setDraft] = React.useState(String(value));
+  React.useEffect(() => {
+    setDraft(String(value));
+  }, [value]);
+  const commit = () => {
+    const parsed = Number.parseFloat(draft);
+    if (Number.isFinite(parsed)) {
+      onCommit(parsed);
+    } else {
+      setDraft(String(value));
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      value: draft,
+      label,
+      disabled: disabled || readOnly,
+      keyFilter: enums.EKeyFilter.Number,
+      keyboardType: "decimal-pad",
+      onChange: (next) => setDraft(typeof next === "string" ? next : next?.target?.value ?? ""),
+      onBlur: commit,
+      onSubmitEditing: commit
+    }
+  );
+};
+
+exports.NumericRadiusInput = NumericRadiusInput;
+//# sourceMappingURL=NumericRadiusInput.cjs.map

package/form/inputs/RadiusPicker/components/NumericRadiusInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericRadiusInput.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/components/NumericRadiusInput.tsx"],"sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {EKeyFilter} from \"@lmb-it/kitsconcerto-types\";\nimport {KitsInputText} from \"../../../../_compat\";\n\ninterface Props {\n    value: number;\n    unit: RadiusUnit;\n    min: number;\n    max: number;\n    disabled?: boolean;\n    readOnly?: boolean;\n    label?: string;\n    onCommit: (next: number) => void;\n}\n\n/**\n * Local-state numeric input with commit-on-blur semantics. Allows the user\n * to type freely (including a temporarily-empty field) while a controlled\n * `value` is shown as the fallback. On blur or Enter, the parsed number is\n * forwarded to `onCommit`, which is responsible for clamping + applying.\n */\nexport const NumericRadiusInput: React.FC<Props> = ({\n    value,\n    unit,\n    min,\n    max,\n    disabled,\n    readOnly,\n    label,\n    onCommit,\n}) => {\n    const [draft, setDraft] = useState<string>(String(value));\n\n    useEffect(() => {\n        setDraft(String(value));\n    }, [value]);\n\n    const commit = () => {\n        const parsed = Number.parseFloat(draft);\n        if (Number.isFinite(parsed)) {\n            onCommit(parsed);\n        } else {\n            setDraft(String(value));\n        }\n    };\n\n    return (\n        <KitsInputText\n            value={draft}\n            label={label}\n            disabled={disabled || readOnly}\n            keyFilter={EKeyFilter.Number}\n            keyboardType=\"decimal-pad\"\n            onChange={(next: any) => setDraft(typeof next === \"string\" ? next : (next?.target?.value ?? \"\"))}\n            onBlur={commit as any}\n            onSubmitEditing={commit}\n        />\n    );\n};\n\nexport default NumericRadiusInput;\n"],"names":["useState","useEffect","jsx","KitsInputText","EKeyFilter"],"mappings":";;;;;;;;;;;;;;;AAsBO,MAAM,qBAAsC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACF,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAIA,cAAA,CAAiB,MAAA,CAAO,KAAK,CAAC,CAAA;AAExD,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,QAAA,CAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,SAAS,MAAM;AACjB,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AACtC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG;AACzB,MAAA,QAAA,CAAS,MAAM,CAAA;AAAA,IACnB,CAAA,MAAO;AACH,MAAA,QAAA,CAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IAC1B;AAAA,EACJ,CAAA;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACG,KAAA,EAAO,KAAA;AAAA,MACP,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,QAAA;AAAA,MACtB,WAAWC,gBAAA,CAAW,MAAA;AAAA,MACtB,YAAA,EAAa,aAAA;AAAA,MACb,QAAA,EAAU,CAAC,IAAA,KAAc,QAAA,CAAS,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAQ,IAAA,EAAM,MAAA,EAAQ,KAAA,IAAS,EAAG,CAAA;AAAA,MAC/F,MAAA,EAAQ,MAAA;AAAA,MACR,eAAA,EAAiB;AAAA;AAAA,GACrB;AAER;;;;"}

package/form/inputs/RadiusPicker/components/NumericRadiusInput.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { EKeyFilter } from '../../../../packages/types/src/Components/Molecules/Form/Base/enums.js';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../../packages/types/src/Css/map/index.js';
+import '../../../../packages/types/src/Theme/shadows.js';
+import '../../../../packages/types/src/Theme/defaultTheme.js';
+import KitsInputText from '../../InputText/index.js';
+
+const NumericRadiusInput = ({
+  value,
+  unit,
+  min,
+  max,
+  disabled,
+  readOnly,
+  label,
+  onCommit
+}) => {
+  const [draft, setDraft] = useState(String(value));
+  useEffect(() => {
+    setDraft(String(value));
+  }, [value]);
+  const commit = () => {
+    const parsed = Number.parseFloat(draft);
+    if (Number.isFinite(parsed)) {
+      onCommit(parsed);
+    } else {
+      setDraft(String(value));
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    KitsInputText,
+    {
+      value: draft,
+      label,
+      disabled: disabled || readOnly,
+      keyFilter: EKeyFilter.Number,
+      keyboardType: "decimal-pad",
+      onChange: (next) => setDraft(typeof next === "string" ? next : next?.target?.value ?? ""),
+      onBlur: commit,
+      onSubmitEditing: commit
+    }
+  );
+};
+
+export { NumericRadiusInput };
+//# sourceMappingURL=NumericRadiusInput.js.map

package/form/inputs/RadiusPicker/components/NumericRadiusInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumericRadiusInput.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/NumericRadiusInput.tsx"],"sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {EKeyFilter} from \"@lmb-it/kitsconcerto-types\";\nimport {KitsInputText} from \"../../../../_compat\";\n\ninterface Props {\n    value: number;\n    unit: RadiusUnit;\n    min: number;\n    max: number;\n    disabled?: boolean;\n    readOnly?: boolean;\n    label?: string;\n    onCommit: (next: number) => void;\n}\n\n/**\n * Local-state numeric input with commit-on-blur semantics. Allows the user\n * to type freely (including a temporarily-empty field) while a controlled\n * `value` is shown as the fallback. On blur or Enter, the parsed number is\n * forwarded to `onCommit`, which is responsible for clamping + applying.\n */\nexport const NumericRadiusInput: React.FC<Props> = ({\n    value,\n    unit,\n    min,\n    max,\n    disabled,\n    readOnly,\n    label,\n    onCommit,\n}) => {\n    const [draft, setDraft] = useState<string>(String(value));\n\n    useEffect(() => {\n        setDraft(String(value));\n    }, [value]);\n\n    const commit = () => {\n        const parsed = Number.parseFloat(draft);\n        if (Number.isFinite(parsed)) {\n            onCommit(parsed);\n        } else {\n            setDraft(String(value));\n        }\n    };\n\n    return (\n        <KitsInputText\n            value={draft}\n            label={label}\n            disabled={disabled || readOnly}\n            keyFilter={EKeyFilter.Number}\n            keyboardType=\"decimal-pad\"\n            onChange={(next: any) => setDraft(typeof next === \"string\" ? next : (next?.target?.value ?? \"\"))}\n            onBlur={commit as any}\n            onSubmitEditing={commit}\n        />\n    );\n};\n\nexport default NumericRadiusInput;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAsBO,MAAM,qBAAsC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACF,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAI,QAAA,CAAiB,MAAA,CAAO,KAAK,CAAC,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,QAAA,CAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,SAAS,MAAM;AACjB,IAAA,MAAM,MAAA,GAAS,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AACtC,IAAA,IAAI,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG;AACzB,MAAA,QAAA,CAAS,MAAM,CAAA;AAAA,IACnB,CAAA,MAAO;AACH,MAAA,QAAA,CAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IAC1B;AAAA,EACJ,CAAA;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,KAAA,EAAO,KAAA;AAAA,MACP,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,QAAA;AAAA,MACtB,WAAW,UAAA,CAAW,MAAA;AAAA,MACtB,YAAA,EAAa,aAAA;AAAA,MACb,QAAA,EAAU,CAAC,IAAA,KAAc,QAAA,CAAS,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAQ,IAAA,EAAM,MAAA,EAAQ,KAAA,IAAS,EAAG,CAAA;AAAA,MAC/F,MAAA,EAAQ,MAAA;AAAA,MACR,eAAA,EAAiB;AAAA;AAAA,GACrB;AAER;;;;"}

package/form/inputs/RadiusPicker/components/PresetChips.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../layout/Flex/index.cjs');
+var index_native = require('../../../../components/Chip/index.cjs');
+
+const eq = (a, b) => Math.abs(a - b) < 1e-6;
+const PresetChips = ({ presets, value, unit, disabled, onSelect }) => {
+  if (!presets || presets.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { flexDirection: "row", flexWrap: "wrap", gap: 6, alignItems: "center", children: presets.map((preset) => {
+    const selected = eq(preset, value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.Chip,
+      {
+        label: `${preset} ${unit}`,
+        selected,
+        disabled,
+        size: "sm",
+        severity: selected ? "brand" : "secondary",
+        onPress: () => onSelect(preset)
+      },
+      preset
+    );
+  }) });
+};
+
+exports.PresetChips = PresetChips;
+//# sourceMappingURL=PresetChips.cjs.map

package/form/inputs/RadiusPicker/components/PresetChips.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetChips.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/components/PresetChips.tsx"],"sourcesContent":["import React from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {Chip, Flex} from \"../../../../_compat\";\n\ninterface Props {\n    presets: number[];\n    value: number;\n    unit: RadiusUnit;\n    disabled?: boolean;\n    onSelect: (next: number) => void;\n}\n\nconst eq = (a: number, b: number): boolean => Math.abs(a - b) < 1e-6;\n\nexport const PresetChips: React.FC<Props> = ({presets, value, unit, disabled, onSelect}) => {\n    if (!presets || presets.length === 0) return null;\n\n    return (\n        <Flex flexDirection=\"row\" flexWrap=\"wrap\" gap={6} alignItems=\"center\">\n            {presets.map((preset) => {\n                const selected = eq(preset, value);\n                return (\n                    <Chip\n                        key={preset}\n                        label={`${preset} ${unit}`}\n                        selected={selected}\n                        disabled={disabled}\n                        size=\"sm\"\n                        severity={selected ? \"brand\" : \"secondary\"}\n                        onPress={() => onSelect(preset)}\n                    />\n                );\n            })}\n        </Flex>\n    );\n};\n\nexport default PresetChips;\n"],"names":["jsx","Flex","Chip"],"mappings":";;;;;;AAYA,MAAM,EAAA,GAAK,CAAC,CAAA,EAAW,CAAA,KAAuB,KAAK,GAAA,CAAI,CAAA,GAAI,CAAC,CAAA,GAAI,IAAA;AAEzD,MAAM,WAAA,GAA+B,CAAC,EAAC,OAAA,EAAS,OAAO,IAAA,EAAM,QAAA,EAAU,UAAQ,KAAM;AACxF,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,CAAQ,MAAA,KAAW,GAAG,OAAO,IAAA;AAE7C,EAAA,uBACIA,cAAA,CAACC,aAAA,EAAA,EAAK,aAAA,EAAc,KAAA,EAAM,QAAA,EAAS,MAAA,EAAO,GAAA,EAAK,CAAA,EAAG,UAAA,EAAW,QAAA,EACxD,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACrB,IAAA,MAAM,QAAA,GAAW,EAAA,CAAG,MAAA,EAAQ,KAAK,CAAA;AACjC,IAAA,uBACID,cAAA;AAAA,MAACE,iBAAA;AAAA,MAAA;AAAA,QAEG,KAAA,EAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,QACxB,QAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA,EAAK,IAAA;AAAA,QACL,QAAA,EAAU,WAAW,OAAA,GAAU,WAAA;AAAA,QAC/B,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM;AAAA,OAAA;AAAA,MANzB;AAAA,KAOT;AAAA,EAER,CAAC,CAAA,EACL,CAAA;AAER;;;;"}

package/form/inputs/RadiusPicker/components/PresetChips.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import Flex from '../../../../layout/Flex/index.js';
+import { Chip } from '../../../../components/Chip/index.js';
+
+const eq = (a, b) => Math.abs(a - b) < 1e-6;
+const PresetChips = ({ presets, value, unit, disabled, onSelect }) => {
+  if (!presets || presets.length === 0) return null;
+  return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexWrap: "wrap", gap: 6, alignItems: "center", children: presets.map((preset) => {
+    const selected = eq(preset, value);
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: `${preset} ${unit}`,
+        selected,
+        disabled,
+        size: "sm",
+        severity: selected ? "brand" : "secondary",
+        onPress: () => onSelect(preset)
+      },
+      preset
+    );
+  }) });
+};
+
+export { PresetChips };
+//# sourceMappingURL=PresetChips.js.map

package/form/inputs/RadiusPicker/components/PresetChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetChips.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/PresetChips.tsx"],"sourcesContent":["import React from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {Chip, Flex} from \"../../../../_compat\";\n\ninterface Props {\n    presets: number[];\n    value: number;\n    unit: RadiusUnit;\n    disabled?: boolean;\n    onSelect: (next: number) => void;\n}\n\nconst eq = (a: number, b: number): boolean => Math.abs(a - b) < 1e-6;\n\nexport const PresetChips: React.FC<Props> = ({presets, value, unit, disabled, onSelect}) => {\n    if (!presets || presets.length === 0) return null;\n\n    return (\n        <Flex flexDirection=\"row\" flexWrap=\"wrap\" gap={6} alignItems=\"center\">\n            {presets.map((preset) => {\n                const selected = eq(preset, value);\n                return (\n                    <Chip\n                        key={preset}\n                        label={`${preset} ${unit}`}\n                        selected={selected}\n                        disabled={disabled}\n                        size=\"sm\"\n                        severity={selected ? \"brand\" : \"secondary\"}\n                        onPress={() => onSelect(preset)}\n                    />\n                );\n            })}\n        </Flex>\n    );\n};\n\nexport default PresetChips;\n"],"names":[],"mappings":";;;;AAYA,MAAM,EAAA,GAAK,CAAC,CAAA,EAAW,CAAA,KAAuB,KAAK,GAAA,CAAI,CAAA,GAAI,CAAC,CAAA,GAAI,IAAA;AAEzD,MAAM,WAAA,GAA+B,CAAC,EAAC,OAAA,EAAS,OAAO,IAAA,EAAM,QAAA,EAAU,UAAQ,KAAM;AACxF,EAAA,IAAI,CAAC,OAAA,IAAW,OAAA,CAAQ,MAAA,KAAW,GAAG,OAAO,IAAA;AAE7C,EAAA,uBACI,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,KAAA,EAAM,QAAA,EAAS,MAAA,EAAO,GAAA,EAAK,CAAA,EAAG,UAAA,EAAW,QAAA,EACxD,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACrB,IAAA,MAAM,QAAA,GAAW,EAAA,CAAG,MAAA,EAAQ,KAAK,CAAA;AACjC,IAAA,uBACI,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEG,KAAA,EAAO,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,QACxB,QAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA,EAAK,IAAA;AAAA,QACL,QAAA,EAAU,WAAW,OAAA,GAAU,WAAA;AAAA,QAC/B,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM;AAAA,OAAA;AAAA,MANzB;AAAA,KAOT;AAAA,EAER,CAAC,CAAA,EACL,CAAA;AAER;;;;"}

package/form/inputs/RadiusPicker/components/RadiusSlider.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index_native = require('../../Slider/index.cjs');
+
+const RadiusSliderImpl = ({ value, min, max, step, unit, disabled, onChange }) => {
+  const handle = React.useCallback(
+    (e) => {
+      const next = Array.isArray(e.value) ? e.value[0] : e.value;
+      onChange(next);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      minValue: min,
+      maxValue: max,
+      step,
+      value,
+      prefix: `${unit} `,
+      disabled,
+      onChange: handle
+    }
+  );
+};
+const RadiusSlider = React.memo(RadiusSliderImpl);
+
+exports.RadiusSlider = RadiusSlider;
+//# sourceMappingURL=RadiusSlider.cjs.map

package/form/inputs/RadiusPicker/components/RadiusSlider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusSlider.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/components/RadiusSlider.tsx"],"sourcesContent":["import React, {memo, useCallback} from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport KitsSliders from \"../../Slider\";\n\ninterface Props {\n    value: number;\n    min: number;\n    max: number;\n    step: number;\n    unit: RadiusUnit;\n    disabled?: boolean;\n    onChange: (next: number) => void;\n}\n\n/**\n * Thin wrapper over the shared `KitsSliders`. The brief mandates reuse of\n * the existing Slider — this adapter just normalizes the event shape\n * (`{value}` → number) and threads min/max/step through.\n *\n * Memoized so the slider isn't torn down and rebound on parent re-renders\n * caused by unrelated state changes (toast surfaces, sibling chip selection,\n * etc.). The bridge handler is stable as long as `onChange` is stable.\n */\nconst RadiusSliderImpl: React.FC<Props> = ({value, min, max, step, unit, disabled, onChange}) => {\n    const handle = useCallback(\n        (e: {value: number | [number, number]}) => {\n            const next = Array.isArray(e.value) ? e.value[0] : e.value;\n            onChange(next);\n        },\n        [onChange],\n    );\n\n    return (\n        <KitsSliders\n            minValue={min}\n            maxValue={max}\n            step={step}\n            value={value}\n            prefix={`${unit} `}\n            disabled={disabled}\n            onChange={handle}\n        />\n    );\n};\n\nexport const RadiusSlider = memo(RadiusSliderImpl);\n\nexport default RadiusSlider;\n"],"names":["useCallback","jsx","KitsSliders","memo"],"mappings":";;;;;;AAuBA,MAAM,gBAAA,GAAoC,CAAC,EAAC,KAAA,EAAO,GAAA,EAAK,KAAK,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,QAAA,EAAQ,KAAM;AAC7F,EAAA,MAAM,MAAA,GAASA,iBAAA;AAAA,IACX,CAAC,CAAA,KAA0C;AACvC,MAAA,MAAM,IAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAE,KAAK,IAAI,CAAA,CAAE,KAAA,CAAM,CAAC,CAAA,GAAI,CAAA,CAAE,KAAA;AACrD,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACb;AAEA,EAAA,uBACIC,cAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACG,QAAA,EAAU,GAAA;AAAA,MACV,QAAA,EAAU,GAAA;AAAA,MACV,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA,CAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA,EAAU;AAAA;AAAA,GACd;AAER,CAAA;AAEO,MAAM,YAAA,GAAeC,WAAK,gBAAgB;;;;"}

package/form/inputs/RadiusPicker/components/RadiusSlider.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { memo, useCallback } from 'react';
+import KitsSliders from '../../Slider/index.js';
+
+const RadiusSliderImpl = ({ value, min, max, step, unit, disabled, onChange }) => {
+  const handle = useCallback(
+    (e) => {
+      const next = Array.isArray(e.value) ? e.value[0] : e.value;
+      onChange(next);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsx(
+    KitsSliders,
+    {
+      minValue: min,
+      maxValue: max,
+      step,
+      value,
+      prefix: `${unit} `,
+      disabled,
+      onChange: handle
+    }
+  );
+};
+const RadiusSlider = memo(RadiusSliderImpl);
+
+export { RadiusSlider };
+//# sourceMappingURL=RadiusSlider.js.map

package/form/inputs/RadiusPicker/components/RadiusSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusSlider.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/RadiusSlider.tsx"],"sourcesContent":["import React, {memo, useCallback} from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport KitsSliders from \"../../Slider\";\n\ninterface Props {\n    value: number;\n    min: number;\n    max: number;\n    step: number;\n    unit: RadiusUnit;\n    disabled?: boolean;\n    onChange: (next: number) => void;\n}\n\n/**\n * Thin wrapper over the shared `KitsSliders`. The brief mandates reuse of\n * the existing Slider — this adapter just normalizes the event shape\n * (`{value}` → number) and threads min/max/step through.\n *\n * Memoized so the slider isn't torn down and rebound on parent re-renders\n * caused by unrelated state changes (toast surfaces, sibling chip selection,\n * etc.). The bridge handler is stable as long as `onChange` is stable.\n */\nconst RadiusSliderImpl: React.FC<Props> = ({value, min, max, step, unit, disabled, onChange}) => {\n    const handle = useCallback(\n        (e: {value: number | [number, number]}) => {\n            const next = Array.isArray(e.value) ? e.value[0] : e.value;\n            onChange(next);\n        },\n        [onChange],\n    );\n\n    return (\n        <KitsSliders\n            minValue={min}\n            maxValue={max}\n            step={step}\n            value={value}\n            prefix={`${unit} `}\n            disabled={disabled}\n            onChange={handle}\n        />\n    );\n};\n\nexport const RadiusSlider = memo(RadiusSliderImpl);\n\nexport default RadiusSlider;\n"],"names":[],"mappings":";;;;AAuBA,MAAM,gBAAA,GAAoC,CAAC,EAAC,KAAA,EAAO,GAAA,EAAK,KAAK,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,QAAA,EAAQ,KAAM;AAC7F,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACX,CAAC,CAAA,KAA0C;AACvC,MAAA,MAAM,IAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAE,KAAK,IAAI,CAAA,CAAE,KAAA,CAAM,CAAC,CAAA,GAAI,CAAA,CAAE,KAAA;AACrD,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjB,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACb;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,QAAA,EAAU,GAAA;AAAA,MACV,QAAA,EAAU,GAAA;AAAA,MACV,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA,CAAA;AAAA,MACf,QAAA;AAAA,MACA,QAAA,EAAU;AAAA;AAAA,GACd;AAER,CAAA;AAEO,MAAM,YAAA,GAAe,KAAK,gBAAgB;;;;"}

package/form/inputs/RadiusPicker/components/UnitToggle.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../layout/Flex/index.cjs');
+var index_native = require('../../../../components/Chip/index.cjs');
+
+const DEFAULT_OPTIONS = ["km", "mi"];
+const UnitToggle = ({ value, disabled, onChange, options = DEFAULT_OPTIONS }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { flexDirection: "row", gap: 4, alignItems: "center", children: options.map((unit) => /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.Chip,
+    {
+      label: unit,
+      selected: value === unit,
+      disabled,
+      size: "sm",
+      severity: value === unit ? "brand" : "secondary",
+      onPress: () => onChange(unit)
+    },
+    unit
+  )) });
+};
+
+exports.UnitToggle = UnitToggle;
+//# sourceMappingURL=UnitToggle.cjs.map

package/form/inputs/RadiusPicker/components/UnitToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitToggle.cjs","sources":["../../../../../../src/form/inputs/RadiusPicker/components/UnitToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {Chip, Flex} from \"../../../../_compat\";\n\ninterface Props {\n    value: RadiusUnit;\n    disabled?: boolean;\n    onChange: (next: RadiusUnit) => void;\n    /** Restrict the offered units. Defaults to [\"km\", \"mi\"]. */\n    options?: RadiusUnit[];\n}\n\nconst DEFAULT_OPTIONS: RadiusUnit[] = [\"km\", \"mi\"];\n\nexport const UnitToggle: React.FC<Props> = ({value, disabled, onChange, options = DEFAULT_OPTIONS}) => {\n    return (\n        <Flex flexDirection=\"row\" gap={4} alignItems=\"center\">\n            {options.map((unit) => (\n                <Chip\n                    key={unit}\n                    label={unit}\n                    selected={value === unit}\n                    disabled={disabled}\n                    size=\"sm\"\n                    severity={value === unit ? \"brand\" : \"secondary\"}\n                    onPress={() => onChange(unit)}\n                />\n            ))}\n        </Flex>\n    );\n};\n\nexport default UnitToggle;\n"],"names":["jsx","Flex","Chip"],"mappings":";;;;;;AAYA,MAAM,eAAA,GAAgC,CAAC,IAAA,EAAM,IAAI,CAAA;AAE1C,MAAM,UAAA,GAA8B,CAAC,EAAC,KAAA,EAAO,UAAU,QAAA,EAAU,OAAA,GAAU,iBAAe,KAAM;AACnG,EAAA,uBACIA,cAAA,CAACC,aAAA,EAAA,EAAK,aAAA,EAAc,KAAA,EAAM,GAAA,EAAK,CAAA,EAAG,UAAA,EAAW,QAAA,EACxC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACVD,cAAA;AAAA,IAACE,iBAAA;AAAA,IAAA;AAAA,MAEG,KAAA,EAAO,IAAA;AAAA,MACP,UAAU,KAAA,KAAU,IAAA;AAAA,MACpB,QAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,QAAA,EAAU,KAAA,KAAU,IAAA,GAAO,OAAA,GAAU,WAAA;AAAA,MACrC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI;AAAA,KAAA;AAAA,IANvB;AAAA,GAQZ,CAAA,EACL,CAAA;AAER;;;;"}

package/form/inputs/RadiusPicker/components/UnitToggle.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import Flex from '../../../../layout/Flex/index.js';
+import { Chip } from '../../../../components/Chip/index.js';
+
+const DEFAULT_OPTIONS = ["km", "mi"];
+const UnitToggle = ({ value, disabled, onChange, options = DEFAULT_OPTIONS }) => {
+  return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", gap: 4, alignItems: "center", children: options.map((unit) => /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: unit,
+      selected: value === unit,
+      disabled,
+      size: "sm",
+      severity: value === unit ? "brand" : "secondary",
+      onPress: () => onChange(unit)
+    },
+    unit
+  )) });
+};
+
+export { UnitToggle };
+//# sourceMappingURL=UnitToggle.js.map

package/form/inputs/RadiusPicker/components/UnitToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitToggle.js","sources":["../../../../../../src/form/inputs/RadiusPicker/components/UnitToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport type {RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\nimport {Chip, Flex} from \"../../../../_compat\";\n\ninterface Props {\n    value: RadiusUnit;\n    disabled?: boolean;\n    onChange: (next: RadiusUnit) => void;\n    /** Restrict the offered units. Defaults to [\"km\", \"mi\"]. */\n    options?: RadiusUnit[];\n}\n\nconst DEFAULT_OPTIONS: RadiusUnit[] = [\"km\", \"mi\"];\n\nexport const UnitToggle: React.FC<Props> = ({value, disabled, onChange, options = DEFAULT_OPTIONS}) => {\n    return (\n        <Flex flexDirection=\"row\" gap={4} alignItems=\"center\">\n            {options.map((unit) => (\n                <Chip\n                    key={unit}\n                    label={unit}\n                    selected={value === unit}\n                    disabled={disabled}\n                    size=\"sm\"\n                    severity={value === unit ? \"brand\" : \"secondary\"}\n                    onPress={() => onChange(unit)}\n                />\n            ))}\n        </Flex>\n    );\n};\n\nexport default UnitToggle;\n"],"names":[],"mappings":";;;;AAYA,MAAM,eAAA,GAAgC,CAAC,IAAA,EAAM,IAAI,CAAA;AAE1C,MAAM,UAAA,GAA8B,CAAC,EAAC,KAAA,EAAO,UAAU,QAAA,EAAU,OAAA,GAAU,iBAAe,KAAM;AACnG,EAAA,uBACI,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAc,KAAA,EAAM,GAAA,EAAK,CAAA,EAAG,UAAA,EAAW,QAAA,EACxC,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEG,KAAA,EAAO,IAAA;AAAA,MACP,UAAU,KAAA,KAAU,IAAA;AAAA,MACpB,QAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,QAAA,EAAU,KAAA,KAAU,IAAA,GAAO,OAAA,GAAU,WAAA;AAAA,MACrC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI;AAAA,KAAA;AAAA,IANvB;AAAA,GAQZ,CAAA,EACL,CAAA;AAER;;;;"}

package/form/inputs/RadiusPicker/constants.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const DEFAULT_PRESETS = [1, 5, 10, 25, 50];
+const DEFAULT_MIN = 0;
+const DEFAULT_MAX = 100;
+const DEFAULT_STEP = 1;
+const DEFAULT_DEBOUNCE_MS = 150;
+const DEFAULT_CENTER = { lat: 0, lng: 0 };
+const DEFAULT_RADIUS = 5;
+const DEFAULT_UNIT = "km";
+const LAT_MIN = -90;
+const LAT_MAX = 90;
+const LNG_MIN = -180;
+const LNG_MAX = 180;
+const DEFAULT_MAP_INTERACTIONS = ["tap", "drag-pin", "drag-edge"];
+const DEFAULT_I18N = {
+  searchRadius: "Search radius",
+  useMyLocation: "Use my location",
+  findingLocation: "Finding your location\u2026",
+  locationError: "We couldn't find your location. Enter coordinates manually.",
+  radius: "Radius",
+  center: "Center",
+  lat: "Latitude",
+  lng: "Longitude",
+  reset: "Reset"
+};
+
+exports.DEFAULT_CENTER = DEFAULT_CENTER;
+exports.DEFAULT_DEBOUNCE_MS = DEFAULT_DEBOUNCE_MS;
+exports.DEFAULT_I18N = DEFAULT_I18N;
+exports.DEFAULT_MAP_INTERACTIONS = DEFAULT_MAP_INTERACTIONS;
+exports.DEFAULT_MAX = DEFAULT_MAX;
+exports.DEFAULT_MIN = DEFAULT_MIN;
+exports.DEFAULT_PRESETS = DEFAULT_PRESETS;
+exports.DEFAULT_RADIUS = DEFAULT_RADIUS;
+exports.DEFAULT_STEP = DEFAULT_STEP;
+exports.DEFAULT_UNIT = DEFAULT_UNIT;
+exports.LAT_MAX = LAT_MAX;
+exports.LAT_MIN = LAT_MIN;
+exports.LNG_MAX = LNG_MAX;
+exports.LNG_MIN = LNG_MIN;
+//# sourceMappingURL=constants.cjs.map

package/form/inputs/RadiusPicker/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../../../src/form/inputs/RadiusPicker/constants.ts"],"sourcesContent":["import type {IRadiusPickerI18n, MapInteraction, RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\n\nexport const DEFAULT_PRESETS = [1, 5, 10, 25, 50];\n\nexport const DEFAULT_MIN = 0;\nexport const DEFAULT_MAX = 100;\nexport const DEFAULT_STEP = 1;\n\nexport const DEFAULT_DEBOUNCE_MS = 150;\n\nexport const DEFAULT_CENTER = {lat: 0, lng: 0};\nexport const DEFAULT_RADIUS = 5;\nexport const DEFAULT_UNIT: RadiusUnit = \"km\";\n\nexport const LAT_MIN = -90;\nexport const LAT_MAX = 90;\nexport const LNG_MIN = -180;\nexport const LNG_MAX = 180;\n\nexport const DEFAULT_MAP_INTERACTIONS: MapInteraction[] = [\"tap\", \"drag-pin\", \"drag-edge\"];\n\nexport const DEFAULT_I18N: Required<IRadiusPickerI18n> = {\n    searchRadius: \"Search radius\",\n    useMyLocation: \"Use my location\",\n    findingLocation: \"Finding your location…\",\n    locationError: \"We couldn't find your location. Enter coordinates manually.\",\n    radius: \"Radius\",\n    center: \"Center\",\n    lat: \"Latitude\",\n    lng: \"Longitude\",\n    reset: \"Reset\",\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,CAAC,CAAA,EAAG,CAAA,EAAG,EAAA,EAAI,IAAI,EAAE;AAEzC,MAAM,WAAA,GAAc;AACpB,MAAM,WAAA,GAAc;AACpB,MAAM,YAAA,GAAe;AAErB,MAAM,mBAAA,GAAsB;AAE5B,MAAM,cAAA,GAAiB,EAAC,GAAA,EAAK,CAAA,EAAG,KAAK,CAAA;AACrC,MAAM,cAAA,GAAiB;AACvB,MAAM,YAAA,GAA2B;AAEjC,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAEhB,MAAM,wBAAA,GAA6C,CAAC,KAAA,EAAO,UAAA,EAAY,WAAW;AAElF,MAAM,YAAA,GAA4C;AAAA,EACrD,YAAA,EAAc,eAAA;AAAA,EACd,aAAA,EAAe,iBAAA;AAAA,EACf,eAAA,EAAiB,6BAAA;AAAA,EACjB,aAAA,EAAe,6DAAA;AAAA,EACf,MAAA,EAAQ,QAAA;AAAA,EACR,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,KAAA,EAAO;AACX;;;;;;;;;;;;;;;;;"}

package/form/inputs/RadiusPicker/constants.js

@@ -0,0 +1,27 @@
+const DEFAULT_PRESETS = [1, 5, 10, 25, 50];
+const DEFAULT_MIN = 0;
+const DEFAULT_MAX = 100;
+const DEFAULT_STEP = 1;
+const DEFAULT_DEBOUNCE_MS = 150;
+const DEFAULT_CENTER = { lat: 0, lng: 0 };
+const DEFAULT_RADIUS = 5;
+const DEFAULT_UNIT = "km";
+const LAT_MIN = -90;
+const LAT_MAX = 90;
+const LNG_MIN = -180;
+const LNG_MAX = 180;
+const DEFAULT_MAP_INTERACTIONS = ["tap", "drag-pin", "drag-edge"];
+const DEFAULT_I18N = {
+  searchRadius: "Search radius",
+  useMyLocation: "Use my location",
+  findingLocation: "Finding your location\u2026",
+  locationError: "We couldn't find your location. Enter coordinates manually.",
+  radius: "Radius",
+  center: "Center",
+  lat: "Latitude",
+  lng: "Longitude",
+  reset: "Reset"
+};
+
+export { DEFAULT_CENTER, DEFAULT_DEBOUNCE_MS, DEFAULT_I18N, DEFAULT_MAP_INTERACTIONS, DEFAULT_MAX, DEFAULT_MIN, DEFAULT_PRESETS, DEFAULT_RADIUS, DEFAULT_STEP, DEFAULT_UNIT, LAT_MAX, LAT_MIN, LNG_MAX, LNG_MIN };
+//# sourceMappingURL=constants.js.map

package/form/inputs/RadiusPicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/form/inputs/RadiusPicker/constants.ts"],"sourcesContent":["import type {IRadiusPickerI18n, MapInteraction, RadiusUnit} from \"@lmb-it/kitsconcerto-types\";\n\nexport const DEFAULT_PRESETS = [1, 5, 10, 25, 50];\n\nexport const DEFAULT_MIN = 0;\nexport const DEFAULT_MAX = 100;\nexport const DEFAULT_STEP = 1;\n\nexport const DEFAULT_DEBOUNCE_MS = 150;\n\nexport const DEFAULT_CENTER = {lat: 0, lng: 0};\nexport const DEFAULT_RADIUS = 5;\nexport const DEFAULT_UNIT: RadiusUnit = \"km\";\n\nexport const LAT_MIN = -90;\nexport const LAT_MAX = 90;\nexport const LNG_MIN = -180;\nexport const LNG_MAX = 180;\n\nexport const DEFAULT_MAP_INTERACTIONS: MapInteraction[] = [\"tap\", \"drag-pin\", \"drag-edge\"];\n\nexport const DEFAULT_I18N: Required<IRadiusPickerI18n> = {\n    searchRadius: \"Search radius\",\n    useMyLocation: \"Use my location\",\n    findingLocation: \"Finding your location…\",\n    locationError: \"We couldn't find your location. Enter coordinates manually.\",\n    radius: \"Radius\",\n    center: \"Center\",\n    lat: \"Latitude\",\n    lng: \"Longitude\",\n    reset: \"Reset\",\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,CAAC,CAAA,EAAG,CAAA,EAAG,EAAA,EAAI,IAAI,EAAE;AAEzC,MAAM,WAAA,GAAc;AACpB,MAAM,WAAA,GAAc;AACpB,MAAM,YAAA,GAAe;AAErB,MAAM,mBAAA,GAAsB;AAE5B,MAAM,cAAA,GAAiB,EAAC,GAAA,EAAK,CAAA,EAAG,KAAK,CAAA;AACrC,MAAM,cAAA,GAAiB;AACvB,MAAM,YAAA,GAA2B;AAEjC,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAChB,MAAM,OAAA,GAAU;AAEhB,MAAM,wBAAA,GAA6C,CAAC,KAAA,EAAO,UAAA,EAAY,WAAW;AAElF,MAAM,YAAA,GAA4C;AAAA,EACrD,YAAA,EAAc,eAAA;AAAA,EACd,aAAA,EAAe,iBAAA;AAAA,EACf,eAAA,EAAiB,6BAAA;AAAA,EACjB,aAAA,EAAe,6DAAA;AAAA,EACf,MAAA,EAAQ,QAAA;AAAA,EACR,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,GAAA,EAAK,WAAA;AAAA,EACL,KAAA,EAAO;AACX;;;;"}

package/form/inputs/RadiusPicker/hooks/useDebouncedChange.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+
+function useDebouncedChange(callback, delayMs) {
+  const cbRef = React.useRef(callback);
+  const timerRef = React.useRef(null);
+  const lastArgsRef = React.useRef(null);
+  React.useEffect(() => {
+    cbRef.current = callback;
+  }, [callback]);
+  React.useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  const cancel = React.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    lastArgsRef.current = null;
+  }, []);
+  const flush = React.useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    const args = lastArgsRef.current;
+    lastArgsRef.current = null;
+    if (args && cbRef.current) cbRef.current(...args);
+  }, []);
+  const debounced = React.useCallback(
+    (...args) => {
+      lastArgsRef.current = args;
+      if (timerRef.current) clearTimeout(timerRef.current);
+      if (delayMs <= 0) {
+        lastArgsRef.current = null;
+        cbRef.current?.(...args);
+        return;
+      }
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        const finalArgs = lastArgsRef.current;
+        lastArgsRef.current = null;
+        if (finalArgs && cbRef.current) cbRef.current(...finalArgs);
+      }, delayMs);
+    },
+    [delayMs]
+  );
+  return { debounced, cancel, flush };
+}
+
+exports.useDebouncedChange = useDebouncedChange;
+//# sourceMappingURL=useDebouncedChange.cjs.map