@tamagui/demos 1.0.1-beta.71 → 1.0.1-beta.74
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/AnimationsDemo.js +4 -5
- package/dist/cjs/AnimationsDemo.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.js +2 -3
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.js +2 -3
- package/dist/cjs/AnimationsHoverDemo.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.js +6 -7
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
- package/dist/cjs/AvatarDemo.js +0 -2
- package/dist/cjs/AvatarDemo.js.map +1 -1
- package/dist/cjs/ButtonDemo.js +0 -2
- package/dist/cjs/ButtonDemo.js.map +1 -1
- package/dist/cjs/CardDemo.js +0 -3
- package/dist/cjs/CardDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.js +0 -2
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DrawerDemo.js +0 -2
- package/dist/cjs/DrawerDemo.js.map +1 -1
- package/dist/cjs/FeatherIconsDemo.js +0 -2
- package/dist/cjs/FeatherIconsDemo.js.map +1 -1
- package/dist/cjs/FormsDemo.js +0 -3
- package/dist/cjs/FormsDemo.js.map +1 -1
- package/dist/cjs/GroupDemo.js +0 -2
- package/dist/cjs/GroupDemo.js.map +1 -1
- package/dist/cjs/HeadingsDemo.js +0 -2
- package/dist/cjs/HeadingsDemo.js.map +1 -1
- package/dist/cjs/ImageDemo.js +0 -2
- package/dist/cjs/ImageDemo.js.map +1 -1
- package/dist/cjs/LabelDemo.js +0 -2
- package/dist/cjs/LabelDemo.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.js +0 -2
- package/dist/cjs/LinearGradientDemo.js.map +1 -1
- package/dist/cjs/ListItemDemo.js +0 -4
- package/dist/cjs/ListItemDemo.js.map +1 -1
- package/dist/cjs/MenuDemo.js +0 -2
- package/dist/cjs/MenuDemo.js.map +1 -1
- package/dist/cjs/PopoverDemo.js +0 -3
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/cjs/ProgressDemo.js +0 -2
- package/dist/cjs/ProgressDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.js +32 -4
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/SeparatorDemo.js +0 -2
- package/dist/cjs/SeparatorDemo.js.map +1 -1
- package/dist/cjs/ShapesDemo.js +0 -2
- package/dist/cjs/ShapesDemo.js.map +1 -1
- package/dist/cjs/SliderDemo.js +0 -3
- package/dist/cjs/SliderDemo.js.map +1 -1
- package/dist/cjs/SpinnerDemo.js +0 -2
- package/dist/cjs/SpinnerDemo.js.map +1 -1
- package/dist/cjs/StacksDemo.js +0 -2
- package/dist/cjs/StacksDemo.js.map +1 -1
- package/dist/cjs/SwitchDemo.js +0 -3
- package/dist/cjs/SwitchDemo.js.map +1 -1
- package/dist/cjs/TamaguiLogo.js +4 -5
- package/dist/cjs/TamaguiLogo.js.map +1 -1
- package/dist/cjs/TextDemo.js +0 -2
- package/dist/cjs/TextDemo.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.js +0 -3
- package/dist/cjs/ThemeInverseDemo.js.map +1 -1
- package/dist/cjs/TooltipDemo.js +0 -3
- package/dist/cjs/TooltipDemo.js.map +1 -1
- package/dist/cjs/useOnIntersecting.js +4 -5
- package/dist/cjs/useOnIntersecting.js.map +1 -1
- package/dist/esm/AnimationsDemo.js +4 -6
- package/dist/esm/AnimationsDemo.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.js +2 -4
- package/dist/esm/AnimationsEnterDemo.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.js +2 -4
- package/dist/esm/AnimationsHoverDemo.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.js +6 -8
- package/dist/esm/AnimationsPresenceDemo.js.map +1 -1
- package/dist/esm/AvatarDemo.js +0 -3
- package/dist/esm/AvatarDemo.js.map +1 -1
- package/dist/esm/ButtonDemo.js +0 -3
- package/dist/esm/ButtonDemo.js.map +1 -1
- package/dist/esm/CardDemo.js +0 -4
- package/dist/esm/CardDemo.js.map +1 -1
- package/dist/esm/DialogDemo.js +0 -3
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DrawerDemo.js +0 -3
- package/dist/esm/DrawerDemo.js.map +1 -1
- package/dist/esm/FeatherIconsDemo.js +0 -3
- package/dist/esm/FeatherIconsDemo.js.map +1 -1
- package/dist/esm/FormsDemo.js +0 -4
- package/dist/esm/FormsDemo.js.map +1 -1
- package/dist/esm/GroupDemo.js +0 -3
- package/dist/esm/GroupDemo.js.map +1 -1
- package/dist/esm/HeadingsDemo.js +0 -3
- package/dist/esm/HeadingsDemo.js.map +1 -1
- package/dist/esm/ImageDemo.js +0 -3
- package/dist/esm/ImageDemo.js.map +1 -1
- package/dist/esm/LabelDemo.js +0 -3
- package/dist/esm/LabelDemo.js.map +1 -1
- package/dist/esm/LinearGradientDemo.js +0 -3
- package/dist/esm/LinearGradientDemo.js.map +1 -1
- package/dist/esm/ListItemDemo.js +0 -5
- package/dist/esm/ListItemDemo.js.map +1 -1
- package/dist/esm/MenuDemo.js +0 -3
- package/dist/esm/MenuDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.js +0 -4
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/ProgressDemo.js +0 -3
- package/dist/esm/ProgressDemo.js.map +1 -1
- package/dist/esm/SelectDemo.js +34 -7
- package/dist/esm/SelectDemo.js.map +2 -2
- package/dist/esm/SeparatorDemo.js +0 -3
- package/dist/esm/SeparatorDemo.js.map +1 -1
- package/dist/esm/ShapesDemo.js +0 -3
- package/dist/esm/ShapesDemo.js.map +1 -1
- package/dist/esm/SliderDemo.js +0 -4
- package/dist/esm/SliderDemo.js.map +1 -1
- package/dist/esm/SpinnerDemo.js +0 -3
- package/dist/esm/SpinnerDemo.js.map +1 -1
- package/dist/esm/StacksDemo.js +0 -3
- package/dist/esm/StacksDemo.js.map +1 -1
- package/dist/esm/SwitchDemo.js +0 -4
- package/dist/esm/SwitchDemo.js.map +1 -1
- package/dist/esm/TamaguiLogo.js +4 -6
- package/dist/esm/TamaguiLogo.js.map +1 -1
- package/dist/esm/TextDemo.js +0 -3
- package/dist/esm/TextDemo.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.js +0 -4
- package/dist/esm/ThemeInverseDemo.js.map +1 -1
- package/dist/esm/TooltipDemo.js +0 -4
- package/dist/esm/TooltipDemo.js.map +1 -1
- package/dist/esm/useOnIntersecting.js +4 -6
- package/dist/esm/useOnIntersecting.js.map +1 -1
- package/dist/jsx/AnimationsDemo.js +4 -6
- package/dist/jsx/AnimationsEnterDemo.js +2 -4
- package/dist/jsx/AnimationsHoverDemo.js +2 -4
- package/dist/jsx/AnimationsPresenceDemo.js +6 -8
- package/dist/jsx/AvatarDemo.js +0 -3
- package/dist/jsx/ButtonDemo.js +0 -3
- package/dist/jsx/CardDemo.js +0 -4
- package/dist/jsx/DialogDemo.js +0 -3
- package/dist/jsx/DrawerDemo.js +0 -3
- package/dist/jsx/FeatherIconsDemo.js +0 -3
- package/dist/jsx/FormsDemo.js +0 -4
- package/dist/jsx/GroupDemo.js +0 -3
- package/dist/jsx/HeadingsDemo.js +0 -3
- package/dist/jsx/ImageDemo.js +0 -3
- package/dist/jsx/LabelDemo.js +0 -3
- package/dist/jsx/LinearGradientDemo.js +0 -3
- package/dist/jsx/ListItemDemo.js +0 -5
- package/dist/jsx/MenuDemo.js +0 -3
- package/dist/jsx/PopoverDemo.js +0 -4
- package/dist/jsx/ProgressDemo.js +0 -3
- package/dist/jsx/SelectDemo.js +10 -7
- package/dist/jsx/SeparatorDemo.js +0 -3
- package/dist/jsx/ShapesDemo.js +0 -3
- package/dist/jsx/SliderDemo.js +0 -4
- package/dist/jsx/SpinnerDemo.js +0 -3
- package/dist/jsx/StacksDemo.js +0 -3
- package/dist/jsx/SwitchDemo.js +0 -4
- package/dist/jsx/TamaguiLogo.js +4 -6
- package/dist/jsx/TextDemo.js +0 -3
- package/dist/jsx/ThemeInverseDemo.js +0 -4
- package/dist/jsx/TooltipDemo.js +0 -4
- package/dist/jsx/useOnIntersecting.js +4 -6
- package/package.json +5 -5
- package/src/SelectDemo.tsx +22 -6
- package/types/SelectDemo.d.ts.map +1 -1
|
@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
22
21
|
var __export = (target, all) => {
|
|
23
22
|
for (var name in all)
|
|
24
23
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -43,18 +42,18 @@ var import_feather_icons = require("@tamagui/feather-icons");
|
|
|
43
42
|
var import_react = __toESM(require("react"));
|
|
44
43
|
var import_tamagui = require("tamagui");
|
|
45
44
|
var import_TamaguiLogo = require("./TamaguiLogo");
|
|
46
|
-
var AnimationsDemo_default =
|
|
45
|
+
var AnimationsDemo_default = (props) => {
|
|
47
46
|
const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
|
|
48
47
|
strategy: "most-recent-wins",
|
|
49
48
|
prop: props.position,
|
|
50
49
|
defaultProp: 0
|
|
51
50
|
});
|
|
52
51
|
const position = positions[positionI];
|
|
53
|
-
const next =
|
|
52
|
+
const next = (to = 1) => {
|
|
54
53
|
setPositionI((x) => {
|
|
55
54
|
return (x + to) % positions.length;
|
|
56
55
|
});
|
|
57
|
-
}
|
|
56
|
+
};
|
|
58
57
|
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Square, __spreadValues({
|
|
59
58
|
focusable: false,
|
|
60
59
|
animation: props.animation || "bouncy",
|
|
@@ -80,7 +79,7 @@ var AnimationsDemo_default = /* @__PURE__ */ __name((props) => {
|
|
|
80
79
|
circular: true,
|
|
81
80
|
onPress: () => next()
|
|
82
81
|
}));
|
|
83
|
-
}
|
|
82
|
+
};
|
|
84
83
|
const positions = [
|
|
85
84
|
{
|
|
86
85
|
x: 0,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Play } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Square, useControllableState } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport default (props) => {\n const [positionI, setPositionI] = useControllableState({\n strategy: 'most-recent-wins',\n prop: props.position,\n defaultProp: 0,\n })\n const position = positions[positionI]\n const next = (to = 1) => {\n setPositionI((x) => {\n return (x + to) % positions.length\n })\n }\n\n return (\n <>\n <Square\n focusable={false}\n animation={props.animation || 'bouncy'}\n onPress={() => next()}\n size={110}\n bc=\"$pink10\"\n br=\"$9\"\n hoverStyle={{\n scale: 1.1,\n }}\n pressStyle={{\n scale: 0.9,\n }}\n {...position}\n >\n {props.children || <LogoIcon downscale={0.75} />}\n </Square>\n\n <Button\n pos=\"absolute\"\n b={20}\n l={20}\n icon={Play}\n theme={props.tint}\n size=\"$5\"\n circular\n onPress={() => next()}\n />\n </>\n )\n}\n\nexport const positions = [\n {\n x: 0,\n y: 0,\n scale: 1,\n rotate: '0deg',\n },\n {\n x: -50,\n y: -50,\n scale: 0.5,\n rotate: '-45deg',\n hoverStyle: {\n scale: 0.6,\n },\n pressStyle: {\n scale: 0.4,\n },\n },\n {\n x: 50,\n y: 50,\n scale: 1,\n rotate: '180deg',\n hoverStyle: {\n scale: 1.1,\n },\n pressStyle: {\n scale: 0.9,\n },\n },\n]\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqB;AACrB,mBAAkB;AAClB,qBAAqD;AAErD,yBAAyB;AAEzB,IAAO,yBAAQ,CAAC,UAAU;AACxB,QAAM,CAAC,WAAW,gBAAgB,yCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,WAAW,UAAU;AAC3B,QAAM,OAAO,CAAC,KAAK,MAAM;AACvB,iBAAa,CAAC,MAAM;AAClB,aAAQ,KAAI,MAAM,UAAU;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,SACE,wFACE,mDAAC;AAAA,IACC,WAAW;AAAA,IACX,WAAW,MAAM,aAAa;AAAA,IAC9B,SAAS,MAAM,KAAK;AAAA,IACpB,MAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,KACI,WAEH,MAAM,YAAY,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAChD,GAEA,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,MAAM;AAAA,IACN,OAAO,MAAM;AAAA,IACb,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,SAAS,MAAM,KAAK;AAAA,GACtB,CACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -29,7 +28,7 @@ var import_react2 = require("react");
|
|
|
29
28
|
var import_tamagui = require("tamagui");
|
|
30
29
|
var import_TamaguiLogo = require("./TamaguiLogo");
|
|
31
30
|
var import_useOnIntersecting = require("./useOnIntersecting");
|
|
32
|
-
var AnimationsEnterDemo_default =
|
|
31
|
+
var AnimationsEnterDemo_default = () => {
|
|
33
32
|
const ref = (0, import_react2.useRef)(null);
|
|
34
33
|
const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: true });
|
|
35
34
|
const [key, setKey] = (0, import_react2.useState)(0);
|
|
@@ -60,7 +59,7 @@ var AnimationsEnterDemo_default = /* @__PURE__ */ __name(() => {
|
|
|
60
59
|
mt: "$4",
|
|
61
60
|
onPress: () => setKey(Math.random())
|
|
62
61
|
}, "Re-mount"));
|
|
63
|
-
}
|
|
62
|
+
};
|
|
64
63
|
// Annotate the CommonJS export names for ESM import in node:
|
|
65
64
|
0 && (module.exports = {});
|
|
66
65
|
//# sourceMappingURL=AnimationsEnterDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsEnterDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { useRef, useState } from 'react'\nimport { Button, Square, YStack } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\nimport { useIsIntersecting } from './useOnIntersecting'\n\nexport default () => {\n const ref = useRef<HTMLElement>(null)\n const hasIntersected = useIsIntersecting(ref, { once: true })\n const [key, setKey] = useState(0)\n\n if (!hasIntersected) {\n return <YStack ref={ref} />\n }\n\n return (\n <>\n <Square\n key={key}\n enterStyle={{\n scale: 1.5,\n y: -10,\n opacity: 0,\n }}\n animation=\"bouncy\"\n elevation=\"$4\"\n size={110}\n opacity={1}\n scale={1}\n y={0}\n bc=\"$pink10\"\n br=\"$9\"\n >\n <LogoIcon downscale={0.75} />\n </Square>\n\n <Button size=\"$3\" mt=\"$4\" onPress={() => setKey(Math.random())}>\n Re-mount\n </Button>\n </>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAiC;AACjC,qBAAuC;AAEvC,yBAAyB;AACzB,+BAAkC;AAElC,IAAO,8BAAQ,MAAM;AACnB,QAAM,MAAM,0BAAoB,IAAI;AACpC,QAAM,iBAAiB,gDAAkB,KAAK,EAAE,MAAM,KAAK,CAAC;AAC5D,QAAM,CAAC,KAAK,UAAU,4BAAS,CAAC;AAEhC,MAAI,CAAC,gBAAgB;AACnB,WAAO,mDAAC;AAAA,MAAO;AAAA,KAAU;AAAA,EAC3B;AAEA,SACE,wFACE,mDAAC;AAAA,IACC;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,IACX;AAAA,IACA,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,GAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,KAEH,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,IAAG;AAAA,IAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC;AAAA,KAAG,UAEhE,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -27,7 +26,7 @@ module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
|
27
26
|
var import_react = __toESM(require("react"));
|
|
28
27
|
var import_tamagui = require("tamagui");
|
|
29
28
|
var import_TamaguiLogo = require("./TamaguiLogo");
|
|
30
|
-
var AnimationsHoverDemo_default =
|
|
29
|
+
var AnimationsHoverDemo_default = () => {
|
|
31
30
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Square, {
|
|
32
31
|
bc: "$pink10",
|
|
33
32
|
animation: "bouncy",
|
|
@@ -43,7 +42,7 @@ var AnimationsHoverDemo_default = /* @__PURE__ */ __name(() => {
|
|
|
43
42
|
}, /* @__PURE__ */ import_react.default.createElement(import_TamaguiLogo.LogoIcon, {
|
|
44
43
|
downscale: 0.75
|
|
45
44
|
}));
|
|
46
|
-
}
|
|
45
|
+
};
|
|
47
46
|
// Annotate the CommonJS export names for ESM import in node:
|
|
48
47
|
0 && (module.exports = {});
|
|
49
48
|
//# sourceMappingURL=AnimationsHoverDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsHoverDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Square } from 'tamagui'\n\nimport { LogoIcon } from './TamaguiLogo'\n\nexport default () => {\n return (\n <Square\n bc=\"$pink10\"\n animation=\"bouncy\"\n elevation=\"$4\"\n size={110}\n br=\"$9\"\n hoverStyle={{\n scale: 1.2,\n }}\n pressStyle={{\n scale: 0.9,\n }}\n >\n <LogoIcon downscale={0.75} />\n </Square>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AAEvB,yBAAyB;AAEzB,IAAO,8BAAQ,MAAM;AACnB,SACE,mDAAC;AAAA,IACC,IAAG;AAAA,IACH,WAAU;AAAA,IACV,WAAU;AAAA,IACV,MAAM;AAAA,IACN,IAAG;AAAA,IACH,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,KAEA,mDAAC;AAAA,IAAS,WAAW;AAAA,GAAM,CAC7B;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -40,12 +39,12 @@ const YStackEnterable = (0, import_tamagui.styled)(import_tamagui.YStack, {
|
|
|
40
39
|
isRight: { true: { x: 300, opacity: 0 } }
|
|
41
40
|
}
|
|
42
41
|
});
|
|
43
|
-
var AnimationsPresenceDemo_default =
|
|
42
|
+
var AnimationsPresenceDemo_default = () => {
|
|
44
43
|
const [[page, direction], setPage] = (0, import_react2.useState)([0, 0]);
|
|
45
44
|
const imageIndex = wrap(0, images.length, page);
|
|
46
|
-
const paginate =
|
|
45
|
+
const paginate = (newDirection) => {
|
|
47
46
|
setPage([page + newDirection, newDirection]);
|
|
48
|
-
}
|
|
47
|
+
};
|
|
49
48
|
const enterVariant = direction === 1 || direction === 0 ? "isRight" : "isLeft";
|
|
50
49
|
const exitVariant = direction === 1 ? "isLeft" : "isRight";
|
|
51
50
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
|
|
@@ -87,11 +86,11 @@ var AnimationsPresenceDemo_default = /* @__PURE__ */ __name(() => {
|
|
|
87
86
|
elevate: true,
|
|
88
87
|
onPress: () => paginate(1)
|
|
89
88
|
}));
|
|
90
|
-
}
|
|
91
|
-
const wrap =
|
|
89
|
+
};
|
|
90
|
+
const wrap = (min, max, v) => {
|
|
92
91
|
const rangeSize = max - min;
|
|
93
92
|
return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
|
|
94
|
-
}
|
|
93
|
+
};
|
|
95
94
|
// Annotate the CommonJS export names for ESM import in node:
|
|
96
95
|
0 && (module.exports = {
|
|
97
96
|
images
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsPresenceDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["// adapted from Framer Motion\n// https://codesandbox.io/s/framer-motion-image-gallery-pqvx3?from-embed=&file=/src/Example.tsx:1422-1470\n\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { ArrowLeft, ArrowRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Image, XStack, YStack, styled } from 'tamagui'\n\n// @ts-ignore\nimport photo1 from '../../public/photo1.jpg'\n// @ts-ignore\nimport photo2 from '../../public/photo2.jpg'\n// @ts-ignore\nimport photo3 from '../../public/photo3.jpg'\n\nexport const images = [photo1.src, photo2.src, photo3.src]\n\nconst YStackEnterable = styled(YStack, {\n variants: {\n isLeft: { true: { x: -300, opacity: 0 } },\n isRight: { true: { x: 300, opacity: 0 } },\n },\n})\n\nexport default () => {\n const [[page, direction], setPage] = useState([0, 0])\n\n const imageIndex = wrap(0, images.length, page)\n\n const paginate = (newDirection: number) => {\n setPage([page + newDirection, newDirection])\n }\n\n const enterVariant = direction === 1 || direction === 0 ? 'isRight' : 'isLeft'\n const exitVariant = direction === 1 ? 'isLeft' : 'isRight'\n\n return (\n <XStack ov=\"hidden\" bc=\"#000\" pos=\"relative\" h={300} w=\"100%\" ai=\"center\">\n <AnimatePresence enterVariant={enterVariant} exitVariant={exitVariant}>\n <YStackEnterable key={page} animation=\"bouncy\" fullscreen x={0} o={1}>\n <Image src={images[imageIndex]} width={700} height={300} />\n </YStackEnterable>\n </AnimatePresence>\n\n <Button\n accessibilityLabel=\"Carousel left\"\n icon={ArrowLeft}\n size=\"$5\"\n pos=\"absolute\"\n l=\"$4\"\n circular\n elevate\n onPress={() => paginate(-1)}\n />\n <Button\n accessibilityLabel=\"Carousel right\"\n icon={ArrowRight}\n size=\"$5\"\n pos=\"absolute\"\n r=\"$4\"\n circular\n elevate\n onPress={() => paginate(1)}\n />\n </XStack>\n )\n}\n\nconst wrap = (min: number, max: number, v: number) => {\n const rangeSize = max - min\n return ((((v - min) % rangeSize) + rangeSize) % rangeSize) + min\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAgC;AAChC,2BAAsC;AACtC,mBAAkB;AAClB,oBAAyB;AACzB,qBAAsD;AAGtD,oBAAmB;AAEnB,oBAAmB;AAEnB,oBAAmB;AAEZ,MAAM,SAAS,CAAC,sBAAO,KAAK,sBAAO,KAAK,sBAAO,GAAG;AAEzD,MAAM,kBAAkB,2BAAO,uBAAQ;AAAA,EACrC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,EAAE;AAAA,IACxC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,EAAE;AAAA,EAC1C;AACF,CAAC;AAED,IAAO,iCAAQ,MAAM;AACnB,QAAM,CAAC,CAAC,MAAM,YAAY,WAAW,4BAAS,CAAC,GAAG,CAAC,CAAC;AAEpD,QAAM,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI;AAE9C,QAAM,WAAW,CAAC,iBAAyB;AACzC,YAAQ,CAAC,OAAO,cAAc,YAAY,CAAC;AAAA,EAC7C;AAEA,QAAM,eAAe,cAAc,KAAK,cAAc,IAAI,YAAY;AACtE,QAAM,cAAc,cAAc,IAAI,WAAW;AAEjD,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAO,KAAI;AAAA,IAAW,GAAG;AAAA,IAAK,GAAE;AAAA,IAAO,IAAG;AAAA,KAC/D,mDAAC;AAAA,IAAgB;AAAA,IAA4B;AAAA,KAC3C,mDAAC;AAAA,IAAgB,KAAK;AAAA,IAAM,WAAU;AAAA,IAAS,YAAU;AAAA,IAAC,GAAG;AAAA,IAAG,GAAG;AAAA,KACjE,mDAAC;AAAA,IAAM,KAAK,OAAO;AAAA,IAAa,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK,CAC3D,CACF,GAEA,mDAAC;AAAA,IACC,oBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,MAAK;AAAA,IACL,KAAI;AAAA,IACJ,GAAE;AAAA,IACF,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,SAAS,MAAM,SAAS,EAAE;AAAA,GAC5B,GACA,mDAAC;AAAA,IACC,oBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,MAAK;AAAA,IACL,KAAI;AAAA,IACJ,GAAE;AAAA,IACF,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,SAAS,MAAM,SAAS,CAAC;AAAA,GAC3B,CACF;AAEJ;AAEA,MAAM,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,SAAW,MAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/AvatarDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -53,7 +52,6 @@ function AvatarDemo() {
|
|
|
53
52
|
backgroundColor: "$blue10"
|
|
54
53
|
})));
|
|
55
54
|
}
|
|
56
|
-
__name(AvatarDemo, "AvatarDemo");
|
|
57
55
|
// Annotate the CommonJS export names for ESM import in node:
|
|
58
56
|
0 && (module.exports = {});
|
|
59
57
|
//# sourceMappingURL=AvatarDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Avatar, XStack } from 'tamagui'\n\nexport default function AvatarDemo() {\n return (\n <XStack ai=\"center\" space=\"$6\">\n <Avatar circular size=\"$10\">\n <Avatar.Image\n accessibilityLabel=\"Cam\"\n src=\"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n width={150}\n height={150}\n />\n <Avatar.Fallback backgroundColor=\"$blue10\" />\n </Avatar>\n\n <Avatar circular size=\"$8\">\n <Avatar.Image\n accessibilityLabel=\"Nate Wienert\"\n src=\"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n width={100}\n height={100}\n />\n <Avatar.Fallback delayMs={600} backgroundColor=\"$blue10\" />\n </Avatar>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAEhB,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,GACV,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,iBAAgB;AAAA,GAAU,CAC7C,GAEA,mDAAC;AAAA,IAAO,UAAQ;AAAA,IAAC,MAAK;AAAA,KACpB,mDAAC,sBAAO,OAAP;AAAA,IACC,oBAAmB;AAAA,IACnB,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,GACV,GACA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,SAAS;AAAA,IAAK,iBAAgB;AAAA,GAAU,CAC3D,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ButtonDemo.js
CHANGED
|
@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
22
21
|
var __export = (target, all) => {
|
|
23
22
|
for (var name in all)
|
|
24
23
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -79,7 +78,6 @@ function ButtonDemo(props) {
|
|
|
79
78
|
chromeless: true
|
|
80
79
|
}, "chromeless")));
|
|
81
80
|
}
|
|
82
|
-
__name(ButtonDemo, "ButtonDemo");
|
|
83
81
|
// Annotate the CommonJS export names for ESM import in node:
|
|
84
82
|
0 && (module.exports = {});
|
|
85
83
|
//# sourceMappingURL=ButtonDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, XStack, YStack } from 'tamagui'\n\nexport default function ButtonDemo(props) {\n return (\n <YStack p=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button als=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <Group>\n <Button w=\"50%\" size=\"$3\" br={0} theme=\"alt2\">\n Alt2\n </Button>\n <Button w=\"50%\" size=\"$3\" br={0} theme=\"yellow\">\n Yellow\n </Button>\n </Group>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <Group>\n <Button w=\"50%\" br={0} size=\"$2\" disabled>\n disabled\n </Button>\n <Button w=\"50%\" br={0} size=\"$2\" chromeless>\n chromeless\n </Button>\n </Group>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA8C;AAE/B,oBAAoB,OAAO;AACxC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,KAAK,QACvB,mDAAC,6BAAO,OAAK,GACb,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,IAAI;AAAA,IAAG,OAAM;AAAA,KAAO,MAE9C,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,IAAI;AAAA,IAAG,OAAM;AAAA,KAAS,QAEhD,CACF,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,mDAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,mDAAC,4BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,IAAI;AAAA,IAAG,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAE1C,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,IAAI;AAAA,IAAG,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAE5C,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/CardDemo.js
CHANGED
|
@@ -18,7 +18,6 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
22
21
|
var __export = (target, all) => {
|
|
23
22
|
for (var name in all)
|
|
24
23
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -60,7 +59,6 @@ function CardDemo() {
|
|
|
60
59
|
h: 300
|
|
61
60
|
}));
|
|
62
61
|
}
|
|
63
|
-
__name(CardDemo, "CardDemo");
|
|
64
62
|
function DemoCard(props) {
|
|
65
63
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Card, __spreadValues({
|
|
66
64
|
theme: "dark",
|
|
@@ -85,7 +83,6 @@ function DemoCard(props) {
|
|
|
85
83
|
src: import_camera.default.src
|
|
86
84
|
})));
|
|
87
85
|
}
|
|
88
|
-
__name(DemoCard, "DemoCard");
|
|
89
86
|
// Annotate the CommonJS export names for ESM import in node:
|
|
90
87
|
0 && (module.exports = {});
|
|
91
88
|
//# sourceMappingURL=CardDemo.js.map
|
package/dist/cjs/CardDemo.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CardDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Button, Card, CardProps, H2, H3, Image, Paragraph, XStack } from 'tamagui'\n\n// @ts-ignore\nimport camera from '../../public/camera.jpg'\n\nexport default function CardDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <DemoCard\n animation=\"bouncy\"\n size=\"$4\"\n w={250}\n h={300}\n scale={0.9}\n hoverStyle={{ scale: 0.925 }}\n pressStyle={{ scale: 0.875 }}\n />\n <DemoCard size=\"$5\" w={250} h={300} />\n </XStack>\n )\n}\n\nfunction DemoCard(props: CardProps) {\n return (\n <Card theme=\"dark\" elevate size=\"$4\" bordered {...props}>\n <Card.Header padded>\n <H2>Sony A7IV</H2>\n <Paragraph theme=\"alt2\">Now available</Paragraph>\n </Card.Header>\n <Card.Footer padded>\n <XStack f={1} />\n <Button br=\"$10\">Purchase</Button>\n </Card.Footer>\n <Card.Background>\n <Image pos=\"absolute\" width={300} height={500} resizeMode=\"cover\" src={camera.src} />\n </Card.Background>\n </Card>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA0E;AAG1E,oBAAmB;AAEJ,oBAAoB;AACjC,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,YAAY,EAAE,OAAO,MAAM;AAAA,GAC7B,GACA,mDAAC;AAAA,IAAS,MAAK;AAAA,IAAK,GAAG;AAAA,IAAK,GAAG;AAAA,GAAK,CACtC;AAEJ;AAEA,kBAAkB,OAAkB;AAClC,SACE,mDAAC;AAAA,IAAK,OAAM;AAAA,IAAO,SAAO;AAAA,IAAC,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAK,QAChD,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC,yBAAG,WAAS,GACb,mDAAC;AAAA,IAAU,OAAM;AAAA,KAAO,eAAa,CACvC,GACA,mDAAC,oBAAK,QAAL;AAAA,IAAY,QAAM;AAAA,KACjB,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAO,IAAG;AAAA,KAAM,UAAQ,CAC3B,GACA,mDAAC,oBAAK,YAAL,MACC,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAW,OAAO;AAAA,IAAK,QAAQ;AAAA,IAAK,YAAW;AAAA,IAAQ,KAAK,sBAAO;AAAA,GAAK,CACrF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -97,7 +96,6 @@ function DialogDemo() {
|
|
|
97
96
|
icon: import_feather_icons.X
|
|
98
97
|
}))))));
|
|
99
98
|
}
|
|
100
|
-
__name(DialogDemo, "DialogDemo");
|
|
101
99
|
// Annotate the CommonJS export names for ESM import in node:
|
|
102
100
|
0 && (module.exports = {});
|
|
103
101
|
//# sourceMappingURL=DialogDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { X } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Dialog, Fieldset, Input, Label, Unspaced, YStack } from 'tamagui'\n\nexport default function DialogDemo() {\n return (\n <Dialog modal>\n <Dialog.Trigger asChild>\n <Button>Edit Profile</Button>\n </Dialog.Trigger>\n <Dialog.Portal>\n <Dialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n o={0.5}\n enterStyle={{ o: 0 }}\n exitStyle={{ o: 0 }}\n />\n <Dialog.Content\n bordered\n elevate\n key=\"content\"\n space\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <Dialog.Title>Edit profile</Dialog.Title>\n <Dialog.Description>\n Make changes to your profile here. Click save when you're done.\n </Dialog.Description>\n <Fieldset space=\"$4\" horizontal>\n <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n Name\n </Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </Fieldset>\n <Fieldset space=\"$4\" horizontal>\n <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n Username\n </Label>\n <Input f={1} id=\"username\" defaultValue=\"@natebirdman\" />\n </Fieldset>\n\n <YStack ai=\"flex-end\" mt=\"$2\">\n <Dialog.Close asChild>\n <Button theme=\"alt1\" aria-label=\"Close\">\n Save changes\n </Button>\n </Dialog.Close>\n </YStack>\n\n <Unspaced>\n <Dialog.Close asChild>\n <Button pos=\"absolute\" t=\"$4\" r=\"$4\" circular icon={X} />\n </Dialog.Close>\n </Unspaced>\n </Dialog.Content>\n </Dialog.Portal>\n </Dialog>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkB;AAClB,mBAAkB;AAClB,qBAAyE;AAE1D,sBAAsB;AACnC,SACE,mDAAC;AAAA,IAAO,OAAK;AAAA,KACX,mDAAC,sBAAO,SAAP;AAAA,IAAe,SAAO;AAAA,KACrB,mDAAC,6BAAO,cAAY,CACtB,GACA,mDAAC,sBAAO,QAAP,MACC,mDAAC,sBAAO,SAAP;AAAA,IACC,KAAI;AAAA,IACJ,WAAU;AAAA,IACV,GAAG;AAAA,IACH,YAAY,EAAE,GAAG,EAAE;AAAA,IACnB,WAAW,EAAE,GAAG,EAAE;AAAA,GACpB,GACA,mDAAC,sBAAO,SAAP;AAAA,IACC,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,KAAI;AAAA,IACJ,OAAK;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,IACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,IAClD,GAAG;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,GAAG;AAAA,KAEH,mDAAC,sBAAO,OAAP,MAAa,cAAY,GAC1B,mDAAC,sBAAO,aAAP,MAAmB,iEAEpB,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAO,MAExD,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD,GACA,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAK,YAAU;AAAA,KAC7B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAK,gBAAe;AAAA,IAAW,SAAQ;AAAA,KAAW,UAE5D,GACA,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAW,cAAa;AAAA,GAAe,CACzD,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,IAAG;AAAA,KACvB,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAO,cAAW;AAAA,KAAQ,cAExC,CACF,CACF,GAEA,mDAAC,+BACC,mDAAC,sBAAO,OAAP;AAAA,IAAa,SAAO;AAAA,KACnB,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAW,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,UAAQ;AAAA,IAAC,MAAM;AAAA,GAAG,CACzD,CACF,CACF,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/DrawerDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -63,7 +62,6 @@ function DrawerDemo() {
|
|
|
63
62
|
elevation: "$2"
|
|
64
63
|
})))));
|
|
65
64
|
}
|
|
66
|
-
__name(DrawerDemo, "DrawerDemo");
|
|
67
65
|
// Annotate the CommonJS export names for ESM import in node:
|
|
68
66
|
0 && (module.exports = {});
|
|
69
67
|
//# sourceMappingURL=DrawerDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DrawerDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Drawer } from '@tamagui/drawer'\nimport { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useState } from 'react'\nimport { Button, Paragraph, YStack } from 'tamagui'\n\nexport default function DrawerDemo() {\n const [show, setShow] = useState(false)\n return (\n <YStack minWidth={230} w=\"100%\" h=\"100%\" ai=\"center\" jc=\"center\" position=\"relative\">\n <Drawer.Provider>\n <Button\n size=\"$6\"\n icon={show ? ChevronDown : ChevronUp}\n circular\n onPress={() => setShow((x) => !x)}\n elevation=\"$2\"\n />\n <Drawer open={show} onChangeOpen={setShow}>\n <Drawer.Frame h={200} ai=\"center\" jc=\"center\" p=\"$6\" space>\n <Paragraph selectable={false}>Hello.</Paragraph>\n <Button\n size=\"$6\"\n icon={show ? ChevronDown : ChevronUp}\n circular\n onPress={() => setShow((x) => !x)}\n elevation=\"$2\"\n />\n </Drawer.Frame>\n </Drawer>\n </Drawer.Provider>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,2BAAuC;AACvC,mBAAkB;AAClB,oBAAyB;AACzB,qBAA0C;AAE3B,sBAAsB;AACnC,QAAM,CAAC,MAAM,WAAW,4BAAS,KAAK;AACtC,SACE,mDAAC;AAAA,IAAO,UAAU;AAAA,IAAK,GAAE;AAAA,IAAO,GAAE;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,UAAS;AAAA,KACxE,mDAAC,qBAAO,UAAP,MACC,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,OAAO,mCAAc;AAAA,IAC3B,UAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChC,WAAU;AAAA,GACZ,GACA,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAM,cAAc;AAAA,KAChC,mDAAC,qBAAO,OAAP;AAAA,IAAa,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,GAAE;AAAA,IAAK,OAAK;AAAA,KACxD,mDAAC;AAAA,IAAU,YAAY;AAAA,KAAO,QAAM,GACpC,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,MAAM,OAAO,mCAAc;AAAA,IAC3B,UAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChC,WAAU;AAAA,GACZ,CACF,CACF,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -69,7 +68,6 @@ function FeatherIconsDemo() {
|
|
|
69
68
|
itemMinWidth: size
|
|
70
69
|
}, iconsMemo))));
|
|
71
70
|
}
|
|
72
|
-
__name(FeatherIconsDemo, "FeatherIconsDemo");
|
|
73
71
|
// Annotate the CommonJS export names for ESM import in node:
|
|
74
72
|
0 && (module.exports = {});
|
|
75
73
|
//# sourceMappingURL=FeatherIconsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/FeatherIconsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as FeatherIcons from '@tamagui/feather-icons'\nimport React from 'react'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst featherIcons = Object.keys(FeatherIcons).map((name) => ({\n key: name.toLowerCase(),\n name,\n Icon: FeatherIcons[name],\n}))\n\nexport default function FeatherIconsDemo() {\n const [searchRaw, setSearch] = useState('')\n const search = useDebounceValue(searchRaw, 400)\n\n const size = 100\n\n const iconsMemo = useMemo(() => {\n const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n return icons.map(({ Icon, name }) => {\n return (\n <YStack h={size} ai=\"center\" jc=\"center\" key={name}>\n <Icon size={size * 0.25} />\n <Spacer />\n <Paragraph size=\"$2\" o={0.5}>\n {name}\n </Paragraph>\n </YStack>\n )\n })\n }, [search])\n\n return (\n <YStack als=\"stretch\" p=\"$4\" pb=\"$0\" space>\n <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n <YStack h={420}>\n <ScrollView>\n <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n </ScrollView>\n </YStack>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,mBAAkB;AAClB,oBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;AAEzE,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,SAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa;AACrB,EAAE;AAEa,4BAA4B;AACzC,QAAM,CAAC,WAAW,aAAa,4BAAS,EAAE;AAC1C,QAAM,SAAS,qCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,2BAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,WAAW;AACnC,aACE,mDAAC;AAAA,QAAO,GAAG;AAAA,QAAM,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,KAAK;AAAA,SAC5C,mDAAC;AAAA,QAAK,MAAM,OAAO;AAAA,OAAM,GACzB,mDAAC,2BAAO,GACR,mDAAC;AAAA,QAAU,MAAK;AAAA,QAAK,GAAG;AAAA,SACrB,IACH,CACF;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAU,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KACxC,mDAAC;AAAA,IAAM,OAAO;AAAA,IAAW,cAAc;AAAA,IAAW,aAAY;AAAA,GAAY,GAE1E,mDAAC;AAAA,IAAO,GAAG;AAAA,KACT,mDAAC,sCACC,mDAAC;AAAA,IAAK,cAAc;AAAA,KAAO,SAAU,CACvC,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/FormsDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -44,7 +43,6 @@ function FormsDemo() {
|
|
|
44
43
|
numberOfLines: 4
|
|
45
44
|
}));
|
|
46
45
|
}
|
|
47
|
-
__name(FormsDemo, "FormsDemo");
|
|
48
46
|
function FormDemo(props) {
|
|
49
47
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
|
|
50
48
|
ai: "center",
|
|
@@ -58,7 +56,6 @@ function FormDemo(props) {
|
|
|
58
56
|
size: props.size
|
|
59
57
|
}, "Go"));
|
|
60
58
|
}
|
|
61
|
-
__name(FormDemo, "FormDemo");
|
|
62
59
|
// Annotate the CommonJS export names for ESM import in node:
|
|
63
60
|
0 && (module.exports = {});
|
|
64
61
|
//# sourceMappingURL=FormsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport default function FormsDemo() {\n return (\n <YStack w={200} mih={250} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n <FormDemo size=\"$2\" />\n <FormDemo size=\"$3\" />\n <FormDemo size=\"$4\" />\n <TextArea numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n return (\n <XStack ai=\"center\" space=\"$2\">\n <Input f={1} w=\"0%\" size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoE;AAErD,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,KAC9D,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,MAAK;AAAA,GAAK,GACpB,mDAAC;AAAA,IAAS,eAAe;AAAA,GAAG,CAC9B;AAEJ;AAEA,kBAAkB,OAA6B;AAC7C,SACE,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,KACxB,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,GAAE;AAAA,IAAK,MAAM,MAAM;AAAA,IAAM,aAAa,QAAQ,MAAM;AAAA,GAAW,GAC5E,mDAAC;AAAA,IAAO,MAAM,MAAM;AAAA,KAAM,IAAE,CAC9B;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/GroupDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -46,7 +45,6 @@ function GroupDemo() {
|
|
|
46
45
|
separator: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, null)
|
|
47
46
|
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Third")));
|
|
48
47
|
}
|
|
49
|
-
__name(GroupDemo, "GroupDemo");
|
|
50
48
|
// Annotate the CommonJS export names for ESM import in node:
|
|
51
49
|
0 && (module.exports = {});
|
|
52
50
|
//# sourceMappingURL=GroupDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Group, ListItem, Separator, YStack } from 'tamagui'\n\nexport default function GroupDemo() {\n return (\n <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n <Group size=\"$3\">\n <Button>First</Button>\n <Button>Second</Button>\n <Button>Third</Button>\n </Group>\n\n <Group size=\"$5\">\n <Button icon={Activity}>First</Button>\n <Button icon={Airplay}>Second</Button>\n </Group>\n\n <Group size=\"$3\" vertical separator={<Separator />}>\n <ListItem>First</ListItem>\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </Group>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA2D;AAE5C,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC,6BAAO,OAAK,GACb,mDAAC,6BAAO,QAAM,GACd,mDAAC,6BAAO,OAAK,CACf,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,KACV,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,GAEA,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC9C,mDAAC,+BAAS,OAAK,GACf,mDAAC,+BAAS,QAAM,GAChB,mDAAC,+BAAS,OAAK,CACjB,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/HeadingsDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -31,7 +30,6 @@ function HeadingsDemo() {
|
|
|
31
30
|
als: "center"
|
|
32
31
|
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H1, null, "Heading 1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H2, null, "Heading 2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H3, null, "Heading 3"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Heading 4"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Heading 5"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H6, null, "Heading 6"));
|
|
33
32
|
}
|
|
34
|
-
__name(HeadingsDemo, "HeadingsDemo");
|
|
35
33
|
// Annotate the CommonJS export names for ESM import in node:
|
|
36
34
|
0 && (module.exports = {});
|
|
37
35
|
//# sourceMappingURL=HeadingsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/HeadingsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport default function HeadingsDemo() {\n return (\n <YStack als=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+C;AAEhC,wBAAwB;AACrC,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,KACV,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,GACb,mDAAC,yBAAG,WAAS,CACf;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ImageDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -33,7 +32,6 @@ function ImageDemo() {
|
|
|
33
32
|
height: 300
|
|
34
33
|
});
|
|
35
34
|
}
|
|
36
|
-
__name(ImageDemo, "ImageDemo");
|
|
37
35
|
// Annotate the CommonJS export names for ESM import in node:
|
|
38
36
|
0 && (module.exports = {});
|
|
39
37
|
//# sourceMappingURL=ImageDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ImageDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Image } from 'tamagui'\n\nexport default function ImageDemo() {\n return <Image src=\"http://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAsB;AAEP,qBAAqB;AAClC,SAAO,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAiC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC9E;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/LabelDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -39,7 +38,6 @@ function LabelDemo() {
|
|
|
39
38
|
defaultValue: "Nate Wienert"
|
|
40
39
|
}));
|
|
41
40
|
}
|
|
42
|
-
__name(LabelDemo, "LabelDemo");
|
|
43
41
|
// Annotate the CommonJS export names for ESM import in node:
|
|
44
42
|
0 && (module.exports = {});
|
|
45
43
|
//# sourceMappingURL=LabelDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LabelDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Input, Label, XStack } from 'tamagui'\n\nexport default function LabelDemo() {\n return (\n <XStack miw={300} p=\"$3\" space=\"$4\">\n <Label htmlFor=\"name\">Name</Label>\n <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqC;AAEtB,qBAAqB;AAClC,SACE,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,KAC7B,mDAAC;AAAA,IAAM,SAAQ;AAAA,KAAO,MAAI,GAC1B,mDAAC;AAAA,IAAM,GAAG;AAAA,IAAG,IAAG;AAAA,IAAO,cAAa;AAAA,GAAe,CACrD;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -37,7 +36,6 @@ function LinearGradientDemo() {
|
|
|
37
36
|
end: [0, 0]
|
|
38
37
|
});
|
|
39
38
|
}
|
|
40
|
-
__name(LinearGradientDemo, "LinearGradientDemo");
|
|
41
39
|
// Annotate the CommonJS export names for ESM import in node:
|
|
42
40
|
0 && (module.exports = {});
|
|
43
41
|
//# sourceMappingURL=LinearGradientDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LinearGradientDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { LinearGradient } from 'tamagui'\n\nexport default function LinearGradientDemo() {\n return (\n <LinearGradient\n als=\"center\"\n width={100}\n height={100}\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n br=\"$4\"\n end={[0, 0]}\n />\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA+B;AAEhB,8BAA8B;AAC3C,SACE,mDAAC;AAAA,IACC,KAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ,CAAC,UAAU,WAAW;AAAA,IAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,IAAG;AAAA,IACH,KAAK,CAAC,GAAG,CAAC;AAAA,GACZ;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ListItemDemo.js
CHANGED
|
@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -34,7 +33,6 @@ function ListItemDemo() {
|
|
|
34
33
|
space: true
|
|
35
34
|
}, /* @__PURE__ */ import_react.default.createElement(ListItemDemo1, null), /* @__PURE__ */ import_react.default.createElement(ListItemDemo2, null));
|
|
36
35
|
}
|
|
37
|
-
__name(ListItemDemo, "ListItemDemo");
|
|
38
36
|
function ListItemDemo1() {
|
|
39
37
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
|
|
40
38
|
als: "center",
|
|
@@ -56,7 +54,6 @@ function ListItemDemo1() {
|
|
|
56
54
|
icon: import_feather_icons.Cloud
|
|
57
55
|
}, "Cloud"));
|
|
58
56
|
}
|
|
59
|
-
__name(ListItemDemo1, "ListItemDemo1");
|
|
60
57
|
function ListItemDemo2() {
|
|
61
58
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Group, {
|
|
62
59
|
als: "center",
|
|
@@ -79,7 +76,6 @@ function ListItemDemo2() {
|
|
|
79
76
|
iconAfter: import_feather_icons.ChevronRight
|
|
80
77
|
}));
|
|
81
78
|
}
|
|
82
|
-
__name(ListItemDemo2, "ListItemDemo2");
|
|
83
79
|
// Annotate the CommonJS export names for ESM import in node:
|
|
84
80
|
0 && (module.exports = {});
|
|
85
81
|
//# sourceMappingURL=ListItemDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Group, ListItem, Separator, XStack } from 'tamagui'\n\nexport default function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <Group als=\"center\" bordered w={240} size=\"$4\" vertical>\n <ListItem hoverTheme icon={Star}>\n Star\n </ListItem>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </Group>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <Group als=\"center\" bordered w={240} size=\"$6\" vertical separator={<Separator />}>\n <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n </Group>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,qBAAmD;AAEpC,wBAAwB;AACrC,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC,mBAAc,GACf,mDAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,KACrD,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAM,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,UAAQ;AAAA,IAAC,WAAW,mDAAC,8BAAU;AAAA,KAC5E,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|