@jongh/ui 1.6.5 → 2.20260905.1

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 (317) hide show
  1. package/dist/base.css +1103 -0
  2. package/dist/blue.css +155 -0
  3. package/dist/chunks/component-accordion-fyrDP4PS.js +28 -0
  4. package/dist/chunks/component-avatar-Cl7qxXL7.js +15 -0
  5. package/dist/chunks/component-badge-BqDGL-KR.js +23 -0
  6. package/dist/chunks/component-box-BVJJ_2Ye.js +27 -0
  7. package/dist/chunks/component-button-6iooYVkM.js +21 -0
  8. package/dist/chunks/component-calendar-BIBA_BgQ.js +241 -0
  9. package/dist/chunks/component-center-rifwb_-x.js +33 -0
  10. package/dist/chunks/component-checkbox-KSwDeqdV.js +54 -0
  11. package/dist/chunks/component-dialog-xLex6FJh.js +36 -0
  12. package/dist/chunks/component-grid-aWgGm3Ad.js +39 -0
  13. package/dist/chunks/component-h-stack-Cj62v71l.js +37 -0
  14. package/dist/chunks/component-select-B35mHD7A.js +52 -0
  15. package/dist/chunks/component-slider-CPcl-o95.js +16 -0
  16. package/dist/chunks/component-tabs-2-w8TPID.js +58 -0
  17. package/dist/chunks/component-textfield-CaSHslMS.js +53 -0
  18. package/dist/chunks/component-v-stack-BzMHYpjP.js +37 -0
  19. package/dist/chunks/panda-runtime-C6bA3kfx.js +496 -0
  20. package/dist/chunks/recipe-accordion-recipe-CchKveXQ.js +27 -0
  21. package/dist/chunks/recipe-avatar-recipe-5VMtXIhg.js +24 -0
  22. package/dist/chunks/recipe-badge-recipe-D02izv1z.js +136 -0
  23. package/dist/chunks/recipe-button-recipe-CjRb9Hj9.js +36 -0
  24. package/dist/chunks/recipe-calendar-recipe-BUUS4QEd.js +31 -0
  25. package/dist/chunks/recipe-center-recipe-_gQI_rG1.js +24 -0
  26. package/dist/chunks/recipe-checkbox-recipe-D72btvoT.js +31 -0
  27. package/dist/chunks/recipe-dialog-recipe-RKZYROxV.js +31 -0
  28. package/dist/chunks/recipe-layout-recipe-BMWtqxiV.js +20 -0
  29. package/dist/chunks/recipe-select-recipe-BbGnyPQ_.js +33 -0
  30. package/dist/chunks/recipe-slider-recipe-BHAFeUmN.js +25 -0
  31. package/dist/chunks/recipe-tabs-recipe-Cbr23IZY.js +26 -0
  32. package/dist/chunks/recipe-textfield-recipe-C2tyOCzn.js +27 -0
  33. package/dist/chunks/rolldown-runtime-CKyOoeiN.js +12 -0
  34. package/dist/index.d.ts +21694 -0
  35. package/dist/index.js +93 -0
  36. package/dist/purple.css +155 -0
  37. package/dist/recipes/accordion-recipe.css +118 -0
  38. package/dist/recipes/avatar-recipe.css +44 -0
  39. package/dist/recipes/badge-recipe.css +47 -0
  40. package/dist/recipes/button-recipe.css +153 -0
  41. package/dist/recipes/calendar-recipe.css +145 -0
  42. package/dist/recipes/center-recipe.css +13 -0
  43. package/dist/recipes/checkbox-recipe.css +156 -0
  44. package/dist/recipes/dialog-recipe.css +101 -0
  45. package/dist/recipes/layout-recipe.css +427 -0
  46. package/dist/recipes/select-recipe.css +175 -0
  47. package/dist/recipes/slider-recipe.css +60 -0
  48. package/dist/recipes/tabs-recipe.css +76 -0
  49. package/dist/recipes/textfield-recipe.css +95 -0
  50. package/dist/style.css +1 -0
  51. package/package.json +64 -39
  52. package/.storybook/index.css +0 -1
  53. package/.storybook/main.ts +0 -40
  54. package/.storybook/preview.ts +0 -16
  55. package/.storybook/vitest.setup.ts +0 -9
  56. package/.turbo/turbo-build.log +0 -79
  57. package/CHANGELOG.md +0 -54
  58. package/chromatic.config.json +0 -6
  59. package/eslint.config.mjs +0 -14
  60. package/index.html +0 -13
  61. package/panda.config.ts +0 -13
  62. package/postcss.config.cjs +0 -3
  63. package/preset.ts +0 -134
  64. package/src/component/accordion/ui/index.tsx +0 -80
  65. package/src/component/accordion/ui/recipe.ts +0 -65
  66. package/src/component/avatar/ui/index.tsx +0 -47
  67. package/src/component/avatar/ui/recipe.ts +0 -30
  68. package/src/component/button/ui/index.tsx +0 -29
  69. package/src/component/button/ui/recipe.ts +0 -102
  70. package/src/component/chip/ui/index.tsx +0 -30
  71. package/src/component/chip/ui/recipe.ts +0 -112
  72. package/src/component/dialog/ui/index.tsx +0 -73
  73. package/src/component/dialog/ui/recipe.ts +0 -92
  74. package/src/component/select/ui/index.tsx +0 -128
  75. package/src/component/select/ui/recipe.ts +0 -142
  76. package/src/component/slider/ui/index.tsx +0 -61
  77. package/src/component/slider/ui/recipe.ts +0 -52
  78. package/src/component/tabs/ui/index.tsx +0 -61
  79. package/src/component/tabs/ui/recipe.ts +0 -59
  80. package/src/hooks/createContext.tsx +0 -34
  81. package/src/hooks/useComposedRefs.ts +0 -20
  82. package/src/hooks/useControllableState.ts +0 -87
  83. package/src/hooks/useKeyboardEvent.ts +0 -58
  84. package/src/stories/accordion.stories.tsx +0 -63
  85. package/src/stories/avatar.stories.tsx +0 -33
  86. package/src/stories/button.stories.tsx +0 -53
  87. package/src/stories/chip.stories.tsx +0 -69
  88. package/src/stories/dialog.stories.tsx +0 -134
  89. package/src/stories/select.stories.tsx +0 -35
  90. package/src/stories/slider.stories.tsx +0 -31
  91. package/src/stories/tabs.stories.tsx +0 -63
  92. package/src/test/accordion.test.tsx +0 -66
  93. package/src/test/tabs.test.tsx +0 -30
  94. package/src/types/index.ts +0 -1
  95. package/src/utils/createStyleContext.tsx +0 -108
  96. package/src/utils/defineSafe.ts +0 -46
  97. package/src/utils/getObjectKeys.ts +0 -20
  98. package/src/vite-env.d.ts +0 -1
  99. package/storybook-static/assets/Color-F6OSRLHC-CrKta8Qx.js +0 -1
  100. package/storybook-static/assets/DocsRenderer-CFRXHY34-Crd9Mepd.js +0 -586
  101. package/storybook-static/assets/_commonjsHelpers-Cpj98o6Y.js +0 -1
  102. package/storybook-static/assets/accordion.stories-0Om0AnMm.js +0 -50
  103. package/storybook-static/assets/avatar.stories-DMDsrSks.js +0 -16
  104. package/storybook-static/assets/axe-Dzet_oDA.js +0 -30
  105. package/storybook-static/assets/button.stories-CuVC-3x-.js +0 -40
  106. package/storybook-static/assets/chip.stories-FBIp8XNi.js +0 -48
  107. package/storybook-static/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
  108. package/storybook-static/assets/createLucideIcon-DmXe7Z8R.js +0 -21
  109. package/storybook-static/assets/dialog.stories-3WsEvXt4.js +0 -106
  110. package/storybook-static/assets/entry-preview-Bkgdgq1b.js +0 -10
  111. package/storybook-static/assets/entry-preview-docs-zLz1Es7d.js +0 -46
  112. package/storybook-static/assets/iframe-LPPPXabV.js +0 -199
  113. package/storybook-static/assets/index-Bklpsb39.js +0 -1
  114. package/storybook-static/assets/index-BrlJLjep.js +0 -24
  115. package/storybook-static/assets/index-C2tRLqin.js +0 -41
  116. package/storybook-static/assets/index-CBft-ReK.js +0 -8
  117. package/storybook-static/assets/index-CSbWd7UJ.js +0 -1
  118. package/storybook-static/assets/index-ClcD9ViR.js +0 -9
  119. package/storybook-static/assets/index-Cu4lwwaE.js +0 -1
  120. package/storybook-static/assets/index-Cvkemp2J.js +0 -1
  121. package/storybook-static/assets/index-D59aU5s_.js +0 -240
  122. package/storybook-static/assets/index-DNo8LKN3.js +0 -1
  123. package/storybook-static/assets/index-DUy19JZU.js +0 -1
  124. package/storybook-static/assets/index-D_35mznO.js +0 -1
  125. package/storybook-static/assets/index-DrFu-skq.js +0 -6
  126. package/storybook-static/assets/index-DvbTp2M2.js +0 -1
  127. package/storybook-static/assets/index-rtmQni2k.js +0 -1
  128. package/storybook-static/assets/jsx-runtime-BYYWji4R.js +0 -9
  129. package/storybook-static/assets/matchers-57EZJSQE-oeXCqs4p.js +0 -14
  130. package/storybook-static/assets/preview-1l6V4UsQ.js +0 -1
  131. package/storybook-static/assets/preview-B3PTUHS7.js +0 -1
  132. package/storybook-static/assets/preview-BBWR9nbA.js +0 -1
  133. package/storybook-static/assets/preview-BCV5r-Ja.js +0 -1
  134. package/storybook-static/assets/preview-BWzBA1C2.js +0 -396
  135. package/storybook-static/assets/preview-Bb56VplF.js +0 -2
  136. package/storybook-static/assets/preview-Bl8rsKRy.js +0 -1
  137. package/storybook-static/assets/preview-Bm-a94Ct.js +0 -2
  138. package/storybook-static/assets/preview-Br-h4d84.js +0 -1
  139. package/storybook-static/assets/preview-D77C14du.js +0 -34
  140. package/storybook-static/assets/preview-DC8N7cZb.css +0 -1
  141. package/storybook-static/assets/preview-DGUiP6tS.js +0 -7
  142. package/storybook-static/assets/react-18-BPs3tMGP.js +0 -1
  143. package/storybook-static/assets/select.stories-AN8Hb81Z.js +0 -20
  144. package/storybook-static/assets/slider.stories-CxOczq0y.js +0 -12
  145. package/storybook-static/assets/tabs.stories-BbTU4QU3.js +0 -28
  146. package/storybook-static/favicon.svg +0 -1
  147. package/storybook-static/iframe.html +0 -666
  148. package/storybook-static/index.html +0 -193
  149. package/storybook-static/index.json +0 -1
  150. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  151. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  152. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  153. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  154. package/storybook-static/project.json +0 -1
  155. package/storybook-static/sb-addons/a11y-12/manager-bundle.js +0 -3
  156. package/storybook-static/sb-addons/a11y-12/manager-bundle.js.LEGAL.txt +0 -0
  157. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +0 -331
  158. package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +0 -51
  159. package/storybook-static/sb-addons/controls-11/manager-bundle.js +0 -391
  160. package/storybook-static/sb-addons/controls-11/manager-bundle.js.LEGAL.txt +0 -0
  161. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
  162. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js.LEGAL.txt +0 -0
  163. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
  164. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js.LEGAL.txt +0 -0
  165. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +0 -391
  166. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js.LEGAL.txt +0 -0
  167. package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +0 -230
  168. package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js.LEGAL.txt +0 -0
  169. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
  170. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js.LEGAL.txt +0 -0
  171. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
  172. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js.LEGAL.txt +0 -0
  173. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
  174. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js.LEGAL.txt +0 -0
  175. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
  176. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js.LEGAL.txt +0 -0
  177. package/storybook-static/sb-addons/links-1/manager-bundle.js +0 -3
  178. package/storybook-static/sb-addons/links-1/manager-bundle.js.LEGAL.txt +0 -0
  179. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  180. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  181. package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js +0 -211
  182. package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js.LEGAL.txt +0 -0
  183. package/storybook-static/sb-common-assets/favicon.svg +0 -1
  184. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  185. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  186. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  187. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  188. package/storybook-static/sb-manager/globals-module-info.js +0 -1037
  189. package/storybook-static/sb-manager/globals-runtime.js +0 -40857
  190. package/storybook-static/sb-manager/globals.js +0 -48
  191. package/storybook-static/sb-manager/runtime.js +0 -11963
  192. package/styled-system/css/conditions.mjs +0 -36
  193. package/styled-system/css/css.d.ts +0 -22
  194. package/styled-system/css/css.mjs +0 -45
  195. package/styled-system/css/cva.d.ts +0 -6
  196. package/styled-system/css/cva.mjs +0 -87
  197. package/styled-system/css/cx.d.ts +0 -5
  198. package/styled-system/css/cx.mjs +0 -15
  199. package/styled-system/css/index.d.ts +0 -5
  200. package/styled-system/css/index.mjs +0 -4
  201. package/styled-system/css/sva.d.ts +0 -4
  202. package/styled-system/css/sva.mjs +0 -41
  203. package/styled-system/helpers.mjs +0 -336
  204. package/styled-system/jsx/aspect-ratio.d.ts +0 -10
  205. package/styled-system/jsx/aspect-ratio.mjs +0 -14
  206. package/styled-system/jsx/bleed.d.ts +0 -10
  207. package/styled-system/jsx/bleed.mjs +0 -14
  208. package/styled-system/jsx/box.d.ts +0 -10
  209. package/styled-system/jsx/box.mjs +0 -14
  210. package/styled-system/jsx/center.d.ts +0 -10
  211. package/styled-system/jsx/center.mjs +0 -14
  212. package/styled-system/jsx/circle.d.ts +0 -10
  213. package/styled-system/jsx/circle.mjs +0 -14
  214. package/styled-system/jsx/container.d.ts +0 -10
  215. package/styled-system/jsx/container.mjs +0 -14
  216. package/styled-system/jsx/cq.d.ts +0 -10
  217. package/styled-system/jsx/cq.mjs +0 -14
  218. package/styled-system/jsx/divider.d.ts +0 -10
  219. package/styled-system/jsx/divider.mjs +0 -14
  220. package/styled-system/jsx/factory-helper.mjs +0 -22
  221. package/styled-system/jsx/factory.d.ts +0 -3
  222. package/styled-system/jsx/factory.mjs +0 -80
  223. package/styled-system/jsx/flex.d.ts +0 -10
  224. package/styled-system/jsx/flex.mjs +0 -14
  225. package/styled-system/jsx/float.d.ts +0 -10
  226. package/styled-system/jsx/float.mjs +0 -14
  227. package/styled-system/jsx/grid-item.d.ts +0 -10
  228. package/styled-system/jsx/grid-item.mjs +0 -14
  229. package/styled-system/jsx/grid.d.ts +0 -10
  230. package/styled-system/jsx/grid.mjs +0 -14
  231. package/styled-system/jsx/hstack.d.ts +0 -10
  232. package/styled-system/jsx/hstack.mjs +0 -14
  233. package/styled-system/jsx/index.d.ts +0 -24
  234. package/styled-system/jsx/index.mjs +0 -22
  235. package/styled-system/jsx/is-valid-prop.d.ts +0 -11
  236. package/styled-system/jsx/is-valid-prop.mjs +0 -17
  237. package/styled-system/jsx/link-overlay.d.ts +0 -10
  238. package/styled-system/jsx/link-overlay.mjs +0 -14
  239. package/styled-system/jsx/spacer.d.ts +0 -10
  240. package/styled-system/jsx/spacer.mjs +0 -14
  241. package/styled-system/jsx/square.d.ts +0 -10
  242. package/styled-system/jsx/square.mjs +0 -14
  243. package/styled-system/jsx/stack.d.ts +0 -10
  244. package/styled-system/jsx/stack.mjs +0 -14
  245. package/styled-system/jsx/visually-hidden.d.ts +0 -10
  246. package/styled-system/jsx/visually-hidden.mjs +0 -14
  247. package/styled-system/jsx/vstack.d.ts +0 -10
  248. package/styled-system/jsx/vstack.mjs +0 -14
  249. package/styled-system/jsx/wrap.d.ts +0 -10
  250. package/styled-system/jsx/wrap.mjs +0 -14
  251. package/styled-system/patterns/aspect-ratio.d.ts +0 -21
  252. package/styled-system/patterns/aspect-ratio.mjs +0 -38
  253. package/styled-system/patterns/bleed.d.ts +0 -22
  254. package/styled-system/patterns/bleed.mjs +0 -24
  255. package/styled-system/patterns/box.d.ts +0 -21
  256. package/styled-system/patterns/box.mjs +0 -15
  257. package/styled-system/patterns/center.d.ts +0 -21
  258. package/styled-system/patterns/center.mjs +0 -21
  259. package/styled-system/patterns/circle.d.ts +0 -21
  260. package/styled-system/patterns/circle.mjs +0 -25
  261. package/styled-system/patterns/container.d.ts +0 -21
  262. package/styled-system/patterns/container.mjs +0 -21
  263. package/styled-system/patterns/cq.d.ts +0 -22
  264. package/styled-system/patterns/cq.mjs +0 -21
  265. package/styled-system/patterns/divider.d.ts +0 -23
  266. package/styled-system/patterns/divider.mjs +0 -25
  267. package/styled-system/patterns/flex.d.ts +0 -27
  268. package/styled-system/patterns/flex.mjs +0 -26
  269. package/styled-system/patterns/float.d.ts +0 -24
  270. package/styled-system/patterns/float.mjs +0 -52
  271. package/styled-system/patterns/grid-item.d.ts +0 -26
  272. package/styled-system/patterns/grid-item.mjs +0 -25
  273. package/styled-system/patterns/grid.d.ts +0 -25
  274. package/styled-system/patterns/grid.mjs +0 -27
  275. package/styled-system/patterns/hstack.d.ts +0 -22
  276. package/styled-system/patterns/hstack.mjs +0 -24
  277. package/styled-system/patterns/index.d.ts +0 -21
  278. package/styled-system/patterns/index.mjs +0 -20
  279. package/styled-system/patterns/link-overlay.d.ts +0 -21
  280. package/styled-system/patterns/link-overlay.mjs +0 -24
  281. package/styled-system/patterns/spacer.d.ts +0 -21
  282. package/styled-system/patterns/spacer.mjs +0 -21
  283. package/styled-system/patterns/square.d.ts +0 -21
  284. package/styled-system/patterns/square.mjs +0 -24
  285. package/styled-system/patterns/stack.d.ts +0 -24
  286. package/styled-system/patterns/stack.mjs +0 -24
  287. package/styled-system/patterns/visually-hidden.d.ts +0 -21
  288. package/styled-system/patterns/visually-hidden.mjs +0 -18
  289. package/styled-system/patterns/vstack.d.ts +0 -22
  290. package/styled-system/patterns/vstack.mjs +0 -24
  291. package/styled-system/patterns/wrap.d.ts +0 -25
  292. package/styled-system/patterns/wrap.mjs +0 -25
  293. package/styled-system/tokens/index.d.ts +0 -9
  294. package/styled-system/tokens/index.mjs +0 -1992
  295. package/styled-system/tokens/tokens.d.ts +0 -60
  296. package/styled-system/types/composition.d.ts +0 -164
  297. package/styled-system/types/conditions.d.ts +0 -274
  298. package/styled-system/types/csstype.d.ts +0 -21298
  299. package/styled-system/types/global.d.ts +0 -20
  300. package/styled-system/types/index.d.ts +0 -8
  301. package/styled-system/types/jsx.d.ts +0 -52
  302. package/styled-system/types/parts.d.ts +0 -8
  303. package/styled-system/types/pattern.d.ts +0 -78
  304. package/styled-system/types/prop-type.d.ts +0 -235
  305. package/styled-system/types/recipe.d.ts +0 -181
  306. package/styled-system/types/selectors.d.ts +0 -59
  307. package/styled-system/types/static-css.d.ts +0 -56
  308. package/styled-system/types/style-props.d.ts +0 -7468
  309. package/styled-system/types/system-types.d.ts +0 -109
  310. package/tsconfig.json +0 -13
  311. package/turbo/generators/config.cjs +0 -7
  312. package/turbo/generators/stories.cjs +0 -23
  313. package/turbo/generators/templates/stories.tsx.hbs +0 -16
  314. package/turbo/generators/templates/ui.tsx.hbs +0 -8
  315. package/turbo/generators/ui.cjs +0 -19
  316. package/vite.config.ts +0 -7
  317. package/vitest.config.ts +0 -45
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getBleedStyle } from '../patterns/bleed.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Bleed = /* @__PURE__ */ forwardRef(function Bleed(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["inline","block"])
9
-
10
- const styleProps = getBleedStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { BoxProperties } from '../patterns/box';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof BoxProperties > {}
8
-
9
-
10
- export declare const Box: FunctionComponent<BoxProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getBoxStyle } from '../patterns/box.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Box = /* @__PURE__ */ forwardRef(function Box(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, [])
9
-
10
- const styleProps = getBoxStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CenterProperties } from '../patterns/center';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CenterProperties > {}
8
-
9
-
10
- export declare const Center: FunctionComponent<CenterProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getCenterStyle } from '../patterns/center.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Center = /* @__PURE__ */ forwardRef(function Center(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["inline"])
9
-
10
- const styleProps = getCenterStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CircleProperties } from '../patterns/circle';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CircleProperties > {}
8
-
9
-
10
- export declare const Circle: FunctionComponent<CircleProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getCircleStyle } from '../patterns/circle.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Circle = /* @__PURE__ */ forwardRef(function Circle(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["size"])
9
-
10
- const styleProps = getCircleStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { ContainerProperties } from '../patterns/container';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof ContainerProperties > {}
8
-
9
-
10
- export declare const Container: FunctionComponent<ContainerProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getContainerStyle } from '../patterns/container.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Container = /* @__PURE__ */ forwardRef(function Container(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, [])
9
-
10
- const styleProps = getContainerStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { CqProperties } from '../patterns/cq';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface CqProps extends CqProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof CqProperties > {}
8
-
9
-
10
- export declare const Cq: FunctionComponent<CqProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getCqStyle } from '../patterns/cq.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Cq = /* @__PURE__ */ forwardRef(function Cq(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["name","type"])
9
-
10
- const styleProps = getCqStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { DividerProperties } from '../patterns/divider';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof DividerProperties > {}
8
-
9
-
10
- export declare const Divider: FunctionComponent<DividerProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getDividerStyle } from '../patterns/divider.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Divider = /* @__PURE__ */ forwardRef(function Divider(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["orientation","thickness","color"])
9
-
10
- const styleProps = getDividerStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,22 +0,0 @@
1
- import { isCssProperty } from './is-valid-prop.mjs';
2
-
3
- export const defaultShouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && !isCssProperty(prop)
4
-
5
- export const composeShouldForwardProps = (tag, shouldForwardProp) =>
6
- tag.__shouldForwardProps__ && shouldForwardProp
7
- ? (propName) => tag.__shouldForwardProps__(propName) && shouldForwardProp(propName)
8
- : shouldForwardProp
9
-
10
- export const composeCvaFn = (cvaA, cvaB) => {
11
- if (cvaA && !cvaB) return cvaA
12
- if (!cvaA && cvaB) return cvaB
13
- if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB)
14
- const error = new TypeError('Cannot merge cva with recipe. Please use either cva or recipe.')
15
- TypeError.captureStackTrace?.(error)
16
- throw error
17
- }
18
-
19
- export const getDisplayName = (Component) => {
20
- if (typeof Component === 'string') return Component
21
- return Component?.displayName || Component?.name || 'Component'
22
- }
@@ -1,3 +0,0 @@
1
- /* eslint-disable */
2
- import type { Styled } from '../types/jsx';
3
- export declare const styled: Styled
@@ -1,80 +0,0 @@
1
- import { createElement, forwardRef, useMemo } from 'react'
2
- import { css, cx, cva } from '../css/index.mjs';
3
- import { defaultShouldForwardProp, composeShouldForwardProps, composeCvaFn, getDisplayName } from './factory-helper.mjs';
4
- import { splitProps, normalizeHTMLProps } from '../helpers.mjs';
5
- import { isCssProperty } from './is-valid-prop.mjs';
6
-
7
- function styledFn(Dynamic, configOrCva = {}, options = {}) {
8
- const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
9
-
10
- const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
11
- const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
12
-
13
- const defaultProps = Object.assign(
14
- options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
15
- options.defaultProps,
16
- )
17
-
18
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
19
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
20
- const __base__ = Dynamic.__base__ || Dynamic
21
-
22
- const StyledComponent = /* @__PURE__ */ forwardRef(function StyledComponent(props, ref) {
23
- const { as: Element = __base__, children, ...restProps } = props
24
-
25
- const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
26
-
27
- const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
28
- return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
29
- }, [combinedProps])
30
-
31
- function recipeClass() {
32
- const { css: cssStyles, ...propStyles } = styleProps
33
- const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps)
34
- return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.className)
35
- }
36
-
37
- function cvaClass() {
38
- const { css: cssStyles, ...propStyles } = styleProps
39
- const cvaStyles = __cvaFn__.raw(variantProps)
40
- return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.className)
41
- }
42
-
43
- const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
44
-
45
- return createElement(Element, {
46
- ref,
47
- ...forwardedProps,
48
- ...elementProps,
49
- ...normalizeHTMLProps(htmlProps),
50
- className: classes(),
51
- }, combinedProps.children ?? children)
52
- })
53
-
54
- const name = getDisplayName(__base__)
55
-
56
- StyledComponent.displayName = `styled.${name}`
57
- StyledComponent.__cva__ = __cvaFn__
58
- StyledComponent.__base__ = __base__
59
- StyledComponent.__shouldForwardProps__ = shouldForwardProp
60
-
61
- return StyledComponent
62
- }
63
-
64
- function createJsxFactory() {
65
- const cache = new Map()
66
-
67
- return new Proxy(styledFn, {
68
- apply(_, __, args) {
69
- return styledFn(...args)
70
- },
71
- get(_, el) {
72
- if (!cache.has(el)) {
73
- cache.set(el, styledFn(el))
74
- }
75
- return cache.get(el)
76
- },
77
- })
78
- }
79
-
80
- export const styled = /* @__PURE__ */ createJsxFactory()
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { FlexProperties } from '../patterns/flex';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FlexProperties > {}
8
-
9
-
10
- export declare const Flex: FunctionComponent<FlexProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getFlexStyle } from '../patterns/flex.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Flex = /* @__PURE__ */ forwardRef(function Flex(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["align","justify","direction","wrap","basis","grow","shrink"])
9
-
10
- const styleProps = getFlexStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { FloatProperties } from '../patterns/float';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof FloatProperties > {}
8
-
9
-
10
- export declare const Float: FunctionComponent<FloatProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getFloatStyle } from '../patterns/float.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Float = /* @__PURE__ */ forwardRef(function Float(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["offsetX","offsetY","offset","placement"])
9
-
10
- const styleProps = getFloatStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { GridItemProperties } from '../patterns/grid-item';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridItemProperties > {}
8
-
9
-
10
- export declare const GridItem: FunctionComponent<GridItemProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getGridItemStyle } from '../patterns/grid-item.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const GridItem = /* @__PURE__ */ forwardRef(function GridItem(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["colSpan","rowSpan","colStart","rowStart","colEnd","rowEnd"])
9
-
10
- const styleProps = getGridItemStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { GridProperties } from '../patterns/grid';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface GridProps extends GridProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof GridProperties > {}
8
-
9
-
10
- export declare const Grid: FunctionComponent<GridProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getGridStyle } from '../patterns/grid.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Grid = /* @__PURE__ */ forwardRef(function Grid(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["gap","columnGap","rowGap","columns","minChildWidth"])
9
-
10
- const styleProps = getGridStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { HstackProperties } from '../patterns/hstack';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof HstackProperties > {}
8
-
9
-
10
- export declare const HStack: FunctionComponent<HstackProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getHstackStyle } from '../patterns/hstack.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const HStack = /* @__PURE__ */ forwardRef(function HStack(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["justify","gap"])
9
-
10
- const styleProps = getHstackStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,24 +0,0 @@
1
- /* eslint-disable */
2
- export * from './factory';
3
- export * from './is-valid-prop';
4
- export * from './box';
5
- export * from './flex';
6
- export * from './stack';
7
- export * from './vstack';
8
- export * from './hstack';
9
- export * from './spacer';
10
- export * from './square';
11
- export * from './circle';
12
- export * from './center';
13
- export * from './link-overlay';
14
- export * from './aspect-ratio';
15
- export * from './grid';
16
- export * from './grid-item';
17
- export * from './wrap';
18
- export * from './container';
19
- export * from './divider';
20
- export * from './float';
21
- export * from './bleed';
22
- export * from './visually-hidden';
23
- export * from './cq';
24
- export type { HTMLStyledProps, StyledComponent } from '../types/jsx';
@@ -1,22 +0,0 @@
1
- export * from './factory.mjs';
2
- export * from './is-valid-prop.mjs';
3
- export * from './box.mjs';
4
- export * from './flex.mjs';
5
- export * from './stack.mjs';
6
- export * from './vstack.mjs';
7
- export * from './hstack.mjs';
8
- export * from './spacer.mjs';
9
- export * from './square.mjs';
10
- export * from './circle.mjs';
11
- export * from './center.mjs';
12
- export * from './link-overlay.mjs';
13
- export * from './aspect-ratio.mjs';
14
- export * from './grid.mjs';
15
- export * from './grid-item.mjs';
16
- export * from './wrap.mjs';
17
- export * from './container.mjs';
18
- export * from './divider.mjs';
19
- export * from './float.mjs';
20
- export * from './bleed.mjs';
21
- export * from './visually-hidden.mjs';
22
- export * from './cq.mjs';
@@ -1,11 +0,0 @@
1
- /* eslint-disable */
2
- import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
3
-
4
- declare const isCssProperty: (value: string) => boolean;
5
-
6
- type CssPropKey = keyof JsxStyleProps
7
- type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
8
-
9
- declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
10
-
11
- export { isCssProperty, splitCssProps };
@@ -1,17 +0,0 @@
1
- import { splitProps } from '../helpers.mjs';
2
- import { memo } from '../helpers.mjs';
3
- // src/index.ts
4
- var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle"
5
- var userGenerated = userGeneratedStr.split(",");
6
- var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect";
7
- var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated);
8
- var properties = new Map(allCssProperties.map((prop) => [prop, true]));
9
- var cssPropertySelectorRegex = /&|@/;
10
- var isCssProperty = /* @__PURE__ */ memo((prop) => {
11
- return properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop);
12
- });
13
- export {
14
- allCssProperties,
15
- isCssProperty
16
- };
17
- export const splitCssProps = (props) => splitProps(props, isCssProperty)
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { LinkOverlayProperties } from '../patterns/link-overlay';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit<HTMLStyledProps<'a'>, keyof LinkOverlayProperties > {}
8
-
9
-
10
- export declare const LinkOverlay: FunctionComponent<LinkOverlayProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getLinkOverlayStyle } from '../patterns/link-overlay.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const LinkOverlay = /* @__PURE__ */ forwardRef(function LinkOverlay(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, [])
9
-
10
- const styleProps = getLinkOverlayStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.a, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { SpacerProperties } from '../patterns/spacer';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
8
-
9
-
10
- export declare const Spacer: FunctionComponent<SpacerProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getSpacerStyle } from '../patterns/spacer.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Spacer = /* @__PURE__ */ forwardRef(function Spacer(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["size"])
9
-
10
- const styleProps = getSpacerStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { SquareProperties } from '../patterns/square';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
8
-
9
-
10
- export declare const Square: FunctionComponent<SquareProps>
@@ -1,14 +0,0 @@
1
- import { createElement, forwardRef } from 'react'
2
-
3
- import { splitProps } from '../helpers.mjs';
4
- import { getSquareStyle } from '../patterns/square.mjs';
5
- import { styled } from './factory.mjs';
6
-
7
- export const Square = /* @__PURE__ */ forwardRef(function Square(props, ref) {
8
- const [patternProps, restProps] = splitProps(props, ["size"])
9
-
10
- const styleProps = getSquareStyle(patternProps)
11
- const mergedProps = { ref, ...styleProps, ...restProps }
12
-
13
- return createElement(styled.div, mergedProps)
14
- })
@@ -1,10 +0,0 @@
1
- /* eslint-disable */
2
- import type { FunctionComponent } from 'react'
3
- import type { StackProperties } from '../patterns/stack';
4
- import type { HTMLStyledProps } from '../types/jsx';
5
- import type { DistributiveOmit } from '../types/system-types';
6
-
7
- export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
8
-
9
-
10
- export declare const Stack: FunctionComponent<StackProps>