@lmb-it/kitsconcerto-native 0.1.236

package/form/controls/RadioButton/radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","sources":["../../../../../src/form/controls/RadioButton/radio.native.tsx"],"sourcesContent":["import React, {useMemo, useRef} from \"react\";\n\nimport type {IKitsRadioProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex, KitsContainer, useComponentDefaults} from \"../../../_compat\";\nimport useResolvedElementStyles from \"../../../hooks/useResolvedElementStyles\";\n\nimport {useSelectionController} from \"../../../hooks\";\nimport RadioButton from \"./radiobutton\";\n\nconst KitsRadio = <T, >({\n                            ref,\n                            ...rawProps\n                        }: IKitsRadioProps<T>) => {\n    // No baseGroup — Radio is a standalone control, not text-input chrome.\n    // FormElement (label/helperText/error) is applied automatically by the hook.\n    const {mergedProps: props, elementStyles} = useComponentDefaults('Radio', rawProps);\n    const resolvedStyles = useResolvedElementStyles(elementStyles);\n\n    const itemSlotStyles = useMemo(() => ({\n        item: elementStyles.item,\n        itemSelected: elementStyles.itemSelected,\n        itemDisabled: elementStyles.itemDisabled,\n        itemInvalid: elementStyles.itemInvalid,\n    }), [elementStyles.item, elementStyles.itemSelected, elementStyles.itemDisabled, elementStyles.itemInvalid]);\n    const {\n        id,\n        label,\n        required,\n        errors,\n        hideError,\n        isFloatedLabel,\n        helperText,\n        item,\n        value,\n        defaultValue,\n        onChange,\n        appearanceMode = \"vertical\",\n        disabled,\n        invalid,\n        containerStyle\n    } = props;\n    const items = useMemo(\n        () => (Array.isArray(item) ? item : [item]),\n        [item]\n    );\n\n    const lastToggledIndex = useRef<number | null>(null);\n\n    const controller = useSelectionController<T>({\n        mode: \"single\",\n        value,\n        defaultValue,\n        onChange: (selectedValue) => {\n            const index = lastToggledIndex.current;\n            if (index == null) return;\n\n            const currentItem = items[index];\n\n            if (currentItem)\n                onChange?.(selectedValue === currentItem?.value, {\n                    item: currentItem,\n                    index,\n                    value: currentItem.value,\n                });\n        },\n    });\n    const direction = appearanceMode === \"horizontal\" ? \"row\" : \"column\";\n\n    return (\n        <KitsContainer\n            id={id}\n            helperText={helperText}\n            isFloatedLabel={isFloatedLabel}\n            errors={errors}\n            invalid={invalid}\n            label={label}\n            hideError={hideError}\n            required={required}\n            disabled={disabled}\n            bare\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {/* No outer width wrapper here — RadioButton honours `item.w`\n                directly (matches radio.web.tsx, which simply maps items\n                without a wrapping Flex). Double-wrapping was forcing each\n                radio to its parent's full width even when the parent was\n                in row direction. */}\n            <Flex\n                flexDirection={direction}\n                flexWrap=\"wrap\"\n                gap={10}\n                style={resolvedStyles.itemsContainer || undefined}\n            >\n                {items.map((it, index) => {\n                    const selected = controller.isSelected(it);\n\n                    return (\n                        <RadioButton<T>\n                            key={String(it.value)}\n                            item={it}\n                            selected={selected}\n                            disabled={disabled}\n                            isInvalid={invalid}\n                            slotStyles={itemSlotStyles}\n                            onToggle={() => {\n                                lastToggledIndex.current = index;\n                                controller.onChange(it);\n                            }}\n                        />\n                    );\n                })}\n            </Flex>\n\n        </KitsContainer>\n    );\n};\n\nexport default KitsRadio;\n"],"names":["useComponentDefaults","useResolvedElementStyles","useMemo","useRef","useSelectionController","jsx","KitsContainer","Flex","RadioButton"],"mappings":"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"}

package/form/controls/RadioButton/radio.js

@@ -0,0 +1,111 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useRef } from 'react';
+import useResolvedElementStyles from '../../../hooks/useResolvedElementStyles.js';
+import useSelectionController from '../../../hooks/useSelectionController.js';
+import '../../../contexts/DialogContext.js';
+import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
+import RadioButton from './radiobutton.js';
+import KitsContainer from '../../helpers/FormContainer/index.js';
+import 'axios';
+import '../../selects/SelectContext.js';
+import Flex from '../../../layout/Flex/index.js';
+
+const KitsRadio = ({
+  ref,
+  ...rawProps
+}) => {
+  const { mergedProps: props, elementStyles } = useComponentDefaults("Radio", rawProps);
+  const resolvedStyles = useResolvedElementStyles(elementStyles);
+  const itemSlotStyles = useMemo(() => ({
+    item: elementStyles.item,
+    itemSelected: elementStyles.itemSelected,
+    itemDisabled: elementStyles.itemDisabled,
+    itemInvalid: elementStyles.itemInvalid
+  }), [elementStyles.item, elementStyles.itemSelected, elementStyles.itemDisabled, elementStyles.itemInvalid]);
+  const {
+    id,
+    label,
+    required,
+    errors,
+    hideError,
+    isFloatedLabel,
+    helperText,
+    item,
+    value,
+    defaultValue,
+    onChange,
+    appearanceMode = "vertical",
+    disabled,
+    invalid,
+    containerStyle
+  } = props;
+  const items = useMemo(
+    () => Array.isArray(item) ? item : [item],
+    [item]
+  );
+  const lastToggledIndex = useRef(null);
+  const controller = useSelectionController({
+    mode: "single",
+    value,
+    defaultValue,
+    onChange: (selectedValue) => {
+      const index = lastToggledIndex.current;
+      if (index == null) return;
+      const currentItem = items[index];
+      if (currentItem)
+        onChange?.(selectedValue === currentItem?.value, {
+          item: currentItem,
+          index,
+          value: currentItem.value
+        });
+    }
+  });
+  const direction = appearanceMode === "horizontal" ? "row" : "column";
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      helperText,
+      isFloatedLabel,
+      errors,
+      invalid,
+      label,
+      hideError,
+      required,
+      disabled,
+      bare: true,
+      containerStyle,
+      elementStyles,
+      children: /* @__PURE__ */ jsx(
+        Flex,
+        {
+          flexDirection: direction,
+          flexWrap: "wrap",
+          gap: 10,
+          style: resolvedStyles.itemsContainer || void 0,
+          children: items.map((it, index) => {
+            const selected = controller.isSelected(it);
+            return /* @__PURE__ */ jsx(
+              RadioButton,
+              {
+                item: it,
+                selected,
+                disabled,
+                isInvalid: invalid,
+                slotStyles: itemSlotStyles,
+                onToggle: () => {
+                  lastToggledIndex.current = index;
+                  controller.onChange(it);
+                }
+              },
+              String(it.value)
+            );
+          })
+        }
+      )
+    }
+  );
+};
+
+export { KitsRadio as default };
+//# sourceMappingURL=radio.js.map

package/form/controls/RadioButton/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../../src/form/controls/RadioButton/radio.native.tsx"],"sourcesContent":["import React, {useMemo, useRef} from \"react\";\n\nimport type {IKitsRadioProps} from \"@lmb-it/kitsconcerto-types\";\nimport {Flex, KitsContainer, useComponentDefaults} from \"../../../_compat\";\nimport useResolvedElementStyles from \"../../../hooks/useResolvedElementStyles\";\n\nimport {useSelectionController} from \"../../../hooks\";\nimport RadioButton from \"./radiobutton\";\n\nconst KitsRadio = <T, >({\n                            ref,\n                            ...rawProps\n                        }: IKitsRadioProps<T>) => {\n    // No baseGroup — Radio is a standalone control, not text-input chrome.\n    // FormElement (label/helperText/error) is applied automatically by the hook.\n    const {mergedProps: props, elementStyles} = useComponentDefaults('Radio', rawProps);\n    const resolvedStyles = useResolvedElementStyles(elementStyles);\n\n    const itemSlotStyles = useMemo(() => ({\n        item: elementStyles.item,\n        itemSelected: elementStyles.itemSelected,\n        itemDisabled: elementStyles.itemDisabled,\n        itemInvalid: elementStyles.itemInvalid,\n    }), [elementStyles.item, elementStyles.itemSelected, elementStyles.itemDisabled, elementStyles.itemInvalid]);\n    const {\n        id,\n        label,\n        required,\n        errors,\n        hideError,\n        isFloatedLabel,\n        helperText,\n        item,\n        value,\n        defaultValue,\n        onChange,\n        appearanceMode = \"vertical\",\n        disabled,\n        invalid,\n        containerStyle\n    } = props;\n    const items = useMemo(\n        () => (Array.isArray(item) ? item : [item]),\n        [item]\n    );\n\n    const lastToggledIndex = useRef<number | null>(null);\n\n    const controller = useSelectionController<T>({\n        mode: \"single\",\n        value,\n        defaultValue,\n        onChange: (selectedValue) => {\n            const index = lastToggledIndex.current;\n            if (index == null) return;\n\n            const currentItem = items[index];\n\n            if (currentItem)\n                onChange?.(selectedValue === currentItem?.value, {\n                    item: currentItem,\n                    index,\n                    value: currentItem.value,\n                });\n        },\n    });\n    const direction = appearanceMode === \"horizontal\" ? \"row\" : \"column\";\n\n    return (\n        <KitsContainer\n            id={id}\n            helperText={helperText}\n            isFloatedLabel={isFloatedLabel}\n            errors={errors}\n            invalid={invalid}\n            label={label}\n            hideError={hideError}\n            required={required}\n            disabled={disabled}\n            bare\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {/* No outer width wrapper here — RadioButton honours `item.w`\n                directly (matches radio.web.tsx, which simply maps items\n                without a wrapping Flex). Double-wrapping was forcing each\n                radio to its parent's full width even when the parent was\n                in row direction. */}\n            <Flex\n                flexDirection={direction}\n                flexWrap=\"wrap\"\n                gap={10}\n                style={resolvedStyles.itemsContainer || undefined}\n            >\n                {items.map((it, index) => {\n                    const selected = controller.isSelected(it);\n\n                    return (\n                        <RadioButton<T>\n                            key={String(it.value)}\n                            item={it}\n                            selected={selected}\n                            disabled={disabled}\n                            isInvalid={invalid}\n                            slotStyles={itemSlotStyles}\n                            onToggle={() => {\n                                lastToggledIndex.current = index;\n                                controller.onChange(it);\n                            }}\n                        />\n                    );\n                })}\n            </Flex>\n\n        </KitsContainer>\n    );\n};\n\nexport default KitsRadio;\n"],"names":[],"mappings":"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"}

package/form/controls/RadioButton/radiobutton.cjs

@@ -0,0 +1,237 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+require('../../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../../apps/mobile/src/ui/alert/index.cjs');
+require('../../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../../apps/mobile/src/ui/badge/index.cjs');
+require('../../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../../apps/mobile/src/ui/box/index.cjs');
+require('../../../apps/mobile/src/ui/button/index.cjs');
+require('../../../apps/mobile/src/ui/card/index.cjs');
+require('../../../apps/mobile/src/ui/center/index.cjs');
+require('../../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../../apps/mobile/src/ui/divider/index.cjs');
+require('../../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../../apps/mobile/src/ui/fab/index.cjs');
+require('../../../apps/mobile/src/ui/form-control/index.cjs');
+require('../../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../../apps/mobile/src/ui/grid/index.cjs');
+require('../../../apps/mobile/src/ui/heading/index.cjs');
+require('../../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../../apps/mobile/src/ui/icon/index.cjs');
+require('../../../apps/mobile/src/ui/image/index.cjs');
+require('../../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../../apps/mobile/src/ui/input/index.cjs');
+require('../../../apps/mobile/src/ui/link/index.cjs');
+require('../../../apps/mobile/src/ui/menu/index.cjs');
+require('../../../apps/mobile/src/ui/modal/index.cjs');
+require('../../../apps/mobile/src/ui/popover/index.cjs');
+require('../../../apps/mobile/src/ui/portal/index.cjs');
+require('../../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../../apps/mobile/src/ui/progress/index.cjs');
+require('../../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../../apps/mobile/src/ui/select/index.cjs');
+require('../../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../../apps/mobile/src/ui/slider/index.cjs');
+require('../../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../../apps/mobile/src/ui/switch/index.cjs');
+require('../../../apps/mobile/src/ui/table/index.cjs');
+require('../../../apps/mobile/src/ui/text/index.cjs');
+require('../../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../../apps/mobile/src/ui/toast/index.cjs');
+require('../../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+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');
+require('../../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('i18next');
+require('react-i18next');
+require('../../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../../apps/mobile/src/Core/Checkbox/index.cjs');
+var index$1 = require('../../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../../apps/mobile/src/Core/Input/index.cjs');
+require('../../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../../apps/mobile/src/Core/Input/Slot.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var index_native = require('../../../primitives/Text/index.cjs');
+
+const indicatorSize = (s) => {
+  switch (s) {
+    case "xs":
+    case "sm":
+      return "sm";
+    case "lg":
+    case "xl":
+      return "lg";
+    default:
+      return "md";
+  }
+};
+const RadioButton = ({
+  item,
+  selected,
+  disabled,
+  isInvalid,
+  onToggle,
+  slotStyles
+}) => {
+  const { resolveToken } = KitsThemeProvider_native.useKitsTheme();
+  const primaryColor = resolveToken("primary");
+  const borderColor = resolveToken("gray.300");
+  const sizes = {
+    xs: 10,
+    sm: 15,
+    md: 18,
+    lg: 20,
+    xl: 20
+  };
+  const paddings = {
+    xs: [2, 5],
+    sm: [2, 5],
+    md: [3, 9],
+    lg: [4, 9],
+    xl: [13, 13]
+  };
+  const size = item.size ? sizes[item.size] : sizes.md;
+  const padding = item.size ? paddings[item.size] : paddings.md;
+  const resolvedItemStyle = React.useMemo(() => {
+    const merged = {
+      ...slotStyles?.item || {},
+      ...selected ? slotStyles?.itemSelected : null,
+      ...disabled ? slotStyles?.itemDisabled : null,
+      ...isInvalid ? slotStyles?.itemInvalid : null,
+      ...item.w != null && !(item.style && item.style.w != null) && !(item.style && item.style.width != null) ? { width: item.w } : null,
+      ...item.style || {},
+      ...selected ? item.styleSelected : null,
+      ...disabled ? item.styleDisabled : null,
+      ...isInvalid ? item.styleInvalid : null
+    };
+    return useResolvedStyle.resolveStyleRecord(merged, resolveToken);
+  }, [slotStyles, selected, disabled, isInvalid, item.style, item.styleSelected, item.styleDisabled, item.styleInvalid, item.w, resolveToken]);
+  const { wrapper: wrapperStyle, text: textStyle } = React.useMemo(
+    () => useResolvedStyle.splitTextStyle(resolvedItemStyle),
+    [resolvedItemStyle]
+  );
+  const leftLabel = item.labelPosition === "left";
+  const bottomLabel = item.labelPosition === "bottom";
+  const topLabel = item.labelPosition === "top";
+  const direction = leftLabel ? "row-reverse" : bottomLabel ? "column" : topLabel ? "column-reverse" : "row";
+  const containerStyle = React.useMemo(() => ({
+    opacity: disabled ? 40 : 100,
+    borderWidth: item.component ? 0 : 1,
+    borderRadius: item.component ? 0 : 8,
+    borderColor: selected ? primaryColor : borderColor,
+    backgroundColor: selected ? primaryColor : "transparent",
+    paddingHorizontal: item.component ? 0 : padding?.[1],
+    paddingVertical: item.component ? 0 : padding?.[0]
+  }), [disabled, selected, item.component, padding]);
+  const renderContent = () => {
+    if (item.component) {
+      return typeof item.component === "function" ? item.component({ selected, value: item.value, isInvalid: !!isInvalid }) : item.component;
+    }
+    const defaultColor = selected && !item.withBulbs ? "#fff" : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index_native.default,
+      {
+        fontSize: size,
+        fontColor: defaultColor,
+        m: 0,
+        style: textStyle,
+        children: item.label
+      }
+    );
+  };
+  const renderBulb = () => /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { alignItems: "center", gap: 6, flexDirection: direction, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index$1.default,
+          {
+            checked: selected,
+            disabled,
+            invalid: isInvalid,
+            checkedBorderColor: primaryColor,
+            dotColor: primaryColor,
+            size: indicatorSize(item.size)
+          }
+        ),
+        renderContent()
+      ] })
+    }
+  );
+  const renderComponent = () => /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(index.default, { flexDirection: direction, alignItems: "center", gap: 4, children: [
+        renderContent(),
+        !!item.label && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { children: item.label })
+      ] })
+    }
+  );
+  if (!item.withBulbs && !item.component) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Pressable,
+      {
+        onPress: () => {
+          if (!disabled) onToggle();
+        },
+        disabled,
+        style: [containerStyle, wrapperStyle],
+        children: renderContent()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      pointerEvents: disabled ? "none" : "auto",
+      style: wrapperStyle,
+      alignItems: "flex-start",
+      children: item.withBulbs ? renderBulb() : renderComponent()
+    }
+  );
+};
+
+exports.default = RadioButton;
+//# sourceMappingURL=radiobutton.cjs.map

package/form/controls/RadioButton/radiobutton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiobutton.cjs","sources":["../../../../../src/form/controls/RadioButton/radiobutton.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IRadioCheckboxListItem } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex, Text } from \"../../../_compat\";\nimport { Pressable as RNPressable } from \"react-native\";\nimport { CoreRadioIndicator } from \"@lmb-it/kitsconcertomobile\";\nimport { useKitsTheme } from \"../../../contexts/Theme\";\nimport { resolveStyleRecord, splitTextStyle } from \"../../../hooks/useResolvedStyle\";\n\ninterface IRadioButtonProps<T> {\n    item: IRadioCheckboxListItem<T>;\n    selected: boolean;\n    disabled?: boolean;\n    isInvalid?: boolean;\n    onToggle: () => void;\n    /**\n     * Pre-merged slot styles from KitsRadio (theme `Radio.item*` +\n     * per-instance `slots.item*`). Unresolved IStyleClasses.\n     */\n    slotStyles?: {\n        item?: Record<string, any>;\n        itemSelected?: Record<string, any>;\n        itemDisabled?: Record<string, any>;\n        itemInvalid?: Record<string, any>;\n    };\n}\n\nconst indicatorSize = (s?: string): 'sm' | 'md' | 'lg' => {\n    switch (s) {\n        case 'xs': case 'sm': return 'sm';\n        case 'lg': case 'xl': return 'lg';\n        default: return 'md';\n    }\n};\n\nconst RadioButton = <T,>({\n    item,\n    selected,\n    disabled,\n    isInvalid,\n    onToggle,\n    slotStyles,\n}: IRadioButtonProps<T>) => {\n    const { resolveToken } = useKitsTheme();\n    const primaryColor = resolveToken('primary');\n    const borderColor = resolveToken('gray.300');\n\n    const sizes: Record<string, number> = {\n        xs: 10, sm: 15, md: 18, lg: 20, xl: 20,\n    };\n\n    const paddings: Record<string, [number, number]> = {\n        xs: [2, 5], sm: [2, 5], md: [3, 9], lg: [4, 9], xl: [13, 13],\n    };\n\n    const size = item.size ? sizes[item.size] : sizes.md;\n    const padding = item.size ? paddings[item.size] : paddings.md;\n\n    /* ---- Per-item style (slotStyles + item.style*), token-resolved.\n       slotStyles is pre-merged at KitsRadio level\n       (FormElement < Radio.item < per-instance slots.item). */\n    const resolvedItemStyle = useMemo(() => {\n        const merged: Record<string, any> = {\n            ...(slotStyles?.item || {}),\n            ...(selected ? slotStyles?.itemSelected : null),\n            ...(disabled ? slotStyles?.itemDisabled : null),\n            ...(isInvalid ? slotStyles?.itemInvalid : null),\n            ...(item.w != null && !(item.style && (item.style as any).w != null) && !(item.style && (item.style as any).width != null)\n                ? { width: item.w }\n                : null),\n            ...(item.style || {}),\n            ...(selected ? item.styleSelected : null),\n            ...(disabled ? item.styleDisabled : null),\n            ...(isInvalid ? item.styleInvalid : null),\n        };\n        return resolveStyleRecord(merged, resolveToken);\n    }, [slotStyles, selected, disabled, isInvalid, item.style, item.styleSelected, item.styleDisabled, item.styleInvalid, item.w, resolveToken]);\n\n    // Route text props to inner Text, layout props to outer wrapper.\n    // No size default — `style.flex` / `style.width` flow through directly.\n    const { wrapper: wrapperStyle, text: textStyle } = useMemo(\n        () => splitTextStyle(resolvedItemStyle),\n        [resolvedItemStyle],\n    );\n\n    /* ---- Label positioning (mirrors web) ---- */\n    const leftLabel = item.labelPosition === \"left\";\n    const bottomLabel = item.labelPosition === \"bottom\";\n    const topLabel = item.labelPosition === \"top\";\n\n    const direction =\n        leftLabel ? \"row-reverse\" :\n            bottomLabel ? \"column\" :\n                topLabel ? \"column-reverse\" :\n                    \"row\";\n\n    /* ---- Button mode style (mirrors web checked-option) ---- */\n    const containerStyle = useMemo(() => ({\n        opacity: disabled ? 40 : 100,\n        borderWidth: item.component ? 0 : 1,\n        borderRadius: item.component ? 0 : 8,\n        borderColor: selected ? primaryColor : borderColor,\n        backgroundColor: selected ? primaryColor : 'transparent',\n        paddingHorizontal: item.component ? 0 : padding?.[1],\n        paddingVertical: item.component ? 0 : padding?.[0],\n    }), [disabled, selected, item.component, padding]);\n\n    /* ---- Content: custom component or label text ---- */\n    const renderContent = () => {\n        if (item.component) {\n            return typeof item.component === \"function\"\n                ? item.component({ selected, value: item.value, isInvalid: !!isInvalid })\n                : item.component;\n        }\n        // Default selected-button color (white on primary fill) is kept,\n        // but user-supplied text props (e.g. style.color) override it.\n        const defaultColor = selected && !item.withBulbs ? '#fff' : undefined;\n        return (\n            <Text\n                fontSize={size}\n                fontColor={defaultColor}\n                m={0}\n                style={textStyle}\n            >\n                {item.label}\n            </Text>\n        );\n    };\n\n    /* ---- Bulb: custom radio indicator + content (mirrors web PrimeRadioButton + renderContent) ---- */\n    const renderBulb = () => (\n        <RNPressable\n            onPress={() => { if (!disabled) onToggle(); }}\n            disabled={disabled}\n        >\n            <Flex alignItems=\"center\" gap={6} flexDirection={direction}>\n                <CoreRadioIndicator\n                    checked={selected}\n                    disabled={disabled}\n                    invalid={isInvalid}\n                    checkedBorderColor={primaryColor}\n                    dotColor={primaryColor}\n                    size={indicatorSize(item.size)}\n                />\n                {renderContent()}\n            </Flex>\n        </RNPressable>\n    );\n\n    /* ---- Component: custom component + label (mirrors web renderComponent) ---- */\n    const renderComponent = () => (\n        <RNPressable\n            onPress={() => { if (!disabled) onToggle(); }}\n            disabled={disabled}\n        >\n            <Flex flexDirection={direction} alignItems=\"center\" gap={4}>\n                {renderContent()}\n                {!!item.label && <Text>{item.label}</Text>}\n            </Flex>\n        </RNPressable>\n    );\n\n    // BUTTON mode: collapse to a single layer — Pressable IS the styled\n    // pill. User wrapperStyle applies to the same element that carries\n    // the default selection colors (containerStyle). wrapperStyle wins\n    // because RN style arrays apply later entries on top.\n    if (!item.withBulbs && !item.component) {\n        return (\n            <RNPressable\n                onPress={() => { if (!disabled) onToggle(); }}\n                disabled={disabled}\n                style={[containerStyle, wrapperStyle]}\n            >\n                {renderContent()}\n            </RNPressable>\n        );\n    }\n\n    // BULB / COMPONENT modes keep the nested Flex for bulb + content\n    // layout. Outer wrapper carries user style; Pressable inside takes\n    // the click without re-wrapping width.\n    return (\n        <Flex\n            pointerEvents={disabled ? \"none\" : \"auto\"}\n            style={wrapperStyle}\n            alignItems=\"flex-start\"\n        >\n            {item.withBulbs ? renderBulb() : renderComponent()}\n        </Flex>\n    );\n};\n\nexport default RadioButton;\n"],"names":["useKitsTheme","useMemo","resolveStyleRecord","splitTextStyle","jsx","Text","RNPressable","Flex","CoreRadioIndicator"],"mappings":"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"}

package/form/controls/RadioButton/radiobutton.js

@@ -0,0 +1,233 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Pressable } from 'react-native';
+import '../../../apps/mobile/src/ui/accordion/index.js';
+import '../../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../../apps/mobile/src/ui/alert/index.js';
+import '../../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../../apps/mobile/src/ui/avatar/index.js';
+import '../../../apps/mobile/src/ui/badge/index.js';
+import '../../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../../apps/mobile/src/ui/box/index.js';
+import '../../../apps/mobile/src/ui/button/index.js';
+import '../../../apps/mobile/src/ui/card/index.js';
+import '../../../apps/mobile/src/ui/center/index.js';
+import '../../../apps/mobile/src/ui/checkbox/index.js';
+import '../../../apps/mobile/src/ui/divider/index.js';
+import '../../../apps/mobile/src/ui/drawer/index.js';
+import '../../../apps/mobile/src/ui/fab/index.js';
+import '../../../apps/mobile/src/ui/form-control/index.js';
+import '../../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../../apps/mobile/src/ui/grid/index.js';
+import '../../../apps/mobile/src/ui/heading/index.js';
+import '../../../apps/mobile/src/ui/hstack/index.js';
+import '../../../apps/mobile/src/ui/icon/index.js';
+import '../../../apps/mobile/src/ui/image/index.js';
+import '../../../apps/mobile/src/ui/image-background/index.js';
+import '../../../apps/mobile/src/ui/input/index.js';
+import '../../../apps/mobile/src/ui/link/index.js';
+import '../../../apps/mobile/src/ui/menu/index.js';
+import '../../../apps/mobile/src/ui/modal/index.js';
+import '../../../apps/mobile/src/ui/popover/index.js';
+import '../../../apps/mobile/src/ui/portal/index.js';
+import '../../../apps/mobile/src/ui/pressable/index.js';
+import '../../../apps/mobile/src/ui/progress/index.js';
+import '../../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../../apps/mobile/src/ui/select/index.js';
+import '../../../apps/mobile/src/ui/skeleton/index.js';
+import '../../../apps/mobile/src/ui/slider/index.js';
+import '../../../apps/mobile/src/ui/spinner/index.js';
+import '../../../apps/mobile/src/ui/switch/index.js';
+import '../../../apps/mobile/src/ui/table/index.js';
+import '../../../apps/mobile/src/ui/text/index.js';
+import '../../../apps/mobile/src/ui/textarea/index.js';
+import '../../../apps/mobile/src/ui/toast/index.js';
+import '../../../apps/mobile/src/ui/tooltip/index.js';
+import '../../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+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 '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../../apps/mobile/src/Core/Tag/index.js';
+import '../../../apps/mobile/src/Core/Badge/index.js';
+import '../../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../../apps/mobile/src/Core/Checkbox/index.js';
+import RadioIndicator from '../../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../../apps/mobile/src/Core/Input/index.js';
+import '../../../apps/mobile/src/Core/Input/Field.js';
+import '../../../apps/mobile/src/Core/Input/Slot.js';
+import { resolveStyleRecord, splitTextStyle } from '../../../hooks/useResolvedStyle.js';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+import Flex from '../../../layout/Flex/index.js';
+import Text from '../../../primitives/Text/index.js';
+
+const indicatorSize = (s) => {
+  switch (s) {
+    case "xs":
+    case "sm":
+      return "sm";
+    case "lg":
+    case "xl":
+      return "lg";
+    default:
+      return "md";
+  }
+};
+const RadioButton = ({
+  item,
+  selected,
+  disabled,
+  isInvalid,
+  onToggle,
+  slotStyles
+}) => {
+  const { resolveToken } = useKitsTheme();
+  const primaryColor = resolveToken("primary");
+  const borderColor = resolveToken("gray.300");
+  const sizes = {
+    xs: 10,
+    sm: 15,
+    md: 18,
+    lg: 20,
+    xl: 20
+  };
+  const paddings = {
+    xs: [2, 5],
+    sm: [2, 5],
+    md: [3, 9],
+    lg: [4, 9],
+    xl: [13, 13]
+  };
+  const size = item.size ? sizes[item.size] : sizes.md;
+  const padding = item.size ? paddings[item.size] : paddings.md;
+  const resolvedItemStyle = useMemo(() => {
+    const merged = {
+      ...slotStyles?.item || {},
+      ...selected ? slotStyles?.itemSelected : null,
+      ...disabled ? slotStyles?.itemDisabled : null,
+      ...isInvalid ? slotStyles?.itemInvalid : null,
+      ...item.w != null && !(item.style && item.style.w != null) && !(item.style && item.style.width != null) ? { width: item.w } : null,
+      ...item.style || {},
+      ...selected ? item.styleSelected : null,
+      ...disabled ? item.styleDisabled : null,
+      ...isInvalid ? item.styleInvalid : null
+    };
+    return resolveStyleRecord(merged, resolveToken);
+  }, [slotStyles, selected, disabled, isInvalid, item.style, item.styleSelected, item.styleDisabled, item.styleInvalid, item.w, resolveToken]);
+  const { wrapper: wrapperStyle, text: textStyle } = useMemo(
+    () => splitTextStyle(resolvedItemStyle),
+    [resolvedItemStyle]
+  );
+  const leftLabel = item.labelPosition === "left";
+  const bottomLabel = item.labelPosition === "bottom";
+  const topLabel = item.labelPosition === "top";
+  const direction = leftLabel ? "row-reverse" : bottomLabel ? "column" : topLabel ? "column-reverse" : "row";
+  const containerStyle = useMemo(() => ({
+    opacity: disabled ? 40 : 100,
+    borderWidth: item.component ? 0 : 1,
+    borderRadius: item.component ? 0 : 8,
+    borderColor: selected ? primaryColor : borderColor,
+    backgroundColor: selected ? primaryColor : "transparent",
+    paddingHorizontal: item.component ? 0 : padding?.[1],
+    paddingVertical: item.component ? 0 : padding?.[0]
+  }), [disabled, selected, item.component, padding]);
+  const renderContent = () => {
+    if (item.component) {
+      return typeof item.component === "function" ? item.component({ selected, value: item.value, isInvalid: !!isInvalid }) : item.component;
+    }
+    const defaultColor = selected && !item.withBulbs ? "#fff" : void 0;
+    return /* @__PURE__ */ jsx(
+      Text,
+      {
+        fontSize: size,
+        fontColor: defaultColor,
+        m: 0,
+        style: textStyle,
+        children: item.label
+      }
+    );
+  };
+  const renderBulb = () => /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 6, flexDirection: direction, children: [
+        /* @__PURE__ */ jsx(
+          RadioIndicator,
+          {
+            checked: selected,
+            disabled,
+            invalid: isInvalid,
+            checkedBorderColor: primaryColor,
+            dotColor: primaryColor,
+            size: indicatorSize(item.size)
+          }
+        ),
+        renderContent()
+      ] })
+    }
+  );
+  const renderComponent = () => /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      onPress: () => {
+        if (!disabled) onToggle();
+      },
+      disabled,
+      children: /* @__PURE__ */ jsxs(Flex, { flexDirection: direction, alignItems: "center", gap: 4, children: [
+        renderContent(),
+        !!item.label && /* @__PURE__ */ jsx(Text, { children: item.label })
+      ] })
+    }
+  );
+  if (!item.withBulbs && !item.component) {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        onPress: () => {
+          if (!disabled) onToggle();
+        },
+        disabled,
+        style: [containerStyle, wrapperStyle],
+        children: renderContent()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      pointerEvents: disabled ? "none" : "auto",
+      style: wrapperStyle,
+      alignItems: "flex-start",
+      children: item.withBulbs ? renderBulb() : renderComponent()
+    }
+  );
+};
+
+export { RadioButton as default };
+//# sourceMappingURL=radiobutton.js.map