@tipp/ui 1.0.39 → 1.0.41

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 (117) hide show
  1. package/dist/atoms/avatar.d.cts +3 -3
  2. package/dist/atoms/avatar.d.ts +3 -3
  3. package/dist/atoms/badge.d.cts +3 -3
  4. package/dist/atoms/badge.d.ts +3 -3
  5. package/dist/atoms/button.d.cts +3 -3
  6. package/dist/atoms/button.d.ts +3 -3
  7. package/dist/atoms/card.d.cts +3 -3
  8. package/dist/atoms/card.d.ts +3 -3
  9. package/dist/atoms/check-box-group.d.cts +4 -4
  10. package/dist/atoms/check-box-group.d.ts +4 -4
  11. package/dist/atoms/check-box.d.cts +3 -3
  12. package/dist/atoms/check-box.d.ts +3 -3
  13. package/dist/atoms/collapse.d.cts +3 -3
  14. package/dist/atoms/collapse.d.ts +3 -3
  15. package/dist/atoms/drawer.d.cts +8 -8
  16. package/dist/atoms/drawer.d.ts +8 -8
  17. package/dist/atoms/drawer.js +2 -2
  18. package/dist/atoms/dropdown-menu.cjs +51 -1
  19. package/dist/atoms/dropdown-menu.cjs.map +1 -1
  20. package/dist/atoms/dropdown-menu.d.cts +26 -1
  21. package/dist/atoms/dropdown-menu.d.ts +26 -1
  22. package/dist/atoms/dropdown-menu.js +1 -1
  23. package/dist/atoms/ellipsis-tooltip.d.cts +2 -2
  24. package/dist/atoms/ellipsis-tooltip.d.ts +2 -2
  25. package/dist/atoms/field-error-wrapper.d.cts +3 -3
  26. package/dist/atoms/field-error-wrapper.d.ts +3 -3
  27. package/dist/atoms/form.d.cts +7 -7
  28. package/dist/atoms/form.d.ts +7 -7
  29. package/dist/atoms/index.cjs +94 -73
  30. package/dist/atoms/index.cjs.map +1 -1
  31. package/dist/atoms/index.d.cts +2 -1
  32. package/dist/atoms/index.d.ts +2 -1
  33. package/dist/atoms/index.js +59 -59
  34. package/dist/atoms/pagination.d.cts +2 -2
  35. package/dist/atoms/pagination.d.ts +2 -2
  36. package/dist/atoms/pagination.js +2 -2
  37. package/dist/atoms/typo.d.cts +2 -2
  38. package/dist/atoms/typo.d.ts +2 -2
  39. package/dist/charts/horizontal-bar-chart.d.cts +2 -2
  40. package/dist/charts/horizontal-bar-chart.d.ts +2 -2
  41. package/dist/chunk-46A3Q5FJ.js +59 -0
  42. package/dist/chunk-46A3Q5FJ.js.map +1 -0
  43. package/dist/chunk-4AI7AKMF.js +34 -0
  44. package/dist/chunk-4AI7AKMF.js.map +1 -0
  45. package/dist/chunk-4D6AW2AL.js +36 -0
  46. package/dist/chunk-4D6AW2AL.js.map +1 -0
  47. package/dist/chunk-4ZCLCSZJ.js +59 -0
  48. package/dist/chunk-4ZCLCSZJ.js.map +1 -0
  49. package/dist/chunk-6XEKRSH4.js +119 -0
  50. package/dist/chunk-6XEKRSH4.js.map +1 -0
  51. package/dist/chunk-7A7J457W.js +63 -0
  52. package/dist/chunk-7A7J457W.js.map +1 -0
  53. package/dist/chunk-7DMFFGJO.js +36 -0
  54. package/dist/chunk-7DMFFGJO.js.map +1 -0
  55. package/dist/chunk-AH3JQGIV.js +36 -0
  56. package/dist/chunk-AH3JQGIV.js.map +1 -0
  57. package/dist/chunk-BGEMXQCK.js +59 -0
  58. package/dist/chunk-BGEMXQCK.js.map +1 -0
  59. package/dist/chunk-E237B7Y6.js +33 -0
  60. package/dist/chunk-E237B7Y6.js.map +1 -0
  61. package/dist/chunk-EIRUKSOW.js +34 -0
  62. package/dist/chunk-EIRUKSOW.js.map +1 -0
  63. package/dist/chunk-EKFTULUP.js +34 -0
  64. package/dist/chunk-EKFTULUP.js.map +1 -0
  65. package/dist/chunk-FXU6OEPZ.js +12 -0
  66. package/dist/chunk-FXU6OEPZ.js.map +1 -0
  67. package/dist/chunk-GAXVJHRD.js +104 -0
  68. package/dist/chunk-GAXVJHRD.js.map +1 -0
  69. package/dist/chunk-MFLJ2V3R.js +63 -0
  70. package/dist/chunk-MFLJ2V3R.js.map +1 -0
  71. package/dist/chunk-NSSO2QWC.js +63 -0
  72. package/dist/chunk-NSSO2QWC.js.map +1 -0
  73. package/dist/chunk-P4T2KKQP.js +63 -0
  74. package/dist/chunk-P4T2KKQP.js.map +1 -0
  75. package/dist/chunk-R43PBEHD.js +63 -0
  76. package/dist/chunk-R43PBEHD.js.map +1 -0
  77. package/dist/chunk-RKLEKAON.js +63 -0
  78. package/dist/chunk-RKLEKAON.js.map +1 -0
  79. package/dist/chunk-S6R7UAYR.js +36 -0
  80. package/dist/chunk-S6R7UAYR.js.map +1 -0
  81. package/dist/chunk-UMZNOFYA.js +33 -0
  82. package/dist/chunk-UMZNOFYA.js.map +1 -0
  83. package/dist/chunk-Z32GH5FC.js +8 -0
  84. package/dist/chunk-Z32GH5FC.js.map +1 -0
  85. package/dist/icons/down.d.cts +2 -2
  86. package/dist/icons/down.d.ts +2 -2
  87. package/dist/icons/up.d.cts +2 -2
  88. package/dist/icons/up.d.ts +2 -2
  89. package/dist/index.cjs +151 -126
  90. package/dist/index.cjs.map +1 -1
  91. package/dist/index.css +3 -0
  92. package/dist/index.css.map +1 -1
  93. package/dist/index.d.cts +2 -1
  94. package/dist/index.d.ts +2 -1
  95. package/dist/index.js +69 -69
  96. package/dist/molecules/date-picker/index.d.cts +2 -2
  97. package/dist/molecules/date-picker/index.d.ts +2 -2
  98. package/dist/molecules/date-picker/index.js +2 -2
  99. package/dist/molecules/expand-table/index.d.cts +3 -3
  100. package/dist/molecules/expand-table/index.d.ts +3 -3
  101. package/dist/molecules/expand-table/index.js +27 -27
  102. package/dist/molecules/expand-table/row.d.cts +3 -3
  103. package/dist/molecules/expand-table/row.d.ts +3 -3
  104. package/dist/molecules/expand-table/row.js +24 -24
  105. package/dist/molecules/index.cjs +6 -2
  106. package/dist/molecules/index.cjs.map +1 -1
  107. package/dist/molecules/index.js +29 -29
  108. package/dist/molecules/navigation.cjs +6 -2
  109. package/dist/molecules/navigation.cjs.map +1 -1
  110. package/dist/molecules/navigation.d.cts +4 -4
  111. package/dist/molecules/navigation.d.ts +4 -4
  112. package/dist/molecules/navigation.js +25 -25
  113. package/dist/theme/theme-provider.d.cts +4 -4
  114. package/dist/theme/theme-provider.d.ts +4 -4
  115. package/package.json +1 -1
  116. package/src/atoms/dropdown-menu.tsx +29 -1
  117. package/src/molecules/navigation.tsx +6 -2
@@ -0,0 +1,63 @@
1
+ import {
2
+ Flex
3
+ } from "./chunk-25HMMI7R.js";
4
+ import {
5
+ Typo
6
+ } from "./chunk-O3XTRD7R.js";
7
+ import {
8
+ Button
9
+ } from "./chunk-AQX7DQLI.js";
10
+
11
+ // src/molecules/navigation.tsx
12
+ import { jsx, jsxs } from "react/jsx-runtime";
13
+ function Navigation({
14
+ items,
15
+ fontColor,
16
+ backgroundColor,
17
+ activeKey
18
+ }) {
19
+ return /* @__PURE__ */ jsx(
20
+ Flex,
21
+ {
22
+ direction: "column",
23
+ gap: "4",
24
+ pr: "3",
25
+ style: {
26
+ color: fontColor || "var(--white-a12)",
27
+ backgroundColor: backgroundColor || "var(--black-a12)"
28
+ },
29
+ children: items == null ? void 0 : items.map((item) => {
30
+ const { key, title, icon, itemRender, onClick, children } = item;
31
+ return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
32
+ itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
33
+ icon,
34
+ /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
35
+ ] }),
36
+ children == null ? void 0 : children.map((menu) => {
37
+ return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
38
+ Button,
39
+ {
40
+ className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
41
+ ml: "6",
42
+ onClick: menu.onClick,
43
+ size: "large",
44
+ style: {
45
+ color: "var(--white-a12)",
46
+ height: "32px",
47
+ paddingLeft: "var(--space-2)"
48
+ },
49
+ children: menu.title
50
+ },
51
+ menu.key
52
+ );
53
+ })
54
+ ] }, key);
55
+ })
56
+ }
57
+ );
58
+ }
59
+
60
+ export {
61
+ Navigation
62
+ };
63
+ //# sourceMappingURL=chunk-P4T2KKQP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"6\"\n onClick={menu.onClick}\n size=\"large\"\n style={{\n color: 'var(--white-a12)',\n height: '32px',\n paddingLeft: 'var(--space-2)',\n }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
@@ -0,0 +1,63 @@
1
+ import {
2
+ Flex
3
+ } from "./chunk-25HMMI7R.js";
4
+ import {
5
+ Typo
6
+ } from "./chunk-O3XTRD7R.js";
7
+ import {
8
+ Button
9
+ } from "./chunk-AQX7DQLI.js";
10
+
11
+ // src/molecules/navigation.tsx
12
+ import { jsx, jsxs } from "react/jsx-runtime";
13
+ function Navigation({
14
+ items,
15
+ fontColor,
16
+ backgroundColor,
17
+ activeKey
18
+ }) {
19
+ return /* @__PURE__ */ jsx(
20
+ Flex,
21
+ {
22
+ direction: "column",
23
+ gap: "4",
24
+ pr: "3",
25
+ style: {
26
+ color: fontColor || "var(--white-a12)",
27
+ backgroundColor: backgroundColor || "var(--black-a12)"
28
+ },
29
+ children: items == null ? void 0 : items.map((item) => {
30
+ const { key, title, icon, itemRender, onClick, children } = item;
31
+ return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
32
+ itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
33
+ icon,
34
+ /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
35
+ ] }),
36
+ children == null ? void 0 : children.map((menu) => {
37
+ return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
38
+ Button,
39
+ {
40
+ className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
41
+ ml: "7",
42
+ onClick: menu.onClick,
43
+ size: "large",
44
+ style: {
45
+ color: "var(--white-a12)",
46
+ height: "32px",
47
+ paddingLeft: "var(--space-2)"
48
+ },
49
+ children: menu.title
50
+ },
51
+ menu.key
52
+ );
53
+ })
54
+ ] }, key);
55
+ })
56
+ }
57
+ );
58
+ }
59
+
60
+ export {
61
+ Navigation
62
+ };
63
+ //# sourceMappingURL=chunk-R43PBEHD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"7\"\n onClick={menu.onClick}\n size=\"large\"\n style={{\n color: 'var(--white-a12)',\n height: '32px',\n paddingLeft: 'var(--space-2)',\n }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
@@ -0,0 +1,63 @@
1
+ import {
2
+ Flex
3
+ } from "./chunk-25HMMI7R.js";
4
+ import {
5
+ Typo
6
+ } from "./chunk-O3XTRD7R.js";
7
+ import {
8
+ Button
9
+ } from "./chunk-AQX7DQLI.js";
10
+
11
+ // src/molecules/navigation.tsx
12
+ import { jsx, jsxs } from "react/jsx-runtime";
13
+ function Navigation({
14
+ items,
15
+ fontColor,
16
+ backgroundColor,
17
+ activeKey
18
+ }) {
19
+ return /* @__PURE__ */ jsx(
20
+ Flex,
21
+ {
22
+ direction: "column",
23
+ gap: "4",
24
+ pr: "3",
25
+ style: {
26
+ color: fontColor || "var(--white-a12)",
27
+ backgroundColor: backgroundColor || "var(--black-a12)"
28
+ },
29
+ children: items == null ? void 0 : items.map((item) => {
30
+ const { key, title, icon, itemRender, onClick, children } = item;
31
+ return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
32
+ itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
33
+ icon,
34
+ /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
35
+ ] }),
36
+ children == null ? void 0 : children.map((menu) => {
37
+ return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
38
+ Button,
39
+ {
40
+ className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
41
+ ml: "37px",
42
+ onClick: menu.onClick,
43
+ size: "large",
44
+ style: {
45
+ color: "var(--white-a12)",
46
+ height: "32px",
47
+ paddingLeft: "var(--space-2)"
48
+ },
49
+ children: menu.title
50
+ },
51
+ menu.key
52
+ );
53
+ })
54
+ ] }, key);
55
+ })
56
+ }
57
+ );
58
+ }
59
+
60
+ export {
61
+ Navigation
62
+ };
63
+ //# sourceMappingURL=chunk-RKLEKAON.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"37px\"\n onClick={menu.onClick}\n size=\"large\"\n style={{\n color: 'var(--white-a12)',\n height: '32px',\n paddingLeft: 'var(--space-2)',\n }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
@@ -0,0 +1,36 @@
1
+ import {
2
+ __objRest,
3
+ __spreadProps,
4
+ __spreadValues
5
+ } from "./chunk-N552FDTV.js";
6
+
7
+ // src/atoms/dropdown-menu.tsx
8
+ import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
9
+ import { forwardRef, useMemo } from "react";
10
+ import { jsx } from "react/jsx-runtime";
11
+ var Content = forwardRef(
12
+ (props, ref) => {
13
+ const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
14
+ const etcClassName = useMemo(() => {
15
+ return isNavigation ? "dropdown-navigation" : "";
16
+ }, [isNavigation]);
17
+ return /* @__PURE__ */ jsx(
18
+ RadixDropdownMenu.Content,
19
+ __spreadProps(__spreadValues({
20
+ ref
21
+ }, rest), {
22
+ className: `${className} ${etcClassName}`
23
+ })
24
+ );
25
+ }
26
+ );
27
+ Content.displayName = "Select.Content";
28
+ var DropdownMenu = __spreadProps(__spreadValues({}, RadixDropdownMenu), {
29
+ Content
30
+ });
31
+
32
+ export {
33
+ Content,
34
+ DropdownMenu
35
+ };
36
+ //# sourceMappingURL=chunk-S6R7UAYR.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\nexport type ContentProps = RadixDropdownMenu.ContentProps & {\n isNavigation?: boolean;\n};\n\nexport const Content = forwardRef<HTMLDivElement, ContentProps>(\n (props, ref) => {\n const { isNavigation, className, ...rest } = props;\n const etcClassName = useMemo(() => {\n return isNavigation ? 'dropdown-navigation' : '';\n }, [isNavigation]);\n\n return (\n <RadixDropdownMenu.Content\n ref={ref}\n {...rest}\n className={`${className} ${etcClassName}`}\n />\n );\n }\n);\n\nContent.displayName = 'Select.Content';\n\nexport const DropdownMenu = {\n ...RadixDropdownMenu,\n Content,\n};\n"],"mappings":";;;;;;;AAAA,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,YAAY,eAAe;AAc9B;AARC,IAAM,UAAU;AAAA,EACrB,CAAC,OAAO,QAAQ;AACd,UAA6C,YAArC,gBAAc,UAT1B,IASiD,IAAT,iBAAS,IAAT,CAA5B,gBAAc;AACtB,UAAM,eAAe,QAAQ,MAAM;AACjC,aAAO,eAAe,wBAAwB;AAAA,IAChD,GAAG,CAAC,YAAY,CAAC;AAEjB,WACE;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC;AAAA,SACI,OAFL;AAAA,QAGC,WAAW,GAAG,SAAS,IAAI,YAAY;AAAA;AAAA,IACzC;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;AAEf,IAAM,eAAe,iCACvB,oBADuB;AAAA,EAE1B;AACF;","names":[]}
@@ -0,0 +1,33 @@
1
+ import {
2
+ __objRest,
3
+ __spreadProps,
4
+ __spreadValues
5
+ } from "./chunk-N552FDTV.js";
6
+
7
+ // src/atoms/dropdown-menu.tsx
8
+ import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
9
+ import { forwardRef, useMemo } from "react";
10
+ import { jsx } from "react/jsx-runtime";
11
+ var Content = forwardRef((props, ref) => {
12
+ const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
13
+ const etcClassName = useMemo(() => {
14
+ return isNavigation ? "dropdown-navigation" : "";
15
+ }, [isNavigation]);
16
+ return /* @__PURE__ */ jsx(
17
+ RadixDropdownMenu.Content,
18
+ __spreadProps(__spreadValues({
19
+ ref
20
+ }, rest), {
21
+ className: `${className} ${etcClassName}`
22
+ })
23
+ );
24
+ });
25
+ Content.displayName = "DropdownMenu.Content";
26
+ var DropdownMenu = __spreadProps(__spreadValues({}, RadixDropdownMenu), {
27
+ Content
28
+ });
29
+
30
+ export {
31
+ DropdownMenu
32
+ };
33
+ //# sourceMappingURL=chunk-UMZNOFYA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\nexport type ContentProps = RadixDropdownMenu.ContentProps & {\n isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n const { isNavigation, className, ...rest } = props;\n const etcClassName = useMemo(() => {\n return isNavigation ? 'dropdown-navigation' : '';\n }, [isNavigation]);\n\n return (\n <RadixDropdownMenu.Content\n ref={ref}\n {...rest}\n className={`${className} ${etcClassName}`}\n />\n );\n});\n\nContent.displayName = 'DropdownMenu.Content';\n\nexport const DropdownMenu = {\n ...RadixDropdownMenu,\n Content,\n};\n"],"mappings":";;;;;;;AAAA,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,YAAY,eAAe;AAahC;AAPJ,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAA6C,YAArC,gBAAc,UARxB,IAQ+C,IAAT,iBAAS,IAAT,CAA5B,gBAAc;AACtB,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,eAAe,wBAAwB;AAAA,EAChD,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW,GAAG,SAAS,IAAI,YAAY;AAAA;AAAA,EACzC;AAEJ,CAAC;AAED,QAAQ,cAAc;AAEf,IAAM,eAAe,iCACvB,oBADuB;AAAA,EAE1B;AACF;","names":[]}
@@ -0,0 +1,8 @@
1
+ // src/atoms/select.tsx
2
+ import { Select as RadixSelect } from "@radix-ui/themes";
3
+ var Select = RadixSelect;
4
+
5
+ export {
6
+ Select
7
+ };
8
+ //# sourceMappingURL=chunk-Z32GH5FC.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/atoms/select.tsx"],"sourcesContent":["import { Select as RadixSelect } from '@radix-ui/themes';\n\nexport const Select = RadixSelect;\n"],"mappings":";AAAA,SAAS,UAAU,mBAAmB;AAE/B,IAAM,SAAS;","names":[]}
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
2
  import { IconProps } from './types.cjs';
3
3
 
4
- declare const TriangleArrowDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
4
+ declare const TriangleArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
5
5
 
6
6
  export { TriangleArrowDownIcon };
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
2
  import { IconProps } from './types.js';
3
3
 
4
- declare const TriangleArrowDownIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
4
+ declare const TriangleArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
5
5
 
6
6
  export { TriangleArrowDownIcon };
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
2
  import { IconProps } from './types.cjs';
3
3
 
4
- declare const TriangleArrowUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
4
+ declare const TriangleArrowUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
5
5
 
6
6
  export { TriangleArrowUpIcon };
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
2
  import { IconProps } from './types.js';
3
3
 
4
- declare const TriangleArrowUpIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
4
+ declare const TriangleArrowUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
5
5
 
6
6
  export { TriangleArrowUpIcon };