@korsolutions/ui 0.0.64 → 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 (117) hide show
  1. package/dist/module/components/button/button.js +44 -0
  2. package/dist/module/components/button/button.js.map +1 -0
  3. package/dist/module/components/button/index.js +1 -8
  4. package/dist/module/components/button/index.js.map +1 -1
  5. package/dist/module/components/button/variants/default.js +15 -10
  6. package/dist/module/components/button/variants/default.js.map +1 -1
  7. package/dist/module/components/button/variants/ghost.js +19 -4
  8. package/dist/module/components/button/variants/ghost.js.map +1 -1
  9. package/dist/module/components/button/variants/secondary.js +19 -4
  10. package/dist/module/components/button/variants/secondary.js.map +1 -1
  11. package/dist/module/components/combobox/components/combobox-content.js +32 -0
  12. package/dist/module/components/combobox/components/combobox-content.js.map +1 -0
  13. package/dist/module/components/combobox/components/combobox-empty.js +20 -0
  14. package/dist/module/components/combobox/components/combobox-empty.js.map +1 -0
  15. package/dist/module/components/combobox/components/combobox-option.js +56 -0
  16. package/dist/module/components/combobox/components/combobox-option.js.map +1 -0
  17. package/dist/module/components/combobox/components/combobox-overlay.js +20 -0
  18. package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -0
  19. package/dist/module/components/combobox/components/combobox-portal.js +29 -0
  20. package/dist/module/components/combobox/components/combobox-portal.js.map +1 -0
  21. package/dist/module/components/combobox/components/combobox-root.js +79 -0
  22. package/dist/module/components/combobox/components/combobox-root.js.map +1 -0
  23. package/dist/module/components/combobox/components/combobox-trigger.js +67 -0
  24. package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -0
  25. package/dist/module/components/combobox/context.js +12 -0
  26. package/dist/module/components/combobox/context.js.map +1 -0
  27. package/dist/module/components/combobox/index.js +19 -0
  28. package/dist/module/components/combobox/index.js.map +1 -0
  29. package/dist/module/components/combobox/types.js +4 -0
  30. package/dist/module/components/combobox/types.js.map +1 -0
  31. package/dist/module/components/combobox/variants/default.js +106 -0
  32. package/dist/module/components/combobox/variants/default.js.map +1 -0
  33. package/dist/module/components/combobox/variants/index.js +7 -0
  34. package/dist/module/components/combobox/variants/index.js.map +1 -0
  35. package/dist/module/components/index.js +1 -0
  36. package/dist/module/components/index.js.map +1 -1
  37. package/dist/module/hooks/use-organized-children.js.map +1 -1
  38. package/dist/typescript/src/components/button/{components/button-root.d.ts → button.d.ts} +4 -4
  39. package/dist/typescript/src/components/button/button.d.ts.map +1 -0
  40. package/dist/typescript/src/components/button/index.d.ts +1 -11
  41. package/dist/typescript/src/components/button/index.d.ts.map +1 -1
  42. package/dist/typescript/src/components/button/types.d.ts +6 -6
  43. package/dist/typescript/src/components/button/types.d.ts.map +1 -1
  44. package/dist/typescript/src/components/button/variants/default.d.ts +1 -1
  45. package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
  46. package/dist/typescript/src/components/button/variants/ghost.d.ts +1 -1
  47. package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -1
  48. package/dist/typescript/src/components/button/variants/secondary.d.ts +1 -1
  49. package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
  50. package/dist/typescript/src/components/combobox/components/combobox-content.d.ts +8 -0
  51. package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map +1 -0
  52. package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts +6 -0
  53. package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts.map +1 -0
  54. package/dist/typescript/src/components/combobox/components/combobox-option.d.ts +8 -0
  55. package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -0
  56. package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts +8 -0
  57. package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -0
  58. package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts +6 -0
  59. package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts.map +1 -0
  60. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +19 -0
  61. package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -0
  62. package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +6 -0
  63. package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -0
  64. package/dist/typescript/src/components/combobox/context.d.ts +25 -0
  65. package/dist/typescript/src/components/combobox/context.d.ts.map +1 -0
  66. package/dist/typescript/src/components/combobox/index.d.ts +25 -0
  67. package/dist/typescript/src/components/combobox/index.d.ts.map +1 -0
  68. package/dist/typescript/src/components/combobox/types.d.ts +21 -0
  69. package/dist/typescript/src/components/combobox/types.d.ts.map +1 -0
  70. package/dist/typescript/src/components/combobox/variants/default.d.ts +3 -0
  71. package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -0
  72. package/dist/typescript/src/components/combobox/variants/index.d.ts +5 -0
  73. package/dist/typescript/src/components/combobox/variants/index.d.ts.map +1 -0
  74. package/dist/typescript/src/components/index.d.ts +1 -0
  75. package/dist/typescript/src/components/index.d.ts.map +1 -1
  76. package/dist/typescript/src/hooks/use-organized-children.d.ts +1 -1
  77. package/dist/typescript/src/hooks/use-organized-children.d.ts.map +1 -1
  78. package/package.json +1 -1
  79. package/src/components/button/button.tsx +85 -0
  80. package/src/components/button/index.ts +1 -13
  81. package/src/components/button/types.ts +10 -6
  82. package/src/components/button/variants/default.tsx +12 -6
  83. package/src/components/button/variants/ghost.tsx +18 -2
  84. package/src/components/button/variants/secondary.tsx +18 -2
  85. package/src/components/combobox/components/combobox-content.tsx +51 -0
  86. package/src/components/combobox/components/combobox-empty.tsx +28 -0
  87. package/src/components/combobox/components/combobox-option.tsx +81 -0
  88. package/src/components/combobox/components/combobox-overlay.tsx +36 -0
  89. package/src/components/combobox/components/combobox-portal.tsx +33 -0
  90. package/src/components/combobox/components/combobox-root.tsx +152 -0
  91. package/src/components/combobox/components/combobox-trigger.tsx +96 -0
  92. package/src/components/combobox/context.ts +40 -0
  93. package/src/components/combobox/index.ts +26 -0
  94. package/src/components/combobox/types.ts +23 -0
  95. package/src/components/combobox/variants/default.tsx +102 -0
  96. package/src/components/combobox/variants/index.ts +5 -0
  97. package/src/components/index.ts +1 -0
  98. package/src/hooks/use-organized-children.tsx +1 -1
  99. package/dist/module/components/button/components/button-label.js +0 -18
  100. package/dist/module/components/button/components/button-label.js.map +0 -1
  101. package/dist/module/components/button/components/button-root.js +0 -60
  102. package/dist/module/components/button/components/button-root.js.map +0 -1
  103. package/dist/module/components/button/components/button-spinner.js +0 -15
  104. package/dist/module/components/button/components/button-spinner.js.map +0 -1
  105. package/dist/module/components/button/context.js +0 -12
  106. package/dist/module/components/button/context.js.map +0 -1
  107. package/dist/typescript/src/components/button/components/button-label.d.ts +0 -9
  108. package/dist/typescript/src/components/button/components/button-label.d.ts.map +0 -1
  109. package/dist/typescript/src/components/button/components/button-root.d.ts.map +0 -1
  110. package/dist/typescript/src/components/button/components/button-spinner.d.ts +0 -8
  111. package/dist/typescript/src/components/button/components/button-spinner.d.ts.map +0 -1
  112. package/dist/typescript/src/components/button/context.d.ts +0 -8
  113. package/dist/typescript/src/components/button/context.d.ts.map +0 -1
  114. package/src/components/button/components/button-label.tsx +0 -25
  115. package/src/components/button/components/button-root.tsx +0 -76
  116. package/src/components/button/components/button-spinner.tsx +0 -14
  117. package/src/components/button/context.ts +0 -17
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ import React, { useState } from "react";
4
+ import { ActivityIndicator, Pressable, StyleSheet } from "react-native";
5
+ import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
6
+ import { ButtonVariants } from "./variants/index.js";
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ const calculateState = (props, isHovered) => {
9
+ if (props.isDisabled) return "disabled";
10
+ if (props.isLoading) return "loading";
11
+ if (isHovered) return "hovered";
12
+ return "default";
13
+ };
14
+ export function Button(props) {
15
+ const variantStyles = ButtonVariants[props.variant ?? "default"]();
16
+ const [isHovered, setIsHovered] = useState(false);
17
+ const state = calculateState(props, isHovered);
18
+ const textStyle = StyleSheet.flatten([variantStyles.text?.default, variantStyles.text?.[state]]);
19
+ const iconProps = StyleSheet.flatten([variantStyles.icon?.default, variantStyles.icon?.[state]]);
20
+ const organizedChildren = useOrganizedChildren(props.children, textStyle, iconProps);
21
+ const handlePress = event => {
22
+ if (props.isDisabled || props.isLoading) {
23
+ event.preventDefault();
24
+ return;
25
+ }
26
+ props.onPress?.(event);
27
+ };
28
+ const spinnerProps = {
29
+ ...variantStyles.spinner?.[state],
30
+ ...variantStyles.spinner?.default
31
+ };
32
+ return /*#__PURE__*/_jsxs(Pressable, {
33
+ ...props,
34
+ onPress: handlePress,
35
+ onHoverIn: () => setIsHovered(true),
36
+ onHoverOut: () => setIsHovered(false),
37
+ disabled: props.isDisabled,
38
+ style: [variantStyles.root?.default, variantStyles.root?.[state], props.style],
39
+ children: [organizedChildren, props.isLoading && /*#__PURE__*/_jsx(ActivityIndicator, {
40
+ ...spinnerProps
41
+ })]
42
+ });
43
+ }
44
+ //# sourceMappingURL=button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","setIsHovered","state","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AAEzE,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY5C,MAAMC,cAAc,GAAGA,CACrBC,KAAkB,EAClBC,SAAkB,KACF;EAChB,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAM,CAACL,SAAS,EAAEM,YAAY,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMmB,KAAK,GAAGT,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMQ,SAAS,GAAGjB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACM,IAAI,EAAEC,OAAO,EAC3BP,aAAa,CAACM,IAAI,GAAGH,KAAK,CAAC,CAC5B,CAAC;EACF,MAAMK,SAAS,GAAGrB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACS,IAAI,EAAEF,OAAO,EAC3BP,aAAa,CAACS,IAAI,GAAGN,KAAK,CAAC,CAC5B,CAAC;EAEF,MAAMO,iBAAiB,GAAGtB,oBAAoB,CAC5CO,KAAK,CAACgB,QAAQ,EACdP,SAAS,EACTI,SACF,CAAC;EAED,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIlB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCe,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAnB,KAAK,CAACoB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGhB,aAAa,CAACiB,OAAO,GAAGd,KAAK,CAAC;IACjC,GAAGH,aAAa,CAACiB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACEd,KAAA,CAACP,SAAS;IAAA,GACJS,KAAK;IACToB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACpCiB,UAAU,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IACtCkB,QAAQ,EAAEzB,KAAK,CAACE,UAAW;IAC3BwB,KAAK,EAAE,CACLrB,aAAa,CAACsB,IAAI,EAAEf,OAAO,EAC3BP,aAAa,CAACsB,IAAI,GAAGnB,KAAK,CAAC,EAC3BR,KAAK,CAAC0B,KAAK,CACX;IAAAV,QAAA,GAEDD,iBAAiB,EACjBf,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACN,iBAAiB;MAAA,GAAK+B;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
@@ -1,11 +1,4 @@
1
1
  "use strict";
2
2
 
3
- import { ButtonLabel } from "./components/button-label.js";
4
- import { ButtonRoot } from "./components/button-root.js";
5
- import { ButtonSpinner } from "./components/button-spinner.js";
6
- export const Button = {
7
- Root: ButtonRoot,
8
- Label: ButtonLabel,
9
- Spinner: ButtonSpinner
10
- };
3
+ export { Button } from "./button.js";
11
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["ButtonLabel","ButtonRoot","ButtonSpinner","Button","Root","Label","Spinner"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,aAAa,QAAQ,gCAA6B;AAE3D,OAAO,MAAMC,MAAM,GAAG;EACpBC,IAAI,EAAEH,UAAU;EAChBI,KAAK,EAAEL,WAAW;EAClBM,OAAO,EAAEJ;AACX,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["Button"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA0B,aAAU","ignoreList":[]}
@@ -20,33 +20,38 @@ export const useButtonVariantDefault = () => {
20
20
  justifyContent: "center",
21
21
  backgroundColor: colors.primary,
22
22
  borderWidth: 1,
23
- borderColor: colors.border
23
+ borderColor: colors.border,
24
+ cursor: "pointer"
24
25
  },
25
26
  disabled: {
26
- opacity: 0.5
27
+ opacity: 0.5,
28
+ cursor: "not-allowed"
27
29
  },
28
30
  loading: {
29
- opacity: 0.5
31
+ opacity: 0.5,
32
+ cursor: "wait"
30
33
  },
31
34
  hovered: {
32
35
  backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
33
36
  }
34
37
  },
35
- label: {
38
+ text: {
36
39
  default: {
37
40
  color: colors.primaryForeground,
38
41
  fontSize,
39
42
  fontFamily
40
- },
41
- disabled: {},
42
- loading: {}
43
+ }
44
+ },
45
+ icon: {
46
+ default: {
47
+ color: colors.primaryForeground,
48
+ size: fontSize
49
+ }
43
50
  },
44
51
  spinner: {
45
52
  default: {
46
53
  color: colors.primaryForeground
47
- },
48
- disabled: {},
49
- loading: {}
54
+ }
50
55
  }
51
56
  }));
52
57
  };
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","loading","hovered","label","color","primaryForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPR,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDQ,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,iBAAiB;QAC/BrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE,CAAC,CAAC;MACZE,OAAO,EAAE,CAAC;IACZ,CAAC;IACDK,OAAO,EAAE;MACPpB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE,CAAC,CAAC;MACZE,OAAO,EAAE,CAAC;IACZ;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB,MAAM;QAC1BC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPT,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDS,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BtB,QAAQ;QACRD;MACF;IACF,CAAC;IACDwB,IAAI,EAAE;MACJrB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BE,IAAI,EAAExB;MACR;IACF,CAAC;IACDyB,OAAO,EAAE;MACPvB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
@@ -18,19 +18,22 @@ export const useButtonVariantGhost = () => {
18
18
  gap: 8,
19
19
  alignItems: "center",
20
20
  justifyContent: "center",
21
- backgroundColor: "transparent"
21
+ backgroundColor: "transparent",
22
+ cursor: "pointer"
22
23
  },
23
24
  disabled: {
24
- opacity: 0.5
25
+ opacity: 0.5,
26
+ cursor: "not-allowed"
25
27
  },
26
28
  loading: {
27
- opacity: 0.5
29
+ opacity: 0.5,
30
+ cursor: "wait"
28
31
  },
29
32
  hovered: {
30
33
  backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
31
34
  }
32
35
  },
33
- label: {
36
+ text: {
34
37
  default: {
35
38
  color: colors.foreground,
36
39
  fontSize,
@@ -43,6 +46,18 @@ export const useButtonVariantGhost = () => {
43
46
  color: colors.mutedForeground
44
47
  }
45
48
  },
49
+ icon: {
50
+ default: {
51
+ color: colors.foreground,
52
+ size: fontSize
53
+ },
54
+ disabled: {
55
+ color: colors.mutedForeground
56
+ },
57
+ loading: {
58
+ color: colors.mutedForeground
59
+ }
60
+ },
46
61
  spinner: {
47
62
  default: {
48
63
  color: colors.foreground
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","disabled","opacity","loading","hovered","secondary","label","color","foreground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE;MACnB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPJ,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACkB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPe,KAAK,EAAEpB,MAAM,CAACqB,UAAU;QACxBlB,QAAQ;QACRD;MACF,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPlB,OAAO,EAAE;QACPe,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,aAAa;QAC9BC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPL,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACmB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,IAAI,EAAE;MACJf,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBnB,QAAQ;QACRD;MACF,CAAC;MACDa,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJnB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBG,IAAI,EAAEtB;MACR,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
@@ -20,19 +20,22 @@ export const useButtonVariantSecondary = () => {
20
20
  justifyContent: "center",
21
21
  borderWidth: 1,
22
22
  borderColor: colors.border,
23
- backgroundColor: colors.secondary
23
+ backgroundColor: colors.secondary,
24
+ cursor: "pointer"
24
25
  },
25
26
  disabled: {
26
- opacity: 0.5
27
+ opacity: 0.5,
28
+ cursor: "not-allowed"
27
29
  },
28
30
  loading: {
29
- opacity: 0.5
31
+ opacity: 0.5,
32
+ cursor: "wait"
30
33
  },
31
34
  hovered: {
32
35
  backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
33
36
  }
34
37
  },
35
- label: {
38
+ text: {
36
39
  default: {
37
40
  color: colors.secondaryForeground,
38
41
  fontSize,
@@ -45,6 +48,18 @@ export const useButtonVariantSecondary = () => {
45
48
  color: colors.mutedForeground
46
49
  }
47
50
  },
51
+ icon: {
52
+ default: {
53
+ color: colors.secondaryForeground,
54
+ size: fontSize
55
+ },
56
+ disabled: {
57
+ color: colors.mutedForeground
58
+ },
59
+ loading: {
60
+ color: colors.mutedForeground
61
+ }
62
+ },
48
63
  spinner: {
49
64
  default: {
50
65
  color: colors.secondaryForeground
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","label","color","secondaryForeground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPL,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDK,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,mBAAmB;QACjCrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","cursor","disabled","opacity","loading","hovered","text","color","secondaryForeground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,SAAS;QACjCC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPN,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDM,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCtB,QAAQ;QACRD;MACF,CAAC;MACDiB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJtB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCG,IAAI,EAAEzB;MACR,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPxB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
@@ -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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,MAAMC,cAAc,GAAGA,CACrBC,UAAmB,EACnBC,MAAe,KACU;EACzB,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,MAAM,EAAE,OAAO,SAAS;EAC5B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGR,WAAW,CAAC,CAAC;EAC9B,MAAMS,UAAU,GAAGb,MAAM,CAAe,IAAI,CAAC;EAE7C,MAAMc,YAAY,GAAGP,cAAc,CAACK,QAAQ,CAACJ,UAAU,EAAEI,QAAQ,CAACH,MAAM,CAAC;EACzE,MAAMM,cAAc,GAAGH,QAAQ,CAACI,OAAO,CAACC,IAAI,CACzCC,MAAM,IAAKA,MAAM,CAACC,KAAK,KAAKP,QAAQ,CAACO,KACxC,CAAC;EAED,MAAMC,YAAY,GAAGR,QAAQ,CAACH,MAAM,GAChCG,QAAQ,CAACS,WAAW,GACpBN,cAAc,GACZ,OAAOA,cAAc,CAACO,KAAK,KAAK,QAAQ,GACtCP,cAAc,CAACO,KAAK,GACpBP,cAAc,CAACI,KAAK,GACtB,EAAE;EAER,MAAMI,IAAI,GAAGA,CAAA,KAAM;IACjB,IAAIX,QAAQ,CAACJ,UAAU,EAAE;IACzBI,QAAQ,CAACY,cAAc,CAAC,EAAE,CAAC;IAC3BC,qBAAqB,CAAC,MAAM;MAC1BtB,qBAAqB,CAACU,UAAU,CAACa,OAAO,EAAGC,MAAM,IAAK;QACpDf,QAAQ,CAACgB,kBAAkB,CAACD,MAAM,CAAC;QACnCf,QAAQ,CAACiB,SAAS,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED9B,SAAS,CAAC,MAAM;IACdc,UAAU,CAACa,OAAO,EAAEI,cAAc,CAAC;MAAEC,IAAI,EAAEX;IAAa,CAAC,CAAC;EAC5D,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElBrB,SAAS,CAAC,MAAM;IACd,IAAI,CAACa,QAAQ,CAACH,MAAM,EAAE;MACpBI,UAAU,CAACa,OAAO,EAAEM,IAAI,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAACpB,QAAQ,CAACH,MAAM,CAAC,CAAC;EAErB,MAAMwB,aAAa,GAAGrB,QAAQ,CAACsB,MAAM,EAAEC,OAAO;EAC9C,MAAMC,aAA6B,GAAG;IACpC,GAAGH,aAAa,EAAEI,OAAO;IACzB,GAAGJ,aAAa,GAAGnB,YAAY,CAAC;IAChC,GAAGH,KAAK;IACR2B,KAAK,EAAErC,UAAU,CAACsC,OAAO,CAAC,CACxBN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGnB,YAAY,CAAC,EAAEwB,KAAK,CACrC;EACH,CAAC;EAED,MAAME,aAAa,GAAGvC,UAAU,CAACsC,OAAO,CAAC,CACvCN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGnB,YAAY,CAAC,EAAEwB,KAAK,CACrC,CAAC;EAEF,oBACEhC,IAAA,CAACJ,SAAS;IAAA,GACJkC,aAAa;IACjBK,GAAG,EAAE5B,UAAW;IAChBM,KAAK,EAAEuB,SAAU;IACjBC,QAAQ,EAAED,SAAU;IACpBE,YAAY,EAAGb,IAAI,IAAK;MACtB,IAAInB,QAAQ,CAACJ,UAAU,EAAE;MACzBI,QAAQ,CAACY,cAAc,CAACO,IAAI,CAAC;MAC7B,IAAI,CAACnB,QAAQ,CAACH,MAAM,EAAE;QACpBc,IAAI,CAAC,CAAC;MACR;IACF,CAAE;IACFsB,OAAO,EAAEA,CAAA,KAAM;MACb,IAAI,CAACjC,QAAQ,CAACH,MAAM,EAAE;QACpBc,IAAI,CAAC,CAAC;MACR;IACF,CAAE;IACFe,KAAK,EAAEE;EAAc,CACtB,CAAC;AAEN","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":[]}