@nooeh/ui 0.1.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 (175) hide show
  1. package/LICENSE +201 -0
  2. package/dist/Icon.d.ts +43 -0
  3. package/dist/Icon.js +85 -0
  4. package/dist/Icon.js.map +7 -0
  5. package/dist/accordion.d.ts +6 -0
  6. package/dist/accordion.js +419 -0
  7. package/dist/accordion.js.map +7 -0
  8. package/dist/alert-dialog.d.ts +22 -0
  9. package/dist/alert-dialog.js +699 -0
  10. package/dist/alert-dialog.js.map +7 -0
  11. package/dist/aspect-ratio.d.ts +7 -0
  12. package/dist/aspect-ratio.js +95 -0
  13. package/dist/aspect-ratio.js.map +7 -0
  14. package/dist/attachment.d.ts +24 -0
  15. package/dist/attachment.js +790 -0
  16. package/dist/attachment.js.map +7 -0
  17. package/dist/avatar.d.ts +14 -0
  18. package/dist/avatar.js +451 -0
  19. package/dist/avatar.js.map +7 -0
  20. package/dist/badge.d.ts +9 -0
  21. package/dist/badge.js +130 -0
  22. package/dist/badge.js.map +7 -0
  23. package/dist/banner.d.ts +19 -0
  24. package/dist/banner.js +415 -0
  25. package/dist/banner.js.map +7 -0
  26. package/dist/breadcrumb.d.ts +10 -0
  27. package/dist/breadcrumb.js +419 -0
  28. package/dist/breadcrumb.js.map +7 -0
  29. package/dist/bubble.d.ts +8 -0
  30. package/dist/bubble.js +124 -0
  31. package/dist/bubble.js.map +7 -0
  32. package/dist/button-group.d.ts +14 -0
  33. package/dist/button-group.js +428 -0
  34. package/dist/button-group.js.map +7 -0
  35. package/dist/button.d.ts +13 -0
  36. package/dist/button.js +228 -0
  37. package/dist/button.js.map +7 -0
  38. package/dist/card.d.ts +15 -0
  39. package/dist/card.js +469 -0
  40. package/dist/card.js.map +7 -0
  41. package/dist/checkbox.d.ts +7 -0
  42. package/dist/checkbox.js +204 -0
  43. package/dist/checkbox.js.map +7 -0
  44. package/dist/cli.js +6 -0
  45. package/dist/cli.js.map +7 -0
  46. package/dist/collapsible.d.ts +5 -0
  47. package/dist/collapsible.js +345 -0
  48. package/dist/collapsible.js.map +7 -0
  49. package/dist/combobox.d.ts +15 -0
  50. package/dist/combobox.js +553 -0
  51. package/dist/combobox.js.map +7 -0
  52. package/dist/content-row.d.ts +19 -0
  53. package/dist/content-row.js +446 -0
  54. package/dist/content-row.js.map +7 -0
  55. package/dist/context-menu.d.ts +4 -0
  56. package/dist/context-menu.js +892 -0
  57. package/dist/context-menu.js.map +7 -0
  58. package/dist/dialog.d.ts +23 -0
  59. package/dist/dialog.js +492 -0
  60. package/dist/dialog.js.map +7 -0
  61. package/dist/dropdown-menu.d.ts +28 -0
  62. package/dist/dropdown-menu.js +885 -0
  63. package/dist/dropdown-menu.js.map +7 -0
  64. package/dist/empty.d.ts +12 -0
  65. package/dist/empty.js +361 -0
  66. package/dist/empty.js.map +7 -0
  67. package/dist/field.d.ts +20 -0
  68. package/dist/field.js +636 -0
  69. package/dist/field.js.map +7 -0
  70. package/dist/global.css +23 -0
  71. package/dist/hover-card.d.ts +12 -0
  72. package/dist/hover-card.js +159 -0
  73. package/dist/hover-card.js.map +7 -0
  74. package/dist/index.d.ts +87 -0
  75. package/dist/index.js +14694 -0
  76. package/dist/index.js.map +7 -0
  77. package/dist/input-group.d.ts +21 -0
  78. package/dist/input-group.js +927 -0
  79. package/dist/input-group.js.map +7 -0
  80. package/dist/input-otp.d.ts +10 -0
  81. package/dist/input-otp.js +246 -0
  82. package/dist/input-otp.js.map +7 -0
  83. package/dist/input.d.ts +7 -0
  84. package/dist/input.js +121 -0
  85. package/dist/input.js.map +7 -0
  86. package/dist/kbd.d.ts +8 -0
  87. package/dist/kbd.js +170 -0
  88. package/dist/kbd.js.map +7 -0
  89. package/dist/label.d.ts +6 -0
  90. package/dist/label.js +89 -0
  91. package/dist/label.js.map +7 -0
  92. package/dist/link.d.ts +14 -0
  93. package/dist/link.js +244 -0
  94. package/dist/link.js.map +7 -0
  95. package/dist/marker.d.ts +9 -0
  96. package/dist/marker.js +206 -0
  97. package/dist/marker.js.map +7 -0
  98. package/dist/menubar.d.ts +19 -0
  99. package/dist/menubar.js +1011 -0
  100. package/dist/menubar.js.map +7 -0
  101. package/dist/message-scroller.d.ts +10 -0
  102. package/dist/message-scroller.js +487 -0
  103. package/dist/message-scroller.js.map +7 -0
  104. package/dist/message.d.ts +10 -0
  105. package/dist/message.js +237 -0
  106. package/dist/message.js.map +7 -0
  107. package/dist/native-select.d.ts +9 -0
  108. package/dist/native-select.js +274 -0
  109. package/dist/native-select.js.map +7 -0
  110. package/dist/navigation-menu.d.ts +11 -0
  111. package/dist/navigation-menu.js +590 -0
  112. package/dist/navigation-menu.js.map +7 -0
  113. package/dist/pagination.d.ts +12 -0
  114. package/dist/pagination.js +481 -0
  115. package/dist/pagination.js.map +7 -0
  116. package/dist/popover.d.ts +14 -0
  117. package/dist/popover.js +293 -0
  118. package/dist/popover.js.map +7 -0
  119. package/dist/primitives.d.ts +1 -0
  120. package/dist/primitives.js +3 -0
  121. package/dist/primitives.js.map +7 -0
  122. package/dist/progress.d.ts +7 -0
  123. package/dist/progress.js +95 -0
  124. package/dist/progress.js.map +7 -0
  125. package/dist/radio-group.d.ts +12 -0
  126. package/dist/radio-group.js +184 -0
  127. package/dist/radio-group.js.map +7 -0
  128. package/dist/scroll-area.d.ts +10 -0
  129. package/dist/scroll-area.js +266 -0
  130. package/dist/scroll-area.js.map +7 -0
  131. package/dist/select.d.ts +14 -0
  132. package/dist/select.js +505 -0
  133. package/dist/select.js.map +7 -0
  134. package/dist/separator.d.ts +8 -0
  135. package/dist/separator.js +110 -0
  136. package/dist/separator.js.map +7 -0
  137. package/dist/skeleton.d.ts +6 -0
  138. package/dist/skeleton.js +87 -0
  139. package/dist/skeleton.js.map +7 -0
  140. package/dist/slider.d.ts +9 -0
  141. package/dist/slider.js +149 -0
  142. package/dist/slider.js.map +7 -0
  143. package/dist/spinner.d.ts +7 -0
  144. package/dist/spinner.js +99 -0
  145. package/dist/spinner.js.map +7 -0
  146. package/dist/stylex-props.d.ts +3 -0
  147. package/dist/stylex.css +1976 -0
  148. package/dist/switch.d.ts +8 -0
  149. package/dist/switch.js +159 -0
  150. package/dist/switch.js.map +7 -0
  151. package/dist/table.d.ts +14 -0
  152. package/dist/table.js +406 -0
  153. package/dist/table.js.map +7 -0
  154. package/dist/tabs.d.ts +10 -0
  155. package/dist/tabs.js +455 -0
  156. package/dist/tabs.js.map +7 -0
  157. package/dist/textarea.d.ts +6 -0
  158. package/dist/textarea.js +121 -0
  159. package/dist/textarea.js.map +7 -0
  160. package/dist/toast.d.ts +9 -0
  161. package/dist/toast.js +668 -0
  162. package/dist/toast.js.map +7 -0
  163. package/dist/toggle-group.d.ts +18 -0
  164. package/dist/toggle-group.js +302 -0
  165. package/dist/toggle-group.js.map +7 -0
  166. package/dist/toggle.d.ts +11 -0
  167. package/dist/toggle.js +153 -0
  168. package/dist/toggle.js.map +7 -0
  169. package/dist/tooltip.d.ts +11 -0
  170. package/dist/tooltip.js +154 -0
  171. package/dist/tooltip.js.map +7 -0
  172. package/dist/typography.d.ts +292 -0
  173. package/dist/typography.js +92 -0
  174. package/dist/typography.js.map +7 -0
  175. package/package.json +103 -0
@@ -0,0 +1,8 @@
1
+ import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
2
+ import * as stylex from "@stylexjs/stylex";
3
+ import type { ComponentProps } from "react";
4
+ export type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {
5
+ size?: "md" | "sm";
6
+ xstyle?: stylex.StyleXStyles;
7
+ };
8
+ export declare function Switch({ className, size, style, xstyle, ...props }: SwitchProps): import("react").JSX.Element;
package/dist/switch.js ADDED
@@ -0,0 +1,159 @@
1
+ // src/switch.tsx
2
+ import { c as _c } from "react/compiler-runtime";
3
+ import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
4
+ import * as stylex from "@stylexjs/stylex";
5
+ import { jsx } from "react/jsx-runtime";
6
+ var styles = {
7
+ root: {
8
+ kGNEyG: "x6s0dn4",
9
+ kysU6D: "xjyslct",
10
+ kWkggS: "xrzcjx",
11
+ ksu8eU: "xng3xce",
12
+ kMzoRj: "xc342km",
13
+ kaIpWk: "xlcjyoq",
14
+ kkrTdU: "x1ypdohk",
15
+ k1xSpc: "x3nfvp2",
16
+ kmuXW: "x2lah0s",
17
+ kI3sdo: "x1a2a7pz",
18
+ kmVPX3: "x1ngqb6p",
19
+ kIyJzY: "x1uff5cw",
20
+ k1ekBW: "x1e8aii2",
21
+ kZs9gx: "x1tdmnsb",
22
+ kiEn40: "xe0szup",
23
+ k7shQP: "x9v5kkp",
24
+ kPJHz1: "xe0iu4d",
25
+ kYPGJ8: "x1s07b3s",
26
+ $$css: true
27
+ },
28
+ sm: {
29
+ kZKoxP: "xam5rvr",
30
+ kzqmXN: "xs5h3dt",
31
+ $$css: true
32
+ },
33
+ md: {
34
+ kZKoxP: "xam5rvr",
35
+ kzqmXN: "xvm51jw",
36
+ $$css: true
37
+ },
38
+ checked: {
39
+ kWkggS: "x1daa10s",
40
+ $$css: true
41
+ },
42
+ disabled: {
43
+ kWkggS: "xrzcjx",
44
+ kkrTdU: "x1h6gzvc",
45
+ $$css: true
46
+ },
47
+ thumb: {
48
+ kWkggS: "x11m93s7",
49
+ kaIpWk: "xlcjyoq",
50
+ k1xSpc: "x1lliihq",
51
+ k3aq6I: "xbryuvx",
52
+ kIyJzY: "x1uff5cw",
53
+ k1ekBW: "x11xpdln",
54
+ $$css: true
55
+ },
56
+ thumbsm: {
57
+ kZKoxP: "x1l36t39",
58
+ kzqmXN: "xcdlrvm",
59
+ $$css: true
60
+ },
61
+ thumbmd: {
62
+ kZKoxP: "xmll18r",
63
+ kzqmXN: "xwqq7k2",
64
+ $$css: true
65
+ },
66
+ thumbCheckedsm: {
67
+ k3aq6I: "x1xvezvf",
68
+ $$css: true
69
+ },
70
+ thumbCheckedmd: {
71
+ k3aq6I: "x10tizke",
72
+ $$css: true
73
+ }
74
+ };
75
+ function Switch(t0) {
76
+ const $ = _c(21);
77
+ let className;
78
+ let props2;
79
+ let style;
80
+ let t1;
81
+ let xstyle;
82
+ if ($[0] !== t0) {
83
+ ({
84
+ className,
85
+ size: t1,
86
+ style,
87
+ xstyle,
88
+ ...props2
89
+ } = t0);
90
+ $[0] = t0;
91
+ $[1] = className;
92
+ $[2] = props2;
93
+ $[3] = style;
94
+ $[4] = t1;
95
+ $[5] = xstyle;
96
+ } else {
97
+ className = $[1];
98
+ props2 = $[2];
99
+ style = $[3];
100
+ t1 = $[4];
101
+ xstyle = $[5];
102
+ }
103
+ const size = t1 === void 0 ? "md" : t1;
104
+ let t2;
105
+ if ($[6] !== className || $[7] !== size || $[8] !== xstyle) {
106
+ t2 = (state) => {
107
+ const stylexProps = stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);
108
+ const customClassName = typeof className === "function" ? className(state) : className;
109
+ return [stylexProps.className, customClassName].filter(Boolean).join(" ");
110
+ };
111
+ $[6] = className;
112
+ $[7] = size;
113
+ $[8] = xstyle;
114
+ $[9] = t2;
115
+ } else {
116
+ t2 = $[9];
117
+ }
118
+ let t3;
119
+ if ($[10] !== size || $[11] !== style || $[12] !== xstyle) {
120
+ t3 = (state_0) => {
121
+ const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);
122
+ const customStyle = typeof style === "function" ? style(state_0) : style;
123
+ return {
124
+ ...stylexProps_0.style,
125
+ ...customStyle
126
+ };
127
+ };
128
+ $[10] = size;
129
+ $[11] = style;
130
+ $[12] = xstyle;
131
+ $[13] = t3;
132
+ } else {
133
+ t3 = $[13];
134
+ }
135
+ let t4;
136
+ if ($[14] !== size) {
137
+ t4 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: (state_1) => stylex.props(styles.thumb, styles[`thumb${size}`], state_1.checked && styles[`thumbChecked${size}`]).className });
138
+ $[14] = size;
139
+ $[15] = t4;
140
+ } else {
141
+ t4 = $[15];
142
+ }
143
+ let t5;
144
+ if ($[16] !== props2 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
145
+ t5 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
146
+ $[16] = props2;
147
+ $[17] = t2;
148
+ $[18] = t3;
149
+ $[19] = t4;
150
+ $[20] = t5;
151
+ } else {
152
+ t5 = $[20];
153
+ }
154
+ return t5;
155
+ }
156
+ export {
157
+ Switch
158
+ };
159
+ //# sourceMappingURL=switch.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/switch.tsx"],
4
+ "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n kWkggS: \"xrzcjx\",\n ksu8eU: \"xng3xce\",\n kMzoRj: \"xc342km\",\n kaIpWk: \"xlcjyoq\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kmuXW: \"x2lah0s\",\n kI3sdo: \"x1a2a7pz\",\n kmVPX3: \"x1ngqb6p\",\n kIyJzY: \"x1uff5cw\",\n k1ekBW: \"x1e8aii2\",\n kZs9gx: \"x1tdmnsb\",\n kiEn40: \"xe0szup\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"xe0iu4d\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n sm: {\n kZKoxP: \"xam5rvr\",\n kzqmXN: \"xs5h3dt\",\n $$css: true\n },\n md: {\n kZKoxP: \"xam5rvr\",\n kzqmXN: \"xvm51jw\",\n $$css: true\n },\n checked: {\n kWkggS: \"x1daa10s\",\n $$css: true\n },\n disabled: {\n kWkggS: \"xrzcjx\",\n kkrTdU: \"x1h6gzvc\",\n $$css: true\n },\n thumb: {\n kWkggS: \"x11m93s7\",\n kaIpWk: \"xlcjyoq\",\n k1xSpc: \"x1lliihq\",\n k3aq6I: \"xbryuvx\",\n kIyJzY: \"x1uff5cw\",\n k1ekBW: \"x11xpdln\",\n $$css: true\n },\n thumbsm: {\n kZKoxP: \"x1l36t39\",\n kzqmXN: \"xcdlrvm\",\n $$css: true\n },\n thumbmd: {\n kZKoxP: \"xmll18r\",\n kzqmXN: \"xwqq7k2\",\n $$css: true\n },\n thumbCheckedsm: {\n k3aq6I: \"x1xvezvf\",\n $$css: true\n },\n thumbCheckedmd: {\n k3aq6I: \"x10tizke\",\n $$css: true\n }\n};\nexport type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {\n size?: \"md\" | \"sm\";\n xstyle?: stylex.StyleXStyles;\n};\nexport function Switch(t0) {\n const $ = _c(21);\n let className;\n let props;\n let style;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n size: t1,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n xstyle = $[5];\n }\n const size = t1 === undefined ? \"md\" : t1;\n let t2;\n if ($[6] !== className || $[7] !== size || $[8] !== xstyle) {\n t2 = state => {\n const stylexProps = stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);\n const customClassName = typeof className === \"function\" ? className(state) : className;\n return [stylexProps.className, customClassName].filter(Boolean).join(\" \");\n };\n $[6] = className;\n $[7] = size;\n $[8] = xstyle;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n let t3;\n if ($[10] !== size || $[11] !== style || $[12] !== xstyle) {\n t3 = state_0 => {\n const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);\n const customStyle = typeof style === \"function\" ? style(state_0) : style;\n return {\n ...stylexProps_0.style,\n ...customStyle\n };\n };\n $[10] = size;\n $[11] = style;\n $[12] = xstyle;\n $[13] = t3;\n } else {\n t3 = $[13];\n }\n let t4;\n if ($[14] !== size) {\n t4 = <SwitchPrimitive.Thumb className={state_1 => stylex.props(styles.thumb, styles[`thumb${size}`], state_1.checked && styles[`thumbChecked${size}`]).className} />;\n $[14] = size;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n let t5;\n if ($[16] !== props || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {\n t5 = <SwitchPrimitive.Root {...props} className={t2} style={t3}>{t4}</SwitchPrimitive.Root>;\n $[16] = props;\n $[17] = t2;\n $[18] = t3;\n $[19] = t4;\n $[20] = t5;\n } else {\n t5 = $[20];\n }\n return t5;\n}"],
5
+ "mappings": "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",
6
+ "names": ["props"]
7
+ }
@@ -0,0 +1,14 @@
1
+ import * as stylex from "@stylexjs/stylex";
2
+ import type { ComponentProps } from "react";
3
+ export type TableProps = ComponentProps<"table"> & {
4
+ containerClassName?: string;
5
+ xstyle?: stylex.StyleXStyles;
6
+ };
7
+ export declare function Table({ className, containerClassName, style, xstyle, ...props }: TableProps): import("react").JSX.Element;
8
+ export declare function TableHeader({ className, style, ...props }: ComponentProps<"thead">): import("react").JSX.Element;
9
+ export declare function TableBody({ className, style, ...props }: ComponentProps<"tbody">): import("react").JSX.Element;
10
+ export declare function TableFooter({ className, style, ...props }: ComponentProps<"tfoot">): import("react").JSX.Element;
11
+ export declare function TableRow({ className, style, ...props }: ComponentProps<"tr">): import("react").JSX.Element;
12
+ export declare function TableHead({ className, style, ...props }: ComponentProps<"th">): import("react").JSX.Element;
13
+ export declare function TableCell({ className, style, ...props }: ComponentProps<"td">): import("react").JSX.Element;
14
+ export declare function TableCaption({ className, style, ...props }: ComponentProps<"caption">): import("react").JSX.Element;
package/dist/table.js ADDED
@@ -0,0 +1,406 @@
1
+ // src/table.tsx
2
+ import { c as _c } from "react/compiler-runtime";
3
+ import * as stylex from "@stylexjs/stylex";
4
+
5
+ // src/stylex-props.ts
6
+ function getNativeStyleProps(stylexProps, className, style) {
7
+ return {
8
+ className: [stylexProps.className, className].filter(Boolean).join(" "),
9
+ style: {
10
+ ...stylexProps.style,
11
+ ...style
12
+ }
13
+ };
14
+ }
15
+
16
+ // src/table.tsx
17
+ import { jsx } from "react/jsx-runtime";
18
+ var styles = {
19
+ table: {
20
+ kLvRdT: "x1mwwwfo",
21
+ kV37R7: "xhdg8po",
22
+ kMwMTN: "x122omjn",
23
+ kGuDYH: "xkrk5hw",
24
+ kzqmXN: "xh8yej3",
25
+ $$css: true
26
+ }
27
+ };
28
+ function Table(t0) {
29
+ const $ = _c(19);
30
+ let className;
31
+ let containerClassName;
32
+ let props2;
33
+ let style;
34
+ let xstyle;
35
+ if ($[0] !== t0) {
36
+ ({
37
+ className,
38
+ containerClassName,
39
+ style,
40
+ xstyle,
41
+ ...props2
42
+ } = t0);
43
+ $[0] = t0;
44
+ $[1] = className;
45
+ $[2] = containerClassName;
46
+ $[3] = props2;
47
+ $[4] = style;
48
+ $[5] = xstyle;
49
+ } else {
50
+ className = $[1];
51
+ containerClassName = $[2];
52
+ props2 = $[3];
53
+ style = $[4];
54
+ xstyle = $[5];
55
+ }
56
+ let t1;
57
+ if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
58
+ t1 = {
59
+ className: "xw2csxc x1n2onr6 xh8yej3"
60
+ };
61
+ $[6] = t1;
62
+ } else {
63
+ t1 = $[6];
64
+ }
65
+ let t2;
66
+ if ($[7] !== containerClassName) {
67
+ t2 = [t1.className, containerClassName].filter(Boolean);
68
+ $[7] = containerClassName;
69
+ $[8] = t2;
70
+ } else {
71
+ t2 = $[8];
72
+ }
73
+ const t3 = t2.join(" ");
74
+ let t4;
75
+ if ($[9] !== className || $[10] !== style || $[11] !== xstyle) {
76
+ t4 = getNativeStyleProps(stylex.props(styles.table, xstyle), className, style);
77
+ $[9] = className;
78
+ $[10] = style;
79
+ $[11] = xstyle;
80
+ $[12] = t4;
81
+ } else {
82
+ t4 = $[12];
83
+ }
84
+ let t5;
85
+ if ($[13] !== props2 || $[14] !== t4) {
86
+ t5 = /* @__PURE__ */ jsx("table", { ...props2, ...t4 });
87
+ $[13] = props2;
88
+ $[14] = t4;
89
+ $[15] = t5;
90
+ } else {
91
+ t5 = $[15];
92
+ }
93
+ let t6;
94
+ if ($[16] !== t3 || $[17] !== t5) {
95
+ t6 = /* @__PURE__ */ jsx("div", { className: t3, children: t5 });
96
+ $[16] = t3;
97
+ $[17] = t5;
98
+ $[18] = t6;
99
+ } else {
100
+ t6 = $[18];
101
+ }
102
+ return t6;
103
+ }
104
+ function TableHeader(t0) {
105
+ const $ = _c(10);
106
+ let className;
107
+ let props2;
108
+ let style;
109
+ if ($[0] !== t0) {
110
+ ({
111
+ className,
112
+ style,
113
+ ...props2
114
+ } = t0);
115
+ $[0] = t0;
116
+ $[1] = className;
117
+ $[2] = props2;
118
+ $[3] = style;
119
+ } else {
120
+ className = $[1];
121
+ props2 = $[2];
122
+ style = $[3];
123
+ }
124
+ let t1;
125
+ if ($[4] !== className || $[5] !== style) {
126
+ t1 = getNativeStyleProps({
127
+ className: "x1nigirl x1q0q8m5 xso031l"
128
+ }, className, style);
129
+ $[4] = className;
130
+ $[5] = style;
131
+ $[6] = t1;
132
+ } else {
133
+ t1 = $[6];
134
+ }
135
+ let t2;
136
+ if ($[7] !== props2 || $[8] !== t1) {
137
+ t2 = /* @__PURE__ */ jsx("thead", { ...props2, ...t1 });
138
+ $[7] = props2;
139
+ $[8] = t1;
140
+ $[9] = t2;
141
+ } else {
142
+ t2 = $[9];
143
+ }
144
+ return t2;
145
+ }
146
+ function TableBody(t0) {
147
+ const $ = _c(10);
148
+ let className;
149
+ let props2;
150
+ let style;
151
+ if ($[0] !== t0) {
152
+ ({
153
+ className,
154
+ style,
155
+ ...props2
156
+ } = t0);
157
+ $[0] = t0;
158
+ $[1] = className;
159
+ $[2] = props2;
160
+ $[3] = style;
161
+ } else {
162
+ className = $[1];
163
+ props2 = $[2];
164
+ style = $[3];
165
+ }
166
+ let t1;
167
+ if ($[4] !== className || $[5] !== style) {
168
+ t1 = getNativeStyleProps({}, className, style);
169
+ $[4] = className;
170
+ $[5] = style;
171
+ $[6] = t1;
172
+ } else {
173
+ t1 = $[6];
174
+ }
175
+ let t2;
176
+ if ($[7] !== props2 || $[8] !== t1) {
177
+ t2 = /* @__PURE__ */ jsx("tbody", { ...props2, ...t1 });
178
+ $[7] = props2;
179
+ $[8] = t1;
180
+ $[9] = t2;
181
+ } else {
182
+ t2 = $[9];
183
+ }
184
+ return t2;
185
+ }
186
+ function TableFooter(t0) {
187
+ const $ = _c(10);
188
+ let className;
189
+ let props2;
190
+ let style;
191
+ if ($[0] !== t0) {
192
+ ({
193
+ className,
194
+ style,
195
+ ...props2
196
+ } = t0);
197
+ $[0] = t0;
198
+ $[1] = className;
199
+ $[2] = props2;
200
+ $[3] = style;
201
+ } else {
202
+ className = $[1];
203
+ props2 = $[2];
204
+ style = $[3];
205
+ }
206
+ let t1;
207
+ if ($[4] !== className || $[5] !== style) {
208
+ t1 = getNativeStyleProps({
209
+ className: "x1w962hd x2eb2kf x13fuv20 x178xt8z x12lpnxt"
210
+ }, className, style);
211
+ $[4] = className;
212
+ $[5] = style;
213
+ $[6] = t1;
214
+ } else {
215
+ t1 = $[6];
216
+ }
217
+ let t2;
218
+ if ($[7] !== props2 || $[8] !== t1) {
219
+ t2 = /* @__PURE__ */ jsx("tfoot", { ...props2, ...t1 });
220
+ $[7] = props2;
221
+ $[8] = t1;
222
+ $[9] = t2;
223
+ } else {
224
+ t2 = $[9];
225
+ }
226
+ return t2;
227
+ }
228
+ function TableRow(t0) {
229
+ const $ = _c(10);
230
+ let className;
231
+ let props2;
232
+ let style;
233
+ if ($[0] !== t0) {
234
+ ({
235
+ className,
236
+ style,
237
+ ...props2
238
+ } = t0);
239
+ $[0] = t0;
240
+ $[1] = className;
241
+ $[2] = props2;
242
+ $[3] = style;
243
+ } else {
244
+ className = $[1];
245
+ props2 = $[2];
246
+ style = $[3];
247
+ }
248
+ let t1;
249
+ if ($[4] !== className || $[5] !== style) {
250
+ t1 = getNativeStyleProps({
251
+ className: "x1nigirl x1q0q8m5 xso031l x1uff5cw x15406qy x1mv6ihr xjbqb8w xp47n3"
252
+ }, className, style);
253
+ $[4] = className;
254
+ $[5] = style;
255
+ $[6] = t1;
256
+ } else {
257
+ t1 = $[6];
258
+ }
259
+ let t2;
260
+ if ($[7] !== props2 || $[8] !== t1) {
261
+ t2 = /* @__PURE__ */ jsx("tr", { ...props2, ...t1 });
262
+ $[7] = props2;
263
+ $[8] = t1;
264
+ $[9] = t2;
265
+ } else {
266
+ t2 = $[9];
267
+ }
268
+ return t2;
269
+ }
270
+ function TableHead(t0) {
271
+ const $ = _c(10);
272
+ let className;
273
+ let props2;
274
+ let style;
275
+ if ($[0] !== t0) {
276
+ ({
277
+ className,
278
+ style,
279
+ ...props2
280
+ } = t0);
281
+ $[0] = t0;
282
+ $[1] = className;
283
+ $[2] = props2;
284
+ $[3] = style;
285
+ } else {
286
+ className = $[1];
287
+ props2 = $[2];
288
+ style = $[3];
289
+ }
290
+ let t1;
291
+ if ($[4] !== className || $[5] !== style) {
292
+ t1 = getNativeStyleProps({
293
+ className: "x1f8jq9g x12lpnxt xwaiz5r xk1318k xdpxx8g xxymvpz xuxw1ft"
294
+ }, className, style);
295
+ $[4] = className;
296
+ $[5] = style;
297
+ $[6] = t1;
298
+ } else {
299
+ t1 = $[6];
300
+ }
301
+ let t2;
302
+ if ($[7] !== props2 || $[8] !== t1) {
303
+ t2 = /* @__PURE__ */ jsx("th", { ...props2, ...t1 });
304
+ $[7] = props2;
305
+ $[8] = t1;
306
+ $[9] = t2;
307
+ } else {
308
+ t2 = $[9];
309
+ }
310
+ return t2;
311
+ }
312
+ function TableCell(t0) {
313
+ const $ = _c(10);
314
+ let className;
315
+ let props2;
316
+ let style;
317
+ if ($[0] !== t0) {
318
+ ({
319
+ className,
320
+ style,
321
+ ...props2
322
+ } = t0);
323
+ $[0] = t0;
324
+ $[1] = className;
325
+ $[2] = props2;
326
+ $[3] = style;
327
+ } else {
328
+ className = $[1];
329
+ props2 = $[2];
330
+ style = $[3];
331
+ }
332
+ let t1;
333
+ if ($[4] !== className || $[5] !== style) {
334
+ t1 = getNativeStyleProps({
335
+ className: "x1jhmqvq xk1318k xxymvpz xuxw1ft"
336
+ }, className, style);
337
+ $[4] = className;
338
+ $[5] = style;
339
+ $[6] = t1;
340
+ } else {
341
+ t1 = $[6];
342
+ }
343
+ let t2;
344
+ if ($[7] !== props2 || $[8] !== t1) {
345
+ t2 = /* @__PURE__ */ jsx("td", { ...props2, ...t1 });
346
+ $[7] = props2;
347
+ $[8] = t1;
348
+ $[9] = t2;
349
+ } else {
350
+ t2 = $[9];
351
+ }
352
+ return t2;
353
+ }
354
+ function TableCaption(t0) {
355
+ const $ = _c(10);
356
+ let className;
357
+ let props2;
358
+ let style;
359
+ if ($[0] !== t0) {
360
+ ({
361
+ className,
362
+ style,
363
+ ...props2
364
+ } = t0);
365
+ $[0] = t0;
366
+ $[1] = className;
367
+ $[2] = props2;
368
+ $[3] = style;
369
+ } else {
370
+ className = $[1];
371
+ props2 = $[2];
372
+ style = $[3];
373
+ }
374
+ let t1;
375
+ if ($[4] !== className || $[5] !== style) {
376
+ t1 = getNativeStyleProps({
377
+ className: "x1f8jq9g xkrk5hw x1vhkmw5 xdpxx8g"
378
+ }, className, style);
379
+ $[4] = className;
380
+ $[5] = style;
381
+ $[6] = t1;
382
+ } else {
383
+ t1 = $[6];
384
+ }
385
+ let t2;
386
+ if ($[7] !== props2 || $[8] !== t1) {
387
+ t2 = /* @__PURE__ */ jsx("caption", { ...props2, ...t1 });
388
+ $[7] = props2;
389
+ $[8] = t1;
390
+ $[9] = t2;
391
+ } else {
392
+ t2 = $[9];
393
+ }
394
+ return t2;
395
+ }
396
+ export {
397
+ Table,
398
+ TableBody,
399
+ TableCaption,
400
+ TableCell,
401
+ TableFooter,
402
+ TableHead,
403
+ TableHeader,
404
+ TableRow
405
+ };
406
+ //# sourceMappingURL=table.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/table.tsx", "../src/stylex-props.ts"],
4
+ "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { getNativeStyleProps } from \"./stylex-props\";\nimport { colorVars, motionVars, spacingVars, typographyVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n table: {\n kLvRdT: \"x1mwwwfo\",\n kV37R7: \"xhdg8po\",\n kMwMTN: \"x122omjn\",\n kGuDYH: \"xkrk5hw\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n }\n};\nexport type TableProps = ComponentProps<\"table\"> & {\n containerClassName?: string;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Table(t0) {\n const $ = _c(19);\n let className;\n let containerClassName;\n let props;\n let style;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n containerClassName,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = containerClassName;\n $[3] = props;\n $[4] = style;\n $[5] = xstyle;\n } else {\n className = $[1];\n containerClassName = $[2];\n props = $[3];\n style = $[4];\n xstyle = $[5];\n }\n let t1;\n if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = {\n className: \"xw2csxc x1n2onr6 xh8yej3\"\n };\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== containerClassName) {\n t2 = [t1.className, containerClassName].filter(Boolean);\n $[7] = containerClassName;\n $[8] = t2;\n } else {\n t2 = $[8];\n }\n const t3 = t2.join(\" \");\n let t4;\n if ($[9] !== className || $[10] !== style || $[11] !== xstyle) {\n t4 = getNativeStyleProps(stylex.props(styles.table, xstyle), className, style);\n $[9] = className;\n $[10] = style;\n $[11] = xstyle;\n $[12] = t4;\n } else {\n t4 = $[12];\n }\n let t5;\n if ($[13] !== props || $[14] !== t4) {\n t5 = <table {...props} {...t4} />;\n $[13] = props;\n $[14] = t4;\n $[15] = t5;\n } else {\n t5 = $[15];\n }\n let t6;\n if ($[16] !== t3 || $[17] !== t5) {\n t6 = <div className={t3}>{t5}</div>;\n $[16] = t3;\n $[17] = t5;\n $[18] = t6;\n } else {\n t6 = $[18];\n }\n return t6;\n}\nexport function TableHeader(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1nigirl x1q0q8m5 xso031l\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <thead {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableBody(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({}, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <tbody {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableFooter(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1w962hd x2eb2kf x13fuv20 x178xt8z x12lpnxt\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <tfoot {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableRow(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1nigirl x1q0q8m5 xso031l x1uff5cw x15406qy x1mv6ihr xjbqb8w xp47n3\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <tr {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableHead(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1f8jq9g x12lpnxt xwaiz5r xk1318k xdpxx8g xxymvpz xuxw1ft\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <th {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableCell(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1jhmqvq xk1318k xxymvpz xuxw1ft\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <td {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}\nexport function TableCaption(t0) {\n const $ = _c(10);\n let className;\n let props;\n let style;\n if ($[0] !== t0) {\n ({\n className,\n style,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n }\n let t1;\n if ($[4] !== className || $[5] !== style) {\n t1 = getNativeStyleProps({\n className: \"x1f8jq9g xkrk5hw x1vhkmw5 xdpxx8g\"\n }, className, style);\n $[4] = className;\n $[5] = style;\n $[6] = t1;\n } else {\n t1 = $[6];\n }\n let t2;\n if ($[7] !== props || $[8] !== t1) {\n t2 = <caption {...props} {...t1} />;\n $[7] = props;\n $[8] = t1;\n $[9] = t2;\n } else {\n t2 = $[9];\n }\n return t2;\n}", "import * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nexport function getNativeStyleProps(stylexProps: ReturnType<typeof stylex.props>, className?: string, style?: ComponentProps<\"div\">[\"style\"]): Pick<ComponentProps<\"div\">, \"className\" | \"style\"> {\n return {\n className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n style: {\n ...stylexProps.style,\n ...style\n }\n };\n}"],
5
+ "mappings": "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",
6
+ "names": ["props"]
7
+ }
package/dist/tabs.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
2
+ import { type ComponentProps } from "react";
3
+ export type TabsVariant = "segmented" | "underline";
4
+ export type TabsProps = ComponentProps<typeof TabsPrimitive.Root> & {
5
+ variant?: TabsVariant;
6
+ };
7
+ export declare function Tabs({ className, style, variant, ...props }: TabsProps): import("react").JSX.Element;
8
+ export declare function TabsList({ children, className, style, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
9
+ export declare function TabsTrigger({ className, style, ...props }: ComponentProps<typeof TabsPrimitive.Tab>): import("react").JSX.Element;
10
+ export declare function TabsContent({ className, style, ...props }: ComponentProps<typeof TabsPrimitive.Panel>): import("react").JSX.Element;