@lmb-it/kitsconcerto-native 0.1.256 → 0.1.258

package/form/inputs/Slider/index.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Slider from '@react-native-community/slider';
 import { Text } from 'react-native';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
 import Flex from '../../../layout/Flex/index.js';
 
 const KitsSliders = ({
@@ -17,6 +18,8 @@ const KitsSliders = ({
   className
 }) => {
   const isControlled = value !== void 0;
+  const { resolveToken } = useKitsTheme();
+  const valueColor = resolveToken("text");
   const [localValue, setLocalValue] = useState(
     isRange ? [minValue, maxValue] : minValue
   );
@@ -68,8 +71,8 @@ const KitsSliders = ({
         }
       ),
       /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${start}` : start }),
-        /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${end}` : end })
+        /* @__PURE__ */ jsx(Text, { style: { color: valueColor }, children: prefix ? `${prefix}${start}` : start }),
+        /* @__PURE__ */ jsx(Text, { style: { color: valueColor }, children: prefix ? `${prefix}${end}` : end })
       ] })
     ] });
   }
@@ -93,7 +96,7 @@ const KitsSliders = ({
         }
       }
     ),
-    /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { children: prefix ? `${prefix}${numericValue}` : numericValue }) })
+    /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { style: { color: valueColor }, children: prefix ? `${prefix}${numericValue}` : numericValue }) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/inputs/Slider/index.native.tsx"],"sourcesContent":["import React, { type FC, useEffect, useState } from \"react\";\nimport Slider from \"@react-native-community/slider\";\nimport { Text } from \"react-native\";\nimport type { ISliderProps } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\n\nconst KitsSliders: FC<ISliderProps> = ({\n                                           minValue = 0,\n                                           maxValue = 100,\n                                           prefix,\n                                           step,\n                                           disabled,\n                                           value,\n                                           isRange = false,\n                                           onChange,\n                                           onSlideEnd,\n                                           className,\n                                       }) => {\n    const isControlled = value !== undefined;\n\n    const [localValue, setLocalValue] = useState<number | [number, number]>(\n        isRange ? [minValue, maxValue] : minValue\n    );\n\n    const currentValue = isControlled ? value : localValue;\n\n    useEffect(() => {\n        if (!isControlled) {\n            setLocalValue(isRange ? [minValue, maxValue] : minValue);\n        }\n    }, [minValue, maxValue, isRange, isControlled]);\n\n    /* ---------------------------- RANGE MODE --------------------------- */\n\n    if (isRange) {\n        const [start, end] = Array.isArray(currentValue)\n            ? currentValue\n            : [minValue, maxValue];\n\n        return (\n            <Flex w=\"full\" flexDirection=\"column\" gap={2} className={className}>\n                {/* Start thumb */}\n                <Slider\n                    minimumValue={minValue}\n                    maximumValue={end}\n                    value={start}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [v, end];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [v, end],\n                        });\n                    }}\n                />\n\n                {/* End thumb */}\n                <Slider\n                    minimumValue={start}\n                    maximumValue={maxValue}\n                    value={end}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [start, v];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [start, v],\n                        });\n                    }}\n                />\n\n                <Flex justifyContent=\"space-between\">\n                    <Text>{prefix ? `${prefix}${start}` : start}</Text>\n                    <Text>{prefix ? `${prefix}${end}` : end}</Text>\n                </Flex>\n            </Flex>\n        );\n    }\n\n    /* --------------------------- SINGLE MODE ---------------------------- */\n\n    const numericValue =\n        typeof currentValue === \"number\" ? currentValue : minValue;\n\n    return (\n        <Flex w={'full'} flexDirection=\"column\" gap={2} className={className}>\n            <Slider\n                minimumValue={minValue}\n                maximumValue={maxValue}\n                step={step}\n                disabled={disabled}\n                value={numericValue}\n                onValueChange={(v: number) => {\n                    isControlled ? onChange?.({value:v}) : setLocalValue(v);\n                }}\n                onSlidingComplete={(v: number) => {\n                    onSlideEnd?.({\n                        value: v,\n                    });\n                }}\n            />\n\n            <Flex justifyContent=\"flex-end\">\n                <Text>{prefix ? `${prefix}${numericValue}` : numericValue}</Text>\n            </Flex>\n        </Flex>\n    );\n};\n\nexport default KitsSliders;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/inputs/Slider/index.native.tsx"],"sourcesContent":["import React, { type FC, useEffect, useState } from \"react\";\nimport Slider from \"@react-native-community/slider\";\nimport { Text } from \"react-native\";\nimport type { ISliderProps } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\nimport { useKitsTheme } from \"../../../contexts/Theme\";\n\nconst KitsSliders: FC<ISliderProps> = ({\n                                           minValue = 0,\n                                           maxValue = 100,\n                                           prefix,\n                                           step,\n                                           disabled,\n                                           value,\n                                           isRange = false,\n                                           onChange,\n                                           onSlideEnd,\n                                           className,\n                                       }) => {\n    const isControlled = value !== undefined;\n    /*\n     * ⛔ THESE THREE LABELS HAD NO COLOUR AT ALL — the only file in the\n     * whole native form tree importing RAW RN `Text` instead of the themed\n     * primitive, found sweeping every native input for the same dark-mode\n     * fault as the Textarea (22 Sep 2026). Native drew them in the platform\n     * default (black), invisible on the dark background.\n     */\n    const { resolveToken } = useKitsTheme();\n    const valueColor = resolveToken('text');\n\n    const [localValue, setLocalValue] = useState<number | [number, number]>(\n        isRange ? [minValue, maxValue] : minValue\n    );\n\n    const currentValue = isControlled ? value : localValue;\n\n    useEffect(() => {\n        if (!isControlled) {\n            setLocalValue(isRange ? [minValue, maxValue] : minValue);\n        }\n    }, [minValue, maxValue, isRange, isControlled]);\n\n    /* ---------------------------- RANGE MODE --------------------------- */\n\n    if (isRange) {\n        const [start, end] = Array.isArray(currentValue)\n            ? currentValue\n            : [minValue, maxValue];\n\n        return (\n            <Flex w=\"full\" flexDirection=\"column\" gap={2} className={className}>\n                {/* Start thumb */}\n                <Slider\n                    minimumValue={minValue}\n                    maximumValue={end}\n                    value={start}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [v, end];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [v, end],\n                        });\n                    }}\n                />\n\n                {/* End thumb */}\n                <Slider\n                    minimumValue={start}\n                    maximumValue={maxValue}\n                    value={end}\n                    step={step}\n                    disabled={disabled}\n                    onValueChange={(v: number) => {\n                        const next: [number, number] = [start, v];\n                        isControlled ? onChange?.({value:next}) : setLocalValue(next);\n                    }}\n                    onSlidingComplete={(v: number) => {\n                        onSlideEnd?.({\n                            value: [start, v],\n                        });\n                    }}\n                />\n\n                <Flex justifyContent=\"space-between\">\n                    <Text style={{ color: valueColor }}>{prefix ? `${prefix}${start}` : start}</Text>\n                    <Text style={{ color: valueColor }}>{prefix ? `${prefix}${end}` : end}</Text>\n                </Flex>\n            </Flex>\n        );\n    }\n\n    /* --------------------------- SINGLE MODE ---------------------------- */\n\n    const numericValue =\n        typeof currentValue === \"number\" ? currentValue : minValue;\n\n    return (\n        <Flex w={'full'} flexDirection=\"column\" gap={2} className={className}>\n            <Slider\n                minimumValue={minValue}\n                maximumValue={maxValue}\n                step={step}\n                disabled={disabled}\n                value={numericValue}\n                onValueChange={(v: number) => {\n                    isControlled ? onChange?.({value:v}) : setLocalValue(v);\n                }}\n                onSlidingComplete={(v: number) => {\n                    onSlideEnd?.({\n                        value: v,\n                    });\n                }}\n            />\n\n            <Flex justifyContent=\"flex-end\">\n                <Text style={{ color: valueColor }}>{prefix ? `${prefix}${numericValue}` : numericValue}</Text>\n            </Flex>\n        </Flex>\n    );\n};\n\nexport default KitsSliders;\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,cAAgC,CAAC;AAAA,EACI,QAAA,GAAW,CAAA;AAAA,EACX,QAAA,GAAW,GAAA;AAAA,EACX,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,QAAA;AAAA,EACA,UAAA;AAAA,EACA;AACJ,CAAA,KAAM;AACzC,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAQ/B,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,YAAA,EAAa;AACtC,EAAA,MAAM,UAAA,GAAa,aAAa,MAAM,CAAA;AAEtC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA;AAAA,IAChC,OAAA,GAAU,CAAC,QAAA,EAAU,QAAQ,CAAA,GAAI;AAAA,GACrC;AAEA,EAAA,MAAM,YAAA,GAAe,eAAe,KAAA,GAAQ,UAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,YAAA,EAAc;AACf,MAAA,aAAA,CAAc,OAAA,GAAU,CAAC,QAAA,EAAU,QAAQ,IAAI,QAAQ,CAAA;AAAA,IAC3D;AAAA,EACJ,GAAG,CAAC,QAAA,EAAU,QAAA,EAAU,OAAA,EAAS,YAAY,CAAC,CAAA;AAI9C,EAAA,IAAI,OAAA,EAAS;AACT,IAAA,MAAM,CAAC,KAAA,EAAO,GAAG,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,GACzC,YAAA,GACA,CAAC,QAAA,EAAU,QAAQ,CAAA;AAEzB,IAAA,uBACI,IAAA,CAAC,QAAK,CAAA,EAAE,MAAA,EAAO,eAAc,QAAA,EAAS,GAAA,EAAK,GAAG,SAAA,EAE1C,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,YAAA,EAAc,QAAA;AAAA,UACd,YAAA,EAAc,GAAA;AAAA,UACd,KAAA,EAAO,KAAA;AAAA,UACP,IAAA;AAAA,UACA,QAAA;AAAA,UACA,aAAA,EAAe,CAAC,CAAA,KAAc;AAC1B,YAAA,MAAM,IAAA,GAAyB,CAAC,CAAA,EAAG,GAAG,CAAA;AACtC,YAAA,YAAA,GAAe,WAAW,EAAC,KAAA,EAAM,MAAK,CAAA,GAAI,cAAc,IAAI,CAAA;AAAA,UAChE,CAAA;AAAA,UACA,iBAAA,EAAmB,CAAC,CAAA,KAAc;AAC9B,YAAA,UAAA,GAAa;AAAA,cACT,KAAA,EAAO,CAAC,CAAA,EAAG,GAAG;AAAA,aACjB,CAAA;AAAA,UACL;AAAA;AAAA,OACJ;AAAA,sBAGA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,YAAA,EAAc,KAAA;AAAA,UACd,YAAA,EAAc,QAAA;AAAA,UACd,KAAA,EAAO,GAAA;AAAA,UACP,IAAA;AAAA,UACA,QAAA;AAAA,UACA,aAAA,EAAe,CAAC,CAAA,KAAc;AAC1B,YAAA,MAAM,IAAA,GAAyB,CAAC,KAAA,EAAO,CAAC,CAAA;AACxC,YAAA,YAAA,GAAe,WAAW,EAAC,KAAA,EAAM,MAAK,CAAA,GAAI,cAAc,IAAI,CAAA;AAAA,UAChE,CAAA;AAAA,UACA,iBAAA,EAAmB,CAAC,CAAA,KAAc;AAC9B,YAAA,UAAA,GAAa;AAAA,cACT,KAAA,EAAO,CAAC,KAAA,EAAO,CAAC;AAAA,aACnB,CAAA;AAAA,UACL;AAAA;AAAA,OACJ;AAAA,sBAEA,IAAA,CAAC,IAAA,EAAA,EAAK,cAAA,EAAe,eAAA,EACjB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,UAAA,EAAW,EAAI,QAAA,EAAA,MAAA,GAAS,CAAA,EAAG,MAAM,CAAA,EAAG,KAAK,CAAA,CAAA,GAAK,KAAA,EAAM,CAAA;AAAA,wBAC1E,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,UAAA,EAAW,EAAI,QAAA,EAAA,MAAA,GAAS,CAAA,EAAG,MAAM,CAAA,EAAG,GAAG,KAAK,GAAA,EAAI;AAAA,OAAA,EAC1E;AAAA,KAAA,EACJ,CAAA;AAAA,EAER;AAIA,EAAA,MAAM,YAAA,GACF,OAAO,YAAA,KAAiB,QAAA,GAAW,YAAA,GAAe,QAAA;AAEtD,EAAA,uBACI,IAAA,CAAC,QAAK,CAAA,EAAG,MAAA,EAAQ,eAAc,QAAA,EAAS,GAAA,EAAK,GAAG,SAAA,EAC5C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,YAAA,EAAc,QAAA;AAAA,QACd,YAAA,EAAc,QAAA;AAAA,QACd,IAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA,EAAO,YAAA;AAAA,QACP,aAAA,EAAe,CAAC,CAAA,KAAc;AAC1B,UAAA,YAAA,GAAe,WAAW,EAAC,KAAA,EAAM,GAAE,CAAA,GAAI,cAAc,CAAC,CAAA;AAAA,QAC1D,CAAA;AAAA,QACA,iBAAA,EAAmB,CAAC,CAAA,KAAc;AAC9B,UAAA,UAAA,GAAa;AAAA,YACT,KAAA,EAAO;AAAA,WACV,CAAA;AAAA,QACL;AAAA;AAAA,KACJ;AAAA,wBAEC,IAAA,EAAA,EAAK,cAAA,EAAe,YACjB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAO,EAAE,KAAA,EAAO,UAAA,EAAW,EAAI,mBAAS,CAAA,EAAG,MAAM,GAAG,YAAY,CAAA,CAAA,GAAK,cAAa,CAAA,EAC5F;AAAA,GAAA,EACJ,CAAA;AAER;;;;"}

package/form/selects/Dropdown/index.cjs

@@ -86,6 +86,7 @@ require('../../../apps/mobile/src/Core/Input/Field.cjs');
 require('../../../apps/mobile/src/Core/Input/Slot.cjs');
 var Functions = require('../../helpers/Functions.cjs');
 var useSelectBase = require('../hooks/useSelectBase.cjs');
+var locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
@@ -122,6 +123,7 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
     containerStyle
   } = props;
   const { list, keys, onChange, selectedValue } = useSelectBase.useSelectBase();
+  const { t, isRTL } = locale.useLanguage();
   const ClState = Functions.ClHelper({
     inputSize: inputSize ?? "",
     isChecked: false,
@@ -132,7 +134,9 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
   const Element = /* @__PURE__ */ jsxRuntime.jsx(
     index.default,
     {
-      emptyFilterMessage,
+      emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
+      filterPlaceholder: t("searchPlaceholder"),
+      isRTL,
       value: dropdownValue,
       placeholder,
       options: Array.isArray(list) ? list : [],

package/form/selects/Dropdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","ClHelper","jsx","Dropdown","KitsContainer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","ClHelper","jsx","Dropdown","KitsContainer"],"mappings":"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"}

package/form/selects/Dropdown/index.js

@@ -82,6 +82,7 @@ import '../../../apps/mobile/src/Core/Input/Field.js';
 import '../../../apps/mobile/src/Core/Input/Slot.js';
 import { ClHelper } from '../../helpers/Functions.js';
 import { useSelectBase } from '../hooks/useSelectBase.js';
+import { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
@@ -118,6 +119,7 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
     containerStyle
   } = props;
   const { list, keys, onChange, selectedValue } = useSelectBase();
+  const { t, isRTL } = useLanguage();
   const ClState = ClHelper({
     inputSize: inputSize ?? "",
     isChecked: false,
@@ -128,7 +130,9 @@ const KitsDropdown = ({ className, ref, ...rawProps }) => {
   const Element = /* @__PURE__ */ jsx(
     Dropdown,
     {
-      emptyFilterMessage,
+      emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
+      filterPlaceholder: t("searchPlaceholder"),
+      isRTL,
       value: dropdownValue,
       placeholder,
       options: Array.isArray(list) ? list : [],

package/form/selects/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,eAAe,CAAC,EAAE,WAAW,GAAA,EAAK,GAAG,UAAS,KAAuB;AACvE,EAAA,MAAM,EAAC,aAAa,KAAA,EAAO,UAAA,EAAY,eAAa,GAAI,oBAAA,CAAqB,gBAAA,EAAkB,QAAA,EAAU,QAAQ,CAAA;AACjH,EAAA,MAAM,kBAAA,GAAqB,iBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoB,gBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,EAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,aAAA,KAAkB,aAAA,EAAc;AAE9D,EAAA,MAAM,UAAU,QAAA,CAAS;AAAA,IACrB,WAAW,SAAA,IAAa,EAAA;AAAA,IACxB,SAAA,EAAW,KAAA;AAAA,IACX,SAAA,EAAW,CAAC,CAAC,OAAA;AAAA,IACb,UAAA,EAAY,CAAC,CAAC;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB,iBAAiB,IAAA,IAAQ,OAAO,kBAAkB,QAAA,GAClE,aAAA,CAAc,UAAS,GACvB,aAAA;AAEN,EAAA,MAAM,OAAA,mBACF,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,kBAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,WAAA;AAAA,MACA,SAAS,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAO,EAAC;AAAA,MACvC,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAW,SAAA,KAAc,CAAC,QAAA,IAAY,aAAA,IAAiB,IAAA,CAAA;AAAA,MACvD,OAAO,EAAE,KAAA,EAAO,QAAQ,MAAA,EAAQ,QAAA,GAAW,SAAS,MAAA,EAAW,YAAA,EAAc,GAAG,GAAI,iBAAA,IAAqB,OAAO,IAAA,CAAK,iBAAiB,EAAE,MAAA,GAAS,CAAA,GAAI,oBAAoB,kBAAA,EAAoB;AAAA,MAC7L,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,OAAA,EAAS,SAAA,IAAa,CAAC,CAAC,OAAA;AAAA,MACxB,MAAA,EAAQ,CAAC,CAAC,UAAA;AAAA,MACV,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,sBAAA,EAAwB,aAAA;AAAA,MACxB,SAAA,EAAW,CAAA,OAAA,EAAU,SAAA,IAAa,EAAE,IAAI,OAAO,CAAA,CAAA;AAAA,MAC9C,GAAI,UAAA,GAAa,UAAA,GAAa;AAAC;AAAA,GACpC;AAGJ,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,OAAO,OAAA;AAAA,EACX;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACL;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/Dropdown/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { Dropdown } from \"@lmb-it/kitsconcertomobile\";\nimport type { IDropdownSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { KitsContainer } from \"../../../_compat\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"../../../hooks\";\n\nconst KitsDropdown = ({ className, ref, ...rawProps }: IDropdownSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('DropdownSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        disabled,\n        required,\n        label,\n        localProps,\n        helperText,\n        isFloatedLabel,\n        withFilter,\n        attached,\n        inputSize,\n        placeholder,\n        hideError,\n        virtualScroll,\n        emptyFilterMessage,\n        filterBy,\n        loading,\n        showClear,\n        containerStyle\n    } = props;\n\n    const { list, keys, onChange, selectedValue } = useSelectBase();\n\n    /* The panel's own copy. The native Dropdown lives in `apps/mobile`, which\n       this package imports, so it cannot reach LocaleContext itself without a\n       cycle between the two workspaces — the sentence is resolved here, where\n       `useLanguage()` already is, and passed down as a prop.\n\n       ⛔ `isRTL` is the READER's language, never `I18nManager.isRTL`. A\n       consumer that forces RTL at boot keeps that process direction after the\n       reader switches to English, and the filter field must follow the reader. */\n    const { t, isRTL } = useLanguage();\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const dropdownValue = selectedValue != null && typeof selectedValue !== 'object'\n        ? selectedValue.toString()\n        : selectedValue;\n\n    const Element = (\n        <Dropdown\n            emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n            filterPlaceholder={t('searchPlaceholder')}\n            isRTL={isRTL}\n            value={dropdownValue}\n            placeholder={placeholder}\n            options={Array.isArray(list) ? list : []}\n            disabled={disabled}\n            loading={loading}\n            showClear={showClear ?? (!required && selectedValue != null)}\n            style={{ width: '100%', height: attached ? '100%' : undefined, borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n            onChange={onChange}\n            {...keys}\n            invalid={hideError && !!invalid}\n            filter={!!withFilter}\n            filterBy={filterBy ?? 'label'}\n            virtualScrollerOptions={virtualScroll}\n            className={`w-full ${className ?? ''} ${ClState}`}\n            {...(localProps ? localProps : {})}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsDropdown;\n"],"names":[],"mappings":"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"}

package/form/selects/ListBox/index.cjs

@@ -87,6 +87,7 @@ 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 locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
@@ -113,6 +114,7 @@ const KitsListBox = (rawProps) => {
   } = props;
   const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase.useSelectBase();
   const [filterText, setFilterText] = React.useState("");
+  const { t: translate, isRTL } = locale.useLanguage();
   const t = style.resolveThemeTokenForNative;
   const primaryBg = t("highlight-bg") || t("primary.100") || "#E8EAF6";
   const primaryText = t("primary.700") || "#303F9F";
@@ -217,7 +219,7 @@ const KitsListBox = (rawProps) => {
               {
                 value: filterText,
                 onChangeText: setFilterText,
-                placeholder: "Search...",
+                placeholder: translate("searchPlaceholder"),
                 placeholderTextColor: placeholderColor,
                 style: {
                   borderBottomWidth: 1,
@@ -225,7 +227,9 @@ const KitsListBox = (rawProps) => {
                   paddingHorizontal: 12,
                   paddingVertical: 8,
                   fontSize: 14,
-                  color: textColor
+                  color: textColor,
+                  textAlign: isRTL ? "right" : "left",
+                  writingDirection: isRTL ? "rtl" : "ltr"
                 }
               }
             ),

package/form/selects/ListBox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/ListBox/index.native.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { ScrollView, Pressable, TextInput } from \"react-native\";\nimport { VStack, Box, Text } from '../../../_compat';\nimport type { IListBoxSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport { resolveThemeTokenForNative } from \"@lmb-it/kitsconcertomobile\";\nimport { useComponentDefaults, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsListBox = (rawProps: IListBoxSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('ListBox', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        label,\n        disabled,\n        invalid,\n        errors,\n        helperText,\n        inputSize = \"md\",\n        isMultiple,\n        withFilter,\n        filterBy,\n        hideError,\n    } = props;\n\n    const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase();\n\n    const [filterText, setFilterText] = useState(\"\");\n\n    const t = resolveThemeTokenForNative;\n    const primaryBg = t('highlight-bg') || t('primary.100') || '#E8EAF6';\n    const primaryText = t('primary.700') || '#303F9F';\n    const borderClr = invalid ? (t('danger') || '#EF4444') : (t('border') || '#D1D5DB');\n    const textColor = t('text') || '#1F2937';\n    const placeholderColor = t('text-secondary') || '#9CA3AF';\n    const groupBg = t('surface-ground') || '#F9FAFB';\n\n    const isSelected = useCallback((val: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            return selectedValue.includes(val);\n        }\n        return selectedValue === val;\n    }, [isMultiple, selectedValue]);\n\n    const onSelect = useCallback((val: any, item: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            const newVals = selectedValue.includes(val)\n                ? selectedValue.filter((v: any) => v !== val)\n                : [...selectedValue, val];\n            onChange({ target: { value: newVals } }, newVals);\n        } else {\n            onChange({ target: { value: val } }, item);\n        }\n    }, [isMultiple, selectedValue, onChange]);\n\n    const filteredList = useMemo(() => {\n        if (!withFilter || !filterText.trim()) return list;\n        const query = filterText.toLowerCase();\n        const searchKey = filterBy || labelKey;\n\n        if (childrenKey) {\n            return list.reduce((acc: any[], group: any) => {\n                const children = group[childrenKey];\n                if (Array.isArray(children)) {\n                    const matched = children.filter((item: any) =>\n                        String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n                    );\n                    if (matched.length > 0) {\n                        acc.push({ ...group, [childrenKey]: matched });\n                    }\n                }\n                return acc;\n            }, []);\n        }\n\n        return list.filter((item: any) =>\n            String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n        );\n    }, [list, filterText, withFilter, filterBy, labelKey, childrenKey]);\n\n    const renderItem = (item: any, index: number) => {\n        const val = item[valueKey];\n        const selected = isSelected(val);\n        return (\n            <Pressable\n                key={`${val}-${index}`}\n                style={{\n                    padding: 10,\n                    backgroundColor: selected ? primaryBg : 'transparent',\n                }}\n                onPress={() => !disabled && onSelect(val, item)}\n            >\n                <Text\n                    color={selected ? primaryText : textColor}\n                    fontWeight={selected ? \"bold\" : \"normal\"}\n                    size={inputSize}\n                >\n                    {item[labelKey]}\n                </Text>\n            </Pressable>\n        );\n    };\n\n    const renderGroupedItems = () => {\n        return filteredList.map((group: any, gi: number) => {\n            const children = group[childrenKey!];\n            if (!Array.isArray(children)) {\n                return renderItem(group, gi);\n            }\n            return (\n                <Box key={`group-${gi}`}>\n                    <Box style={{ backgroundColor: groupBg, paddingHorizontal: 12, paddingVertical: 8 }}>\n                        <Text fontWeight=\"600\" color={textColor} size={inputSize}>\n                            {group[labelKey]}\n                        </Text>\n                    </Box>\n                    {children.map((item: any, ci: number) => renderItem(item, ci))}\n                </Box>\n            );\n        });\n    };\n\n    return (\n        <KitsContainer\n            id={id}\n            label={label}\n            invalid={!!invalid}\n            hideError={hideError}\n            helperText={helperText}\n            errors={errors}\n            elementStyles={elementStyles}\n        >\n            <Box\n                borderWidth={1}\n                borderColor={borderClr}\n                borderRadius=\"$sm\"\n                height={250}\n                opacity={disabled ? 0.5 : 1}\n                style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            >\n                {withFilter && (\n                    <TextInput\n                        value={filterText}\n                        onChangeText={setFilterText}\n                        placeholder=\"Search...\"\n                        placeholderTextColor={placeholderColor}\n                        style={{\n                            borderBottomWidth: 1,\n                            borderBottomColor: borderClr,\n                            paddingHorizontal: 12,\n                            paddingVertical: 8,\n                            fontSize: 14,\n                            color: textColor,\n                        }}\n                    />\n                )}\n                <ScrollView>\n                    <VStack>\n                        {childrenKey\n                            ? renderGroupedItems()\n                            : filteredList.map((item: any, i: number) => renderItem(item, i))\n                        }\n                    </VStack>\n                </ScrollView>\n            </Box>\n        </KitsContainer>\n    );\n};\n\nexport default KitsListBox;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useState","resolveThemeTokenForNative","useCallback","useMemo","jsx","Pressable","Text","Box","KitsContainer","jsxs","TextInput","ScrollView","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAA,GAAc,CAAC,QAAA,KAA6B;AAC9C,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,UAAA,EAAY,eAAc,GAAIA,4BAAA,CAAqB,SAAA,EAAW,QAAA,EAAU,QAAQ,CAAA;AAC5G,EAAA,MAAM,kBAAA,GAAqBC,yBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoBA,wBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,EAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,MAAM,QAAA,EAAU,QAAA,EAAU,aAAa,QAAA,EAAU,aAAA,KAAkBC,2BAAA,EAAc;AAEzF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,eAAS,EAAE,CAAA;AAE/C,EAAA,MAAM,CAAA,GAAIC,gCAAA;AACV,EAAA,MAAM,YAAY,CAAA,CAAE,cAAc,CAAA,IAAK,CAAA,CAAE,aAAa,CAAA,IAAK,SAAA;AAC3D,EAAA,MAAM,WAAA,GAAc,CAAA,CAAE,aAAa,CAAA,IAAK,SAAA;AACxC,EAAA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAE,QAAQ,KAAK,SAAA,GAAc,CAAA,CAAE,QAAQ,CAAA,IAAK,SAAA;AACzE,EAAA,MAAM,SAAA,GAAY,CAAA,CAAE,MAAM,CAAA,IAAK,SAAA;AAC/B,EAAA,MAAM,gBAAA,GAAmB,CAAA,CAAE,gBAAgB,CAAA,IAAK,SAAA;AAChD,EAAA,MAAM,OAAA,GAAU,CAAA,CAAE,gBAAgB,CAAA,IAAK,SAAA;AAEvC,EAAA,MAAM,UAAA,GAAaC,iBAAA,CAAY,CAAC,GAAA,KAAa;AACzC,IAAA,IAAI,UAAA,IAAc,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC5C,MAAA,OAAO,aAAA,CAAc,SAAS,GAAG,CAAA;AAAA,IACrC;AACA,IAAA,OAAO,aAAA,KAAkB,GAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,UAAA,EAAY,aAAa,CAAC,CAAA;AAE9B,EAAA,MAAM,QAAA,GAAWA,iBAAA,CAAY,CAAC,GAAA,EAAU,IAAA,KAAc;AAClD,IAAA,IAAI,UAAA,IAAc,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC5C,MAAA,MAAM,OAAA,GAAU,aAAA,CAAc,QAAA,CAAS,GAAG,IACpC,aAAA,CAAc,MAAA,CAAO,CAAC,CAAA,KAAW,MAAM,GAAG,CAAA,GAC1C,CAAC,GAAG,eAAe,GAAG,CAAA;AAC5B,MAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,EAAE,OAAO,OAAA,EAAQ,IAAK,OAAO,CAAA;AAAA,IACpD,CAAA,MAAO;AACH,MAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,EAAE,OAAO,GAAA,EAAI,IAAK,IAAI,CAAA;AAAA,IAC7C;AAAA,EACJ,CAAA,EAAG,CAAC,UAAA,EAAY,aAAA,EAAe,QAAQ,CAAC,CAAA;AAExC,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM;AAC/B,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,UAAA,CAAW,IAAA,IAAQ,OAAO,IAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,WAAW,WAAA,EAAY;AACrC,IAAA,MAAM,YAAY,QAAA,IAAY,QAAA;AAE9B,IAAA,IAAI,WAAA,EAAa;AACb,MAAA,OAAO,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAY,KAAA,KAAe;AAC3C,QAAA,MAAM,QAAA,GAAW,MAAM,WAAW,CAAA;AAClC,QAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AACzB,UAAA,MAAM,UAAU,QAAA,CAAS,MAAA;AAAA,YAAO,CAAC,IAAA,KAC7B,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,IAAK,EAAE,CAAA,CAAE,WAAA,EAAY,CAAE,QAAA,CAAS,KAAK;AAAA,WAC9D;AACA,UAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACpB,YAAA,GAAA,CAAI,IAAA,CAAK,EAAE,GAAG,KAAA,EAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAAA,UACjD;AAAA,QACJ;AACA,QAAA,OAAO,GAAA;AAAA,MACX,CAAA,EAAG,EAAE,CAAA;AAAA,IACT;AAEA,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,MAAO,CAAC,IAAA,KAChB,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,IAAK,EAAE,CAAA,CAAE,WAAA,EAAY,CAAE,QAAA,CAAS,KAAK;AAAA,KAC9D;AAAA,EACJ,CAAA,EAAG,CAAC,IAAA,EAAM,UAAA,EAAY,YAAY,QAAA,EAAU,QAAA,EAAU,WAAW,CAAC,CAAA;AAElE,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,EAAW,KAAA,KAAkB;AAC7C,IAAA,MAAM,GAAA,GAAM,KAAK,QAAQ,CAAA;AACzB,IAAA,MAAM,QAAA,GAAW,WAAW,GAAG,CAAA;AAC/B,IAAA,uBACIC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QAEG,KAAA,EAAO;AAAA,UACH,OAAA,EAAS,EAAA;AAAA,UACT,eAAA,EAAiB,WAAW,SAAA,GAAY;AAAA,SAC5C;AAAA,QACA,SAAS,MAAM,CAAC,QAAA,IAAY,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,QAE9C,QAAA,kBAAAD,cAAA;AAAA,UAACE,sBAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO,WAAW,WAAA,GAAc,SAAA;AAAA,YAChC,UAAA,EAAY,WAAW,MAAA,GAAS,QAAA;AAAA,YAChC,IAAA,EAAM,SAAA;AAAA,YAEL,eAAK,QAAQ;AAAA;AAAA;AAClB,OAAA;AAAA,MAbK,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAcxB;AAAA,EAER,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC7B,IAAA,OAAO,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,EAAY,EAAA,KAAe;AAChD,MAAA,MAAM,QAAA,GAAW,MAAM,WAAY,CAAA;AACnC,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC1B,QAAA,OAAO,UAAA,CAAW,OAAO,EAAE,CAAA;AAAA,MAC/B;AACA,MAAA,uCACKC,aAAA,EAAA,EACG,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAACG,aAAA,EAAA,EAAI,OAAO,EAAE,eAAA,EAAiB,SAAS,iBAAA,EAAmB,EAAA,EAAI,iBAAiB,CAAA,EAAE,EAC9E,yCAACD,sBAAA,EAAA,EAAK,UAAA,EAAW,OAAM,KAAA,EAAO,SAAA,EAAW,MAAM,SAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,QAAQ,CAAA,EACnB,CAAA,EACJ,CAAA;AAAA,QACC,QAAA,CAAS,IAAI,CAAC,IAAA,EAAW,OAAe,UAAA,CAAW,IAAA,EAAM,EAAE,CAAC;AAAA,OAAA,EAAA,EANvD,CAAA,MAAA,EAAS,EAAE,CAAA,CAOrB,CAAA;AAAA,IAER,CAAC,CAAA;AAAA,EACL,CAAA;AAEA,EAAA,uBACIF,cAAA;AAAA,IAACI,oBAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,MACX,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAA;AAAA,MAEA,QAAA,kBAAAC,eAAA;AAAA,QAACF,aAAA;AAAA,QAAA;AAAA,UACG,WAAA,EAAa,CAAA;AAAA,UACb,WAAA,EAAa,SAAA;AAAA,UACb,YAAA,EAAa,KAAA;AAAA,UACb,MAAA,EAAQ,GAAA;AAAA,UACR,OAAA,EAAS,WAAW,GAAA,GAAM,CAAA;AAAA,UAC1B,KAAA,EAAO,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,iBAAA,GAAqB,MAAA,CAAO,IAAA,CAAK,kBAAkB,CAAA,CAAE,SAAS,kBAAA,GAAqB,MAAA;AAAA,UAEtJ,QAAA,EAAA;AAAA,YAAA,UAAA,oBACGH,cAAA;AAAA,cAACM,qBAAA;AAAA,cAAA;AAAA,gBACG,KAAA,EAAO,UAAA;AAAA,gBACP,YAAA,EAAc,aAAA;AAAA,gBACd,WAAA,EAAY,WAAA;AAAA,gBACZ,oBAAA,EAAsB,gBAAA;AAAA,gBACtB,KAAA,EAAO;AAAA,kBACH,iBAAA,EAAmB,CAAA;AAAA,kBACnB,iBAAA,EAAmB,SAAA;AAAA,kBACnB,iBAAA,EAAmB,EAAA;AAAA,kBACnB,eAAA,EAAiB,CAAA;AAAA,kBACjB,QAAA,EAAU,EAAA;AAAA,kBACV,KAAA,EAAO;AAAA;AACX;AAAA,aACJ;AAAA,2CAEHC,sBAAA,EAAA,EACG,QAAA,kBAAAP,cAAA,CAACQ,sBAAA,EAAA,EACI,QAAA,EAAA,WAAA,GACK,oBAAmB,GACnB,YAAA,CAAa,GAAA,CAAI,CAAC,MAAW,CAAA,KAAc,UAAA,CAAW,MAAM,CAAC,CAAC,GAExE,CAAA,EACJ;AAAA;AAAA;AAAA;AACJ;AAAA,GACJ;AAER;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/ListBox/index.native.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { ScrollView, Pressable, TextInput } from \"react-native\";\nimport { VStack, Box, Text } from '../../../_compat';\nimport type { IListBoxSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport { resolveThemeTokenForNative } from \"@lmb-it/kitsconcertomobile\";\nimport { useComponentDefaults, useLanguage, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsListBox = (rawProps: IListBoxSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('ListBox', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        label,\n        disabled,\n        invalid,\n        errors,\n        helperText,\n        inputSize = \"md\",\n        isMultiple,\n        withFilter,\n        filterBy,\n        hideError,\n    } = props;\n\n    const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase();\n\n    const [filterText, setFilterText] = useState(\"\");\n\n    /* Same rule as the Dropdown's panel: the filter's copy and its edge come\n       from the reader's language, not from the platform's layout direction. */\n    const { t: translate, isRTL } = useLanguage();\n\n    const t = resolveThemeTokenForNative;\n    const primaryBg = t('highlight-bg') || t('primary.100') || '#E8EAF6';\n    const primaryText = t('primary.700') || '#303F9F';\n    const borderClr = invalid ? (t('danger') || '#EF4444') : (t('border') || '#D1D5DB');\n    const textColor = t('text') || '#1F2937';\n    const placeholderColor = t('text-secondary') || '#9CA3AF';\n    const groupBg = t('surface-ground') || '#F9FAFB';\n\n    const isSelected = useCallback((val: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            return selectedValue.includes(val);\n        }\n        return selectedValue === val;\n    }, [isMultiple, selectedValue]);\n\n    const onSelect = useCallback((val: any, item: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            const newVals = selectedValue.includes(val)\n                ? selectedValue.filter((v: any) => v !== val)\n                : [...selectedValue, val];\n            onChange({ target: { value: newVals } }, newVals);\n        } else {\n            onChange({ target: { value: val } }, item);\n        }\n    }, [isMultiple, selectedValue, onChange]);\n\n    const filteredList = useMemo(() => {\n        if (!withFilter || !filterText.trim()) return list;\n        const query = filterText.toLowerCase();\n        const searchKey = filterBy || labelKey;\n\n        if (childrenKey) {\n            return list.reduce((acc: any[], group: any) => {\n                const children = group[childrenKey];\n                if (Array.isArray(children)) {\n                    const matched = children.filter((item: any) =>\n                        String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n                    );\n                    if (matched.length > 0) {\n                        acc.push({ ...group, [childrenKey]: matched });\n                    }\n                }\n                return acc;\n            }, []);\n        }\n\n        return list.filter((item: any) =>\n            String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n        );\n    }, [list, filterText, withFilter, filterBy, labelKey, childrenKey]);\n\n    const renderItem = (item: any, index: number) => {\n        const val = item[valueKey];\n        const selected = isSelected(val);\n        return (\n            <Pressable\n                key={`${val}-${index}`}\n                style={{\n                    padding: 10,\n                    backgroundColor: selected ? primaryBg : 'transparent',\n                }}\n                onPress={() => !disabled && onSelect(val, item)}\n            >\n                <Text\n                    color={selected ? primaryText : textColor}\n                    fontWeight={selected ? \"bold\" : \"normal\"}\n                    size={inputSize}\n                >\n                    {item[labelKey]}\n                </Text>\n            </Pressable>\n        );\n    };\n\n    const renderGroupedItems = () => {\n        return filteredList.map((group: any, gi: number) => {\n            const children = group[childrenKey!];\n            if (!Array.isArray(children)) {\n                return renderItem(group, gi);\n            }\n            return (\n                <Box key={`group-${gi}`}>\n                    <Box style={{ backgroundColor: groupBg, paddingHorizontal: 12, paddingVertical: 8 }}>\n                        <Text fontWeight=\"600\" color={textColor} size={inputSize}>\n                            {group[labelKey]}\n                        </Text>\n                    </Box>\n                    {children.map((item: any, ci: number) => renderItem(item, ci))}\n                </Box>\n            );\n        });\n    };\n\n    return (\n        <KitsContainer\n            id={id}\n            label={label}\n            invalid={!!invalid}\n            hideError={hideError}\n            helperText={helperText}\n            errors={errors}\n            elementStyles={elementStyles}\n        >\n            <Box\n                borderWidth={1}\n                borderColor={borderClr}\n                borderRadius=\"$sm\"\n                height={250}\n                opacity={disabled ? 0.5 : 1}\n                style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            >\n                {withFilter && (\n                    <TextInput\n                        value={filterText}\n                        onChangeText={setFilterText}\n                        placeholder={translate('searchPlaceholder')}\n                        placeholderTextColor={placeholderColor}\n                        style={{\n                            borderBottomWidth: 1,\n                            borderBottomColor: borderClr,\n                            paddingHorizontal: 12,\n                            paddingVertical: 8,\n                            fontSize: 14,\n                            color: textColor,\n                            textAlign: isRTL ? 'right' : 'left',\n                            writingDirection: isRTL ? 'rtl' : 'ltr',\n                        }}\n                    />\n                )}\n                <ScrollView>\n                    <VStack>\n                        {childrenKey\n                            ? renderGroupedItems()\n                            : filteredList.map((item: any, i: number) => renderItem(item, i))\n                        }\n                    </VStack>\n                </ScrollView>\n            </Box>\n        </KitsContainer>\n    );\n};\n\nexport default KitsListBox;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useState","useLanguage","resolveThemeTokenForNative","useCallback","useMemo","jsx","Pressable","Text","Box","KitsContainer","jsxs","TextInput","ScrollView","VStack"],"mappings":"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"}

package/form/selects/ListBox/index.js

@@ -83,6 +83,7 @@ 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 { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
@@ -109,6 +110,7 @@ const KitsListBox = (rawProps) => {
   } = props;
   const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase();
   const [filterText, setFilterText] = useState("");
+  const { t: translate, isRTL } = useLanguage();
   const t = resolveThemeTokenForNative;
   const primaryBg = t("highlight-bg") || t("primary.100") || "#E8EAF6";
   const primaryText = t("primary.700") || "#303F9F";
@@ -213,7 +215,7 @@ const KitsListBox = (rawProps) => {
               {
                 value: filterText,
                 onChangeText: setFilterText,
-                placeholder: "Search...",
+                placeholder: translate("searchPlaceholder"),
                 placeholderTextColor: placeholderColor,
                 style: {
                   borderBottomWidth: 1,
@@ -221,7 +223,9 @@ const KitsListBox = (rawProps) => {
                   paddingHorizontal: 12,
                   paddingVertical: 8,
                   fontSize: 14,
-                  color: textColor
+                  color: textColor,
+                  textAlign: isRTL ? "right" : "left",
+                  writingDirection: isRTL ? "rtl" : "ltr"
                 }
               }
             ),

package/form/selects/ListBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/ListBox/index.native.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { ScrollView, Pressable, TextInput } from \"react-native\";\nimport { VStack, Box, Text } from '../../../_compat';\nimport type { IListBoxSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport { resolveThemeTokenForNative } from \"@lmb-it/kitsconcertomobile\";\nimport { useComponentDefaults, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsListBox = (rawProps: IListBoxSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('ListBox', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        label,\n        disabled,\n        invalid,\n        errors,\n        helperText,\n        inputSize = \"md\",\n        isMultiple,\n        withFilter,\n        filterBy,\n        hideError,\n    } = props;\n\n    const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase();\n\n    const [filterText, setFilterText] = useState(\"\");\n\n    const t = resolveThemeTokenForNative;\n    const primaryBg = t('highlight-bg') || t('primary.100') || '#E8EAF6';\n    const primaryText = t('primary.700') || '#303F9F';\n    const borderClr = invalid ? (t('danger') || '#EF4444') : (t('border') || '#D1D5DB');\n    const textColor = t('text') || '#1F2937';\n    const placeholderColor = t('text-secondary') || '#9CA3AF';\n    const groupBg = t('surface-ground') || '#F9FAFB';\n\n    const isSelected = useCallback((val: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            return selectedValue.includes(val);\n        }\n        return selectedValue === val;\n    }, [isMultiple, selectedValue]);\n\n    const onSelect = useCallback((val: any, item: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            const newVals = selectedValue.includes(val)\n                ? selectedValue.filter((v: any) => v !== val)\n                : [...selectedValue, val];\n            onChange({ target: { value: newVals } }, newVals);\n        } else {\n            onChange({ target: { value: val } }, item);\n        }\n    }, [isMultiple, selectedValue, onChange]);\n\n    const filteredList = useMemo(() => {\n        if (!withFilter || !filterText.trim()) return list;\n        const query = filterText.toLowerCase();\n        const searchKey = filterBy || labelKey;\n\n        if (childrenKey) {\n            return list.reduce((acc: any[], group: any) => {\n                const children = group[childrenKey];\n                if (Array.isArray(children)) {\n                    const matched = children.filter((item: any) =>\n                        String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n                    );\n                    if (matched.length > 0) {\n                        acc.push({ ...group, [childrenKey]: matched });\n                    }\n                }\n                return acc;\n            }, []);\n        }\n\n        return list.filter((item: any) =>\n            String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n        );\n    }, [list, filterText, withFilter, filterBy, labelKey, childrenKey]);\n\n    const renderItem = (item: any, index: number) => {\n        const val = item[valueKey];\n        const selected = isSelected(val);\n        return (\n            <Pressable\n                key={`${val}-${index}`}\n                style={{\n                    padding: 10,\n                    backgroundColor: selected ? primaryBg : 'transparent',\n                }}\n                onPress={() => !disabled && onSelect(val, item)}\n            >\n                <Text\n                    color={selected ? primaryText : textColor}\n                    fontWeight={selected ? \"bold\" : \"normal\"}\n                    size={inputSize}\n                >\n                    {item[labelKey]}\n                </Text>\n            </Pressable>\n        );\n    };\n\n    const renderGroupedItems = () => {\n        return filteredList.map((group: any, gi: number) => {\n            const children = group[childrenKey!];\n            if (!Array.isArray(children)) {\n                return renderItem(group, gi);\n            }\n            return (\n                <Box key={`group-${gi}`}>\n                    <Box style={{ backgroundColor: groupBg, paddingHorizontal: 12, paddingVertical: 8 }}>\n                        <Text fontWeight=\"600\" color={textColor} size={inputSize}>\n                            {group[labelKey]}\n                        </Text>\n                    </Box>\n                    {children.map((item: any, ci: number) => renderItem(item, ci))}\n                </Box>\n            );\n        });\n    };\n\n    return (\n        <KitsContainer\n            id={id}\n            label={label}\n            invalid={!!invalid}\n            hideError={hideError}\n            helperText={helperText}\n            errors={errors}\n            elementStyles={elementStyles}\n        >\n            <Box\n                borderWidth={1}\n                borderColor={borderClr}\n                borderRadius=\"$sm\"\n                height={250}\n                opacity={disabled ? 0.5 : 1}\n                style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            >\n                {withFilter && (\n                    <TextInput\n                        value={filterText}\n                        onChangeText={setFilterText}\n                        placeholder=\"Search...\"\n                        placeholderTextColor={placeholderColor}\n                        style={{\n                            borderBottomWidth: 1,\n                            borderBottomColor: borderClr,\n                            paddingHorizontal: 12,\n                            paddingVertical: 8,\n                            fontSize: 14,\n                            color: textColor,\n                        }}\n                    />\n                )}\n                <ScrollView>\n                    <VStack>\n                        {childrenKey\n                            ? renderGroupedItems()\n                            : filteredList.map((item: any, i: number) => renderItem(item, i))\n                        }\n                    </VStack>\n                </ScrollView>\n            </Box>\n        </KitsContainer>\n    );\n};\n\nexport default KitsListBox;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/ListBox/index.native.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport { ScrollView, Pressable, TextInput } from \"react-native\";\nimport { VStack, Box, Text } from '../../../_compat';\nimport type { IListBoxSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { useSelectBase } from \"../hooks/useSelectBase\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport { resolveThemeTokenForNative } from \"@lmb-it/kitsconcertomobile\";\nimport { useComponentDefaults, useLanguage, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsListBox = (rawProps: IListBoxSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('ListBox', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        label,\n        disabled,\n        invalid,\n        errors,\n        helperText,\n        inputSize = \"md\",\n        isMultiple,\n        withFilter,\n        filterBy,\n        hideError,\n    } = props;\n\n    const { list, labelKey, valueKey, childrenKey, onChange, selectedValue } = useSelectBase();\n\n    const [filterText, setFilterText] = useState(\"\");\n\n    /* Same rule as the Dropdown's panel: the filter's copy and its edge come\n       from the reader's language, not from the platform's layout direction. */\n    const { t: translate, isRTL } = useLanguage();\n\n    const t = resolveThemeTokenForNative;\n    const primaryBg = t('highlight-bg') || t('primary.100') || '#E8EAF6';\n    const primaryText = t('primary.700') || '#303F9F';\n    const borderClr = invalid ? (t('danger') || '#EF4444') : (t('border') || '#D1D5DB');\n    const textColor = t('text') || '#1F2937';\n    const placeholderColor = t('text-secondary') || '#9CA3AF';\n    const groupBg = t('surface-ground') || '#F9FAFB';\n\n    const isSelected = useCallback((val: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            return selectedValue.includes(val);\n        }\n        return selectedValue === val;\n    }, [isMultiple, selectedValue]);\n\n    const onSelect = useCallback((val: any, item: any) => {\n        if (isMultiple && Array.isArray(selectedValue)) {\n            const newVals = selectedValue.includes(val)\n                ? selectedValue.filter((v: any) => v !== val)\n                : [...selectedValue, val];\n            onChange({ target: { value: newVals } }, newVals);\n        } else {\n            onChange({ target: { value: val } }, item);\n        }\n    }, [isMultiple, selectedValue, onChange]);\n\n    const filteredList = useMemo(() => {\n        if (!withFilter || !filterText.trim()) return list;\n        const query = filterText.toLowerCase();\n        const searchKey = filterBy || labelKey;\n\n        if (childrenKey) {\n            return list.reduce((acc: any[], group: any) => {\n                const children = group[childrenKey];\n                if (Array.isArray(children)) {\n                    const matched = children.filter((item: any) =>\n                        String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n                    );\n                    if (matched.length > 0) {\n                        acc.push({ ...group, [childrenKey]: matched });\n                    }\n                }\n                return acc;\n            }, []);\n        }\n\n        return list.filter((item: any) =>\n            String(item[searchKey] ?? \"\").toLowerCase().includes(query)\n        );\n    }, [list, filterText, withFilter, filterBy, labelKey, childrenKey]);\n\n    const renderItem = (item: any, index: number) => {\n        const val = item[valueKey];\n        const selected = isSelected(val);\n        return (\n            <Pressable\n                key={`${val}-${index}`}\n                style={{\n                    padding: 10,\n                    backgroundColor: selected ? primaryBg : 'transparent',\n                }}\n                onPress={() => !disabled && onSelect(val, item)}\n            >\n                <Text\n                    color={selected ? primaryText : textColor}\n                    fontWeight={selected ? \"bold\" : \"normal\"}\n                    size={inputSize}\n                >\n                    {item[labelKey]}\n                </Text>\n            </Pressable>\n        );\n    };\n\n    const renderGroupedItems = () => {\n        return filteredList.map((group: any, gi: number) => {\n            const children = group[childrenKey!];\n            if (!Array.isArray(children)) {\n                return renderItem(group, gi);\n            }\n            return (\n                <Box key={`group-${gi}`}>\n                    <Box style={{ backgroundColor: groupBg, paddingHorizontal: 12, paddingVertical: 8 }}>\n                        <Text fontWeight=\"600\" color={textColor} size={inputSize}>\n                            {group[labelKey]}\n                        </Text>\n                    </Box>\n                    {children.map((item: any, ci: number) => renderItem(item, ci))}\n                </Box>\n            );\n        });\n    };\n\n    return (\n        <KitsContainer\n            id={id}\n            label={label}\n            invalid={!!invalid}\n            hideError={hideError}\n            helperText={helperText}\n            errors={errors}\n            elementStyles={elementStyles}\n        >\n            <Box\n                borderWidth={1}\n                borderColor={borderClr}\n                borderRadius=\"$sm\"\n                height={250}\n                opacity={disabled ? 0.5 : 1}\n                style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            >\n                {withFilter && (\n                    <TextInput\n                        value={filterText}\n                        onChangeText={setFilterText}\n                        placeholder={translate('searchPlaceholder')}\n                        placeholderTextColor={placeholderColor}\n                        style={{\n                            borderBottomWidth: 1,\n                            borderBottomColor: borderClr,\n                            paddingHorizontal: 12,\n                            paddingVertical: 8,\n                            fontSize: 14,\n                            color: textColor,\n                            textAlign: isRTL ? 'right' : 'left',\n                            writingDirection: isRTL ? 'rtl' : 'ltr',\n                        }}\n                    />\n                )}\n                <ScrollView>\n                    <VStack>\n                        {childrenKey\n                            ? renderGroupedItems()\n                            : filteredList.map((item: any, i: number) => renderItem(item, i))\n                        }\n                    </VStack>\n                </ScrollView>\n            </Box>\n        </KitsContainer>\n    );\n};\n\nexport default KitsListBox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAA,GAAc,CAAC,QAAA,KAA6B;AAC9C,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,UAAA,EAAY,eAAc,GAAI,oBAAA,CAAqB,SAAA,EAAW,QAAA,EAAU,QAAQ,CAAA;AAC5G,EAAA,MAAM,kBAAA,GAAqB,iBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoB,gBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,EAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,IAAA;AAAA,IACZ,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,MAAM,QAAA,EAAU,QAAA,EAAU,aAAa,QAAA,EAAU,aAAA,KAAkB,aAAA,EAAc;AAEzF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAI/C,EAAA,MAAM,EAAE,CAAA,EAAG,SAAA,EAAW,KAAA,KAAU,WAAA,EAAY;AAE5C,EAAA,MAAM,CAAA,GAAI,0BAAA;AACV,EAAA,MAAM,YAAY,CAAA,CAAE,cAAc,CAAA,IAAK,CAAA,CAAE,aAAa,CAAA,IAAK,SAAA;AAC3D,EAAA,MAAM,WAAA,GAAc,CAAA,CAAE,aAAa,CAAA,IAAK,SAAA;AACxC,EAAA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAE,QAAQ,KAAK,SAAA,GAAc,CAAA,CAAE,QAAQ,CAAA,IAAK,SAAA;AACzE,EAAA,MAAM,SAAA,GAAY,CAAA,CAAE,MAAM,CAAA,IAAK,SAAA;AAC/B,EAAA,MAAM,gBAAA,GAAmB,CAAA,CAAE,gBAAgB,CAAA,IAAK,SAAA;AAChD,EAAA,MAAM,OAAA,GAAU,CAAA,CAAE,gBAAgB,CAAA,IAAK,SAAA;AAEvC,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,CAAC,GAAA,KAAa;AACzC,IAAA,IAAI,UAAA,IAAc,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC5C,MAAA,OAAO,aAAA,CAAc,SAAS,GAAG,CAAA;AAAA,IACrC;AACA,IAAA,OAAO,aAAA,KAAkB,GAAA;AAAA,EAC7B,CAAA,EAAG,CAAC,UAAA,EAAY,aAAa,CAAC,CAAA;AAE9B,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,GAAA,EAAU,IAAA,KAAc;AAClD,IAAA,IAAI,UAAA,IAAc,KAAA,CAAM,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC5C,MAAA,MAAM,OAAA,GAAU,aAAA,CAAc,QAAA,CAAS,GAAG,IACpC,aAAA,CAAc,MAAA,CAAO,CAAC,CAAA,KAAW,MAAM,GAAG,CAAA,GAC1C,CAAC,GAAG,eAAe,GAAG,CAAA;AAC5B,MAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,EAAE,OAAO,OAAA,EAAQ,IAAK,OAAO,CAAA;AAAA,IACpD,CAAA,MAAO;AACH,MAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,EAAE,OAAO,GAAA,EAAI,IAAK,IAAI,CAAA;AAAA,IAC7C;AAAA,EACJ,CAAA,EAAG,CAAC,UAAA,EAAY,aAAA,EAAe,QAAQ,CAAC,CAAA;AAExC,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AAC/B,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,UAAA,CAAW,IAAA,IAAQ,OAAO,IAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,WAAW,WAAA,EAAY;AACrC,IAAA,MAAM,YAAY,QAAA,IAAY,QAAA;AAE9B,IAAA,IAAI,WAAA,EAAa;AACb,MAAA,OAAO,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAY,KAAA,KAAe;AAC3C,QAAA,MAAM,QAAA,GAAW,MAAM,WAAW,CAAA;AAClC,QAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AACzB,UAAA,MAAM,UAAU,QAAA,CAAS,MAAA;AAAA,YAAO,CAAC,IAAA,KAC7B,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,IAAK,EAAE,CAAA,CAAE,WAAA,EAAY,CAAE,QAAA,CAAS,KAAK;AAAA,WAC9D;AACA,UAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACpB,YAAA,GAAA,CAAI,IAAA,CAAK,EAAE,GAAG,KAAA,EAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAAA,UACjD;AAAA,QACJ;AACA,QAAA,OAAO,GAAA;AAAA,MACX,CAAA,EAAG,EAAE,CAAA;AAAA,IACT;AAEA,IAAA,OAAO,IAAA,CAAK,MAAA;AAAA,MAAO,CAAC,IAAA,KAChB,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA,IAAK,EAAE,CAAA,CAAE,WAAA,EAAY,CAAE,QAAA,CAAS,KAAK;AAAA,KAC9D;AAAA,EACJ,CAAA,EAAG,CAAC,IAAA,EAAM,UAAA,EAAY,YAAY,QAAA,EAAU,QAAA,EAAU,WAAW,CAAC,CAAA;AAElE,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,EAAW,KAAA,KAAkB;AAC7C,IAAA,MAAM,GAAA,GAAM,KAAK,QAAQ,CAAA;AACzB,IAAA,MAAM,QAAA,GAAW,WAAW,GAAG,CAAA;AAC/B,IAAA,uBACI,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEG,KAAA,EAAO;AAAA,UACH,OAAA,EAAS,EAAA;AAAA,UACT,eAAA,EAAiB,WAAW,SAAA,GAAY;AAAA,SAC5C;AAAA,QACA,SAAS,MAAM,CAAC,QAAA,IAAY,QAAA,CAAS,KAAK,IAAI,CAAA;AAAA,QAE9C,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO,WAAW,WAAA,GAAc,SAAA;AAAA,YAChC,UAAA,EAAY,WAAW,MAAA,GAAS,QAAA;AAAA,YAChC,IAAA,EAAM,SAAA;AAAA,YAEL,eAAK,QAAQ;AAAA;AAAA;AAClB,OAAA;AAAA,MAbK,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAcxB;AAAA,EAER,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC7B,IAAA,OAAO,YAAA,CAAa,GAAA,CAAI,CAAC,KAAA,EAAY,EAAA,KAAe;AAChD,MAAA,MAAM,QAAA,GAAW,MAAM,WAAY,CAAA;AACnC,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAC1B,QAAA,OAAO,UAAA,CAAW,OAAO,EAAE,CAAA;AAAA,MAC/B;AACA,MAAA,4BACK,GAAA,EAAA,EACG,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,OAAO,EAAE,eAAA,EAAiB,SAAS,iBAAA,EAAmB,EAAA,EAAI,iBAAiB,CAAA,EAAE,EAC9E,8BAAC,IAAA,EAAA,EAAK,UAAA,EAAW,OAAM,KAAA,EAAO,SAAA,EAAW,MAAM,SAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,QAAQ,CAAA,EACnB,CAAA,EACJ,CAAA;AAAA,QACC,QAAA,CAAS,IAAI,CAAC,IAAA,EAAW,OAAe,UAAA,CAAW,IAAA,EAAM,EAAE,CAAC;AAAA,OAAA,EAAA,EANvD,CAAA,MAAA,EAAS,EAAE,CAAA,CAOrB,CAAA;AAAA,IAER,CAAC,CAAA;AAAA,EACL,CAAA;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,MACX,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,aAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACG,WAAA,EAAa,CAAA;AAAA,UACb,WAAA,EAAa,SAAA;AAAA,UACb,YAAA,EAAa,KAAA;AAAA,UACb,MAAA,EAAQ,GAAA;AAAA,UACR,OAAA,EAAS,WAAW,GAAA,GAAM,CAAA;AAAA,UAC1B,KAAA,EAAO,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,iBAAA,GAAqB,MAAA,CAAO,IAAA,CAAK,kBAAkB,CAAA,CAAE,SAAS,kBAAA,GAAqB,MAAA;AAAA,UAEtJ,QAAA,EAAA;AAAA,YAAA,UAAA,oBACG,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACG,KAAA,EAAO,UAAA;AAAA,gBACP,YAAA,EAAc,aAAA;AAAA,gBACd,WAAA,EAAa,UAAU,mBAAmB,CAAA;AAAA,gBAC1C,oBAAA,EAAsB,gBAAA;AAAA,gBACtB,KAAA,EAAO;AAAA,kBACH,iBAAA,EAAmB,CAAA;AAAA,kBACnB,iBAAA,EAAmB,SAAA;AAAA,kBACnB,iBAAA,EAAmB,EAAA;AAAA,kBACnB,eAAA,EAAiB,CAAA;AAAA,kBACjB,QAAA,EAAU,EAAA;AAAA,kBACV,KAAA,EAAO,SAAA;AAAA,kBACP,SAAA,EAAW,QAAQ,OAAA,GAAU,MAAA;AAAA,kBAC7B,gBAAA,EAAkB,QAAQ,KAAA,GAAQ;AAAA;AACtC;AAAA,aACJ;AAAA,gCAEH,UAAA,EAAA,EACG,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EACI,QAAA,EAAA,WAAA,GACK,oBAAmB,GACnB,YAAA,CAAa,GAAA,CAAI,CAAC,MAAW,CAAA,KAAc,UAAA,CAAW,MAAM,CAAC,CAAC,GAExE,CAAA,EACJ;AAAA;AAAA;AAAA;AACJ;AAAA,GACJ;AAER;;;;"}

package/form/selects/MultiSelect/index.cjs

@@ -88,6 +88,7 @@ var index_native = require('../../helpers/FormContainer/index.cjs');
 var Functions = require('../../helpers/Functions.cjs');
 var helper = require('../helper.cjs');
 var useSelectBase = require('../hooks/useSelectBase.cjs');
+var locale = require('../../../hooks/locale.cjs');
 require('../../../contexts/DialogContext.cjs');
 var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
 var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
@@ -120,6 +121,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
     valueMode
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase.useSelectBase();
+  const { t, isRTL } = locale.useLanguage();
   React.useEffect(() => {
     helper.checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
   }, [list]);
@@ -138,7 +140,9 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   const Element = /* @__PURE__ */ jsxRuntime.jsx(
     index.default,
     {
-      emptyFilterMessage,
+      emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
+      filterPlaceholder: t("searchPlaceholder"),
+      isRTL,
       value: selectedValue,
       onChange: handleChange,
       disabled,

package/form/selects/MultiSelect/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","KitsContainer"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useLanguage","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","KitsContainer"],"mappings":"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"}

package/form/selects/MultiSelect/index.js

@@ -84,6 +84,7 @@ import KitsContainer from '../../helpers/FormContainer/index.js';
 import { ClHelper } from '../../helpers/Functions.js';
 import { checkKeys } from '../helper.js';
 import { useSelectBase } from '../hooks/useSelectBase.js';
+import { useLanguage } from '../../../hooks/locale.js';
 import '../../../contexts/DialogContext.js';
 import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
 import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
@@ -116,6 +117,7 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
     valueMode
   } = props;
   const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();
+  const { t, isRTL } = useLanguage();
   useEffect(() => {
     checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
   }, [list]);
@@ -134,7 +136,9 @@ const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
   const Element = /* @__PURE__ */ jsx(
     MultiSelect,
     {
-      emptyFilterMessage,
+      emptyFilterMessage: emptyFilterMessage ?? t("emptyFilterMessage"),
+      filterPlaceholder: t("searchPlaceholder"),
+      isRTL,
       value: selectedValue,
       onChange: handleChange,
       disabled,

package/form/selects/MultiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useLanguage, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    /* Same rule as the Dropdown's panel — see that file. The sentence and the\n       edge are resolved here, where LocaleContext is, and passed down. */\n    const { t, isRTL } = useLanguage();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage ?? t('emptyFilterMessage')}\n        filterPlaceholder={t('searchPlaceholder')}\n        isRTL={isRTL}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\n    />\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,CAAC,EAAE,WAAW,GAAA,EAAK,GAAG,UAAS,KAAoB;AACvE,EAAA,MAAM,EAAC,aAAa,KAAA,EAAO,UAAA,EAAY,eAAa,GAAI,oBAAA,CAAqB,aAAA,EAAe,QAAA,EAAU,QAAQ,CAAA;AAC9G,EAAA,MAAM,kBAAA,GAAqB,iBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoB,gBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,EAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,MAAM,IAAA,EAAM,QAAA,EAAU,eAAe,WAAA,EAAa,QAAA,EAAU,QAAA,EAAS,GAAI,aAAA,EAAc;AAI/F,EAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAM,GAAI,WAAA,EAAY;AAEjC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,SAAA,CAAU,IAAA,EAAM,QAAA,EAAU,CAAC,WAAA,GAAc,WAAW,MAAS,CAAA;AAAA,EACjE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,UAAU,QAAA,CAAS;AAAA,IACrB,WAAW,SAAA,IAAa,EAAA;AAAA,IACxB,SAAA,EAAW,KAAA;AAAA,IACX,SAAA,EAAW,CAAC,CAAC,OAAA;AAAA,IACb,UAAA,EAAY,CAAC,CAAC;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,WAAA,CAAY,CAAC,CAAA,EAAQ,KAAA,KAAe;AACrD,IAAA,IAAI,cAAA,IAAkB,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,MAAA,EAAQ,KAAK,CAAA,IAAK,CAAA,CAAE,MAAA,CAAO,KAAA,CAAM,MAAA,GAAS,cAAA,EAAgB;AAC7F,MAAA;AAAA,IACJ;AACA,IAAA,QAAA,IAAY,QAAA,CAAS,GAAG,KAAK,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,cAAA,EAAgB,QAAQ,CAAC,CAAA;AAE7B,EAAA,MAAM,OAAA,mBAAU,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACb,kBAAA,EAAoB,kBAAA,IAAsB,CAAA,CAAE,oBAAoB,CAAA;AAAA,MAChE,iBAAA,EAAmB,EAAE,mBAAmB,CAAA;AAAA,MACxC,KAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,EAAS,OAAO,IAAA,KAAS,UAAA,GAAa,OAAO,EAAC;AAAA,MAC9C,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,QAAQ,UAAA,KAAe,KAAA;AAAA,MACvB,cAAA;AAAA,MACA,SAAS,SAAA,KAAc,OAAA,GAAU,OAAA,GAAW,UAAA,EAAY,oBAAoB,MAAA,GAAY,MAAA;AAAA,MACxF,iBAAA,EAAmB,cAAA,IAAkB,UAAA,EAAY,iBAAA,IAAqB,EAAA;AAAA,MACtE,SAAA,EAAW,UAAU,OAAO,CAAA,CAAA;AAAA,MAC5B,KAAA,EAAO,EAAE,YAAA,EAAc,CAAA,EAAG,GAAI,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,oBAAoB,kBAAA,EAAoB;AAAA,MACtI,GAAI,UAAA,GAAa,UAAA,GAAa;AAAC;AAAA,GACpC;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACL;AAER;AAEA,eAAA,CAAgB,WAAA,GAAc,aAAA;;;;"}

package/index.d.ts

@@ -9477,6 +9477,7 @@ declare const localeFiles: {
         strong: string;
         passwordPrompt: string;
         emptyFilterMessage: string;
+        searchPlaceholder: string;
         searchMessage: string;
         selectionMessage: string;
         emptySelectionMessage: string;
@@ -10251,6 +10252,7 @@ declare const localeFiles: {
         strong: string;
         passwordPrompt: string;
         emptyFilterMessage: string;
+        searchPlaceholder: string;
         searchMessage: string;
         selectionMessage: string;
         emptySelectionMessage: string;

package/locale/ar.json.cjs

@@ -126,6 +126,7 @@ var medium = "متوسط";
 var strong = "قوي";
 var passwordPrompt = "أدخل كلمة السر";
 var emptyFilterMessage = "لا يوجد خيارات";
+var searchPlaceholder = "بحث...";
 var searchMessage = "{0} النتائج المتاحة";
 var selectionMessage = "{0} عناصر تم اختيارها";
 var emptySelectionMessage = "لم يتم اختيار اي عنصر";
@@ -283,6 +284,7 @@ var ar = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -423,6 +425,7 @@ exports.remove = remove;
 exports.removeRule = removeRule;
 exports.save = save;
 exports.searchMessage = searchMessage;
+exports.searchPlaceholder = searchPlaceholder;
 exports.selectionMessage = selectionMessage;
 exports.settings = settings;
 exports.showMonthAfterYear = showMonthAfterYear;

package/locale/ar.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ar.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ar.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/locale/ar.json.js

@@ -122,6 +122,7 @@ var medium = "متوسط";
 var strong = "قوي";
 var passwordPrompt = "أدخل كلمة السر";
 var emptyFilterMessage = "لا يوجد خيارات";
+var searchPlaceholder = "بحث...";
 var searchMessage = "{0} النتائج المتاحة";
 var selectionMessage = "{0} عناصر تم اختيارها";
 var emptySelectionMessage = "لم يتم اختيار اي عنصر";
@@ -279,6 +280,7 @@ var ar = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -324,5 +326,5 @@ var ar = {
 	actionRequired: actionRequired
 };
 
-export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, ar as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
+export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, ar as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, searchPlaceholder, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
 //# sourceMappingURL=ar.json.js.map

package/locale/ar.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ar.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ar.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}