@multiplatform.one/components 1.0.7 → 2.0.0

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 (34) hide show
  1. package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js +21 -4
  2. package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
  3. package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js +59 -10
  4. package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +2 -2
  5. package/dist/cjs/organize/SimpleAccordion/index.js +2 -2
  6. package/dist/cjs/organize/SimpleAccordion/index.js.map +1 -1
  7. package/dist/cjs/organize/SimpleAccordion/index.native.js +5 -3
  8. package/dist/cjs/organize/SimpleAccordion/index.native.js.map +2 -2
  9. package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js +22 -4
  10. package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
  11. package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.mjs +38 -5
  12. package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js +60 -10
  13. package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +2 -2
  14. package/dist/esm/organize/SimpleAccordion/index.js +2 -2
  15. package/dist/esm/organize/SimpleAccordion/index.js.map +1 -1
  16. package/dist/esm/organize/SimpleAccordion/index.mjs +4 -3
  17. package/dist/esm/organize/SimpleAccordion/index.native.js +5 -3
  18. package/dist/esm/organize/SimpleAccordion/index.native.js.map +2 -2
  19. package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js +22 -4
  20. package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
  21. package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.mjs +38 -5
  22. package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js +60 -10
  23. package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +2 -2
  24. package/dist/jsx/organize/SimpleAccordion/index.js +2 -2
  25. package/dist/jsx/organize/SimpleAccordion/index.js.map +1 -1
  26. package/dist/jsx/organize/SimpleAccordion/index.mjs +4 -3
  27. package/dist/jsx/organize/SimpleAccordion/index.native.js +5 -3
  28. package/dist/jsx/organize/SimpleAccordion/index.native.js.map +2 -2
  29. package/package.json +2 -2
  30. package/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx +32 -4
  31. package/src/organize/SimpleAccordion/index.tsx +3 -3
  32. package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts.map +1 -1
  33. package/types/organize/SimpleAccordion/index.d.ts +1 -1
  34. package/types/organize/SimpleAccordion/index.d.ts.map +1 -1
package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js CHANGED
@@ -18,7 +18,7 @@ __export(SimpleAccordion_stories_exports, {
18
18
  main: () => main
19
19
  });
20
20
  module.exports = __toCommonJS(SimpleAccordion_stories_exports);
21
- var import_index = require("./index"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime"), SimpleAccordion_stories_default = {
21
+ var import_index = require("./index"), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_jsx_runtime = require("react/jsx-runtime"), SimpleAccordion_stories_default = {
22
22
  title: "organize/SimpleAccordion",
23
23
  component: import_index.SimpleAccordion,
24
24
  parameters: {
@@ -26,8 +26,25 @@ var import_index = require("./index"), import_tamagui = require("tamagui"), impo
26
26
  }
27
27
  };
28
28
  const main = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.SimpleAccordion, { ...args, children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: " Apple Content" }) }) }),
30
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Banana Content" }) }) }),
31
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Trigger Orange " }), value: "orange", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Orange Content" }) }) })
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, { trigger: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: " Apple Content" }) }) }),
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, { trigger: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Banana Content" }) }) }),
31
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
32
+ import_index.AccordionItem,
33
+ {
34
+ trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { children: [
35
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, {}) }),
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { color: "$color10", children: "Folders" })
37
+ ] }),
38
+ value: "orange",
39
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Orange Content" }) })
40
+ }
41
+ ),
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { value: "pipe", children: [
43
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { children: [
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, {}) }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { color: "$color10", children: "Folders" })
46
+ ] }) }),
47
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Orange Content" }) }) })
48
+ ] })
32
49
  ] });
33
50
  //# sourceMappingURL=SimpleAccordion.stories.js.map
package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,mBAA+C,oBAC/C,iBAA6B,oBAW3B,mDATK,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,6CAAC,gCAAiB,GAAG,MACnB;AAAA,8CAAC,8BAAc,SAAS,4CAAC,uBAAK,4BAAc,GAAS,OAAM,SACzD,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,EACA,4CAAC,8BAAc,SAAS,4CAAC,uBAAK,6BAAe,GAAS,OAAM,UAC1D,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,EACA,4CAAC,8BAAc,SAAS,4CAAC,uBAAK,6BAAe,GAAS,OAAM,UAC1D,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,GACF;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,mBAA+C,oBAC/C,iBAAoD,oBACpD,sBAA6B,kCAYK,mDAV3B,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,6CAAC,gCAAiB,GAAG,MACnB;AAAA,8CAAC,8BAAc,SAAS,MAAM,4CAAC,uBAAK,4BAAc,GAAS,OAAM,SAC/D,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,EACA,4CAAC,8BAAc,SAAS,MAAM,4CAAC,uBAAK,6BAAe,GAAS,OAAM,UAChE,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,SACR,6CAAC,yBACC;AAAA,oDAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,sDAAC,oCAAa,GAChB;AAAA,QACA,4CAAC,qBAAG,OAAM,YAAW,qBAAO;AAAA,SAC9B;AAAA,MAEF,OAAM;AAAA,MAEN,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB;AAAA;AAAA,EACF;AAAA,EACA,6CAAC,yBAAU,MAAV,EAAe,OAAM,QACpB;AAAA,gDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,6CAAC,yBACC;AAAA,kDAAC,yBAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,sDAAC,oCAAa,GAChB;AAAA,MACA,4CAAC,qBAAG,OAAM,YAAW,qBAAO;AAAA,OAC9B,GAEJ;AAAA,IACA,4CAAC,yBAAU,SAAV,EACC,sDAAC,yBAAO,SAAQ,MACd,sDAAC,uBAAK,4BAAc,GACtB,GACF;AAAA,KACF;AAAA,GACF;",
5
5
  "names": []
6
6
  }
package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js CHANGED
@@ -18,7 +18,7 @@ __export(SimpleAccordion_stories_exports, {
18
18
  main: () => main
19
19
  });
20
20
  module.exports = __toCommonJS(SimpleAccordion_stories_exports);
21
- var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_index = require("./index"), import_tamagui = require("tamagui");
21
+ var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_index = require("./index"), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons");
22
22
  function _define_property(obj, key, value) {
23
23
  return key in obj ? Object.defineProperty(obj, key, {
24
24
  value,
@@ -65,9 +65,11 @@ var SimpleAccordion_stories_default = {
65
65
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.SimpleAccordion, _object_spread_props(_object_spread({}, args), {
66
66
  children: [
67
67
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, {
68
- trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
69
- children: "Trigger Apple "
70
- }),
68
+ trigger: function() {
69
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
70
+ children: "Trigger Apple "
71
+ });
72
+ },
71
73
  value: "apple",
72
74
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
73
75
  padding: "$4",
@@ -77,9 +79,11 @@ var SimpleAccordion_stories_default = {
77
79
  })
78
80
  }),
79
81
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, {
80
- trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
81
- children: "Trigger Banana "
82
- }),
82
+ trigger: function() {
83
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
84
+ children: "Trigger Banana "
85
+ });
86
+ },
83
87
  value: "banana",
84
88
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
85
89
  padding: "$4",
@@ -89,9 +93,21 @@ var SimpleAccordion_stories_default = {
89
93
  })
90
94
  }),
91
95
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.AccordionItem, {
92
- trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
93
- children: "Trigger Orange "
94
- }),
96
+ trigger: function(open) {
97
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
98
+ children: [
99
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
100
+ animation: "quick",
101
+ rotate: open ? "90deg" : "0deg",
102
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, {})
103
+ }),
104
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
105
+ color: "$color10",
106
+ children: "Folders"
107
+ })
108
+ ]
109
+ });
110
+ },
95
111
  value: "orange",
96
112
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
97
113
  padding: "$4",
@@ -99,6 +115,39 @@ var SimpleAccordion_stories_default = {
99
115
  children: "Orange Content"
100
116
  })
101
117
  })
118
+ }),
119
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {
120
+ value: "pipe",
121
+ children: [
122
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
123
+ flexDirection: "row",
124
+ justifyContent: "space-between",
125
+ children: function(param) {
126
+ var open = param.open;
127
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
128
+ children: [
129
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
130
+ animation: "quick",
131
+ rotate: open ? "90deg" : "0deg",
132
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronRight, {})
133
+ }),
134
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
135
+ color: "$color10",
136
+ children: "Folders"
137
+ })
138
+ ]
139
+ });
140
+ }
141
+ }),
142
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {
143
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
144
+ padding: "$4",
145
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
146
+ children: "Orange Content"
147
+ })
148
+ })
149
+ })
150
+ ]
102
151
  })
103
152
  ]
104
153
  }));
package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,kBAClB,eAA+C,oBAC/C,iBAA6B;AAJ5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMD,IAAA,kCAAe;EACbA,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,uCAAAC,MAACN,8BAAAA,qBAAAA,eAAAA,CAAAA,GAAoBK,IAAAA,GAAAA;;MACnB,uCAAAE,KAACC,4BAAAA;QAAcC,SAAS,uCAAAF,KAACG,qBAAAA;oBAAK;;QAAuBC,OAAM;kBACzD,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;MAGV,uCAAAH,KAACC,4BAAAA;QAAcC,SAAS,uCAAAF,KAACG,qBAAAA;oBAAK;;QAAwBC,OAAM;kBAC1D,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;MAGV,uCAAAH,KAACC,4BAAAA;QAAcC,SAAS,uCAAAF,KAACG,qBAAAA;oBAAK;;QAAwBC,OAAM;kBAC1D,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;;;;",
5
- "names": ["title", "component", "SimpleAccordion", "parameters", "status", "type", "main", "args", "_jsxs", "_jsx", "AccordionItem", "trigger", "Text", "value", "YStack", "padding"]
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,kBAClB,eAA+C,oBAC/C,iBAAoD,oBACpD,sBAA6B;AAL5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,kCAAe;EACbA,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,uCAAAC,MAACN,8BAAAA,qBAAAA,eAAAA,CAAAA,GAAoBK,IAAAA,GAAAA;;MACnB,uCAAAE,KAACC,4BAAAA;QAAcC,SAAS,WAAA;iBAAM,uCAAAF,KAACG,qBAAAA;sBAAK;;;QAAuBC,OAAM;kBAC/D,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;MAGV,uCAAAH,KAACC,4BAAAA;QAAcC,SAAS,WAAA;iBAAM,uCAAAF,KAACG,qBAAAA;sBAAK;;;QAAwBC,OAAM;kBAChE,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;MAGV,uCAAAH,KAACC,4BAAAA;QACCC,SAAS,SAACK,MAAAA;iBACR,uCAAAR,MAACS,uBAAAA;;cACC,uCAAAR,KAACK,uBAAAA;gBAAOI,WAAU;gBAAQC,QAAQH,OAAO,UAAU;0BACjD,uCAAAP,KAACW,kCAAAA,CAAAA,CAAAA;;cAEH,uCAAAX,KAACY,mBAAAA;gBAAGC,OAAM;0BAAW;;;;;QAGzBT,OAAM;kBAEN,uCAAAJ,KAACK,uBAAAA;UAAOC,SAAQ;oBACd,uCAAAN,KAACG,qBAAAA;sBAAK;;;;MAGV,uCAAAJ,MAACe,yBAAUC,MAAI;QAACX,OAAM;;UACpB,uCAAAJ,KAACc,yBAAUE,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGX,OAAAA,MAAAA;qBACF,uCAAAR,MAACS,uBAAAA;;kBACC,uCAAAR,KAACK,uBAAAA;oBAAOI,WAAU;oBAAQC,QAAQH,OAAO,UAAU;8BACjD,uCAAAP,KAACW,kCAAAA,CAAAA,CAAAA;;kBAEH,uCAAAX,KAACY,mBAAAA;oBAAGC,OAAM;8BAAW;;;;;;UAI3B,uCAAAb,KAACc,yBAAUK,SAAO;sBAChB,uCAAAnB,KAACK,uBAAAA;cAAOC,SAAQ;wBACd,uCAAAN,KAACG,qBAAAA;0BAAK;;;;;;;;;",
5
+ "names": ["title", "component", "SimpleAccordion", "parameters", "status", "type", "main", "args", "_jsxs", "_jsx", "AccordionItem", "trigger", "Text", "value", "YStack", "padding", "open", "XStack", "animation", "rotate", "ChevronRight", "H5", "color", "Accordion", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
6
6
  }
package/dist/cjs/organize/SimpleAccordion/index.js CHANGED
@@ -20,11 +20,11 @@ __export(SimpleAccordion_exports, {
20
20
  module.exports = __toCommonJS(SimpleAccordion_exports);
21
21
  var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
22
22
  function SimpleAccordion({ children, ...props }) {
23
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion, { overflow: "hidden", type: "single", ...props, children });
23
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion, { type: "multiple", ...props, children });
24
24
  }
25
25
  function AccordionItem({ trigger, triggerStyle, children, contentStyle, ...props }) {
26
26
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, { ...props, children: [
27
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: trigger }),
27
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: ({ open }) => trigger(open) }),
28
28
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, { ...contentStyle, children })
29
29
  ] });
30
30
  }
package/dist/cjs/organize/SimpleAccordion/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA,qBAA0B,oBAiBtB;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,4CAAC,4BAAU,UAAS,UAAS,MAAK,UAAU,GAAG,OAC5C,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,6CAAC,yBAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,gDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,mBACH;AAAA,IACA,4CAAC,yBAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA,qBAA0B,oBAiBtB;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,4CAAC,4BAAU,MAAK,YAAY,GAAG,OAC5B,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,6CAAC,yBAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,gDAAC,yBAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,WAAC,EAAE,KAAK,MAAM,QAAQ,IAAI,GAC7B;AAAA,IACA,4CAAC,yBAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/cjs/organize/SimpleAccordion/index.native.js CHANGED
@@ -77,8 +77,7 @@ function SimpleAccordion(_param) {
77
77
  "children"
78
78
  ]);
79
79
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion, _object_spread_props(_object_spread({
80
- overflow: "hidden",
81
- type: "single"
80
+ type: "multiple"
82
81
  }, props), {
83
82
  children
84
83
  }));
@@ -96,7 +95,10 @@ function AccordionItem(_param) {
96
95
  flexDirection: "row",
97
96
  justifyContent: "space-between"
98
97
  }, triggerStyle), {
99
- children: trigger
98
+ children: function(param) {
99
+ var open = param.open;
100
+ return trigger(open);
101
+ }
100
102
  })),
101
103
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, _object_spread_props(_object_spread({}, contentStyle), {
102
104
  children
package/dist/cjs/organize/SimpleAccordion/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,kBAElB,iBAA0B;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASA,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,uCAAAE,KAACC,0BAAAA,qBAAAA,eAAAA;IAAUC,UAAS;IAASC,MAAK;KAAaJ,KAAAA,GAAAA;;;AAInD;AAEO,SAASK,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcR,WAAzB,OAAyBA,UAAUS,eAAnC,OAAmCA,cAAiBR,QAAAA,2BAApD,QAAA;IAAEM;IAASC;IAAcR;IAAUS;;AAC/D,SACE,uCAAAC,MAACP,yBAAUQ,MAAI,qBAAA,eAAA,CAAA,GAAKV,KAAAA,GAAAA;;MAClB,uCAAAC,KAACC,yBAAUS,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBN,YAAAA,GAAAA;kBACvED;;MAEH,uCAAAL,KAACC,yBAAUY,SAAO,qBAAA,eAAA,CAAA,GAAKN,YAAAA,GAAAA;;;;;AAG7B;",
5
- "names": ["SimpleAccordion", "children", "props", "_jsx", "Accordion", "overflow", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "_jsxs", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,kBAElB,iBAA0B;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASA,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,uCAAAE,KAACC,0BAAAA,qBAAAA,eAAAA;IAAUC,MAAK;KAAeH,KAAAA,GAAAA;;;AAInC;AAEO,SAASI,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcP,WAAzB,OAAyBA,UAAUQ,eAAnC,OAAmCA,cAAiBP,QAAAA,2BAApD,QAAA;IAAEK;IAASC;IAAcP;IAAUQ;;AAC/D,SACE,uCAAAC,MAACN,yBAAUO,MAAI,qBAAA,eAAA,CAAA,GAAKT,KAAAA,GAAAA;;MAClB,uCAAAC,KAACC,yBAAUQ,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBN,YAAAA,GAAAA;kBACvE,SAAA,OAAA;cAAGO,OAAAA,MAAAA;iBAAWR,QAAQQ,IAAAA;;;MAEzB,uCAAAZ,KAACC,yBAAUY,SAAO,qBAAA,eAAA,CAAA,GAAKP,YAAAA,GAAAA;;;;;AAG7B;",
5
+ "names": ["SimpleAccordion", "children", "props", "_jsx", "Accordion", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "_jsxs", "Item", "Trigger", "flexDirection", "justifyContent", "open", "Content"]
6
6
  }
package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { AccordionItem, SimpleAccordion } from "./index";
2
- import { YStack, Text } from "tamagui";
2
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
3
+ import { ChevronRight } from "@tamagui/lucide-icons";
3
4
  import { jsx, jsxs } from "react/jsx-runtime";
4
5
  var SimpleAccordion_stories_default = {
5
6
  title: "organize/SimpleAccordion",
@@ -9,9 +10,26 @@ var SimpleAccordion_stories_default = {
9
10
  }
10
11
  };
11
12
  const main = (args) => /* @__PURE__ */ jsxs(SimpleAccordion, { ...args, children: [
12
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
13
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
14
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Orange " }), value: "orange", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
13
+ /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
14
+ /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
15
+ /* @__PURE__ */ jsx(
16
+ AccordionItem,
17
+ {
18
+ trigger: (open) => /* @__PURE__ */ jsxs(XStack, { children: [
19
+ /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
20
+ /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
21
+ ] }),
22
+ value: "orange",
23
+ children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) })
24
+ }
25
+ ),
26
+ /* @__PURE__ */ jsxs(Accordion.Item, { value: "pipe", children: [
27
+ /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(XStack, { children: [
28
+ /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
29
+ /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
30
+ ] }) }),
31
+ /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
32
+ ] })
15
33
  ] });
16
34
  export {
17
35
  SimpleAccordion_stories_default as default,
package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": "AAsBA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,YAAY;AAW3B,SAC0B,KAD1B;AATF,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,qBAAC,mBAAiB,GAAG,MACnB;AAAA,sBAAC,iBAAc,SAAS,oBAAC,QAAK,4BAAc,GAAS,OAAM,SACzD,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAC1D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAC1D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,GACF;",
4
+ "mappings": "AAsBA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,MAAM,QAAQ,IAAI,iBAAiB;AACpD,SAAS,oBAAoB;AAYK,cAY1B,YAZ0B;AAVlC,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,qBAAC,mBAAiB,GAAG,MACnB;AAAA,sBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,4BAAc,GAAS,OAAM,SAC/D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAChE,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,SACR,qBAAC,UACC;AAAA,4BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,QACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,SAC9B;AAAA,MAEF,OAAM;AAAA,MAEN,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB;AAAA;AAAA,EACF;AAAA,EACA,qBAAC,UAAU,MAAV,EAAe,OAAM,QACpB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,qBAAC,UACC;AAAA,0BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,MACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,OAC9B,GAEJ;AAAA,IACA,oBAAC,UAAU,SAAV,EACC,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,KACF;AAAA,GACF;",
5
5
  "names": []
6
6
  }
package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import { AccordionItem, SimpleAccordion } from "./index.mjs";
2
- import { YStack, Text } from "tamagui";
2
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
3
+ import { ChevronRight } from "@tamagui/lucide-icons";
3
4
  import { jsx, jsxs } from "react/jsx-runtime";
4
5
  var SimpleAccordion_stories_default = {
5
6
  title: "organize/SimpleAccordion",
@@ -13,7 +14,7 @@ var SimpleAccordion_stories_default = {
13
14
  const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
14
15
  ...args,
15
16
  children: [/* @__PURE__ */jsx(AccordionItem, {
16
- trigger: /* @__PURE__ */jsx(Text, {
17
+ trigger: () => /* @__PURE__ */jsx(Text, {
17
18
  children: "Trigger Apple "
18
19
  }),
19
20
  value: "apple",
@@ -24,7 +25,7 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
24
25
  })
25
26
  })
26
27
  }), /* @__PURE__ */jsx(AccordionItem, {
27
- trigger: /* @__PURE__ */jsx(Text, {
28
+ trigger: () => /* @__PURE__ */jsx(Text, {
28
29
  children: "Trigger Banana "
29
30
  }),
30
31
  value: "banana",
@@ -35,8 +36,15 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
35
36
  })
36
37
  })
37
38
  }), /* @__PURE__ */jsx(AccordionItem, {
38
- trigger: /* @__PURE__ */jsx(Text, {
39
- children: "Trigger Orange "
39
+ trigger: open => /* @__PURE__ */jsxs(XStack, {
40
+ children: [/* @__PURE__ */jsx(YStack, {
41
+ animation: "quick",
42
+ rotate: open ? "90deg" : "0deg",
43
+ children: /* @__PURE__ */jsx(ChevronRight, {})
44
+ }), /* @__PURE__ */jsx(H5, {
45
+ color: "$color10",
46
+ children: "Folders"
47
+ })]
40
48
  }),
41
49
  value: "orange",
42
50
  children: /* @__PURE__ */jsx(YStack, {
@@ -45,6 +53,31 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
45
53
  children: "Orange Content"
46
54
  })
47
55
  })
56
+ }), /* @__PURE__ */jsxs(Accordion.Item, {
57
+ value: "pipe",
58
+ children: [/* @__PURE__ */jsx(Accordion.Trigger, {
59
+ flexDirection: "row",
60
+ justifyContent: "space-between",
61
+ children: ({
62
+ open
63
+ }) => /* @__PURE__ */jsxs(XStack, {
64
+ children: [/* @__PURE__ */jsx(YStack, {
65
+ animation: "quick",
66
+ rotate: open ? "90deg" : "0deg",
67
+ children: /* @__PURE__ */jsx(ChevronRight, {})
68
+ }), /* @__PURE__ */jsx(H5, {
69
+ color: "$color10",
70
+ children: "Folders"
71
+ })]
72
+ })
73
+ }), /* @__PURE__ */jsx(Accordion.Content, {
74
+ children: /* @__PURE__ */jsx(YStack, {
75
+ padding: "$4",
76
+ children: /* @__PURE__ */jsx(Text, {
77
+ children: "Orange Content"
78
+ })
79
+ })
80
+ })]
48
81
  })]
49
82
  });
50
83
  export { SimpleAccordion_stories_default as default, main };
package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { AccordionItem, SimpleAccordion } from "./index";
4
- import { YStack, Text } from "tamagui";
4
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
5
+ import { ChevronRight } from "@tamagui/lucide-icons";
5
6
  function _define_property(obj, key, value) {
6
7
  return key in obj ? Object.defineProperty(obj, key, {
7
8
  value,
@@ -48,9 +49,11 @@ var SimpleAccordion_stories_default = {
48
49
  return /* @__PURE__ */ _jsxs(SimpleAccordion, _object_spread_props(_object_spread({}, args), {
49
50
  children: [
50
51
  /* @__PURE__ */ _jsx(AccordionItem, {
51
- trigger: /* @__PURE__ */ _jsx(Text, {
52
- children: "Trigger Apple "
53
- }),
52
+ trigger: function() {
53
+ return /* @__PURE__ */ _jsx(Text, {
54
+ children: "Trigger Apple "
55
+ });
56
+ },
54
57
  value: "apple",
55
58
  children: /* @__PURE__ */ _jsx(YStack, {
56
59
  padding: "$4",
@@ -60,9 +63,11 @@ var SimpleAccordion_stories_default = {
60
63
  })
61
64
  }),
62
65
  /* @__PURE__ */ _jsx(AccordionItem, {
63
- trigger: /* @__PURE__ */ _jsx(Text, {
64
- children: "Trigger Banana "
65
- }),
66
+ trigger: function() {
67
+ return /* @__PURE__ */ _jsx(Text, {
68
+ children: "Trigger Banana "
69
+ });
70
+ },
66
71
  value: "banana",
67
72
  children: /* @__PURE__ */ _jsx(YStack, {
68
73
  padding: "$4",
@@ -72,9 +77,21 @@ var SimpleAccordion_stories_default = {
72
77
  })
73
78
  }),
74
79
  /* @__PURE__ */ _jsx(AccordionItem, {
75
- trigger: /* @__PURE__ */ _jsx(Text, {
76
- children: "Trigger Orange "
77
- }),
80
+ trigger: function(open) {
81
+ return /* @__PURE__ */ _jsxs(XStack, {
82
+ children: [
83
+ /* @__PURE__ */ _jsx(YStack, {
84
+ animation: "quick",
85
+ rotate: open ? "90deg" : "0deg",
86
+ children: /* @__PURE__ */ _jsx(ChevronRight, {})
87
+ }),
88
+ /* @__PURE__ */ _jsx(H5, {
89
+ color: "$color10",
90
+ children: "Folders"
91
+ })
92
+ ]
93
+ });
94
+ },
78
95
  value: "orange",
79
96
  children: /* @__PURE__ */ _jsx(YStack, {
80
97
  padding: "$4",
@@ -82,6 +99,39 @@ var SimpleAccordion_stories_default = {
82
99
  children: "Orange Content"
83
100
  })
84
101
  })
102
+ }),
103
+ /* @__PURE__ */ _jsxs(Accordion.Item, {
104
+ value: "pipe",
105
+ children: [
106
+ /* @__PURE__ */ _jsx(Accordion.Trigger, {
107
+ flexDirection: "row",
108
+ justifyContent: "space-between",
109
+ children: function(param) {
110
+ var open = param.open;
111
+ return /* @__PURE__ */ _jsxs(XStack, {
112
+ children: [
113
+ /* @__PURE__ */ _jsx(YStack, {
114
+ animation: "quick",
115
+ rotate: open ? "90deg" : "0deg",
116
+ children: /* @__PURE__ */ _jsx(ChevronRight, {})
117
+ }),
118
+ /* @__PURE__ */ _jsx(H5, {
119
+ color: "$color10",
120
+ children: "Folders"
121
+ })
122
+ ]
123
+ });
124
+ }
125
+ }),
126
+ /* @__PURE__ */ _jsx(Accordion.Content, {
127
+ children: /* @__PURE__ */ _jsx(YStack, {
128
+ padding: "$4",
129
+ children: /* @__PURE__ */ _jsx(Text, {
130
+ children: "Orange Content"
131
+ })
132
+ })
133
+ })
134
+ ]
85
135
  })
86
136
  ]
87
137
  }));
package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": ";AAqBA,OAAkB;AAClB,SAASA,eAAeC,uBAAuB;AAC/C,SAASC,QAAQC,YAAY;AAJ5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMD,IAAA,kCAAe;EACbC,OAAO;EACPC,WAAWJ;EACXK,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,sBAACT,iBAAAA,qBAAAA,eAAAA,CAAAA,GAAoBS,IAAAA,GAAAA;;MACnB,qBAACV,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAuBS,OAAM;kBACzD,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAwBS,OAAM;kBAC1D,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAwBS,OAAM;kBAC1D,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;;;;",
5
- "names": ["AccordionItem", "SimpleAccordion", "YStack", "Text", "title", "component", "parameters", "status", "type", "main", "args", "trigger", "value", "padding"]
4
+ "mappings": ";AAqBA,OAAkB;AAClB,SAASA,eAAeC,uBAAuB;AAC/C,SAASC,QAAQC,MAAMC,QAAQC,IAAIC,iBAAiB;AACpD,SAASC,oBAAoB;AAL5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,kCAAe;EACbC,OAAO;EACPC,WAAWR;EACXS,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,sBAACb,iBAAAA,qBAAAA,eAAAA,CAAAA,GAAoBa,IAAAA,GAAAA;;MACnB,qBAACd,eAAAA;QAAce,SAAS,WAAA;iBAAM,qBAACZ,MAAAA;sBAAK;;;QAAuBa,OAAM;kBAC/D,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAce,SAAS,WAAA;iBAAM,qBAACZ,MAAAA;sBAAK;;;QAAwBa,OAAM;kBAChE,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QACCe,SAAS,SAACG,MAAAA;iBACR,sBAACd,QAAAA;;cACC,qBAACF,QAAAA;gBAAOiB,WAAU;gBAAQC,QAAQF,OAAO,UAAU;0BACjD,qBAACX,cAAAA,CAAAA,CAAAA;;cAEH,qBAACF,IAAAA;gBAAGgB,OAAM;0BAAW;;;;;QAGzBL,OAAM;kBAEN,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,sBAACG,UAAUgB,MAAI;QAACN,OAAM;;UACpB,qBAACV,UAAUiB,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGP,OAAAA,MAAAA;qBACF,sBAACd,QAAAA;;kBACC,qBAACF,QAAAA;oBAAOiB,WAAU;oBAAQC,QAAQF,OAAO,UAAU;8BACjD,qBAACX,cAAAA,CAAAA,CAAAA;;kBAEH,qBAACF,IAAAA;oBAAGgB,OAAM;8BAAW;;;;;;UAI3B,qBAACf,UAAUoB,SAAO;sBAChB,qBAACxB,QAAAA;cAAOe,SAAQ;wBACd,qBAACd,MAAAA;0BAAK;;;;;;;;;",
5
+ "names": ["AccordionItem", "SimpleAccordion", "YStack", "Text", "XStack", "H5", "Accordion", "ChevronRight", "title", "component", "parameters", "status", "type", "main", "args", "trigger", "value", "padding", "open", "animation", "rotate", "color", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
6
6
  }
package/dist/esm/organize/SimpleAccordion/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { Accordion } from "tamagui";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  function SimpleAccordion({ children, ...props }) {
4
- return /* @__PURE__ */ jsx(Accordion, { overflow: "hidden", type: "single", ...props, children });
4
+ return /* @__PURE__ */ jsx(Accordion, { type: "multiple", ...props, children });
5
5
  }
6
6
  function AccordionItem({ trigger, triggerStyle, children, contentStyle, ...props }) {
7
7
  return /* @__PURE__ */ jsxs(Accordion.Item, { ...props, children: [
8
- /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: trigger }),
8
+ /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: ({ open }) => trigger(open) }),
9
9
  /* @__PURE__ */ jsx(Accordion.Content, { ...contentStyle, children })
10
10
  ] });
11
11
  }
package/dist/esm/organize/SimpleAccordion/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": "AAuBA,SAAS,iBAAiB;AAiBtB,cAQA,YARA;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,aAAU,UAAS,UAAS,MAAK,UAAU,GAAG,OAC5C,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,mBACH;AAAA,IACA,oBAAC,UAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
4
+ "mappings": "AAuBA,SAAS,iBAAiB;AAiBtB,cAQA,YARA;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,aAAU,MAAK,YAAY,GAAG,OAC5B,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,WAAC,EAAE,KAAK,MAAM,QAAQ,IAAI,GAC7B;AAAA,IACA,oBAAC,UAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/esm/organize/SimpleAccordion/index.mjs CHANGED
@@ -5,8 +5,7 @@ function SimpleAccordion({
5
5
  ...props
6
6
  }) {
7
7
  return /* @__PURE__ */jsx(Accordion, {
8
- overflow: "hidden",
9
- type: "single",
8
+ type: "multiple",
10
9
  ...props,
11
10
  children
12
11
  });
@@ -24,7 +23,9 @@ function AccordionItem({
24
23
  flexDirection: "row",
25
24
  justifyContent: "space-between",
26
25
  ...triggerStyle,
27
- children: trigger
26
+ children: ({
27
+ open
28
+ }) => trigger(open)
28
29
  }), /* @__PURE__ */jsx(Accordion.Content, {
29
30
  ...contentStyle,
30
31
  children
package/dist/esm/organize/SimpleAccordion/index.native.js CHANGED
@@ -59,8 +59,7 @@ function SimpleAccordion(_param) {
59
59
  "children"
60
60
  ]);
61
61
  return /* @__PURE__ */ _jsx(Accordion, _object_spread_props(_object_spread({
62
- overflow: "hidden",
63
- type: "single"
62
+ type: "multiple"
64
63
  }, props), {
65
64
  children
66
65
  }));
@@ -78,7 +77,10 @@ function AccordionItem(_param) {
78
77
  flexDirection: "row",
79
78
  justifyContent: "space-between"
80
79
  }, triggerStyle), {
81
- children: trigger
80
+ children: function(param) {
81
+ var open = param.open;
82
+ return trigger(open);
83
+ }
82
84
  })),
83
85
  /* @__PURE__ */ _jsx(Accordion.Content, _object_spread_props(_object_spread({}, contentStyle), {
84
86
  children
package/dist/esm/organize/SimpleAccordion/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": ";AAqBA,OAAkB;AAElB,SAASA,iBAAiB;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASC,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,qBAACF,WAAAA,qBAAAA,eAAAA;IAAUI,UAAS;IAASC,MAAK;KAAaF,KAAAA,GAAAA;;;AAInD;AAEO,SAASG,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcN,WAAzB,OAAyBA,UAAUO,eAAnC,OAAmCA,cAAiBN,QAAAA,2BAApD,QAAA;IAAEI;IAASC;IAAcN;IAAUO;;AAC/D,SACE,sBAACT,UAAUU,MAAI,qBAAA,eAAA,CAAA,GAAKP,KAAAA,GAAAA;;MAClB,qBAACH,UAAUW,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBL,YAAAA,GAAAA;kBACvED;;MAEH,qBAACP,UAAUc,SAAO,qBAAA,eAAA,CAAA,GAAKL,YAAAA,GAAAA;;;;;AAG7B;",
5
- "names": ["Accordion", "SimpleAccordion", "children", "props", "overflow", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
4
+ "mappings": ";AAqBA,OAAkB;AAElB,SAASA,iBAAiB;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASC,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,qBAACF,WAAAA,qBAAAA,eAAAA;IAAUI,MAAK;KAAeD,KAAAA,GAAAA;;;AAInC;AAEO,SAASE,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcL,WAAzB,OAAyBA,UAAUM,eAAnC,OAAmCA,cAAiBL,QAAAA,2BAApD,QAAA;IAAEG;IAASC;IAAcL;IAAUM;;AAC/D,SACE,sBAACR,UAAUS,MAAI,qBAAA,eAAA,CAAA,GAAKN,KAAAA,GAAAA;;MAClB,qBAACH,UAAUU,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBL,YAAAA,GAAAA;kBACvE,SAAA,OAAA;cAAGM,OAAAA,MAAAA;iBAAWP,QAAQO,IAAAA;;;MAEzB,qBAACb,UAAUc,SAAO,qBAAA,eAAA,CAAA,GAAKN,YAAAA,GAAAA;;;;;AAG7B;",
5
+ "names": ["Accordion", "SimpleAccordion", "children", "props", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "Item", "Trigger", "flexDirection", "justifyContent", "open", "Content"]
6
6
  }
package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { AccordionItem, SimpleAccordion } from "./index";
2
- import { YStack, Text } from "tamagui";
2
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
3
+ import { ChevronRight } from "@tamagui/lucide-icons";
3
4
  import { jsx, jsxs } from "react/jsx-runtime";
4
5
  var SimpleAccordion_stories_default = {
5
6
  title: "organize/SimpleAccordion",
@@ -9,9 +10,26 @@ var SimpleAccordion_stories_default = {
9
10
  }
10
11
  };
11
12
  const main = (args) => /* @__PURE__ */ jsxs(SimpleAccordion, { ...args, children: [
12
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
13
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
14
- /* @__PURE__ */ jsx(AccordionItem, { trigger: /* @__PURE__ */ jsx(Text, { children: "Trigger Orange " }), value: "orange", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
13
+ /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Apple " }), value: "apple", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: " Apple Content" }) }) }),
14
+ /* @__PURE__ */ jsx(AccordionItem, { trigger: () => /* @__PURE__ */ jsx(Text, { children: "Trigger Banana " }), value: "banana", children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Banana Content" }) }) }),
15
+ /* @__PURE__ */ jsx(
16
+ AccordionItem,
17
+ {
18
+ trigger: (open) => /* @__PURE__ */ jsxs(XStack, { children: [
19
+ /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
20
+ /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
21
+ ] }),
22
+ value: "orange",
23
+ children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) })
24
+ }
25
+ ),
26
+ /* @__PURE__ */ jsxs(Accordion.Item, { value: "pipe", children: [
27
+ /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(XStack, { children: [
28
+ /* @__PURE__ */ jsx(YStack, { animation: "quick", rotate: open ? "90deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
29
+ /* @__PURE__ */ jsx(H5, { color: "$color10", children: "Folders" })
30
+ ] }) }),
31
+ /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(YStack, { padding: "$4", children: /* @__PURE__ */ jsx(Text, { children: "Orange Content" }) }) })
32
+ ] })
15
33
  ] });
16
34
  export {
17
35
  SimpleAccordion_stories_default as default,
package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": "AAsBA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,YAAY;AAW3B,SAC0B,KAD1B;AATF,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,qBAAC,mBAAiB,GAAG,MACnB;AAAA,sBAAC,iBAAc,SAAS,oBAAC,QAAK,4BAAc,GAAS,OAAM,SACzD,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAC1D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAC1D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,GACF;",
4
+ "mappings": "AAsBA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,QAAQ,MAAM,QAAQ,IAAI,iBAAiB;AACpD,SAAS,oBAAoB;AAYK,cAY1B,YAZ0B;AAVlC,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SACnB,qBAAC,mBAAiB,GAAG,MACnB;AAAA,sBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,4BAAc,GAAS,OAAM,SAC/D,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA,oBAAC,iBAAc,SAAS,MAAM,oBAAC,QAAK,6BAAe,GAAS,OAAM,UAChE,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,SACR,qBAAC,UACC;AAAA,4BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,QACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,SAC9B;AAAA,MAEF,OAAM;AAAA,MAEN,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB;AAAA;AAAA,EACF;AAAA,EACA,qBAAC,UAAU,MAAV,EAAe,OAAM,QACpB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,qBAAC,UACC;AAAA,0BAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,UAAU,QACjD,8BAAC,gBAAa,GAChB;AAAA,MACA,oBAAC,MAAG,OAAM,YAAW,qBAAO;AAAA,OAC9B,GAEJ;AAAA,IACA,oBAAC,UAAU,SAAV,EACC,8BAAC,UAAO,SAAQ,MACd,8BAAC,QAAK,4BAAc,GACtB,GACF;AAAA,KACF;AAAA,GACF;",
5
5
  "names": []
6
6
  }
package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import { AccordionItem, SimpleAccordion } from "./index.mjs";
2
- import { YStack, Text } from "tamagui";
2
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
3
+ import { ChevronRight } from "@tamagui/lucide-icons";
3
4
  import { jsx, jsxs } from "react/jsx-runtime";
4
5
  var SimpleAccordion_stories_default = {
5
6
  title: "organize/SimpleAccordion",
@@ -13,7 +14,7 @@ var SimpleAccordion_stories_default = {
13
14
  const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
14
15
  ...args,
15
16
  children: [/* @__PURE__ */jsx(AccordionItem, {
16
- trigger: /* @__PURE__ */jsx(Text, {
17
+ trigger: () => /* @__PURE__ */jsx(Text, {
17
18
  children: "Trigger Apple "
18
19
  }),
19
20
  value: "apple",
@@ -24,7 +25,7 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
24
25
  })
25
26
  })
26
27
  }), /* @__PURE__ */jsx(AccordionItem, {
27
- trigger: /* @__PURE__ */jsx(Text, {
28
+ trigger: () => /* @__PURE__ */jsx(Text, {
28
29
  children: "Trigger Banana "
29
30
  }),
30
31
  value: "banana",
@@ -35,8 +36,15 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
35
36
  })
36
37
  })
37
38
  }), /* @__PURE__ */jsx(AccordionItem, {
38
- trigger: /* @__PURE__ */jsx(Text, {
39
- children: "Trigger Orange "
39
+ trigger: open => /* @__PURE__ */jsxs(XStack, {
40
+ children: [/* @__PURE__ */jsx(YStack, {
41
+ animation: "quick",
42
+ rotate: open ? "90deg" : "0deg",
43
+ children: /* @__PURE__ */jsx(ChevronRight, {})
44
+ }), /* @__PURE__ */jsx(H5, {
45
+ color: "$color10",
46
+ children: "Folders"
47
+ })]
40
48
  }),
41
49
  value: "orange",
42
50
  children: /* @__PURE__ */jsx(YStack, {
@@ -45,6 +53,31 @@ const main = args => /* @__PURE__ */jsxs(SimpleAccordion, {
45
53
  children: "Orange Content"
46
54
  })
47
55
  })
56
+ }), /* @__PURE__ */jsxs(Accordion.Item, {
57
+ value: "pipe",
58
+ children: [/* @__PURE__ */jsx(Accordion.Trigger, {
59
+ flexDirection: "row",
60
+ justifyContent: "space-between",
61
+ children: ({
62
+ open
63
+ }) => /* @__PURE__ */jsxs(XStack, {
64
+ children: [/* @__PURE__ */jsx(YStack, {
65
+ animation: "quick",
66
+ rotate: open ? "90deg" : "0deg",
67
+ children: /* @__PURE__ */jsx(ChevronRight, {})
68
+ }), /* @__PURE__ */jsx(H5, {
69
+ color: "$color10",
70
+ children: "Folders"
71
+ })]
72
+ })
73
+ }), /* @__PURE__ */jsx(Accordion.Content, {
74
+ children: /* @__PURE__ */jsx(YStack, {
75
+ padding: "$4",
76
+ children: /* @__PURE__ */jsx(Text, {
77
+ children: "Orange Content"
78
+ })
79
+ })
80
+ })]
48
81
  })]
49
82
  });
50
83
  export { SimpleAccordion_stories_default as default, main };
package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { AccordionItem, SimpleAccordion } from "./index";
4
- import { YStack, Text } from "tamagui";
4
+ import { YStack, Text, XStack, H5, Accordion } from "tamagui";
5
+ import { ChevronRight } from "@tamagui/lucide-icons";
5
6
  function _define_property(obj, key, value) {
6
7
  return key in obj ? Object.defineProperty(obj, key, {
7
8
  value,
@@ -48,9 +49,11 @@ var SimpleAccordion_stories_default = {
48
49
  return /* @__PURE__ */ _jsxs(SimpleAccordion, _object_spread_props(_object_spread({}, args), {
49
50
  children: [
50
51
  /* @__PURE__ */ _jsx(AccordionItem, {
51
- trigger: /* @__PURE__ */ _jsx(Text, {
52
- children: "Trigger Apple "
53
- }),
52
+ trigger: function() {
53
+ return /* @__PURE__ */ _jsx(Text, {
54
+ children: "Trigger Apple "
55
+ });
56
+ },
54
57
  value: "apple",
55
58
  children: /* @__PURE__ */ _jsx(YStack, {
56
59
  padding: "$4",
@@ -60,9 +63,11 @@ var SimpleAccordion_stories_default = {
60
63
  })
61
64
  }),
62
65
  /* @__PURE__ */ _jsx(AccordionItem, {
63
- trigger: /* @__PURE__ */ _jsx(Text, {
64
- children: "Trigger Banana "
65
- }),
66
+ trigger: function() {
67
+ return /* @__PURE__ */ _jsx(Text, {
68
+ children: "Trigger Banana "
69
+ });
70
+ },
66
71
  value: "banana",
67
72
  children: /* @__PURE__ */ _jsx(YStack, {
68
73
  padding: "$4",
@@ -72,9 +77,21 @@ var SimpleAccordion_stories_default = {
72
77
  })
73
78
  }),
74
79
  /* @__PURE__ */ _jsx(AccordionItem, {
75
- trigger: /* @__PURE__ */ _jsx(Text, {
76
- children: "Trigger Orange "
77
- }),
80
+ trigger: function(open) {
81
+ return /* @__PURE__ */ _jsxs(XStack, {
82
+ children: [
83
+ /* @__PURE__ */ _jsx(YStack, {
84
+ animation: "quick",
85
+ rotate: open ? "90deg" : "0deg",
86
+ children: /* @__PURE__ */ _jsx(ChevronRight, {})
87
+ }),
88
+ /* @__PURE__ */ _jsx(H5, {
89
+ color: "$color10",
90
+ children: "Folders"
91
+ })
92
+ ]
93
+ });
94
+ },
78
95
  value: "orange",
79
96
  children: /* @__PURE__ */ _jsx(YStack, {
80
97
  padding: "$4",
@@ -82,6 +99,39 @@ var SimpleAccordion_stories_default = {
82
99
  children: "Orange Content"
83
100
  })
84
101
  })
102
+ }),
103
+ /* @__PURE__ */ _jsxs(Accordion.Item, {
104
+ value: "pipe",
105
+ children: [
106
+ /* @__PURE__ */ _jsx(Accordion.Trigger, {
107
+ flexDirection: "row",
108
+ justifyContent: "space-between",
109
+ children: function(param) {
110
+ var open = param.open;
111
+ return /* @__PURE__ */ _jsxs(XStack, {
112
+ children: [
113
+ /* @__PURE__ */ _jsx(YStack, {
114
+ animation: "quick",
115
+ rotate: open ? "90deg" : "0deg",
116
+ children: /* @__PURE__ */ _jsx(ChevronRight, {})
117
+ }),
118
+ /* @__PURE__ */ _jsx(H5, {
119
+ color: "$color10",
120
+ children: "Folders"
121
+ })
122
+ ]
123
+ });
124
+ }
125
+ }),
126
+ /* @__PURE__ */ _jsx(Accordion.Content, {
127
+ children: /* @__PURE__ */ _jsx(YStack, {
128
+ padding: "$4",
129
+ children: /* @__PURE__ */ _jsx(Text, {
130
+ children: "Orange Content"
131
+ })
132
+ })
133
+ })
134
+ ]
85
135
  })
86
136
  ]
87
137
  }));
package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],
4
- "mappings": ";AAqBA,OAAkB;AAClB,SAASA,eAAeC,uBAAuB;AAC/C,SAASC,QAAQC,YAAY;AAJ5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMD,IAAA,kCAAe;EACbC,OAAO;EACPC,WAAWJ;EACXK,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,sBAACT,iBAAAA,qBAAAA,eAAAA,CAAAA,GAAoBS,IAAAA,GAAAA;;MACnB,qBAACV,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAuBS,OAAM;kBACzD,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAwBS,OAAM;kBAC1D,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAcW,SAAS,qBAACR,MAAAA;oBAAK;;QAAwBS,OAAM;kBAC1D,qBAACV,QAAAA;UAAOW,SAAQ;oBACd,qBAACV,MAAAA;sBAAK;;;;;;;",
5
- "names": ["AccordionItem", "SimpleAccordion", "YStack", "Text", "title", "component", "parameters", "status", "type", "main", "args", "trigger", "value", "padding"]
4
+ "mappings": ";AAqBA,OAAkB;AAClB,SAASA,eAAeC,uBAAuB;AAC/C,SAASC,QAAQC,MAAMC,QAAQC,IAAIC,iBAAiB;AACpD,SAASC,oBAAoB;AAL5B,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,kCAAe;EACbC,OAAO;EACPC,WAAWR;EACXS,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAO,SAACC,MAAAA;SACnB,sBAACb,iBAAAA,qBAAAA,eAAAA,CAAAA,GAAoBa,IAAAA,GAAAA;;MACnB,qBAACd,eAAAA;QAAce,SAAS,WAAA;iBAAM,qBAACZ,MAAAA;sBAAK;;;QAAuBa,OAAM;kBAC/D,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QAAce,SAAS,WAAA;iBAAM,qBAACZ,MAAAA;sBAAK;;;QAAwBa,OAAM;kBAChE,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,qBAACH,eAAAA;QACCe,SAAS,SAACG,MAAAA;iBACR,sBAACd,QAAAA;;cACC,qBAACF,QAAAA;gBAAOiB,WAAU;gBAAQC,QAAQF,OAAO,UAAU;0BACjD,qBAACX,cAAAA,CAAAA,CAAAA;;cAEH,qBAACF,IAAAA;gBAAGgB,OAAM;0BAAW;;;;;QAGzBL,OAAM;kBAEN,qBAACd,QAAAA;UAAOe,SAAQ;oBACd,qBAACd,MAAAA;sBAAK;;;;MAGV,sBAACG,UAAUgB,MAAI;QAACN,OAAM;;UACpB,qBAACV,UAAUiB,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAGP,OAAAA,MAAAA;qBACF,sBAACd,QAAAA;;kBACC,qBAACF,QAAAA;oBAAOiB,WAAU;oBAAQC,QAAQF,OAAO,UAAU;8BACjD,qBAACX,cAAAA,CAAAA,CAAAA;;kBAEH,qBAACF,IAAAA;oBAAGgB,OAAM;8BAAW;;;;;;UAI3B,qBAACf,UAAUoB,SAAO;sBAChB,qBAACxB,QAAAA;cAAOe,SAAQ;wBACd,qBAACd,MAAAA;0BAAK;;;;;;;;;",
5
+ "names": ["AccordionItem", "SimpleAccordion", "YStack", "Text", "XStack", "H5", "Accordion", "ChevronRight", "title", "component", "parameters", "status", "type", "main", "args", "trigger", "value", "padding", "open", "animation", "rotate", "color", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
6
6
  }
package/dist/jsx/organize/SimpleAccordion/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { Accordion } from "tamagui";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  function SimpleAccordion({ children, ...props }) {
4
- return /* @__PURE__ */ jsx(Accordion, { overflow: "hidden", type: "single", ...props, children });
4
+ return /* @__PURE__ */ jsx(Accordion, { type: "multiple", ...props, children });
5
5
  }
6
6
  function AccordionItem({ trigger, triggerStyle, children, contentStyle, ...props }) {
7
7
  return /* @__PURE__ */ jsxs(Accordion.Item, { ...props, children: [
8
- /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: trigger }),
8
+ /* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", ...triggerStyle, children: ({ open }) => trigger(open) }),
9
9
  /* @__PURE__ */ jsx(Accordion.Content, { ...contentStyle, children })
10
10
  ] });
11
11
  }
package/dist/jsx/organize/SimpleAccordion/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": "AAuBA,SAAS,iBAAiB;AAiBtB,cAQA,YARA;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,aAAU,UAAS,UAAS,MAAK,UAAU,GAAG,OAC5C,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,mBACH;AAAA,IACA,oBAAC,UAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
4
+ "mappings": "AAuBA,SAAS,iBAAiB;AAiBtB,cAQA,YARA;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAyB;AAC5E,SACE,oBAAC,aAAU,MAAK,YAAY,GAAG,OAC5B,UACH;AAEJ;AAEO,SAAS,cAAc,EAAE,SAAS,cAAc,UAAU,cAAc,GAAG,MAAM,GAA6B;AACnH,SACE,qBAAC,UAAU,MAAV,EAAgB,GAAG,OAClB;AAAA,wBAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBAAiB,GAAG,cACvE,WAAC,EAAE,KAAK,MAAM,QAAQ,IAAI,GAC7B;AAAA,IACA,oBAAC,UAAU,SAAV,EAAmB,GAAG,cAAe,UAAS;AAAA,KACjD;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/jsx/organize/SimpleAccordion/index.mjs CHANGED
@@ -5,8 +5,7 @@ function SimpleAccordion({
5
5
  ...props
6
6
  }) {
7
7
  return /* @__PURE__ */jsx(Accordion, {
8
- overflow: "hidden",
9
- type: "single",
8
+ type: "multiple",
10
9
  ...props,
11
10
  children
12
11
  });
@@ -24,7 +23,9 @@ function AccordionItem({
24
23
  flexDirection: "row",
25
24
  justifyContent: "space-between",
26
25
  ...triggerStyle,
27
- children: trigger
26
+ children: ({
27
+ open
28
+ }) => trigger(open)
28
29
  }), /* @__PURE__ */jsx(Accordion.Content, {
29
30
  ...contentStyle,
30
31
  children
package/dist/jsx/organize/SimpleAccordion/index.native.js CHANGED
@@ -59,8 +59,7 @@ function SimpleAccordion(_param) {
59
59
  "children"
60
60
  ]);
61
61
  return /* @__PURE__ */ _jsx(Accordion, _object_spread_props(_object_spread({
62
- overflow: "hidden",
63
- type: "single"
62
+ type: "multiple"
64
63
  }, props), {
65
64
  children
66
65
  }));
@@ -78,7 +77,10 @@ function AccordionItem(_param) {
78
77
  flexDirection: "row",
79
78
  justifyContent: "space-between"
80
79
  }, triggerStyle), {
81
- children: trigger
80
+ children: function(param) {
81
+ var open = param.open;
82
+ return trigger(open);
83
+ }
82
84
  })),
83
85
  /* @__PURE__ */ _jsx(Accordion.Content, _object_spread_props(_object_spread({}, contentStyle), {
84
86
  children
package/dist/jsx/organize/SimpleAccordion/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/organize/SimpleAccordion/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/organize/SimpleAccordion/index.tsx"],
4
- "mappings": ";AAqBA,OAAkB;AAElB,SAASA,iBAAiB;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASC,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,qBAACF,WAAAA,qBAAAA,eAAAA;IAAUI,UAAS;IAASC,MAAK;KAAaF,KAAAA,GAAAA;;;AAInD;AAEO,SAASG,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcN,WAAzB,OAAyBA,UAAUO,eAAnC,OAAmCA,cAAiBN,QAAAA,2BAApD,QAAA;IAAEI;IAASC;IAAcN;IAAUO;;AAC/D,SACE,sBAACT,UAAUU,MAAI,qBAAA,eAAA,CAAA,GAAKP,KAAAA,GAAAA;;MAClB,qBAACH,UAAUW,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBL,YAAAA,GAAAA;kBACvED;;MAEH,qBAACP,UAAUc,SAAO,qBAAA,eAAA,CAAA,GAAKL,YAAAA,GAAAA;;;;;AAG7B;",
5
- "names": ["Accordion", "SimpleAccordion", "children", "props", "overflow", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "Item", "Trigger", "flexDirection", "justifyContent", "Content"]
4
+ "mappings": ";AAqBA,OAAkB;AAElB,SAASA,iBAAiB;AAJzB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAASC,gBAAgB,QAAA;MAAEC,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AAChC,SACE,qBAACF,WAAAA,qBAAAA,eAAAA;IAAUI,MAAK;KAAeD,KAAAA,GAAAA;;;AAInC;AAEO,SAASE,cAAc,QAAA;MAAEC,UAAF,OAAEA,SAASC,eAAX,OAAWA,cAAcL,WAAzB,OAAyBA,UAAUM,eAAnC,OAAmCA,cAAiBL,QAAAA,2BAApD,QAAA;IAAEG;IAASC;IAAcL;IAAUM;;AAC/D,SACE,sBAACR,UAAUS,MAAI,qBAAA,eAAA,CAAA,GAAKN,KAAAA,GAAAA;;MAClB,qBAACH,UAAUU,SAAO,qBAAA,eAAA;QAACC,eAAc;QAAMC,gBAAe;SAAoBL,YAAAA,GAAAA;kBACvE,SAAA,OAAA;cAAGM,OAAAA,MAAAA;iBAAWP,QAAQO,IAAAA;;;MAEzB,qBAACb,UAAUc,SAAO,qBAAA,eAAA,CAAA,GAAKN,YAAAA,GAAAA;;;;;AAG7B;",
5
+ "names": ["Accordion", "SimpleAccordion", "children", "props", "type", "AccordionItem", "trigger", "triggerStyle", "contentStyle", "Item", "Trigger", "flexDirection", "justifyContent", "open", "Content"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@multiplatform.one/components",
3
- "version": "1.0.7",
3
+ "version": "2.0.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -75,7 +75,7 @@
75
75
  "react-native-reanimated": "3.8.1",
76
76
  "solito": "^4.2.2",
77
77
  "tsup": "^8.0.2",
78
- "ui": "1.0.6"
78
+ "ui": "1.0.7"
79
79
  },
80
80
  "eslintIgnore": [
81
81
  "dist",
package/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx CHANGED
@@ -21,7 +21,8 @@
21
21
 
22
22
  import React from 'react';
23
23
  import { AccordionItem, SimpleAccordion } from './index';
24
- import { YStack, Text } from 'tamagui';
24
+ import { YStack, Text, XStack, H5, Accordion } from 'tamagui';
25
+ import { ChevronRight } from '@tamagui/lucide-icons';
25
26
 
26
27
  export default {
27
28
  title: 'organize/SimpleAccordion',
@@ -33,20 +34,47 @@ export default {
33
34
 
34
35
  export const main = (args) => (
35
36
  <SimpleAccordion {...args}>
36
- <AccordionItem trigger={<Text>Trigger Apple </Text>} value="apple">
37
+ <AccordionItem trigger={() => <Text>Trigger Apple </Text>} value="apple">
37
38
  <YStack padding="$4">
38
39
  <Text> Apple Content</Text>
39
40
  </YStack>
40
41
  </AccordionItem>
41
- <AccordionItem trigger={<Text>Trigger Banana </Text>} value="banana">
42
+ <AccordionItem trigger={() => <Text>Trigger Banana </Text>} value="banana">
42
43
  <YStack padding="$4">
43
44
  <Text>Banana Content</Text>
44
45
  </YStack>
45
46
  </AccordionItem>
46
- <AccordionItem trigger={<Text>Trigger Orange </Text>} value="orange">
47
+ <AccordionItem
48
+ trigger={(open) => (
49
+ <XStack>
50
+ <YStack animation="quick" rotate={open ? '90deg' : '0deg'}>
51
+ <ChevronRight />
52
+ </YStack>
53
+ <H5 color="$color10">Folders</H5>
54
+ </XStack>
55
+ )}
56
+ value="orange"
57
+ >
47
58
  <YStack padding="$4">
48
59
  <Text>Orange Content</Text>
49
60
  </YStack>
50
61
  </AccordionItem>
62
+ <Accordion.Item value="pipe">
63
+ <Accordion.Trigger flexDirection="row" justifyContent="space-between">
64
+ {({ open }) => (
65
+ <XStack>
66
+ <YStack animation="quick" rotate={open ? '90deg' : '0deg'}>
67
+ <ChevronRight />
68
+ </YStack>
69
+ <H5 color="$color10">Folders</H5>
70
+ </XStack>
71
+ )}
72
+ </Accordion.Trigger>
73
+ <Accordion.Content>
74
+ <YStack padding="$4">
75
+ <Text>Orange Content</Text>
76
+ </YStack>
77
+ </Accordion.Content>
78
+ </Accordion.Item>
51
79
  </SimpleAccordion>
52
80
  );
package/src/organize/SimpleAccordion/index.tsx CHANGED
@@ -30,7 +30,7 @@ interface SimpleAccordionProps {
30
30
  }
31
31
 
32
32
  type SimpleAccordionItemProps = AccordionItemProps & {
33
- trigger: React.ReactNode;
33
+ trigger: (open: boolean) => React.ReactNode;
34
34
  triggerStyle?: AccordionTriggerProps;
35
35
  contentStyle?: AccordionContentProps;
36
36
  children: React.ReactNode;
@@ -38,7 +38,7 @@ type SimpleAccordionItemProps = AccordionItemProps & {
38
38
 
39
39
  export function SimpleAccordion({ children, ...props }: SimpleAccordionProps) {
40
40
  return (
41
- <Accordion overflow="hidden" type="single" {...props}>
41
+ <Accordion type="multiple" {...props}>
42
42
  {children}
43
43
  </Accordion>
44
44
  );
@@ -48,7 +48,7 @@ export function AccordionItem({ trigger, triggerStyle, children, contentStyle, .
48
48
  return (
49
49
  <Accordion.Item {...props}>
50
50
  <Accordion.Trigger flexDirection="row" justifyContent="space-between" {...triggerStyle}>
51
- {trigger}
51
+ {({ open }) => trigger(open)}
52
52
  </Accordion.Trigger>
53
53
  <Accordion.Content {...contentStyle}>{children}</Accordion.Content>
54
54
  </Accordion.Item>
package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleAccordion.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAGzD,wBAME;AAEF,eAAO,MAAM,IAAI,kCAkBhB,CAAC"}
1
+ {"version":3,"file":"SimpleAccordion.stories.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/SimpleAccordion.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAIzD,wBAME;AAEF,eAAO,MAAM,IAAI,kCA6ChB,CAAC"}
package/types/organize/SimpleAccordion/index.d.ts CHANGED
@@ -26,7 +26,7 @@ interface SimpleAccordionProps {
26
26
  type?: 'single' | 'multiple';
27
27
  }
28
28
  type SimpleAccordionItemProps = AccordionItemProps & {
29
- trigger: React.ReactNode;
29
+ trigger: (open: boolean) => React.ReactNode;
30
30
  triggerStyle?: AccordionTriggerProps;
31
31
  contentStyle?: AccordionContentProps;
32
32
  children: React.ReactNode;
package/types/organize/SimpleAccordion/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhG,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAC9B;AAED,KAAK,wBAAwB,GAAG,kBAAkB,GAAG;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAM3E;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBASlH"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organize/SimpleAccordion/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhG,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAC9B;AAED,KAAK,wBAAwB,GAAG,kBAAkB,GAAG;IACnD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAM3E;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBASlH"}