tamagui 1.1.7 → 1.1.9
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.
- package/dist/cjs/createTamagui.js.map +1 -1
- package/dist/cjs/helpers/inputHelpers.js.map +1 -1
- package/dist/cjs/setup.js +4 -0
- package/dist/cjs/setup.js.map +1 -1
- package/dist/cjs/views/Anchor.js +18 -15
- package/dist/cjs/views/Anchor.js.map +1 -1
- package/dist/cjs/views/EnsureFlexed.js.map +1 -1
- package/dist/cjs/views/Grid.js +29 -21
- package/dist/cjs/views/Grid.js.map +1 -1
- package/dist/cjs/views/Group.js +36 -26
- package/dist/cjs/views/Group.js.map +1 -1
- package/dist/cjs/views/Input.js +1 -0
- package/dist/cjs/views/Input.js.map +1 -1
- package/dist/cjs/views/Layouts.js +3 -0
- package/dist/cjs/views/Layouts.js.map +1 -1
- package/dist/cjs/views/Skeleton.js +15 -19
- package/dist/cjs/views/Skeleton.js.map +1 -1
- package/dist/cjs/views/Spinner.js +5 -8
- package/dist/cjs/views/Spinner.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.js +1 -7
- package/dist/cjs/views/TamaguiProvider.js.map +1 -1
- package/dist/cjs/views/VisuallyHidden.js.map +1 -1
- package/dist/esm/createTamagui.js.map +1 -1
- package/dist/esm/helpers/inputHelpers.js.map +1 -1
- package/dist/esm/setup.js.map +1 -1
- package/dist/esm/views/Anchor.js +18 -15
- package/dist/esm/views/Anchor.js.map +1 -1
- package/dist/esm/views/EnsureFlexed.js.map +1 -1
- package/dist/esm/views/Grid.js +25 -21
- package/dist/esm/views/Grid.js.map +1 -1
- package/dist/esm/views/Group.js +32 -26
- package/dist/esm/views/Group.js.map +1 -1
- package/dist/esm/views/Input.js +1 -0
- package/dist/esm/views/Input.js.map +1 -1
- package/dist/esm/views/Layouts.js +3 -0
- package/dist/esm/views/Layouts.js.map +1 -1
- package/dist/esm/views/Skeleton.js +15 -19
- package/dist/esm/views/Skeleton.js.map +1 -1
- package/dist/esm/views/Spinner.js +1 -8
- package/dist/esm/views/Spinner.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.js +1 -7
- package/dist/esm/views/TamaguiProvider.js.map +1 -1
- package/dist/esm/views/VisuallyHidden.js.map +1 -1
- package/dist/jsx/createTamagui.js.map +1 -1
- package/dist/jsx/helpers/inputHelpers.js.map +1 -1
- package/dist/jsx/setup.js.map +1 -1
- package/dist/jsx/views/Anchor.js +14 -10
- package/dist/jsx/views/Anchor.js.map +1 -1
- package/dist/jsx/views/EnsureFlexed.js.map +1 -1
- package/dist/jsx/views/Grid.js +17 -7
- package/dist/jsx/views/Grid.js.map +1 -1
- package/dist/jsx/views/Group.js +16 -7
- package/dist/jsx/views/Group.js.map +1 -1
- package/dist/jsx/views/Input.js +1 -0
- package/dist/jsx/views/Input.js.map +1 -1
- package/dist/jsx/views/Layouts.js +3 -0
- package/dist/jsx/views/Layouts.js.map +1 -1
- package/dist/jsx/views/Skeleton.js +8 -1
- package/dist/jsx/views/Skeleton.js.map +1 -1
- package/dist/jsx/views/Spinner.js.map +1 -1
- package/dist/jsx/views/TamaguiProvider.js.map +1 -1
- package/dist/jsx/views/VisuallyHidden.js.map +1 -1
- package/package.json +44 -44
- package/dist/cjs/lib/linear-gradient.js +0 -29
- package/dist/cjs/lib/linear-gradient.js.map +0 -7
- package/dist/cjs/polyfills.js +0 -11
- package/dist/cjs/polyfills.js.map +0 -7
- package/dist/cjs/views/LinearGradient.js +0 -75
- package/dist/cjs/views/LinearGradient.js.map +0 -7
- package/dist/esm/lib/linear-gradient.js +0 -5
- package/dist/esm/lib/linear-gradient.js.map +0 -7
- package/dist/esm/polyfills.js +0 -10
- package/dist/esm/polyfills.js.map +0 -7
- package/dist/esm/views/LinearGradient.js +0 -47
- package/dist/esm/views/LinearGradient.js.map +0 -7
- package/dist/jsx/lib/linear-gradient.js +0 -5
- package/dist/jsx/lib/linear-gradient.js.map +0 -7
- package/dist/jsx/polyfills.js +0 -10
- package/dist/jsx/polyfills.js.map +0 -7
- package/dist/jsx/views/LinearGradient.js +0 -35
- package/dist/jsx/views/LinearGradient.js.map +0 -7
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTamagui.ts"],
|
|
4
4
|
"sourcesContent": ["import { createTamagui as createTamaguiCore } from '@tamagui/core'\n\n/**\n * Adds some helpful validation at dev time only for `tamagui` specifically\n **/\n\nexport const createTamagui: typeof createTamaguiCore =\n process.env.NODE_ENV !== 'development'\n ? createTamaguiCore\n : (conf) => {\n const sizeTokenKeys = [\n '$0',\n '$1',\n '$2',\n '$3',\n '$4',\n '$5',\n '$6',\n '$7',\n '$8',\n '$9',\n '$10',\n '$true',\n ]\n\n const hasKeys = (expectedKeys: string[], obj: Record<any, any>) => {\n return expectedKeys.every((k) => typeof obj[k] !== 'undefined')\n }\n\n const tamaguiConfig = createTamaguiCore(conf)\n\n // size and space should be fully defined\n for (const name of ['size', 'space'] as const) {\n const tokenSet = tamaguiConfig.tokensParsed[name]\n if (!tokenSet) {\n throw new Error(\n `Expected tokens for \"${name}\" in ${Object.keys(\n tamaguiConfig.tokensParsed,\n ).join(', ')}`,\n )\n }\n if (!hasKeys(sizeTokenKeys, tokenSet)) {\n throw new Error(`\ncreateTamagui() missing definition for expected tokens.${name}:\n\nReceived: ${Object.keys(tokenSet).join(', ')}\n\nExpected: ${sizeTokenKeys.join(', ')}\n\n`)\n }\n }\n\n // others must define subset of size tokens\n const expected = Object.keys(tamaguiConfig.tokensParsed.size)\n for (const name of ['radius', 'zIndex'] as const) {\n const tokenSet = tamaguiConfig.tokensParsed[name]\n const received = Object.keys(tokenSet)\n const hasSomeOverlap = received.some((rk) => expected.includes(rk))\n if (!hasSomeOverlap) {\n throw new Error(`\ncreateTamagui() invalid tokens.${name}:\n\nReceived: ${received.join(', ')}\n\nExpected a subset of: ${expected.join(', ')}\n\n`)\n }\n }\n\n return tamaguiConfig\n }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AAM5C,MAAM,gBACX,QAAQ,IAAI,aAAa,gBACrB,YAAAA,gBACA,CAAC,SAAS;AACR,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,cAAwB,QAA0B;AACjE,WAAO,aAAa,MAAM,CAAC,MAAM,OAAO,IAAI,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AAM5C,MAAM,gBACX,QAAQ,IAAI,aAAa,gBACrB,YAAAA,gBACA,CAAC,SAAS;AACR,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,cAAwB,QAA0B;AACjE,WAAO,aAAa,MAAM,CAAC,MAAM,OAAO,IAAI,CAAC,MAAM,WAAW;AAAA,EAChE;AAEA,QAAM,oBAAgB,YAAAA,eAAkB,IAAI;AAG5C,aAAW,QAAQ,CAAC,QAAQ,OAAO,GAAY;AAC7C,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,wBAAwB,YAAY,OAAO;AAAA,UACzC,cAAc;AAAA,QAChB,EAAE,KAAK,IAAI;AAAA,MACb;AAAA,IACF;AACA,QAAI,CAAC,QAAQ,eAAe,QAAQ,GAAG;AACrC,YAAM,IAAI,MAAM;AAAA,yDAC6B;AAAA;AAAA,YAE7C,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI;AAAA;AAAA,YAE/B,cAAc,KAAK,IAAI;AAAA;AAAA,CAElC;AAAA,IACS;AAAA,EACF;AAGA,QAAM,WAAW,OAAO,KAAK,cAAc,aAAa,IAAI;AAC5D,aAAW,QAAQ,CAAC,UAAU,QAAQ,GAAY;AAChD,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,UAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,UAAM,iBAAiB,SAAS,KAAK,CAAC,OAAO,SAAS,SAAS,EAAE,CAAC;AAClE,QAAI,CAAC,gBAAgB;AACnB,YAAM,IAAI,MAAM;AAAA,iCACK;AAAA;AAAA,YAErB,SAAS,KAAK,IAAI;AAAA;AAAA,wBAEN,SAAS,KAAK,IAAI;AAAA;AAAA,CAEzC;AAAA,IACS;AAAA,EACF;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": ["createTamaguiCore"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/inputHelpers.tsx"],
|
|
4
4
|
"sourcesContent": ["import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (\n val = '$true',\n extras\n) => {\n if (extras.props.multiline || extras.props.numberOfLines > 1) {\n return textAreaSizeVariant(val, extras)\n }\n const buttonStyles = getButtonSized(val, extras)\n const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n const fontStyle = getFontSized(val, extras)\n // lineHeight messes up input on native\n if (!isWeb && fontStyle) {\n delete fontStyle['lineHeight']\n }\n return {\n ...fontStyle,\n ...buttonStyles,\n paddingHorizontal,\n }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n val = '$true',\n extras\n) => {\n const { props } = extras\n const buttonStyles = getButtonSized(val, extras)\n const fontStyle = getFontSized(val, extras)!\n const height = props.numberOfLines\n ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n : 'auto'\n const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])\n const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n return {\n ...buttonStyles,\n ...fontStyle,\n paddingVertical,\n paddingHorizontal,\n height,\n }\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmE;AACnE,8BAA+B;AAC/B,4BAA6B;AAC7B,sBAAkC;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,wBAAoB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,qBAAS,WAAW;AACvB,WAAO,UAAU;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmE;AACnE,8BAA+B;AAC/B,4BAA6B;AAC7B,sBAAkC;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,wBAAoB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,qBAAS,WAAW;AACvB,WAAO,UAAU,YAAY;AAAA,EAC/B;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,mBAAe,wCAAe,KAAK,MAAM;AAC/C,QAAM,gBAAY,oCAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,SAAK,8BAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,sBAAkB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AAC/D,QAAM,wBAAoB,mCAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/setup.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
package/dist/cjs/setup.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/setup.ts"],
|
|
4
4
|
"sourcesContent": ["import { setupReactNative } from '@tamagui/core'\nimport * as React from 'react'\nimport { Text, View } from 'react-native'\n\nglobalThis.React = React\n\nsetupReactNative({\n View,\n Text,\n})\n\n// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n globalThis['requestAnimationFrame'] = setImmediate\n}\n\nconst cancelAnimationFrame = globalThis.cancelAnimationFrame\n\n// for vite / Animated.spring()\nglobal.cancelAnimationFrame = (x: number) => {\n try {\n cancelAnimationFrame(x)\n } catch {\n // illegal invocation :/\n }\n}\n\n// need to export something, afraid of tree shaking even with `sideEffects`\nexport const idFn = () => {}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,YAAuB;AACvB,0BAA2B;AAE3B,WAAW,QAAQ;AAAA,IAEnB,8BAAiB;AAAA,EACf;AAAA,EACA;AACF,CAAC;AAGD,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,uBAAuB,IAAI;AACxC;AAEA,MAAM,uBAAuB,WAAW;AAGxC,OAAO,uBAAuB,CAAC,MAAc;AAC3C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAE;AAAA,EAEF;AACF;AAGO,MAAM,OAAO,MAAM;AAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/views/Anchor.js
CHANGED
|
@@ -33,22 +33,25 @@ const AnchorFrame = (0, import_core.styled)(import_text.SizableText, {
|
|
|
33
33
|
});
|
|
34
34
|
const Anchor = AnchorFrame.extractable(
|
|
35
35
|
(0, import_react.forwardRef)(({ href, target, ...props }, ref) => {
|
|
36
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
|
+
AnchorFrame,
|
|
38
|
+
{
|
|
39
|
+
...props,
|
|
40
|
+
...import_core.isWeb ? {
|
|
41
|
+
href,
|
|
42
|
+
target
|
|
43
|
+
} : {
|
|
44
|
+
onPress: (event) => {
|
|
45
|
+
var _a;
|
|
46
|
+
(_a = props.onPress) == null ? void 0 : _a.call(props, event);
|
|
47
|
+
if (href !== void 0) {
|
|
48
|
+
import_react_native.Linking.openURL(href);
|
|
49
|
+
}
|
|
47
50
|
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
},
|
|
52
|
+
ref
|
|
53
|
+
}
|
|
54
|
+
);
|
|
52
55
|
})
|
|
53
56
|
);
|
|
54
57
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Anchor.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ReactComponentWithRef, isWeb, styled } from '@tamagui/core'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { forwardRef } from 'react'\nimport { Linking, View } from 'react-native'\n\nexport type AnchorProps = SizableTextProps & {\n href?: string\n target?: string\n rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n name: 'Anchor',\n tag: 'a',\n accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, HTMLAnchorElement | View> =\n AnchorFrame.extractable(\n forwardRef(({ href, target, ...props }, ref) => {\n return (\n <AnchorFrame\n {...props}\n {...(isWeb\n ? {\n href,\n target,\n }\n : {\n onPress: (event) => {\n props.onPress?.(event)\n if (href !== undefined) {\n Linking.openURL(href)\n }\n },\n })}\n ref={ref as any}\n />\n )\n }),\n )\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AArBR,kBAAqD;AACrD,kBAA8C;AAC9C,mBAAkC;AAClC,0BAA8B;AAQ9B,MAAM,kBAAc,oBAAO,yBAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY;AAAA,MACV,yBAAW,CAAC,EAAE,MAAM,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AArBR,kBAAqD;AACrD,kBAA8C;AAC9C,mBAAkC;AAClC,0BAA8B;AAQ9B,MAAM,kBAAc,oBAAO,yBAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY;AAAA,MACV,yBAAW,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC9C,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAI,oBACD;AAAA,UACE;AAAA,UACA;AAAA,QACF,IACA;AAAA,UACE,SAAS,CAAC,UAAU;AA7BpC;AA8BkB,wBAAM,YAAN,+BAAgB;AAChB,gBAAI,SAAS,QAAW;AACtB,0CAAQ,QAAQ,IAAI;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/EnsureFlexed.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Text, styled } from '@tamagui/core'\n\n// expands flex elements when they should push a far as they \"want\" naturally\n\nexport const EnsureFlexed = styled(Text, {\n opacity: 0,\n lineHeight: 0,\n height: 0,\n display: 'flex',\n fontSize: 200,\n children: 'wwwwwwwwwwwwwwwwwww',\n\n hoverStyle: {\n backgroundColor: 'red',\n },\n\n pointerEvents: 'none',\n})\n\n// @tamgui/core checks for this in spacing\nEnsureFlexed['isVisuallyHidden'] = true\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAItB,MAAM,mBAAe,oBAAO,kBAAM;AAAA,EACvC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA,EAEA,eAAe;AACjB,CAAC;AAGD,aAAa,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAItB,MAAM,mBAAe,oBAAO,kBAAM;AAAA,EACvC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,iBAAiB;AAAA,EACnB;AAAA,EAEA,eAAe;AACjB,CAAC;AAGD,aAAa,kBAAkB,IAAI;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/views/Grid.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -33,34 +37,38 @@ var import_stacks = require("@tamagui/stacks");
|
|
|
33
37
|
var import_react = __toESM(require("react"));
|
|
34
38
|
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
35
39
|
if (import_core.isWeb) {
|
|
36
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
style: {
|
|
44
|
+
gap,
|
|
45
|
+
display: "grid",
|
|
46
|
+
justifyContent: "stretch",
|
|
47
|
+
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
48
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
49
|
+
// gridTemplateColumns: '1fr 1fr',
|
|
50
|
+
},
|
|
51
|
+
children
|
|
52
|
+
}
|
|
53
|
+
);
|
|
45
54
|
}
|
|
46
55
|
const childrenList = import_react.default.Children.toArray(children);
|
|
47
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
56
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => {
|
|
57
|
+
if (!child) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
+
import_stacks.XStack,
|
|
62
|
+
{
|
|
56
63
|
flex: 1,
|
|
57
64
|
minWidth: itemMinWidth,
|
|
58
65
|
marginRight: gap,
|
|
59
66
|
marginBottom: gap,
|
|
60
67
|
children: child
|
|
61
|
-
},
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
},
|
|
69
|
+
i
|
|
70
|
+
);
|
|
71
|
+
}) });
|
|
64
72
|
}
|
|
65
73
|
// Annotate the CommonJS export names for ESM import in node:
|
|
66
74
|
0 && (module.exports = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Grid.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { XStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type GridProps = {\n children?: any\n itemMinWidth?: number\n gap?: any\n columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n if (isWeb) {\n return (\n <div\n style={{\n gap,\n display: 'grid',\n justifyContent: 'stretch',\n // gridTemplateRows: 'repeat(4, 1fr)',\n gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n // gridTemplateColumns: '1fr 1fr',\n }}\n >\n {children}\n </div>\n )\n }\n\n const childrenList = React.Children.toArray(children)\n\n return (\n <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n {childrenList.map((child, i) => {\n if (!child) {\n return null\n }\n\n // index key bad\n return (\n <XStack\n key={i}\n flex={1}\n minWidth={itemMinWidth}\n marginRight={gap}\n marginBottom={gap}\n >\n {child}\n </XStack>\n )\n })}\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,kBAAsB;AACtB,oBAAuB;AACvB,mBAAkB;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,mBAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B;AAAA;AAAA,QAEnD;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM;AAAA,QACN,UAAU;AAAA,QACV,aAAa;AAAA,QACb,cAAc;AAAA,QAEb;AAAA;AAAA,MANI;AAAA,IAOP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/dist/cjs/views/Group.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -106,38 +110,44 @@ function createGroup(verticalDefault) {
|
|
|
106
110
|
};
|
|
107
111
|
return cloneElementWithPropOrder(child, props2);
|
|
108
112
|
});
|
|
109
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
114
|
+
GroupFrame,
|
|
115
|
+
{
|
|
116
|
+
ref,
|
|
117
|
+
size,
|
|
118
|
+
flexDirection: !vertical ? "row" : "column",
|
|
119
|
+
borderRadius,
|
|
120
|
+
...restProps,
|
|
121
|
+
children: wrapScroll(
|
|
122
|
+
activeProps,
|
|
123
|
+
(0, import_core.spacedChildren)({
|
|
124
|
+
direction: spaceDirection,
|
|
125
|
+
separator,
|
|
126
|
+
space,
|
|
127
|
+
children
|
|
128
|
+
})
|
|
129
|
+
)
|
|
130
|
+
}
|
|
131
|
+
);
|
|
125
132
|
});
|
|
126
133
|
}
|
|
127
134
|
const YGroup = createGroup(true);
|
|
128
135
|
const XGroup = createGroup(false);
|
|
129
136
|
const wrapScroll = ({ scrollable, vertical, showScrollIndicator = false }, children) => {
|
|
130
137
|
if (scrollable)
|
|
131
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
139
|
+
import_react_native.ScrollView,
|
|
140
|
+
{
|
|
141
|
+
...vertical && {
|
|
142
|
+
showsVerticalScrollIndicator: showScrollIndicator
|
|
143
|
+
},
|
|
144
|
+
...!vertical && {
|
|
145
|
+
horizontal: true,
|
|
146
|
+
showsHorizontalScrollIndicator: showScrollIndicator
|
|
147
|
+
},
|
|
148
|
+
children
|
|
149
|
+
}
|
|
150
|
+
);
|
|
141
151
|
return children;
|
|
142
152
|
};
|
|
143
153
|
const cloneElementWithPropOrder = (child, props) => {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Group.tsx"],
|
|
4
4
|
"sourcesContent": ["import {\n GetProps,\n TamaguiElement,\n getConfig,\n getExpandedShorthands,\n getTokens,\n getVariableValue,\n isTamaguiElement,\n mergeProps,\n spacedChildren,\n styled,\n useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n name: 'GroupFrame',\n backgroundColor: '$background',\n y: 0,\n\n variants: {\n size: (val, { tokens }) => {\n const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']\n return {\n borderRadius,\n }\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n scrollable?: boolean\n /**\n * @default false\n */\n showScrollIndicator?: boolean\n disabled?: boolean\n vertical?: boolean\n disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n const activeProps = useMediaPropsActive(props)\n\n const {\n children: childrenProp,\n space,\n size = '$true',\n spaceDirection,\n separator,\n scrollable,\n vertical = verticalDefault,\n disabled: disabledProp,\n disablePassBorderRadius: disablePassBorderRadiusProp,\n borderRadius,\n ...restProps\n } = getExpandedShorthands(activeProps)\n\n const radius =\n borderRadius ??\n (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n\n const hasRadius = radius !== undefined\n const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n const childrens = Children.toArray(childrenProp)\n const children = childrens.map((child, i) => {\n if (!isValidElement(child)) return child\n const disabled = child.props.disabled ?? disabledProp\n\n const isFirst = i === 0\n const isLast = i === childrens.length - 1\n\n const radiusStyles = disablePassBorderRadius\n ? null\n : {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n ...(hasRadius && {\n ...(isFirst &&\n !vertical && {\n borderTopLeftRadius: radius,\n borderBottomLeftRadius: radius,\n }),\n ...(isFirst &&\n vertical && {\n borderTopLeftRadius: radius,\n borderTopRightRadius: radius,\n }),\n ...(isLast &&\n !vertical && {\n borderTopRightRadius: radius,\n borderBottomRightRadius: radius,\n }),\n ...(isLast &&\n vertical && {\n borderBottomLeftRadius: radius,\n borderBottomRightRadius: radius,\n }),\n }),\n }\n\n const props = {\n disabled,\n ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n }\n\n return cloneElementWithPropOrder(child, props)\n })\n\n return (\n <GroupFrame\n ref={ref}\n size={size}\n flexDirection={!vertical ? 'row' : 'column'}\n borderRadius={borderRadius}\n {...restProps}\n >\n {wrapScroll(\n activeProps,\n spacedChildren({\n direction: spaceDirection,\n separator,\n space,\n children,\n })\n )}\n </GroupFrame>\n )\n })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n children: any\n) => {\n if (scrollable)\n return (\n <ScrollView\n {...(vertical && {\n showsVerticalScrollIndicator: showScrollIndicator,\n })}\n {...(!vertical && {\n horizontal: true,\n showsHorizontalScrollIndicator: showScrollIndicator,\n })}\n >\n {children}\n </ScrollView>\n )\n return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n return React.cloneElement({ ...child, props: null }, next)\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["props", "React"]
|
|
7
7
|
}
|
package/dist/cjs/views/Input.js
CHANGED
|
@@ -41,6 +41,7 @@ const InputFrame = (0, import_core.styled)(
|
|
|
41
41
|
borderColor: "$borderColor",
|
|
42
42
|
backgroundColor: "$background",
|
|
43
43
|
placeholderTextColor: "$placeholderColor",
|
|
44
|
+
// this fixes a flex bug where it overflows container
|
|
44
45
|
minWidth: 0,
|
|
45
46
|
hoverStyle: {
|
|
46
47
|
borderColor: "$borderColorHover"
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Input.tsx"],
|
|
4
4
|
"sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n TextInput,\n})\n\nexport const InputFrame = styled(\n TextInput,\n {\n name: 'Input',\n fontFamily: '$body',\n borderWidth: 1,\n outlineWidth: 0,\n color: '$color',\n focusable: true,\n borderColor: '$borderColor',\n backgroundColor: '$background',\n placeholderTextColor: '$placeholderColor',\n\n // this fixes a flex bug where it overflows container\n minWidth: 0,\n\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n\n focusStyle: {\n borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n },\n {\n isInput: true,\n }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -54,16 +54,19 @@ const Aside = (0, import_core.styled)(import_core.Stack, {
|
|
|
54
54
|
name: "Aside",
|
|
55
55
|
tag: "aside",
|
|
56
56
|
flexDirection: "column"
|
|
57
|
+
// accessibilityRole: 'complementary',
|
|
57
58
|
});
|
|
58
59
|
const Footer = (0, import_core.styled)(import_core.Stack, {
|
|
59
60
|
name: "Footer",
|
|
60
61
|
tag: "footer",
|
|
61
62
|
flexDirection: "column"
|
|
63
|
+
// accessibilityRole: 'contentinfo',
|
|
62
64
|
});
|
|
63
65
|
const Nav = (0, import_core.styled)(import_core.Stack, {
|
|
64
66
|
name: "Nav",
|
|
65
67
|
tag: "nav",
|
|
66
68
|
flexDirection: "column"
|
|
69
|
+
// accessibilityRole: 'navigation',
|
|
67
70
|
});
|
|
68
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
69
72
|
0 && (module.exports = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Layouts.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Section = styled(Stack, {\n name: 'Section',\n tag: 'section',\n flexDirection: 'column',\n accessibilityRole: 'summary',\n})\n\nexport const Article = styled(Stack, {\n name: 'Article',\n tag: 'article',\n flexDirection: 'column',\n})\n\nexport const Main = styled(Stack, {\n name: 'Main',\n tag: 'main',\n flexDirection: 'column',\n})\n\nexport const Header = styled(Stack, {\n name: 'Header',\n tag: 'header',\n accessibilityRole: 'header',\n flexDirection: 'column',\n})\n\nexport const Aside = styled(Stack, {\n name: 'Aside',\n tag: 'aside',\n flexDirection: 'column',\n // accessibilityRole: 'complementary',\n})\n\nexport const Footer = styled(Stack, {\n name: 'Footer',\n tag: 'footer',\n flexDirection: 'column',\n // accessibilityRole: 'contentinfo',\n})\n\nexport const Nav = styled(Stack, {\n name: 'Nav',\n tag: 'nav',\n flexDirection: 'column',\n // accessibilityRole: 'navigation',\n})\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC;AAEM,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,WAAO,oBAAO,mBAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC;AAEM,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAEjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAEjB,CAAC;AAEM,MAAM,UAAM,oBAAO,mBAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAEjB,CAAC;",
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC;AAEM,MAAM,cAAU,oBAAO,mBAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,WAAO,oBAAO,mBAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC;AAEM,MAAM,YAAQ,oBAAO,mBAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,aAAS,oBAAO,mBAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,UAAM,oBAAO,mBAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -37,28 +37,24 @@ const SkeletonFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
37
37
|
});
|
|
38
38
|
const Skeleton = SkeletonFrame.extractable(
|
|
39
39
|
(0, import_react.forwardRef)(({ children, ...props }, ref) => {
|
|
40
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SkeletonFrame, {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonShine, {}),
|
|
45
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, {
|
|
46
|
-
preserveDimensions: true,
|
|
47
|
-
children
|
|
48
|
-
})
|
|
49
|
-
]
|
|
50
|
-
});
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SkeletonFrame, { ref, ...props, children: [
|
|
41
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SkeletonShine, {}),
|
|
42
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_VisuallyHidden.VisuallyHidden, { preserveDimensions: true, children })
|
|
43
|
+
] });
|
|
51
44
|
})
|
|
52
45
|
);
|
|
53
46
|
const SkeletonShine = (props) => {
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
48
|
+
import_linear_gradient.LinearGradient,
|
|
49
|
+
{
|
|
50
|
+
position: "absolute",
|
|
51
|
+
top: 0,
|
|
52
|
+
bottom: 0,
|
|
53
|
+
width: "25%",
|
|
54
|
+
colors: ["$background", "$color"],
|
|
55
|
+
...props
|
|
56
|
+
}
|
|
57
|
+
);
|
|
62
58
|
};
|
|
63
59
|
// Annotate the CommonJS export names for ESM import in node:
|
|
64
60
|
0 && (module.exports = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Skeleton.tsx"],
|
|
4
4
|
"sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n name: 'Skeleton',\n backgroundColor: '$backgroundHover',\n overflow: 'hidden',\n position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n return (\n <SkeletonFrame ref={ref} {...props}>\n <SkeletonShine />\n <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n </SkeletonFrame>\n )\n })\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n return (\n <LinearGradient\n position=\"absolute\"\n top={0}\n bottom={0}\n width=\"25%\"\n colors={['$background', '$color']}\n {...props}\n />\n )\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,kBAAiD;AACjD,6BAAoD;AACpD,oBAAuB;AACvB,mBAA2B;AAE3B,4BAA+B;AAExB,MAAM,oBAAgB,oBAAO,sBAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,MACpC,yBAA2B,CAAC,EAAE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBM;AAnBN,kBAAiD;AACjD,6BAAoD;AACpD,oBAAuB;AACvB,mBAA2B;AAE3B,4BAA+B;AAExB,MAAM,oBAAgB,oBAAO,sBAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,MACpC,yBAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,6CAAC,iBAAc,KAAW,GAAG,OAC3B;AAAA,kDAAC,iBAAc;AAAA,MACf,4CAAC,wCAAe,oBAAkB,MAAE,UAAS;AAAA,OAC/C;AAAA,EAEJ,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -41,14 +45,7 @@ const Spinner = import_stacks.YStack.extractable(
|
|
|
41
45
|
if (color && color[0] === "$") {
|
|
42
46
|
color = (0, import_core.variableToString)(theme[color]);
|
|
43
47
|
}
|
|
44
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
45
|
-
ref,
|
|
46
|
-
...stackProps,
|
|
47
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, {
|
|
48
|
-
size,
|
|
49
|
-
color
|
|
50
|
-
})
|
|
51
|
-
});
|
|
48
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, { size, color }) });
|
|
52
49
|
}),
|
|
53
50
|
{
|
|
54
51
|
componentName: "Spinner"
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Spinner.tsx"],
|
|
4
4
|
"sourcesContent": ["import {\n ColorTokens,\n TamaguiElement,\n ThemeTokens,\n themeable,\n useTheme,\n variableToString,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { ActivityIndicator } from 'react-native'\n\nexport type SpinnerProps = Omit<YStackProps, 'children'> & {\n size?: 'small' | 'large'\n color?: (ColorTokens | ThemeTokens | (string & {})) | null\n}\n\nexport const Spinner: React.ForwardRefExoticComponent<\n SpinnerProps & React.RefAttributes<any>\n> = YStack.extractable(\n themeable(\n React.forwardRef<TamaguiElement>((props: SpinnerProps, ref) => {\n const { size, color: colorProp, ...stackProps } = props\n const theme = useTheme()\n let color = colorProp as string\n if (color && color[0] === '$') {\n color = variableToString(theme[color])\n }\n return (\n <YStack ref={ref} {...stackProps}>\n <ActivityIndicator size={size} color={color} />\n </YStack>\n )\n }),\n {\n componentName: 'Spinner',\n },\n ),\n) as any\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BU;AA9BV,kBAOO;AACP,oBAAoC;AACpC,YAAuB;AACvB,0BAAkC;AAO3B,MAAM,UAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI;AAClD,YAAM,YAAQ,sBAAS;AACvB,UAAI,QAAQ;AACZ,UAAI,SAAS,MAAM,CAAC,MAAM,KAAK;AAC7B,oBAAQ,8BAAiB,MAAM,KAAK,CAAC;AAAA,MACvC;AACA,aACE,4CAAC,wBAAO,KAAW,GAAG,YACpB,sDAAC,yCAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,13 +25,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
25
25
|
var import_core = require("@tamagui/core");
|
|
26
26
|
var import_portal = require("@tamagui/portal");
|
|
27
27
|
const TamaguiProvider = import_core.isRSC ? import_core.TamaguiProvider : ({ children, ...props }) => {
|
|
28
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TamaguiProvider, {
|
|
29
|
-
...props,
|
|
30
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, {
|
|
31
|
-
shouldAddRootHost: true,
|
|
32
|
-
children
|
|
33
|
-
})
|
|
34
|
-
});
|
|
28
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: true, children }) });
|
|
35
29
|
};
|
|
36
30
|
// Annotate the CommonJS export names for ESM import in node:
|
|
37
31
|
0 && (module.exports = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/TamaguiProvider.tsx"],
|
|
4
4
|
"sourcesContent": ["import type { TamaguiProviderProps } from '@tamagui/core'\nimport { TamaguiProvider as OGProvider, isRSC } from '@tamagui/core'\nimport { PortalProvider } from '@tamagui/portal'\n\nexport const TamaguiProvider = isRSC\n ? OGProvider\n : ({ children, ...props }: TamaguiProviderProps) => {\n return (\n <OGProvider {...props}>\n <PortalProvider shouldAddRootHost>{children}</PortalProvider>\n </OGProvider>\n )\n }\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASU;AARV,kBAAqD;AACrD,oBAA+B;AAExB,MAAM,kBAAkB,oBAC3B,YAAAA,kBACA,CAAC,EAAE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASU;AARV,kBAAqD;AACrD,oBAA+B;AAExB,MAAM,kBAAkB,oBAC3B,YAAAA,kBACA,CAAC,EAAE,UAAU,GAAG,MAAM,MAA4B;AAChD,SACE,4CAAC,YAAAA,iBAAA,EAAY,GAAG,OACd,sDAAC,gCAAe,mBAAiB,MAAE,UAAS,GAC9C;AAEJ;",
|
|
6
6
|
"names": ["OGProvider"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/VisuallyHidden.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n position: 'absolute',\n width: 1,\n height: 1,\n margin: -1,\n zIndex: -10000,\n overflow: 'hidden',\n opacity: 0.00000001,\n pointerEvents: 'none',\n\n variants: {\n preserveDimensions: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n },\n } as const,\n\n visible: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n margin: 0,\n zIndex: 1,\n overflow: 'visible',\n opacity: 1,\n pointerEvents: 'auto',\n },\n } as const,\n },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,qBAAiB,oBAAO,mBAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,qBAAiB,oBAAO,mBAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,kBAAkB,IAAI;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTamagui.ts"],
|
|
4
4
|
"sourcesContent": ["import { createTamagui as createTamaguiCore } from '@tamagui/core'\n\n/**\n * Adds some helpful validation at dev time only for `tamagui` specifically\n **/\n\nexport const createTamagui: typeof createTamaguiCore =\n process.env.NODE_ENV !== 'development'\n ? createTamaguiCore\n : (conf) => {\n const sizeTokenKeys = [\n '$0',\n '$1',\n '$2',\n '$3',\n '$4',\n '$5',\n '$6',\n '$7',\n '$8',\n '$9',\n '$10',\n '$true',\n ]\n\n const hasKeys = (expectedKeys: string[], obj: Record<any, any>) => {\n return expectedKeys.every((k) => typeof obj[k] !== 'undefined')\n }\n\n const tamaguiConfig = createTamaguiCore(conf)\n\n // size and space should be fully defined\n for (const name of ['size', 'space'] as const) {\n const tokenSet = tamaguiConfig.tokensParsed[name]\n if (!tokenSet) {\n throw new Error(\n `Expected tokens for \"${name}\" in ${Object.keys(\n tamaguiConfig.tokensParsed,\n ).join(', ')}`,\n )\n }\n if (!hasKeys(sizeTokenKeys, tokenSet)) {\n throw new Error(`\ncreateTamagui() missing definition for expected tokens.${name}:\n\nReceived: ${Object.keys(tokenSet).join(', ')}\n\nExpected: ${sizeTokenKeys.join(', ')}\n\n`)\n }\n }\n\n // others must define subset of size tokens\n const expected = Object.keys(tamaguiConfig.tokensParsed.size)\n for (const name of ['radius', 'zIndex'] as const) {\n const tokenSet = tamaguiConfig.tokensParsed[name]\n const received = Object.keys(tokenSet)\n const hasSomeOverlap = received.some((rk) => expected.includes(rk))\n if (!hasSomeOverlap) {\n throw new Error(`\ncreateTamagui() invalid tokens.${name}:\n\nReceived: ${received.join(', ')}\n\nExpected a subset of: ${expected.join(', ')}\n\n`)\n }\n }\n\n return tamaguiConfig\n }\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,iBAAiB,yBAAyB;AAM5C,MAAM,gBACX,QAAQ,IAAI,aAAa,gBACrB,oBACA,CAAC,SAAS;AACR,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,cAAwB,QAA0B;AACjE,WAAO,aAAa,MAAM,CAAC,MAAM,OAAO,IAAI,
|
|
5
|
+
"mappings": "AAAA,SAAS,iBAAiB,yBAAyB;AAM5C,MAAM,gBACX,QAAQ,IAAI,aAAa,gBACrB,oBACA,CAAC,SAAS;AACR,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,CAAC,cAAwB,QAA0B;AACjE,WAAO,aAAa,MAAM,CAAC,MAAM,OAAO,IAAI,CAAC,MAAM,WAAW;AAAA,EAChE;AAEA,QAAM,gBAAgB,kBAAkB,IAAI;AAG5C,aAAW,QAAQ,CAAC,QAAQ,OAAO,GAAY;AAC7C,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,wBAAwB,YAAY,OAAO;AAAA,UACzC,cAAc;AAAA,QAChB,EAAE,KAAK,IAAI;AAAA,MACb;AAAA,IACF;AACA,QAAI,CAAC,QAAQ,eAAe,QAAQ,GAAG;AACrC,YAAM,IAAI,MAAM;AAAA,yDAC6B;AAAA;AAAA,YAE7C,OAAO,KAAK,QAAQ,EAAE,KAAK,IAAI;AAAA;AAAA,YAE/B,cAAc,KAAK,IAAI;AAAA;AAAA,CAElC;AAAA,IACS;AAAA,EACF;AAGA,QAAM,WAAW,OAAO,KAAK,cAAc,aAAa,IAAI;AAC5D,aAAW,QAAQ,CAAC,UAAU,QAAQ,GAAY;AAChD,UAAM,WAAW,cAAc,aAAa,IAAI;AAChD,UAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,UAAM,iBAAiB,SAAS,KAAK,CAAC,OAAO,SAAS,SAAS,EAAE,CAAC;AAClE,QAAI,CAAC,gBAAgB;AACnB,YAAM,IAAI,MAAM;AAAA,iCACK;AAAA;AAAA,YAErB,SAAS,KAAK,IAAI;AAAA;AAAA,wBAEN,SAAS,KAAK,IAAI;AAAA;AAAA,CAEzC;AAAA,IACS;AAAA,EACF;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/inputHelpers.tsx"],
|
|
4
4
|
"sourcesContent": ["import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { stepTokenUpOrDown } from '@tamagui/get-size'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (\n val = '$true',\n extras\n) => {\n if (extras.props.multiline || extras.props.numberOfLines > 1) {\n return textAreaSizeVariant(val, extras)\n }\n const buttonStyles = getButtonSized(val, extras)\n const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n const fontStyle = getFontSized(val, extras)\n // lineHeight messes up input on native\n if (!isWeb && fontStyle) {\n delete fontStyle['lineHeight']\n }\n return {\n ...fontStyle,\n ...buttonStyles,\n paddingHorizontal,\n }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (\n val = '$true',\n extras\n) => {\n const { props } = extras\n const buttonStyles = getButtonSized(val, extras)\n const fontStyle = getFontSized(val, extras)!\n const height = props.numberOfLines\n ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n : 'auto'\n const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])\n const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])\n return {\n ...buttonStyles,\n ...fontStyle,\n paddingVertical,\n paddingHorizontal,\n height,\n }\n}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAoC,kBAAkB,aAAa;AACnE,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,
|
|
5
|
+
"mappings": "AAAA,SAAoC,kBAAkB,aAAa;AACnE,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,QAAM,YAAY,aAAa,KAAK,MAAM;AAE1C,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU,YAAY;AAAA,EAC/B;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,eAAe,eAAe,KAAK,MAAM;AAC/C,QAAM,YAAY,aAAa,KAAK,MAAM;AAC1C,QAAM,SAAS,MAAM,iBAChB,MAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU,IAClE;AACJ,QAAM,kBAAkB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AAC/D,QAAM,oBAAoB,kBAAkB,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC;AACjE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/setup.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/setup.ts"],
|
|
4
4
|
"sourcesContent": ["import { setupReactNative } from '@tamagui/core'\nimport * as React from 'react'\nimport { Text, View } from 'react-native'\n\nglobalThis.React = React\n\nsetupReactNative({\n View,\n Text,\n})\n\n// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n globalThis['requestAnimationFrame'] = setImmediate\n}\n\nconst cancelAnimationFrame = globalThis.cancelAnimationFrame\n\n// for vite / Animated.spring()\nglobal.cancelAnimationFrame = (x: number) => {\n try {\n cancelAnimationFrame(x)\n } catch {\n // illegal invocation :/\n }\n}\n\n// need to export something, afraid of tree shaking even with `sideEffects`\nexport const idFn = () => {}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,wBAAwB;AACjC,YAAY,WAAW;AACvB,SAAS,MAAM,YAAY;AAE3B,WAAW,QAAQ;AAEnB,iBAAiB;AAAA,EACf;AAAA,EACA;AACF,CAAC;AAGD,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,
|
|
5
|
+
"mappings": "AAAA,SAAS,wBAAwB;AACjC,YAAY,WAAW;AACvB,SAAS,MAAM,YAAY;AAE3B,WAAW,QAAQ;AAEnB,iBAAiB;AAAA,EACf;AAAA,EACA;AACF,CAAC;AAGD,IAAI,OAAO,0BAA0B,aAAa;AAChD,aAAW,uBAAuB,IAAI;AACxC;AAEA,MAAM,uBAAuB,WAAW;AAGxC,OAAO,uBAAuB,CAAC,MAAc;AAC3C,MAAI;AACF,yBAAqB,CAAC;AAAA,EACxB,QAAE;AAAA,EAEF;AACF;AAGO,MAAM,OAAO,MAAM;AAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/views/Anchor.js
CHANGED
|
@@ -10,22 +10,25 @@ const AnchorFrame = styled(SizableText, {
|
|
|
10
10
|
});
|
|
11
11
|
const Anchor = AnchorFrame.extractable(
|
|
12
12
|
forwardRef(({ href, target, ...props }, ref) => {
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
AnchorFrame,
|
|
15
|
+
{
|
|
16
|
+
...props,
|
|
17
|
+
...isWeb ? {
|
|
18
|
+
href,
|
|
19
|
+
target
|
|
20
|
+
} : {
|
|
21
|
+
onPress: (event) => {
|
|
22
|
+
var _a;
|
|
23
|
+
(_a = props.onPress) == null ? void 0 : _a.call(props, event);
|
|
24
|
+
if (href !== void 0) {
|
|
25
|
+
Linking.openURL(href);
|
|
26
|
+
}
|
|
24
27
|
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
},
|
|
29
|
+
ref
|
|
30
|
+
}
|
|
31
|
+
);
|
|
29
32
|
})
|
|
30
33
|
);
|
|
31
34
|
export {
|