@korsolutions/ui 0.0.65 → 0.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/module/components/combobox/components/combobox-content.js +32 -0
  2. package/dist/module/components/combobox/components/combobox-content.js.map +1 -0
  3. package/dist/module/components/combobox/components/combobox-empty.js +20 -0
  4. package/dist/module/components/combobox/components/combobox-empty.js.map +1 -0
  5. package/dist/module/components/combobox/components/combobox-option.js +56 -0
  6. package/dist/module/components/combobox/components/combobox-option.js.map +1 -0
  7. package/dist/module/components/combobox/components/combobox-overlay.js +20 -0
  8. package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -0
  9. package/dist/module/components/combobox/components/combobox-portal.js +29 -0
  10. package/dist/module/components/combobox/components/combobox-portal.js.map +1 -0
  11. package/dist/module/components/combobox/components/combobox-root.js +79 -0
  12. package/dist/module/components/combobox/components/combobox-root.js.map +1 -0
  13. package/dist/module/components/combobox/components/combobox-trigger.js +67 -0
  14. package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -0
  15. package/dist/module/components/combobox/context.js +12 -0
  16. package/dist/module/components/combobox/context.js.map +1 -0
  17. package/dist/module/components/combobox/index.js +19 -0
  18. package/dist/module/components/combobox/index.js.map +1 -0
  19. package/dist/module/components/combobox/types.js +4 -0
  20. package/dist/module/components/combobox/types.js.map +1 -0
  21. package/dist/module/components/combobox/variants/default.js +106 -0
  22. package/dist/module/components/combobox/variants/default.js.map +1 -0
  23. package/dist/module/components/combobox/variants/index.js +7 -0
  24. package/dist/module/components/combobox/variants/index.js.map +1 -0
  25. package/dist/module/components/index.js +1 -0
  26. package/dist/module/components/index.js.map +1 -1
  27. package/dist/typescript/src/components/combobox/components/combobox-content.d.ts +8 -0
  28. package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map +1 -0
  29. package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts +6 -0
  30. package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts.map +1 -0
  31. package/dist/typescript/src/components/combobox/components/combobox-option.d.ts +8 -0
  32. package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -0
  33. package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts +8 -0
  34. package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -0
  35. package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts +6 -0
  36. package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts.map +1 -0
  37. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +19 -0
  38. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -0
  39. package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +6 -0
  40. package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -0
  41. package/dist/typescript/src/components/combobox/context.d.ts +25 -0
  42. package/dist/typescript/src/components/combobox/context.d.ts.map +1 -0
  43. package/dist/typescript/src/components/combobox/index.d.ts +25 -0
  44. package/dist/typescript/src/components/combobox/index.d.ts.map +1 -0
  45. package/dist/typescript/src/components/combobox/types.d.ts +21 -0
  46. package/dist/typescript/src/components/combobox/types.d.ts.map +1 -0
  47. package/dist/typescript/src/components/combobox/variants/default.d.ts +3 -0
  48. package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -0
  49. package/dist/typescript/src/components/combobox/variants/index.d.ts +5 -0
  50. package/dist/typescript/src/components/combobox/variants/index.d.ts.map +1 -0
  51. package/dist/typescript/src/components/index.d.ts +1 -0
  52. package/dist/typescript/src/components/index.d.ts.map +1 -1
  53. package/package.json +1 -1
  54. package/src/components/combobox/components/combobox-content.tsx +51 -0
  55. package/src/components/combobox/components/combobox-empty.tsx +28 -0
  56. package/src/components/combobox/components/combobox-option.tsx +81 -0
  57. package/src/components/combobox/components/combobox-overlay.tsx +36 -0
  58. package/src/components/combobox/components/combobox-portal.tsx +33 -0
  59. package/src/components/combobox/components/combobox-root.tsx +152 -0
  60. package/src/components/combobox/components/combobox-trigger.tsx +96 -0
  61. package/src/components/combobox/context.ts +40 -0
  62. package/src/components/combobox/index.ts +26 -0
  63. package/src/components/combobox/types.ts +23 -0
  64. package/src/components/combobox/variants/default.tsx +102 -0
  65. package/src/components/combobox/variants/index.ts +5 -0
  66. package/src/components/index.ts +1 -0
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ import React from "react";
4
+ import { ScrollView, StyleSheet } from "react-native";
5
+ import { useRelativePosition } from "../../../hooks/use-relative-position.js";
6
+ import { useCombobox } from "../context.js";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ export function ComboboxContent(props) {
9
+ const combobox = useCombobox();
10
+ const composedStyles = StyleSheet.flatten([combobox.styles?.content?.default, combobox.styles?.content?.[combobox.state], props.style]);
11
+ const flatStyles = StyleSheet.flatten(composedStyles);
12
+ const positionStyle = useRelativePosition({
13
+ align: "start",
14
+ triggerPosition: combobox.triggerPosition,
15
+ contentLayout: combobox.contentLayout,
16
+ alignOffset: 0,
17
+ preferredSide: "bottom",
18
+ sideOffset: 2
19
+ });
20
+ return /*#__PURE__*/_jsx(ScrollView, {
21
+ style: [positionStyle, flatStyles, {
22
+ width: combobox.triggerPosition.width
23
+ }],
24
+ onLayout: e => {
25
+ combobox.setContentLayout(e.nativeEvent.layout);
26
+ },
27
+ keyboardShouldPersistTaps: "handled",
28
+ nestedScrollEnabled: true,
29
+ children: props.children
30
+ });
31
+ }
32
+ //# sourceMappingURL=combobox-content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","ScrollView","StyleSheet","useRelativePosition","useCombobox","jsx","_jsx","ComboboxContent","props","combobox","composedStyles","flatten","styles","content","default","state","style","flatStyles","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","width","onLayout","e","setContentLayout","nativeEvent","layout","keyboardShouldPersistTaps","nestedScrollEnabled","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,UAAU,QAGL,cAAc;AACrB,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,cAAc,GAAGR,UAAU,CAACS,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,UAAU,GAAGf,UAAU,CAACS,OAAO,CAACD,cAAc,CAAC;EAErD,MAAMQ,aAAa,GAAGf,mBAAmB,CAAC;IACxCgB,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEX,QAAQ,CAACW,eAAe;IACzCC,aAAa,EAAEZ,QAAQ,CAACY,aAAa;IACrCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACL,UAAU;IACTe,KAAK,EAAE,CACLE,aAAa,EACbD,UAAU,EACV;MAAEQ,KAAK,EAAEhB,QAAQ,CAACW,eAAe,CAACK;IAAM,CAAC,CACzC;IACFC,QAAQ,EAAGC,CAAC,IAAK;MACflB,QAAQ,CAACmB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACjD,CAAE;IACFC,yBAAyB,EAAC,SAAS;IACnCC,mBAAmB;IAAAC,QAAA,EAElBzB,KAAK,CAACyB;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ import React from "react";
4
+ import { Text } from "react-native";
5
+ import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
6
+ import { useCombobox } from "../context.js";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ export function ComboboxEmpty(props) {
9
+ const combobox = useCombobox();
10
+ const hasVisibleOptions = combobox.options.some(option => combobox.filter(option.value, combobox.searchQuery));
11
+ if (hasVisibleOptions) {
12
+ return null;
13
+ }
14
+ const composedStyles = calculateComposedStyles(combobox.styles, combobox.state, "empty");
15
+ return /*#__PURE__*/_jsx(Text, {
16
+ style: composedStyles,
17
+ children: props.children
18
+ });
19
+ }
20
+ //# sourceMappingURL=combobox-empty.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Text","calculateComposedStyles","useCombobox","jsx","_jsx","ComboboxEmpty","props","combobox","hasVisibleOptions","options","some","option","filter","value","searchQuery","composedStyles","styles","state","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,iBAAiB,GAAGD,QAAQ,CAACE,OAAO,CAACC,IAAI,CAAEC,MAAM,IACrDJ,QAAQ,CAACK,MAAM,CAACD,MAAM,CAACE,KAAK,EAAEN,QAAQ,CAACO,WAAW,CACpD,CAAC;EAED,IAAIN,iBAAiB,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAGd,uBAAuB,CAC5CM,QAAQ,CAACS,MAAM,EACfT,QAAQ,CAACU,KAAK,EACd,OACF,CAAC;EAED,oBAAOb,IAAA,CAACJ,IAAI;IAACkB,KAAK,EAAEH,cAAe;IAAAI,QAAA,EAAEb,KAAK,CAACa;EAAQ,CAAO,CAAC;AAC7D","ignoreList":[]}
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+
3
+ import React, { useEffect, useState } from "react";
4
+ import { Pressable, StyleSheet, Text } from "react-native";
5
+ import { useCombobox } from "../context.js";
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ const calculateState = (comboboxState, hovered, selected) => {
8
+ if (comboboxState === "disabled") {
9
+ return "disabled";
10
+ }
11
+ if (selected) {
12
+ return "selected";
13
+ }
14
+ if (hovered) {
15
+ return "hovered";
16
+ }
17
+ return "default";
18
+ };
19
+ export function ComboboxOption(props) {
20
+ const [isHovered, setIsHovered] = useState(false);
21
+ const combobox = useCombobox();
22
+ const isSelected = combobox.value === props.value;
23
+ const optionState = calculateState(combobox.state, isHovered, isSelected);
24
+ const composedStyles = StyleSheet.flatten([combobox.styles?.option?.default, combobox.styles?.option?.[optionState]]);
25
+ useEffect(() => {
26
+ combobox.setOptions(prev => {
27
+ if (prev.find(option => option.value === props.value)) {
28
+ return prev;
29
+ }
30
+ return [...prev, {
31
+ value: props.value,
32
+ label: props.label ?? props.children
33
+ }];
34
+ });
35
+ }, [props.value, props.label, props.children]);
36
+ if (!combobox.filter(props.value, combobox.searchQuery)) {
37
+ return null;
38
+ }
39
+ const Component = typeof props.children === "string" ? Text : Pressable;
40
+ return /*#__PURE__*/_jsx(Component, {
41
+ onPress: () => {
42
+ combobox.onChange?.(props.value);
43
+ combobox.setIsOpen(false);
44
+ combobox.setSearchQuery("");
45
+ },
46
+ onPointerEnter: () => {
47
+ setIsHovered(true);
48
+ },
49
+ onPointerLeave: () => {
50
+ setIsHovered(false);
51
+ },
52
+ style: composedStyles,
53
+ children: props.children
54
+ });
55
+ }
56
+ //# sourceMappingURL=combobox-option.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","Text","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","isSelected","value","optionState","state","composedStyles","flatten","styles","option","default","setOptions","prev","find","label","children","filter","searchQuery","Component","onPress","onChange","setIsOpen","setSearchQuery","onPointerEnter","onPointerLeave","style"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE;IAChC,OAAO,UAAU;EACnB;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAID,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAC5BC,KAA0B,EACC;EAC3B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMe,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAMY,UAAU,GAAGD,QAAQ,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAEjD,MAAMC,WAAW,GAAGX,cAAc,CAACQ,QAAQ,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EACzE,MAAMI,cAAc,GAAGlB,UAAU,CAACmB,OAAO,CAAC,CACxCN,QAAQ,CAACO,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAChCT,QAAQ,CAACO,MAAM,EAAEC,MAAM,GAAGL,WAAW,CAAC,CACvC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACdgB,QAAQ,CAACU,UAAU,CAAEC,IAAI,IAAK;MAC5B,IAAIA,IAAI,CAACC,IAAI,CAAEJ,MAAM,IAAKA,MAAM,CAACN,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOS,IAAI;MACb;MACA,OAAO,CACL,GAAGA,IAAI,EACP;QACET,KAAK,EAAEL,KAAK,CAACK,KAAK;QAClBW,KAAK,EAAEhB,KAAK,CAACgB,KAAK,IAAIhB,KAAK,CAACiB;MAC9B,CAAC,CACF;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,CAACjB,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACgB,KAAK,EAAEhB,KAAK,CAACiB,QAAQ,CAAC,CAAC;EAE9C,IAAI,CAACd,QAAQ,CAACe,MAAM,CAAClB,KAAK,CAACK,KAAK,EAAEF,QAAQ,CAACgB,WAAW,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,SAAS,GAAG,OAAOpB,KAAK,CAACiB,QAAQ,KAAK,QAAQ,GAAG1B,IAAI,GAAGF,SAAS;EAEvE,oBACEK,IAAA,CAAC0B,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAM;MACblB,QAAQ,CAACmB,QAAQ,GAAGtB,KAAK,CAACK,KAAK,CAAC;MAChCF,QAAQ,CAACoB,SAAS,CAAC,KAAK,CAAC;MACzBpB,QAAQ,CAACqB,cAAc,CAAC,EAAE,CAAC;IAC7B,CAAE;IACFC,cAAc,EAAEA,CAAA,KAAM;MACpBvB,YAAY,CAAC,IAAI,CAAC;IACpB,CAAE;IACFwB,cAAc,EAAEA,CAAA,KAAM;MACpBxB,YAAY,CAAC,KAAK,CAAC;IACrB,CAAE;IACFyB,KAAK,EAAEnB,cAAe;IAAAS,QAAA,EAErBjB,KAAK,CAACiB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ import React from "react";
4
+ import { Pressable, StyleSheet } from "react-native";
5
+ import { useCombobox } from "../context.js";
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ export function ComboboxOverlay(props) {
8
+ const combobox = useCombobox();
9
+ const composedStyles = StyleSheet.flatten([combobox.styles?.overlay?.default, combobox.styles?.overlay?.[combobox.state], props.style]);
10
+ return /*#__PURE__*/_jsx(Pressable, {
11
+ onPress: () => {
12
+ combobox.setIsOpen(false);
13
+ combobox.setSearchQuery("");
14
+ },
15
+ pointerEvents: "auto",
16
+ style: [StyleSheet.absoluteFill, composedStyles],
17
+ children: props.children
18
+ });
19
+ }
20
+ //# sourceMappingURL=combobox-overlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Pressable","StyleSheet","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","composedStyles","flatten","styles","overlay","default","state","style","onPress","setIsOpen","setSearchQuery","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAETC,UAAU,QAEL,cAAc;AACrB,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,cAAc,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,oBACEV,IAAA,CAACJ,SAAS;IACRe,OAAO,EAAEA,CAAA,KAAM;MACbR,QAAQ,CAACS,SAAS,CAAC,KAAK,CAAC;MACzBT,QAAQ,CAACU,cAAc,CAAC,EAAE,CAAC;IAC7B,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBJ,KAAK,EAAE,CAACb,UAAU,CAACkB,YAAY,EAAEX,cAAc,CAAE;IAAAY,QAAA,EAEhDd,KAAK,CAACc;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ import React from "react";
4
+ import { View } from "react-native";
5
+ import { Portal } from "../../portal/index.js";
6
+ import { ComboboxContext, useCombobox } from "../context.js";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ export function ComboboxPortal(props) {
9
+ const combobox = useCombobox();
10
+ if (!combobox.isOpen) {
11
+ return /*#__PURE__*/_jsx(View, {
12
+ style: {
13
+ display: "none"
14
+ },
15
+ "aria-hidden": true,
16
+ accessibilityElementsHidden: true,
17
+ importantForAccessibility: "no-hide-descendants",
18
+ children: props.children
19
+ });
20
+ }
21
+ return /*#__PURE__*/_jsx(Portal, {
22
+ name: "combobox-portal",
23
+ children: /*#__PURE__*/_jsx(ComboboxContext.Provider, {
24
+ value: combobox,
25
+ children: props.children
26
+ })
27
+ });
28
+ }
29
+ //# sourceMappingURL=combobox-portal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","Portal","ComboboxContext","useCombobox","jsx","_jsx","ComboboxPortal","props","combobox","isOpen","style","display","accessibilityElementsHidden","importantForAccessibility","children","name","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,uBAAc;AACrC,SAASC,eAAe,EAAEC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1D,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,IAAI,CAACK,QAAQ,CAACC,MAAM,EAAE;IACpB,oBACEJ,IAAA,CAACL,IAAI;MACHU,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAC3B,mBAAW;MACXC,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAC,QAAA,EAE9CP,KAAK,CAACO;IAAQ,CACX,CAAC;EAEX;EAEA,oBACET,IAAA,CAACJ,MAAM;IAACc,IAAI,EAAC,iBAAiB;IAAAD,QAAA,eAC5BT,IAAA,CAACH,eAAe,CAACc,QAAQ;MAACC,KAAK,EAAET,QAAS;MAAAM,QAAA,EACvCP,KAAK,CAACO;IAAQ,CACS;EAAC,CACrB,CAAC;AAEb","ignoreList":[]}
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ import React, { useCallback, useMemo, useRef, useState } from "react";
4
+ import { StyleSheet, View } from "react-native";
5
+ import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
6
+ import { ComboboxContext } from "../context.js";
7
+ import { ComboboxVariants } from "../variants/index.js";
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ const calculateState = props => {
10
+ if (props.isDisabled) {
11
+ return "disabled";
12
+ }
13
+ return "default";
14
+ };
15
+ const defaultFilter = (value, query, options) => {
16
+ if (!query) return true;
17
+ const lowerQuery = query.toLowerCase();
18
+ const option = options.find(o => o.value === value);
19
+ if (!option) return true;
20
+ if (option.keywords) {
21
+ return option.keywords.some(kw => kw.toLowerCase().includes(lowerQuery));
22
+ }
23
+ if (typeof option.label === "string") {
24
+ return option.label.toLowerCase().includes(lowerQuery);
25
+ }
26
+ return true;
27
+ };
28
+ export function ComboboxRoot(props) {
29
+ const variantStyles = ComboboxVariants[props.variant ?? "default"]();
30
+ const [isOpen, setIsOpen] = useState(false);
31
+ const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
32
+ const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
33
+ const [options, setOptions] = useState([]);
34
+ const [searchQuery, setSearchQueryInternal] = useState("");
35
+ const onSearchChangeRef = useRef(props.onSearchChange);
36
+ onSearchChangeRef.current = props.onSearchChange;
37
+ const setSearchQuery = useCallback(action => {
38
+ setSearchQueryInternal(prev => {
39
+ const next = typeof action === "function" ? action(prev) : action;
40
+ if (next !== prev) {
41
+ onSearchChangeRef.current?.(next);
42
+ }
43
+ return next;
44
+ });
45
+ }, []);
46
+ const filterRef = useRef(props.filter);
47
+ filterRef.current = props.filter;
48
+ const optionsRef = useRef(options);
49
+ optionsRef.current = options;
50
+ const filter = useCallback((value, query) => filterRef.current ? filterRef.current(value, query) : defaultFilter(value, query, optionsRef.current), []);
51
+ const state = calculateState(props);
52
+ const composedStyles = StyleSheet.flatten([variantStyles?.root?.default, variantStyles?.root?.[state], props.style]);
53
+ const contextValue = useMemo(() => ({
54
+ value: props.value,
55
+ onChange: props.onChange,
56
+ isOpen,
57
+ setIsOpen,
58
+ triggerPosition,
59
+ setTriggerPosition,
60
+ contentLayout,
61
+ setContentLayout,
62
+ options,
63
+ setOptions,
64
+ searchQuery,
65
+ setSearchQuery,
66
+ filter,
67
+ state,
68
+ isDisabled: props.isDisabled ?? false,
69
+ styles: variantStyles
70
+ }), [props.value, props.onChange, isOpen, triggerPosition, contentLayout, options, searchQuery, setSearchQuery, filter, state, props.isDisabled, variantStyles]);
71
+ return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
72
+ value: contextValue,
73
+ children: /*#__PURE__*/_jsx(View, {
74
+ style: composedStyles,
75
+ children: props.children
76
+ })
77
+ });
78
+ }
79
+ //# sourceMappingURL=combobox-root.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useCallback","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","defaultFilter","value","query","options","lowerQuery","toLowerCase","option","find","o","keywords","some","kw","includes","label","ComboboxRoot","variantStyles","variant","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","setOptions","searchQuery","setSearchQueryInternal","onSearchChangeRef","onSearchChange","current","setSearchQuery","action","prev","next","filterRef","filter","optionsRef","state","composedStyles","flatten","root","default","style","contextValue","onChange","styles","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ import React, { useEffect, useRef } from "react";
4
+ import { StyleSheet, TextInput } from "react-native";
5
+ import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
6
+ import { useCombobox } from "../context.js";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ const calculateState = (isDisabled, isOpen) => {
9
+ if (isDisabled) return "disabled";
10
+ if (isOpen) return "focused";
11
+ return "default";
12
+ };
13
+ export function ComboboxTrigger(props) {
14
+ const combobox = useCombobox();
15
+ const triggerRef = useRef(null);
16
+ const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
17
+ const selectedOption = combobox.options.find(option => option.value === combobox.value);
18
+ const displayValue = combobox.isOpen ? combobox.searchQuery : selectedOption ? typeof selectedOption.label === "string" ? selectedOption.label : selectedOption.value : "";
19
+ const open = () => {
20
+ if (combobox.isDisabled) return;
21
+ combobox.setSearchQuery("");
22
+ requestAnimationFrame(() => {
23
+ measureLayoutPosition(triggerRef.current, layout => {
24
+ combobox.setTriggerPosition(layout);
25
+ combobox.setIsOpen(true);
26
+ });
27
+ });
28
+ };
29
+ useEffect(() => {
30
+ triggerRef.current?.setNativeProps({
31
+ text: displayValue
32
+ });
33
+ }, [displayValue]);
34
+ useEffect(() => {
35
+ if (!combobox.isOpen) {
36
+ triggerRef.current?.blur();
37
+ }
38
+ }, [combobox.isOpen]);
39
+ const triggerStyles = combobox.styles?.trigger;
40
+ const composedProps = {
41
+ ...triggerStyles?.default,
42
+ ...triggerStyles?.[triggerState],
43
+ ...props,
44
+ style: StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style])
45
+ };
46
+ const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style]);
47
+ return /*#__PURE__*/_jsx(TextInput, {
48
+ ...composedProps,
49
+ ref: triggerRef,
50
+ value: undefined,
51
+ onChange: undefined,
52
+ onChangeText: text => {
53
+ if (combobox.isDisabled) return;
54
+ combobox.setSearchQuery(text);
55
+ if (!combobox.isOpen) {
56
+ open();
57
+ }
58
+ },
59
+ onFocus: () => {
60
+ if (!combobox.isOpen) {
61
+ open();
62
+ }
63
+ },
64
+ style: composedStyle
65
+ });
66
+ }
67
+ //# sourceMappingURL=combobox-trigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","props","combobox","triggerRef","triggerState","selectedOption","options","find","option","value","displayValue","searchQuery","label","open","setSearchQuery","requestAnimationFrame","current","layout","setTriggerPosition","setIsOpen","setNativeProps","text","blur","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","ref","undefined","onChange","onChangeText","onFocus"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ import { createContext, useContext } from "react";
4
+ export const ComboboxContext = /*#__PURE__*/createContext(undefined);
5
+ export const useCombobox = () => {
6
+ const context = useContext(ComboboxContext);
7
+ if (!context) {
8
+ throw new Error("useCombobox must be used within a ComboboxProvider");
9
+ }
10
+ return context;
11
+ };
12
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createContext","useContext","ComboboxContext","undefined","useCombobox","context","Error"],"sourceRoot":"../../../../src","sources":["components/combobox/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AA6BhE,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAC1CG,SACF,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,eAAe,CAAC;EAC3C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ import { ComboboxContent } from "./components/combobox-content.js";
4
+ import { ComboboxEmpty } from "./components/combobox-empty.js";
5
+ import { ComboboxOption } from "./components/combobox-option.js";
6
+ import { ComboboxOverlay } from "./components/combobox-overlay.js";
7
+ import { ComboboxPortal } from "./components/combobox-portal.js";
8
+ import { ComboboxRoot } from "./components/combobox-root.js";
9
+ import { ComboboxTrigger } from "./components/combobox-trigger.js";
10
+ export const Combobox = {
11
+ Root: ComboboxRoot,
12
+ Trigger: ComboboxTrigger,
13
+ Portal: ComboboxPortal,
14
+ Overlay: ComboboxOverlay,
15
+ Content: ComboboxContent,
16
+ Option: ComboboxOption,
17
+ Empty: ComboboxEmpty
18
+ };
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ComboboxContent","ComboboxEmpty","ComboboxOption","ComboboxOverlay","ComboboxPortal","ComboboxRoot","ComboboxTrigger","Combobox","Root","Trigger","Portal","Overlay","Content","Option","Empty"],"sourceRoot":"../../../../src","sources":["components/combobox/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,eAAe,QAAQ,kCAA+B;AAE/D,OAAO,MAAMC,QAAQ,GAAG;EACtBC,IAAI,EAAEH,YAAY;EAClBI,OAAO,EAAEH,eAAe;EACxBI,MAAM,EAAEN,cAAc;EACtBO,OAAO,EAAER,eAAe;EACxBS,OAAO,EAAEZ,eAAe;EACxBa,MAAM,EAAEX,cAAc;EACtBY,KAAK,EAAEb;AACT,CAAC","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/combobox/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+
3
+ import { Platform } from "react-native";
4
+ import { useThemedStyles } from "../../../utils/use-themed-styles.js";
5
+ export function useComboboxVariantDefault() {
6
+ return useThemedStyles(({
7
+ colors,
8
+ radius,
9
+ fontFamily,
10
+ fontSize
11
+ }) => ({
12
+ root: {
13
+ default: {},
14
+ disabled: {}
15
+ },
16
+ trigger: {
17
+ default: {
18
+ placeholderTextColor: colors.mutedForeground,
19
+ editable: true,
20
+ style: {
21
+ borderWidth: 1,
22
+ borderColor: colors.border,
23
+ borderRadius: radius,
24
+ backgroundColor: colors.surface,
25
+ justifyContent: "center",
26
+ paddingVertical: 4,
27
+ paddingHorizontal: 16,
28
+ minHeight: 48,
29
+ fontFamily,
30
+ fontSize,
31
+ color: colors.foreground,
32
+ outlineWidth: 0,
33
+ pointerEvents: "auto",
34
+ ...Platform.select({
35
+ web: {
36
+ outline: "none"
37
+ }
38
+ })
39
+ }
40
+ },
41
+ focused: {
42
+ style: {
43
+ borderColor: colors.primary
44
+ }
45
+ },
46
+ disabled: {
47
+ editable: false,
48
+ style: {
49
+ backgroundColor: colors.muted,
50
+ color: colors.mutedForeground,
51
+ pointerEvents: "none"
52
+ }
53
+ }
54
+ },
55
+ overlay: {
56
+ default: {
57
+ zIndex: 999
58
+ },
59
+ disabled: {}
60
+ },
61
+ content: {
62
+ default: {
63
+ backgroundColor: colors.surface,
64
+ borderRadius: radius,
65
+ borderWidth: 1,
66
+ borderColor: colors.border,
67
+ padding: 4,
68
+ gap: 4,
69
+ zIndex: 1000,
70
+ maxHeight: 256
71
+ },
72
+ disabled: {}
73
+ },
74
+ option: {
75
+ default: {
76
+ paddingVertical: 12,
77
+ paddingHorizontal: 16,
78
+ fontFamily,
79
+ fontSize,
80
+ color: colors.foreground,
81
+ borderRadius: radius / 2
82
+ },
83
+ disabled: {
84
+ color: colors.mutedForeground
85
+ },
86
+ selected: {
87
+ backgroundColor: colors.muted
88
+ },
89
+ hovered: {
90
+ backgroundColor: colors.muted
91
+ }
92
+ },
93
+ empty: {
94
+ default: {
95
+ paddingVertical: 12,
96
+ paddingHorizontal: 16,
97
+ fontFamily,
98
+ fontSize,
99
+ color: colors.mutedForeground,
100
+ textAlign: "center"
101
+ },
102
+ disabled: {}
103
+ }
104
+ }));
105
+ }
106
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Platform","useThemedStyles","useComboboxVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","placeholderTextColor","mutedForeground","editable","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","color","foreground","outlineWidth","pointerEvents","select","web","outline","focused","primary","muted","overlay","zIndex","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,yBAAyBA,CAAA,EAAmB;EAC1D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,oBAAoB,EAAER,MAAM,CAACS,eAAe;QAC5CC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE;UACLC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;UAC1BC,YAAY,EAAEd,MAAM;UACpBe,eAAe,EAAEhB,MAAM,CAACiB,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAE,CAAC;UAClBC,iBAAiB,EAAE,EAAE;UACrBC,SAAS,EAAE,EAAE;UACbnB,UAAU;UACVC,QAAQ;UACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBC,YAAY,EAAE,CAAC;UACfC,aAAa,EAAE,MAAM;UACrB,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;YACjBC,GAAG,EAAE;cACHC,OAAO,EAAE;YACX;UACF,CAAC;QACH;MACF,CAAC;MACDC,OAAO,EAAE;QACPlB,KAAK,EAAE;UACLE,WAAW,EAAEb,MAAM,CAAC8B;QACtB;MACF,CAAC;MACDxB,QAAQ,EAAE;QACRI,QAAQ,EAAE,KAAK;QACfC,KAAK,EAAE;UACLK,eAAe,EAAEhB,MAAM,CAAC+B,KAAK;UAC7BT,KAAK,EAAEtB,MAAM,CAACS,eAAe;UAC7BgB,aAAa,EAAE;QACjB;MACF;IACF,CAAC;IACDO,OAAO,EAAE;MACP3B,OAAO,EAAE;QACP4B,MAAM,EAAE;MACV,CAAC;MACD3B,QAAQ,EAAE,CAAC;IACb,CAAC;IACD4B,OAAO,EAAE;MACP7B,OAAO,EAAE;QACPW,eAAe,EAAEhB,MAAM,CAACiB,OAAO;QAC/BF,YAAY,EAAEd,MAAM;QACpBW,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;QAC1BqB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNH,MAAM,EAAE,IAAI;QACZI,SAAS,EAAE;MACb,CAAC;MACD/B,QAAQ,EAAE,CAAC;IACb,CAAC;IACDgC,MAAM,EAAE;MACNjC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;QACxBR,YAAY,EAAEd,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRgB,KAAK,EAAEtB,MAAM,CAACS;MAChB,CAAC;MACD8B,QAAQ,EAAE;QACRvB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B,CAAC;MACDS,OAAO,EAAE;QACPxB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B;IACF,CAAC;IACDU,KAAK,EAAE;MACLpC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACS,eAAe;QAC7BiC,SAAS,EAAE;MACb,CAAC;MACDpC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ import { useComboboxVariantDefault } from "./default.js";
4
+ export const ComboboxVariants = {
5
+ default: useComboboxVariantDefault
6
+ };
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useComboboxVariantDefault","ComboboxVariants","default"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB,QAAQ,cAAW;AAErD,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
@@ -7,6 +7,7 @@ export * from "./badge/index.js";
7
7
  export * from "./button/index.js";
8
8
  export * from "./calendar/index.js";
9
9
  export * from "./card/index.js";
10
+ export * from "./combobox/index.js";
10
11
  export * from "./checkbox/index.js";
11
12
  export * from "./empty/index.js";
12
13
  export * from "./field/index.js";
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { type StyleProp, type ViewStyle } from "react-native";
3
+ export interface ComboboxContentProps {
4
+ children?: React.ReactNode;
5
+ style?: StyleProp<ViewStyle>;
6
+ }
7
+ export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element;
8
+ //# sourceMappingURL=combobox-content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAmC1D"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ export interface ComboboxEmptyProps {
3
+ children?: React.ReactNode;
4
+ }
5
+ export declare function ComboboxEmpty(props: ComboboxEmptyProps): React.JSX.Element | null;
6
+ //# sourceMappingURL=combobox-empty.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-empty.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAkBtD"}
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export type ComboboxOptionProps = {
3
+ value: string;
4
+ label?: string;
5
+ children?: React.ReactNode;
6
+ };
7
+ export declare function ComboboxOption(props: ComboboxOptionProps): React.ReactElement | null;
8
+ //# sourceMappingURL=combobox-option.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAmBF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,GAAG,IAAI,CAkD3B"}
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { type StyleProp, type ViewStyle } from "react-native";
3
+ export interface ComboboxOverlayProps {
4
+ children?: React.ReactNode;
5
+ style?: StyleProp<ViewStyle>;
6
+ }
7
+ export declare function ComboboxOverlay(props: ComboboxOverlayProps): React.JSX.Element;
8
+ //# sourceMappingURL=combobox-overlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAqB1D"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ export interface ComboboxPortalProps {
3
+ children?: React.ReactNode;
4
+ }
5
+ export declare function ComboboxPortal(props: ComboboxPortalProps): React.JSX.Element;
6
+ //# sourceMappingURL=combobox-portal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuBxD"}