@lmb-it/kitsconcerto-native 0.1.236

package/form/inputs/InputSwitch/index.cjs

@@ -0,0 +1,218 @@
+'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');
+var index = 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');
+var useSeparator = require('../../../apps/mobile/src/Factory/useSeparator.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');
+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 index_native = require('../../helpers/FormContainer/index.cjs');
+require('../../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var useThemedFont = require('../../../hooks/useThemedFont.cjs');
+var checkbox_native = require('../../controls/Checkbox/checkbox.cjs');
+
+const KitsInputSwitch = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("Switch", rawProps);
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const trackStyle = useResolvedStyle.default(elementStyles?.track || {});
+  const trackOnStyle = useResolvedStyle.default(elementStyles?.trackOn || {});
+  const thumbStyle = useResolvedStyle.default(elementStyles?.thumb || {});
+  const thumbOnStyle = useResolvedStyle.default(elementStyles?.thumbOn || {});
+  const labelStyle = useResolvedStyle.default(elementStyles?.label || {});
+  const helperTextStyle = useResolvedStyle.default(elementStyles?.helperText || {});
+  const errorStyle = useResolvedStyle.default(elementStyles?.error || {});
+  const themedFont = useThemedFont.default("body");
+  const {
+    id,
+    label,
+    helperText,
+    errors,
+    invalid,
+    required,
+    disabled,
+    value,
+    checked,
+    defaultValue,
+    onChange,
+    displayAs,
+    direction,
+    containerStyle,
+    localProps,
+    ...rest
+  } = props;
+  const isCheckbox = displayAs === "checkbox";
+  const controlledValue = typeof checked === "boolean" ? checked : typeof value === "boolean" ? value : void 0;
+  const resolvedDefault = typeof defaultValue === "boolean" ? defaultValue : false;
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = React.useState(isControlled ? controlledValue : resolvedDefault);
+  React.useEffect(() => {
+    if (isControlled) {
+      setInternal(controlledValue);
+    }
+  }, [controlledValue, isControlled]);
+  const handleToggle = (newVal) => {
+    if (!isControlled) {
+      setInternal(newVal);
+    }
+    onChange?.({ target: { value: newVal }, value: newVal });
+  };
+  const { nativeProps, cssProps } = useSeparator.default({ ...rest, ...localProps });
+  const labelText = typeof label === "string" ? label : typeof label === "object" && label !== null && "text" in label ? label.text : void 0;
+  const Element = isCheckbox ? /* @__PURE__ */ jsxRuntime.jsx(
+    checkbox_native.default,
+    {
+      item: {
+        value: true,
+        label: labelText ?? "",
+        withBulbs: true,
+        labelPosition: "right"
+      },
+      selected: !!internal,
+      disabled,
+      isInvalid: invalid,
+      onToggle: () => handleToggle(!internal)
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    index.Switch,
+    {
+      ...nativeProps,
+      ref,
+      style: {
+        ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle,
+        // Track non-color styling (border-radius, transitions, etc.)
+        // is merged from track + trackOn (when ON) into the root style.
+        ...internal ? { ...trackStyle, ...trackOnStyle } : trackStyle,
+        ...cssProps
+      },
+      trackColor: {
+        false: trackStyle.backgroundColor,
+        true: trackOnStyle.backgroundColor ?? trackStyle.backgroundColor
+      },
+      thumbColor: internal ? thumbOnStyle.backgroundColor ?? thumbStyle.backgroundColor : thumbStyle.backgroundColor,
+      value: internal,
+      isDisabled: !!disabled,
+      isInvalid: !!invalid,
+      onToggle: handleToggle
+    }
+  );
+  const isRow = direction === "row";
+  if (isRow && !isCheckbox) {
+    const rowLabelText = typeof label === "string" ? label : typeof label === "object" && label !== null && "text" in label ? label.text : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        width: "100%"
+      }, children: [
+        rowLabelText ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: {
+          opacity: disabled ? 0.6 : 1,
+          ...themedFont ? { fontFamily: themedFont } : {},
+          ...labelStyle
+        }, children: rowLabelText }) : null,
+        Element
+      ] }),
+      helperText && typeof helperText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { marginTop: 4, ...themedFont ? { fontFamily: themedFont } : {}, ...helperTextStyle }, children: helperText }) : null,
+      errors ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { marginTop: 4, ...themedFont ? { fontFamily: themedFont } : {}, ...errorStyle }, children: errors }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      required,
+      helperText,
+      errors,
+      invalid,
+      label: isCheckbox ? void 0 : label,
+      disabled,
+      bare: true,
+      containerStyle,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+
+exports.default = KitsInputSwitch;
+//# sourceMappingURL=index.cjs.map

package/form/inputs/InputSwitch/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/inputs/InputSwitch/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport { View, Text } from 'react-native';\nimport { Switch } from '@lmb-it/kitsconcertomobile';\nimport KitsContainer from '../../helpers/FormContainer';\nimport type { IKitsInputSwitch } from '@lmb-it/kitsconcerto-types';\nimport { useSeparator } from \"../../../factory\";\nimport {useComponentDefaults, useResolvedStyle, useThemedFont} from \"@lmb-it/kitsconcerto/hooks\";\nimport CheckboxButton from \"../../controls/Checkbox/checkbox\";\n\nconst KitsInputSwitch: React.FC<IKitsInputSwitch> = ({ ref, ...rawProps }) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Switch', rawProps);\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    // Switch states — track in OFF/ON, thumb in OFF/ON. RN's Switch\n    // exposes trackColor.{false,true} and thumbColor for these directly,\n    // sourced from the new typed slot keys.\n    const trackStyle = useResolvedStyle(elementStyles?.track || {});\n    const trackOnStyle = useResolvedStyle(elementStyles?.trackOn || {});\n    const thumbStyle = useResolvedStyle(elementStyles?.thumb || {});\n    const thumbOnStyle = useResolvedStyle(elementStyles?.thumbOn || {});\n    // Row-mode label / helperText / error styles. Sourced from\n    // FormElement < Switch < per-instance slots so consumers can retune\n    // them without touching component code.\n    const labelStyle = useResolvedStyle(elementStyles?.label || {});\n    const helperTextStyle = useResolvedStyle(elementStyles?.helperText || {});\n    const errorStyle = useResolvedStyle(elementStyles?.error || {});\n    const themedFont = useThemedFont('body');\n    const {\n        id,\n        label,\n        helperText,\n        errors,\n        invalid,\n        required,\n        disabled,\n        value,\n        checked,\n        defaultValue,\n        onChange,\n        displayAs,\n        direction,\n        containerStyle,\n        localProps,\n        ...rest\n    } = props;\n\n    const isCheckbox = displayAs === 'checkbox';\n\n    // Controlled value: explicit `checked` or `value` prop\n    const controlledValue = typeof checked === 'boolean' ? checked\n        : typeof value === 'boolean' ? value\n        : undefined;\n\n    // Default value: only used when neither checked nor value is set (uncontrolled)\n    const resolvedDefault = typeof defaultValue === 'boolean' ? defaultValue : false;\n\n    // Determine if component is controlled\n    const isControlled = controlledValue !== undefined;\n\n    // For uncontrolled mode, maintain internal state initialized from defaultValue\n    const [internal, setInternal] = useState<boolean>(isControlled ? (controlledValue as boolean) : resolvedDefault);\n\n    useEffect(() => {\n        // If controlled, always reflect the incoming value\n        if (isControlled) {\n            setInternal(controlledValue as boolean);\n        }\n    }, [controlledValue, isControlled]);\n\n    const handleToggle = (newVal: boolean) => {\n        if (!isControlled) {\n            setInternal(newVal);\n        }\n        // Always call onChange if provided\n        onChange?.({ target: { value: newVal }, value: newVal });\n    };\n\n    const { nativeProps, cssProps } = useSeparator<any>({ ...rest, ...(localProps as any) });\n\n    // Resolve display label text for checkbox mode\n    const labelText = typeof label === 'string' ? label\n        : typeof label === 'object' && label !== null && 'text' in (label as any) ? (label as any).text\n        : undefined;\n\n    const Element = isCheckbox\n        ? <CheckboxButton\n            item={{\n                value: true,\n                label: labelText ?? '',\n                withBulbs: true,\n                labelPosition: 'right',\n            }}\n            selected={!!internal}\n            disabled={disabled}\n            isInvalid={invalid}\n            onToggle={() => handleToggle(!internal)}\n        />\n        : <Switch\n            {...nativeProps}\n            ref={ref as any}\n            style={{\n                ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle),\n                // Track non-color styling (border-radius, transitions, etc.)\n                // is merged from track + trackOn (when ON) into the root style.\n                ...(internal ? {...trackStyle, ...trackOnStyle} : trackStyle),\n                ...(cssProps as any),\n            }}\n            // RN Switch consumes track/thumb colors via these props directly.\n            trackColor={{\n                false: (trackStyle as any).backgroundColor,\n                true: (trackOnStyle as any).backgroundColor ?? (trackStyle as any).backgroundColor,\n            }}\n            thumbColor={internal\n                ? ((thumbOnStyle as any).backgroundColor ?? (thumbStyle as any).backgroundColor)\n                : (thumbStyle as any).backgroundColor}\n            value={internal}\n            isDisabled={!!disabled}\n            isInvalid={!!invalid}\n            onToggle={handleToggle}\n        />;\n\n    const isRow = direction === 'row';\n\n    if (isRow && !isCheckbox) {\n        const rowLabelText = typeof label === 'string' ? label\n            : typeof label === 'object' && label !== null && 'text' in (label as any) ? (label as any).text\n            : undefined;\n\n        return (\n            <View style={{ width: '100%' }}>\n                <View style={{\n                    flexDirection: 'row',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    width: '100%',\n                }}>\n                    {rowLabelText ? (\n                        <Text style={{\n                            opacity: disabled ? 0.6 : 1,\n                            ...(themedFont ? {fontFamily: themedFont} : {}),\n                            ...labelStyle,\n                        }}>{rowLabelText}</Text>\n                    ) : null}\n                    {Element}\n                </View>\n                {helperText && typeof helperText === 'string' ? (\n                    <Text style={{ marginTop: 4, ...(themedFont ? {fontFamily: themedFont} : {}), ...helperTextStyle }}>{helperText}</Text>\n                ) : null}\n                {errors ? (\n                    <Text style={{ marginTop: 4, ...(themedFont ? {fontFamily: themedFont} : {}), ...errorStyle }}>{errors}</Text>\n                ) : null}\n            </View>\n        );\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            required={required}\n            helperText={helperText}\n            errors={errors}\n            invalid={invalid}\n            label={isCheckbox ? undefined : label}\n            disabled={disabled}\n            bare\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n};\n\nexport default KitsInputSwitch;\n"],"names":["useComponentDefaults","useResolvedStyle","useThemedFont","useState","useEffect","useSeparator","jsx","CheckboxButton","Switch","View","jsxs","Text","KitsContainer"],"mappings":"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"}

package/form/inputs/InputSwitch/index.js

@@ -0,0 +1,214 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { View, Text } 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 { Switch } from '../../../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 useSeparator from '../../../apps/mobile/src/Factory/useSeparator.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 '../../../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 KitsContainer from '../../helpers/FormContainer/index.js';
+import '../../../contexts/DialogContext.js';
+import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import useThemedFont from '../../../hooks/useThemedFont.js';
+import CheckboxButton from '../../controls/Checkbox/checkbox.js';
+
+const KitsInputSwitch = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults("Switch", rawProps);
+  const resolvedThemeStyle = useResolvedStyle(themeStyle);
+  const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});
+  const trackStyle = useResolvedStyle(elementStyles?.track || {});
+  const trackOnStyle = useResolvedStyle(elementStyles?.trackOn || {});
+  const thumbStyle = useResolvedStyle(elementStyles?.thumb || {});
+  const thumbOnStyle = useResolvedStyle(elementStyles?.thumbOn || {});
+  const labelStyle = useResolvedStyle(elementStyles?.label || {});
+  const helperTextStyle = useResolvedStyle(elementStyles?.helperText || {});
+  const errorStyle = useResolvedStyle(elementStyles?.error || {});
+  const themedFont = useThemedFont("body");
+  const {
+    id,
+    label,
+    helperText,
+    errors,
+    invalid,
+    required,
+    disabled,
+    value,
+    checked,
+    defaultValue,
+    onChange,
+    displayAs,
+    direction,
+    containerStyle,
+    localProps,
+    ...rest
+  } = props;
+  const isCheckbox = displayAs === "checkbox";
+  const controlledValue = typeof checked === "boolean" ? checked : typeof value === "boolean" ? value : void 0;
+  const resolvedDefault = typeof defaultValue === "boolean" ? defaultValue : false;
+  const isControlled = controlledValue !== void 0;
+  const [internal, setInternal] = useState(isControlled ? controlledValue : resolvedDefault);
+  useEffect(() => {
+    if (isControlled) {
+      setInternal(controlledValue);
+    }
+  }, [controlledValue, isControlled]);
+  const handleToggle = (newVal) => {
+    if (!isControlled) {
+      setInternal(newVal);
+    }
+    onChange?.({ target: { value: newVal }, value: newVal });
+  };
+  const { nativeProps, cssProps } = useSeparator({ ...rest, ...localProps });
+  const labelText = typeof label === "string" ? label : typeof label === "object" && label !== null && "text" in label ? label.text : void 0;
+  const Element = isCheckbox ? /* @__PURE__ */ jsx(
+    CheckboxButton,
+    {
+      item: {
+        value: true,
+        label: labelText ?? "",
+        withBulbs: true,
+        labelPosition: "right"
+      },
+      selected: !!internal,
+      disabled,
+      isInvalid: invalid,
+      onToggle: () => handleToggle(!internal)
+    }
+  ) : /* @__PURE__ */ jsx(
+    Switch,
+    {
+      ...nativeProps,
+      ref,
+      style: {
+        ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle,
+        // Track non-color styling (border-radius, transitions, etc.)
+        // is merged from track + trackOn (when ON) into the root style.
+        ...internal ? { ...trackStyle, ...trackOnStyle } : trackStyle,
+        ...cssProps
+      },
+      trackColor: {
+        false: trackStyle.backgroundColor,
+        true: trackOnStyle.backgroundColor ?? trackStyle.backgroundColor
+      },
+      thumbColor: internal ? thumbOnStyle.backgroundColor ?? thumbStyle.backgroundColor : thumbStyle.backgroundColor,
+      value: internal,
+      isDisabled: !!disabled,
+      isInvalid: !!invalid,
+      onToggle: handleToggle
+    }
+  );
+  const isRow = direction === "row";
+  if (isRow && !isCheckbox) {
+    const rowLabelText = typeof label === "string" ? label : typeof label === "object" && label !== null && "text" in label ? label.text : void 0;
+    return /* @__PURE__ */ jsxs(View, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxs(View, { style: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        width: "100%"
+      }, children: [
+        rowLabelText ? /* @__PURE__ */ jsx(Text, { style: {
+          opacity: disabled ? 0.6 : 1,
+          ...themedFont ? { fontFamily: themedFont } : {},
+          ...labelStyle
+        }, children: rowLabelText }) : null,
+        Element
+      ] }),
+      helperText && typeof helperText === "string" ? /* @__PURE__ */ jsx(Text, { style: { marginTop: 4, ...themedFont ? { fontFamily: themedFont } : {}, ...helperTextStyle }, children: helperText }) : null,
+      errors ? /* @__PURE__ */ jsx(Text, { style: { marginTop: 4, ...themedFont ? { fontFamily: themedFont } : {}, ...errorStyle }, children: errors }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      required,
+      helperText,
+      errors,
+      invalid,
+      label: isCheckbox ? void 0 : label,
+      disabled,
+      bare: true,
+      containerStyle,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+
+export { KitsInputSwitch as default };
+//# sourceMappingURL=index.js.map

package/form/inputs/InputSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/inputs/InputSwitch/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport { View, Text } from 'react-native';\nimport { Switch } from '@lmb-it/kitsconcertomobile';\nimport KitsContainer from '../../helpers/FormContainer';\nimport type { IKitsInputSwitch } from '@lmb-it/kitsconcerto-types';\nimport { useSeparator } from \"../../../factory\";\nimport {useComponentDefaults, useResolvedStyle, useThemedFont} from \"@lmb-it/kitsconcerto/hooks\";\nimport CheckboxButton from \"../../controls/Checkbox/checkbox\";\n\nconst KitsInputSwitch: React.FC<IKitsInputSwitch> = ({ ref, ...rawProps }) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('Switch', rawProps);\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    // Switch states — track in OFF/ON, thumb in OFF/ON. RN's Switch\n    // exposes trackColor.{false,true} and thumbColor for these directly,\n    // sourced from the new typed slot keys.\n    const trackStyle = useResolvedStyle(elementStyles?.track || {});\n    const trackOnStyle = useResolvedStyle(elementStyles?.trackOn || {});\n    const thumbStyle = useResolvedStyle(elementStyles?.thumb || {});\n    const thumbOnStyle = useResolvedStyle(elementStyles?.thumbOn || {});\n    // Row-mode label / helperText / error styles. Sourced from\n    // FormElement < Switch < per-instance slots so consumers can retune\n    // them without touching component code.\n    const labelStyle = useResolvedStyle(elementStyles?.label || {});\n    const helperTextStyle = useResolvedStyle(elementStyles?.helperText || {});\n    const errorStyle = useResolvedStyle(elementStyles?.error || {});\n    const themedFont = useThemedFont('body');\n    const {\n        id,\n        label,\n        helperText,\n        errors,\n        invalid,\n        required,\n        disabled,\n        value,\n        checked,\n        defaultValue,\n        onChange,\n        displayAs,\n        direction,\n        containerStyle,\n        localProps,\n        ...rest\n    } = props;\n\n    const isCheckbox = displayAs === 'checkbox';\n\n    // Controlled value: explicit `checked` or `value` prop\n    const controlledValue = typeof checked === 'boolean' ? checked\n        : typeof value === 'boolean' ? value\n        : undefined;\n\n    // Default value: only used when neither checked nor value is set (uncontrolled)\n    const resolvedDefault = typeof defaultValue === 'boolean' ? defaultValue : false;\n\n    // Determine if component is controlled\n    const isControlled = controlledValue !== undefined;\n\n    // For uncontrolled mode, maintain internal state initialized from defaultValue\n    const [internal, setInternal] = useState<boolean>(isControlled ? (controlledValue as boolean) : resolvedDefault);\n\n    useEffect(() => {\n        // If controlled, always reflect the incoming value\n        if (isControlled) {\n            setInternal(controlledValue as boolean);\n        }\n    }, [controlledValue, isControlled]);\n\n    const handleToggle = (newVal: boolean) => {\n        if (!isControlled) {\n            setInternal(newVal);\n        }\n        // Always call onChange if provided\n        onChange?.({ target: { value: newVal }, value: newVal });\n    };\n\n    const { nativeProps, cssProps } = useSeparator<any>({ ...rest, ...(localProps as any) });\n\n    // Resolve display label text for checkbox mode\n    const labelText = typeof label === 'string' ? label\n        : typeof label === 'object' && label !== null && 'text' in (label as any) ? (label as any).text\n        : undefined;\n\n    const Element = isCheckbox\n        ? <CheckboxButton\n            item={{\n                value: true,\n                label: labelText ?? '',\n                withBulbs: true,\n                labelPosition: 'right',\n            }}\n            selected={!!internal}\n            disabled={disabled}\n            isInvalid={invalid}\n            onToggle={() => handleToggle(!internal)}\n        />\n        : <Switch\n            {...nativeProps}\n            ref={ref as any}\n            style={{\n                ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle),\n                // Track non-color styling (border-radius, transitions, etc.)\n                // is merged from track + trackOn (when ON) into the root style.\n                ...(internal ? {...trackStyle, ...trackOnStyle} : trackStyle),\n                ...(cssProps as any),\n            }}\n            // RN Switch consumes track/thumb colors via these props directly.\n            trackColor={{\n                false: (trackStyle as any).backgroundColor,\n                true: (trackOnStyle as any).backgroundColor ?? (trackStyle as any).backgroundColor,\n            }}\n            thumbColor={internal\n                ? ((thumbOnStyle as any).backgroundColor ?? (thumbStyle as any).backgroundColor)\n                : (thumbStyle as any).backgroundColor}\n            value={internal}\n            isDisabled={!!disabled}\n            isInvalid={!!invalid}\n            onToggle={handleToggle}\n        />;\n\n    const isRow = direction === 'row';\n\n    if (isRow && !isCheckbox) {\n        const rowLabelText = typeof label === 'string' ? label\n            : typeof label === 'object' && label !== null && 'text' in (label as any) ? (label as any).text\n            : undefined;\n\n        return (\n            <View style={{ width: '100%' }}>\n                <View style={{\n                    flexDirection: 'row',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    width: '100%',\n                }}>\n                    {rowLabelText ? (\n                        <Text style={{\n                            opacity: disabled ? 0.6 : 1,\n                            ...(themedFont ? {fontFamily: themedFont} : {}),\n                            ...labelStyle,\n                        }}>{rowLabelText}</Text>\n                    ) : null}\n                    {Element}\n                </View>\n                {helperText && typeof helperText === 'string' ? (\n                    <Text style={{ marginTop: 4, ...(themedFont ? {fontFamily: themedFont} : {}), ...helperTextStyle }}>{helperText}</Text>\n                ) : null}\n                {errors ? (\n                    <Text style={{ marginTop: 4, ...(themedFont ? {fontFamily: themedFont} : {}), ...errorStyle }}>{errors}</Text>\n                ) : null}\n            </View>\n        );\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            required={required}\n            helperText={helperText}\n            errors={errors}\n            invalid={invalid}\n            label={isCheckbox ? undefined : label}\n            disabled={disabled}\n            bare\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n};\n\nexport default KitsInputSwitch;\n"],"names":[],"mappings":"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"}