@multiplatform.one/components 0.2.0

package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js

@@ -0,0 +1,16 @@
+import { SimpleTooltip } from "./index";
+import { Text, YStack } from "tamagui";
+const meta = {
+  title: "panels/SimpleTooltip",
+  component: SimpleTooltip,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleTooltip
+  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
+>Tool Tip</SimpleTooltip>;
+var SimpleTooltip_stories_default = meta;
+export {
+  SimpleTooltip_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleTooltip.stories.js.map

package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,cAAc;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,wBAErC,EAFC,KAGH,EAJC;AAAA,CAOJ,QAED,EAXC;AAaH,IAAO,gCAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.mjs

@@ -0,0 +1,16 @@
+import { SimpleTooltip } from "./index";
+import { Text, YStack } from "tamagui";
+const meta = {
+  title: "panels/SimpleTooltip",
+  component: SimpleTooltip,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleTooltip
+  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
+>Tool Tip</SimpleTooltip>;
+var SimpleTooltip_stories_default = meta;
+export {
+  SimpleTooltip_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleTooltip.stories.mjs.map

package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,cAAc;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,wBAErC,EAFC,KAGH,EAJC;AAAA,CAOJ,QAED,EAXC;AAaH,IAAO,gCAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleTooltip/index.js

@@ -0,0 +1,36 @@
+import { Paragraph, Theme, Tooltip } from "tamagui";
+function SimpleTooltip({
+  Icon,
+  children,
+  element,
+  themeStyle,
+  paragraphStyle,
+  ...props
+}) {
+  return <Tooltip {...props}>
+    <Tooltip.Trigger>{children}</Tooltip.Trigger>
+    <Theme inverse {...themeStyle}><Tooltip.Content
+      enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+      exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+      scale={1}
+      x={0}
+      y={0}
+      o={1}
+      animation={[
+        "quick",
+        {
+          opacity: {
+            overshootClamping: true
+          }
+        }
+      ]}
+    >
+      <Tooltip.Arrow />
+      <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+    </Tooltip.Content></Theme>
+  </Tooltip>;
+}
+export {
+  SimpleTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/panels/SimpleTooltip/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
+  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,SAAS,SAAS,EAA1B,QAAQ;AAAA,IACT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,SAAS,iBACtC,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EAzBC;AA2BL;",
+  "names": []
+}

package/dist/jsx/panels/SimpleTooltip/index.mjs

@@ -0,0 +1,36 @@
+import { Paragraph, Theme, Tooltip } from "tamagui";
+function SimpleTooltip({
+  Icon,
+  children,
+  element,
+  themeStyle,
+  paragraphStyle,
+  ...props
+}) {
+  return <Tooltip {...props}>
+    <Tooltip.Trigger>{children}</Tooltip.Trigger>
+    <Theme inverse {...themeStyle}><Tooltip.Content
+      enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+      exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+      scale={1}
+      x={0}
+      y={0}
+      o={1}
+      animation={[
+        "quick",
+        {
+          opacity: {
+            overshootClamping: true
+          }
+        }
+      ]}
+    >
+      <Tooltip.Arrow />
+      <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+    </Tooltip.Content></Theme>
+  </Tooltip>;
+}
+export {
+  SimpleTooltip
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/panels/SimpleTooltip/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
+  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,SAAS,SAAS,EAA1B,QAAQ;AAAA,IACT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,SAAS,iBACtC,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EAzBC;AA2BL;",
+  "names": []
+}

package/dist/jsx/panels/index.js

@@ -0,0 +1,6 @@
+export * from "./SimpleAlertDialog";
+export * from "./SimpleDialog";
+export * from "./SimplePopover";
+export * from "./SimpleSheet";
+export * from "./SimpleTooltip";
+//# sourceMappingURL=index.js.map

package/dist/jsx/panels/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/panels/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/panels/index.mjs

@@ -0,0 +1,6 @@
+export * from "./SimpleAlertDialog";
+export * from "./SimpleDialog";
+export * from "./SimplePopover";
+export * from "./SimpleSheet";
+export * from "./SimpleTooltip";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/panels/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/panels/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/providers/AnimationDriverTogglerContextProvider.js

@@ -0,0 +1,33 @@
+import { createAnimations as createAnimationsCss } from "@tamagui/animations-css";
+import { createContext, useMemo, useState } from "react";
+const ANIMATION_DRIVERS = ["css", "react-native"];
+const AnimationDriverTogglerContext = createContext(null);
+const AnimationDriverTogglerContextProvider = ({
+  children,
+  tamaguiConfig
+}) => {
+  const [driverName, setDriverName] = useState("react-native");
+  const nextDriver = () => {
+    setDriverName(ANIMATION_DRIVERS[(ANIMATION_DRIVERS.indexOf(driverName) + 1) % ANIMATION_DRIVERS.length]);
+  };
+  const driver = useMemo(() => {
+    if (driverName === "css")
+      return createAnimationsCss({
+        bouncy: "ease-in 200ms",
+        lazy: "ease-in 600ms",
+        slow: "ease-in 500ms",
+        quick: "ease-in 100ms",
+        tooltip: "ease-in 400ms"
+      });
+    return tamaguiConfig.animations;
+  }, [driverName]);
+  return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    <AnimationDriverTogglerContext.Provider value={{ driverName, nextDriver, setDriverName, driver }}>{children}</AnimationDriverTogglerContext.Provider>
+  );
+};
+export {
+  AnimationDriverTogglerContext,
+  AnimationDriverTogglerContextProvider
+};
+//# sourceMappingURL=AnimationDriverTogglerContextProvider.js.map

package/dist/jsx/providers/AnimationDriverTogglerContextProvider.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/providers/AnimationDriverTogglerContextProvider.tsx"],
+  "mappings": "AAIA,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,eAAe,SAAS,gBAAgB;AAEjD,MAAM,oBAAoB,CAAC,OAAO,cAAc;AAEzC,MAAM,gCAAgC,cAKnC,IAAI;AAMP,MAAM,wCAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AACF,MAAkD;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6C,cAAc;AAE/F,QAAM,aAAa,MAAM;AACvB,kBAAc,mBAAmB,kBAAkB,QAAQ,UAAU,IAAI,KAAK,kBAAkB,MAAM,CAAC;AAAA,EACzG;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC3B,QAAI,eAAe;AACjB,aAAO,oBAAoB;AAAA,QACzB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AACH,WAAO,cAAc;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf;AAAA;AAAA,IAEE,CAAC,8BAA8B,SAAS,OAAO,EAAE,YAAY,YAAY,eAAe,OAAO,IAC5F,SACH,EAFC,8BAA8B;AAAA;AAInC;",
+  "names": []
+}

package/dist/jsx/providers/AnimationDriverTogglerContextProvider.mjs

@@ -0,0 +1,33 @@
+import { createAnimations as createAnimationsCss } from "@tamagui/animations-css";
+import { createContext, useMemo, useState } from "react";
+const ANIMATION_DRIVERS = ["css", "react-native"];
+const AnimationDriverTogglerContext = createContext(null);
+const AnimationDriverTogglerContextProvider = ({
+  children,
+  tamaguiConfig
+}) => {
+  const [driverName, setDriverName] = useState("react-native");
+  const nextDriver = () => {
+    setDriverName(ANIMATION_DRIVERS[(ANIMATION_DRIVERS.indexOf(driverName) + 1) % ANIMATION_DRIVERS.length]);
+  };
+  const driver = useMemo(() => {
+    if (driverName === "css")
+      return createAnimationsCss({
+        bouncy: "ease-in 200ms",
+        lazy: "ease-in 600ms",
+        slow: "ease-in 500ms",
+        quick: "ease-in 100ms",
+        tooltip: "ease-in 400ms"
+      });
+    return tamaguiConfig.animations;
+  }, [driverName]);
+  return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    <AnimationDriverTogglerContext.Provider value={{ driverName, nextDriver, setDriverName, driver }}>{children}</AnimationDriverTogglerContext.Provider>
+  );
+};
+export {
+  AnimationDriverTogglerContext,
+  AnimationDriverTogglerContextProvider
+};
+//# sourceMappingURL=AnimationDriverTogglerContextProvider.mjs.map

package/dist/jsx/providers/AnimationDriverTogglerContextProvider.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/providers/AnimationDriverTogglerContextProvider.tsx"],
+  "mappings": "AAIA,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,eAAe,SAAS,gBAAgB;AAEjD,MAAM,oBAAoB,CAAC,OAAO,cAAc;AAEzC,MAAM,gCAAgC,cAKnC,IAAI;AAMP,MAAM,wCAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AACF,MAAkD;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6C,cAAc;AAE/F,QAAM,aAAa,MAAM;AACvB,kBAAc,mBAAmB,kBAAkB,QAAQ,UAAU,IAAI,KAAK,kBAAkB,MAAM,CAAC;AAAA,EACzG;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC3B,QAAI,eAAe;AACjB,aAAO,oBAAoB;AAAA,QACzB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AACH,WAAO,cAAc;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf;AAAA;AAAA,IAEE,CAAC,8BAA8B,SAAS,OAAO,EAAE,YAAY,YAAY,eAAe,OAAO,IAC5F,SACH,EAFC,8BAA8B;AAAA;AAInC;",
+  "names": []
+}

package/dist/jsx/table/Table/Table.stories.js

@@ -0,0 +1,57 @@
+import { Table } from "./index";
+var Table_stories_default = {
+  title: "table/Table",
+  component: Table,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <Table heading="Choose your journey">
+  <Table.Col>
+    <Table.Cell head />
+    <Table.Cell>1</Table.Cell>
+    <Table.Cell>2</Table.Cell>
+    <Table.Cell>3</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Strategy</Table.Cell>
+    <Table.Cell>Universal</Table.Cell>
+    <Table.Cell>Lean</Table.Cell>
+    <Table.Cell>Big-Budget</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Native + Web</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Code Sharing</Table.Cell>
+    <Table.Cell>
+      {">"}
+      {" 70%"}
+    </Table.Cell>
+    <Table.Cell>-</Table.Cell>
+    <Table.Cell>
+      {"<"}
+      {" 30%"}
+    </Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Feels native</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Ship Fast</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+  </Table.Col>
+</Table>;
+export {
+  Table_stories_default as default,
+  main
+};
+//# sourceMappingURL=Table.stories.js.map

package/dist/jsx/table/Table/Table.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/Table/Table.stories.tsx"],
+  "mappings": "AACA,SAAS,aAAa;AAEtB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,MAAM,QAAQ;AAAA,EACb,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK;AAAA,IACjB,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,QAAQ,EAAxB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,SAAS,EAApB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,IAAI,EAAf,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,UAAU,EAArB,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM;AAAA,OAAM;AAAA,OAAI;AAAA,IAAI,EAApB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM;AAAA,OAAM;AAAA,OAAI;AAAA,IAAI,EAApB,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,SAAS,EAAzB,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAMT,EArCC;",
+  "names": []
+}

package/dist/jsx/table/Table/Table.stories.mjs

@@ -0,0 +1,57 @@
+import { Table } from "./index";
+var Table_stories_default = {
+  title: "table/Table",
+  component: Table,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <Table heading="Choose your journey">
+  <Table.Col>
+    <Table.Cell head />
+    <Table.Cell>1</Table.Cell>
+    <Table.Cell>2</Table.Cell>
+    <Table.Cell>3</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Strategy</Table.Cell>
+    <Table.Cell>Universal</Table.Cell>
+    <Table.Cell>Lean</Table.Cell>
+    <Table.Cell>Big-Budget</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Native + Web</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Code Sharing</Table.Cell>
+    <Table.Cell>
+      {">"}
+      {" 70%"}
+    </Table.Cell>
+    <Table.Cell>-</Table.Cell>
+    <Table.Cell>
+      {"<"}
+      {" 30%"}
+    </Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Feels native</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+  </Table.Col>
+  <Table.Col>
+    <Table.Cell head>Ship Fast</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u2705"}</Table.Cell>
+    <Table.Cell>{"\u274C"}</Table.Cell>
+  </Table.Col>
+</Table>;
+export {
+  Table_stories_default as default,
+  main
+};
+//# sourceMappingURL=Table.stories.mjs.map

package/dist/jsx/table/Table/Table.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/Table/Table.stories.tsx"],
+  "mappings": "AACA,SAAS,aAAa;AAEtB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,MAAM,QAAQ;AAAA,EACb,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK;AAAA,IACjB,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,QAAQ,EAAxB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,SAAS,EAApB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,IAAI,EAAf,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,UAAU,EAArB,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM;AAAA,OAAM;AAAA,OAAI;AAAA,IAAI,EAApB,MAAM;AAAA,IACP,CAAC,MAAM,KAAK,CAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM;AAAA,OAAM;AAAA,OAAI;AAAA,IAAI,EAApB,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,YAAY,EAA5B,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAAA,EAMP,CAAC,MAAM;AAAA,IACL,CAAC,MAAM,KAAK,KAAK,SAAS,EAAzB,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,IACP,CAAC,MAAM,MAAK,SAAC,EAAZ,MAAM;AAAA,EACT,EALC,MAAM;AAMT,EArCC;",
+  "names": []
+}

package/dist/jsx/table/Table/index.js

@@ -0,0 +1,26 @@
+import { TableCell } from "../TableCell";
+import { TableCol } from "../TableCol";
+import { TableContext } from "../TableContext";
+import { styled, XStack, ThemeableStack, withStaticProperties } from "tamagui";
+const StyledTableFrame = styled(ThemeableStack, {
+  name: "Table",
+  context: TableContext,
+  bordered: true,
+  br: "$4",
+  ov: "hidden",
+  my: "$4"
+});
+const TableFrame = ({ heading, children, ...props }) => {
+  return <StyledTableFrame overflow="scroll" {...props}>
+    {!!heading && <TableCell size="$4" bc="$color1" fow="500" color="$color9">{heading}</TableCell>}
+    <XStack minWidth="100%" ai="stretch">{children}</XStack>
+  </StyledTableFrame>;
+};
+const Table = withStaticProperties(TableFrame, {
+  Cell: TableCell,
+  Col: TableCol
+});
+export {
+  Table
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/table/Table/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/Table/index.tsx"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAED,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACtD,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "names": []
+}

package/dist/jsx/table/Table/index.mjs

@@ -0,0 +1,26 @@
+import { TableCell } from "../TableCell";
+import { TableCol } from "../TableCol";
+import { TableContext } from "../TableContext";
+import { styled, XStack, ThemeableStack, withStaticProperties } from "tamagui";
+const StyledTableFrame = styled(ThemeableStack, {
+  name: "Table",
+  context: TableContext,
+  bordered: true,
+  br: "$4",
+  ov: "hidden",
+  my: "$4"
+});
+const TableFrame = ({ heading, children, ...props }) => {
+  return <StyledTableFrame overflow="scroll" {...props}>
+    {!!heading && <TableCell size="$4" bc="$color1" fow="500" color="$color9">{heading}</TableCell>}
+    <XStack minWidth="100%" ai="stretch">{children}</XStack>
+  </StyledTableFrame>;
+};
+const Table = withStaticProperties(TableFrame, {
+  Cell: TableCell,
+  Col: TableCol
+});
+export {
+  Table
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/table/Table/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/Table/index.tsx"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAED,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACtD,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableCell/index.js

@@ -0,0 +1,35 @@
+import { TableContext } from "../TableContext";
+import { styled, Paragraph } from "tamagui";
+const TableCell = styled(Paragraph, {
+  name: "TableCell",
+  context: TableContext,
+  bbw: 1,
+  bbc: "$borderColor",
+  fd: "row",
+  ai: "center",
+  pos: "relative",
+  f: 1,
+  jc: "center",
+  ta: "center",
+  h: "$4",
+  p: "$2",
+  px: "$3",
+  size: "$5",
+  ellipse: true,
+  variants: {
+    head: {
+      true: {
+        bc: "$color1"
+      }
+    },
+    highlight: {
+      true: {
+        bc: "$yellow2"
+      }
+    }
+  }
+});
+export {
+  TableCell
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/table/TableCell/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/TableCell/index.ts"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,iBAAiB;AAE3B,MAAM,YAAY,OAAO,WAAW;AAAA,EACzC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableCell/index.mjs

@@ -0,0 +1,35 @@
+import { TableContext } from "../TableContext";
+import { styled, Paragraph } from "tamagui";
+const TableCell = styled(Paragraph, {
+  name: "TableCell",
+  context: TableContext,
+  bbw: 1,
+  bbc: "$borderColor",
+  fd: "row",
+  ai: "center",
+  pos: "relative",
+  f: 1,
+  jc: "center",
+  ta: "center",
+  h: "$4",
+  p: "$2",
+  px: "$3",
+  size: "$5",
+  ellipse: true,
+  variants: {
+    head: {
+      true: {
+        bc: "$color1"
+      }
+    },
+    highlight: {
+      true: {
+        bc: "$yellow2"
+      }
+    }
+  }
+});
+export {
+  TableCell
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/table/TableCell/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/TableCell/index.ts"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,iBAAiB;AAE3B,MAAM,YAAY,OAAO,WAAW;AAAA,EACzC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableCol/index.js

@@ -0,0 +1,15 @@
+import { TableContext } from "../TableContext";
+import { styled, ThemeableStack } from "tamagui";
+const TableCol = styled(ThemeableStack, {
+  name: "TableCol",
+  context: TableContext,
+  brw: 1,
+  brc: "$borderColor",
+  f: 1,
+  mr: -1,
+  fd: "column"
+});
+export {
+  TableCol
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/table/TableCol/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/TableCol/index.ts"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,sBAAsB;AAEhC,MAAM,WAAW,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableCol/index.mjs

@@ -0,0 +1,15 @@
+import { TableContext } from "../TableContext";
+import { styled, ThemeableStack } from "tamagui";
+const TableCol = styled(ThemeableStack, {
+  name: "TableCol",
+  context: TableContext,
+  brw: 1,
+  brc: "$borderColor",
+  f: 1,
+  mr: -1,
+  fd: "column"
+});
+export {
+  TableCol
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/table/TableCol/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/table/TableCol/index.ts"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,sBAAsB;AAEhC,MAAM,WAAW,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableContext.js

@@ -0,0 +1,6 @@
+import { createStyledContext } from "tamagui";
+const TableContext = createStyledContext({});
+export {
+  TableContext
+};
+//# sourceMappingURL=TableContext.js.map

package/dist/jsx/table/TableContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/table/TableContext.ts"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAE7B,MAAM,eAAe,oBAAoB,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/table/TableContext.mjs

@@ -0,0 +1,6 @@
+import { createStyledContext } from "tamagui";
+const TableContext = createStyledContext({});
+export {
+  TableContext
+};
+//# sourceMappingURL=TableContext.mjs.map

package/dist/jsx/table/TableContext.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/table/TableContext.ts"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAE7B,MAAM,eAAe,oBAAoB,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/table/index.js

@@ -0,0 +1,4 @@
+export * from "./Table";
+export * from "./TableCell";
+export * from "./TableCol";
+//# sourceMappingURL=index.js.map

package/dist/jsx/table/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/table/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}