tamagui 1.0.11 → 1.0.13

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 (111) hide show
  1. package/package.json +44 -44
  2. package/dist/cjs/helpers/focusableInputHOC.js +0 -92
  3. package/dist/cjs/helpers/focusableInputHOC.js.map +0 -7
  4. package/dist/cjs/helpers/getSpace.js +0 -34
  5. package/dist/cjs/helpers/getSpace.js.map +0 -7
  6. package/dist/cjs/helpers/prevent.js +0 -28
  7. package/dist/cjs/helpers/prevent.js.map +0 -7
  8. package/dist/cjs/hooks/useKeyboardDismissable.js +0 -95
  9. package/dist/cjs/hooks/useKeyboardDismissable.js.map +0 -7
  10. package/dist/cjs/lib/focusable.js +0 -16
  11. package/dist/cjs/lib/focusable.js.map +0 -7
  12. package/dist/cjs/lib/linear-gradient.js +0 -29
  13. package/dist/cjs/lib/linear-gradient.js.map +0 -7
  14. package/dist/cjs/lib/registerFocusable.js +0 -37
  15. package/dist/cjs/lib/registerFocusable.js.map +0 -7
  16. package/dist/cjs/lib/registerFocusable.native.js +0 -60
  17. package/dist/cjs/lib/registerFocusable.native.js.map +0 -7
  18. package/dist/cjs/polyfills.js +0 -11
  19. package/dist/cjs/polyfills.js.map +0 -7
  20. package/dist/cjs/views/BlurView.js +0 -90
  21. package/dist/cjs/views/BlurView.js.map +0 -7
  22. package/dist/cjs/views/BlurView.native.js +0 -38
  23. package/dist/cjs/views/BlurView.native.js.map +0 -7
  24. package/dist/cjs/views/ExitAnimationContext.js +0 -34
  25. package/dist/cjs/views/ExitAnimationContext.js.map +0 -7
  26. package/dist/cjs/views/Hoverable.js +0 -92
  27. package/dist/cjs/views/Hoverable.js.map +0 -7
  28. package/dist/cjs/views/Label.js +0 -177
  29. package/dist/cjs/views/Label.js.map +0 -7
  30. package/dist/cjs/views/LinearGradient.js +0 -81
  31. package/dist/cjs/views/LinearGradient.js.map +0 -7
  32. package/dist/cjs/views/Switch.js +0 -265
  33. package/dist/cjs/views/Switch.js.map +0 -7
  34. package/dist/cjs/views/Table.js +0 -84
  35. package/dist/cjs/views/Table.js.map +0 -7
  36. package/dist/cjs/views/Toast.js +0 -129
  37. package/dist/cjs/views/Toast.js.map +0 -7
  38. package/dist/esm/helpers/focusableInputHOC.js +0 -68
  39. package/dist/esm/helpers/focusableInputHOC.js.map +0 -7
  40. package/dist/esm/helpers/getSpace.js +0 -11
  41. package/dist/esm/helpers/getSpace.js.map +0 -7
  42. package/dist/esm/helpers/prevent.js +0 -5
  43. package/dist/esm/helpers/prevent.js.map +0 -7
  44. package/dist/esm/hooks/useKeyboardDismissable.js +0 -69
  45. package/dist/esm/hooks/useKeyboardDismissable.js.map +0 -7
  46. package/dist/esm/lib/focusable.js +0 -1
  47. package/dist/esm/lib/focusable.js.map +0 -7
  48. package/dist/esm/lib/linear-gradient.js +0 -5
  49. package/dist/esm/lib/linear-gradient.js.map +0 -7
  50. package/dist/esm/lib/registerFocusable.js +0 -12
  51. package/dist/esm/lib/registerFocusable.js.map +0 -7
  52. package/dist/esm/lib/registerFocusable.native.js +0 -35
  53. package/dist/esm/lib/registerFocusable.native.js.map +0 -7
  54. package/dist/esm/polyfills.js +0 -10
  55. package/dist/esm/polyfills.js.map +0 -7
  56. package/dist/esm/views/BlurView.js +0 -66
  57. package/dist/esm/views/BlurView.js.map +0 -7
  58. package/dist/esm/views/BlurView.native.js +0 -15
  59. package/dist/esm/views/BlurView.native.js.map +0 -7
  60. package/dist/esm/views/ExitAnimationContext.js +0 -10
  61. package/dist/esm/views/ExitAnimationContext.js.map +0 -7
  62. package/dist/esm/views/Hoverable.js +0 -66
  63. package/dist/esm/views/Hoverable.js.map +0 -7
  64. package/dist/esm/views/Label.js +0 -158
  65. package/dist/esm/views/Label.js.map +0 -7
  66. package/dist/esm/views/LinearGradient.js +0 -58
  67. package/dist/esm/views/LinearGradient.js.map +0 -7
  68. package/dist/esm/views/Switch.js +0 -244
  69. package/dist/esm/views/Switch.js.map +0 -7
  70. package/dist/esm/views/Table.js +0 -56
  71. package/dist/esm/views/Table.js.map +0 -7
  72. package/dist/esm/views/Toast.js +0 -107
  73. package/dist/esm/views/Toast.js.map +0 -7
  74. package/dist/jsx/helpers/focusableInputHOC.js +0 -49
  75. package/dist/jsx/helpers/focusableInputHOC.js.map +0 -7
  76. package/dist/jsx/helpers/getSpace.js +0 -11
  77. package/dist/jsx/helpers/getSpace.js.map +0 -7
  78. package/dist/jsx/helpers/prevent.js +0 -5
  79. package/dist/jsx/helpers/prevent.js.map +0 -7
  80. package/dist/jsx/hooks/useKeyboardDismissable.js +0 -69
  81. package/dist/jsx/hooks/useKeyboardDismissable.js.map +0 -7
  82. package/dist/jsx/lib/focusable.js +0 -1
  83. package/dist/jsx/lib/focusable.js.map +0 -7
  84. package/dist/jsx/lib/linear-gradient.js +0 -5
  85. package/dist/jsx/lib/linear-gradient.js.map +0 -7
  86. package/dist/jsx/lib/registerFocusable.js +0 -12
  87. package/dist/jsx/lib/registerFocusable.js.map +0 -7
  88. package/dist/jsx/lib/registerFocusable.native.js +0 -35
  89. package/dist/jsx/lib/registerFocusable.native.js.map +0 -7
  90. package/dist/jsx/polyfills.js +0 -10
  91. package/dist/jsx/polyfills.js.map +0 -7
  92. package/dist/jsx/views/BlurView.js +0 -27
  93. package/dist/jsx/views/BlurView.js.map +0 -7
  94. package/dist/jsx/views/BlurView.native.js +0 -15
  95. package/dist/jsx/views/BlurView.native.js.map +0 -7
  96. package/dist/jsx/views/ExitAnimationContext.js +0 -10
  97. package/dist/jsx/views/ExitAnimationContext.js.map +0 -7
  98. package/dist/jsx/views/Hoverable.js +0 -58
  99. package/dist/jsx/views/Hoverable.js.map +0 -7
  100. package/dist/jsx/views/Label.js +0 -118
  101. package/dist/jsx/views/Label.js.map +0 -7
  102. package/dist/jsx/views/LinearGradient.js +0 -46
  103. package/dist/jsx/views/LinearGradient.js.map +0 -7
  104. package/dist/jsx/views/Switch.js +0 -164
  105. package/dist/jsx/views/Switch.js.map +0 -7
  106. package/dist/jsx/views/Table.js +0 -56
  107. package/dist/jsx/views/Table.js.map +0 -7
  108. package/dist/jsx/views/Toast.js +0 -73
  109. package/dist/jsx/views/Toast.js.map +0 -7
  110. package/types/lib/linear-gradient.d.ts +0 -3
  111. package/types/views/LinearGradient.d.ts +0 -10
@@ -1,90 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
- var __spreadValues = (a, b) => {
11
- for (var prop in b || (b = {}))
12
- if (__hasOwnProp.call(b, prop))
13
- __defNormalProp(a, prop, b[prop]);
14
- if (__getOwnPropSymbols)
15
- for (var prop of __getOwnPropSymbols(b)) {
16
- if (__propIsEnum.call(b, prop))
17
- __defNormalProp(a, prop, b[prop]);
18
- }
19
- return a;
20
- };
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
- var __export = (target, all) => {
34
- for (var name in all)
35
- __defProp(target, name, { get: all[name], enumerable: true });
36
- };
37
- var __copyProps = (to, from, except, desc) => {
38
- if (from && typeof from === "object" || typeof from === "function") {
39
- for (let key of __getOwnPropNames(from))
40
- if (!__hasOwnProp.call(to, key) && key !== except)
41
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
42
- }
43
- return to;
44
- };
45
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
46
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
47
- var BlurView_exports = {};
48
- __export(BlurView_exports, {
49
- BlurView: () => BlurView
50
- });
51
- module.exports = __toCommonJS(BlurView_exports);
52
- var import_stacks = require("@tamagui/stacks");
53
- var import_react = __toESM(require("react"));
54
- function BlurView(_a) {
55
- var _b = _a, {
56
- children,
57
- borderRadius,
58
- fallbackBackgroundColor,
59
- blurRadius = 20,
60
- blurType,
61
- downsampleFactor
62
- } = _b, props = __objRest(_b, [
63
- "children",
64
- "borderRadius",
65
- "fallbackBackgroundColor",
66
- "blurRadius",
67
- "blurType",
68
- "downsampleFactor"
69
- ]);
70
- return /* @__PURE__ */ import_react.default.createElement(import_stacks.YStack, __spreadValues({
71
- position: "relative",
72
- borderRadius
73
- }, props), /* @__PURE__ */ import_react.default.createElement("div", {
74
- className: "backdrop-filter",
75
- style: {
76
- position: "absolute",
77
- width: "100%",
78
- height: "100%",
79
- backdropFilter: `blur(${blurRadius}px)`,
80
- borderRadius,
81
- zIndex: -1,
82
- pointerEvents: "none"
83
- }
84
- }), children);
85
- }
86
- // Annotate the CommonJS export names for ESM import in node:
87
- 0 && (module.exports = {
88
- BlurView
89
- });
90
- //# sourceMappingURL=BlurView.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/BlurView.tsx"],
4
- "sourcesContent": ["import { StackProps } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type BlurViewProps = StackProps & {\n blurAmount?: number // 0 - 100\n blurRadius?: number\n fallbackBackgroundColor?: string\n blurType?:\n | 'xlight'\n | 'light'\n | 'dark'\n // iOS 13+ only\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight'\n // tvOS and iOS 10+ only\n | 'regular'\n | 'prominent'\n // tvOS only\n | 'extraDark'\n downsampleFactor?: number\n}\n\nexport function BlurView({\n children,\n borderRadius,\n fallbackBackgroundColor,\n blurRadius = 20,\n blurType,\n downsampleFactor,\n ...props\n}: BlurViewProps) {\n return (\n // @ts-ignore\n <YStack position=\"relative\" borderRadius={borderRadius} {...props}>\n <div\n // fallback for safari but non customizable\n className=\"backdrop-filter\"\n style={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n backdropFilter: `blur(${blurRadius}px)`,\n // @ts-ignore\n borderRadius,\n zIndex: -1,\n pointerEvents: 'none',\n }}\n />\n {children}\n </YStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AACvB,mBAAkB;AAkCX,kBAAkB,IAQP;AARO,eACvB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,MANuB,IAOpB,kBAPoB,IAOpB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAEE,mDAAC;AAAA,IAAO,UAAS;AAAA,IAAW;AAAA,KAAgC,QAC1D,mDAAC;AAAA,IAEC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB,QAAQ;AAAA,MAExB;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,GACF,GACC,QACH;AAEJ;",
6
- "names": []
7
- }
@@ -1,38 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
- var BlurView_native_exports = {};
19
- __export(BlurView_native_exports, {
20
- BlurView: () => BlurView
21
- });
22
- module.exports = __toCommonJS(BlurView_native_exports);
23
- var import_blur = require("@react-native-community/blur");
24
- var import_core = require("@tamagui/core");
25
- const BlurView = (0, import_core.styled)(import_blur.BlurView, {
26
- blurType: "light",
27
- blurAmount: 10,
28
- position: "absolute",
29
- top: 0,
30
- right: 0,
31
- bottom: 0,
32
- left: 0
33
- });
34
- // Annotate the CommonJS export names for ESM import in node:
35
- 0 && (module.exports = {
36
- BlurView
37
- });
38
- //# sourceMappingURL=BlurView.native.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/BlurView.native.tsx"],
4
- "sourcesContent": ["import { BlurView as NativeBlurView } from '@react-native-community/blur'\nimport { styled } from '@tamagui/core'\n\nexport const BlurView = styled(NativeBlurView, {\n blurType: 'light',\n blurAmount: 10,\n position: 'absolute',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n})\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2C;AAC3C,kBAAuB;AAEhB,MAAM,WAAW,wBAAO,sBAAgB;AAAA,EAC7C,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;",
6
- "names": []
7
- }
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var ExitAnimationContext_exports = {};
20
- __export(ExitAnimationContext_exports, {
21
- ExitAnimationContext: () => ExitAnimationContext
22
- });
23
- module.exports = __toCommonJS(ExitAnimationContext_exports);
24
- var import_react = require("react");
25
- const ExitAnimationContext = (0, import_react.createContext)({
26
- exited: true,
27
- setExited: (_exited) => {
28
- }
29
- });
30
- // Annotate the CommonJS export names for ESM import in node:
31
- 0 && (module.exports = {
32
- ExitAnimationContext
33
- });
34
- //# sourceMappingURL=ExitAnimationContext.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/ExitAnimationContext.ts"],
4
- "sourcesContent": ["// forked from NativeBase\n// The MIT License (MIT)\n\n// Copyright (c) 2021 GeekyAnts India Pvt Ltd\n\n// Permission is hereby granted, free of charge, to any person obtaining a copy of\n// this software and associated documentation files (the \"Software\"), to deal in\n// the Software without restriction, including without limitation the rights to\n// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\n// the Software, and to permit persons to whom the Software is furnished to do so,\n// subject to the following conditions:\n\n// The above copyright notice and this permission notice shall be included in all\n// copies or substantial portions of the Software.\n\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\n// FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\n// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\n// IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\n// CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nimport { createContext } from 'react'\n\nexport const ExitAnimationContext = createContext({\n exited: true,\n setExited: (_exited: boolean) => {},\n})\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,mBAA8B;AAEvB,MAAM,uBAAuB,gCAAc;AAAA,EAChD,QAAQ;AAAA,EACR,WAAW,CAAC,YAAqB;AAAA,EAAC;AACpC,CAAC;",
6
- "names": []
7
- }
@@ -1,92 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
- var Hoverable_exports = {};
22
- __export(Hoverable_exports, {
23
- Hoverable: () => Hoverable
24
- });
25
- module.exports = __toCommonJS(Hoverable_exports);
26
- var import_core = require("@tamagui/core");
27
- var import_use_debounce = require("@tamagui/use-debounce");
28
- var import_react = __toESM(require("react"));
29
- import_react.default["createElement"];
30
- const Hoverable = (0, import_react.forwardRef)(({
31
- onPressIn,
32
- onPressOut,
33
- onHoverIn,
34
- onHoverOut,
35
- onHoverMove,
36
- disableUntilSettled,
37
- hoverDelay = 0,
38
- children
39
- }, ref) => {
40
- if (!import_core.isWeb) {
41
- return children;
42
- }
43
- const [isActive, set] = (0, import_react.useState)(false);
44
- const setOffSlow = (0, import_use_debounce.useDebounce)(() => set(false), hoverDelay / 2);
45
- const setOnSlow = (0, import_use_debounce.useDebounce)(() => set(true), hoverDelay);
46
- const cancelAll = () => {
47
- setOnSlow.cancel();
48
- setOffSlow.cancel();
49
- };
50
- (0, import_react.useImperativeHandle)(ref, () => ({
51
- close: () => {
52
- set(false);
53
- }
54
- }));
55
- (0, import_react.useEffect)(() => {
56
- if (isActive) {
57
- onHoverIn == null ? void 0 : onHoverIn();
58
- } else {
59
- onHoverOut == null ? void 0 : onHoverOut();
60
- }
61
- }, [isActive]);
62
- const setOff = () => {
63
- cancelAll();
64
- setOffSlow();
65
- };
66
- const setOn = () => {
67
- cancelAll();
68
- setOnSlow();
69
- };
70
- const hoverMove = () => {
71
- if (onHoverMove)
72
- onHoverMove();
73
- if (disableUntilSettled)
74
- setOn();
75
- };
76
- return /* @__PURE__ */ import_react.default.createElement("span", {
77
- ref,
78
- style: {
79
- display: "contents"
80
- },
81
- onMouseEnter: setOn,
82
- onMouseLeave: setOff,
83
- onMouseMove: hoverMove,
84
- onMouseDown: onPressIn,
85
- onClick: onPressOut
86
- }, children);
87
- });
88
- // Annotate the CommonJS export names for ESM import in node:
89
- 0 && (module.exports = {
90
- Hoverable
91
- });
92
- //# sourceMappingURL=Hoverable.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/Hoverable.tsx"],
4
- "sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { useDebounce } from '@tamagui/use-debounce'\nimport React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype SpanProps = React.DOMAttributes<HTMLSpanElement>\n\nexport type HoverableProps = {\n children?: any\n disableUntilSettled?: boolean\n hoverDelay?: number\n onHoverIn?: () => void\n onHoverOut?: () => void\n onHoverMove?: () => void\n onPressIn?: SpanProps['onMouseDown']\n onPressOut?: SpanProps['onClick']\n}\n\nexport type HoverableHandle = {\n close: () => void\n}\n\nexport const Hoverable = forwardRef<HoverableHandle, HoverableProps>(\n (\n {\n onPressIn,\n onPressOut,\n onHoverIn,\n onHoverOut,\n onHoverMove,\n disableUntilSettled,\n hoverDelay = 0,\n children,\n }: HoverableProps,\n ref\n ) => {\n if (!isWeb) {\n return children\n }\n\n const [isActive, set] = useState(false)\n const setOffSlow = useDebounce(() => set(false), hoverDelay / 2) // math.min(a bit less than in)\n const setOnSlow = useDebounce(() => set(true), hoverDelay)\n const cancelAll = () => {\n setOnSlow.cancel()\n setOffSlow.cancel()\n }\n\n useImperativeHandle(ref, () => ({\n close: () => {\n set(false)\n },\n }))\n\n useEffect(() => {\n if (isActive) {\n onHoverIn?.()\n } else {\n onHoverOut?.()\n }\n }, [isActive])\n\n const setOff = () => {\n cancelAll()\n setOffSlow()\n }\n const setOn = () => {\n cancelAll()\n setOnSlow()\n }\n\n const hoverMove = () => {\n if (onHoverMove) onHoverMove()\n if (disableUntilSettled) setOn()\n }\n\n return (\n <span\n ref={ref as any}\n style={{\n display: 'contents',\n }}\n onMouseEnter={setOn}\n onMouseLeave={setOff}\n onMouseMove={hoverMove}\n onMouseDown={onPressIn}\n onClick={onPressOut}\n >\n {children}\n </span>\n )\n }\n)\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB;AACtB,0BAA4B;AAC5B,mBAA4E;AAG5E,qBAAM;AAmBC,MAAM,YAAY,6BACvB,CACE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,GAEF,QACG;AACH,MAAI,CAAC,mBAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,CAAC,UAAU,OAAO,2BAAS,KAAK;AACtC,QAAM,aAAa,qCAAY,MAAM,IAAI,KAAK,GAAG,aAAa,CAAC;AAC/D,QAAM,YAAY,qCAAY,MAAM,IAAI,IAAI,GAAG,UAAU;AACzD,QAAM,YAAY,MAAM;AACtB,cAAU,OAAO;AACjB,eAAW,OAAO;AAAA,EACpB;AAEA,wCAAoB,KAAK,MAAO;AAAA,IAC9B,OAAO,MAAM;AACX,UAAI,KAAK;AAAA,IACX;AAAA,EACF,EAAE;AAEF,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ;AAAA,IACF,OAAO;AACL;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,SAAS,MAAM;AACnB,cAAU;AACV,eAAW;AAAA,EACb;AACA,QAAM,QAAQ,MAAM;AAClB,cAAU;AACV,cAAU;AAAA,EACZ;AAEA,QAAM,YAAY,MAAM;AACtB,QAAI;AAAa,kBAAY;AAC7B,QAAI;AAAqB,YAAM;AAAA,EACjC;AAEA,SACE,mDAAC;AAAA,IACC;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,IACb,SAAS;AAAA,KAER,QACH;AAEJ,CACF;",
6
- "names": []
7
- }
@@ -1,177 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- var __export = (target, all) => {
37
- for (var name in all)
38
- __defProp(target, name, { get: all[name], enumerable: true });
39
- };
40
- var __copyProps = (to, from, except, desc) => {
41
- if (from && typeof from === "object" || typeof from === "function") {
42
- for (let key of __getOwnPropNames(from))
43
- if (!__hasOwnProp.call(to, key) && key !== except)
44
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
45
- }
46
- return to;
47
- };
48
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
49
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
50
- var Label_exports = {};
51
- __export(Label_exports, {
52
- Label: () => Label,
53
- LabelFrame: () => LabelFrame,
54
- useLabelContext: () => useLabelContext
55
- });
56
- module.exports = __toCommonJS(Label_exports);
57
- var import_compose_refs = require("@tamagui/compose-refs");
58
- var import_core = require("@tamagui/core");
59
- var import_create_context = require("@tamagui/create-context");
60
- var import_text = require("@tamagui/text");
61
- var React = __toESM(require("react"));
62
- var import_registerFocusable = require("../lib/registerFocusable");
63
- const NAME = "Label";
64
- const [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
65
- id: void 0,
66
- controlRef: { current: null }
67
- });
68
- const LabelFrame = (0, import_core.styled)(import_text.SizableText, {
69
- name: "Label",
70
- tag: "label",
71
- size: "$4",
72
- backgroundColor: "transparent",
73
- display: "flex",
74
- alignItems: "center",
75
- cursor: "default",
76
- pressStyle: {
77
- color: "$colorPress"
78
- },
79
- variants: {
80
- size: {
81
- "...size": (val, extras) => {
82
- const buttonStyle = (0, import_core.getButtonSize)(val, extras);
83
- return __spreadProps(__spreadValues({}, (0, import_core.getFont)(val, extras)), {
84
- height: buttonStyle.height,
85
- lineHeight: buttonStyle.height
86
- });
87
- }
88
- }
89
- }
90
- });
91
- const LabelComponent = React.forwardRef((props, forwardedRef) => {
92
- const _a = props, { htmlFor, id: idProp } = _a, labelProps = __objRest(_a, ["htmlFor", "id"]);
93
- const controlRef = React.useRef(null);
94
- const ref = React.useRef(null);
95
- const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
96
- const id = (0, import_core.useId)(idProp);
97
- if (import_core.isWeb) {
98
- React.useEffect(() => {
99
- if (htmlFor) {
100
- const element = document.getElementById(htmlFor);
101
- const label = ref.current;
102
- if (label && element) {
103
- const getAriaLabel = () => element.getAttribute("aria-labelledby");
104
- const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
105
- element.setAttribute("aria-labelledby", ariaLabelledBy);
106
- controlRef.current = element;
107
- return () => {
108
- var _a2;
109
- if (!id)
110
- return;
111
- const ariaLabelledBy2 = (_a2 = getAriaLabel()) == null ? void 0 : _a2.replace(id, "");
112
- if (ariaLabelledBy2 === "") {
113
- element.removeAttribute("aria-labelledby");
114
- } else if (ariaLabelledBy2) {
115
- element.setAttribute("aria-labelledby", ariaLabelledBy2);
116
- }
117
- };
118
- }
119
- }
120
- }, [id, htmlFor]);
121
- }
122
- return /* @__PURE__ */ React.createElement(LabelProvider, {
123
- id,
124
- controlRef
125
- }, /* @__PURE__ */ React.createElement(LabelFrame, __spreadProps(__spreadValues({
126
- role: "label",
127
- id
128
- }, labelProps), {
129
- ref: composedRefs,
130
- onMouseDown: (event) => {
131
- var _a2;
132
- (_a2 = props.onMouseDown) == null ? void 0 : _a2.call(props, event);
133
- if (!event.defaultPrevented && event.detail > 1) {
134
- event.preventDefault();
135
- }
136
- },
137
- onPress: (event) => {
138
- var _a2;
139
- (_a2 = props.onPress) == null ? void 0 : _a2.call(props, event);
140
- if (import_core.isWeb) {
141
- if (!controlRef.current || event.defaultPrevented)
142
- return;
143
- const isClickingControl = controlRef.current.contains(event.target);
144
- const isUserClick = event.isTrusted === true;
145
- if (!isClickingControl && isUserClick) {
146
- controlRef.current.click();
147
- controlRef.current.focus();
148
- }
149
- } else {
150
- if (props.htmlFor) {
151
- (0, import_registerFocusable.focusFocusable)(props.htmlFor);
152
- }
153
- }
154
- }
155
- })));
156
- });
157
- LabelComponent.displayName = NAME;
158
- const Label = LabelFrame.extractable((0, import_core.themeable)(LabelComponent), {
159
- neverFlatten: true
160
- });
161
- const useLabelContext = (element) => {
162
- const context = useLabelContextImpl("LabelConsumer");
163
- const { controlRef } = context;
164
- React.useEffect(() => {
165
- if (element)
166
- controlRef.current = element;
167
- }, [element, controlRef]);
168
- return context.id;
169
- };
170
- const Root = Label;
171
- // Annotate the CommonJS export names for ESM import in node:
172
- 0 && (module.exports = {
173
- Label,
174
- LabelFrame,
175
- useLabelContext
176
- });
177
- //# sourceMappingURL=Label.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/Label.tsx"],
4
- "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n GetProps,\n ReactComponentWithRef,\n getButtonSize,\n getFont,\n isWeb,\n styled,\n themeable,\n useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { SizableText } from '@tamagui/text'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport { focusFocusable } from '../lib/registerFocusable'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n id?: string\n controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n id: undefined,\n controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n name: 'Label',\n tag: 'label',\n size: '$4',\n backgroundColor: 'transparent',\n display: 'flex',\n alignItems: 'center',\n cursor: 'default',\n pressStyle: {\n color: '$colorPress',\n },\n variants: {\n size: {\n '...size': (val, extras) => {\n const buttonStyle = getButtonSize(val, extras)\n return {\n ...getFont(val, extras),\n height: buttonStyle.height,\n lineHeight: buttonStyle.height,\n }\n },\n },\n },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((props, forwardedRef) => {\n const { htmlFor, id: idProp, ...labelProps } = props\n const controlRef = React.useRef<HTMLElement | null>(null)\n const ref = React.useRef<any>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref)\n const id = useId(idProp)\n\n if (isWeb) {\n React.useEffect(() => {\n if (htmlFor) {\n const element = document.getElementById(htmlFor)\n const label = ref.current\n if (label && element) {\n const getAriaLabel = () => element.getAttribute('aria-labelledby')\n const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(' ')\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n controlRef.current = element\n return () => {\n /**\n * We get the latest attribute value because at the time that this cleanup fires,\n * the values from the closure may have changed.\n */\n if (!id) return\n const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n if (ariaLabelledBy === '') {\n element.removeAttribute('aria-labelledby')\n } else if (ariaLabelledBy) {\n element.setAttribute('aria-labelledby', ariaLabelledBy)\n }\n }\n }\n }\n }, [id, htmlFor])\n }\n\n return (\n <LabelProvider id={id} controlRef={controlRef}>\n <LabelFrame\n // @ts-ignore\n role=\"label\"\n id={id}\n {...labelProps}\n ref={composedRefs}\n onMouseDown={(event) => {\n props.onMouseDown?.(event)\n // prevent text selection when double clicking label\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault()\n }\n }}\n onPress={(event) => {\n props.onPress?.(event)\n\n if (isWeb) {\n if (!controlRef.current || event.defaultPrevented) return\n const isClickingControl = controlRef.current.contains(event.target as any as Node)\n // Ensure event was generated by a user action\n // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n const isUserClick = event.isTrusted === true\n /**\n * When a label is wrapped around the control it labels, we trigger the appropriate events\n * on the control when the label is clicked. We do nothing if the user is already clicking the\n * control inside the label.\n */\n if (!isClickingControl && isUserClick) {\n controlRef.current.click()\n controlRef.current.focus()\n }\n } else {\n if (props.htmlFor) {\n focusFocusable(props.htmlFor)\n }\n }\n }}\n />\n </LabelProvider>\n )\n})\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n neverFlatten: true,\n })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n const context = useLabelContextImpl('LabelConsumer')\n const { controlRef } = context\n\n React.useEffect(() => {\n if (element) controlRef.current = element\n }, [element, controlRef])\n\n return context.id\n}\n\nconst Root = Label\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,81 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
- mod
23
- ));
24
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
- var LinearGradient_exports = {};
26
- __export(LinearGradient_exports, {
27
- LinearGradient: () => LinearGradient
28
- });
29
- module.exports = __toCommonJS(LinearGradient_exports);
30
- var import_jsx_runtime = require("react/jsx-runtime");
31
- var import_core = require("@tamagui/core");
32
- var import_stacks = require("@tamagui/stacks");
33
- var React = __toESM(require("react"));
34
- var import_react_native = require("react-native");
35
- var import_linear_gradient = require("../lib/linear-gradient");
36
- const LinearGradient = import_stacks.YStack.extractable(
37
- (0, import_core.themeable)(
38
- React.forwardRef((props, ref) => {
39
- const {
40
- start,
41
- end,
42
- colors: colorsProp,
43
- locations,
44
- children,
45
- ...stackProps
46
- } = props;
47
- const colors = useThemeColors(colorsProp || []);
48
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, {
49
- ref,
50
- ...stackProps,
51
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
52
- start,
53
- end,
54
- colors,
55
- locations,
56
- style: import_react_native.StyleSheet.absoluteFill,
57
- children
58
- })
59
- });
60
- })
61
- )
62
- );
63
- const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
64
- name: "LinearGradient",
65
- overflow: "hidden",
66
- position: "relative"
67
- });
68
- const useThemeColors = (colors) => {
69
- const theme = (0, import_core.useTheme)();
70
- return colors.map((color) => {
71
- if (color[0] === "$") {
72
- return (0, import_core.getVariable)(theme[color] || color);
73
- }
74
- return color;
75
- });
76
- };
77
- // Annotate the CommonJS export names for ESM import in node:
78
- 0 && (module.exports = {
79
- LinearGradient
80
- });
81
- //# sourceMappingURL=LinearGradient.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/views/LinearGradient.tsx"],
4
- "sourcesContent": ["import {\n ColorTokens,\n ThemeTokens,\n getVariable,\n styled,\n themeable,\n useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n LinearGradient as ExpoLinearGradient,\n LinearGradientProps as ExpoLinearGradientProps,\n} from '../lib/linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n themeable(\n React.forwardRef((props: LinearGradientProps, ref) => {\n const {\n start,\n end,\n colors: colorsProp,\n locations,\n children,\n ...stackProps\n } = props\n const colors = useThemeColors(colorsProp || [])\n return (\n // @ts-ignore\n <LinearGradientFrame ref={ref} {...stackProps}>\n <ExpoLinearGradient\n start={start}\n end={end}\n colors={colors}\n locations={locations}\n style={StyleSheet.absoluteFill}\n >\n {children}\n </ExpoLinearGradient>\n </LinearGradientFrame>\n )\n }),\n ),\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n name: 'LinearGradient',\n overflow: 'hidden',\n position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n const theme = useTheme()\n return colors.map((color) => {\n if (color[0] === '$') {\n return getVariable(theme[color] || color)\n }\n return color\n })\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCU;AAxCV,kBAOO;AACP,oBAAoC;AACpC,YAAuB;AACvB,0BAAiC;AAEjC,6BAGO;AAQA,MAAM,iBAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,WACG;AAAA,MACL,IAAI;AACJ,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,aAEE,4CAAC;AAAA,QAAoB;AAAA,QAAW,GAAG;AAAA,QACjC,sDAAC,uBAAAA,gBAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,+BAAW;AAAA,UAEjB;AAAA,SACH;AAAA,OACF;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAEA,MAAM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,YAAQ,sBAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,OAAO,KAAK;AACpB,iBAAO,yBAAY,MAAM,UAAU,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
6
- "names": ["ExpoLinearGradient"]
7
- }