@multiplatform.one/components 0.2.2 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/cjs/forms/FormCheckBox/FormCheckBox.stories.js +2 -1
  2. package/dist/cjs/forms/FormCheckBox/FormCheckBox.stories.js.map +1 -1
  3. package/dist/cjs/forms/FormCheckBox/index.js +1 -1
  4. package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js +1 -1
  5. package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js.map +1 -1
  6. package/dist/cjs/layouts/Debug/index.js +2 -4
  7. package/dist/cjs/layouts/Debug/index.js.map +2 -2
  8. package/dist/cjs/mdx/UL/UL.stories.js +2 -1
  9. package/dist/cjs/mdx/UL/UL.stories.js.map +1 -1
  10. package/dist/cjs/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js +3 -2
  11. package/dist/cjs/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +1 -1
  12. package/dist/cjs/panels/SimpleAlertDialog/index.js +39 -22
  13. package/dist/cjs/panels/SimpleAlertDialog/index.js.map +1 -1
  14. package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js +3 -3
  15. package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
  16. package/dist/cjs/panels/SimpleDialog/index.js.map +1 -1
  17. package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js +8 -1
  18. package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
  19. package/dist/cjs/panels/SimplePopover/index.js +2 -1
  20. package/dist/cjs/panels/SimplePopover/index.js.map +1 -1
  21. package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js +1 -1
  22. package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
  23. package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js +2 -1
  24. package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js.map +1 -1
  25. package/dist/esm/forms/FormCheckBox/index.js +1 -1
  26. package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.js +1 -1
  27. package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.js.map +1 -1
  28. package/dist/esm/layouts/Debug/index.js +1 -3
  29. package/dist/esm/layouts/Debug/index.js.map +1 -1
  30. package/dist/esm/mdx/UL/UL.stories.js +2 -1
  31. package/dist/esm/mdx/UL/UL.stories.js.map +1 -1
  32. package/dist/esm/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js +4 -3
  33. package/dist/esm/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +1 -1
  34. package/dist/esm/panels/SimpleAlertDialog/index.js +39 -22
  35. package/dist/esm/panels/SimpleAlertDialog/index.js.map +1 -1
  36. package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js +4 -4
  37. package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
  38. package/dist/esm/panels/SimpleDialog/index.js.map +1 -1
  39. package/dist/esm/panels/SimplePopover/SimplePopover.stories.js +9 -2
  40. package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
  41. package/dist/esm/panels/SimplePopover/index.js +2 -1
  42. package/dist/esm/panels/SimplePopover/index.js.map +1 -1
  43. package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js +1 -1
  44. package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
  45. package/dist/jsx/forms/FormCheckBox/FormCheckBox.stories.js +2 -1
  46. package/dist/jsx/forms/FormCheckBox/FormCheckBox.stories.js.map +1 -1
  47. package/dist/jsx/forms/FormCheckBox/FormCheckBox.stories.mjs +2 -1
  48. package/dist/jsx/forms/FormCheckBox/FormCheckBox.stories.mjs.map +1 -1
  49. package/dist/jsx/forms/FormCheckBox/index.js +1 -1
  50. package/dist/jsx/forms/FormCheckBox/index.mjs +1 -1
  51. package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.js +1 -1
  52. package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.js.map +1 -1
  53. package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.mjs +1 -1
  54. package/dist/jsx/forms/FormSubmitButton/FormSubmitButton.stories.mjs.map +1 -1
  55. package/dist/jsx/layouts/Debug/index.js +1 -3
  56. package/dist/jsx/layouts/Debug/index.js.map +1 -1
  57. package/dist/jsx/layouts/Debug/index.mjs +1 -3
  58. package/dist/jsx/layouts/Debug/index.mjs.map +1 -1
  59. package/dist/jsx/mdx/UL/UL.stories.js +2 -1
  60. package/dist/jsx/mdx/UL/UL.stories.js.map +1 -1
  61. package/dist/jsx/mdx/UL/UL.stories.mjs +2 -1
  62. package/dist/jsx/mdx/UL/UL.stories.mjs.map +1 -1
  63. package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js +4 -3
  64. package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +1 -1
  65. package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.mjs +4 -3
  66. package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.mjs.map +1 -1
  67. package/dist/jsx/panels/SimpleAlertDialog/index.js +23 -6
  68. package/dist/jsx/panels/SimpleAlertDialog/index.js.map +1 -1
  69. package/dist/jsx/panels/SimpleAlertDialog/index.mjs +23 -6
  70. package/dist/jsx/panels/SimpleAlertDialog/index.mjs.map +1 -1
  71. package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js +8 -4
  72. package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
  73. package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs +8 -4
  74. package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs.map +1 -1
  75. package/dist/jsx/panels/SimpleDialog/index.js.map +1 -1
  76. package/dist/jsx/panels/SimpleDialog/index.mjs.map +1 -1
  77. package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js +5 -2
  78. package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
  79. package/dist/jsx/panels/SimplePopover/SimplePopover.stories.mjs +5 -2
  80. package/dist/jsx/panels/SimplePopover/SimplePopover.stories.mjs.map +1 -1
  81. package/dist/jsx/panels/SimplePopover/index.js +2 -4
  82. package/dist/jsx/panels/SimplePopover/index.js.map +1 -1
  83. package/dist/jsx/panels/SimplePopover/index.mjs +2 -4
  84. package/dist/jsx/panels/SimplePopover/index.mjs.map +1 -1
  85. package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js +1 -1
  86. package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
  87. package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.mjs +1 -1
  88. package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.mjs.map +1 -1
  89. package/package.json +8 -13
  90. package/src/forms/FormCheckBox/FormCheckBox.stories.tsx +2 -1
  91. package/src/forms/FormCheckBox/index.tsx +1 -1
  92. package/src/forms/FormSubmitButton/FormSubmitButton.stories.tsx +1 -1
  93. package/src/layouts/Debug/index.tsx +1 -3
  94. package/src/mdx/UL/UL.stories.tsx +6 -1
  95. package/src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx +19 -4
  96. package/src/panels/SimpleAlertDialog/index.tsx +27 -6
  97. package/src/panels/SimpleDialog/SimpleDialog.stories.tsx +11 -6
  98. package/src/panels/SimpleDialog/index.tsx +5 -2
  99. package/src/panels/SimplePopover/SimplePopover.stories.tsx +10 -4
  100. package/src/panels/SimplePopover/index.tsx +7 -4
  101. package/src/panels/SimpleTooltip/SimpleTooltip.stories.tsx +1 -1
  102. package/types/forms/FormCheckBox/FormCheckBox.stories.d.ts.map +1 -1
  103. package/types/layouts/Debug/index.d.ts.map +1 -1
  104. package/types/mdx/UL/UL.stories.d.ts.map +1 -1
  105. package/types/panels/SimpleAlertDialog/SImpleAlertDialog.stories.d.ts.map +1 -1
  106. package/types/panels/SimpleAlertDialog/index.d.ts +6 -10
  107. package/types/panels/SimpleAlertDialog/index.d.ts.map +1 -1
  108. package/types/panels/SimpleDialog/SimpleDialog.stories.d.ts.map +1 -1
  109. package/types/panels/SimpleDialog/index.d.ts +2 -7
  110. package/types/panels/SimpleDialog/index.d.ts.map +1 -1
  111. package/types/panels/SimplePopover/SimplePopover.stories.d.ts.map +1 -1
  112. package/types/panels/SimplePopover/index.d.ts +2 -5
  113. package/types/panels/SimplePopover/index.d.ts.map +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
4
- "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA,YACI;AAAA;AAAA,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
4
+ "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAWX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA,YACI;AAAA;AAAA,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
5
5
  "names": []
6
6
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
4
- "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA,YACI;AAAA;AAAA,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
4
+ "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAWX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA,YACI;AAAA;AAAA,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
5
5
  "names": []
6
6
  }
@@ -1,11 +1,14 @@
1
1
  import { SimplePopover } from "./index";
2
- import { Text } from "tamagui";
2
+ import { Text, YStack, Button } from "tamagui";
3
3
  const meta = {
4
4
  title: "panels/SimplePopover",
5
5
  component: SimplePopover,
6
6
  parameters: { status: { type: "beta" } }
7
7
  };
8
- const main = () => <SimplePopover element={<div>Content from popover</div>}><Text>Click here to check popover</Text></SimplePopover>;
8
+ const main = () => <SimplePopover
9
+ element={<YStack><Text>popover content</Text></YStack>}
10
+ arrowStyle={{ bc: "$backgroundStrong" }}
11
+ ><Button>Click here to get a Popover</Button></SimplePopover>;
9
12
  var SimplePopover_stories_default = meta;
10
13
  export {
11
14
  SimplePopover_stories_default as default,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
4
- "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,IAAI,oBAAoB,EAAxB,MACvB,CAAC,KAAK,2BAA2B,EAAhC,KACH,EAFC;AAIH,IAAO,gCAAQ;",
4
+ "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,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,eAAe,EAApB,KACH,EAFC;AAAA,EAIH,YAAY,EAAE,IAAI,oBAAoB;AAAA,CAEtC,CAAC,OAAO,2BAA2B,EAAlC,OACH,EATC;AAWH,IAAO,gCAAQ;",
5
5
  "names": []
6
6
  }
@@ -1,11 +1,14 @@
1
1
  import { SimplePopover } from "./index";
2
- import { Text } from "tamagui";
2
+ import { Text, YStack, Button } from "tamagui";
3
3
  const meta = {
4
4
  title: "panels/SimplePopover",
5
5
  component: SimplePopover,
6
6
  parameters: { status: { type: "beta" } }
7
7
  };
8
- const main = () => <SimplePopover element={<div>Content from popover</div>}><Text>Click here to check popover</Text></SimplePopover>;
8
+ const main = () => <SimplePopover
9
+ element={<YStack><Text>popover content</Text></YStack>}
10
+ arrowStyle={{ bc: "$backgroundStrong" }}
11
+ ><Button>Click here to get a Popover</Button></SimplePopover>;
9
12
  var SimplePopover_stories_default = meta;
10
13
  export {
11
14
  SimplePopover_stories_default as default,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
4
- "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,IAAI,oBAAoB,EAAxB,MACvB,CAAC,KAAK,2BAA2B,EAAhC,KACH,EAFC;AAIH,IAAO,gCAAQ;",
4
+ "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,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,eAAe,EAApB,KACH,EAFC;AAAA,EAIH,YAAY,EAAE,IAAI,oBAAoB;AAAA,CAEtC,CAAC,OAAO,2BAA2B,EAAlC,OACH,EATC;AAWH,IAAO,gCAAQ;",
5
5
  "names": []
6
6
  }
@@ -7,7 +7,7 @@ function SimplePopover({
7
7
  arrowStyle,
8
8
  ...props
9
9
  }) {
10
- return <Popover size="$5" {...props}>
10
+ return <Popover size="$5" allowFlip {...props}>
11
11
  <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
12
12
  <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
13
13
  <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
@@ -32,9 +32,7 @@ function SimplePopover({
32
32
  elevate
33
33
  {...contentStyle}
34
34
  >
35
- {
36
- /* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */
37
- }
35
+ <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
38
36
  <YStack cursor="pointer">{element}</YStack>
39
37
  </Popover.Content>
40
38
  </Popover>;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
4
- "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAOhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA;AAAA;AAAA;AAAA,MAGJ,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
4
+ "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAUhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,mBAAmB,YAAY;AAAA,MACzD,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
5
5
  "names": []
6
6
  }
@@ -7,7 +7,7 @@ function SimplePopover({
7
7
  arrowStyle,
8
8
  ...props
9
9
  }) {
10
- return <Popover size="$5" {...props}>
10
+ return <Popover size="$5" allowFlip {...props}>
11
11
  <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
12
12
  <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
13
13
  <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
@@ -32,9 +32,7 @@ function SimplePopover({
32
32
  elevate
33
33
  {...contentStyle}
34
34
  >
35
- {
36
- /* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */
37
- }
35
+ <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
38
36
  <YStack cursor="pointer">{element}</YStack>
39
37
  </Popover.Content>
40
38
  </Popover>;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
4
- "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAOhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA;AAAA;AAAA;AAAA,MAGJ,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
4
+ "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAUhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,mBAAmB,YAAY;AAAA,MACzD,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
5
5
  "names": []
6
6
  }
@@ -7,7 +7,7 @@ const meta = {
7
7
  };
8
8
  const main = () => <SimpleTooltip
9
9
  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
10
- >Tool Tip</SimpleTooltip>;
10
+ ><Text>Tool Tip</Text></SimpleTooltip>;
11
11
  var SimpleTooltip_stories_default = meta;
12
12
  export {
13
13
  SimpleTooltip_stories_default as default,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
4
- "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;",
4
+ "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,CAQH,CAAC,KAAK,QAAQ,EAAb,KACH,EAXC;AAaH,IAAO,gCAAQ;",
5
5
  "names": []
6
6
  }
@@ -7,7 +7,7 @@ const meta = {
7
7
  };
8
8
  const main = () => <SimpleTooltip
9
9
  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
10
- >Tool Tip</SimpleTooltip>;
10
+ ><Text>Tool Tip</Text></SimpleTooltip>;
11
11
  var SimpleTooltip_stories_default = meta;
12
12
  export {
13
13
  SimpleTooltip_stories_default as default,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
4
- "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;",
4
+ "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,CAQH,CAAC,KAAK,QAAQ,EAAb,KACH,EAXC;AAaH,IAAO,gCAAQ;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@multiplatform.one/components",
3
- "version": "0.2.2",
3
+ "version": "0.2.4",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -17,11 +17,6 @@
17
17
  "require": "./dist/cjs/index.js",
18
18
  "types": "./types/index.d.ts"
19
19
  },
20
- "./src/tamagui.config": {
21
- "import": "./dist/esm/tamagui.config.js",
22
- "require": "./dist/cjs/tamagui.config.js",
23
- "types": "./types/tamagui.config.d.ts"
24
- },
25
20
  "./tamagui": {
26
21
  "import": "./dist/esm/tamagui",
27
22
  "require": "./dist/cjs/tamagui",
@@ -45,11 +40,11 @@
45
40
  "dependencies": {
46
41
  "@mdx-js/mdx": "^2.3.0",
47
42
  "@mdx-js/react": "^2.3.0",
48
- "@tamagui/font-inter": "^1.29.3",
49
- "@tamagui/logo": "^1.29.3",
50
- "@tamagui/react-native-media-driver": "^1.29.3",
51
- "@tamagui/shorthands": "^1.29.3",
52
- "@tamagui/themes": "^1.29.3",
43
+ "@tamagui/font-inter": "^1.29.4",
44
+ "@tamagui/logo": "^1.29.4",
45
+ "@tamagui/react-native-media-driver": "^1.29.4",
46
+ "@tamagui/shorthands": "^1.29.4",
47
+ "@tamagui/themes": "^1.29.4",
53
48
  "expo-asset": "^8.9.2",
54
49
  "fast-xml-parser": "^4.2.2",
55
50
  "gray-matter": "^4.0.3",
@@ -64,7 +59,7 @@
64
59
  "rehype-slug": "^5.1.0",
65
60
  "remark-frontmatter": "^4.0.1",
66
61
  "remark-mdx-frontmatter": "^3.0.0",
67
- "tamagui": "^1.29.3",
62
+ "tamagui": "^1.29.4",
68
63
  "unist-util-visit": "^4.1.2"
69
64
  },
70
65
  "peerDependencies": {
@@ -73,7 +68,7 @@
73
68
  "solito": "^3.2.6"
74
69
  },
75
70
  "devDependencies": {
76
- "@tamagui/build": "^1.29.3",
71
+ "@tamagui/build": "^1.29.4",
77
72
  "moti": "^0.25.3",
78
73
  "react-native-reanimated": "2.14.4",
79
74
  "solito": "^3.2.6",
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FormCheckBox } from './index';
3
+ import { Text } from 'tamagui';
3
4
 
4
5
  export default {
5
6
  title: 'forms/FormCheckBox',
@@ -9,6 +10,6 @@ export default {
9
10
 
10
11
  export const main = () => (
11
12
  <FormCheckBox name="checkbox" label="checkbox" checkBoxElement={{ label: 'checkbox', value: 'checkbox' }}>
12
- Hello this is from FormCheckBox
13
+ <Text>Hello this is from FormCheckBox</Text>
13
14
  </FormCheckBox>
14
15
  );
@@ -57,7 +57,7 @@ export function FormCheckBox({
57
57
  <XStack
58
58
  space={CheckBoxElementSizing?.space || '$3'}
59
59
  height={CheckBoxElementSizing?.height}
60
- width={CheckBoxElementSizing?.width || '300'}
60
+ width={CheckBoxElementSizing?.width || 300}
61
61
  >
62
62
  <Checkbox
63
63
  id={id}
@@ -12,6 +12,6 @@ export default {
12
12
 
13
13
  export const main = () => (
14
14
  <SimpleForm>
15
- <FormSubmitButton onSubmit={() => console.log('Form submitted')}>Click here</FormSubmitButton>
15
+ <FormSubmitButton>Click here</FormSubmitButton>
16
16
  </SimpleForm>
17
17
  );
@@ -4,9 +4,7 @@ import type { ThemeName } from 'tamagui';
4
4
  import type { WithLayout } from 'multiplatform.one';
5
5
  import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from 'tamagui';
6
6
  import { SelectSimple } from '../../forms/SelectSimple';
7
- import { createWithLayout } from 'multiplatform.one';
8
- import { useLocale } from 'multiplatform.one';
9
- import { useSupportedLocales } from 'multiplatform.one';
7
+ import { createWithLayout, useLocale, useSupportedLocales } from 'multiplatform.one';
10
8
  // @ts-ignore
11
9
  import { config } from 'app/config';
12
10
  // @ts-ignore
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { Text } from 'tamagui';
2
3
  import { UL } from './index';
3
4
 
4
5
  export default {
@@ -7,4 +8,8 @@ export default {
7
8
  parameters: { status: { type: 'beta' } },
8
9
  };
9
10
 
10
- export const main = () => <UL />;
11
+ export const main = () => (
12
+ <UL>
13
+ <Text>Hello world</Text>
14
+ </UL>
15
+ );
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { SimpleAlertDialog } from './index';
3
3
  import type { Meta } from '@storybook/react';
4
- import { Text } from 'tamagui';
4
+ import { Button } from 'tamagui';
5
5
 
6
6
  const meta: Meta = {
7
7
  title: 'panels/SimpleAlertDialog',
@@ -9,15 +9,30 @@ const meta: Meta = {
9
9
  parameters: { status: { type: 'beta' } },
10
10
  };
11
11
 
12
+ // uncomment this to control the dialog using the open prop
13
+
14
+ // export const main = () => {
15
+ // return (
16
+ // <SimpleAlertDialog
17
+ // title="Are you sure?"
18
+ // description="This action cannot be undone"
19
+ // cancel="Cancel"
20
+ // accept="Delete"
21
+ // open={true}
22
+ // onAccept={() => alert('Accepted')}
23
+ // />
24
+ // );
25
+ // };
26
+
12
27
  export const main = () => (
13
28
  <SimpleAlertDialog
14
29
  title="Are you sure?"
15
30
  description="This action cannot be undone"
16
31
  cancel="Cancel"
17
- accept="Delete"
18
- // asChild={true}
32
+ accept="Yes, Delete"
33
+ onAccept={() => alert('accepted')}
19
34
  >
20
- <Text>Click here</Text>
35
+ <Button>Get Alert</Button>
21
36
  </SimpleAlertDialog>
22
37
  );
23
38
  export default meta;
@@ -10,11 +10,19 @@ import type {
10
10
  } from 'tamagui';
11
11
 
12
12
  export type AlterDialogSimpleProps = AlertDialogTriggerProps &
13
- AlertDialogProps & { placeholder?: ReactNode } & { title?: ReactNode } & { cancel?: string } & { accept?: string } & {
13
+ AlertDialogProps & {
14
+ accept?: string;
15
+ placeholder?: ReactNode;
16
+ cancel?: string;
17
+ title?: ReactNode;
14
18
  description: ReactNode;
15
- } & { titleStyle?: AlertDialogTitleProps } & {
19
+ open?: boolean;
20
+ titleStyle?: AlertDialogTitleProps;
16
21
  descriptionStyle?: AlertDialogDescriptionProps;
17
- } & { contentStyle?: AlertDialogContentProps };
22
+ contentStyle?: AlertDialogContentProps;
23
+ onOpenChange?: (open: boolean) => void;
24
+ onAccept?: () => void;
25
+ };
18
26
 
19
27
  export function SimpleAlertDialog({
20
28
  children,
@@ -25,11 +33,22 @@ export function SimpleAlertDialog({
25
33
  titleStyle,
26
34
  contentStyle,
27
35
  descriptionStyle,
36
+ open,
28
37
  ...triggerProps
29
38
  }: AlterDialogSimpleProps) {
39
+ const [isOpen, setIsOpen] = React.useState(open);
40
+
30
41
  return (
31
- <AlertDialog native {...triggerProps}>
32
- <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger>
42
+ <AlertDialog
43
+ native
44
+ {...triggerProps}
45
+ open={isOpen}
46
+ onOpenChange={(e) => {
47
+ if (triggerProps.onOpenChange) triggerProps.onOpenChange(e);
48
+ else setIsOpen(!isOpen);
49
+ }}
50
+ >
51
+ {typeof open === 'undefined' ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
33
52
  <AlertDialog.Portal>
34
53
  <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
35
54
  <AlertDialog.Content
@@ -53,11 +72,13 @@ export function SimpleAlertDialog({
53
72
  {...contentStyle}
54
73
  >
55
74
  <YStack space>
75
+ {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
76
+ {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
56
77
  <XStack space="$3" jc="flex-end">
57
78
  <AlertDialog.Cancel asChild>
58
79
  <Button>{cancel || 'cancel'}</Button>
59
80
  </AlertDialog.Cancel>
60
- <AlertDialog.Action asChild>
81
+ <AlertDialog.Action asChild onPress={triggerProps.onAccept}>
61
82
  <Button theme="active">{accept || 'accept'}</Button>
62
83
  </AlertDialog.Action>
63
84
  </XStack>
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { SimpleDialog } from './index';
3
2
  import type { Meta } from '@storybook/react';
4
- import { Text, YStack, Button } from 'tamagui';
3
+ import { SimpleDialog } from './index';
4
+ import { YStack, Button, Input, Dialog } from 'tamagui';
5
5
 
6
6
  const meta: Meta = {
7
7
  title: 'panels/SimpleDialog',
@@ -12,13 +12,18 @@ const meta: Meta = {
12
12
  export const main = () => (
13
13
  <SimpleDialog
14
14
  element={
15
- <YStack>
16
- <Text>Check</Text>
15
+ <YStack space>
16
+ <Input placeholder="Enter your first name" />
17
+ <Input placeholder="Enter your last name" />
18
+ <Dialog.Close>
19
+ <Button>Submit</Button>
20
+ </Dialog.Close>
17
21
  </YStack>
18
22
  }
19
- title="Check"
23
+ title="Fill the details"
20
24
  >
21
- <Button>open DialogBox</Button>
25
+ <Button>open Dialog</Button>
22
26
  </SimpleDialog>
23
27
  );
28
+
24
29
  export default meta;
@@ -3,10 +3,13 @@ import type { DialogProps, DialogTitleProps, DialogDescriptionProps, DialogConte
3
3
  import { Adapt, Button, Dialog, Sheet, Unspaced } from 'tamagui';
4
4
  import { X } from '@tamagui/lucide-icons';
5
5
 
6
- type SimpleDialogProps = DialogProps & { element: React.ReactNode } & { title: React.ReactNode } & {
6
+ type SimpleDialogProps = DialogProps & {
7
7
  description?: React.ReactNode;
8
- } & { titleStyle?: DialogTitleProps } & { descriptionStyle?: DialogDescriptionProps } & {
8
+ titleStyle?: DialogTitleProps;
9
+ descriptionStyle?: DialogDescriptionProps;
9
10
  contentStyle?: DialogContentProps;
11
+ title?: React.ReactNode;
12
+ element: React.ReactNode;
10
13
  };
11
14
 
12
15
  export function SimpleDialog({
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { SimplePopover } from './index';
3
- import { Text } from 'tamagui';
3
+ import { Text, YStack, Button } from 'tamagui';
4
4
  import type { Meta } from '@storybook/react';
5
5
 
6
6
  const meta: Meta = {
@@ -9,10 +9,16 @@ const meta: Meta = {
9
9
  parameters: { status: { type: 'beta' } },
10
10
  };
11
11
 
12
- // eslint-disable-next-line spellcheck/spell-checker
13
12
  export const main = () => (
14
- <SimplePopover element={<div>Content from popover</div>}>
15
- <Text>Click here to check popover</Text>
13
+ <SimplePopover
14
+ element={
15
+ <YStack>
16
+ <Text>popover content</Text>
17
+ </YStack>
18
+ }
19
+ arrowStyle={{ bc: '$backgroundStrong' }}
20
+ >
21
+ <Button>Click here to get a Popover</Button>
16
22
  </SimplePopover>
17
23
  );
18
24
  export default meta;
@@ -2,9 +2,12 @@ import type { PopoverProps, PopoverContentProps, AdaptProps, PopoverArrowProps }
2
2
  import { Adapt, Popover, YStack } from 'tamagui';
3
3
  import React from 'react';
4
4
 
5
- type SimplePopoverProps = PopoverProps & { element: React.ReactNode } & { contentStyle?: PopoverContentProps } & {
5
+ type SimplePopoverProps = PopoverProps & {
6
6
  adaptStyle?: AdaptProps;
7
- } & { arrowStyle?: PopoverArrowProps };
7
+ contentStyle?: PopoverContentProps;
8
+ arrowStyle?: PopoverArrowProps;
9
+ element: React.ReactNode;
10
+ };
8
11
 
9
12
  export function SimplePopover({
10
13
  children,
@@ -15,7 +18,7 @@ export function SimplePopover({
15
18
  ...props
16
19
  }: SimplePopoverProps) {
17
20
  return (
18
- <Popover size="$5" {...props}>
21
+ <Popover size="$5" allowFlip {...props}>
19
22
  <Popover.Trigger cursor="pointer" asChild>
20
23
  {children}
21
24
  </Popover.Trigger>
@@ -46,7 +49,7 @@ export function SimplePopover({
46
49
  elevate
47
50
  {...contentStyle}
48
51
  >
49
- {/* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */}
52
+ <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
50
53
  <YStack cursor="pointer">{element}</YStack>
51
54
  </Popover.Content>
52
55
  </Popover>
@@ -20,7 +20,7 @@ export const main = () => (
20
20
  }
21
21
  // themeStyle={{ color: 'red' }}
22
22
  >
23
- Tool Tip
23
+ <Text>Tool Tip</Text>
24
24
  </SimpleTooltip>
25
25
  );
26
26
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"FormCheckBox.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAEvC,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAIhB,CAAC"}
1
+ {"version":3,"file":"FormCheckBox.stories.d.ts","sourceRoot":"","sources":["../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAGvC,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAIhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Debug/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAapD,MAAM,WAAW,gBAAgB,CAAC,cAAc;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,cAAc,EAAE,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,aAAa,GACd,EAAE,gBAAgB,CAAC,cAAc,CAAC,qBA2GlC;yBAjHe,WAAW;;;;;;AAwH3B,wBAAgB,qBAAqB,CAAC,cAAc,EAClD,YAAY,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAChC,gBAAgB,GAAE,qBAAqB,CAAC,cAAc,CAAM,uCAG7D;AAED,eAAO,MAAM,eAAe,qCAA0B,CAAC;AAEvD,UAAU,qBAAqB,CAAC,cAAc;IAC5C,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Debug/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,gBAAgB,CAAC,cAAc;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,cAAc,EAAE,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,cAAc,EACd,aAAa,GACd,EAAE,gBAAgB,CAAC,cAAc,CAAC,qBA2GlC;yBAjHe,WAAW;;;;;;AAwH3B,wBAAgB,qBAAqB,CAAC,cAAc,EAClD,YAAY,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EAChC,gBAAgB,GAAE,qBAAqB,CAAC,cAAc,CAAM,uCAG7D;AAED,eAAO,MAAM,eAAe,qCAA0B,CAAC;AAEvD,UAAU,qBAAqB,CAAC,cAAc;IAC5C,SAAS,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B"}
@@ -1 +1 @@
1
- {"version":3,"file":"UL.stories.d.ts","sourceRoot":"","sources":["../../../src/mdx/UL/UL.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG1B,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAAe,CAAC"}
1
+ {"version":3,"file":"UL.stories.d.ts","sourceRoot":"","sources":["../../../src/mdx/UL/UL.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI1B,wBAIE;AAEF,eAAO,MAAM,IAAI,yBAIhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SImpleAlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAO,MAAM,IAAI,yBAUhB,CAAC;AACF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"SImpleAlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAiBF,eAAO,MAAM,IAAI,yBAUhB,CAAC;AACF,eAAe,IAAI,CAAC"}
@@ -2,21 +2,17 @@ import React from 'react';
2
2
  import type { ReactNode } from 'react';
3
3
  import type { AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps } from 'tamagui';
4
4
  export type AlterDialogSimpleProps = AlertDialogTriggerProps & AlertDialogProps & {
5
+ accept?: string;
5
6
  placeholder?: ReactNode;
6
- } & {
7
- title?: ReactNode;
8
- } & {
9
7
  cancel?: string;
10
- } & {
11
- accept?: string;
12
- } & {
8
+ title?: ReactNode;
13
9
  description: ReactNode;
14
- } & {
10
+ open?: boolean;
15
11
  titleStyle?: AlertDialogTitleProps;
16
- } & {
17
12
  descriptionStyle?: AlertDialogDescriptionProps;
18
- } & {
19
13
  contentStyle?: AlertDialogContentProps;
14
+ onOpenChange?: (open: boolean) => void;
15
+ onAccept?: () => void;
20
16
  };
21
- export declare function SimpleAlertDialog({ children, title, cancel, accept, description, titleStyle, contentStyle, descriptionStyle, ...triggerProps }: AlterDialogSimpleProps): React.JSX.Element;
17
+ export declare function SimpleAlertDialog({ children, title, cancel, accept, description, titleStyle, contentStyle, descriptionStyle, open, ...triggerProps }: AlterDialogSimpleProps): React.JSX.Element;
22
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleAlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,GAC1D,gBAAgB,GAAG;IAAE,WAAW,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IACnH,WAAW,EAAE,SAAS,CAAC;CACxB,GAAG;IAAE,UAAU,CAAC,EAAE,qBAAqB,CAAA;CAAE,GAAG;IAC3C,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;CAChD,GAAG;IAAE,YAAY,CAAC,EAAE,uBAAuB,CAAA;CAAE,CAAC;AAEjD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,GAAG,YAAY,EAChB,EAAE,sBAAsB,qBAwCxB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleAlertDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,GAC1D,gBAAgB,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEJ,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,IAAI,EACJ,GAAG,YAAY,EAChB,EAAE,sBAAsB,qBAoDxB"}
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAO,MAAM,IAAI,yBAWhB,CAAC;AACF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"SimpleDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAO,MAAM,IAAI,yBAehB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,17 +1,12 @@
1
1
  import React from 'react';
2
2
  import type { DialogProps, DialogTitleProps, DialogDescriptionProps, DialogContentProps } from 'tamagui';
3
3
  type SimpleDialogProps = DialogProps & {
4
- element: React.ReactNode;
5
- } & {
6
- title: React.ReactNode;
7
- } & {
8
4
  description?: React.ReactNode;
9
- } & {
10
5
  titleStyle?: DialogTitleProps;
11
- } & {
12
6
  descriptionStyle?: DialogDescriptionProps;
13
- } & {
14
7
  contentStyle?: DialogContentProps;
8
+ title?: React.ReactNode;
9
+ element: React.ReactNode;
15
10
  };
16
11
  export declare function SimpleDialog({ children, element, title, description, titleStyle, descriptionStyle, contentStyle, ...props }: SimpleDialogProps): React.JSX.Element;
17
12
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIzG,KAAK,iBAAiB,GAAG,WAAW,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG;IACjG,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,GAAG;IAAE,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAAE,GAAG;IAAE,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;CAAE,GAAG;IACtF,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA2CnB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/SimpleDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIzG,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA2CnB"}